@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.well-border {
  margin-left: -20px;
  border: 1px solid #eaeef3;
  border-radius: 10px;
  padding: 20px;
  padding-right: 0;
}

.date {
  font-size: 11px;
  color: #8c8f91;
  display: block;
}

.dashery {
  list-style: none;
}
  .dashery li:before {
    content: "—";
    padding-right: 20px;
  }

address {
  font-style: normal;
}

.address .content {
  font-size: 17px;
}

.phone .content {
  color: #666;
}
  .phone address {
    font-size: 25px;
    color: #24445f;
  }

.vacancy {
  padding: 30px;
  list-style: none;
  margin-left: -20px;
}
  .vacancy li {
    margin-bottom: 1em;
  }
    .vacancy h2 {
      display: inline-block;
      margin: 0;
    }
      .vacancy h2 a:before {
        content: "+ ";
        color: #0066cc;
        font-family: monospace;
      }
      .vacancy h2 a {
        text-decoration: none;
        font-size: 21px;
        text-decoration: none;
      }
        .vacancy h2 a span {
          border-bottom: 1px dashed #0066cc;
        }
      .vacancy h2 a.in {
        border: none;
      }
        .vacancy h2 a.in span {
          border-bottom: none;
        }
      .vacancy h2 a.in:before {
        content: "- ";
      }
    .vacancy p {
      padding-left: 25px;
    }

.works {
}
  .works article {
    margin-top: 2em;
  }
  .works article + article {
    margin-top: 3em;
  }
    .works a {
      text-decoration: none;
    }
    .works img {
      border: 4px solid #FAFAFA;
      box-shadow: 0 0 0 1px #EBEBEB;
      border-radius: 5px;
      margin-right: 10px;
      margin-bottom: 10px;
    }

.pagination {
}
  .pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    .pagination ul li {
      display: inline-block;
    }
      .pagination ul li a {
        display: block;
        text-decoration: none;
        width: 24px;
        line-height: 24px;
        border-radius: 5px;
        box-shadow:
          0px 0px 2px #fff inset,
          0px 0px 2px rgba(0, 0, 0, .3),
          0px 1px 1px rgba(0,0,0,.3)
        ;
        text-align: center;
        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
        font-size: 14px;
        font-weight: bold;
        color: #398CCA;
        text-shadow: 0px 1px 1px #fff;
      }
      .pagination ul li.active a,
      .pagination ul li a:hover {
        background-image: none;
        background-color: #ccd9e1;
        box-shadow: 0px 0px 3px rgba(0,0,0,.3) inset;
        color: #284c6c;
      }
      .pagination ul li:last-child a,
      .pagination ul li:first-child a {
        padding: 0 6px;
      }

.newspaper-articles {
}
  .newspaper-articles article {
    margin-bottom: 1em;
    border-bottom: 1px solid #eaeef3;
  }
    .newspaper-articles article p a {
      display: block;
      margin-bottom: 1em;
    }

.star {
  display: inline-block;
  text-indent: -9000px;
  background: transparent url(/images/site/icons/icon-star.png) center no-repeat;
  width: 11px;
}

.well {
  border: 5px solid #eaeef3;
  border-radius: 10px;
  margin-top: 1.6em;
}
  .well > .title {
    background-color: #f9fafb;
    border-bottom: 1px solid #eaeef3;
    color: #39608d;
    font-size: 25px;
    min-height: 41px;
    padding-left: 20px;
    padding-top: 11px;
  }
    .well > .title .icon {
      display: inline-block;
      float: none;
      margin-bottom: -3px;
    }
    .well > .title small {
      display: block;
      font-size: 15px;
      color: #14202c;
      padding-left: 44px;
    }
  .well > .content {
    padding: 1em 65px;
  }
    .well > .content article {
      width: 100%;
      margin-left: -8%;
      padding: .8em 40px;
      border-bottom: 1px solid #eaeef3;
    }
    .well > .content article.no-shade {
      border-bottom: 0;
    }
      .well > .content article p a {
        display: block;
        margin-bottom: .8em;
      }
  .well > .content.with-controls {
    padding: 1em 0;
    padding-bottom: 0;
  }
    .well > .content.with-controls .item {
      display: inline-block;
      width: 492px;
      min-height: 100px;
    }
    .well > .content.with-controls .prev,
    .well > .content.with-controls .next {
      width: 65px;
      display: inline-block;
      height: 100px;
      vertical-align: top;
      background: transparent url(/images/site/icons/icon-arrow-prev.png) center no-repeat;
      text-indent: -9000px;
      opacity: .5;
    }
    .well > .content.with-controls .next {
      background-image: url(/images/site/icons/icon-arrow-next.png);
    }
      .well > .content.with-controls .prev:hover,
      .well > .content.with-controls .next:hover {
        opacity: .3;
      }
  .well > .footer {
    padding: 1em 65px;
    padding-top: 0;
  }

