/*ROOT*/
:root {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}
/*.container {*/
/*    border-left: 1px solid red;*/
/*    border-right: 1px solid red;*/
/*}*/

body.active {
    overflow-y: hidden;
}
html, body, a {color: #424242}
body a:not(.btn) {
    text-decoration: none;
    outline: none!important;
}
body a:not(.btn):hover {
    text-decoration: underline;
}
/*------------------------------------*/
/*Additional Class*/
/*------------------------------------*/
/*Background Additional*/
.bg-black {background-color: #000!important;}
.bg-medium-light {background-color: rgb(236 236 236) !important}

/*Margin & Padding*/
.mxm-2 {margin: 0 -5px}
.w-40 {width: 40%!important;}
.w-55 {width: 55%!important;}
.w-65 {width: 65%!important;}
.w-85 {width: 85%!important;}
.w-95 {width: 95%!important;}

.mxm-2 {margin: 0 -5px}
.mtm-1 {margin-top: -.4rem!important;}
.mtm-2 {margin-top: -1.5rem!important;}
.mtm-3 {margin-top: -3rem!important;}
.mtm-4 {margin-top: -4rem!important;}
.mtm-5 {margin-top: -5rem!important;}
.pt-6 {padding-top: 6rem!important;}
.py-6 {padding: 6rem 0!important;}
.pointer {cursor: pointer!important}
.default {cursor: default!important}
.curgrabs {cursor: grab!important}
.fs-xs { font-size: .675rem!important}
.fs-sm { font-size: .775rem!important}
.fs-md { font-size: .850rem!important}
.fs-base { font-size: .950rem!important}
.fs-lg {font-size: 1.125rem !important;}
.fs-xl {font-size: 1.2rem!important;}
.fs-xxl {font-size: 2rem!important;}
.text-underline {text-decoration: underline!important;}
.text-nowrap {white-space: nowrap!important;}
.fw-medium {font-weight: 600!important;}
.badge-orangered {
    color: #fff;
    background-color: orangered!important;
}
.btn-at {
    background-color: #f37417!important;
    color: #ffffff!important;
    border: 1px solid #f37417!important;
}
.full-index {
    z-index: 11 !important;
}
.full-index1 {
    z-index: 15 !important;
}
.full-index2 {
    z-index: 1044 !important;
}
.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,
.limit-text-5,
.limit-text-6,
.limit-text-8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-text-1 {
    -webkit-line-clamp: 1;
}
.limit-text-2 {
    -webkit-line-clamp: 2;
}
.limit-text-3 {
    -webkit-line-clamp: 3;
}
.limit-text-4 {
    -webkit-line-clamp: 4;
}
.limit-text-5 {
    -webkit-line-clamp: 5;
}
.limit-text-6 {
    -webkit-line-clamp: 6;
}
.limit-text-8 {
    -webkit-line-clamp: 8;
}
/*.shadow-sm {*/
/*    box-shadow: rgba(0, 0, 0, 0.05) 0 3px 8px!important;*/
/*}*/

.sticky-offset2 {
    top: 4.5rem!important;
    padding-top: 0;
    z-index: 100;
}
.sticky-offset3 {
    top: 5.5rem!important;
    padding-top: 0;
    z-index: 10;
}
.sticky-offset4 {
    top: 7rem!important;
    padding-top: 0;
    z-index: 10;
}
.sticky-offset5 {
    top: 9rem !important;
    padding-top: 0;
    z-index: 10;
}

.py-2a {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
}

.catListHome .list-group-item {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
}

@media (min-width: 1400px) {
    .container, .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1280px;
    }
}



.shadow-md2 {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}
.relative {position: relative !important}
.absolute {position: absolute !important}
.fixed {position: fixed !important}
.sticky {position: sticky !important}
.imgCont {overflow: hidden}
.imgCont img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: inline-block;
}
.text-at {
    color: #f37417!important;
}




.menuBottom .nav-item {
    -webkit-flex:1;
    -webkit-box-flex:1;
    -moz-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1;
}


