.product {
    font-size: .5rem;
    background: #f4f5f7;
    top: 1.5rem;
    right: 0;
    bottom: 2.2rem;
    left: 0;
    padding-top: 1.75rem;
    overflow: auto;
    position: absolute;
    -webkit-overflow-scrolling: touch
}

    .product .tab {
        position: fixed;
        z-index: 92;
        left: 0;
        top: 1.5rem;
        width: 100%;
        height: 1.75rem;
        box-shadow: 0 0 2px #aaa;
        box-sizing: border-box;
        background: #fff;
        text-align: center;
        font-size: .6rem
    }
        .product .tab .container {
            width: 60%;
        }

.product .tab .tab-text {
    display: inline-block;
    width: 1.35rem;
    line-height: 1.7rem;
    margin: 0 .6rem;
    box-sizing: border-box;
    text-align: center
}

            .product .tab .tab-text.active {
                color: #48aeff;
                border-bottom: 2px solid #48aeff
            }

    .product.in-app {
        padding-top: 0
    }

        .product.in-app .tab {
            top: 0
        }

        .product.in-app .video-js .vjs-fullscreen-control.vjs-control.vjs-button {
            visibility: hidden
        }

    .product.long-bottom {
        bottom: 3.7rem
    }

    .product.no-bottom {
        bottom: 0
    }

    .product .img-box {
        position: relative
    }

        .product .img-box .swiper-container {
            height: 10.24rem;
            background: #fff
        }

        .product .img-box .no-stock {
            position: absolute;
            width: 50%;
            left: 50%;
            top: 50%;
            margin-top: -25%;
            margin-left: -25%;
            z-index: 1
        }

    .product .zhima-box {
        height: 2rem;
        width: 100%
    }

        .product .zhima-box .detail-tag {
            width: 100%;
            height: 100%
        }

    .product .tag-box {
        display: flex;
        justify-content: space-between;
        height: 1.6rem;
        line-height: 1.7rem;
        padding: 0 6%;
        border-bottom: 1px solid #e8e8e8;
        font-size: .5rem;
        background-color: #fafafa
    }

        .product .tag-box .tag-wrap {
            display: inline-block
        }

            .product .tag-box .tag-wrap .icon-tag {
                position: relative;
                width: .6rem;
                height: .6rem;
                top: .16rem
            }

    .product .detail-tab-box {
        padding: 0
    }

    .product .no-stock-tip {
        color: red;
        padding: 0 0 0 10px
    }

    .product .product-title {
        padding: .64rem .53rem .4rem;
        box-sizing: border-box;
        border-top: none;
        font-size: .6rem;
        color: #333;
        word-break: break-all;
        word-wrap: break-word;
        line-height: 1rem;
        background: #fff
    }

        .product .product-title .title-info {
            overflow: hidden;
            color: #fa5250;
            margin-bottom: .64rem
        }

            .product .product-title .title-info .price {
                display: inline-block
            }

                .product .product-title .title-info .price .price-icon {
                    font-size: .6rem
                }

                .product .product-title .title-info .price .price-number {
                    font-size: .896rem
                }

                .product .product-title .title-info .price .price-time {
                    font-size: .55rem
                }

                .product .product-title .title-info .price.price-float {
                    display: block;
                    float: left
                }

            .product .product-title .title-info .deposit {
                display: block;
                font-size: .43rem;
                height: .64rem;
                line-height: .64rem;
                border-radius: .32rem;
                margin-left: .32rem;
                padding: 0 .32rem;
                background: #ffeaea;
                float: left;
                margin-top: .32rem
            }

            .product .product-title .title-info .collect {
                float: right;
                padding-left: .4rem
            }

                .product .product-title .title-info .collect .collect-star {
                    float: left;
                    height: .66rem;
                    width: .7rem;
                    margin-top: .23rem;
                    margin-right: .256rem
                }

                .product .product-title .title-info .collect span {
                    float: left;
                    font-size: .47rem;
                    margin-top: .1rem
                }

                .product .product-title .title-info .collect .white {
                    color: #3d3d3d
                }

        .product .product-title .title-content {
            line-height: .8rem;
            clear: both
        }

            .product .product-title .title-content .content-tip {
                display: inline-block;
                padding: .1rem .17rem;
                background: #ef334d;
                color: #fff;
                line-height: .55rem;
                font-size: .48rem;
                border-radius: 3px;
                box-sizing: border-box;
                margin-right: 6px
            }

    .product .show-box {
        padding: .64rem;
        background: #fff;
        overflow: hidden;
        margin-top: .384rem;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8
    }

        .product .show-box .show-label {
            float: left;
            width: 2.6rem;
            font-size: .56rem;
            line-height: 1rem;
            color: #878787
        }

        .product .show-box .show-content {
            float: left;
            width: 11.35rem;
            font-size: .56rem;
            line-height: 1rem;
            color: #333
        }

            .product .show-box .show-content .text {
                overflow: hidden
            }

                .product .show-box .show-content .text.extra-service {
                    position: relative;
                    width: 100%;
                    height: 1.1rem;
                    padding-left: .85rem;
                    box-sizing: border-box;
                    line-height: 1.1rem
                }

                .product .show-box .show-content .text .service-icon {
                    position: absolute;
                    top: .26rem;
                    left: 0;
                    width: .6rem;
                    height: .64rem
                }

                .product .show-box .show-content .text .title-left {
                    float: left
                }

                .product .show-box .show-content .text .rent-tag {
                    float: left;
                    min-width: 2.048rem;
                    padding: 0 .1rem;
                    height: .64rem;
                    line-height: .64rem;
                    font-size: .384rem;
                    color: #fff;
                    text-align: center;
                    vertical-align: center;
                    border-bottom-left-radius: .21rem;
                    border-top-right-radius: .21rem;
                    margin-left: .34rem;
                    margin-top: .16rem
                }

                    .product .show-box .show-content .text .rent-tag.fixed-repay {
                        background: #ffac13
                    }

                    .product .show-box .show-content .text .rent-tag.combination-rent {
                        background: #5eb4fd
                    }

                    .product .show-box .show-content .text .rent-tag.fixed-rent {
                        background: #e84c3d
                    }

                    .product .show-box .show-content .text .rent-tag.short-rent {
                        background: #8b96eb
                    }

                    .product .show-box .show-content .text .rent-tag.fixed-send {
                        background: #83c44e
                    }

                .product .show-box .show-content .text.desc-item {
                    line-height: .6rem;
                    padding: .21rem 0;
                    color: #666
                }

                    .product .show-box .show-content .text.desc-item .desc-sign {
                        float: left;
                        width: 2.26rem;
                        font-size: .47rem;
                        height: .66rem;
                        line-height: .56rem;
                        color: #fa5250;
                        border: 1px solid #fa5250;
                        box-sizing: border-box;
                        border-radius: .56rem;
                        text-align: center
                    }

                    .product .show-box .show-content .text.desc-item .desc-text {
                        float: left;
                        margin-left: .256rem
                    }

                .product .show-box .show-content .text.desc-row {
                    color: #666
                }

        .product .show-box .dots {
            float: right;
            width: .64rem;
            height: .15rem;
            margin-top: .43rem
        }

    .product .config, .product .profile {
        padding-top: .384rem;
        width: 100%
    }

    .product .choose-box {
        padding: .4rem .64rem
    }

        .product .choose-box.office-box {
            border-top: .384rem solid #f4f5f7;
            margin-top: .2rem
        }

        .product .choose-box.insurance-box {
            border-top: .384rem solid #f4f5f7
        }

            .product .choose-box.insurance-box .item-label {
                position: relative;
                width: 100%;
                height: 1.06rem;
                padding-left: .86rem;
                box-sizing: border-box;
                line-height: 1.06rem;
                font-size: .47rem;
                color: #666
            }

                .product .choose-box.insurance-box .item-label img {
                    position: absolute;
                    top: .21rem;
                    left: 0;
                    width: .6rem;
                    height: .64rem
                }

        .product .choose-box .label {
            font-size: .5rem
        }

        .product .choose-box .combine-item, .product .choose-box .item-option, .product .choose-box a {
            margin: .21rem .42rem .21rem 0;
            display: inline-block;
            border: 1px solid #f6f6f6;
            line-height: 1rem;
            padding: .1rem .2rem;
            border-radius: 4px;
            word-break: break-all;
            background: #f6f6f6
        }

            .product .choose-box .combine-item.rent, .product .choose-box .item-option.rent, .product .choose-box a.rent {
                width: 90%;
                margin: 5px 10px
            }

            .product .choose-box .combine-item.hidden, .product .choose-box .item-option.hidden, .product .choose-box a.hidden {
                display: none
            }

            .product .choose-box .combine-item.disabled, .product .choose-box .item-option.disabled, .product .choose-box a.disabled {
                color: #bbb
            }

            .product .choose-box .combine-item.active, .product .choose-box .item-option.active, .product .choose-box a.active {
                border-color: #e45050;
                color: #e45050;
                background: #fff
            }

            .product .choose-box .combine-item .title, .product .choose-box .item-option .title, .product .choose-box a .title {
                font-size: .5rem;
                font-weight: 700
            }

            .product .choose-box .combine-item .label, .product .choose-box .item-option .label, .product .choose-box a .label {
                width: 23%;
                float: left;
                font-weight: 700
            }

            .product .choose-box .combine-item .desc-row, .product .choose-box .combine-item .desc, .product .choose-box .combine-item a .desc-row, .product .choose-box .item-option .desc-row, .product .choose-box .item-option .desc, .product .choose-box .item-option a .desc-row, .product .choose-box a .combine-item .desc-row, .product .choose-box a .desc-row, .product .choose-box a .desc, .product .choose-box a .item-option .desc-row {
                width: 77%;
                float: left;
                color: #e45050
            }

            .product .choose-box .combine-item .desc-row, .product .choose-box .item-option .desc-row, .product .choose-box a .desc-row {
                margin-left: 23%
            }

    .product .form {
        border-top: 5px solid #f2f2f2
    }

        .product .form .row {
            padding: .4rem;
            border-top: 1px solid #f2f2f2;
            height: 1.2rem;
            line-height: 1.2rem;
            clear: both
        }

        .product .form .label {
            width: 20%;
            text-align: right;
            float: left
        }

        .product .form .content {
            margin-left: 2%;
            width: 78%;
            float: left
        }

        .product .form .insurance {
            padding: .2rem .4rem;
            line-height: .8rem;
            border-radius: 5px;
            border: 1px solid #ccc;
            margin-right: 5px
        }

            .product .form .insurance.active {
                border-color: #e45050
            }

        .product .form .pay-type-list li {
            float: left;
            margin-right: 22px
        }

        .product .form .no-deposit .label {
            width: 32%
        }

        .product .form .no-deposit .content {
            margin-right: .2rem;
            width: 64%;
            text-align: right
        }

            .product .form .no-deposit .content.green {
                color: #2cd6d2
            }

    .product .choose-module {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.6);
        z-index: 998
    }

        .product .choose-module .border-box {
            width: 100%;
            height: 1px;
            background: #fff
        }

            .product .choose-module .border-box.bottom {
                height: 2.3rem
            }

            .product .choose-module .border-box .border {
                width: 14.72rem;
                height: 1px;
                background: #ededed;
                margin-left: .64rem
            }

        .product .choose-module .choose-module-container {
            width: 100%;
            height: auto;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .product .choose-module .repay-title {
            width: 100%;
            line-height: 1.71rem;
            text-align: center;
            font-size: .6rem;
            background-color: #fff
        }

        .product .choose-module .choose-container {
            width: 100%;
            max-height: 13.6rem;
            background-color: #fff;
            padding-bottom: 2.13rem;
            position: relative
        }

            .product .choose-module .choose-container .row {
                padding: .4rem .64rem;
                min-height: 1.5rem;
                line-height: 1.2rem;
                overflow: hidden;
                clear: both
            }

                .product .choose-module .choose-container .row .label {
                    width: 20%;
                    text-align: left;
                    float: left
                }

                .product .choose-module .choose-container .row .content {
                    margin-left: 2%;
                    width: 78%;
                    float: left
                }

                    .product .choose-module .choose-container .row .content.right {
                        float: right;
                        width: auto
                    }

                    .product .choose-module .choose-container .row .content .limit-tip {
                        font-size: .45rem;
                        color: #eb343f;
                        padding-right: .107rem;
                        text-align: center
                    }

                .product .choose-module .choose-container .row.picker-wrapper .picker-box {
                    overflow: hidden
                }

                .product .choose-module .choose-container .row.picker-wrapper .error-tips {
                    color: #e72f37;
                    text-align: right;
                    font-size: .4rem
                }

            .product .choose-module .choose-container .row-position {
                padding-right: .64rem
            }

                .product .choose-module .choose-container .row-position .limit-tip-postion {
                    font-size: .4rem;
                    text-align: center;
                    color: #eb343f;
                    text-align: right;
                    position: relative;
                    top: -.3rem
                }

            .product .choose-module .choose-container .rent-box {
                font-size: .512rem;
                width: 100%;
                line-height: 1.06rem;
                padding-bottom: 2rem
            }

        .product .choose-module .close-configuration {
            position: absolute;
            width: 1.92rem;
            height: 1.92rem;
            right: 0;
            top: 0;
            z-index: 2;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .product .choose-module .close-configuration img {
                width: .54rem;
                height: .54rem
            }

        .product .choose-module .choose-product {
            width: 100%;
            height: 4.9rem;
            padding: .64rem;
            box-sizing: border-box;
            background-color: #fff
        }

            .product .choose-module .choose-product img {
                float: left;
                width: 4.27rem;
                height: 4.27rem;
                margin-top: -.43rem;
                margin-left: .64rem
            }

            .product .choose-module .choose-product .choose-product-right {
                float: right;
                width: 8.75rem;
                height: 3.63rem
            }

                .product .choose-module .choose-product .choose-product-right .price {
                    height: 1.62rem;
                    line-height: 1.62rem;
                    color: #e72f37
                }

                    .product .choose-module .choose-product .choose-product-right .price .price-icon {
                        font-size: .512rem
                    }

                    .product .choose-module .choose-product .choose-product-right .price .price-number {
                        font-size: .68rem
                    }

                .product .choose-module .choose-product .choose-product-right .choosed-text {
                    width: 100%;
                    line-height: .81rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical
                }

        .product .choose-module .title {
            overflow: hidden
        }

            .product .choose-module .title .rent-img {
                float: left;
                width: .85rem;
                height: .825rem;
                margin-right: 4px;
                margin-top: 2px
            }

        .product .choose-module .title-left {
            float: left;
            font-size: .56rem;
            line-height: 1.07rem;
            font-weight: 700;
            color: #666;
            margin-left: .128rem
        }

        .product .choose-module .rent-tag {
            float: left;
            min-width: 2.048rem;
            padding: 0 .1rem;
            height: .64rem;
            line-height: .64rem;
            font-size: .384rem;
            color: #fff;
            text-align: center;
            vertical-align: center;
            border-bottom-left-radius: .21rem;
            border-top-right-radius: .21rem;
            margin-left: .56rem;
            margin-top: .24rem
        }

        .product .choose-module .fixed-repay {
            background: #ffac13
        }

        .product .choose-module .combination-rent {
            background: #5eb4fd
        }

        .product .choose-module .fixed-rent {
            background: #e84c3d
        }

        .product .choose-module .short-rent {
            background: #8b96eb
        }

        .product .choose-module .fixed-send {
            background: #83c44e
        }

        .product .choose-module .rent.active .navigator {
            border: 1px solid #e72f37;
            background-color: #fff;
            color: #e72f37
        }

        .product .choose-module .navigator {
            width: 100%;
            color: #464646;
            background-color: #f6f6f6;
            border: 1px solid #f6f6f6;
            border-radius: 2px;
            line-height: 1.06rem;
            padding: .1rem .384rem;
            box-sizing: border-box;
            margin: 2px 0 .5rem
        }

            .product .choose-module .navigator .rent-desc {
                overflow: hidden
            }

            .product .choose-module .navigator .label {
                width: 20%;
                float: left
            }

            .product .choose-box .combine-item .choose-module .navigator .desc-row, .product .choose-box .item-option .choose-module .navigator .desc-row, .product .choose-box a .choose-module .navigator .desc-row, .product .choose-module .navigator .choose-box .combine-item .desc-row, .product .choose-module .navigator .choose-box .item-option .desc-row, .product .choose-module .navigator .choose-box a .desc-row, .product .choose-module .navigator .desc {
                width: 70%;
                float: left
            }

            .product .choose-module .navigator .desc-row {
                width: 70%;
                float: left;
                margin-left: 20%
            }

    .product .date-wrap {
        float: right;
        position: relative;
        right: -.1rem;
        width: 5.2rem
    }

        .product .date-wrap .cov-vue-date input {
            height: .45rem !important;
            color: #666
        }

        .product .date-wrap .calendar-time-box {
            padding: .1rem .4rem;
            line-height: 1rem;
            border-radius: 5px;
            border: 1px solid #ccc;
            height: 1rem;
            width: 80%;
            display: inline-block;
            color: #5d5d5d
        }

    .product .cov-date-body {
        top: 6.61rem;
        height: 12rem
    }

img {
    width: 100%
}

.pack-box {
    padding-top: .384rem;
    color: #333;
    border-bottom: 1px solid #e8e8e8
}

    .pack-box .pack-title {
        padding: .4rem .64rem;
        font-weight: 700;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        background-color: #fff
    }

    .pack-box .pack-txt {
        padding: .4rem .64rem;
        word-break: break-all;
        background-color: #fff
    }

.service-list-box {
    padding-top: .384rem;
    color: #333
}

    .service-list-box .service-list {
        padding: 0 .64rem;
        background-color: #fff
    }

    .service-list-box .server-li {
        display: flex;
        padding: .74rem 0;
        align-items: flex-start
    }

    .service-list-box .service-icon {
        margin-right: .81rem;
        width: 2.13rem;
        height: 2.13rem
    }

    .service-list-box .txt-box {
        flex: 1
    }

        .service-list-box .txt-box .title {
            margin-bottom: .4rem;
            font-size: .64rem;
            color: #129bff
        }

        .service-list-box .txt-box .server-txt {
            line-height: .64rem;
            font-size: .47rem
        }

.skeleton-wrapper {
    margin-top: 1.5rem
}

.add-cart-img {
    position: fixed;
    width: 4.27rem;
    height: 4.27rem;
    top: 5rem;
    left: 50%;
    margin-left: -2.1rem;
    z-index: 999;
    opacity: 0;
    border-radius: 50%
}

.add-cart-enter-active {
    animation: bounce-in-data-v-0bf6fca8 .7s cubic-bezier(.49,-.29,.75,.41)
}

@keyframes bounce-in-data-v-0bf6fca8 {
    0% {
        top: 5rem;
        left: 50%;
        margin-left: -2.1rem;
        transform: scale(1.2);
        opacity: 1
    }

    40% {
        top: 6rem;
        transform: scale(.6)
    }

    to {
        transform: scale(.4);
        top: 100%;
        left: 5rem;
        opacity: 0
    }
}

.fadeInUp {
    animation: fadeInUp-data-v-0bf6fca8 .3s
}

.fadeOutDown {
    animation: fadeOutDown-data-v-0bf6fca8 .3s
}

@keyframes fadeInUp-data-v-0bf6fca8 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutDown-data-v-0bf6fca8 {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

#first, #second {
    padding-top: .4rem;
}
/* ------------------ Dotstyle in carousel --------------------*/
.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: none;
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #e6e6e6;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

/* ------------------ Carousel --------------------*/
.carousel .carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.3) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=1);
}

    .carousel .carousel-control.left i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -34px;
        margin-top: -34px;
        z-index: 5;
        padding: 10px;
        border-radius: 50%;
        background-color: #79859b;
    }