html {
  min-width: 992px;
}

body {
  margin: 0 auto;
  color: #15212d;
  font: normal 15px arial, sans-serif;
}
body.main {
  background: #fff url(/images/site/body-bg.png) left 90px repeat-x;
}

h1 {
  color: #355d8c;
  font: normal 31px/1em Arial, sans-serif;
  margin-top: 0;
}
  .main h1 {
    margin-top: 45px;
  }

h2 {
  color: #355d8c;
  font: normal 25px/1em Arial, sans-serif;
}

h3 {
  color: #24445f;
  font-size: 17px;
  font-weight: normal;
}

a {
  color: #3a8dca;
  text-decoration: underline;
}
  a:hover {
    color: #355d8c;
  }

hr.slash {
  margin-top: 2em;
  margin-bottom: .6em;
  border: 0;
  height: 5px;
  background: #fff url(/images/site/slash-bg.png) center left repeat-x;
}

.shadow-white {
  text-shadow: #fff 0 1px 1px;
}

.shadow-black {
  text-shadow: #000 0 1px 1px;
}

.ask-question + .emergency {
  margin-top: 4em;
}

.emergency {
}
  .emergency h3 {
    font-size: 18px;
  }
    .emergency h3 small {
      font-size: 14px;
    }
  .emergency .date {
    font-size: 13px;
    margin-bottom: 1em;
  }
  .emergency address {
    font-size: 25px;
    color: #24445f;
  }
  .emergency address.phone {
    padding-left: 45px;
    background: transparent url(/images/site/icons/icon-phone.png) left 3px no-repeat;
  }

.icon {
  width: 26px;
  height: 26px;
  background: transparent url(/images/site/icons/icon-letter.png) center no-repeat;
  display: block;
  float: left;
  margin-right: 10px;
}
  .icon-letter {
    background-image: url(/images/site/icons/icon-letter.png);
  }
  .icon-horn {
    background-image: url(/images/site/icons/icon-horn.png);
  }
  .icon-horn-inversed {
    background-image: url(/images/site/icons/icon-horn-inversed.png);
  }
  .icon-news {
    background-image: url(/images/site/icons/icon-news.png);
  }
  .icon-phone {
    background-image: url(/images/site/icons/icon-phone.png);
  }
  .icon-compass {
    background-image: url(/images/site/icons/icon-compass.png);
  }
  .icon-coins {
    background-image: url(/images/site/icons/icon-coins.png);
  }
  .icon-search {
    background-image: url(/images/site/icons/icon-search.png);
    margin: 0;
  }
  .icon-key {
    background-image: url(/images/site/icons/icon-key.png);
  }
  .icon-list {
    background-image: url(/images/site/icons/icon-list.png);
  }
  .icon-map {
    background-image: url(/images/site/icons/icon-map.png);
  }
  .icon-graph {
    background-image: url(/images/site/icons/icon-graph.png);
  }
  .icon-refresh {
    background-image: url(/images/site/icons/icon-refresh.png);
  }
  .icon-edit {
    height: 20px;
    width: 20px;
    background-image: url(/images/site/icons/icon-edit.png);
  }
  .icon-gear {
    background-image: url(/images/site/icons/icon-gear.png);
  }

