body{
    font-size:0.8rem;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}

.logo{
    font-size: 27px;
    align-items: center;
    display: flex;
    color: rgb(164 121 99 / 90%);
    font-weight: 900;
}
/* .logo img{
    width: 45px;
    margin-right: 8px;
} */
.header{
    /* box-shadow: 0px 2px 12px 4px rgb(234,234,234) ; */
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10001;
    background: rgb(255 255 255 / 99%);
    box-shadow: 0px 1px 8px 1px #979797;
}
h1{
    text-align: center;
    color: #787878;
    font-size: 22px;
    /* font-weight: 600; */
}
p{
    text-align: center;
    padding: 8px;
    color: #878787;

}
.icon{
    list-style: none;
    position: fixed;
    right: 0;
    bottom: 5%;
    border: 1px solid var(--base-gray);
    border-radius: 6px 0 0 6px;
}
.icon ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.icon a{
    padding: 12px;
    display: block;
    border-bottom: 1px solid var(--base-gray);
}

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

.owl-dots .owl-dot, .ProductDetail-container .owl-dots .owl-dot {
    vertical-align: middle;
    margin: 0 4px;
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot.active:hover span, .ProductDetail-container .owl-dots .owl-dot.active span, .ProductDetail-container .owl-dots .owl-dot.active:hover span {
    background: #ffffff !important;
}

.owl-dots .owl-dot span, .ProductDetail-container .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    border: solid 2px #ffffff;
    margin: 0 !important;
    background: transparent !important;
}

.banner-bottom img{
    width: 100%;
}

.color-all-title{
    color: var(--base-big-title);
}

.big-title{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
}

.product-img img{
    width: 100%;
    border-radius: 3px;
}

.product-title{
    text-align: center;
    margin-top: 12px;
    color: var(--base-title);
    font-weight: 600;
    font-size: 15px;
}

.product-price{
    text-align: center;
    color: var(--base-price);
}
.product{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product .col-12{
    padding: 2px;
}

.community-icon img{
    width: 20px;
    margin-right: 8px;
}

li.nav-item{
    margin:12px;
}

li.nav-item a {
    /* padding: 12px; */
    color: rgb(152 152 152);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4px;
}


.Product-title{
    text-align: left;
}
.breadcrumb-item a{
    color: var(--base-title);
}
.Product-description{
    text-align: left;
    margin: 0;
    line-height: 1.5;
    padding-bottom: 14px;
    white-space: break-spaces;
    word-break: break-word;
    border-bottom: 1px solid #eeeeee;
}
.Product-price{
    padding:15px 0 ;
}
.Product-price .fake-price{
    font-size: 14px;
    color: #999999;
    text-decoration: line-through;
}
.Product-price .real-price{
    font-size: 16px;
    color: var(--base-price);
}
.btn-product{
    background-color: #DEDBD2;
    color: white;
}
.btn-product:hover{
    color: rgb(236, 236, 236);
    background-color: #cfccc3;
}
.Product-box{
    padding: 0 15px ;
}
.Product-box h5{
    font-size: 12px;
    margin-bottom: 3px;
    color: #999999;
    word-break: break-all;
}
.Breadcrumb-box{
    padding: 20px 0;
}
.Product-4img .col-6{
    padding: 5px 5px 0 0;
}
.Product-4img img{
    height: 555px;
}
.Product-info{
    max-width: 1080px;
    text-align: left;
    margin: 80px auto;
    padding: 20px;
}
.ProductDetail-description p,.ProductDetail-description .ProductDetail-title{
    text-align: left;
}
.ProductDetail-description{
    margin-bottom: 80px;
}
.ProductDetail-description h1{
    padding: 10px 0;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1.5px;
}
.more-img{
    padding: 0 5px;
}

.btn-gold{
    background-color: rgb(190, 146, 62);
    color: white;
}

.from-input{
    border: 1px solid rgb(222,222,222);
    width: 100%;
    height: 38px;
    font-size: 16px;
    outline: none;
}


:root {
    --base-title: rgb(136 136 136);
    --base-price: rgb(157 157 157);
    --base-gray:  rgb(222,222,222);
    --base-orange:rgb(164 121 99 / 90%);
    --base-big-title: rgb(190, 146, 62);
}

.font-big{
    font-size:25px !important;
}

.font-middle{
    font-size: 20px !important;
}

.font-small{
    font-size: 16px !important;
}

.font-bold{
    font-weight: 900;
}

.fas-btn {
    border: 0;
    background: #fff;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.fas-btn:hover{
    background: rgb(190, 146, 62, 0.7);
    color: white;
}

.fas-btn:focus,.quantity:focus,.btn-set:focus{
    outline: none;
}

.quantity{
    font-size: 16px;
    padding: 0px 3px;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
}