/* Table of contents
  1. Base styles.
    1.1. Typography

  2. Classes.

  3. Elements.
    3.1. Input
    3.2. Button
    3.3. Error Mark
    3.4. Icons
    3.5. NanoScroller

  4. Blocks.
    4.1. Pagination
    4.2. Sub Navigation
    4.3. Main Carousel
    4.4. Last News
    4.5. Organizations
    4.6. News List
    4.7. Documents List
    4.8. Popup
    4.9. Request form
      - Error
    4.9. Request confirmation

  5. Layout.
    5.1. Wrappers
    5.2. Header
      - Organizations
      - Navigation
      - Contacts
    5.2. Aside
      - Joing
      - About links
      - Search
      - Study
      - Publishing
    5.2. Main content
    5.3. Footer

  6. Pages


  7. Media.
*/

/*##############################################################################
  1. Base styles.
##############################################################################*/

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.2858;
    color: #263558;
    background: #3f3f3f;
}


/* -----------------------------------------------------------------------------
  1.1. Typography
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: "segoe_uilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

h1 {
    font-size: 48px;
    margin: 0 0 27px;
}

ul[class] {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #263558;
}

a:hover {
    color: #3C9CE7;
}

a img {
    border: none;
}

.news_article__date {
    color: #3C9CE7;
    text-transform: uppercase;
    margin: 0 0 17px;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
}

.news_article {
    padding-top: 11px;
}

.news_article h1 {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 24px;
}

.news_article h2 {
    font-size: 24px;
    margin: 48px 0 21px
}

.news_article p {
    margin: 18px 0;
}

.news_article blockquote {
    margin: 20px 0 18px;
    padding: 0 0 0 50px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5625;
    position: relative;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/bg/arrow_right.png) 1px 3px no-repeat;
}

.news_article table {
    table-layout: fixed;
    border-collapse: collapse;
    margin: 18px 0 37px;
}

.news_article th,
.news_article td {
    width: 170px;
    text-align: left;
    vertical-align: top;
}

.news_article th {
    font-weight: bold;
    border-bottom: 1px solid #bdc2cd;
    padding: 0 0 13px;
}

.news_article td {
    padding: 11px 0 13px;
}

.news_article ul {
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.news_article li {
    margin: 6px 0 0;
    padding: 0;
}

.news_article li:first-child {
    margin: 0;
}

.news_article li:before {
    content: '- ';
    color: #3C9CE7;
}

.news_article img {
    margin: 24px 0 26px;
    display: block;
    max-width: 100%;
}

.news_article figure {
    margin: 26px 0 32px;
}

.news_article figure img {
    margin: 0;
}

.news_article figcaption {
    color: #909295;
    font-style: italic;
    margin: 16px 0 0;
}

.news_article__copyrights,
p.news_article__copyrights {
    color: #909295;
    font-style: italic;
    margin: 43px 0 0;
}


/*##############################################################################
  2. Classes.
##############################################################################*/
.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clear {
    clear: both;
}

/*##############################################################################
  3. Elements.
##############################################################################*/
/* -----------------------------------------------------------------------------
  3.1. Input
----------------------------------------------------------------------------- */
input[type="text"],
input[type="search"],
textarea {
    margin: 0;
    padding: 9px 10px 8px;
    font-size: 12px;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    height: 154px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #fff;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #fff;
}

/* -----------------------------------------------------------------------------
  3.2. Button
----------------------------------------------------------------------------- */
button,
.button {
    margin: 0 0 0 1px;
    padding: 7px 13px;
    height: 32px;
    background: #3C9CE7;
    border: 1px solid #3C9CE7;
    outline: 1px solid #3C9CE7;
    cursor: pointer;
    font-size: 12px;
    font-family: "segoe_uibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button {
    display: inline-block;
    /*line-height: 32px;*/
}

button:hover,
.button:hover {
    border-color: #263558;
}

/* -----------------------------------------------------------------------------
  3.3. Error Mark
----------------------------------------------------------------------------- */
.error_mark {
    display: inline-block;
    width: 33px;
    height: 33px;
    border: 1px solid #fa4242;
    border-radius: 33px;
    font-size: 24px;
    color: #fa4242;
    font-family: "segoe_uilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    line-height: 33px;
    text-align: center;
}

