.psd, .place-btn:before, .right-head > a:before, .search .search-btn:before, .user-nav a:before, .main-nav li .cat-btn:before, .slick-arrow:before, .price .last-price:before, .headline span:before, .headline span:after, .phone:before, .category .section-item ul li a:before, .list li a:before, .text-list li:before, .pagination .page-link.prev:before, .pagination .page-link.next:before, .ch-list label:before, .ch-list label:after, .thumbs span:before, .precence:before, .action-price .last-price:before, .ui-spinner .ui-spinner-button:before, .has-ico:before, .bn-list li:before, .unit:before, .order-total .title:before, .products span:before, .form-style .plus-btn:before, .jcf-select .jcf-select-opener:before, .radio-list label:before, .radio-list label:after, .pay-item label:before, .pay-item label:after, .product-list .view-all a:before {
    content: '';
    display: block;
    position: absolute;
}
.trans, .btn, .filter-btn, .btn:after, .filter-btn:after, .place-btn, .top-nav a, .right-head .enter, .search-drop ul li a, .search-drop ul li a strong, .user-nav a, .main-nav li a, .slick-dots button, .nav-tabs li a, .cat-item .name, .section-item .name a, .section-item .name:after, .news-item .name a, .form-control, .ftr-nav li a, .f-btn, .nav-ico, .nav-ico span, .category .section-item ul li a, a.view-more:after, .list li a, .pagination .page-link, .forms li label, .forms li label img, .ch-list label, .ch-list label:before, .ch-list label:after, .thumbs span, .thumbs span:before, .has-ico, .analogues-btn, .harakteistick li, .all:after, .cart-box .name a, .promocode .apply a, a.go, .radio-list label:after, .pay-item label, .pay-item label:after, .pay-item .ico-box img, .cab-item a, .product-list .inner, .nav-btn {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cab-item {
    margin-bottom: 30px;
}

.cab-item a {
    display: block;
    height: 240px;
    padding: 20px;
    text-align: center;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff;
}

.cab-item a:hover {
    color: #0c6792;
}

.cab-item a .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 150px;
}

.order-tabs {
    margin-bottom: 60px;
}

.order-tabs .nav-tabs .nav-link {
    background: #f4f4f4;
    border-bottom: 0 !important;
}

.order-tabs .nav-tabs .nav-link.active {
    background: #fff;
    color: #2387b5;
}

.order-tabs .card-body {
    padding: 40px;
    background: #fff;
}

.order-table table {
    width: 100%;
}

.order-table table tr th {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
    padding: 15px;
    border-bottom: 2px solid #eaeaea;
}

.order-table table tr th:first-child {
    padding-left: 0;
}

.order-table table tr td {
    font-size: 14px;
    color: #333333;
    padding: 30px 15px;
    border-bottom: 2px solid #eaeaea;
    vertical-align: top;
    line-height: 24px;
}

.order-table table tr td:first-child {
    padding-left: 0;
}

.order-table table tr td:last-child {
    text-align: right;
    padding-right: 0;
}

.order-table table tr td span {
    font-size: 12px;
    color: #666666;
    display: block;
    margin-top: 10px;
}

.order-table table tr td span.green {
    color: #2da157;
}

.order-table table tr:last-child td {
    border-bottom: 0;
}

.product-list .inner {
    overflow: hidden;
    max-height: 135px;
}

.product-list .item {
    margin-bottom: 25px;
}

.product-list .item p {
    margin-bottom: 10px;
    color: #333333;
    text-align: left;
}

.product-list .item .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
}

.product-list .item .line span {
    margin: 0;
    padding: 0 8px;
}

.product-list .view-all {
    margin-top: 20px;
    text-align: center;
}

.product-list .view-all a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    padding-right: 10px;
    color: #333333;
    text-decoration: none;
}

.product-list .view-all a:before {
    top: 50%;
    right: -5px;
    width: 6px;
    height: 10px;
    background: url(../images/cms/icons.png) -57px -60px no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product-list.open .inner {
    max-height: 2500px;
}

.product-list.open .view-all a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nav-btn {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 7px 20px;
    border: 2px solid #2387b5;
    color: #2387b5;
}

.nav-btn:hover, .nav-btn:focus {
    background: #2387b5;
    color: #fff;
    text-decoration: none;
}

.nav-btn.cancel {
    color: #f73c3c;
    border-color: #fa8893;
}

.nav-btn.cancel:hover, .nav-btn.cancel:focus {
    background: #fa8893;
    color: #fff;
}

@media (max-width: 991px) {
    .cab-item a {
        height: 200px;
    }

    .cab-item a .img-box {
        height: 110px;
    }

    .order-table {
        overflow: scroll;
    }

    .order-tabs {
        margin-bottom: 40px;
    }

    .order-tabs .card-body {
        padding: 20px;
    }

    .order-tabs .nav-tabs .nav-link {
        padding: 10px;
    }

    .order-tabs .nav-tabs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #f4f4f4;
    }

    .order-tabs .nav-tabs .nav-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}

