@font-face {
    font-family: "RobotoRegular";
    src: url("font/RobotoRegular/RobotoRegular.eot");
    src: url("font/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("font/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("font/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Alegro";
    src: url("font/AllegroScript.otf");
url("font/AllegroScript.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "VeraCrouz";
    src: url("font/VeraCrouz/VeraCrouz.eot");
    src: url("font/VeraCrouz/VeraCrouz.eot?#iefix")format("embedded-opentype"),
    url("font/VeraCrouz/VeraCrouz.woff") format("woff"),
    url("font/VeraCrouz/VeraCrouz.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}




/*! normalize.css v3.0.0 | 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 in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: 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, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

/**
 * 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.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    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 5, 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.
 */

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+, 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"], /* 1 */
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 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 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.
 * 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.
 */

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;
    border: none;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   User styles
   ========================================================================== */

.tinymce_body {
    margin: 0;
    padding: 0 10px;
    text-align: left;
    background: #fff;
    min-width: inherit;
    min-height: inherit;
    max-width: none;
    max-height: none;
}

.error {
    color: #c66;
}

/* Module: compare */

.compare-wrapper {
    max-width: 100%;
    overflow: auto;
}

.compare-tbl td {
    padding: 7px 5px;
}

.compare-tbl tr:hover td {
    background: #f2ede9;
}

.compare-tbl tr:first-child:hover td {
    background: none;
}

.compare-tbl .products-card {
    float: none;
}

/* Module: photo */
.mod_photo_tbl {
    width: 100%;
}

.mod_photo_tbl td {
    width: 33%;
    padding: 25px 1px;
    font-size: 9pt;
    text-align: center;
    vertical-align: top;
}

.mod_photo_tbl img {
    margin: 0 0 5px;
}

.mod_photo_img > a {
    display: inline-block;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: #000;
}

#colorbox {
    outline: 0;
}

#cboxContent {
    margin-top: 20px;
    background: #000;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    border: 5px solid #000;
    background: #fff;
}

#cboxTitle {
    position: absolute;
    top: -20px;
    left: 0;
    color: #ccc;
}

#cboxCurrent {
    position: absolute;
    top: -20px;
    right: 0px;
    color: #ccc;
}

#cboxLoadingGraphic {
    background: url(../js/vendor/jquery.colorbox/images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #ccc;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url(../js/vendor/jquery.colorbox/images/controls.png) no-repeat top left;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: bottom left;
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -32px;
    background: url(../js/vendor/jquery.colorbox/images/controls.png) no-repeat top right;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: bottom right;
}

#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(../js/vendor/jquery.colorbox/images/controls.png) no-repeat top center;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: bottom center;
}

#colorbox img {
    max-width: 3000px;
}

/* Module: sitemap */
.sitemap, .sitemap ul {
    list-style: none;
}

.sitemap li {
    background: none;
}

.sitemap1 {
    line-height: 1.8em;
}

/* Module: guestbook */
.gbook {
    background: #f3f3f3;
}

.gbook .gbook_head {
    font-weight: bold;
}

/* Module: news */
dl.news-block {
    padding: 0 0 20px;
    clear: both;
}

dl.news-block a, dl.news-block a:visited {
    color: #000;
}

dl.news-block a:hover {
    color: #c00;
}

dl.news-block dt {
    padding: 0 0 7px;
    font-weight: normal;
}

dl.news-block .news-date {
    display: block;
    padding: 0 5px 0 0;
    color: #666;
    font-size: 8pt;
}

dl.news-block img {
    margin: 0 15px 5px 0;
}

dl.news-block dd {
    color: #000;
    text-decoration: none;
}

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

div.news-hr {
    margin: 3em 0 0;
    padding: 0 0 3em;
    border-top: 1px solid #000;
    clear: both;
}

div.news_years {
    margin: 0 0 .9em;
}

div.news_years span {
    padding: 3px;
    background: #ccc;
}

/* Module: search */
ol.search_results li {
    margin-bottom: 12pt;
}

