html,
body {
    height: 100%;
}

.content-wrapper {z-index: 2;}

.btn .caret {
    border-top-color: #000;
}
.my-nav {margin-bottom: 0 !important;}
.my-nav-ul {background-color: transparent; font-size: 1.13em;}
.my-nav-ul > li > a {border-radius: 0; border-bottom: solid 3px transparent; color: #000;}
.formsearch-wrapper .my-nav-ul > li > a {border-radius: 0; border-top: solid 3px transparent; color: #000; border-bottom: none}
.my-nav-ul > li > a:hover, .my-nav-ul > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    border-bottom-color: #007868 !important;
}
.formsearch-wrapper .my-nav-ul > li > a:hover, .my-nav-ul > li > a:focus {
    border-top-color: #007868 !important;
    border-bottom-color: transparent;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #000;
    background-color: transparent;
    border-bottom: solid 3px #007868;
}

.main-header {margin-top: 0px; margin-bottom: 10px; color: black;}
.content {margin-top: 3px;}

.margin-bottom-1px {margin-bottom: 1px;}
.margin-bottom-2px {margin-bottom: 2px;}
.margin-bottom-3px {margin-bottom: 3px;}
.margin-bottom-4px {margin-bottom: 4px;}
.margin-bottom-5px {margin-bottom: 5px;}
.margin-bottom-6px {margin-bottom: 6px;}
.margin-bottom-7px {margin-bottom: 7px;}
.margin-bottom-8px {margin-bottom: 8px;}
.margin-bottom-9px {margin-bottom: 9px;}
.margin-bottom-10px {margin-bottom: 10px;}
.margin-bottom-15px {margin-bottom: 15px;}
.margin-bottom-20px {margin-bottom: 20px;}
.margin-bottom-30px {margin-bottom: 30px;}
.margin-bottom-50px {margin-bottom: 50px;}
.padding-10px {padding: 10px;}
.padding-15px {padding: 15px;}
.padding-20px {padding: 20px;}
.text-ellipsis {width: inherit; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.breadcrumb {margin-bottom: 6px;}
.breadcrumb a {color: #808080;}

.no-margin-left {margin-left: 0 !important;}
.no-margin-top {margin-top: 0 !important;}
.no-margin-right {margin-right: 0 !important;}
.no-margin-bottom {margin-bottom: 0 !important;}

.no-padding-left {padding-left: 0;}
.no-padding-right {padding-right: 0;}

.header-wrapper {border-bottom: solid 1px #c5c5c5;}
.container + .header {height: 70px; max-height: 70px;}
.header .logo img {padding: 18px 0;}
.footer .logo img {padding: 15px 0;}
.header .navigation .navigation-wrapper {display: inline-block; width: 100px;}
.header .navigation .navigation-wrapper:last-child {margin-left: 8px;}
.header .navigation .btn-navigation {height: 66px; font-size: 18px; line-height: 66px; border-radius: 0; padding: 0; color: black;}
.header .navigation .btn-navigation:active {box-shadow: none;}
.header .navigation .navigation-wrapper {border-bottom: solid 4px transparent;}
.header .navigation .navigation-wrapper.active {border-bottom: solid 4px #007868;}
.header .navigation .btn-navigation .caret {margin-left: 8px;}
.header .addoffer-button {width: 100%; margin-top: 16px; background-color: #e8e8e8; color: black; text-transform: uppercase;}
.header .lk-button {margin-top: 16px; color: black; text-transform: uppercase; border: solid 1px #ccc;}
.header .user-menu {padding: 12px 0;}
.user-menu-link {width: 100%; text-align: right;}

.top-controls {font-size: 16px; display: inline-block; padding-right: 8px; padding-top: 24px; min-width: 46px;}
.top-controls-icon {padding-right: 4px;}
.top-control-link {color: black;}

.pagination {margin-top: 0; margin-bottom: 0;}

.margin-top-10px {margin-top: 10px;}
.margin-top-15px {margin-top: 15px;}
.margin-top-20px {margin-top: 20px;}
.margin-top-30px {margin-top: 30px;}
.margin-top-50px {margin-top: 50px;}
.resetmargin {margin: 0;}
.text-extra-large {font-size: 1.8em;}
.text-large {font-size: 1.3em;}
.text-medium {font-size: 1.2em;}
.text-normal {font-size: 1em;}
.text-sm {font-size: 0.86em;}
.text-xs {font-size: 0.78em;}
.text-black {color: black;}
.text-gray {color: #8a8a8a}
.text-bold {font-weight: bold;}
.text-brandcolor {color: #007868;}
.text-redcolor {color: #D14;}
.text-nowrap {white-space: nowrap;}
.text-default {color: rgb(80, 80, 80);}
.text-orange {color: #fa7c00;}
.text-line-through {text-decoration: line-through;}

.hr-primary {border-top-color: #007868;}

a.link-blue, a.link-blue:hover, a.link-blue:active {color: #0066CC;}
a.link-black, a.link-black:hover, a.link-black:active {color: rgb(80, 80, 80);}
a.link-white, a.link-white:hover, a.link-white:active {color: rgb(255, 255, 255);}
a.link-gray, a.gray:hover, a.gray:active {color: #333;}
.link-underline {text-decoration: underline;}

.no-border {border: none !important;}
.btn-bordered {border: solid 1px;}
.btn-transparent {background: transparent;}
.btn-white-bg {background-color: white;}
.btn-gray {border-color: #515050; color: #515050;}
.btn-gray:active, .btn-gray:hover {color: #515050;}

.btn-gray-lighter {border-color: #ccc; color: #808080;}
.btn-gray-lighter:active, .btn-gray-lighter:hover {color: #808080;}

.btn-brand {border-color: #007868; color: #007868;}
.btn-brand:active, .btn-brand:hover {color: #007868;}

.right-promo #vk_widget iframe, .right-promo #vk_groups iframe {width: 100% !important}

.footer {background-color: #007868; padding: 15px;}
.footer-block, .footer-block a{color: white;}
.footer-block a{display: block;}
.footer .block-5 a{display: inline-block; margin-left: 10px; margin-right: 10px;}
.footer-block .block-heading {font-weight: bold; color: white;}

.footer a.social {
    padding: 2px 4px 0 4px;
    display: inline-block;
    border-radius: 4px;
    font-size: 16px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
    letter-spacing: normal;
    color: #2b2b2b;
    box-sizing: border-box;
    position: relative;
}

.footer .footer-links a {display: block}
.footer .footer-col {margin-top: 10px;}

.content-item-list-wrapper, .content-single-list-wrapper {border: solid 1px #c5c5c5; border-radius: 4px; padding: 15px; margin-bottom: 20px;}
.content-item-list-wrapper h2, .content-single-list-wrapper h2 {margin: 0; margin-bottom: 15px; padding: 0 15px; font-weight: 600;}
.content-single-list-wrapper h1 {padding: 0; margin: 0; margin-bottom: 15px; font-weight: 600;}
.content-single-list-wrapper h1.opinion {margin-bottom: 0; font-weight: 600;}
.content-single-list-wrapper hr.opinion {margin: 0; margin-top: 6px;}
.content-item-list-wrapper .preview-image {display: block; margin: 0 auto 15px auto; background-color: #f6a828}
.content-single-list-wrapper .preview-image {display: block; margin: 0 auto 15px auto; background-color: #f6a828}
.content-single-list-wrapper .print-button {font-size: 1.3em; background-color: #007868; padding: 5px; border-radius: 25px; color: white;}
.content-single-list-wrapper .share-button .ya-share2__icon {width: 32px; height: 32px;}
.content-single-list-wrapper .share-button .ya-share2__badge {border-radius: 32px;}

.content-single-list-wrapper blockquote {
    position: relative;
    display: block;
    text-align: center;
    font-weight: 700;
    color: #007868;
    padding: 50px 0px;
    font-size: 18px;
    border: none;
    overflow: hidden;
}
.content-single-list-wrapper blockquote:before {content: '“'; position: absolute; top: -4px; left: 0; font-size: 160px; opacity: 0.2;}
.content-single-list-wrapper blockquote:after {content: '”'; position: absolute; bottom: -74px; right: 0; font-size: 160px; opacity: 0.2;}

.content-single-list-wrapper .imgs .signature {
    text-align: right;
    color: #a2a2a2;
    font-size: 11px;
}

.content-promo-list-wrapper h2, .premiun-header{font-size: 1.6em; font-weight: 600;}
.content-promo-list-wrapper .item-image{width: 64px; height: 64px; float: left; margin-right: 6px;}
.content-promo-list-wrapper .item-title, .content-promo-list-wrapper .author {font-size: 14px; line-height: 1.1em;}
.content-promo-list-wrapper .author {display: block; margin-top: 6px;}
.content-promo-list-wrapper .item-title > a{color: #000;}

.premium-offer {min-height: 248px; margin-bottom: 15px; position: relative; transition-duration: 0.3s;}
.premium-offer:hover {box-shadow: 0 0 4px 3px rgba(32, 32, 32, 0.13);}
.premium-offer-info {position: absolute; width: 100%; height: 96px; bottom: 0; background-color: white; color: #333;}
.premium-offer-info p {margin-bottom: 3px; padding: 0 8px;}
.premium-offer-info .info-title {padding-top: 8px;}
.premium-offer-info .info-address {height: 1.6em; max-height: 1.6em;}
.premium-offer-info .info-price {font-size: 1.3em; font-weight: bold; color: #007868}

.magazine-item-list-wrapper {border: solid 1px #a3a3a3; border-radius: 4px; padding: 6px;}

.formsearch-wrapper {background: url(/images/main-background.jpg) no-repeat center top; min-height: 340px;}
.link-block a {display: block; margin-bottom: 6px; color: #0066cc; text-decoration: underline;}

.omrtop-wrapper {padding: 15px;}
.omrtop-offer {background-color: #f4f4f4; padding: 15px 0; border-radius: 6px; border: solid 1px #ddd;}
.omrtop-offer img {max-height: 276px;}
.omrtop-offer .orange {color: #fa7c00;}

.news-list-wrapper {border: solid 1px #f4f4f4; border-radius: 6px; padding: 15px;}
.news-list-wrapper .header {font-weight: 600;}
.news-list-wrapper {font-size: 14px;}
.news-list-item img{float: left; margin: 8px 15px 8px 0;}
.news-list-item hr {margin-top: 8px; margin-bottom: 8px;}

.content-block {margin-bottom: 20px; background-color: #f3f3f3; height: 210px; border-radius: 6px; overflow: hidden; text-decoration: none;}
.content-block a:active, .content-block a:hover {text-decoration: none;}
.content-block img {float: left; padding: 0 15px 0 0;}
.content-block .title {color: black; padding-top: 10px; font-weight: 600;}
.content-block .lead {font-size: 14px; color: black; padding-top: 10px; font-weight: normal;}

.mobile-header {
    background-color: white;
    position: fixed;
    width: 100%;
    z-index: 3;
    padding: 6px 0;
    left: 0;
    top: 0;
    box-shadow: 0px 4px 2px #dcdcdc;
}
.mobile-header .mobile-menu-button {color: #333; font-size: 3.4vh; padding-top: 5px; padding-left: 15px;}
.mobile-header .logo {height: 3.4vh; padding-left: 15px;}


.left-menu-button-wrapper {display: none;}

.mobile-menu-close-btn {padding: 8px 15px 0 0; color: white;}

.left-menu {display: block; width: 100%; height: 100%; background-color: #007868; position: fixed; left: -9999px; top: 0; z-index: 1001; overflow-y: scroll;}
.responsive-nav {list-style: none; padding: 0;}
.responsive-nav > li {
    text-align: left;
    background-color: #007868;
    border-bottom: solid 1px #9adecd;
    padding: 4px 0;
    font-size: 7vw;
    cursor: pointer;
}
.responsive-nav > li > a, .responsive-nav > li.submenu > ul > li > a {color: white; padding: 0px 8px; text-decoration: none;}
.responsive-nav > li > a:before {content: "\f105"; font: normal normal normal 1em/1 FontAwesome; padding-right: 8px; padding-left: 8px; color: #FFF}
.responsive-nav > li > ul {
    list-style: none;
    margin-left: 36px;
    padding-left: 0;
    font-size: 0.9em;
}
.responsive-nav > li > ul > li > a:before {content: "\f111"; font: normal normal normal 0.5em/1 FontAwesome; padding-right: 8px; padding-left: 8px; color: #333}
.responsive-nav > li.submenu ul {display: none;}

.left-menu-button-wrapper {
    background-color: #DF252A;
    padding: 12px 12px 12px 20px;
    border-bottom: solid 1px #BD2F2F;
    color: white;
    display: none;
    font-size: 1.5em;
}
.left-menu-button {
    display: block;
}
.left-menu-button * {vertical-align: middle; line-height: 28px;}

.mainpage-header {margin-top: 0; text-align: center; font-size: 1.2em; font-weight: bold;}
.mainpage-description {margin: 0; text-align: center; font-size: 0.9em;}

@media (max-width: 970px) {
    .blist img {width: 100%; height: auto;}
}

@media (max-width: 480px) {
    .print-button {display: none;}
    .breadcrumbs-wrapper {display: none;}
    .header-wrapper {border: none;}
    content-wrapper + .header {display: none;}
    .formsearch-wrapper {background: transparent;}
    .container {padding-top: 60px;}
    .omrtop-wrapper {padding: 15px 0;}
    .omrtop-offer {background-color: transparent; border: none; border-bottom: solid 1px #808080; border-radius: 0;}
    .omrtop-offer .status {font-size: 0.65em; padding-top: 8px;}
    .premium-offer {border-bottom: solid 1px #d2d2d2; margin-bottom: 25px;}
    .premium-offer img {width: 100%; height: auto;}

    .right-banner {margin-top: 50px;}
    .right-banner img {width: 100%; height: auto;}

    .main-block-1 .block-content {background: url(/images/main/opacity_sell.jpg) no-repeat center center; background-size: cover;}
    .main-block-2 .block-content {background: url(/images/main/opacity_rent.jpg) no-repeat center center; background-size: cover;}
    .main-block-3 .block-content {background: url(/images/main/opacity_newb.jpg) no-repeat center center; background-size: cover;}
    .main-block-4 .block-content {background: url(/images/main/opacity_polezno.jpg) no-repeat center center; background-size: cover;}
    .block-content {padding: 10px 15px; min-height: 200px;}
    .content-block {margin-top: 30px; height: auto; border-radius: 0;}
    .content-block img {padding: 0; display: block; float: none; width: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0;}
    .content-block .title, .content-block .lead {padding: 0 15px;}
    .content-block .title {padding-top: 15px;}

    .content-item-list-wrapper, .content-single-list-wrapper {border: none; border-radius: 0; padding: 0; border-bottom: solid 1px #d2d2d2;}
    .content-item-list-wrapper h2, .content-single-list-wrapper h2 {font-weight: normal;}
    .content-item-list-wrapper .fa-calendar, .content-item-list-wrapper .fa-calendar + span {font-size: 0.7em;}
    .content-item-wrapper .preview-image {width: 100%; height: auto;}

    .magazine-promo-wrapper .panel {border: none; border-radius: 0;}
    .promo-content-item-wrapper {margin-bottom: 8px;}
    .magazine-item-list-wrapper {border: none;}
    .type-2 h2 {padding: 0;}
    .print-button {display: none;}
    .pagination-wrapper {margin-top: 30px;}
    
    ul.pagination-responsive li {
        display: none;
    }
    ul.pagination-responsive li.prev, ul.pagination-responsive li.active, ul.pagination-responsive li.next, ul.pagination-responsive li.active + li, ul.pagination-responsive li.active + li + li {
        display: inline-block;
    }
}

@media print {
    .print-logo {margin-bottom: 20px;}
    .print-logo img{width: 30vw;}
    .content-single-list-wrapper {border: none;}
    .hidden-print {display: none;}
    a[href]:after {
        content: "";
    }
}