@media (max-width: 767px) {
    .cab-item a {
        height: 150px;
        padding: 15px;
        font-size: 12px;
        line-height: 18px;
    }

    .cab-item a .img-box {
        height: 80px;
    }

    .cab-item a .img-box img {
        max-width: 35%;
    }

    .order-tabs .card-body {
        padding: 15px;
    }

    .order-table {
        overflow: visible;
    }

    .order-table table {
        max-width: 100%;
    }

    .order-table table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-table table tr th {
        display: none;
    }

    .order-table table tr td {
        display: block;
        padding: 5px 10px;
    }

    .order-table table tr td:first-child, .order-table table tr td:nth-child(2), .order-table table tr td:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333%;
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
        padding-left: 10px;
        text-align: center;
    }

    .order-table table tr td:nth-child(4), .order-table table tr td:nth-child(5), .order-table table tr td:nth-child(6), .order-table table tr td:nth-child(7) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-table table tr td:nth-child(4) span, .order-table table tr td:nth-child(5) span {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }

    .order-table table tr td:nth-child(4) span:before, .order-table table tr td:nth-child(5) span:before {
        display: inline-block;
        vertical-align: top;
        content: '-';
        color: #666666;
        margin-right: 3px;
    }

    .order-table table tr td:nth-child(6) {
        border-bottom: 0;
    }

    .order-table table tr td:nth-child(7) {
        text-align: center;
        padding: 5px 10px 15px;
    }

    .product-list {
        max-width: 100%;
    }

    .product-list .item {
        margin-bottom: 10px;
    }

    .product-list .item p {
        margin-bottom: 0;
        white-space: normal;
    }

    .product-list .item .line {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product-list .inner {
        max-height: 105px;
    }

    .product-list .view-all {
        margin-top: 10px;
    }

    .order-table table tr:last-child td:nth-child(7) {
        border-bottom: 2px solid #eaeaea;
    }
}

@media (max-width: 577px) {
    .cabinet-box {
        margin-left: -7px;
        margin-right: -7px;
    }

    .cabinet-box div[class^="col-"] {
        padding-left: 7px;
        padding-right: 7px;
    }

    .cab-item {
        margin-bottom: 15px;
    }

    .cab-item a .img-box {
        margin-bottom: 10px;
    }

    .nav-btn {
        width: 100%;
    }
}

.modal .modal-header .title {
    font-size: 20px;
    line-height: inherit;
    margin: 0;
}

/* Product Category Filter */
.category .section-item {
    height: calc(100% - 30px);
}

.category .section-item .inner {
    background: #fff;
    height: 100%;
    padding-bottom: 60px;
    display: block;
}

.category .section-item .name {
    height: 160px;
    width: 70%;
}

.category .section-item .qty {
    margin-bottom: 35px;
    text-align: left;
}

.category .section-item ul {
    margin: 0 -40px;
}

.category .section-item ul li {
    display: block;
}

.category .section-item ul li:nth-child(n+4) {
    display: none;
}

.category .section-item ul li a {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    padding: 13px 13px 13px 56px;
    position: relative;
    text-align: left;
}

.category .section-item ul li a:before {
    top: 50%;
    margin-top: -5px;
    left: 40px;
    width: 6px;
    height: 10px;
    background: url(../images/cms/icons.png) -67px -47px no-repeat;
}

.category .section-item ul li a:hover {
    color: #139ad5;
    background: #e6f0f4;
}

.category .section-item ul li a:hover:before {
    background-position: -76px -47px;
}

.category .section-item a.view-more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.category .section-item.open ul li:nth-child(n+4) {
    display: block;
}