/* -----------------------------------------------------------------------------
  3.4. Icons
----------------------------------------------------------------------------- */
.x {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/x.png) no-repeat;
    cursor: pointer;
}

/* -----------------------------------------------------------------------------
  3.5. NanoScroller
----------------------------------------------------------------------------- */
/** initial setup **/
.nano {
    position : relative;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
}

.nano > .nano-content {
    position      : absolute;
    overflow      : scroll;
    overflow-x    : hidden;
    top           : 0;
    right         : 0;
    bottom        : 0;
    left          : 0;
}

.nano > .nano-content:focus {
    outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
    visibility: hidden;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
    visibility: visible;
}

.nano > .nano-pane {
    position   : absolute;
    width      : 8px;
    right      : 5px;
    top        : 0;
    bottom     : 0;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
}

.nano > .nano-pane:hover {
    width: 10px;
    -moz-border-radius    : 10px;
    -webkit-border-radius : 10px;
    border-radius         : 10px;
}

.nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0,0,0,.5);
    position              : relative;
    margin                : 0 1px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility : visible\9; /* Target only IE7 and IE8 with this hack */
    opacity    : 0.99;
}


/*##############################################################################
  4. Blocks.
##############################################################################*/
/* -----------------------------------------------------------------------------
  4.1. Pagination
----------------------------------------------------------------------------- */
.pagination {
    font-size: 18px;
    line-height: 1;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    margin: 0 0 0 -4px;
    overflow: hidden;
}

.pagination__item {
    float: left;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    height: 27px;
    border-radius: 27px;
    line-height: 27px;
    text-decoration: none;
    margin-left: 10px;
}

.pagination__item:hover {
    color: #263558;
    text-decoration: underline;
}

.pagination__item.active {
    color: #3C9CE7;
    border-color: #3C9CE7;
    width: 27px;
}

.pagination__item.active:hover {
    text-decoration: none;
}

/* -----------------------------------------------------------------------------
  4.2. Sub Navigation
----------------------------------------------------------------------------- */
.sub_nav,
ul.sub_nav {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
}

.sub_nav__item {
    display: inline-block;
    margin: 0 0 0 7px;
}

.sub_nav__item:first-child {
    margin: 0;
}

.sub_nav__item_link {
    display: block;
    border: 1px solid transparent;
    padding: 6px 8px;
    letter-spacing: -1px;
    text-decoration: none;
}

.sub_nav__item_link:hover {
    text-decoration: underline;
    color: #263558;
}

.sub_nav__item.active .sub_nav__item_link {
    color: #3C9CE7;
    border-color: #3C9CE7;
}

.sub_nav__item.active .sub_nav__item_link:hover {
    text-decoration: none;
}

/* -----------------------------------------------------------------------------
  4.3. Main Carousel
----------------------------------------------------------------------------- */
.members_carousel_wrapper {

}

.members_carousel_wrapper .bx-wrapper {
    position: relative;
    margin: 0 0 20px;
}

.members_carousel__item {
    height: 250px;
}

.members_carousel__item__head {
    font-size: 24px;
    margin: 0 0 21px;
    overflow: hidden;
}

.members_carousel__item__content {
    line-height: 18px;
    height: 109px;
    overflow: hidden;
    width: auto;
}

.members_carousel__item__content .nano-content {
    padding: 0 20px 0 0;
}

.members_carousel__item__content p {
    margin: 16px 0 0;
}

.members_carousel__item__content p:first-child {
    margin: 0;
}

.members_carousel__item__link {
    text-decoration: none;
    display: block;
}

.member_carousel__item__img {
    float: left;
    margin: 0 20px 0 0;
}

.members_carousel__item_title {
    display: block;
    overflow: hidden;
    padding: 18px 0 0;

}

.members_carousel__pagination {
    margin: 0 0 0 -11px;
}

/* -----------------------------------------------------------------------------
  4.4. Last News
----------------------------------------------------------------------------- */
.last_news_block {
    background: #d8d8d8;
    background: rgba(216, 216, 216, 0.9);
    height: 266px;
}

