@charset "UTF-8";
/* ===========================
   Normalize
   =========================== */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}




div.prioritet_firms {
padding: 28px 0px 25px 0px;
margin: 35px 0px 15px 0px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
width: 95%;
}
div.prioritet_firms div.p_maintable{
padding: 15px 5px 0px 0px;
margin: 0px;
}

div.p_firm {
padding: 0px 0px 20px 0px;
margin: 0px;
}

div.p_firm img {
padding: 0px;
margin: 0px 0px 7px 0px;
clear: both;
}
div.p_firm_name {
padding: 0px;
margin: 0px 0px 2px 0px;
}

div.p_firm div.txt {
padding: 0px;
margin: 4px 0px 0px 0px;
}

table.maintable_nyear {
padding: 0px;
margin: 17px 0px 14px 0px;
width: 75%;
}

table.maintable th,table.maintable_nyear th.n_b{
padding: 0px 0px;
height: 53px;
border: 1px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
text-align: center;
color: #4e002c;
background-color: #f7f7f7;
}
table.maintable_nyear th.n_b{
font-weight: normal;
padding: 0px 5px;
}

table.maintable_nyear td {
padding: 10px 5px 8px 9px;
border: 1px solid #e3e3e3;
text-align: center;
}

table.maintable_nyear td.right_bord_l {
border-right: none;
text-align: left;
}

table.maintable0 {
padding: 0px;
border: none;
}

table.maintable0 td.icon {
border: none;
vertical-align: middle;
background-color: #f2f2f2;
padding: 0px 0px 0px 0px;
}

table.maintable {
padding: 0px;
margin: 17px 0px 14px 0px;
width: 85%;
}

table.maintable_adv {
padding: 0px;
margin: 17px 0px 14px 0px;
width: 95%;
}

table.maintable th,table.maintable th.n_b{
padding: 0px 0px;
height: 53px;
border: 1px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
text-align: center;
color: #4e002c;
background-color: #f7f7f7;
}
table.maintable th.n_b{
font-weight: normal;
padding: 0px 5px;
}
table.maintable th.tbl_header {
height: 48px;
border-left: none;
border-right: none;
border-bottom: 1px solid #e3e3e3;
text-align: left;
background-color: #fff;
}
table.maintable th.col_date {
height: 28px;
padding: 5px 0px 0px 0px;
color: #7c7c7c;
font-weight: normal;
font-size: 8pt;
border-bottom: 1px solid #e3e3e3;
border-left: none;
border-right: none;
background-color: #fff;
}

table.maintable th.adv{
padding: 0px 0px;
height: 55px;
border: 1px solid #e3e3e3;
border-left: 0px;
border-right: 0px;
text-align: center;
color: #0f4699;
background-color: #f4f4f4;
}