.category .section-item.open .view-more:after {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

a.view-more {
    display: block;
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 17px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

a.view-more .txt {
    display: inline-block;
    vertical-align: top;
}

a.view-more:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 10px;
    background: url(../images/cms/icons.png) -67px -47px no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 3px 0 0 10px;
}

.list li {
    display: block;
}

.list li a {
    display: block;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
    padding: 10px 10px 10px 46px;
    position: relative;
}

.list li a:before {
    top: 50%;
    margin-top: -5px;
    left: 30px;
    width: 6px;
    height: 10px;
    background: url(../images/cms/icons.png) -67px -47px no-repeat;
}

.list li a:hover, .list li a.active {
    color: #139ad5;
    background: #e6f0f4;
}

.list li a:hover:before, .list li a.active:before {
    background-position: -76px -47px;
}

.filter .search {
    margin: 0 0 26px;
}

.filter .list {
    margin: 0 -30px 10px;
    transition: 0.5s;
}

.filter .filter-title.active+.list {
    display: block;
}

.filter .btn {
    width: 100%;
}

.view-more {
    display: block;
}

.filter .view-more {
    margin: 0 -30px -5px;
    transition: 0.5s;
}

.filter .open + .view-more:after {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.filter .close {
    display: none;
    position: absolute;
    z-index: 10;
    width: 21px;
    height: 21px;
    background: url(../images/cms/icons.png) -73px -27px no-repeat;
    top: -27px;
    right: 3px;
    opacity: 1 !important;
}

.filter .search {
    z-index: 1;
}

.filter-item {
    background: #fff;
    margin-bottom: 26px;
}

.filter-title {
    font-weight: 500;
    font-size: 15px;
    color: #333333;
    /* text-transform: uppercase; */
    /* margin-bottom: 15px; */
    padding: 10px 30px;
    background-color: #f7f7f7;
}

.filter-title.expander {
    position: relative;
    cursor: pointer;
}

.filter-title.expander:after {
    display: block;
    position: absolute;
    content: '\f078';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    top: 10px;
    right: 30px;
}

.filter-title.expander.active:after {
    content: '\f077';
}

.filter-body {
    display: none;
    padding: 10px 30px;
    position: relative;
}

.filter-body-invisible {
    display: block;
    visibility: hidden;
    padding: 0;
    height: 0;
}

.filter-title.expander.active + .filter-body {
    display: block;
}

.filter-title.expander.active + .filter-body-invisible {
    visibility: visible;
    padding: 10px 30px;
    height: initial;
}

.filter-body .jcf-list-box {
    display: none;
}

.filter-hint{
    display: none;
    position: absolute;
    left: calc(100% + 20px);
    top: 0;
    background: #fff;
    z-index: 10;
    width: 235px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
    opacity: 1!important;
}

.filter-hint .inner{
    display: flex;
    justify-content: space-between;
}

.filter-hint:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 20px 18px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-hint-btn{
    display: none;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    color: #2387B5;
    font-weight: bold;
    background: transparent;
}

.filter-result{
    display: flex;
}

.filter-result > div{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 3px;
}

.filter-result .btn{
    padding: 10px 20px;
    min-width: initial;
    margin: 0;
    font-size: 15px;
}

.filter-result .btn[data-role="filter-reset-button"]{
    background-color: transparent;
    color: #999999;
}

.filter-result .btn[data-role="filter-reset-button"]:hover,
.filter-result .btn[data-role="filter-reset-button"]:focus{
    color: #666;
}

.filter-result-mob .btn{
    background-color: transparent;
    color: #999999;
    width: 100%;
    padding: 20px;
    margin-top: -20px;
}

.filter-result-mob .btn:hover,
.filter-result-mob .btn:focus{
    color: #666;
}

.forms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.forms li {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border: 1px solid #e5e5e5;
    margin-top: -1px;
    margin-left: -1px;
    position: relative;
}

.forms li input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.forms li label {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}

.forms li label img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
}

.forms li input:checked + label {
    background: #2487b6;
}

.forms li input:checked + label img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.ch-list li {
    position: relative;
}

.ch-list li:nth-child(n+6) {
    display: none;
}

.ch-list.open li:nth-child(n+6) {
    display: block;
}

.ch-list input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.ch-list label {
    display: block;
    position: relative;
    padding: 10px 10px 10px 65px;
    color: #333333;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    cursor: pointer;
}

.ch-list label:before {
    z-index: 1;
    top: 10px;
    left: 30px;
    width: 18px;
    height: 18px;
    /* background: #e5e5e5; */
    border: 2px #ccc solid;
}

.ch-list label:after {
    z-index: 2;
    top: 13px;
    left: 33px;
    width: 12px;
    height: 12px;
    background: #2487b6;
    opacity: 0;
}

.ch-list label:hover {
    background: #e9f3f8;
}

.ch-list label:hover:hover:before {
    background: #fff;
}

.ch-list label:hover:hover:after {
    opacity: 0.3;
}

.ch-list input:checked + label:before {
    background: #e5e5e5;
}

.ch-list input:checked + label:after {
    opacity: 1;
}

.ch-item {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
}

.ch-item input,
.ch-item label {
    display: block;
    float: left;
}

.ch-item input {
    margin-right: 10px;
}

.ch-item label {
    font-size: 13px;
    margin-top: -2px;
}

#slider {
    width: 100%;
}

