:root {

    --main-color   : #99989C;

    --second-color : #fbb040;

    --third-color  : #d8bfd2;

    --yellow-color : #fcb040;

}





@font-face {

    font-family : 'PingFang';

    font-style  : normal;

    font-weight : normal;

    src         : local('PingFang'), url('PingFang.ttc') format('ttc');

}



/* General */

body {

    font-family : 'IBM Plex Serif', serif;
    /*background-color: #f0f0f0;*/

}
/*footer {
    background: #f0f0f0;
}
.container-fluid{
    background: #f0f0f0 !important;
}
.product-container{
    background: #f0f0f0 !important;
}
.container-fluid-footer{
    background: #d8bfd2 !important;
}
*/

h1, h2, h3, h4, h5, h6 {

    font-family    : 'IBM Plex Serif', serif;

    padding-bottom : 1rem;

    font-weight    : bold !important;

}



.page-title {
    color       : #d8bfd2!important;
    font-family : 'IBM Plex Serif', serif;

    }



.main-container {

    margin-top : 100px;

}



.container {

    padding-top    : 10px;

    padding-bottom : 40px;

}



.h-100 {

    height : 100%

}



.editor {

    overflow-wrap : break-word;

    /*padding: 10px 20px 10px 20px;*/

}



.editor img {

    max-width : 100% !important;

    height    : auto !important;

}



.editor table {

    width : 100% !important;

}



.editor li {

    -ms-word-break  : break-all !important;

    word-break      : break-all !important;





    word-break      : break-word !important;



    -webkit-hyphens : auto !important;

    -moz-hyphens    : auto !important;

    -ms-hyphens     : auto !important;

    hyphens         : auto !important;

}



.bg-container {

    padding-left  : 0;

    padding-right : 0;

}





/* Nav Block */

.top-bar {

    width            : 100%;

    overflow         : hidden;

    border           : 0px solid #ccc;

    background-color : #fff;

    color            : #000;

    padding          : 5px;

}



.top-email {

    display       : inline-flex;

    padding-right : 25px;

    font-size     : 12px;

    float         : right;

}



li.nav-item {

    font-family : 'IBM Plex Serif', serif;

    padding     : 0 10px 0 10px;

}



li.nav-item.active a{

    color : #000 !important;

}



li.nav-item a{

    color : (--third-color)!important;

}



.dropdown option { 

    background-color: #fff000!important;

}



#mainNav {

    margin-top    : 36px;

    margin-bottom : 60px;

}



.navbar-light {

    background : #fff;

 }



/* MAIN Carousel */

/*.carousel-indicators{

    right: auto;

    margin-left: 1%;

    margin-right: 0;

    margin-bottom: -2%

}*/





.carousel-indicators li {

    background-color : #717171;

    width            : 10px;

    height           : 10px;

    border-top       : 0px;

    border-bottom    : 0px;

    border-radius    : 10px;

    margin-left      : 10px;

    margin-right     : 10px;

}



.carousel-indicators li.active {

    background-color : var(--main-color);

}





/* ./MAIN Carousel */

.header-title {

    border-bottom : 1px solid #c1baba;

    margin-bottom : 30px;

}





/* About Us */

.about-product-list {

    font-size : 34px;

    color     : #919191;

    padding-left: 25px;

}



.about-product-list li:first-child {

    border-left : none;

}



.about-product-list li {

    padding-left  : 10px;

    padding-right : 10px;

    list-style-type: number;

    font-size: 22px;

}





/* News */

.news-card {

    margin-bottom : 30px;

}



.news-header {

    color            : #000;

    background-color : #d8bfd2;

    border           : 0px solid #000;

    border-bottom    : 1px solid #000;

}



.news-header.active {

    color            : #000;

    background-color : #d8bfd2;

    border           : 0px solid #000;

    border-bottom    : 1px solid #000;

}



.news-header.active > a {

    color : #000;

}



.news-header > a {

    color : #000;

}

.news-card{

    border           : 0px solid #000;

}

.news-body {

    border     : 0px solid var(--main-color);

    border-top : none;

    background-color: #F8F8F8;



}



.news-year-header {

    color            : #000;

    background-color : #fff;

    font-size        : 24px

}



.news-year .list-group-item a {

    font-size : 18px;

}





/* Store */

.store-list .list-group-item:first-child {

    color            : #ffffff;

    background-color : #d8bfd2!important;

    font-size        : 20px;

    text-align       : center;

}



.store-list .list-group-item a {
    background-color : #d8bfd2!important;
    font-size : 18px;

}



.store-product {

    margin-bottom : 30px;

    border        : none;

    transition    : 1s ease;

}



.store-product a {

    color : #A59F9F;

}



.store-product a:hover {

    text-decoration : none;

}



.store-product .card-footer {

    text-align : center;

    background : #fff;

    border-top : none;

}



.store-product-img {

    height : 205px;

}



.store-product-title {

    font-size : 24px;

    color: #A59F9F;

    padding: 0;

    margin: 0;

    font-weight : bold;

}



.price-label .promotional {

    text-decoration : line-through;

    font-size       : 12px;

    line-height     : 15px;

}



.price-label .price {

    color       : #A59F9F;

    font-weight : bold;

    font-size   : 18px;

}



.store-product-info {

    /*min-height : 140px;*/

    padding: 0;

    padding-top: 20px;

}



.btn-cart-add {
    background-color: #d8bfd2!important;
    border : 1px solid var(--third-color);

}



.cart-add {

    color   : #ffffff;

    display : inline-block;

    width   : 20px;

}



.overlay {

    background : #6e707e47;

    position   : absolute;

    width      : 100%;

    height     : 100%;

    z-index    : 99;

    visibility : hidden;

}



.store-product:hover .overlay {

    visibility : visible;

}



.view-more {

    color         : var(--main-color);

    font-size     : 18px;

    position      : absolute;

    top           : 40%;

    font-weight   : bold;

    z-index       : 99;

    text-align    : center;

    border        : 1px solid var(--main-color);

    padding       : 10px 10px 10px 10px;

    border-radius : 15px;

    transform     : translate(-50%);

    left          : 50%;

    width         : 150px;

}





.zoomImg{

	background-color:#FFF;

}
. btn-cart-add{
    color: #fff !important;
}