@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

/*font-family: "Quicksand", serif;*/

body { color: #212529;font-family: "Quicksand", serif;}
a,
button {transition: .54s ease-in-out;-moz-transition: .54s ease-in-out;-o-transition: .54s ease-in-out;-webkit-transition: .54s ease-in-out;}
button:focus {outline: none;}
a {text-decoration: none;}
img {max-width: 100%;height: auto;}
.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {border: 0;}
.mt-1 {margin-top: 10px;}
.mt-2 {margin-top: 20px;}
.mt-3 {margin-top: 30px;}
.mt-4 {margin-top: 40px;}
.mt-5 {margin-top: 50px;}
.mt-6 {margin-top: 60px;}
.mb-1 {margin-bottom: 10px;}
.mb-2 {margin-bottom: 20px;}
.mb-3 {margin-bottom: 30px;}
.mb-4 {margin-bottom: 40px;}
.mb-5 {margin-bottom: 50px;}
.mb-6 {margin-bottom: 60px;}
.my-1 {margin-top: 10px;margin-bottom: 10px;}
.my-2 {margin-top: 20px;margin-bottom: 20px;}
.my-3 {margin-top: 30px;margin-bottom: 30px;}
.my-4 {margin-top: 40px;margin-bottom: 40px;}
.my-5 {margin-top: 50px;margin-bottom: 50px;}
.my-6 {margin-top: 60px;margin-bottom: 60px;}
.padding-0 {padding: 0;}
.pt-1 {padding-top: 10px;}
.pt-2 {padding-top: 20px;}
.pt-3 {padding-top: 30px;}
.pt-4 {padding-top: 40px;}
.pt-5 {padding-top: 50px;}
.pt-6 {padding-top: 60px;}
.pb-1 {padding-bottom: 10px;}
.pb-2 {padding-bottom: 20px;}
.pb-3 {padding-bottom: 30px;}
.pb-4 {padding-bottom: 40px;}
.pb-5 {padding-bottom: 50px;}
.pb-6 {padding-bottom: 60px;}
.py-1 {padding-top: 10px;padding-bottom: 10px;}
.py-2 {padding-top: 20px;padding-bottom: 20px;}
.py-3 {padding-top: 30px;padding-bottom: 30px;}
.py-4 {padding-top: 40px;padding-bottom: 40px;}
.py-5 {padding-top: 50px;padding-bottom: 50px;}
.py-6 {padding-top: 60px;padding-bottom: 60px;}
.left-align-img {float: left;margin: 0 20px 20px 0;}
.orange-link {color: #f17533;text-decoration: none;}
.orange-link:hover {text-decoration: none;color: #f17533;}
.blue-link {color: #2f3c97;text-decoration: none;}
.blue-link:hover {text-decoration: none;color: #2f3c97;}
.white-btn a {background: #FFFFFF;color: #2f3c97;padding: 8px 40px;font-size: 14px;text-decoration: none;border-radius: 5px;display: inline-block;text-align: center;}
.orange-btn a {
    background: rgb(240, 78, 35);
    background: linear-gradient(90deg, rgba(240, 78, 35, 1) 0%, rgba(240, 78, 35, 1) 10%, rgba(242, 99, 34, 1) 30%, rgba(246, 135, 31, 1) 77%, rgba(247, 148, 29, 1) 100%);
    color: #ffffff;font-size: 16px;font-weight: 700;padding: 12px 30px;border-radius: 24px;
    -webkit-border-radius: 24px;-moz-border-radius: 24px;-ms-border-radius: 24px;-o-border-radius: 24px;
    border: none;display: inline-block;}
.orange-outline-btn a {border: 2px solid #f17533;color: #f17533;padding: 8px 40px;font-size: 14px;text-decoration: none;border-radius: 5px;display: inline-block;text-align: center;}
.orange-outline-btn a:hover {background: #f17533;color: #ffffff;}
.white-outline-btn a {border: 1px solid #fff;color: #fff;padding: 8px 40px;font-size: 14px;text-decoration: none;border-radius: 5px;display: inline-block;text-align: center;}
.white-outline-btn a:hover {background: #de247f;color: #ffffff;}
.blue-btn a {background: #2f3c97;color: #ffffff;padding: 8px 40px;font-size: 14px;text-decoration: none;border-radius: 5px;display: inline-block;text-align: center;}
.btn-orange {background: rgb(240, 78, 35);
    background: linear-gradient(90deg, rgba(240, 78, 35, 1) 0%, rgba(240, 78, 35, 1) 10%, rgba(242, 99, 34, 1) 30%, rgba(246, 135, 31, 1) 77%, rgba(247, 148, 29, 1) 100%);
    color: #ffffff;font-size: 16px;font-weight: 700;padding: 12px 15px;
    border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;-ms-border-radius: 24px;-o-border-radius: 24px;
    border: none;}
.btn-orange:hover,
.btn-orange:focus-visible {color: #fff;}
.btn-pink {background: #de247f;color: #ffffff;border-color: #de247f;}
.btn-pink:hover {background: #de247f;color: #fff;}
.btn-outline-pink {border: 1px solid #de247f;color: #de247f;}
.btn-outline-pink:hover {border: 1px solid #de247f;color: #de247f;}
.btn-blue {background: rgb(36, 30, 103);background: linear-gradient(90deg, rgba(36, 30, 103, 1) 0%, rgba(182, 63, 129, 1) 100%);color: #ffffff;border: none;font-size: 16px;font-weight: 700;padding: 12px 15px;
    border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;-ms-border-radius: 24px;-o-border-radius: 24px;}
.btn-blue:hover {color: #fff;}
.pink-btn a {background: #de247f;text-transform: uppercase;line-height: 29px;font-size: 12px;border-radius: 5px;padding: 0 12px;font-weight: 600;display: inline-block;color: #fff;}
.text-yellow {color: #dac220;}
.text-pink {color: #de247f;}
.text-blue {color: #1872ab;}
.blue-title {background-color: #2f3c97;padding: 5px 10px;color: #fff;margin: 0 0 15px;font-size: 20px;font-weight: 400;}
.blue-title .view-all {color: #fff;font-size: 12px;font-weight: 700;float: right;margin: 5px 0 0 8px;text-decoration: none;}
.orange-heading {border-bottom: 2px solid #ffe9de;color: #f17532;font-size: 12px;font-weight: 900;letter-spacing: 2px;margin: 0 0 15px;padding: 0;text-align: left;text-transform: uppercase;}
.orange-heading span {display: inline-block;background: #ffe9de;padding: 0 15px;line-height: 35px;text-decoration: none;color: #f17532;}
.page-title {color: #1f1b5c;margin-bottom: 10px;}
.section-title {color: #000;font-size: 20px;font-weight: 700;padding-left: 15px;margin: 0 0 15px;text-transform: uppercase;}
.section-title-v1 {font-size: 28px;color: #333333;margin: 0 0 25px;font-weight: 900;text-align: center;}
.bg-gray {background: #f4f4f4;}
.bg-white {background: #fff;}
.txt-white {color: #fff;}
.section-head {margin: 0 0 40px;}
.section-head p {font-size: 18px;color: #666666;}
.custom-list {list-style-type: none;padding: 0;}
.custom-list li {margin: 0 0 11px;position: relative;padding-left: 20px;}
.custom-list li:before {font-family: 'FontAwesome';content: "\f111";left: 0;position: absolute;font-size: 10px;top: 5px;color: #f26522;}
header {z-index:10000;position:relative;height:73px;}
.top-stripe {background:#f7f4ee;color:#85430f;padding:16px 0;transition:.54s ease-in-out;-moz-transition: .54s ease-in-out;-o-transition: .54s ease-in-out;-webkit-transition: .54s ease-in-out;}
.is-sticky .top-stripe {padding: 10px 0;}
.social-media-wrapper {font-size: 15px;}
.social-media-wrapper ul {padding: 0 0 0 10px;display: inline-block;margin: 0;list-style-type: none;}
.social-media-wrapper ul li {display: inline-block;padding: 0 10px 0 0;}
.social-media-wrapper ul li:last-child {padding: 0;}
.social-media-wrapper ul li a {color: #fff;}
.head-right-links {font-size: 14px;text-align: right;float: right;}
.head-right-links ul {list-style-type: none;margin: 0;padding: 0;}
.head-right-links ul li {padding: 0 18px;position: relative;float: left;}
.head-right-links ul li:last-child {padding-right: 0;}
.head-right-links ul li a {color: #fa9801;display: inline-block;font-size: 18px;line-height: 35px;}
.mydala-logo>a>img {display: block;}
.head-right-links>ul>li>.dropdown-toggle:after {display: none;}
.head-right-links ul li a:hover {text-decoration: none;}
.head-right-links ul li .icon {font-size: 24px;float: left;padding: 0 5px 0 0;}
.head-right-links>ul>li>ul.dropdown-menu {box-shadow: 0 0 10px hsla(0, 0%, 80%, .77);border: 1px solid #ededed;}
.head-right-links>ul>li>ul.dropdown-menu:before {content: "";position: absolute;right: 24px;width: 0;height: 0;border-width: 9px;border-style: solid;border-color: transparent transparent #fff;top: -18px;}
.head-right-links .dropdown-menu li {display: block;margin: 0;padding: 0 15px;border: none;}
.head-right-links .dropdown-menu li:last-child {padding: 0 15px;}
.head-right-links .dropdown-menu li a {background: none;border-bottom: 1px solid #ededed;position: relative;
    transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;
    text-align: right;padding: 0;line-height: 45px;font-size: 14px;color: #333;}
.main-head {margin: 20px 0;text-align: center;}
.head-right-links .dropdown-menu>li>a:after {content: "";display: block;width: 0;height: 1px;
    transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;
    position: absolute;bottom: -1px;left: 0;}
.head-right-links .dropdown-menu>li>a:hover:after,
.head-right-links .dropdown-menu>li.active>a:after {background: #de247f;width: 100%;}
.head-right-links .dropdown-menu li a:hover,
.head-right-links .dropdown-menu li.active a {color: #de247f;}
.logo {max-width: 85px;float: left;}
.search-wrapper {width: 500px;float: left;margin: 0 0 0 4vw;}
.search-wrapper form {background: #fff;border-radius: 4px;}
form.search input[type=text] {background: none;padding: 12px 8px;font-size: 14px;float: left;width: calc(100% - 42px);line-height: 20px;border: none;}
form.search button {background: none;float: left;width: 42px;padding: 10px 8px;color: #666666;font-size: 24px;border: none;border-left: none;cursor: pointer;line-height:0px;
}
form.search button i {transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;}
form.search button:hover i {transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
form.search::after {content: "";clear: both;display: table;}

/******** Left sidebar menu start ********/
#sidenav {background-color: #fff;max-height: 100vh;height: 100vh;max-width: 70vw;min-width: 300px;overflow-x: hidden;overflow-y: auto;
    transition: all .3s ease-in-out;
    transform: translate(-150%, 0px);
    -webkit-transform: translate(-150%, 0px);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -ms-transform: translate(-150%, 0px);
    z-index: 10001;left: 0;top: 0;position: fixed;padding: 15px 0;}
#sidenav.active {transition:all .3s ease-in-out;transform: translate(0%, 0px);-webkit-transform: translate(0%, 0px);-ms-transform: translate(0%, 0px);box-shadow: 0 4px 6px rgba(0, 0, 0, .4);}
.navhead {padding:0 15px;display:flex;}
#overlay {background-color: rgba(0, 0, 0, .5);width: 100vw;height: 100vh;display: none;animation: fade 5s;-webkit-animation: fade 500ms;-moz-animation: fade 500ms;-o-animation: fade 500ms;z-index: 10001;left: 0;top: 0;position: fixed;}
#overlay.active {display: block;}

#rightnav {background-color:#fff;max-height:100vh;height:100vh;max-width:100vw;min-width:484px;overflow-x:hidden;overflow-y:auto;transition: all .3s ease-in-out;transform:translate(150%, 0px);-webkit-transform:translate(150%, 0px);-ms-transform:translate(150%, 0px);z-index:10002;top:0;right:0;position:fixed;padding:15px;}
#rightnav.active {transition:all .3s ease-in-out;transform:translate(0%, 0px);-webkit-transform: translate(0%, 0px);-ms-transform: translate(0%, 0px);box-shadow: 0 4px 6px rgba(0, 0, 0, .4);}

@keyframes fade {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-moz-keyframes fade {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-o-keyframes fade {
   0% {opacity: 0;}
    100% {opacity:1;}
}
.burger {font-size: 21px;color:#fa9801;line-height: 35px;}
.pointer {cursor: pointer;}
.close {width: 23px;height: 23px;position: relative;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;
    -webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;display: -webkit-box;display: -ms-flexbox;display: flex;}
.navhead .close.right {order: 2;margin-left: auto;}
.cross {background-color:#fa9801;position: absolute;height:23px;width:2px;border-radius:3px;}
.cross.left {transform: rotate(45deg);float: left;}
.cross.right {transform: rotate(-45deg);float:right;}
.sidenav-logo {max-width: 85px;margin: 0 0 15px;}
.ham-menu-head {font-size: 18px;color: #000;border-bottom: 1px solid #d6d8da;padding: 0 15px 5px;font-weight: 500;}
ul.list-reset {margin: 0 0 15px;padding: 0;list-style-type: none;}
ul.list-reset li {overflow: hidden;border-bottom: 1px solid #d6d8da;}
ul.list-reset li a {font-size: 14px;display: block;padding: 5px 15px;color: rgba(0, 0, 0, 0.87);float: left;width: 100%;}
ul.list-reset li a:hover,
ul.list-reset li.active a {color: #1f1b5c;text-decoration: none;}
.list-reset .ham-menu-icons {background-image: url(/web/images/sprite-irctc1.png);background-repeat: no-repeat;width: 30px;height: 26px;margin-right: 5px;float: left;}
.list-reset .username {background-position: 1px -2335px;}
.list-reset .updateprof {background-position: 2px -2631px;}
.list-reset .label {padding: 3px 0 0;display: inline-block;}
.list-reset>li>a>.menu-icon {float: left;width: 16px;margin: 3px 15px 3px 0;}
/******** Left sidebar menu end ********/

.main-container {min-height: calc(100vh - 105px);}
.custom-container {max-width: 1600px;}
.product-listing-wrapper {padding: 60px 0;}
.category-sort {font-size: 18px;color:#242424;list-style-type: none;margin: 0 0 40px;padding: 0;}
.category-sort li {padding: 0 10px;text-align: center;position: relative;display: inline-block;}
.category-sort li input[type="radio"] {display:none;}
.category-sort li input[type="radio"]:checked~label {color:#ec155b;border-bottom:2px solid #ec155b;}
.category-sort li label {display: block;padding: 6px 10px;border-bottom: 2px solid transparent;cursor: pointer;}
.category-link li a {color:#000;padding:6px 10px;border-bottom:2px solid transparent;display:block;}
.category-link li a:hover,
.category-link li.active a {color:#ec155b;border-bottom:2px solid #ec155b;}
.product-listing-box {position:relative;border:1px solid #f2f2f2;margin-bottom:24px;overflow:hidden;}
.product-listing-box .product-img>img {width:100%;}
.product-listing-box .box-overlay {position:absolute;background:rgba(0, 0, 0, 0);right:0;left:0;bottom:0;align-items:center;display:flex;justify-content:center;color:#fff;opacity: 0;
    transition:all .54s linear;-webkit-transition:all .54s linear;-moz-transition:all .54s linear;-o-transition:all .54s linear;-ms-transition:all .54s linear;visibility:hidden;width:100%;height: 0;}
.product-listing-box a:hover .box-overlay {opacity:1;background:rgba(0, 0, 0, .72);visibility:visible;height:100%;}
.product-listing-box .category-name {font-size:24px;font-weight:500;}
.offer-ribbon {position:absolute;left:0;top:0;font-size:16px;background:#da0325;font-weight:700;height:26px;color:#fff;line-height:26px;text-transform:uppercase;
    z-index:1;}
.offer-ribbon .content {position:relative;}
.offer-ribbon {
    --f:0px;
    /*controlthefoldedpart*/
    position:absolute;
    top:0;
    left:0;
    padding-inline:1.1lh;
    padding-bottom:var(--f);
    clip-path:polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
    transform-origin:100% 100%;
    background:rgb(36, 30, 103);
    background:linear-gradient(90deg, rgba(36, 30, 103, 1) 0%, rgba(182, 63, 129, 1) 100%);
    /* the main color  */
    transform:translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
    -webkit-transform:translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
    -moz-transform:translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
    -ms-transform:translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
    -o-transform:translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
}
footer {background:#894510;margin:0;font-size:14px;color:#999999;}
.footer-top {padding:20px 0;}
.footer-title-d {color:#cccccc;font-size:16px;margin:0 0 10px;font-weight:400;}
.foot-menu {margin:0;padding:0;list-style-type:none;}
.foot-menu li a {display:block;position:relative;padding:6px 0 6px 15px;color:#999999;font-size:12px;}
.foot-menu li a:before {position:absolute;content:"\f104";font-family:'FontAwesome';left:0;
    transition: .54s ease-in-out;-moz-transition: .54s ease-in-out;-o-transition: .54s ease-in-out;-webkit-transition: .54s ease-in-out;}
.foot-menu li:hover a:before {left:3px;}
.foot-menu li:hover a:hover,
.foot-menu li.active a {color:#fff;text-decoration:none;}
.social-media-icons {list-style-type:none;margin:0;padding:0;}
.social-media-icons li {padding:1px 0;}
.social-media-icons li a {color:#999999;font-size:18px;display:inline-block;}
.social-media-icons li a:hover {color:#fff;}
.download-app {list-style-type:none;margin:0;padding:0;}
#footer-menu-m .card {background:none;border:none;border-top:1px solid #272727;}
#footer-menu-m .card:first-child {border-top:none;}
#footer-menu-m .card .card-header {background:none;border:0;
    -webkit-box-shadow:none;box-shadow:none;
    padding:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
#footer-menu-m .card .card-header .btn-header-link {
    display:block;text-align:left;color:#fff;padding:10px 0;font-size:12px;text-transform:uppercase;}
#footer-menu-m .card .card-header .btn-header-link:hover {text-decoration:none;color:#fff;}
#footer-menu-m .card .card-header .btn-header-link:after {content:"\f106";font-family:'FontAwesome';font-weight:900;float:right;}
#footer-menu-m .card .card-header .btn-header-link.collapsed {color:#999999;}
#footer-menu-m .card .card-header .btn-header-link.collapsed:after {content:"\f107";}
#footer-menu-m .card .collapse {border:0;}
#footer-menu-m .card .card-body {padding:0;}
.copyright-wrapper {background:#F7F4ED;padding:5px 0;text-align:center;}
.mobile-footer {background:#ffffff;display:block;position:fixed;bottom:0;left:0;right:0;height:52px;z-index:9999;box-shadow:rgba(0, 0, 0, 0.05706) 0 -1px 3px 0;}
#search {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);
    -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
    opacity: 0;z-index: -999;overflow: hidden;
    -webkit-transform:translate(0px, -100%) scale(1, 1);-moz-transform:translate(0px, -100%) scale(1, 1);-ms-transform:translate(0px, -100%) scale(1, 1);-o-transform: translate(0px, -100%) scale(1, 1);transform:translate(0px, -100%) scale(1, 1);}
#search.open {opacity:1;z-index:10000;display:block;
    -webkit-transform:translate(0px, 0px) scale(1, 1);-moz-transform:translate(0px, 0px) scale(1, 1);-ms-transform:translate(0px, 0px) scale(1, 1);-o-transform:translate(0px, 0px) scale(1, 1);transform:translate(0px, 0px) scale(1, 1);}
.top-nav {background:#EBEDDF;color:#85430f;padding:16px 0;}
.search-box {background: #e2e3e4;}
.bottom-result-part {padding:40px 0;}
#search .input-group {margin-bottom:15px;}
#search .input-group-text {background:#fff;padding-left:20px;border-radius:24px 0 0 24px;-webkit-border-radius:24px 0 0 24px;-moz-border-radius:24px 0 0 24px;-ms-border-radius:24px 0 0 24px;-o-border-radius:24px 0 0 24px;border:1px solid #dbdbdb;font-size: 18px;color:#fa9801;}
#search input[type="search"] {background:#fff;color:#fa9801;border:1px solid #dbdbdb;font-size:16px;border-left:none;outline:none;padding:10px 20px 10px 10px;border-radius:0 24px 24px 0;-webkit-border-radius:0 24px 24px 0;-moz-border-radius:0 24px 24px 0;-ms-border-radius:0 24px 24px 0;-o-border-radius:0 24px 24px 0;}
#search .searchclose {opacity:1;font-size:23px;color:#fa9801;cursor:pointer;z-index:10001;float:right;position:relative;font-weight:700;}
.go-top {position:fixed;bottom:12px;right:10px;display:none;cursor:pointer;-webkit-font-smoothing:antialiased;z-index:10000;}
.go-top:after {background:#fa9801;font-family:'FontAwesome';content:"\f106";color:#fff;font-size:24px;border-radius:50%;width:36px;height:36px;line-height:34px;
    display:block;text-align:center;}
.go-top:hover {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);
    transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;}

/********************************** Product List Page **********************************/
.category-list-wrapper {padding:60px 0;}
.breadcrumb {background:none;font-size:14px;border-bottom:1px solid #f4f4f4;padding:15px 20px;margin: 0;}
.breadcrumb li a {color:#999999;}
.breadcrumb li a:hover {text-decoration:none;color:#424242;}
.breadcrumb li.active {color: #424242;}
.breadcrumb-item+.breadcrumb-item:before {color:#999999;}
.custom-checkbox {position:relative;z-index: 1;display:block;min-height:1.5rem;padding-left:0;-webkit-print-color-adjust:exact;color-adjust:exact;}
.custom-control-input {position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0;}
.custom-control-label {position:relative;margin-bottom:0;vertical-align:top;padding:2px 0 0 1.5rem;display:block;}
.custom-control-label:before {position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px;}
.custom-control-label:after {position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat;}
.custom-control-input:checked~.custom-control-label:before {border-color:#f04e23;background-color:#f04e23;color:#fff;}
.custom-control-input:checked~.custom-control-label:after {content: '';display:block;position:absolute;top:7px;left:6px;width:4px;height:8px;border:solid #fff;    border-top-width:medium;border-right-width:medium;border-bottom-width:medium;border-left-width:medium;border-width:0 2px 2px 0;transform:rotate(45deg);}
.category-filter .card-header {background:none;padding:0;}
.category-filter .card-header .btn-link {color:#000;text-decoration:none;padding-right:25px;display:block;text-align:left;padding-left:0;}
.category-filter .card {border:none;margin:0 0 1px;border-radius:0;}
.category-filter .card .card-header .btn-link:after {content:"\f106";font-family:'FontAwesome';font-weight:900;float:right;position:absolute;right:10px;color:#f04e23;}
.category-filter .card .card-header .btn-link.collapsed:after {content:"\f107";color:#000;}
.category-filter .card .card-body {padding-left:0;padding-right:0;}
.filter-list {font-size:14px;}
.filter-list ul {margin:0;padding:0;list-style-type:none;}
.filter-list ul li {padding:3px 0;}
.category-filter .search-reset-button {margin:20px 0 0;}
.search-sort-by-list {overflow:hidden;}
.search-sort-by-list button {background:#dcdcdc;padding:7px 25px 7px 10px;border-radius:4px;font-size:12px;color:#666666;margin-right:12px;margin-bottom:10px;float:left;position:relative;}
.search-sort-by-list button:before{position:absolute;font-family:'FontAwesome';top:4px;right:5px;content:"\f00d";font-size:16px;text-transform:none;}
.category-filter {background:#fff;border:1px solid #f2f2f2;margin-bottom:24px;padding: 12px;
    border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.category-filter h3 {font-size:18px;}
.location-filter {margin-bottom:24px;}
.location-filter .form-control {border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;}
.category-right-section {padding:0;}
.best-category-box {background:#fff;border:1px solid #f2f2f2;margin-bottom:24px;position:relative;height: calc(100% - 24px);
    border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.best-category-box a {display:block;color:#212529;}
.droduct-listing-img {position:relative;}
.droduct-listing-img .catdeal_logo{width: 54px;height: 27px;}
.best-category-box .best-img {border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;overflow:hidden; text-align: center; font-size: 90px;}
.best-category-box .category-content {padding:18px;font-size:14px;}
.best-category-box .best-category-name {font-size:18px;color:#000;}
.best-category-box .best-location {color:#63727a;margin-bottom:10px;}
.best-category-box .best-deal {font-weight:600;}

.category-box{background:#fff;border:1px solid #f2f2f2;color:#898989;margin-bottom:24px;position:relative;height: calc(100% - 24px);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.category-box .category-content {padding:18px;font-size:14px;}
.category-box .icon {border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;overflow:hidden;text-align:center;font-size:90px;}
.category-box .category-title {font-size:20px;color:#000;text-align:center;}
.category-box .category-text {font-weight:600;text-align:center;}
.category-box a:link, a:active, a:hover, a:focus, a:visited{color:#898989;}


.red-ribbon{ position: absolute;top: 0;right: 0;background: #da0325;color: #fff;font-size: 11px;height: 21px;line-height: 20px;padding: 0 8px; border-radius:0 4px 0 0;}
.red-ribbon:before, .red-ribbon:after{content: "";width: 0;height: 0;border-style: solid;border-width: 6px 4px;position: absolute;}
.red-ribbon:before{border-color: #da0225 #da0225 transparent transparent;top: 0;left: -7px;}
.red-ribbon:after{border-color: transparent #da0225 #da0225 transparent;bottom: 0;left: -7px;}

/********************************** Product Details Page **********************************/
.breadcrumb {background:none;font-size:14px;border-bottom:1px solid #f4f4f4;padding:15px 20px;margin:0;}
.breadcrumb li a {color:#999999;}
.breadcrumb li a:hover {text-decoration:none;color:#424242;}
.breadcrumb li.active {color:#424242;}
.breadcrumb-item+.breadcrumb-item:before {color:#999999;}

/********************************** Product Details Page **********************************/
.product-banner-img img {width:100%;height:400px;object-fit:cover;}
.product-details-wrapper {padding:60px 0;}
.product-details-wrapper h2 {color:#010101;margin-bottom:20px;}
.product-details-wrapper h3 {margin-bottom:25px;}
.droduct-details-img {position:relative;}
.droduct-details-img .red-ribbon{ border-radius: 0;}
.droduct-details-img .img>img {width:100%;}
.catdeal_logo {position: absolute;top:14px;left:14px;width:78px;height:39px;background:#fff;display:inline-block;
    -webkit-box-shadow:#d6cbcb 0 0 5px 2px;-moz-box-shadow:#d6cbcb 0 0 5px 2px;box-shadow:#d6cbcb 0 0 5px 2px;
    border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.select-outlet,
.code-copy {margin-bottom:35px;}
.select-outlet select, .select-outlet .form-control{font-size:16px;margin-bottom:30px;padding:11px 15px;
    border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;}
.select-outlet textarea{ resize: none;}
.code-copy .btn-orange:active,
.select-outlet .btn-orange:active {color:#fff;}
.custom-input-group {margin-bottom:30px;}
.custom-input-group .form-control {background:#fff;font-size:16px;width:50%;border:1px dashed #241e67;
    border-radius:24px 0 0 24px;-webkit-border-radius:24px 0 0 24px;-moz-border-radius:24px 0 0 24px;-ms-border-radius:24px 0 0 24px;-o-border-radius:24px 0 0 24px;}
.custom-input-group>.btn-blue {font-size:16px;padding:12px 15px;width:50%;
    border-radius:0 24px 24px 0;-webkit-border-radius:0 24px 24px 0;-moz-border-radius:0 24px 24px 0;-ms-border-radius:0 24px 24px 0;-o-border-radius:0 24px 24px 0;}
.custom-input-group>.btn-blue:active,
.custom-input-group>.btn-blue:focus-visible {color:#fff;}

/********************************** Not Found Page **********************************/
.not-found-wrapper {margin:0;padding:60px 0;}
.not-found h1 {font-size:7vw;}
.not-found h2 {color:#1872ab;margin:0 0 20px;}
.not-found h3 {color:#1872ab;font-weight:400;}
.not-found h4 {font-weight:400;}
.not-found h5 {font-weight:400;}
.not-found-content .pink-btn a {padding:10px 30px;padding:0 30px;font-size:14px;line-height:40px;}
.not-found-category {padding:35px 0 0;}
.not-found-category ul {list-style-type:none;margin:0;padding:0;}
.not-found-category ul li {display:inline-block;padding:5px;}
.not-found-category ul li a {background:#d0e9e6;color:#4d9e91;display:block;font-size:12px;padding:5px 27px;text-align:center;text-decoration:none;
    border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.not-found-category ul li a:hover {background:#4d9e91;color:#fff;}
.not-found-brand {padding:35px 0 0;}
.not-found-brand ul {list-style-type:none;margin:0;padding:0;}
.not-found-brand ul li {display:inline-block;padding:5px;}
.not-found-brand ul li a {display:block;width:100px;border:1px solid #cecece;border-radius:3px;overflow:hidden;padding:5px 10px;}
.not-found-brand ul li a img {border-radius:3px;}





	/* wrap on wide viewports once open */

	.ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 17em;
	}
	.ui-panel-page-content-open {
		width: auto;
	}

	/* disable "dismiss" on wide viewports */
	.ui-panel-dismiss {
		display: none;
	}

	/* same as the above but for panels with display mode "push" only */

	.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
		margin-left: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-display-push {
		width: auto;
	}

	.ui-panel-dismiss-display-push {
		display: none;
	}

.shorten-terms-notice{font-size:.75rem;font-style:italic;font-weight:500;line-height:.9375rem;margin:0;padding-top:1.25rem;text-align:center;}