.xxx-listing-card-new {
    display: block;
    flex-wrap: wrap;
    background: #FFFFFF;
    box-shadow: 0 4px 20px #EEF0F2;
    border-radius: 5px;
    position: relative;
    margin-bottom: 10px;
}

.xxx-listing-card-new.xxx-listing-card-new--can-empty:empty{
    box-shadow: none;
    border: none;
}
.xxx-listing-card-new__top {
    width: 100%;
    display: flex;
    padding: 10px 15px;
    border-bottom: 1px solid #E8ECEF;
}
.xxx-listing-card-new__img {
    width: 100%;
}
.xxx-listing-card-new__image {
    max-width: 90px;
    margin: 0 auto;
    display: block;
    width: 100%;
    object-fit: contain;
}
.xxx-listing-card-new__image-card {
    border-radius: 5px;
    max-width: 90px;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.xxx-listing-card-new__title {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.xxx-listing-card-new__mob-title {
    font-size: 14px;
    line-height: 20px;
    color: #333E50;
    width: 70%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-top: 10px;
}
.xxx-listing-card-new__mob-title--pt-0 {
    padding-top: 0;
}
.xxx-listing-card-new__mob-title-icon {
    margin: 0 7px;
}
.xxx-listing-card-new__middle-title {
    display: none;
}
.xxx-listing-card-new__middle {
    width: 100%;
    padding: 20px 15px;
}
.xxx-listing-card-new__cell-text {
    font-size: 16px;
    line-height: 19px;
}
.xxx-listing-card-new__middle-cell {
    width: 100%;
    display: flex;
    padding-bottom: 15px;
}
.xxx-listing-card-new__middle-col {
    width: 50%;
    padding-right: 5px;
}

.xxx-listing-card-new__list .xxx-params-list__item:last-child {
    display: inline-block;
}
.xxx-listing-card-new__bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.xxx-listing-card-new__slide-inside {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.xxx-listing-card-new__slide.xxx-listing-card-new__slide--midle{
    z-index: 102;
}
.xxx-listing-card-new__slide.xxx-listing-card-new__slide--midle .xxx-listing-card-new__slide-inside {
    display: block;
}

.xxx-listing-card-new__slide-left {
    order: 2;
    padding: 0 20px 0 20px;
}
.xxx-listing-card-new__slide-right {
    order: 1;
}
.xxx-listing-card-new__tab {
    display: block;
    border-radius: 0;
    border: none;
}
.xxx-listing-card-new.active {
    position: fixed;
    background: #ffffff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    z-index: 100;
    padding-top: 100px;
    padding-bottom: 100px;
}
.xxx-listing-card-new__btn-close,
.xxx-listing-card-new__btn-close.xxx-mob-visible {
    display: none;
    position: absolute;
    top: 10px;
    right: 15px;
    border: none;
    background: transparent;
    padding: 0;
    color: #ADB4BF;
}
.xxx-listing-card-new.active .xxx-listing-card-new__btn-close {
    display: inline-block;
}
.xxx-listing-card-new.active .xxx-listing-card-new__mob-title {
    padding-right: 20px;
}
.xxx-listing-card-new.active .xxx-listing-card-new__top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 101;
    padding-right: 35px;
}
.xxx-listing-card-new.active .xxx-listing-card-new__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
    background: linear-gradient(0,#fff 86.19%,rgba(255,255,255,0) 100%);
    padding: 20px 15px 10px 15px;
}

.xxx-listing-card-new__bottom .xxx-g-btn {
    z-index: 50;
}
.xxx-listing-card-new.active .js-our-counter  {
    width: 100%;
}
.xxx-listing-card-new .js-our-counter  {
    position: relative;
    z-index: 6;
}
.xxx-listing-card-new.active .xxx-tab__list--border {
    border-top: 1px solid #DADEE2;
}
.xxx-listing-card-new__link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
}
.xxx-listing-card-new__slide {
    width: 100%;
    position: relative;
    z-index: 10;
}
.xxx-listing-card-new__open-btn {
    font-size: 14px;
    line-height: 17px;
    border-bottom: 1px dashed #388EC3;
    display: inline-block;
    color: #388EC3;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.xxx-listing-card-new__open-btn.xxx-listing-card-new__open-btn--gray {
    color: #9299a2;
    border-bottom: 1px dashed #9299a2;
}
.xxx-listing-card-new__open-btn.active {
    /*position: absolute;*/
    /*right: 20px;*/
    /*bottom: 20px;*/
}
.xxx-listing-card-new.active .xxx-listing-card-new__open-btn {
    display: none;
}
.xxx-listing-card-new__mob-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.xxx-listing-card-new__params {
    display: inline-block;
    background: #FFF4B9;
    border-radius: 50px;
    padding: 4px 8px;
    color: #333E50;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
}
.xxx-listing-card-new__top-absolute {
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
}
.xxx-listing-card-new__slide-left--empty {
    padding: 0;
}
.xxx-tab__content-inside-right {
    padding-top: 25px;
}
.xxx-listing-card .xxx-g-list__item:last-child {
    margin-bottom: 0;
}
.xxx-listing-card-new--mob-pb.active {
    padding-bottom: 80px;
}
.xxx-tab__content-img img {
    max-width: 90px;
    margin-bottom: 20px;
}
.xxx-listing-card-new.active .xxx-listing-card-new__title .xxx-font-size-14 {
    font-size: 11px;
}
.xxx-listing-card-new__btn-wrap {
    background: #ffffff;
    padding: 15px 10px;
    text-align: center;
    border-radius: 0 0 5px 5px;
}

.xxx-listing-card-new__btn-wrap.xxx-listing-card-new__btn-wrap--mob-more{
    z-index: 106;
}

.xxx-listing-card-new__btn-wrap--mob {
    display: none;
}

.xxx-listing-card-new__btn-more {
    cursor: pointer;
    color: #388EC3;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -ms-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
}
.xxx-listing-card-new__btn-more:hover {
    color: #95ce5a;
}
.xxx-listing-card-new__btn-more:before {
    content: '\e973';
    font-family: 'bankiros';
    font-size: 8px;
    color: #388EC3;
    position: absolute;
    right: -15px;
    top: -2px;
}

.xxx-listing-list-new.active .xxx-listing-card-new__btn-more.xxx-listing-card-new__btn-more-info:before {
    transform: none;
}
.xxx-listing-list-new.active .xxx-listing-card-new__btn-more.xxx-listing-card-new__btn-more-listing:before {
    transform: none;
}
/*-----------------------xxx-listing-card-new--landing--------------------*/
.xxx-listing-card-new--landing .xxx-listing-card-new__top {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.xxx-listing-card-new--landing .xxx-listing-card-new__img {
    width: auto;
}
.xxx-listing-card-new--landing .xxx-listing-card-new__top .xxx-font-size-16 {
    width: 100%;
}
.xxx-listing-card-new--landing .xxx-listing-card-new__middle-cell {
    flex-direction: column;
    padding-bottom: 20px;
}
.xxx-listing-card-new--landing .xxx-listing-card-new__cell-sub-text {
    font-size: 18px;
    line-height: 22px;
}
.xxx-listing-card-new--landing .xxx-listing-card-new__middle-cell .xxx-text-color-darck-gray {
    padding-bottom: 5px;
}
.xxx-listing-card-new--landing .xxx-listing-card-new__bottom {
    padding-top: 0;
}
.xxx-listing-card-new--landing .js-our-counter {
    width: 100%;
}
.xxx-listing-card-new--landing .xxx-params-list__item {
    display: inline-block;
}
.xxx-listing-card-new--landing {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 5px 5px 0 0;;
}
.xxx-listing-list-new.active .xxx-listing-card-new--landing {
    border-radius: 5px;
    margin-bottom: 10px;
    background: #FFFFFF;
    box-shadow: 0 4px 20px #EEF0F2;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.xxx-listing-list-new.active div:last-child .xxx-listing-card-new--landing {
    margin-bottom: 0;
}
.xxx-listing-list-new.active .xxx-listing-card-new__btn-more:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*-----------------xxx-listing-card-new--landing-------end----------*/

/*-----------------------xxx-listing-card-new--rko--------------------*/
.xxx-listing-card-new--rko .xxx-listing-card-new__top {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.xxx-listing-card-new--rko .xxx-listing-card-new__img {
    width: auto;
    margin-right: 5px;
}
.xxx-listing-card-new--rko .xxx-listing-card-new__top .xxx-font-size-16 {
    width: 100%;
}
.xxx-listing-card-new--rko .xxx-listing-card-new__middle-cell {
    flex-direction: column;
    padding-bottom: 20px;
}
.xxx-listing-card-new--rko .xxx-listing-card-new__cell-sub-text {
    font-size: 18px;
    line-height: 22px;
}
.xxx-listing-card-new--rko .xxx-listing-card-new__middle-cell .xxx-text-color-darck-gray {
    padding-bottom: 5px;
}
.xxx-listing-card-new--rko .xxx-listing-card-new__bottom {
    padding-top: 0;
    flex-direction: column;
}
.xxx-listing-card-new--rko .xxx-listing-card-new__bottom .xxx-listing-card-new__open-btn{
    margin-top: 15px;
}
.xxx-listing-card-new--rko .js-our-counter {
    width: 100%;
}
.xxx-listing-card-new--rko .xxx-params-list__item {
    display: inline-block;
}
.xxx-listing-card-new.xxx-listing-card-new--rko {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 5px 5px 0 0;;
}
.xxx-listing-list-new.active .xxx-listing-card-new--rko {
    border-radius: 5px;
    margin-bottom: 10px;
    background: #FFFFFF;
    /*-webkit-box-shadow: 0 4px 20px #EEF0F2;*/
    /*box-shadow: 0 4px 20px #EEF0F2;*/
    /*position: relative;*/
}

.xxx-listing-card-new.xxx-listing-card-new--rko .xxx-listing-list-new__label{
    max-width: 82%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.xxx-listing-list-new.active div:last-child .xxx-listing-card-new--rko {
    margin-bottom: 0;
}
.xxx-listing-list-new.active .xxx-listing-card-new__btn-more:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.xxx-listing-card-new.active .xxx-listing-card-new__btn-more.xxx-listing-card-new__btn-more-info:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.xxx-listing-list-new.active .xxx-listing-card-new__btn-more.xxx-listing-card-new__btn-more-listing:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.xxx-listing-card-new--rko .xxx-listing-card-new__btn-tariffs{
    display: none;
}

.xxx-listing-card-new--rko.active .xxx-listing-card-new__btn-tariffs{
    display: inline-block;
}

.xxx-listing-card-new--rko .xxx-listing-card-new__slide-right .h4{
    margin-bottom: 15px;
}

.xxx-listing-card-new--rko .xxx-listing-card-new__btn-wrap--right{
    display: none;
}

.xxx-listing-card-new--rko .xxx-listing-card-new__slide{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
}

/*-----------------xxx-listing-card-new--rko-------end----------*/

[data-js="hidden-row-item"] {
    display: none;
}
.xxx-listing-card-new__mob-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.xxx-listing-card-new__params {
    display: inline-block;
    background: #FFF4B9;
    border-radius: 50px;
    padding: 3px 8px;
    color: #333E50;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}
.xxx-listing-card-new__top-absolute {
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
}
.xxx-listing-card-new__slide-left--empty {
    padding: 0;
}
.xxx-tab__content-inside-right {
    padding-top: 25px;
}
.xxx-listing-card .xxx-g-list__item:last-child {
    margin-bottom: 0;
}
.xxx-listing-card-new--mob-pb.active {
    padding-bottom: 80px;
}
.xxx-tab__content-img img {
    max-width: 90px;
    margin-bottom: 20px;
}