.btn {
  padding: 3px 15px;
  background-color: #7EB311;
  border-radius: 15px;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  padding-top: 2px;
  text-shadow: 0px 1px 1px #446307;
  background-image: -webkit-linear-gradient(top, #86C110, #70A10D);
  display: inline-block;
  border: 0;
}
.btn + .btn {
  margin-left: 5px;
}
  .btn:hover {
    text-decoration: underline;
    color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
  }
  .btn-green-inversed {
    font-size: 11px;
    background-color: #68960c;
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0px 1px 4px rgba(0,0,0,.69) inset;
  }
  .btn-green-inversed:hover {
    text-decoration: none !important;
  }
  .btn-gray,
  .btn-grey {
    border-radius: 5px;
    padding: 3px 28px;
    font-size: 15px;
    color: #398cca;
    text-shadow: 0px 1px 1px rgba(255,255,255,.5);
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #e2e2e2);
    box-shadow:
      0px 0px 1px rgba(0,0,0,.3),
      0px 1px 1px rgba(0,0,0,.5),
      0px 0px 1px #fff inset
    ;
  }
  .btn-gray:hover,
  .btn-grey:hover,
  .btn-gray.active,
  .btn-grey.active {
    background-image: none;
    background-color: #ccd9e1;
    box-shadow:
      0px 1px 2px rgba(0, 0, 0, .4) inset,
      0px -1px 1px rgba(0, 0, 0, .1) inset
    ;
    color: #455b71;
    text-decoration: none;
  }
  .btn-white {
    border-radius: 5px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top, #fff, #ebebeb);
    padding: 3px 28px;
    box-shadow:
      0px 0px 1px rgba(0,0,0,.3),
      0px 1px 1px rgba(0,0,0,.5),
      0px 0px 1px #fff inset
    ;
  }
  .btn-white:hover {
    background-image: -webkit-linear-gradient(bottom, #fff, #ebebeb);
  }
  .btn-large {
    height: 40px;
    width: 241px;
    font-size: 15px;
  }
  .btn-small-corner {
    border-radius: 5px;
    line-height: 30px;
  }
  .btn-blue {
    border-radius: 5px;
    text-shadow: 0px -1px 0px rgba(0,0,0,.85);
    background-color: #3087C6;
    background-image: -webkit-linear-gradient(top, #67B6F4, #3087C6);
    font-weight: bold;
    box-shadow: 0px 0px 100px rgba(255, 255, 255, .05) inset;
  }

#logo {
  height: 90px;
  background: transparent url(/images/site/logo-bg.png) top left repeat-x;
}
  #logo .logo {
    background: transparent url(/images/site/logo.png) top left no-repeat;
    text-indent: -9000px;
  }
    #logo .logo a {
      height: 90px;
      display: block;
    }
  .personal-small.logged-off {
    color: #fff;
    background: transparent url(/images/site/icons/icon-lock.png) left 18px no-repeat;
    font-size: 11px;
    padding-top: 20px;
    padding-left: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
    .personal-small.logged-off .span3 {
      font-size: 17px;
      height: 70px;
      padding-top: 7px;
    }
      .personal-small.logged-off .span3 a {
        font-size: 13px;
        display: inline-block;
        margin-top: 10px;
      }
      .personal-small.logged-off .span3 a:hover {
        color: #eee;
      }
    .personal-small.logged-off input[type="text"],
    .personal-small.logged-off input[type="password"] {
      width: auto;
      height: 30px;
      line-height: 30px;
      padding: 0 7px;
      font-size: 14px;
      box-shadow: none;
      border-radius: 5px;
      margin-right: 10px;
      background-color: #212e4f;
      border: 0;
      box-shadow:
        0px 1px 0px rgba(255, 255, 255, .25),
        0px 1px 4px rgba(0, 0, 0, .7) inset
      ;
      color: #EDEFF0;
      color: rgba(237, 239, 240, .5);
    }
    .personal-small.logged-off .btn-blue {
      font-size: 15px;
      height: 30px;
      box-shadow:
        0px 0px 3px rgba(0, 0, 0, .5),
        0px 0px 3px rgba(0, 0, 0, .25),
        0px 0px 3px rgba(255,255,255,.5) inset
      ;
    }
    .personal-small.logged-off .remember {
      padding-top: 9px;
    }
      .personal-small.logged-off .remember label {
        width: 177px;
        display: inline-block;
      }
        .personal-small.logged-off .remember input[type="checkbox"] {
          margin-top: -2px;
        }
      .personal-small.logged-off .remember a {
        color: #fff;
        text-decoration: none;
      }
      .personal-small.logged-off .remember a:hover {
        text-decoration: underline;
      }
  .personal-small.logged-in {
    padding-top: 1em;
    color: #fff;
    font-size: 15px;
  }
    .personal-small.logged-in select {
      width: 378px;
      height: 33px;
    }
    .personal-small.logged-in a.name {
      color: #68b3ee;
    }
    .personal-small.logged-in a.name:hover {
      opacity: .8;
    }
    .personal-small.logged-in .account {
      padding-top: .6em;
    }
    .personal-small.logged-in .log-out {
      font-size: 13px;
    }

.wrap-bg {
  background: transparent url(/images/site/wrap-bg.png) center top no-repeat;
}

#nav {
  height: 78px;
  background: transparent url(/images/site/nav-bg.png) left top repeat-x;
}
.second #nav {
  background-color: #376fb0;
}
  #nav .nav {
    list-style: none;
    padding: 0;
    padding-top: 15px;
    margin-top: 0;
    margin-bottom: 0;
  }
    #nav .nav li {
      min-width: 60px;
      margin-right: 15px;
      display: inline-block;
      border-radius: 5px;
    }
      #nav .nav li.active,
      #nav .nav li:hover {
        background-color: #325277;
        position: relative;
        box-shadow:
          0px 1px 1px rgba(255,255,255,.25),
          0px 1px 4px rgba(0,0,0,.70) inset
        ;
        -webkit-transition: all .5s ease;
      }
        /*#nav .nav li:before,
        #nav .nav li:after {
          opacity: 0;
        }
        #nav .nav li.active:before,
        #nav .nav li:hover:before,
        #nav .nav li.active:after,
        #nav .nav li:hover:after {
          content: '';
          display: inline-block;
          position: absolute;
          border-bottom: 0;
          opacity: 1;
          -webkit-transition: opacity 5s ease;
        }
        #nav .nav li.active:before,
        #nav .nav li:hover:before {
          border-left: 5px solid transparent;
          border-right: 6px solid transparent;
          left: 45%;
          border-top: 6px solid rgba(255,255,255,.25);
          bottom: -7px;
          box-shadow: 0px -3px 0px #325277;
        }
        #nav .nav li.active:after,
        #nav .nav li:hover:after {
          border-left: 5px solid transparent;
          border-right: 7px solid transparent;
          left: 45%;
          border-top: 6px solid #325277;
          bottom: -6px;
          top: auto;
        }*/
      #nav .nav li a {
        color: #fff;
        font: bold 12px/1.5em arial, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        text-shadow: #000 0 -1px 1px;
        display: block;
        padding: 8px 25px 8px 10px;
      }
        #nav .nav li a:hover {
          text-decoration: none;
        }
        #nav .nav li.active a {
          color: #98c9f4;
        }

