/* B O D Y */
html, body { font-family: 'Arial', sans-serif !important; }
body { background: transparent; }
.main-logo { width: 100%; }
img { max-width: 100%; }
#layout-content-img .row, #layout-content-main .row, #layout-content-category .row { /*margin-bottom: 50px;*/ }
.page-stores-index #layout-content-category .home-category { margin-bottom: 30px; }
#mobile-header { display: none; }
p, li, span { font-size: 14px; }

/* F O R M */
form label { font-weight: 600; text-transform: uppercase; font-size: 14px; }
form .form-group.half { width: 50%; }
form .form-group.pull-left { padding-right: 10px; }
form .form-group.pull-right { padding-left: 10px; }
form .form-group input, form .form-group select { font-size: 14px; }
form .form-group input::placeholder { color: #999999; }
form .btn { background: #f77608; color: #ffffff; }
.btn-grad { color: #ffffff; background-image: linear-gradient(to right, #f77608 50%, #fcb744 100%); padding: 10px 15px; border-radius: 15px; display: inline-block; }
.btn-grad:hover { color: #333333; text-decoration: none; }

/* C O L O R */
.bg-light-grey { background: #f8f8f8; }
.bg-light-grey-2 { background: #f1f1f1; }
.orange { color: #f77608 }
.violet { color: #a95099; }

/* H E A D E R */
.mobile-logo { display: none; }
.top-cashback-logo { text-align: center; padding: 30px; }
.menu-lang img { width: 30px; transition: all .3s; }
.header-nav-section { margin-bottom: 30px; }
.header-top-section .menu-lang a.active { outline: 2px solid #f9b15d; }
.menu-lang { padding-right: 0; }
.menu-lang ul { padding: 0; margin: 0; }
.menu-lang ul li { display: inline-block; }
.top-jaidee-logo { display: none; }
.header-top-section { margin-bottom: 15px; }
.charity-widget { margin-bottom: 30px; background: #f7f7f7; border-radius: 10px; padding: 15px 10px; }
.charity-widget-box { margin-bottom: 0; font-size: 12px; /*display: inline-block; margin-right: 15px;*/ }
.charity-widget-box:last-child { margin-right: 0; }
.charity-widget-box p { margin-bottom: 0; font-size: 13px; }
.charity-widget-box span { font-size: 12px; }

/* C O N T E N T */
.container .row h1 { color: #f77608; font-size: 54px; font-weight: 600; margin-bottom: 30px; }
.container .row h2 { color: #5c3586; font-size: 30px; margin-bottom: 30px; text-transform: uppercase; font-weight: 600; }
.container .row h3 { color: #633796; font-size: 24px; font-weight: 600; }

/* O W L */
.owl-nav button.owl-prev { left: -30px; position: relative; }
.owl-nav button.owl-next { right: -30px; position: relative; }

/* N A V  -  M A I N  M E N U */
.header-main-menu #main-menu { margin-top: 6px; }
#main-menu { padding: 0; }
#main-menu .navbar-nav > li.nav-li-shop-parent, #main-menu .navbar-nav > li.nav-li-member { margin-right: 10px; }
#main-menu .navbar-nav > li.nav-li-member.member-loggedin { margin-right: 0; }
#main-menu .navbar-nav > li:last-child { margin-right: 0; }
#main-menu .nav-link { text-transform: uppercase; font-size: 12px; font-weight: 600; color: #572d83; text-align: center; white-space: nowrap; }
#main-menu .nav-link:hover { color: #f77608; }
#main-menu .nav-li-shop-parent .nav-link { background: #f77608; color: #ffffff; font-size: 12px; font-weight: 400; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; border-radius: 20px; text-align: center; white-space: nowrap; }
#main-menu .nav-li-shop-parent .nav-link:hover, #main-menu .nav-li-shop-parent.show .nav-link { background: #a95099; color: #ffffff; }
#main-menu .nav-link:after { display: none; }
#main-menu .nav-li-member button { background: #ffffff; color: #572d83; border: 0; border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; font-size: 12px; text-transform: uppercase; cursor: pointer; font-weight: 600; }
#main-menu .nav-li-member button:hover { background: #a95099; color: #ffffff; }
#main-menu .nav-li-member button:after { display: none; }
#search_store_sm { width: 120px; border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; border: 0; padding: 7px 30px 6px 20px; font-size: 12px; width: 100%; }
#search_store_sm::placeholder { color: #cccccc; }
.nav-li-search:after { font-family: 'FontAwesome'; color: #999999; position: absolute; right: 0; content: "\f002"; top: 4px; z-index: 9; }
.nav-item.nav-li-about, .nav-item.nav-li-how { position: relative; }
#main-menu .btn { padding: .75em 1em; }
#main-menu ul li a.dropdown-item { font-size: 11px; text-transform: uppercase; color: #5e3788; text-align: left; white-space: normal; }
#main-menu ul li a.dropdown-item:active { background: #63328d; color: #ffffff; background: none; }
#main-menu .nav-li-shop-parent ul.dropdown-menu li.subitem-title a { color: #a95099; font-size: 30px; font-weight: 600; }
.subitem-title span { display: none; }
/*.header-main-logo { width: 20%; max-width: 20%; flex: 0 0 20%; }
.header-main-menu { width: 80%; max-width: 80%; flex: 0 0 80%; }*/
.member-loggedin a { border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; font-size: 12px; text-transform: uppercase; cursor: pointer; font-weight: 600; }
.member-loggedin.member-1, .member-loggedin.member-2 { margin-right: 10px !important; }

/* S E A R C H  S H O P */
#ui-id-1 { height: 50vh; overflow-y: scroll; overflow-x: hidden; }
#ui-id-1 .ui-menu-item { font-size: 12px; }
#ui-id-1::-webkit-scrollbar-track { background-color: #ebebeb; }
#ui-id-1::-webkit-scrollbar { width: 10px; background-color: #ebebeb; }
#ui-id-1::-webkit-scrollbar-thumb { background-color: #999999; }

/* C A T E G O R I E S */
.home-content-categories ul { /*display: table;*/ width: 100%; padding: 0; margin: 0; margin-top: 30px; }
.home-content-categories ul li { /*display: table-cell;*/ text-align: center; /*background: #3fbcf0;*/ color: #ffffff; font-size: 12px; border-right: 3px solid #5a3386; /*padding: 5px;*/ vertical-align: middle; position: relative; }
.home-content-categories ul li:last-child { border: 0; }
/*.home-category .icon { position: absolute; left: 0; right: 0; top: -30px; }*/
.home-category .icon i { color: #555555; font-size: 24px; }
.home-category a { color: #ffffff; }
.home-category a:hover { color: #5a3386; text-decoration: none; }
#layout-content-category { display: none; }
.page-home #layout-content-category, .page-stores-index #layout-content-category, .page-datalist-local #layout-content-category, .page-marketplace\.item-list #layout-content-category { display: block; }
.page-stores-index #layout-content-category h2, .page-datalist-local #layout-content-category h2, .page-marketplace\.item-list #layout-content-category h2 { display: none; }
#categories-carousel .owl-nav { z-index: -1; }
#categories-carousel .owl-nav button.owl-prev { top: 15px; }
#categories-carousel .owl-nav button.owl-next { top: 15px; }
#categories-carousel { padding: 0; margin: 0; list-style: none; }
#categories-carousel .cate-title { background: #3fbcf0; padding: 5px; min-height: 50px; display: table; width: 100%; }
#categories-carousel .cate-title a { display: table-cell; vertical-align: middle; }
#categories-carousel .icon { background: none; margin-bottom: 5px; padding: 0; min-height: auto; }
#categories-carousel .owl-item .cate-title { border-right: 5px solid #58347a; }
#categories-carousel .owl-item:last-child .cate-title { border-right: 0; }
#categories-carousel:after {content: '';width: 5px;height: 50px;background: #3fbcf0;display: block;right: 0;position: absolute;bottom: 0;}
.refine-loader { display: none; }

/* O W L  C A R O U S E L */
.owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin-top: 0; }
.owl-carousel .owl-nav button.owl-prev { float: left; outline: none !important; background: none !important; }
.owl-carousel .owl-nav button.owl-next { float: right; outline: none !important; background: none !important;}
.owl-carousel .owl-nav button:hover { color: #f77608 !important; }
.owl-align-middle .owl-stage { display: table !important; }
.owl-align-middle .owl-item { display: table-cell !important; float: none !important; vertical-align: middle; padding: 20px; }
.home-partners .owl-carousel .owl-item img { width: 100px; }

/* B O X  J A I D E E */
.home-about-jaidee { background: #f77608; }
#layout-content-main .home-about-jaidee h2 { color: #ffffff; text-align: left; margin-bottom: 15px; }
.box-jaidee div { background: #f77608; min-height: 395px; color: #ffffff; padding: 15px; }
.box-jaidee div strong, .box-jaidee div pre { color: #ffffff; }

/* W A T C H  V I D E O */
.whatch { background-color: #383b44; padding: 15px; width: 100%; }
.whatch a { cursor: pointer; margin: 0 auto; }
.whatch a span { color: #eeeeee; }

/* L A T E S T  N E W S */
.home-latest-news h3 { font-size: 20px; }
.home-latest-news img { width: 100%; }
.news-thumbnail { height: 250px; overflow: hidden; }
.news-thumbnail img { object-fit: cover; height: 250px; }
.home-latest-news p { margin-bottom: 5px; }
.home-latest-news .content-sm-center { margin-bottom: 30px; }

/* M M E N U */
#mmenu-link, .mmenu-header { display: none; }

/* T O  T O P */
#top-button { display: inline-block; background-color: #FF9800; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 15px; right: 15px; transition: background-color .3s,  opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#top-button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#top-button:hover { cursor: pointer; background-color: #5c3586; }
#top-button:active { background-color: #555; }
#top-button.show { opacity: 1; visibility: visible; }

/* L O G  I N  M O D A L */
.modal { display: none; position: fixed; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); }
#loginModal .modal-content { top: 50%; transform: translateY(-50%); }
#loginModal .modal-content { background-color: #fefefe; margin: auto; border: 1px solid #888; width: 850px; background: #40bcf0 !important; padding: 0 !important; }
#loginModal ul { padding: 0; list-style: none; }
#loginModal .row { display: table; }
#loginModal .row > div { display: table-cell; vertical-align: middle; height: 726px; border-radius: 5px; }
#loginModal .loginModal-left ul { position: absolute; bottom: 10px; left: 60px; padding: 0; margin: 0; display: none; }
#loginModal .loginModal-left ul li { display: inline-block; margin-right: 15px; }
#loginModal .loginModal-left ul li:last-child { margin-right: 0; }
#loginModal .loginModal-left ul li i { color: #ffffff; font-size: 20px; }
#loginModal .loginModal-left ul li a { padding: 10px; border-radius: 25px; width: 40px; height: 40px; display: inline-block; }
#loginModal .loginModal-left ul li .login-g { background: #de4a4d; padding-left: 12px; }
#loginModal .loginModal-left ul li .login-fb { background: #3379e4; padding-left: 13px; }
#loginModal .loginModal-left ul li .login-tw { background: #38a1f3; }
#loginModal .loginModal-right { padding-right: 50px; vertical-align: top !important; left: -15px; }
#loginModal .loginModal-right ul { width: 100%; }
#loginModal .loginModal-right > div { width: 350px; margin-bottom: 15px; }
#loginModal form input, #loginModal form select { color: #5e3289 !important; border: 0; border-radius: 30px; font-size: 12px; padding: 10px 15px; border: 1px solid; }
#loginModal form input::placeholder { color: #5e3289; }
#loginModal .btn { width: 100%; float: left; background: #5e3289; color: #ffffff; font-size: 14px; font-weight: 600; font-family: inherit; padding: 15px; border-radius: 20px; /*box-shadow: 0px 5px 15px 0px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.5);*/ }
#loginModal .btn:hover { box-shadow: 0px 5px 15px 0px #9b59b5, 0 0 5px #9b59b5, 0 0 5px #9b59b5; }
#loginModal button.btn { float: right !important; cursor: pointer; }
#loginModal .forgotten_link { margin-top: 15px; display: inline-block; }
#loginModal .forgotten_link a { /*color: #ffffff;*/ font-size: 14px; }
#loginModal .close { position: absolute; top: 10px; right: 12px; color: #ffffff; opacity: 1; font-weight: normal; font-size: 20px; cursor: pointer; text-shadow: none; }
#loginModal .close:hover { color: #5e3289; }
#loginModal .loginModal-right .loginModal-tab { margin-bottom: 0; /*height: 42px;*/ }
#loginModal .loginModal-right .loginModal-tab ul { display: inline-block; margin-bottom: 0; height: 24px; }
#loginModal .loginModal-right .loginModal-tab ul li { display: inline-block; padding: 10px 15px; float: left; width: 50%; text-align: center; border-bottom: 1px solid #5e3289; background: #5e3289; cursor: pointer; }
#loginModal .loginModal-right .loginModal-tab ul li.active { border: 1px solid #666666; border-bottom-color: #ffffff; background: #ffffff; cursor: auto; }
#loginModal .loginModal-right .loginModal-tab ul li a { color: #ffffff; font-size: 14px; }
#loginModal .loginModal-right .loginModal-tab ul li a:hover { text-decoration: none; }
#loginModal .loginModal-right .loginModal-tab ul li.active a { color: #5e3289; font-weight: 600; cursor: auto; text-decoration: none; }
#loginModal .loginModal-right .loginModal-tab ul li a:hover { text-decoration: none; }
#loginModal .loginModal-right .loginModal-tab ul li:hover a { color: #40bcf0; }
#loginModal .loginModal-right .loginModal-tab ul li.active:hover a { color: #5e3289; }
.loginModal-login, .loginModal-signup { padding: 25px; border: 1px solid #666666; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 0; padding-top: 30px; background: #ffffff; background: #ffffff; height: 523px; }
.loginModal-login { padding-top: 60px; }
#loginModal .loginModal-right .loginModal-wrapper { margin-bottom: 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.25); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 40px 0; padding-top: 0; }
.loginModal-signup { display: none; }
.loginModal-left { background: url('../images-local/login-popup-bg.jpg'); background-repeat: repeat-y; padding-left: 0; }
.correct-bg{ background-image: url('../images-local/correct.png'); background-repeat: no-repeat; background-position: calc(100% - 30px) center; }
.close-bg{ background-image: url('../images-local/close.png'); background-repeat: no-repeat; background-position: calc(100% - 30px) center; }
#loginModal .btn-facebook { background: #4267b2; border-color: #4267b2; color: #fff; margin-bottom: 7px; }
#loginModal .btn-facebook:hover { color: #ffffff; }
#loginModal .btn-google { background: #cf4332; border-color: #cf4332; color: #fff; margin-bottom: 7px; }
#loginModal .btn-google:hover { color: #ffffff; }
#loginModal .btn-linkedin { background: #0077b5; border-color: #0077b5; color: #fff; margin-bottom: 7px; }
#loginModal .btn-linkedin:hover { color: #ffffff; }
#loginModal .btn-github { background: #444; border-color: #444; color: #fff; margin-bottom: 7px; }
#loginModal .btn-github:hover { color: #ffffff;}
.social-login { margin-top: 30px; }
#loginModal .social-login .btn { border-radius: 0 !important; margin-bottom: 15px; }
#loginModal .btn:hover { color: #ffffff; box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 50%), 0 0 5px rgb(0 0 0 / 50%), 0 0 5px rgb(0 0 0 / 50%); }
.loginModal-logo { padding: 40px 20px 0 20px; background: #ffffff; border-left: 1px solid #5e3289; border-right: 1px solid #5e3289; }

/* C A T E G O R Y  P A G E */
.page-stores { border: 1px solid #888888; }
.menu-category { width: 270px; padding: 30px 15px; margin-bottom: 200px; }
.menu-category p, .page-stores .menu-category a, .page-stores .menu-category strong, .page-stores .menu-category i, .page-stores .menu-category h3 { color: #ffffff; }
.page-stores .add_shortcut, .page-stores .our_store_show { display: none; }
.page-stores .row.hidden-sm-down { padding-right: 30px; }
.page-stores #sort { font-size: 14px !important; /*border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb;*/ }
.page-stores .title-shop label { margin-top: 7px; font-size: 14px; text-align: right; }
.page-stores .list_body .set-text-box-image { border: 1px solid #888888; display: flex; justify-content: center; align-items: center; min-height: 150px; padding: 5px; }
.page-stores .set-text-box-desc { background: #f77608; padding: 10px; }
.page-stores .set-text-box-desc p { color: #ffffff; margin-bottom: 0; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.page-stores .text-box:hover .set-text-box-desc p { color: #ffffff; text-decoration-color: #ffffff; }
.page-stores .list_body > div { margin-bottom: 30px; }
.page-stores .list_body .set-text-box-image img { max-width: 130px; max-height: 130px; }
/*.set-text-box-image { height: 150px; text-align: center; align-items: center; display: flex; justify-content: center; border: 1px solid #999999; }*/
.page-stores #letter { font-size: 14px !important; /*border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; width: 250px; display: inline-block; margin-right: 6px;*/ }
.search-letter .btn { /*box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; border-radius: 20px;*/ }
.search-letter .input-group { width: 300px; }
.retailer_socials a { margin-right: 10px; }
.retailer-desc h3 { color: #333333 !important; }
.mobile-category-name { display: none; }
.page-stores-content { padding-left: 0; }
.page-stores-content .body-content form .title-shop { margin-top: 30px !important; }

/* S I D E  B A R */
.sidebar-violet { background: url(../images-local/category-bg.jpg); background-position: bottom left; background-repeat: no-repeat; }
.sidebar-title { border-bottom: 1px solid #893b7a; padding-bottom: 15px; margin-bottom: 15px; font-size: 30px !important; }
.page-stores .menu-category .detail_letter a { color: #444444; width: 45px; margin-bottom: 5px; padding: 5px; font-size: 12px; }
.page-stores .menu-category .detail_letter a.letter_active { font-weight: 800; color: #ffffff; background: #f77608; }
.page-stores .menu-category .select2 { display: none; }
.page-stores .menu-category .refine_result { font-size: 20px !important; font-weight: 700; width: 100%; display: inline-block; border-bottom: 1px solid #893b7a; padding-bottom: 15px; margin-bottom: 15px; }
.page-stores .menu-category .refine_result .btn { padding: 5px 10px; /* display: block; margin-top: 10px; width: 100px; font-size: 12px !important;*/ }
.page-stores .menu-category .detail { padding-right: 0; margin-bottom: 50px; }
.page-stores .menu-category .detail p { margin-bottom: 5px; }
.page-stores .menu-category .detail a { font-size: 14px; }
.page-stores .menu-category .detail p #sub_category { margin-bottom: 15px; display: inline-block; margin-top: 5px; }
.page-stores .menu-category .detail #sub_category a { font-size: 14px; }
.page-stores .menu-category .icon_1 { position: relative; top: 6px; }
.sidebar-title:after, .refine_result:after {content: '';width: 100%;height: 1px;background: #b96aaa;display: block;top: 17px;position: relative;}
.refine_result:after { top: 17px; }
.page-stores .menu-category .detail > p > a.cat_active { color: #222222; text-decoration: none !important; font-weight: 600; }
.category-list { margin-bottom: 10px; }
.box-filter-country { border-bottom: 1px solid #893b7a; padding-bottom: 15px; margin-bottom: 15px; }
.box-filter-country:after { content: ''; width: 100%; height: 1px; background: #b96aaa; display: block; top: 17px; position: relative; }
.page-stores .sidebar-search #letter { border-radius: 0; }
.page-stores .sidebar-search .btn { background: #a75097; border: 1px solid #b96aaa; border-radius: 0; }
.page-stores-sidebar #select_country, .page-stores-sidebar #select_province, .page-stores-sidebar #select_district { border-radius: 0; font-size: 14px; color: #464a4c; }
.sidebar-search { margin-bottom: 10px; }

/* S H O P  L O C A L */
button#add-shortcut { margin: 5px 0 15px 0; font-size: 14px; padding: 5px 10px; background: #f77608; border: 0; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); cursor: pointer; }
button#add-shortcut:hover { background: #ffffff; color: #333333; }
button#add-shortcut { display: none; }
.highlight-latest { background: #673193; position: absolute; padding: 5px 10px; font-size: 12px; color: #ffffff; }
.retailer-map #map { width: 100%; height: 450px; }

/* M A R K E T P L A C E */
.page-stores .list_body .set-text-box-image .premium-member { position: absolute; width: 40px; height: 40px; top: 1px; left: 16px; }
.set-text-price { color: #ffffff; font-size: 14px; font-weight: 700; color: #333333; }
.page-marketplace\.item .retailer_commission span { font-size: 28px; display: block; }
.retailer-desc h4 { font-size: 20px; border-bottom: 1px solid #777777; padding-bottom: 15px; margin-bottom: 25px; }
.page-marketplace\.item-list .page-stores .add_shortcut { display: block; }
.marketplace-mobile { display: none; }

/* F A V O U R I T E  S T O R E */
.FavouriteStore { position: absolute; top: 1px; left: 16px; background: url('../images-local/icons/fav-stores-sprite.png') no-repeat top left; cursor: pointer; z-index: 2; width: 40px; height: 40px; background-size: cover; }
.activeFavourite { background-position: 0 -220px; }

/*M O D A L*/
.modal-backdrop.fade.show { display: none; }
.modal-dialog { max-width: 100%; }

/* A B O U T  U S */
.bg-about { background: url('../images-local/about-bg.jpg'); background-size: cover; background-position: center; }
.page-howitworks .page-section-1 h2 { color: #f77608; text-align: left; font-size: 56px; text-transform: capitalize; }
.page-howitworks .btn { background: #f77608; width: auto; display: inline-block; border-radius: 25px; padding: 15px 25px; font-size: 20px; font-weight: 600; }
.page-howitworks .page-section-1 p { margin-bottom: 50px; }
.page-howitworks h3 { margin-bottom: 20px; }
.page-howitworks ul { padding: 0; list-style: none; }
.page-howitworks .page-section-4 a h3 { color: #f87509; }
.page-howitworks .page-section-4 img { margin-bottom: 25px; }
.page-howitworks .page-section-4 .how-work { width: 20%; margin: 0 auto; }
.page-howitworks .page-section-4 .how-work img { width: 170px; height: 170px; }
.page-career-business .page-section-1 { padding: 100px 0; }
.page-career-business .page-section-1 p { color: #777777; font-size: 18px; margin: 0; }
.page-career-business .page-section-2 { margin-bottom: 100px; }
.page-career-business .page-section-2 h2, .page-career-business .page-section-3 h2 { text-transform: capitalize; font-size: 46px; margin-bottom: 25px; }
.page-career-business .page-section-2 h4 { color: #f77608; font-size: 14px; font-weight: 600; margin-bottom: 25px; }
.page-career-business .page-section-3 { margin-bottom: 100px; }
.page-career-business .page-section-3 a { color: #f77608; }
.page-signup-agent .page-section-1 { margin: 100px 0; }
.page-signup-agent .page-section-1 p { color: #777777; font-weight: 600; font-size: 16px; margin-bottom: 65px; }
.page-views-all-faqs .page-section-1 { padding: 100px 0; }
.page-views-all-faqs .page-section-1 h1:after { content: '';display: block;width: 100px;height: 4px;background: #f77608;margin-top: 30px; }
.page-views-all-faqs .page-section-1 h5 { color: #000000; font-size: 18px; font-weight: 600; }
.page-views-all-faqs .page-section-1 img { margin-bottom: 20px; }
.page-views-all-faqs .page-section-1 .col-md-4:nth-child(-n+5) { margin-bottom: 80px; }
.page-abouts .container .row h2 { color: #573977; font-size: 54px; font-weight: 600; margin-bottom: 30px; text-transform: capitalize; }
.page-abouts .page-section-1 .container .row h2 { color: #ffffff; font-size: 54px; font-weight: 600; margin-bottom: 0; text-transform: capitalize; display: inline-block; }
.page-abouts .page-section-1 .container .row h2:after {content: '';width: 50%;height: 4px;background: #ffffff;display: block;margin: 0 auto;margin-top: 40px;}
.page-abouts .page-section-1 { padding: 200px 0; }
.page-abouts .page-section-1 p { color: #777777; font-size: 18px; margin: 0; }
.page-abouts .page-section-2 { padding: 100px 0; }
.page-abouts .page-section-3 { padding: 50px 0; }
.page-abouts .page-section-2 .container .row h2 { color: #f77608; margin-bottom: 60px; }
.page-abouts .page-section-2 ul { width: 80%; margin: 0 auto; }
.page-abouts .page-section-2 ul li { width: 33%; float: left; margin: 0; padding: 0 25px; }
.page-abouts .page-section-2 ul li p { background: #f77608; width: 70px; height: 70px; display: block; margin: 0 auto; margin-bottom: 30px; color: #ffffff; font-size: 24px; border-radius: 40px; padding-top: 18px; }
.page-abouts ul { list-style: none; padding: 0; }
.page-contact-us .page-section-1 { padding: 50px 0; }
.page-contact-us .page-section-2 { padding: 100px 0; }
.page-contact-us .container .row h1 { font-size: 50px; display: inline-block; }
.page-contact-us .container .row h1:after { content: ''; width: 50%; height: 4px; background: #f77608; display: block; margin-top: 15px; }
.page-contact-us .container .row h2 { color: #444444; font-size: 14px; font-weight: 600; text-transform: capitalize; }
.page-contact-us form input, .page-contact-us form textarea { font-size: 14px; }
.page-contact-us form input::placeholder, .page-contact-us form textarea::placeholder { color: #999999; }
.page-contact-us form button { font-size: 14px; padding: 8px 40px; border-radius: 20px; }
.page-contact-us .page-section-2 img { position: absolute; }
.page-contact-us .page-section-2 h3, .page-contact-us .page-section-2 p { margin-left: 50px; }
.page-contact-us .page-section-2 h3 { margin-bottom: 20px; }
.page-contact-us .page-section-2 h3 p { margin: 0; font-size: 20px; }

/* A B O U T  U S  - H E L P  &  S U P P O R T */
.page-general_questions .page-section-1, .page-bank_tranfer .page-section-1, .page-cashback_tracking .page-section-1, .page-merchant_page .page-section-1, .page-withdrawing_cashback .page-section-1, .page-technical_support .page-section-1 { padding: 50px 0; }
.page-general_questions .page-section-1 h1, .page-bank_tranfer .page-section-1 h1, .page-cashback_tracking .page-section-1 h1, .page-merchant_page .page-section-1 h1, .page-withdrawing_cashback .page-section-1 h1, .page-technical_support .page-section-1 h1 { color: #333333; text-transform: capitalize; font-size: 34px; }
.page-general_questions .page-section-1 h2, .page-bank_tranfer .page-section-1 h2, .page-cashback_tracking .page-section-1 h2, .page-merchant_page .page-section-1 h2, .page-withdrawing_cashback .page-section-1 h2, .page-technical_support .page-section-1 h2 { color: #777777; text-transform: capitalize; font-size: 20px; font-weight: 400; margin-bottom: 0; }
.breadcrumb.help-support-nav { padding: 0; text-align: left; background: none; margin-bottom: 30px; font-size: 14px; }
.breadcrumb.help-support-nav a { color: #f77608; }

/* H O W  T O  -  C H A R I T Y */
.page-forcharities-index .page-section-1 { padding: 50px 0; }
.page-forcharities-index .page-section-2 { padding: 100px 0; }
.page-forcharities-index .page-section-3 { padding: 100px 0; }
.page-forcharities-index .page-section-4 { padding: 50px 0; }
.page-forcharities-index .page-section-5 { padding: 50px 0; }
.page-forcharities-index .page-section-6 { padding: 50px 0; }
.page-forcharities-index .page-section-7 { padding: 100px 0; }
.page-forcharities-index .page-section-1 h1 { text-transform: capitalize; color: #3c3c3c; margin-bottom: 10px; }
.page-forcharities-index .page-section-1 h4 { color: #737373; font-size: 14px; }
.page-forcharities-index .page-section-2 h2 { text-transform: capitalize; }
.causes-ul { list-style: none; margin: 0; padding: 0; }
.causes-ul img { width: 100%; margin-bottom: 15px; }
.causes-ul li { display: inline-block; padding: 20px; width: 16.66%; float: left;}
.causes-ul li p { font-weight: 600; font-size: 12px; }
.page-forcharities-index .page-section-3 h2 { color: #f77608; text-transform: capitalize; font-size: 30px; }
.page-forcharities-index .page-section-4 h2 { font-size: 24px; text-transform: capitalize; }
.branded-ul { list-style: none; margin: 0; padding: 0; }
.branded-ul img { width: 100%; margin-bottom: 30px; }
.branded-ul li { display: inline-block; padding: 20px; width: 20%; float: left;}
.branded-ul li h5 { font-weight: 600; font-size: 16px; }
.page-forcharities-index .page-section-5 h2 { font-size: 24px; text-transform: capitalize; color: #f77608; }
.page-forcharities-index .page-section-6 h2 { text-transform: capitalize; font-size: 20px; }
.page-forcharities-index .page-section-6 ul { list-style: none; padding: 0; }
.page-forcharities-index .page-section-6 ul li { font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.page-forcharities-index .page-section-6 ul li > * { display: inline-block; }
.page-forcharities-index .page-section-6 ul li i { color: #ffffff; background: #f77608; padding: 10px; font-size: 14px; border-radius: 20px; margin-right: 10px; }
.page-forcharities-index .page-section-7 h2 { font-size: 24px; text-transform: capitalize; }
#charities-slides ul { list-style: none; padding: 0; }
#charities-slides ul li { font-size: 18px; font-weight: 600; }
#charities-slides .owl-prev { left: -60px; }
#charities-slides .owl-next { right: -60px; }
#charities-slides button { background: #5c3586; color: #ffffff; width: 30px; height: 30px; border-radius: 15px; position: relative; outline: 0 !important; }
#charities-slides button i { font-size: 20px; margin-top: 5px; }

/* H O W  T O  -  M E R C H A N T */
.page-how-to-for-merchant .page-section-1 { padding: 50px 0; }
.page-how-to-for-merchant .page-section-2 { padding: 100px 0; }
.page-how-to-for-merchant .page-section-3 { padding: 100px 0; }
.page-how-to-for-merchant .page-section-4 { padding: 100px 0; }
.page-how-to-for-merchant .page-section-5 { padding: 50px 0; }
.page-how-to-for-merchant .page-section-6 { padding: 50px 0; }
.page-how-to-for-merchant .page-section-1 h1 { text-transform: capitalize; color: #3c3c3c; margin-bottom: 10px; }
.page-how-to-for-merchant .page-section-2 p { font-size: 20px; }
.page-how-to-for-merchant .page-section-3 h3 { color: #f77608; }
.page-how-to-for-merchant .page-section-4 h3 { margin-bottom: 15px; }
.page-how-to-for-merchant .page-section-5 h2 { color: #f77608; text-transform: capitalize; font-size: 40px; display: inline-block; }
.page-how-to-for-merchant .page-section-5 h2:after {content: '';width: 25%;height: 1px;background: #666666;display: block;margin: 0 auto;margin-top: 30px;}
.page-how-to-for-merchant .page-section-5 h3, .page-how-to-for-merchant .page-section-6 h3 { color: #333333; font-size: 30px; margin-bottom: 15px; }
.page-section-5 img { margin-left: 50px; float: right; }
.page-how-to-for-merchant .page-section-5 h4, .page-how-to-for-merchant .page-section-6 h4 { color: #f77608; font-size: 16px; font-weight: 600; }
.page-section-6 .btn-grad { border-radius: 0; }

/* H O W  T O  -  M E M B E R */
.page-how-to-for-member .page-section-1 { padding: 50px 0; }
.page-how-to-for-member .page-section-2 { padding: 50px 0; }
.page-how-to-for-member .page-section-1 h1 { text-transform: capitalize; color: #3c3c3c; margin-bottom: 10px; }
.page-how-to-for-member .page-section-1 h4 { color: #737373; font-size: 14px; }
.page-how-to-for-member .page-section-2 h2 { color: #f77608; font-size: 40px; text-transform: capitalize; text-align: center; margin-bottom: 50px; }

/* H O W  T O  -  A G E N T */
.page-howto-for-agent .page-section-1 { padding: 50px 0; }
.page-howto-for-agent .page-section-2 { padding: 100px 0; }
.page-howto-for-agent .page-section-3 { padding: 100px 0; }
.page-howto-for-agent .page-section-4 { padding: 100px 0; }
.page-howto-for-agent .page-section-1 h1 { text-transform: capitalize; color: #3c3c3c; margin-bottom: 10px; }
.page-howto-for-agent .page-section-1 h4 { color: #737373; font-size: 14px; line-height: inherit; }
.page-howto-for-agent .page-section-2 p { font-size: 20px; }
.page-howto-for-agent .page-section-3 h2, .page-howto-for-agent .page-section-4 h2 { color: #f77608; text-transform: capitalize; line-height: inherit; }
.page-howto-for-agent .page-section-4 ul { padding: 0; list-style: none; }

/* H O W  T O  -  D I S T R I B U T O R */
.page-howto-for-distributor .page-section-1 { padding: 50px 0; }
.page-howto-for-distributor .page-section-2 { padding: 50px 0; }
.page-howto-for-distributor .page-section-3 { padding: 50px 0; }
.page-howto-for-distributor .page-section-1 h1 { margin-bottom: 15px; }
.page-howto-for-distributor .page-section-1 p { color: #777777; margin-bottom: 30px; }
.page-howto-for-distributor .page-section-2 h3, .page-howto-for-distributor .page-section-3 h3 { color: #f77608; text-transform: capitalize; font-size: 26px; }
.page-howto-for-distributor .page-section-2 img, .page-howto-for-distributor .page-section-3 img { position: absolute; }
.page-howto-for-distributor .page-section-2 h3, .page-howto-for-distributor .page-section-2 p, .page-howto-for-distributor .page-section-3 h3, .page-howto-for-distributor .page-section-3 p { margin-left: 50px; }
.page-howto-for-distributor .page-section-2 h3, .page-howto-for-distributor .page-section-3 h3 { margin-bottom: 20px; }
.page-howto-for-distributor .page-section-2 h3 p, .page-howto-for-distributor .page-section-3 h3 p { margin: 0; font-size: 20px; }

/* H O W  I T  W O R K S  -  D E S K T O P */
.page-desktop .page-section-1 { padding: 50px 0; }
.page-desktop .page-section-2 { padding: 100px 0; }
.page-desktop .page-section-3 { padding: 100px 0; }
.page-desktop .page-section-4 { padding: 100px 0; }
.page-desktop .page-section-1 h1 { font-size: 50px; margin-bottom: 15px; }
.page-desktop .page-section-1 h1:after { content: ''; width: 20%; height: 3px; background: #f77608; display: block; margin-top: 30px; }
.page-desktop h3 { margin-bottom: 20px; }
.page-desktop ul { padding: 0; list-style: none; }
.page-desktop .page-section-2 a h3 { color: #f87509; }
.page-desktop .page-section-2 img { margin-bottom: 25px; }
.page-desktop .page-section-2 h2, .page-desktop .page-section-3 h2, .page-desktop .page-section-4 h2 { text-transform: capitalize; color: #f87509; }
.page-desktop .page-section-2 h3, .page-desktop .page-section-3 h3 { color: #333333; }
.page-desktop .page-section-3 .btn { background: #f87509; color: #ffffff; }
.page-desktop .page-section-4 p { margin-bottom: 50px; }
.page-desktop .page-section-4 p:last-child { margin-bottom: 0; }

/* H O W  I T  W O R K S  -  S M A R T  P H O N E */
.page-tablet-or-smartphone .page-section-1 { padding: 50px 0; }
.page-tablet-or-smartphone .page-section-1 h1 { font-size: 40px; }

/* S I G N  U P  -  C H A R L I T Y */
.form-wrapper { background: #f0f0f0; padding: 30px; margin-bottom: 50px; }
.container .row form .form-wrapper h2 { color: #333333; font-size: 20px; text-transform: capitalize; }
.page-signup-charity .page-section-1 { padding: 50px 0; }
.page-signup-charity .page-section-1 h1 { font-size: 40px; }

/* R E T A I L E R / s H O P */
.box-image-wrapper .box-image { height: 350px; }
.box-image-wrapper .box-image.store-cover-img { height: 550px; background-size: cover; background-position: center; }
.retailer_commission, .retailer_commission span { font-size: 28px; text-transform: uppercase; font-weight: 600; color: var(--brand-accent); text-align: left; }
.retailer_logo { margin-bottom: 15px; }
.retailer_logo img { width: 100%; }
.retailer_btn { margin-bottom: 15px; }
/* .retailer_btn/.retailer_favourite buttons are now .dl-btn (donaloop-sections.css)
   — this legacy "button" descendant selector used to style them directly, but
   its element-selector specificity (0,0,1,1) outranked .dl-btn/.dl-btn--primary
   (0,0,1,0) regardless of stylesheet load order, so its 1px #777 border,
   #f77608 fill and border-radius:0 were winning over the real design tokens. */
.retailer-map iframe { width: 100%; border: 1px solid #777777 !important; }
.retailer_address, .retailer_contact { font-size: 16px; font-weight: 600; }
/*.page-stores\.detail .box-image-wrapper { display: none; }*/
.totalRecord { font-size: 14px; font-weight: 600; margin-top: 7px; }
.cover-banner-image { display: none; }

/* A C C O R D I O N */
.accordion-tab > ul { padding: 0; list-style: none; }
.accordion-tab > ul > li { padding: 18px; border-bottom: 1px solid #cccccc; cursor: pointer; position: relative; padding-right: 35px; }
.accordion-tab > ul > li:hover { background: #f8f8f8; }
.accordion-tab > ul > li:after { content: "\f054"; font-family: FontAwesome; position: absolute; right: 15px; color: #f77608; top: 20px; }
.accordion-tab > ul > li.active { background: #f9f9f9; }
.accordion-tab > ul > li a, .accordion-tab ul li h3 { font-size: 16px !important; font-weight: 600 !important; color: #000000 !important; }
.accordion-tab ul li.active h3 { color: #633796 !important; }
.accordion-tab > ul > li a:hover { text-decoration: none; }
.accordion-answer { display: none; border-top: 1px solid #cccccc; padding: 15px; background: #ffffff; border: 1px solid #cccccc; }
.accordion-answer p:last-child { margin-bottom: 0; }
.accordion-2-col ul li h3 {color: #f77608 !important; margin: 0;}
.accordion-2-col > ul { column-count: 2; }
.accordion-2-col > ul > li { border: 1px solid #cccccc; margin-bottom: 30px; border-radius: 5px; }
.accordion-2-col li.column-break { break-after: column; }
.accordion-2-col > ul > li.active { background: none; }
.accordion-2-col .accordion-answer { border: 0; }

/* T E S T I M O N I A L */
.page-testimonials .page-section-1 { padding: 50px 0; }
.page-testimonials .page-section-1 h1 { color: #777777; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.page-testimonials .page-section-1 h2 { color: #f77608; font-size: 50px; text-transform: capitalize; }
.testimonial-box { margin-bottom: 50px; display: inline-block; }
.testimonial-img { width: 25%; display: inline-block; vertical-align: top; text-align: center; float: left; }
.testimonial-img img { max-width: 80px; border-radius: 40px; }
.testimonial-details { width: 75%; background: #f8f8f8; border-radius: 10px; padding: 30px 50px; display: inline-block; float: right; }
.testimonial-details h3 { font-size: 16px !important; text-align: right; margin-top: 50px; color: #333333 !important; }
.testimonial-details h4 { text-align: right; font-size: 14px; color: #777777; }
.testimonial-details p { color: #777777; }
.testimonial-details p:first-child::before {content: ''; background: url('../images-local/quote.png'); display: block; width: 20px; height: 20px; background-size: cover; margin-bottom: 30px; }

/* G A L L E R Y  L I G H T B O X */
.gallery-wrapper { width: 24.6%; height: 190px; display: inline-block; overflow: hidden; }
.gallery-wrapper img { object-fit: cover; min-height: 190px; }

/* C H O O S E  A  G O O D  C A U S E S */
.page-choose-charity .div-header { background: #ffffff; }
.page-choose-charity .div-header .input-group { margin: 0 auto; }
.page-choose-charity .div-header .text-header { font-size: 16px; margin-bottom: 15px; display: inline-block; }
.page-choose-charity .menu-category h3 { color: #ffffff; }
.page-choose-charity .menu-category .list-group li { background: none !important; border: 0; padding: 5px 10px !important; }
.page-choose-charity .menu-category .list-group li a { font-size: 14px; text-decoration: underline; color: #ffffff; }
.page-choose-charity .menu-category .list-group li a.active { text-decoration: none; font-weight: bold; }
.page-choose-charity .menu-category .list-group li a:hover { text-decoration: underline !important; }
.page-choose-charity .menu-category { min-height: 500px; }
.page-choose-charity #search_charity1 { font-size: 14px; }
.page-choose-charity .form-inline { display: inline-block; }
.page-choose-charity .title-shop h3 { color: #333333; margin-top: 5px; }
.sidebar-violet.page-choose-charity { padding-right: 30px; }
.page-choose-charity .set-text-box-desc a { font-size: 14px; }
.page-choose-charity .set-text-box-desc p { margin-bottom: 5px; }
.charity-pagin { /*position: absolute; width: 100%; bottom: 30px;*/ margin: 30px 0; }
.page-choose-charity .set-text-box-image { border: 1px solid #888888; display: flex; justify-content: center; align-items: center; min-height: 150px; padding: 5px; margin-bottom: 10px; }

/* S I G N  U P  */
.page-login-signup .modal-content {background: #f0f0f0 !important; padding: 30px; }

/* M Y  A C C O U N T */
.myaccount-content .member_area { margin: 30px 0; }
.card { padding: 20px !important; }
.card-header { background-color: #ffffff !important; padding-top: 0 !important; padding-left: 0px !important; }
#Favourite .layout_text-box { border: 1px solid #cccccc; padding: 10px; }
#Favourite .layout_set-text-box-image { margin-bottom: 10px; padding: 5px; overflow: hidden; min-height: 150px; }
#Favourite .layout_set-text-box-image img { height: auto !important; max-height: 150px; }
#Favourite .layout_set-text-box-name { margin-bottom: 5px; }
#Favourite .layout_color-commission { margin-bottom: 0; }
#Favourite .favourites-wrapper { margin-bottom: 30px; }

/* M O D A L  L O G I N */
#modal_login, #exampleModal { z-index: 9999; }
#modal_login .modal-dialog, #exampleModal .modal-dialog, #myModal_stores .modal-dialog { margin: auto; width: 850px; padding: 0 !important; top: 50%; transform: translateY(-50%); }

/* B L O G */
.color_font { color: #333333 !important; }

/* F O O T E R */
#layout-footer { background: #3fbcf0; color: #ffffff; padding: 20px 0; }
#layout-footer a { color: #5c3586; font-weight: 600; font-size: 14px; }
#layout-footer i { color: #ffffff; }
#footer-social i { color: #3fbcf0; font-size: 25px; }
#footer-social a { background: #ffffff; padding: 10px 10px; border-radius: 40px; display: inline-block; width: 40px; height: 40px; }
#footer-social div { margin-bottom: 15px; display: inline-block; width: 100%; }
#footer-social i.fa-facebook-f { margin-left: 3px; }
#layout-footer .title { font-size: 24px; font-weight: 600; color: #5c3586; margin-bottom: 10px; }
#footer-store img { width: 225px; background: #000000; border: 5px solid #ffffff; }
#footer-store > div {margin-bottom: 10px;}