.ui-slider {
    position: relative;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    padding: 1px 5px;
    background: #2487b6;
    color: #fff;
    font-size: 12px;
}

.ui-slider .ui-slider-handle:after {
    content: '';
    display: block;
    top: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background: #2487b6;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.1);
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    overflow: hidden;
    background: #2487b6;
}

.ui-slider-horizontal {
    height: 16px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -32px;
    margin-left: -10px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.filter .ui-widget-content {
    background: #e9f3f8;
}

.range {
    padding-top: 40px;
}

.scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
    padding-top: 15px;
    background: url(../images/scale.png) 0 0 repeat-x;
}

.scale .num {
    padding: 0 5px;
    font-size: 9px;
    color: #666666;
}

.text-box {
    padding: 50px 0;
}

.text-box-small {
    padding: 0 0 20px 0;
}

.filter-btn {
    display: none;
    width: 100%;
    border: 0;
}

.filter-tgl{
    display: none;
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #004497;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
}

.filter-tgl:hover{
    color: #fff;
}

.js-filter .filter-backdrop{
    z-index: 800;
    opacity: 1;
    visibility: visible;
}

.filter-backdrop {
    opacity: 0;
    position: fixed;
    z-index: -1;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    transition: opacity 0.25s ease-in-out;
}


@media (max-width: 991px){
    .filter{
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        box-shadow: 0 6px 12px rgba(0,0,0,.3);
        padding: 20px;
        z-index: 900;
        overflow: auto;
        transform: translateX(-200%);
        transition: all 0.35s ease-in-out;
    }
    .js-filter{
        overflow: hidden;
    }
    .js-filter .filter{
        transform: translateX(0);
    }
    .filter-hint{
        left: auto !important;
        right: 0;
    }
    .filter-tgl{
        display: block;
    }
}

.btn-reset{
    background: #E6F0F4;
    border-radius: 0;
    color: #139AD5;
    text-transform: uppercase;
    display: inline-block;
    position: sticky;
    left: -50px;
    top: calc(50% + 300px);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transform: rotate(-90deg) translateY(-50%);
    -webkit-transform: rotate(-90deg) translateY(-50%);
    white-space: nowrap;
    /*transform-origin: 29.5% 0%;*/
    transform-origin: 0 80%;
    opacity: 0;
    visibility: hidden;
    width: 250px;
    z-index: 100;
    border: 0;
    font-weight: bold;
    transition: all 0.25s ease-in-out;
    box-shadow: 0px 3px 12px rgba(0,0,0, 0.05) !important;
    /*margin-left: -300px;*/
}

.btn-reset.is-visible{
    opacity: 1;
    visibility: visible;
}

.btn-reset:hover{

}

.btn-reset span{
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-right: 20px;
}

.btn-reset span:after{
    content: '×';
    font-size: 28px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-in{
    position: relative;
}

.filter-reset-button-mob{
    position: fixed;
    left: 534px;
    z-index: 202;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: rotate(-90deg) translateY(-50%) translateX(-100%);
    -webkit-transform: rotate(-90deg) translateY(-50%) translateX(-100%);
}




@media (max-width: 1430px){
    .btn-reset{
        transform-origin: 0 31%;
    }
}

@media (max-width: 991px){
    .btn-reset:not(.filter-reset-button-mob){
        display: none;
    }
    .filter-open .filter-reset-button-mob{
        opacity: 1 !important;
        visibility: visible !important;
        transform: rotate(-90deg) translateY(-50%) translateX(0);
        -webkit-transform: rotate(-90deg) translateY(-50%) translateX(0);
        top: 65% !important;
    }
    .scroll-end .filter-reset-button-mob{
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

@media (max-width: 625px){
    .filter-reset-button-mob{
        left: calc(80% + 34px)
    }
}
/*Product Category Filter End */