.slidershow-type-5,
.slidershow-type-6 {
    .owl-theme .owl-nav {
        margin: 0;
    }

    .owl-theme .owl-nav [class*='owl-'] {
        padding: 0;
        width: 62px;
        height: 62px;
        text-align: center;
        line-height: 56px;
        border: 4px solid #fff;
        background-color: #524d5e;
        position: absolute;
        top: 50%;
        margin: -31px 0 0;
        .border-radius(50%);
        .transition(.1s);

        &.owl-next {
            right: -31px;

            &:before {
                .icomoon(e929, 26px);
            }
        }

        &.owl-prev {
            left: -31px;

            &:before {
                .icomoon(e927, 26px);
            }
        }
    }
}

.slidershow-type-5 {
    .owl-theme .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px;
    }

    .owl-theme .owl-dots .owl-dot {
        span {
            width: 14px;
            height: 14px;
            border: 3px solid #fff;
            background-color: transparent;
            .box-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
        }

        &.active,
        &:hover {
            span {
                background-color: #fff;
            }
        }
    }
}

.slidershow-type-6 {
    .owl-theme .owl-dots .owl-dot {
        span {
            width: 14px;
            height: 14px;
        }
    }
}

.service-ontop {
    .item-content a {
        display: block;
        border: 1px solid #e5e5e5;
        background-color: #fff;
        padding: 20px;
        margin-bottom: 30px;
        text-align: center;
        .border-radius(5px);

        span {
            display: block;
        }

        &:hover {
            padding: 19px;
            border: 2px solid #ff5777;
            color: #ff5777;
        }
    }

    .sv-icon {
        background-color: #ff5777;
        width: 110px;
        height: 110px;
        padding: 5px;
        position: relative;
        margin: -77px auto 25px;
        .border-radius(50%);

        &:before {
            content: "";
            display: block;
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border: 1px dashed #fff;
            pointer-events: none;
            .border-radius(50%);
        }
    }

    .sv-title {
        font-weight: 700;
        font-size: 116.67%;
        margin-bottom: 5px;
        color: #444;
    }

    .sv-text {
        font-size: 107.69%;
        margin-bottom: 10px;
        color: #666;
    }

    .item-content.sv-color-2 a {
        .sv-icon {
            background-color: #3cd09d;
        }

        &:hover {
            border-color: #3cd09d;
        }
    }

    .item-content.sv-color-3 a {
        .sv-icon {
            background-color: #f6bc32;
        }

        &:hover {
            border-color: #f6bc32;
        }
    }
}

.block-dot-title {
    .block {
        margin-bottom: 0;
    }

    .block .block-title {
        text-align: center;
        background: url("../images/bg-dot-title.png") no-repeat bottom center;
        padding-bottom: 20px;
        margin-bottom: 40px;

        strong {
            font-size: 250%;
        }
    }
}

.color-categories {
    .block-categories .cat-wrap {
        margin: 0;
    }

    .block-categories .cat-wrap .item {
        margin: 0;
        padding: 0;
    }

    .block-categories .cat-wrap .item .content-box {
        border: 1px solid #e5e5e5;
        padding: 9px;
        background-color: #fff;
        text-align: center;
        .border-radius(6px);

        &:hover {
            border-color: #ff5777;
            border-width: 2px;
            padding: 8px;
        }
    }

    .block-categories .cat-wrap .item .cat-title {
        margin: 0;
        font-size: 107.69%;

        a {
            display: block;
            background-color: #ff5777;
            color: #fff;
            padding: 13px 10px;
            text-transform: uppercase;
            .border-radius(3px);
        }
    }

    .btn-view {
        display: none;
    }

    .block-categories .cat-wrap .owl-item:nth-child(2n) .item {
        .cat-title a {
            background-color: #35aff1;
            color: #fff;
        }

        .content-box:hover {
            border-color: #35aff1;
        }
    }

    .block-categories .cat-wrap .owl-item:nth-child(3n) .item {
        .cat-title a {
            background-color: #f6bc32;
            color: #fff;
        }

        .content-box:hover {
            border-color: #f6bc32;
        }
    }

    .block-categories .cat-wrap .owl-item:nth-child(4n) .item {
        .cat-title a {
            background-color: #3cd09d;
            color: #fff;
        }

        .content-box:hover {
            border-color: #3cd09d;
        }
    }
}

.dot-brands {
    ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
        list-style: none;
        padding: 0;

        li {
            padding: 0 10px;
            width: 20%;
            margin-bottom: 20px;
        }

        li a {
            background-color: #fff;
            padding: 1px;
            display: block;
            border: 1px solid #e5e5e5;
            overflow: hidden;
            .border-radius(6px);
        }

        li a:hover {
            padding: 0;
            border-width: 2px;
        }
    }
}