.last_news_block a {
    color: #263558;
    text-decoration: none;
}

.last_news__head_wrapper {
    margin: 0;
    width: 331px;
    height: 100%;
    float: left;
    padding: 23px 0 0 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last_news__head {
    display: inline-block;
    font-size: 24px;
    margin: 0 0 10px 9px;
}

.last_news__tabs,
ul.last_news__tabs {
    position: relative;
    top: -2px;
}

.last_news__tabs .sub_nav__item {
    display: block;
    margin: 8px 0 0;
    line-height: 1;
}

.last_news__tabs .sub_nav__item_link {
    display: inline-block;
    font-size: 18px;
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    padding: 3px 9px 5px;
    letter-spacing: 0;
}

.last_news__content {
    margin: 0;
    width: 320px;
    height: 240px;
    float: left;
    /*display: none;*/
    padding: 26px 0 0 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.last_news__content.active {
    display: block !important;
}

.last_news__content .nano-content {
    padding: 0 20px 0 0;
}

.last_news__content_item {
    line-height: 1.2858;
    margin: 13px 0 0;
}

.last_news__content_item__text {
    font-size: 13px;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.last_news__content_item:first-child {
    margin: 0;
}

.last_news__content_item__date {
    text-transform: uppercase;
    margin: 0 0 7px;
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
}

.last_news__content_item__text a:hover {
    color: #3C9CE7;
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------
  4.5. Organizations
----------------------------------------------------------------------------- */
.organizations__block {
    background: #fff;
    padding: 21px 61px 26px;
}

.organizations__list {
    text-align: justify;
    line-height: 0;
}

.organizations__list:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.organizations__item {
    display: inline-block;
    text-align: center;
    line-height: 1.2858;
    color: #263558;
    text-decoration: none;
    width: 19%;
    vertical-align: top;
}

.organizations__item:hover {
    color: #3C9CE7;
    text-decoration: underline;
}

.organizations__item__logo {
    display: block;
    margin: 0 auto 18px;
}

/* -----------------------------------------------------------------------------
  4.6. News List
----------------------------------------------------------------------------- */
.news_list__nav,
ul.news_list__nav {
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    margin: 0 0 55px 3px;
    font-size: 16px;
}

.news_list,
ul.news_list {
    margin: 0 0 30px -16px;
}

.news_list__item {
    display: inline-block;
    width: 245px;
    text-align: left;
    vertical-align: top;
    margin: 0 0 42px 22px;
}

.news_list__item__date {
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    color: #263558;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.news_list__item__text {

}

.news_list__item__text a {
    text-decoration: none;
}

.news_list__item__text a:hover {
    color: #263558;
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------
  4.7. Documents List
----------------------------------------------------------------------------- */
.docs_list {

}

.docs_list__item {
    margin: 15px 0 0 -8px;
}

.docs_list__item:first-child {
    margin-top: 0;
}

.docs_list__item:hover {
    cursor: pointer;
    background: #e5eff6;
    background: rgba(51, 94, 164, 0.1);
}

.docs_list__item_link {
    display: block;
    padding: 6px 10px 13px 73px;
    position: relative;
    text-decoration: none;
    min-height: 60px;
    color: #263558;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.docs_list__item_link:hover {
    color: #263558;
}

.docs_list__item_icon {
    position: absolute;
    width: 33px;
    height: 40px;
    top: 10px;
    left: 11px;
}

.docs_list__item_icon.pdf {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/pdf.png) no-repeat;
}
.docs_list__item_icon.exel {
background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/excel.png) 0 0px no-repeat;
background-size: contain;
}

.docs_list__item_icon.doc,.docs_list__item_icon.docx {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/doc.png) no-repeat;
}

.docs_list__item_icon.xls,.docs_list__item_icon.xlsx {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/xls.png) no-repeat;
}

.docs_list__item_icon.rar {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/rar.png) no-repeat;
}

.docs_list__item_title {
    margin: 0 0 7px;
}