ol.search_results span {
    font-size: 8pt;
}

/* Module: opros */
table.mod_opros_tbl td {
    padding: 0 60px 60px 0;
    text-align: left;
    vertical-align: top;
}

table.mod_opros_tbl .opros_head {
    font-weight: bold;
}

/* Module: product */
table.tbl_prod {
    margin: 0 0 1em;
    width: 100%;
}

table.tbl_prod td {
    padding: 20px 10px;
    border-bottom: 1px solid #ccc;
}

table.tbl_prod td.td_center {
    text-align: center;
}

table.tbl_prod tr.prod_head td, table.tbl_prod td.prod_head {
    padding: 10px;
    color: #fff;
    background: #00589b;
    white-space: nowrap;
}

table.tbl_prod tr.prod_head a, table.tbl_prod td.prod_head a {
    color: #fff;
}

table.tbl_prod tr.prod_head td img {
    margin: 0 5px;
}

table.tbl_prod td.prod_img {
    width: 150px;
}

table.tbl_prod td.prod_name {
}

table.tbl_prod td.prod_descr_s {
}

table.tbl_prod td.prod_price {
}

table.tbl_prod td.prod_price2 {
}

table.tbl_prod td.prod_col form {
}

table.tbl_prod td.prod_col input.bas_add_add {
    position: relative;
    top: 2px;
    left: 3px;
}

table.tbl_prod td.prod_col input.bas_add_col {
    text-align: center;
    width: 50px;
}

table.tbl_prod .in_basket, table.tbl_prod2 .in_basket {
    font-size: 7pt;
}

table.tbl_prod2 {
    width: 100%;
}

table.tbl_prod2 td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
}

table.tbl_prod2 td.prod2_txt img.prod2_img {
    margin: 15px;
    float: right;
}

table.tbl_prod2 td.prod2_txt {
    width: 100%;
}

table.tbl_prod2 td.prod2_txt div.prod2_name {
    padding: 0 0 15px;
}

table.tbl_prod2 td.prod2_txt div.prod2_price {
    padding: 0 0 15px;
}

table.tbl_prod2 td.prod2_txt div.prod2_col {
    padding: 0 0 15px;
}

table.tbl_prod2 td.prod2_txt div.prod2_col input.bas_add_add {
    position: relative;
    top: 2px;
    left: 3px;
}

table.tbl_prod2 td.prod2_txt div.prod2_col input.bas_add_col {
    width: 50px;
    text-align: center;
}

table.tbl_prod2 td.prod2_txt div.prod2_descr {
    padding: 15px 0 0;
}

.basket_img {
    max-height: 70px;
}

/* Forms */
.form-row {
    margin: 0 0 1em;
}

.inp {
    line-height: 1em;
}

/*.inp:focus {}*/
.inp_but {
}

/*.inp_but:focus {}*/
.inp_but, button, .img_captcha {
    cursor: pointer;
}

