:root {
    --first-color: #fcd403;
    --second-color: #ed1e26;
    --third-color: #242022;
    --hot-one: hsl(0, 96%, 49%);
    --hot-two: hsl(0, 89%, 30%);
    --new-one: hsl(75, 88%, 42%);
    --new-two: hsl(78, 89%, 35%);
    --pop-one: hsl(207, 69%, 50%);
    --pop-two: hsl(212, 67%, 36%);
    --spo-one: hsl(38, 96%, 49%);
    --spo-two: hsl(34, 89%, 30%);
    --box-shadow: hsl(0, 0%, 0%);
    --white: hsl(0, 0%, 100%)
}
/*Width Custom*/
.w-60 {width: 60% !important}
/*.w-30 {width: 30% !important}*/
@media screen and (max-width: 990px) {
    .w-60 {width: 100% !important}
}
.lh-xs {line-height: 1rem !important}
.fs-xs { font-size: .675rem !important}
.fs-sm { font-size: .775rem !important}
.fs-md2 { font-size: .850rem !important}
.fs-md { font-size: .950rem !important}
.fs-lg {font-size: 1.125rem !important;}
.fs-xl {font-size: 2.5rem !important;}
.fs-xxl {font-size: 3rem !important;}
.fs-xxxl {font-size: 4rem !important;}
.cur-pointer {cursor: pointer !important;}
.full-index-1 {z-index: 11 !important;}
.full-index-2 {z-index: 1030 !important;}
.py-1a {
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
}
.imgCont {overflow: hidden}
.limit-text-1a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.limit-text-1,
.limit-text-2,
.limit-text-3,
.limit-text-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.limit-text-1 {
    -webkit-line-clamp: 1;
    display: block!important;
}
.limit-text-2 {
    -webkit-line-clamp: 2;
}
.limit-text-3 {
    -webkit-line-clamp: 3;
}
.limit-text-4 {
    -webkit-line-clamp: 4;
}


.sticky-offset-top-1 {
    top: .5rem !important;
}
.sticky-offset-top-2 {
    top: 1.5rem !important;
}
.sticky-offset-top-3 {
    top: 2.5rem !important;
}
.sticky-offset-top-4 {
    top: 4.5rem !important;
}
.sticky-offset-top-5 {
    top: 5.5rem !important;
}
.sticky-offset-top-6 {
    top: 6rem!important;
}
.sticky-offset-top-7 {
    top: 7rem!important;
}
.sticky-offset-top-8 {
    top: 8rem!important;
}
.sticky-offset-bottom-1 {
    bottom: .5rem !important;
}
.sticky-offset-bottom-2 {
    bottom: 2.5rem !important;
}
.sticky-offset-bottom-3 {
    bottom: 3.5rem !important;
}
.sticky-offset-bottom-4 {
    bottom: 4rem!important;
}
.sticky-offset-bottom-5 {
    bottom: 5rem!important;
}


/*Text Color Custom*/
.bg-img3 {
    background-color: var(--first-color) !important;
}
.border-im3 {
    border-color: var(--first-color) !important;
}


