:root{
    --color-add-company-button: #A3E7FC;
    --color-order-button: #f3cc5a;
    --color-body: #313131;
    --color-body-background: #ebf1f4;
    --color-body-info-background: #fefefe;
    --color-h: #337ab7;
    --color-header-logo: #26C485;
    --main-header: #2F0601;
    --title-color: #32908F;
}
html {
    font-size: 10px;
}
body {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    height: 100%;
    min-width: 120rem;
    padding: 0;
    margin: 0;
    color: var(--color-body);
    background: var(--color-body-background);
    transition-duration: .4s;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
body.info-body {
    background: var(--color-body-info-background);
}
body.info-body p,
body.info-body ul,
body.info-body ol {
    margin: 0 0 3rem;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Play', sans-serif;
    font-weight: 400;
}
h1,
.h1 {
    font-size: 3.6rem;
}
h2,
.h2 {
    font-size: 3.0rem;
}
h3,
.h3 {
    font-size: 2.4rem;
}
h4,
.h4 {
    font-size: 2rem;
}
h5,
.h5 {
    font-size: 1.6rem;
}
h6,
.h6 {
    font-size: 1.4rem;
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
a.h1, a.h2, a.h3, a.h4, a.h5, a.h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: var(--color-h);
}
a {
    transition-duration: .4s;
}
a:hover {
    transition-duration: .4s;
}
.content {
    min-height: calc(100vh - 44.5rem);
}
.header-container,
.footer-container,
.content-container,
.home-container,
.main-header-container,
.main-header-menu-container,
.main-header-search-container {
    width: 120rem;
    margin: 0 auto;
}
.listing-container {
    padding: 2rem 0;
}
.header-logo{
    width:24.2rem;
}
.header-buttons {
    width:20rem;
    text-align: right;
}
.header-search-block {
    width: calc(100% - 44.2rem);
}
.header-logo, .header-search-block, .header-buttons,
.header-search, .header-city, .main-header-logo{
    display: inline-block;
    vertical-align: middle;
}
.header-logo, .main-header-logo {
    font-family: 'Play', sans-serif;
}
.header-logo a {
    color: white;
    transition-duration: .4s;
}
.main-header-logo a {
    color:var(--color-body);
    transition-duration: .4s;
}
.header-logo a:hover,
.main-header-logo a:hover {
    text-decoration: none;
}
.header-logo a:hover .header-logo-org {
    color: white;
    transition-duration: .4s;
}
.main-header-logo a:hover {
    color: #616161;
}
.main-header-logo a:hover .main-header-logo-org {
    color: #1da1f2;
    transition-duration: .4s;
}
.header-logo-razborka, .header-logo-org,
.main-header-logo-razborka, .main-header-logo-org{
    font-size: 3.5rem;
    line-height: 2.6rem;
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
}
.header-logo-org{
    color: var(--color-header-logo);
    text-transform: uppercase;
    transition-duration: .4s;
}
.main-header-logo-org {
    color: #0A67A3;
    text-transform: uppercase;
    transition-duration: .4s;
}
.header-logo-catalog,
.main-header-logo-catalog {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: right;
    color: #ccc;
    padding-top: 0.3rem;
    padding-right: 0.5rem;
}
.header-auth {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 4.5rem;
    height: 4.5rem;
    color: white;
    vertical-align: middle;
    border:1px solid transparent;
    padding:0 1rem;
    transition-duration: .4s;
}
.header-auth {
    margin-right: -1rem;
}
.header-auth:hover,
.header-auth:active,
.header-auth:focus {
    text-decoration: none;
    border:1px solid #1972AC;
    color:white;
    background: #10649B;
    transition-duration: .4s;
}
.header-auth:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 4.5rem;
    background-size: 2rem;
    vertical-align: middle;
    background-position: left 1.1rem;
    background-repeat: no-repeat;
}
.header-auth:before {
    background-image: url(../img/login.png);
    margin-right: 0.6875rem;
}
.header-auth-in {
    margin-right: 0;
    background: #10649B;
}
.header-auth-in:hover {
    background: #217fbd;
}
.header-auth-in:before {
    background-image: url(../img/screwdriver.png);
    margin-right: 0.6875rem;
}
.header-search-block {
    padding:0 3rem;
}
.header-city {
    width:22rem;
    border:1px solid #1972AC;
    height: 4.5rem;
    padding: 0.5rem 1rem;
    background-color: white;
}
.header-city div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #616161;
}
.header-city span{
    display: inline-block;
    color:#616161;
    background-color: #f1f1f1;
    border-radius: 2px;
    height: 100%;
    padding: 0.5rem 1rem;
    transition-duration: .4s;
}
.header-city span:hover {
    cursor: pointer;
    background-color: #e6e6e6;
    transition-duration: .4s;
}
.header-city span:before {
    content: '';
    display: inline-block;
    width: 2.4rem;
    height: 2.1rem;
    vertical-align: middle;
    background-size:1.8rem;
    background-position: left 0rem;
    background-repeat: no-repeat;
    background-image: url(../img/cityscape.png);
}
.header-search {
    width:calc(100% - 22rem);
    position: relative;
    margin: 0 auto;
}
.header-search input {
    width: 100%;
    height: 4.5rem;
    padding-left: 1rem;
    border: 1px solid #1972AC;
    outline: none;
    background: white;
    color: #616161;
    margin-top: 1px;
}
.header-search input:focus{
    color:var(--color-body);
}
.header-search button {
    position: absolute;
    top: 1px;
    right: 0px;
    width: 4.5rem;
    height: 4.5rem;
    border: none;
    background: #80CDFF;
    cursor: pointer;
    border-top: 1px solid #1972AC;
    border-bottom: 1px solid #1972AC;
    border-right: 1px solid #004d7f;
    transition-duration: .4s;
}http://razborka.loc/#
.header-search button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 1.6rem;
    color: #F9F0DA;
}
.header-search button:hover {
    background: #9ed7fc;
    transition-duration: .4s;
}
.city-select-modal-dialog a{
    border-bottom: 1px solid transparent;
}
.modal-backdrop {
    background: white;
}
.modal-backdrop.in {
    opacity: 1;
    display: none;
}
.modal-dialog {
    width:100%;
}
.city-select-close {
    position: absolute;
    top:3rem;
    right:3rem;
}
.city-select-close:hover {
    cursor: pointer;
}
.city-select-close:before {
    content: '';
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../img/cancel.png);
}
.city-select-container {
    padding:3rem 5%;
}
.city-select-title {
    font-size:
}
.city-select-important {
    padding: 0;
    list-style: none;
    margin: 2rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width:100%;
    color: var(--color-body);
}
.city-select-important a {
    display: inline-block;
    margin-right: 1.5rem;
}
.city-select-important a {
    font-size: 2rem;
    color: var(--color-body);
}
.city-select-important a:hover,
.city-select-important a:active,
.city-select-important a:focus {
    text-decoration: none;
    border-bottom: 1px solid var(--color-h);
}
.city-select-current-city:after {
    content: '|';
    margin-left:1.5rem;
}
.city-select-list {
    column-count: 6;
}
.city-select-list-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.city-select-town {
    display: block;
    margin: 0.5rem 0;
}
.city-select-list-item a {
    display: inline-block;
}
.city-select-list-item a:hover,
.city-select-list-item a:active,
.city-select-list-item a:focus {
    text-decoration: none;
    border-bottom: 1px solid var(--color-h);
}
.city-select-list-item-important {
    font-weight: bold;
    font-size:1.2em;
}
footer {
    height:44.5rem;
    background: white;
    color: var(--color-body);
    padding: 3rem 0;
    color: #888;
    box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.footer-row {
    margin: 0 -2rem;
}
.footer-col-25, .footer-col-50, .footer-col-100 {
    vertical-align: top;
    display: inline-block;
    padding: 0 2rem;
}
.footer-col-25 {
    width:25%;
}
.footer-col-50 {
    width:50%;
}
.footer-col-100 {
    width:100%;
}
.footer-column-title {
    margin-bottom: 2rem;
    color:var(--title-color);
}
.footer-column-content a {
    display: block;
    margin-bottom: 0.6rem;
    color: #888;
}
.footer-column-content a:hover,
.footer-column-content a:active,
.footer-column-content a:focus,
.footer-column-content-cities a:hover,
.footer-column-content-cities a:active,
.footer-column-content-cities a:focus {
    text-decoration: none;
    color:var(--color-body);
}
.footer-column-content-cities a {
    display: inline-block;
    margin-bottom: 0.6rem;
    margin-right: 1rem;
    color: #888;
}
.footer-column-description {
    margin: 3rem 0;
}
.footer-down {
    font-size: 1.4rem;
    margin: 2rem 0;
    padding: 1rem 0;
    border-top:1px solid #ccc;
}
.footer-down span {
    padding-top:3.4rem;
    display: inline-block;
}
.soft-lab-link {
    float: right;
    padding:1rem;
    transition-duration: .4s;
    margin-right: -1rem;
    vertical-align: bottom;
}
.soft-lab-link img{
    height:4rem;
}
.soft-lab-link:hover {
    background: #f0f0f0;
    transition-duration: .4s;
}
.bread-crumbs ul{
    padding: 0;
    margin: 1rem 0 0.5rem;
    list-style: none;
}
.bread-crumbs ul li {
    display: inline-block;
    margin-right: 0.3rem;
    color:#999;
}
.bread-crumbs ul li:after {
    content: '/';
    margin-left: 0.3rem;
    color:var(--color-body);
}
.bread-crumbs ul li:last-child:after {
    content: none;
}
.bread-crumbs .fa-home {
    color: var(--color-h);
}
.listing-main-annotation:first-letter {
    text-transform: uppercase;
    color: #666;
}
.listing-main-annotation {
    margin-bottom:2rem;
}
.listing-section-left, .listing-section-right,
.card-section-right, .card-section-left {
    vertical-align: top;
    display: inline-block;
}
.listing-section-left,
.card-section-left {
    width:75%;
    margin:0 0 2rem;
}
.listing-section-right,
.card-section-right {
    width:25%;
    padding-left: 2rem;
    margin:0 0 2rem;
    float: right;
}
.filter-box {
    background-color:white;
}
.filters-title {
    padding: 1.2rem 2rem;
    background-color: #f6f6f6;
    text-transform:uppercase;
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size:1.2em;
}
.filters-title .fas,
.filter-title .fas{
    margin-right: .7rem;
    color:var(--color-header-logo);
}
.filter-title {
    padding: 1.2rem 2rem;
    text-transform:uppercase;
    font-family: 'Play', sans-serif;
    border-top: 2px solid var(--color-body-background);
    border-bottom: 2px solid var(--color-body-background);
}
.filter-content {
    padding: 1.2rem 0;
}
.filter-content ul {
    margin:0;
    padding:0;
    list-style: none;
}
.filter-content li a {
    padding: .4rem 2rem;
}
.filter-content li a:hover,
.filter-content li a:active,
.filter-content li a:focus{
    color: #DB3728;
    text-decoration: none;
    background: #f6f6f6;
}
li.filter-others span{
    padding: .4rem 2rem;
    color:var(--color-h);
    transition-duration: .4s;
}
li.filter-others span:hover {
    cursor:pointer;
    color: #DB3728;
    text-decoration: none;
    transition-duration: .4s;
}
.fa-others {
    font-size:3rem;
    line-height:3rem;
}
.fa-others {
    font-size:3rem;
    line-height:3rem;
}
.marks-line {
    line-height: 2rem;
}
.marks-line .fas {
    margin-right:.8rem;
    color: #dee2e6;
}
.marks-line:hover .fas {
    color: #ced3d8;
}
.sto-marks .marks-line {
    line-height:3rem;
}
.marks-line img {
    margin-right:.4rem;
    margin-top: -.3rem;
}
.filter-content li a.marks-line-current {
    display:inline-block;
    padding: .8rem 1rem .8rem 1.6rem;
    border-radius: .5rem;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    margin: 0 2rem 1.2rem 2rem;
}
.filter-content li a.marks-line-current .fas {
    margin-left:1rem;
    color: #999;
    transition-duration: .4s;
}
.filter-content li a.marks-line-current:hover .fas {
    color: #666;
    transition-duration: .4s;
}
.filter-content li a.marks-line-current img {
    margin-right: .4rem;
    margin-top: -.3rem;
}
.show-filters-mobile {
    display:none;
}
.listing-select {
    background: white;
}
#myTabContent {
    margin-bottom: 2rem;
}
.listing-select-marks,
.listing-select-models {
    padding:1rem 2rem;
}
.listing-select-marks ul,
.listing-select-models ul{
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 5;
    column-gap: 2rem;
}
.listing-select-marks.metros ul,
.listing-select-marks.districts ul,
.listing-select-models ul {
    column-count: 5;
}
.listing-select-generations ul {
    column-count: 4;
}
.listing-select-marks ul li,
.listing-select-models ul li{
    line-height: 3rem;
    width: 100%;
    display: inline-block;
}
.marks-line {
    display: block;
}
#yandex_map_modal {
    background: rgba(0, 0, 0, 0.5);
}
.listing-select-marks img,
.listing-select-marks span {
    vertical-align: middle;
}
.listing-select-marks img{
    margin-right: 0.4rem;
}
.listing-select-marks span {
    color: var(--color-body);
    transition-duration: .4s;
}
.listing-select-marks small {
    margin-left: 0.8rem;
    font-size: 1.3rem;
    line-height: 1.3rem;
    color: #999;
    vertical-align: text-bottom;
    transition-duration: .4s;
}
.listing-select-marks a {
    display: block;
    width:100%;
}
.listing-select-marks a:hover,
.listing-select-marks a:active,
.listing-select-marks a:focus{
    text-decoration: none;
}
.listing-select-marks a:hover span,
.listing-select-marks a:hover small,
.listing-select-marks a:active span,
.listing-select-marks a:active small,
.listing-select-marks a:focus span,
.listing-select-marks a:focus small {
    color: var(--color-h);
    transition-duration: .4s;
}
.non-brands span,
.non-brands small {
    color: #999;
}
.non-brands img {
    filter: alpha(Opacity=50);
    opacity: 0.5;
}
span.all-marks{
    color: #999;
    transition-duration: .4s;
}
span.all-marks:hover {
    text-decoration: none;
}
.listing-select-models li {
    position: relative;
    height:3.5rem;
}
.listing-select-models li:before {
    content: '';
    display: block;
    height: 1px;
    background: #ededed;
    position: absolute;
    bottom: 1rem;
    left: 0;
    z-index: 1;
    width: 100%;
}
.listing-select-models span,
.listing-select-models small {
    position: absolute;
    background: white;
    z-index: 2;
}
.listing-select-models span {
    left:0;
    max-width: 85%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0.5rem;
}
.listing-select-models small {
    right: 0;
    padding-left: 0.5rem;
}

