/**
 * Service home new
 */

.list-services-new {
    border: 1px solid #e5e5e5;
    background-color: #fff;
    .border-radius(10px);

    ul {
        list-style: none;
        margin: -1px;
        padding: 0;

        li {
            float: right;
            width: 20%;
            margin: 0;
        }
    }

    .item {
        border: 1px solid transparent;
        padding: 25px 20px 25px;
        .border-radius(10px);
    }

    .sv-icon {
        width: 60px;
        height: 60px;
        float: right;
        overflow: hidden;
        background-color: #f5f5f5;
        .border-radius(50%);
    }

    .sv-info {
        margin-right: 60px;
        padding: 9px 12px 0 12px;
    }

    .top-sv {
        color: #222;
        text-transform: uppercase;
    }
}

/**
 * Block background
 */

.block-background {
    background-color: #fff;
    padding: 5px 20px;
    .clearfix();
    .border-radius(20px 0 20px 20px);

    .block-banner {
        float: left;
        width: 258px;
        padding-top: 15px;
    }

    .block-products {
        float: right;
        width: calc(~'100% - 258px');
        padding-left: 20px;

        .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"].owl-next {
            right: -12px;
        }

        .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"].owl-prev {
            left: -12px;
        }
    }
}

.remove-border-products .products-grid .product-item-info {
    border: none !important;
}

.product-banner-content {
    .block {
        margin: 0;
    }

    .block .block-title {
        margin-bottom: 5px !important;

        strong {
            font-weight: normal;
        }
    }

    .products-grid .product-item {
        margin-bottom: 0;
    }

    .products-grid .product-item-info .product-item-details {
        padding-bottom: 10px;
    }
}

/**
 * Brand slider
 */

.brand-slider-2 {
    border: none;
    .border-radius(20px);

    .owl-carousel .owl-item .item {
        text-align: center;
    }

    .owl-carousel .owl-item img {
        height: auto;
        width: auto;
        max-width: 100%;
        display: unset;
    }

    .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -54px;
    }

    .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"].owl-prev {
        left: -54px;
    }
}

/**
 * Testimonial slider
 */

.testimonial-slider {
    .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"].owl-next {
        right: 0;
    }

    .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"].owl-prev {
        left: 0;
    }
}

/**
 * Static deals
 */