#content {
}
  #content .carousel {
    line-height: 210px;
    text-align: center;
  }
    #content .carousel a {
      display: block;
    }
  #content .content {

  }
  #content .use-new {
    margin-top: 80px;
    width: 290px;
    border-radius: 10px;
    box-shadow: 0 1px 2px #aaa;
    background-color: #f1f1f1;
    background-image: -webkit-linear-gradient(top, #f7f7f7, #eaeaea);
  }
    #content .use-new > .title {
      font-size: 21px;
      color: #35598c;
      padding-top: 15px;
      padding-left: 20px;
      padding-bottom: 15px;
      border-bottom: 1px solid #ccc;
      box-shadow: 0 1px 1px #fff;
      background-color: #e6e6e6;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-image: -webkit-linear-gradient(bottom, #e3e3e3, #f2f2f2);
    }
    #content .use-new > ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
      #content .use-new > ul > li {
        /* height: 50px; */
        position: relative;
        padding: 25px 20px 5px 66px;
        font-size: 12px;
      }
      #content .use-new > ul > li > a {
        display: block;
        margin-bottom: 3px;
      }
      #content .use-new > ul > li ul {
        margin: 0;
        padding-left: 16px;
        margin-bottom: 5px;
        list-style: disc;
      }
      #content .use-new > ul > li li {
        margin-bottom: 5px;
      }
      #content .use-new .divider {
        border-top: 1px solid #c8c9cb;
        border-bottom: 1px solid #fff;
        height: 0;
        padding: 0;
      }
        #content .use-new .icon {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          height: 100px;
          width: 66px;
        }
          #content .use-new .icon.icon-graph {
            background-image: url(/images/site/icons/use-new-graph.png);
          }
          #content .use-new .icon.icon-card {
            background-image: url(/images/site/icons/use-new-card.png);
          }
          #content .use-new .icon.icon-note {
            background-image: url(/images/site/icons/use-new-note.png);
          }
        #content .use-new a {
          font-size: 21px;
        }
        #content .use-new a:hover .icon {
          opacity: .5;
        }
        #content .use-new p {
          margin-top: 5px;
        }

  #content .important {
    margin-top: 30px;
    background: transparent url(/images/site/important-bg.png) top left no-repeat;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    height: 196px;
    color: #fff;
  }
    #content .important .title {
      font-size: 25px;
      border-bottom: 1px solid #74a50f;
      padding-top: 5px;
      padding-bottom: 5px;
    }
    #content .important .content {
      border-top: 1px solid #98c241;
    }
      #content .important .content .date {
        font-size: 11px;
        line-height: 33px;
        color: #395306;
      }
      #content .important .content a {
        margin: 0;
        margin-left: -8px;
        max-height: 85px;
        overflow: hidden;
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
      }
        #content .important .content a:hover {
          text-decoration: underline;
          text-shadow: 0;
        }
      #content .important .content div {
        height: 85px;
      }
      #content .important .content .btn {
        margin-top: 8px;
        display: inline-block;
        font-size: 12px;
      }

