* {margin: 0;padding: 0;}
html {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
body {font: 16px/20px 'PT Sans', sans-serif;width: 100%;height: 100%; background-color:#F9F9F9;}
.wr {width: 1200px; margin: 0 auto; display:block;  }
a {color:#026FA7;  text-decoration:none;}
a:hover {color: #003A6E;   text-decoration:none; }

h1 {font-size: 36px; line-height:2em; text-align:center; font-family: 'Roboto', sans-serif; color:#000;  margin-top:10px;   font-weight: normal;}
h2 {font-size: 28px;  line-height:1.5em; font-family: 'Roboto', sans-serif; font-weight: normal; color:#000; margin-top:10px;}
h3 {font-size: 22px;  line-height:1.5em;  font-weight: normal;}
h4 {font-size: 16px;  line-height:1.5em; font-weight:normal; text-align:center; }
p {margin:20px 0;     font-size: 16px;  line-height:1.5em; text-align:justify; }
table{border-collapse:collapse;border-spacing:0; font-size:14px;width:100%; clear:both; margin:18px 0 18px 0;padding:5px;}
tbody {background:#eee; border:1px solid #BDBDBD;}
td,th{border:1px solid #BDBDBD; padding:.4em 10px;text-align:center;}
th{background:#DFDFDF; border:1px solid #BDBDBD; color:#010101; }
td{text-align:left; }
tr:nth-child(odd){background:#fff;}
tr:hover {background:#DFDFDF; border:1px solid #BDBDBD;}


/* Header
-----------------------------------------------------------------------------*/
.header {height: 60px;  font-family: 'Roboto Condensed', sans-serif;   width:100%; position:fixed; top:0; background:#fff; z-index:100; webkit-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.1);-moz-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.1);box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.1); }
.header-index {height: 60px; padding-top:20px; font-family: 'Roboto Condensed', sans-serif;   width:100%;  }
.page_index{height:100%; width:100%; background:url(images/main.jpg) center top; background-size:cover;}
.page_index .phone, .page_index .nav a {color:#fff; }
.page_index .nav a {font-size:18px; border-bottom:1px solid rgba(255, 255, 255, .3);}
.page_index .nav a:hover { color:#fff; text-decoration:none;  border-bottom:1px solid #fff;}
.page_index .nav {margin-top:15px;}
.page_index .phone {font-size:20px; line-height:1.6; padding-top:8px;}
.page_index .phone span {font-size:14px; color:#eee;}
.page_index .logo {margin-top:10px;}
.page_index .logo img {float:left; width:220px;}
.logo {float:left; height:50px; margin-top:5px;}
.logo img {width:180px;}
.logo  a {border-bottom:none;}
.contact {float:right; padding-top:17px; display:block;}
.mob_cont {display:none;}
.phone {font-size: 20px; line-height:1.2em; color:#000;}
.phone span {font-size:14px; color:#333; text-align:right;}
.city {text-align:right; font-size:16px;}
.mail {text-align:right; font-size:14px; font-weight:bold; line-height:150%;}
.nav {display:block; float:left; margin-left:50px; margin-top:5px;}
.nav ul li {display:inline-block; list-style:none; font-size:16px; padding: 15px 26px; }
.nav a {display:block; color:#333; border:none; border-bottom:1px solid #eee; text-decoration:none;}
.nav a:hover {color:#026FA7; border-bottom:1px solid #026FA7;}

/* Middle
-----------------------------------------------------------------------------*/
.content {padding: 80px 0 120px; min-height: 100%;height: auto !important;height: 100%; position:relative; display:block; font-family: 'Roboto Condensed', sans-serif;}
.content:after{content:''; display:table; clear:both;}

.page img { margin-right: 5px;padding: 3px;}
.page ul {margin-left:25px!important;}
.page ul li {line-height: 1.5em;}
.mainblock {position:relative; display:block;  clear:both;  width:100%; height:auto;   margin:30px 0;}
.mainblock h4{line-height:120%; padding:10px; z-index:1;  }
.caregory {display:table; overflow: hidden; box-sizing: border-box; position:relative; margin:0 -5px;}
.mainblock_prod {display:block; overflow: hidden; box-sizing: border-box; padding:20px; width:270px; height:340px;  background:#fff; position:relative; margin:5px; border:1px solid #EEEEEE; float:left; border-radius:3px;}
.mainblock_prod:hover {background:#fff; border:1px solid #DFDFDF;}
.mainblock_prod img {display:block; margin:5px auto;width:210px; padding:10px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;}
.mainblock_prod:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);}
.mainblock_prod a {color:#026FA7; border-bottom:1px solid rgba(2, 111, 167, .3); }
.mainblock_prod:hover a{ text-decoration:none; border-bottom:1px solid #026FA7;}
.endinfo {position: absolute;width:100%;height: 15px;background: url(images/end.png)  0 0 repeat-x; z-index:10; bottom:0; right:0;}

.main {background:#fff; border:1px solid #EEEEEE; border-radius:3px;  margin:15px 10px 0 0; padding:10px 20px;  font-family: 'Roboto Condensed', sans-serif; display:block; position:relative; overflow:hidden;}
.main ul {margin:10px 25px; }
.main ul li {list-style-type: square;  margin: 10px 0; line-height:1.5em;}
.main ol {margin:10px 25px; }
.main ol li {margin: 10px 0;}
.otzyvy {padding:0 0 30px;}
.otzyvy p a {float:right; margin-right:30px;}

.brandblock {display:inline-block; width:270px; height:110px;  background:#fff;  margin:5px; border:1px solid #EEEEEE; float:left; border-radius:3px; position:relative;}
.brandblock:hover  {border:1px solid #DFDFDF;}
.brandblock img {display:block; margin:5px auto;width:210px; padding:10px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;}
.brandblock:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);}
.brandblock:hover a{ text-decoration:none; border-bottom:1px solid  #fff}
.gray {background:#eee;}
.brandblock p {margin:0; padding:0; height:50px; text-align:center; font-family: 'Roboto Condensed', sans-serif; position:relative; margin-top:40px; }
.brandblock span {font-size:2.5em; color:#333;  font-family: 'PT Sans Caption', Arial, sans-serif; position:absolute; left:15px; top:-2px;}
.brandblock:hover span{color:#026FA7;}
.brandblock:hover a {text-decoration:none; border:none;}
.brandblock a {color:#333; position:absolute; top:0; bottom:0; left:0; right:0;}

.indexbg { width:100%;  height:180px;display:block; margin:-180px 0 0 0; border-radius:10px;}
.indexbg h1 {color:#fff; line-height:1.5em; float:left; margin:0; font-size:42px; font-weight:700; font-family: 'PT Sans Caption', Arial, sans-serif; clear:both;}
.indexbg p{ font-size:20px;  font-family: 'Roboto Condensed', sans-serif; margin:0; text-align:left;  color:#fff; line-height:1.5em; clear:both;}


.maintitle {font-size:2.6em; font-weight:700; line-height:1.2; text-align:left; margin:25px 0 25px 0;}
.maintitle:after { content: "";display: block;  width: 60px;  height: 3px; margin-top: 17px;background-color: #026FA7;}
.pagetitle {font-size:2.6em; font-weight:700; line-height:1.2; text-align:left; }
.pagetitle:after { content: "";display: block;  width: 60px;  height: 3px; margin-top: 17px;background-color: #026FA7;}

p.utp {color:#eee; padding-top:20px; font-size:18px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.sline {display:table; width:100%; clear:both; height:5px;}

.super_block {position: relative;box-sizing: border-box; vertical-align:middle;  margin: 0 0 25px 0; vertical-align: middle;  min-height:280px; width: 49%;  display: flex;flex-direction: column; justify-content: space-between;   flex: 1 1 auto;   border-radius: 5px; }
.splash { content: "";position: absolute; top: 0;  right: 0; bottom: 0; left: 0;  border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: background 0.5s ease 0s; transition: background 0.5s ease 0s;}
.splash:hover {background-color: rgba(0, 0, 0, 0.2); }
.super_block h3 {color:#fff; font-size:1.8em; font-weight:700; text-align:left; margin-left:35px; margin-top:35px; line-height:1.2;}
.super_block a {color:#fff; border-bottom:1px solid rgba(255, 255, 255, .3);}
.super_block a:hover {border-bottom:1px solid #fff;}
.super_block ul li {margin:7px 0; list-style:none;}
.super_block ul {margin:35px 35px 35px 5px;}
.super_block p {color:#fff; margin:35px 35px 35px 25px; text-align:left; font:16px/20px Arial, sans-serif; line-height:1.5em;}
.mano {background:url(images/mano2.jpg) top right no-repeat #026FA7; background-size: cover; float:left;}
.thermo {background:url(images/thermo.jpg) center left no-repeat #026FA7; background-size: cover; float:right;}
.drugoe {background:url(images/drugoe.jpg) bottom right no-repeat #026FA7; background-size: cover; float:left;}
.poverka {background:url(images/poverka.jpg) top right no-repeat #026FA7; background-size: cover; float:right;}


.sidebar {background:#fff; border:1px solid #EEEEEE; border-radius:3px;  margin:15px 10px 0 0; padding:10px;  font-family: 'Roboto Condensed', sans-serif;}
.sidebar ul {margin:10px 0 25px 0; }
.sidebar ul li{padding:0 5px 0 10px; border-bottom:1px solid #eee; margin:0; list-style-type:none; }
.sidebar ul li ul {margin:5px 10px;}
.sidebar ul li ul li { padding-left:10px; background: url(images/arr.gif) left center no-repeat; border-bottom:1px solid #eee; }
.sidebar ul li ul li:last-child {border-bottom:none;}
.sidebar ul li ul li:hover {background: url(images/arr2.gif) left center no-repeat; }
.sidebar ul li a {display:block; color:#333; text-decoration:none;padding:7px 5px 7px 15px; }
.sidebar ul li ul li.active {background: url(images/arr2.gif) left center no-repeat #F9F9F9;}
.sidebar ul li.active > a{color:#045DAC; text-decoration:none;}
.sidebar ul li.active > a:hover{color:#045DAC; text-decoration:underline;}
.sidebar ul li ul li.active > a{color:#045DAC; text-decoration:none;}
.sidebar ul li ul li.active > a:hover {color:#045DAC; text-decoration:none;}
.sidebar ul li a:hover {text-decoration:underline; color:#045DAC; }
ul li.first > a {color:red;}
ul li.first > a:hover {color:red;}
.active ul li.first > a {color: #333 !important;}


.sidebar h4 {font-size:120%;   padding:8px; margin:15px 5px 5px 10px;text-align:left; font-weight:700; text-transform:uppercase; font-family: 'PT Sans Caption', Arial, sans-serif;}
.sidebar p {margin-left:20px; margin-bottom:25px;}
.sidebar hr {margin:10px auto; width:150px; height:1px; background:#eee; }
.sidebar .vender  {margin-left:20px;}
.wika_s {background:url(images/wika.png) no-repeat top left; margin-left:10px;}
.wika_s a{margin:5px 5px 5px 65px;}
.rosma_s {background:url(images/rosma.png) no-repeat top left; margin-left:10px;}
.rosma_s a{margin:5px 5px 5px 65px; }
.meter_s {background:url(images/meter.png) no-repeat top left; margin-left:10px;}
.meter_s a{margin:5px 5px 5px 65px;}
.fizteh_s {background:url(images/fizteh.png) no-repeat top left; margin-left:10px;}
.fizteh_s a{margin:5px 5px 5px 65px;}
.manotherm_s {background:url(images/manotherm_s.png) no-repeat top left; margin-left:10px;}
.manotherm_s a{margin:5px 5px 5px 65px;}
.sensors_s  {background:url(images/bd-sensors.png) no-repeat top left; margin-left:10px;}
.sensors_s a{margin:5px 5px 5px 65px;}
.piezus_s  {background:url(images/piezus.png) no-repeat top left; margin-left:10px;}
.piezus_s a{margin:5px 5px 5px 65px;}
.uwt_s  {background:url(images/uwt.png) no-repeat top left; margin-left:10px;}
.uwt_s a{margin:5px 5px 5px 65px;}
.kipvalve_s  {background:url(images/kipvalve.png) no-repeat top left; margin-left:10px;}
.kipvalve_s a{margin:5px 5px 5px 65px;}
.keller_s {background:url(images/keller_s.png) no-repeat top left; margin-left:10px;}
.keller_s a{margin:5px 5px 5px 65px;}
.ekomera_s {background:url(images/eko_m.png) no-repeat top left; margin-left:10px;}
.ekomera_s a{margin:5px 5px 5px 65px;}
.yumas_s {background:url(images/yumas_s.jpg) no-repeat top left; margin-left:10px;}
.yumas_s a{margin:5px 5px 5px 65px; }
.hromdet_s {background:url(images/hromdet_s.png) no-repeat top left; margin-left:10px;}
.hromdet_s a{margin:5px 5px 5px 65px; }

.sale {background: #DA251D; position: absolute; width: 75px; height: 75px;  border-radius: 50%;right: 0; top: 0;z-index: 100; font-family: 'Roboto', sans-serif;}
.sale::before {display: block; content: '%'; color: #fff; font-size: 2.5em; position: absolute; z-index: 101;top: 37%; left: 27%;}
.sales_main {height: 350px; }
.sales_main .mainblock_prod {display: block;}
.sales_main .mainblock_prod a {word-break: normal;}


.sidebar_action a{display:block; opacity:0.8; width:220px; text-decoration:none;  padding-top:200px; padding-left:15px; margin:0 auto; background:url(images/akcii2.png) top center no-repeat; }
.sidebar_action span{color:#fff; text-align:center;  width:210px; line-height:1;  margin:200px 0px 0 0px;}
.sidebar_action a:hover   {opacity:1;}

.redclass {font-family: 'Roboto Condensed', sans-serif; color:#B30000;}
.convert {width:100%; position: relative; display:block; overflow: hidden; margin:10px 0;}
.convert_text {background: #026FA7;  position: relative;  display:block; margin-top:50px;  padding:20px 20px 50px 20px;  border-radius:5px; border:1px solid #eee;}
.convert_text p {color:#fff; margin: 7px 0;}
.convert_text h3{color:#fff; font-weight:normal; text-align:center; line-height:2.5em;}
.convert_text a {color:#fff; text-decoration:underline;}
.convert_text a:hover {text-decoration:none;}
.convert_photo {width:160px; height:160px; border-radius:80px; border:1px solid #eee; margin:20px; background:#fff; display:block; float:left; -webkit-box-shadow: inset -3px 4px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    inset -3px 4px 5px 0px rgba(50, 50, 50, 0.5);box-shadow:inset -3px 4px 5px 0px rgba(50, 50, 50, 0.5);}
.convert_photo img { border:none!important;}
.result {text-align:center; font-weight:bold;} 

.prewpage {clear:both; display:block; width:100%; height: auto !important; height:100%; position:relative;}
.prewpage:before {display:table;content:''; clear:both;}
.prewpage p {line-height: 1em;}
.prewpage img {border: 1px solid #CDCDCD; margin:0 15px 5px 0;}
.prewpage span {font-weight:bold; padding-right:5px;}
.prewpage a {padding:7px 25px; width:200px; text-align:center; border:#CDCDCD; border-radius:4px; background:#006DF0; color:#fff; cursor:pointer; text-transform:uppercase;  font-family: 'PT Sans Caption', Arial, sans-serif; font-size:16px; ;}
.prewpage a:hover {background:#003949; }
.red {color:#FA0200;}

.best h2 {text-align:center;}
.bestblock {display:inline-block; width:20%; text-align:center; height:170px; padding:10px; margin:10px;  font-family: 'Roboto Condensed', sans-serif; }
.bestblock img {display:block; margin:5px auto 10px;}

.noborder tbody {background:#F2F2F3; border:none;}
.noborder td,.whiteteble th{border:none; padding:.4em 10px;text-align:center;}
.noborder th{border:none; background:#F2F2F3; color:#010101; font-weight:bold;}
.noborder tr:hover {background:#F2F2F3; border:none;}
.noborder tr:nth-child(odd){background:#F2F2F3;}
table img {border:1px solid #A9A9A9; display:block; margin:0 auto;}

.breadcrumbs {margin:5px 0; color:#666666; list-style-type: none; display: block; clear: both; height: 20px;}
.breadcrumbs li {float: left; padding-left:4px;}
.breadcrumbs li:first-child {padding-left: 0;}
.act {border-bottom:4px solid #006DF0;}

button {cursor:pointer; padding: 0.5em 3em; margin:1em auto; font-size:18px;outline: none;box-sizing: border-box; vertical-align: middle; text-align:center;  }
.btn_bank {background:#FFCB00; color:#000;    border: none; background-color: #ffcb00; border-bottom: 2px solid #e8a800; border-radius:4px;}
.btn_bank:hover {background:#ffd533;}

.border_button {padding:10px 35px; border:1px solid #026FA7; border-radius:5px; margin:20px 0;}
.border_button:hover {background:#026FA7; color:#fff; -webkit-transition: background 1s ease 0s; transition: background 1s ease 0s;}
.photo {display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.photo img {width:31%; margin-bottom:15px;}


.t_left, .t_right, .one_tree_l, .one_tree_r, .two_tree_l, .two_tree_r {display:block; position:relative; overflow:hidden;}
.t_block {display:table; clear:both;  width:100%; float:none; margin:10px 0; padding:0;position:relative;}
.t_left {float:left; width:47%; }
.t_right {float:right; width:47%;}
.one_tree_l {float:left; width:33%; }
.one_tree_r {float:right; width:33%; }
.two_tree_l {float:left; width:67%; }
.two_tree_r {float:right; width:67%; }
.one_four {float:left; width:25%; }
.tree_four {float:right; width:75%;}
.t_pad {padding:20px 0;}

.fastlink { position: relative; background: url(images/tag.png) top left no-repeat #F9F9F9;border: 1px solid #EEEEEE; border-radius: 3px; padding:15px 15px 15px 45px;}
.catscart {width:150px; height:50px; float:left; padding:5px;  margin:12px 7px 7px 0; border-radius:3px; border:1px solid #eee;}
.catscart:hover {border:1px solid #DFDFDF;}
.catscart img {padding:5px 20px; width:110px !important ;-webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%);filter: grayscale(50%);filter: gray; /* IE 6-9 */}
.catscart:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%);filter: none; /* IE 6-9 */}
.cart_brand {position:absolute; right:10px; z-index:10; top:190px; border-radius:3px; border:1px solid #BEBEBE; height:30px; width:70px;}
.cart_time {position:absolute; right:10px; z-index:10; top:190px; border-radius:3px;  padding:6px 10px; width:70px; background: #026FA7; color:#fff;}
.wika {background:url(images/wika.png) no-repeat top left #fff;}
.rosma {background:url(images/rosma.png) no-repeat top left #fff;}
.meter {background:url(images/meter.png) no-repeat top left #fff;}
.ekomera {background:url(images/ecomera.png) no-repeat top left #fff;}
.fizteh {background:url(images/fizteh.png) no-repeat top left #fff;}
.izmereno {background:url(images/izmereno.png) no-repeat top left #fff;}
.manotherm {background:url(images/manotherm.png) no-repeat top left #fff;}
.bd-sensors {background:url(images/bd-sensors.png) no-repeat top left #fff;}
.piezus {background:url(images/piezus.png) no-repeat top left #fff;}
.mida {background:url(images/mida.png) no-repeat top left #fff;}
.utw {background:url(images/uwt.png) no-repeat top left #fff;}
.kipvalve {background:url(images/kipvalve.png) no-repeat top left #fff;}
.keller {background:url(images/keller.png) no-repeat top left #fff;}
.jumas {background:url(images/jumas.jpg) no-repeat top left #fff;}
.hromdet {background:url(images/hromdet.png) no-repeat top left #fff;}
.rasko {background:url(images/rasko.jpg) no-repeat top left #fff;}

input {width:400px; clear:both;  display:block;margin:10px 120px; height:30px; font: 14px/18px Arial, sans-serif; padding:3px;}
textarea {width:400px; height:150px;  margin:10px 120px; resize:none; font: 14px/18px Arial, sans-serif; padding:3px;}
button {padding:5px 20px; font-family: 'Roboto Condensed', sans-serif; color:#fff;  display:block; clear:both; text-transform:uppercase; cursor:pointer; background:#396D99; border:1px solid #83A8CB; border-radius:4px; box-shadow: 0 1px 0 rgba(0,0,0,.07);}
button:hover {background:#0D175B;  color:#fff; box-shadow:none;}
.result {text-align:center; font-weight:bold;} 
#map {margin:20px 0 30px 0;}
.contactleft {float:left; width:50%; margin-bottom:50px;}
.contactright {float:left; width:45%; padding-top:10px; padding-left:30px;}
.contactright p {margin:20px 0; font-family: 'Roboto Condensed', sans-serif; font-size:18px; border-bottom:1px solid #eee;}
.contactright span{border-radius:3px; padding:4px; margin-right:5px; color:#fff;}
.budnij {background:#0A8CBE;}
.vyhodnoj {background:#FE0001;}

.contactleft input {width:400px; clear:both;  display:block;margin:10px 40px; height:30px; font: 14px/18px Arial, sans-serif; padding:3px;}
.contactleft textarea {width:400px; height:150px;  margin:10px 40px; resize:none; font: 14px/18px Arial, sans-serif; padding:3px;}
.contactleft button {padding:5px 20px; display:block; font-family: 'Roboto Condensed', sans-serif; clear:both; text-transform:uppercase; margin:10px 40px; cursor:pointer; background:#396D99; border:1px solid #83A8CB; border-radius:4px; color:#fff;  box-shadow: 0 1px 0 rgba(0,0,0,.07);}
.contactleft button:hover {background:#0D175B; color:#fff; box-shadow:none;}
.contactleft h2 {margin:10px 0 10px 40px;}
.contactrigh h2  {margin:15px 0 15px 0;}
.techtitle {margin-top:90px;}
#map {border:1px solid #eee;}


.left_img img{max-width:100%; min-width:250px;}
.right_txt {padding-left:15px;}
.brand_page {text-transform:capitalize;}

.files {margin-left: 0!important;}
.files li {list-style-type:none !important;}
.files li::before {content: ''; display: block; float: left; width:18px; height:24px; margin-right: 8px; background: url(images/pdf-i.png) top left no-repeat; background-size: cover;}

/* Footer
-----------------------------------------------------------------------------*/
.footer {width:100%;height: 220px; height:auto; background-color:#2d303f; bottom:0;  color:#fff; font-size:14px; font-family: 'Roboto Condensed', sans-serif;}
.footer a {color:#eee; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.footer a:hover {color:#fff; border-bottom:1px solid #fff;}
.footer .wr {padding-top:30px;}
.footer ul li {list-style:none;}
.footer h4 {text-align:left; font-size:150%; margin-bottom:15px; font-family: 'Roboto Condensed', sans-serif;}
.footer img {margin-bottom:25px;}
.copy {display:table; clear:both; color:#C1C1C1; height:20px; width:100%; margin-top:30px; border-top: 1px solid rgba(255, 255, 255, .3);}

.clearline {display:table; width:100%; height:10px;}
.clearl {display:table; width:100%; height:20px;}

.thumbnail{position: relative;z-index: 0;}
a.thumbnail  {display:block; border:none;}
a.thumbnail:hover {border:none;}
.thumbnail:hover{background-color: transparent;  z-index: 100;}  
.thumbnail span{position: absolute;  background-color: #fff;  padding: 5px;  left: -1000px;  border: 1px solid #CDCDCD;  visibility: hidden;  text-align:center; color: #545454;  text-decoration: none;  border-radius: 4px 4px 4px 4px;  -moz-border-radius: 4px 4px 4px 4px;  -webkit-border-radius: 4px 4px 4px 4px;  }  
.thumbnail span img{border-width: 0; padding: 2px;width:300px;}  
.thumbnail:hover span{ visibility: visible;  top: -100px;  left: 120px;} 

.adress {width:100%; height:auto; clear:both;}
.adress img {float:right; display:block; margin:5px;}
.adress p {border-bottom:1px solid #eee; margin-top:-5px;}
.adress span{color:#666666;}

.result {font-size:16px; text-align:center;}

#map {width:100%;}
.certificates-item {width: 150px; height: 216px;float: left; margin: 10px 22px; padding: 12px 15px;background: url(images/certificate-bg.png) center top no-repeat; position: relative;}
.certificates-item img {width: 150px; height: 216px;}
.certificates-item a {border-bottom:none !important;}
.contactform {width:100%; clear:both; background: url(images/bg14.png);}
.contactform form {width:420px; display:block;  margin:10px auto;}
.contactform input {width:400px; margin:7px; font-size:16px; padding:5px; height:24px; font-family: 'PT Sans Caption', Arial, sans-serif; clear:both; float:none;}
.contactform label {width:400px; font-size:14px; padding:5px; font-family: 'PT Sans Caption', Arial, sans-serif; clear:both;  float:none;}
.contactform textarea {width:400px; height:90px; margin:7px; font-size:16px; padding:5px; font-family: 'PT Sans Caption', Arial, sans-serif; resize:none; clear:both;}
.contactform button {float:right; margin:7px 0 7px 5px; padding:7px 25px; font-size:16px; display:block; text-align:center; border:#CDCDCD; border-radius:4px; background:#006DF0; color:#fff; cursor:pointer; text-transform:uppercase;}
.contactform button:hover {background:#003949; }
.pdf {background:url(images/pdf.png) center left no-repeat; padding-left:35px; padding-top:10px; height:30px; display:block; text-align:left; border:none;}
.dwg {background:url(images/dwg.png) center left no-repeat; padding-left:35px; padding-top:10px; height:30px; display:block; text-align:left; border:none;}
.pdf:hover{border:none;}
.dwg:hover{border:none;}
img.album-img  {border: 6px solid #cf9468;  box-shadow: 0px 9px 8px 2px rgba(0,39,99,.13);}
#menu-checkbox{display:none;}
.bottom_up {border:1px solid #004D92; width:100%; display:block; box-sizing: border-box; padding:20px; margin:25px 0;}
.bottom_up p {color:#004D92;  font-size:200%; font-weight:700; text-align:center; }
.bottom_up a { padding: 0.5em 3em; color:#000; display:block; margin:1em auto; width:350px; font-size:18px;outline: none;box-sizing: border-box; vertical-align: middle; text-align:center;}
.bottom_up a:hover {color:#000; text-decoration:none; border-bottom: 2px solid #e8a800;}
.only_desctop {display:block;}
.only_mobile {display:none;}
.title_left {text-align:left; padding:0 10px;}
.search_block {margin-bottom:15px;}
.search {width: 87%;position: relative;}
.sanctions {display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between; flex-wrap: nowrap;}
.sanctions img {flex-basis:25%; width:25%;}


.characteristics__item, .characteristics tr {display: flex; position: relative; align-items: center; padding: 5px 0; border-bottom: 1px solid #BDBDBD;}
.characteristics__name, .characteristics__value, .characteristics td {width: 50%; display: block;}


.search input {
  margin: 20px 15px 15px 15px !important;
  border: none;
}
.search .input {
  width: 100%;
  padding: 8px 37px 9px 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);
  border-radius: 3px;
  background: #EEE;
  font: 13px Tahoma, Arial, sans-serif;
  color: #555;
  outline: none;
}

.search .input:focus {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  background: #E8E8E8;
  color: #333;
}

.search .submit {
  position: absolute;
  top: -20px;
  right: -28px;
  width: 37px;
  height: 100%;
  cursor: pointer;
  background: url(images/go.png) 50% no-repeat;
  opacity: 0.5;
}

.search .submit:hover {
  opacity: 0.8;
}
input[type="search"] {
  -webkit-appearance: none;
}

*+html .search {
  width: 28%;
  padding: 0 52px 0 0;
}
.search .input {
  border: 1px solid #DFDFDF;
  border-top: 1px solid #B3B3B3;
  padding-top: 7px;
  padding-bottom: 8px;
}
.search .input:focus {
  border: 1px solid #CFCFCF;
  border-top: 1px solid #999;
}
.search .submit {
  filter: alpha(opacity=50);
}
.search .submit:hover {
  filter: alpha(opacity=80);
}

#btn-menu{display: none;}
#btn-menu + label{  display: none; position: relative;  color: #C0C0C0;  height: 20px; z-index: 1; cursor: pointer;}
#btn-menu + label:before{ content: '\f0c9';   display: inline-block; font-family:'FontAwesome'; font-size: 24px;}
#btn-menu:checked + label:before{content: '\f00d';color: #C0C0C0;}
.header-index #btn-menu + label{color: #fff;}
.header-index #btn-menu:checked + label:before{color: #fff;}

.newline {width:100%; color:#fff;  top:0; height:45px; z-index:10000; opacity: 1; background:#026FA7; text-align:center;}

#scrollup {position: fixed; opacity: 0.8;padding: 5px; background: #aaa;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;right: 10px;bottom: 10px;display: none; cursor: pointer;}

@media screen and (max-width:980px){
.wr {margin: 0 auto;width: auto;overflow: hidden;}
.header { height: auto; padding: 5px;}
.indexbg { background: url(images/index2.jpg) no-repeat scroll center top;height: auto;padding: 0px 5px;width: auto; margin: -280px 0 0 0; padding-bottom:50px;}
.indexbg p{ text-align: center;  font-size:1em;}
.indexbg h1 {text-align:center; float:none; font-size:2.2em;line-height: normal; padding-top: 5px;}
.indexbg .wr{ text-align: center;}
.indexbg img { margin: 0 auto;width: 260px;}
img{max-width:100%;height:auto;}
.phone {text-align:right; margin-right:10px;}
.nav{overflow:hidden;margin-left:10px; margin-top:22px;}
.nav ul {display:absolute;}
.nav ul li {display: block;   margin-bottom: 0; padding: 5px;}
.page_index .nav a {border-bottom:none; font-size:16px;}
.page_index .nav a:hover {border-bottom:none;}
.border_button {display:block; width:200px; text-align:center; margin:5px auto;}
.mainblock {background-color: #ffffff; clear: both;  display: block; height: auto;  margin: 10px auto 20px; padding: 20px 0; position: relative;  text-align: center;  width: auto;}
.best{text-align:center;}
.bestblock { width: 200px;}
.footer { height: auto;padding-bottom:10px;}
.footer .wr{text-align:center; width:95%;}
.footerblock img { padding-right: 0;}
.slogan {margin-left: 5px;}
.product {width:45%; margin:10px auto 25px;}
.partners{height:100%;}
.page_index .nav {margin-top: 28px;}
#btn-menu + label{ display: inline-block;}
#btn-menu + label + .list-menu{display: none; }
#btn-menu:checked + label + .list-menu{ display: block; top:60px; left:0; padding:25px 0; position:absolute;  width:100%; background:#eee;webkit-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.1);-moz-box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.1);box-shadow: -1px 4px 2px -1px rgba(0,0,0,0.1); }
#btn-menu:checked + label + .list-menu a {color:#000;}
#btn-menu:checked + label + .list-menu a:hover {border-bottom:none;}
.footer h4 {text-align:center;}
.photo {display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between;}
.photo img {width:48%; margin-bottom:15px;}
.breadcrumbs {height: 36px; margin:0 10px;}
}

@media screen and (max-width:620px){
.only_desctop {display:none;}
.only_mobile {display:block;}
.indexbg {margin: -150px 0 0 0; padding-bottom:20px;}
.indexbg img {float: none;}
.indexbg p{ text-align: center;  font-size:1em;}
.indexbg h1 {text-align:center; float:none; font-size:1.8em;line-height: normal; padding-top: 5px;}
.page_index .logo {margin-top:5px;}
.page_index .nav, .nav { float:right; margin-top:13px; margin-right:20px;}
.page img {clear:both!important; display:block; float:none!important;}
.header {text-align: center;}
.cats {clear:both; position:relative; float:none; display:table;}
.catscart {width:43%;}
.catscart img {margin:10px;padding:0;}
.header-index {padding-top:10px;}
.logo {float:left; width:30%; height:auto; margin-bottom:10px;}
.logo img {float:left;}
.page_index .logo {margin-left:5px;}
.contact {display:none;float: right; width:40%; margin-top: 0px; padding-top:0;margin-bottom: 5px;}
.mob_cont {display:block; float: left; width:40%; padding-top:0;margin-top:15px; margin-left:15px;font-size:14px;}
.mob_cont i {color:#C0C0C0; padding-right:3px;}
.mob_cont a {color:#333; border-bottom:1px solid #eee;}
.mob_cont a:hover {color:#000;}
.page_index .mob_cont a {color:#C0C0C0; border-bottom:1px solid #C0C0C0;}
.page_index .mob_cont a:hover {color:#eee;}
.nav ul li {display:block; text-align:left; margin-left:25px;border-bottom:0;}
.nav ul li:hover {border-bottom:0;}
.nav ul li a, .nav ul li a:hover {border-bottom:0;}
.list-menu a, .list-menu a:hover {border-bottom:0;}
.mail { text-align: center;}
.phone {font-size:12px; line-height:1.2;}
.phone span {display:none;}
.maintitle {text-align:center;font-size:1.8em; padding:5px 15px;}
.pagetitle {text-align:center;font-size:1.8em; margin-bottom: 10px;}
.maintitle:after { content: none; }
.pagetitle:after { content: none; }
.bestblock {margin:0 auto; display:block; width:45%;}
.main {margin:15px 0; padding:10px;}
h1 {font-size: 19px;line-height: normal; padding-top: 5px;}
h2 {margin-left:10px;}
p {padding:5px 10px; font-size: 14px; margin:0;}
table{display:block;overflow:auto;}
.mainblock_prod {text-align:center;}
.mainblock_prod a {text-align:center;}
.convert_text h3 {line-height:1.3; margin:15px 0;}
.convert_text p {text-align:left;}
.right_txt {padding-left:0; }
.right_txt p {padding:0 10px; margin:10px 0; text-align:left;}
.content {padding-top:85px!important;}
.content ul {margin: 10px 10px 10px 25px; font-size: 14px; list-style-type:square;}
.content ul li {padding-left: 0px;}
.breadcrumbs {font-size: 14px; list-style-type: none!important; height: 36px;}
.fastlink  {font-size: 14px;}
.act {border-bottom: medium none;}
.slogan {display:none;}
.footerlogo {display:none;}
.footerblock {width:70%;}
.footer h4 {text-align:center; margin-top:15px;}
.contact {margin-top:5px; padding-right:7px;}
.prewpage img {float:none; width:100%;}
.prewpage a {float:none; width:100%; margin:0 auto;}
.indexbg .wr img {display:block; margin:0 auto; float:none;}
.indexbg p {padding-top:10px;padding-left:0px; padding-bottom:20px; text-align:center;}
.content {padding:0 10px;}
.mainblock {position:relative; text-align:center; padding-left:2%;}
.brandblock {width:44%; margin:2%; display:block; height:80px;}
.brandblock img {width:85%; padding:0; margin:10px auto;}
.mainblock_prod {width:95%; margin:10px auto 15px; float:none; position:relative;  height:100%;}
.mainblock_prod img {margin:5px auto;width:80%;}
.mainblock_prod h4{margin-bottom:15px;}
.product {width:80%; margin:10px auto 25px; float:none; position:relative; height:100%;}
h2 {line-height: normal; font-size:20px;}
.photos img {max-width:95%; margin:10px auto;}
.utp {display:none;}
.indexbg button {float:none; margin:20px auto;}
.t_left {float:none; width:100%;}
.t_right {float:none; width:100%;}
.one_tree_l {float:none; width:100%;}
.one_tree_r {float:none; width:100%;}
.two_tree_l {float:none; width:100%;}
.two_tree_r {float:none; width:100%;}
.one_four {float:none; width:100%;}
.tree_four  {float:none; width:100%;}
.one_tree_l img, .one_tree_r img, .two_tree_l img, .two_tree_r img, .tree_four img  {margin:5px auto; display:block;}
.partner { margin:25px auto;}
.partnerblock{float:none; width:80%; display:block;  margin:25px auto;}
.partnerblock img{clear:both;width:80%;}
.super_block  {float:none; width:95%; margin:15px auto;}
.super_block h3 {margin-top:15px;}
.super_block ul {margin:15px 15px 15px 35px;}
.super_block p {margin:15px 15px 15px 25px;}
p.border_button {margin: 20px auto;}
.contactright h2, .contactleft h2{text-align:center;}
.contactright {padding-left:0;}
.contactright p {margin:5px 0; font-size:14px;}
.contactright p:last-child {border:none;}
.contactleft form {width:340px; display:block;  margin:10px auto; padding:0;}
.contactleft input {width:320px; float:left; margin:15px 7px; height:30px; font: 14px/18px Arial, sans-serif;  font-size:16px; padding:5px; height:24px; clear:both; float:none;}
.contactleft label {width:320px; float:left; font-size:14px; padding:5px; clear:both;  float:none;}
.contactleft textarea {width:320px; height:90px; margin:0 7px; font-size:16px; padding:5px; resize:none; clear:both;}
.contactleft button{margin:15px auto;}
.fastlink {background:#F9F9F9; background-image:none; padding: 15px; margin:10px 0;}
.otzyvy p {text-align:center; padding-top:20px;}
.otzyvy p a {float:none; margin-right:0;}
.sidebar {margin:15px 0;}
.search {width:94%;}
.search .input {padding:15px;}
.spoiler {margin:0 15px;}
.spoiler > input + label:after{content: "\2193";float: right; font-size:18px;}
.spoiler > input:checked + label:after{content: "\2191";float: right; color:#045DAC;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.spoiler > input + label {font-size:18px; font-weight:500; cursor:pointer; padding:15px; }
label[for=spoilerid_1] {border-bottom:1px solid #eee;}
.spoiler > input + label:hover {-webkit-filter: brightness(105%);}
.spoiler > input:checked + label {}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body {background:#fff; margin-bottom:15px; margin-top:-5px; transition: 1s;}
.spoiler_body ul li {list-style-type:none;}
.photo {display:flex; flex-direction:column; }
.photo img {width:98%; margin-bottom:15px;}
.sanctions {flex-direction: column;}
.sanctions img {flex-basis:50%; width:50%;}
}

@media screen and (max-width:480px){
.slogan {display:none;}
.contact {margin-top:5px;}
.prewpage img {float:none; width:100%;}
.prewpage a {float:none; width:100%; margin:0 auto;}
.phone {font-size:16px; margin-top:5px;}
.page_index .phone {font-size:16px;}
.indexbg {margin: -280px 0 0 0; padding-bottom:20px;}
}