.static-deals {
    margin: 0 -10px;
    display: flex;
    padding: 45px 0 20px;

    .deal-item {
        width: 20%;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .top-title {
        font-size: 128.571%;
        font-weight: 700;
        color: #26c0ff;
        margin-bottom: 15px;
    }

    .deal-image {
        margin-bottom: 15px;
    }

    .bottom-title a {
        display: block;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        padding: 10px 10px;
        border-bottom: 2px solid #26c0ff;
        color: #222;
        .transition(.1s);
    }

    .deal-item:hover {
        .bottom-title a {
            background-color: #26c0ff;
            border-color: #26c0ff;
            color: #fff;
        }
    }
}

@color-1: #fd6130;
@color-2: #68cd20;
@color-3: #ffb400;
@color-4: #ff5b9d;

.static-deals .deal-item {
    &.color-1 {
        .top-title {
            color: @color-1;
        }

        .bottom-title a {
            border-bottom: 2px solid @color-1;
        }

        &:hover .bottom-title a {
            background-color: @color-1;
            border-color: @color-1;
        }
    }

    &.color-2 {
        .top-title {
            color: @color-2;
        }

        .bottom-title a {
            border-bottom: 2px solid @color-2;
        }

        &:hover .bottom-title a {
            background-color: @color-2;
            border-color: @color-2;
        }
    }

    &.color-3 {
        .top-title {
            color: @color-3;
        }

        .bottom-title a {
            border-bottom: 2px solid @color-3;
        }

        &:hover .bottom-title a {
            background-color: @color-3;
            border-color: @color-3;
        }
    }

    &.color-4 {
        .top-title {
            color: @color-4;
        }

        .bottom-title a {
            border-bottom: 2px solid @color-4;
        }

        &:hover .bottom-title a {
            background-color: @color-4;
            border-color: @color-4;
        }
    }
}

/**
 * Product background
 */

.product-background {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 30px;
    .border-radius(20px);

    .block {
        margin: 0 0 30px;
    }

    .block .block-title {
        height: 36px;
        line-height: 36px;
        padding: 0 25px 0 20px;
        margin-right: -21px;
        display: inline-block;
        .border-radius(18px 0 0 18px);

        strong {
            font-weight: 400;
            font-size: 128.571% !important;
            text-shadow: 3px 0 5px rgba(0, 0, 0, 0.15);
            -webkit-text-shadow: 3px 0 5px rgba(0, 0, 0, 0.15);
        }
    }

    .product-image-container {
        vertical-align: top;
    }

    .deal-homepage .image-container {
        width: 290px;
    }

    .deal-homepage .product-item-details {
        width: calc(~'100% - 290px');
    }

    .deal-homepage .product-item .price-box {
        margin-bottom: 15px;
        margin-top: 6px;

        .price {
            font-size: 142.857%;
        }

        .old-price .price {
            font-size: 116.67%;
            top: 3px;
        }
    }

    .deal-homepage .product-item-description {
        font-size: 100%;
        margin-bottom: 25px;
    }

    .deal-homepage .product-item-actions {
        margin-bottom: 20px;
    }

    .nav-style-6 .owl-theme .owl-nav {
        position: absolute;
        top: -56px;
        left: -2px;
    }

    .nav-style-6 .owl-theme .owl-nav [class*="owl-"] {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin: 0 2px;
        background-color: #f5f5f5;

        &:before {
            font-size: 18px;
        }
    }
}

/**
 * Deal background color
 */

.deal-background {
    padding: 15px 30px;
    .border-radius(20px);

    &.clock-background {
        background: url("../images/clock.png") no-repeat 98.5% 47px;
    }

    .block {
        .clearfix();
    }

    .block .block-title {
        text-align: center;
        width: 320px;
        float: right;
        margin: 0 !important;
        padding: 0 10px;

        strong {
            font-size: 100% !important;
            display: block;
            padding-top: 50px;
            margin-bottom: 40px;
        }

        strong span {
            display: block;
            text-transform: uppercase;
            line-height: 1;
        }

        strong .title-top {
            font-size: 342.857%;
            margin-bottom: 45px;
        }

        strong .title-text {
            font-size: 214.857%;
            margin-bottom: 7px;
        }

        strong .title-percent {
            font-size: 457.142%;
        }
    }

    .note-deal {
        font-size: 128.571%;
    }

    .deals-countdown .deals-time {
        background-color: #fff;
        border: none;
        min-width: 60px;
        margin: 0 3px;
        padding: 5px 0 10px 0;
        text-transform: uppercase;
        font-weight: 700;
        .border-radius(4px);

        .num-time {
            font-size: 171.428%;
            font-weight: 700;
        }

        .title-time {
            font-size: 85.714%;
            color: #222;
        }
    }

    .block .block-content {
        float: left;
        width: calc(~'100% - 320px');
    }

    .products-grid .product-item {
        margin: 0;
    }

    .nav-style-6.nav-position-center .owl-theme .owl-nav [class*="owl-"] {
        &.owl-next {
            right: -13px;
        }

        &.owl-prev {
            left: -13px;
        }

        &:hover {
            .box-shadow(0 0 10px rgba(0, 0, 0, 0.2));
        }
    }
}

/**
 * Categories full
 */

.categories-full {
    padding: 20px 0;

    &.background-cat {
        background: url("../images/bg-categories.jpg") no-repeat top center;
    }

    .item-inner a {
        display: block;
        background-color: transparent;
        padding: 10px;
        text-align: center;
        .transition(.1s);
        .border-radius(4px);

        &:hover {
            background-color: #fff;
        }

        &:hover .name-cat {
            color: #222;
        }

        span {
            display: block;
        }

        .name-cat {
            color: #fff;
            padding: 7px 0 4px;
        }
    }

    .item-inner .image-cat {
        width: 123px;
        height: 123px;
        margin: 0 auto;
        background-color: #fff;
        overflow: hidden;
        .border-radius(50%);

        img {
            .border-radius(50%);
        }
    }

    .nav-style-icon.nav-position-center .owl-theme .owl-nav [class*="owl-"] {
        color: #fff;

        &.owl-next {
            right: -40px;
        }

        &.owl-prev {
            left: -40px;
        }
    }
}