/*Button*/
.theme-btn{
    position: relative;
    display: inline-block;
    font-size: .9rem;
    color: #fff!important;
    text-align: center;
    cursor: pointer;
    border-radius: .25rem!important;
    z-index: 1;
    transition: all 500ms ease;
}
.theme-btn-orange{
    background: -webkit-linear-gradient(0deg, #e18025, #e17123 50%)!important;
    color: #fff!important;
}
.theme-btn-green {
    background: -webkit-linear-gradient(0deg, #28a745, #148710 50%)!important;
    color: #fff!important;
}
.theme-btn-red {
    background: -webkit-linear-gradient(0deg, #e13434, #ff2c27 50%)!important;
    color: #fff!important;
}
.theme-btn-code {
    background: -webkit-linear-gradient(0deg, #ff9508, #ffa604 50%)!important;
    color: #fff!important;
}
.theme-btn-deal {
    background: -webkit-linear-gradient(0deg, #228997, #19978b 50%)!important;
    color: #fff!important;
}
.theme-btn-white {
    background: -webkit-linear-gradient(0deg, #fff, #eee 50%);
    border: 1px solid #e4e4e4;
    color: #333!important;
}
.theme-btn.theme-btn-white:hover {
    color: #fff!important;
}

.theme-btn i{
    position: relative;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 400;
}
.navbar .theme-btn i{
    font-size: 1rem;
}
.theme-btn:before{
    position: absolute;
    content: '';
    background: #1e1e2a;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 5px;
    z-index: -1;
    transition: all 500ms ease;
}
.theme-btn:hover:before{
    width: 100%;
    left: 0;
}
.button-text {
    left: -.5rem;
    position: relative;
}
.btn-outline-custom.icon::after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px;
    display: inline-block;
}

.btn-outline-grey {
    color: #6c757d;
    background-color: #fff;
    background-image: none;
    border-color: transparent;
}


/*------------------------------------*/
/*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: 51;
    display: inline-block;
}
/*.checkImg .is-loading .imgCont:after {background-image: url(img/default/spinner.svg)}*/
/*.checkImg .is-broken .imgCont:after {background-image: url('img/default/broken_image.svg')}*/
.checkImg .is-loading .imgCont img, .checkImg .is-broken .imgCont img {opacity: 0}


html, body {
    height: 100%;
    min-height: 100vh;
    /*font-family: sans-serif;*/
    font-size: 15px;
    line-height: 1.5;
}
/*a {*/
/*    text-decoration: none !important;*/
/*    cursor: pointer;*/
/*}*/

.container {
    /*max-width: 1320px;*/
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*border-left: 1px solid red;*/
    /*border-right: 1px solid red;*/
}



/*@media (min-width: 1366px) {*/
/*    .container {*/
/*        max-width: 83.5em;*/
/*    }*/
/*}*/

.heads .fa {font-size: 20px}
.heads[aria-expanded=false] .fa:before {content: "\f107"}

/*Main*/

/*@media screen and (min-width: 580px) {*/
/*    .main-content {*/
/*        padding-top: 0;*/
/*    }*/
/*}*/
.main-content {
    min-height: calc(100vh - 1rem);
    padding-top: 0;
}

/*.main-content.cekTop {*/
/*    padding-top: 4.5rem;*/
/*}*/
.widgets {
    background-color: #000;
    padding: 0 .3rem;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
}



/*ARTICLES DETAIL*/
.articles-detail {
    background: -webkit-linear-gradient(to bottom, #ef650700 0%, #ffffff 30%, rgb(255 255 255) 100%) !important;
    background: -moz-linear-gradient(to bottom, #ef650700 0%, #ffffff 30%, rgb(255 255 255) 100%) !important;
    background: -o-linear-gradient(to bottom, #ef650700 0%, #ffffff 30%, rgb(255 255 255) 100%) !important;
    background: linear-gradient(to bottom, #ef650700 0%, #ffffff 30%, rgb(255 255 255) 100%) !important;
}

/*Navbar*/
.navbar {
    /*z-index: 1045!important;*/
}
.navbar-brand img {
    max-width: 100%;
    /*max-height: 100%*/
}

/*Navbar*/
.navbar {
    /*background: -webkit-linear-gradient(to right, rgb(219, 53, 69), rgb(255, 146, 0), rgb(219, 53, 69))!important;*/
    /*background: -moz-linear-gradient(to right, rgb(219, 53, 69), rgb(255, 146, 0), rgb(219, 53, 69))!important;*/
    /*background: -o-linear-gradient(to right, rgb(219, 53, 69), rgb(255, 146, 0), rgb(219, 53, 69))!important;*/
    /*background: linear-gradient(to right, rgb(219, 53, 69), rgb(255, 146, 0), rgb(219, 53, 69))!important;*/
    /*background: linear-gradient(to right, rgb(219, 53, 69), rgb(255, 146, 0), rgb(219, 53, 69))!important;*/
}
/*.navbar  .brand-header {*/
    /*height: 72px*/
/*}*/
.navbar .secondary-menu {
    -webkit-transition: transform 0.2s ease-out 0s, z-index 0.5s ease-out 0s;
    -moz-transition: transform 0.2s ease-out 0s, z-index 0.5s ease-out 0s;
    -ms-transition: transform 0.2s ease-out 0s, z-index 0.5s ease-out 0s;
    -o-transition: transform 0.2s ease-out 0s, z-index 0.5s ease-out 0s;
    transition: transform 0.2s ease-out 0s, z-index 0.5s ease-out 0s;
}





.nav-down {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.nav-up {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    position: relative;
}

.AT-partner {
    font-size: .8rem;
    color: #929292;
    line-height: 1;
}
.AT-partner img {
    width: 11rem;
    display: block;
}
.navbar form button {
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    .navbar ul.colCat,
    .navbar ul.colSeas {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-count: 2;
        column-rule: dotted 1px #333;
        list-style-type: none;
    }
    .navbar ul.navbar-nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
    .navbar .dropdown-menu li .dropdown-item:hover,
    .navbar .dropdown-menu li .dropdown-item:active {
        background-color: var(--main-color) !important;
    }
}
/*.navbar .dropdown-toggle::after {*/
/*    content: "";*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    margin-left: .6rem;*/
/*    vertical-align: .255em;*/
/*    border-bottom: 1px solid #5e6161;*/
/*    border-right: 1px solid #5e6161;*/
/*    border-top: initial;*/
/*    border-left: initial;*/
/*    -webkit-transform: rotate(45deg);*/
/*    -moz-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    -o-transform: rotate(45deg);*/
/*    transform: rotate(45deg);*/
/*    display: inline-block;*/
/*}*/
.navbar .arrow-icon {
    fill: #fff;
    stroke: #fff;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.searchCont {
    background-color: #1f8996;
    height: 55px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    -moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    display: none;
}
.searchCont.active {

    display: block;
}

.searchFound {
    height: 3rem;
}
.searchFound form .fa-search {
    color: #1d8594!important;
}
.searchFound form input {
    background-color: #ececec !important;
}
/*.brand-header form {*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
/*}*/
.brand-header .collapse {
    background-color: #0000008a;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 555;
}
.brand-header .collapsing {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
/*.brand-header form input {*/
    /*width: 100%!important;*/
    /*height: 4.3rem;*/
    /*padding-left: 2rem;*/
/*}*/
.searchFound input,
.searchCont input {
    width: 100%!important;
    height: 100%;
    padding-left: 2.5rem;
}
/*.brand-header form .btn {*/
/*    width: 4rem;*/
/*    line-height: 4.2;*/
/*    max-height: 4.3rem;*/
/*    color: #6c757d!important;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/
.brand-header form .btn .fa {
    font-size: 1.2rem;
}

/*.searchFound .bi-search,*/
/*.searchCont .bi-search,*/
/*.brand-header form .bi-search {*/
/*    color: #767276!important;*/
/*    top: 50%;*/
/*    left: 1rem;*/
/*    transform: translateY(-50%)*/
/*}*/


.cekdoan {
    clear: both;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}




/*TOP BANNER*/

@media screen and (min-width: 580px) {
    .top-banner .floatCustom {
        top: -2.3rem;
    }
}
.top-banner .floatCustom {
    min-width: 60%;
    max-width: 60%;
}
/*.top-banner::before {*/
/*    content: '';*/
/*    background-color: #f8f9fa;*/
/*    height: 17rem;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: -1;*/
/*}*/




/*Offer4you*/
.offer4you::before {
    content: '';
    background-color: #ffffff;
    height: 8rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.menuBottom {
    /*height: 50px;*/
    color: #fff;
    /*position: fixed;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    -webkit-box-shadow: 0 0 17px 5px #c5c5c5;
    -moz-box-shadow: 0 0 17px 5px #c5c5c5;
    box-shadow: 0 0 17px 5px #c5c5c5;
    z-index: 1040;
}
.menuBottom .nav-item.active {
    background-color: #ccc;
    color: #fff;
}
.menuBottom .nav-item:first-child a {
    border-left: 0;
}
.menuBottom .nav-item a {
    /*border-left: 1px solid #eee;*/
    display: block;
}
.menuBottom .nav-item a::before {
    content: '';
    /*border-right: 1px solid #ccc;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.menuBottom .nav-item:last-child a::before {
    border-right: 0!important;
}
.menuBottom .nav-item i {
    height: 21px;
    /*font-size: 1.4rem;*/
    color: #857f7f;
    display: block;
}



/*SLick*/

/*Slick Slider*/
.all-slider {
    opacity: 0;
    visibility: hidden;
    /*-webkit-transition: opacity 1s ease;*/
    /*-moz-transition: opacity 1s ease;*/
    /*-ms-transition: opacity 1s ease;*/
    /*-o-transition: opacity 1s ease;*/
    /*transition: opacity 1s ease;*/
}
.all-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}





/*.navbar-justified {*/
/*    !*display: flex;*!*/
/*    !*justify-content: space-between;*!*/
/*    !*float: none;*!*/


/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*}*/


/*.navbar-justified li{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/


/*.voucher-stores .sticky-top.fltr {*/
    /*background-color: #F3F4F4!important;*/
    /*top: 4.2rem;*/
    /*position: initial!important;*/
/*}*/
/*.fltr.active,*/
/*.sticky-full-index.active {*/
    /*background-color: #fff;*/
    /*!*position: fixed!important;*!*/
    /*!*top: 0!important;*!*/
    /*padding: .6rem .5rem 0;*/
    /*left: 0rem;*/
    /*right: 0rem;*/
    /*margin: 0 -.5rem;*/
    /*!*-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*!*/
    /*!*-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*!*/
    /*!*box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*!*/

    /*-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);*/
    /*-moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);*/
    /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);*/
    /*z-index: 1040;*/
/*}*/
/*.sticky-full-index .filters {*/
    /*background-color: transparent;*/
/*}*/



/*Beradcrumb*/
.breadcrumb {
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
.breadcrumb li {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline!important;
}

/*parallax fix center */
.parallax_abs {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
}
.parallax_fix {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
}
.parallax_ads {
    width: 100%;
    height: 100%;
    height: auto;
    border: none;
    position: absolute;
    left: 50%;
    top: 46px;
    top: 0;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#div-gpt-ad-1572942201238-0 iframe {
    border: 0;
    vertical-align: bottom;
    position: fixed !important;
    z-index: 1 !important;
    left: 0;
    top: 49px;
    right: 0;
    margin: auto;
}
/*parallax fix center */



/*Headers*/
.headers {}
.headers .imgCont {
    width: 12rem;
    min-width: 12rem;
}
.headers .ico-cat {
    min-width: 6rem;
    width: 6rem;
}
.headers .theme-btn {
    padding-top: .3rem!important;
    padding-bottom: .3rem!important;
}
.headers h1 {
    line-height: 1.1;
}
.headers .text-detail::before {
    content: '';
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
}
.headers .num {
    font-size: 4rem;
    line-height: 1;
}
.border-bottom-custom {
    position: relative;
    border-bottom: 1px dashed #b1a7a7;
}
.border-bottom-custom .dotted,
.border-bottom-custom .dotted::before,
.border-bottom-custom .dotted::after {
    background-color: #737373;
    width: 7px;
    height: 7px;
    position: absolute;
    -webkit-box-shadow: 1px 1px 1px 5px #eaebeb;
    -moz-box-shadow: 1px 1px 1px 5px #eaebeb;
    box-shadow: 1px 1px 1px 5px #eaebeb;
}
.border-bottom-custom .dotted {
    margin-left: -3.5px;
    left: 50%;
    bottom: -3.5px;
    display: inline-block;
}
.border-bottom-custom .dotted::before,
.border-bottom-custom .dotted::after {
    content: '';
    bottom: 0;
}
.border-bottom-custom .dotted::before {
    left: 15px;
}
.border-bottom-custom .dotted::after {
    right: 15px;
}


.lobibox.lobibox-confirm {
    text-align: center;
    -webkit-border-radius: .75rem!important;
    -moz-border-radius: .75rem!important;
    border-radius: .75rem!important;

}
.lobibox.lobibox-confirm .lobibox-header {
    background-color: #fbfbfb;
    color: #020202;
    padding-top: 1rem;
    -webkit-border-radius: .75rem .75rem 0 0!important;
    -moz-border-radius: .75rem .75rem 0 0!important;
    border-radius: .75rem .75rem 0 0!important;
}
.lobibox.lobibox-confirm .lobibox-footer {
    background-color: #fbfafb;
    padding-bottom: 1rem;
    -webkit-border-radius: 0 0 .75rem .75rem!important;
    -moz-border-radius: 0 0 .75rem .75rem!important;
    border-radius: 0 0 .75rem .75rem!important;
}
.lobibox .lobibox-header .btn-close {
    display: none!important;
}


/*Side Pane;*/
.filterSidePanel .column .heading {
    cursor: pointer;
}
.filterSidePanel .column .heading::after {
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
}
.filterSidePanel .column .heading[aria-expanded="true"]::after {
    content: "\f068";
}






/*Filters*/
@media (min-width: 990px) {
    .optionlMenu {
        max-width: 35rem;
    }

    .searchResult .articles-list .card-header {
        min-width: 11rem;
        max-width: 11rem
    }

    .secondary-menu .search-icon  {
        display: none;
    }
    .secondary-menu .search-icon.active  {
        display: block !important;
    }
}
@media (min-width: 768px) {
    /*.voucher-stores .fltr {*/
    /*    !*background-color: #e9eff4;*!*/
    /*    top: 54px !important;*/
    /*    padding-top: .5rem;*/
    /*    padding-bottom: .5rem;*/
    /*}*/
    .cat-list-voucher .fltr {
        /*background-color: #e9eff4;*/
        position: initial!important;
        top: 60px !important;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}


.tabCustom {
    /*top: -3.8rem;*/
}
.filters {
    /*border-bottom: 3px solid #355fab;*/
}
.filters.active {
    background-color: #fff;
    position: fixed;
    top: 3rem;
    z-index: 100;
}
.fltr.active::before {
    content: '';
    background-color: #f8f9fa;
    position: absolute;
    top: 0;
    left: -5px;
    right: -5px;
    bottom: 0;
    z-index: 1;
    display: block;
}
.filters .fil {
    color: #333;
}
.filters .fil label {
    padding-top: .7rem!important;
    padding-bottom: .7rem!important;
}
.filters .fil.disabled,
.filters .fil.disabled.active,
.filters .fil.disabled:hover {
    background-color: #fff!important;
    color: #949191!important;
    cursor: default;
}
@media screen and (max-width: 480px){
    /*.fltr.active {*/
    /*    -webkit-box-shadow: 0 0 17px 5px #5960615c;*/
    /*    -moz-box-shadow: 0 0 17px 5px #5960615c;*/
    /*    box-shadow: 0 0 17px 5px #5960615c;*/
    /*}*/
    footer ul.colFoot {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        column-count: 3;
        column-rule: 1px dashed #C6C6C6;
        list-style-type: none;
    }
}
.fltr.active .filters .fil {
    border-bottom-color: transparent;
}
.fltr.active .filters .fil.active {
    border-bottom-color: #00abba;
}

.filters .fil,
.filters .fil label {
    cursor: pointer!important;
}
.filters .fil.disabled label,
.filters .fil.active label {
    cursor: default!important;
}
.filters .fil b {
    /*color: orangered;*/
    /*margin-left: .5rem;*/
}
/*.filters .fil.active b {color: #fff}*/
.filters .fil.disabled b {
    /*background-color: #c5c2c2!important;*/
    /*color: #6a6565!important;*/
    display: none;
}
.filters .fil input {
    display: none;
}
.filters label {margin-bottom: 0}

.h-scroll {
    max-width: 100%;
    padding-top: 2px;
    padding-bottom: 5px;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    /*overflow-y: hidden;*/
    -webkit-overflow-scrolling: touch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}




/*Voucher List*/
.voucher-list {}

.voucher-list .wraps {
    /*border: 2px solid #e9eff4;*/
}
/*.voucher-list .wraps.tops {*/
/*    background: linear-gradient(90deg, blue 50%, transparent 50%), linear-gradient(90deg, blue 50%, transparent 50%), linear-gradient(0deg, blue 50%, transparent 50%), linear-gradient(0deg, blue 50%, transparent 50%);*/
/*    !*background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;*!*/
/*    !*background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;*!*/
/*    !*background-position: 0 0, 200px 100px, 0 100px, 200px 0;*!*/
/*    !*padding: 10px;*!*/
/*    !*animation: border-dance 4s infinite linear;*!*/

/*    background: linear-gradient(90deg, #333 50%, transparent 0) repeat-x, linear-gradient(90deg, #333 50%, transparent 0) repeat-x, linear-gradient(0deg, #333 50%, transparent 0) repeat-y, linear-gradient(0deg, #333 50%, transparent 0) repeat-y;*/
/*    background-size: 4px 1px, 4px 1px, 1px 4px, 1px 4px;*/
/*    background-position: 0 0, 0 100%, 0 0, 100% 0;*/
/*    cursor: pointer;*/
/*    -webkit-animation: linearGradientMove 0.3s infinite linear;*/
/*    animation: linearGradientMove 0.3s infinite linear;*/
/*}*/
/*@keyframes border-dance {*/
/*    0% {*/
/*        background-position: 0 0, 300px 116px, 0 150px, 216px 0;*/
/*    }*/
/*    100% {*/
/*        background-position: 300px 0, 0 116px, 0 0, 216px 150px;*/
/*    }*/
/*}*/

/*@-webkit-keyframes linearGradientMove {*/
/*    100% {*/
/*        background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;*/
/*    }*/
/*}*/



.voucher-list .card .card-title.limit-text-2 {
    max-height: 3.05rem;
}

/*.voucher-list .card,*/
/*.voucher-list .saveBtn {*/
/*    border-bottom-right-radius: 3rem !important;*/
/*}*/

.voucher-list .card {
    -webkit-box-shadow: 0 .125rem .25rem #0000001a !important;
    -moz-box-shadow: 0 .125rem .25rem #0000001a !important;
    box-shadow: 0 .125rem .25rem #0000001a !important;
}
@media (min-width: 768px) {
    .voucher-list .card:hover {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
    }
}
.voucher-list .card .card-header .imgCont {
    border-bottom-right-radius: 2.5rem !important;
}
.voucher-list .card .card-body .card-text {
    line-height: 1.4;
}
.cat-list-voucher .all-slider .card-body {
    /*background-color: rgba(255, 42, 42, 0.23);*/
    min-height: 100px !important
}
.cat-list-voucher.home .bg-custom {
    background: url("../default/bg_merry_christmas.png") no-repeat center top;
    background-size: contain;
    background-attachment: scroll;
}
.cat-list-voucher.home .bg-custom .heading,
.cat-list-voucher.home .bg-custom .sub-heading {
    color: #ffffff !important;
}

.voucher-list .small-logo {
    background: linear-gradient(to right, rgb(248 99 0) 0%, rgb(0 0 0) 50%, rgb(0 0 0 / 0%) 100%);
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
    box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
    border-bottom-right-radius: 3rem;
}
.voucher-list .small-logo:before,
.voucher-list .small-logo:after {
    content: '';
    position: absolute;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.top-voucher .voucher-list .small-logo:before,
.cat-list-voucher.home .voucher-list .small-logo:before {
    background: rgb(248 99 0);
    width: 7px;
    height: 46px;
    padding: 0 0 7px;
    top: 0;
    left: -7px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.cat-list-voucher.home .voucher-list .small-logo:after {
    background: #bebebe;
    width: 5px;
    height: 5px;
    bottom: -5px;
    left: -5px;
}
.voucher-list .small-logo img {
    background-color: #fff;
    min-width: 3.5rem !important;
    max-width: 3.5rem !important;
    min-height: 33.5px !important;
    margin-left: -2px;
    position: relative;
    -webkit-border-radius: .3rem 0;
    -moz-border-radius: .3rem 0;
    border-radius: .3rem 0;
}
.voucher-list .card-header::before {
    content: '';
    background: linear-gradient(135deg, transparent 5.68px, #f37417 5.69px) top left, linear-gradient(45deg, #f37417 2.8px, transparent 2.81px) top left;
    background-repeat: repeat-x !important;
    background-size: 8px 5px !important;
    background-position: 0 top!important;
    width: 36px;
    padding: 4px 0 0;
    position: absolute;
    right: -17px;
    bottom: 15px;
    transform: rotate(90deg);
    display: none;
}
.cat-list-voucher.home .card-title {
    min-height: 60px;
}
.catimg-watermark {
    /*max-width: 23rem !important;*/
    /*position: absolute;*/
    /*top: -1rem;*/
    /*left: -6rem;*/
    /*opacity: .1;*/
}







/*Voucher List Paging*/
.nav-arrows li.fs-pagi-disabled {
    pointer-events: none;
    /*background: #dadada;*/
    opacity: 0.3;
}
.nav-arrows li:hover {
    /*background-color: #000;*/
}
.nav-arrows li:hover a {
    /*color: #fff;*/
}
.nav-arrows li:first-child {
    /*border-radius: 30px 0 0 30px;*/
}
.nav-arrows li:last-child {
    /*border-left: none;*/
    /*border-radius: 0 30px 30px 0;*/
}
.nav-arrows li a {
    /*display: block;*/
    /*color: #000;*/
    /*line-height: 55px;*/
    /*font-size: 26px;*/
}

.page-count, .total-page-count {
    /*position: relative;*/
    /*top: 15px;*/
    /*right: 35px;*/
    color: #a0a0a0;
}

.pagi-disabled {
    pointer-events: none;
    background: #dadada;
    opacity: 0.3;
}





/*Modal List*/
.modal .imgCont {
    width: 10rem;
}
.modal .title {
    font-size: 1.2rem;
    line-height: 1.1;
}
.btnVoucherRraps {
    min-width: 15rem;
    /*background-color: red;*/
}

.modal .btnVoucherRraps {
    max-width: 20rem;
}

.collapseCustom ol,
.collapseCustom ul {
    padding-left: 1rem;
}


/*Modal Sidebar*/
.modal#wishlistModal .modal-dialog {
    width: 30rem;
    max-width: 30rem;
}
.modal.right.show .modal-dialog {
    right:0 !important;
    transform: translateX(-50%);
}
.modal.right .modal-content {
    height:100%;
    overflow:auto;
    border-radius:0;
}
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.modal.right.show .modal-dialog {
    transform: translateX(0%);
}
.modal.right .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right .modal-header {
    background-color: #50caff;
    color: #fff;
}
.modal.right .modal-header::after {content:""; display:inline-block;}
.modal.right .close {text-shadow:none; opacity:1; color:#ff4d4d; font-size:26px}


@media screen and (min-width: 800px) {
    .cat-list-voucher .sticky-top {
        /*position: initial!important;*/
    }
}
.cat-list-voucher ul.nav-tabs .nav-link.active,
.cat-list-voucher ul.nav-tabs .nav-pills .show>.nav-link {
    background-color: orange!important;
    color: #fff!important;
}

/* width */
#v-pills-tab::-webkit-scrollbar,
.topStoreCat::-webkit-scrollbar,
.filters::-webkit-scrollbar,
.store .brandFilterCont::-webkit-scrollbar,
.cat-list-voucher ul.nav-tabs::-webkit-scrollbar {
    width: 3px;
    height: 0;
}

/* Track */
#v-pills-tab::-webkit-scrollbar-track,
.topStoreCat::-webkit-scrollbar-track,
.filters::-webkit-scrollbar-track,
.store .brandFilterCont::-webkit-scrollbar-track,
.cat-list-voucher ul.nav-tabs::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#v-pills-tab::-webkit-scrollbar-thumb,
.topStoreCat::-webkit-scrollbar-thumb,
.filters::-webkit-scrollbar-thumb,
.store .brandFilterCont::-webkit-scrollbar-thumb,
.cat-list-voucher ul.nav-tabs::-webkit-scrollbar-thumb {
    background: transparent;
}

/* Handle on hover */
#v-pills-tab::-webkit-scrollbar-thumb:hover,
.topStoreCat::-webkit-scrollbar-thumb:hover,
.filters::-webkit-scrollbar-thumb:hover,
.store .brandFilterCont::-webkit-scrollbar-thumb:hover,
.cat-list-voucher ul.nav-tabs::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.brandFilterCont #filters button:not([disabled]).on,
.brandFilterCont #filters button:not([disabled]):active {
    background-color: #f37417!important;
    color: #fff!important;
}


.cat-list-voucher ul.nav-tabs li {
    min-width: 11rem;
}
.cat-list-voucher ul.nav-tabs li a {
    width: initial!important;
}

.cat-list-voucher ul.nav-tabs .imgCont {
    width: 3rem;
}

/*.voucher-list .type2.opt-row .imgHead::before {*/
/*    top: -11rem;*/
/*    display: none;*/
/*}*/
/*.voucher-list .type2.opt-row .inner::after {*/
/*    content: '';*/
/*    background-color: rgba(212, 210, 212, 0.18);*/
/*    !* width: 15rem; *!*/
/*    height: 15rem;*/
/*    position: absolute;*/
/*    right: -10rem;*/
/*    left: 0;*/
/*    bottom: -73%;*/
/*    -webkit-border-radius: 50%;*/
/*    -moz-border-radius: 50%;*/
/*    border-radius: 0 120% 50% 52%;*/
/*    transform: rotate(33deg);*/
/*    display: none;*/
/*}*/


.voucher-list .options {
    color: #9b9c9b;
}
.voucher-list .opt-grid .options {
    height: 27px;
}
.voucher-list .expires {
    font-weight: 500;
    /*color: #8e8989;*/
    /*letter-spacing: 1px;*/
    /*color: #a9aaa9;*/
}

/*.voucher-list .imgCont {*/
/*    width: 13rem;*/
/*}*/
/*.voucher-list .opt-grid .imgCont {*/
/*    max-width: 13rem;*/
/*}*/


.voucher-list .opt-row .title {
    color: #222;
    font-size: 1.1rem;
    line-height: 1.4;
}
/*.voucher-list .type2 .title span {*/
/*    cursor: pointer;*/
/*}*/
/*.catColumn .voucher-list .type2 .title {*/
/*    padding-bottom: 1rem;*/
/*}*/
/*.cat-list-voucher .voucher-list .type2 .title {*/
/*    !*background-color: red;*!*/
/*    !*height: 2.75rem;*!*/
/*    font-size: 1.1rem;*/
/*    line-height: 1.2;*/
/*    padding-bottom: 0;*/
/*    margin-bottom: 25px;*/
/*}*/
/*.cat-list-voucher .voucher-list .type2 .button-peel,*/
/*.cat-list-voucher .voucher-list .type2 .button {*/
/*    position: relative;*/
/*    right: 0;*/
/*}*/

.cat-list-voucher .nav-tabs .nav-link {
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    -webkit-border-radius: .75rem!important;
    -moz-border-radius: .75rem!important;
    border-radius: .75rem!important;
}
/*.cat-list-voucher .sticky-full-index.active .nav-tabs .nav-link {*/
    /*-webkit-border-radius: 3px!important;*/
    /*-moz-border-radius: 3px!important;*/
    /*border-radius: 3px!important;*/
/*}*/


/*BUTTON VOUCHER*/

/*Voucher Button type 2*/
.receipt {
    /*background-color: #313030;*/
    width: 155px;
    height: 32px;
    cursor: pointer;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    overflow: hidden;
}
.receipt-list {
    width: 152px;
    /*width: 7rem;*/
    height: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 5;
    transition: all .1s linear;
}
.card:not(.card-receipt) .receipt:hover .receipt-list,
.card-receipt:hover .receipt .receipt-list  {
    width: 7rem;
}

@media screen and (max-width: 580px){
    .card-receipt .receipt .receipt-list  {
        width: 7rem;
    }
    /*.searchResult .receipt,*/
    /*.searchResult .receipt .receipt-list,*/
    /*.seasonal-voucher .receipt,*/
    /*.seasonal-voucher .receipt .receipt-list,*/
    /*.offer4you .receipt,*/
    /*.offer4you .receipt .receipt-list,*/
    /*.cat-list-voucher .receipt,*/
    /*.cat-list-voucher .receipt .receipt-list,*/
    /*.top-voucher .receipt,*/
    /*.top-voucher .receipt .receipt-list  {*/
        /*width: 125px;*/
    /*}*/
    /*.searchResult .receipt-list b,*/
    /*.seasonal-voucher .receipt-list b,*/
    /*.offer4you .receipt-list b,*/
    /*.cat-list-voucher .receipt-list b,*/
    /*.top-voucher .receipt-list b {*/
    /*.card-receipt .receipt-list b {*/
    /*    !*padding-left: 1.3rem;*!*/
    /*}*/
}
.receipt-list span:first-child {
    background: linear-gradient(135deg, transparent 5.68px, #f37417 5.69px) top left, linear-gradient(45deg, #f37417 2.8px, transparent 2.81px) top left;
    background-repeat: repeat-x !important;
    background-size: 8px 5px !important;
    background-position: 0 top!important;
    width: 36px;
    padding: 4px 0 0;
    position: absolute;
    right: -17px;
    bottom: 15px;
    transform: rotate(90deg);
    display: block;
}
.receipt-list::after {
    content: '';
    /*border: 2px dashed #000;*/
    border-bottom: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: -4px;
    border-radius: 3px 3px 0 0;
    z-index: 5;
}
.receipt-list b {
    background-color: #f37417;
    color: #ffffff;
    white-space: nowrap;
    height: 100%;
    font-size: 1rem;
    line-height: 2.1rem;
    padding-left: 2.3rem;
    position: absolute;
    left: 0;
    right: 3px;
    z-index: 11;
    transition: all .1s linear;
    display: block;
}
.receipt-open {
    content: '';
    width: 25px;
    height: 100%;
    padding: 0 0 4px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    transition: all .1s linear;
}
.receipt-open span:first-child {
    content: '';
    background: linear-gradient(135deg, #f37417 2.8px, transparent 2.81px) bottom left, linear-gradient(45deg, transparent 5.68px, #f37417 5.69px) bottom left;
    background-repeat: repeat-x !important;
    background-size: 8px 4px !important;
    background-position: -8px bottom !important;
    padding: 4px 0 0;
    width: 32px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transform: rotate(90deg);
    z-index: 5;
}
.receipt-open span:last-child {
    content: '';
    background-color:#f37417;
    position: absolute;
    top: 0;
    left: 4px;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.receipt-open i {
    content: '';
    border: 2px dashed #000;
    border-bottom: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: -4px;
    border-radius: 3px 3px 0 0;
    z-index: 5;
}
.receipt .cus-codes {
    background-color: #393838;
    color: yellow;
    font-weight: 700;
    line-height: 2.1rem;
    padding-left: .5rem;
    top: 0;
    bottom: 0;
    left: 6rem;
    right: 0;
    z-index: 4;
}

.card:not(.card-receipt) .receipt:hover .receipt-open,
.card-receipt:hover .receipt .receipt-open {
    width: 15rem;
}
.card:not(.card-receipt) .receipt:hover .receipt-list b,
.card-receipt:hover .receipt .receipt-list b {
    padding-left: .7rem;
}
.card:not(.card-receipt) .receipt:hover .receipt-open,
.card-receipt:hover .receipt .receipt-open {
    width: 15px;
}
@media screen and (max-width: 580px) {
    .card-receipt .receipt .receipt-open {
        width: 15rem;
    }
    .card-receipt .receipt .receipt-list b {
        padding-left: .7rem;
    }
    .card-receipt .receipt .receipt-open {
        width: 15px;
    }
}

.catColumn .voucher-list .type2 .title.limit-text-2 {
    height: 2.9rem;
    margin-bottom: .5rem;
}
/*.voucher-list .type2.opt-row .title {*/
/*    !*height: 2.85rem;*!*/
/*    font-size: 1.1rem;*/
/*    font-weight: 600;*/
/*    padding-bottom: 0!important;*/
/*}*/
/*.voucher-list .type2 .button-peel {*/
/*    width: initial!important;*/
/*}*/
/*.voucher-list .type2 .button-peel,*/
/*.voucher-list .type2 .button {*/
/*    width: initial!important;*/
/*    !*max-width: 15rem;*!*/
/*}*/

/*.voucher-list .type2 .button,*/
/*.voucher-list .type2 .button-peel {*/
/*    min-width: 14rem;*/
/*    position: absolute;*/
/*    left: initial;*/
/*    right: 20px;*/
/*    bottom: 15px;*/
/*}*/
/*.home .voucher-list .type2 .button,*/
/*.home .voucher-list .type2 .button-peel {*/
/*    min-width: 14rem;*/
/*    position: relative;*/
/*    margin: 0 auto;*/
/*    left: initial;*/
/*    right: initial;*/
/*    bottom: 15px;*/
/*}*/


.rateVoucher .btn-check:checked ~ .btn-link.bi-hand-thumbs-up::before,
.rateVoucher .btn-link.bi-hand-thumbs-up:hover::before {
    content: "\f406";
}
.rateVoucher .btn-check:checked ~ .btn-link.bi-hand-thumbs-down::before,
.rateVoucher .btn-link.bi-hand-thumbs-down:hover::before {
    content: "\f404";
}

/*.searchResult .voucher-list .type2 .title {*/
/*    !*max-height: 5rem!important;*!*/
/*    padding-bottom: 0!important;*/
/*    margin-bottom: 3.3rem;*/
/*    overflow: hidden;*/
/*    -webkit-line-clamp: 2;*/
/*    text-overflow: ellipsis;*/
/*    display: -webkit-box!important;*/
/*    -webkit-box-orient: vertical;*/
/*}*/



/*Top Voucher Home*/
/*.top-voucher-slider,*/
/*.top-voucher-slider .slick-track .list {*/
    /*height: 335px;*/
/*}*/
/*.voucher-list .list .card-footer {*/
/*    overflow: hidden;*/
/*    border-radius: 8px!important;*/
/*}*/
/*.voucher-list .list .card,*/
/*.voucher-list .list .card .card-header .imgCont {*/
/*    -webkit-transition: All .2s linear;*/
/*    -moz-transition: All .2s linear;*/
/*    -ms-transition: All .2s linear;*/
/*    -o-transition: All .2s linear;*/
/*    transition: All .2s linear;*/
/*}*/
/*.voucher-list .list:hover .card .card-header .imgCont {*/
/*    top: -1.5rem;*/
/*}*/
/*.voucher-list .list:hover .card {*/
/*    box-shadow: #00000030 0 3px 8px!important;*/
/*}*/


.modalVouchers ol,
.modalVouchers ul {
    padding-left: 1rem;
}
.modalVouchers input#copyTarget {
    background: repeating-linear-gradient( 45deg, #edeffb, #edeffb 10px, #f8f9fa 10px, #f8f9fa 20px)!important;
    border: 2px dashed #f37417;
}


/*.search-float-result {*/
/*    background-color: rgba(34, 34, 34, 0.07);*/
/*    min-height: 10rem;*/
/*    top: 75px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 90;*/
/*}*/

.brand-header input {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.clearSearch.active i::before {
    content: "\f622";
    color: var(--main-color) !important;
}





/*.offcanvas-backdrop.fade.show {*/
/*    pointer-events:none*/
/*}*/


/*FILTER CUSTOM*/
/*OFFCANVAS FILTER*/
.offcanvas#catShow,
.offcanvas#seasShow,
.offcanvas#searchShow,
.offcanvas#optionShow,
.offcanvas#filterCustomShow {
    height: auto!important;
}
@media screen and (max-width: 1200px) {
    .container {
        max-width: 100%!important;
    }
}
@media screen and (max-width: 990px) {
    .offcanvas#searchShow .articles-list .card-header {
        min-width: 8rem;
        max-width: 8rem;
    }
    .offcanvas#searchShow .articles-list .card-header .imgCont {
        width: 8rem;
        height: 8rem;
    }
    .offcanvas#searchShow .articles-list .card-header .imgCont img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        object-position: center top;
        display: block;
    }
}
@media screen and (max-width: 770px) {
    .offcanvas#searchShow .articles-list .card-header {
        min-width: 6rem;
        max-width: 6rem;
    }
    .offcanvas#searchShow .articles-list .card-header .imgCont {
        width: 6rem;
        height: 6rem;
    }
}
@media screen and (max-width: 500px) {
    .offcanvas.offcanvas-end {
        width: 100%!important;
    }
}
@media screen and (min-width: 990px) {
    .navbar.fixed-top {
        position: initial !important;
        position: initial !important;
        top: initial !important;
        z-index: 5 !important;
    }

    .offcanvas#catShow,
    .offcanvas#seasShow,
    /*.offcanvas#searchShow,*/
    .offcanvas#optionShow,
    .offcanvas#filterCustomShow {
        z-index: 1025;
    }
    .campaign-directory .main-card-header,
    .my-voucher .main-card-header {
        z-index: 1010;
    }
    .main-card-header::before,
    .my-voucher .main-card-header::before {
        content: '';
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: -1rem;
        right: -1rem;
        bottom: 0;
        z-index: -1;
    }

    /*#offcanvasNavbar, #offcanvasNavbar ~ .offcanvas-backdrop,*/
    /*#offcanvasNavbar.offcanvas-bottom {*/
    /*    font-size: .9rem;*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    border: 0 !important;*/
    /*    transform: none!important;*/
    /*    visibility: visible!important;*/
    /*}*/
    .navbar-expand-lg #offcanvasNavbar .offcanvas-body {
        padding: 1rem;
    }
    .navbar-expand-lg #offcanvasNavbar .navbar-nav {
        flex-direction: column;
    }

    #optionShow,
    #filterCustomShow {
        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;
    }
    #optionShow .offcanvas-header,
    #filterCustomShow .offcanvas-header {
        display: none;
    }



    #optionShow .form-floating>.form-control::-webkit-input-placeholder { /* Edge */
        color: #94999c;
    }
    #optionShow .form-floating>.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #94999c;
    }
    #optionShow .form-floating>.form-control::placeholder {
        color: #94999c;
    }

    #optionShow .form-floating>.form-control,
    #optionShow .form-floating>.form-control-plaintext {
        padding: .375rem .75rem !important;
        line-height: 1.5 !important;
    }
    #optionShow .form-floating>.form-control,
    #optionShow .form-floating>.form-control-plaintext,
    #optionShow .form-floating>.form-select {
        height: 100% !important;
        min-height: 2.55rem !important;
        max-height: 2.55rem !important;
        padding-top: .4rem !important;
    }
    #optionShow .form-floating label {
        display: none !important;
    }




    .offcanvas#searchShow {
        height: 3.7rem !important;
    }
    .offcanvas#searchShow,
    .offcanvas#searchShow .offcanvas-body {
        background: transparent !important;
    }
    .offcanvas#searchShow.show:not(.on) {
        visibility: hidden !important;
    }
    .offcanvas#searchShow:not(.on) {
        background-color: transparent !important;
        /*top: 4rem !important;*/
        /*z-index: 1045;*/
        max-width: 1080px;
        margin: 0 auto;
        /* 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#searchShow:not(.on) .btn-close {
        display: none !important;
    }
    .offcanvas#searchShow:not(.on) .offcanvas-header,
    .offcanvas#searchShow:not(.on) .sdc-form {
        background-color: var(--main-color) !important;
        /*height: 72.68px;*/
        /*display: none !important;*/
    }
    .offcanvas#searchShow:not(.on) .offcanvas-body {
        background-color: transparent !important;
    }
    .offcanvas#searchShow:not(.on) .inner-side {
        background-color: #ffffff !important;
        border: 1px solid #dee2e6;
        padding: 1.5rem !important;
        -webkit-border-radius: 0.375rem;
        -moz-border-radius: 0.375rem;
        border-radius: 0.375rem;
    }
}

