.pro-promo-banner{margin: 24px auto;}
.pro-promo-banner img{width: 100%}

.pro-pg-title{background: url("../images/bg-img/dot-bg.png")repeat;margin: 36px 0}

.category-cards > aside{padding: 14px}
.category-card{border: 1px solid #eeeeee;overflow: hidden}
.category-card .card-img-holder{padding: 18px;object-fit: cover;max-width: 340px;margin: 0 auto;height: 280px}
.category-card .card-img-holder img{width: 100%;height: 100%;object-fit: contain}
.category-card .title,.promotion-card .title{position: relative;display: block;}
.category-card .title:hover{background: #edefff}
.category-card .title .tag{position: absolute;padding: 12px 16px;color: white;bottom: 100%;left: 0;z-index:3}
.category-card .title .tag-bg{position: absolute;padding: 12px 16px;color: white;bottom: 100%;left: 10px;transform: skew(30deg); min-width: 120px;min-height: 36px;z-index: 2}

.promotion-card .card-img-holder{overflow: hidden;max-height: 280px}
.promotion-card .card-img-holder img{width: 100%;height: 100%;object-fit: cover}

/*about us*/
.about-content ul li{line-height: 1.5em;margin-top: 12px;position: relative}
.about-content ul li::before {content: "";color: #444444;font-family: FontAwesome;position: absolute;left: -20px}

/*products-category*/
    /* category navigation */
.category-nav{width: 100%;border-bottom: 1px solid #e8e8e8}
.category-nav .category{justify-content: space-around}
.category-nav .category > li{position: relative;min-width: 170px;text-align: center}
.category-nav .category > li > a{display: inline-block;padding: 16px 0;color: black;font-weight: bold;font-size: 14px;}
.category-nav .category > li:hover .first-chi{display: block}
.category-nav .first-chi{display: none;position: absolute;text-align: left;width: 100%;left: 0;z-index: 97;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.category .first-chi li{border-bottom: 1px solid #eeeeee}
.category-nav .first-chi > li > a{display: block;padding: 12px;color: black;font-size: 12px;}
.category-nav .first-chi > li > a:hover { background-color: #f00017; color: #fff; }

/* ----------*/
.category-filters ul li{margin: 9px 0}
.category-filters ul li a{color: #463e3f}

.promotion-card .owl-dots{text-align: center;margin-top: 24px;display: block!important;}
.promotion-card .owl-dot{display: inline-block;margin: 4px 6px}
.promotion-card .owl-dots .owl-dot span{width: 10px;height: 10px;background: #c3c3c3;display: inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.owl-dots .active span{background: #bc271f!important;}


.pro-holder{padding:0 8px}
.products-container > aside{padding: 11px}
.products-container .product{border: 1px solid #eeeeee;position: relative;height: 100%}
.products-container .product .tag ,.pro-fet-card .tag{position: absolute;padding: 7px 14px;top:10px;left: 0;z-index: 5}
.products-container .product .title{min-height: 70px}
.products-container .product .img-holder{padding: 14px;max-width: 340px;margin: 0 auto;height: 280px}
.products-container .product .img-holder img{width: 100%;height: 100%;object-fit: contain}
.products-container .product .price{text-align: center;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.offer-per{display: inline-block;background: #43A047;color: white;padding: 7px}
.products-container .product .price span{position: relative;}
.products-container .product .price span sub{text-decoration: line-through}
.products-container .product .actions a{display: block;margin-top: 11px}
.products-container .product .actions a i{vertical-align: text-bottom}

ngcart-addtocart:hover{cursor: pointer}

.products-container .product .hover-view{position: relative;display: block}
.products-container .product .hover-view:hover .view-pro{opacity: 1}
.products-container .product .hover-view .view-pro{;content: "";background: rgba(255, 255, 255, 0.31);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0}
.products-container .product .hover-view .view-pro span{position: relative;top: 50%;transform: translateY(-50%);color: #000000;padding: 14px;border: 1px solid #444444;}

.pagination-sm{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end}
.pagination-sm li a{display: inline-block;padding:12px 14px;background: #f4f4f4;border: 1px solid #eeeeee;font-family: 'Graphik-Regular',sans-serif;color: #444444;font-size: 13px;margin: 0 2px}
.pagination-sm li.active a, .pagination-sm li a:hover{color: #230000;border-color: #230000;
    -webkit-transition: ease all 0.4s ;
    -moz-transition: ease all 0.4s ;
    -ms-transition: ease all 0.4s ;
    -o-transition: ease all 0.4s ;
    transition: ease all 0.4s ;}

.ng-hide{display: none}

/* pro-view*/

.pro-view-info-block .data .price sub:last-child{margin-left: 9px;text-decoration: line-through}
.pro-view-info-block .data .description ul{list-style: circle outside;margin-left: 16px}
.pro-view-info-block .data .description ul li{line-height: 1.5em}

.pro-view-img-holder{max-height: 500px;overflow: hidden}
.pro-view-img-holder img{width: 100%;height: 100%;object-fit: contain}
.tumb-holder{padding: 0 24px}
.tumb-holder .tumb{padding: 4px;border: 1px solid #eeeeee;height: 100px;overflow: hidden}
.tumb-holder .tumb img{width: 100%;height: 100%;object-fit: contain}
.tumb-holder .owl-nav{position: absolute;bottom: 98%;right: 16px;}
.tumb-holder .owl-nav div{display: inline-block;font-size: 24px;margin: 9px 12px}



/* warranty*/
.warranty-field > aside{padding: 9px;}
.warranty-field .warranty-box{border: 1px solid #eeeeee;box-shadow: 0 0 9px 1px #eeeeee;position: relative;height: 100%}
.warranty-text {border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee}
.warranty-text ul{list-style: circle outside;padding-left: 16px}
.warranty-text ul li{line-height: 1.5em}
#warranty ul {
    font-family: 'Graphik-Light',sans-serif;
    line-height: 1.5em;
    list-style: disc;
    font-size: 14px;
    padding-left: 24px;
}
#warranty article { background-color: #f9f9f9; margin-bottom: 16px; }
#warranty .warranty-title {
    -webkit-align-items: center;
    align-items: center;
    background-color: #00aeef;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    font-weight: bold;
    padding: 16px;
}


/*faq*/
#Accordion .content{padding: 16px; transition: none; display: none; }
#Accordion .content.isActive{ transform: scale(1,1); position: relative; opacity: 1 }
#Accordion .faqLink{display: block;border-bottom: 1px solid white}
#Accordion .faqLink.active { background-color: #ed1c24; color: #fff; }

/* Product Details */
.p_description,
#ProductDetails { font-size: 13px; line-height: 1.4em; color: #333}
#ProductDetails h3 { background-color: #eee; padding:10px 12px; font-size: 14px; line-height: 1.4em; text-transform: uppercase; font-weight: bold; margin: 12px 0; }
.p_description ul,
#ProductDetails ul { list-style: disc; margin: 8px 0; padding-left: 24px;}
.p_description ul li,
#ProductDetails ul li { margin-bottom: 4px !important; line-height: 1.4em !important; }
.attributes label { border-radius: 2px; cursor: pointer; display: inline-block; font-size: 12px; position: relative; margin: 4px; padding: 6px 12px; border: 1px #999 solid; text-transform: uppercase;  }
.attributes label:hover { background-color: #eee; }
.attributes label.selected { background-color: #0000aa; border-color: #0000aa; color: #fff }
.attributes input[type=radio] { position: absolute; opacity: 0.2  }

.select {
    border: 1px #ccc solid;
    display: block;
    font-family: inherit;
    outline: none;
    margin-top: 4px;
    padding: 6px;
}
.related-title {
    border-bottom: 1px #ccc solid;
    font-weight: bold;
    margin: 24px 0;
    padding-bottom: 8px;
}
    /*cart*/

#MissonVision {}
#MissonVision h3 { color: #ed1c24;font-weight: bold;}
#MissonVision ul { padding-left: 24px; }
#MissonVision {}

#faq {}
#faq ul { list-style: disc; padding-left: 24px; line-height: 1.5em; font-size: 1.1em; }

.cart-buttons.detail .button {
    background-color: #ed1c24;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 12px 20px;
}
#contact {}
#contact .grey-bg { background-color: #f0f0f0; padding: 24px; }
#contact h4 { font-size: 0.9em; font-weight: bold; margin-bottom: 8px; text-transform: uppercase; }
#contact p { margin-bottom: 16px;}
#contact form { padding: 24px;}
#contact form .input-container { margin-bottom: 24px; }
#contact form label { display: block; text-transform: uppercase; margin-bottom: 4px; }
#contact form input,
#contact form textarea {
    border: 1px #ccc solid;
    display: block;
    height: 36px;
    width: 100%;
    outline: none;
    padding: 12px;
}
#contact form textarea {
    min-height: 120px;
}
#contact form button {
    background-color: #4a8cdb;
    border: none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: inherit;
    height: 36px;
    padding: 0 16px;
}

.cart-buttons.detail .button.pro-view-remove-cart { background-color: #0000aa;
    box-shadow: none; }

#Cart .pro-pg-title {
    margin-top: 0;
    /*padding-top: 24px;*/
}

#Cart .alert {
    background-color: lightgoldenrodyellow;
    border: 1px #d5c103 solid;
    color: #cbb803;
    font-size: 14px;
    margin: 24px auto;
    padding: 12px;
    text-align: center;
}
#Cart .button {
    border: 1px #ffaf00 solid;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.8), 0 2px 2px rgba(0,0,0,0.3) ;
    outline: none;
    margin: 16px 0;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 16px 8px;
    text-align: center;
    background-color: #ffc438;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}
#Cart .button img { margin-left: 8px; max-height: 24px; }
#Cart .button:hover { }