.newspaper {
  font-size: 13px;
}
  .newspaper .date {
    display: block;
    color: #8c8c8c;
    margin-bottom: .5em;
    font-size: 11px;
  }

  #content .nav.right {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 39px;
    color: #455b71;
    border-bottom: 1px solid #eee;
  }
    #content .nav.right a {
      text-decoration: none;
    }
      #content .nav.right a:hover {
        text-decoration: underline;
        opacity: .5;
      }
    #content .nav.right > li {
      border-top: 1px solid #eee;
    }
    #content .nav.right > li.active,
    #content .nav.right > li.no-children.active+li {
      border-top-color: transparent;
    }
      #content .nav.right > li > a,
      #content .nav.right > li > span {
        display: block;
        padding-left: 54px;
        background: transparent url(/images/site/nav-dot.png) 25px center no-repeat;
      }
      #content .nav.right > li.active > span {
        border-radius: 5px;
        background-color: #eee;
        display: block;
        background-image: url(/images/site/nav-dot-active.png);
      }
      #content .nav.right li ul {
        list-style: none;
        margin: 1em 0;
        padding: 0;
        padding-left: 75px;
        font-size: 13px;
        line-height: 2em;
        margin-top: .6em;
      }
        #content .nav.right li ul li {
        }
        #content .nav.right li ul li.active {
        }

#footer {
  background-color: #f5f5f5;
  border-top: 1px solid #eaeaea;
  color: #212e4f;
  margin-top: 70px;
  padding-bottom: 60px;
  padding-top: 30px;
  font-size: 13px;
}
  #footer .emergency .title  {
    font-size: 30px;
    color: #202d4e;
  }
  #footer .emergency small  {
    font-size: 15px;
  }
  #footer .emergency .date  {
    font-size: 15px;
  }
  #footer .info {
  }
    #footer .info .title {

    }
      #footer .info .title .title {
        font-size: 35px;
        color: #202d4e;
      }
      #footer .info .title .pipe {
        color: #ccc;
        font-size: 30px;
        padding: 0 5px;
      }
      #footer .info .title a {
        font-size: 13px;
      }
      #footer .info .title small {
        display: block;
        font-size: 15px;
        color: #8b91a2;
      }
    #footer .info .phones {
      color: #202d4e;
      font-style: normal;
      position: relative;
      margin-top: 25px;
      font-size: 41px;
      line-height: 41px;
    }
      #footer .info .phones .prefix {
        position: absolute;
        left: -40px;
        top: -9px;
        font-size: 15px;
        color: #888;
      }
      #footer .info .phones .phone {
      }
      #footer .info .phones .comma {
        position: relative;
        left: -5px;
      }
    #footer .info .nav {
      list-style: none;
      padding: 0;
      margin-top: 70px;
      margin-bottom: 25px;
    }
      #footer .info .nav li {
        float: left;
        margin-right: 20px;
      }
    #footer .info .copyright {
      color: #a0a0a0;
    }
      #footer .info .copyright .copyright {
      }
      #footer .info .copyright address {
      }
        #footer .info .copyright address .address {
          border-bottom: 1px dotted #a0a0a0;
        }
        #footer .info .copyright address .phone {
        }
          #footer .info .copyright address .prefix {
          }

#content .nav + .ask-question {
  margin-top: 3em;
}

.ask-question {
}
   .ask-question a {
    font-size: 21px;
    padding-top: 10px;
  }
   .ask-question a:hover .icon {
    opacity: .5;
  }
   .ask-question p {
    color: #767e91;
    font-size: 13px;
  }

.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 50px;
  font-size: 11px;
  margin-left: -30px;
  color: #999;
}
  .breadcrumb li {
    float: left;
    padding-left: 15px;
    background: transparent url(/images/site/breadcrumb-divider.png) 5px 53% no-repeat;
    margin-right: 7px;
  }
    .breadcrumb li.home {
      padding-left: 0;
      text-indent: -9000px;
      background: transparent url(/images/site/breadcrumb-home.png) center no-repeat;
      margin: 0;
      width: 30px;
    }
      .breadcrumb li.home:hover {
        opacity: .5;
      }
    .breadcrumb li.active {
    }
      .breadcrumb a {
        display: block;
        text-decoration: none;
      }
        .breadcrumb a:hover {
          text-decoration: underline;
        }