.carousel .carousel-control.right {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.3) 100%));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=1);
}

    .carousel .carousel-control.right i {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: -34px;
        margin-top: -34px;
        z-index: 5;
        padding: 10px;
        border-radius: 50%;
        background-color: #79859b;
    }

.carousel .carousel-indicators {
    bottom: 0;
}

.carousel .carousel-inner .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
    opacity: 0.9;
}

.carousel.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: top;
    transition: top;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    left: 0;
    z-index: 2;
}

.carousel.vertical .active {
    z-index: 1;
}

.carousel.vertical .active,
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

    .carousel.vertical .next,
    .carousel.vertical .active.right {
        top: 100%;
    }

    .carousel.vertical .prev,
    .carousel.vertical .active.left {
        top: -100%;
    }





.carousel .carousel-inner > .item > img, .carousel .carousel-inner > .item > a > img {
    width: 100%;
}

.dotstyle {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 10px !important;
}

    .dotstyle.center {
        width: auto;
        left: 35%;
    }

    .dotstyle li {
        position: relative;
        display: block;
        float: left;
        margin: 0 5px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        border: none;
        background-color: #666;
    }

        .dotstyle li a {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            outline: none;
            border-radius: 50%;
            background-color: #fff;
            background-color: rgba(255, 255, 255, 0.3);
            text-indent: -999em;
            /* make the text accessible to screen readers */
            cursor: pointer;
            position: absolute;
            background-color: rgba(255, 255, 255, 0.7);
            -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

            .dotstyle li a:hover,
            .dotstyle li a:focus {
                background-color: white;
            }

            .dotstyle li a:focus {
                outline: none;
            }

        .dotstyle li.active {
            margin: 0 5px;
            width: 16px;
            height: 16px;
            background: none;
            background-color: #3196C3;
            box-shadow: 0 0 0 2px white;
        }

            .dotstyle li.active a {
                -webkit-transform: scale(0.4);
                -ms-transform: scale(0.4);
                transform: scale(0.4);
                background-color: white;
            }