.docs_list__item_download {
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #3C9CE7;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/download_2.png) 0 3px no-repeat;
    padding: 0 0 0 17px;
}

.docs_list__item_link:hover .docs_list__item_download {
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------
  4.8. Popup
----------------------------------------------------------------------------- */
.popup {
    width: 570px;
    background: #263558;
    color: #fff;
    position: absolute;
    z-index: 200;
    top: 126px;
    right: 266px;
    padding: 48px 50px 59px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popup .x {
    position: absolute;
    top: 48px;
    right: 61px;
}

/* -----------------------------------------------------------------------------
  4.9. Request form
----------------------------------------------------------------------------- */
.request_form {

}

.request_form__head {
    text-transform: uppercase;
    font-size: 24px;
    font-family: "segoe_uilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    margin: 0 0 44px;
}

.request_form__fields_list {
    width: 359px;
}

.request_form__fields_item {
    position: relative;
    margin: 29px 0 0;
}

.request_form__fields_item:first-child {
    margin: 0;
}

.request_form__fields_item input,
.request_form__fields_item textarea {
    width: 100%;
    max-width: 100%;
}

.request_form__fields_item .error_mark {
    position: absolute;
    left: 100%;
    top: 1px;
    margin-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

/* Error */
.request_form__fields_item.error {

}

.request_form__fields_item.error input,
.request_form__fields_item.error textarea {
    border-color: #fa4242;
    color: #fa4242;
}

.request_form__fields_item.error input::-webkit-input-placeholder,
.request_form__fields_item.error textarea::-webkit-input-placeholder {
    color: #fa4242;
}

.request_form__fields_item.error input:-moz-placeholder,
.request_form__fields_item.error textarea:-moz-placeholder {
    color: #fa4242;
}

.request_form__fields_item.error input::-moz-placeholder,
.request_form__fields_item.error textarea::-moz-placeholder {
    color: #fa4242;
}

.request_form__fields_item.error .error_mark {
    display: block;
}

/* -----------------------------------------------------------------------------
  4.9. Request confirmation
----------------------------------------------------------------------------- */
.request_confirmation {
    padding-bottom: 72px;
}

.request_confirmation__text {
    font-family: "segoe_uilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.4167;
    margin: -2px 0 43px;
}

.request_confirmation__text b {
    font-weight: normal;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
}
/*##############################################################################
  5. Layout.
##############################################################################*/
/* -----------------------------------------------------------------------------
  5.1. Wrappers
----------------------------------------------------------------------------- */
.page_wrapper {
    width: 1200px;
    background: #fff url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/bg/electric_main.jpg) no-repeat;
    margin: 0 auto;
    position: relative;
}

.page_content_wrapper {
    clear:  both;
}


/* -----------------------------------------------------------------------------
  5.2. Header
----------------------------------------------------------------------------- */
.page_header {
    position: relative;
    color: #282828;
    font-size: 12px;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    z-index: 100;
}

.page_header a {
    color: #282828;
    text-decoration: none;
}

/* Organizations */
.page_header__organizations {
    width: 934px;
    height: 168px;
    padding: 0 80px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page_header__organizations_item {
    width: 50%;
    min-height: 77px;
    float: left;
    margin: 30px 0 0;
    padding: 6px 20px 0 91px;
    opacity: 0.3;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/logo.png) no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page_header__organizations_item:hover,
.page_header__organizations_item.current {
    opacity: 1;
}

.page_header__organizations_item__name {
    font-family: "segoe_uilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 9px;
    letter-spacing: 1px;
}

.page_header__organizations_item__description {
    font-size: 12px;
    line-height: 1.3333;
    font-family: Arial, Helvetica, sans-serif;
}

/* Navigation */
.page_header__nav {
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    width: 934px;
    height: 98px;
    background: #c8c8c8;
    background: rgba(200, 200, 200, 0.9);
    float: left;
    text-transform: uppercase;
}

.page_header__nav_list,
ul.page_header__nav_list {
    margin: 33px 0 0 90px;
    position: relative;
}

.page_header__nav_link {
    display: block;
}

.page_header__nav_item {
    float: left;
    margin: 0 0 0 12px;
    position: relative;
}

.page_header__nav_item:first-child {
    margin: 0;
}

.page_header__nav_link {
    border: 1px solid transparent;
    padding: 9px 9px 8px;
}

.page_header__nav_link:hover,
.page_header__nav_link.current {
    border-color: #3C9CE7;
    color: #3C9CE7;
}

.page_header__nav_item.expanded:hover .page_header__nav_link {
    border-color: transparent;
    color: #282828;
    background: #fff;
}

.page_header__nav_list__sub_nav,
ul.page_header__nav_list__sub_nav {
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    color: #263558;
    line-height: 2.1667;
    width: 359px;
    padding: 13px 29px;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.page_header__nav_item.expanded:hover .page_header__nav_list__sub_nav {
    display: block;
    z-index: 9999;
}

a.page_header__nav_list__sub_nav__link {
    color: #263558;
}

a.page_header__nav_list__sub_nav__link:hover {
    color: #3C9CE7;
}

/* Contacts */
.page_header__contacts {
    width: 266px;
    height: 266px;
    background: #e3e3e3;
    background: rgba(227, 227, 227, 0.9);
    color: #282828;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    padding: 37px 0 0 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page_header__contacts__phone {
    font-size: 18px;
    margin-bottom: 20px;
}

.page_header__contacts__call_us,
.page_header__contacts__request {
    font-size:  15px;
    text-transform: uppercase;
    margin-left: -4px;
}

.page_header__contacts__call_us__inner,
.page_header__contacts__request__inner {
    cursor: pointer;
    padding: 4px 0 6px 39px;
    display: inline-block;
}

.page_header__contacts__call_us__inner:hover,
.page_header__contacts__request__inner:hover {
    text-decoration: underline;
}


.page_header__contacts__call_us {
    margin-bottom: 26px;
    margin-top: 48px;
}

.page_header__contacts__call_us__inner {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/phone_2.png) no-repeat;
}

.page_header__contacts__request__inner {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/question_2.png) no-repeat;
}


/* -----------------------------------------------------------------------------
  5.2. Aside
----------------------------------------------------------------------------- */
.page_aside {
    width: 266px;
    float: right;
    color: #282828;
    text-transform: uppercase;
}

.page_aside a {
    color: #282828;
    text-decoration: none;
}

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

.page_aside__main_page {
    width: 532px;
}

.page_aside__joining,
.page_aside__about_links,
.page_aside__study,
.page_aside__publishing {
    width: 266px;
    height: 266px;
    float: left;
    overflow: hidden;
}

.page_aside__about_links {
    height: auto;
    padding-bottom: 30px;
    min-height: 266px;
}

/* Joing */
.page_aside__joining {
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    padding: 168px 0 0;
    background: #3f3f3f url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/book_2.png) 50% 43px no-repeat;
    background: rgba(248, 250, 195, 0.9) url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/book_2.png) 50% 43px no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* About links */
.page_aside__about_links {
    background: #ddd;
    background: rgba(221, 221, 221, 0.9);
    font-family: "segoe_uisemibold", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
}

.page_aside__main_page .page_aside__about_links {
    background: #3f3f3f;
    background: rgba(221, 221, 221, 0.9);
}

.page_aside__about_links__list,
ul.page_aside__about_links__list {
    font-size: 12px;
    margin: 52px 0 0 0;
    text-align: center;
}

.page_aside__main_page .page_aside__about_links__list,
.page_aside__main_page ul.page_aside__about_links__list {
    margin: 56px 0 0 35px;
    text-align: left;
}

.page_aside__about_links__item {
    margin: 15px 0 0;
}

.page_aside__about_links__item:first-child {
    margin: 0;
}

/* Search */
.page_aside__search {
    clear: both;
    height: 68px;
    background: #bdbdbd;
    background: rgba(189, 189, 189, 0.9);
}

.page_aside__search_form {
    position: relative;
    padding: 18px 17px 0 15px;
}

.page_aside__search_form:before {
    content: '';
    position: absolute;
    width: 23px;
    height: 22px;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/loupe3.png) no-repeat;
    top: 24px;
    left: 22px;
}

.page_aside__search_form input {
    width: 100%;
    padding-left: 36px;
    border-color: #282828;
    color: #282828;
}

.page_aside__search_form input::-webkit-input-placeholder {
    color: #282828;
}
.page_aside__search_form input:-moz-placeholder,
.page_aside__search_form input::-moz-placeholder {
    color: #282828;
}
.page_aside__search_form input:-ms-input-placeholder {
    color: #282828;
}

.page_aside__main_page .page_aside__search_form {
    padding: 18px 81px 0 92px;
}

.page_aside__main_page .page_aside__search_form:before {
    width: 35px;
    height: 34px;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/loupe4.png) no-repeat;
    top: 18px;
    left: 38px;
}

.page_aside__main_page .page_aside__search_form input {
    padding-left: 9px;
}

/* Study */
.page_aside__study {
    background: #00CED1;
    background: rgba(0, 206, 209, 0.9);
    text-align: center;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
}

.page_aside__study_inner {
    display: block;
    font-size: 12px;
    line-height: 2;
    margin: 25px 25px 25px 25px;
    padding: 25px 0 125px;
    position: relative;
    top: 0;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/i/logos/gerb.png) 50% 100% no-repeat;
}