.page_nav {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.page_nav span {
    padding: 1px 4px;
    font-weight: normal;
    background: #ccc;
}

.page_sort {
    margin: 0 0 .9em;
    text-align: right;
}

/* Content table */
.table {
    width: 100%;
}

.table td {
    color: #000;
    border-bottom: 1px solid #c4c4c4;
    padding: 6px 10px;
    font-family: "Myriad Pro", sans-serif;
}

.table .table_head {
    background: #136847;
    color: #fff;
    padding: 6px 20px;
    text-align: center;
    font-family: "Arial", sans-serif;
}

.table .table_head, .table .table_head a {
    color: #fff;
}



.site-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-image: url('../file/site_bg/fon.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

body, td, select, input, textarea {
    color: #131313;
    font: 14px/1.4em RobotoRegular, sans-serif;
}

h1, h2, h3, h4 {
    font-family: "RobotoRegular", sans-serif;
    color: #131313;
    font-weight: bold;
}

h1 {
    font-size: 22px;
    line-height: 1.2em;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
    margin: 10px 0;
}

h4 {
    font-size: 14px;
    margin: 5px 0;
}

h5 {
    font-size: 14px;
    color: #615e5e;
    font-family: "Arial", sans-serif;
    font-weight: bold;
    margin: 3px 0;
}

h6 {
    font-family: "Arial", sans-serif;
    color: #766f6f;
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0;
}

ul {
    padding-left: 23px;
}

ul li {
    color: #3d3d3d;
    list-style-image: url("../images/li_marker.png");
    margin-bottom: 10px;
    padding-left: 3px;
}

a {
    color: #136847;
    text-decoration: none;
}

/*,a:visited*/
a:hover, a:focus {
    color: #dd2b2b;
    text-decoration: none;
}

.citation {
    background-color: #f5f5f5;
    border-left: 3px solid #136847;
    padding: 20px 40px 25px 25px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    color: #2c333e;
}

.page-header {
    margin: 0 0 .9em;
}

.breadcrumbs {
    margin: 0 0 13px 0;
    padding: 0;
}

.breadcrumbs, .breadcrumbs li, .breadcrumbs a {
    color: #8b8a8a;
}

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

.breadcrumbs li {
    display: inline-block;
    margin: 0;
    list-style: none;
    font-size: .85em;
}

.breadcrumbs li:before {
    display: inline-block;
    margin: 0 3px;
    content: '/';
}

.breadcrumbs li:first-child:before {
    margin: 0;
    content: '';
}

/* Template styles */

.wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.wrapper_bg {
    background-color: #ffffff;
    width: 950px;
    padding: 0 25px;
    float: left;
    border: 1px solid #cdcdcd;
    border-top: none;
    border-radius: 0 0 10px 10px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.45);
}

.header {
    float: left;
    width: 100%;
}

.middle {
    width: 100%;
    position: relative;
}

.middle:after {
    display: table;
    clear: both;
    content: '';
}

.container {
    width: 100%;
    float: left;
    overflow: hidden;
}

.content {
    padding: 0 270px 0 270px;
    position: relative;
}

.left-sidebar {
    float: left;
    width: 250px;
    margin-left: -100%;
    position: relative;
}

.right-sidebar {
    float: left;
    width: 250px;
    margin-left: -250px;
    position: relative;
}

.footer_container {
    margin: 0 auto;
    width: 950px;
}

.footer {
    float: left;
    position: relative;
    color: #545e5d;
    font-size: 13px;
    font-family: "RobotoRegular", sans-serif;
    width: 100%;
    margin: 17px 0 15px 0;
}

.footer .footer_left {
    width: 50%;
    float: left;
}

.footer .footer_right {
    width: 50%;
    float: right;
    text-align: right;
}

.footer td, .footer td a {
    color: #fff;
    font-size: 13px;
    font-family: "RobotoRegular", sans-serif;
}

.footer p {
    margin: 0;
}

/*Стили названия сайта в шапке*/
.header_name_site_bg {
    background-color: #136847;
    height: 67px;
    overflow: hidden;
    width: 100%;
}

.top_name_site_block {
    margin: 0 auto;
    width: 950px;
    padding: 20px 25px;
}

.top_name_site_block p {
    margin: 0;
}

.top_name_site {
    font-size: 30px;
    color: #ffffff;
    text-decoration: none;
}

.top_name_site:hover {
    color: #ffffff;
    text-decoration: none;
}

.top_name_site_red_block {
    float: left;
    color: #963030;
    font-family: "Century Gothic", sans-serif;
    height: 85px;
    width: 525px;
    overflow: hidden;
    margin: 16px 0 0 0;
}

.big_name_site {
    font-size: 55px;
    font-family: "VeraCrouz", sans-serif;
    font-style: italic;
    color: #963030;
    float: left;
    padding: 2px 40px 2px 0;
}

.tiny_name_site {
    font-size: 30px;
    float: left;
    padding: 15px 15px 0 0;
    color: #963030;
    font-family: "VeraCrouz",sans-serif;
    line-height: 0.8em;
}

.top_phone_login_container {
    float: right;
    max-width: 420px;
    overflow: hidden;
    padding: 22px 0 19px 0;
}

.top_phone_login_container .login_path {
    float: right;
    margin-left: 20px;

}

.top_phone_login_container .login_path a {
    font-size: 14px;
    font-family: "RobotoRegular", sans-serif;
    text-decoration: none;
}

.top_phone_login_container .top_phone {
    float: right;
    font-size: 14px;
    font-family: "RobotoRegular", sans-serif;
    color: #777777;
}

.top_phone_login_container .top_phone p {
    margin: 0;
}

/*Стили верхнего, нижнего и левого меню*/

.top_menu_container, .footer_menu_container {
    float: left;
    width: 100%;
    color: white;
    height: 40px;
    border-radius: 10px;
    text-align: center;
    background: #73a693; /* Old browsers */
    background: -moz-linear-gradient(top, #73a693 2%, #136847 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #73a693), color-stop(100%, #136847)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #73a693 2%, #136847 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #73a693 2%, #136847 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #73a693 2%, #136847 100%); /* IE10+ */
    background: linear-gradient(to bottom, #73a693 2%, #136847 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73a693', endColorstr='#136847', GradientType=0); /* IE6-9 */
}

.top_menu_container .top_menu, .footer_menu_container .footer_menu {
    list-style-type: none;
    margin: 0;
    display: inline-block;
}

.top_menu_container .top_menu li, .footer_menu_container .footer_menu li {
    float: left;
    position: relative;
    list-style-image: none;
    padding: 0;
}

.top_menu_container .top_menu li a {
    font-family: "RobotoRegular", sans-serif;
    font-size: 16px;
    /* font-weight: bold; */
    color: #ffffff;
    text-decoration: none;
    padding: 9px 10px;
    display: inline-block;
}

.footer_menu_container .footer_menu li a {
    font-family: "RobotoRegular", sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    padding: 11px 9px;
    display: inline-block;
}

ul.min_menu {
    list-style-type: none;
    margin: 0;
    text-align: center;
    padding: 50px 0 0 0;
}

ul.min_menu li {
    list-style-type: none;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.top_menu_container .top_menu li a:hover, .footer_menu_container .footer_menu li a:hover {
    opacity: 0.7;
}

.top_menu_container .top_submenu {
    list-style-type: none;
    margin: 0;
    text-align: left;
    border: 1px solid #dadada;
    background-color: #ffffff;
    position: absolute;
    padding: 12px 15px;
    min-width: 170px;
    display: none;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .6);
    z-index: 999;
}

.top_menu_container .top_submenu li {
    margin: 3px 0;
    list-style-image: none;
    padding: 0;
    float: left;
    width: 100%;
}

.top_menu_container ul.top_submenu a {
    font-size: 13px;
    color: #136847;
    text-decoration: none;
    font-family: "RobotoRegular", sans-serif;
    font-weight: normal;
    padding: 0;
}

.top_menu_container ul.top_submenu a:hover {
    color: #dd2b2b;
}

.left_menu_block {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.left_block p {
    margin: 0 0 9px 0;
}

/*Стили слайдера*/

.start_slider {
    float: left;
    width: 100%;
    margin: 12px 0 20px 0;
    height: 400px;
    overflow: hidden;
}

.start_slider .slides, .start_slider .slides li {
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 0;
}

.start_slider_header {
    font-family: "RobotoRegular", sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    left: 40px;
    bottom: 45px;
    height: 22px;
    overflow: hidden;
    max-width: 860px;
}

.start_slider_sub_header {
    font-family: "RobotoRegular", sans-serif;
    font-size: 13px;
    color: #ffffff;
    position: absolute;
    left: 40px;
    bottom: 0px;
    height: 35px;
    overflow: hidden;
    max-width: 860px;
}

/*Cтили счетчиков*/

#add_counters {
    display: none
}

#frmAddCounters td {
    padding-bottom: 10px
}

.history_indication_block {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #727176;
    line-height: 1.2em;
    position: absolute;
    top: 102px;
}

.archive_link, .archive_link_min {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #136847;
    position: absolute;
    top: 140px;
    text-decoration: underline;
}

.archive_link_min {
    display: none;
}

.counter_edit_button {
    width: 23px;
    height: 23px;
    background: url("../images/counter_edit_button.png") no-repeat 0 0;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.counter_edit_button:hover {
    opacity: 0.7;
}

.frm_indication {
    margin-bottom: 10px
}

.span_indication {
    display: inline-block;
    width: 185px
}

.history_indic_tbl {
    margin: 10px 0;
    width: 395px
}

.history_indic_tbl td {
    padding: 0 10px 0 0
}

.history_counters_tbl {
    width: 100%;
    margin-bottom: 30px
}

.history_counters_tbl td {
    padding: 7px 0;
    text-align: center
}

.history_counters_tbl .header_counters {
    font-weight: bold;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0
}

.counters_item_container {
    position: relative;
    width: 230px;
    height: 240px;
    float: left;
    margin: 0 5px 35px 5px;
}

.counters_item {
    position: relative;
    width: 230px;
    height: 195px;
    margin: 0 0 15px 0;
}

.counters_item_container .blue_button {
    width: 196px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 17px 5px 17px;
}

.counters_item.new_counter {
    background: url("../images/new_counter.png") no-repeat 0 0;
}

.counters_item.type0 {
    background: url("../images/ice_water_counter.png") no-repeat 0 0;
}

.counters_item.type1 {
    background: url("../images/hot_water_counter.png") no-repeat 0 0;
}

.counters_item.type2 {
    background: url("../images/energy_counter.png") no-repeat 0 0;
}

.counters_item.type3 {
    background: url("../images/heating_counter.png") no-repeat 0 0;
}

.counters_item .num_counter, .counters_item .new_num_counter {
    position: absolute;
    font-size: 14px;
    color: #c7c6c6;
    text-align: center;
    width: 119px;
    top: 38px;
    left: 54px;
    overflow: hidden;
}

.counters_item .num_counter {
    color: #727176;
}

.counters_item .indication_counter, .counters_item .new_indication_counter {
    position: absolute;
    font-size: 26px;
    color: #212121;
    text-align: center;
    width: 131px;
    top: 70px;
    left: 45px;
    opacity: 0.4;
}

.counters_item .indication_counter {
    opacity: 1;
    top: 62px;
    left: 47px;
    text-align: left;
}

.counters_item .indication_counter .dote {
    float: left;
    position: relative;
    top: 8px;
    right: 1px;
}

.counters_item.type2 .indication_counter .dote {
    float: left;
    position: relative;
    top: 3px;
    right: 3px;
}

.counters_item.type2 .indication_counter {
    position: absolute;
    font-size: 26px;
    color: #212121;
    text-align: center;
    width: 122px;
    top: 42px;
    left: 63px;
    opacity: 1;
}

.counters_item.type3 .indication_counter {
    position: absolute;
    font-size: 26px;
    color: #212121;
    text-align: center;
    width: 115px;
    top: 55px;
    left: 47px;
    opacity: 1;
}

.counters_item_container .params_counter {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}

.params_counter .params-header {
    font-size: 18px;
    margin: 0 0 6px 0;
}

.params_counter label {
    font-size: 14px;
    color: #727176;
    line-height: 2em;
}

.params_counter .inp {
    padding: 5px 4px;
    width: 95%;
}

.counters_item.type0 .left_indication_input, .counters_item.type1 .left_indication_input {
    font-size: 26px;
    color: #212121;
    width: 75px;
    border: none;
    float: left;
}

.counters_item.type0 .right_indication_input, .counters_item.type1 .right_indication_input {
    font-size: 26px;
    color: #e62018;
    width: 45px;
    border: none;
    float: left;
}

.counters_item.type2 .left_indication_input, .counters_item.type2 .left_indication_input_night {
    font-size: 20px;
    color: #212121;
    width: 88px;
    border: none;
    float: left;
    letter-spacing: 6px;
    padding: 0;
    position: relative;
}

.counters_item.type2 .right_indication_input, .counters_item.type2 .right_indication_input_night {
    font-size: 20px;
    color: #e62018;
    width: 20px;
    border: none;
    float: left;
    padding: 0;
    position: relative;
}

.counters_item.type2 .left_indication_input_night, .counters_item.type2 .right_indication_input_night {
    top: 26px;
}

.counters_item.type2 .num_counter {
    top: 14px;
}

.counters_item.type3 .num_counter {
    top: 22px;
}

.counters_item.type3 .indication_input {
    font-size: 26px;
    color: #212121;
    width: 110px;
    float: left;
    border: none;
    padding: 0;
    position: relative;
    letter-spacing: 1px;
}

.counters_item.type3 .left_indication_input {
    font-size: 26px;
    color: #212121;
    width: 58px;
    border: none;
    float: left;
}

.counters_item.type3 .right_indication_input {
    font-size: 26px;
    color: #e62018;
    width: 45px;
    border: none;
    float: left;
}

.counters_item.type0 .left_indication_input::-webkit-input-placeholder {
    color: #212121;
}

.counters_item.type0 .left_indication_input::-moz-placeholder {
    color: #212121;
}

/* Firefox 19+ */
.counters_item.type0 .left_indication_input:-moz-placeholder {
    color: #212121;
}

/* Firefox 18- */
.counters_item.type0 .left_indication_input:-ms-input-placeholder {
    color: #212121;
}

.counters_item.type0 .right_indication_input::-webkit-input-placeholder {
    color: #e62018;
}

.counters_item.type0 .right_indication_input::-moz-placeholder {
    color: #e62018;
}

/* Firefox 19+ */
.counters_item.type0 .right_indication_input:-moz-placeholder {
    color: #e62018;
}

/* Firefox 18- */
.counters_item.type0 .right_indication_input:-ms-input-placeholder {
    color: #e62018;
}

.counters_item.type1 .left_indication_input::-webkit-input-placeholder {
    color: #212121;
}

.counters_item.type1 .left_indication_input::-moz-placeholder {
    color: #212121;
}

/* Firefox 19+ */
.counters_item.type1 .left_indication_input:-moz-placeholder {
    color: #212121;
}

/* Firefox 18- */
.counters_item.type1 .left_indication_input:-ms-input-placeholder {
    color: #212121;
}

.counters_item.type1 .right_indication_input::-webkit-input-placeholder {
    color: #e62018;
}

.counters_item.type1 .right_indication_input::-moz-placeholder {
    color: #e62018;
}

/* Firefox 19+ */
.counters_item.type1 .right_indication_input:-moz-placeholder {
    color: #e62018;
}

/* Firefox 18- */
.counters_item.type1 .right_indication_input:-ms-input-placeholder {
    color: #e62018;
}

.counters_item.type2 .left_indication_input::-webkit-input-placeholder {
    color: #212121;
}

.counters_item.type2 .left_indication_input::-moz-placeholder {
    color: #212121;
}

/* Firefox 19+ */
.counters_item.type2 .left_indication_input:-moz-placeholder {
    color: #212121;
}

/* Firefox 18- */
.counters_item.type2 .left_indication_input:-ms-input-placeholder {
    color: #212121;
}

.counters_item.type2 .left_indication_input_night::-webkit-input-placeholder {
    color: #212121;
}

.counters_item.type2 .left_indication_input_night::-moz-placeholder {
    color: #212121;
}

/* Firefox 19+ */
.counters_item.type2 .left_indication_input_night:-moz-placeholder {
    color: #212121;
}

/* Firefox 18- */
.counters_item.type2 .left_indication_input_night:-ms-input-placeholder {
    color: #212121;
}

.counters_item.type2 .right_indication_input::-webkit-input-placeholder {
    color: #e62018;
}

.counters_item.type2 .right_indication_input::-moz-placeholder {
    color: #e62018;
}

/* Firefox 19+ */
.counters_item.type2 .right_indication_input:-moz-placeholder {
    color: #e62018;
}

/* Firefox 18- */
.counters_item.type2 .right_indication_input:-ms-input-placeholder {
    color: #e62018;
}

.counters_item.type2 .right_indication_input_night::-webkit-input-placeholder {
    color: #e62018;
}

.counters_item.type2 .right_indication_input_night::-moz-placeholder {
    color: #e62018;
}

/* Firefox 19+ */
.counters_item.type2 .right_indication_input_night:-moz-placeholder {
    color: #e62018;
}

/* Firefox 18- */
.counters_item.type2 .right_indication_input_night:-ms-input-placeholder {
    color: #e62018;
}

.counters_item.type3 .indication_input::-webkit-input-placeholder {
    color: #212121;
}

.counters_item.type3 .indication_input::-moz-placeholder {
    color: #212121;
}

/* Firefox 19+ */
.counters_item.type3 .indication_input:-moz-placeholder {
    color: #212121;
}

/* Firefox 18- */
.counters_item.type3 .indication_input:-ms-input-placeholder {
    color: #212121;
}

.counter_unit {
    font-family: "Arial", sans-serif;
    font-size: 14px;
    color: #727176;
    position: absolute;
    left: 163px;
    top: 73px;
}

/* Стили блоков контента, правого и левого меню */

.content_container {
    float: left;
    margin-bottom: 60px;
    width: 100%;
    min-height: 550px;
}

.left_block_content {
    float: left;
    width: 695px;
}

.block_content {
    width: 100%;
}

.right_block_content {
    float: right;
    width: 720px;
}

.right_block {
    float: right;
    width: 230px;
}

.left_block {
    float: left;
    width: 210px;
    margin-right: 20px;
}

.info_block {
    border: 1px solid #bababa;
    width: 212px;
    float: left;
    padding: 9px;
    margin-bottom: 18px;
}

.info_block .info_block_header {
    color: #303030;
    font-weight: bold;
    margin-bottom: 13px;
}

.info_block .info_block_service_item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.info_block .info_block_item {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.info_block_img {
    float: left;
    width: 88px;
}

.info_block_txt {
    float: left;
    margin-left: 10px;
    font-weight: bold;
    width: 108px;
}

.info_block_txt a {
    color: #303030;
}

.info_block_txt a:hover {
    color: #dd2b2b;
}

.info_block .info_block_service_item .info_block_service_img {
    float: left;
    width: 81px;
    margin-right: 10px;
}

.info_block .info_block_service_item .info_block_service_img img {
    border: 3px solid #dadada;
    max-width: 100%;
}

.info_block .info_block_service_item .info_block_service_url {
    float: left;
    width: 115px;
    line-height: 0.9em;
}

.info_block .info_block_service_item .info_block_service_url a {
    font-size: 12px;
}

.blue_button {
    display: inline-block;
    color: white;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    padding: 5px 20px 5px 20px;
    outline: none;
    border: none;
    background: #73a693; /* Old browsers */
    background: -moz-linear-gradient(top, #73a693 2%, #136847 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #73a693), color-stop(100%, #136847)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #73a693 2%, #136847 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #73a693 2%, #136847 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #73a693 2%, #136847 100%); /* IE10+ */
    background: linear-gradient(to bottom, #73a693 2%, #136847 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73a693', endColorstr='#136847', GradientType=0); /* IE6-9 */
}

.blue_button:hover, .grey_button:hover {
    color: white;
    opacity: 0.8;
}

.grey_button {
    display: inline-block;
    color: white;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 20px 5px 20px;
    outline: none;
    border: none;
    background: #bbb;
}

ul.useful_information {
    padding-left: 15px;
    margin: 0;
}

ul.useful_information li {
    list-style-image: url('../images/li_marker_information.png');
    line-height: 1.0em;
}

ul.useful_information li a {
    font-size: 12px;
}

.news_ajax_block {
    width: 100%;
    float: left;
}

.news_item {
    float: left;
    width: 100%;
}

div.news_img {
    float: left;
    width: 310px;
    margin-right: 25px;
}

div.news_img img {
    border: 3px solid #dadada;
    max-width: 305px;

}

p.news_img img {

    padding-right: 15px;
}

.news_head {
    margin: 19px 0 12px 0;
}

.news_head a {
    font-size: 16px;
    font-weight: bold;
}

.news_anons {
    margin: 0 0;
    line-height: 1.2em;
}

.news_text {
    float: left;
    width: 589px;
}

.news_date {
    color: #818181;
    display: inline-block;
    float: right;
}

.news_hr {
    border-top: 1px solid #bababa;
    float: left;
    width: 100%;
    margin-top: 18px;
}

.show_still {
    background-color: #136847;
    opacity: 0.8;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 5px 0;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.show_still:hover {
    opacity: 1;
}

.show_still_plus {
    font-size: 16px;
}

.left_edit_block, .right_edit_block {
    float: left;
}

.group_counters_contsiner {
    float: left;
    width: auto;
    margin: 0 0 13px 0;
}

.group_counters_header {
    font-size: 18px;
    color: black;
    margin: 0 0 35px 0;
    width: 100%;
    float: left;
    line-height: 1.3em;
}

.fp_overlay_opacity {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    opacity: 0.93;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=93);
    z-index: 999;
    overflow-y: auto;
}

.fp_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    z-index: 999;
}

.popup_window_history, .popup_window_message {
    background-color: #fff;
    padding: 30px 50px;
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 999;
    display: none;
    font-size: 14px;
    min-height: 100px;
    -webkit-box-shadow: 0px 5px 15px #000;
    -moz-box-shadow: 0px 5px 15px #000;
    box-shadow: 0px 3px 14px #000;
    width: 530px;
    margin-left: -315px;
    border-radius: 12px;
}

.close_window {
    width: 27px;
    height: 28px;
    background: url('../images/close_popup.png') no-repeat 0 0;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 3;
}

.close_window:hover {
    opacity: 0.8;
}

.min_history_counters_container {
    margin: 50px 0 0 0;
}

.min_history_counters_container .indications_table td {
    padding: 5px;
    font-size: 13px;
}

.min_history_counters_container .padding_container {
    padding: 0 10px;
}

.popup_window_history .popup-header, .min_history_counters_container .popup-header {
    font-size: 24px;
    background: #fff;
    font-weight: bold;
    width: 100%;
    margin: 10px 0 13px 0;
    z-index: 2;
    position: relative;
    color: #4d4d4d;
    line-height: 1.1em;
}

.indications_year {
    cursor: pointer;
    float: left;
    clear: both;
    color: #136847;
    margin: 0 0 14px 25px;
}

.indications_year:hover {
    text-decoration: underline;
}

.indications_year i {
    position: relative;
    top: -2px;
}

.indications_table {
    display: none;
}

.top_name_site_mini {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    display: none;
}

.top_phone_mini {
    display: none;
    padding: 12px 10px;
    float: left;
    overflow: hidden;
    width: 180px;
}

.top_phone_mini p {
    margin: 0;
}

.popup-menu-button {
    display: none;
    float: right;
    padding: 5px 10px 0 0;
    cursor: pointer;
    font-size: 30px;
}

.popup-menu-button:hover {
    opacity: 0.7;
}

.user_tpl .content_container {
    margin: 30px 0 60px 0;
}

.use-cookie-info {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 5px;
    padding: 6px 8px;
    max-width: 300px;
    color: #000;
    font-size: 12px;
    font-family: monospace;
    line-height: 1.42em;
    text-align: left;
    background: #fff;
    border: 1px solid #a3a3a3;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    opacity: .95;
    z-index: 2000;
    cursor: pointer;
}

.use-cookie-info:after {
    content: 'x';
    position: absolute;
    top: 1px;
    right: 5px;
    display: block;
}