@import url(http://fonts.googleapis.com/css?family=Scada:400,700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700&subset=latin,cyrillic);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
* {
  box-sizing: border-box; }

img {
  border: none;
  outline: none; }
  
img.stable {
    display: block; }
  
img.full-w {
    width: 100%;
    height: auto; }


.mt5 {
  margin-top: 5px !important; }


.mb5 {
  margin-bottom: 5px !important; }


.ml5 {
  margin-left: 5px !important; }


.mr5 {
  margin-right: 5px !important; }


.pl5 {
  padding-left: 5px !important; }


.pr5 {
  padding-right: 5px !important; }


.mt10 {
  margin-top: 10px !important; }


.mb10 {
  margin-bottom: 10px !important; }


.ml10 {
  margin-left: 10px !important; }

.mr10 {
  margin-right: 10px !important; }


.pl10 {
  padding-left: 10px !important; }

.pr10 {
  padding-right: 10px !important; }


.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }


.ml15 {
  margin-left: 15px !important; }

.mr15 {
  margin-right: 15px !important; }


.pl15 {
  padding-left: 15px !important; }

.pr15 {
  padding-right: 15px !important; }


.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }


.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }


.pl20 {
  padding-left: 20px !important; }

.pr20 {
  padding-right: 20px !important; }


.mt25 {
  margin-top: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }


.ml25 {
  margin-left: 25px !important; }

.mr25 {
  margin-right: 25px !important; }


.pl25 {
  padding-left: 25px !important; }

.pr25 {
  padding-right: 25px !important; }


.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }


.ml30 {
  margin-left: 30px !important; }


.mr30 {
  margin-right: 30px !important; }

.pl30 {
  padding-left: 30px !important; }


.pr30 {
  padding-right: 30px !important; }

.mt35 {
  margin-top: 35px !important; }


.mb35 {
  margin-bottom: 35px !important; }

.ml35 {
  margin-left: 35px !important; }


.mr35 {
  margin-right: 35px !important; }

.pl35 {
  padding-left: 35px !important; }


.pr35 {
  padding-right: 35px !important; }

.mt40 {
  margin-top: 40px !important; }


.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }


.ml38 {
  margin-left: 38px !important; }

.mr40 {
  margin-right: 40px !important; }


.pl40 {
  padding-left: 40px !important; }

.pr40 {
  padding-right: 40px !important; }

.mt45 {
  margin-top: 45px !important; }


.mb45 {
  margin-bottom: 45px !important; }

.ml45 {
  margin-left: 45px !important; }


.mr45 {
  margin-right: 45px !important; }


.pl45 {
  padding-left: 45px !important; }

.pr45 {
  padding-right: 45px !important; }


.mt50 {
  margin-top: 50px !important; }


.mb50 {
  margin-bottom: 50px !important; }


.ml50 {
  margin-left: 50px !important; }


.mr50 {
  margin-right: 50px !important; }


.pl50 {
  padding-left: 50px !important; }


.pr50 {
  padding-right: 50px !important; }


.mt55 {
  margin-top: 55px !important; }


.mb55 {
  margin-bottom: 55px !important; }


.ml55 {
  margin-left: 55px !important; }


.mr55 {
  margin-right: 55px !important; }


.pl55 {
  padding-left: 55px !important; }


.pr55 {
  padding-right: 55px !important; }


.mt60 {
  margin-top: 60px !important; }


.mb60 {
  margin-bottom: 60px !important; }


.ml60 {
  margin-left: 60px !important; }


.mr60 {
  margin-right: 60px !important; }


.pl60 {
  padding-left: 60px !important; }


.pr60 {
  padding-right: 60px !important; }


.mt65 {
  margin-top: 65px !important; }


.mb65 {
  margin-bottom: 65px !important; }


.ml65 {
  margin-left: 65px !important; }


.mr65 {
  margin-right: 65px !important; }


.pl65 {
  padding-left: 65px !important; }


.pr65 {
  padding-right: 65px !important; }


.mt70 {
  margin-top: 70px !important; }


.mb70 {
  margin-bottom: 70px !important; }


.ml70 {
  margin-left: 70px !important; }


.mr70 {
  margin-right: 70px !important; }

.pl70 {
  padding-left: 70px !important; }