/* Publishing */
.page_aside__publishing {
    background: #e3e3e3;
    background: rgba(227, 227, 227, 0.8);
    padding: 20px 20px 0 36px;
    font-size: 12px;
    line-height: 1.8334;
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page_aside__publishing__title {
    margin: 0 0 12px;
}

.page_aside__publishing__info {
    overflow: hidden;
}

.page_aside__publishing__info__image_wrapper {
    float: left;
    margin: 6px 17px 0 0;
}

.page_aside__publishing__info__links {
    overflow: hidden;
}

.page_aside__publishing__info__links__item {
    margin: 16px 0 0;
}

.page_aside__publishing__info__links__item:first-child {
    margin: 0;
}

.page_aside__publishing__info__links__item_link {
    padding: 0 0 0 18px;
    display: inline-block;
}

.page_aside__publishing__info__links__item_link.download {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/download_3.png) 1px 6px no-repeat;
}

.page_aside__publishing__info__links__item_link.archive {
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/archive_2.png) 0 4px no-repeat;
}
/* -----------------------------------------------------------------------------
  5.2. Main content
----------------------------------------------------------------------------- */
.main_content {
    padding: 85px 40px 67px 100px;
    margin-right: 266px;
    min-height: 600px;
    background: #f8ffff;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.main_content__main_page {
    margin-right: 532px;
    padding-top: 17px;
    padding-right: 55px;
    height: 334px;
    min-height: 0;
}