.gallery {
  margin-left: -35px;
}
  .gallery .control {
    display: inline-block;
    line-height: 128px;
    width: 24px;
    text-align: center;
    background: transparent url(/images/site/arrows.png) left center no-repeat;
  }
    .gallery .control:hover {
      opacity: .5;
    }
    .gallery .control.next {
      background-position: right center;
      margin-left: 10px;
    }
      .gallery .control a {
        display: block;
        text-indent: -9000px;
      }
  .gallery img {
    width: 180px;
    height: 120px;
    border: 4px solid #fafafa;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ebebeb;
    margin-left: 10px;
  }
    .gallery img:hover {
      opacity: .5;
    }

.doc {
  font-size: 13px;
  border: 5px solid #eaeef3;
  border-radius: 10px;
  box-sizing: border-box;
  min-width: 250px;
}
  .doc .title {
    min-height: 32px;
    border-bottom: 1px solid #eaeef3;
    background-color: #f9fafb;
    font-size: 20px;
    padding: 18px 20px;
    padding-bottom: 10px;
    text-align: center;
  }
  .span4.doc .title {
    text-align: left;
  }
  .doc .content {
    background: transparent url(/images/site/icons/icon-doc.png) 17px center no-repeat;
    height: 50px;
    padding-left: 50px;
    padding-top: 15px;
    position: relative;
    width: 250px;
    margin: 0 auto;
  }
    .doc .content a {
      font-size: 13px;
      color: #7eb311;
      position: absolute;
      height: 50px;
      left: 0;
      top: 0;
      padding-left: 50px;
      padding-top: 17px;
    }
      .doc .content a:hover {
        color: #587C0C;
      }
    .doc .content .info {
      font-size: 11px;
      color: #8c8c8c;
      position: absolute;
      top: 34px;
    }
      .doc .content .info .date {
        display: inline;
      }
.doc-simple {
  min-height: 8em;
}
  .doc-simple .content {
    background-position: left 16px;
    padding: 0;
    width: 210px;
    padding-left: 35px;
  }
    .doc-simple .content a {
      position: relative;
      font-size: 21px;
      padding: 0;
    }
    .doc-simple .content .info {
      position: relative;
      top: 6em;
    }

.just-doc {
  font-size: 13px;
  color: #7eb211;
  text-decoration: none;
  display: block;
  padding-left: 38px;
  background: transparent url(/images/site/icons/icon-doc.png) left center no-repeat;
  min-height: 26px;
}
.just-doc:hover {
  color: #4d6f09;
}
  .just-doc span {
    text-decoration: underline;
  }
  .just-doc small {
    font-size: 11px;
    color: #8C8F91;
    display: block;
    text-decoration: none;
    padding-top: 2px;
  }
    .just-doc small * {
      text-decoration: none;
    }
    .just-doc small .date {
      display: inline;
    }

input[type="text"],
input[type="password"],
select,
textarea {
  background-color: #f8f8f8;
  box-shadow: 0px 1px 0px rgba(0,0,0,.4) inset;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  outline: 0;
  border-top-color: transparent;
  width: 410px;
  height: 37px;
  padding: 0 7px;
}

.modal-body input[type="text"] {
  width: 200px;
}

select {
  width: 426px;
  padding: 7px;
}

textarea {
  padding: 7px;
  height: 90px;
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.6);
  box-shadow:
    0 0 8px rgba(82, 168, 236, 0.6)
  ;
}

.control-group {
  margin-top: 20px;
}
  .control-group label {
    float: left;
    width: 145px;
    padding-left: 35px;
    font-size: 17px;
    color: #666;
    padding-top: 9px;
  }
  .control-group label.required {
    background: transparent url(/images/site/icons/icon-star.png) 15px 13px no-repeat;
  }
  .control-group .controls {
    margin-left: 185px;
  }
  .control-group .controls.captcha {
  }
    .control-group .controls.captcha img {
      border-radius: 3px;
      border: 1px solid #03182E;
      cursor: pointer;
    }
    .control-group .controls.captcha span {
      display: inline-block;
      width: 9px;
      background: transparent url(/images/site/icons/icon-corner.png) center no-repeat;
      text-indent: -9000px;
    }
    .control-group .controls.captcha input {
      width: 96px;
      height: 36px;
    }
.form-actions {
  margin: 20px 0 20px 185px;
}

form.search {
  font-size: 15px;
  color: #666;
  padding: 12px 0;
}
  form.search input[type="text"] {
    width: 468px;
    background-color: #FFF;
  }
  form.search button {
    margin-left: 8px;
    height: 36px;
  }
  form.search small {
    font-size: 11px !important;
    color: #666 !important;
    padding: 1em 0 !important;
  }
    form.search small a {
      text-decoration: none;
      border-bottom: 1px dashed;
    }