.bg-medium-light {
    background-color: #c5c5c5;
}
/*.text-orange {color: var(--fourth-color) !important;}*/
.text-bluegreen {color: #03bcc5 !important;}
/*.bg-orange {background-color: var(--fourth-color) !important;}*/

.bg-zebra {
    background: repeating-linear-gradient(45deg, #edeffb, #edeffb 10px, #f8f9fa 10px, #f8f9fa 20px) !important;
}
.bg-low-light {
    background-color: rgb(243 243 243) !important;
}
/*.container {*/
/*    border-left: 1px solid red;*/
/*    border-right: 1px solid red;*/
/*}*/



/*Button Custom*/
.btn-im3-1 {
    background-color: var(--first-color) !important;
    border-color: #e6c100 !important;
    color: var(--third-color) !important;
}
.btn-im3-2 {
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important;
    color: #FFFFFF !important;
}


.bg-custom-gradation,
.btn-custom-gradation {
    background: -webkit-linear-gradient(90deg,var(--c1, #f6d365),var(--c2, #fda085) 51%,var(--c1, #f6d365)) var(--x, 0)/200%;
    background: -moz-linear-gradient(90deg,var(--c1, #f6d365),var(--c2, #fda085) 51%,var(--c1, #f6d365)) var(--x, 0)/200%;
    background: -o-linear-gradient(90deg,var(--c1, #f6d365),var(--c2, #fda085) 51%,var(--c1, #f6d365)) var(--x, 0)/200%;
    background: linear-gradient(90deg,var(--c1, #f6d365),var(--c2, #fda085) 51%,var(--c1, #f6d365)) var(--x, 0)/200%;
    border-color: var(--c3, #EF6507)!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn:hover {
    --x: 100%;
    color: #000!important
}

.btn-1 {
    --c1: var(--first-color);
    --c2: var(--third-color);
    --c3: var(--third-color);
}
.btn-2 {
    --c1: #c2eafb;
    --c2: #f1acff;
    --c3: #b799f7;
}

.btn-3 {
    --c1: #fcef07;
    --c2: #deb104;
    --c3: #d79506;
}
.btn-4 {
    --c1: #a6ffdd;
    --c2: #77e7ff;
    --c3: #57cbdc;
}
.btn-5 {
    --c1: #ffecd2;
    --c2: #fcb69f;
    --c3: #fcb69f;
}
.btn-6 {
    --c1: #dfb0ff;
    --c2: #f87c8a;
    --c3: #e35364;
}
.btn-7 {
    --c1: #ffe229;
    --c2: #baf32e;
    --c3: #9ae553;
}
.no-transition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}
.btn-transition {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}



html {height: 100%}
body a {
    text-decoration: none;
    color: #000000;
}


.navbar .navbar-brand {
    /*max-width: 9rem;*/
    max-width: 4rem;
}
.navbar-nav .nav-link.active::after,
.menuBottom a.active::after {
    content: '';
    border-top: 4px solid var(--second-color);
    position: absolute;
    left: 8px;
    right: 8px;
}
.navbar-nav .nav-link.active::after {
    bottom: -11px;
}
.menuBottom a.active::after {
    top: -4px;
}


/*MENU BOTTOM*/
.menuBottom a {
    color: #000000 !important;
    text-decoration: none;
}
.menuBottom .user-account {
    max-width: 3rem;
    max-height: 3rem;
}

.cartlistMenu .nav-link,
.wishlist .nav-link,
.languages .nav-link,
.user-account .imgCont {
    width: 2.5rem;
    height: 2.5rem;
}
.languages .nav-link,
.wishlist .nav-link,
.cartlistMenu .nav-link {
    line-height: 2.5rem;
}
.cartlistMenu .nav-link .badge {
    min-width: 16px;
    font-size: .7rem;
    padding: 2px 3px;
    top: 5px;
}
.languages .nav-link:hover,
.balance .nav-link:hover {
    background-color: #e9e9e9 !important;
}

@media screen and (max-width: 480px) {
    .add-wishlist {
        position: absolute;
        top: -.8rem;
        right: .5rem;
    }
}

.main-content {
    margin-top: 3.5rem;
}
@media screen and (min-width: 990px) {
    body {
        overflow-y: hidden;
    }
    .main-content {
        height: calc(100vh - 7.5rem);
    }
    .main-content .container {
        overflow-y: auto;
    }
}
footer .container {
    min-height: 2.7rem;
    line-height: 2rem;
}

@media screen and (max-width: 990px) {
    body.overflow-y-hidden {
        overflow-y: auto !important;
    }
    .navbar .container {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .main-content {
        height: auto !important;
    }
    .main-content section {
        min-height: 678px !important;
    }
    footer {
        position: static !important;
        right: initial !important;
        bottom: initial !important;
        left: initial !important;
        z-index: 1 !important;
    }
    footer .container {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}
@media screen and (min-width: 990px) {
    .navbar {
        top: 8px;
    }

    footer {
        bottom: 8px !important;
    }
}



.h-inherit {
    height: inherit !important;
}

/*LOBIBOX CUSTOM*/
.lobibox-notify-wrapper.center-custom {
    margin-left: initial !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}



.lobibox-confirm {
    width: 20rem;
}
.lobibox.lobibox-confirm .lobibox-header {
    background-color: #FFFFFF!important;
    color: #333;
    text-align: center;
    /*display: none;*/
}
.lobibox.lobibox-confirm .lobibox-body {
    padding-top: 1rem;
    text-align: center;
}
.lobibox.lobibox-confirm .lobibox-footer {
    background-color: #fff!important;
    padding-bottom: 1.5rem;
}
.lobibox-notify .lobibox-notify-title {
    padding-right: 2rem!important;
}


/*FAMFAMFAM flag icons CSS.*/
[class^="fam-flag"] {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    background-image: url("../img/default/famfamfam-flags.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.fam-flag-En {
    background-position: -176px -22px;
    width: 16px;
    height: 11px;
}
.fam-flag-Id {
    background-position: -160px -53px;
    width: 16px;
    height: 11px;
}

/*.main-content.authOn {margin-left: 14.4rem;}*/
.border-dark {border-color: #252a2e !important;}
.w-number {width: 1rem!important;}
.w-date {width: 10rem!important;}
.w-curency {width: 10rem!important;}
.w-status {width: 3rem!important;}
.status-approve span {background: #7bc646 !important}
.status-pending span {background: #6bdfec !important}
.status-reject span {background: #ff5757 !important}


/*Expire Date*/
.expireDate {
    background: #ec0000;
    padding: 0.5rem 1rem 0.5rem 4rem;
    top: 1rem;
    left: -.5rem;
    -webkit-border-radius: .3rem .3rem .3rem 0;
    -moz-border-radius: .3rem .3rem .3rem 0;
    border-radius: .3rem .3rem .3rem 0;
    z-index: 5;
}
.expireDate::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 0 solid transparent;
    border-top: 9px solid #881212;
    position: absolute;
    bottom: -9px;
    left: 0;
    display: inline-block;
}
.expireDate span {
    font-size: 1.5rem;
}
.expireDate i {
    font-size: 2.3rem;
}
.expireDate i {
    position: absolute;
    top: 1rem;
    left: 1rem;
}


/*Daterange*/
.date-picker-wrapper {
    border: 2px solid #f19220;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*.date-picker-wrapper .drp_top-bar .default-top {color: #fff!important;}*/









.txt {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-left: 0;
    margin-right: 0;
}
.content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
}
.header-elements-md-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}



/*REPORT*/
.report .side-right::before {
    content: '';
    background: linear-gradient(to right, rgb(248, 248, 248), #ffffff);
    border-left: 1px solid #fff;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
}
.report .badgeCustom {
    right: 1rem;
}
.report .imgCont.mini {
    width: 10rem;
}
.widget i {
    /* width: 3rem; */
    text-align: center;
    bottom: .3rem;
    opacity: .3;
    transform: rotate(-15deg);
    right: -.9rem;
    color: #dcdbdb;
    /* font-size: 4rem !important;*/
}
.widget i.fa-check {color: #f2f3f2;}
.widget i.fa-hourglass-half {color: #f2f3f2;}
.widget i.fa-ban {color: #f2f3f2;}
.widget i.fa-money {color: #f2f3f2;}


.heading {
    font-family: Barlow-bold!important;
    color: #515151;
}
.heading::after {
    content: '';
    background-color: #333;
    width: 2.5rem;
    height: .2rem;
    position: absolute;
    left: 0;
    bottom: -1rem;
    display: inline-block;
}
.heading.text-center::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.heading.no-line::after {display: none}




/*.list .btn-outline-primary{background-color: #fff}*/
/*.list .btn-outline-primary:hover{background-color: #007bff;}*/

/*Login*/
#loginForm .imgCont {
    height: 3rem;
}


/*Home*/
.homepage .slick-list {
    padding-left: 0 !important;
}

/*!*CHART CUSTOM*!*/
.chart-container {
    height: 14.5rem;
}

@media screen and (min-width: 1200px) {
    .chart-container {
        height: 17.5rem;
    }
    .greetingUser {
        /*width: 75%;*/
    }
}




/*TRANSACTIONS*/
.transaction {}
.transaction-grid .product-mini,
.transaction-grid .product-mini-over {
    min-width: 3rem;
    max-width: 3rem;
    max-height: 3rem;
    line-height: 3rem;
    text-align: center;
}
.transaction-grid .product-mini-over {
    min-width: 2rem;
}


.transaction-grid button {
    background-color: #f6f6f6;
}
.transaction-grid button:hover,
.transaction-grid button:focus {
    background-color: var(--first-color) !important;
}


@media screen and (min-width: 580px) {
    #offcanvasReceiptlist {
        min-width: 30rem
    }
}
#offcanvasReceiptlist .labeling {
    min-width: 9rem;
}
#offcanvasReceiptlist .labeling::after {
    content: ':';
    font-style: normal;
    position: absolute;
    right: 0;
}


@media screen and (min-width: 990px) {
    .custom-sticky,
    .offcanvas#offcanvasAccount {
        z-index: 1020 !important;
    }
    .offcanvas#listOfContent .offcanvas-body {
        background-color: var(--bs-light-bg-subtle) !important;
        border-radius: var(--bs-border-radius-xl) !important;
        border: 1px solid var(--bs-light-border-subtle) !important;
    }
    .offcanvas#offcanvasAccount {
        background: transparent !important;
        z-index: 1030;
        border-top: 0;
        visibility: visible;
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .offcanvas#offcanvasAccount .offcanvas-header {
        display: none;
    }
    .offcanvas .offcanvas-title {
        font-size: 1.15rem !important;
    }
}






/*Slick*/
/*Slick Arrow*/
.slick-slider .slick-arrow,
.arrow-custom .slick-arrow {
    background-color: #fafafa24;
    color: #ffffff;
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    z-index: 5;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    /*transform: translateY(-120%);*/
    transform: translateY(-50%);
    /*-webkit-transition: all 0.1s ease-in-out;*/
    /*-moz-transition: all 0.1s ease-in-out;*/
    /*-ms-transition: all 0.1s ease-in-out;*/
    /*-o-transition: all 0.1s ease-in-out;*/
    /*transition: all 0.1s ease-in-out;*/
    -webkit-box-shadow: 0 12px 12px -4px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 12px 12px -4px rgba(0, 0, 0, .05);
    box-shadow: 0 12px 12px -4px rgba(0, 0, 0, .05);
}
.arrow-custom .slick-arrow {
    border: 1px solid #dce0e4;
    position: static !important;
    transform: none;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    border-radius: .35rem;
    box-shadow: none;
}
.arrow-custom .slick-arrow.slick-disabled {
    display: block !important;
}
.slick-slider .slick-arrow.slick-disabled,
.arrow-custom .slick-arrow.slick-disabled,
.slick-slider .slick-arrow.slick-disabled:hover,
.arrow-custom .slick-arrow.slick-disabled:hover,
.slick-slider .slick-arrow.slick-disabled:visited,
.arrow-custom .slick-arrow.slick-disabled:visited,
.slick-slider .slick-arrow.slick-disabled:active,
.arrow-custom .slick-arrow.slick-disabled:active {
    background: #fff!important;
    cursor: default!important;
}
.slick-slider .slick-arrow.slick-disabled::before,
.arrow-custom .slick-arrow.slick-disabled::before {
    color: #333!important;
}
.slick-slider .slick-arrow:active,
.arrow-custom .slick-arrow:active {
    background: var(--second-color) !important;
    /*backdrop-filter: blur(0);*/
}
.slick-slider .slick-prev,
.slick-slider:hover .slick-prev {left: -.5rem!important}
.slick-slider .slick-next,
.slick-slider:hover .slick-next {right: -.5rem!important}

.slick-slider .slick-arrow::before,
.arrow-custom .slick-arrow::before {
    font-family: bootstrap-icons !important;
    color: #FFFFFF;
}
.slick-slider .slick-arrow:active::before,
.arrow-custom .slick-arrow:active::before {
    color: #FFFFFF;
}
.slick-slider .slick-prev::before,
.arrow-custom .slick-prev::before {
    content: "\f284";
}
.slick-slider .slick-next::before,
.arrow-custom .slick-next::before {
    content: "\f285";
}

#bannerSlider.slick-slider .slick-prev {left: 0 !important;}
#bannerSlider.slick-slider .slick-next {right: 0 !important;}

/*Slick Dot*/
.slick-dots li{
    background-color: #ccc;
    width: .375rem;
    height: .375rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.slick-dots li button {
    display: none;
}
.slick-dots li.slick-active {
    background-color: var(--second-color) !important;
    width: 1.5rem;
}



/*Dropdown Custom Color*/
.dropdown-item.active,
.dropdown-item:active {
    background-color: #f5f2f2;
    color: #000000;
}


.floatAuth {
    position: absolute;
    top: 2.5rem;
    right: 0;
}
.floatAuth .dropdown-toggle {
    width: 2.5rem;
    height: 2.5rem;
}
.floatAuth .dropdown-toggle .fa {
    font-size: 1.3rem;
}
.floatAuth .dropdown-toggle::after {
    display: none;
}






#signInModal input[type="text"],
#signInModal input[type="password"] {
    height: 3rem;
}



/*.list-promo .card {*/
    /*-webkit-transition: 0.3s all ease;*/
    /*-moz-transition: 0.3s all ease;*/
    /*-o-transition: 0.3s all ease;*/
    /*-ms-transition: 0.3s all ease;*/
    /*transition: 0.3s all ease;*/
    /*-webkit-transform: translate3d(0, 0, 0);*/
    /*-moz-transform: translate3d(0, 0, 0);*/
    /*-o-transform: translate3d(0, 0, 0);*/
    /*-ms-transform: translate3d(0, 0, 0);*/
    /*transform: translate3d(0, 0, 0);*/
    /*text-align: center;*/
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
    /*-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
/*}*/

/*.list-promo .card-header {top: 0.8rem}*/
/*.list-promo .card:hover {*/
/*    -webkit-transform: translate3d(0, -5px, 0);*/
/*    -moz-transform: translate3d(0, -5px, 0);*/
/*    -o-transform: translate3d(0, -5px, 0);*/
/*    -ms-transform: translate3d(0, -5px, 0);*/
/*    transform: translate3d(0, -5px, 0);*/
/*}*/
/*.list-promo .card-header .imgCont:first-of-type {*/
/*    background: #ccc;*/
/*    !*height: 11.8rem;*!*/
/*}*/
/*.list-promo .card-header .imgCont.mini {*/
/*    width: 6rem;*/
/*    height: initial;*/
/*    bottom: 1.2rem;*/
/*    right: 0.9rem;*/
/*}*/
.list-promo .card-header .brand-mini {
    max-width: 3.5rem;
}
.list-promo a {
    /*text-decoration: none;*/
}

/*.list-promo .card-body {*/
/*    !* background: linear-gradient(to top, rgb(236, 236, 236), rgb(255, 255, 255)); *!*/
/*    -webkit-transition: 0.3s;*/
/*    -moz-transition: 0.3s;*/
/*    -o-transition: 0.3s;*/
/*    -ms-transition: 0.3s;*/
/*    transition: 0.3s;*/
/*    -webkit-border-radius: 7px 7px 10px 10px !important;*/
/*    -moz-border-radius: 7px 7px 10px 10px !important;*/
/*    border-radius: 7px 7px 10px 10px !important;*/
/*    padding-left: .8rem!important;*/
/*    padding-right: .8rem!important;*/
/*    z-index: 2;*/
/*}*/
/*.list-promo .card:hover .card-body {*/
/*    -webkit-box-shadow: 0 6px 0 -3px rgba(0, 0, 0, 0.25) !important;*/
/*    -moz-box-shadow: 0 6px 0 -3px rgba(0, 0, 0, 0.25) !important;*/
/*    box-shadow: 0 6px 0 -3px rgba(0, 0, 0, 0.25) !important;*/
/*}*/
/*.list-promo .card-body .card-title {*/
/*    !*font-size: .9rem!important;*!*/
/*    height: 4.8rem;*/
/*}*/


.list-promo .addToCart {
    background-color: #f1f1f1;
    /*-webkit-border-radius: 1rem 1rem .3rem 1rem;*/
    /*-moz-border-radius: 1rem 1rem .3rem 1rem;*/
    /*border-radius: 1rem 1rem .3rem 1rem;*/
}
.list-promo .addToCart:hover,
.list-promo .addToCart:active {
    background-color: #fcd405;
}

.list-promo .card[data-stock="false"] .imgCont img,
.product-detail[data-stock="false"] .slider-single img {
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}

.product-detail[data-stock="false"] .slider-single .slick-slide {
    position: relative;
}
.list-promo .card[data-stock="false"] .imgCont::after,
.product-detail[data-stock="false"] .slider-single .slick-slide::after {
    content: "";
    background-image: linear-gradient(transparent, rgb(68, 68, 68));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
}
.product-detail[data-stock="false"] .slider-single .slick-slide::after {
    top: 5px;
    bottom: 0;
    left: 5px;
    right: 5px;
    border-radius: 0.5rem !important;
}


.list-promo button[disabled] i,
.product-detail button[disabled] i {
    color: #818080 !important;
}



    /*NO STOCK*/
.list-promo .noStock {
    min-width: 7rem;
    max-width: 7rem;
}
.product-detail .noStock {
    min-width: 8.3rem;
    max-width: 8.3rem;
}
.noStock .inner {
    background: #6c23d0;
    background: -moz-linear-gradient(45deg, #6c23d0 0%, #c82e8b 70%, #f87d3e 100%);
    background: -webkit-linear-gradient(45deg, #6c23d0 0%,#c82e8b 70%,#f87d3e 100%);
    background: linear-gradient(45deg, #6c23d0 0%,#c82e8b 70%,#f87d3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c23d0', endColorstr='#f87d3e',GradientType=1 );
    color: #fff;
    -webkit-box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.5);
    display: inline-block;
}
.noStock .inner::before {
    content: '';
    border: 1px dashed #b2a641;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    margin: 0 auto;
}
.swing img {
    border: 5px solid #f8f8f8;
    display: block;
}
.swing::after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    border: 1px solid #f87d3e;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0;
}
/* nail */
.swing::before {
    background: #ffffff;
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -7.5px;
    z-index: 5;
    border-radius: 3rem;
    box-shadow: 1px 3px 3px #000 inset;
    border: 2px solid #fff;
}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}



/*RIBBON*/
.ribbon {
    position: absolute;
    right: -.313rem;
    top: -.313rem;
    z-index: 1;
    overflow: hidden;
    width: 4.688rem;
    height: 4.688rem;
    text-align: right
}

.list-promo .ribbon-content {
    top: 0;
    left: 0;
}

.ribbon span {
    font-size: .625rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.25rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 6.25rem;
    display: block;
    position: absolute;
    top: 1.188rem;
    right: -1.313rem
}

.ribbon-hot span {
    background: var(--hot-one);
    background: linear-gradient(var(--hot-one) 0,var(--hot-two) 100%)
}

.ribbon-new span {
    background: var(--new-one);
    background: linear-gradient(var(--new-one) 0,var(--new-two) 100%)
}

.ribbon-pop span {
    background: var(--pop-one);
    background: linear-gradient(var(--pop-one) 0,var(--pop-two) 100%)
}

.ribbon-spo span {
    background: var(--spo-one);
    background: linear-gradient(var(--spo-one) 0,var(--spo-two) 100%)
}

.ribbon span::before {
    content:"";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1
}

.ribbon span::after {
    content:"";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1
}

.ribbon-hot span::before {
    border-left:.188rem solid var(--hot-two);
    border-right: .188rem solid transparent
}

.ribbon-hot span::after {
    border-left:.188rem solid transparent;
    border-right: .188rem solid var(--hot-two)
}

.ribbon-new span::after,.ribbon-new span::before {
    border-bottom:.188rem solid transparent;
    border-top: .188rem solid var(--new-two)
}

.ribbon-new span::before {
    border-left:.188rem solid var(--new-two);
    border-right: .188rem solid transparent
}

.ribbon-new span::after {
    border-left:.188rem solid transparent;
    border-right: .188rem solid var(--new-two)
}

.ribbon-pop span::after,.ribbon-pop span::before {
    border-bottom:.188rem solid transparent;
    border-top: .188rem solid var(--pop-two)
}

.ribbon-pop span::before {
    border-left:.188rem solid var(--pop-two);
    border-right: .188rem solid transparent
}

.ribbon-pop span::after {
    border-left:.188rem solid transparent;
    border-right: .188rem solid var(--pop-two)
}

.ribbon-spo span::after,.ribbon-spo span::before {
    border-bottom:.188rem solid transparent;
    border-top: .188rem solid var(--spo-two)
}

.ribbon-spo span::before {
    border-left:.188rem solid var(--spo-two);
    border-right: .188rem solid transparent
}

.ribbon-spo span::after {
    border-left:.188rem solid transparent;
    border-right: .188rem solid var(--spo-two)
}

.ribbon-content>[class*=ribbon] {
    width: 10em;
    height: 2.5em;
    position: absolute;
    line-height: 2.1em;
    display: block;
    z-index: 5;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ribbon-content>[class*=ribbon]::after,.ribbon-content>[class*=ribbon]::before {
    content:'';
    position: absolute;
    inset: 0;
    -webkit-clip-path: polygon(2em 0,8em 0,10em 2em,10em 2.5em,9.5em 2em,0.5em 2em,0 2.5em,0 2em);
    clip-path: polygon(2em 0,8em 0,10em 2em,10em 2.5em,9.5em 2em,0.5em 2em,0 2.5em,0 2em)
}

.ribbon-content>[class*=ribbon]::before {
    top:.1em;
    height: 1.8em;
    border: 2px dotted rgba(0,0,0,.3);
    border-left: none;
    border-right: none
}

.ribbon-content>[class*=ribbon]::after {
    z-index:-1;
    background-color: #96ff47;
    border-bottom: .5em solid #505050;
    transition: background-color .2s ease-in-out
}

.ribbon-content>[class*=ribbon] span {
    display: block;
    /*transform: rotate(180deg);*/
}

.ribbon-content>a[class*=ribbon] {
    transition: color .2s ease-in-out
}

.ribbon-content>a[class*=ribbon]: active,.ribbon-content>a[class*=ribbon]:focus,.ribbon-content>a[class*=ribbon]:hover {
    color:#292929
}

.ribbon-content>[class*=ribbon-top] {
    filter: drop-shadow(0 .5em .5em rgba(0,0,0,.1))
}

.ribbon-content>[class*=ribbon-top]::after {
    background-image:linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,.2) 1.25em)
}

.ribbon-content>[class*=ribbon-bottom] {
    filter: drop-shadow(0 -.5rem .5rem rgba(0,0,0,.1))
}

.ribbon-content>[class*=ribbon-bottom]::after {
    background-image:linear-gradient(to top,#0000000f,#00000047 1.25em)
}

.ribbon-content>.ribbon-top-left {
    top: 0;
    left: 0;
    transform: translate(-2.35em,1.4em) rotate(-45deg)
}

.ribbon-content>.ribbon-top-right {
    top: 0;
    right: 0;
    transform: translate(2.35em,1.4em) rotate(45deg)
}

.ribbon-content>.ribbon-bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(-2.35em,-1.4em) rotate(225deg)
}

.ribbon-content>.ribbon-bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(2.35em,-1.4em) rotate(135deg)
}



/*TIMER COUNTDOWN*/
.timeCountdown {
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -ms-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .3s linear;
    z-index: 10;
    display: inline-block
}
.timeCountdown::after {
    content: '';
    background-size: contain;
    width: 8rem;
    height: 5rem;
    position: absolute;
    right: -5.5rem;
    bottom: -2rem;
    display: none;
    transform: rotate(-56deg)
}
.timeCountdown div {
    background-color: #080808ab;
    color: #fff;
    width: 3.5rem;
    font-weight: 700;
    line-height: 1.3;
    padding: .2rem .5rem;
    text-align: center;
    position: relative;
    border: 1px solid #000;
    margin: 0 2px;
    display: inline-block;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}
.timeCountdown div::after {
    content:':';
    font-size: 1.5rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: -.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}
.timeCountdown div small {
    font-size: .5rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: block
}

.list-promo .timeCountdown div {
    background-color: #fde491;
    color: #ffffff;
    width: auto;
    font-size: .9rem;
    padding: 2px 2px!important;
    border: 0;
    margin: 0 2px!important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.list-promo .timeCountdown div:nth-of-type(1) {
    background-color: #fcab2f;
}
.list-promo .timeCountdown div:nth-of-type(2) {
    background-color: #ee4723;
}
.list-promo .timeCountdown div:nth-of-type(3) {
    background-color: #58d337;
}
.list-promo .timeCountdown div:last-of-type {
    background-color: #96fceb;
}
.list-promo .timeCountdown div small {
    font-size: .85rem;
    color: #ffffff;
    font-weight: 600;
    margin-left: 1px;
    display: inline
}


.form-group.error .form-control {
    border-color: #d00606!important;
}
.form-group.error .invalid-feedback {
    background: #d00606;
    font-family: sans-serif;
    width: auto;
    min-width: 12rem;
    max-width: 17rem;
    color: #fff;
    padding: .5rem;
    position: absolute;
    bottom: -2.9rem;
    right: .3rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none!important;
}
.form-group.error .invalid-feedback::before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: .4rem solid #d01c05;
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
    position: absolute;
    top: -.3rem;
    right: .4rem;
    display: block;
}
.form-group.error .form-control ~ .fa {
    position: absolute;
    top: 50%;
    left: 94%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}


.form-group.error .form-control:hover + .invalid-feedback,
.form-group.error .form-control:focus + .invalid-feedback,
.form-group.error .form-control:not(:placeholder-shown) + .invalid-feedback {
    display: block!important;
}
.form-group.error .form-control:hover ~ .fa,
.form-group.error .form-control:focus ~ .fa,
.form-group.error .form-control:not(:placeholder-shown) ~ .fa {
    display: none!important;
}



/*CART DETAIL*/
.checkout .card .imgCont,
.cart-detail .card .imgCont {
    min-width: 6rem;
    max-width: 6rem;
}
.cart-detail .card .qty {
    max-width: 3rem;
    /*min-width: 3rem;*/
}




/*PROMO DETAIL*/
.promo-detail .big .brand-mini {
    max-width: 6rem;
}
.promo-detail .promo-mini .card-header {
    /*min-height: 10rem;*/
    /*max-width: 10rem;*/

    max-height: 10rem;
}
.promo-detail .promo-mini .card-header .imgCont {
    max-height: 9rem;
}
@media screen and (min-width: 1200px) {
    .list-promo.promo-mini .add-wishlist {
        margin-top: .8rem;
        margin-right: .3rem;
    }
}
.list-promo .add-wishlist {
    background-color: #fafafa61;
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(5px);
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    color: #000000;
    margin-top: .8rem;
    margin-right: .8rem;
}
.promo-quick-view .add-wishlist {
    background-color: #dddddd61;
    width: 2.5rem;
    height: 2.5rem;
}

@media screen and (max-width: 400px) {
    .promo-detail .list-promo .row-cols-2>* {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media screen and (min-width: 990px) {
    .promo-detail .sticky-bottom {
        position: static !important;
    }
    .w-30 {width: 30% !important;}
}
@media screen and (min-width: 1200px) {
    .promo-detail .promo-mini .card-header {
        min-height: 10rem;
        max-width: 10rem;
        max-height: initial;
    }
    .promo-detail .promo-mini .card-header .imgCont {
        max-height: 100%;
    }
    .promo-detail .promo-mini .imgCont:not(.brand-mini) {
        height: 100%;
        border-radius: .5rem 0 0 .5rem !important;
    }
    .promo-detail .promo-mini .imgCont:not(.brand-mini) img {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        border-radius: .5rem 0 0 .5rem !important;
    }
}



.badge-custom {
    background-color: red;
}
.badge-custom::before {
    content: '';
    background-color: inherit;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: -2.5px;
    transform: translateY(-50%) rotate(45deg);
}




/*------------------------------------*/
/*Article List*/
/*------------------------------------*/
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}
.article-list .gridOption .btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.article-list .gridOption#gBox .card-horizontal,
.article-list .gridOption .list.gBox .card-horizontal {
    flex: 1 1 auto;
    display: block;
}
.article-list .gridOption#gList .card-horizontal .card-body {
    width: 585px;
    /*min-height: 120px;*/
    padding: 0 .5rem 0 0!important;
}
.article-list .gridOption#gList .list.gBox .card-horizontal .card-body {
    width: 100%;
}
.article-list .item .imgCont,
    /*.article-list .gridOption#gBox .card-horizontal .card-body {padding: .5rem 0!important}*/
.article-list .item .imgCont, .article-list .gridOption#gBox .card-horizontal .imgCont {min-height: 140px}
.article-list .gridOption#gList .list.gBox .card-horizontal .card-body,
.article-list .gridOption.rows#gBox .card-horizontal .card-body,
.article-list .gridOption.comic#gBox .card-horizontal .card-body {
    min-height: 50px;
}
.article-list .gridOption#gList .list.col-xl-4,
.article-list .gridOption#gList .list.col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.article-list .gridOption#gList .card-header {margin-right: 1rem}
.article-list .prev-next .gridOption#gList .card-header,
.article-list .gridOption#gList .list.gBox .card-header {margin-right: 0}
.article-list .category.custom {
    position: absolute;
    left: 5px;
    bottom: 5px;
}

.ssb.article-list .category {color: #f39331!important}
.jak.article-list .category {color: #239548!important}
.oim.article-list .category {color: #e9002b!important}
.im.article-list .category {color: #145ca8!important;}
.kp.article-list .category {color: purple !important}

.article-list .card-title {
    font-size: 1rem;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.article-list .card .card-title a {
    -webkit-transition: All .300s linear;
    -moz-transition: All .300s linear;
    -ms-transition: All .300s linear;
    -o-transition: All .300s linear;
    transition: All .300s linear;
}
.article-list .card .card-title a:hover {color: #2557b7 !important}
.article-list .card-header::before,
.article-list .card-header::after {
    content: "";
    background: #fff;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 5;
    -webkit-transition: All .200s linear;
    -moz-transition: All .200s linear;
    -ms-transition: All .200s linear;
    -o-transition: All .200s linear;
    transition: All .200s linear;
}
.article-list .card.no-animated .card-header::before,
.article-list .card.no-animated .card-header::after {
    opacity: 0!important;
}
.article-list .card-header::before {
    margin-top: -45px;
    margin-left: -0.5px;
}
.article-list .card-header::after {
    margin-top: -0.5px;
    margin-left: -44px;
}
.article-list .card:hover .card-header::before {
    height: 50px;
    margin-top: -25px;
}
.article-list .card:hover .card-header::after {
    width: 50px;
    margin-left: -24px;
}
.article-list .card-header .imgCont::before {
    content: "";
    background: rgba(10, 5, 2, 0.58);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: All .300s linear;
    -moz-transition: All .300s linear;
    -ms-transition: All .300s linear;
    -o-transition: All .300s linear;
    transition: All .300s linear;
}
.ssb.article-list .card:hover .imgCont::before,
#ssbSlider.article-list .card:hover .imgCont::before {background: rgba(255, 136, 0, 0.58)!important;}

.jak.article-list .card:hover .imgCont::before,
#jakSlider.article-list .card:hover .imgCont::before {background: rgba(50, 150, 75, 0.58)!important;}

.oim.article-list .card:hover .imgCont::before,
#oimSlider.article-list .card:hover .imgCont::before {background: rgba(227, 0, 47, 0.58)!important;}

.grid .item:hover .imgCont::before,
.im.article-list .card:hover .imgCont::before,
#imSlider.article-list .card:hover .imgCont::before {background: rgba(31, 94, 166, 0.58)!important;}

.kp.article-list .card:hover .imgCont::before,
#kpSlider.article-list .card:hover .imgCont::before {background: rgba(241, 235, 77, 0.58)!important;}

.article-list .card:hover .card-header .imgCont::before,
.article-list .card:hover .card-header::before,
.article-list .card:hover .card-header::after {opacity: 1}

.article-list .card.no-animated .card-header .imgCont::before,
.article-list .gridOption#gList .card .card-header .imgCont::before,
.article-list .gridOption#gList .card .card-header::before,
.article-list .gridOption#gList .card .card-header::after {
    opacity: 0;
    visibility: hidden;
    /*display: none;*/
}
.article-list .gridOption#gList .list.gBox:hover .card .card-header .imgCont::before,
.article-list .gridOption#gList .list.gBox:hover .card .card-header::before,
.article-list .gridOption#gList .list.gBox:hover .card .card-header::after {
    opacity: 1;
    visibility: visible;
    /*display: block;*/
}
/*.article-list .card:hover .card-header .imgCont::before {*/
/*left: 8px;*/
/*right: 8px;*/
/*top: 8px;*/
/*bottom: 8px;*/
/*}*/
.small-list .card-header .imgCont {
    width: 100px;
    min-height: 75px!important;
    margin-right: 1rem;
}
.small-list .card-title {
    font-size: 0.9rem;
    line-height: 1.4;
}
.article-list .card-header img {
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -ms-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .3s linear;
}
.article-list .card:hover .card-header img {
    -webkit-transform: rotate(3deg) scale(1.1);
    -moz-transform: rotate(3deg) scale(1.1);
    -ms-transform: rotate(3deg) scale(1.1);
    -o-transform: rotate(3deg) scale(1.1);
    transform: rotate(3deg) scale(1.1);
}
.article-list .card.no-animated .card-header img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.article-list .card .info.custom {
    background: #515151;
    width: 50px;
    height: 55px;
    text-align: center;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.article-list .card .info.custom .date {
    font-size: 1.5rem;
}
.article-list .card .info.custom .month {
    font-size: 1rem;
    position: relative;
    top: -9px;
}
.footer-carousel {
    height: 5rem;
    padding-top: 1rem;
}
.carousel-control-next, .carousel-control-prev {
    bottom: 5rem;
}




/*Loadings*/
.loadings {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
}
.loadings.active {
    display: block!important;
}
.loadings img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/*Video*/
.video-list {}
.video-list .play-icon {
    background: #fff;
    width: 3rem;
    height: 3rem;
    line-height: 2;
    text-align: center;
    font-size: 24.027px;
    z-index:10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50% , -50%);
    -ms-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    -webkit-animation : 2s play-animation infinite;
    animation : 2s play-animation infinite;
    -webkit-transition:0.2s color;
    transition:0.2s color;
}
@-webkit-keyframes play-animation {
    from {
        -webkit-box-shadow : 0px 0px 0px 0px #FFF;
        box-shadow : 0px 0px 0px 0px #FFF;
    }
    to {
        -webkit-box-shadow : 0px 0px 0px 10px transparent;
        box-shadow : 0px 0px 0px 10px transparent;
    }
}
@keyframes play-animation {
    from {
        -webkit-box-shadow : 0px 0px 0px 0px #FFF;
        box-shadow : 0px 0px 0px 0px #FFF;
    }
    to {
        -webkit-box-shadow : 0px 0px 0px 10px transparent;
        box-shadow : 0px 0px 0px 10px transparent;
    }
}







/*Subscribe*/
.subscribe input {
    background: #fff;
    min-width: 400px;
    max-width: 400px;
    color: #060c22;
    border: 0;
    outline: none;
    margin: 0;
    padding: 9px 20px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.subscribe button {
    border: 0;
    padding: 9px 25px;
    cursor: pointer;
    background: #ed2124;
    color: #fff;
    transition: all 0.3s ease;
    outline: none;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.subscribe button:hover {
    background: #e0072f;
}


/*------------------------------------*/
/*Article Detail*/
/*------------------------------------*/
.article-detail .text-detail h2 {font-size: 1.6rem}
.article-detail .text-detail h3 {font-size: 1.3rem}
.article-detail .text-detail h4 {font-size: 1.1rem}
.article-detail .text-detail img {max-width: 550px}
.article-detail .text-detail iframe {max-width: 100%}

.text-detail h2,
.text-detail h3,
.text-detail h4 {margin-top: 2rem!important;}

.article-detail .text-detail .card h2 {font-size: 1.2rem!important}
.article-detail .text-detail img {margin: 2.5rem 0}
.article-detail .text-detail .card .imgCont {width: 80px}
.article-detail .text-detail .card .imgCont img {margin: 0 1rem 0 0!important}
.article-detail .text-detail ul li {margin-bottom: 0.5rem}
.article-detail .text-detail iframe,
.article-detail .fb_iframe_widget_fluid_desktop iframe {width: 100%!important}

#section1 {width: 75%!important}
.modal .logoBrandInfo .imgCont {
    max-width: 4rem;
}

/*------------------------------------*/
/*Button Custom*/
/*------------------------------------*/
.btn-white {
    color: #333;
    background-color: #fff;
    background-image: none;
    border-color: #ccc;
    white-space: initial!important;
}
.btn-white:hover,
.btn-white.focus,
.btn-white.active {
    background-color: #ccc;
    border-color: #ccc;
    color: #000000;
}


/*Image Loaded*/
.checkImg .imgCont {position: relative; z-index: 2}
.checkImg .is-loading .imgCont:before,
.checkImg .is-broken .imgCont:before {
    content: '';
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 0;
}
.checkImg .is-loading .imgCont:after,
.checkImg .is-broken .imgCont:after {
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 0;
    display: inline-block;
}
.checkImg .is-loading .imgCont:after {background-image: url(../img/spinner.svg)}
.checkImg .is-broken .imgCont:after {background-image: url('../img/broken_image.svg')}
.checkImg .is-loading .imgCont img, .checkImg .is-broken .imgCont img {opacity: 0}


/*------------------------------------*/
/*All Grid list*/
/*------------------------------------*/
.grid-container {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.grid {
    float: none;
    width: 100%;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-bottom: 1.3em;
    cursor: pointer;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.grid .imgCont {position: relative}
.grid .imgCont::before {
    content: "";
    background: rgba(10, 5, 2, 0.58);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: All .300s linear;
    -moz-transition: All .300s linear;
    -ms-transition: All .300s linear;
    -o-transition: All .300s linear;
    transition: All .300s linear;
}
.grid:hover .imgCont::before {
    opacity: 1;
    visibility: visible;
}

.grid, .grid .card {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
}
@media screen and (min-width: 40.063em) {
    .grid {
        float: left;
        width: 33.333%;
    }
}
.card__image {
    min-height: 180px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}
.card__image img {
    display: block;
    margin-bottom: 0;
    width: 100%;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.card__image:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.card__title {
    margin-bottom: 0.75em;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: inline-block;
}
.card__title h2 {
    color: white;
    font-weight: 700;
    line-height: 1.2;
}
.card__title:hover {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}
.card__overlay {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
}
.card__overlay--indigo {
    background-image: linear-gradient(to bottom, rgba(92, 107, 192, 0.1), rgba(92, 107, 192, 0.8));
    z-index: 2;
}
.card__overlay--blue {
    background-image: linear-gradient(to bottom, rgba(41, 182, 246, 0.1), rgb(10, 40, 72) 118%);
    z-index: 2;
}
.card__overlay-content {
    padding: 1em 1rem 0;
    position: absolute;
    bottom: 0;
    z-index: 3;
}
.card__meta {
    margin: 0;
    margin-right: -1em;
    margin-bottom: 0.75em;
}
.card__meta.card__meta--last {
    margin-bottom: 0;
}
.card__meta span {
    color: #f8f8f8;
    list-style-type: none;
    margin-bottom: 0;
    padding-right: 1em;
    font-size: 0.85em;
    font-variant: small-caps;
    letter-spacing: 1px;
    display: inline;
}
.card__meta span:not(:last-child):after {
    content: "\25cf";
    color: rgba(255, 255, 255, 0.25);
    font-style: normal;
    position: relative;
    right: -0.6em;
}


/*TBALE CUSTOM*/

/*Table Custom Beta*/
.table-scroll {
    /*position:relative;*/
    /*overflow-y: visible !important;*/
    /*border:1px solid #000;*/
}
.table-wrap {
    background: repeating-linear-gradient(45deg, #edeffb, #edeffb 10px, #f8f9fa 10px, #f8f9fa 20px) !important;
    /*height: calc(100vh - 195px);*/
    overflow-y: auto;
    overflow-x: auto;
    /*-webkit-overflow-scrolling: auto;*/
}

.table-scroll table {
    /*width:100%;*/
    font-size: 14px;
    border-collapse:separate;
    border-spacing:0;
}
.table-scroll table tr.collapsing,
.table-scroll table tr.collapse,
.table-scroll table tr.collapse td {
    background-color: #ffffff!important;
}
.table-scroll table tr.collapse td {
    border-bottom: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
/*.table-scroll table tr.collapse.show td.card-body::before {*/
/*    content: '';*/
/*    background-color: #e6fcdb;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    border: 1px solid #dee2e6;*/
/*    position: absolute;*/
/*    left: 1.65rem;*/
/*    top: -6px;*/
/*    -webkit-transform: rotate(45deg);*/
/*    -moz-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    -o-transform: rotate(45deg);*/
/*    transform: rotate(45deg);*/
/*    display: block;*/
/*}*/
.table-scroll table tbody:last-child tr.collapse td{
    border-bottom: 0;
}

.table-scroll thead {
    background-color: #f8f8f8;
    position: sticky;
    top: 0;
    -webkit-box-shadow: 1px 1px 5px #d6d6d6;
    -moz-box-shadow: 1px 1px 5px #d6d6d6;
    box-shadow: 1px 1px 5px #d6d6d6;
    z-index: 1010;
}
.table-scroll th {
    vertical-align: middle;
}
.table-scroll td {
    width: 7rem;
    min-width: 7rem;
    padding: .6rem .5rem;
    vertical-align: top;
    border-right: 1px dashed #ccc;
}
.table-scroll th:not(:first-child),
.table-scroll td:not(:first-child) {
    max-width: 100%;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    padding: .7rem 0;
}
.table-scroll td:not(:first-child) .ins,
.table-scroll th:not(:first-child) .text-label {
    /*width: inherit;*/
    font-weight: 400;
    padding-left: .5rem;
    padding-right: .2rem;
}
.table-scroll th:not(:first-child) .text-label {
    width: auto;
}
.table-scroll thead th .text-label {
    font-weight: 500 !important;
    /*cursor: grab !important;*/
}
.table-scroll th> div {
    width: inherit;
}
.table-scroll td>.ins {
    /*width: inherit;*/
    color: #555;
    float: left;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    text-wrap: initial;
    cursor: default;
    overflow: hidden;
}

/*POPOVER*/
.popover {
    z-index: 1115 !important;
}





.table-scroll th {
    background-color: #FFFFFF;
    max-width: 100%;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*position: -webkit-sticky;*/
    /*position: sticky;*/
    /*top: 0;*/
}
.table-scroll th .text-label {
    width: 100%;
    color: #555;
    /*float: left;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    cursor: default;
    /*overflow: hidden;*/
}
.table-scroll tbody:nth-child(odd) {
    background-color: #fbfbeb;
}
.table-scroll thead th.pinned {
    z-index: 10;
}
.table-scroll thead th.date-column,
.table-scroll tbody td.date-column {
    min-width: 5rem;
    max-width: 5rem;
}
.table-scroll thead th.promotion-column,
.table-scroll tbody td.promotion-column {
    min-width: 10rem;
    max-width: 10rem;
}
.table-scroll thead th.merchant-column,
.table-scroll tbody td.merchant-column {
    min-width: auto;
    max-width: 100%;
}

@media screen and (min-width: 990px){
    .table-scroll thead th.promotion-column,
    .table-scroll tbody td.promotion-column {
        min-width: 26rem;
        max-width: 26rem;
    }
    .table-scroll thead th.merchant-column,
    .table-scroll tbody td.merchant-column {
        min-width: 13rem;
        max-width: 13rem;
    }
}

.table-scroll thead th.pinned i.bi-pin-angle-fill {
    background: var(--second-color) !important;
    width: 1rem;
    height: 1rem;
    font-size: .6rem;
    line-height: 1rem;
    text-align: center;
    color: #fff !important;
    border-radius: 1rem;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
}
.table-scroll th {
    border-right: 1px dashed #ddd;
}
.table-scroll th:last-child,
.table-scroll td:last-child {
    width: 100% !important;
    min-width: 6rem !important;
    max-width: 6rem !important;
    border-right: 0;
}

/*Table Pin*/
.table-scroll thead tr th.pinned,
.table-scroll tbody tr td.pinned {
    position: sticky;
    left: 0;
    z-index: 999;
}
.table-scroll thead tr th.action,
.table-scroll tbody tr td.action  {
    left: 0!important;
}
.table-scroll tbody tr td.pinned {
    background-color: #ffffff;
}
.table-scroll tbody:nth-child(odd) tr td.pinned {
    background-color: #fbfbeb;
}
.table-scroll table tbody:hover tr td:not(.card-body),
.table-scroll table tbody:nth-child(odd):hover tr td.pinned {
    background-color: #f8f2b8 !important;
}

.table-scroll table tbody.expanded tr td:not(.card-body),
.table-scroll table tbody.expanded:hover tr td.pinned:not(.card-body),
.table-scroll table tbody.expanded tr td.pinned {
    background-color: #e6fcdb !important;
}


/*.listFloat {*/
/*    background: #28d6a6;*/
/*    top: -0.5rem;*/
/*    margin: 0 auto;*/
/*}*/




/*------------------------------------*/
/*Sosmed*/
/*------------------------------------*/
.sosmed {
    height: 35px;
    line-height: 35px;
    margin-top: -6px;
}
.sosmed a {
    background: #3e3e3e;
    width: 3rem;
    height: 3rem;
    padding: 2px;
    margin-right: 5px;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
}
.sosmed a:before,
.sosmed a:after {
    font-family: FontAwesome;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #fff;
    display: block;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sosmed a:after {color: #fff}

.sosmed a.facebook:before,
.sosmed a.facebook:after {content: '\f09a'}
.sosmed a.youtube:before,
.sosmed a.youtube:after {content: '\f167'}
.sosmed a.gplus:before,
.sosmed a.gplus:after {content: '\f0d5'}
.sosmed a.twitter:before,
.sosmed a.twitter:after {content: '\f099'}
.sosmed a.instagram:before,
.sosmed a.instagram:after {content: '\f16d'}
.sosmed a.linkedin:before,
.sosmed a.linkedin:after {content: '\f0e1'}


.sosmed a.facebook {background: #3b5998}
.sosmed a.youtube {background: #e62117}
.sosmed a.gplus {background: #db4437}
.sosmed a.twitter {background: #00aced}
.sosmed a.linkedin {background: #1c79b3}
.sosmed a.instagram {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9a33e+0,9a37b6+100 */
    background: rgb(249,163,62); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(249,163,62,1) 0%, rgba(154,55,182,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(249,163,62,1) 0%,rgba(154,55,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(249,163,62,1) 0%,rgba(154,55,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a33e', endColorstr='#9a37b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.sosmed a:hover:before {margin-top: -3rem}
.sosmed a:hover:after {margin-top: .4rem}






/*------------------------------------*/
/*Keyframes*/
/*------------------------------------*/
/*Scale Up*/
@keyframes scaleUp {
    0% { }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes scaleUp {
    0% { }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@-ms-keyframes scaleUp {
    0% { }
    100% {
        -ms-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scaleUp {
    0% { }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes scaleUp {
    0% { }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

/*Move Up*/
@keyframes moveUp {
    0% { }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-o-keyframes moveUp {
    0% { }
    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}
@-ms-keyframes moveUp {
    0% { }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes moveUp {
    0% { }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes moveUp {
    0% { }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

/*Spin*/
@keyframes spin {
    0% {transform: rotate(0deg)}
    50% {transform: rotate(360deg)}
    100% {transform: rotate(1080deg)}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg)}
    50% {-o-transform: rotate(360deg)}
    100% {-o-transform: rotate(1080deg)}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotate(0deg)}
    50% {-ms-transform: rotate(360deg)}
    100% {-ms-transform: rotate(1080deg)}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg)}
    50% {-moz-transform: rotate(360deg)}
    100% {-moz-transform: rotate(1080deg)}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg)}
    50% {-webkit-transform: rotate(360deg)}
    100% {-webkit-transform: rotate(1080deg)}
}

/*Pulse*/
@keyframes pulse {
    0% {background-color: rgba(221, 187, 0, 0.2)}
    13% {background-color: rgba(221, 187, 0, 0.2)}
    15% {background-color: rgba(255, 234, 119, 0.9)}
    28% {background-color: rgba(255, 234, 119, 0.9)}
    30% {background-color: rgba(221, 187, 0, 0.2)}
    43% {background-color: rgba(221, 187, 0, 0.2)}
    45% {background-color: rgba(255, 234, 119, 0.9)}
    70% {background-color: rgba(255, 234, 119, 0.9)}
    74% {background-color: rgba(221, 187, 0, 0.2)}
    100% {background-color: rgba(255, 234, 119, 0.9)}
}
@-o-keyframes pulse {
    0% {background-color: rgba(221, 187, 0, 0.2)}
    13% {background-color: rgba(221, 187, 0, 0.2)}
    15% {background-color: rgba(255, 234, 119, 0.9)}
    28% {background-color: rgba(255, 234, 119, 0.9)}
    30% {background-color: rgba(221, 187, 0, 0.2)}
    43% {background-color: rgba(221, 187, 0, 0.2)}
    45% {background-color: rgba(255, 234, 119, 0.9)}
    70% {background-color: rgba(255, 234, 119, 0.9)}
    74% {background-color: rgba(221, 187, 0, 0.2)}
    100% {background-color: rgba(255, 234, 119, 0.9)}
}
@-ms-keyframes pulse {
    0% {background-color: rgba(221, 187, 0, 0.2)}
    13% {background-color: rgba(221, 187, 0, 0.2)}
    15% {background-color: rgba(255, 234, 119, 0.9)}
    28% {background-color: rgba(255, 234, 119, 0.9)}
    30% {background-color: rgba(221, 187, 0, 0.2)}
    43% {background-color: rgba(221, 187, 0, 0.2)}
    45% {background-color: rgba(255, 234, 119, 0.9)}
    70% {background-color: rgba(255, 234, 119, 0.9)}
    74% {background-color: rgba(221, 187, 0, 0.2)}
    100% {background-color: rgba(255, 234, 119, 0.9)}
}
@-moz-keyframes pulse {
    0% {background-color: rgba(221, 187, 0, 0.2)}
    13% {background-color: rgba(221, 187, 0, 0.2)}
    15% {background-color: rgba(255, 234, 119, 0.9)}
    28% {background-color: rgba(255, 234, 119, 0.9)}
    30% {background-color: rgba(221, 187, 0, 0.2)}
    43% {background-color: rgba(221, 187, 0, 0.2)}
    45% {background-color: rgba(255, 234, 119, 0.9)}
    70% {background-color: rgba(255, 234, 119, 0.9)}
    74% {background-color: rgba(221, 187, 0, 0.2)}
    100% {background-color: rgba(255, 234, 119, 0.9)}
}
@-webkit-keyframes pulse {
    0% {background-color: rgba(221, 187, 0, 0.2)}
    13% {background-color: rgba(221, 187, 0, 0.2)}
    15% {background-color: rgba(255, 234, 119, 0.9)}
    28% {background-color: rgba(255, 234, 119, 0.9)}
    30% {background-color: rgba(221, 187, 0, 0.2)}
    43% {background-color: rgba(221, 187, 0, 0.2)}
    45% {background-color: rgba(255, 234, 119, 0.9)}
    70% {background-color: rgba(255, 234, 119, 0.9)}
    74% {background-color: rgba(221, 187, 0, 0.2)}
    100% {background-color: rgba(255, 234, 119, 0.9)}
}

/*Border Pulse*/
@keyframes borderPulse {
    0% {box-shadow: 0 0 0 0 #767676, 0 0 0 1px rgba(221, 187, 0, 0.8)}
    40% {box-shadow: 0 0 0 1px #767676, 0 0 0 2px rgba(221, 187, 0, 0.8)}
    80% {box-shadow: 0 0 0 3px #767676, 0 0 1px 3px rgba(221, 187, 0, 0.8)}
}
@-o-keyframes borderPulse {
    0% {-o-box-shadow: 0 0 0 0 #333, 0 0 0 1px rgba(221, 187, 0, 0.8)}
    40% {-o-box-shadow: 0 0 0 1px #333, 0 0 0 2px rgba(221, 187, 0, 0.8)}
    80% {-o-box-shadow: 0 0 0 3px #333, 0 0 1px 3px rgba(221, 187, 0, 0.8)}
}
@-ms-keyframes borderPulse {
    0% {-ms-box-shadow: 0 0 0 0 #333, 0 0 0 1px rgba(221, 187, 0, 0.8)}
    40% {-ms-box-shadow: 0 0 0 1px #333, 0 0 0 2px rgba(221, 187, 0, 0.8)}
    80% {-ms-box-shadow: 0 0 0 3px #333, 0 0 1px 3px rgba(221, 187, 0, 0.8)}
}
@-moz-keyframes borderPulse {
    0% {-moz-box-shadow: 0 0 0 0 #333, 0 0 0 1px rgba(221, 187, 0, 0.8)}
    40% {-moz-box-shadow: 0 0 0 1px #333, 0 0 0 2px rgba(221, 187, 0, 0.8)}
    80% {-moz-box-shadow: 0 0 0 3px #333, 0 0 1px 3px rgba(221, 187, 0, 0.8)}
}
@-webkit-keyframes borderPulse {
    0% {-webkit-box-shadow: 0 0 0 0 #333, 0 0 0 1px rgba(221, 187, 0, 0.8)}
    40% {-webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px rgba(221, 187, 0, 0.8)}
    80% {-webkit-box-shadow: 0 0 0 3px #333, 0 0 1px 3px rgba(221, 187, 0, 0.8)}
}






/*@media screen and (max-width: 1024px) {*/
/*    .container-fluid {*/
/*        width: 1010px!important;*/
/*        min-width: 1010px!important;*/
/*        !* padding-left: 0!important; *!*/
/*        !* padding-right: 0!important; *!*/
/*    }*/
/*    .navbar-expand-lg .container-fluid {*/
/*        width: 100%!important;*/
/*        min-width: 980px!important;*/
/*        padding-left: 0!important;*/
/*        padding-right: .5rem!important;*/
/*    }*/
/*    .navbar-expand-lg .ml-auto .navbar-nav {*/
/*        -ms-flex-direction: row;*/
/*        flex-direction: row;*/
/*    }*/
/*    .sidenav {left: -100%;}*/
/*    .navbar.active .sidenav {left: 0}*/
/*    .list-promo .card-body .card-title {font-size: .95rem !important;}*/
/*    .main-content.authOn {margin-left: 0}*/
/*    .navbar-expand-lg .navbar-collapse {*/
/*        display: -ms-flexbox!important;*/
/*        display: flex!important;*/
/*        -ms-flex-preferred-size: auto;*/
/*        flex-basis: auto;*/
/*    }*/
/*    .navbar .nav-toggle {*/
/*        display: inline-block!important;*/
/*    }*/
/*    .navbar-nav .nav-link {*/
/*        padding-right: inherit;*/
/*        padding-left: inherit;*/
/*    }*/
/*    #topSlider:hover .owl-nav button.owl-prev {left: .3rem!important}*/
/*    #topSlider:hover .owl-nav button.owl-next {right: .3rem!important}*/
/*    !*.main-content.active {margin-left: 4rem;}*!*/
/*    .owl-carousel .owl-nav {*/
/*        left: 0;*/
/*        right: 0;*/
/*        z-index: 5!important;*/
/*    }*/
/*    .expireDate span {font-size: 1.2rem;}*/
/*    .expireDate i {font-size: 2rem;}*/
/*    .expireDate {padding: 0.5rem 1rem 0.5rem 3.5rem;}*/
/*    .list-promo .col-lg-3 {*/
/*        min-width: 238px;*/
/*        width: 238px;*/
/*        float: left;*/
/*    }*/
/*    .list-promo .card-header .imgCont:first-of-type {height: 10.8rem;}*/
/*    .list-promo .card-header .imgCont.mini,*/
/*    .promo-detail .card-header .imgCont.mini {height: 3.5rem;!important;}*/
/*    footer {left: 0!important;}*/
/*}*/
/*@media screen and (max-width: 768px) {*/
/*    .shape3 {right: -13rem}*/
/*    .shape4 {*/
/*        left: -11rem;*/
/*        bottom: -4.5rem;*/
/*    }*/
/*    .shape5 {right: -13rem}*/
/*}*/
/*@media screen and (max-width: 400px) {*/
/*    .grid .item {width: 100%;}*/
/*    .entry {padding: 20px 0;}*/
/*    .entry > p {padding: 10px;}*/
/*    .entry > .grid > .item {width: 100%;}*/
/*}*/






.list-promo .card-title {
    min-height: 40px;
}

@media screen and (min-width: 1200px) {
    .promo-mini .card-header {
        max-width: 13rem
    }
    .promo-mini .card-title {
        font-size: 1.125rem !important;
        font-weight: 500 !important;
    }
    .promo-mini .card-title {
        min-height: auto;
    }
}

.stats {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    gap: 20px;
}