﻿.title-emphasize { font-family: 'Roboto'; color: #181818 !important; }
.promotion-product { background-color: #f5f5f5; }
    .promotion-product .product-item img { min-height: 175px; }
.owl-carousel-promotion { overflow: hidden; }
    .owl-carousel-promotion .owl-nav { display: none !important; }
    .owl-carousel-promotion .owl-item { display: inline-block !important; padding: 5px; }


Women Banner Section
/*-----------------------*/
.home-list { padding: 6px; }
.women-banner { /*padding-right: 65px;	padding-left: 65px;*/ padding-top: 0; padding-bottom: 20px; background-color: #f5f5f5; }
.product-large { height: 620px; margin-left: -15px; margin-right: -15px; text-align: center; padding-top: 285px; }
    .product-large h2 { color: #ffffff; font-size: 48px; font-weight: 700; margin-bottom: 18px; }
    .product-large a { color: #ffffff; font-size: 18px; font-weight: 500; display: inline-block; position: relative; }
        .product-large a:before { position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: #ffffff; content: ""; }
.filter-control { text-align: center; padding-top: 5px; text-align: left; font-weight: bold; }
    .filter-control > ul { display: inline-block; width: 100%; }
    .filter-control ul li { list-style: none; display: inline-block; font-size: 15px; color: #f0502b; margin-right: 0px; position: relative; cursor: pointer; text-transform: uppercase; line-height: 35px; }
        .filter-control ul li.active { color: #f0502b; }
        .filter-control ul li.more { float: right; }
            .filter-control ul li.more > a { color: #9E9E9E; float: right; }
        .filter-control ul li.active:before { opacity: 1; }
        .filter-control ul li:before { position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; content: ""; opacity: 0; }
        .filter-control ul li:last-child { margin-right: 0; }
.product-slider .owl-nav button[type=button] { font-size: 30px; position: absolute; left: -62px; top: 25%; opacity: 0.3; }
    .product-slider .owl-nav button[type=button].owl-next { left: auto; right: -62px; color: #171717; opacity: 1; }
.product-slider .owl-dots { text-align: center; margin-top: 0px; }
    .product-slider .owl-dots button { width: 6px; height: 6px; background: #D8D9DA; border-radius: 50%; margin-right: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
        .product-slider .owl-dots button:last-child { margin-right: 0; }
        .product-slider .owl-dots button.active { width: 30px; background: #252525; border-radius: 50px; }
.product-list > .row > div { padding: 10px; }
.product-item { margin-bottom: 3px; background-color: #fff; /*box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;*/ border-radius: 10px; padding: 10px; }
    .product-item:hover .pi-pic .icon { top: 15px; opacity: 1; }
    .product-item:hover .pi-pic ul { bottom: 0; }
    .product-item .pi-pic { overflow: hidden; position: relative; }
        .product-item .pi-pic a { display: block; height: 100%; }
        .product-item .pi-pic img { min-width: 100%; border-radius: 10px 10px 0 0; height: 100%; }
            .product-item .pi-pic img.image-soldout { position: absolute; width: 40%; border-radius: 10px 0; min-width: 0; z-index: 1; }
        .product-item .pi-pic .image-promotion { position: absolute; top: 5px; right: 5px; width: 20%; min-width: 0; z-index: 1; height: auto; border-radius: 25%; }
        .product-item .pi-pic .sale { color: #ffffff; font-size: 10px; background: #76BC42; position: absolute; left: 0; top: 20px; padding: 5px 10px; text-transform: uppercase; }

            .product-item .pi-pic .sale.pp-sale { background: #e7ab3c; }
        .product-item .pi-pic .icon { font-size: 20px; color: #252525; position: absolute; right: 21px; top: -15px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; }
        .product-item .pi-pic ul { position: absolute; left: 0; bottom: -52px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: center; width: 100%; }
            .product-item .pi-pic ul li { list-style: none; display: inline-block; background: #ffffff; }
                .product-item .pi-pic ul li.w-icon.active a { background: #e7ab3c; color: #ffffff; }
                .product-item .pi-pic ul li a { font-size: 16px; font-weight: 700; color: #252525; display: block; padding: 16px 18px 12px 19px; }
    .product-item .pi-pic { margin-bottom: 5px; }
    .product-item .pi-text { text-align: left; padding: 5px; min-height: 95px; }
        .product-item .pi-text .catagory-name { font-size: 10px; color: #b2b2b2; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }
        .product-item .pi-text a { display: -webkit-box; height: 38px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
            .product-item .pi-text a h5 { color: #252525; }
        .product-item .pi-text .product-description { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 64px; }
        .product-item .pi-text .product-price-listed { font-size: 14px; font-weight: 500; margin-top: 5px; color: #ccc; text-decoration: line-through; display: inline-block; float: left; margin-right: 10px; }
        .product-item .pi-text .product-price-listed-percent { font-size: 15px; font-weight: 700; color: #fff; background-color: red; padding: 4px; border-radius: 6px; float: left; margin-left: 10px; }
        .product-item .pi-text .product-price { color: #d12234; font-size: 14px; font-weight: 700; margin-top: 5px; float: left; display: inline-block; }
            .product-item .pi-text .product-price span { font-size: 14px; font-weight: 400; color: #b2b2b2; text-decoration: underline; }
            .product-item .pi-text .product-price button { border: none; float: right; padding: 4px 8px 2px 8px; background: #f78129; color: white; border-radius: 5px; }
.load-more { justify-content: center; display: flex; }
    .load-more a { padding: 10px; color: #ed143d; cursor: pointer; }
.load-more { justify-content: center; display: flex; }
    .load-more a { padding: 10px; color: #ed143d; cursor: pointer; }
.categories-slider { margin-top: 15px; }
    .categories-slider .item .pi-text a { font-size: 13px; color: black; text-align: center; display: block; }
    .categories-slider .item .pi-pic a { display: flex; text-align: center; justify-content: center; }
    .categories-slider .item .pi-pic img { width: 50px; height: 50px; }
    .categories-slider .owl-nav { display: none; }
    .categories-slider .owl-dots, .owl-carousel-promotion .owl-dots { text-align: center; margin-top: 0px; }
        .categories-slider .owl-dots button, .owl-carousel-promotion .owl-dots button { width: 6px; height: 6px; background: #D8D9DA; border-radius: 50%; margin-right: 10px; border: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
            .categories-slider .owl-dots button:last-child, .owl-carousel-promotion .owl-dots button:last-child { margin-right: 0; }
            .categories-slider .owl-dots button.active, .owl-carousel-promotion .owl-dots button.active { width: 30px; background: #f0502b; border-radius: 50px; border: none; }
