.tile-item {
    float: left;
    margin: 13px 0 0 0;
    width: 33%;
    position: relative;
    font-family: roboto, arial, sans-serif;
}

/* левая линия для елемента*/
.tile-item:before {
    content: '';
    position: absolute;
    height: calc(100% - 8px);
    top: 8px;
    width: 1px;
    background: #efefef;
}

/* вспомагательный класс для ховера на елемент*/
.tile-item-h {
    height: 100%;
}

.tile-item-h-hide {
    position: relative;
}

/* за счет этого афтера мы делаем возможность навести на весь див даже внизу,
где нет контента*/
.tile-item-h-hide:after,
.tile-item-h:after {
    content: '';
    position: absolute;
    height: 100px;
    width: 100%;
    background: transparent;
}

.tile-item .color-plate {
    text-align: left;
    padding-top: 7px;
}

.tile-txt .color-plate {
    position: relative;
    display: inline-block;
    padding-top: 0;
    margin-bottom: 8px;
    margin-top: -11px;
    left: -3px;
}

.tile-compare-table + .color-plate {
    margin-left: -3px;
}

.tile-item .model-short-comare-link {
    width: inherit;
    padding: 0 0 5px;
}

.tile-wrapper {
    position: relative;
    text-align: center;
    padding: 0 15px 1px;
    width: 100%;
    height: 100%;
}

/* верхняя линия для елемента*/
.tile-wrapper:before {
    content: '';
    border: 1px solid #efefef;
    border-bottom: none;
    border-left: none;
    border-radius: 0 8px 0 0;
    top: -14px;
    left: 15px;
    width: calc(100% - 15px);
    height: 8px;
    position: absolute;
}

.tile-over .tile-wrapper:before {
    top: -1px;
    border: none;
}