table {
  padding: 10px;
  border-spacing: 15px 0;
  width: 100%;
}
table.houses-list {
  padding: 38px 10px;
}
  table thead {
    font-size: 11px;
    color: #666;
    text-align: left;
  }
    table th {
      font-weight: normal;
      padding-bottom: 1em;
    }
  table tbody {
    font-size: 17px;
    color: rgba(20, 32, 44, .5);
  }
  table.houses-list tbody {
    color: #14202c;
  }
    table td {
      border-bottom: 1px solid rgba(200,201,203, .5);
      width: 190px;
      vertical-align: top;
      padding: 17px 0;
    }
    table td[rowspan] {
      border-bottom: none;
    }
    table tr:last-child td {
      border-bottom: none;
    }
    table th + td,
    table td + td,
    table td.normalcolor {
      width: auto;
      color: #14202c;
    }
      table.houses-list a {
        text-decoration: none;
        padding: 1px 3px;
        padding-bottom: 0;
        min-width: 18px;
        display: inline-block;
        text-align: center;
        position: relative;

      }
      table.houses-list a.active,
      table.houses-list a:hover {
        background-color: #398cca;
        border-radius: 3px;
        color: #fff;
      }
        table.houses-list a > div {
          display: none;
          z-index: 1000;
        }
          table.houses-list a.active > div,
          table.houses-list a:hover > div {
            display: block;
            position: absolute;
            left: 33px;
            top: -24px;
            width: 270px;
            /* min-height: 290px; */
            background-color: #fff;
            background-image: -webkit-linear-gradient(top, #fff, #eaeaea);
            color: #000;
            border-radius: 3px;
            box-shadow:
              0px 0px 10px rgba(0, 0, 0, .25),
              0px 0px 1px  rgba(0, 0, 0, .3)
            ;
            text-align: left;
            padding: 20px;
            padding-bottom: 14px;

            -webkit-animation: fadeIn .5s;
          }
          table.houses-list a.active > div:before,
          table.houses-list a:hover > div:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border: 14px solid transparent;
            top: 21px;
            right: 100%;
            border-right-color: rgba(0, 0, 0, .2);
          }
          table.houses-list a.active > div:after,
          table.houses-list a:hover > div:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border: 13px solid transparent;
            top: 22px;
            right: 100%;
            border-right-color: #fff;
          }
            table.houses-list a.active > div .title,
            table.houses-list a:hover > div .title {
              font-size: 25px;
              color: #398CCA;
              padding-bottom: 5px;
            }
            table.houses-list a.active > div .street,
            table.houses-list a:hover > div .street {
              font-size: 17px;
              color: #24445F;
              margin-bottom: 17px;
            }
            table.houses-list a.active > div table,
            table.houses-list a:hover > div table {
              border-spacing: 15px 0;
              margin-left: -25px;
              width: 118%;
            }
              table.houses-list a.active > div th,
              table.houses-list a:hover > div th,
              table.houses-list a.active > div td,
              table.houses-list a:hover > div td {
                border-bottom: 1px solid rgba(200,201,203, .5);
                width: 130px;
                padding: 13px 3px;
              }
              table.houses-list a.active > div table tr:last-child th,
              table.houses-list a:hover > div table tr:last-child th,
              table.houses-list a.active > div table tr:last-child td,
              table.houses-list a:hover > div table tr:last-child td {
                border-bottom: none;
              }
              table.houses-list a.active > div th,
              table.houses-list a:hover > div th {
                font-size: 13px;
                color: #666;
              }
              table.houses-list a.active > div td,
              table.houses-list a:hover > div td {
                padding-left: 7px;
              }

table.house-info-executors {
}
  table.house-info-executors a {
    display: block;
    font-size: 21px;
  }
  table.house-info-executors td+td,
  table.house-info-executors td.normalcolor {
    font-weight: 15px;
  }

.table-condensed {
  border-spacing: 0;
  padding: 0;
  margin-bottom: 2em;
}
  .table-condensed tbody {
    color: #131f2c;
  }
  .table-condensed th {
    color: rgba(20, 32, 44, .5);
  }
  .table-condensed th[scope="row"] {
    padding: 0;
    text-align: left;
    width: 190px;
    vertical-align: top;
  }
  .table-condensed td {
    padding: 0;
    width: 0;
    border: 0;
    padding-bottom: .5em;
  }