/*Store List*/
.store {}
.brands .imgCont {
    width: 6rem;
    max-width: 6rem;
}
@media screen and (min-width: 580px){
    .brands .imgCont {
        width: 8rem;
        max-width: 8rem;
    }
    .brands .card-title {
        font-size: .850rem!important;
    }
}
.store #filters button.is-checked,
.store #filters button:hover {
    background-color: #333;
    color: #fff!important;
}

.store #filters button.is-checked,
.store #filters button:hover {
    background-color: rgba(92, 90, 92, 0.71);
    color: #fff!important;
}






/*.collapseCustom .inner {*/
/*    background-color: #fdfceb!important;*/
/*}*/





.voucher-list .store-list .list {width: 100%}
/*.border-bottom {*/
/*    border-bottom: 1px solid #e8e8e8!important;*/
/*}*/
.border-light {
    border-color: #e8e8e8!important;
}

/*Voucher Detail*/
.voucher-detail {}
/*.voucher-detail .ribbon {*/
/*    top: -27px;*/
/*    right: -42px;*/
/*}*/
.voucher-detail h1 {
    /*font-size: 2rem!important;*/
    /*line-height: 1.1;*/
}
.voucher-detail .imgCont.big {
    width: 11rem;
    /*padding: .8rem;*/
}
.voucher-detail .info-voucher .wrapsBtns {
    /*width: 24rem;*/
}
.voucher-detail .info-voucher .codeCont #input-text,
.voucher-detail .info-voucher .codeCont input {
    background-color: #f3ede1!important;
    font-size: 1.5rem;
    color: green;
    font-weight: 700!important;
    border: 2px dotted #fff!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.voucher-detail .info-voucher .codeCont #input-text.code,
.voucher-detail .info-voucher .codeCont input.code {
    padding-right: 4rem!important;
    padding-left: 1.5rem!important;
}
.voucher-detail .info-voucher .codeCont.active #input-text.code,
.voucher-detail .info-voucher .codeCont.active input.code {
    padding-right: 7rem!important;
}
.voucher-detail .codeCont .copy::after {
    content: "";
    width: 30px;
    height: 30px;
    border: 8px solid #ffffff;
    position: absolute;
    top: 2px;
    left: 3px;
    opacity: 0;
    z-index: 1;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    animation: pulse 1s infinite ease-out;
    animation-delay: 0s;
}
.voucher-detail .codeCont.active .copy::after {
    display: none;
}
@keyframes pulse {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(3, 3);
        opacity: 0;
    }
}