table.maintable th.adv a:link,
table.maintable th.adv a:visited,
table.maintable th.adv a:hover,
table.maintable th.adv a:active {color: #0f4699; text-decoration: underline;}


table.maintable td {
padding: 10px 5px 8px 9px;
border: 1px solid #e3e3e3;
text-align: center;
}

table.maintable td.left_bord {
border-left: none;
text-align: left;
}

table.maintable td.left_bord_grey {
border-left: none;
text-align: left;
background-color: #f2f2f2;
}

table.maintable td.left_bord_cif {
width: 51px;
border-left: none;
text-align: center;
vertical-align: middle;
}

table.maintable td.left_bord_b_company {
text-align: left;
font-weight: bold;
height:28px; 
width:230px;
vertical-align: middle;
background-color: #fff;
}

table.maintable td.left_bord_b_company img {
  float: left;
  margin: 0 0 0 4px;
}

table.maintable td.left_bord_b_company span {
   margin: 4px 0px 0px 40px;
}

table.maintable td.left_bord_b_grey {
text-align: left;
font-weight: bold;
height:28px; 
width:230px;
vertical-align: middle;
background-color: #f2f2f2;
}

table.maintable td.left_bord_b_grey img {
  float: left;
  margin: 0 0 0 4px;
}

table.maintable td.left_bord_b_grey span {
   margin: 4px 0px 0px 40px;
}

table.maintable td.right_bord {
border-right: none;
}

table.maintable td.right_bord_l {
border-right: none;
text-align: left;
}

table.maintable td.bord_tb {
padding: 25px 15px 15px 15px;
border-left: none;
border-right: none;
text-align: left;
}

table.maintable td.bord_tb2 {
padding: 3px 5px 0px 10px;
text-align: left;
vertical-align: middle;
height: auto;
}


table.maintable_lig {
padding: 0px;
margin: 4px 0px 14px 0px;
width: 85%;
border-top: 1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
}

table.maintable_lig td {
padding: 10px 5px 8px 9px;
border: none;
vertical-align: middle;
}
table.maintable_lig td.linkico {
width: 40%;
}
table.maintable_lig td.linkico img {
padding: 0px 15px 0px 0px;
margin: 0px;
}



span.small_txt {
padding: 0px 0px 0px 5px;
margin: 0px;
color: #999;
font-size: 8pt;
}
span.small_txt a:link,
span.small_txt a:visited,
span.small_txt a:hover,
span.small_txt a:active {color: #999; text-decoration: underline;}

div.smaller_txt {
padding: 0px 0px 0px 5px;
margin: 0px;
color: #999;
font-size: 8pt;
}
div.smaller_txt{
padding: 0px;
}
div.smaller_txt a:link,
div.smaller_txt a:visited,
div.smaller_txt a:hover,
div.smaller_txt a:active {color: #999; text-decoration: underline;}


span.smaller {
color: #999;
font-size: 8pt;
font-weight: normal;
}



.red {
font-family: Arial;
font-size: 8pt;
color: #fe0000;
}
.red_col {
color: #fe0000;
}
.red_col a:link,
.red_col a:visited,
.red_col a:hover,
.red_col a:active {color: #fe0000; text-decoration: underline;}



table.statistika {
padding: 0px 0px;
margin: 21px 0px 0px 0px;
width: 60%;
background-color: #f5f5f5;
}
table.statistika td {
padding: 15px 15px;
font-family: Tahoma;
color: #999;
font-size: 8pt;
}
table.statistika td ul {
padding: 0px;
margin: 0px;
list-style: none;
}

table.statistika td ul li {
padding: 0px 0px 3px 0px;
margin: 0px;
}
.statistika ul li a:link,
.statistika ul li a:visited,
.statistika ul li a:hover,
.statistika ul li a:active {color: #999; text-decoration: underline;}


select.sel {
padding: 2px 2px;
margin: 0px 5px 0px 0px;
width: 276px;
height: 30px;
font-size: 10pt;
font-family: Tahoma;
border: 1px solid #abacae;
color: #666;
}
textarea.txtar {
padding: 2px 2px;
width: 276px;
font-family: Tahoma;
font-size: 10pt;
color: #666;
border: 1px solid #abacae;
}
input.browse {border: 1px solid #abacae; color: #666;}

span.hidden-link {
        color: #0092FF;
        text-decoration: underline; /*-подчеркивание-*/
        cursor: pointer; /*-указатель в виде пальца-*/
}


/* =======================
   Base
   ======================= */
*,
:before,
:after {
  box-sizing: border-box;
}

html {
  background: white;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  color: #666;
}

a {
  color: #0092ff;
}
a:hover {
  text-decoration: none;
}

h1,
h2 {
  font-size: 20px;
  font-weight: normal;
  margin: 30px 0 20px;
  color: #004d9b;
}
h3 {
  font-size: 25px;
  font-weight: normal;
  margin: 30px 0 20px;
  color: #004d9b;
}

h1.with-icon,
h2.with-icon {
  padding-left: 25px;
}
h1.with-icon img,
h2.with-icon img {
  float: left;
  margin: 4px 0 0 -25px;
}

p {
  margin: 0 0 1.25em;
}

/* =======================
   Form
   ======================= */
/* =======================
   Fonts
   ======================= */
@font-face {
  font-family: iconfont;
  font-weight: normal;
  font-style: normal;
  src: url("fonts/iconfont.eot");
  src: url("fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("fonts/iconfont.woff") format("woff"), url("fonts/iconfont.ttf") format("truetype"), url("fonts/iconfont.svg#iconfont") format("svg");
}
.icon {
  font-family: iconfont;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon-search:before {
  content: '\e800';
}

.icon-user:before {
  content: '\e801';
}

.icon-suitcase:before {
  content: '\e802';
}

/* =======================
   Layout
   ======================= */
.container {
  display: table;
  width: 100%;
  min-width: 1098px;
  margin-bottom: 50px;
}

.content {
  display: table-cell;
  padding: 0 30px 0 40px;
  vertical-align: top;
}
.content > *:last-child {
  margin-bottom: 0;
}
.content > *:first-child {
  margin-top: 0;
}

.sidebar {
  display: table-cell;
  width: 280px;
  padding-right: 40px;
  vertical-align: top;
}
.sidebar > *:last-child {
  margin-bottom: 0;
}

.more-link {
  font-size: 12px;
  color: red;
}
.more-link:after {
  content: ' →';
}

/* ==|====================
   Modules/Header
   ======================= */

   .header {
  position: relative;
  min-width: 1098px;
  min-height: 140px;
  padding: 20px 40px;
}
.header:after {
  display: table;
  clear: both;
  content: '';
}

.header__logo {
  position: absolute;
  top: 50%;
  left: 40px;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header__logo img {
  display: block;
}

div.op1 {
  display: block;
}
.header__banner {
  float: right;
}
.header__banner img {
  display: block;
}

.header__banners {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  width: 75%;
}
.header__banners > li {
  float: left;
  width: 33.33%;
  padding-left: 20px;
  text-align: right;
}
.header__banners > li img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.header__banners_prezent {
  float: right;
  width: 75%;
}

.header__banner_prezent {
  float: left;
  width: 33.33%;
  padding-left: 20px;
  text-align: center;
}

.header__banner_sam_prezent {
  float: right;
  width: 180px;
  padding-left: 0px;
  text-align: center;
}

.header__banner_prezent img {
  max-width: 100%;
  width: 180px;
  height: auto;
  vertical-align: top;
}


div.pager {
padding: 3px 3px 3px 0px;
margin: 15px 0px 10px 0px;
word-spacing: 15px;
}
div.pager span{
padding: 1px 5px;
margin: 0px 0px;
border:1px solid #e1e1e1;
font-weight: bold;
color: #0f4699;
}

div.pager a:link,
div.pager a:visited,
div.pager a:active {color: #0092ff; text-decoration: none;}
div.pager a:hover {color: #0092ff; text-decoration: underline;}



div.rubr_li {
padding: 17px 14px 7px 14px;
margin: 38px 0px 0px 0px;
border: 1px solid #e3e3e3;
width: 70%;
}



div.rubr_li ul {
padding: 0px;
margin: 0px 0px 0px 2px;
list-style: none;
}

div.rubr_li ul li {
padding: 4px 0px 15px 38px;
margin: 0px;
}

div.rubr_li ul li.postavsh {
background: url(/img/ico_postavsh.gif) 0px 4px no-repeat;
}

div.rubr_li ul li.fact {
background: url(/img/ico_sklad.gif) 2px 0px no-repeat;
}

div.rubr_li ul li.adv {
background: url(/img/ico_adv.gif) 3px 3px no-repeat;
}
div.rubr_li ul li.spros {
background: url(/img/ico_spros.gif) 2px 3px no-repeat;
}
div.rubr_li ul li.price {
background: url(/img/ico_price.gif) 3px 2px no-repeat;
}
div.rubr_li ul li.stat_obz {
background: url(/img/ico_stat_obz.gif) 5px 0px no-repeat;
}

div.rubr_li ul li.supply {
background: url(/img/supply.gif) 2px 3px no-repeat;
 }


TABLE.price {width: 100%}
TABLE.price TD {font-size: 100%; padding: 5px 10px; border-top: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3}
TABLE.price TR.t TD {color: #1C2B37; font: bold 120% arial, sans-serif; padding: 20px 10px 10px 0; border: none}

TABLE.price TR.h TD {
padding: 0px 0px;
height: 53px;
border: 1px solid #e3e3e3;
border-bottom: 2px solid #e3e3e3;
/*text-align: center; */
vertical-align:middle;
color: #4e002c;
background-color: #f7f7f7;
}

TABLE.price TR.h1 TD {border-bottom: 2px solid #E3E3E3}
TABLE.price TR.h2 TD {border-top: none}
TABLE.price TD.r1 {text-align: right; font-weight: bold}
TABLE.price TD.r {text-align: right}
TABLE.price TD.r2 {text-align: right; border-right: none}
TABLE.price TD.r3 {text-align: right; font-weight: bold; border-right: none}
TABLE.price TD.r4 {line-height: 160%; border-right: none}


div.list_firms {
padding: 35px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}
div.list_firms table.maintable{
padding: 35px 0px 0px 0px;
margin-top: 0px;
}

div.firm {
padding: 0px;
margin: 0px;
}

div.firm h2 {
padding: 0px;
margin: 10px 0px 7px 0px;
clear: both;
}

div.firm img {
padding: 0px;
margin: 0px 0px -4px 0px;
clear: both;
}
div.firm_name {
padding: 0px;
margin: 0px 0px 2px 0px;
}

div.firm div.txt {
padding: 0px;
margin: 4px 0px 0px 0px;
}

div.dwnl_brs {
padding: 0px;
margin: 8px 0px 0px 0px;
}
div.dwnl_brs img {
padding: 0px 8px 0px 0px;
margin: 0px 0px 0px 0px;
}


 table.table_trade0 {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 85%;
border:1px solid #e3e3e3;
}
table.table_trade0 th {
padding: 10px 5px 0px 0px;
color: #4e002c;
text-align: left;
font-size: 12pt;
}
table.table_trade0 td {
padding: 10px 5px 10px 25px;
width: 48%;
}

 table.table_trade {
padding: 0px;
margin: 10px 0px 15px 0px;
width: 85%;
border:1px solid #e3e3e3;
}
table.table_trade th {
padding: 10px 5px 0px 0px;
color: #4e002c;
text-align: left;
font-size: 12pt;
}
table.table_trade td {
padding: 0px 5px 18px 25px;
width: 48%;
}
table.table_trade ul {
padding: 22px 0px 0px 10px;
margin: 0px;
list-style: none;
}

table.table_trade ul li {
padding: 7px 0px 0px 0px;
margin: 0px;
}

table.maintable_lig {
padding: 0px;
margin: 4px 0px 14px 0px;
width: 85%;
border-top: 1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
}

table.maintable_lig td {
padding: 10px 5px 8px 9px;
border: none;
vertical-align: middle;
}
table.maintable_lig td.linkico {
width: 40%;
}
table.maintable_lig td.linkico img {
padding: 0px 15px 0px 0px;
margin: 0px;
}

.form_usual2 {
width:1000px;
padding: 25px 0px 25px 0px;
margin: 40px 0px;
border: 1px solid #e3e3e3;
background-color: #f8f8f8;
}

.form_usual2 table {
width:1000px;
}



.form_usual2 table td, .form_usual2 table th{
padding: 10px 5px 0px 0px;
vertical-align: middle;
}

.form_usual2 table th {
text-align: right;
font-weight: bold;
vertical-align: top;
color:#666;
font-size: 10pt;

width:300px;
padding-right:7px;
height:30px;
vertical-align:middle;

}

.form_usual2 input{
border: 1px solid #abacae;
}
.form_usual {
padding: 25px 20px 25px 20px;
margin: 40px 0px;
width: 580px;
border: 1px solid #e3e3e3;
background-color: #f8f8f8;
}

.form_usual_min {
border: 1px solid #e3e3e3;
background-color: #f8f8f8;
}
.form_usual_min table td{
padding: 10px 7px 0px 10px;
margin: 0px;
vertical-align: middle;
}


.form_usual {
width:1000px;
}


.form_usual table td, .form_usual table th{
padding: 10px 7px 0px 10px;
margin: 0px;
vertical-align: middle;

}
.form_usual table th {
text-align: right;
font-weight: bold;
vertical-align: top;
color:#666;
font-size: 10pt;

padding-top:15px;
width:259px;
height:30px;
vertical-align:middle;
}


.form_usual table td {
padding-top:15px;
width:441px;
height:30px;
}



.form_usual_q {
padding: 10px 10px 10px 10px;
margin: 10px 0px;
width: 600px;
border: 1px solid #e3e3e3;
background-color: #f8f8f8;
}
.form_usual_q table td, .form_usual_q table th{
padding: 10px 7px 0px 10px;
margin: 0px;
vertical-align: middle;
}
.form_usual_q table th {
text-align: right;
font-weight: bold;
vertical-align: top;
color:#666;
font-size: 10pt;
}

div.con {
padding: 0px 0px 15px 0px;
margin: -2px 0px 0px 0px;
line-height:1.8;
}


ul.li_mark {
padding: 0px 0px 0px 0px;
margin: 0px 0px 23px 15px;
list-style:none;

}
ul.li_mark li {
padding: 7px 0px 0px 13px;
margin: 0px 0px 0px 0px;
background: url(https://www.metaprom.ru/advert/img/li_marker.gif) 0px 14px no-repeat;
}


/* ==|====================
   Modules/Top bar
   ======================= */
.topbar {
  min-width: 1098px;
  padding: 0 40px;
  background: #bdc3c7;
}
.topbar:after {
  display: table;
  clear: both;
  content: '';
}

/* ==|====================
   Modules/Search
   ======================= */
.search {
  position: relative;
  float: left;
  width: 224px;
  margin-right: 32px;
  padding: 14px 0;
}

.search__input {
  font-size: 14px;
  line-height: 1.25;
  display: block;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 3px 29px 3px 5px;
  color: #34495e;
  border: 0;
  outline: none;
  background: white;
}
.search__input::-webkit-input-placeholder {
  color: #34495e;
}
.search__input::-moz-placeholder {
  color: #34495e;
}
.search__input:-ms-input-placeholder {
  color: #34495e;
}
.search__input::placeholder {
  color: #34495e;
}

.search__btn {
  font-size: 18px;
  line-height: 24px;
  position: absolute;
  top: 14px;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  text-align: center;
  color: #34495e;
  border: 0;
  outline: none;
  background: none;
}


input, select, textarea, checkbox {color: #666;}
input,input.search {
padding: 0px 1px;
margin: 0px 5px 0px 10px;
height: 20px;
font-size: 10pt;
font-family: Tahoma;
color: #666;
}

input.browse {border: 1px solid #abacae; color: #666;}


.form_usual input{
padding: 2px 3px;
margin: 2px 5px 0px 0px;
height: 20px;
font-size: 10pt;
border: 1px solid #abacae;
}

.form_usual_q input{
padding: 2px 3px;
margin: 2px 5px 0px 0px;
height: 20px;
font-size: 8pt;
border: 1px solid #abacae;
}



/* ==|====================
   Modules/Top navigation
   ======================= */
.topnav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
.topnav > li {
  position: relative;
  float: left;
  margin-right: 10px;
}
.topnav > li > a {
  line-height: 24px;
  display: block;
  padding: 14px 10px;
  color: #34495e;
}
.topnav > li:hover > a {
  color: white;
  background: #798289;
}

.topnav__submenu {
  font-size: 0;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  white-space: nowrap;
  background: #798289;
}
.topnav__submenu > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  display: inline-block;
  width: 180px;
  padding: 10px;
  vertical-align: top;
  }
.topnav__submenu > ul > *:last-child {
  margin-bottom: 0;
}
.topnav__submenu > ul > li {
  margin-bottom: 4px;
}
.topnav__submenu > ul > li > a {
  color: white;
}
.topnav__submenu > ul > li > a:hover {
  text-decoration: none;
}
li:hover > .topnav__submenu {
  display: block;
}

/* ==|====================
   Modules/Auth
   ======================= */
.auth {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  padding: 8px 0;
}
.auth > li {
position: relative;
  line-height: 36px;
  float: left;
  padding-left: 32px;
}
.auth > li:first-child {
  border-left: 1px solid #34495e;
}
.auth > li > a {
  color: #34495e;
  display: block;
}
.auth > li > a:hover {
  text-decoration: none;
}
.auth > li .icon {
  font-size: 18px;
  display: inline-block;
  margin-right: .25em;
  text-decoration: none;
}

















/* ==|====================
   Modules/Navigation
   ======================= */
.nav {
  min-width: 1098px;
  margin-bottom: 24px;
  padding: 0 40px;
  background: #5c97bf;
}

.nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
}
.nav__list:after {
  display: table;
  clear: both;
  content: '';
}
.nav__list > li {
  position: relative;
  float: left;
  margin-left: 6px;
}
.nav__list > li:first-child {
  margin-left: 0;
}
.nav__list > li > a {
  display: block;
  padding: 20px 10px;
  color: white;
}
.nav__list > li:hover > a {
  color: white;
  background: #3a74a4;
}

.nav__submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index:10;
  display: none;
  padding: 10px;
  background: #3a74a4;
}
.nav__submenu > *:last-child {
  margin-bottom: 0;
}
.nav__submenu > li {
  margin-bottom: 4px;
  white-space: nowrap;
  position: relative;
  
}
.nav__submenu > li > a {
  color: white;
}
.nav__submenu > li > a:hover {
  text-decoration: none;
}
li:hover > .nav__submenu {
  display: inline;
}




.nav__submenu3 {
  list-style: none;
  margin-top:-10px;
  font-size: 14px;
  position: absolute;
  line-height:1.6;
  top: 0%;
  left: 100%;
  z-index:12;
  display: none;
  padding: 20px;
  background: #3a74a4;
}
.nav__submenu3 > *:last-child {
  margin-bottom: 0; 
}
.nav__submenu3 > li {
  margin-bottom: 4px;
  white-space: nowrap;
   position: relative;
  
}
.nav__submenu3 > li > a {
  color: white; 
}
.nav__submenu3 > li > a:hover {
  text-decoration: none;
   background: #5c97bf;
}
li:hover > .nav__submenu3 {
  display: inline;

}



.nav__submenu30 {
  list-style: none;
  font-size: 12px;
  margin-top:-15px;
  position: absolute;
   top: 0%;
  left: 100%;
    line-height:1.6;
  z-index:15;
  display: none;
  padding: 25px;
  background: #3a74a4;
}
.nav__submenu30 > *:last-child {
  margin-bottom: 0;
}
.nav__submenu30 > li {
  margin-bottom: 4px;
  white-space: nowrap;
}
.nav__submenu30 > li > a {
  color: white;
}
.nav__submenu30 > li > a:hover {
  text-decoration: none;
}
li:hover > .nav__submenu30 {
  display: block;
}

.nav2 {
  min-width: 1098px;
  margin-bottom: 24px;
  padding: 0 40px;
  background: #203078;
}

.nav__list2 {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
}
.nav__list2:after {
  display: table;
  clear: both;
  content: '';
}
.nav__list2 > li {
  position: relative;
  float: left;
  margin-left: 6px;
}
.nav__list2 > li:first-child {
  margin-left: 0;
}
.nav__list2 > li > a {
  display: block;
  padding: 20px 10px;
  color: white;
}
.nav__list2 > li:hover > a {
  color: white;
  background: #15225e;
}

.nav__submenu2 {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index:10;
  display: none;
  padding: 10px;
  background: #15225e;
}
.nav__submenu2 > *:last-child {
  margin-bottom: 0;
}
.nav__submenu2 > li {
  margin-bottom: 4px;
  white-space: nowrap;
}
.nav__submenu2 > li > a {
  color: white;
}
.nav__submenu2 > li > a:hover {
  text-decoration: none;
}
li:hover > .nav__submenu2 {
  display: block;
}


/* ==|====================
   Modules/News
   ======================= */
.news {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.news > li {
  margin-bottom: 8px;
  padding-left: 40px;
}
.news > li:after {
  display: table;
  clear: both;
  content: '';
}
.news time {
  font-size: 12px;
  float: left;
  margin: 2px 0 0 -40px;
  color: #7d7d7d;
}

/* ==|====================
   Modules/Rubrics
   ======================= */
.rubrics {
  font-size: 0;
  margin: 0 -20px 30px;
}

.rubrics__group {
  font-size: 14px;
  display: inline-block;
  width: 50%;
  margin-top: 20px;
  padding: 0 20px;
  vertical-align: top;
}
.rubrics__group:nth-child(-n+2) {
  margin-top: 0;
}

.rubrics__group-caption {
  font-size: 16px;
  margin-bottom: 20px;
  padding: 5px 0;
  color: #6c003d;
}
.rubrics__group-caption img {
  display: block;
  float: left;
  margin: -5px 10px -5px 0;
}

.rubrics__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 18px;
}



.buttonSend {
   #background: -moz-linear-gradient(center top , #5c97bf, #5c97bf) repeat scroll 0 0 transparent;
    background: #5c97bf;
    border: 3px solid #5c97bf;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    height:30px;
    width:150px;
}

.buttonSend:hover {
border: 3px solid #3a74a4;
background:#3a74a4;
}

.buttonSend:active { background: #0000FF; }



/* ==|====================
   Modules/Adv
   ======================= */
.adv {
  margin-bottom: 30px;
}
.adv img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ==|====================
   Modules/Secondary navigation
   ======================= */
.s-nav {
  margin-bottom: 30px;
  padding: 14px;
  border: 1px solid #e3e3e3;
}
.s-nav > *:last-child {
  margin-bottom: 0;
}

.s-nav__caption {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.s-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 20px;
}
.s-nav__list > *:last-child {
  margin-bottom: 0;
}
.s-nav__list > li {
  margin-bottom: 4px;
}

.s-nav__important-link {
  color: red;
}

.wrapp-portfolio {
    float: left;
    margin: 0 28px 30px 0;
    position: relative;
    text-align: center;
    width: 160px;
}
.wrapp-portfolio.last {
    margin-right: 0;
}
.wrapp-portfolio-img {
    border: 1px solid #efedec;
    display: table-cell;
    height: 118px;
    line-height: 120px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition-duration: 0.375s;
    vertical-align: middle;
    width: 158px;
}
.wrapp-portfolio-img img {
    vertical-align: middle;
        max-width: 120px;
}
a.wrapp-portfolio-img img {
    opacity: 0.7;
}
a.wrapp-portfolio-img:hover img {
    opacity: 1;
    transform: scale(1.2);
}
.portfolio-title {
    display: block;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 16px;
    margin: 15px 0 0;
    position: relative;
    text-align: center;
}

.radius4 {
    border-radius: 4px;
}

.clear {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==|====================
   Modules/Footer
   ======================= */
.footer {
  min-width: 1098px;
  padding: 20px 40px;
  color: white;
  background: #7f8c8d;
}
.footer a {
  color: white;
}

.footer__columns {
  margin: 0 -40px;
  padding: 0 20px 20px;
  border-bottom: 1px solid #bdc3c7;
}
.footer__columns:after {
  display: table;
  clear: both;
  content: '';
}

.footer__column {
  float: left;
  width: 25%;
  padding: 0 20px;
}
.footer__column > *:last-child {
  margin-bottom: 0;
}

.footer__caption {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 6px;
}

.footer__nav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  margin-bottom: 20px;
}
.footer__nav > *:last-child {
  margin-bottom: 0;
}
.footer__nav > li {
  margin-bottom: 6px;
}

.footer__siteinfo {
  font-size: 11px;
  margin-top: 20px;
  text-align: center;
}

.footer__counters {
  margin-top: 20px;
  text-align: center;
}
.footer__counters img {
  margin: 0 5px;
  vertical-align: top;
}




.rubrics {
  margin-bottom: 20px;
  padding-left: 15px;
}

.rubrics__title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 .5em -15px;
  padding: 8px 10px;
  color: #222;
  background: #eaeaea;
}

.rubrics__list {
  margin-bottom: .25em;
}
.rubrics__list > *:last-child {
  margin-bottom: 0;
}

.rubrics__item {
  margin-bottom: .25em;
}
.rubrics__item-inline {
  display: inline;
  margin: 0 .5em 0 0;
}
.rubrics__item-inline:after {
#  content: '\002C';
}
.rubrics__item-inline:last-child {
  margin-right: 0;
}
.rubrics__item-inline:last-child:after {
  display: none;
}




input, select, textarea, checkbox {color: #666;}
input,input.search {
padding: 0px 1px;
margin: 0px 5px 0px 10px;
height: 30px;
font-size: 10pt;
font-family: Tahoma;
color: #666;
}
input.search {
padding: 2px 2px;
margin: 0px 5px 0px 0px;
width: 390px;
border: 1px solid #abacae;
color: #abacae;
}

input:focus, select:focus, textarea:focus{
    border: 1px solid rgb(255,106,106); /* Рамка при получении фокуса */
   }




a.knopka_add {
    background: #5c97bf;
    border: 3px solid #5c97bf;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin: 0 2px;
    outline: medium none;
    padding: 0.8em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    height:40px;
    width:250px;
 user-select: none;
 outline: none;

}
a.knopka_add:hover {border: 3px solid #3a74a4;
background:#3a74a4;} /* при наведении курсора мышки */
a.knopka_add:active { background: #0000FF; } /* при нажатии */



a.knopka_add3 {
    background: #1E90FF;
    border: 3px solid #1E90FF;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin: 0 2px;
    outline: medium none;
    padding: 0.8em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    height:40px;
    width:250px;
 user-select: none;
 outline: none;

}
a.knopka_add3:hover {border: 3px solid #4169E1;
background:#4169E1;} /* при наведении курсора мышки */
a.knopka_add3:active { background: #4169E1; } /* при нажатии */


a.knopka_add_small {
    background: #5c97bf;
    border: 3px solid #5c97bf;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 12px/100% Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin: 0 2px;
    outline: medium none;
    padding: 0.3em 0.6em 0.3em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    height:24px;
    width:80px;
 user-select: none;
 outline: none;

}
a.knopka_add_small:hover {border: 3px solid #3a74a4;
background:#3a74a4;} /* при наведении курсора мышки */
a.knopka_add_small:active { background: #0000FF; } /* при нажатии */



a.knopka {
  color: #fff; /* цвет текста */
  margin-left:  -30px;
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: #1E90FF; /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
}
a.knopka:hover { background:#4169E1; } /* при наведении курсора мышки */
a.knopka:active { background: #0000FF; } /* при нажатии */





#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    padding: 2em;
    #height: 800px;
    position: relative;
    z-index: 2;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}





#toTop {
width:100px;
border:1px solid #ccc;
background:#5c97bf;
text-align:center;
padding:5px;
position:fixed;
bottom:40px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:white;
font-weight:bold;
font-family:Tahoma;
font-size:12px;
z-index:1000;
}


#popup {
  display: table;
  position: fixed; top: 0; left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(240,240,240,.9);
  visibility: hidden;
  animation: animaciya 1s 5s forwards; /* 5s - это количество секунд по истечении которых появляется сообщение */ 
  cursor: pointer;
}
@keyframes animaciya {   
  from {visibility: hidden;}  
  to {visibility: visible;} 
}
#popup figure {
  display: table-cell;
  vertical-align: middle;
}
#popup div, #popup figcaption, #popup figure:before {
  max-width: 500px; /* максимальная ширина */ 
  margin: 0 auto;
  border-style: solid; 
  border-color: rgb(88,125,164);
  background: #fff;
}
#popup figure:before { /* стиль кнопки "закрыть" */ 
  content: "закрыть";
  display: block;
  padding: 0 1%;
  border-width: 4px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  text-align: right;
  color: rgb(88,125,164);
}
#popup div, #popup figcaption {
  padding: 1%;
  cursor: default;
}
#popup figcaption {
  position: relative;
  border-width: 0 4px 0 4px;
  text-transform: uppercase;
  color: rgb(100,100,100);
}
#popup figcaption:before { /* стиль восклицательного знака, не поддерживается Google Chrome. Его можно заменить на что-то более приемлемое */ 
  color: red;
  vertical-align: middle;
}
#popup div {
  border-width: 0 4px 4px 4px;
  border-radius: 0 0 5px 5px;
}

   a.rollover {
    background: url(tt/i1.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 800px; /* Ширина рисунка */
    height: 500px; /*  Высота рисунка */
   }
   a.rollover:hover {
    background: url(tt/i2.jpg);
        width: 800px; /* Ширина рисунка */
    height: 500px; /*  Высота рисунка *//* Путь к файлу с заменяемым рисунком  */
   }



  @-webkit-keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } }
  @keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } }
  #blink7 { color: white; text-shadow: 0 -1px rgba(0,0,0,.1); background: red; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 1.2s linear infinite; }


  .company {
  font-family: 'Open Sans', 'Arial', sans-serif;
  border: 2px solid #bdc3c7;
  width: 600px;
  padding: 8px 12px 9px 18px;
  position: static;
  right: 40px;
  top: 20px;
  justify-content: space-between;
}

.company__title {
  width: 100%;
  padding-left: 25px;
text-align:left;
  background: url(/i/company-title.png) no-repeat 0 0;
  color: #004d9b;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
}

.company__body {
  width: calc(100% - 140px);
}

.company__text {
  color: #666666;
  font-size: 11px;
  line-height: 14px;
text-align:left;
}

.company__hero {
  width: 117px;
}

.company__image {
  display: block;

}

.company__contacts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 10px -10px 0;
  font-size: 10px;
  line-height: 1.25;
  color: #2b2a29;
}

.company__contacts-item {
  margin: 0 10px;
  padding-left: 18px;
}

.company__contacts-item._type_location {
  background: url(/i/location.png) no-repeat 0 0;
}

.company__contacts-item._type_tel {
  background: url(/i/tel.png) no-repeat 0 0;
}

.company__contacts-item._type_site {
  background: url(/i/site.png) no-repeat 0 0;
}









/* фон затемнения */
#fade { 
	display: none;/*--по умолчанию скрыто--*/ 
	background: rgba(7, 87, 207, 0.8);
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80; 
	z-index: 9999;
}
/* блок модального окна */
.popup_block{
	display: none; /*--по умолчанию скрыто--*/
	background: #fff;
	padding: 20px;
	border: 3px solid rgb(134, 134, 134);
	float: left;
	font-size: 85%;
	position: fixed;
	top: 50%; left: 50%;color: #000;
	max-width: 750px;
	min-width: 320px;
	height: auto;
	z-index: 99999;
	/*--CSS3 тень блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 скругление углов--*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
/* параграф */
.popup_block p  {	
    font-weight: 400;
	padding: 0;
	margin: 0;
	color: #000;
	line-height: 1.6;}
/* заголовок */
.popup_block h2{
    margin: 0px 0 10px;
    color: rgb(43, 43, 43);
	font-weight: 400;
	text-align: center;
}	

/*--фиксированное позиционирование для IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}



table.bloka {
background:#5c97bf;
border: 0px;
width:85%;
text-align:center;
}

table.bloka tr {
font-size:13pt;
color:white;
line-height:1.7;
font-weight:bold;
}
table.bloka a {
background-color: #004d9b;
color:white;
text-decoration: none;
}

.orwo-development{
  display: inline-block;
  font-size: 8px;
}
.orwo-development img{
  width: 70px;
  margin-top: 5px;
}
.lf-top {
    width: 100%;
    max-width: 85%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.lf-top__button {
    display: flex;
    align-items: center;
    background: #5c97bf;
    padding: 15px;
    color: #fff;
    font: 12px/100% Arial,Helvetica,sans-serif;
    text-decoration: none;
    transition: .3s all;
}
.lf-top__button:hover {
    background: #3a74a4;
    color: #fff !important;
}
.lf-top__text {
    line-height: 1;
}
.lf-top__icon {
    display: flex;
    height: 12px;
    margin-right: 3px;
}
.lf-top__icon svg {
    fill: #fff;
}
@media (max-width: 768px) {
    .lf-top {
        max-width: 100%;
        justify-content: flex-start;
    }
}