.ad-direct {
    padding: 1rem;
    background: white;
    overflow: hidden;
}
.listing-items {
    background: white;
}
.listing-item {
    padding: 3rem;
    border-bottom: 3px solid var(--color-body-background);
    display: block;
}
.item-left .listing-item {
    padding: 2rem;
}
.listing-item:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }
.listing-item-image, .listing-item-annotation {
    display: inline-block;
    vertical-align: top;
}
.listing-item-image {
    position: relative;
    width: 27.8rem;
    border: 1px solid #eee;
    overflow: hidden;
    float:right;
}
.item-left .listing-item-image {
    width: 34rem!important;
    float:none;
}
.listing-item-image span:before {
    content: '';
    background-image: url('../img/non-image-128.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width:100%;
    height: 20rem;
    z-index: 1;
}
.listing-item-image span{
    display: block;
    background-color: #eee;
    min-height: 20rem;
}
.listing-item-annotation {
    width:calc(100% - 27.8rem);
    padding-right: 1.5rem;
}
.item-left .listing-item-annotation {
    width: calc(100% - 34rem)!important;
    padding-right: 0;
    padding-left: 1.5rem;
}
.listing-item-image img {
    width: 100%;
    bottom: 0;
}
.listing-more-info {
    box-sizing: border-box;
    border: 1px solid #337ab7;
    background: #337ab7;
    padding: .5rem 1.2rem;
    border-radius: .4rem;
    text-align: center;
    fill: #fff;
    font-size: 1.5rem;
    display: inline-block;
    margin-top: 1rem;
}
.listing-more-info a {
    color: #fff;
    font-size: 1.4rem;
}
.listing-more-info a:hover {
    text-decoration: none;
}
.listing-item-title {
    font-size: 2.6rem;
    font-weight:700;
}
.listing-item-title a:hover,
.listing-item-title a:active,
.listing-item-title a:focus,
.listing-new-comment-name-company a.h4:hover,
.listing-new-comment-name-company a.h4:active,
.listing-new-comment-name-company a.h4:focus {
    color: #2ea7f6;
    text-decoration: none;
}
.listing-item-title a:visited,
.listing-vip-title a.h2:visited,
.listing-new-demolition-description a.h4:visited,
.listing-new-comment-name-company a.h4:visited {
    color: #551a8b;
}
.listing-rating-stars {
    margin-top: 0.3rem;
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
}
.listing-rating-stars a.fa {
    cursor:default;
    margin-right: 0.3rem;
}
.fa-star {
    color: #ffdb4d;
}
.fa-star-o {
    color: #ccc;
}
.fa-star-o:before{
    content: "\f005";
}
.listing-rating-stars div {
    width:100%;
    background: transparent;
    height:2rem;
    position: absolute;
    top:0;
}
.listing-raiting-otzyvy,
.listing-raiting-net-otzyvov {
    color: #999;
}
a.listing-raiting-otzyvy:hover,
a.listing-raiting-otzyvy:active,
a.listing-raiting-otzyvy:focus {
    color: var(--color-body);
    text-decoration: none;
}
.listing-address {
    margin-top: 1rem;
}
.listing-address:before {
    content: '';
    background-image: url('../img/placeholder.png');
    background-repeat: no-repeat;
    background-position: left 0.3rem;
    width:1.6rem;
    height:2rem;
    background-size:1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.listing-phone:before {
    content: '';
    background-image: url('../img/phone.png');
    background-repeat: no-repeat;
    background-position: left 0.3rem;
    width:1.6rem;
    height:2rem;
    background-size:1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.listing-annotation {
    color: #666;
}
.listing-annotation, .listing-last-comment {
    margin-top:0.7rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.listing-last-comment {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 0.5rem 1rem;
    color: #666;
    font-size: 1.4rem;
}
.listing-last-comment span:before {
    content: '«';
}
.listing-last-comment span:after {
    content: '»';
}
.listing-last-comment:after,
.listing-last-comment:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.listing-last-comment:after {
    border-color: rgba(249, 249, 249, 0);
    border-right-color: #f9f9f9;
    border-width: 0.5rem;
    margin-top: -0.5rem;
}
.listing-last-comment:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ddd;
    border-width: 0.6rem;
    margin-top: -0.6rem;
}
.add-company-baner-text,
.add-company-baner-button {
    display: inline-block;
    vertical-align: middle;
}
.add-company-baner {
    padding:3rem;
    border-bottom: 1px solid #ccc;
}
.add-company-baner-text {
    width: calc(100% - 22rem);
    font-size:1.8rem;
}
.add-company-baner-text span {
    color: #999;
}
.add-company-baner-button a{
    display: inline-block;
    border:1px solid var(--color-h);
    border-radius: 2px;
    width:22rem;
    padding: 0.8rem 1.5rem;
    color: var(--color-h);
    font-size: 1.8rem;
}
.add-company-baner-button a:before {
    content: '';
    background-image: url('../img/store.png');
    background-repeat: no-repeat;
    background-position: left 0.4rem;
    width:2rem;
    height:2.4rem;
    background-size:2rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.add-company-baner-button a:hover,
.add-company-baner-button a:active,
.add-company-baner-button a:focus {
    color: white;
    background-color: var(--color-h);
    text-decoration: none;
}
.listing-right-block,
.listing-left-block {
    width: 100%;
    margin-bottom: 2rem;
    background: white;
    border:1px solid #ddd;
}
.listing-vip {
    padding-bottom: 1.5rem;
}
.listing-vip-header img {
    width:100%;
}
.listing-vip-title {
    padding: 1rem 2rem;
}
.listing-vip-title a.h2 {
    color: var(--color-body);
}
.listing-vip-title a.h2:hover,
.listing-vip-title a.h2:active,
.listing-vip-title a.h2:focus {
    text-decoration: none;
    color: var(--color-h);
}
.listing-vip-annotation {
    padding: 1.5rem 2rem;
}
.listing-vip-feature {
    padding:0 2rem 0.5rem;
}
.listing-vip-feature span,
.listing-vip-feature b{
    display: inline-block;
    vertical-align: top;
}
.listing-vip-feature b {
    width:7.5rem;
}
.listing-vip-feature span {
    width: calc(100% - 7.5rem);
}
.listing-vip-buttons {
    padding: 0 2rem;
}
.listing-vip-button {
    display: inline-block;
    border:1px solid #ccc;
    border-radius: 2px;
    padding: 0.5rem 1rem;
    color: var(--color-body);
    margin-right: 1rem;
}
.listing-vip-button:before {
    content: '';
    background-repeat: no-repeat;
    background-position: left 0.4rem;
    width:1.6rem;
    height:2rem;
    background-size:1.6rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.listing-vip-button:hover,
.listing-vip-button:active,
.listing-vip-button:focus {
    color: var(--color-body);
    text-decoration:none;
    background: #f9f9f9;
    border-color: #999;
}
.listing-vip-button-more:before {
    background-image: url('../img/store-more.png');
}
.listing-vip-button-phone:before {
    background-image: url(../img/phone.png);
    margin-right: 0.5rem;
}
.listing-vip-button-site:before {
    background-image: url('../img/chains.png');
}
.listing-vip-button-email:before {
    background-image: url('../img/arroba.png');
}
.listing-vip-more-button:hover,
.listing-vip-more-button:active,
.listing-vip-more-button:focus {
    color: white;
    background-color: var(--color-h);
    text-decoration: none;
}
.listing-new-demolitions {
    margin-top: 1.5rem;
}
.listing-new-demolition {
    margin-bottom: 1rem;
    background: white;
    border:1px solid #ddd;
}
.listing-new-demolition-image,
.listing-new-demolition-description {
    vertical-align: top;
    display: inline-block;
}
.listing-new-demolition-image {
    width: 9rem;
}
.listing-new-demolition-description {
    width:calc(100% - 9rem);
    padding: 0.5rem 1.5rem;
    height: 9rem;
}
.listing-new-demolitions-title {
    font-size: 2.4rem;
}
.listing-new-demolition-image {
    position: relative;
}
.listing-new-demolition-image a{
    display: block;
    min-height: 9rem;
    width:9rem;
    background-color: #eee;
}
.listing-new-demolition-image a:before {
    content: '';
    background-image: url('../img/non-image-64.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width:100%;
    height: 9rem;
    z-index: 1;
}
.listing-new-demolition-image img {
    width:100%;
    position: absolute;
    z-index: 2;
}
.listing-new-demolition-description a.h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.listing-address-new-demolition {
    color:#666;
    margin-top: 0.5rem;
    height: 4.8rem;
    overflow: hidden;
}
.listing-item-title,
.listing-item-ad-informer {
    display: inline-block;
}
.listing-item-ad-informer {
    float:right;
    padding: 0.2rem 0.5rem;
    border: 1px solid #e7711b;
    color: #e7711b;
    font-size: 1.4rem;
}
.listing-item-ad-informer:hover {
    border: 1px solid #f7832e;
    color: #f7832e;
    text-decoration: none;
}
.tooltip-inner {
    color: #666;
    background:white;
    border:1px solid #f7832e;
    border-radius: 2px;
    padding:0.5rem;
    font-size: 1.4rem;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #f7832e;
}
.tooltip {
    box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.listing-pagination {
    text-align: center;
    background: white;
}
.listing-pagination ul {
    list-style: none;
    margin: 0;
    padding:1.5rem 2rem;
}
.listing-pagination ul li {
    display: inline-block;
}
.listing-pagination ul li a,
.listing-pagination ul li span {
    display: block;
    padding: 0.8rem 1.6rem;
}
.listing-pagination ul li a {
    color:var(--color-body);
}
.listing-pagination ul li a:hover,
.listing-pagination ul li a:active,
.listing-pagination ul li a:focus {
    background: #ddd;
    text-decoration: none;
}
.listing-pagination ul li span {
    background-color: #10649B;
    color: white;
}
.listing-new-comments {
    margin: 1.5rem -1rem 0;
}
.listing-new-comment-wrap {
    padding: 0 1rem;
    vertical-align: top;
    display: inline-block;
    width:25%;
}
.listing-new-comment {
    background: white;
    position: relative;
}
.listing-new-comment-image {
    display: block;
    height:18.5rem;
    width:100%;
    background: #eee;
    overflow: hidden;
    position: relative;
}
.listing-new-comment-image:before {
    content: '';
    background-image: url('../img/non-image-128.png');
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width:100%;
    height: 18.5rem;
    z-index: 1;
}
.listing-new-comment-image img {
    width:100%;
    z-index: 2;
    position: absolute;
}
.listing-new-comment-description {
    padding: 1.5rem 2rem;
}
.listing-new-comment-name-company {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listing-new-comment-text {
    margin-top: 1rem;
    font-size: 1.4rem;
    font-style: italic;
    text-align: justify;
    overflow: hidden;
}
.listing-new-comment-text:before,
.listing-new-comment-text:after {
    font-family: 'FontAwesome', sans-serif;
    color: var(--color-h);
    font-size: 1.6rem;
}
.listing-new-comment-text:before {
    content: '\f10d';
    margin-right: 1rem;
}
.listing-new-comment-text:after {
    content: '\f10e';
    margin-left: 1rem;
}
.listing-new-comment-date {
    margin-top: 1rem;
    text-align: right;
    color: #666;
}
.listing-best-demolitions {
    margin:1rem -1rem 0;
    padding: 0;
    list-style: none;
}
.listing-best-demolition-wrap {
    padding: 0 1rem;
    vertical-align: top;
    display: inline-block;
    width:calc(100%/3);
    overflow: hidden;
}
.listing-best-demolition-wrap:nth-child(n+4) {
    margin-top: 2rem;
}
.listing-best-demolition {
    position: relative;
    background: #eee;
    height:28rem;
}
.listing-best-demolition img {
    width:100%;
    position: absolute;
    z-index: 1;
}
.listing-best-demolition-wrap a:hover .listing-best-demolition-title{
    background-color: rgba(0, 0, 0, 0.8);
    transition-duration: .4s;
}
.listing-best-demolition-title {
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    width:100%;
    transition-duration: .4s;
    z-index: 2;
}
.listing-best-demolition-title .h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.listing-best-demolition:before {
    content: '';
    background-image: url('../img/non-image-256.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24rem;
    position: absolute;
    width:100%;
    height: 28rem;
    z-index: 0;
}
.js-map-canvas-demolition {
    height:270px;
    border:1px solid #ccc;
}
.card-container-title {
    padding: 2rem 0 3rem;
}
.card-container-content {
    margin:0 -1.5rem 3rem;
}
.card-container-left,
.card-container-center,
.card-container-right {
    vertical-align: top;
    display: inline-block;
    padding: 0 1.5rem;
}
.card-container-left,
.card-container-right {
    width:25%;
}
.card-container-center {
    width:50%;
}
.ui-progress-bar {
    position: relative;
    height: 2.5rem;
    padding-right: 2px;
    background-color: #eee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(#ccc 0%, #ddd 100%);
    background: -moz-linear-gradient(#ccc 0%, #ddd 100%);
    background: -o-linear-gradient(#ccc 0%, #ddd 100%);
    background: -ms-linear-gradient(#ccc 0%, #ddd 100%);
    background: linear-gradient(#ccc 0%, #ddd 100%);

}
.ui-progress-bar .ui-progress {
    display: block;
    overflow: hidden;
    height: 2.5rem;
    -webkit-background-size: 4.4rem 4.4rem;
    -moz-background-size: 3.6rem 3.6rem;
    background-color: #80CDFF;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c;
    border: 1px solid #80CDFF;
}
.ui-progress-bar span.ui-label {
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1.4rem;
    position: absolute;
    left: 35%;
    top:0;
    line-height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;
    white-space: nowrap;
}
.ui-progress-bar .ui-progress span.ui-label b {
    font-weight: bold;
}
.card-main-image {
    margin-bottom: 1.5rem;
}
.card-main-image img {
    width:100%;
    border-radius:0.5rem;
}
.card-title-margin {
    margin-left: calc(25% + 1.5rem);
}
.margin-left-block {
    margin-top: -10rem;
}
.card-annotation {
    margin-top:1.5rem;
    text-align: justify;
}
.card-phone {
    margin-top:1.5rem;
    border: 1px solid #ccc;
    text-align: center;
    background: #f9f9f9;
}
.card-phone-show {
    height: 7rem;
    background: #10649b;
    color: white;
    padding: 1rem;
}
.card-phone a {
    display: block;
    color:var(--color-body);
}
.card-phone a:hover {
    text-decoration: none;
    color: var(--color-h);
}
.card-phone a span {
    display: block;
}
.card-phone-litter {
    font-size: 2rem;
    font-weight: bold;
}
.modal-title a {
    color:var(--color-body);
}
.modal-title a:hover {
    text-decoration: none;
    color: var(--color-h);
}
.card-phone b{
    display: block;
    padding: 1rem;
    font-size: 2rem;
    font-weight: normal;
}
.card-phone b:before {
    content: '';
    background-image: url('../img/phone-b.png');
    background-repeat: no-repeat;
    background-position: left 0.4rem;
    width:2rem;
    height:2.6rem;
    background-size:2rem;
    margin-right: 0.7rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.modal.fade.in {
    background: rgba(0, 0, 0, 0.7);
}
.city-select-modal.modal.fade.in {
    background: white;
}
.modal-phone .modal-dialog {
    width:60rem;
    margin: 0 auto;
    top: calc(50vh - 15rem);
    background: white;
}
.modal-phone .modal-content {
    border-radius: 0;
}
.modal-backdrop.in {
    opacity: 0;
}
.modal-phone .modal-phone-gray {
    color:#999;
}
.modal-phone .modal-body div {
    margin-bottom: 0.5rem;
}
.modal-phone .modal-body div span {
    display: block;
}
.modal-phone .modal-phone-image,
.modal-phone .modal-phone-description {
    display: inline-block;
    vertical-align: top;
}
.modal-phone .modal-phone-image {
    width: 10rem;
    padding-top:0.5rem;
}
.modal-phone .modal-phone-image img{
    width:100%;
    border: 1px solid #ccc;
}
.modal-phone .modal-phone-description {
    width: calc(100% - 10rem);
    padding-right: 2rem;
}
.modal-phone .modal-header {
    padding: 2rem 2rem 1rem;
}
.modal-phone .modal-body {
    padding: 1rem 2rem;
}
.modal-phone .modal-footer {
    padding: 1rem 2rem 2rem;
}
.modal-phone .modal-header .close {
    font-size: 4rem;
}
.card-question a,
.card-question button{
    display: inline-block;
    margin-top: 1.5rem;
    padding: 1rem;
    font-size: 2rem;
    border: 1px solid #ddd;
    background: #f9f9f9;
    text-align: center;
    transition-duration: .4s;
    color: var(--color-body);
    position: relative;
}
.card-question a:before,
.card-question button:before{
    content: '';
    background-image: url('../img/question.png');
    background-repeat: no-repeat;
    background-position: left 0.4rem;
    width:2rem;
    height:2.6rem;
    background-size:2rem;
    margin-right: 0.7rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.card-question.owner a:before,
.card-question.owner button:before{
    background-image: url('../img/copyright.png');
}
.card-question.complaint a:before,
.card-question.complaint button:before{
    background-image: url('../img/complaint.png');
}
.card-question a:hover,
.card-question button:hover{
    background: white;
    border-color: #aaa;
    transition-duration: .4s;
}
.card-question a:hover,
.card-question a:active,
.card-question a:focus,
.card-question button:hover,
.card-question button:active,
.card-question button:focus{
    text-decoration: none;
    z-index:9999;
}
.card-question a,
.card-question button{
    margin: 0;
    padding: 0.5rem 1rem;
    font-size: 1.6rem;
}
.card-question a:before,
.card-question button:before{
    background-position: left 0.2rem;
}
.card-question .dropdown-content a:before {
    content:none;
}
.card-question .dropdown-content a {
    text-align:left;
    margin-top: -1px;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
    z-index: 999;
}
.dropdown-content a {
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content,
.dropdown:active .dropdown-content,
.dropdown:focus .dropdown-content{
    display: block;
}
.card-features {
    margin-top: 1.5rem;
    color:#666;
}
.card-feature-ico,
.card-feature {
    vertical-align: top;
    display: inline-block;
}
.card-feature-ico {
    width:1.6rem;
}
.card-feature {
    width: calc(100% - 1.6rem);
    padding-left: 0.5rem;
}
.card-feature-block {
    margin-top:0.5rem;
}
.card-feature-ico:before {
    content: '';
    background-repeat: no-repeat;
    background-position: left 0.4rem;
    width:1.6rem;
    height:2rem;
    background-size:1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.card-feature-ico-address:before {
    background-image: url('../img/placeholder.png');
}
.card-feature-ico-phone:before {
    background-image: url('../img/phone.png');
}
.card-feature-ico-site:before {
    background-image: url('../img/chains.png');
}
.card-feature-ico-email:before {
    background-image: url('../img/arroba.png');
}
.card-feature-ico-worktime:before {
    background-image: url('../img/clock.png');
}
.card-social-links {
    margin-top:1rem;
}
.card-social-links a {
    display: inline-block;
    width:4rem;
    line-height: 4rem;
    border: 1px solid #ddd;
    background: #f9f9f9;
    margin-right: 1rem;
    font-size: 2rem;
    margin-top: 0.5rem;
    text-align: center;
    transition-duration: .4s;
    border-radius: 2px;
}
.card-social-links a:hover {
    background: white;
    border-color: #aaa;
    transition-duration: .4s;
}
.card-left-cars {
    margin-top:1rem;
}
.card-left-cars-title {
    display:block;
}
.card-left-cars-link,
.card-left-cars-link:active,
.card-left-cars-link:focus {
    display: block;
    margin-top:0.5rem;
    border:1px solid #ddd;
    border-radius: 0.4rem;
    background: #f9f9f9;
    color: #666;
}
.card-left-cars-link:hover {
    color:var(--color-h);
    background: white;
}
.card-left-cars-link img,
.card-left-cars-link span {
    vertical-align: middle;
    display:inline-block;
    border-radius: 0.4rem;
}
.card-left-cars-link img {
    width:6rem;
}
.card-left-cars-link span {
    width: calc(100% - 6rem);
    padding-left: 1rem;
}
.card-left-images {
    margin: 1.5rem -0.5rem 0;
}
.card-left-images-title,
.card-left-images-foto{
    padding: 0 0.5rem;
}
.card-left-images-title {
    display: block;
}
.card-left-images-title:before,
.card-left-cars-title:before {
    content: '';
    background-repeat: no-repeat;
    background-position: left 0.3rem;
    width:1.6rem;
    height:2rem;
    background-size:1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: top;
    padding-top:0.2rem;
}
.card-left-images-title:before {
    background-image: url('../img/pictures.png');
}
.card-left-cars-title:before {
    background-image: url('../img/parsed-cars-left.png');
}
.card-left-images-foto {
    vertical-align: top;
    display:inline-block;
    width: calc(100%/3);
    margin-top: 0.5rem;
}
.card-left-images-foto img{
    width: 100%;
    border-radius:0.4rem;
}
.card-center-block {
    background:white;
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.card-tabs.nav-tabs>li>a {
    border-radius: 0;
    border-top:none;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    outline-color: transparent;
}
.nav>li>a:hover {
    border-color:transparent;
    background: none;
    outline-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
    outline-color: transparent;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-color: transparent;
    border-bottom: 1px solid white;
    outline-color: transparent;
}
.nav-tabs>li>a {
    margin-right: 0;
}
.nav>li>a {
    padding: 1rem 1.5rem;
}
.sto-tabs span.tabnav {
    padding: 1rem 1.5rem;
    display: inline-block;
    color: #999;
}
.sto-tabs {
    background: var(--color-body-background);
    border-bottom: none;
}
.sto-tabs>li:focus {
    outline-color: transparent;
}
.sto-tabs>li>a:focus {
    outline-color: transparent;
    background: none;
}
.sto-content nav ul{
    column-count: 4;
}
nav.sto-servisces ul{
    column-count: 1
}
nav.sto-servisces ul li {
    display: inline-block;
    width: auto;
    max-width: 100%;
    border: 1px solid #ddd;
    margin: 0.5rem 1rem 0.5rem 0;
    line-height: 0;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
nav.sto-servisces ul li a {
    display: inline-block;
    background: #cbe4ff;
}
nav.sto-servisces ul li a span,
nav.sto-servisces ul li a small {
    padding: 0.8rem 1rem;
    line-height: 1.3rem;
    display: inline-block;
    vertical-align: middle;
}
nav.sto-servisces ul li a small {
    background: #e6eff9;
    border-left: 1px solid #ddd;
    margin: 0;
}
.list-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-tabs li{
    float: none;
    display: inline-block;
    vertical-align: top;
}
.list-tabs li a{
    padding:0.3rem 1rem;
    border:1px solid #ddd;
    font-size: 1.4rem;
    text-decoration: none;
    color:var(--color-body);
}
.list-tabs li a:hover {
    background: #e6eff9;
}
.list-tabs li a.list-tabs-popular-marks {
    border-right: none;
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    -moz-border-radius: 0.5rem 0 0 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
}
.list-tabs li a.list-tabs-all {
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    -moz-border-radius: 0 0.5rem 0.2rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
}
.list-tabs li.active a,
.list-tabs li.active a:hover,
.list-tabs li.active a:focus,
.list-tabs li.active a:active {
    background: #cbe4ff;
}
.list-title-tabs,
.list-title-items {
    padding:  1rem 2rem 1.2rem;
    border-bottom: 1px solid #ddd;
    color: rgba(0,0,0,.6);
    font-size: 1.8rem;
}
.list-title-tabs-left span,
.list-title-items-left span {
    color: var(--color-body);
    font-weight: bold;
}
.list-title-tabs-left span:after,
.list-title-items-left span:after {
    font-family: 'FontAwesome', sans-serif;
    content: '\f105';
    margin: 0 1rem;
}
.list-title-tabs-left,
.list-title-tabs-right,
.list-title-items-left,
.list-title-items-right {
    display: inline-block;
    vertical-align: top;
}
.list-title-tabs-right {
    width:16rem;
    text-align: right;
}
.list-title-tabs-left {
    width:calc(100% - 16rem);
}
.list-title-items-right {
    width:30rem;
    text-align: right;
}
.card-tab-content .tab-pane {
    padding:2rem;
}
.card-description {
    margin-top: 1rem;
}
.read_more {
    color: var(--color-h);
    transition-duration: .4s;
}
.read_more:hover,
.read_more:active,
.read_more:focus {
    color: #23527c;
    text-decoration: underline;
    transition-duration: .4s;
    cursor: pointer;
}
.card-dop-info {
    margin-top: 1rem;
}
.card-dop-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.card-dop-info li:nth-child(odd){
    background: #f3f3f3;
}
.card-dop-info li {
    padding:0.7rem 1rem;
}
.card-dop-info-label,
.card-dop-info-value {
    display: inline-block;
    vertical-align: top;
}
.card-dop-info-label {
    width:16rem;
    color:black;
}
.card-dop-info-label:after {
    content: ':';
}
.card-dop-info-value {
    width: calc(100% - 16rem);
}
.card-dop-info-value span {
    display: block;
}
.card-dop-info-value span:after {
    content: ',';
}
.card-dop-info-value span:last-child:after {
    content: '';
}
.card-add-review {
    margin: 1.5rem -2rem 0;
}
.card-add-review-title {
    padding: 0 1.5rem;
    line-height: 6rem;
    background: #f3f3f3;
    border-bottom: 2px dashed white;
}
.card-add-review form {
    padding: 0.7rem 1.5rem;
}
.card-add-review-item {
    padding: 0.7rem 0;
}
.card-add-review-label,
.card-add-review-value {
    vertical-align: top;
    display: inline-block;
}
.card-add-review-label {
    width:12rem;
    font-size: 1.8rem;
    padding:0.7rem 0;
}
.card-add-review-value {
    width: calc(100% - 12rem);
}
.card-add-review-rayting {
    font-size: 4rem;
    line-height: 4rem;
}
.card-add-review-rayting a {
    margin-right:1rem;
}
.card-add-review-rayting a:hover,
.card-add-review-rayting a:active,
.card-add-review-rayting a:focus {
    text-decoration: none;
    color: #ffdb4d;
}
.card-add-review-littering {
    color: #a0a0a0;
}
.card-add-review-value input,
.card-add-review-value textarea {
    width: 100%;
    padding:0.7rem 1rem;
    border:1px solid #ccc;
}
.card-add-review-value input::-webkit-input-placeholder,
.card-add-review-value textarea::-webkit-input-placeholder {
    color:#a0a0a0;
}
.card-add-review-value input::-moz-placeholder,
.card-add-review-value textarea::-moz-placeholder {
    color:#a0a0a0;
}
.card-add-review-value input:-moz-placeholder,
.card-add-review-value textarea:-moz-placeholder {
    color:#a0a0a0;
}
.card-add-review-value input:-ms-input-placeholder,
.card-add-review-value textarea:-ms-input-placeholder {
    color:#a0a0a0;
}
.card-add-review-send-button {
    background: #10649b;
    padding: 0.7rem 1.5rem;
    font-size:1.8rem;
    border:3px solid #eee;
    transition-duration: .4s;
    color:white;
    margin-left:-3px;

}
.card-add-review-send-button:before {
    content: '';
    background-image: url('../img/chat.png');
    background-repeat: no-repeat;
    background-position: left 0.5rem;
    width:2.5rem;
    height:2.3rem;
    background-size: 1.8rem;
    display: inline-block;
    vertical-align: top;
}
.card-add-review-send-button:hover,
.card-add-review-send-button:active,
.card-add-review-send-button:focus {
    border:3px solid #197ab6;
    transition-duration: .4s;
    background: #197ab6;
}
div.card-add-review-error {
    position: relative;
    display:block;
    height: 5rem;
}
div.card-add-review-error span {
    position: absolute;
    width:auto;
    color: white;
    background: #FF0000;
    border:1px solid #FF0000;
    padding:0.7rem 1.5rem;
    text-align: center;
    border-radius: 5px;
    visibility: visible;
    opacity: 0.6;
    top: 1.2rem;
    left: 5%;
    z-index: 999;
}
div.card-add-review-error span:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -12px;
    width: 0; height: 0;
    border-bottom: 12px solid #FF0000;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}
div.hcard-add-review-error span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 8px solid #FF0000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.card-add-review-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding:1.5rem;
}
.card-add-review-success-ico,
.card-add-review-success-value {
    display: inline-block;
    vertical-align: middle;
}
.card-add-review-success-ico {
    width:4rem;
}
.card-add-review-success-value  {
    width: calc(100% - 4rem);
    padding-left: 1.5rem;
}
.card-add-review-success-ico:before {
    content: '';
    background-image: url('../img/like-big.png');
    background-repeat: no-repeat;
    background-position: left left;
    width:4rem;
    height:4.4rem;
    background-size: 4rem;
    display: inline-block;
    vertical-align: top;
}
.card-reviews {
    margin-top: 1.5rem;
    padding:0;
    list-style: none;
    border-top: 1px solid #ccc;
}
.card-review {
    padding: 1.5rem 0;
    border-bottom: 1px solid #ccc;
}
.card-review-date {
    color: #999;
    font-size: 1.4rem;
}
.card-review-author:first-letter {
    text-transform: uppercase;
    color:#10649b;
}
.card-review-text-block {
    margin:0.7rem 0;
}
.card-review-text-block:first-letter,
.card-description:first-letter {
    text-transform: uppercase;
}
.card-reviews-rayting {
    margin-top:0.7rem;
}
.listing-raiting-otzyvy {
    display:inline-block;
    margin-left:1rem;
}
/*.listing-raiting-otzyvy:before {
	content: '\f0e6';
	margin-right:0.5rem;
	font-family: 'FontAwesome', sans-serif;
}
*/.card-reviews-rayting .starrr {
      font-size:2.4rem;
  }
.card-add-comment-link {
    margin-left:2rem;
}
.card-reviews-rayting .listing-rating-stars div {
    height: 3rem;
}
.card-reviews-end {
    margin:3rem 0 0;
    text-align: center;
}
.card-reviews-end-name {
    font-size: 1.8rem;
    color:#666;
}
.card-reviews-end-name span {
    color:#333;
}
.card-reviews-end-littering {
    margin-top: 0.5rem;
    font-size:3rem;
    color: #10649b;
}
.card-reviews-end-littering:after {
    content: '';
    background-image: url('../img/order.png');
    background-repeat: no-repeat;
    background-position: top center;
    width:100%;
    height:10rem;
    background-size: 10rem;
    display: block;
    margin-top:1rem;
}
.card-marks .panel-group {
    margin-top: 1rem;
    column-count: 3;
}
.card-marks .panel-group .panel {
    width:100%;
    vertical-align: top;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0.7rem;
}
.card-marks .panel-body {
    padding:0;
}
.card-model-link {
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 1.1;
    padding: 0.7rem 1.5rem;
}
.card-model-link:hover,
.card-model-link:focus,
.card-model-link:active {
    text-decoration: none;
    background: #f6f6f6;
}
.card-marks .panel-title a:hover {
    text-decoration: none;
    color: var(--color-h);
}
.card-marks-collapse {
    float:right;
    display: block;
    width:2rem;
    height:2rem;
    text-align: center;
    line-height: 1.8rem;
    border:1px solid #ccc;
    border-radius: 50%;
    background: #fafafa;
    color: var(--color-body);
}
.card-marks-collapse:hover,
.card-marks-collapse:focus,
.card-marks-collapse:active {
    border-color: #aaa;
    background: white;
    text-decoration: none;
    color: var(--color-body);
}
.panel-heading {
    padding: 1rem 1.5rem;
}
.card-parsed-cars {
    margin: 1.5rem -0.5rem 0;
}
.card-parsed-cars-item {
    vertical-align:top;
    display: inline-block;
    width:calc(100%/3);
    padding: 0 0.5rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.card-parsed-cars-item img{
    width:100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card-parsed-cars-item p {
    padding: 1rem 1.5rem;
    color: #333;
    background-color: #f6f6f6;
    border:1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    transition-duration: .4s;
}
.card-parsed-cars-item:hover {
    text-decoration: none;
}
.card-parsed-cars-item:hover p{
    color:var(--color-h);
    background-color: #fff;
    transition-duration: .4s;
}
.card-parsed-cars-w-foto {
    column-count: 3;
}
.card-parsed-cars-w-foto span {
    display: inline-block;
    width:100%;
    margin-top: 0.7rem;
}
.card-photos {
    margin:0.5rem -0.2rem 0;
}
.card-photos a {
    display: inline-block;
    vertical-align: top;
    width: calc(100%/3);
    margin-top: 0.7rem;
    padding:0 0.2rem;
}
.card-photos a img {
    width:100%;
    border: 3px solid transparent;
    transition-duration: .4s;
}
.card-photos a:hover img,
.card-photos a:active img,
.card-photos a:focus img {
    border-color: #80CDFF;
    transition-duration: .4s;
}
.card-tech-info {
    background: white;
    border: 1px solid #ddd;
    padding: 1rem 1.5rem;
    color:#666;
    margin-top:1.5rem;
}
.card-tech-info div {
    margin-bottom:0.5rem;
}
.card-tech-info div:last-child {
    margin-bottom:0;
}
.card-similar {
    margin-top:1.5rem;
}
.card-similar h4 {
    margin-bottom:1rem;
}
.card-similar-item {
    background: white;
    border: 1px solid #ddd;
    margin-bottom:0.5rem;
}
.card-similar-image,
.card-similar-description {
    vertical-align: top;
    display: inline-block;
}
.card-similar-image {
    width:7rem;
}
.card-similar-description {
    width: calc(100% - 7rem);
    padding: 0.5rem 1rem;
}
.card-similar-image img {
    width:100%;
    z-index: 2;
    position: absolute;
}
.card-similar-description .h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.card-similar-image {
    position: relative;
}
.card-similar-image a{
    display: block;
    min-height: 7rem;
    width: 7rem;
    background-color: #eee;
}
.card-similar-image a:before {
    content: '';
    background-image: url(../img/non-image-64.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 5rem;
    position: absolute;
    width: 100%;
    height: 7rem;
    z-index: 1;
}
.card-similar-rating span{
    display: block;
    color: #999;
    line-height: 1;
}
.card-recommended-items {
    margin: 0 -1.5rem;
}
.card-recommended-item {
    padding: 0 1.5rem;
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.card-recommended {
    margin-bottom: 3rem;
}
.card-recommended h2 {
    text-align: center;
    margin-bottom: 2rem;
}
.card-recommended-item-description {
    border: 1px solid #ddd;
    border-top:none;
    background: white;
    padding: 1rem 1.5rem;
}
.card-recommended-item-image {
    border: 1px solid #ddd;
}
.card-recommended-item-image img {
    width:100%;
}
.card-recommended-item-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-recommended-rating {
    margin-bottom: 0.5rem;
}
.card-recommended-raiting-otzyvy,
.card-recommended-raiting-net-otzyvov  {
    color: #999;
}
.card-recommended-raiting-otzyvy:before {
    content: '\f0e6';
    margin-right: 0.5rem;
    font-family: 'FontAwesome', sans-serif;
}
.card-recommended-item-address:before {
    content: '';
    background-image: url(../img/placeholder.png);
    background-repeat: no-repeat;
    background-position: left 0.3rem;
    width: 1.6rem;
    height: 2rem;
    background-size: 1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: top;
    padding-top: 0.2rem;c
}
.card-recommended-item-about {
    margin:1rem -1.5rem -1rem;
    border-top: 1px dashed #bababa;
    color: #878787;
    font-size: 1.4rem;
    font-style: italic;
    padding: 10px 15px;
    background: #fafafa;
}
.card-recommended-item-image {
    position: relative;
    overflow: hidden;
}
.card-recommended-item-image a {
    display: block;
    height: 18.5rem;
    width: 100%;
    background: #eee;
}
.card-recommended-item-image a:before {
    content: '';
    background-image: url(../img/non-image-128.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 18.5rem;
    z-index: 1;
}
.card-recommended-item-image img {
    width: 100%;
    z-index: 2;
    position: absolute;
}
.home-content h2 {
    font-size: 3.6rem;
}
.home-search {
    height: 100vh;
    min-height: 50rem;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    color: #fff;
}
.home-search:after,
.home-search:before {
    content: "";
    display: table;
}
.home-search-wrap,
.home-search-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.home-search-wrap{
    background-image: url(../img/main-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
.home-search-wrap:before {
    content: '';
    background-color: rgba(0,0,0,.6);
}
.home-search-block {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.home-search-vertical-container {
    display: table-cell;
    vertical-align: middle;
}
.home-search-container {
    max-width: 120rem;
    margin: 0 auto;
    text-align:center;
}
.home-search-container h1 {
    font-size: 6.4rem;
}
.home-search-annotation {
    font-size: 2rem;
    margin-top: 1.5rem;
}
.home-search-input {
    margin:3rem auto 0;
    width:90rem;
}
.main-header-search-input {
    margin: 0 auto;
    width:120rem;
}
.home-search-input button,
.main-header-search-input button {
    width:12rem;
    padding:1rem 2rem;
    background: var(--color-header-logo);
    font-size: 1.8rem;
    border-color: var(--color-header-logo);
    border-style:solid;
    outline-color: transparent;
    transition-duration: .4s;
}
.main-header-search-input button {
    width:13.9rem;
}
.main-header-search-input button  {
    background: #FFCD40;
    border-color: #FFCD40;
}
.home-search-input button span:before,
.main-header-search-input button span:before {
    content: '';
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 1.6rem;
    height: 2rem;
    background-size: 1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}
.main-header-search-input button span:before {
    background-image: url(../img/search-dark.png);
}
.home-search-input button:hover,
.main-header-search-input button:hover {
    background: #5ba56b;
    border-color: #5ba56b;
    transition-duration: .4s;
}
.main-header-search-input button:hover {
    background: #FFBD01;
    border-color: #FFBD01;
}
.home-search-input input,
.main-header-search-input input {
    width: calc(100% - 14rem);
    margin-right:2rem;
    padding:1rem 2rem;
    color:var(--color-body);
    font-size: 1.8rem;
}
.main-header-search-input input {
    width: calc(100% - 14rem);
    margin-right:0.1rem;
}
.home-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding:0;
    box-shadow: none;
    color: white;
    z-index: 4;
    background: transparent;
}
.home-header-container {
    margin: 0 auto;
    padding:2.5rem 3.5rem;
}
.home-header-logo,
.home-header-city,
.home-header-auth {
    display: inline-block;
    vertical-align: middle;
}
.home-header-logo {
    width: 35rem;
}
.home-header-auth {
    width: 40rem;
}
.home-header-city {
    width: calc(100% - 75rem);
}
.home-header-logo a{
    display: inline-block;
    width:auto;
    padding: 2rem 2.5rem;
    background: rgba(255, 255, 255, .1);
}
.home-header-city span {
    color: white;
    margin-left: 2rem;
    font-size: 1.8rem;
    transition-duration: .4s;
}
.home-header-city span:before {
    content: '';
    background-image: url(../img/placeholder-header-white.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 2rem;
    height: 2.4rem;
    background-size: 2rem;
    margin-right: 0.7rem;
    display: inline-block;
    vertical-align: middle;
}
.home-header-city span:hover {
    cursor: pointer;
    padding-bottom: 0.3rem;
    border-bottom: 1px dashed white;
    transition-duration: .4s;
}
.home-header-auth {
    text-align: right;
}
.home-header-auth a {
    font-size: 1.8rem;
    color:white;
    display: inline-block;
    padding: 1rem 3rem;
}
.home-header-login,
.home-header-account {
    border: 1px solid white;
    border-radius: 0.4rem;
    transition-duration: .4s;
}
.home-header-login:hover,
.home-header-account:hover,
.home-header-login:active,
.home-header-account:active,
.home-header-login:focus,
.home-header-account:focus {
    background: rgba(255, 255, 255, .1);
    transition-duration: .4s;
    text-decoration: none;
}
.home-header-register {
    transition-duration: .4s;
}
.home-header-register:hover,
.home-header-register:active,
.home-header-register:focus{
    text-decoration: none;
    transition-duration: .4s;
}
.home-header-register span:hover,
.home-header-register span:active,
.home-header-register span:focus {
    padding-bottom: 0.3rem;
    border-bottom: 1px dashed white;
    transition-duration: .4s;
}
.home-select-mark {
    padding: 6rem 0 2rem;
}
.home-select-mark h2 {
    text-align: center;
    margin-bottom: 4rem;
    color: #666;
}
.home-select-mark-categories {
    list-style: none;
    margin: 0 -1rem;
    padding: 0;
}
.home-select-mark-category {
    width:auto;
    display: inline-block;
    vertical-align: top;
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.home-select-mark-category-image img {
    width: 100%;
}
.home-select-mark-category-item {
    display: block;
    border:1px solid #ddd;
    background: white;
    transition-duration: .4s;
}
.home-select-mark-category-image,
.home-select-mark-category-name {
    display: inline-block;
    vertical-align: middle;
}
.home-select-mark-category-image {
    width: 10rem;
    border-right: 1px solid #ddd;
    text-align: center;
    padding: 2rem 2.5rem;
    transition-duration: .4s;
}
.home-select-mark-category-name {
    width: 100%;
}
.home-select-mark-category-name {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    color: #666;
}
.home-select-mark-category-item:hover,
.home-select-mark-category-item:active,
.home-select-mark-category-item:focus {
    background: #f6f6f6;
    transition-duration: .4s;
}
.home-select-mark-category-item:hover .home-select-mark-category-image,
.home-select-mark-category-item:active .home-select-mark-category-image,
.home-select-mark-category-item:focus .home-select-mark-category-image{
    background: #80CDFF;
    transition-duration: .4s;
}
.home-select-mark-brand-image img {
    width:100%;
}
.home-select-mark-brands {
    margin: 0;
    padding: 0;
    list-style: none;
    column-count: 6;
    column-gap: 2rem;
}
.home-select-mark-brand-image,
.home-select-mark-brand-name {
    display: inline-block;
    vertical-align: middle;
}
.home-select-mark-brand-image {
    width:1.6rem;
}
.home-select-mark-brand-name {
    width: calc(100% - 1.6rem);
    padding-left: 0.5rem;
    padding-top: 0.2rem;
    color:#666;
    transition-duration: .4s;
}
.home-select-mark-brand {
    display: inline-block;
    width:100%;
    margin-top: 1rem;
}
.home-select-mark-brand-item:hover .home-select-mark-brand-name{
    color: var(--color-h);
    transition-duration: .4s;
}
.home-about {
    background: white;
    background-image: url(../img/home-about-background.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: auto 100%;
}
.home-about-description {
    width:50%;
    margin-left: 50%;
    padding: 5rem 3rem;
    background: white;
}
.home-about-row {
    margin:0 -1.5rem;
}
.home-about-main-section {
    width: 100%;
    padding:0 1.5rem;
}
.home-about-section {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding:0 1.5rem;
    margin-top: 2rem;
}
.home-about-section h3,
.home-about-main-section h2 {
    color: var(--title-color);
    margin-bottom: 0.7rem;
}
.home-about-section p,
.home-about-main-section p{
    color:#666;
}
.home-about-section:before {
    content: '';
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height:6.4rem;
    background-size: auto 6.4rem;
    margin-bottom: 0.5rem;
}
.home-about-section-relevance:before {
    background-image: url(../img/home-relevance.png);
}
.home-about-section-occupancy:before {
    background-image: url(../img/home-occupancy.png);
}
.home-about-section-attendance:before {
    background-image: url(../img/home-attendance.png);
}
.home-about-section-partner:before {
    background-image: url(../img/home-partner.png);
}
.home-recommend {
    padding: 6rem 0 10rem;
}
.home-recommend h2,
.home-recommend .home-recommend-annotation {
    text-align: center;
    color: #666;
}
.home-recommend-annotation {
    margin-top: 1rem;
}
.home-recommend-items {
    list-style: none;
    padding: 0;
    margin:1rem -1rem 0;
}
.home-recommend-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 1rem;
    margin-top: 2rem;
    width: 25%;
}
.home-recommend-item-block {
    position: relative;
    background: #eee;
    height: 19.5rem;
    overflow: hidden;
}
.home-recommend-item-block:before {
    content: '';
    background-image: url(../img/non-image-128.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12.8rem;
    position: absolute;
    width: 100%;
    height: 19.5rem;
    z-index: 0;
}
.home-recommend-item-block:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: -webkit-linear-gradient(top,transparent 50%,rgba(0,0,0,.9));
    background: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.9));
}
.home-recommend-item-block img {
    width: 100%;
    position: absolute;
    z-index: 1;
}
.home-recommend-item-title-block {
    position: absolute;
    bottom: 0;
    padding: 1.5rem;
    color: white;
    width: 100%;
    transition-duration: .4s;
    z-index: 2;
}
.home-recommend-item-name {
    font-family: 'Play', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-recommend-item:nth-child(1),
.home-recommend-item:nth-child(2) {
    width:50%;
}
.home-recommend-item:nth-child(1) .home-recommend-item-block,
.home-recommend-item:nth-child(2) .home-recommend-item-block{
    height: 40rem;
}
.home-recommend-item:nth-child(1) .home-recommend-item-block:before,
.home-recommend-item:nth-child(2) .home-recommend-item-block:before {
    background-image: url(../img/non-image-256.png);
    background-size: 25.6rem;
    height: 40rem;
}
.home-recommend-item:nth-child(1) .home-recommend-item-name,
.home-recommend-item:nth-child(2) .home-recommend-item-name {
    font-size: 3rem;
}
.home-recommend-item:nth-child(3),
.home-recommend-item:nth-child(4),
.home-recommend-item:nth-child(5) {
    width:calc(100%/3);
}
.home-recommend-item:nth-child(3) .home-recommend-item-block,
.home-recommend-item:nth-child(4) .home-recommend-item-block,
.home-recommend-item:nth-child(5) .home-recommend-item-block{
    height: 26rem;
}
.home-recommend-item:nth-child(3) .home-recommend-item-block:before,
.home-recommend-item:nth-child(4) .home-recommend-item-block:before,
.home-recommend-item:nth-child(5) .home-recommend-item-block:before {
    background-image: url(../img/non-image-256.png);
    background-size: 20rem;
    height: 26rem;
}
.home-recommend-item:nth-child(3) .home-recommend-item-name,
.home-recommend-item:nth-child(4) .home-recommend-item-name,
.home-recommend-item:nth-child(5) .home-recommend-item-name {
    font-size: 2.4rem;
}
.home-news {
    padding:6rem 0;
}
.home-news h2 {
    text-align: center;
    color: #666;
}
.home-news-items {
    list-style: none;
    padding: 0;
    margin: 3rem -1rem 0;
}
.home-news-item {
    vertical-align: top;
    display: inline-block;
    width: 25%;
    padding: 0 1rem;
}
.home-news-item-block {
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.home-news-item-image img {
    width:100%;
}
.home-news-item-name {
    display: block;
    height:8rem;
    overflow: hidden;
    color: #616161;
}
.home-news-item-name:hover {
    color: var(--color-h);
    text-decoration: none;
}
.home-news-item-name h4 {
    padding: 1rem 1.5rem;
}
.home-news-item-annotation {
    padding: 0.5rem 1.5rem;
    height:13rem;
    overflow: hidden;
    color: #9b9b9b;
}
.main-header {
    padding: 0;
    background: white;
    box-shadow: none;
    color: inherit;
}
.main-header-container {
    padding: 2rem 0;
}
.main-header-logo,
.main-header-city,
.main-header-buttons {
    display: inline-block;
    vertical-align: middle;
}
.main-header-logo {
    width:25rem;
}
.main-header-buttons {
    width: 30rem;
    text-align: right;
}
.main-header-city {
    width:calc(100% - 55rem);
}
.main-header-buttons a {
    color: #999;
    margin-left: 1.5rem;
}
.main-header-buttons a:hover {
    color: var(--color-body);
}
.main-header-buttons a:before,
.main-header-city-block:before,
.main-header-city-block:after {
    content: '';
    background-repeat: no-repeat;
    background-position: left center;
    width:2.4rem;
    height:2.4rem;
    background-size:2.4rem;
    margin-right: 1rem;
    display: inline-block;
    vertical-align: middle;
}
.main-header-login {
    margin-top: 0.1rem;
}
.main-header-login span{
    display: inline-block;
    vertical-align: middle;
}
.main-header-login:before {
    background-image: url('../img/login-square-arrow-button-outline.png');
}
.main-header-register:before {
    background-image: url('../img/add-new-user.png');
}
.main-header-add-demolition:before {
    background-image: url('../img/shop.png');
}
.main-header-search-parts:before {
    background-image: url('../img/research.png');
}
.main-header-city {
    padding-left: 5rem;
    color: #999;
}
.main-header-city-block {
    display: inline-block;
}
.main-header-city-block span {
    display: inline-block;
    vertical-align: middle;
    transition-duration: .4s;
}
.main-header-city-block span:hover{
    color: var(--color-body);
    cursor: pointer;
    border-bottom: 1px dashed #999;
    transition-duration: .4s;
}
.main-header-city-block:before {
    background-image: url('../img/placeholder-header.png');
    width:2rem;
    height:2rem;
    background-size:2rem;
    margin-right: 0.7rem;
}
.main-header-city-block:after {
    background-image: url('../img/arrow-down-sign-to-navigate.png');
    width:1rem;
    height:1rem;
    background-size:1rem;
    margin-right: 0rem;
    margin-left: 0.7rem;
    margin-top: 0.3rem;
}
.main-header-search-block {
    position: relative;
}
.main-header-search {
    background: url(../img/background-main.jpg);*/

z-index: 0;
}
.main-header-search:before {
    height: 100%;
    width: 100%;
    content: '';
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#0a67a3));
    background: linear-gradient(to top, transparent, #0a67a3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.main-header-search-container {
    position: relative;
    padding:3rem 0;
    z-index: 9;
}
.main-header-menu {
    list-style: none;
    padding: 0;
    margin:0;
}
.main-header-menu li {
    display: inline-block;
    vertical-align: middle;
    padding: 1rem 3rem;
}
.main-header-menu li:hover{
    background: #f0f0f0;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
}
.main-header-menu li a {
    font-size: 1.8rem;
    color: var(--color-body);
}
.main-header-menu li a:hover,
.main-header-menu li a:active,
.main-header-menu li a:focus  {
    text-decoration: none;
}
.main-header-menu li.active {
    background: #0a67a3;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
}
.main-header-menu li.active a {
    color: white;
}
#hamburger, .mm-menu.mm-widescreen, .mobile-header-search {
    display: none;
}
.info-header {
    background: #0a67a3;
}
.info-header-container {
    margin: 0 auto;
    padding:0 3.5rem;
}
.info-header-logo,
.info-header-city,
.info-header-auth,
.info-header-search {
    display: inline-block;
    vertical-align: middle;
}
.info-header-logo {
    width: 28rem;
}
.info-header-auth {
    width: 30rem;
}
.info-header-search {
    width: 62rem;
}
.info-header-city {
    width: calc(100% - 120rem);
}
.info-header-logo a{
    display: inline-block;
    width:auto;
    padding: 2rem 1.5rem 2rem 0;
}
.info-search-input {
    position: relative;
}
.info-search-input input {
    width:100%;
    border: none;
    font-size: 1.8rem;
    border: 1px solid white;
    border-radius: 0.4rem;
    transition-duration: .4s;
    padding: 1rem 11rem 1rem 2rem;
}
.info-search-input button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.8rem;
    color: white;
    padding: 1.1rem 2rem;
    border: none;
    border-radius: 0.4rem;
    background: red;
    opacity: 0;
    transition: .4s;
}
.info-search-input input:focus ~ button,
.info-search-input button:active,
.info-search-input button:focus {
    opacity: 1;
    transition: .4s;
}
.info-header-city span {
    color: white;
    margin-left: 2rem;
    font-size: 1.8rem;
    transition-duration: .4s;
}
.info-header-city span:before {
    content: '';
    background-image: url(../img/placeholder-header-white.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 2rem;
    height: 2.4rem;
    background-size: 2rem;
    margin-right: 0.7rem;
    display: inline-block;
    vertical-align: middle;
}
.info-header-city span:hover {
    cursor: pointer;
    padding-bottom: 0.3rem;
    border-bottom: 1px dashed white;
    transition-duration: .4s;
}
.info-header-auth {
    text-align: right;
}
.info-header-auth a {
    font-size: 1.8rem;
    color:white;
    display: inline-block;
    padding: 1rem 3rem;
}
.info-header-login,
.info-header-account {
    border: 1px solid white;
    border-radius: 0.4rem;
    transition-duration: .4s;
}
.info-header-login:hover,
.info-header-account:hover,
.info-header-login:active,
.info-header-account:active,
.info-header-login:focus,
.info-header-account:focus {
    background: rgba(255, 255, 255, .1);
    transition-duration: .4s;
    text-decoration: none;
}
.info-header-register {
    transition-duration: .4s;
}
.info-header-register:hover,
.info-header-register:active,
.info-header-register:focus{
    text-decoration: none;
    transition-duration: .4s;
}
.info-header-register span:hover,
.info-header-register span:active,
.info-header-register span:focus {
    padding-bottom: 0.3rem;
    border-bottom: 1px dashed white;
    transition-duration: .4s;
}
.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px 0;
}
.info-body .content .content-container {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    margin: 3rem auto 6rem;
    font-size: 2rem;
}
.info-body .content .content-container h1 {
    font-size: 5rem;
    text-align: center;
    padding: 4rem 0;
}
.info-body .content .content-container h2{
    font-size: 4rem;
    text-align: center;
    margin: 5rem 0 3rem;
}
.info-body .content .content-container h3{
    font-size: 3.6rem;
    text-align: center;
    margin: 5rem 0 3rem;
}
.info-body .content .content-container h4{
    font-size: 3rem;
    text-align: center;
    margin: 5rem 0 3rem;
}
.order-form .input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 1em;
    width: 100%;
    vertical-align: top;
}

.order-form .input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    line-height:1.4;
    -webkit-appearance: none;
}

.order-form .input__field:focus {
    outline: none;
}

.order-form .input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #999;
    font-size: 1.6rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.order-form .input__label-content {
    position: relative;
    display: block;
    padding: 1.6rem 0;
    width: 100%;
    font-weight: normal;
}
.order-form .input--haruki {
    margin: 4rem 0 2rem;
}

.order-form .input__field--haruki {
    padding: 0.4em 1rem;
    width: 100%;
    background: transparent;
    color: var(--color-body);
    font-size: 2.4rem;
}
.order-form .input--haruki .remark {
    font-size: 1.4rem;
    color: #999;
    margin-top: 6rem;
    display: block;
}
.order-form .input__label--haruki {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
}

.order-form .input__label-content--haruki {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.order-form .input__label--haruki::before,
.order-form .input__label--haruki::after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 4px;
    background: #ccc;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.order-form .input__label--haruki::before,
.select .input__label--haruki::before {
    top: 0;
}

.order-form .input__label--haruki::after,
.select .input__label--haruki::after  {
    bottom: 0;
}

.order-form .input__field--haruki:focus +  .input__label--haruki .input__label-content--haruki,
.order-form .input--filled .input__label-content--haruki,
.select .input__label-content--haruki,
.textarea .input__label-content--haruki {
    -webkit-transform: translate3d(0, -90%, 0);
    transform: translate3d(0, -90%, 0);
}

.order-form .input__field--haruki:focus + .input__field--haruki,
.order-form .input--filled .input__field--haruki,
.select .input__field--haruki,
.textarea .input__field--haruki {
    background: var(--color-body-background);
}


.order-form .input__field--haruki:focus + .input__label--haruki::before,
.order-form .input--filled .input__label--haruki::before,
.select .input__label--haruki::before,
.textarea .input__label--haruki::before {
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5rem, 0);
    background: #0a67a3;
}


.order-form .input__field--haruki:focus + .input__label--haruki::after,
.order-form .input--filled .input__label--haruki::after,
.select .input__label--haruki::after,
.textarea .input__label--haruki::after {
    -webkit-transform: translate3d(0, 0.5em, 0);
    transform: translate3d(0, 0.5rem, 0);
    background: #0a67a3;
}
.textarea textarea {
    resize: none;
}
.order-form {
    margin:0 -2rem;
}
.order-form-column-50,
.order-form-column-100 {
    display: inline-block;
    padding: 0 2rem;
    vertical-align: top;
}
.order-form-column-50 {
    width:50%;
}
.order-form-column-100 {
    width:100%;
}
.main-header-lite {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.order-form-line {
    text-align: center;
}
.g-captcha, .order-form-submit {
    display: inline-block;
    vertical-align: top;
}
.order-form-submit button {
    line-height:74px;
    border: none;
    padding: 0 70px;
    margin-left: 4rem;
    background: #0a67a3;
    color: white;
    border-radius: 5px;
    transition:.4s;
}
.order-form-submit button:hover,
.order-form-submit button:active,
.order-form-submit button:focus {
    background: #1E82C2;
    transition:.4s;
}
.order-form-error {
    display: inline-block;
    background: #FFD3D3;
    padding: 2rem 1.5rem;
    border-top:4px solid red;
    border-bottom: 4px solid red;
}
.order-form-error span {
    display: inline-block;
    vertical-align: middle;
}
.order-form-error:before {
    content: '';
    background-image: url(../img/warning.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 3.2rem;
    height: 3.2rem;
    background-size: 3.2rem;
    margin-right: 1rem;
    display: inline-block;
    vertical-align: middle;
}
.order-form-success {
    display: inline-block;
    background: #C7F9C7;
    padding: 2rem 1.5rem;
    border-top:4px solid green;
    border-bottom: 4px solid green;
}
.order-form-success span {
    display: inline-block;
    vertical-align: middle;
}
.order-form {
    border-bottom: 4px solid #ccc;
    padding-bottom: 2rem;
}
.exclamation {
    border-top: 4px solid #0a67a3;
    border-bottom: 2px solid #e6e6e6;
    border-left: 0;
    padding: 3rem 0;
    padding-left: 7rem;
    margin: 2.5rem 0;
    color: #333;
    font-weight: 400;
}
.exclamation:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    font-size: 4.8rem;
    float: left;
    margin-left: -7rem;
    margin-top: 0.5rem;
    color: #ee886b;
}
.list-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-post {
    display: block;
    margin-bottom: 5rem;
}
.list-post-image,
.list-post-description {
    vertical-align: top;
    display: inline-block;
}
.list-post-image {
    width:28rem;
}
.list-post-description {
    width: calc(100% - 28rem);
    padding-left: 3rem
}
.list-post-image img {
    width:100%;
}
.info-body .content .content-container .list-post-title h3{
    margin: 0;
    padding: 0;
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 1.5rem;
}
.list-post-date {
    display: block;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    color: #999;
}
.list-post-annotation {
    color: #444;
}
.page-404 {
    padding: 6rem 0;
    text-align: center;
}
.page-404-image, .page-404-text {
    display: inline-block;
    vertical-align: top;
}
.page-404-image {
    width: 30rem;
}
.page-404-text {
    padding-left: 5rem;
}
.page-404-image img {
    width: 100%;
}
.page-404-text span{
    display: block;
    text-align: center;
    font-size: 21rem;
    line-height: 21rem;
    font-family: 'Play', sans-serif;
    color: #0A67A3;
}
.page-404-text h1 {
    padding: 2rem 0!important;
}
.login-page {
    text-align: center;
}
.form-horizontal {
    width:100%;
    max-width: 50rem;
    margin: 0 auto;
    text-align: left;
}
.form-control {
    height: 5rem;
    padding: 0.6rem 1.2rem;
    font-size: 2rem;
    margin-top: 0.5rem;
}
.form-horizontal .control-label {
    padding-left: 2.5rem;
}
.form-horizontal input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    margin: 0 0.5rem 0 0;
}
.form-horizontal .form-group label span {
    vertical-align: middle;
}
.form-horizontal .btn-auth,
.form-horizontal .btn-register {
    padding: 1rem 2.5rem;
    font-size: 2rem;
    background: #0A67A3;
    color: white;
    transition:.4s;
}
.form-horizontal .btn-auth:hover,
.form-horizontal .btn-auth:active,
.form-horizontal .btn-auth:focus,
.form-horizontal .btn-register:hover,
.form-horizontal .btn-register:active,
.form-horizontal .btn-register:focus {
    background: #2988C6;
    transition:.4s;
}
.btn-auth, .reset-password-link {
    display: inline-block;
}
.btn-auth {
    width:10rem;
}
.reset-password-link {
    width:calc(100% - 10rem);
    text-align: right;
    padding-left: 3rem;
}
.login-page .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
.control-label.control-label-one {
    padding-left: 0;
}
.endlist-baner {
    text-align: center;
    padding: 2rem;
}
.endlist-baner-title {
    font-size: 2rem;
    color: var(--color-h);
}
.gmap {
    overflow: hidden;
    position: relative;
}
.gmap a.list-map-expand {
    text-align: center;
    font-size: 2rem;
    position: absolute;
    top:1rem;
    right:1rem;
    width:3rem;
    height: 3rem;
    background-color: white;
    color:#999;
}
.gmap a:hover {
    cursor: pointer;
    color: var(--color-body)
}
.gmap img {
    width:100%;
    margin-top:-20px;
}
h2.list-map-title {
    left: 0;
    font-size: 1.8rem;
    display: inline-block;
    position: absolute;
    bottom: 0;
    padding: 1rem 1.5rem;
    background: white;
}
.modal.google_map_modal.in {
    background: rgba(0, 0, 0, 0.7);
}
#google_map_modal_content_list_map_static {
    left:0!important;
}
.listing-section-right-ad,
.card-section-right {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 2rem;
}
.listing-section-right-ad {
    margin-top: 2rem;
}
.ad-listing {
    padding: 2rem;
    border-bottom: 3px solid var(--color-body-background);
}
.ad-listing-last {
    padding: 1rem;
}
.ad-right-motion {
    margin-bottom: 2rem;
    width:100%;
}

.main-header-default {
    background: var(--main-header);
    color: white;
}
.main-header-default-container {
    padding: 0;
}
.main-header-default-logo,
.main-header-default-city,
.main-header-default-nav,
.main-header-default-add-company,
.main-header-default-login,
.main-header-default-search {
    display: inline-block;
    vertical-align: middle;
    transition-duration: .4s;
}
.main-header-default-logo {
    padding-right: 1.5rem;
}
.main-header-default-logo a {
    color:white;
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-family: 'Play', sans-serif;
    font-weight: bold;
}
.main-header-default-city {
    padding: .7rem 1.5rem .4rem;
}
.main-header-default-city .main-header-city-block:hover {
    cursor: pointer;
    background: #78c789;
    transition-duration: .4s;
}
.main-header-default-city .main-header-city-block:before {
    background-image: url(../img/placeholder-header-white.png);
    content: '';
    background-repeat: no-repeat;
    background-position: left 0;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: middle;
}
.main-header-default-city:hover .main-header-city-block span {
    color: white;
    border-bottom: none;
    transition-duration: .4s;
}
.main-header-default-city .main-header-city-block:after {
    content:none;
}
.main-header-default-city .main-header-city-block span {
    vertical-align: baseline;
}
.main-header-default-city .main-header-city-block {
    border: 1px solid #78c789;
    padding: 0.3rem 1.5rem 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--color-header-logo);
    transition-duration: .4s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
}
nav.main-header-default-nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
}
.main-header-default-nav {
    max-width: calc(100% - 36rem);
}
.main-header-default-nav ul li {
    display:inline-block;
}
.main-header-default-nav a {
    display:block;
    padding:1.3rem 1.5rem;
    text-decoration:none;
    color: white;
    transition-duration: 0s;
    font-weight: bold;
}
.main-header-default-nav a:hover,
.main-header-default-nav a:active,
.main-header-default-nav a:focus
.main-header-default-nav li:hover a,
.main-header-default-nav li:active a,
.main-header-default-nav li:focus a {
    background: white;
    color: #2d3439!important;
    transition-duration: 0s;
}
.main-header-default-nav ul ul {
    min-width:19rem;
    display: none;
    position: absolute;
    top: 100%;
    background: white;
    z-index: 9999;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.25);
}
.main-header-default-nav li:hover a {
    background: white;
    color: #0a67a3;
}
.main-header-default-nav ul li:hover > ul {
    display:inherit;
}
.main-header-default-nav ul ul li {
    float:none;
    display:list-item;
    position: relative;
}
.main-header-default-nav ul ul li a {
    color: var(--color-body)!important;
    padding:0.7rem 1.5rem;
    font-weight: normal;
}
.main-header-default-nav ul ul li a:hover {
    color: #0a67a3!important;
}
.main-header-default-nav ul ul ul {
    position: absolute;
    top:0;
    left:100%;
}
.main-header-default-add-company-block a {
    color: #2d3439;
    text-decoration: none;
    padding: 1.4rem 1.5rem;
    background: var(--color-add-company-button);
}
.main-header-default-add-company-block a:before {
    content: '+';
    display: inline-block;
    padding: 0 0.4rem;
    font-size: 1.8rem;
    line-height: 1.8rem;
    border: 2px solid white;
    margin-right: 0.5rem;
    font-weight: bold;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
}
.main-header-default-add-company-block a:hover {
    background: white;
    color: #2d3439;
}
.main-header-default-add-company-block a:hover:before{
    border-color: var(--color-header-logo);
    transition-duration: .4s;
}
.main-header-default-login-block a{
    padding: 1.4rem 2rem;
    color: white;
    text-decoration:none;
    margin-right: -2rem;
}
.main-header-default-login-block a:before {
    content: '';
    background-repeat: no-repeat;
    background-position: left 0;
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/login-square-arrow-button-outline-white.png);
}
.main-header-default-login-block a:hover {
    background: var(--color-header-logo);
}
.main-header-default-left {
    text-align: left;
    display: inline-block;
    width:75%;
}
.main-header-default-right {
    text-align: right;
    display: inline-block;
    width:25%;
}
.main-header-default-search {
    position: relative;
}
.main-header-default-search-block form {
    height: 4.8rem;
}
.main-header-default-search-block input {
    width: 0;
    padding: 1.3rem 4.2rem 1.3rem 1.5rem;
    border: none;
    outline: none;
    background: transparent;
    transition: .4s cubic-bezier(0, 0.8, 0, 1);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9992;
}
.main-header-default-search-block input:focus {
    width: 40rem;
    z-index: 9991;
    background-color: white;
    color:var(--color-body);
    -webkit-box-shadow: -10px 0px 0px 0px var(--main-header);
    -moz-box-shadow: -10px 0px 0px 0px var(--main-header);
    box-shadow: -10px 0px 0px 0px var(--main-header);
}
.main-header-default-search-block button {
    background: #2d3439;
    border: none;
    height: 4.8rem;
    width: 4.8rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 0;
}
.main-header-default-search-block input:focus button:before {
    color: red;
    z-index: 9993;
}
/*.main-header-default-search-block button:before {
	content: "\f688";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #fff;
	cursor: pointer;
	z-index: 9993;
}
*/
.nav-list-filtr {
    display: inline-block;
    vertical-align: top;
}
.nav-list-filtr>li>a {
    padding: .2rem 0 .2rem 2.5rem;
    font-size: 1.4rem;
    color: #999;
}
.nav-list-filtr>li>a:hover {
    color: var(--color-h);
}
.nav-list-filtr .dropdown-menu {
    right: 0;
    left: inherit;
}
.nav-list-filtr .open>a,
.nav-list-filtr .open>a:focus,
.nav-list-filtr .open>a:hover {
    background:none;
    border:none;
    color: var(--color-h);
}
.nav-list-filtr .dropdown-menu>li>a {
    padding: 0.5rem 2rem;
}
.card-container .bread-crumbs ul {
    margin: 1rem 0 1.5rem;
}
.card-header {
    background: white;
}
.card-name {
    padding: 1.5rem 2rem 0;
}
.sto-name {
    padding: 1.5rem 2rem;
}
.card-reviews-rayting {
    margin: 0;
    padding: 0.5rem 2rem 1.5rem;
}
.card-reviews-rayting .starrr {
    font-size: 2rem;
}
.ui-progress-bar,
.ui-progress-bar .ui-progress {
    height: 1rem;
}
.card-menu {
    border-bottom:1px solid var(--color-body-background);
}
.card-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.card-menu ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 1.2rem 1.5rem;
}
.card-menu ul li a {
    font-size: 1.8rem;
}
.card-description {
    padding: 1.2rem 2rem 0;
    margin: 0;
}
.card-info-left,
.card-info-right {
    display: inline-block;
    vertical-align: top;
}
.card-info-left {
    width:50%;
    border-right: 1px solid #eaebf2;
    margin-right: -1px;
}
.card-info-right {
    width:50%;
    border-left: 1px solid #eaebf2;
}
.sto-info-left,
.sto-info-right {
    border-top: 1px solid #eaebf2;
}
.card-phone{
    margin: 0;
    border: none;
    border-bottom: 1px solid var(--color-body-background);
    background: none;
    text-align: left;
}
.card-phone-show {
    background: none;
    color:var(--color-body);
    height: auto;
    padding: 1.5rem 2rem;
    font-size: 2rem;
}
.card-phone span:first-child:before {
    content: '';
    background-image: url(../img/phone-b.png);
    background-repeat: no-repeat;
    background-position: left 0.4rem;
    width: 2rem;
    height: 2.6rem;
    background-size: 2rem;
    margin-right: 0.7rem;
    display: inline-block;
    vertical-align: top;
    padding-top: 0.2rem;
}
.card-phone b {
    padding: 1.5rem 2rem 0;
}
.card-phone small {
    padding-left: 5rem;
    padding-bottom: 1.5rem;
    display: block;
    color: #999;
    font-size: 1.6rem;
}
.card-phone-litter {
    font-size: inherit;
    font-weight: normal;
    color: #999;
}
.card-phone a span {
    display: inline-block;
}
.card-info-feature {
    padding: 1.2rem 2rem 0;
}
.card-map {
    padding: 1.2rem 0 0 0;
}
.js-map-canvas-demolition,
.js-map-canvas-sto {
    height: 19rem;
    border: none;
}
.card-info-photo,
.card-info-map {
    display: inline-block;
    vertical-align: top;
}
.card-info-photo {
    width: 25rem;
}
.card-info-map {
    width: calc(100% - 25rem);
}
.card-info-photo img {
    width: 100%;
}
.card-info-photo-littering {
    color: white;
    position: absolute;
    top:0;
    left:0;
    width:10rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 3rem;
    transition-duration: .4s;
}
.card-info-photo-bg {
    position: absolute;
    background: black;
    opacity: 0.5;
    filter: alpha(Opacity=50);
    width: 10rem;
    height: 3rem;
    top:0;
    left:0;
    transition-duration: .4s;
}
.card-info-photo a:hover .card-info-photo-bg{
    opacity: 0.6;
    filter: alpha(Opacity=60);
    transition-duration: .4s;
}
.card-features {
    margin-top: 0;
    color: var(--color-body);
}
.card-info-photo-and-map {
    max-height: 19rem;
    overflow: hidden;
    border-bottom: 2px solid var(--color-body-background);
    vertical-align: top;
    position: relative;
}
.sto-info-photo-and-map {
    border-bottom: none;
}
.card-info-feature-all-contact {
    padding: 1.2rem 2rem;
}
.card-social-links {
    margin-top: 0;
    padding: 1.2rem 2rem 0;
}
.card-info-buttons {
    padding:1.2rem 2rem;
}
.card-question,
.card-owner {
    display: inline-block;
    vertical-align: middle;
}
.card-question {
    margin-right: 2rem;
}
.card-tech-info {
    background: none;
    border: none;
    padding: 1.2rem 2rem;
    margin: 0;
    font-size: 1.4rem;
}
.card-block {
    margin-top: 2rem;
    background: white;
}
.card-block h2 {
    padding: 1.2rem 2rem 0;
    font-size: 2.4rem;
}
.card-block .card-review {
    padding: 1.2rem 2rem;
    border-bottom:1px solid var(--color-body-background);
}
.card-block .card-reviews {
    border-top:2px solid var(--color-body-background);
    margin-bottom: 0;
}
.card-block .card-reviews-rayting {
    padding: 0.5rem 2rem 0;
}
.card-block .card-review-date {
    text-transform: lowercase;
    display: inline-block;
    margin-left: 0.5rem;
}
.card-block .card-review-rayting-line {
    margin-top: 0.2rem;
}
.card-review-avatar,
.card-review-title {
    vertical-align: top;
    display: inline-block;
}
.card-review-avatar {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    margin-right: 1rem;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.non-avatar {
    text-transform: uppercase;
    color: white;
    background: #1094d9;
    font-size: 2.4rem;
    font-family: 'Play', sans-serif;
    font-weight: 400;
}
.card-review-avatar img {
    width: 100%;
}
.card-review-text-block {
    margin-left: 6rem;
}
.card-block .card-add-review {
    margin: 0;
}
.card-block .card-add-review-value {
    width: 100%;
}
.card-block .card-add-review form {
    padding: 0.7rem 2rem;
    overflow: hidden;
}
.card-block .card-add-review-title {
    padding: 1.2rem 2rem;
    line-height: inherit;
}
.item-half-name,
.item-half-rating {
    display: inline-block;
    vertical-align: top;
}
.item-half-name {
    width:27rem;
    padding-right: 2rem;
}
.item-half-rating {
    width:calc(100% - 27rem);
}
.card-block .card-add-review-rayting {
    font-size: 3.8rem;
    line-height: 3.8rem;
}
.card-block h2.non-reviews {
    padding: 1.2rem 2rem;
}
.card-dop-contact-item{
    padding: 1.2rem 0 0;
}
.dop-uslugi span:after {
    content: ',';
}
.dop-uslugi span:last-child:after {
    content: '';
}
.card-dop-contact {
    padding: 1.2rem 2rem;
}
.card-dop-contact-left,
.card-dop-contact-right {
    vertical-align: top;
    display: inline-block;
}
.card-dop-contact-left {
    width: 40rem;
}
.card-dop-contact-left-gray{
    background: #f6f6f6;
    padding: 0 1.5rem 1.2rem;
}
.card-rekvizity {
    padding: 1.2rem 1.5rem 0;
}
.card-rekvizity ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.card-dop-contact-right {
    width: calc(100% - 40rem);
    padding-left: 2rem;
}
.socseti a i {
    margin-right: 0.5rem;
    display: none;
}
.socseti a {
    margin-right: 0.5rem;
    display: inline-block;
}
.socseti a:after {
    content: ',';
}
.socseti a:last-child:after {
    content: '';
}
.card-rekvizity {
    background: white;
}
.card_photos {
    padding: 0.2rem 2rem 1.2rem;
    margin:0 -0.5rem;
}
.card_photos a{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 1rem 0.5rem 0;
}
.card_photos a span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
}
.card_photos a img {
    width: 100%;
}
.card-marks .panel-group {
    margin:0;
    padding:1.2rem 2rem;
    column-count: 4;
}
.card-parsed-cars {
    margin: 1.2rem 1.5rem 0;
    padding-bottom: 0.5rem;
}
.card-parsed-cars-item {
    width: 25%;
}
.card-parsed-cars-w-foto {
    column-count: 4;
    padding: 1.2rem 2rem;
}
.sto-metros:after {
    content: ',';
}
.sto-metros:last-child:after {
    content: '';
}
.sto-marks {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 4;
    padding: 1.2rem 2rem;
}
.sto-marks li {
    line-height: 3rem;
}
.sto-marks img {
    margin-right: 0.7rem;
}
.sto-marks img,
.sto-marks span {
    display: inline-block;
    vertical-align: middle;
}
.sto-services .panel-body a{
    display: block;
    padding-bottom: 0.8rem;
    line-height: 1.2;
}
.sto-services .panel-group{
    column-count: 3;
}
.sto-additional span {
    display: inline-block;
    margin-right: 0.5rem;
}
.sto-additional span:after{
    content: ',';
}
.sto-additional span:last-child:after {
    content: '';
}
.panel-title {
    font-size: 1.6rem;
}
body.info-body .main-header-green-nav ul {
    margin-bottom: 0;
}
.companies-run-out-ico {
    text-align:center;
    color:#e9e9e9;
    font-size:10rem;
    line-height:12rem;
}
.companies-run-out-text {
    text-align:center;
}
.fa-vk {
    color:#4a76a8;
}
.fa-odnoklassniki {
    color:#ee8208;
}
.fa-facebook-f {
    color:#4267b2;
}
.fa-skype {
    color:#00a7ea;
}
.fa-whatsapp {
    color:#1ebea5;
}
.fa-instagram {
    color:#262626;
}
.fa-twitter {
    color:#1da1f2;
}
.fa-youtube {
    color:#ff0000;
}
.fa-viber {
    color:#675da9;
}
.fa-google-plus-g {
    color:#dd4d42;
}
.card-socset:after {
    content:',';
}
.card-socset:last-child:after {
    content:none;
}
.card-dop-contact-district,
.card-dop-contact-metro {
    font-size:.9em;
    color:#666;
}
.card-dop-contact-metro {
    display:block;
    vertical-align:top;
    margin-top:.5rem;
}
.card-dop-contact-metro-name {
    display:block;
}
.home-select-category {
    margin-top:3rem;
}
.home-select-category-title {
    margin-bottom:1rem;
}
.home-select-category:first-child {
    margin-top:0;
}
.listing-text {
    margin: 2rem 0;
    padding: 2rem 3rem;
    background: white;
}
.listing-text h2,
.listing-text h3 {
    margin: 2.5rem 0 2rem;
}
.listing-text p {
    line-height: 1.5;
    margin-bottom: 2.5rem;
}
.listing-text ul,
.listing-text ol {
    margin-bottom: 2rem;
    padding-left: 1.5rem;
    margin-left: 2rem;
}
.listing-text li {
    margin: 0 0 .5rem 0;
}
.listing-text .first-title {
    margin-top:0;
}
.listing_photos {
    margin:0 -3rem;
    width:calc(100% + 6rem);
}
.listing_photos img {
    width:100%;
}
.listing-text figure {
    margin-bottom: 2rem;
}
.listing-text figcaption, .listing-text .figcaption{
    color: #555d66;
    font-size: .9em;
    text-align: center;
    margin-top: 1rem;
}
.margin-top-0 {
    margin-top:0!important;
}
.margin-top-5 {
    margin-top:0.5rem!important;
}
.margin-top-10 {
    margin-top:1rem!important;
}
.margin-top-15 {
    margin-top:1.5rem!important;
}
.margin-top-20 {
    margin-top:2rem!important;
}
.margin-top-25 {
    margin-top:2.5rem!important;
}
.margin-top-30 {
    margin-top:3rem!important;
}
.margin-top-35 {
    margin-top:3.5rem!important;
}
.margin-top-40 {
    margin-top:4rem!important;
}
.margin-top-45 {
    margin-top:4.5rem!important;
}
.margin-top-50 {
    margin-top:5rem!important;
}
.margin-top-60 {
    margin-top:6rem!important;
}
.margin-top-70 {
    margin-top:7rem!important;
}
.margin-top-80 {
    margin-top:8rem!important;
}
.margin-top-90 {
    margin-top:9rem!important;
}
.margin-top-100 {
    margin-top:10rem!important;
}
.margin-right-0 {
    margin-right:0!important;
}
.margin-right-5 {
    margin-right:0.5rem!important;
}
.margin-right-10 {
    margin-right:1rem!important;
}
.margin-right-15 {
    margin-right:1.5rem!important;
}
.margin-right-20 {
    margin-right:2rem!important;
}
.margin-right-25 {
    margin-right:2.5rem!important;
}
.margin-right-30 {
    margin-right:3rem!important;
}
.margin-right-35 {
    margin-right:3.5rem!important;
}
.margin-right-40 {
    margin-right:4rem!important;
}
.margin-right-45 {
    margin-right:4.5rem!important;
}
.margin-right-50 {
    margin-right:5rem!important;
}
.margin-right-60 {
    margin-right:6rem!important;
}
.margin-right-70 {
    margin-right:7rem!important;
}
.margin-right-80 {
    margin-right:8rem!important;
}
.margin-right-90 {
    margin-right:9rem!important;
}
.margin-right-100 {
    margin-right:10rem!important;
}
.margin-bottom-0 {
    margin-bottom:0!important;
}
.margin-bottom-5 {
    margin-bottom:0.5rem!important;
}
.margin-bottom-10 {
    margin-bottom:1rem!important;
}
.margin-bottom-15 {
    margin-bottom:1.5rem!important;
}
.margin-bottom-20 {
    margin-bottom:2rem!important;
}
.margin-bottom-25 {
    margin-bottom:2.5rem!important;
}
.margin-bottom-30 {
    margin-bottom:3rem!important;
}
.margin-bottom-35 {
    margin-bottom:3.5rem!important;
}
.margin-bottom-40 {
    margin-bottom:4rem!important;
}
.margin-bottom-45 {
    margin-bottom:4.5rem!important;
}
.margin-bottom-50 {
    margin-bottom:5rem!important;
}
.margin-bottom-60 {
    margin-bottom:6rem!important;
}
.margin-bottom-70 {
    margin-bottom:7rem!important;
}
.margin-bottom-80 {
    margin-bottom:8rem!important;
}
.margin-bottom-90 {
    margin-bottom:9rem!important;
}
.margin-bottom-100 {
    margin-bottom:10rem!important;
}
.margin-left-0 {
    margin-left:0!important;
}
.margin-left-5 {
    margin-left:0.5rem!important;
}
.margin-left-10 {
    margin-left:1rem!important;
}
.margin-left-15 {
    margin-left:1.5rem!important;
}
.margin-left-20 {
    margin-left:2rem!important;
}
.margin-left-25 {
    margin-left:2.5rem!important;
}
.margin-left-30 {
    margin-left:3rem!important;
}
.margin-left-35 {
    margin-left:3.5rem!important;
}
.margin-left-40 {
    margin-left:4rem!important;
}
.margin-left-45 {
    margin-left:4.5rem!important;
}
.margin-left-50 {
    margin-left:5rem!important;
}
.margin-left-60 {
    margin-left:6rem!important;
}
.margin-left-70 {
    margin-left:7rem!important;
}
.margin-left-80 {
    margin-left:8rem!important;
}
.margin-left-90 {
    margin-left:9rem!important;
}
.margin-left-100 {
    margin-left:10rem!important;
}
.text-align-left {
    text-align: left!important;
}
.text-align-center {
    text-align:center!important;
}
.text-align-right {
    text-align:right!important;
}
.display-none {
    display:none!important;
}
.clear-both {
    clear:both;
}
.vw {
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0;
    margin-bottom:1rem;
}
.vw iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.timeInterval {
    width:calc(100%/7);
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 1.4rem;
}
.timeInterval-day-names {
    border-bottom: 2px solid #8cd232;
    padding: 0.4rem 0;
}
.timeInterval .weekend .timeInterval-day-names {
    border-color: #c86478;
}
.timeInterval-time {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    /*	padding: 1rem 0;
*/	padding: 1rem;
    position: relative;
    min-height: 50px;
    overflow-wrap: normal;
}
.timeInterval .current_day_class {
    background-color: #c8e1aa;
}
.timeInterval-cofee .fa-coffee {
    display: none;
}
.timeInterval .current_day_class .timeInterval-cofee .fa-coffee {
    display: block;
}
.timeInterval .current_day_class .timeInterval-time {
    border-bottom: 1px solid #c8e1aa;
}
.timeInterval-time-cofee-ico {
    font-size:.8em;
    padding:.2rem 0;
}
/*.timeInterval .current_day_class .timeInterval-time-cofee:before {
	content: '\f0f4';
	font-family: 'FontAwesome';
	font-size: 1.2rem;
	height: 2rem;
	line-height: 2rem;
	position: absolute;
	top: -1rem;
    left: 40%;
}
*/.timeInterval-time-weekend {
      padding: 2rem 0;
  }

@media only screen and (max-width : 1220px) {
    .listing-item-image {
        width: 28.9rem;
    }
    .listing-item-annotation {
        width: calc(100% - 28.9rem);
    }
    .listing-item-image span {
        min-height: 13.6rem;
    }
    .listing-item-image span:before {
        min-height: 13.6rem;
    }
    .listing-item {
        min-height: 16.6rem;
    }
}
@media only screen and (max-width : 1200px) {
    .listing-item-image {
        width: 29.5rem;
    }
    .listing-item-annotation {
        width: calc(100% - 29.5rem);
    }
    .listing-item-image span {
        min-height: 13.9rem;
    }
    .listing-item-image span:before {
        min-height: 13.9rem;
    }
    .listing-item {
        min-height: 19.9rem;
    }
}
@media only screen and (max-width : 1180px) {
    .listing-item-image {
        width: 30.1rem;
    }
    .listing-item-annotation {
        width: calc(100% - 30.1rem);
    }
    .listing-item-image span {
        min-height: 14.2rem;
    }
    .listing-item-image span:before {
        min-height: 14.2rem;
    }
    .listing-item {
        min-height: 20.2rem;
    }
}
@media only screen and (max-width : 1160px) {
    .listing-item-image {
        width: 30.8rem;
    }
    .listing-item-annotation {
        width: calc(100% - 30.8rem);
    }
    .listing-item-image span {
        min-height: 14.5rem;
    }
    .listing-item-image span:before {
        min-height: 14.5rem;
    }
    .listing-item {
        min-height: 20.5rem;
    }
}
@media only screen and (max-width : 1140px) {
    .listing-item-image {
        width: 31.4rem;
    }
    .listing-item-annotation {
        width: calc(100% - 31.4rem);
    }
    .listing-item-image span {
        min-height: 14.8rem;
    }
    .listing-item-image span:before {
        min-height: 14.8rem;
    }
    .listing-item {
        min-height: 20.8rem;
    }
}
@media only screen and (max-width : 1120px) {
    .listing-item-image {
        width: 32.3rem;
    }
    .listing-item-annotation {
        width: calc(100% - 32.3rem);
    }
    .listing-item-image span {
        min-height: 15.2rem;
    }
    .listing-item-image span:before {
        min-height: 15.2rem;
    }
    .listing-item {
        min-height: 21.2rem;
    }
}
@media only screen and (max-width : 1100px) {
    .listing-item-image {
        width: 32.9rem;
    }
    .listing-item-annotation {
        width: calc(100% - 32.9rem);
    }
    .listing-item-image span {
        min-height: 15.5rem;
    }
    .listing-item-image span:before {
        min-height: 15.5rem;
    }
    .listing-item {
        min-height: 21.5rem;
    }
}
@media only screen and (max-width : 1080px) {
    .listing-item-image {
        width: 33.7rem;
    }
    .listing-item-annotation {
        width: calc(100% - 33.7rem);
    }
    .listing-item-image span {
        min-height: 15.9rem;
    }
    .listing-item-image span:before {
        min-height: 15.9rem;
    }
    .listing-item {
        min-height: 21.9rem;
    }
}
@media only screen and (max-width : 1060px) {
    .listing-item-image {
        width: 34.6rem;
    }
    .listing-item-annotation {
        width: calc(100% - 34.6rem);
    }
    .listing-item-image span {
        min-height: 16.3rem;
    }
    .listing-item-image span:before {
        min-height: 16.3rem;
    }
    .listing-item {
        min-height: 22.3rem;
    }
}
@media only screen and (max-width : 1040px) {
    .listing-item-image {
        width: 34.7rem;
    }
    .listing-item-annotation {
        width: calc(100% - 34.7rem);
    }
    .listing-item-image span {
        min-height: 16.7rem;
    }
    .listing-item-image span:before {
        min-height: 16.7rem;
    }
    .listing-item {
        min-height: 22.7rem;
    }
}
@media only screen and (max-width : 1024px) {
    .listing-item-image {
        width: 43.7rem;
    }
    .listing-item-annotation {
        width: calc(100% - 43.7rem);
    }
    .listing-item-image span {
        min-height: 20.6rem;
    }
    .listing-item-image span:before {
        min-height: 20.6rem;
    }
    .listing-item {
        min-height: 26.6rem;
    }
}
@media only screen and (max-width : 1000px) {
    .listing-item-image {
        width: 42.6rem;
    }
    .listing-item-annotation {
        width: calc(100% - 42.6rem);
    }
    .listing-item-image span {
        min-height: 21.2rem;
    }
    .listing-item-image span:before {
        min-height: 21.2rem;
    }
    .listing-item {
        min-height: 27.2rem;
    }
}
@media only screen and (max-width : 980px) {
    .listing-item-image {
        width: 41.6rem;
    }
    .listing-item-annotation {
        width: calc(100% - 41.6rem);
    }
    .listing-item-image span {
        min-height: 21.7rem;
    }
    .listing-item-image span:before {
        min-height: 21.7rem;
    }
    .listing-item {
        min-height: 27.7rem;
    }
}
@media only screen and (max-width : 956px) {
    .listing-item-image {
        width: 40.5rem;
        float: none;
    }
    .listing-item-annotation {
        width: calc(100% - 40.5rem);
        padding-right:0;
        padding-left:1.2rem;
    }
    .listing-item-image span {
        min-height: 22.7rem;
    }
    .listing-item-image span:before {
        min-height: 22.7rem;
    }
    .listing-item {
        min-height: 28.7rem;
    }
}
@media only screen and (max-width : 940px) {
    .listing-item-image {
        width: 39.7rem;
    }
    .listing-item-annotation {
        width: calc(100% - 39.7rem);
    }
    .listing-item-image span {
        min-height: 23rem;
    }
    .listing-item-image span:before {
        min-height: 23rem;
    }
    .listing-item {
        min-height: 29rem;
    }
}
@media only screen and (max-width : 920px) {
    .listing-item-image {
        width: 38.8rem;
    }
    .listing-item-annotation {
        width: calc(100% - 38.8rem);
    }
    .listing-item-image span {
        min-height: 23.6rem;
    }
    .listing-item-image span:before {
        min-height: 23.6rem;
    }
    .listing-item {
        min-height: 29.6rem;
    }
}
@media only screen and (max-width : 900px) {
    .listing-item-image {
        width: 37.8rem;
    }
    .listing-item-annotation {
        width: calc(100% - 37.8rem);
    }
    .listing-item-image span {
        min-height: 24.2rem;
    }
    .listing-item-image span:before {
        min-height: 24.2rem;
    }
    .listing-item {
        min-height: 30.2rem;
    }
}
@media only screen and (max-width : 880px) {
    .listing-item-image {
        width: 37rem;
    }
    .listing-item-annotation {
        width: calc(100% - 37rem);
    }
    .listing-item-image span {
        min-height: 24.8rem;
    }
    .listing-item-image span:before {
        min-height: 24.8rem;
    }
    .listing-item {
        min-height: 30.8rem;
    }
}
@media only screen and (max-width : 860px) {
    .listing-item-image {
        width: 36rem;
    }
    .listing-item-annotation {
        width: calc(100% - 36rem);
    }
    .listing-item-image span {
        min-height: 25.6rem;
    }
    .listing-item-image span:before {
        min-height: 25.6rem;
    }
    .listing-item {
        min-height: 31.6rem;
    }
}
@media only screen and (max-width : 840px) {
    .listing-item-image {
        width: 35.1rem;
    }
    .listing-item-annotation {
        width: calc(100% - 35.1rem);
    }
    .listing-item-image span {
        min-height: 26.1rem;
    }
    .listing-item-image span:before {
        min-height: 26.1rem;
    }
    .listing-item {
        min-height: 32.1rem;
    }
}
@media only screen and (max-width : 820px) {
    .listing-item-image {
        width: 34.1rem;
    }
    .listing-item-annotation {
        width: calc(100% - 34.1rem);
    }
    .listing-item-image span {
        min-height: 26.1rem;
    }
    .listing-item-image span:before {
        min-height: 26.1rem;
    }
    .listing-item {
        min-height: 32.1rem;
    }
}
@media only screen and (max-width : 800px) {
    .listing-item-image {
        width: 33.2rem;
    }
    .listing-item-annotation {
        width: calc(100% - 33.2rem);
    }
    .listing-item-image span {
        min-height: 26.1rem;
    }
    .listing-item-image span:before {
        min-height: 26.1rem;
    }
    .listing-item {
        min-height: 32.1rem;
    }
}
@media only screen and (max-width : 780px) {
    .listing-item-image {
        width: 32.2rem;
    }
    .listing-item-annotation {
        width: calc(100% - 32.2rem);
    }
    .listing-item-image span {
        min-height: 26.1rem;
    }
    .listing-item-image span:before {
        min-height: 26.1rem;
    }
    .listing-item {
        min-height: 32.1rem;
    }
}


@media only screen and (max-width : 1239px) {
    body {
        width:100%;
        min-width: inherit;
    }
    footer {
        height: 45.5rem;
    }
    .content {
        min-height: calc(100vh - 45.5rem);
    }
    .header-container,
    .footer-container,
    .content-container,
    .home-container,
    .main-header-container,
    .main-header-menu-container,
    .main-header-search-container {
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .home-search {
        width:100%;
    }
    .home-search-container {
        max-width: 100%;
        padding:0 2rem;
    }
    .home-select-mark-category-image {
        width: 7rem;
        padding: 1.5rem 1.5rem;
    }
    .home-recommend-item:nth-child(1) .home-recommend-item-block,
    .home-recommend-item:nth-child(2) .home-recommend-item-block {
        height: 32rem;
    }
    .home-recommend-item:nth-child(1) .home-recommend-item-block:before,
    .home-recommend-item:nth-child(2) .home-recommend-item-block:before {
        background-size: 25.6rem;
        height: 32rem;
    }
    .home-recommend-item:nth-child(3) .home-recommend-item-block,
    .home-recommend-item:nth-child(4) .home-recommend-item-block,
    .home-recommend-item:nth-child(5) .home-recommend-item-block {
        height: 21rem;
    }
    .home-recommend-item:nth-child(3) .home-recommend-item-block:before,
    .home-recommend-item:nth-child(4) .home-recommend-item-block:before,
    .home-recommend-item:nth-child(5) .home-recommend-item-block:before {
        background-size: 18rem;
        height: 21rem;
    }
    .home-recommend-item-block {
        height: 16rem;
    }
    .home-recommend-item-block:before {
        height: 16rem;
    }
    .home-about {
        background: none;
    }
    .home-about-description {
        width: 100%;
        margin-left: 0;
    }
    .home-news-item-annotation {
        height: 17.5rem;
    }
    .city-select-list {
        column-count: 5;
    }
    .listing-vip-buttons span{
        display: block;
        margin-bottom: 0.7rem;
    }
    .listing-vip-buttons span a{
        display: inline-block;
    }
    .main-header-search-input {
        width:100%;
    }
    .listing-select-marks ul, .listing-select-models ul {
        column-count: 4;
    }
    .add-company-baner-text span {
        display: block;
    }
    .listing-new-comment-image {
        height: 14.5rem;
    }
    .listing-new-comment-image:before {
        height: 14.5rem;
    }
    .listing-best-demolition {
        height: 22rem;
    }
    .listing-best-demolition:before {
        background-size: 18rem;
        height: 22rem;
    }
    .listing-best-demolition-title {
        font-size: .9em;
    }
    .listing-new-comment-text {
        text-align:left;
    }
    .card-container-left, .card-container-right {
        width:25rem;
    }
    .card-container-center {
        width:calc(100% - 50rem);
    }
    .card-recommended-item-image a {
        height: 14.5rem;
    }
    .card-recommended-item-image a:before {
        height: 14.5rem;
    }
    .card-dop-contact-left {
        width: 30rem;
    }
    .card-dop-contact-right {
        width: calc(100% - 30rem);
        padding-left: 2rem;
    }
}



@media only screen and (max-width : 1024px) {
    html {
        font-size: 8px;
    }
    .home-news-item-name {
        height: 7.7rem;
    }
    .home-news-item-annotation {
        height: 19.5rem;
    }
    footer {
        height: 48.5rem;
    }
    .content {
        min-height: calc(100vh - 48.5rem);
    }
    .listing-new-comment-image {
        height: 13.5rem;
    }
    .listing-new-comment-image:before {
        height: 13.5rem;
    }
    .listing-best-demolition {
        height: 20rem;
    }
    .listing-best-demolition:before {
        background-size: 18rem;
        height: 20rem;
    }
    .listing-best-demolition-title {
        font-size: .8em;
    }
    .card-container-content {
        margin: 0 -1rem 3rem;
    }
    .card-container-left, .card-container-center, .card-container-right {
        padding: 0 1rem;
    }
    .card-tabs>li>a {
        padding: 1rem 0.7em;
    }
    .card-add-comment-link {
        display: block;
        margin-left: 0;
    }
    .js-map-canvas-demolition {
        height: 23rem;
    }
    .card-recommended-item-image a {
        height: 13.5rem;
    }
    .card-recommended-item-image a:before {
        height: 13.5rem;
    }
    .listing-new-comment-image:before {
        background-size:10rem;
    }
    .card-add-comment-link {
        margin-left: 2rem;
        display: inline-block;
    }
    .card-marks .panel-group,
    .card-parsed-cars-w-foto {
        column-count: 3;
    }
    .card-parsed-cars-item {
        width:calc(100%/3);
    }
}





@media only screen and (max-width : 767px) {
    html {
        font-size: 10px;
    }
    body {
        background: var(--color-body-background);
    }
    footer {
        height: 70rem;
    }
    .content {
        min-height: calc(100vh - 70rem);
    }
    h1,
    .h1 {
        font-size: 2.4rem;
    }
    h2,
    .h2 {
        font-size: 2rem;
    }
    h3,
    .h3 {
        font-size: 1.8rem;
    }
    h4,
    .h4 {
        font-size: 1.7rem;
    }
    h5,
    .h5 {
        font-size: 1.6rem;
    }
    h6,
    .h6 {
        font-size: 1.4rem;
    }
    .infopages-crumbs {
        display: none;
    }
    .main-header-lite {
        display: none;
    }
    .mobile-header {
        padding: 0.8rem 0;
    }
    #hamburger,
    .mobile-header-search{
        display: inline-block;
        vertical-align: middle;
    }
    #hamburger{
        width:7rem;
    }
    .hamburger {
        padding: 0 1.5rem;
    }
    .hamburger-box {
        height: 4rem;
    }
    .mobile-header-search {
        width: calc(100% - 7rem);
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        background: white;
        margin-bottom: 0.8rem;
    }
    .mobile-header-search {
        position: relative;
        padding-right: 1.5rem;
    }
    .mobile-header-search input {
        height: 4rem;
        width:100%;
        padding-right: 4.3rem;
        padding-left: 0.8rem;
    }
    .mobile-header-search button {
        display: none;
        position: absolute;
        right: 2rem;
        top:0.5rem;
        background: red;
        border-radius: 0.4rem;
        border: none;
        transition-duration: .4s;
    }
    .mobile-header-search button span:before {
        content: '';
        background-image: url(../img/search.png);
        background-repeat: no-repeat;
        background-position: left center;
        width: 2rem;
        height: 2.8rem;
        background-size: 2rem;
        display: inline-block;
        vertical-align: middle;
        transition-duration: .4s;
    }
    .mobile-header-search input:focus ~ button,
    .mobile-header-search button:active,
    .mobile-header-search button:focus {
        display: block;
        transition-duration: .4s;
    }
    #menu {
        display: block;
        z-index: 0;
    }
    #page {
        z-index: 1;
        background: var(--color-body-background);
    }
    .info-body #page {
        background: var(--color-body-info-background);
    }
    .mobile-header {
        position: absolute;
        left: 0;
        top:0;
        height: 6rem;
        z-index: 999;
        background: var(--main-header);
        width: 100%;
    }
    .mobile-menu {
        font-size: inherit;
    }
    .mm-title {
        font-size: 2rem;
    }
    .mm-listview {
        font-size: 1.6rem;
    }
    .mm-listview .mm-next.mm-fullsubopen+a,
    .mm-listview .mm-next.mm-fullsubopen+span {
        display: inline-block;
        vertical-align: middle;
    }
    .mm-listview>li:not(.mm-divider):after {
        left:3rem;
    }
    .mobile-menu-copyright {
        font-size: 1.4rem;
        margin: 2rem 1.5rem 0;
    }
    .mobile-menu-ico:before {
        content: '';
        background-repeat: no-repeat;
        background-position: left top;
        width: 1.8rem;
        height: 2.2rem;
        background-size: 1.8rem;
        margin-left: -1rem;
        margin-right: 1rem;
        display: inline-block;
        vertical-align: middle;
    }
    .mobile-menu-catalog:before {
        background-image: url(../img/mobile-menu-catalog.png);
    }
    .mobile-menu-blog:before {
        background-image: url(../img/mobile-menu-blog.png);
    }
    .mobile-menu-stos:before {
        background-image: url(../img/mobile-menu-stos.png);
    }
    .mobile-menu-home:before {
        background-image: url(../img/mobile-menu-home.png);
    }
    .mobile-menu-city:before {
        background-image: url(../img/mobile-menu-city.png);
    }
    .mobile-menu-vyvoz:before {
        background-image: url(../img/mobile-menu-vyvoz.png);
    }
    .mobile-menu-util:before {
        background-image: url(../img/mobile-menu-util.png);
    }
    .mobile-menu-search-parts:before {
        background-image: url(../img/mobile-menu-search-parts.png);
    }
    .mobile-menu-news:before {
        background-image: url(../img/mobile-menu-news.png);
    }
    .mobile-menu-account:before {
        background-image: url(../img/mobile-menu-account.png);
    }
    .mobile-menu-add-company:before {
        background-image: url(../img/mobile-menu-add-company.png);
    }
    .mobile-menu-add-car:before {
        background-image: url(../img/mobile-menu-add-car.png);
    }
    .mobile-menu-ad:before {
        background-image: url(../img/mobile-menu-ad.png);
    }
    .mobile-menu-help:before {
        background-image: url(../img/mobile-menu-help.png);
    }
    .mobile-menu-legkovye:before {
        background-image: url(../img/marks/legkovye.png);
    }
    .mobile-menu-gruzoviki:before {
        background-image: url(../img/marks/gruzoviki.png);
    }
    .mobile-menu-mikroavtobusi:before {
        background-image: url(../img/marks/microavtobusi.png);
    }
    .mobile-menu-tyagachi:before {
        background-image: url(../img/marks/mobile-menu-tyagachi.png);
    }
    .mobile-menu-avtobusy:before {
        background-image: url(../img/marks/mobile-menu-avtobusy.png);
    }
    .mobile-menu-japan:before {
        background-image: url(../img/marks/japan.png);
    }
    .mobile-menu-nemeckie:before {
        background-image: url(../img/marks/nemeckie.png);
    }
    .mobile-menu-korejskie:before {
        background-image: url(../img/marks/korejskie.png);
    }
    .mobile-menu-china:before {
        background-image: url(../img/marks/china.png);
    }
    .mobile-menu-rossijskie:before {
        background-image: url(../img/marks/rossijskie.png);
    }
    .home-header {
        display: none;
    }
    .home-search {
        height: auto;
        min-height:auto;
        padding-top: 9rem;
    }
    .home-search-block {
        display: block;
    }
    .home-search-input {
        width: 100%;
    }
    .home-search-container h1 {
        font-size: 2.4rem;
        color: var(--color-body);
    }
    .home-search-wrap {
        background: var(--color-body-background);
    }
    .home-search-wrap:before {
        background-color: rgba(0,0,0,0);
    }
    .home-search-annotation {
        display: none;
    }
    .home-search-input {
        display: none;
    }
    .home-select-mark h2{
        display: none;
    }
    .home-select-mark-category {
        width: 100%;
    }
    .home-select-mark {
        padding: 3rem 2rem 0;
        margin-bottom: 3rem!important;
    }
    .home-select-mark-brands {
        column-count: 1;
        background: white;
        text-align:center;
    }
    .home-select-mark-brand-name {
        width:auto;
    }
    .home-select-mark-brand {
        margin: 0;
        line-height: 3.5rem;
        border-bottom: 2px solid var(--color-body-background);
    }
    .home-recommend {
        padding: 3rem 2rem 0;
    }
    .home-recommend h2 {
        font-size: 2.2rem;
    }
    .home-recommend-item {
        width: 100%!important;
    }
    .home-recommend-item-block,
    .home-recommend-item-block:before {
        height: 21rem!important;
    }
    .home-recommend-item-block:before {
        background-image: url(../img/non-image-128.png)!important;
        background-size: 12.8rem!important;
    }
    .home-recommend-item-name {
        font-size: 2rem!important;
    }
    .home-about-description {
        padding: 3rem 2rem;
        margin:3rem 0 0;
    }
    .home-about-section h3,
    .home-about-main-section h2 {
        text-align: center;
    }
    .home-about-section {
        width: 100%;
    }
    .home-about-section:before {
        background-position: center top;
    }
    .home-news {
        padding: 3rem 2rem 1rem;
    }
    .home-news-item {
        width: 100%;
        margin-bottom: 2rem;
    }
    .home-news-item-name,
    .home-news-item-annotation {
        height: auto;
    }
    .home-news-item-annotation {
        padding-bottom: 1.5rem;
    }
    .header-container,
    .footer-container,
    .content-container,
    .home-container,
    .main-header-container,
    .main-header-menu-container,
    .main-header-search-container{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .footer-col-25 {
        width: 100%;
    }
    .footer-col-50 {
        display: none;
    }
    footer {
        padding: 0;
        text-align: center;
    }
    .footer-container {
        padding: 0;
    }
    .footer-column-title {
        margin-bottom: 0;
        padding: 2rem;
        background: #f9f9f9;
    }
    .footer-column-content {
        border-top: 1px solid #ddd;
    }
    .footer-column-content a {
        margin-bottom: 0;
        padding: 1rem 2rem;
        border-bottom: 1px solid #ddd;
    }
    .footer-down {
        border-top: none;
        margin: 0;
        padding: 0 2rem 2rem;
        background: white;
    }
    .soft-lab-link {
        float: none;
        display: block;
        text-align: center;
        margin-top: 2rem;
    }
    .main-header {
        display: none;
    }
    .listing-container {
        padding-top: 8rem;
    }
    .bread-crumbs ul li {
        display: none;
    }
    .bread-crumbs ul li:nth-last-child(2) {
        display: block;
    }
    .bread-crumbs ul li:after {
        display: none;
    }
    .bread-crumbs ul li:before {
        content: '';
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url(../img/reply.png);
        width: 1.6rem;
        height: 2rem;
        background-size: 1.6rem;
        margin-right: 0.4rem;
        display: inline-block;
        vertical-align: middle;
    }
    .bread-crumbs ul {
        padding: 0;
        margin: 1.5rem 0 1rem;
        list-style: none;
    }
    .bread-crumbs .fa-home {
        display: none;
    }
    .listing-section-left,
    .listing-section-right {
        width: 100%;
    }

    .listing-select-marks.metros ul,
    .listing-select-marks.districts ul,
    .listing-select-models ul {
        column-count: 1;
    }
    .listing-select-marks, .listing-select-models {
        padding: 0;
    }
    .marks-line, .all-marks-link {
        padding: 0.3rem 1.5rem;
        border:none;
    }
    .listing-select-marks ul li, .listing-select-models ul li {
        display: block;
    }
    .ad-direct,
    .listing-items,
    .listing-pagination {
        margin:0 -2rem;
    }
    .ad-direct {
        padding: 1rem 2rem;
    }
    .ad-direct img{
        display: none;
    }
    .ad-direct:before {
        content: '';
        background-image: url(../img/ad-motion.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 20rem;
        background-size: 100%;
    }
    .listing-select-models ul {
        padding: 1rem 1.5rem;
    }
    .listing-select-models ul li {
        line-height: 4rem;
    }
    .listing-select-models li:before {
    }
    li.all-models:before {
        height: 0;
    }
    .listing-item {
        padding: 2rem;
        min-height:auto;
    }
    .listing-item-image {
        width: 100%;
        float:none;
        margin-bottom: 1.5rem;
    }
    .item-left .listing-item-image {
        width: 100%!important;
    }
    .listing-item-image img {
        width: 100%;
    }
    .listing-item-annotation {
        width: 100%;
        padding-left: 0;
    }
    .item-left .listing-item-annotation {
        width: 100%!important;
        padding-left: 0;
    }
    .listing-item-image span {
        width: 100%;
        min-height: 15rem;
    }
    .listing-item-image span:before {
        background-size: 10rem;
        height: 15rem;
        background-position: center 2.5rem;
    }
    .listing-item-title{
        font-size: 1.8rem;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: -0.2rem;
    }
    .listing-phone {
        margin-top: 0;
    }
    .listing-page-rating,
    .listing-item-title {
        line-height: 2rem;
    }
    .listing-page-rating .listing-rating-stars {
        margin-top:0;
    }
    .listing-page-rating .listing-raiting-otzyvy,
    .listing-page-rating .listing-raiting-net-otzyvov {
        display: block;
        margin-left: 0;
    }
    .listing-address,
    .listing-phone,
    .listing-annotation,
    .listing-last-comment {
        margin-top: 0.7rem;
        margin-left: 0;
        width:100%;
    }
    .add-company-baner-text {
        width:100%;
    }
    .add-company-baner-text span {
        display: block;
    }
    .add-company-baner {
        text-align: center;
        background: #f9f9f9;
    }
    .add-company-baner-button {
        margin-top: 1rem;
    }
    .listing-pagination ul {
        text-align: right;
    }
    .listing-pagination ul li{
        display: none;
    }
    .listing-pagination ul li.listing-pagination-back,
    .listing-pagination ul li.listing-pagination-next {
        display: inline-block;
        width:50%;
    }
    .listing-pagination ul li.listing-pagination-back a,
    .listing-pagination ul li.listing-pagination-next a {
        display: inline-block;
    }
    .listing-pagination ul li.listing-pagination-next a {
        background: #0a67a3;
        color: white;
    }
    .listing-pagination ul li.listing-pagination-back a {
        border: 1px solid #ddd;
    }
    .listing-pagination ul li.listing-pagination-next {
        text-align: right;
    }
    .listing-pagination ul li.listing-pagination-back {
        text-align: left;
    }
    .listing-pagination ul li.listing-pagination-next a:before {
        content: 'Следующие';
        margin-right: 0.5rem;
    }
    .listing-pagination ul li.listing-pagination-back a:after {
        content: 'Предыдущие';
        margin-left: 0.5rem;
    }
    .listing-section-right {
        margin: 0;
        padding: 0;
        position: static;
    }
    .gmap img {
        height: auto;
    }
    .listing-right-block,
    .listing-left-block,{
        margin-left: -2rem;
        margin-right: -2rem;
        width:auto;
        border-right: none;
        border-left: none;
    }
    .listing-new-demolition {
        border-right: none;
        border-left: none;
    }
    .listing-new-demolitions {
        margin-right: -2rem;
        margin-left: -2rem;
    }
    .listing-new-demolition .listing-address {
        margin-left: 0;
        width:100%;
    }
    .listing-new-comment-wrap {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .listing-new-comment-image {
        height: 18.6rem;
    }
    .listing-new-comment-image:before {
        height: 18.6rem;
    }
    .listing-best-demolition-wrap {
        width:100%;
        margin-bottom: 1.5rem;
    }
    .listing-best-demolition-wrap:nth-child(n+4) {
        margin-top: 0;
    }
    .card-container-title .bread-crumbs {
        padding-top: 4rem;
    }
    .card-container-title h1 small {
        display: none;
    }
    .card-container-left,
    .card-container-right,
    .card-container-center {
        width: 100%;
    }
    .card-main-image,
    .card-left-cars,
    .card-left-images {
        display: none;
    }
    .card-container-center {
        margin:2rem -2rem 0;
        width: calc(100% + 4rem);
        padding: 0;
    }
    .card-tab-content .tab-pane {
        padding: 2rem 3rem;
    }
    .card-tabs.nav-tabs {
        padding: 0 2rem;
    }
    .card-tabs li a:before {
        content: '';
        background-repeat: no-repeat;
        background-position: left top;
        display: inline-block;
        vertical-align: middle;
        width:1.6rem;
        height: 2rem;
        background-size: 1.6rem;
    }
    .card-tabs li span {
        display: none;
    }
    .card-tabs li a.card-tabs-reviews:before {
        background-image: url(../img/consulting-message.png);
        margin-right: 0.5rem;
    }
    .card-tabs li a.card-tabs-about:before {
        background-image: url(../img/icon.png);
    }
    .card-tabs li a.card-tabs-marks:before {
        background-image: url(../img/card-tabs-marks.png);
    }
    .card-tabs li a.card-tabs-auto:before {
        background-image: url(../img/mobile-menu-catalog.png);
    }
    .card-tabs li a.card-tabs-photo:before {
        background-image: url(../img/pictures.png);
    }
    .card-tabs li.active:first-child a {
        border-left:1px solid #ddd;
    }
    .card-tabs>li.active>a,
    .card-tabs>li.active>a:focus,
    .card-tabs>li.active>a:hover {
        border-bottom-color: #ddd;
        border-top:1px solid #ddd;
    }
    .card-center-block {
        background: white;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .card-reviews-rayting {
        text-align:left;
    }
    .card-add-comment-link {
        margin: 0.7rem 0 1rem;
    }
    .card-dop-info-label,
    .card-dop-info-value,
    .card-add-review-label,
    .card-add-review-value {
        width: 100%;
    }
    .card-reviews-end-littering {
        font-size: 2rem;
    }
    .card-add-review-label-empty {
        display: none;
    }
    .card-add-review form {
        padding: 0.7rem 1.5rem 0;
    }
    .card-add-review-item {
        padding: 0.7rem 0 0;
    }
    .card-marks .panel-group {
        column-count: 1;
    }
    .listing-raiting-otzyvy {
        display: block;
        margin-left: 0;
    }
    .card-parsed-cars-item {
        width:100%;
    }
    .card-parsed-cars-w-foto {
        column-count: 1;
        padding: 0 0.5rem;
    }
    .card-recommended-item {
        width:100%;
        margin-bottom: 1.5rem;
    }
    .card-recommended-item:last-child {
        margin-bottom: 0;
    }
    .card-recommended-item-image a {
        height: 18rem;
    }
    .card-recommended-item-image a:before {
        height: 18rem;
    }
    .modal-phone .modal-dialog {
        width:100%;
        margin: 0 auto;
        top: 10%;
        background: white;
    }
    .modal-phone .modal-phone-image {
        display: none;
    }
    .modal-phone .modal-phone-description {
        width: 100%;
        padding-right: 0;
    }
    .city-select-container {
        padding: 2rem 5%;
    }
    .city-select-close {
        top: 0;
        right: 0;
        position: fixed;
        background: white;
        padding: 2rem;
    }
    .city-select-important {
        text-align: center;
    }
    .city-select-important a {
        display: none;
    }
    .city-select-important a.city-select-current-city {
        display: inline-block;
    }
    .city-select-current-city:after {
        content: '';
        margin-left: 0;
    }
    .city-select-list {
        column-count: 1;
        text-align: center;
    }
    .city-select-list .h2 {
        display: block;
        font-size: 3rem;
        border-bottom: 1px solid #ddd;
        background: #f6f6f6;
        padding: 0.5rem;
    }
    .city-select-list-item a {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 1rem;
    }
    .city-select-town {
        margin: 0;
    }
    .info-body .content .content-container {
        margin:0;
        padding: 5rem 2rem 6rem;
        background:white;
    }
    .info-body .content .content-container h1 {
        font-size: 3rem;
    }
    .order-form-column-50 {
        width:100%;
    }
    .order-form-column-100 {
        margin-top: 5rem;
    }
    .order-form-submit {
        display: block;
    }
    .order-form-submit button {
        margin:0;
        margin-top: 2rem;
    }
    .list-post-image {
        display: none;
    }
    .list-post-description {
        width: 100%;
        padding-left: 0;
    }
    .page-404-image {
        display: none;
    }
    .page-404-text {
        padding-left: 0;
    }
    .page-404-text span {
        font-size: 10rem;
        line-height: 10rem;
    }
    .info-body .content .content-container.page-404{
        padding: 10rem 0 6rem;
    }
    .reset-password-link {
        width: 100%;
        text-align: left;
        padding-left: 0;
        margin-top: 2rem;
    }
    .listing-select-marks ul, .listing-select-models ul {
        column-count:1;
    }
    .main-header-green-login-block a {
        margin-right: 0;
    }
    .footer-row {
        margin: 0;
    }
    .footer-col-25, .footer-col-50, .footer-col-100 {
        padding: 0;
    }
    .list-title-tabs-left,
    .list-title-tabs-right,
    .list-title-items-left,
    .list-title-items-right {
        display: block;
        width: 100%;
        border: 1px solid #ddd;
        border-bottom: none;
        padding: 1rem 2rem;
    }
    .list-title-tabs-right {
        text-align: center;
        padding-bottom: 1.2rem;
    }
    .list-title-items-right {
        text-align: center;
    }
    .list-title-tabs,
    .list-title-items {
        padding: 0;
    }
    .list-title-items-right {
        display: none;
    }
    .listing-section-right-ad {
        display: none;
    }
    .gmap img {
        width:auto;
        margin-left: -50%;
    }
    .sto-tabs li:first-child {
        display: none;
    }
    nav.sto-servisces ul,
    .sto-content nav ul {
        padding: 1rem 1.5rem;
    }
    .sto-content a.marks-line {
        padding: 0;
        border: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .sto-content a.marks-line.show-others-on-tab{
        overflow: visible;
        border: none;
    }
    .sto-content nav ul {
        column-count: 1;
    }
    .card-section-right,
    .card-section-left {
        width: 100%;
        padding: 0;
    }
    .card-section-right {
        margin-top: 4rem;
        position: static;
    }
    .listing-raiting-otzyvy {
        display: inline-block;
    }
    .listing-rating-stars {
        margin-right: 1.5rem;
    }
    .card-info-photo{
        display: none;
    }
    .card-info-map {
        width: 100%;
    }
    .card-info-left, .card-info-right {
        width: 100%;
        margin: 0;
        border: none;
    }
    .card-info-buttons {
        border-bottom: 1px solid var(--color-body-background);
        border-top: 1px solid var(--color-body-background);
    }
    .card-review-text-block {
        margin-left:0;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    .item-half-name, .item-half-rating {
        width: 100%;
    }
    .card-dop-contact-left, .card-dop-contact-right {
        width: 100%;
    }
    .card-dop-contact-right {
        padding: 0;
    }
    .card-rekvizity {
        padding: 1.2rem 0 0;
    }
    .card_photos a {
        width: 50%;
    }
    .card-parsed-cars-w-foto {
        padding: 1.2rem 2rem;
    }
    .sto-marks {
        column-count: 1;
    }
    .sto-marks .marks-line,
    .sto-marks .all-marks-link {
        border-top: 1px solid #ddd;
    }
    .filters {
        display:none;
    }
    .show-filters {
        display:block;
    }
    .filters-title {
        position:relative;
    }
    .hide-filters-mobile {
        display:none;
    }
    .show-filters-mobile,
    .hide-filters-mobile{
        position:absolute;
        width:100%;
        height: 5rem;
        top:0;
        left:0;
        display:block;
        float:right;
    }
    .show-filters-mobile i,
    .hide-filters-mobile i{
        position:absolute;
        top:1.6rem;
        right:2rem;
    }
    .listing-select {
        margin-bottom:2rem;
    }
    h2.list-map-title {
        position: static;
    }
}

/*
Всплывающая карта
*/
.google_map_modal {
    position: fixed;
    /* left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); */
}

.google_map_modal_content {
    border-radius: 0px !important;
}

/*
Кнопки выбора типа аккаунта
*/
.set_customer_btn{
    background-color: #000;
    border-color: #000;
    color: #fff;
    /* border-radius: 0px !important; */
}

.set_user_btn{
    background-color: #fff;
    border-color: #000;
    color: #000;
    /* border-radius: 0px !important; */
}

/*
Кнопки соцсетей
*/
.or-social{
    text-align:center;
    margin: 10px 0 10px 0;
}
.facebook{
    background-color: #4863ae;
    border-color: #4863ae;
    color: #fff;
    /* border-radius: 0px !important; */
}
.google{
    background-color: #DD4B39;
    border-color: #DD4B39;
    color: #fff;
    /* border-radius: 0px !important; */
}
.vkontakte{
    background-color: #45688E;
    border-color: #45688E;
    color: #fff;
    /* border-radius: 0px !important; */
}
.margin-bottom-10{
    margin-bottom:10px;
}

.btn-link {
    font-size: 1.6rem !important;
    padding: 0px !important;
    vertical-align: bottom;
}
.hidden-1 {
    display:none;
}
.hide-others-on-tab {
    display:none;
}
#yandex_map_modal_content_list_map_static {
    margin-left:auto;
    margin-right:auto;
}

.form-horizontal .order-list-btn,
.form-horizontal .order-list-btn:hover,
.form-horizontal .order-list-btn:active,
.form-horizontal .order-list-btn:focus {
    padding: 1rem 2.5rem;
    font-size: 2rem;
    background: #0A67A3;
    color: white;
    transition:.4s;
    background: #2988C6;
    transition:.4s;
    position: fixed;
    bottom: 50px;
    right: 50px;
}

.order-embedded-form-btn,
.order-embedded-form-btn:hover,
.order-embedded-form-btn:active,
.order-embedded-form-btn:focus {
    padding: 1rem 2.5rem;
    font-size: 2rem;
    background: #0A67A3;
    color: white;
    transition:.4s;
    background: #2988C6;
    transition:.4s;
    position: fixed;
    bottom: 50px;
    right: 50px;
}

.order-form-embedded.modal.fade.in {
    background: white;
}

.order_embedded-form-container {
    text-align: center;
    padding: 3rem 5%;
}

.form-order {
    max-width: 100% !important;
}

.form-order .form-group {
    margin-left: -5px;
}

.form-order .control-label {
    padding-left: 5px;
    font-size: 1.6rem;
}

.panel-default {
    background-color: #eee;
}

.listing-left-block-order {
	width: 100%;
	margin-bottom: 2rem;
	background: white;
    padding: 2rem;
    display: inline-block;
}

.listing-left-block-order-btn {
    background-color: #ffdb4d;
    color: #313131;
    font-weight: 700;
    border: 1px solid #ffdb4d;
	font-size: 1.8rem;
	width:20rem!important;
	border-radius: 10rem!important;
	transition-duration: .4s;
}
.listing-left-block-order-btn:hover {
	background-color: #ffdb4d75;
	border: 1px solid #ffdb4d;
	color: #313131;
	transition-duration: .4s;
}
.listing-left-block-order-bottom {
    margin-bottom: 0px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.listing-left-block-content-order-bottom {
    width: 100%;
    margin: 0 auto;
}

.order-title, .order-bottom-title {
	font-size: 2.4rem;
	font-weight:normal;
	font-family: 'Play',sans-serif;
    font-weight: 400;
}
.order-input-group {
	width:100%;
}
.order-input-field {
	width:calc(100% - 22rem)!important;
	margin-right:2rem;
	font-size: 1.6rem;
	display:inline-block;
}
.order-button {
	width:20rem;
	display:inline-block;
}
.order-label {
	font-weight:normal;
	margin: .8rem 0 0;
}
.order-bottom-label {
	font-weight:normal;
}
.order-bottom-left {
	display:inline-block;
	width:calc(100% - 22rem)!important;
	margin-right:2rem;
}
.order-bottom-input-group {
	width:100%;
	max-width:90rem;
}
.order-bottom-label, .order-bottom-title {
	display:block!important;
}
.bottom-form {
	width: 120rem;
    margin: 0 auto;
}
.listing-left-block-bottom-order-btn {
	height:4.5rem;
}

@media only screen and (max-width : 767px) {
	.order-title {
		font-size: 1.8rem;
	}
	.listing-left-block-order-btn, .order-button {
		width:100%!important;
	}
	.order-title, .order-label {
		text-align:center;
	}
}