.voucher-detail .trm .button-peel,
.voucher-detail .trm .button-peel.noCode {
    /*width: 83%;*/
    background: linear-gradient(to right, #ffa604 80%, #000 20%);
    height: 3.3rem;
}
.voucher-detail .trm .button-peel.noCode {
    background: linear-gradient(to right, #28a745 18%, #000 20%);
}
.voucher-detail .trm .button-peel::before,
.voucher-detail .trm .button-peel:hover::before {
    background-position: 0 .375rem!important;
    width: 4rem;
    height: 3.2rem;
    top: .7rem;
    left: 1.5rem!important;
    right: initial;
    -webkit-transform: rotate(22deg) translateY(-.625rem) scaleX(.9)!important;
    transform: rotate(22deg) translateY(-.625rem) scaleX(.9)!important;
}
.voucher-detail .trm .button-peel::after,
.voucher-detail .trm .button-peel:hover::after {
    left: 2.25rem!important;
    bottom: -.3px;
}
.voucher-detail .trm .button-peel:hover .button-peel-code,
.voucher-detail .trm .button-peel-code {
    width: auto;
    height: inherit;
    font-size: 1.6rem;
    line-height: 2;
    font-weight: 700;
    text-align: center;
    outline: none!important;
    left: 38px;
}
.voucher-detail .trm .button-peel.noCode:hover .button-peel-code,
.voucher-detail .trm .noCode .button-peel-code {
    left: 37px;
}

.voucher-detail .trm .button-peel.noCode {
    /*background-color: #28a745;*/
    /*width: 87%;*/
    width: 100%;
}
.voucher-detail .trm .button-peel.noCode::before {
    background-image: linear-gradient(38deg, #8af7a3, #2dab4a 49%, transparent 50%, transparent);
}
.voucher-detail .trm .button-peel.noCode::after {
    background: #126926;
}
.voucher-detail .trm .codeCont {
    max-width: 100%;
}
.voucher-detail .trm .button-peel.noCode .button-peel-code {
    /*width: 100%!important;*/
    font-size: 1rem;
    line-height: 3.2;
}
.clipboardAlert .lobibox-header,
.clipboardAlert .lobibox-footer {
    display: none!important;
}




.voucher-detail .info-voucher .codeCont input.type0 {font-size: 1.5rem;}
.voucher-detail .info-voucher .codeCont .btn,
.voucher-detail .info-voucher .codeCont .button {
    line-height: 1.5;
    top: 8px;
    right: 8px;
    bottom: 8px;
}


/*About Cat*/
.about-cat {}

.expander {
    max-height: 15rem; /* starting height - best to use a multiple of line-height */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
}
.headers .expander {
    max-height: 4rem;
    margin-right: 14rem;
}
.about-cat .expander:before { /* this applies a faded gradient to the bottom of the expanding content when closed */
    content: "";
    background: linear-gradient(#F9FBFB00 50%, #F9FBFB);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
.expander.expanded:before {
    opacity: 0;
}
.expand-toggle {
    cursor: pointer!important;
}



.floatPanel {
    max-width: 3.7rem;
    position: fixed;
    right: -5px;
    bottom: 3.5rem;
    z-index: 200;
}


/*Back to top*/
.floatPanel {
    padding: 0 .7rem 0 .5rem;
    z-index: 1025;
    right: -5rem;
    -webkit-transition: all .500s linear;
    -moz-transition: all .500s ease;
    -ms-transition: all .500s ease;
    -o-transition: all .500s ease;
    transition: all .500s ease;
    display: inline-block;
}
.floatPanel.show-up {
    right: 0;
    opacity: 1;
}



.slick-slider .slick-slide {
    height: initial!important;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
}
.slick-slider .slick-slide:not(.slick-current) {
    /*-webkit-filter: blur(3px);*/
    /*-moz-filter: blur(3px);*/
    /*-ms-filter: blur(3px);*/
    /*-o-filter: blur(3px);*/
    /*filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");*/
    /*filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '3');*/
    /*filter: blur(3px);*/
}

/*Slick Dot*/
.slick-dots li {
    margin: 0 2px;
}
/*Slick Arrow*/
.slick-next, .slick-prev {
    width: 3rem;
    height: 3rem;
    z-index: 5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
    -ms-transition: All .3s ease;
    -o-transition: All .3s ease;
    transition: All .3s ease;
    opacity: 0;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
    opacity: 1;
}
.slick-prev {left: -.8rem;}
.slick-next {right: -.8rem;}
.slick-disabled {display: none!important;}

.slick-prev::before,
.slick-next::before {font-family: FontAwesome}
.slick-prev::before {content: "\f104"}
.slick-next::before {content: "\f105"}

.slick-next:hover, .slick-prev:hover {
    background-color: transparent!important;
    width: 3rem;
    height: 3rem;
    color: #fff!important;
    z-index: 5;
}



.topbanner-slide,
.tv-slider,
.banner-slider,
.store-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.topbanner-slide.slick-initialized,
.tv-slider.slick-initialized,
.banner-slider.slick-initialized,
.store-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}



.topbanner-slide .slick-arrow {
    width: 3rem;
    height: 6rem;
    cursor: pointer;
    outline: none!important;
    border: none!important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    z-index: 5;
    display: block!important;
}
.slick-slider .slick-arrow::before {
    font-size: 3rem!important;
    opacity: 1;
    color: #ccc!important;
}
.slick-slider .slick-arrow::after {
    border-top-color: #fff;
    top: 1.3rem;
}
.slick-slider .slick-prev {left: 2px!important;}
.topbanner-slide .slick-prev {left: 0!important;}
/*.topbanner-slide .slick-prev::before {left: 2.2rem;}*/
.slick-slider .slick-next {right: 2px!important;}
.topbanner-slide .slick-next {right: 0!important;}
/*.topbanner-slide .slick-next::before {right: 2.2rem;}*/



/*Slick dot Custom*/
.slick-dots {
    padding: 0 0 .2rem;
    position: absolute;
    right: initial;
     left: 50%;
    bottom: -1.5rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
     -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
     transform: translateX(-50%);
    z-index: 5;
}
#banner-slider .slick-dots {
    bottom: -2.5rem;
}
.slick-dots li {
    background-color: #ccc;
    width: 8px;
    height: 8px;;
    border: none;
    position: relative;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: inline-block;
}
.slick-dots li button {
    display: none;
}
.slick-dots li.slick-active {
    background-color: dodgerblue;
    border-color: dodgerblue;
    /*width: 2rem;*/
}

/*Dot Implementation*/
.topbanner-slide .slick-dots {
    bottom: -1.5rem;
}
.tv-slider .slick-dots {
    /*top: -.5rem;*/
    bottom: -2rem;
}
.store-list.home .store-slider .slick-dots {
    top: -.8rem;
    bottom: initial;
}


.tv-slider:active {
    cursor: grab;
}



.banner-slider {

}
.banner-slider .logo {
    min-width: 7rem;
    max-width: 7rem;
    border: 1px solid #eee;
}



/*Arrow Slick Custom*/
.arrowCont {
    width: initial;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 1rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slick-slider .slick-arrow {
    /*background-color: #ffffff;*/
    width: auto!important;
    height: auto!important;
    /*line-height: 3rem;*/
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    outline: none!important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    -webkit-transition: All 300ms linear;
    -moz-transition: All 300ms linear;
    -ms-transition: All 300ms linear;
    -o-transition: All 300ms linear;
    transition: All 300ms linear;
    z-index: 10;
    display: inline-block;
}
#review-slider.slick-slider .slick-arrow {
    margin-top: -6rem;
}
.top-voucher .slick-slider .slick-arrow {
    margin-top: 1rem;
}
.slick-slider .slick-arrow.prev-arrow {
    left: 0;
}
.slick-slider .slick-arrow.next-arrow {
    right: 0;
}
.arrowCont .prev-arrow::before,
.arrowCont .next-arrow::after {
    display: none;
}







/*Categories*/
.categories {}
.categories .title {
    background-color: #fff;
    width: 100%;
    text-align: left;
    font-size: 1.2rem;
    z-index: 5;
}
/*.category-list .list .is-broken .imgCont {*/
/*    height: 135px;*/
/*}*/
/*.category-list .list .activated .imgCont::before {*/
/*    content: '';*/
/*    background-color: rgba(0, 0, 0, 0.15);*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    opacity: 0;*/
/*    -webkit-transition: All .3s ease;*/
/*    -moz-transition: All .3s ease;*/
/*    -ms-transition: All .3s ease;*/
/*    -o-transition: All .3s ease;*/
/*    transition: All .3s ease;*/
/*    display: block;*/
/*}*/
/*.category-list .list:hover .activated .imgCont::before {*/
/*    opacity: 1;*/
/*}*/
/*.category-list .list:hover .is-broken .imgCont::before {*/
/*    display: block;*/
/*}*/

.cat-list-mini .list .imgCont {
    width: 3rem;
}
.read-mores {
    background-color: #c5c5c5;
    min-height: 377px;
}
.read-mores::before,
.read-mores::after {
    content: '';
    background-color: #14b7c8;
    width: 27rem;
    height: 18rem;
    position: absolute;
    top: -6rem;
    left: -10rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: rotate(-203deg);
    -moz-transform: rotate(-203deg);
    -ms-transform: rotate(-203deg);
    -o-transform: rotate(-203deg);
    transform: rotate(-203deg);
}
.read-mores::after {
    width: 23rem;
    height: 23rem;
    top: initial;
    left: initial;
    bottom: -12rem;
    right: -9rem;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.category-list .list .imgCont img {
    -webkit-transition: All .2s linear;
    -moz-transition: All .2s linear;
    -ms-transition: All .2s linear;
    -o-transition: All .2s linear;
    transition: All .2s linear;
}
.category-list .list:hover .imgCont img {
    -webkit-filter: grayscale(0); /* Webkit */
    filter: initial; /* IE6-9 */
    filter: grayscale(0); /* W3C */
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
/*.category-list .list:hover .title {*/
/*    color: dodgerblue;*/
/*}*/







/*Button Voucher Custom*/
.button, .button-peel {
    background: #4ca12b;
    width: 100%;
    color: #fff!important;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    /*font-family: "Source Sans Pro", "Open Sans", sans-serif;*/
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    min-height: 2.5rem;
    line-height: 2.5rem;
    outline: 0;
    padding: 0;
    border: 0;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    /*-webkit-transition: All .2s linear;*/
    /*-moz-transition: All .2s linear;*/
    /*-ms-transition: All .2s linear;*/
    /*-o-transition: All .2s linear;*/
    /*transition: All .2s linear;*/
    display: block;
}
.button-peel {
    background: #ffa604;
    color: #2d2d2d!important;
}
.button-peel:before {
    position: absolute;
    display: block;
    content: "";
    width: 2.625rem;
    height: 2.875rem;
    top: .125rem;
    right: .375rem;
    z-index: 2;
    background-image: linear-gradient(38deg, #f3dbb0, #f9c361 49%, transparent 50%, transparent);
    background-repeat: no-repeat;
    background-position: 0 .375rem;
    -webkit-transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    -webkit-transition: background-position .2s, -webkit-transform .2s;
    transition: background-position .2s, -webkit-transform .2s;
    transition: transform .2s, background-position .2s;
    transition: transform .2s, background-position .2s, -webkit-transform .2s;
    /*border-radius: 0 0 0 .3125rem;*/
    border-radius: 0 0 0 1rem;
}

.ie9 .button-peel:before {
    display: none
}

.button-peel:after {
    content: "";
    width: .9375rem;
    /*height: .625rem;*/
    height: 7px;
    position: absolute;
    /*right: 1.5625rem;*/
    right: 1.5rem;
    bottom: 0;
    -webkit-transform: skew(21deg, 0);
    transform: skew(21deg, 0);
    background: #da9009;
    -webkit-transition: right .2s;
    -moz-transition: right .2s;
    -ms-transition: right .2s;
    -o-transition: right .2s;
    transition: right .2s;
    display: block;
}
.ie9 .button-peel:after {
    display: none
}

.button-peel-code {
    background: #2d2f38;
    width: 2.25rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    padding: 0 .75rem 0 0;
    direction: rtl;
    text-align: right;
    color: #fff!important;
    /*-webkit-border-radius: 0 5px 5px 0;*/
    /*-moz-border-radius: 0 5px 5px 0;*/
    /*border-radius: 0 5px 5px 0;*/
    -webkit-border-radius: 0 3rem 3rem 0;
    -moz-border-radius: 0 3rem 3rem 0;
    border-radius: 0 3rem 3rem 0;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    display: block;
}
.noCode .button-peel-code {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tile-save + .tile-redeem {
    width: calc(100% - 3.125rem);
    margin: 0 0 0 3.125rem;
}
.ie9 .button-peel-code {
    display: none
}



.button-peel-text {
    font-style: normal;
    white-space: nowrap;
    font-size: 1rem;
}


@media screen and (min-width: 1000px) {
    .voucher-list .list .button-peel:hover,
    .button-peel:hover {
        background: #ffb812;
    }

    .voucher-list .list .button-peel:hover::before,
    .button-peel:hover:before {
        background-position: 0 0;
        -webkit-transform: rotate(15deg) translate(-.5rem, -.1875rem) scaleX(1);
        transform: rotate(15deg) translate(-.5rem, -.1875rem) scaleX(1)
    }

    .voucher-list .list .button-peel:hover:after,
    .button-peel:hover:after {
        right: 2.375rem
    }

    .voucher-list .list .button-peel:hover .button-peel-code,
    .button-peel:hover .button-peel-code {
        width: 3.125rem
    }
}




.descriptions .imgCont {
    top: -2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}



.voucher-stores .readmore summary {
    display: -webkit-box;
    pointer-events: none;
    overflow: hidden;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
}
.voucher-stores.vCategories .readmore summary {
    -webkit-line-clamp: 7;
}
.voucher-stores .readmore.v2 summary {
    -webkit-line-clamp: 1;
}
.voucher-stores .readmore.active summary:after {
    font-weight: 600;
    cursor: pointer;
    pointer-events: initial;
    text-decoration: underline;
    margin-top: .5rem;
    position: absolute;
    top: 100%;
    display: block;
}
.voucher-stores .readmore.v2.active summary:after {
    margin-top: .1rem;
}
.voucher-stores .readmore.active:not([open]) summary:after {
    content: attr(data-more);
}
.voucher-stores .readmore.active[open] summary {
    -webkit-line-clamp: unset;
}
.voucher-stores .readmore.active[open] summary:after {
    content: attr(data-less);
}


/*Store list*/
.store-list {}
.store-list .list a {
    /*background-color: #fff;*/
    /*position: relative;*/
    /*border: 1px solid #e8e8e8;*/
}
.store-list .list a::before {
    content: '';
    border: 0 solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: All .3s linear;
    -moz-transition: All .3s linear;
    -ms-transition: All .3s linear;
    -o-transition: All .3s linear;
    transition: All .2s linear;
    z-index: 5;
    display: none;
}


/*.store .store-list p {*/
/*    height: 2rem;*/
/*}*/





/*Expired list*/
.expired-list {}
.expired-list li {
    background-color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 1.2rem 1.5rem 0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: All .1s linear;
    -moz-transition: All .1s linear;
    -ms-transition: All .1s linear;
    -o-transition: All .1s linear;
    transition: All .1s linear;
}
.expired-list li::before {
    content: '';
    background-color: #000;
    width: 5px;
    position: absolute;
    top: 0;
    left: -1rem;
    bottom: 0;
    z-index: 5;
    -webkit-transition: All .2s linear;
    -moz-transition: All .2s linear;
    -ms-transition: All .2s linear;
    -o-transition: All .2s linear;
    transition: All .2s linear;
}
.expired-list li.active::before,
.expired-list li:hover::before {
    left: 0;
}
.expired-list li:first-child {
    border-top: 0;
}
.expired-list li {
    color: #969696!important;
    display: block;
}
.expired-list li .code {
    font-weight: 700;
    text-decoration: line-through;
}


.modal .close {
    border: 0!important;
    top: .5rem;
    right: .5rem;
    outline: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
.modal .options {
    top: .5rem;
    left: .5rem;
}


/*------------------------------------*/
/*Article Detail*/
/*------------------------------------*/
@media (min-width: 992px) {
    .articles-detail .custom-grid.col-lg-4 {
        flex: 0 0 auto;
        width: 30.333333%;
    }
}


/*.article-detail { background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgb(232, 226, 226) 50%); }*/
.text-detail {
    line-height: 1.7rem;
}
.text-detail h2 {font-size: 1.5rem; font-weight: 700;}
.text-detail h3 {font-size: 1.3rem; font-weight: 700;}
.text-detail h4 {font-size: 1.1rem; font-weight: 700;}
.text-detail h5 {font-size: .9rem; font-weight: 700;}

.text-detail h1,
.text-detail h2,
.text-detail h3,
.text-detail h4,
.text-detail h5,
.text-detail h6 {
    margin-top: 1rem;
    /*margin-bottom: 1.2rem;*/
}

/*.text-detail img {max-width: 550px}*/
.text-detail iframe {max-width: 100%}
.text-detail .card h2 {font-size: 1.2rem!important}
/*.text-detail img {margin: 2.5rem 0}*/
.text-detail .card .imgCont {width: 80px}
.text-detail .card .imgCont img {margin: 0 1rem 0 0!important}
.text-detail ul {padding-left: 1.4rem}
.text-detail ul li {margin-bottom: 0.5rem}

.text-detail iframe,
/*.text-detail table,*/
/*.text-detail table th,*/
/*.text-detail table td,*/
.fb_iframe_widget_fluid_desktop iframe {
    width: 100%!important;
    word-break: break-all!important;
    white-space: normal!important;
}
.text-detail table th,
.text-detail table td {
    padding: 1rem 1rem !important;
}







/*.text-detail>p:first-child:first-letter {*/
/*    font-size: 5rem;*/
/*    font-weight: bold;*/
/*    float: left;*/
/*    color: #656363;*/
/*    line-height: 4rem;*/
/*    align-self: flex-start !important;*/
/*    -webkit-initial-letter: 2;*/
/*    initial-letter: 2;*/
/*    margin: 0 .5rem 0 0;*/
/*    -webkit-border-radius: 5px;*/
/*    -moz-border-radius: 5px;*/
/*    border-radius: 5px;*/
/*    display: grid;*/
/*}*/

/*Paragraph Limiter*/
.paragraph-limiter.active {
    max-height: 300px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-transition: max-height 0.15s ease-out;
    -moz-transition: max-height 0.15s ease-out;
    -ms-transition: max-height 0.15s ease-out;
    -o-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
}
.paragraph-limiter.active.expand {
    max-height: 5000px !important;
    transition:max-height 0.35s ease-in-out;
}
.paragraph-limiter.active .readMore {
    background-image: linear-gradient(to bottom, transparent, white);
    width:100%;
    height: 60px;
    /*text-align: center;*/
    color: #1c8491;
    font-weight:bold;
    font-size:16px;
    padding-top:40px;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
}

.paragraph-limiter.active .readMore.expand {
    background-image: none;
    height: 25px;
    padding-top: 10px;
    position: relative;
}
.paragraph-limiter.active .readMore:after {
    content:"Read more";
}
.paragraph-limiter.active .readMore.expand:after{
    content:"Read less";
}


/*Text Limiter*/
.text-limiter .halfText {
    display: none;
}



.mobOption .searchDesktop {
    height: 45px;
}

.mobOption #searchCont,
.mobOption #searchCont form .btn {
    top: 0;
    right: 0;
}
.mobOption .collapsing {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.mobOption form input {
    background-color: #eee!important;
    min-width: 27rem;
    height: 45px;
    padding: 0 .75rem 0 2.7rem;
}
.mobOption form i {
    color: #000;
}
.mobOption form .bi-search {
    top: .8rem;
    left: 1rem;
    z-index: 9;
}
.mobOption .btn {
    background-color: #eee;
    border-color: #e8e8e8;
    color: #000;
    min-width: 45px;
    min-height: 45px;
    padding: .7rem 1rem!important;
}

.mobOption .collapse.show form .btn {
    border-width: 0 0 0 1px;
}
.mobOption .btn:active {
    background-color: #ccc!important;
}

.mobOption .sdc-btn {
    top: 0;
    right: 0;
}






/*Wishlist*/
.voucher-list .opt-grid .wishlist-btn {
    background-color: rgba(255, 255, 255, 0.9);
    width: 2rem;
    height: 2rem;
    line-height: 2!important;
    /*color: #d0cccc;*/
    text-align: center;
    cursor: pointer;
    top: 2px;
    right: 2px;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    z-index: 5;
}

.voucher-list .opt-grid .badge {
    top: 2px;
    left: 2px;
}

.saveBtn {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    z-index: 5;
}

.saveBtn:hover {
    background-color: #EEEEEE;
}


/*SideNavlink*/
/*.sidelink {}*/
/*.sidelink.fixed .innerBox {*/
/*    !*background: #dee2e6;*!*/
/*    width: 4rem;*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: 8rem;*/
/*    !*bottom: 4rem;*!*/
/*    z-index: 9999;*/
/*    -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);*/
/*    -moz-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);*/
/*    -ms-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);*/
/*    -o-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);*/
/*    transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);*/
/*}*/
/*.sidelink.fixed .innerBox.stuck {*/
/*    position: fixed;*/
/*}*/
/*.sidelink .innerBox.active {*/
/*    -webkit-transform: translateX(-300px);;*/
/*    -moz-transform: translateX(-300px);;*/
/*    -ms-transform: translateX(-300px);;*/
/*    -o-transform: translateX(-300px);;*/
/*    transform: translateX(-300px);;*/
/*}*/
.wishlist-icon {
    background-color: #fff;
    /*min-width: 4rem;*/
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .500s ease;
    -moz-transition: all .500s ease;
    -ms-transition: all .500s ease;
    -o-transition: all .500s ease;
    transition: all .500s ease;
}
.menuBottom .wishlist-icon {
    background-color: transparent;
    width: initial;
    height: initial;
    text-align: center;
    padding: initial;
    cursor: pointer;

    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    border-radius: initial;
    -webkit-transition: all .500s ease;
    -moz-transition: all .500s ease;
    -ms-transition: all .500s ease;
    -o-transition: all .500s ease;
    transition: all .500s ease;
}
.wishlist-icon::before {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}
.wishlist-icon::after {
    content: '';
    font-family: "Arial";
    font-size: .5rem;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.wishlist-icon::after {
    content: 'Wishlist';
    /*display: none;*/
}
.menuBottom .wishlist-icon::after {
    content: '';
}
.floatPanel .wishlist-icon::after {
    font-size: 8px;
}
.wishlist-icon.active {
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}
.wishlist-icon.active::before,
.wishlist-icon.active::after {
    color: #fff!important;
    top: 0;
}
.wishlist-icon.active::after,
.wishlist-icon.active .badge {
    display: none;
}
.wishlist-icon .msgcc {
    padding: .5rem;
    right: 100%;
    white-space: nowrap;
    font-family: monospace;
    margin-right: .8rem;
    top: .5rem;
    display: none;
}
.wishlist-icon .msgcc.active {
    display: inline-block!important;
}
.wishlist-icon .msgcc::before {
    content: '';
    background-color: #343a40;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 12px;
    right: -3px;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wishlist-icon .badge {
    background-color: orangered;
    text-align: center;
    border-radius: 3px;
    font-size: .6rem;
    font-family: "Arial";
    position: absolute;
    top: -10px;
    right: -15px;
}
.menuBottom .wishlist-icon .badge {
    font-size: .6rem;
    top: -5px;
    right: 10px;
    padding: 2px 5px;
}
.wishlist-icon .badge.swing {
    transform: rotate(0deg);
    animation: swing .2s ease-in 3;
}
@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-15deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}



/*Wishlist Panel*/
.wishlist-panel .emptyList {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}
.wishlist-panel .emptyList .iconMix {
    width: 5rem;
    margin: 0 auto;
}
.wishlist-panel .emptyList .iconMix i:nth-of-type(1){
    font-size: 4rem;
    color: #bdbdbd;
}
.wishlist-panel .emptyList .iconMix i:nth-of-type(2){
    color: orangered;
    font-size: 2rem;
    position: absolute;
    left: 3rem;
    bottom: 1rem;
}
.wishlist-panel .emptyList h5{
    width: 60%;
}





#printMessageBox {
    z-index: 99;
}




/*------------------------------------*/
/*CC COMPARISON*/
/*------------------------------------*/
.cc-compare {color: #444}
.dataInnerCont.active::before {
    content: '';
    background: #f8f9fa;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    display: block;
}
.cc-compare .dataInnerCont.active::before {background: #f8f9fa;}
.cc-list .dataInnerCont.active::before {background: #ffffff;}

.dataInnerCont.active::after {
    content: '';
    /*background: url("../img/default/spinner.svg") no-repeat;*/
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 5rem;
    left: 50%;
    z-index: 1031;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
}


/*PRODUCT LIST*/
/*.product-list .card-header::before,*/
/*.product-list .card-header::after {*/
/*    content: '';*/
/*    background-color: #FFFFFF;*/
/*    width: 5rem;*/
/*    height: 2rem;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 2rem;*/
/*    z-index: 3;*/
/*    border-radius: 0;*/
/*}*/
/*.product-list .card-header::after {*/
/*    background-color: red;*/
/*    border-radius: 0 0 3rem 0;*/
/*    background-image: inherit;*/
/*    background-attachment: fixed;*/
/*}*/
/*.product-list .card-body::before {*/
/*    content: '';*/
/*    background-color: red;*/
/*    height: 2rem;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: -2rem;*/
/*    border-radius: 3rem 0 0 0;*/
/*}*/



/*CATEGORIES*/
.brands,
.articles,
.articles-detail,
.product-list,
.fltr.active::before,
#optionShow .offcanvas-body,
.voucher-stores.vCategories,
.voucher-stores.vCategories .filters,
.voucher-stores.vStore .filters {
    background: #f4f4f4 !important;
}

.articles-detail,
.articles-detail #optionShow .offcanvas-body {
    background: #FFFFFF !important;
}

/*RIBBONS*/
.ribbon-content {
    position: relative;
    min-height: 7.5em;
}
.ribbon-content > [class*=ribbon] {
    position: absolute;
    z-index: 3;
    color: #FFFFFF;
    /*line-height: 2em;*/
    font-size: 9px;
    line-height: 17px;
    text-transform: uppercase;
    display: block;
    width: 10em;
    height: 2.5em;
    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]::before,
.ribbon-content > [class*=ribbon]::after {
    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: 0.1em;
    height: 1.8em;
    border: 2px dotted rgba(0,0,0,0.3);
    border-left: none;
    border-right: none;
}
.ribbon-content > [class*=ribbon]::after {
    z-index: -1;
    background-color: #1efdea;
    border-bottom: 0.5em solid #505050;
    transition: background-color 0.2s ease-in-out;
}
.ribbon-content > [class*=ribbon] span {
    display: block;
    transform: rotate(180deg);
}
.ribbon-content > a[class*=ribbon] {
    transition: color 0.2s ease-in-out;
}
.ribbon-content > a[class*=ribbon]:focus,
.ribbon-content > a[class*=ribbon]:hover,
.ribbon-content > a[class*=ribbon]:active {
    color: #292929;
}
.ribbon-content > a[class*=ribbon]:focus::after,
.ribbon-content > a[class*=ribbon]:hover::after,
.ribbon-content > a[class*=ribbon]:active::after {
    background-color: #ffa500;
}
.ribbon-content > [class*=ribbon-top] {
    filter: drop-shadow(0 0.5em 0.5em rgba(0,0,0,0.1));
}
.ribbon-content > [class*=ribbon-top]::after {
    background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.2) 1.25em);
}
.ribbon-content > [class*=ribbon-bottom] {
    filter: drop-shadow(0 -0.5rem 0.5rem rgba(0,0,0,0.1));
}
.ribbon-content > [class*=ribbon-bottom]::after {
    background-image: linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0.3) 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);
}




/*Responsive*/
@media screen and (max-width: 1000px) {
    .container {
        max-width: 100%!important;
    }
    .store #filters {
        width: 100%;
        padding: 0 .5rem!important;
    }
    .info-voucher .trm {
        border-right: 0!important;
        border-bottom: 1px solid #dee2e6!important;
    }
    .vcd {border-left: 0!important;}
    .cat-list-voucher ul.nav-tabs {
        margin: 0 auto;
        display: flex;
    }
}
@media screen and (max-width: 990px) {
    .main-content {
        padding-top: 4.5rem !important;
    }
    .articles-detail .title-sticky {
        top: 0 !important;
    }
    .voucher-detail .alert  {
    /*.voucher-detail .codeCont {*/
        width: 50%!important;
    }
    .voucher-detail .ribbon {
        top: -58px;
        right: -31px;
    }
    .mobOption form input {
        min-width: 20rem;
    }

}
@media screen and (max-width: 990px) {
    /*.wishlist-icon {*/
    /*   display: none;*/
    /*}*/
    /*.secondary-menu .search-icon {*/
        /*display: none;*/
    /*}*/
    .cat-list-voucher .sticky-offset3 {
        top: 3.8rem !important;
    }
    .cat-list-voucher .nav {
        max-width: 100%;
        padding-top: 2px;
        padding-bottom: 5px;
        white-space: nowrap;
        overflow-x: auto;
        flex-direction: initial !important;
        -webkit-overflow-scrolling: touch;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: flex;
    }

    .cat-list-voucher .nav .imgCont {
        min-width: 2rem;
        max-width: 2rem;
    }
    .secondary-menu.bg-light {
        background-color: var(--main-color) !important;
    }
    .main-content {
        padding-top: 7.1rem !important;
    }
}
@media screen and (max-width: 800px) {
    .top-voucher .h2,
    .banner .h2,
    .store-list .h2,
    .cat-list-voucher .h2 {
        font-size: 1.5rem;
    }
    .expired-list li a .code {
        padding-top: 1rem;
    }
    .voucher-list .card .card-body .card-title {
        /*font-size: 1.1rem!important;*/
    }
    .voucher-list .type2.opt-row .imgCont {
        width: 5rem;
    }
    .filters {
        /*display: inline-block;*/
        /*margin: 0 auto;*/
    }
    footer .about-text {
        width: 100%!important;
    }
    .store .list  {
        height: 135px;
    }
    .cat-list-voucher ul.nav-tabs {
        margin: 0 -8px;
    }
    .mobOption form input {
        min-width: 15rem;
    }
}

@media screen and (max-width: 768px) {
    /*.main-content {*/
    /*    padding-top: 4rem !important;*/
    /*}*/
    /*.main-content {*/
    /*    padding-top: 3.5rem !important;*/
    /*}*/

    .fltr.active,
    .sticky-full-index.active {
        background-color: #fff;
        /*padding: 1.2rem .5rem 0;*/
        /*padding: 0 .5rem;*/
        top: 56px;
        left: 0;
        right: 0;
        /*margin: 0 -.4rem;*/
        /*-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*/
        /*-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*/
        /*box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*/

        /*-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);*/
        /*-moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);*/
        /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);*/
        /*z-index: 1040;*/
    }
    .fltr.active .filters .fil {
        /*padding-top: .8rem!important;*/
        /*padding-bottom: .8rem!important;*/
    }
    .cat-list-voucher .sticky-full-index.active ul.nav-tabs {
        /*height: 55px;*/
    }
    .cat-list-voucher .sticky-full-index.active ul.nav-tabs li {
        /*min-width: initial;*/
    }
    .cat-list-voucher .sticky-full-index.active .nav-tabs {
        /*padding-bottom: 0 !important;*/
    }

    .cat-list-voucher .sticky-full-index.active .nav-link {
        /*background-color: transparent!important;*/
        /*height: 97%;*/
        /*color: #000!important;*/
        /*text-transform: uppercase !important;*/
        /*border: 0;*/
        /*padding: 0;*/
        /*position: relative;*/
        /* padding-bottom: .8rem; */
        /*margin-bottom: 0 !important;*/
        /*margin-right: 1.6rem !important;*/

        /*-webkit-align-items: center !important;*/
        /*-webkit-border-radius: 0 !important;*/
        /*-moz-border-radius: 0 !important;*/
        /*border-radius: 0 !important;*/
        /*display: flex;*/
    }
    .cat-list-voucher .sticky-full-index.active .nav-link::after {
        /*content: '';*/
        /*border-bottom: 3px solid transparent;*/
        /*position: absolute;*/
        /*left: 0;*/
        /*right: 0;*/
        /*bottom: -2px;*/
        /*display: block;*/
    }

    .cat-list-voucher .sticky-full-index.active .imgCont {
        width: 1.6rem;
        margin-right: .5rem;
        margin-bottom: 0!important;
        /*display: none!important;*/
    }

    .modal.right .modal-header {
        padding: .8rem 1rem;
    }
}
@media screen and (max-width: 680px) {

    .top-voucher .h3,
    .banner .h3,
    .store-list .h3,
    .cat-list-voucher .h3 {
        font-size: 1.5rem;
    }

    /*.navbar .secondary-menu {display: none}*/
    .brand-header {
        height: 55px;
        /*padding-top: .3rem!important;*/
        /*padding-bottom: .3rem!important;*/
    }
    /*.navbar .navbar-brand {*/
    /*    height: 2rem!important;*/
    /*}*/
    .menuBottom .nav-item a {
        /*font-size: .7rem;*/
    }
    .brand-header .mobOption {
        display: block!important;
    }
    .info-voucher h1 {
        font-size: 1.6rem!important;
    }
    .w-65,
    .w-50,
    .w-75 {
        width: 100%!important;
    }


    .filters .fil label {
        /*padding-top: 1.2rem;*/
        /*padding-bottom: 1.2rem;*/
    }
    .sticky-full-index .filters {
        height: 55px;
        background-color: transparent;
    }

    .floatPanel .wishlist-icon {
        display: block;
    }

    /*.filters {*/
    /*    margin: 0 -7.5px;*/
    /*}*/

    /*Home Cat list*/
    .cat-list-voucher .sticky-offset2 {
        top: 61px !important;
    }
    .voucher-list .type2 .imgCont {
        width: 4rem;
    }

    /*.voucher-list .type2 .title {*/
    /*    font-size: 1.29rem;*/
    /*}*/
    .catColumn .voucher-list .type2 .title.limit-text-2 {
        height: 2.7rem;
    }
    .voucher-list .type2 .button,
    .voucher-list .type2 .button-peel {
        min-width: initial;
        /*left: 0;*/
        /*right: 0;*/
        /*bottom: 0;*/
    }
    .cat-list-voucher .voucher-list .type2 .button,
    .cat-list-voucher .voucher-list .type2 .button-peel {
        left: 0;
        right: 10px;
    }
    .top-voucher .slick-slider .slick-arrow {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2rem;
    }
    .top-voucher .slick-slider .slick-arrow.prev-arrow {
        left: -5px;
    }
    .top-voucher .slick-slider .slick-arrow.next-arrow {
        right: -5px;
    }

    .voucher-list .card .card-body {
        min-height: initial;
    }
    /*.voucher-list .card .card-header {*/
        /*height: 6rem;*/
    /*}*/
    .voucher-list .card .card-body .card-title {
        /*height: 5rem;*/
        /*font-size: 1.1rem!important;*/
        /*line-height: 1.2;*/
        /*margin-bottom: -1.25rem;*/
    }
    .searchResult .voucher-list .type2 .title {
        height: initial!important;
        max-height: inherit!important;
        padding-bottom: 4rem!important;
        -webkit-line-clamp: initial!important;
        margin-bottom: 0!important;
    }
    .voucher-list .type2 .limit-text-1a,
    .cat-list-voucher .voucher-list .type2 .limit-text-1a {
        width: calc(100vw /2);
    }

    .store-slider .slick-dots {
        background-color: transparent;
        width: 100%;
        border: none;
    }
    .voucher-detail .alert,
    .voucher-detail .codeCont,
    .voucher-detail .codeCont .input-group {
        width: 100%!important;
    }
    /*.voucher-detail .trm .button-peel.noCode {*/
    /*    width: 89%;*/
    /*}*/
    .categories .title {
        font-size: .9rem;
    }
    .slick-dots li {
        margin: 0 3px;
    }
    .info-voucher .trm {
        border-right: 0!important;
        border-bottom: 0!important;
    }
    /*.store .imgCont {*/
    /*    width: auto;*/
    /*}*/

    .voucher-list .opt-grid .btn-outline-grey {
        /*background-color: #eee;*/
        padding-top: 3px;
        padding-bottom: 3px;
    }

}

@media screen and (max-width: 580px) {
    .topbanner-slide .slick-dots {
        bottom: -1.5rem;
    }
    #topbannerSlide .list a,
    #topbannerSlide .list .card-img {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    .voucher-list .card:active {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    }
    .voucher-list .card .card-header .imgCont {
        /*height: 6rem;*/
    }
    .voucher-list .h5,
    .cat-list-voucher .h5 {
        font-size: 15px!important;
        text-align: center;
    }
    .cat-list-voucher .voucher-list .opt-row .title {
        height: auto;
        overflow: initial;
        -webkit-line-clamp: initial!important;
    }
    .voucher-detail .info-voucher .wrapsBtns {
        width: 100%;
    }
    .fltr.active::before {
        left: -7px;
        right: -7px;
    }
    .filters.active {
        top: 3.5rem;
        left: -.1rem;
    }
    .headers .imgCont {
        width: 6rem;
    }
    .modal .imgCont {
        width: 6rem!important;
    }
    .modal .title {
        font-size: 1.2rem;
        /*line-height: 1.1;*/
    }
    .modal#wishlistModal .modal-dialog {
        width: 100%;
        max-width: 100%;
    }
}

.subscribe .wraps {
    min-width: 30rem;
}

@media screen and (max-width: 480px) {
    .subscribe .wraps {
        min-width: 20rem;
        max-width: 100%;
    }
    .voucher-list .opt-row .imgHead {
        width: 6rem;
        min-width: 6rem;
    }
    .voucher-list .opt-row .imgCont {
        width: 5rem;
    }
    .voucher-list .opt-grid .imgCont {
        /*width: 6rem;*/
        width: 100%;
        margin: 0 auto;
    }
    .catColumn .voucher-list .opt-row .title.limit-text-2 {
        height: auto;
        -webkit-line-clamp: initial;
    }
    .voucher-list .type2 .limit-text-1a,
    .cat-list-voucher .voucher-list .opt-row .limit-text-1a {
        width: 100%;
    }


    .wishlist-panel {
        width: 100%;
        right: -100%;
    }

    h1.heading {
        font-size: 2.35rem!important;
    }
    .heading {
        font-size: 1.6rem!important;
    }
    .sub-heading {
        font-size: 1rem!important;
    }
    .btnVoucherRraps {
        min-width: 13.3rem;
    }
    .voucher-list .opt-row .title {
        font-size: 1.1rem;
        line-height: 1.2;
    }
    .filters .fil  {
        /*background-color: #eee!important;*/
        width: 100%;
        text-align: center;
    }
    .filterSidePanel .collapsing {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .button-text {
        left: -1.3rem;
    }

    .modal .btnVoucherRraps {
        max-width: 15rem;
    }
    .modal .button,
    .modal .button-peel {
        font-size: 1rem;
    }
    .button-text,
    .modal .button-text {
        left: 0;
    }

    /*.store #filters button {*/
        /*padding: 0 1rem;*/
    /*}*/
    .store .brandFilterCont {
        padding: .5rem 0;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .store #filters {
        width: 100%;
        height: inherit;
        display: flex;
    }
    .store #filters button {
        float: left;
        padding: .3rem 1.3rem;
        margin: 0 .2rem .4rem;
    }
    .store.headers h1 {
        font-size: 1.8rem !important;
    }
    .filters .fil label {
        padding: 0;
    }
    /*.filters .fil b {*/
        /*margin-left: .3rem;*/
    /*}*/

}
@media screen and (max-width: 350px) {
    .headers h1 {
        font-size: 1.8rem !important;
    }
    .mini-mobile.d-flex {
        text-align: center;
        display: block!important;
    }
    .mini-mobile.d-flex .imgHead {
        padding: 5px 0 0!important;
    }
    .mini-mobile.d-flex .imgCont {
        margin-bottom: 0!important;
        display: inline-block!important;
    }
    .mini-mobile .cnt-mobile {
        padding-top: 0!important;
        padding-left: 1rem!important;
    }
    .voucher-list .opt-row .limit-text-1 {
        max-width: 200px;
    }
}


.cus-bellshake-1,
.cus-bellshake-2 {
    backface-visibility: hidden;
    transform-origin: top right;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
.cus-bellshake-1 {
    animation-name: bellshake1;
    animation-duration: 3s;
    animation-delay: 1.5s;
}
.cus-bellshake-2 {
    animation-name: bellshake2;
    animation-duration: 2.5s;
    animation-delay: 1.1s;
}
@keyframes bellshake1 {
    2%, 18% {
        transform: translateX(0);;
    }

    4%, 16% {
        transform: translateX(2px);
    }

    6%, 10%, 14% {
        transform: translateX(-2px);
    }

    8%, 12% {
        transform: translateX(1px);
    }

    18.1% {
        transform: translateX(0);
    }
}
@keyframes bellshake2 {
    2%, 18% {
        transform: rotate(0);;
    }

    4%, 16% {
        transform: rotate(2deg);
    }

    6%, 10%, 14% {
        transform: rotate(-2deg);
    }

    8%, 12% {
        transform: rotate(1deg);
    }

    18.1% {
        transform: rotate(0);
    }
}

.shine {position: relative}
.card:hover .shine::before {display: block;}
.shine::before {
    content: '';
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.93) 50%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    -webkit-animation: shine 0.75s linear 1;
    -o-animation: shine 0.75s linear 1;
    animation: shine 0.75s linear 1;
    display: none;
}
.shine img {
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.card:hover .shine img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
@keyframes shine {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}