/* -----------------------------------------------------------------------------
  5.3. Footer
----------------------------------------------------------------------------- */
.page_footer {
    height: 98px;
    background: #3e60a4;
    position: relative;
}

.page_footer__copyrights {
    font-family: "segoe_uiregular", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 26px;
    left: 100px;
    width: 540px;
    line-height: 24px;
}

.page_footer__counter {
    position: absolute;
    top: 30px;
    left: 667px;
    display: none;
}

.page_footer__developer {
    position: absolute;
    top: 26px;
    right: 177px;
}

.page_footer__developer__title {
    font-size: 11px;
    color: #fff;
    margin: 0 0 7px;
}

.page_footer__developer__link {
    display: inline-block;
    margin: 0 0 0 2px;
}

/*##############################################################################
  6. Pages.
##############################################################################*/
.main_content {
    position: relative;
}
.breadcrumb {
    position: absolute;
    top: 45px;
    left: 80px;
    padding-left: 20px;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/bc-arrow.png) no-repeat 1px 7px;
    width: 800px;
}
.breadcrumb a, .breadcrumb span {
    text-transform: uppercase;
    color:#758698;
    font-size:12px;
    text-decoration: none;
}
.news_subtitle {
    position: relative;
    top:-30px;
    font-size: 38px;

}

.docs_list li:before {
    content:'';
}

.sitemap ul {
    padding-left: 20px;
}

