/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,1): run-time error CSS1036: Expected expression, found '}'
(51,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(52,21): run-time error CSS1039: Token not allowed after unary operator: '-badge-size'
(54,35): run-time error CSS1039: Token not allowed after unary operator: '-color-shade'
(65,22): run-time error CSS1063: Expected calculation unit, found 'var('
(65,22): run-time error CSS1064: Expected calculation product, found 'var('
(65,22): run-time error CSS1019: Unexpected token, found 'var('
(65,22): run-time error CSS1042: Expected function, found 'var('
(65,27): run-time error CSS1039: Token not allowed after unary operator: '-badge-size'
(65,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(77,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(78,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(81,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(82,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(85,17): run-time error CSS1039: Token not allowed after unary operator: '-color-light'
(86,28): run-time error CSS1039: Token not allowed after unary operator: '-color-dark'
(91,17): run-time error CSS1039: Token not allowed after unary operator: '-lock-width'
(92,18): run-time error CSS1063: Expected calculation unit, found 'var('
(92,18): run-time error CSS1064: Expected calculation product, found 'var('
(92,18): run-time error CSS1019: Unexpected token, found 'var('
(92,18): run-time error CSS1042: Expected function, found 'var('
(92,23): run-time error CSS1039: Token not allowed after unary operator: '-lock-width'
(92,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(96,18): run-time error CSS1039: Token not allowed after unary operator: '-lock-stroke'
(96,43): run-time error CSS1039: Token not allowed after unary operator: '-lock-color'
(105,22): run-time error CSS1039: Token not allowed after unary operator: '-lock-color'
(106,17): run-time error CSS1039: Token not allowed after unary operator: '-lock-stroke'
(107,18): run-time error CSS1063: Expected calculation unit, found 'var('
(107,18): run-time error CSS1064: Expected calculation product, found 'var('
(107,18): run-time error CSS1019: Unexpected token, found 'var('
(107,18): run-time error CSS1042: Expected function, found 'var('
(107,23): run-time error CSS1039: Token not allowed after unary operator: '-lock-stroke'
(107,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(118,17): run-time error CSS1063: Expected calculation unit, found 'var('
(118,17): run-time error CSS1064: Expected calculation product, found 'var('
(118,17): run-time error CSS1019: Unexpected token, found 'var('
(118,17): run-time error CSS1042: Expected function, found 'var('
(118,22): run-time error CSS1039: Token not allowed after unary operator: '-lock-width'
(118,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(119,18): run-time error CSS1063: Expected calculation unit, found 'var('
(119,18): run-time error CSS1064: Expected calculation product, found 'var('
(119,18): run-time error CSS1019: Unexpected token, found 'var('
(119,18): run-time error CSS1042: Expected function, found 'var('
(119,23): run-time error CSS1039: Token not allowed after unary operator: '-lock-width'
(119,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(124,18): run-time error CSS1039: Token not allowed after unary operator: '-lock-stroke'
(124,43): run-time error CSS1039: Token not allowed after unary operator: '-lock-color'
 */
:root {
    --color-primary: #214fe0;
    --color-dark: #1d1f20;
    --color-light: #f4f4f4;
    --color-shade: #bbb;
    --badge-size: 250px;
    --lock-color: #fff;
    --lock-width: 30px;
    --lock-stroke: 2.5px;
}

::selection {
    background:
}

.shopBadge {
    width: 100%;
    left: 0;
    z-index: 9999;
    margin: 0;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.product_details_page .full_description img{
    width:auto !important;
    height:auto !important;
}
.product-grid-item{

}
.store_wrapper_page .badge-icon,
.store_wrapper_page .badge-text {
    padding: 1.5rem;
    float: left;
    -webkit-box-flex: 1;
    flex: 1
}

.store_wrapper_page .badge-text span b{
    color: #118ffb;
}

.store_wrapper_page .badge {
    display: flex;
    margin: 0 auto 1.5rem;
    color: var(--color-light);
    min-width: var(--badge-size);
    border-radius: 5px;
    box-shadow: 0px 0px 40px var(--color-shade);
    overflow: hidden;
    padding: 1px 4px;
    background-color: #121212;
    max-width: 1140px;
    width: 100%;
}

.store_wrapper_page .badge-icon {
    background: url('/Images/vnpimall-logo-only-new.svg') no-repeat center center;
    background-size: contain;
    max-width: calc( var(--badge-size) / 3);
}

.store_wrapper_page .badge-text {
    font: normal small-caps normal 16px/1.5 'Oswald', sans-serif;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
}

.store_wrapper_page .badge[data-color=""] .badge-text,
.store_wrapper_page .badge[data-color="default"] .badge-text {
    color: var(--color-light);
    background-color: var(--color-primary);
}
.store_wrapper_page .badge[data-color="light"] .badge-text {
    color: var(--color-dark);
    background-color: var(--color-light);
}
.store_wrapper_page .badge[data-color="dark"] .badge-text {
    color: var(--color-light);
    background-color: var(--color-dark);
}
/*The body of the lock*/
.store_wrapper_page .lock {
    display: block;
    width: var(--lock-width);
    height: calc(var(--lock-width) * 0.75);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: var(--lock-stroke) solid var(--lock-color);
    border-radius: 5px;
    position: relative;
    transition: all 0.1s ease-in-out;
}
/*The keyhole*/
.store_wrapper_page .lock:after {
    content: "";
    display: block;
    background: var(--lock-color);
    width: var(--lock-stroke);
    height: calc(var(--lock-stroke) * 3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.1s ease-in-out;
}
/*The arm of the lock*/
.store_wrapper_page .lock:before {
    content: "";
    display: block;
    width: calc(var(--lock-width) / 2);
    height: calc(var(--lock-width) / 3);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: var(--lock-stroke) solid var(--lock-color);
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom: 0;
}


@media(max-width:480px) {
    .product-grid-item {
        width:49%;
        float:left;
    }
    .product-grid-item .caption h4 a{
        font-size:12px;
    }
    .store_wrapper_page .category-wrap .col-lg-12 .col-sm-3 {
        width: 50%;
        float: left;
    }
}