.executor {
}
  .executor .title {
    padding-bottom: 11px;
  }
    .executor .title a,
    .executor .title span {
      font-size: 21px;
      color: #398cca;
      text-decoration: underline;
    }
    .executor .title a:hover {
      opacity: .7;
    }
    .executor .title address {
      font-size: 17px;
      color: #15212d;
      padding-top: 5px;
    }
    .executor .title small {
      display: inline;
      font-size: 15px;
      padding: 0;
      color: rgba(21, 33, 45, .5);
    }
      .executor .title small small {
        font-size: 11px;
      }

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease;
     -moz-transition: all 0.35s ease;
      -ms-transition: all 0.35s ease;
       -o-transition: all 0.35s ease;
          transition: all 0.35s ease;
}

.collapse.in {
  height: auto;
  overflow: visible;
  opacity: 1;
}

.collapser {
  display: block;
  margin: 15px 30px;
  padding-left: 0;
  position: relative;
  text-decoration: none;
  outline: medium none !important;
}
  .collapser span {
    text-decoration: underline;
  }
.collapser:before {
  content: "+";
  position: relative;
  left: 0px;
  top: 0px;
  height: 2em;
  width: 2em;
  text-align: center;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
  border-radius: .3em;
  background-color: #EAEAEA;
  background-image: -webkit-linear-gradient(top, #FAFAFA, #EFEFEF);
  font-weight: bold;
  text-shadow: 0px 1px 1px white;
  font-family: monospace;
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 22px;
  line-height: 2em;
}
.collapser.in:before {
  content: "-";
}

[data-toggle="collapse"] {
  cursor: pointer;
}

.hidden {
  display: none;
}

.mb1em {
  margin-bottom: 1em;
}

.mt1em {
  margin-top: 1em;
}

.pt1em {
  padding-top: 1em;
}

.pb1em {
  padding-bottom: 1em;
}

.m0 {
  margin: 0;
}

.p0 {
  padding: 0 !important;
}

.p15px {
  padding: 15px !important;
}

.payways {
  list-style: none;
  padding: 0;
  margin: 0;
}
  .payways li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 4em;
    vertical-align: top;
  }
    .payways a {
      display: block;
      position: relative;
      width: 198px;
      height: 95px;
      border: 1px solid #d8dce2;
      border-radius: 5px;
      text-align: center;
      background: transparent url('//placehold.it/177x27&text=no image') center no-repeat;
    }
    .payways a:hover {
      opacity: .6;
    }
      .payways span {
        position: relative;
        top: 100px;
      }
    .payways a.sberbank {
      background-image: url(/images/site/payways/sberbank.png);
    }
    .payways a.primsocbank {
      background-image: url(/images/site/payways/primsocbank.png);
    }
    .payways a.atbank {
      background-image: url(/images/site/payways/atbank.png);
    }
    .payways a.primoryebank {
      background-image: url(/images/site/payways/primoryebank.png);
    }
    .payways a.yandexmoney {
      background-image: url(/images/site/payways/yandexmoney.png);
    }
    .payways a.qiwi {
      background-image: url(/images/site/payways/qiwi.png);
    }
    .payways a.webmoney {
      background-image: url(/images/site/payways/webmoney.png);
    }
    .payways a.russianpost {
      background-image: url(/images/site/payways/russianpost.png);
    }
    .payways a.bfgkreditbank {
      background-image: url(/images/site/payways/bfgkreditbank.png);
    }
    .payways a.creditcard {
      background-image: url(/images/site/payways/creditcard.png);
    }

.laws .just-doc {
  background-position: left 3px;
  margin-bottom: 1em;
  min-height: 3em;
  font-size: 15px;
}
  .laws .just-doc small {
    font-size: 13px;
  }
  .laws .just-doc:hover small {
    color: #15212d;
  }

.date:hover {
  color: #15212d;
  -webkit-transition: 1s all;
}

.map {
  background: #aaa url(//placehold.it/640x480&text=map) center no-repeat;
  width: 630px;
  height: 480px;
}

.row.map {
  margin-left: -20px;
  margin-top: 1.6em;
}

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.not-underlined {
  text-decoration: none;
}

.not-underlined:hover{
  text-decoration: underline;
}

.ml2em {
  margin-left: 2em;
}

.margin-10 {
  margin-left: 10px;
}

.muted {
  color: rgba(20, 32, 44, .5);
}
  .muted:hover {
    color: inherit;

      -webkit-transition: color .5s;
      -o-transition: color .5s;
      -ms-transition: color .5s;
      -moz-transition: color .5s;
    transition: color .5s;
  }