.tile-item-marked .tile-wrapper:before {
    width: calc(100% - 1px);
    right: 0;
    left: 1px;
    height: 100px;
    border-radius: 8px 8px 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2CF ', endColorstr='#ffffff');
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF2CF), to(#ffffff));
    background: -webkit-linear-gradient(#FFF2CF, #ffffff);
    background: -moz-linear-gradient(#FFF2CF, #ffffff);
    background: -o-linear-gradient(#FFF2CF, #ffffff);
    background: linear-gradient(#FFF2CF, #ffffff);
}

.tile-pict {
    width: 100%;
    height: 210px;
    margin: 10px 0;
    position: relative;
}

.tile-item.list-item--offers .tile-pict td {
    vertical-align: middle;
    text-align: center;
    font-size: 0;
}

.tile-pict .list-img {
    height: 200px;
    line-height: 200px;
    margin-bottom: 10px;
}

.tile-pict .list-img img {
    max-height: 200px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    vertical-align: middle;
}

.tile-name {
    overflow: hidden;
    position: relative;
    height: 38px;
    margin-top: 14px;
    font-size: 15px;
}

.tile-name:before,
.tile-pict + .tile-price:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.tile-price {
    /*height: 44px;*/
    position: relative;
    overflow: hidden;
}

.tile-price a {
    text-decoration: none;
    color: #e84c3d;
    position: relative;
}

.tile-price i {
    font-size: 30px !important;
    font-style: normal;
}

.tile-price div u {
    font-size: 11px !important;
    color: #4527a0;
    display: inline-block;
    margin: 0 0 2px;
}

.tile-price .model-price-range span {
    font-size: 17px;
}

.tile-name .ib {
    text-decoration: none;
    vertical-align: bottom;
}

.tile-name .ib u,
.tile-name .ib .u {
    text-decoration: none;
}

.tile-pict + .tile-price {
    /*height: 70px;*/
    position: relative;
}

.tile-price > a:first-child {
    display: inline-block;
    padding: 3px 0;
    vertical-align: bottom;
    overflow: hidden;
    width: 100%;
}

.tile-item .model-all-shops, .tile-price > a > div {
    left: 0;
    color: #777;
    font-size: 12px;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.tile-price > a > div {
    font-size: 11px;
}

.tile-item .model-all-shops u, .tile-price > a > div u {
    text-decoration: none;
    border-bottom: 1px solid #b5c1dc;
}

.tile-price > a > span {
    font-size: 11px;
    margin: 0 28px 10px 5px;
    position: relative;
}

.tile-price > a > span:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZCAYAAAABmx/yAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABoklEQVR4nI3UzSsEYRzA8SmrHP0DXvcgcXClEBcvKSEvyXvYHCRbUnugSF4uwmGx67ApJ1duDvwDbkqtE8pbGxbZvH5/7W+2jZnZnfr2zM48n51nZ2fXdXAcdhuGkUunjVXuRyPNzUX7VEahw5OLKfB9uvBB9/spEzwOjqQDe2iLmqmbssBD4CdHyIRbJo6y/0lt1EoZHBtxWrZc0WDCHRMn2P2mdr26ocu+tIWKr2Wi4k7FcuUxzl3ZQsXmsn+oi5qM+A0b4NyNLVT8rDhGfVRHexzrlVXZQsVRJnrZ/aJBqqFdeUPOhW2h4og8EPqZhxUHOebh3LktTMKTSbiaAvI9O0LFLwweJmczdlAleVNC2UDyLBfoS7lpZykhqJxhm0rpnVZoxxGCKhSV0Act0yLLj9lCRUEqVjRHCyB5OKy/DpDcgAAV0RvNA5aS5/yDoFpFhSR3dJZW/85z/UHyeG1SPr3SDK2by7OEoHpFeYp8tGGFEhDUwOBXFKVpgN8KJCCohXGNciiiKOiEzCuaSP4m5F8ulAqZ8MiI/9p96SLZfgFmpLLRrR4a0wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: -25px;
    width: 19px;
    height: 25px;
}

.tile-over .tile-price > a > span:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAZCAYAAAABmx/yAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAhdEVYdENyZWF0aW9uIFRpbWUAMjAxNjoxMjoyNyAxNDo1NjozM0W9GDgAAAHMSURBVDhPjZO9SxxBGIdfb9pgQBCLECUmIIKFTQoDFqYxqUSLGEQwBBGshAUJCKaIKLFwiKRQUUlEECSxEGwsTOMfkM6/wMIvNKjxg3Bcnt+OH3fenXs/eN7Zd+HZmdndKctMpJ6aWTX8tij9h7GkpOAn/IIv5l2lbpYSiQfh0npAckVo74/EbliNO7MumEV+GNriSbGvXcY+WInvmHXAQtKyNaMh71EH4Efcm7WBZn4c2vyUZTKZq0viXRV1Ejrj3mwN+nnwdmhvkysq3pVTZ+Bt3JutwzvkndCGhKVmJ0ofU7XnBdBTW2GJBz5ivEm+qETpE1X4BpJbYBH5GWOcwqISpQ+pgzAf90GeQ65Tk7/Hu/HuAXUCekETbcL7ZPE63i1T34TGpoovNTveNVKfhMYuYStZ9K6JugjP4QLGYf5+0bsX1FlogH8gaYwXd158j0Gag3qQ9AlGkWKhsOhdM1Uz6dWfwQjCZ8ab5C/Vu5fU7yDpFIZBS8xJruidfi998Fr4Cx9h8np52bldqnevqNNQA5KG4GshSQmid6+5ngJJ+k8/IKgvmhRSO6OOkST9n1GSpGiPOrg66fsgSZ8gMRI34AiGkHQGS4jZf8i7iCV29qf+AAAAAElFTkSuQmCC);
}

.tile-price > a > i {
    position: relative;
}

.tile-shadow .tile-wrapper {
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
}

.list-more .mtools-loader {
    display: none !important;
}

.tile-page-separator {
    margin-bottom: -3px;
    padding-top: 4px;
    margin-top: -8px;
    background: #fff;
    position: relative;
}

.tile-page-separator > div {
    font-size: 24px;
    color: #aaa;
    background: #fff;
    padding: 0 10px;
    position: relative;
    top: 0;
    left: -45px;
}

.tile-page-separator:before {
    content: '';
    position: relative;
    top: 15px;
    margin-left: -60px;
    border-bottom: 1px dashed #c6c6c6;
    display: block;
}

.tile-compare-table {
    width: 100%
}

.tile-compare-table td:first-child {
    text-align: left
}

.tile-compare-table td:last-child {
    width: 100%
}

.tile-compare-table .short-opinion-icons {
    float: right;
    text-align: right;
}

.tile-compare-table .s-o-i-left {
    float: left;
    text-align: left;
}

.tile-compare-table .custom-checkbox + label:after {
    content: none;
}

.tile-over .tile-wrapper {
    background: #fff;
    margin-top: 1px;
    z-index: 30;
    border-radius: 8px;
    padding: 1px 15px 18px;
    height: auto;
    min-height: calc(100% + 15px);
    width: 100%;
}

.tile-over .tile-wrapper:after {
    content: '';
    background: url('/img/view-bg-1.png') repeat-x;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
}

.view-type-4 .tile-page-separator {
    padding-top: 0;
    margin-top: 4px;
    margin-bottom: -7px;
}

.view-type-4 .o-hidden-200 {
    margin: 0 auto;
}

.list-promo-vt4:after {
    content: '';
    background: url(../img/svg/ek-promo-icon-01.svg) no-repeat;
    width: 48px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: 6%;
}

.list-promo-vt4:hover:after {
    z-index: 30;
}

.list-buy-text {
    color: #888;
    text-align: right;
    top: -11px;
    position: relative
}

.list-buy-text h2 {
    font-size: 12px;
    background: #fff;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 17px;
    display: inline-block;
}

.view-type-4 .list-buy-text {
    top: -5px;
}

.view-type-4 .list-buy-text h2 {
    padding-right: 0;
}

.list-buy-text ~ .list-more .list-more-div {
    margin-top: 2px;
}

.tile-over .list-zoomer {
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAEK0lEQVR4nO2ZX2xLcRTHb/+tf7TGWrtNtmRsRlkwIkhYmOBBYkj2MLyJSITw4k/EA+JfEA/Ev+CNZCR9mH+RDDHm38OwSWZs1SWzRu8sJm3p/9bvWztLtdPd26zahJOc9Sz397v3k3PO75zTW2U0GuWYyJiuY1rLdDJTHZdd+cHUxtTKtJ5pVMn+yJmeZboii2CJAkfNHNRFTLcBtI7LLchEAVsdQGuzTSJCagFanm0KEVIOUG22KUSIVpltArHyH3S05d8BbfvQp771qNPwukPQOvrcKq8vKNOoldFi3hCstJi9NdXlntkW3pc1UFvPQN6RS89MLe2fk6qGzx+S4TrU2tiRP2e62btv88L+KSUFgb8KevexTb//fHOhPxCSiVn/+p1Tu25XQ/H+LVV98HA6z5QMCsi9p5v4wWEmJkvnT/SsrCrzVFp4v3GcNuz6HpC3vRfUdx7bDA9edusjkSgXCIZl+8408VifDqwkUIQSniRI3jgmdGrXMuesqYX++HUFYzXh6nklP6DtH/u/7Tz5kO8VXCpcO3ihudBSagxITQNJoMhJCjcg60+scUwo0IVS7akoM/mvHa9xbNhzs8ghuFXw7KGLTydcPVbjyAgoTnf8wYEnEyFnrL1cRnardZNdoZDFXG/M14bZemH97oZipEHre0HT0u7UzK0wi64GokFRgshGTiaGeySBZ5ctmORpfG7X4//bTZ2GjICiTpKNgyMFkmTVknI3gb7pEDRS9ooGRTEnG6eb7Phwx0tl7ZVSsikN4qPQK7jzMgKKjkM2SpCUh5CMH6uJkB0MhblQOCJTKuTRVHtIRIOiLaLjwEadRAmSCvrN7ZcPPVghj6lYEQ2K3o06ChvFHDUSNsJKa+LD3XJjo51AWNhjn20fBDVdL2L3Yx+ivCkJFAMGgaLjECiVoKQbM8jEa7ebuvRkz55m9op9tiRQtD0MGLDRFtFxUHLE7n9n71fff9E9VOJWV09xZwQUoxqmIAwYKNpoi+g4KOa0Jj4NKNyQry6fAuuxDzJrKu+TUkMlgUIwqmEKQhtE70ZbRMchzw6XBvAkID85XUPlTadVRaSceMmgGCQwqtEUhN6NtoiOg2KOOokSNODyyd929qmRkwg3eZLkRWuvbsex+/zpvcuFUS9PJDSiYQqCZwGBbkMdR6w8edUzRgpsWoMzYDGqYQrCgDHSeuQkwg1Ppgub9lcRpAFGNUxBGDDQu9EW0XFQmlAnUYJwunFwkJOAAlwi7IFzzabD2xd/yQgoCSDiT/DgIYH5m4fgMXhuONh7Tz8aMg6adMMUIfwTrNmkTzl8x/aOFqBYIViEG54E5NEdS4QR9/0NuKSHMliEeqRw/7aHKXpurr/R8wK0i/v1CjqXpQugeKGf66BWgF7nfr3Qz9X3+I1MrwMUXw+2cjn+881PTLcQ8rCcSNoAAAAASUVORK5CYII=);
    bottom: 0;
    right: 0;
    z-index: 7;
    width: 42px;
    height: 40px;
    top: auto;
    left: auto;
    cursor: pointer;
}

.view-type-4 .list-more:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #efefef;
    top: -15px;
    position: absolute;
    z-index: -1;
}

/* вспомагательные классы для бордеров елементов*/
.ti-h1:before,
.ti-h1:after,
.ti-h2:before,
.ti-h2:after {
    content: '';
    position: absolute;
    height: calc(100% - 8px);
    top: 8px;
    width: 2px;
    border-left: 1px solid #efefef;
}

@media (min-width: 1360px) {
    /*-----------------------------*/
    /* бордеры для первого елемента*/
    .ti41 .ti-h1:before {
        left: 100%;
    }

    .ti41 .ti-h1:after {
        left: 200%;
    }

    .ti41 .ti-h2:before {
        left: 300%;
    }

    .ti41 .ti-h2:after {
        left: 400%;
    }

    /* бордеры для второго елемента*/
    .ti42 .ti-h1:before {
        left: -100%;
    }

    .ti42 .ti-h1:after {
        left: 100%;
    }

    .ti42 .ti-h2:before {
        left: 200%;
    }

    .ti42 .ti-h2:after {
        left: 300%;
    }

    /* бордеры для третьего елемента*/
    .ti43 .ti-h1:before {
        left: -200%;
    }

    .ti43 .ti-h1:after {
        left: -100%;
    }

    .ti43 .ti-h2:before {
        left: 100%;
    }

    .ti43 .ti-h2:after {
        left: 200%;
    }

    /* бордеры для четвертого елемента*/
    .ti40 .ti-h1:before {
        left: -300%;
    }

    .ti40 .ti-h1:after {
        left: -200%;
    }

    .ti40 .ti-h2:before {
        left: -100%;
    }

    .ti40 .ti-h2:after {
        left: 100%;
    }

    .minusb4-1 .ti-h2:after,
    .minusb4-2 .ti-h2:after,
    .minusb4-2 .ti-h2:before,
    .minusb4-3 .ti-h1:after,
    .minusb4-3 .ti-h2:after,
    .minusb4-3 .ti-h2:before {
        content: none;
    }

    .ti41 .tile-wrapper:before {
        border-left: 1px solid #efefef;
        border-radius: 8px 8px 0 0;
        width: calc(100% - 1px);
        left: 0;
    }

    .ti41 .tile-over .tile-wrapper {
        border-radius: 8px;
    }

    /*-----------------------------*/
    .tile-item {
        width: 25%;
    }

    .view-type-4 .s-width {
        max-width: 1480px;
    }

    .tsh4 {
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        position: relative;
    }

    .tsh4:after {
        content: '';
        position: absolute;
        height: 100px;
        width: 100%;
        background: transparent;
    }

    .view-type-4 :not(.left-art-block) > .post-list-block-sm {
        width: 22%;
    }

    .view-type-4 .post-list-block-hw {
        display: none;
    }
}

@media (max-width: 1359px) {
    /*---------------------------------*/
    /* бордеры для первого елемента*/
    .ti31 .ti-h1:before {
        left: 100%;
    }

    .ti31 .ti-h1:after {
        left: 200%;
    }

    .ti31 .ti-h2:before {
        left: 300%;
    }

    /* бордеры для второго елемента*/
    .ti32 .ti-h1:before {
        left: -100%;
    }

    .ti32 .ti-h1:after {
        left: 100%;
    }

    .ti32 .ti-h2:before {
        left: 200%;
    }

    /* бордеры для третьего елемента*/
    .ti30 .ti-h1:before {
        left: -200%;
    }

    .ti30 .ti-h1:after {
        left: -100%;
    }

    .ti30 .ti-h2:before {
        left: 100%;
    }

    .ti31 .ti-h2:after,
    .ti32 .ti-h2:after,
    .ti30 .ti-h2:after,
    .minusb3-1 .ti-h2:before,
    .minusb3-2 .ti-h1:after,
    .minusb3-2 .ti-h2:before {
        content: none;
    }

    .ti31 .tile-wrapper:before {
        border-left: 1px solid #efefef;
        border-radius: 8px 8px 0 0;
        width: calc(100% - 1px);
        left: 0;
    }

    .ti3-hide {
        display: none;
    }

    /*---------------------------------*/
    .view-type-4 .tile-page-separator {
        display: none;
    }

    /* tsh3 - tile-show3*/
    .tsh3 {
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        position: relative;
    }

    .tsh3:after {
        content: '';
        position: absolute;
        height: 100px;
        width: 100%;
        background: transparent;
    }

    .post-list-block-sm:nth-child(7),
    .post-list-block-sm:nth-child(8),
    .view-type-4 .post-list-block-hn {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1247px) {
    .view-type-4 .catalog-path,
    .view-type-4 .common-table-div,
    .view-type-4 .header > div,
    .view-type-4 .mainmenu > div {
        margin-left: 0;
    }
}

.tile-item .c-d {
    height: 18px;
    width: 18px;
    top: 9px;
}

.tile-item .c-d:hover,
.tile-item .c-d-h,
.tile-item .c-d-a {
    height: 24px;
    width: 24px;
}

.tile-item .c-d-a {
    top: 9px
}

.tile-over .model-all-shops {
    color: #fff;
    padding: 1px 6px 4px;
    background-color: #ff8b2b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fea94a), to(#ff6808));
    background-image: -moz-linear-gradient(top, #fea94a, #ff6808);
    background-image: -ms-linear-gradient(top, #fea94a, #ff6808);
    background-image: linear-gradient(top, #fea94a, #ff6808);
    border-radius: 11px;
    top: -4px;
}

.tile-over .model-all-shops:hover {
    color: #fff;
}

.tile-over .tile-name {
    white-space: normal !important;
    overflow: hidden;
    position: relative;
    margin-top: 12px;
}

.tile-na {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}

.list-zoomer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

/*.list-zoomer:hover {background-image: url('../img/zoomer-bg-2.png')!important; background-repeat: no-repeat; background-position: center center;}*/
/*.list-tr:hover .list-zoomer {background: url('../img/zoomer-bg-3.png') no-repeat center center;}*/

.list-more + .list-compare-div, .list-more-end + .list-compare-div {
    position: relative;
    height: 85px;
    top: -85px;
}

.item-block .list-more-div {
    top: 0;
}

.item-block .list-more-div {
    width: 330px;
}

.list-more-end {
    /*height: 85px;*/
    clear: both;
}

.post-title > h2 {
    font-size: 22px;
    font-weight: 500;
    color: #333;
}

.model-short-marked .tile-name:after,
.model-short-marked .tile-price:after {
    display: none;
}

.tile-price > a > span u {
    display: inline-block;
    margin-top: 4px;
    text-decoration: none;
}

.tile-name > a {
    margin-bottom: 1px;
    display: inline-block
}

.tile-name > a > .highlight-search {
    padding-top: 2px;
    padding-bottom: 3px;
}

.tile-name > a:not(:hover) .list-conf-name {
    color: grey;
}

.tile-over .model-all-shops u {
    text-decoration: underline !important;
    border: 0 !important;
}

.tile-item .model-price-range {
    width: 100%;
    text-align: center;
    font: 500 17px roboto;
}

.tile-compare-table {
    margin-top: 5px;
    height: 24px;
    width: 100%;
    white-space: nowrap
}

.tile-name:after, .tile-price:after {
    /*content: '';*/
    position: absolute;
    background: url('/img/comp-shad-4.png') repeat-y right top;
    top: 0;
    right: 0;
    width: 40px;
    height: 22px;
}

.tile-txt {
    font-size: 12px;
    color: #333;
    text-align: left;
    position: relative;
    padding: 7px 0 0
}

.tile-txt .m-s-f2 {
    font-size: 13px;
    line-height: 20px;
    /*height: 80px;*/
    overflow: hidden;
}

.tile-over .tile-txt .m-s-f2 {
    height: auto;
    overflow: auto;
}

.tile-txt .m-s-f2 > div {
    /*display: inline-block;*/
    color: #555;
    margin: 0;
}

.tile-txt .m-s-f2 > div span {
    color: #555;
}

.tile-txt .m-s-f1 {
    display: inline;
}

.list-descr-txt {
    display: none;
}

.tile-txt .list-descr-txt {
    visibility: hidden;
}

.tile-over .tile-txt .list-descr-txt {
    visibility: visible;
}

.list-descr-dots {
    position: relative;
    z-index: 10;
}

.tile-over .big-star-off {
    display: block
}

.list-more, .list-compare-div {
    clear: both;
}

.list-pager {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

.list-pager-div {
    text-align: center;
    padding: 0 30px 0 0;
    margin-bottom: 30px;
}

.list-more-div {
    font-size: 23px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 20px auto 10px;
    padding: 15px 45px 20px;
    width: 260px;
    white-space: nowrap;
    position: relative;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/* fix: ширина кнопки */
@supports ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)) {
    .list-more-div {
        min-width: 260px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.list-more-small {
    margin: 0 auto;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
    width: 250px;
    top: -1px;
    position: relative;
}

/* fix: ширина кнопки */
@supports ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)) {
    .list-more-small {
        min-width: 250px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.h-margin-40 {
    margin: 40px auto;
}

.h-m-b-40 {
    margin: 0 0 40px 0;
}

.h-m-t-40 {
    margin: 40px 0 0 0;
}

.h-m-b-10 {
    margin: 0 0 10px 0;
}

.h-m-t-10 {
    margin: 10px 0 0 0;
}

.h-margin-21 {
    margin: 21px auto;
}

.h-border-top {
    border-top: 1px solid #e9e9e9;
}

.h-border-bottom {
    border-bottom: 1px solid;
}

.list-more-div-small {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 10px 30px 12px;
    width: 220px;
    white-space: nowrap;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    position: relative;
    top: -21px;
}

/* fix: ширина кнопки */
@supports ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)) {
    .list-more-div-small {
        min-width: 220px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.page-item .list-more-div-small {
    border-radius: 7px;
}

.page-item .list-more-div {
    border-radius: 8px;
}

.page-item .orange-but {
    border-radius: 5px;
}

.list-more-div .ib {
    margin: 0 6px 0 4px;
    font-size: 24px;
}

.list-more-div img {
    width: 21px;
    height: 18px;
    position: relative;
    top: 1px;
    margin: 2px 6px 1px 6px;
}

.list-more-div em:after {
    content: '1';
    font-size: 24px;
    position: relative;
    display: inline-block;
    width: 0;
    visibility: hidden;
}

.list-more-div em {
    border-bottom-color: #8da3cf
}

/* кнопка добавить фото/видео */
.opinion-none-bt.orange-but.add_f_v {
    text-decoration: none;
    border-radius: 30px;
    padding: 10px 26px;
    font-weight: lighter;
    position: relative;
}

.opinion-none-bt.orange-but.add_f_v > span.ico-plus {
    background-color: #ffffff94;
    border-radius: 30px;
    padding: 0 7px;
    color: #f0832d;
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    left: 20px;
    top: 8px;
}
.opinion-none-bt.orange-but.add_f_v span + span {
    margin-left: 26px;
}

/* кнопка сравнить в списке */
.list-compare-div {
    padding-top: 10px; /*position:relative; top:-160px;*/
}

.compare-button {
    padding: 10px 10px 12px;
    background: #f6f6f6;
    border-bottom: 1px solid #e9e9e9; /*margin-right: 20px;*/
}

.compare-button input {
    width: 200px;
    font-size: 14px;
    padding: 5px;
}

.list-compare-but {
    width: 150px;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    text-align: center;
    text-decoration: none;
    font: bold 14px Arial, Helvetica, sans-serif;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    padding: 6px 12px 9px;
}

/* list-controls.png */

.tile-over .list-tile-2shadow,
.tile-over .list-tile-2shadow:hover,
.tile-item:hover .list-tile-2unshadow,
.tile-item:hover .list-tile-2unshadow:hover {
    background-image: url('/img/soc-icons-1.png');
    background-repeat: no-repeat;
}

.tile-over .list-tile-2shadow {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 32px;
    height: 32px;
    background-position: 1px -480px;
}

.tile-over .list-tile-2shadow:hover {
    background-position: 1px -520px;
}

.tile-item:hover .list-tile-2unshadow {
    display: none;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 32px;
    height: 32px;
    background-position: 1px -560px;
}

.tile-item:hover .list-tile-2unshadow:hover {
    background-position: 1px -560px;
}

.tile-shadowed .list-tile-2shadow, .tile-unshadowed .list-tile-2unshadow {
    display: none;
}

.tile-unshadowed .list-tile-2shadow, .tile-shadowed:hover .list-tile-2unshadow {
    display: block;
}

.tile-shadowed.tile-over > div {
    filter: alpha(opacity=1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.tile-shadowed > div {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: alpha(opacity=0.3);
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

.tile-shadowed img {
    filter: alpha(opacity=0.2);
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}

.tile-shadowed .tile-name:after, .tile-shadowed .tile-price:after {
    display: none;
}

.tile-shadowed .list-zoomer {
    cursor: default
}

/* region model-short-div */
.model-short-div,
.model-short-div-closed {
    background-color: #fff;
    padding: 15px;
    position: relative;
}

.model-short-div {
    border-bottom: 1px solid #efefef;
}

.model-short-div:hover,
.model-short-div.hover {
    background-color: #f6f6f6;
    border-bottom-color: #e2e2e2;
}

.model-short-div:hover .model-hot-prices-td,
.model-short-div.hover .model-hot-prices-td {
    border-left-color: #e2e2e2;
}

.model-short-div.model-short-marked,
.model-short-div.model-short-marked:hover {
    background-color: #fffbec;
    border-bottom-color: #f0e9d0;
}

.model-short-div.model-short-marked .model-hot-prices-td,
.model-short-div.model-short-marked:hover .model-hot-prices-td {
    border-left-color: #f0e9d0;
}

.model-short-div.ms-grp,
.model-short-div.ms-grp:hover {
    background-color: transparent;
    border-bottom-color: transparent;
}

.model-short-div-closed {
    top: -1px;
}

.model-short-div .article-title {
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1200px) {
    .model-short-div .article-title {
        font-size: 14px;
    }
}

.model-short-div .article-img {
    margin-bottom: 13px;
}

.model-short-title {
    display: inline-block;
    font-size: 18px;
}

.model-short-controls {
    background-color: #fff;
    height: 100%;
    left: -50px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 50px;
}

.list-promo .model-short-controls {
    left: -51px;
}

.model-short-div:hover > .model-short-controls:not(:empty),
.model-short-div.hover > .model-short-controls:not(:empty),
.model-short-div-closed:hover > .model-short-controls:not(:empty) {
    visibility: visible;
}

.model-short-div-closed .model-short-2open {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHZpZXdCb3g9IjAgMCAxMiAxMCI+PHBhdGggZmlsbD0iI2JiYiIgZD0iTTYgLjY4Yy0uODQgMC0xLjU5LjE4LTIuMjYuNDZsMS4yNCAxLjI0Yy4zMS0uMTMuNjYtLjIgMS4wMy0uMiAxLjQ2IDAgMi41MSAxLjEgMi41MSAyLjUxIDAgLjM2LS4wNy43MS0uMjEgMS4wMmwxLjU3IDEuNTdjMS4yNC0uOTkgMS45My0yLjE5IDIuMS0yLjUuMDMtLjA1LjAzLS4xMSAwLS4xNkMxMS42OCA0LjA2IDkuNzEuNjggNiAuNjh6TS45My42NmwuNDItLjQyYy4wNi0uMDYuMTctLjA2LjIzIDBsOC44NyA4Ljg2Yy4wNi4wNy4wNi4xNyAwIC4yNGwtLjQyLjQyYy0uMDcuMDYtLjE3LjA2LS4yNCAwTDguMjggOC4yNGMtLjY3LjI4LTEuNDMuNDYtMi4yOC40NkMxLjg5IDguNy4yNSA1LjMxLjAxIDQuNzZjLS4wMi0uMDUtLjAyLS4xLjAxLS4xNC4xNy0uMzEuODgtMS41MSAyLjEyLTIuNTFMLjkzLjlDLjg2LjgzLjg2LjczLjkzLjY2em02LjEgNi4zM2wtLjgyLS44MWMtLjA3LjAxLS4xMy4wMS0uMi4wMS0uODMgMC0xLjUtLjctMS41LTEuNSAwLS4wNyAwLS4xNC4wMS0uMmwtLjgyLS44MmMtLjEzLjMxLS4xOS42NS0uMTkgMS4wMiAwIDEuNDEgMS4wNSAyLjUgMi41IDIuNS4zNyAwIC43MS0uMDcgMS4wMi0uMnpNNi4wMSAzLjE4Yy0uMDcgMC0uMTQuMDEtLjIxLjAybDEuNyAxLjdjLjAxLS4wNy4wMS0uMTQuMDEtLjIxIDAtLjgxLS42Ny0xLjUxLTEuNS0xLjUxeiIvPjwvc3ZnPg==');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 38px;
}

.model-short-div .model-short-2close {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHZpZXdCb3g9IjAgMCAxMiAxMCI+PHBhdGggZmlsbD0iI2JiYiIgZD0iTTYgLjk5QzIuMzQuOTkuMzIgNC4zOS4wMiA0LjkzYy0uMDMuMDUtLjAzLjEtLjAxLjE1LjI0LjU0IDEuODggMy45MyA1Ljk5IDMuOTMgMy43MiAwIDUuNjgtMy4zNiA1Ljk4LTMuOTIuMDMtLjA1LjAzLS4xIDAtLjE1QzExLjY4IDQuMzggOS43MS45OSA2IC45OXptLjAxIDYuNTJjLTEuNDUgMC0yLjUtMS4xLTIuNS0yLjUxIDAtMS40MSAxLjA1LTIuNTEgMi41LTIuNTEgMS40NiAwIDIuNTEgMS4xIDIuNTEgMi41MSAwIDEuNDEtMS4wNSAyLjUxLTIuNTEgMi41MXptMC00LjAxYy0uODMgMC0xLjUuNjktMS41IDEuNXMuNjcgMS41IDEuNSAxLjUgMS41LS42OSAxLjUtMS41LS42Ny0xLjUtMS41LTEuNXoiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    height: 32px;
    margin-top: 4px;
    width: 38px;
}

.model-short-div-closed .model-short-title {
    color: #ccc;
    text-decoration: none;
    padding: 0 5px;
    left: -15px;
    background: #fff;
    position: relative;
}

.model-short-div-closed:hover .model-short-title {
    color: #999;
}
/* endregion model-short-div */

/*промо-строка*/
.list-promo {
    background-color: #fffaeb !important;
    border: 1px dotted #ff7c02;
    border-bottom-color: #ff7c02 !important;
    border-bottom-style: dotted !important;
}

/*.list-promo	.model-short-block {background:url(../img/promo-ic.png) no-repeat bottom right;}*/
/*.list-promo	.model-short-block {background:url(../img/promo-ic.png) no-repeat bottom right;}*/
.list-promo .promo1 {
    background: url(../img/svg/ek-promo-icon-01.svg) no-repeat;
    width: 48px;
    height: 16px;
    position: relative;
    top: 2px;
}

.list-promo .model-short-title {
    display: inline-block;
    margin-right: 5px;
}

.list-promo:hover {
    border-left-color: #ff7c02 !important;
    border-left-style: dotted !important;
}

.list-sg {
    background-color: #fffaeb !important;
    border: 1px dotted #ff7c02;
    border-bottom-color: #ff7c02 !important;
    border-bottom-style: dotted !important;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.45);
}

.list-sg:hover {
    border-left-color: #ff7c02 !important;
    border-left-style: dotted !important;
}

.list-sg .sn-shadow {
    background-image: url(/img/hot-price-bg-3.png) !important;
}

.list-sg .model-short-title:before {
    content: attr(data-text);
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1993b), to(#EE6B09));
    color: white;
    display: block;
    font-size: 12px;
    padding: 2px 6px;
    margin-right: 5px;
    float: left;
    margin-top: 2px;
}

.soc-buttons-list {
    position: absolute;
    width: 30px;
    height: 200px;
    z-index: 7;
    right: 11px;
    top: -10px;
}

.pd-ms-s {
    padding-bottom: 22px !important;
}

.pd-ms-s .sel-ms-m {
    position: relative;
    width: 45%;
    min-width: 150px;
    margin: 0 0 5px 0;
}

.pd-ms-s .sel-ms-b {
    position: relative;
    width: 50%;
    min-width: 150px;
    margin: 0 15px 5px 0;
}

.page-title h1.ib span {
    position: relative;
    top: -4px;
}

.sel-ms-m {
    position: relative;
    width: 90%;
    min-width: 150px;
    margin: 0 10px 7px 0;
}

.sel-ms-b {
    position: relative;
    width: 90%;
    min-width: 150px;
    margin: 0 10px 7px 0;
}

.br-cloud-div .brands-tags {
    height: auto;
    margin: 10px 0 10px;
}

.poduct-presets u {
    font-size: 14px;
}

.ms-13 {
    font: normal 12px arial;
    color: #4527a0;
    margin: 0 0 9px;
    width: 80%
}

.op-gr {
    color: #666 !important;
}

.sel-big-div {
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    height: 32px;
    overflow: hidden;
    font: bold 14px arial;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));
    background: -webkit-linear-gradient(#ffffff, #f6f6f6);
    background: -moz-linear-gradient(#ffffff, #f6f6f6);
    background: -o-linear-gradient(#ffffff, #f6f6f6);
    background: linear-gradient(#ffffff, #f6f6f6);
}

.sel-big-div select::-ms-expand {
    display: none;
}

.sel-big-div:before {
    content: "";
    width: 28px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 0 0 6px;
    background-image: url('/img/list-filters-21.png');
    background-repeat: no-repeat;
    background-position: -33px -190px;
    background-color: #e0e0e0;
    pointer-events: none;
}

.sel-big-div option {
    color: #111;
    font-weight: normal !important;
}

.sel-big-div select {
    cursor: pointer;
    padding: 4px 34px 4px 8px;
    height: 30px;
    width: 100%;
    color: #444;
    font: bold 14px arial;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: checkbox-container;
    appearance: none;
}

.sel-big-div:hover {
    border-color: #b0b0b0;
    -webkit-box-shadow: 0 0 10px 2px rgba(255, 204, 0, 0.3);
    box-shadow: 0 0 10px 2px rgba(255, 204, 0, 0.3);
}

.sel-big-div select:hover {
    background: #fff !important;
    color: #e84c3d
}

.sel-big-div select:disabled {
    color: #ccc;
}

.sel-big-div select:focus {
    outline: none;
}

.sel-big-div:hover:before {
    background-position: -4px -190px;
}

.pd-10 {
    padding-bottom: 22px !important;
}

.pd-10 .sel-ms-m {
    position: relative;
    min-width: 150px;
    padding: 0 10px 7px 0;
    margin: 0;
    min-width: 0
}

.pd-10 .sel-ms-b {
    position: relative;
    min-width: 150px;
    margin: 0 10px 7px 0;
}

.pd-10 .submit {
    display: inline-block;
    overflow: hidden;
}

.pd-10 .submit-button {
    height: 32px;
    border-radius: 3px;
    min-width: 106px;
    padding: 0 0 3px 0;
    cursor: pointer;
    font: bold 14px arial;
    border-radius: 5px;
    border: none;
    color: #fff;
    background: #2d519b;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c75c6), to(#2d519b));
    background: -moz-linear-gradient(top, #4c75c6, #2d519b);
}

.pd-10 .submit-button:hover {
    background: #2d519b;
}

.pd-10 .submit {
    margin: 0 !important;
    padding: 0 !important;
}

@media (min-width: 1024px) and (max-width: 1247px) {
    body.page-list:not(.page-laptops) .s-width {
        margin-left: 40px;
    }

    body.page-list:not(.page-laptops) .fix-menu-position,
    body.page-list:not(.page-laptops) .fix-menu-data {
        left: 55px;
    }

    body.page-list:not(.page-laptops) .fix-menu-wrapper {
        margin-left: 5px !important;
    }

}

@media (max-width: 1199px) {
    .pd-ms-s .sel-ms-m {
        width: 50%;
    }

    .body-side-closed .fix-menu-position,
    .body-side-closed .fix-menu-data {
        left: 50px;
    }

    .body-side-opened .fix-menu-position,
    .body-side-opened .fix-menu-data {
        left: 50px;
    }

    .fix-menu-position,
    .fix-menu-data {
        left: 10px;
    }

    body.page-list:not(.page-laptops) .fix-menu-position,
    body.page-list:not(.page-laptops) .fix-menu-data {
        left: 45px;
    }

    .pd-ms-s .sel-ms-b {
        width: 45%;
    }

    .page-title .ib:not(b) span {
        top: -2px;
        font-size: 11px;
    }

    .tile-price i {
        font-size: 20px !important;
        font-weight: 500;
    }

    .tile-price > a > span u {
        display: none;
    }

    .tile-price > a:first-child:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .tile-price > a > div {
        vertical-align: middle;
    }

    .view-type-4 .post-list-block-hn {
        display: block;
    }

    .ms-13 span {
        display: none;
    }
}

/* list-banner start */
.ht-list-1, .ht-list-2 {
    border-top: 1px dotted #4527a0;
    border-bottom: 1px dotted #4527a0;
    margin: -1px 0 15px;
    position: relative;
    z-index: 10;
}

.ht-list-1:hover, .ht-list-2:hover {
    background: #fffbec
}

.ht-list-1 a, .ht-list-2 a {
    text-decoration: none
}

.ht-list-1 .ht-img {
    padding: 10px 20px 10px 115px;
    min-height: 85px;
    vertical-align: middle;
    font-size: 14px;
    background-position: left center;
    background-repeat: no-repeat;
}

.ht-list-1 .ht-t {
    font: normal 21px arial;
    margin: 0 0 5px;
    color: #4527a0
}

.ht-list-1 .ht-t u {
    text-decoration: none;
    border-bottom: 1px solid #a5b1cc
}

.ht-list-1 {
    padding: 15px 0 20px 10px;
}

.ht-list-2 .ht-t {
    font: bold 14px arial;
    margin: 0 0 4px;
    color: #4527a0
}

.ht-list-2 .ht-50 {
    width: 50%;
    float: left;
    white-space: normal !important;
    padding: 10px 20px 10px 110px;
    min-height: 80px;
    font-size: 12px;
    color: #555;
    background-position: left center;
    background-repeat: no-repeat;
}

.ht-list-2 {
    padding: 18px 0 15px 0;
}

.ht-l-txt {
    white-space: normal !important;
    color: #555;
}

.ht-l-more {
    color: #e84c3d;
    border-bottom: 1px solid #e84c3d;
    margin: 4px 0 0
}

.ht-l-b {
    position: absolute;
    top: -11px;
    right: 0;
}

.ht-l-b .ib a {
    font: normal 12px roboto;
    color: #666;
    text-decoration: none;
    display: inline-block;
    padding: 0 16px 0 10px;
    background-color: #fff;
}

.ht-l-b .ib a:after {
    content: '';
    position: absolute;
    top: .5em;
    right: 0;
    width: 12px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAABHNCSVQICAgIfAhkiAAAAB1JREFUGJVjYMADiouL/+OTHySaGMnSTYoNg1AxAHoHFRpp39Y7AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}

.ht-l-b .ib a:hover {
    color: #e84c3d;
}

.ht-l-b .ib a:hover:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAABHNCSVQICAgIfAhkiAAAAB1JREFUGJVjYMAD/vcy/ccnP0g0MZKlmxQbBqFiAA+BFvdYrhQ+AAAAAElFTkSuQmCC);
}

/* list-banner end */

.m-s-l {
    margin: 1px 0 1px;
}

.m-s-n-t {
    font-weight: normal;
}

/* Product Line */
.m-c-f1,
.m-c-f1-pl--inline {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 0 4px;
}

.m-c-f1-pl--inline {
    margin: 0 10px 0 4px;
}

.m-c-f1 + .m-c-f1-pl--inline {
    margin-left: 0;
    margin-top: 0;
}

.m-c-f1 > .ib,
.m-c-f1-pl--inline > .ib {
    margin: 0 10px 11px 0;
    background: #fff;
    border: 1px solid #4527a0;
    border-radius: 5px;
    color: #4527a0;
    font: normal 12px arial;
    padding: 7px 13px 8px;
}

.m-c-f1-pl--inline > .ib {
    padding: 0;
    border: none;
    margin: 0 0 11px 0;
    border-radius: 0;
    color: #bbb;
    border-top: 1px solid #4527a0;
    border-bottom: 1px solid #4527a0;
    text-decoration: none;
}

td > .m-c-f1-pl--inline {
    margin-top: 3px;
    max-width: 600px;
}

.m-c-f1-pl--inline > .ib:first-child {
    border-left: 1px solid #4527a0;
    border-radius: 5px 0 0 5px;
}

.m-c-f1-pl--inline > .ib:first-child a {
    padding-left: 12px;
}

.m-c-f1-pl--inline > .ib:last-child a {
    padding-right: 12px;
}

.m-c-f1-pl--inline > .ib:last-child {
    border-right: 1px solid #4527a0;
    border-radius: 0 5px 5px 0;
}

.m-c-f1-pl--inline > .ib:last-child {
    padding-right: 0;
}

.m-c-f1-pl--button > .ib > a {
    color: inherit;
    text-decoration: inherit;
}

.m-c-f1-pl--inline > .ib > a {
    padding: 7px 7px 8px;
    display: inline-block;
    color: #bbb;
    text-decoration: inherit;
    outline: none;
}

.m-c-f1-pl--inline > .ib > a:hover {
    color: #4527a0;
    background: #efefef;
}

.m-c-f1-pl--inline > .ib.current {
    border: 3px solid #e84c3d;
    padding: 7px 8px 8px;
    color: #e84c3d;
    border-radius: 3px;
}

.m-c-f1-pl--inline > .ib.current:first-child,
.m-c-f1-pl--inline > .ib:first-child > a {
    border-radius: 5px 0 0 5px;
}

.m-c-f1-pl--inline > .ib.current:last-child,
.m-c-f1-pl--inline > .ib:last-child > a {
    border-radius: 5px;
}

.m-c-f1-pl--inline .ib + .ib.current:last-child,
.m-c-f1-pl--inline .ib + .ib:last-child > a {
    border-radius: 0 5px 5px 0;
}

.m-c-f1-pl--inline > .ib.nadavi-highlight:after {
    content: ' *';
    display: inline-block;
}

.wb-st + .m-c-f1-pl--button {
    margin: 12px 0 -2px 0;
}

.m-c-f1-pl--button > span > a {
    padding: 7px 11px;
    display: inline-block;
}

.m-c-f1-pl--button {
    margin: 7px 0 0;
}

.m-c-f1-pl--button > .pl-t {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
}

.m-c-f1-pl--button > span {
    margin: 5px 5px 0 0;
    cursor: pointer;
    border: 1px solid #bbb;
    display: inline-block;
    border-radius: 5px;
    color: #bbb;
    font: normal 12px/1 arial;
    background-color: #fff;
}

.m-c-f1-pl--button > span .ib.sub,
.m-c-f1-pl--inline > span .ib.sub {
    font-size: smaller;
    position: relative;
    top: -4px;
    color: #999;
}

.m-c-f1-pl--button > span.current {
    border-width: 2px;
    border-color: #4527a0;
    color: #4527a0;
    padding: 7px 11px;
}

.wb-st .m-c-f1-pl--button > span.current {
    padding: 6px 10px;
}

.m-c-f1-pl--button > span.in-filter:not(.current) {
    border-color: #6c85b9;
    color: #6c85b9;
}

.m-c-f1-pl--button > span.out-of-stock,
.m-c-f1-pl--inline > span.out-of-stock {
    color: #7D7D7D;
    text-decoration: line-through;
}

.m-c-f1-pl--button > span.out-of-stock div,
.m-c-f1-pl--inline > span.out-of-stock div {
    color: #bbb;
}

.m-c-f1-pl--button > span.out-of-stock a div,
.m-c-f1-pl--inline > span.out-of-stock a div {
    text-decoration: inherit;
}

.m-c-f1-pl--button > span.current.out-of-stock div,
.m-c-f1-pl--inline > span.current.out-of-stock div {
    color: #4527a0;
    display: inline;
}

.m-c-f1-pl--button > span.in-filter:not(.current).out-of-stock > div,
.m-c-f1-pl--inline > span.in-filter:not(.current).out-of-stock > div {
    color: #6c85b9;
}

.m-c-f1-pl--button > span:not(.current):hover {
    border-color: #e84c3d;
    color: #e84c3d;
}

.m-c-f1-pl--button > span.nadavi-highlight:after {
    content: ' *';
}

.m-c-f1-pl--button > span:last-child {
    margin-right: 0;
}

/* новые параметры в линейках (конфигурациях) */
.m-c-f {
    padding: 0 0 15px 30px;
}

.m-c-f2 {
    padding: 8px 15px 0 3px;
    margin: 0 0 10px;
    max-width: 750px;
}

.m-c-f2 > div {
    color: #222;
    font-size: 18px;
    margin: 0 !important;
    margin-bottom: 2px !important;
    padding: 0 15px 0 14px;
    display: inline-block;
    line-height: 1.3;
    overflow: hidden;
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.m-c-f2 > div:before {
    background-color: #e84c3d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    height: 5px;
    left: 4px;
    position: absolute;
    top: -webkit-calc(50% - 3px);
    top: -moz-calc(50% - 3px);
    top: calc(50% - 3px);
    width: 5px;
}

.m-c-f2 .sn-shadow {
    background: url(/img/wh-g-line-1.png) repeat-y right top;
    width: 55px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
}

/* n-2832 п.9 вернуть возможность выводить в две колонки */
.m-c-f2 .m-s-f3 {
    width: 366px;
}

.desc-short-prices-div .m-c-f2 .sn-shadow {
    background: none;
}

.desc-short-prices-div #group_item_descr {
    margin-top: 10px;
}

.desc-short-prices-div .m-c-f1 > .ib {
    padding: 4px 8px 5px;
}

.desc-short-prices-div .m-c-f2 {
    padding: 1px 15px 0 3px;
    margin: 0 0 10px;
}

.desc-short-prices-div .m-c-f2 > div {
    font-size: 15px;
    height: 18px;
    display: block;
}

.m-c-f2 > div > span {
    color: #999;
    display: inline-block;
    margin-right: 4px;
}

/* reCaptcha */
.recaptcha {
    display: table;
    margin: 30px 60px 0 20px;
    font-family: Roboto, Arial, sans-serif;
}

.recaptcha.recaptcha--preloader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1;
}

.recaptcha.recaptcha--preloader:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/img/recaptcha-preloader.gif');
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: .7;
    z-index: 2;
}

.recaptcha > div {
    display: table-cell;
    vertical-align: top;
}

.recaptcha__bg--robot {
    background-image: url('/img/captcha-icon.png');
    background-repeat: no-repeat;
    width: 298px;
    height: 317px;
}

.recaptcha__content {
    padding-left: 60px;
}

.recaptcha__content h1 {
    font-size: 38px;
    margin: 20px 0;
}

.recaptcha__content p {
    font-size: 16px;
    color: #444;
    margin: 20px 0;
}

.recaptcha__content form {
    margin-top: 25px;
    margin-bottom: 40px;
}

.recaptcha__arrow {
    margin-top: -7px;
    display: inline-block;
    font-size: 16px;
    color: #444;
}

.recaptcha__arrow:before {
    display: block;
    background-image: url('/img/cap-icon-arrow.png');
    background-repeat: no-repeat;
    position: relative;
    width: 26px;
    height: 48px;
    content: '';
    margin: 0 13px 0 15px;
    float: left;
    top: -13px;
}

a.synonym_button {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    cursor: pointer;
    display: none;
}

/*helpers position: relative*/
.h-pr {
    position: relative;
}

.h-pr a.synonym_button {
    position: absolute;
    bottom: -3px;
    margin-left: -30px;
}

.model-short-div:hover .h-pr .model-short-title {
    padding-right: 30px;
}

.model-short-div:hover .h-pr .new-big {
    margin-left: -30px;
}

.model-short-div:hover .h-pr .new-big + a.synonym_button {
    margin-left: 0px;
}

a.edit_goods_button {
    cursor: pointer;
    display: none;
}

.model-short-div:hover a.synonym_button, .model-short-div:hover a.edit_goods_button,
.main-part-content > .page-title:hover a.synonym_button, .main-part-content > .page-title:hover a.edit_goods_button {
    display: initial;
}

.main-part-content > .page-title:hover a.synonym_button {
    vertical-align: middle;
}

.orange-syn-title {
    color: #e84c3d !important;
    font-weight: bold;
}

a.go_to_account,
span.go_to_account {
    cursor: pointer;
    display: none;
}

.where-buy-table tr:hover a.go_to_account,
.model-hot-prices-td:hover a.go_to_account,
.where-buy-table tr:hover span.go_to_account,
.model-hot-prices-td:hover span.go_to_account,
.adm-hovered:hover .go_to_account {
    display: initial;
}

/* Подсветока активного пресета */
.m-s-f1 .ib.active-pr,
.model-short-div:hover .m-s-f1 .ib.active-pr {
    background: #ffeba0 !important;
    color: #555 !important;
}

html:not(.js) .l-s-top .lf-popup {
    display: none;
}

/*.m-s-f1 .ib.active-pr:hover,*/
/*.model-short-div:hover .m-s-f1 .ib.active-pr:hover {*/
/*background: #6c85b9 !important;*/
/*}*/

/* region Сердечка */
.list-img-star {
    position: absolute;
    font-size: 0;
}

.list-img-star > .addto-wishlist {
    background-size: 32px 28px;
    padding-left: 32px;
    height: 28px;
}

body.view-type-2 .list-img-star,
body.view-type-3 .list-img-star {
    top: -7px;
    left: -15px;
    /*z-index: 101;*/
}

.tile-item .list-img-star {
    top: -22px;
    left: -16px;
    z-index: 29;
}

.tile-item.tile-over .list-img-star {
    top: -9px;
}

body.view-type-2 .list-img-star .addto-wishlist.heart-empty,
body.view-type-3 .list-img-star .addto-wishlist.heart-empty,
.tile-item .list-img-star .addto-wishlist.heart-empty {
    display: none;
}

body.view-type-2.nt .model-short-div:hover .list-img-star .addto-wishlist.heart-empty,
body.view-type-3.nt .model-short-div:hover .list-img-star .addto-wishlist.heart-empty,
.tile-item.tile-over .list-img-star .addto-wishlist.heart-empty,
.tile-item .list-img-star .addto-wishlist.heart-empty:focus {
    display: block;
}

/* endregion Сердечка */

/* region Список товаров пользователя */
.list-user-goods.ui-sortable div:first-child .model-short-div {
    border-top: 1px solid #efefef;
}

.list-user-goods.ui-sortable div .model-short-div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.list-user-goods.ui-sortable .model-short-div .model-short-controls .model-short-sort {
    background-color: #efefef;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjI0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB2aWV3Qm94PSIwIDAgNSAyNC4wMSI+PHBhdGggZmlsbD0iI2I4YjhiOCIgZD0iTS4xIDQuMzlWLjQxQy4xLjE4LjI4IDAgLjUxIDBoMy45OGMuMjMgMCAuNDEuMTguNDEuNDF2My45OGMwIC4yMy0uMTguNDEtLjQxLjQxSC41MUMuMjggNC44LjEgNC42Mi4xIDQuMzl6bTAgOS42di0zLjk4YzAtLjIyLjE4LS40MS40MS0uNDFoMy45OGMuMjMgMCAuNDEuMTkuNDEuNDF2My45OGMwIC4yMy0uMTguNDEtLjQxLjQxSC41MWMtLjIzIDAtLjQxLS4xOC0uNDEtLjQxem0wIDkuNjF2LTMuOTljMC0uMjIuMTgtLjQxLjQxLS40MWgzLjk4Yy4yMyAwIC40MS4xOS40MS40MXYzLjk5YzAgLjIyLS4xOC40MS0uNDEuNDFILjUxYy0uMjMgMC0uNDEtLjE5LS40MS0uNDF6Ii8+PC9zdmc+');
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #efefef;
    cursor: move;
    height: -webkit-calc(100% + 2px);
    height: -moz-calc(100% + 2px);
    height: calc(100% + 2px);
    right: -1px;
    top: -1px;
    width: 32px;
    position: absolute;
}
/* endregion Список товаров пользователя */