.pr70 {
  padding-right: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.pl75 {
  padding-left: 75px !important; }

.pr75 {
  padding-right: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.pl80 {
  padding-left: 80px !important; }

.pr80 {
  padding-right: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.ml85 {
  margin-left: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

.pl85 {
  padding-left: 85px !important; }

.pr85 {
  padding-right: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.pl90 {
  padding-left: 90px !important; }

.pr90 {
  padding-right: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.ml95 {
  margin-left: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

.pl95 {
  padding-left: 95px !important; }

.pr95 {
  padding-right: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.pl100 {
  padding-left: 100px !important; }

.pr100 {
  padding-right: 100px !important; }

.mt105 {
  margin-top: 105px !important; }

.mb105 {
  margin-bottom: 105px !important; }

.ml105 {
  margin-left: 105px !important; }

.mr105 {
  margin-right: 105px !important; }

.pl105 {
  padding-left: 105px !important; }

.pr105 {
  padding-right: 105px !important; }

.mt110 {
  margin-top: 110px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.ml110 {
  margin-left: 110px !important; }

.mr110 {
  margin-right: 110px !important; }

.pl110 {
  padding-left: 110px !important; }

.pr110 {
  padding-right: 110px !important; }

.mt115 {
  margin-top: 115px !important; }

.mb115 {
  margin-bottom: 115px !important; }

.ml115 {
  margin-left: 115px !important; }

.mr115 {
  margin-right: 115px !important; }

.pl115 {
  padding-left: 115px !important; }

.pr115 {
  padding-right: 115px !important; }

.mt120 {
  margin-top: 120px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.ml120 {
  margin-left: 120px !important; }

.mr120 {
  margin-right: 120px !important; }

.pl120 {
  padding-left: 120px !important; }

.pr120 {
  padding-right: 120px !important; }

.mt125 {
  margin-top: 125px !important; }

.mb125 {
  margin-bottom: 125px !important; }

.ml125 {
  margin-left: 125px !important; }

.mr125 {
  margin-right: 125px !important; }

.pl125 {
  padding-left: 125px !important; }

.pr125 {
  padding-right: 125px !important; }

.ib {
  display: inline-block; }

.pos-re {
  position: relative; }

.pos-a {
  position: absolute; }

.z-up {
  z-index: 1; }

.ta-left {
  text-align: left !important; }

.ta-center {
  text-align: center !important; }

.ta-right {
  text-align: right !important; }

.vat {
  vertical-align: top; }

.vam {
  vertical-align: middle; }

.vab {
  vertical-align: bottom; }

.ib-vam {
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.ib-vab {
  display: inline-block;
  vertical-align: bottom;
  height: 100%; }

.ov-hid {
  overflow: hidden; }

.clearfix:before {
  content: '';
  display: table; }
.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.fl-l {
  float: left; }

.fl-r {
  float: right; }

.capitel {
  -moz-font-feature-settings: "smcp";
  -moz-font-feature-settings: "smcp=1";
  -ms-font-feature-settings: "smcp";
  -o-font-feature-settings: "smcp";
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp"; }

.font-clear {
  font-size: 0px; }

.justify {
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  text-justify: newspaper;
  font-size: 0px;
  zoom: 1; }
 .justify:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0; } .nav-tabs.justify:after {

    display: inline;}
 

 .justify .ib {
    text-align: left;  -moz-text-align-last: left;
    text-align-last: left;
}



.two-column {
  font-size: 0; }
  .two-column .col {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
    .two-column .col p {
      margin-top: 0;
      line-height: 1.5em;
      margin-bottom: 1.4em; }




.w310 {
  width: 310px; }


.w380 {
  width: 380px; }


.w520 {
  width: 520px; }


.w75 {
  width: 75px; }


.w55 {
  width: 55px; }


.w95 {
  width: 95px; }


.w145 {
  width: 145px; }

.w160 {
  width: 160px; }
.w180 {
  width: 180px; }
.w200 {
  width: 200px; }

.w205 {
  width: 205px; }

.w215 {
  width: 215px; }


.w210 {
  width: 210px; }



.w220 {
  width: 220px; }


.w225 {
  width: 225px; }


.w230 {
  width: 230px; }


.w250 {
  width: 250px; }


.w290 {
  width: 290px; }

.w410 {
  width: 410px; }
.w420 {
  width: 420px; }



.w540 {
  width: 540px; }

.w700 {
  width: 700px; }


.w595 {
  width: 595px; }


.workspace {
  width: 970px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }



.body-wrap {
  position: relative;
  min-height: 100%;
  height: auto;
  

  
overflow-y: auto; }

html,
body {
  height: 100%; }



body {
  min-width: 992px;
  font-family: 'PT Sans', sans-serif;
  color: #222222; }

a {
  line-height: 18px;
  font-size: 14px;
  color: #4077b9; }
  a:hover {
    text-decoration: none; } 



h1, .big-title {
  font-family: 'Scada', sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #222; }



h1 {
  margin-top: 10px;
  margin-bottom: 15px; }

p {
  margin: 1.5em 0; }

h2, .title {
  font-family: 'Scada', sans-serif;
  font-weight: normal;
  font-weight: normal;
  font-size: 20px;
  color: #222; }



h2 {
  margin-top: 1.2em;
  margin-bottom: 1.25em; }


.content .big-title {
  margin-top: 25px;
  margin-bottom: 35px; }
.content .title {
  margin-top: 1.2em;
  margin-bottom: 1.25em; }
.content ul {
  padding-left: 0;
  margin-bottom: 2.3em;
  margin-top: 2em;
  list-style: none;
  line-height: 1.5; }
  .content ul li {
    background: url(../../img/ul.png) 0 0.65em no-repeat;
    position: relative;
    padding-left: 15px; }
.content ol {
  padding-left: 0;
  margin-top: 2.2em;
  margin-bottom: 2.5em;
  list-style: none;
  counter-reset: list;
  line-height: 1.5; }
 


 .content ol li {
    position: relative; }
   

 .content ol li:before {
      content: counter(list, decimal) ".";
      counter-increment: list;
      padding-right: 3px;
      color: #6692cb; }


.content .highlight {
  background-color: #e5f1ff;
  margin: 2.3em 0;
  padding: 20px 25px;
  font-size: 16px;
  color: #002b63; }

.title {
  font-family: 'Scada', sans-serif;
  font-size: 20px;
  color: #222222; }

.img {
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 25px; }
  .img.big {
    float: none; }
  .img img {
    margin-right: 0;
    margin-bottom: 55px; }
  .img .img-desc {
    position: absolute;
    top: 100%;
    margin-top: -50px;
    padding-left: 30px;
    font-style: italic;
    font-size: 14px; }




.a-title {
  display: inline-block;
  margin-bottom: 25px;
  text-decoration: none;
  border-bottom: 1px solid rgba(34, 34, 34, 0.15);
  font-family: 'Scada', sans-serif;
  font-size: 20px;
  color: #222222; }
  .a-title:hover {
    border-color: transparent; }

.sum-title, sup {
  padding-left: 5px;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  color: #222; }

.c-gray {
  color: #c9d1da; }

.go-to {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  color: #4177b9; }
  


.go-to span {
    position: relative;
    display: inline-block;
    padding-left: 27px;
    padding-right: 15px;
    text-decoration: underline; }
    .go-to span:before, .go-to span:after {
      content: '';
      position: absolute;
      top: 50%; }
    .go-to span:before {
      background-image: url(../../img/sprite.png);
      background-position: -110px -63px;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      left: 0; }
    .go-to span:after {
      background-image: url(../../img/sprite.png);
      background-position: -35px -27px;
      width: 11px;
      height: 10px;
      margin-top: -5px;
      right: 0; }
  .go-to.white {
    color: white; }
    .go-to.white span:before {
      background-image: url(../../img/sprite.png);
      background-position: -110px -44px;
      width: 14px;
      height: 14px;
      margin-top: -7px;
      left: 0; }
    .go-to.white span:after {
      background-image: url(../../img/sprite.png);
      background-position: -59px -90px;
      width: 10px;
      height: 9px;
      margin-top: -4px;
      right: 0; }

.arr-r, .arr-l {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px; }
  .arr-r:before, .arr-l:before {
    content: '';
    background-image: url(../../img/sprite.png);
    background-position: -35px -27px;
    width: 11px;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    right: 0; }
  


.arr-r.gray:before, .arr-l.gray:before {
    background-image: url(../../img/sprite.png);
    background-position: -74px -90px;
    width: 10px;
    height: 9px;
    margin-top: -4px; }

.arr-l {
  padding-right: 0;
  padding-left: 15px; }
  .arr-l:before {
    background-image: url(../../img/sprite.png);
    background-position: -62px -24px;
    width: 11px;
    height: 10px;
    margin-top: -5px;
    right: auto;
    left: 0; }
  .arr-l.gray:before {
    background-image: url(../../img/sprite.png);
    background-position: -89px -90px;
    width: 10px;
    height: 9px;
    margin-top: -4px; }

.rss {
  position: relative;
  margin-right: 30px; }
  .rss:before {
    content: '';
    background-image: url(../../img/sprite.png);
    background-position: -86px -48px;
    width: 13px;
    height: 13px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    right: -30px; }

.rss-b {
  position: relative;
  margin-right: 50px; }
  .rss-b:before {
    content: '';
    background-image: url(../../img/sprite.png);
    background-position: 0px -42px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 50%;
    right: -50px;
    margin-top: -7px; }

.border-aside {
  position: relative; }
  


.border-aside:before {
    content: '';
    background-color: #e5f1ff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    width: 1px; }




input, textarea, button {
  outline: none; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
  background-color: white;
  width: 100%;
  min-height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 0 10px;
  margin-bottom: 15px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 2px 1px #ececec;
  border-radius: 7px;
  font-size: 14px;
  color: #222; }
  


input[type="text"].not-valid, input[type="password"].not-valid, input[type="email"].not-valid, input[type="tel"].not-valid {
    border-color: #d64646;
    color: #d64646; }
  input[type="text"].valid, input[type="password"].valid, input[type="email"].valid, input[type="tel"].valid {
    border-color: #3ca51b;
    color: #3ca51b; }

.input-icon {
  position: relative; }
  .input-icon:before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%; }
  .input-icon input {
    margin-bottom: 0;
    padding-left: 40px; }
  .input-icon.login-input:before {
    background-image: url(../../img/sprite.png);
    background-position: -110px 0px;
    width: 16px;
    height: 17px;
    margin-top: -8px; }
  .input-icon.pass-input:before {
    background-image: url(../../img/sprite.png);
    background-position: -110px -22px;
    width: 15px;
    height: 17px;
    margin-top: -8px; }

button, 
.button, input[type="reset"], 

input[type="submit"] {
  background-color: #6692cb;
  min-height: 31px;
  line-height: 31px;
  vertical-align: middle;
  padding: 0 13px;
  border: 1px solid #40699d;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0px #8ebfff;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  color: white; }
  button:hover, input[type="reset"]:hover, .button:hover, input[type="submit"]:hover {
    box-shadow: inset 0 0 15px 5px #76aee2; }
  button:active, .button:active, input[type="reset"]:active, input[type="submit"]:active {
    background-color: #6692cb;
    box-shadow: inset 0 4px 8px #2e5e9d; }





.form-search-book input[type="text"] {
  background: white;
  background: transparent\9;
  background: rgba(255, 255, 255, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
  zoom: 1;
  width: 100%;
  min-height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 0 10px;
  border: 1px solid #90a9c7;
  border-radius: 7px;
  font-size: 14px;
  color: white; }
 



 .form-search-book input[type="text"]:focus {
    background: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); }




.search-butt {
  min-height: 30px;
  padding: 0 20px;
  border-radius: 7px;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px; }
  

.search-butt.light {
    background-color: #e5f1ff;
    border: 1px solid #123764;
    box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.5);
    color: #222; }
    

.search-butt.light:hover {
      background-color: #f0f7ff;
      box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.5); }
    


.search-butt.light:active {
      background-color: #e5f1ff;
      box-shadow: inset 0 5px 10px #98b4d4; }
    

.search-butt.light.search-ico:before {
      background-image: url(../../img/sprite.png);
      background-position: -24px -66px;
      width: 18px;
      height: 18px; }
  

.search-butt.search-ico {
    position: relative;
    padding-left: 45px; }
    

.search-butt.search-ico:before {
      content: '';
      background-image: url(../../img/sprite.png);
      background-position: -47px -66px;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 50%;
      left: 15px;
      margin-top: -9px; }



select {
  width: 100%;
  outline: none;
  font-size: 16px; }




.select2-selection {
  background-color: white;
  width: 100%;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 2px 1px #ececec;
  outline: none;
  border-radius: 7px;
  font-size: 14px;
  color: #222; }





.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0;
  line-height: 30px;
  color: #222; }



.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 5px; }
  

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(../../img/sprite.png);
    background-position: -92px -66px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border: none; }




.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-image: url(../../img/sprite.png);
  background-position: -44px -90px;
  width: 10px;
  height: 10px;
  margin-top: -5px; }




.select2-results__option {
  font-size: 14px; }


.ie8 input[type="checkbox"], .ie8 input[type="radio"] {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 5px; }
  


.ie8 input[type="checkbox"] + label:before, .ie8 input[type="radio"] + label:before {
    display: none; }





.checkbox-block, .radio-block {
  position: relative; }

input[type="checkbox"] {
  display: none; }
  input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 13px; }
   


 input[type="checkbox"] + label:before {
      content: '';
      background-image: url(../../img/sprite.png);
      background-position: -24px -42px;
      width: 19px;
      height: 19px;
      margin-top: -9px;
      position: absolute;
      left: 0;
      top: 50%; }
  

input[type="checkbox"]:checked + label:before {
    background-image: url(../../img/sprite.png);
    background-position: -86px -24px;
    width: 19px;
    height: 19px; }
  



input[type="checkbox"].dark + label {
    font-family: 'PT Sans', sans-serif; }
  

  input[type="checkbox"].dark + label:before {
      background-image: url(../../img/sprite.png);
      background-position: 0px -66px;
      width: 19px;
      height: 19px;
      top: 0;
      margin-top: 0; }
  



input[type="checkbox"].dark:checked + label:before {
    background-image: url(../../img/sprite.png);
    background-position: -86px 0px;
    width: 19px;
    height: 19px; }





input[type="radio"] {
  display: none; }
  


input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 39px;
    font-size: 13px; }


    input[type="radio"] + label:before {
      content: '';
      background-image: url(../../img/sprite.png);
      background-position: -48px -42px;
      width: 19px;
      height: 19px;
      margin-top: -9px;
      position: absolute;
      left: 0;
      top: 50%; }




  input[type="radio"]:checked + label:before {
    background-image: url(../../img/sprite.png);
    background-position: -62px 0px;
    width: 19px;
    height: 19px; }




.pagination a {
  display: inline-block;
  vertical-align: middle;
  font-family: 'PT Sans', sans-serif;
  color: #2f2f2f; }




.pagination .first-page {
  margin-right: 35px; }


.pagination .pages {
  display: inline-block;
  margin-left: 25px;
  margin-right: 20px; }



.pagination .page-n {
  padding: 0 7px;
  padding-bottom: 1px; }
  


.pagination .page-n.active {
    background-color: #6692cb;
    border-radius: 5px;
    text-decoration: none;
    color: white; }



.pagination .last-page {
  margin-left: 25px; }




table th, table td {
  height: 40px;
  padding: 10px 15px;
  border: 1px solid white;
  text-align: left;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  color: #231f20; }




table th {
  background-color: #f2f2f2;
  font-weight: normal; }



table tbody tr:nth-child(even) {
  background: #f2f2f2;
  background: transparent\9;
  background: rgba(242, 242, 242, 0.15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26F2F2F2,endColorstr=#26F2F2F2);
  zoom: 1; }






header {
  background: #99c6ff;
  background: transparent\9;
  background: rgba(153, 198, 255, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3f99C6FF,endColorstr=#3f99C6FF);
  zoom: 1;
  min-height: 70px; }
  



header .workspace {
    padding-top: 10px; }
  

header .logo {
    display: inline-block;
    width: 210px;
    vertical-align: middle;
    line-height: 25px;
    text-decoration: none;
    font-family: 'Scada', sans-serif;
    font-size: 19px;
    color: #222222; }
   


 .ie8 header .logo {
      font-size: 20px; }
  header .notify {
    position: absolute;
    background-color: #6692cb;
    width: 17px;
    height: 17px;
    top: 3px;
    left: 100%;
    margin-left: 10px;
    line-height: 17px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #ffffff; }
   


 header .notify:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 100%;
      margin-top: -3px;
      border-right: 3px solid #6692cb;
      border-top: 3px solid transparent;
      border-bottom: 3px solid transparent; }

.main-menu {
  margin-top: 7px;
  float: right; }
  


.main-menu a {
    display: inline-block;
    position: relative;
    margin-left: 47px;
    vertical-align: top;
    font-size: 14px;
    color: #4077b9; }
    .main-menu a:last-child {
      margin-left: 42px; }
  


.main-menu .list-menu {
    max-width: 200px; margin-left: 47px;
  }

.list-menu {
  display: inline-block;
  position: relative; }
  
.list-menu:hover .list-menu-wrap {
    display: block; }
  .list-menu a {
    margin: 0; }
    

.list-menu a:after {
      content: '';
      position: relative;
      left: 7px;
      top: -1px;
      border-top: 4px solid #4077b9;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      font-size: 0; }
 

 .list-menu .list-menu-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 366px;
    padding-top: 15px;
    z-index: 55;
    display: none;
    float: left; }
    


.list-menu .list-menu-wrap .list-menu-pad {
      background-color: white;
      display: inline-block;
      position: relative;
      padding: 25px;
      border-radius: 5px;
      box-shadow: 0px 20px 30px rgba(0, 40, 89, 0.2); }
      

.list-menu .list-menu-wrap .list-menu-pad:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 105px;
        border-bottom: 7px solid white;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent; }
    

.list-menu .list-menu-wrap a {
      display: block;
      margin: 0;
      line-height: 30px; }
      .list-menu .list-menu-wrap a:after {
        display: none; }



.main {
  padding-top: 60px;
  padding-bottom: 45px; }
  .main .right-column .map-list {
    margin-bottom: 130px; }




.main-block, .content {
  display: inline-block;
  width: 700px;
  margin-right: 40px; }




.form-search-book {
  background-image: url("../../img/search-bg.jpg");
  background-repeat: repeat;
  background-position: top;
  position: relative;
  margin-bottom: 30px;
  border-radius: 10px;
  font-family: 'Scada', sans-serif;
  color: white; }
  


.form-search-book:before, .form-search-book:after {
    content: '';
    position: absolute;
    top: 100%;
    height: 7px;
    margin-top: -3px;
    border-radius: 0 0 5px 5px;
    z-index: -1; }
  



.form-search-book:before {
    background-color: #365f91;
    left: 10px;
    right: 10px; }
  


.form-search-book:after {
    background-color: #567ba7;
    left: 20px;
    right: 20px;
    margin-top: 1px;
    box-shadow: 0 0px 20px 5px rgba(0, 17, 38, 0.5);
    z-index: -2; }
  


.form-search-book input[type="text"] {
    margin-bottom: 0;
    box-shadow: none; }
  


.form-search-book .search-head {
  margin-top: -40px;
   border-radius: 10px 10px 0 0; }
  .form-search-book .wrap {
    padding-left: 28px;
    padding-right: 28px; }
  .form-search-book .title {
    max-width: 625px;
    font-size: 22px;
    color: white; }
  .form-search-book .go-to {
    margin-bottom: 3px; }
  


.form-search-book .line {
    padding-bottom: 18px; }
 

 .form-search-book .label {
    margin-bottom: 3px;
    font-size: 14px;
    color: white; }
  .form-search-book .select2-selection {
    background: white;
    background: transparent\9;
    background: rgba(255, 255, 255, 0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
    zoom: 1;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid #90a9c7;
    border-radius: 7px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: white; }
  


.form-search-book .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    color: white; }
  

.form-search-book .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 5px; }
    

.form-search-book .select2-container--default .select2-selection--single .select2-selection__arrow b {
      background-image: url(../../img/sprite.png);
      background-position: -72px -42px;
      width: 7px;
      height: 11px;
      margin-top: -5px;
      border: none; }
  


.form-search-book .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url(../../img/sprite.png);
    background-position: -131px 0px;
    width: 7px;
    height: 11px;
    margin-top: -5px; }
  


.form-search-book .base-group .check-sel .checkbox-block {
    margin-bottom: 20px; }
    .form-search-book .base-group .check-sel .checkbox-block:last-child {
      margin-bottom: 0; }

.right-column {
  display: inline-block;
  width: 200px;
  vertical-align: top; }
  


.right-column .lk {
 margin-bottom: 25px; }
    .right-column .lk img {
      margin-bottom: 30px; }
  


.right-column .map-list {
    background-color: #f7f7f7;
    position: relative;
    padding: 3px;
    margin-bottom: 80px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    


.right-column .map-list:before {
      content: '';
      position: absolute;
      right: -2px;
      top: 0;
      border-top: 35px solid white;
      border-left: 25px solid transparent; }
    


.right-column .map-list:after {
      content: '';
      background-image: url(../../img/sprite.png);
      background-position: 0px 0px;
      width: 30px;
      height: 37px;
      position: absolute;
      top: 0;
      right: -2px; }
    


.right-column .map-list .wrap {
      padding: 20px;
      padding-bottom: 25px;
      border: 1px solid white;
      border-radius: 5px; }
    

.right-column .map-list a {
      display: block;
      margin-bottom: 20px;
      color: #4177b9; }
      


.right-column .map-list a:last-child {
        margin-bottom: 0; }

.updates-block .big-title, .updates-block .go-to {
  width: 330px; }




.updates {
  position: relative; }

.category {
  display: inline-block;
  max-width: 330px;
  vertical-align: top;
  text-align: left; }
  .category .title {
    margin-bottom: 20px; }

.article {
  margin-bottom: 20px; }
  


.article .info {
    width: 45px;
    margin-right: 10px;
    vertical-align: top;
    font-size: 14px; }
    

.article .info p {
      margin: 0;
      margin-bottom: 10px; }
  .article .desc {
    width: 275px; }
  

.article a {
    display: inline-block;
    margin-bottom: 7px; }
  .article .text {
    line-height: 20px;
    font-size: 12px;
    color: #222; }




.events .a-title {
  margin-bottom: 25px; }
.events .desc {
  margin-bottom: 20px; }
  

.events .desc:last-child {
    margin-bottom: 0; }


.events .date {
  display: block;
  padding-left: 20px;
  margin-bottom: 15px;
  overflow: hidden;
  font-size: 13px; }
  

.events .date span {
    position: relative; }
    .events .date span:before, .events .date span:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 100%;
      border: 1px dashed #b3c8e2; }
    

.events .date span:before {
      right: 100%;
      margin-right: 5px; }
    .events .date span:after {
      left: 100%;
      margin-left: 5px; }

.news-block .news {
  display: block;
  margin-bottom: 35px; }
  

.news-block .news:last-child {
    margin-bottom: 0; }

.r-block {
  margin-bottom: 30px; }
  

.r-block:last-child {
    margin-bottom: 0; }

.search-result-block .big-title {
  width: 390px; }

.search-result ul {
  padding-left: 40px;
  list-style: none;
  counter-reset: list;
  font-size: 16px;
  color: #b2b2b2; }



.search-result .article {
  position: relative;
  margin-bottom: 30px; padding-right: 15px; }
    
.search-result .article:before {
    content:  "";
    counter-increment: list;
    position: absolute;
    left: -40px;
    top: 1px;
    font-size: 14px; }



.search-result .article:after {
    content: '';
    background-color: #f4f9ff;
    position: absolute;
    top: -10px;
    bottom: -15px;
    left: -55px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1; }
 


 .search-result .article a {
    margin-bottom: 7px; }
  

.search-result .article:hover:after {
    opacity: 1;
    visibility: visible; }

.secondary {
  padding-top: 15px;
  padding-bottom: 45px; }
  


.secondary .content {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #222; }

.content p {
  line-height: 21px; }
  


.content p:first-of-type:first-letter {
    float: left;
    padding-right: 7px;
    line-height: 60px;
    font-family: 'Scada', sans-serif;
    font-size: 55px; }


.content img {
  padding: 6px;
  margin-right: 50px;
  border: 1px solid #e5f1ff; }


.content .img img {
  margin-right: 0;
  margin-bottom: 55px; }



.path {
  font-size: 14px;
  color: #bebebe; }
  

.path span {
    padding: 0 5px; }
  

.path a {
    font-size: 14px;
    color: #bebebe; }
 
.path a:last-of-type {
      text-decoration: none; }


.content-slider-block {
  position: relative;
  margin-bottom: 90px; }


.ie8 .swiper-container, .ie8 .swiper-wrapper, .ie8 .swiper-slide {
  height: 100% !important; }

.content-slider {
  position: static; }
 

 .content-slider .nav-arrows {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px; }
  

.content-slider .sep {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 5px;
    font-family: 'Scada', sans-serif;
    font-size: 22px;
    color: #f7f7f7; }
  

.content-slider .swiper-button-prev, .content-slider .swiper-button-next {
    background-size: auto;
    display: inline-block;
    position: static;
    vertical-align: middle;
    margin: 0; }
  

.content-slider .swiper-button-prev {
    background-image: url(../../img/sprite.png);
    background-position: -22px -90px;
    width: 17px;
    height: 15px; }
  

.content-slider .swiper-button-next {
    background-image: url(../../img/sprite.png);
    background-position: 0px -90px;
    width: 17px;
    height: 15px; }



.news-feed {
  padding-right: 35px;
  margin-bottom: 35px; }
  .news-feed .news {
    margin-bottom: 30px; }
    

.news-feed .news img {
      padding: 6px;
      margin-right: 15px;
      border: 1px solid #e5f1ff; }
    

.news-feed .news .image {
      display: inline-block;
      width: 190px;
      vertical-align: top; }
    

.news-feed .news .desc {
      vertical-align: top; }
    .news-feed .news a {
      display: inline-block;
      margin-bottom: 10px;
      line-height: 30px;
      font-family: 'Scada', sans-serif;
      font-size: 22px; }


    .news-feed .news .text {
      line-height: 1.5;
      font-size: 14px; }


.date-f {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #b1b1b1; }
  
.date-f:before {
    content: '';
    background-image: url(../../img/sprite.png);
    background-position: -70px -66px;
    width: 17px;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    left: 0; }



.detail-p {
  padding-bottom: 25px; }
  .detail-p .path a {
    text-decoration: underline; }
  .detail-p .content-slider-block {
    margin-bottom: 25px; }




.form-web-catalog {
  background-color: #fff;
  margin-bottom: 45px;
  border-radius: 5px;
  overflow: hidden; }
  


.form-web-catalog .nav-tabs {
    background-color: #345d8f;
    position: relative;
    padding: 0 15px;
    padding-top: 10px;
    margin-bottom: 4px; }
    


.form-web-catalog .nav-tabs a {
      display: inline-block;
      position: relative;
      padding: 4px 15px;
      padding-bottom: 9px;
      text-decoration: none;
      vertical-align: bottom;
      border-radius: 5px 5px 0 0;
      font-family: 'Scada', sans-serif;
      font-size: 16px;
      color: #fff; }
      

.form-web-catalog .nav-tabs a span {
        display: inline-block;
        line-height: 15px;
        border-bottom: 1px dotted; }
      

.form-web-catalog .nav-tabs a.active {
        background-color: #fff;
        color: #222; }
        

.form-web-catalog .nav-tabs a.active:before, .form-web-catalog .nav-tabs a.active:after {
          content: '';
          background-color: #345d8f;
          position: absolute;
          right: 100%;
          bottom: -4px;
          width: 1000px;
          height: 10px;
          border-radius: 5px; }
        

.form-web-catalog .nav-tabs a.active:after {
          left: 100%;
          right: auto; }
    
.form-web-catalog .nav-tabs a.active span {
          border-bottom: none; }
  

.form-web-catalog .form-change-block {
    padding: 25px 10px;
    border: 3px dashed #345d8f;
    border-top: none;
    border-radius: 0 0 5px 5px; }
  

.form-web-catalog .cust-select, .form-web-catalog .select2-container {
    width: 180px; }
  

.form-web-catalog .form-change .filter-tab {
    background-color: #fff;
    display: none; }
    

.form-web-catalog .form-change .filter-tab.active {
      display: block; }
  

.form-web-catalog .select2-selection {
    font-size: 14px; }
  

.form-web-catalog .base-group {
    margin-bottom: 15px;
    padding: 0 15px; }




.base-group .title-spoil {
  background-color: #f4f9ff;
  margin-left: -15px;
  padding-left: 15px;
  margin-right: -15px;
  padding-right: 15px; }
  


.base-group .title-spoil a {
    position: relative;
    max-width: 500px;
    line-height: 38px;
    text-decoration: none;
    font-family: 'Scada', sans-serif;
    font-size: 16px; }
    

.ie8 .base-group .title-spoil a {
      font-size: 18px; }
    


.base-group .title-spoil a:before {
      content: '';
      background-image: url(../../img/sprite.png);
      background-position: -104px -90px;
      width: 11px;
      height: 7px;
      margin-top: -3px;
      position: absolute;
      left: 92%;
      top: 50%;
      margin-left: 10px; }
    


.base-group .title-spoil a:hover span {
      border-bottom: none; }
    


.base-group .title-spoil a span {
      border-bottom: 1px dotted; }

.base-group .spoil {
  display: none;
  padding-top: 15px; }
  


.base-group .spoil .checkbox-block {
    margin-bottom: 15px; }
    

.base-group .spoil .checkbox-block:last-child {
      margin-bottom: 0; }
  

.base-group .spoil input[type="checkbox"] + label:before {
    top: 0;
    margin-top: 0; }


.base-group.open .title-spoil a:before {
  background-image: url(../../img/sprite.png);
  background-position: 0px -110px;
  width: 11px;
  height: 7px;
  margin-top: -3px; }


.base-group.open .spoil {
  display: block; }

.card-view {
  padding-top: 35px; }
  

.card-view .card .image {
    display: inline-block;
    width: 145px;
    vertical-align: top; }
  

.card-view .card .desc {
    display: inline-block;
    max-width: 555px;
    vertical-align: top; }
  

.card-view .card .code {
    width: 75px;
    font-size: 16px;
    color: #d9d9d9; }
  
.card-view .card .info {
    width: 470px; }
  

.card-view .card .big-title {
    line-height: 27px;
    margin-bottom: 20px; }
  

.card-view .card .author {
    margin-bottom: 20px; }
  
.card-view .card .text {
    font-size: 14px; }




footer {
  background: #99c6ff;
  background: transparent\9;
  background: rgba(153, 198, 255, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3f99C6FF,endColorstr=#3f99C6FF);
  zoom: 1;
  min-height: 315px;
  padding-top: 30px; }
  

footer .map-site {
    margin-bottom: 30px; }
    

footer .map-site .col {
      margin-bottom: 15px; }
  

footer .copyright {
    font-size: 16px;
    color: #afafaf; }
  

footer .contacts {
    padding-left: 20px;
     font-family: 'Scada', sans-serif; }
    


footer .contacts .email {
      font-size: 21px; }
    
footer .contacts .tel {
      text-decoration: none;
      font-size: 21px;
      color: #222222; }
  

footer .label {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #222222; }
  

footer .title {
    font-size: 21px; }



.list-people {
  height: 55px;
  margin-bottom: 15px; }
  

.list-people .label {
    margin-bottom: 7px;
    position: relative;
    z-index: 1; }
  

.list-people .title {
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted #222222;
    line-height: 18px;
    text-decoration: none;
    z-index: 1; }
  

.list-people .open:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -2px;
    margin-left: 7px;
    border-top: 4px solid #222222;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; }



.list-people-wrap {
  position: relative;
  display: inline-block;
  height: 100%; }
  
.list-people-wrap:hover {
    height: auto; }
    
.list-people-wrap:hover .list-people-open {
      opacity: 1;
      visibility: visible !important; }
    
.list-people-wrap:hover .open:before {
      border-top: 0;
      border-bottom: 4px solid #222222; }


.list-people-open {
  opacity: 0;
  visibility: hidden; }
  
.list-people-open:before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: -19px;
    bottom: -19px;
    left: -19px;
    right: -19px;
    border-radius: 10px;
    box-shadow: 0px 20px 30px rgba(0, 40, 89, 0.2); }



.list-people-pos {
  margin-top: 25px; }