.container-product {margin-top: 50px;}
.grid-pro-detail { margin-bottom: 50px; }
.left-pro-detail {position: relative;overflow: hidden;width: 50%;}
.left-pro-detail .img-single{width: 100%;}
.left-pro-detail .img-nav{width: 100%;margin-top: -7px;}
.img-nav a{
    cursor: pointer;
    background: transparent;
    display: block;
    padding: 10px;
}
.img-nav .slick-current.slick-active img{
    opacity: 0.9;
}
.left-pro-detail .MagicZoom { width: 100%; text-align: center; }

.right-pro-detail {color: #333;width: 50%;}
.gallery-thumb-pro { position: relative; margin-top: 10px; }
.owl-thumb-pro { padding: 0px 40px; }
.thumb-pro-detail { display: block !important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; }
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }
.thumb-pro-detail img { box-shadow: none !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }
.title-pro-detail {text-transform: capitalize;font-size: 28px;display: block;color: var(--color-key1);font-weight: 700;position: relative;}
.title-pro-detail:before{
    content:'';
    position: absolute;
    width: 100px;
    height: 1px;
    background: #e5e5e5;
    left: 0px;
    bottom: 0px;
}
.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }
.social-product ul { display: flex; justify-content: flex-start; list-style: none; padding: 0px; }
.social-product li { margin-right: 5px; }
.social-product button {width: 30px;height: 30px;border: none;cursor: pointer;color: #FFF;background: #c9c9c9;border-radius: 2px;outline: none;}
.zb-btn-blue--30x30{
    background: #c9c9c9 !important;
}
iframe .zb-btn-blue--30x30 { background: #000000 !important; }
.desc-pro-detail { margin-bottom: 1rem; }
.desc-pro-detail table tr td{
    padding: 10px 0px;
}
.desc-pro-detail table tr:not(:last-child) td{
    border-bottom: 1px solid #e5e5e5;
}
.attr-pro-detail { list-style: none; padding: 0px; }
.attr-pro-detail li { margin-bottom: 10px; }
.attr-label-pro-detail { margin: 0px 5px 0px 0px; }
.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }
.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; }
.attr-content-pro-detail.flex { display: flex !important; }
.price-new-pro-detail { font-size: 25px; color: var(--color-red); font-weight: 700; }
.price-old-pro-detail { font-weight: 500; color: var(--color-gray); text-decoration: line-through; padding-left: 10px; }
.color-pro-detail { display: inline-block; vertical-align: top; position: relative; width: 25px; height: 25px; margin: 0px 0px 3px 0px; border: 2px solid white; padding: 5px; margin-right: 5px; }
.size-pro-detail { border: 2px solid #333; padding: 2px 5px 2px 5px; display: block; position: relative; font-size: 12px; min-width: 24px; text-align: center; margin-right: 5px; }
.size-pro-detail.active,
.color-pro-detail.active,
.size-pro-detail:hover,
.color-pro-detail:hover { border-color: #e5101d; color: #e5101d; cursor: pointer; }
.size-pro-detail.disabled,
.color-pro-detail.disabled,
.size-pro-detail.disabled:hover,
.color-pro-detail.disabled:hover { border-color: #d2d2d2; color: #d2d2d2; cursor: not-allowed; }
.color-pro-detail.active:before,
.size-pro-detail.active:before,
.color-pro-detail:hover:before,
.size-pro-detail:hover:before { position: absolute; left: 0px; bottom: -6px; width: 100%; height: 2px; background: #e5101d; content: ''; cursor: pointer; }
.color-pro-detail.disabled:before,
.size-pro-detail.disabled:before,
.color-pro-detail.disabled:hover:before,
.size-pro-detail.disabled:hover:before { position: absolute; left: 0px; bottom: -6px; width: 100%; height: 2px; background: transparent; content: ''; cursor: not-allowed; }
.color-pro-detail input[type=radio],
.size-pro-detail input[type=radio] { outline: none; position: absolute; cursor: pointer; width: 100%; height: 100%; -webkit-appearance: none; border: 0px; top: 0px; left: 0px; z-index: -1; }
.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; }
.quantity-pro-detail span { line-height: 25px; padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }
.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }
.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }
.quantity-pro-detail input { height: 30px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.show-numb-text { margin-bottom: 20px; }
.cart-pro-detail { margin-bottom: 1rem; display: flex; align-items: stretch; justify-content: space-between; }
.cart-pro-detail a {width: auto;text-align: center;color: #fff;padding: 10px 15px;text-transform: uppercase;border-radius: 3px;}
.cart-pro-detail a {cursor: pointer;}
.cart-pro-detail span { display: block; position: relative; z-index: 22 }
.cart-pro-detail a.addnow { border: 2px solid #000000; color: #000000; }
.cart-pro-detail a { position: relative }
.cart-pro-detail a:before { position: absolute; width: 0%; left: 50%; height: 100%; content: ''; background: #000000; top: 0px; transition: all .3s; }
.cart-pro-detail a:after { position: absolute; width: 0%; right: 50%; height: 100%; content: ''; background: #000000; top: 0px; transition: all .3s; }
.cart-pro-detail a:hover:before,
.cart-pro-detail a:hover:after { width: 50%; }
.cart-pro-detail a.addnow:before,
.cart-pro-detail a.addnow:after { background: #000000; }
.cart-pro-detail a:hover { color: #FFF; }
.cart-pro-detail a.buynow {border: 2px solid #05a284;color: #FFF;background: #05a284;}
.cart-pro-detail a.buynow:before,
.cart-pro-detail a.buynow:after {background: #08c7a0;}
.cart-pro-detail a:hover { color: #FFF !important; }
.cart-pro-detail a i { vertical-align: top; margin-top: 3px; margin-right: 8px; }
.tags-pro-detail { margin: 1rem 0px 2rem 0px; display: flex; flex-wrap: wrap; }
.tags-pro-detail span{
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 15px;
}
.tags-pro-detail a {display: inline-block;font-size: 15px;margin-bottom: 5px;border-radius: 3px;}
.tags-pro-detail a:hover { }
.tags-pro-detail a i { font-size: 10px; float: left; margin: 5px 5px 0px 0px; }
.tabs-pro-detail .ul-tabs-pro-detail {padding: 0px;list-style: none;margin-bottom: 1rem;border-bottom: 1px solid var(--color-key1);display: flex;flex-wrap: wrap;}
.tabs-pro-detail .ul-tabs-pro-detail li { cursor: pointer; margin-right: 5px; background: #eee; padding: 8px 15px; font-size: 16px; text-transform: uppercase; font-weight: 700; }
.tabs-pro-detail .ul-tabs-pro-detail li.active {background: var(--color-key1);color: #fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child { margin-right: 0px; }
.tabs-pro-detail .content-tabs-pro-detail { display: none; }
.tabs-pro-detail .content-tabs-pro-detail.active { display: block; }



.slider-nav-product { }
.slider-nav-product .slick-prev svg,
.slider-nav-product .slick-next svg {}
.slick-prev svg,
.slick-next svg {font-size: 16px;vertical-align: middle;position: absolute;top: 2px;width: 15px;left: 2px;}
svg .b {fill: none;stroke: #FFF;stroke-width: 1960;stroke-miterlimit: 10;}
.slider-nav-product .slick-next { bottom: 0px; top: auto; }
.slider-nav-product .slick-prev,
.slider-nav-product .slick-next {border-radius: 0px;opacity: 1;background: #04a183;transform: none;left: 0px;right: auto;position: absolute;z-index: 11;margin-top: -10px;border-radius: 50%;opacity: 0;}
.slider-nav-product .slick-prev {top: 50%;left: 10px;}
.slider-nav-product .slick-next {top: 50%;left: auto;right: 10px;}
.slider-nav-product .slick-next:before,
.slider-nav-product .slick-prev:before { display: none; }

.slider-nav-product:hover .slick-prev, .slider-nav-product:hover .slick-next{
    opacity: 1;
}
.slick-slide img{
    margin: 0 auto;
}