.prev-design {
    position: absolute;
    font-size: 12px;
    top:9px;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/bc-arrow.png) no-repeat right 6px;
    padding-right: 16px;
    left: 45px;
    cursor: pointer;
}
a.sitemap{
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.2858;
    position: relative;
    bottom: 20px;
}

a.sitemap:hover{
    text-decoration: underline;
}
/* -----------------------------------------------------------------------------
  6.1. 
----------------------------------------------------------------------------- */

/*##############################################################################
  7. Media.
##############################################################################*/
.organizations__item:hover{
    text-decoration: none!important;
}
.organizations__item:hover img{
    -webkit-filter: grayscale(0%);
}
.organizations__item {
    min-height: 175px;
    position: relative;
}
.organizations__item span {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}
span {}
.organizations__item:first-child span {
    bottom: 20px;
}
.organizations__item:nth-child(3) span {
    bottom: 17px;
    padding: 0 10px;
}
.organizations__item:nth-child(4) span {
    bottom: 17px;
}
.organizations__item:nth-child(2) img {
    position: relative;
    top: 20px;
}
.organizations__item:nth-child(3) img {
    position: relative;
    top: 22px;
}
.organizations__item:nth-child(4) img {
    position: relative;  top: 22px;
}
.organizations__item img{
    -webkit-filter: grayscale(100%);
    -webkit-transition:    all 0.3s;
    -ms-transition:        all 0.3s;
    -o-transition:         all 0.3s;
    -moz-transition:       all 0.3s;
    transition:            all 0.3s;
    max-width: 100px;
}

.mkws p a {
    font-size: 12px;
    color: #fff;
}
.mkws p {
    margin: 0;
}
div.mkws {
    margin-top: 10px;
}




.simple-little-table {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin:20px;
    border:#ccc 1px solid;
    border-collapse:separate;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}

.simple-little-table th {
    font-weight:bold;
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.simple-little-table th:first-child{
    text-align: left;
    padding-left:20px;
}
.simple-little-table tr:first-child th:first-child{
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.simple-little-table tr:first-child th:last-child{
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.simple-little-table tr{
    text-align: center;
    padding-left:20px;
}

.column2 td{
    width:50%!important;
}

.simple-little-table tr td:first-child{
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
.simple-little-table tr td {
    padding:18px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
  text-align: left;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.simple-little-table tr:nth-child(even) td{
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.simple-little-table tr:last-child td{
    border-bottom:0;
}
.simple-little-table tr:last-child td:first-child{
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.simple-little-table tr:last-child td:last-child{
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.simple-little-table tr:hover td{
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

.simple-little-table a:link {
    color: #666;
    font-weight: bold;
    text-decoration:underline;
}
.simple-little-table a:visited {
    color: #999999;
    font-weight:bold;
    text-decoration:underline;
}
.simple-little-table a:active,
.simple-little-table a:hover {
    color: #bd5a35;
    text-decoration:underline;
}
span.page_aside__joining hr {
    margin: 20px 20px 0;
    border-top: 1px solid #9B9797;
    height: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.twice {
    width: 70%;
    float: left;
    position: relative;
    top: 20px;
    margin: 0 15%;
    font-size: 14px!important;
    padding-left: 10px;
    background: url(/web/20160429004610im_/http://www.energosro.ru/templates/demohunt/images/icons/spiska.png) 0px 0px no-repeat;
    background-size: contain;
}

.contact tr td:first-child {
    font-size: 16px;
}
.contact tr td:nth-child(2) {
    font-size: 12px;
    text-align: center;
}
.contact tr td:nth-child(3) {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.contact {
margin: -55px auto 0!important;
}

input {outline: none;}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 50px #263558 !important;
-webkit-text-fill-color: #fff !important;
color: #fff !important;
}
/*
     FILE ARCHIVED ON 00:46:10 Apr 29, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:37:38 Oct 24, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.681
  exclusion.robots: 0.023
  exclusion.robots.policy: 0.009
  esindex: 0.014
  cdx.remote: 300.674
  LoadShardBlock: 760.576 (3)
  PetaboxLoader3.datanode: 829.165 (4)
  load_resource: 439.861
  PetaboxLoader3.resolve: 234.747
*/