/*--------------------------------------------------------------

  Template Name: Subash Ecommerce Responsive Bootstrap Template
  Description: This is html5 template
  Author: codecarnival
  Version: 1.0
  Design and Developed by: codecarnival

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/
/*.company-overview .nav.over-view {
	text-align: center;
}*/
.company-overview .section-title p {
    font-size: 13px;
    max-width: 800px;
    margin: 0 auto;
}

.company-overview .section-title h3 {
    text-transform: capitalize;
}

.company-overview .nav.over-view {
    position: relative;
    border: 0;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

    .company-overview .nav.over-view:before {
        display: block;
        content: "";
        height: 2px;
        width: 555px;
        background: #ccc;
        position: absolute;
        top: 0;
        left: 15%;
    }

    .company-overview .nav.over-view li {
        margin: 0 5px;
        margin-bottom: 0;
        display: inline-block;
        float: none;
    }

        .company-overview .nav.over-view li a {
            padding: 20px 30px;
            border: 0;
            position: relative;
        }

            .company-overview .nav.over-view li a:before {
                display: block;
                content: "";
                height: 16px;
                width: 16px;
                border-radius: 50%;
                background: #ddb05c;
                position: absolute;
                top: -8px;
                left: 44%;
            }

            .company-overview .nav.over-view li a:hover {
                background: transparent;
            }

        .company-overview .nav.over-view li.active a {
            color: #ddb05c;
            background: transparent;
            font-weight: bold;
        }

.company-overview .tab-pane {
    max-width: 800px;
    margin: 0 auto;
}

.detail-description .nav li {
    float: none;
    display: inline-block;
}

    .detail-description .nav li a {
        border: 0;
        font-size: 16px;
        font-weight: 500;
    }

        .detail-description .nav li a:hover {
            background: transparent;
        }

        .detail-description .nav li a:focus {
            border: 0;
        }

    .detail-description .nav li.active a:hover {
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

    .detail-description .nav li.active a {
        border-bottom: 1px solid #ddb05c;
        color: #ddb05c;
    }

.detail-description .tab-content p {
    font-size: 14px;
}

.add-cart {
    background: #e9a120;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    padding: 5px 25px;
    transition: all 0.3s ease 0s;
    width: 100%;
    display: block;
    border-radius: 0 0 10px 10px;
    font-weight: bold;
}

    /*.add-cart:before {
	background: #434343 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	width: 0;
	z-index: 9999;
}

.add-cart:hover:before {
	width: 100%;
}*/
    .add-cart:hover {
        color: #fff;
    }

.product-info .overlay-selection {
    border-radius: 0;
}


.more-use {
    background: #24a5ba;
}

    .more-use h1 {
        color: #fff;
    }

.about-section .progress {
    height: 6px;
    border-radius: 0;
}

    .about-section .progress .progress-bar {
        background: #24a5ba;
    }

.panel-default > .panel-heading {
    background: #535151;
    color: #fff;
    padding: 0;
    border: 0;
}

    .panel-default > .panel-heading .panel-title {
        font-weight: normal;
    }

    .panel-default > .panel-heading .panel-title {
        font-weight: bold;
    }

    .panel-default > .panel-heading h4 a {
        display: block;
        padding: 15px;
    }

        .panel-default > .panel-heading h4 a:hover {
            color: #fff;
        }

        .panel-default > .panel-heading h4 a:focus {
            color: #fff;
        }

    .panel-default > .panel-heading i {
        float: right;
    }

    .panel-default > .panel-heading a.opened.collapsed i.zmdi-plus {
        display: block;
    }

    .panel-default > .panel-heading a.opened i.zmdi-minus {
        display: block;
    }

    .panel-default > .panel-heading a.opened i.zmdi-plus {
        display: none;
    }

    .panel-default > .panel-heading a.collapsed i.zmdi-minus {
        display: none;
    }

.about-section img {
    width: 100%;
}

.about-section p {
    font-size: 14px;
    line-height: 28px;
}

.single-product-info hr {
    margin: 20px 0;
}

.single-product-info .custom-select {
    margin-bottom: 0;
    height: 25px;
    width: auto;
}

.shop-section .submit-btn-1.btn-blue {
    background: #24a5ba;
}

.single-product-info .sin-pro-color li {
    display: inline-block;
}

    .single-product-info .sin-pro-color li a {
        display: block;
        border-radius: 50%;
        width: 23px;
        height: 23px;
        border: 2px solid #000;
        padding: 2px;
        /*opacity: 0.5;*/
    }

.single-product-info .sin-pro-color img {
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}

.single-product-info .sin-pro-color li.color-2 a {
    border-color: #55ad9c;
}

.single-product-info .sin-pro-color li.color-3 a {
    border-color: #f15d29;
}

.single-product-info .sin-pro-color li.color-4 a {
    border-color: #f15d29;
}

.single-product-info .sin-pro-color li.selected a {
    /*opacity: 1;*/
    background: #000;
}

.review_text {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
    color: #ccc;
    font-size: 15px;
    position: relative;
}

    .review_text h6 {
        font-size: 15px;
        margin-bottom: 30px;
        color: #000000;
    }

    .review_text input.form-control {
        border: 0;
        padding: 10px 90px 10px 10px;
        color: #999585;
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }

    .review_text .send_btn {
        background-image: url(../img/icon/Send.svg);
        position: absolute;
        right: 10px;
        bottom: 24px;
        outline: none;
        border-radius: 50%;
        padding: 0;
        width: 23px;
        height: 23px;
        display: inline-block;
        overflow: hidden;
        background-size: cover;
        background-position: center;
    }

.single-product-info .submit-btn-1 {
    padding: 10px 20px;
    width: 170px;
    height: 100%;
}

.order-complete-content .thank-you,
.shopping-cart-content .table-content table thead th {
    background: #535151;
    color: #fff;
}

    .order-complete-content .thank-you h6 {
        color: #fff;
    }

.shop-banner {
    background: #131f2b;
}

    .shop-banner h1 {
        color: #fff;
    }

.widget-full-width {
    border-radius: 10px;
}

    .widget-full-width .product-cat > ul > li > a {
        padding: 8px 10px 8px 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
    }

    .widget-full-width .product-cat > ul > li.no-border > a {
        border: 0;
    }

    .widget-full-width .product-cat > ul > li > ul {
        padding-left: 10px;
    }

        .widget-full-width .product-cat > ul > li > ul > li > a {
            text-transform: uppercase;
            border-bottom: 1px solid #e0e0e0;
            width: 100%;
            padding: 4px 8px 4px 0;
        }

.fan-category .product-item {
    border-bottom: 6px solid #e9a825;
    background: #fff;
    border-radius: 10px;
}

.fan-category .product-info {
    border: 0;
}

.grey-bg {
    background: #f4f4f4;
}

.media-tabs {
    border: 0;
    background: #fff;
    padding: 0 2px;
}

    .media-tabs li {
        display: block;
        float: none;
        margin-bottom: 0;
    }

        .media-tabs li a {
            padding: 10px 35px;
            border: 0;
            border-bottom: 1px solid #ccc;
            text-transform: uppercase;
        }

            .media-tabs li a:hover {
                background: transparent;
            }


        .media-tabs li.active a {
            border: 0;
            border-bottom: 1px solid #ccc;
            color: #ddb05c;
        }

            .media-tabs li.active a:hover {
                border-top: 0;
                border-right: 0;
                border-bottom: 1px solid #ccc;
                border-left: 0;
            }

            /*.media-tabs li a:focus {
    border-top: 0;
    border-right: 0;
	border-bottom: 1px solid #ccc;
    border-left: 0;
}*/
            .media-tabs li.active a:focus {
                border-top: 0;
                border-right: 0;
                border-bottom: 1px solid #ccc;
                border-left: 0;
            }

.tab-pane#downloads .text-box a {
    display: block;
    width: 140px;
    margin: 20px auto;
    color: #ddb05c;
}

.export-section ul {
    padding-left: 30px;
    margin-bottom: 20px;
}

    .export-section ul li {
        list-style: disc;
    }

    .export-section ul p {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    .company-overview .nav.over-view li a:before {
        display: none;
    }

    .plr-150 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .company-overview .nav.over-view li {
        display: block;
        float: none !important;
    }

        .company-overview .nav.over-view li.active a {
            border-bottom: #ddb05c solid 1px;
        }
}




.modal_otp .input_pin {
    width: 36px;
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 1.3px solid #b8b8b8;
    text-align: center;
    -webkit-appearance: none;
    color: #b8b8b8;
    padding: 0;
}

.disable_click {
    pointer-events: none !important;
    background: #cccccc !important;
}

.amaran-wrapper.center {
    left: 34% !important;
    height: 80% !important;
}

@media (max-width: 767px) {
    .corona_note {
        line-height: 17px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 3px;
        padding-right: 3px;
    }
}


.corona_note {
    background-color: #ce7c7c;
    font-weight: bold;
    line-height: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 3px;
    padding-right: 3px;
}