@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@charset "utf-8";
/* CSS Document */
   /* font-family: 'PT Sans', sans-serif; font-weight:400;*/ 
   
 
::selection { 
	background: #000; /* Safari */ 
	color:#fff;
}
input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(102, 102, 102, 1); 
   -webkit-opacity: 1; 
   color: rgba(102, 102, 102, 1); 
}
.display_none {display:none !important;}
.login_dn {display:none !important;} /* display none for login member */ 
.gold_dn {display:none !important;}    /* display none for free member */ 
.free_dn {display:none !important;}    /* display none for gold member */ 
body {font-family: "Roboto", sans-serif; font-weight:400;  margin:0; padding:0; overflow-x:hidden;} 
* { margin:0px; padding:0px; outline:none;}
ul, li { margin:0px; padding:0px;}
.btn { font-weight:bold; background: var(--secondarycolor);}
.btn:hover  {background: var(--primarycolor);}
  
.width_100 { float:left; width:100%; }

.snackbar { font-size:16px; padding:12px 12px 12px 38px; border-radius:5px; position:fixed; top:70px; bottom:auto; right:20px; z-index:9999 !important; visibility: hidden; max-width:300px;}
.snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s;}
.success {border:1px solid #a3cfbb; color:#0a3622; background:url(../images/success-msg-icon.svg) 10px center no-repeat #d1e7dd;}
.error { border:1px solid #f1aeb5; color:#58151c; background:url(../images/error-msg-icon.svg) 10px center no-repeat #f8d7da;}
.info { border:1px solid #9eeaf9; color:#055160; background:url(../images/info-msg-icon.svg) 10px center no-repeat #cff4fc;}
.warning {border:1px solid #ffe69c; color:#664d03; background:url(../images/warning-msg-icon.svg) 10px center no-repeat #fff3cd;}
@-webkit-keyframes fadein {from {right: 0; opacity: 0;} to {right: 20px; opacity: 1;}}
@keyframes fadein {from {right: 0; opacity: 0;} to {right: 20px; opacity: 1;}}
@-webkit-keyframes fadeout { from {right: 20px; opacity: 1;} to {right: 0; opacity: 0;}}
@keyframes fadeout {from {right: 20px; opacity: 1;} to {right: 0; opacity: 0;}} 

.mclr { color: var(--primarycolor);}
.sclr { color: var(--secondarycolor);}
.disable_bg {background-color: rgba(0, 0, 0, 0.6); width:100%; height:100vh; position:fixed; top:0; bottom:0; left:0; right:0; z-index:99;}

header { float:left; width:100%; background:#fff;  -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease;}

.home_page_banner_app_icon { position:absolute; bottom:10px; width:100%; float:left;}
.home_page_banner_app_icon .left { float:left; max-width:150px; margin-left:10px;}
.home_page_banner_app_icon .left img { width:100%;}
 .home_page_banner_app_icon .right { float:right; max-width:150px;  margin-right:10px;}
.home_page_banner_app_icon .right img { width:100%;}

.home_page_category_box_app_icon { position:absolute; top:5px; width:100%; float:left;}
.home_page_category_box_app_icon .left { float:left; max-width:134px; margin-left:0;}
.home_page_category_box_app_icon .left img { width:100%;}
.home_page_category_box_app_icon .right { float:right; max-width:134px;  margin-right:0;}
.home_page_category_box_app_icon .right img { width:100%;}


.home_category_shop_box { float:left; width:100%; margin-top:40px; margin-bottom:30px; position:relative;}
.home_category_shop_box img { float:left; width:100%; border-radius:18px;}
.home_category_shop_box .img_title { position:absolute; top:0; bottom:0; left:0; right:0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color:#fff; font-size:36px;  font-family: 'pt_sansbold';}
.home_category_shop_box .img_title span {background: var(--primarycolor); font-size:22px; font-family: 'pt_sansbold'; border-radius:15px; padding:8px 0; width:160px; color:#fff;}

.home_category_shop_box a.title {  background: var(--secondarycolor); float:left; width:92%; margin:0 4%;  font-size:20px; text-align:center; padding:16px 10px 13px 10px; color:#fff; border-radius:20px; position: absolute; bottom: -30px; left: 0; right: 0; font-weight:bold;}

.logo { float:left; width:10%; padding:15px 0;}
.logo img { float:left; width:100%;}
.f-nav{ z-index: 999; position: fixed; top: 0; width: 100%; background:#fff;   animation: smoothScroll 1s forwards;}
.f-nav .page_headerlink { margin-bottom:0;}
@keyframes smoothScroll {
	0% {
		transform: translateY(-80px);
	}
	100% {
		transform: translateY(0px);
	}
}
.navbar-expand-lg .navbar-nav .nav-link { color:#999; padding:17px 14px; font-size:14px; text-transform:uppercase;}
.nav_right_side { float:right; width:80%; margin-top:0;}
.nav_right_side a { float:right; color:#333; margin:0 0 0 10px; font-size:30px; position:relative;}
.nav_right_side a.fa-shopping-cart { font-size:28px; margin-top:5px;}
.nav_right_side a .fa-user  { color:#fff; font-size:15px; float:left; margin:0 5px 0 0;}
.nav_right_side a .fa-check  { color:#00D423; font-size:15px; float:left; margin:0 5px 0 0;}
.nav_right_side a .fa-close  { color:#FF0000; font-size:15px; float:left; margin:0 5px 0 0;}

.nav_right_side a .menu_icon { margin:-14px 0 0 10px;}
.nav_right_side .verified { border: 1px solid #00D423; color: #00D423 !important; background: #fff;  pointer-events: none;}
.nav_right_side .unverified  { border: 1px solid #FF0000; color: #FF0000 !important; background: #fff;}
.nav_right_side .verified:hover { background: #fff;}
.nav_right_side .unverified:hover { background: #fff;}


.nav_input_box { float:left; border:1px solid #999; font-size:12px; color:#999; padding:3px 10px; border-radius:10px; }
.nav_login_button { font-size:15px !important; color:#fff !important; padding:10px 18px; border-radius:5px; background: var(--primarycolor); margin-top:4px !important;}
.nav_login_button:hover  {background: var(--secondarycolor); color:#fff;}
.nav_right_side .dropdown { float:right; list-style:none; margin:0;}
.nav_right_side .dropdown-menu-center { right:auto; left:50%; -webkit-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform: translate(-50%, 0);}
.nav_right_side .dropdown-menu-arrow { top:-19px; left:50%; width:0; height:0; position:relative;}
.nav_right_side .dropdown-menu-arrow:before,
.dropdown-menu-arrow:after { content: ""; position:absolute; display:block; width:0; height:0; border-width:7px 8px; border-style:solid; border-color:transparent; z-index:1001;}
.nav_right_side .dropdown-menu-arrow:after { bottom:-18px; right:-8px; border-bottom-color:#fff;}
.nav_right_side .dropdown-menu-arrow:before { bottom:-17px; right:-8px; border-bottom-color:rgba(0,0,0,.15);} 
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background: var(--primarycolor);}
.dropdown-menu.register_menu {min-width:110px; z-index:9999; }
.dropdown-menu.register_menu a.dropdown-item { font-size:16px; padding:8px 15px;}
.dropdown-toggle::after {vertical-align: .230em;}
.header_howitworks a { float:right; font-size:16px; color:#000; font-weight:400; margin:14px 4px 0 12px;  }
.header_howitworks a.local_link {font-size: 15px !important; color: #fff !important;  padding: 11px 18px 9px 18px;  border-radius: 5px; background: var(--primarycolor); margin:0;}
.header_howitworks a.local_link:hover {background: var(--secondarycolor);}

.header_search_box { width:50%; margin-left:10%; position:relative;}
.header_search_box .form-control { width:100%; height:42px; line-height:42px; border-radius:5px; border:1px solid #ccc; padding:0 0 0 40px;}
.header_search_box .form-control:focus { box-shadow:none;}
.header_search_box button.btn { position:absolute; left:12px; top:10px; font-size:15px; color:#fff; font-weight:400; background:transparent; padding:0;}
.header_search_box button.btn .fa-search { font-size:16px; margin-right:5px; color:#333; }
.ui-widget-content { list-style:none; margin:0; padding:0; border:1px solid #ccc; box-shadow:none;}
.ui-menu .ui-menu-item-wrapper { padding:8px 15px !important; font-size:14px !important; color:#333;}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {background:#e8e8e8 !important; border:1px solid #e8e8e8;  color:#000!important;} 

.sidenav { width:0; position: fixed; z-index:999 !important; top:0; right:0; background:#fff;  transition:0.5s; padding-top:70px;   height:100vh;}
.sidenav a { float:right; width:80%; text-align:left; padding:16px 0;  margin:0 7% !important; text-decoration: none; font-size:18px; color:#848a90; display: block; transition:0.2s; font-family: 'PT Sans', sans-serif; font-weight:400; border-bottom:1px solid rgba(151,151,151,0.2);}
.sidenav a:hover {color: var(--primarycolor);}
.sidenav a img { float:left; width:100%; border:none; margin-top:30px;}
.sidenav a.closebtn { position: absolute; top:20px; right:0; width:0; border:none;}
.sidenav a.closebtn  .fa-times::before { color:#000;}
.sidenav a.closebtn img { margin:0;}
.sidenav_open { width:26%;}
.sidenav_close { width:0; }
.sidenav a.register_button { position: absolute; top:20px; left:0; width:auto; font-size:18px; font-weight:bold; color:#052430; border:none;}
.sidenav a.contact_link { margin: 0 0 0 7% !important;  float: left;}
.sidenav .login_welcome_menu a {font-weight:bold;}
.sidenav .login_welcome_menu h4 a {  color:#40CFBB; font-size:30px;}
.sidenav .login_welcome_menu h4 a:hover { color:#40CFBB;}
#vertical-menu {width: 100%; }
#vertical-menu h3 { float:left; width:80%; font-size:18px; color:#848a90; padding:12px 0;  margin:0 7%; cursor:pointer; border-bottom:1px solid rgba(151,151,151,0.2); }
#vertical-menu h3 span { float:right; font-size:34px; line-height:20px;  margin-top:3px;  font-family: 'pt_sansregular' !important; font-weight:700; color: var(--primarycolor);}
#vertical-menu h3:hover { color: var(--primarycolor);}
 
#vertical-menu li { list-style-type: none;}
#vertical-menu ul ul li a { float:left; width:100%; font-size:16px; color:#848a90; text-decoration: none; display: block; padding:6px 0 6px 50px;   border:none;  }
#vertical-menu ul ul li a:hover { color: var(--primarycolor);}
 
#vertical-menu ul ul { display: none; float:left; margin:10px 0 0 0;}
#vertical-menu li.active ul { display: block ;}
.myacc_menu1 li a:hover { }

.top_savings_button { float:right;}
.top_savings_button ul { float:right; list-style:none;}
.top_savings_button li { float:right;  padding:3px 10px; margin-left:10px; text-align:center; font-size:14px; color:#fff; border-radius:7px;   background: var(--secondarycolor);}
.top_savings_button li span { color: var(--primarycolor);}
.top_savings_button li.mywalle { background:none; padding:0; margin-top: 11px;}
.top_savings_button li.mywalle a { color:#fff; background: var(--secondarycolor); padding:11px 15px; border-radius:7px;}
.top_savings_button li.mywalle a .fa-wallet { margin-right:5px; font-size:16px;}
 
.footer_play_img { float:left; width:100%;}
.footer_play_img h6 {font-size:16px; color:#052430; padding:0; margin:0;}
.footer_play_img ul { float:left; width:100%; list-style:none; padding:0 -8px; margin:5px 0 0 0;}
.footer_play_img li { float:left; width:50%; padding:0 4px; margin:0; list-style:none;}
.footer_play_img li img { float:left; width:100%; }
 
.local_business_directory_top { float:left; width:100%;}
.local_business_logo_left { float:left; width:60%;}
.local_business_logo_left img { float:left; width:100%;}
.local_business_logo_center { float:left; width:100%; margin:0; }
.local_business_logo_center img { float:left; width:100%;}
.local_business_qrcode { float:left; width:100%;}
.local_business_qrcode img { float:right; width:90px;}
.local_business_qrcode span { float:right; font-size:18px; padding:36px 5px 0 0;   font-weight:bold; color:#000;}
.local_business_directory_bg { float:left; width:100%;}
.local_business_directory_bg p { float:left; width:100%; text-align:center; font-size:18px !important; color:#333 !important; padding:20px 0 10px 0 !important;}
.local_business_directory_bg p span { text-align:center; font-weight:bold; border:2px solid #47cfe0; padding:5px 10px; margin:0 4px; border-radius:5px;}
.local_business_main_border { float:left; width:100%; margin:20px 0 0 0;}
.local_business_left_side { float:left; width:42%; text-align:right; font-size:18px !important; color:#333; padding:6px 0 0 0; }
.local_business_right_side { float:left; width:42%; text-align:left; font-size:18px !important; color:#333;  padding:6px 0 0 0; }
.cal_savings_input_center { float:left; width:12%; margin:0 1%; border:1px solid #ccc; color:#495057; height:38px; border-radius:5px; text-align:center; font-size:1rem;  }
.local_business_main_border .input-group { float:left; width:12%; margin:0 1%;}

 
#target {width:84%; padding:11px; display:none; z-index:99; right:0; top:0; position:absolute; background: var(--primarycolor);}
.Hide { display:none; z-index:9999; position:relative; }
.search_menu_box { float:left; width:30%; border:1px solid #fff; font-size:16px; color:#000; height:42px; background:#fff; padding:0 10px;}
.search_input_box { float:left; width:60%; border:1px solid #fff; font-size:16px; color:#000; height:42px; background:#fff; padding:0 10px;}
.search_icon_box { float:left; }
.search_icon_box input[type="submit"] { background:url(../images/search-icon.png) no-repeat center center #222; width:42px; height:42px; border:none; cursor:pointer;}
.search_inner_main { float:left; width:100%;}
.search_inner_main h1 { float:left; width:100%; font-size:20px; color:#222;} 
 
.join_now_box_bg { background:#fff; font-size:13px; color:#222; text-align:center; padding:7px 0 0 0; display:inline-table;}
.join_now_box_bg p { font-size:13px; color:#222; padding-top:10px;}
.join_now_box_bg p a { font-size:13px; text-decoration:underline;}
.join_now_box_bg p a:hover { text-decoration:none;}
.sign_in_button {  font-size:13px; color:#fff !important; padding:5px 15px; border-radius:5px; background: var(--primarycolor);}
.sign_in_button:hover { background:#666;}


.page_headerlink { float:left; width:100%;  text-align:center; margin-bottom:0; background:var(--secondarycolor); border-bottom:1px solid var(--secondarycolor);}
.page_headerlink ul { list-style:none; border:none;}
.page_headerlink li { list-style:none; padding:14px 0;}
.page_headerlink li a {  list-style:none; color:#fff;  width:auto; font-size:16px; padding:14px 0 11px 0; font-weight:700; border-bottom:2px solid  color: var(--secondarycolor); }
.page_headerlink li a i { color:#fff; font-size:16px !important; padding:0 5px 0 0 !important; font-weight:bold;}
.page_headerlink li a:hover {border-bottom:2px solid  color: var(--primarycolor); }

.travel_top_background { float:left; width:100%; margin-top:0;  }
.travel_top_background.banner_bg { background:url(../images/banner-bg.png) left top no-repeat; width:100%; background-size:cover;   position:relative;}
.travel_top_background img { float:left; width:100%; }

.travel_top_background #carouseltravelslider { background: var(--primarycolor);}

.travel_banner_right_img { float:left; width:60%; padding:27px 0 26px 0;}
.travel_banner_right_img img { float:left; width:100%;}
.travel_banner_left_text { float:left; width:37%; position:absolute; left:3%; top:0; z-index:2;}
.travel_banner_left_text h3 { float:left; width:100%; font-size:60px !important; line-height:66px !important; color:#fff !important; padding:65px 0 0 0 !important; font-weight:bold;}
.travel_banner_left_text h3.welcome_textslider {font-size:26px; line-height:32px;}
.travel_banner_full_img { float:left; width:100%; padding:30px 0;}
.travel_banner_full_img img { float:left; width:100%;}

.travel_top_background .carousel-item { overflow:hidden !important; float:left;}
.travel_top_background .carousel-item .video_icon { position:absolute; top:45%; left:0; right:0;  max-width:56px; margin:0 auto;}
.travel_top_background #carouseltravelslider {overflow:hidden;}
.holidaypage_banner { margin:20px 0 30px 0;}

.ecard_banner_box_text { float:left; width:100%;  z-index:2; padding:30px;}
.ecard_banner_left_img { float:left; width:69%;}
.ecard_banner_mid_text { float:left; width:15%; margin:0 1%; text-align:center;}
.ecard_banner_mid_text h6 { float:left; width:100%; text-align:center; font-size:18px; color:#fff;}
.ecard_banner_mid_text span { float:left; width:100%; text-align:center;}
.ecard_banner_mid_text span img { max-width:66px; margin:0 auto; float:none; padding:26% 0;}
.ecard_banner_right_img { float:left; width:14%;}

.ecard_banner_text_left { float:left; width:40%; margin-top:30px;}
.ecard_banner_text_left h3.welcome_textslider { font-size:30px; line-height:36px; color:#fff;}
.ecard_banner_text_left p { font-size:20px; line-height:26px; color:#fff; font-weight:bold; padding:15px 0 0 0; float:left;}

.ecard_banner_img_right { float:left; width:60%; margin-top:30px;}
.ecard_banner_img_right img{ float:left; width:100%;}

.gold_members_benefits .travel_banner_left_text h3.welcome_textslider {font-size:30px; line-height:36px;}

.travel_banner_left_text p { float:left; width:100%; font-size:18px; color:#fff; padding:20px 0 0 0; font-weight:bold;}
.travel_banner_left_text p span { font-size:28px;}
.how_to_save_travel_but { float:left; width:100%; padding:20px 0 0 0;}
.how_to_save_travel_but a { float:left; font-size:18px; color:#fff; border-radius:40px; margin-right:10px; padding:14px 30px; font-weight:bold; background: var(--secondarycolor);}
.how_to_save_travel_but a span { float:left; padding-top:8px;}
.travel_top_background .carousel-indicators { margin:0 14%; bottom:12px;}
.travel_top_background .carousel-indicators li { background:#fff !important; width:10px !important; height:10px !important; padding:0 !important; line-height:none !important; border-radius:50%; cursor:pointer;}
.travel_top_background .carousel-indicators .active { background: var(--secondarycolor) !important;}

.contact_blue_banner_img { float:left; width:100%;}
.contact_blue_banner_img img { float:left; width:100%;}


/*hotels banner*/
 
.travel_banner_left_text1 { float:left; width:57%;}
.travel_banner_left_text1 h2 { float:left; width:100%; font-size:60px; line-height:66px; color:#fff; padding:60px 0 0 0; font-weight:bold;}
.travel_banner_left_text1 h2 img { width:auto;}
.travel_banner_left_text1 h3 { float:left; width:100%; font-size:60px; line-height:66px; color:#fff; padding:180px 0 20px 0;  font-weight:bold;}
.travel_banner_left_text1 h4 { float:left; width:100%; font-size:50px; color:#052430; padding:15px 0 0 0; font-weight:400;}
.travel_banner_left_text1 h4 span { float:left; padding:9px 15px 0 0;  font-family: 'PT Sans', sans-serif; font-weight:400;  }
.travel_banner_left_text1 h4 img { float:left; width:220px; padding-right:15px;}
.how_to_save_travel_but1 { float:left; width:100%; padding:30px 0 50px 0;  }
.how_to_save_travel_but1 a { float:left;   font-size:18px; color:#fff; border-radius:40px; padding:7px 30px 7px 10px; font-weight:bold; background: var(--secondarycolor);}
.how_to_save_travel_but1 a span { float:left; padding-top:8px;}
.how_to_save_travel_but1 img { float:left; padding-right:12px; width:auto !important;} 
.travel_banner_right_img1 { float:left; width:43%; padding:45px 0 0 0;}
.travel_banner_right_img1 img { float:left; width:96%;}
.travel_banner_right_img2 { float:left; width:43%; padding:80px 0 0 0; text-align:center;}
.travel_banner_right_img2 img { float:left; width:100%;}
.travel_banner_right_img2 h3 { float:left; width:100%; text-align:center; font-size:42px; line-height:48px; color:#fff; padding:120px 0 20px 0; font-weight:bold;}
.travel_banner_right_img2 p { float:left; width:100%; text-align:center; font-size:26px; line-height:30px; color:#fff; padding:20px 0 101px 0;  font-weight:bold;}

.travel_charity_price_box { float:left; width:100%; text-align:center; font-size:32px;}
.travel_charity_price_box span { background-color:rgb(255,255,255,0.5); border-radius:5px; padding:5px 40px;}
.travel_search_bg { float:left; width:100%; padding:20px; background: var(--secondarycolor);}
.travel_search_bg h2 { float:left; width:100%; font-size:26px; color:#fff; padding:0 0 15px 0;}
.travel_search_padding { float:left; width:100%; padding:0 6%;}
.search_city_box_input { float:left; width:32%; margin-right:1%; position:relative;}
.search_city_box_input span { position:absolute; top:17px; left:20px; color:#042638; font-size:26px;}
.travel_search_input { float:left; width:100%; background:#fff; height:60px; border-radius:100px; color:#666666; font-size:18px; border:none; padding:0 10px 0 45px;}
.search_calendar_input  { float:left; width:18%; margin-right:1%; position:relative;}
.search_calendar_input span { position:absolute; top:18px; left:18px; color:#042638; font-size:22px;}
.search_adult_input  { float:left; width:14%; margin-right:1%; position:relative;}
.search_adult_input span { position:absolute; top:17px; left:18px; color:#042638; font-size:26px;}
.travel_search_btn_right { float:left; width:14%; text-align:center;}
.travel_search_btn_right input[type="submit"] { float:left; width:100%; text-align:center; border:none; border-radius:100px;  font-size:18px; color:#fff; font-weight:bold; padding:19px 0; cursor:pointer; background: var(--primarycolor);}

.travel_online_section_bg { float:left; width:100%; padding-bottom:60px;}
.travel_online_section_bg h2 { float:left; width:100%; font-size:50px; line-height:54px; color:#222; margin-top:50px;}
.travel_online_search_box { float:left; width:100%; margin-top:30px; text-align:center; background:#EBEBEB; border-radius:10px;}
.travel_online_search_box a { float:left; width:100%; padding:15px;}
.travel_online_search_box img { float:left; width:100%; margin-top:5px;}
.travel_online_search_box span { float:left; width:100%; text-align:center; font-size:24px; color:#222; font-weight:bold; padding:10px 0 0 0;} 

.support_while_save_bg { float:left; width:100%; padding:30px 0; background: var(--primarycolor);}
.support_while_save_bg h3 { float:left; width:100%; font-size:50px; line-height:54px; color:#fff; padding:50px 0 0 0;} 
.support_save_left_text { float:left; width:100%;}
.support_save_left_text h2 { float:left; width:100%; font-size:50px; line-height:54px; color:#fff; margin-top:110px;}
.support_save_left_text p { float:left; width:100%; font-size:18px; line-height:26px; color:#fff; padding:20px 0 0 0;}
.support_save_right_img { float:left; width:100%; margin:5px 0 35px 0; padding:0 5%;}
.support_save_right_img img { float:left; width:100%;} 
.stepbystep_guides_section_bg { float:left; width:100%; background:url(../images/stepbystep-bg.png) center top no-repeat #fff; background-size:cover;  padding:70px 0;}
.gallery_logo_box { float:left; width:100%; padding:50px 0 0 0;}
.gallery_logo_box img { float:left; width:auto; padding:0 6px 0 0;}


.faq_section_bg { float:left; width:100%; background:url(../images/faq-bg.png) top left no-repeat #fff; background-size:cover;  padding:70px 0;}
.faq_section_padding { float:left; width:100%; padding:0 7%}
.faq_section_padding h2 { float:left; width:100%; font-size:50px; line-height:58px; padding:0; color:#222; font-weight:bold; }
.faq_section_box { float:left; width:100%; margin:10px 0 0 0} 
.faq_section_box h5 { float:left; width:100%; color:#042638; font-size:18px; line-height:22px; padding:15px 0 0 0;}
.faq_section_box p { float:left; width:100%; font-size:16px; color:#81878D; padding:15px 0 0 0;}
.faq_section_box p a { font-weight:bold;   color:#81878D;}
.panel-title > a:before  {float: right !important; width:38px; height:38px; text-align:center; font-size:24px;  background:#fff; border-radius:50%; position:absolute; top:10px; right:10px; font-family: FontAwesome; content:"\f107"; padding-top:5px; color:#000;}
.panel-title > a.collapsed:before { float: right !important; content:"\f105"; }
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {  text-decoration:none;}
.faq_section_box .panel {background-color:transparent; box-shadow:none;}
.faq_section_box .panel-default {border-color:transparent;}
.faq_section_box .panel-group .panel { border-radius:50px; margin-top:15px; float:left; width:100%;}
.faq_section_box .panel-group .panel-heading + .panel-collapse > .panel-body { border:none; padding:0 15px 15px 15px; }
.faq_section_box .panel-default > .panel-heading { float:left; width:100%;  border-color:transparent; color:#fff;   border-radius:50px; background: var(--secondarycolor);}
.faq_section_box .panel-title { font-size:24px; color:#fff; line-height:28px; padding:16px 40px; position:relative;}
.faq_section_box .panel-title a { color:#fff; }

  
section { width:100%; background:#fff;}
.banner_main { float:left; width:100%; position:relative; }
.banner_con_box { float:left; width:60%; margin:0 20%; }
.banner_left_box { float:left; width:35%; padding:20px 20px 15px 20px; margin:80px 7% 80px 0; background-color: rgba(255, 255, 255, 0.6); border-radius:10px; border:1px solid rgba(var(--rgbcolor));}
.banner_left_box p { float:left; width:100%; font-size:18px; color:#323232; text-align:center; padding:15px 0 0 0;}
.banner_left_box p a {color:#323232; text-decoration:underline;}
.banner_logo_bg { float:left; width:100%; background:#fff; padding:20px; border:1px solid rgba(var(--rgbcolor));}
.banner_logo_bg h2 { float:left; width:100%; color:#323232; text-transform:uppercase; font-size:24px; padding-bottom:15px; text-align:center;}
.banner_left_box1 {border:1px solid rgba(var(--rgbcolor));}

.banner_logo_bg img { float:left; width:100%; padding:0 0 10px 0;}
.banner_charities_bg { float:left; width:100%; text-align:center; background:#fff; color:#323232; margin-top:15px; padding:12px 0 8px 0; font-size:28px; border:1px solid rgba(var(--rgbcolor));}
.banner_charities_bg span {  margin-right:5px; font-weight:bold; color: var(--primarycolor);}
.banner_right_text { float:left; width:58%; margin-top:185px;}
.banner_right_text h3 { float:left; width:100%; color:#323232; font-size:18px; font-weight:bold;  color: var(--primarycolor);}
.banner_right_text h3 span { background-color: rgba(255, 255, 255, 0.6); border-radius: 5px; padding: 9px 15px 7px 15px;  border:1px solid rgba(var(--rgbcolor));}
.banner_start_shopping { float:left; width:100%; margin-top:35px;}
.banner_start_shopping a { font-size:16px; color:#fff; margin-right:10px; color:#fff; padding:8px 30px; border-radius:25px; background: var(--primarycolor);}
.banner_start_shopping a:hover  {background:#666; color:#fff;}
.how_works_button { float:left; margin-top:25px; line-height:26px; background:#fff !important; color:#666 !important; padding:6px 15px 8px 15px!important;}
.how_works_button i { font-size:26px; position:relative; top:4px; color: var(--primarycolor);}

.youshop_section_bg { float:left; width:100%; padding:50px 0;}
.youshop_section_bg h2 { float:left; width:100%; text-align:center; font-size:30px; color:#727272; font-family: 'PT Sans', sans-serif; font-weight:400; text-transform:uppercase;}
.youshop_section_padding { float:left; width:100%; padding:0 5%;}
.youshop_box_bg { float:left; width:19%; margin:30px 3% 0 3%;}
.youshop_box_bg h4 { float:left; width:100%; text-align:center; font-size:22px; color:#727272;}
.youshop_box_img { float:left; width:100%;  margin-top:10px;}
.youshop_box_img img { float:left; width:100%; border-radius:15px 15px 0 0;}
.youshop_box_img img:hover { opacity:0.5; }
.youshop_button_bg { float:left; width:100%;}
.youshop_button_bg a { float:left; width:100%; border-radius:0 0 15px 15px; font-size:16px; color:#fff;  padding:12px 0; text-align:center; background: var(--primarycolor);}
.youshop_button_bg a:hover { background:#666; color:#fff;}

.online_logo_bg { float:left; width:100%;}
.online_logo_box { float:left; width:100%; padding:30px 0 60px 0; }
.online_logo_box img {  -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4;}
.online_logo_box img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}

.calculator_section_bg { float:left; width:100%; background:#f7f7f7; padding:30px 0;}
.use_calculator_left { float:left; width:32%; margin:120px 8% 0 0;}
.use_calculator_left h4 { float:left; width:100%; text-align:center; text-transform:uppercase; font-size:26px; color:#727272;}
.use_calculator_button { float:left; width:100%; text-align:center; margin-top:20px;}
.use_calculator_button a { font-size:16px; color:#fff; padding:10px 30px; border-radius:30px; background: var(--primarycolor);}
.use_calculator_button a:hover {   color:#fff; background: var(--secondarycolor);}
.use_calculator_img_right { float:left; width:60%; }
.use_calculator_img_right img { float:left; width:100%;}

.clients_say_text_bg { float:left; width:100%; padding:40px 20%; min-height:472px;}
.clients_say_text_bg h3 { float:left; width:100%; text-align:center; font-size:22px; padding:20px 0 60px 0;  font-weight:bold;  line-height:28px; color: var(--primarycolor);}
.clients_say_text_bg h3 span { float:left; width:100%; font-size:16px; color:#666; font-family: 'PT Sans', sans-serif; font-weight:400; }
.clients_say_text_bg p { float:left; width:100%; text-align:center; color:#666; font-style:italic;  font-size:20px; padding:30px 0 0 0;}
.testimonials_icon { float:left; width:100%; text-align:center; padding:20px 0 0 0;} 
.testimonials_icon img { float:none; width:90px; border-radius:50%; border:1px solid #ccc;} 

footer { float:left; width:100%; background:#000;}
.footer_logo_left { float:left; width:60%; margin-top:40px;}
.footer_logo_left img { float:left; width:100%;}

.footer_box { float:left; width:100%; padding:40px 0 0 0;}  
.footer_box h6 { float:left; width:100%; font-size:18px; color:#848484;  }
.footer_box p { float:left; width:100%; font-size:15px; line-height:22px; text-align:left; color:#848484; padding:12px 0 0 0;}
.footer_box ul { float:left; width:100%; list-style:none; padding:14px 0 0 0;}
.footer_box li { float:left; width:100%; list-style:none; padding:7px 0;}
.footer_box li a { float:left; font-size:12px; color:#848484;  text-transform:uppercase;}
.footer_box li a:hover { color:#fff;}
.newsletter_input { float:left; width:67%; padding:0 0 0 10px; background:#4b4b4b; font-size:15px; color:#787878; height:40px; border:1px solid #767676; border-radius:5px; margin-top:15px;}
.footer_subscribe_but { float:left; width:28%; margin-left:4%;  margin-top:15px; }
.footer_subscribe_but input[type="submit"] { float:left;  font-size:15px; color:#fff; cursor:pointer; padding:10px 20px; border:none; border-radius:5px; background: var(--primarycolor);}
.footer_bottom_icon { float:left; width:100%; padding:30px 0 0 0;}
.footer_bottom_icon a { float:left; font-size:22px; color:#fff; margin-right:20px;}
.copyright_text_bottom { float:left; width:100%; font-size:14px; text-align:center; padding:40px 0; color:#848484;} 
.copyright_text_bottom a {color:#848484; margin:0 20px;}
.scrollup { width:30px; height:30px; text-indent:-9999px; /*opacity:0.4;*/ position:fixed; bottom:10px; right:10px; display:none; background:url(../images/icon_top.png) no-repeat; z-index:99; outline:none !important; }

/* Style the login form icons */
.fa-membershipid-icon { background:url(../images/fa-icon.png) center center no-repeat; width:45px; height:41px; position:absolute; top:6px; left:22px; z-index:1;}
#rmembershipid { padding-left:50px;}
.modal-content { background:#EBEBEB;}
.form-group a {  font-size:15px; color:#81878D;}
.custom-control label {  font-size:15px; color:#81878D;}
.custom-control a {  font-size:15px; color:#81878D;}

.login_popupbtn { float:left; width:100%;}
.login_popupbtn .btn {background: var(--secondarycolor); font-size: 18px; color:#fff; padding:10px 20px;font-weight:bold;}
.login_popupbtn .btn:hover {background: var(--primarycolor);}
.login_popupbtn img { float:none; width:32%; margin-left:1%; border-radius:4px;}
.input-container {display: flex; width: 100%; margin-bottom: 15px;}
.icon {padding: 10px;  color: white; min-width: 40px; text-align: center; background: var(--primarycolor);}
.input-field {width: 100%;  outline: none; border-radius: 25px; border: 1px solid #C0C3C6; background:#fff; height: 50px !important; padding: 0 15px; font-size: 16px; color:#81878D;}
.input-field:focus {border:2px solid var(--primarycolor);} 
.field-icon {float: right; margin-left: -36px; margin-top: 14px; position: relative; z-index: 2; color: #999; font-size:18px; cursor:pointer; }
.popup_social_media { float:left; width:100%;  }
.popup_social_media img { float:none; width:20%; margin-left:1%; border-radius:4px;}
.popup_create_account { float:left; width:100%; padding:15px 0 0 0; font-size:15px; color:#81878D;}
.popup_create_account a { text-decoration:underline;  color:#81878D;}
.modal {  overflow-y:auto;}
.input-container ul.typeahead.dropdown-menu { width:100%; margin:0; padding:0; list-style:none;}
.input-container ul.typeahead.dropdown-menu li { width:100%; list-style:none; background:none; padding:0;}
.input-container ul.typeahead.dropdown-menu li a { font-size:16px; color:#333; padding:8px 15px; background:#fff; font-weight:bold;}
.input-container ul.typeahead.dropdown-menu li a:hover { background:#666; color:#fff; }
.input-container ul.typeahead.dropdown-menu li.active a { background:#666; color:#fff; }

<!-- cart widget and my account menu -->
.top_menu_right1 { float:right; width:60%; margin:8px 0; position:relative;}
.top_menu_right1 a { float:right; font-size:13px; color:#fff; margin-left:10px; padding:9px 20px; border-radius:20px; border:none; outline:none;}
.nav_right_side a span { background:#F00; color:#fff; font-size:12px;  padding:2px 5px 2px 5px; border-radius:50%; position:absolute; right:4px; top:-7px; z-index:2;}
.nav_right_side a i {float: right; color: #333; margin: 0 0 0 4px; font-size: 30px; position: relative;}
.nav_right_side a b { font-size:8px; text-align: center; width: 100%; float: left;}



.cartitem_main{ float:none; width:auto;}
.cartitem_main ul { float:left; width:100%; list-style:none; margin:0; padding:0;}
.cartitem_main li { float:left; width:100%; list-style:none; margin:0; padding:0;}
.cartitem_main  li a { float:left; width:100%; color:#000; font-size:14px; border-bottom:1px solid #ccc; padding:5px 15px; margin:0; border-radius:0;}
.cartitem_main .total { float:right; position:fixed; bottom:50px; background:#fff; left:0; right:0; text-align:center;}

.widget_shopping_cart_content { float:left; width:100%;   }
.widget_shopping_cart_content img { float:left; width:25%; margin:5px 10px 0 0;}
.widget_shopping_cart_content ul { float:left; width:100%; list-style:none; margin:0px; padding:10px 15px !important; border-bottom:1px dotted #ccc; position:relative;}
.widget_shopping_cart_content li { float:left; width:100%; background:none !important; list-style:none; margin:0; padding:0px;}
.widget_shopping_cart_content li a { float:left; background:none !important; list-style:none; margin:0px; padding:0px !important; border:none !important; font-size:14px !important; width:auto;}
.quantity { float:left; padding:4px 0 0 0; font-size:13px !important; width:65%;}
.remove_img { float:right !important; text-align:right; color:#F00 !important; font-size:12px !important; position:absolute; top:12px; right:0;}
.ecard_buttons { float:none; width:100%; padding:10px 0; position:fixed; bottom:0; background:#fff; left:0;   display: flex; justify-content: center;}
.ecard_buttons a {float:none; font-size:15px; color:#fff; background: var(--secondarycolor); border-radius:4px; padding:6px 12px 5px 12px; margin-left:10px;}
.ecard_buttons a:hover {background: var(--primarycolor);}
.order-number a { color:#333 !important;}
.myacc_menu { float:right; width:190px; }
.myacc_menu ul{ float:left; width:100%; list-style:none; margin:0; padding:0;}
.myacc_menu li{ float:left; width:100%; list-style:none; margin:0; padding:0;}
.myacc_menu li a { float:left; width:100% !important; color:#666; font-size:14px; border-bottom:1px solid #ccc; padding:6px 0; margin:0;}
.myacc_menu li a i { color:#666;}
.myacc_menu li a:hover{ font-weight:bold;}

.myacc_menu1 { float:right; width:190px; }
.myacc_menu1 ul{ float:left; width:100%; list-style:none; margin:0;  background:#fff;}
.myacc_menu1 li{ float:left; width:100%; list-style:none; margin:0; padding:0 10px;}
.myacc_menu1 li a { float:left; width:100% !important; color:#666; font-size:14px; border-bottom:1px solid #ccc; padding:6px 0; margin:0;}
.myacc_menu1 li a i { color:#666;}
.myacc_menu1 li a:hover{ font-weight:bold;}

.cartitem_right_side {float: left; width:100%; padding:0 7%; }
.cartitem_right_side p.empty { font-size:16px; color:#333;} 
.cartitem_right_side ul { float:left; width:100%; list-style:none; max-height:460px; overflow:hidden; overflow-y:auto; scrollbar-width: thin;   }
.cartitem_right_side li { float:left; width:100%; list-style:none; display: flex; flex-wrap: wrap; border:1px solid #ccc; padding:10px; border-radius:5px; margin:5px 0;}
.cartitem_right_side li img { width:34%; margin-right:4% }
.cartitem_right_side li .card_title { width:62%;}
.cartitem_right_side li .card_title a.title { float:left; width:100%; font-size:14px; color:#000; margin:5px 0 0 0 !important; padding:0; border:none;}
.cartitem_right_side li .card_title .cart_qty_box { float:left; width:100%;  display: flex; align-items: center; padding:10px 0 0 0;}
.cartitem_right_side li .card_title .cart_qty_box span { padding-right:5px; font-size:14px;}
.cartitem_right_side li .price_box { float:left; width:100%; display: flex; justify-content: space-between; padding:10px 0 0 0;}
.cartitem_right_side li .price_box .price { font-size:14px; color:#000;}
.cartitem_right_side li .price_box .price .no { text-decoration:line-through;}
.cartitem_right_side li .price_box .price .yes { font-weight:700; color: var(--primarycolor);}
.cartitem_right_side li .price_box .fa-trash-o { width:auto; margin:0 !important; padding:0 !important; font: normal normal normal 14px/1 FontAwesome; border:none; font-size:18px; color:#F00;}

.cart_qty_box input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.cart_qty_box input[type=number]::-webkit-inner-spin-button, 
.cart_qty_box input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;}
.cart_qty_box .number-input { margin: 0;}
.cart_qty_box .number-input button { -webkit-appearance: none; background-color:transparent;  border:none; align-items:center; justify-content:center; cursor: pointer; margin:0; position:relative;}
.cart_qty_box .number-input button:before,
.number-input button:after { display:inline-block; position:absolute; content: ''; height:2px; transform:translate(-50%, -50%); width: 10px !important}
.cart_qty_box .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg); width: 10px !important;}
.cart_qty_box .number-input input[type=number] { text-align:center;}
.cart_qty_box .md-number-input.number-input { border:1px solid #ddd; width:105px; height:32px; float:left; border-radius:30px; margin:0 12px 0 0; position:relative;}
.cart_qty_box .md-number-input.number-input button { outline:none; width:30px; height:30px; padding-top:0;}
.cart_qty_box .md-number-input.number-input button.minus { padding-left:3px; float:left;}
.cart_qty_box .md-number-input.number-input button.plus { padding-left: 2px;  position: absolute;}
.cart_qty_box .md-number-input.number-input button:before,
.cart_qty_box .md-number-input.number-input button:after { width:1rem; background-color:#212121; width: 10px !important;}
.cart_qty_box .md-number-input.number-input input[type=number] { max-width:2.5rem; padding:0; border:solid #ddd; border-width:0 2px;  height:30px; outline: none; font-size:16px !important; color:#333;}

.summary_cart_buttons { float:left;  background: #F2F2F2; padding:15px 20px 20px 20px; position:absolute; bottom:0; left:0; display: flex; flex-wrap: wrap;}
.summary_cart_buttons h4 { font-size:20px; text-align:left; padding-bottom:10px;}
.summary_cart_buttons p.text {  padding:8px 0 0 0 !important;  color: #000; font-size:15px; width: 100%;}
.summary_cart_buttons p.text span {float: right; font-weight: bold;}
.summary_cart_buttons p.total_text { padding: 10px 0 0 0 !important; color:var(--primarycolor); font-size:18px !important; border-top:1px solid #000; font-weight:bold; margin-top:10px; width: 100%;}
.summary_cart_buttons p.total_text span { float: right;}
.summary_cart_bottom_checkout_but { margin:15px 0 5px 0; float:left; width:100%; text-align:center;}
.summary_cart_bottom_checkout_but a {  background: var(--secondarycolor); font-size: 16px; color: #fff; text-transform: uppercase; border: none; padding: 10px 40px; border-radius: 30px; margin-right: 12px; font-weight: bold; width:auto; margin:0; float:none; display: initial;}
.summary_cart_bottom_checkout_but a:hover { background:var(--primarycolor); color:#fff;}

/*==============All inner Page==============*/
.inner_page_main { float:left; width:100%; background:#fff; padding:0 0 30px 0;}
.inner_page_main h1 { float:left; width:100%; color:#666; text-align:center; padding:5px 0; font-size:24px; font-weight:bold; display:none;}
.fav_content h1 { float:left; width:100%; text-align:center; padding:30px 0 0 0; font-size:30px; font-weight:bold; color: var(--primarycolor);}
.inner_page_main p { float:left; width:100%; font-size:16px; line-height:26px; color:#333; padding:15px 0 0 0;}
.inner_page_main p b {font-weight:bold; color:#052430;}
.inner_page_main p.ecards_text { float:left; width:100%; font-size:18px; line-height:24px; font-weight:bold; padding:0 0 15px 0;  color: var(--primarycolor);}
.inner_page_main p.ecards_text a { color:#222; text-decoration:underline;}
.inner_page_main p.ecards_text a:hover { text-decoration:none;}
.inner_page_main p a {font-weight:bold; color: var(--primarycolor); }
.inner_page_main p a:hover { background:none;}
.inner_page_main h3 { float:left; width:100%; color:#333; text-align:left; padding:15px 0 0 0; font-size:20px; position:relative;  font-family: "Roboto", sans-serif;}
.inner_page_main h3 .select_right_side { position:absolute; top:0; right:0;}
.inner_page_main h3 .select_right_side .form-control{border-radius: 25px; width:250px; border: 1px solid #C0C3C6; font-weight:400;background: #fff; height: 50px !important; padding: 0 15px; font-size: 16px; color: #81878D;}

.inner_page_main ul { float:left; width:100%; list-style:none; padding:5px 0 0 15px;}
.inner_page_main li { float:left; width:100%; list-style:none; font-size:16px; line-height:26px; color:#333; padding:10px 0 0 15px;  background:url(../images/dotted4.png) left 18px no-repeat;}
.inner_page_main li a {font-weight:bold; color:#000; }
.inner_page_right_side { float:left; width:100%; margin-top:30px;}
.inner_charities_box_bg { float:left; width:100%; padding:20px 20px 15px 20px; background-color:#e9e9e9; border-radius:10px;}
.inner_charities_box_bg p { float:left; width:100%; font-size:18px; color:#323232; text-align:center; padding:15px 0 0 0;}
.inner_charities_box_bg p a {color:#323232; text-decoration:underline;}

.sitemap_inner_page { float:left; width:100%; padding:0;}
.sitemap_inner_page ul { float:left; width:100%; list-style:none; padding:0 !important; }
.sitemap_inner_page li { float:left; width:100%; list-style:none; background:none !important; padding:0 !important;}
.sitemap_inner_page li a { float:left;  font-size:18px; line-height:22px; color:#666; padding:10px 0 0 20px;  background:url(../images/dotted3.png) left 15px no-repeat;}
.sitemap_inner_page li a:hover { color:#000;}

/*==========NEW Dashboard=========*/
.dashboard_left_side { float:left; width:100%;}
.dashboard_left_side h5 { float:left; width:100%; font-size:18px; color:#333; margin:20px 0 10px 0;}
.account_infomation_box { float:left; width:100%;}
.account_infomation_box h6 { float:left; width:100%; color:#fff; font-size:16px; padding:10px 15px; font-family: 'PT Sans', sans-serif; font-weight:400; background: var(--primarycolor);}
.account_infomation_box h6 a { float:right; color:#fff; font-size:16px; font-weight:bold; }
.account_infomation_box p { float:left; width:100%; color:#333; font-size:16px; padding:8px 0 0 0; margin:0;}
.account_infomation_box p a { color:#222;  }
.dashboard_account_link { float:left; width:100%; border:1px solid #ccc;}
.dashboard_account_link ul { float:left; width:100%; list-style:none; padding:10px 15px;}
.dashboard_account_link li { float:left; width:100%; list-style:none; background:none; padding:0; border-bottom:1px dashed #ccc;}
.dashboard_account_link li a { float:left; font-size:16px; color:#333;  font-family: 'PT Sans', sans-serif; font-weight:400; padding:7px 0;}
.dashboard_account_link li a:hover {font-weight:bold;}
.about_img_left { float:left; width:100%; margin-top:20px;}
.about_img_left img { float:left; width:100%;}


.button_right_text {  color: #fff; font-size: 16px; line-height:28px; text-align: center;  padding:9px 28px; border-radius: 30px; display: flex; max-width: 160px; justify-content: center; margin: 0 auto; background: var(--primarycolor);}
.button_right_text:hover {background: var(--secondarycolor);}
.bottom_button_text_bg { float:left; width:100%; text-align:center; padding:30px 0;}
.bottom_button_text_bg a {  color: #fff; font-size: 16px; line-height:28px; text-align: center;  padding:14px 28px; font-weight:bold; border-radius: 30px; max-width: 160px; background: var(--primarycolor);}
.bottom_button_text_bg a:hover {background: var(--secondarycolor);}

.savings_calculator_section_bg { float:left; width:100%; background:#fff;  padding:40px 0;}
.savings_calculator_section_bg .container  {display: flex; align-items: center;}
.savings_calculator_left { float:left; width:50%; margin:0;}
.savings_calculator_left h6 { float:left; width:100%; font-size:20px; line-height:30px; color:#000; display:block !important;}

.savings_calculator_left h2 { float:left; width:100%; font-size:30px; line-height:40px; color:#052438; display:block !important; margin-top:20px;}
.savings_calculator_button { float:left; width:100%; text-align:center; margin-top:30px;}
.savings_calculator_button a { float:left; font-size:18px;   color:#fff; padding:14px 40px 14px 40px; border-radius:30px; font-weight:bold; background: var(--secondarycolor);}
.savings_calculator_button a:hover {background: var(--primarycolor);}
.savings_calculator_img_right { float:left; width:46%; margin:0 4% 0 0;}
.savings_calculator_img_right img { float:left; width:100%; }

.all_inner_page_main { float:left; width:100%; padding:30px 0;}
.all_inner_page_main h3 { float:left; width:100%; font-weight:bold; font-size:30px;  text-align:center;}

.calculate_tab_main { float:left; width:100%; margin-top:10px;}
.calculate_tab_main p { float:left; width:100%; padding:15px 0 0 0; font-size:16px; line-height:24px; color:#222; } 
.calculate_tab_main .nav-tabs  { border-bottom:1px solid #ccc; text-align:center;}
.calculate_tab_main .nav-tabs .nav-link { font-size:22px; color:#222; margin:0 5px; padding:15px 30px 8px 30px; text-transform:uppercase; font-weight:bold;}
.calculate_tab_main .tab-content { float:left; width:100%; margin:0;}
.calculate_tab_box_border { float:left; width:100%; border:1px solid #ccc;  padding:20px 20px 15px 20px;} 
.calculate_tab_box_border p { float:left; width:100%; padding:5px 0 15px 0; font-size:20px; color:#222; text-align:center;} 
.calculate_customers_box { float:left; width:100%; padding:0 0 15px 0;}
.no_of_customers_text { float:left; width:100%; margin-top:30px; text-align:center; font-size:18px; color:#000; font-weight:bold;} 
.no_of_customers_input_box { width:26%; border:1px solid #ccc; height:42px; margin:0 10px; border-radius:4px; font-size:16px; color:#000; padding:0 10px;}
.no_of_customers_text input[type="button"] { float:none; font-size:17px; color:#fff; text-align:center; background: var(--primarycolor); border-radius:5px; padding:11px 20px 9px 20px; text-transform:uppercase; cursor:pointer; border:none;  font-weight:bold;}
.no_of_customers_text input[type="button"]:hover { color:#fff; background: var(--secondarycolor);}

.commission_tab_right {float:right; width:30%; font-size:18px; padding:10px 0 0 0; color:#000; text-align:center; font-weight:bold;}

.calculate_border_box { float:left; width:100%; border:1px dashed #999; border-bottom:none; padding:15px 15px 12px 15px;}
.cal_savings_img_box { float:left; width:7%; text-align:center; margin-right:2%;}
.cal_savings_img_box img { float:left; width:100%; padding:12px;  border:1px solid #ccc; border-radius:50%;}
.form_group_label { float:left; width:19%; position:relative;}
.form_group_label label { position:absolute; top:-4px; left:0;}

.cal_savings_input_box { float:left; width:19%; border:1px solid #ccc; height:42px; border-radius:4px; font-size:16px; color:#000; padding:0 10px; margin-top:16px;}
.cal_savings_input_box_new { float:left; width:100%; border:1px solid #ccc; height:42px; border-radius:4px; font-size:16px; color:#000; padding:0 10px; margin-top:16px;}

.cal_discount_box { float:left; width:12.5%; text-align:center; font-size:14px; color:#222; margin-top:20px; padding:0 7px; font-weight:bold;}
.cal_monthly_discount_box { float:left; width:30%; border:1px solid #ccc; height:42px; border-radius:4px; font-size:16px; color:#666; padding:12px 10px 0 10px; margin-top:16px;}
.cal_savings_icon_box {float:left; width:7%; background:#ccc; border-radius:50%; text-align:center; margin-left:2%;}
.cal_savings_icon_box img { float:left; width:100%; padding:12px;}
.greenbg{ background:#00c513;}
.total_discount_main { float:left; width:100%; border-top:1px dashed #999999;}
.total_discount_box { float:left; width:16%; text-align:center; margin:0 0 0 42%;}
.total_discount_box h6 { float:left; width:100%; text-align:center; font-size:14px; color:#222; margin:20px 0 0 0;}
.total_discount_box img { float:left; width:80%; margin:10px 10% 0 10%;}
.monthly_saving_discount { float:left; width:100%; text-align:left; margin:15px 0; display: flex; justify-content: space-between;}
.monthly_saving_discount .title_left { float:left; width:49%; background:#fff; border-radius:5px; padding:0 15px; line-height: 42px; height: 42px; font-size:16px;}
.monthly_saving_discount .discount_right { float:left; width:49%;  background:var(--primarycolor); border-radius:5px; padding:0 15px; line-height: 42px;  height: 42px;}

.monthly_saving_discount label {    text-align:right; color:#fff; display: flex;}
.monthly_saving_discount label span { text-align:right;}
.monthly_saving_discount label input { text-align:right; width:100%; margin:0; border:none; color:#fff; font-size:16px; background:none; -webkit-text-fill-color: rgba(255, 255, 255, 1);}
.customers_bottom_position { float:left; width:100%; background:var(--secondarycolor); position:fixed; bottom:0; left:0; z-index:99; padding:15px 20px; margin-top:30px;}
.customers_bottom_position h4 { color:#fff; text-align:center; font-size:24px; width:100%;}
.f-bottom { position:static; box-shadow:none;}
.monthly_saving_discount_bottom { float:left; width:100%; text-align:left; font-size:18px; color:#222; font-weight:bold; margin:20px 0 5px 0;}

.monthly_saving_discount_bottom .input_box { float: left; width:100%; border: 1px solid #ccc; height: 42px; border-radius: 4px;
font-size: 16px; color: #000; padding: 0 10px;}
.monthly_saving_discount_bottom .form-control { float: left;   border: 1px solid #ccc; height: 42px; border-radius: 4px;
font-size: 16px; color: #000; padding: 0 10px;}
.cal_savings_input_box_group { float:left; width:100%; border:1px solid #ccc; height:42px; border-radius:4px; font-size:16px; color:#000; padding:0 10px;  }
.group { float:left; position:relative; margin-top:16px; width:19%;}
.group span { display: none;}
.group input { display: block; margin-bottom:0;}
.group input:focus + span {  border-radius: 4px; display: inline-block; padding: 6px 8px; color:#fff; font-size:12px; position:absolute; bottom:52px; left:0; background: var(--primarycolor); }
.group input:focus + span:before {border-bottom:8px solid transparent; border-top: 8px solid #40CFBB; border-left: 8px solid transparent; border-right:8px solid transparent; content: ""; position: absolute; bottom:-16px; left:0; right:0; width:0; height:0; margin:0 auto; border-top: 8px solid var(--primarycolor);}

.cal_savings_box_size1 {float:left; width:32%;  margin-right:1%; margin-top:16px;}
.cal_savings_box_size1 label {float:left; width:100%; font-size:16px; color:#000; font-weight:bold; display:none;}
.cal_savings_box_size1 .savings_input_box {float:left; width:100%; border:1px solid #ccc; height: 42px; border-radius:4px; font-size:16px; padding:0 10px; margin:0;}
.cal_savings_box_size1 .form-control { padding:8px 10px;}

.cal_savings_box_size {float:left; width:15%;  margin-right:1%; margin-top:16px;}
.cal_savings_box_size label {float:left; width:100%; font-size:16px; color:#000; font-weight:bold; display:none;}
.cal_savings_box_size .savings_input_box {float:left; width:100%; border:1px solid #ccc; height: 42px; border-radius:4px; font-size:16px; padding:0 10px; margin:0;}
.cal_savings_box_size .form-control { padding:8px 10px;}
.cal_savings_box_size_top  {float:left; width:15%;  margin-right:1%;}
.cal_savings_box_size_top label {float:left; width:100%; font-size:16px; color:#000; font-weight:bold;}

.cal_sselect_box_input { float:left; width:30%; margin-top:16px; position:relative;}
.cal_sselect_box_input .form_select { float:left; width:32%; margin-right:3%; border:1px solid #ccc; height:42px; border-radius:4px; font-size:16px; color:#000; padding:0 10px; }
.cal_savings_input_box_group { float:left; width:65%; border:1px solid #ccc; height:42px; border-radius:4px; font-size:16px; color:#000; padding:0 10px; position:relative;}
.cal_sselect_box_input span { display: none;}
.cal_sselect_box_input input { display: block; margin-bottom:0;}
.cal_sselect_box_input input:focus + span {  border-radius: 4px; display: inline-block; padding: 6px 8px; color:#fff; font-size:12px; position:absolute; bottom:52px; left:0; background: var(--primarycolor);}
.cal_sselect_box_input input:focus + span:before {border-bottom:8px solid transparent; border-top: 8px solid #40CFBB; border-left: 8px solid transparent; border-right:8px solid transparent; content: ""; position: absolute; bottom:-16px; left:35%; right:0; width:0; height:0; margin:0 auto; border-top: 8px solid var(--primarycolor);}
.average_discount_box_top  {float: left; width: 12.5%; text-align:center; font-weight:bold; padding: 0 7px;  font-size: 16px; color: #000; margin:0;}
.average_discount_box {float: left; width: 12.5%; text-align:center; font-weight:bold; padding: 0 7px;; font-size: 16px; color: #000; margin:16px 0 0 0;}
.cal_sselect_box_input_width { width:36%;}


/*=================Free Member Dashboard1 Step-4==================*/ 
.membership_account_main { float:left; width:100%; }
.membership_account_main h2 { float:left; width:100%; font-size:28px; text-align:center; color:#000; font-weight:bold; margin-top:30px;}
.membership_account_main p { float:left; width:100%; font-size:16px; text-align:center; color:#000; padding:0;}
.membership_box_color1 { float:left; width:100%; margin-top:30px; text-align:center; }
.membership_box_color1 span { float:left; width:100%; margin:10px 0; height:77px; text-align:center; font-size:60px;}
.membership_box_color1 a { float:left; width:100%; border-radius:10px; font-size:16px; color:#fff; padding:15px 0; text-align:center; font-weight:bold;}
.membership_box_color1 img { float:none; width:auto; padding:10px 0;}
.membership_box_color2 { float:left; width:100%; margin-top:30px; text-align:center;}
.membership_box_color2 span { float:left; width:100%; margin:10px 0; height:77px; text-align:center; font-size:60px;}
.membership_box_color2 a { float:left; width:100%; border-radius:10px; font-size:16px; color:#fff; padding:15px 0; text-align:center; font-weight:bold; background:#666;}
.membership_box_color2 img { float:none; width:auto; padding:10px 0;}
.favourites_start_browsing { float:left; width:100%; font-size:52px; line-height:62px; color:#a3a0a0; text-align:center; margin-top:30px;}
.favourites_start_browsing a { font-size:30px;}

/*===========Members Benefit page==============*/
.members_benefit_video_img { float:left; width:100%; margin-top:15px;}
.members_benefit_text_main ul { float:left; width:100%; padding:10px 0 0 0;} 
.members_benefit_text_main li { float:left; width:33%; list-style:none; background:none !important; padding:0 !important;} 
.members_benefit_text_main li a { float:left; padding:6px 0 0 18px !important; font-size:15px !important; list-style:none; background:url(../images/right-aro.png) left 8px no-repeat !important;  font-weight:bold; color:#666;}
.members_pricing_box_main { float:left; width:70%; margin:0 15%;}
.members_benefit_pricing_box { float:left; width:100%; border:1px solid #ccc; margin-top:20px; border-radius:5px;}
.members_benefit_pricing_box h5 { float:left; width:100%; text-align:center; font-size:22px; color:#fff; padding:10px 0; border-radius:5px 5px 0 0; background: var(--primarycolor);}
.members_benefit_pricing_box ul { float:left; width:100%; list-style:none; padding:5px 20px 0 20px; min-height:382px;}
.members_benefit_pricing_box li { float:left; width:100%; list-style:none; font-size:16px; line-height:22px; color:#666; background:url(../images/right-aro.png) left 13px no-repeat; padding:8px 0 0 18px;}
.members_gold_pricing { float:left; width:100%; text-align:center; font-size:40px; color:#222; padding:20px 0 0 0 ; font-weight:bold;}
.members_join_now_but { float:left; width:100%; text-align:center; margin:30px 0; }
.members_join_now_but a { float:none; font-size:14px; color:#666; text-transform:uppercase; padding:10px 20px 7px 20px; border-radius:5px; font-weight:bold;}
.members_join_now_but a:hover { background:#222; color:#fff;}

/*===============Contact Us page===============*/
.contact_map_bg { float:left; width:100%;  margin-top:30px;}
.contact_forms_main { float:left; width:100%; margin-top:0;}
.contact_forms_main p i { padding-right:5px; color: var(--primarycolor);}
.contact_forms_main h4 { float:left; width:100%; font-size:28px; color:#000; font-weight:bold;}
.contact_forms_box { float:left; width:100%; margin-top:30px;}
.reason_inquiry_box { float:left; width:100%; border:1px solid #ccc; padding:15px; margin-top:30px; border-radius:10px;}
.reason_inquiry_icon { float:left; width:36%; margin-right:4%;}
.reason_inquiry_icon img { float:left; width:100%;  border-radius:50%; background: var(--primarycolor);}
.reason_inquiry_text { float:left; width:60%;}
.reason_inquiry_text h5 { float:left; width:100%; font-size:18px; color:#666; padding:0; margin:0; font-weight:bold;}
.reason_inquiry_text p { float:left; width:100%; font-size:15px; color:#666; padding:8px 0 0 0; margin:0;}
.inquiry_view_more { float:left; width:100%; padding:10px 0 0 0;}
.inquiry_view_more a { float:left; font-size:13px; color:#666; text-transform:uppercase; font-weight:bold;}
.inquiry_view_more a:hover { color: var(--primarycolor);}

/*==================charity popup=================*/
.charity_model .close { font-size:14px; color:#666; font-weight:normal;}
.charity_model h4 { font-size:26px; color:#000; text-align:center; padding:40px 0 0 0;}
.charity_model h5 { font-size:20px; color:#000; padding:15px 0 0 0;}
.charity_model p { font-size:15px; line-height:22px; color:#333; padding:10px 0 0 0; }
.charity_model .input-container { margin-bottom:0;}
.charity_model .input-field { width:100%; border:1px solid #333; margin-top:15px; border-radius:5px;}
.charity_model .charity_btn {font-size:15px; font-weight:500;  text-align:center; text-decoration:underline;  color: var(--primarycolor);}
.charity_model .login_popupbtn { text-align:center; margin-top:10px;}
.charity-headermsg {background: #fff; padding:7px 0; text-align: center; font-weight:bold; font-size: 14px;}
.charity-headermsg a { color: var(--primarycolor);}
 
/*==============Page Search bar==============*/
.inner_search_bar_bg { float:left; width:100%; background:none; border-radius:0; position:relative; top:0;  margin:0; padding:0; }
.search_type_text { float:left; font-size:18px; color:#333; padding:12px 0 0 0; font-weight:bold;  width:100%; color:#061D45;   text-transform:inherit;}
.search_radio_button { float:left; width:100%; font-size:16px; color:#333; padding:18px 0 0 0; }
.search_radio_button label { margin-right:15px;}
.search_suburb_input_box { float:left; width:100%; display: flex;}
.search_suburb_input_box span { float:left; font-size:16px; color:#333; padding:18px 15px 0 15px; text-align:center;}
.search_suburb_box { float:left; height:38px; color:#000; padding:0 8px; font-size:14px; border-radius:5px; border:1px solid #333; width:100%; margin:7px 0; background:#fff;}
.search_suburb_box.postalcode { float:left; width:110px; height:38px; color:#000; padding:0 8px; font-size:14px; border-radius:5px; border:1px solid #333;}
.search_box_main { float:left; width:100%; padding:7px 0 0 0;}
.search_box_main1 { float:left;  width:80%; padding:0 0 10px 0; position:relative;}
.search_box_main .dropdown-menu { background:#fff;}
.search_box_main1 .dropdown-menu { background:#fff;}
.search_main_input_box { float:left; width:58%; height:42px; color:#000; padding:0 8px; font-size:14px; border-radius:5px 0 0 5px;  border:1px solid #ccc; background:#fff;}
.search_main_input_box1 { float:left; width:90%; height:42px; color:#000; padding:0 8px; font-size:14px; border-radius:5px 0 0 5px; border:1px solid #333; background:#fff;}
.search_main_input_box2 { float:left; width:80%; height:42px; color:#000; padding:0 8px; font-size:14px; border-radius:5px 0 0 5px;  border:1px solid #333; background:#fff;}
.wallet_view_grid_list { float:left; width:100%; text-align:center; display: flex; align-items: center; padding:9px 0 0 0;}
.wallet_view_grid_list span { font-size:16px; color:#222; padding-right:8px;}
.wallet_view_grid_list .fa { font-size:24px; color:var(--primarycolor); margin:0 2px; cursor:pointer;}
.wallet_view_grid_list .fa:hover { color:var(--secondarycolor);}
.wallet_view_grid_list .fa.active { color:var(--secondarycolor);}

.search_box_main input[type="button"], .search_box_main input[type="submit"] { float:right; width:20%; height:38px; background:url(../images/search-icon.png) no-repeat center center  var(--secondarycolor); border:none; cursor:pointer; border-radius:0 5px 5px 0;}
.search_box_main input[type="button"]:hover, .search_box_main input[type="submit"]:hover {background:url(../images/search-icon.png) no-repeat center center  var(--primarycolor);}
 .search_box_main1 input[type="button"], .search_box_main1 input[type="submit"] { float:right; width:10%; height:38px;   border:none; cursor:pointer; border-radius:0 5px 5px 0;  background:url(../images/search-icon.png) no-repeat center center  var(--secondarycolor);}
  .search_box_main1 input[type="button"]:hover, .search_box_main1 input[type="submit"]:hover {background:url(../images/search-icon.png) no-repeat center center  var(--primarycolor);}
.search_box_main input[type="close"] { float:right; width:20%; height:38px; background:url(../images/cancel-icon.png) no-repeat center center #222; border:none; cursor:pointer; border-radius:0 5px 5px 0;}
.search_categories_input { float:left; width:30%; height:42px; color:#000; padding:0 8px; font-size:14px;  border:none; margin-right:2%; position:inherit; left:0; border:1px solid #ccc; background:#fff; border-radius:5px;}
.search_box_main1 ul { margin:0 !important; padding:0 !important;}
.search_box_main1 .dropdown-menu li { background:none; padding:0 !important; margin:0 !important;}

.search_padding_box { float:left; width:10%;} 
.sort_ecards_value_box { float:left; width:100%; text-align:center; font-weight:bold; padding:14px 0 10px 0;}
.sort_ecards_value_box a { font-size:18px; color:#fff; padding:8px 20px; border-radius:5px; margin:0 2px;}
.sort_ecards_value_box span { color:#fff; font-size:18px; text-transform:uppercase; padding-right:3px; }

.deals_and_coupons_box { float:left; width:100%; margin-top:30px; border:1px solid #ccc; background:#fff;}
.deals_and_coupons_img { float:left; width:100%; position:relative;}
.deals_and_coupons_img img { float:left; width:100%;}
.daily_off_box_right { float:left; width:44px; height:23px; font-size:14px; position:absolute; top:14px; right:0px; color:#fff;  text-align:center; text-transform:uppercase; line-height:16px; padding:5px 0 0 0; background:#0add00; overflow:auto; background: var(--primarycolor);}
.deals_and_coupons_title {float:left; width:100%; padding:12px 0; text-align:center;  }
.deals_and_coupons_title a { float:none; font-size:16px; color:#000; text-align:center; font-weight:bold; }
.coupons_time_box { float:left; width:20%; text-align:center; border:1px solid #ccc; padding:4px 0; font-size:11px; line-height:14px; color:#222; margin:10px;}
.deals_and_coupons_text { float:left; width:72%; margin-top:12px;}
.deals_and_coupons_text h4 { float:left; width:100%; font-size:14px; color:#666;}
.deals_and_coupons_text p { float:left; width:100%; font-size:13px; color:#666; padding:6px 0 0 0;}
.deals_coupons_portmembers_title { float:left; width:92%; margin:0 4%; font-size:14px;  font-weight:bold; color:#000; padding:5px 0; display: flex; align-items: center; min-height:66px;}
.deals_coupons_portmembers_title .coupon_title { float:left; width:67%; text-align:left;}
.deals_coupons_portmembers_title .members_description { float:right; font-size:18px; color:var(--primarycolor); width:32%; text-align:right; }

.coupon_code_bg_main { float:left; width:100%; background:#fff; padding:20px;}
.coupon_code_bg_main h2 { float:left; width:100%; font-size:15px; color:#000; text-align:center;  }
.coupon_code_box { float:left; width:100%; background:#fbeac7; border:1px solid #21ac75; margin:20px 0 10px 0;}
.coupon_code_box h3 { float:left; width:60%; font-size:16px; padding-top:10px; color:#000; font-weight:bold; text-align:center;}
.coupon_code_btn { float:left; width:40%; padding:10px 0; border:none; font-size:14px; color:#fff; background:#21ac75; font-weight:bold; text-align:center;}
.onlineshop_code_border { float:left; width:100%; background:#fff; border:1px solid #2d87da ; margin:20px 0 10px 0;}
.onlineshop_code_border h3 { float:left; width:100%; font-size:18px; padding:12px 0; color:#000; font-weight:bold; text-align:center;}
.coupon_goto_store_btn { float:left; width:100%; padding:10px 0; border:none; font-size:16px; color:#fff; background:#2d87da ; font-weight:bold; text-align:center;}
.coupon_goto_store_btn:hover { color:#fff;}
/*==========Online Shops Box=========*/ 
.section_white_bg_main { float:left; width:100%; background:#fff; padding:30px 0;}
.section_white_bg_main h3 { float:left; width:100%; font-size:26px; text-align:center; position:relative; font-weight:bold;  color: var(--primarycolor);}
.section_grey_bg_main { float:left; width:100%; background:#ebebeb; padding:30px 0;}
.section_grey_bg_main h3 { float:left; width:100%; font-size:26px; text-align:center; position:relative; font-weight:bold; color: var(--primarycolor);  }

.onlineshop_title { float:left; width:100%; text-align:center; position:absolute; bottom:0; left:0; padding:50px 0 0 0; border-radius:5px 5px 0 0;
background: rgba(6,29,69,1);
background: -moz-linear-gradient(top, rgba(6,29,69,1) 0%, rgba(6,29,69,0.52) 48%, rgba(6,29,69,0.12) 88%, rgba(6,29,69,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,29,69,1)), color-stop(48%, rgba(6,29,69,0.52)), color-stop(88%, rgba(6,29,69,0.12)), color-stop(100%, rgba(6,29,69,0)));
background: -webkit-linear-gradient(top, rgba(6,29,69,1) 0%, rgba(6,29,69,0.52) 48%, rgba(6,29,69,0.12) 88%, rgba(6,29,69,0) 100%);
background: -o-linear-gradient(top, rgba(6,29,69,1) 0%, rgba(6,29,69,0.52) 48%, rgba(6,29,69,0.12) 88%, rgba(6,29,69,0) 100%);
background: -ms-linear-gradient(top, rgba(6,29,69,1) 0%, rgba(6,29,69,0.52) 48%, rgba(6,29,69,0.12) 88%, rgba(6,29,69,0) 100%);
background: linear-gradient(to top, rgba(6,29,69,0.7) 0%, rgba(6,29,69,0.52) 48%, rgba(6,29,69,0.12) 88%, rgba(6,29,69,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061d45', endColorstr='#061d45', GradientType=0 );
}
.onlineshop_title h2 { color:#fff !important; font-size:14px !important; text-align:center !important; padding:0 20px !important; line-height:18px !important;}
.onlineshop_title span { float:right; position:inherit; right:4px; top:4px; font-size:22px; z-index:99;}
.online_extralink { float:left; width:76%; margin:0 12%; position:absolute; height:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.online_extralink ul { float:left; width:100%; list-style:none; margin:8px 0 0 0; padding:0;  background:#fff; box-shadow:0 4px 10px #333; }
.online_extralink li { float:left; width:80%; list-style:none; margin:0 10%; padding:4px 0; border-bottom:1px solid #e8e8e8; background:none !important;}
.online_extralink li a { float:left; width:100%; font-size:15px; color:#333; padding:2px 0; font-weight:400;  }
.online_extralink li a i { float:left; width:15px; font-size:15px; margin:2px 7px 0 0; background: var(--primarycolor);}
.online_extralink li a:hover {background: var(--primarycolor);}
.online_shop_box { float:left; width:100%; border-radius: 5px; margin:70px 0 30px 0; border:1px solid #cccccc; }
.online_shop_img { float:left; width:100%; position:relative;  border-radius:5px 5px 0 0;}
.online_shop_img img { float:left; width:100%; border-radius:5px 5px 0 0;}
.online_home_logo_box { float:left; width:80%; margin:0 10%; position:absolute; top:-48px; background:#fff; border-radius:10px; box-shadow:0 1px 8px #999; padding:10px 0 10px 0; z-index:9;}
.online_home_logo_box img.online_logo { float:left; width:60%; margin:0 20% 5px 20%;  border-radius:0;}
.online_home_logo_box img.ecard_logo { float:right; width:30%; margin:0 0 0 10%; border-radius:0; transform: rotate(25deg); position: absolute; right: -21px; top: -14px; border-radius:5px;}
 .onlineshop_cashback {color: var(--primarycolor); float: left; width: 100%; text-align: center; font-size: 20px; font-weight: 700; padding: 10px 0;}

.online_favorite {float:left; position:inherit; left:2px; bottom:5px;}
.online_favorite a { color:#fff !important; float:left; background:none; font-size:22px; padding:5px 7px;}
.online_favorite a:hover{ color:#F00 !important;}
.online_favorite a.added{color:#F00 !important;}
.online_shop_now_button { float:left; width:100%; text-align:center; padding:0 0 5px 0;}
.online_shop_now_button a { float:none; width:100%; text-align:center; font-size:15px; text-transform:uppercase; color:#fff; font-weight:bold;}
.online_deals_icon { float:left; width:100%; margin:0; text-align:center; }
.online_deals_icon a {  font-size:16px; color:#fff; font-weight:bold; text-align:center; padding:5px 0 0 0; }
.online_shop_title_bg { float:left; width:100%;  padding:6px 12px 6px 12px;   border-radius:0 0 5px 5px; position:relative; background:var(--secondarycolor);  }
.online_shop_title_bg:hover {background:var(--primarycolor);  }
.online_shop_title_bg_new {  width:100%; margin:0 auto; border-radius: 0 0 5px 5px;  padding:6px 12px 6px 12px; background: var(--secondarycolor); float:left; width:100%;} 
.online_shop_title_bg_new:hover {background: var(--primarycolor);  }
.online_viewmore_button { float:left; width:100%; text-align:center; border-bottom:1px solid #fff;}
.online_viewmore_button a { float:left; width:100%; margin:0; border-right:none; font-size:16px; color:#fff; padding:10px 0 10px 0; font-weight:bold;}
.twobtn {display: flex;}
.online_viewmore_button a:hover { background:#fff; color:#666;} 
.online_share_button { float:left; width:100%; text-align:center; margin-top:9px; padding:10px 0 4px 0; }
.online_share_button a { float:none;  font-size:15px; border-radius:20px; border:1px solid #fff; color:#fff; padding:6px 20px 4px 20px;}
.online_share_button a:hover { background:#666; border:1px solid #666;}
 
.online_bottom_icon { float:left; width:100%; text-align:center; padding:15px 0 0 0;}
.loader_localshopsearch { width: 100%; height:50px; z-index: 9999; background: url('../images/contentLoader.gif') 50% 50% no-repeat rgb(255,255,255); float:left; text-align:center; display:none;}


/*==========Online Shops Hover effect=========*/ 
.os_hovereffect { width: 100%;  float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.os_hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.os_hovereffect:hover .overlay { background-color: rgba(170,170,170,0.4); }
.os_hovereffect h2, .os_hovereffect img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } 
.os_hovereffect img { display: block; position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 
.os_hovereffect:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.os_hovereffect h2 { color: #fff; text-align: center; position: relative; font-size:18px; padding: 8px 0; background-color: rgba(0,00,0,0.6); } 
.os_hovereffect a.info { display: inline-block; text-decoration: none; padding:10px 20px 8px 20px; border-radius:20px; border: 1px solid #fff; margin: 60px 0 0 0; background: rgba(0, 0, 0, 0.6); }
.os_hovereffect a.info:hover { background: #222; }
.os_hovereffect a.info { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity: 0; filter: alpha(opacity=0); color: #fff; text-transform: uppercase; } .os_hovereffect:hover a.info, .os_hovereffect:hover h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 

/*==========Online Shops Sales Hover effect=========*/ 
.online_sales_logo_border { float:left; width:100%; position:relative; border:1px solid #ccc; padding:30px; margin-top:50px;}
.online_sales_logo_img { float:left; width:20%; position:absolute; top:-41px; left:20px; padding:0 10px; background:#fff;}
.online_sales_logo_img img { float:left; width:100%;}

.online_sales_tab_main { float:left; width:100%; margin-top:30px;} 
.online_sales_tab_main .tab-content { float:left; width:100%; margin:0;}
.online_sales_tab_main .nav-tabs .nav-link { margin:0 2px; font-size:16px; padding:11px 25px; color:#000; border-radius:25px; border:none;}
.online_sales_tab_main .nav-tabs .nav-link:hover { color:#fff; }
.online_sales_tab_main .nav-link, .nav-tabs .nav-link.active { color:#fff; }
.online_sales_tab_main .loadres { float:left; width:100%; text-align:center; padding:130px 0 0 0; min-height:261px;}

.online_sales_img_box { float:left; width:100%; margin-top:30px; }
.online_sales_img_box img { float:left; width:100%; position:relative;}
.oss_hovereffect { width: 100%;  float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.oss_hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;   opacity: 0; filter: alpha(opacity=0); background-color: rgba(0,0,0,0.6); /*-webkit-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); -webkit-transition: all 0.2s 0.4s ease-in-out; transition: all 0.2s 0.4s ease-in-out;*/}
.oss_hovereffect img { display: block; position: relative; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; min-height:225px;}
.oss_hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; padding:20% 0 0 0; text-shadow:0 1px 2px #333; }
.oss_hovereffect p {  color: #fff; text-align: center; position: relative; font-size: 15px; padding:10px 10px 0 10px; text-shadow:0 1px 2px #333;}
.oss_hovereffect a.info { float:none; display: inline-block; text-decoration: none; padding: 10px 20px 8px 20px; border-radius:20px; text-transform: uppercase; color: #fff; border: 1px solid #fff; margin: 10px 0 0 0; background-color:  rgba(0,0,0,0.5); -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size:14px;}
.oss_hovereffect a.info:hover {background: var(--primarycolor);  border:1px solid  var(--primarycolor);}
.oss_hovereffect:hover .overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}
.oss_hovereffect:hover h2 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.oss_hovereffect:hover a.info { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
 
 
/*============Online Shop page===============*/
.onlineshop_details_img  { float:left; width:100%; background:#fff; border:1px solid #ccc; margin-top:30px;}
.onlineshop_details_img img { float:left; width:100%; padding:4px;}
.onlineshop_details_rightside { float:left; width:100%; margin-top:30px;}
.onlineshop_details_rightside h2 { float:left; width:100%; font-size:24px;  padding:0;  color: var(--primarycolor); }
.onlineshop_details_rightside p { float:left; width:100%; font-size:16px; line-height:24px; color:#222; padding:15px 0 0 0;}
.online_details_deals_icon { float:left; width:100%; margin:15px 0 0 0; }
.online_details_deals_icon a { float:left; width:100%; font-size:18px; color:#222; font-weight:bold;}
.online_details_deals_icon a:hover {  color: var(--primarycolor);}
.onlineshop_store_but { float:left; width:100%; margin-top:20px; }
.onlineshop_store_but a { float:left; font-size:16px; color:#666; text-transform:uppercase; border:1px solid #666; padding:11px 25px; border-radius:5px; margin-right:12px;}
.onlineshop_store_but a:hover { background:var(--primarycolor); border:1px solid var(--primarycolor); color:#fff;}
.onlineshop_store_but a.added { color:#F00 !important;}
.onlineshop_note_text { float:left; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:17px 0; margin-top:20px; font-size:16px;}
.onlineshop_social_media { float:left; width:100%; padding:20px 0 0 0;}
.onlineshop_social_media a { float:left; margin-right:10px; font-size:20px; color:#000;}

.onlineshop_details_tab_main { float:left; width:100%; margin-top:30px;}
.details_tab_left { float:left; width:25%;}
.details_tab_right { float:left; width:75%; border:1px solid #ccc; padding:5px 15px 15px 15px; min-height:278px;}
.online_details_tab_text { float:left; width:100%; padding-bottom:10px;}
.online_details_tab_text img { float:left; width:100%;}
.online_details_tab_text p { float:left; width:100%; font-size:16px; color:#222; line-height:24px; padding:15px 0 0 0;}
.online_details_tab_text h1, h2, h3, h4, h5, h6 { float:left; width:100%; font-size:16px; color:#222; line-height:30px; padding:0;}


.details_tab_left .nav-pills .nav-link { border:1px solid #ccc; padding:20px; color:#222; font-size:22px; font-weight:bold; border-radius:0;}
.details_tab_left .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color:#fff;}
.customer_reviews { float:left; width:100%; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.reviewing_form_main { float:left; width:100%; margin-top:15px;}
.online_products_box { float:left; width:100%; margin-top:20px;}
.online_products_box img { float:left; width:100%;}
.online_deals_coupons { float:left; width:100%; border:1px solid #ccc; margin-top:30px; background:#fff;}
.online_deals_coupons_logo { float:left; width:100%; padding:15px 20px; border-bottom:1px solid #ccc;}
.online_deals_coupons_logo img { float:left; width:100%;}
.online_deals_coupons h5 { float:left; width:100%; font-size:18px; color:#666; text-align:center; margin-top:20px;}
.online_deals_coupons p { float:left; width:100%; font-size:15px; text-align:center; padding:15px; min-height:100px;}
.claim_coupon_but { float:left; width:100%; text-align:center;}
.claim_coupon_but a { font-size:15px; color:#666; border:1px solid #666; font-weight:bold; padding:8px 15px; border-radius:5px;}
.claim_coupon_but a:hover {  color:#fff !important; background:var(--primarycolor); border:1px solid var(--primarycolor);}
.claim_coupon_but a.added { color:#F00 !important; }
.online_clock_time { float:left; width:100%; font-size:16px; color:#222; text-align:center; padding:25px 0 12px 0;}
.online_clock_time i { color: var(--primarycolor);}
.coupon_count { float:left; width:100%;  padding:8px 15px; background:#fff; border:1px solid #ccc;}
.coupon_count span { float:left; font-size:20px; color:#666; padding:5px 0 0 0; font-weight:bold;}
.coupon_count a { float:right; font-size:14px; color:#666;  text-transform:uppercase; padding:10px 20px 7px 20px; border-radius:20px; background:#fff; border:1px solid #666;}
.coupon_count a:hover { color:#fff;  background: var(--primarycolor);  border:1px solid  var(--primarycolor);}
.online_supporting_box { float:left; width:100%;}
.online_supporting_text { float:left; width:100%; margin-top:15px;}
.online_supporting_text p { float:left; width:100%; padding-top:15px; font-size:18px; line-height:24px; color:#222;}
.online_supporting_text h3 { float:left; width:100%; padding-top:15px; font-size:26px; color:#03ac07;}

.onlineshop_coupon_view_box { float:left; width:100%; border:1px solid #ccc; padding:30px; margin:30px 0 0 0;}
.onlineshop_coupon_view_img { float:left; width:100%;}
.onlineshop_coupon_view_img img { float:left; width:100%;}
.onlineshop_coupon_right_border { float:left; width:100%; border:1px dashed #ccc; padding:30px;}
.onlineshop_coupon_right_border h3 { float:left; width:100%; font-size:24px; font-weight:bold; color:#000;}
.onlineshop_coupon_right_border h3 a { float:right;  font-size:15px; color:#fff; text-align:center; padding:12px 24px 10px 24px; border-radius:20px; background: var(--primarycolor);}
.onlineshop_coupon_right_border h3 a:hover { background:#666;}
.onlineshop_coupon_right_border p { float:left; width:100%; font-size:16px; line-height:24px; padding:15px 0 0 0; color:#333; }
.coupon_date_text_color { float:left; width:100%; position:relative; color:#222; padding:15px 0 0 0;}
.coupon_date_text_color i { color: var(--primarycolor);}
.onlineshop_coupon_share { float:right; color:#222;}
.onlineshop_coupon_share a { color:#666; border:1px solid #666; padding:8px 20px 5px 20px; border-radius:15px; }
.onlineshop_coupon_share a:hover { color:#fff; background:var(--primarycolor);  border:1px solid var(--primarycolor);}
.onlineshop_coupon_share a i { color:#666;}
 
.redirect_main { float:left; width:70%; margin:0 15%; text-align:center;}
.redirect_main h3 { float:left; width:100%; font-size:26px; padding:30px 0 20px 0; text-align:center;}
.redirect_main img { float:left; width:20%; margin:0 40%;}
.redirect_main p { float:left; width:100%; text-align:center; font-size:16px; margin:0;}
.redirect_main p a.btn { color:#fff; background: var(--secondarycolor);}
.redirect_main p a.btn:hover  {background: var(--primarycolor);}

.online_viewmore_button { border-bottom:none;}
.online_details_deals_icon a { float:none; margin-right:20px;}
.online_details_deals_icon i { color: var(--primarycolor);}
.os_hovereffect .overlay { padding:30px 0 0 0;}
.os_hovereffect a.info { margin:5px 0; padding:9px 15px 6px 15px; font-size:13px;}
.os_hovereffect h2 { position:absolute; top:0; width:100%;}
 
/*============eCard Shop page===============*/
.ecard_box_main { float:left; width:100%; margin-top:30px; padding:10px;}
.ecard_color_100 {background:#014ba0;}
.ecard_color_200 {background:#01573e;}
.ecard_color_300 {background:#d37802;}
.ecard_color_500 {background:#007871;}
.ecard_img_box { float:left; width:100%; background:#fff;}
.ecard_img_box img { float:left; width:43% !important;}
.ecard_text_box_mid { float:left; width:43%;}
.ecard_text_box_mid p { float:left; width:100%; text-align:center; font-size:17px; color:#000; padding:15px 0 0 0;}
.ecard_value_text { float:left; width:100%; font-size:30px; color:#666; text-align:center; line-height:40px; padding:0; font-weight:bold;font-weight:bold;}
.ecard_value_text span { color:#01d629; text-decoration:line-through;  color: var(--primarycolor);} 
.ecard_value_text small { font-size:18px; } 
.ecard_value_text a { color:#01d629;  color: var(--primarycolor);} 
.ecard_icon_box { float:left; width:11.5%; margin:10px 2.5% 0 0; text-align:center;}
.ecard_icon_box a { float:right; text-align:center; border:1px solid #acacac; font-size:20px; color:#acacac; padding:7px 3px 7px 9px; border-radius:5px; margin:2px 0;}
.ecard_icon_box a:hover { background:#666; color:#fff; border:1px solid #666;}
.ecard_favorite { float:right; position:absolute; bottom:8px; left:10px; z-index:99; cursor:pointer; color:#fff;}
.ecard_favorite a { color:#fff !important; font-size:18px; border-radius:4px; background:rgba(0, 0, 0, 0.7); padding:3px 0 3px 6px;}
.ecard_favorite a:hover{ color:#F00 !important;}
.ecard_favorite a.added{color:#F00 !important;}

.ecard_checkbalance { float:right; position:absolute; bottom:14px; left:10px;z-index:99; cursor:pointer; color:#fff;}
.ecard_checkbalance a { color:#fff !important; font-size:14px; border-radius:4px; background:rgba(0, 0, 0, 0.7); padding:6px 10px;}
 
.value_text_box { float:left; width:100%; color:#00f60c; font-size:24px; font-weight:bold;padding:15px 0 0 0;  color: var(--primarycolor);}
.value_text_box span { text-decoration:line-through; color:#222;}
.gift_cards_img_box { float:left; width:100%; margin-top:10px;}
.gift_cards_img_box img { float:left; width:100%;}
.gift_cards_input { float:left; width:60px; height:38px; text-align:center; border-radius:5px; margin-right:10px; color:#222; font-size:16px; border:1px solid #ccc;}

.local_shop_box_bg { float:left; width:100%; background:#fff; margin-top:30px; border:1px solid #ccc; position:relative;}
.local_shop_banner_img { float:left; width:100%; position:relative;}
.local_shop_banner_img img { float:left; width:100%;}
.local_favorite { float:right; position:absolute; top:10px; right:10px; z-index:99; cursor:pointer;}
.local_favorite a { color:#fff !important; font-size:22px; border-radius:4px; background:rgba(0, 0, 0, 0.7); padding:3px 6px;}
.local_favorite a:hover {  color: var(--primarycolor);}
.local_favorite a.added { color: var(--primarycolor);}
.localshop_title_bg  {float:left; width:100%; font-size:18px; color:#fff; padding:12px 0 7px 15px; text-align:left; 
font-weight:bold;   color: var(--secondarycolor);}
.local_deals_icon { float:left; width:100%; margin:10px 0; text-align:center; }
.local_deals_icon i { color: var(--primarycolor);}
.local_deals_icon a {  font-size:16px; color:#222; font-weight:bold; text-align:center; padding:5px 0 0 0; }
.local_deals_icon a:hover {   color: var(--primarycolor);}
.local_view_more { float:left; width:100%; margin:0; text-align:center; }
.local_view_more a { float:left; width:100%; text-align:center; padding:14px 0; font-size:16px; color:#fff; font-weight:bold; background:var(--secondarycolor);}
.local_view_more a:hover {  background:var(--primarycolor);}
.local_share_more { float:left; width:100%; text-align:center; margin:15px 0 ;}
.local_share_more a { float:none; font-size:14px; border:1px solid #333; border-radius:20px; padding:5px 20px 3px 20px;  color:#333;   }
.local_share_more a i { color:#333 !important;}
.local_share_more a:hover { color:#fff; background:var(--primarycolor);  border:1px solid var(--primarycolor);}

.local_shop_font_icon { float:left; width:100%; text-align:center; padding:15px 0 12px 0;}
.local_shop_font_icon a { color:#222; margin:0 6px;}
.local_shop_state_name { float:left; width:100%; font-size:16px; color:#222;  text-align:left; padding:0 0 10px 15px; color:var(--primarycolor);}

/*===========Cart page==============*/ 
.cart_page_main { float:left; width:100%; margin-top:30px;}
.cart_page_main a.btn {font-size: 18px; color:#fff; padding:12px 20px; border-radius: 30px; font-weight:bold;  }
.cart_page_main a.btn:hover {background: var(--primarycolor);}
.cart_page_main h2 { float:none; width:100%; font-size:24px; font-weight:bold;  margin-bottom:15px;  color: var(--primarycolor);} 
.cart_page_main p { float:left; width:100%; font-size:16px !important; line-height:24px; color:#222; padding:0 !important;} 
.thumbnail_img {float:left; width:18%; margin-right:10px;}
.thumbnail_img img { float:left; width:100%;} 
.form_quantity_box { float:left; border:1px solid #ccc; font-size:14px; color:#222; text-align:center; width:50px; border-radius:5px; height:32px;}
.payment_detail_bg { float:left; width:100%; background:#fff; border:1px solid #ccc; padding:20px; margin:10px 0 15px 0;}
.my_account_text_bg { float:left; width:100%; background:#fff; border:1px solid #ccc; padding:20px; margin:15px 0;}
.login_box_bg { float:left; width:50%;  margin:25px 25% 0 25%; border:1px solid #ccc; padding:5px 20px 20px 20px;}
.login_box_bg_login {border-radius:10px; background:#EBEBEB;  border:none; width: 50% !important; margin:30px 25% 0 25% !important;}
.login_box_bg_login h5 { padding:15px 0; }


.login_box_bg_login h2 { float:left; width:100%; font-size:24px; color:#666; margin-top:20px;}
.login_background_main { float:left; width:100%;}
.login_background_main h3 { float:left; width:100%; margin-top:30px; padding:0 25%; font-style:26px; text-align:center; color:#333;}
.logo_content { float:left; width:30%; margin:30px 35% 0 35%;}
.logo_content img { float:left; width:100%;}
.expiration_card_img { float:left; width:100%;}
.expiration_card_img img { float:left; width:70px; margin:0 10px 0 0;}

.rewards_website_box { float:left; width:100%;}

/*============Products page===============*/
.products_category_menu { float:left; width:100%; background:#ebebeb; margin-top:30px ;}
.products_category_menu ul { float:left; list-style:none; width:100%; padding:0 15px;}
.products_category_menu li { float:left; list-style:none; padding:0; background:none;}
.products_category_menu li a { float:left; line-height:none; text-transform:uppercase; padding:15px 15px; font-size:15px;  }
.products_category_menu li a:hover  { color: var(--primarycolor);}
.products_category_menu li a.active { color: var(--primarycolor);}
.products_category_menu .slick-slide { margin:0;}
.sales_menu_but { float:right;}
.sales_menu_but a { float:right; font-size:15px; color:#fff; background:#ef4135; padding:14px 20px; text-transform:uppercase;}
.sales_banner_box { float:left; width:100%;}
.sales_banner_box img { float:left; width:100%;}
.latests_products_main { float:left; width:100%; margin-top:30px;}
.latests_products_box { float:left; width:25%; overflow:hidden; height:250px !important; position:relative;}
.latests_products_box img { float:left; width:100%; position:relative; height:auto;}
.category_more_button { float:right; position:absolute; right:15px; top:0; font-size:16px; text-transform:uppercase; color:#666; border:1px solid #666; border-radius:20px; padding:12px 20px 8px 20px;}
.category_more_button:hover { color:#fff; background:#666;}
.products_box_border { float:left; width:100%; margin-top:30px; background:#e6e6e6; padding:4px; position:relative;}
.products_box_img { float:left; width:100%; position:relative; background:#fff; overflow:hidden; height:300px !important;}
.products_box_img img { float:left; width:100%; position:relative; height:auto; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.product_box_rel { float:left; width:100%;}
.products_box_img_q { float:left; width:100%; position:relative; background:#fff; overflow:hidden; border:1px solid #ccc; height:170px !important;}
.products_box_img_q img { float:left; width:100%; height:auto; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.product_box_rel h4 { float:left; width:100%; font-size:12px; margin-top:12px; color:#000; text-align:center;}
.products_price_textrel { float:left; width:100%; font-size:16px; color:#0C0; text-align:center; font-weight:bold;}
.products_box_img h3{ float:left; width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#fff !important; font-size:16px !important; padding:10px 0px; font-weight:bold;text-transform:uppercase;}
.products_price_off_bg { float:left; position:absolute; width:60px; height:60px; font-size:12px; color:#fff; background:url(../images/off-bg.png) left top no-repeat; text-transform:uppercase; line-height:14px; padding:14px 0 0 0; text-align:center;}
.products_price_off_bg span { float:left; width:100%; font-size:15px; color:#fff;}
.products_site_logo { float:left; width:60px; height:60px; background:#fff; border:1px solid #ccc; border-radius:50%; position:absolute; top:0; right:0;}
.products_site_logo img { float:left; width:100%; border-radius:50%;}
.products_title_text { float:left; width:100%; font-size:16px; color:#222; text-align:center; padding:0 15px; margin-top:20px; min-height:44px !important;font-weight:bold;}
.products_price_text { float:left; width:100%; font-size:18px; color:#0C0; text-align:center; margin:12px 0 0 0; padding:5px 10px 0 10px; line-height:40px; background-color: rgba(173,173,173,0.6);font-weight:bold;}
.products_price_text a { color:#fff !important; font-size:22px; margin-top:7px; z-index:99; position:relative;}
.products_price_text a.added{color:#F00 !important;}
.products_price_text span { text-decoration:line-through; color:#222;}
.products_stars_box { float:left; width:100%; text-align:center !important; margin:10px 0 6px 0;}
.products_stars_box img {  width:auto !important; display:inline !important;}
.products_box_border:hover {background: var(--primarycolor);}
.products_box_border:hover .products_title_text {color:#fff;  }
.products_box_border:hover .products_price_text { background-color: rgba(0,0,0,0.2);}
.products_box_border:hover .products_price_text span { color:#fff;}
.products_hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; }
.products_hovereffect .overlay { width: 100%; position: absolute; overflow: hidden; left: 0; top: auto; bottom: 0; background: #79FAC4; color: #3c4a50;  visibility: hidden; }
.products_hovereffect img { display: block; position: relative; }
.products_hovereffect h2 { text-transform: uppercase; text-align: center; position: relative; background: rgba(0, 0, 0, 0.6); float: left; width:100%; margin: 0px; display: inline-block; }
.products_hovereffect h2 a { float:left; width:41%; margin:0; background:#222; color:#fff; font-size:13px; text-transform:uppercase; padding:13px 0 10px 0; text-align:center; border-right:1px solid #333; border-left:1px solid #333; font-weight:normal;}
.products_hovereffect h2 a:hover { background:#000;}
.compress_icon { float:left; width:18% !important; border:none !important; background:#222; font-size:24px !important; padding:8px 0!important;}
.products_hovereffect h2,
.products_hovereffect p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); visibility: visible; }
.products_hovereffect:hover .overlay,
.products_hovereffect:hover h2,
.products_hovereffect:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.products_hovereffect:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
.popular_category_box { float:left; width:33.33%; position:relative; padding:0;}
.popular_category_box img { float:left; width:100%;}
.popular_category_title_bg { float:left; width:90%; background-color: rgba(255,255,255,0.8); position:absolute; left:5%; bottom:14px; padding:15px;}
.popular_category_title_bg h3 { float:left; width:72%; text-align:left; font-size:20px;  font-weight:bold;text-transform:uppercase;} 
.category_more_products { float:left; width:28%; position:absolute; top:-30px; right:15px;}
.category_more_products a { float:right; font-size:20px; padding:40px 11px 12px 15px; color: var(--primarycolor); border:2px solid  var(--primarycolor); }
.category_more_products a:hover {  color:#fff; background: var(--primarycolor); } 
 
.popup_product_box_bg {float:left; width:100%; background:#fff;} 
.popup_product_img { float:left; width:44%; margin:30px 3% 0 3%; position:relative;}
.popup_product_img img { float:left; width:100%;}
.popup_product_text { float:left; width:47%; margin:30px 3% 0 0;}
.popup_product_text h4 { float:left; width:100%; font-size:28px; color:#222; margin:0; padding:0; font-family: 'open_sanslight';}
.popup_product_stars_box { float:left; width:100%; text-align:left; margin-top:15px;} 
.popup_products_price  { float:left; width:100%; font-size:26px; color:#0C0; margin:25px 0 0 0;}
.popup_products_price span { text-decoration:line-through; font-size:20px; color:#222;}
.popup_gotostore_but { float:left; width:100%; margin:20px 0 0 0; }
.popup_gotostore_but a { float:left; font-size:16px; color:#000; text-transform:uppercase; border:1px solid #222; padding:10px 20px ; border-radius:5px;}
.popup_gotostore_but a:hover { background:#222; color:#fff;}
.popup_related_products_bg { float:left; width:100%; background:#ebebeb; padding:15px 10px;}
.popup_related_products_bg h5 { float:left; width:100%; font-size:22px; color:#222; text-align:center;}
.popup_related_products_box { float:left; width:23%; margin:15px 1% 0 1%;}
.popup_related_products_box img { float:left; width:100%; border:1px solid #ccc;}
 
.product_details_bg { float:left; width:100%; background:url(../images/product-details-bg.png) left top no-repeat #fff; padding:0 0 40px 0;}
.product_logo_details { float:left; width:110px;}
.product_logo_details img { float:left; width:100%; margin-top:25px; border-radius:50%; border:1px solid #ccc; background:#fff; padding:30px 0px;}
.products_price_details { float:left; width:100%; font-size:28px; color:#0C0; margin:15px 0 0 0; }
.products_price_details span { text-decoration:line-through; color:#222; font-size:24px;}
.products_box_button { float:left; width:100%; margin-top:30px; }
.products_box_button a { float:left; font-size:50px; margin-right:20px;  color: var(--primarycolor);}
.products_gotostore_but { float:left; font-size:18px !important; color:#fff !important; padding:13px 25px; border-radius:5px; margin-right:15px; background:var(--primarycolor); border:1px solid var(--primarycolor);}
.products_gotostore_but:hover { background:#fff; border:1px solid #333; color:#333 !important;}

.section_sales_products_bg { float:left; width:100%; background:url(../images/sales-products-bg.png) center top no-repeat; background-size:cover; padding:30px 0;}
.section_sales_products_bg h3 { float:left; width:100%; font-size:36px; text-align:center; color:#fff; margin-top:20px;}
.products_add_review { float:left; width:100%; margin-top:30px;}
.products_add_review h5 { float:left; width:100%; font-size:28px; color:#222; padding:0; margin:0;}
.products_add_review p { float:left; width:100%; font-size:18px; color:#222; padding:15px 0 5px 0; margin:0;}
.products_review_textarea { float:left; width:100%; padding:10px; border-radius:5px; border:1px solid #ccc; font-size:18px; color:#000;}
.products_review_submit { float:left; width:100%; padding:15px 0 0 0;}
.products_review_submit input[type="submit"] { float:left; width:auto;  font-size:15px; color:#fff; cursor:pointer; font-weight:bold;padding:12px 20px 8px 20px; border:none; text-transform:uppercase; border:1px solid #fff;  border-radius:20px; background: var(--primarycolor);}
.products_review_submit input[type="submit"]:hover { background: var(--secondarycolor); }
.products_share_icon { float:left; width:100%; margin:0; display:none; text-align:center; background-color:#333; padding:15px 10px 13px 10px; position:absolute; bottom:0; left:0;}
.products_share_icon a { float:none; margin:0 5px; color:#fff !important; font-size:17px;}
.products_share_icon1 { float:left; width:100%; margin:0; display:none; text-align:center; background-color:#333; padding:12px 0 10px 0; position:absolute; bottom:0; left:0;}
.products_share_icon1 a { float:none; margin:0 5px; color:#fff !important; font-size:16px;}
.products_share_icon2 { float:right; width:40%; margin:0 0 -10px 0; display:none; text-align:center; background-color:#333; padding:15px 0 12px 0; position:absolute; bottom:0; right:0;}
.products_share_icon2 a { float:none; margin:0 5px; color:#fff !important; font-size:16px;}

.myfav_content_title { float:left; width:100%; }
.myfav_content_title h5 { float:left; width:100%; font-size:18px; color:#666; margin-top:25px;}


.social_media_box_bg { float:left; width:100%; background:#fff; border:1px solid #ccc; margin-top:30px;}
.social_media_box_bg .social_media_img_box { float:left; position:relative; max-width:100%; height:280px; width:100%; 
text-align: center; }
.social_media_box_bg .social_media_img_box img { max-height:100%; width:inherit; float:none; position: absolute; top:0;  bottom: 0; left: 0;  right: 0; margin: auto;}
.social_media_img_box { float:left; width:100%;}
.social_media_img_box img { float:left; width:100%; }
.social_media_deta { float:left; width:70px; text-align:center;  font-size:28px; color:#fff; font-weight:bold;  text-align:center; position:absolute; top:10px; left:10px; line-height:22px; text-transform:uppercase; padding:12px 0 5px 0; background: var(--primarycolor);}
.social_media_deta span { float:left; width:100%; font-size:18px;  }
.social_media_text_main { float:left; width:100%; padding:15px;}
.social_media_text_main h3 { float:left; width:100%; }
.social_media_text_main h3 a { float:left; font-size:18px; color:#666;}
.social_media_text_main p { float:left; font-size:15px; line-height:24px; padding:10px 0 0 0; color:#666; text-align:justify; min-height:64px;}
.social_media_comments { float:left; width:100%; padding:10px 0 0 0;}
.social_media_comments a  { float:none; margin:0 15px 0 0; font-size:14px; color:#8a8a8a;}

/*============Helpful Videos page===============*/

.helpful_videos_banner { float:left; width:100%; border-top:5px solid #FFFFFF;}
.helpvideos_full_box { float:left; width:50%; position:relative;}
.helpvideos_full_box img { float:left; width:100%;}
.helpvideos_half_box { float:left; width:25%; position:relative;}
.helpvideos_half_box img { float:left; width:100%;}
.helpvideos_title_bg { float:left;  font-size:20px; font-weight:bold;  color:#fff; position:absolute; left:15px; bottom:10px; z-index:99;}

.helpvideos_left_box { float:left; width:100%; margin-top:30px;}
.helpvideos_left_box h3 { float:left; width:100%; font-size:30px; padding:0; margin:0; color: var(--primarycolor);  }
.video_categories_box { float:left; width:100%;  margin:30px 0 0 0;  border:1px solid #ccc; padding:15px 20px;}
.video_categories_box h2 { float:left; width:100%;  font-size:24px; margin:5px 0 0 0; color: var(--primarycolor); }
.video_categories_box ul { float:left; width:100%; list-style:none; margin:4px 0 0 0;}
.video_categories_box li { float:left; width:100%; list-style:none; color:#000;}
.video_categories_box li a { float:left; background:url(../images/dotted4.png) left 17px no-repeat; font-size:16px; color:#222; padding:12px 0 0 18px;}
.video_categories_box li span { float:left; width:100%; font-size:12px; color:#999; padding-left:18px;}

.categories_box_video { float:left; width:100%; margin-top:20px;}
.categories_video_text { float:left; width:100%; padding:12px 0 0 0;}
.categories_video_text h3 { float:left; width:100%; }
.categories_video_text h3 a { float:left; font-size:18px; color:#666; }
.categories_video_comments { float:left; width:100%; text-align:left; padding:8px 0 10px 0; font-size:13px; color:#8a8a8a; }
.categories_video_comments span { float:right;}
.categories_video_comments b { color:#000; float:left; padding-right:4px; text-transform:uppercase;}
.categories_video_comments a  { float:none; margin:0 0 0 15px; font-size:13px; color:#8a8a8a;}

.video_hovereffect { float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.video_hovereffect .overlay { width: 100%;  height: 100%; position: absolute; overflow: hidden; left: 0; background: rgba(0, 0, 0, 0.6); top:0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.1s ease-out 0.2s; transition: all 0.1s ease-out 0.2s; }
.video_hovereffect:hover .overlay { opacity: 1; filter: alpha(opacity=100); top: 0px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.video_hovereffect img { display: block; position: relative;}
.video_hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 16px;  padding: 10px; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all ease-in-out 0.1s; transition: all ease-in-out 0.1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.video_hovereffect:hover h2 { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);
  -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.hovereffect a.info { display: inline-block; text-decoration: none; padding: 200px 14px; text-transform: uppercase; margin: 100px 0 0 0; background-color: transparent; text-align:center; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px);
  transform: translateY(-200px); color: #000; border: 1px solid #000; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; top:28%; left:38%;}
.hovereffect a.info:hover { box-shadow: 0 0 5px #fff; }
.hovereffect:hover a.info { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);
  box-shadow: 0 0 5px #000; color: #000; border: 1px solid #000; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.video_hovereffect a.info img { width:auto; margin:0 auto; padding:22% 0 0 0; float:none !important; text-align:center;}
.helpvideos_half_box a.info img { width:auto; margin:0 auto; padding:10% 0 0 0; float:none !important; text-align:center;}
.categories_box_video a.info img { width:auto; margin:0 auto; padding:10% 0 0 0; float:none !important; text-align:center;}

/*===============News & Event============*/
.news_page_right_text { float:left; width:100%; margin-top:30px;} 
.news_page_right_text h3 { float:left; width:100%; font-size:24px; color:#666; font-weight:bold;  margin-top:20px;} 
.news_page_right_text p { float:left; width:100%; font-size:16px; line-height:24px; color:#222; padding:15px 0 0 0; text-align:justify;} 
.news_page_icon { float:left; width:100%; margin-top:15px;}
.news_page_icon img { float:left; margin-right:10px; }
.new_bottom_fb_img { float:left; width:100%; margin:15px 0;}
.new_bottom_fb_img { float:left; width:100%;}
.news_right_box { float:left; width:100%;  margin:30px 0 0 0;  border:1px solid #ccc; padding-bottom:15px;}
.news_right_box h2 { float:left; width:100%; color:#fff; font-size:18px; margin:0px; padding:12px 15px; text-align:left;  text-transform:uppercase;  color: var(--primarycolor); }
.news_right_box ul{ float:left; width:100%; list-style:none; padding:15px 15px 0 15px; margin:0;}
.news_right_box li { float:left; width:100%; list-style:none; font-size:16px; line-height:28px; color:#333;  }
.news_right_box li a { float:left; background:url(../images/dotted-aro.png) left 8px no-repeat; font-size:16px; color:#222; padding:0 0 0 15px;}
.latest_articles_box { float:left; width:100%; margin:20px 0 0 0; padding:0 15px;}
.latest_articles_img { float:left; max-width:30%; margin-right:5%; height: 70px; width: 100%; text-align: center; }
.latest_articles_img img {   max-height: 100%;}
.latest_articles_text { float:left; width:65%;}
.latest_articles_text a { float:left; font-size:16px; line-height:normal; color:#666; font-weight:bold;}
.latest_articles_text p { float:left; font-size:15px; line-height:normal; color:#666; padding:5px 0 0 0;}
.blog_pagination { float:left; width:100%; margin-top:30px; text-align:center;}
.blog_pagination .pagination { display:inline-flex;}
.author_success_main { float:left; width:100%; padding-top:20px;}
.author_success_main h1 { float:left; width:100%; font-size:20px; color:#000000; line-height:22px;  text-align:left; margin:0; padding:0; background:url(../images/title-border1.png) left 12px repeat-x; font-weight:bold;}
.author_success_main h1 a {font-size:20px; color:#FF0000; line-height:22px; padding:0px; margin:0px; }
.author_success_main h1 span { background:#fff; padding:0 12px 0 0;}
.author_success_main h1 a:hover { color:#000;}
.author_icon_left { float:left; width:11%; margin:15px 2% 0 0; border:1px solid #ccc;}
.author_icon_left img { float:left; width:100%;}
.author_text_right { float:left; width:87%;}
.author_text_right p { float:left; width:100%; font-size:16px; color:#222; padding:0; margin:15px 0 0 0;}

/*============Thanks=============*/
.thanks_success_bg { float:left; width:100%; margin:50px 0 0 0;}
.thanks_success_bg h2 { float:left; width:100%; font-size:26px; text-align:center; font-weight:bold;  color: var(--primarycolor);}
.thanks_success_bg h2 span { float:left; width:100%; font-size:24px;}
.thanks_success_bg h2 b { float:left; width:100%; font-size:36px;}
.thanks_success_bg p { float:left; width:100%; font-size:20px; line-height:28px; text-align:center; color:#000; padding:25px 0;}
.thanks_success_bg p i { float:left; width:100%; font-size:16px; line-height:24px; text-align:center; color:#000; padding:25px 0;}
.thanks_success_bg a.dashboard_but { float:none; font-size:22px; color:#fff; font-weight:bold; padding:10px 30px; border-radius:30px; background: var(--primarycolor); }
.thanks_email_icon { float:left; width:100%; text-align:center; margin:40px 0;}
.thanks_email_icon img { float:none; width:auto; }
.thanks_email_icon span { float:left; width:100%; text-align:center; font-size:46px; padding:15px 0 0 0; font-weight:bold; text-transform:uppercase; letter-spacing:3px; margin:0; color: var(--primarycolor);}

.thank_main { float:left; width:100%; }
.thank_main h3 { float:left; width:100%; text-align:center; font-size:26px; color:#000; padding:0px; margin:25px 0 0 0;}
.thank_main p { float:left; width:100%; font-size:16px; color:#000; text-align:center; padding:15px 0 0 0; margin:0px;}
.thank_login { float:left; width:100%; text-align:center; margin-top:25px;}
 
.cartitem_main{ float:none; width:auto; max-height:350px; overflow:hidden; overflow-y:auto; scrollbar-width:thin; }
.cartitem_main::-webkit-scrollbar { width: 7px; height: 7px;}
.cartitem_main::-webkit-scrollbar-thumb { border-radius: 4px;  background: #CCC;}
.cartitem_main ul { float:left; width:100%; list-style:none; margin:0; padding:0;}
.cartitem_main li { float:left; width:100%; list-style:none; margin:0; padding:0;}
.cartitem_main  li a { float:left; width:100%; color:#000; font-size:14px; border-bottom:1px solid #ccc; padding:5px 15px; margin:0; border-radius:0;}
.cartitem_main .total{ float:right;}
.widget_shopping_cart_content { float:left; width:100%; padding:0 7%; }
.widget_shopping_cart_content img { float:left; width:25%; margin:5px 10px 0 0;}
.widget_shopping_cart_content ul { float:left; width:100%; list-style:none; margin:0px; padding:10px 0 !important; border-bottom:1px dotted #ccc; position:relative;}
.widget_shopping_cart_content li { float:left; width:100%; background:none !important; list-style:none; margin:0; padding:0px;}
.widget_shopping_cart_content li a { float:left; background:none !important; list-style:none ;margin:0px; padding:0 5px 0 0 !important; border:none !important; font-size:14px !important; line-height:16px; display: flex;}
.widget_shopping_cart_content li a img { width:100px;}
.widget_shopping_cart_content li a.remove_img { padding:0; position:absolute; top:10px; right:-5px;} 
.widget_shopping_cart_content li a .quantity { background:none; color: #000;}
 
.quantity { float:left; padding:4px 0 0 0; font-size:13px !important; font-weight:bold;width:65%;}
.remove_img { float:right !important; text-align:right; color:#F00 !important; font-size:12px !important; position:absolute; top:12px; right:0;}
.order-number a { color:#333 !important;}
.dashboard_main { float:left; width:100%; padding:0 20%;}
.dashboard_main h2 { float:left; width:100%; font-size:24px; margin-top:30px; color:#000; text-align:center;}
.dashboard_video { float:left; width:100%; margin-top:30px;}
 
/*============Deals & Coupons Hover effect=========*/ 
.dc_hovereffect { width: 100%;  float: left; overflow: hidden; position: relative; text-align: center; cursor: default; }
.dc_hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 12%; left: 0; }
.dc_hovereffect img {  position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s; transition: all 0.35s; }
.dc_hovereffect:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.4" /><feFuncB type="linear" slope="0.4" /></feComponentTransfer></filter></svg>#filter'); filter: brightness(0.4); -webkit-filter: brightness(0.4);}
.dc_hovereffect a.info { display: inline-block; text-decoration: none; padding: 8px 20px; border-radius:20px; font-size:15px; color: #fff; font-weight:bold; border: 1px solid #fff; margin:33% 0 0 0; background-color: transparent; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size:14px;}
.dc_hovereffect a.info:hover { background:#222;}
.dc_hovereffect:hover .overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } 
.dc_hovereffect:hover a.info { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.dc_hovereffect .rotate { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 100%; height: 100%; position: absolute; top:-60px;}
.dc_hovereffect hr { width: 30%; color:#fff;}
.dc_hovereffect  hr:nth-child(2) { -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);}
.dc_hovereffect  hr:nth-child(3) { -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);}
.dc_hovereffect h2, .dc_hovereffect hr { position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; background-color: #fff; margin: 0px; }
.group1, .group2 { left: 50%; position: absolute; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; background-color: transparent; margin: 0px; padding: 0px; }
.group1 { top: 40%; }
.group2 { top: 60%; }
.dc_hovereffect p { width: 30%; text-transform: none; font-size: 15px; line-height: 2; }
.dc_hovereffect p a { color: #fff; }
.dc_hovereffect p a:hover, .dc_hovereffect p a:focus { opacity: 0.6; filter: alpha(opacity=60); }
.dc_hovereffect  a i { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; padding: 10px; font-size: 20px; }
.group1 a:first-child i { -webkit-transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2); transform: translate3d(-60px,-60px,0) rotate(45deg) scale(2); }
.group1 a:nth-child(2) i { -webkit-transform: translate3d(60px,-60px,0) rotate(45deg) scale(2); transform: translate3d(60px,-60px,0)  rotate(45deg) scale(2); }
.group2 a:first-child i { -webkit-transform: translate3d(-60px,60px,0) rotate(45deg) scale(2); transform: translate3d(-60px,60px,0) rotate(45deg) scale(2); }
.group2 a:nth-child(2) i { -webkit-transform: translate3d(60px,60px,0)  rotate(45deg) scale(2); transform: translate3d(60px,60px,0)  rotate(45deg) scale(2); }
.dc_hovereffect:hover hr:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1); }
.dc_hovereffect:hover hr:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1); }
.dc_hovereffect:hover .group1 i:empty, .dc_hovereffect:hover .group2 i:empty { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) rotate(45deg) scale(1); opacity: 1; filter: alpha(opacity=100); }
 
/*============Local Shop page===============*/

.localshop_ad_banner { float:left; width:100%;}
.localshop_ad_banner img { float:left; width:100%;}

.load_more_button { float:left; width:100%; text-align:center; padding-top:45px;}
.load_more_button a { float:none; font-size:18px; color:#222; /*border:1px solid #222;*/ border-radius:5px; padding:10px 30px; text-transform:uppercase;}
.load_more_button a:hover { background:var(--primarycolor); color:#fff;} 
.localshop_details_menu { float:left; width:100%;  padding:20px 10px 15px 10px;  margin-top:30px; text-align:center; background: var(--primarycolor);}
.localshop_details_menu a { float:none; font-size:13px; color:#fff; text-transform:uppercase; font-weight:bold;}
.localshop_details_menu span { float:none; font-size:16px; color:#fff; padding:0 20px; }


.localshop_banner_box { float:left; width:100%; position:relative;  }
.localshop_banner_box.localshop_height .carousel {display: flex; align-items: center; width:100%; height: 450px; overflow: hidden;}
.localshop_banner_box .carousel-indicators { margin:0 14%; bottom:7px;}
.localshop_banner_box .carousel-indicators li { background:#666 !important; width:12px !important; height:12px !important; padding:0 !important; line-height:none !important; border-radius:50%; cursor:pointer;}
.localshop_banner_box .carousel-indicators li.active { background:#222 !important;}
.localshop_banner_but_bottom { float:right; width:100%; padding:30px 0 50px 0; position:absolute; right:0; bottom:135px;  }
.localshop_banner_but_bottom a { float:right; font-size:18px; color:#fff; border-radius:40px; margin-right:10px; padding:12px 30px; font-weight:bold; text-transform:uppercase; background: var(--primarycolor); }
.localshop_banner_but_bottom a:hover { background: var(--secondarycolor);}

.localshop_details_box_bg { float:left; width:100%; background-color: rgba(255,255,255,0.8); position:absolute; bottom:0; padding:12px 0;}
.localshop_followers_box { float:right; width:100%; font-size:16px;}
.localshop_followers_box p { padding:5px 0 0 0; width:auto !important; float:none !important;}
.localshop_followers_box a { float:right; font-size:13px;  color: var(--primarycolor); }
.localshop_followers_box a:hover {background: var(--secondarycolor);}
.localshop_followers_box span { float:right; font-size:15px; padding:0 10px;}
.localshop_followers_button { float:right; color:#fff !important; font-size:16px; font-weight:bold; padding:10px 20px ; border-radius:3px; background: var(--primarycolor);}
.localshop_followers_button:hover { background:#666;}
.localshop_logo_title { float:left; width:100%;}
.localshop_logo_title img { float:left; width:100%;}
.localshop_message_box { float:left; width:100%; font-size:15px; color:#ef4135;}
.localshop_message_button { float:left; color:#fff !important; font-size:13px; font-weight:bold;padding:10px 20px ; border-radius:3px; background: var(--primarycolor);}
.localshop_message_button:hover {background: var(--secondarycolor);}
.follow_us_box { float:left; padding:10px 0 0 10px;}
.follow_us_box a { color:#222;} 
.localshop_logo_title { float:left; width:100%; position:relative;}
.localshop_logo_box { float:left; width:100%; background:#fff; position:absolute; top:-90px;}
.localshop_logo_box img { float:left; width:100%; padding:8px 10px;}
.localshop_logo_title h1 { float:left; width:100%; text-align:center; font-size:18px; color:#222; padding:5px 0 0 0;}
.localshop_about_box { float:left; width:100%; padding:0 0 30px 0;}
.localshop_about_img { float:left; width:100%; background:#fff; border:1px solid #ccc; margin-top:30px;}
.localshop_about_img img { float:left; width:100%; padding:4px;}
.localshop_about_scroll { height:220px; overflow-y:auto; float:left; width:100%;  scrollbar-width: thin;}
.localshop_about_text { float:left; width:100%; margin-top:30px; margin-bottom:20px;}
.localshop_about_text h3 { float:left; width:100%; font-size:30px; padding:0;  color: var(--primarycolor);}
.localshop_about_text p { float:left; width:100%; font-size:16px; line-height:24px; color:#666; padding:15px 0 0 0;}
.localshop_about_view_more { float:left; width:100%; margin-top:15px; }
.localshop_about_view_more a { float:left; font-size:16px; color:#000; text-transform:uppercase; border:1px solid #222; padding:10px 15px ; border-radius:5px;}
.localshop_about_view_more a:hover { background:#222; color:#fff;}
.localshop_service_box { float:left; width:100%; background:#fff; border:1px solid #ccc; margin-top:30px;}
.localshop_service_img { float:left; width:100%;}
.localshop_service_img img { float:left; width:100%;}
.localshop_service_box h4  { float:left; width:100%; text-align:center; font-size:20px; color:#666; padding:20px 15px 0 15px;}
.localshop_service_box p { float:left; width:100%; text-align:center; font-size:15px; line-height:22px; color:#666; padding:12px 15px 0 15px; height:170px; scrollbar-width: thin;}
.localshop_service_read_more { float:left; width:100%; margin:30px 0; text-align:center;}
.localshop_service_read_more a { float:none; font-size:14px; color:#666; text-transform:uppercase; border:1px solid #666; padding:10px 20px 8px 20px; border-radius:20px;}
.localshop_service_read_more a:hover { background: var(--secondarycolor); border:none; color:#fff; }
.slick_localshop_coupon .slick-prev { background: url(../images/aro-left1.png) center center no-repeat; width:30px; height:30px;    }
.slick_localshop_coupon .slick-next { background: url(../images/aro-right1.png) center center no-repeat;  width:30px; height:30px;  }
.slick_localshop_coupon .slick-prev:hover { background: url(../images/aro-left1.png) center center no-repeat; box-shadow:none;}
.slick_localshop_coupon .slick-next:hover { background: url(../images/aro-right1.png) center center no-repeat; box-shadow:none;}
.slick_localshop_coupon .slick-next::before { font-size:0;}

.localshop_testimonials_box { float:left; width:100%; margin-bottom:50px;}

.localshop_testimonials_box .carousel-indicators { margin:0; right:0; margin-bottom:50px; bottom:-100px;}
.localshop_testimonials_box .carousel-indicators li { width:10px !important; height:10px !important; border-radius:50%; background:#666 !important; margin:0 15px 0 0; padding:0 !important;}
.localshop_testimonials_box .carousel-indicators li.active { background:#222;  }
.localshop_testimonials_banner { float:left; width:100%; text-align:center;}
.localshop_testimonials_banner p { float: left; width: 100%;  font-size:15px; line-height:22px; color:#666; padding:12px 10%; text-align:center;}
.localshop_testimonials_img { float:left; width:100%; margin-top:40px; text-align:center;}
.localshop_testimonials_img img { max-width:130px; border-radius:50%; }
.localshop_testimonials_img h4 { float:left; width:100%; text-align:center; font-size:24px;  margin-top:17px;  padding:0;}
.localshop_testimonials_img h4 a { float:left; font-size:24px; color:#333;}
.localshop_testimonials_img h4 span { float:left; width:100%; font-size:20px; color:#333; }

.blog_articles_box { float:left; width:100%;  margin-top:30px;}
.blog_articles_img { float:left; width:100%; position:relative;}
.blog_articles_img img { float:left; width:100%;}
.blog_articles_deta { width:62px; position:absolute; top:10px; left:10px; padding:8px 0; border-radius:0; background: var(--primarycolor); }
.blog_articles_deta h3 { float:left; width:100%; font-size:12px !important; line-height:16px !important; padding:0 !important; text-transform:uppercase; color:#fff !important;}
.blog_articles_deta h3 span { font-size:20px;}

.blog_articles_box h4  { float:left; width:100%; text-align:left; font-size:20px; color:#666; padding:20px 0 0 0;}
.blog_articles_box p { float:left; width:100%; text-align:left; font-size:15px; line-height:22px; color:#666; padding:12px 0 0 0;  }
.blog_articles_box p a { color:#000; text-transform:uppercase; font-weight:bold;} 


.localshop_videos_main { float:left; width:100%;}
.localshop_videos_main h3 { float:left; width:100%; text-align:center; font-size:30px; padding:30px 0 0 0;  color: var(--primarycolor);}
.localshop_videos_box { float:left; width:80%; margin:20px 10% 30px 10%;}
.localshop_videos_box img { float:left; width:100%;}
.localshop_videos_box1 { float:left; width:100%;}
.localshop_videos_box1 h5 { float:left; width:100%; margin:30px 0 15px 0; color:#333; font-size:20px; font-weight:bold; text-align:center;}
.localshop_videos_box img { float:left; width:100%;}

.localshop_contact_box { float:left; width:100%; text-align:center; margin-top:20px;}
.localshop_contact_box h5 { float:left; width:100%; text-align:center; font-size:18px; color:#222; padding:20px 0 0 0;}
.localshop_contact_box p { float:left; width:100%; text-align:center; font-size:16px; color:#222; padding:5px 0 0 0; font-family: 'PT Sans', sans-serif; font-weight:400;}
.localshop_contact_box p a {font-size:16px; color:#222; font-family: 'PT Sans', sans-serif; font-weight:400;}
.localshop_contact_map { float:left; width:100%; margin-top:30px; position:relative;}
.localshop_contact_bg { float:left; width:35%; background-color: rgba(0,0,0,0.7); padding:15px; position:absolute; top:30px; right:30px;}
.localshop_con_input { float:left; width:100%; border:1px solid #fff; background:none; color:#fff; font-size:16px; margin-bottom:10px; padding:10px;}
.localshop_contact_but { float:left; width:100%; padding:7px 0 0 0;}
.localshop_contact_but input[type="submit"] { float:left; width:auto; height:auto; font-size:15px; color:#fff; cursor:pointer; padding:10px 20px ; border:none; border-radius:20px; text-transform:uppercase;font-weight:bold; background: var(--primarycolor);}
.localshop_contact_but input[type="submit"]:hover {background: var(--secondarycolor);}
.follow_us_icon_box { float:left; width:100%; font-size:24px; color:#222; text-align:center; font-weight:bold; padding:30px 0 0 0;} 
.follow_us_icon_box img { float:none; margin:0 5px;}
.time_left_limtted_box { float:left; width:100%; color:#070707; margin-top:25px; font-size:16px; color:#000; text-transform:uppercase; line-height:30px;}
.time_left_limtted_box span { color:#f13a1c; font-size:28px; font-weight:bold;}
.time_left_limtted_box i { float:left; width:70px; padding-right:15px; color:#f13a1c;}

/*==========Local-Shop Promotion===========*/
.promotion_video_img { float:left; width:100%; margin:20px 0 0 0; border:1px solid;}
.promotion_video_img img { float:left; width:100%;}
.business_profile_main { float:left; width:100%; margin:20px 0 0 0;}
.business_profile_left { float:left; width:48%; margin-right:2%; color:#000; text-align:center; line-height:26px; font-size:24px;font-weight:bold;} 
.business_get_started { float:left; width:48%; margin-left:2%; font-size:16px; text-align:center;}
.business_get_started span { font-size:18px;font-weight:bold; }
.business_get_started a { float:left; width:100%;  font-size:26px; color:#fff; text-align:center; padding:10px 0; font-weight:bold;border-radius:5px;}
.business_get_started a:hover { background:#222;}
.local_promotion_img { float:left; width:80%; margin:30px 10% 0 10%;}
.local_promotion_img img { float:left; width:100%;}
.features_overview_main { float:left; width:100%; margin:20px 0 0 0;}
.features_overview_text { float:left; width:100%;}
.features_overview_text h2 { float:left; width:100%; font-size:24px; margin:0; padding:0; color:#000 !important; font-weight:normal !important; }
.features_overview_text ul { float:left; width:100%; list-style:none; margin:0; padding:5px 0 0 0;}
.features_overview_text li { float:left; width:100%; list-style:none; margin:0; padding:0;}
.features_overview_text li a { float:left; font-size:16px;  line-height:30px;font-weight:bold;}
.features_overview_text li a:hover { color:#000;}
.our_members_bottom { float:left; width:100%; margin-top:30px;}
.our_members_bottom h3 { float:left; width:100%; text-align:center; color:#000; font-size:22px; font-weight:bold;margin:0; padding:0;}
.our_members_bottom ul { float:left; width:84%; list-style:none; margin:10px 0 0 16%; padding:0;}
.our_members_bottom li { float:left; width:100%; font-size:18px; color:#000; padding:10px 0 0 20px; margin:0; background:url(../images/right-aro.png) left 15px no-repeat;}
.local_advertising_box { float:left; width:100%; margin-top:30px;}
.local_advertising_box h3 { float:left; width:100%; text-align:center; font-size:30px;  padding:0 0 5px 0; margin:0;}
.video_right_box { float:left; width:100%; margin:15px 0;}
.video_right_box h2 { float:left; width:100%; font-size:22px; padding:10px 0; text-align:center; color:#fff;}
.advertising_popup_main { float:left; width:100%; padding-bottom:15px;}
.advertising_popup_main h5 { float:left; width:100%; font-size:24px; color:#fff; padding:15px 20px;}
.advertising_popup_main p { float:left; width:100%; font-size:16px; color:#222; padding:15px 20px 0 20px;}


.typeahead .active .dropdown-item {color: #fff; text-decoration: none; background-color: #666;}
.empty_result{ float:left; width:100%; width:100%; padding:100px; text-align:center;}
 

.step_by_step_guides_bg { float:left; width:100%; padding:50px 0;}
.step_by_step_guides_bg h2 { float:left; width:100%; font-size:54px; line-height:54px; color: var(--primarycolor); }
.faq_aaccordion { width:100%; float:left; margin-top:10px;}
.faq_aaccordion .card { border:none;}
.faq_aaccordion .card .card-header{ background-color:#222; padding:10px 14px; background:#fff; border:1px solid #999999; margin-top:10px; border-radius: 30px;}
.faq_aaccordion .card .card-header a{ color:#222; font-size:18px; font-weight:bold;}
.faq_aaccordion .card .card-header a span { padding:6px 0 0 0; float:left;}
.faq_aaccordion .card-header > a::before { font-size: 16px; font-weight: lighter !important; padding:7px 11px; border-radius: 50%; color: #fff; float: left !important; margin-right: 10px; background: var(--secondarycolor);}
.step_by_step_box .card .card-body { float:left; width:100%; padding:5px 20px 15px 20px;}
.step_by_step_box .card .card-body h5 { float:left; width:100%; color:#666; font-size:18px; line-height:22px; padding:15px 0 0 0;}
.step_by_step_box .card .card-body p { float:left; width:100%; color:#666; font-size:16px; line-height:22px; padding:15px 0 0 0;}
.step_by_step_box .card .card-body p a { font-weight:bold; font-weight:inherit !important;}

/*=================Charities page================*/ 
.charities_page_main { float:left; width:100%;}
.charities_logo_box { float:left; width:100%; border:1px solid #ccc; margin:15px 0;}
.charities_logo_box img { float:left; width:100%;  padding:20px;}
.charities_text_box { float:left; width:100%; margin:15px 0;}
.charities_text_box h3 { float:left; width:100%;  font-size:22px; color:#333;}
.charities_text_box p { float:left; width:100%; font-size:16px; line-height:22px; color:#666; padding:15px 0 0 0;} 
.charities_text_box ul { float:left; width:100%; list-style:none; padding:15px 0 0 0;} 
.charities_text_box li { float:left; width:100%; list-style:none; font-size:16px; line-height:22px; color:#81878D; padding:5px 0 0 15px;  background:url(../images/dotted4.png) left 14px no-repeat !important;} 


/*=================Terms of Use==============*/
.terms_of_use_main { float:left; width:100%; margin-top:15px;}
.terms_of_use_main h2 { float:left; width:100%;  font-size:22px !important; padding:15px 0 0 0 !important; color:#333 !important; margin:0 !important; line-height:32px !important;}
.terms_of_use_main h5 { float:left; width:100%;  font-size:18px !important; padding:15px 0 0 0 !important; color:#333 !important;}
.terms_of_use_main p { float:left; width:100%; font-size:16px !important; line-height:22px !important; color:#666 !important; padding:12px 0 0 0 !important;} 
.terms_of_use_main p span { float:left; width:20px !important; font-weight:bold !important;}
.terms_of_use_main p a { font-weight:bold;} 
.terms_of_use_main ul { float:left; width:100%; padding:5px 0 0 0; list-style:none;}
.terms_of_use_main li { float:left; width:100%; font-size:16px; line-height:22px; color:#666; background:url(../images/dotted3.png) left 12px no-repeat !important; padding:8px 0 0 17px;}
.terms_of_use_main li ul li { background:none;}
 
/* accordian plus icon */
.card-header > a:before { float: left !important;font-family: FontAwesome; content:"\f068"; padding-right: 5px;}
.card-header > a.collapsed:before { float: left !important; content:"\f067";}
.card-header > a:hover, .card-header > a:active, .card-header > a:focus  {text-decoration:none;}

.shopping_main { float:left; width:100%; text-align:center;}
.shopping_main a { float:none; font-size:13px; padding:6px 15px; border-radius:20px; margin:0 0.5%; color:#fff; background: var(--primarycolor);}
.shopping_main a:hover {background:#666;}
.shopping_logo { float:left; width:100%; margin:15px 0;}
.shopping_logo img { float:left; width:100%; padding:10px 20px; border:1px solid #ccc;}
.shopping_logo img:hover {border:1px solid  var(--primarycolor);}
/*=============sales page===============*/
.sales_banner_box_top { float:left; width:100%; position:relative;}
.sales_banner_box_top img { float:left; width:100%;}
.sales_banner_text_box { float:left; width:100%; position:absolute; top:0; left:3;}
.sales_banner_text_box h3 { float:left; width:100%; font-size:50px; color:#fff; margin-top:80px;  font-weight:bold;}
.sales_banner_text_box p { float:left; width:100%; font-size:36px; line-height:40px; color:#fff; padding:0;}
.sales_banner_text_box p span { float:left; width:100%; color:#ffea00;}


.sales_online_box { float:left; width:100%;}
.sales_online_box h3 { float:left; width:100%; text-align:center; font-size:30px; color:#727272; font-family: 'PT Sans', sans-serif; font-weight:400; text-transform:uppercase; margin-top:30px;}
.sales_box_width { float:left; width:16%; margin:30px 2% 0 2%;}
.sales_icon_box { float:left; width:80%; margin:0 10%; border-radius:50%; background: var(--primarycolor);}
.sales_icon_box img { float:left; width:100%; padding:40px;}
.sales_icon_box:hover { background:#666;}
.sales_box_width p { float:left; width:100%; text-align:center; padding:20px 0 0 0;}
.sales_box_width p a { font-size:20px; color:#666;}
.sales_welcome_page { float:left; width:100%; margin:20px 0;}
.sales_welcome_page h4 { float:left; width:84%; text-align:center; font-size:36px; color:#333; font-weight:bold; margin-top:30px;}
.sales_welcome_page h4 span {float:left; width:100%; font-size:28px; text-align:center;}
.join_now_free_button { float:left; width:16%;}
.join_now_free_button img { float:left; width:100%;}

.sales_welcome_img_left { float:left; width:100%; margin-top:30px;}
.sales_welcome_img_left img { float:left; width:100%;}
.sales_welcome_text_right { float:left; width:100%; margin-top:65px;}
.sales_welcome_text_right ul { float:left; width:100%; list-style:none; padding:0; margin-bottom:35px;}
.sales_welcome_text_right li { float:left; width:100%; list-style:none; background:url(../images/dotted3.png) left 38px no-repeat; font-size:26px; color:#666; padding:35px 0 0 20px;}
.sales_welcome_text_right a { float:left; font-size:22px; color:#fff; border-radius:25px; padding:12px 35px;}
.sales_welcome_text_right a:hover { background:#666;}
.sales_online_logo_bg { float:left; width:100%; margin:30px 0 0 0;}
.sales_logo_box { float:left; width:100%; }
.sales_logo_box img { float:left; width:100%; padding:0 10px;}
.sales_special_deals { float:left; width:100%; margin-top:60px;}
.sales_special_deals h4 { float:left; width:100%; text-align:center; font-size:36px; color:#333; font-weight:bold;}
.sales_support_banner { float:left; width:100%; margin-top:10px;}
.sales_support_banner img { float:left; width:100%;}

.support_centre_bg { float:left; width:100%; margin-top:0;  }
.support_centre_bg h4 { float:left; width:100%; text-align:center; padding:0 0 20px 0; font-size:36px; color:#333; font-weight:bold;}
.support_centre_bg h4 span {float:left; width:100%; font-size:28px; text-align:center;}
.register_button_bottom { float:left; width:100%; text-align:center; padding:30px 0 60px 0;}
.register_button_bottom a { float:none; text-align:center; font-size:20px; color:#fff; border-radius:25px; padding:12px 40px; background: var(--primarycolor);}
.register_button_bottom a:hover { background:#666;}
.popup_social_media .btn {  float: left; }
.banner_con_box1 { float:left; width:100%; padding:0 6%;}
.banner_con_box1 h4 { float:left; width:100%; text-align:center; font-size:36px; color:#333; font-weight:bold; margin-top:40px;}

.banner_logo_bg1 { float:left; width:78%; margin:0 11%; padding:20px; margin-top:30px;}
.banner_logo_bg1 img { float:left; width:100%;}
.banner_calculator { float:left; width:54%; margin:40px 0 0 0;}
.banner_calculator img { float:left; width:100%;}
.banner_calculator_left1 { float:left; width:18%; margin:150px 0 0 0;  background:#fff; border-radius:10px;  border:1px solid rgba(var(--rgbcolor));}
.banner_calculator_left1 h4 { float:left; width:100%; text-align:center; color:#061D45; text-transform:uppercase; font-weight:bold; font-size:40px; margin-top:5px;}
.calculate_banner_right { float:left; width:23%; margin:150px 0 0 5%; padding:20px 20px 15px 20px; background:#fff; border-radius:10px; border:1px solid rgba(var(--rgbcolor));}
.calculate_banner_right h5 { float:left; width:100%; text-align:center; color:#303e48; font-size:20px; font-weight:bold; margin-top:0px;}
.calculate_banner_right p { float:left; width:100%; text-align:center; color:#303e48; font-size:15px; font-weight:bold; margin-top:20px;}
.use_calculator_but { float:left; width:100%; padding:0 20%; margin-top:15px;}
.use_calculator_but a { float:left; width:100%; background:#061D45; text-align:center; font-size:16px; color:#fff; border-radius:20px; padding:15px 22px 12px 22px;}

.dashboard_coupon_main { float:left; width:100%;}
.dashboard_coupon_main h3 { float:left; width:100%; text-align:center; font-size:28px; color:#000;}
.dashboard_coupon_main h4 { float:left; width:100%; font-size:26px; color:#333; margin-top:30px;}
.dashboard_coupon_main .promo_codes_home_box p{  color:#81878D !important; font-size:16px !important; }

.dashboard_coupon_img { float:left; width:100%; margin-top:30px;}
.dashboard_coupon_img img { float:left; width:100%; }
.statement_text_bottom { float:left; width:100%;}
.statement_text_bottom p { float:left; width:100%; font-size:11px; color:#666; text-align:center;}





/*===============WELCOME PACK===============*/ 
.wel_coupon_box_border { float:left; width:100%; border:1px dashed #000; margin-top:30px; position:relative;}
.wel_coupon_img { float:left; width:47%; margin:10px 0 10px 2%; position:relative; z-index:9;}
.wel_coupon_img img { float:left; width:100%; border-radius:50%; border:3px solid #ff0000;}
.wel_coupon_img1 { float:left; width:47%; height:270px; background-size:cover !important; margin:10px 0 10px 2%; position:relative; z-index:9; }
.wel_coupon_right { float:left; width:100%; position:absolute; top:0; right:0;}
.wel_coupon_text_box { float:right; width:55%;}
.wel_coupon_text_box p { float:right; width:100%; font-size:17px; text-align:center; color:#000; font-style:italic; font-weight:bold; padding:10px 0 0 0;}
.wel_coupon_logo { float:right; width:100%; min-height:110px;}
.wel_coupon_logo img { float:right; width:50%; margin:25px 25% 10px 25%;}
.wel_coupon_color_bg { float:left; width:100%; background:#333333; padding:0 0 0 43%;  }
.wel_coupon_offer { float:left; background:#fff; position:relative; z-index:10; top:-17px; left:0; width:90px; height:90px; border:3px solid #ff0000; border-radius:50%; text-align:center; font-size:24px; color:#21b100; padding:20px 0 0 0; text-transform:uppercase; line-height:26px; font-weight:bold;}
.wel_coupon_text { float:none; font-size:17px; font-weight:bold; color:#fff; padding:12px 10px 12px 100px; text-transform:capitalize;}
.wel_cclaim_coupon_button { float:right; width:100%; text-align:center; padding:14px 0 0 0;}
.wel_cclaim_coupon_button a { float:none; color:#fff; font-size:12px; text-transform:uppercase; font-weight:bold; background:#ff0000; padding:10px 15px 8px 15px; border-radius:5px;}
.welcomepack_img_bottom  {  right:-143px; position:fixed; top:350px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; z-index:999; display:none !important;}
.welcomepack_img_bottom:hover { right: 0;} 

.onlineshop_coupon_view_box_new { float:left; width:100%; border:1px solid #ccc; padding:70px 30px 30px 30px; margin:50px 0 0 0; position:relative;}
.onlineshop_coupon_logo_box { float:left; width:20%; position:absolute; top:-41px; left:20px; padding:0 10px; background:#fff;}
.onlineshop_coupon_logo_box img { float:left; width:100%;}
 
/*=========New ecard=========*/ 
.ecard_box_border { float:left; width:100%; border:1px solid #DEDEDE; background:#fff; padding:0; border-radius:5px; margin:30px 0 0 0; position:relative;}
.ecard_box_border .eoffer_img { float:right; background:url(../images/eoffer_img.png) top right no-repeat; width:60px; height:75px; position:absolute;  right:-19px; top:-22px; z-index:1;}
.ecard_box_border p { float:left; width:100%; font-size:14px; color:#000 !important; text-align:center; padding:10px 5px !important; font-weight:500 !important; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.ecard_box_border .ecard_box_img .ecard_favorite { top:8px; right:8px; left:auto; bottom:auto;}
.ecard_box_border .ecard_save_box { padding:17px 14px; display: flex; justify-content: space-between; align-items: center;}
.ecard_box_border .ecard_save_box .viewmore_button a {background: var(--secondarycolor); padding:7px 12px; border-radius:5px; color:#fff; font-size:13px; font-weight:500;}
.ecard_box_border .ecard_save_box .viewmore_button a:hover {background: var(--primarycolor);}

.members_account_right_side .ecard_box_border p { float:left; width:100%; font-size:14px; color:#333 !important; text-align:center; padding:10px 0 !important; }
.members_account_right_side .store_img { float: left; width: 100%; background: #EBEBEB; padding: 20px;}
.members_account_right_side .store_img img { width: 60%; border:1px solid #ccc;}
.members_account_right_side .store_img h4 { font-size: 20px; padding: 15px 0 0 0;}
.members_account_right_side .store_img h6 {color: var(--primarycolor); padding: 15px 0 0 0;}

.ecard_box_border .ecard_value_box {float: left; width: 100%; text-align: center; padding:0; font-size: 15px; color: #333; font-weight: bold; position: relative; color: var(--primarycolor);}
.ecard_box_border .sale_text {float: left; width: 100%; text-align: center; color:#333; font-size:14px; padding:5px 0 15px 0;}
.ecard_box_border .sale_text span { font-weight:bold;}

.ecard_box_img { float:left; width:100%;}
.ecard_box_img img { float:left; width:100%;}

.ecard_box_text_bg { float:left; width:100%; padding:15px 5px;}
.ecard_value_fourbox {float:left; width:25%; margin:0 1%;}
.ecard_value_fourbox label { float:left; width:100%; text-align:center; font-size:13px; color:#333; margin-bottom:5px; font-weight:bold;}
.ecard_value_twobox { float:left; width:14%; margin:0 1%;}
.ecard_value_twobox label { float:left; width:100%; text-align:center; font-size:13px; color:#333; margin-bottom:5px; font-weight:bold;}
.gift_card_value_box { float:left; width:19%; margin-right:15px;}
.gift_card_value_box label { float:left; font-size:13px; color:#000; padding:12px 10px 0 0;}
.gift_card_value_box1 { float:left; width:12%; margin-right:15px;}
.gift_card_value_box1 label { float:left; font-size:13px; color:#000; padding:12px 10px 0 0;}
.gift_card_select_menu { float:left; width:100%; font-size:13px; padding:0 3px; text-align:center; border:1px solid #333; height:34px; border-radius:5px;}
.gift_card_input_menu { float:left; width:100%;  font-size:13px; padding:0 3px; text-align:center;  border:1px solid #333; height:34px; border-radius:5px;}
.ecard_value_lastbox { float:left; width:12%; text-align:center; margin:0 1%; padding:21px 0 0 0;}
.ecard_value_lastbox a { float:left; width:100%;  text-align:center; font-size:16px; border-radius:5px; padding:7px 0; background: var(--primarycolor);}

/*=================Onlineshop Sales Gallery=====================*/
.online_sales_gallery_box { float:left; width:100%; text-align:center; border:1px solid #ccc; padding:3px; margin-top:30px;}
.sales_gallery_img_box { float:left; width:100% !important; }
.sales_gallery_img_box img { float:left; width:100% !important;  }
.oss_hovereffect img { display: block; position: relative; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; min-height:inherit;}
.oss_hovereffect h2 { padding:0;}
.oss_hovereffect a.info { float:none;}
.overlay_block { display: table; width: 100%; height:100%; }
.overlay_centered { display: table-cell; text-align: center; vertical-align: middle; }
.new_online_bottom_padding { float:left; width:100%; padding:7px 3% 0 3%;}
.new_online_logo_left { float:left; width:32%; padding:4px 0;}
.new_online_logo_left img { float:left; width:100%;}
.online_sales_viewall_button { float:right; width:28%; padding:5px 0 0 0; text-align:center;}
.online_sales_viewall_button span { float:left; width:100%; font-size:16px; padding-bottom:3px; text-align:center; font-weight:bold;}
.online_sales_viewall_button a { float:right; width:100%; font-size:16px; background:#fff; border:1px solid #333; color:#222; padding:10px 0 7px 0; border-radius:5px; text-transform:uppercase;}
.online_sales_viewall_button a:hover { background:#333; color:#fff;} 
.online_sales_logo_border1 { float: left; min-height:38px; width:100%; position: relative; border-top:3px solid #ccc; padding:0px; margin-top: 50px;}
.online_sales_logo_img1 { float:left; width:20%; position:absolute; top:-41px; left:20px; padding:0 10px; background:#fff;}
.online_sales_logo_img1 img { float:left; width:100%;}

/* product shopby category menu */
.dropdown_search_padding_box {float:left;}
.category_menu_button { float:none; font-size:15px; color:#fff !important; margin-right:20px; border:none; text-transform:uppercase; font-weight:bold; padding:9px 15px 5px 15px;}
.dropdown_category_menu { float:none; width:auto; position:relative; }
.dropdown_category_menu ul { width:auto; padding:0; margin:0; border:none;}
.dropdown_category_menu li { padding:0 !important; }
.dropdown_category_menu li a .dropdown-item {  padding:5px 15px 2px 15px; font-size:14px;}
.dropdown_category_menu li a { float:left; width:100%;  padding:5px 15px 2px 15px; font-size:14px; text-transform:capitalize;  background:#e6e6e6; font-weight:bold; color:#000;}
.dropdown_category_menu li a:hover { color:#fff !important; background:#666;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " ";float: right; width: 0; height: 0;border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left { float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}

/* ===== pagination ==============*/
.paginate_main{ float:left; width:100%; text-align:center; margin:30px 0 0 0;} 
.paginationul{ margin:0; padding:0; float:none;}
.paginationul li{ float:none; display: inline; padding: 6px 10px 6px 10px; border: 1px solid #ddd; margin-right: -1px; font: 13px/20px Arial, Helvetica, sans-serif; background: #FFFFFF; width:auto;}
.paginationul li a{text-decoration:none; color: #000;}
.paginationul li.first {border-radius: 5px 0px 0px 5px;}
.paginationul li.last { border-radius: 0px 5px 5px 0px;}
.paginationul li:hover{background: #EEE;}
.paginationul li.current {background: #89B3CC; border: 1px solid #89B3CC; color: #FFFFFF;}

/*=================================================NEW Design CSS=======================================================*/
/*=============Desktop Page================*/
.desktop_register_bg  {float:right; width:100%;   padding:20px 0 80px 0; margin-top:0; background:none !important;}
.desktop_register_contact_form { float:left; width:100%;}
.desktop_register_contact_form h2 { float:left; width:100%; font-size:30px; line-height:36px; color:#052430; margin-bottom:0; margin-top:30px;}
.desktop_register_contact_form h4 { float:left; width:100%; font-size:30px; line-height:38px; color:#052430; margin-bottom:45px;}
.desktop_register_contact_form p {  font-size: 16px; line-height:26px; color:#333; padding:15px 0 0 0;}
.desktop_register_contact_form p b {font-weight:bold; color:#052430;}
.desktop_register_contact_form ul { list-style:none; margin:0; padding:0;}
.desktop_register_contact_form li {  font-size: 16px; color:#333; padding:10px 0 0 20px; background:url(../images/dotted4.png) left 14px no-repeat;}
.registration_payment_box{ width:100%; float:left; padding:0 0 25px 0; display:none; color:#81878D; font-size:14px;}
.registration_payment_box ul li{ font-size:14px;}
.registration_payment_box ul li a{ font-weight:bold;}
.registration_payment_box .table td { padding:6px;}
.registration_payment_box .form-check { margin:5px 0;}
.registration_payment_box label { line-height:24px; font-size:14px !important;}

.desktop_register_contact_form .form-group { margin:22px 0 0 0;}
.desktop_register_contact_form label { font-size: 16px; color:#333; }
.desktop_register_contact_form .form-control { border-radius:25px; border:1px solid #C0C3C6; background:#fff; min-height:50px !important; padding:0 15px; font-size:16px; color:#81878D;}
.desktop_register_contact_form .form-control:focus {box-shadow: 0 0 0 .2rem rgba(var(--rgbcolor));}
.desktop_register_contact_form .btn { float:left;   font-size: 18px; color:#fff; padding: 12px 30px; border-radius: 30px;  font-weight:bold; line-height:normal; margin-top:20px; background: var(--secondarycolor);}
.desktop_register_contact_form .btn:hover {  background: var(--primarycolor);}
.desktop_contact_bg  {float:right; width:100%; padding:0 0 30px 0;}
.desktop_contact_left_side { float:left; width:100%;}
.desktop_contact_left_side h5 { float:left; width:100%; font-size:20px; line-height:24px; color:#052430; }
.desktop_contact_left_side p { float:left; width:100%; font-size:18px; line-height:24px; padding:0 0 25px 0;  color: var(--primarycolor);}
.desktop_contact_left_side p a { color:#40CFBB; text-decoration:none;}
.terms_privacy_text { float:left; width:100%;}
.terms_privacy_text h2 { float:left; width:100%; font-size:50px; line-height:58px; color:#052430; padding:15px 0;}
.terms_privacy_text h5 { float:left; width:100%; font-size:30px; color:#052430; padding:30px 0 0 0;  }
.terms_privacy_text h6 { float:left; width:100%; font-size:18px; color:#81878D; padding:20px 0 0 0;}
.terms_privacy_text p { float:left; width:100%; font-size:18px; line-height:26px; color:#81878D; padding:20px 0 0 0;}
.terms_privacy_text p a { color:#40CFBB; text-decoration:none; font-weight:bold;}
.terms_privacy_text ul { float:left; width:100%; list-style:none; padding:20px 0 0 0;}
.terms_privacy_text li { float:left; width:100%; list-style:none; font-size:18px; line-height:26px; color:#81878D; background:url(../images/dotted.png) left 10px no-repeat; padding:0 0 0 20px;}
.about_top_text_bg { float:left; width:100%;}
.about_top_text_bg h2 { float:left; width:100%; font-size:50px; line-height:58px; color:#052430; padding:60px 0 10px 0; }
.about_top_text_bg h5 { float:left; width:100%; font-size:20px; line-height:26px; color:#40CFBB; padding:20px 0 0 0; }
.about_top_text_bg p { float:left; width:100%; font-size:16px; line-height:26px; color:#81878D; padding:20px 0 0 0;}
.about_bottom_text_bg { float:left; width:100%; background:url(../images/about-bg.svg) center top no-repeat #40cfbb; background-size:cover; margin-top:50px; padding:30px 0;}
.about_bottom_text_bg h5 { float:left; width:100%; font-size:24px; line-height:28px; color:#fff; padding:20px 0 0 0; }
.about_bottom_text_bg p { float:left; width:100%; font-size:18px; line-height:26px; color:#fff; padding:20px 0 0 0;}
.about_img_left { float:left; width:70%; margin-top:20px;}
.about_img_left img { float:left; width:100%; }
.about_meet_the_team_bg { float:left; width:100%;  padding:0;}
.about_meet_the_team_bg h2 { float:left; width:100%; font-size:50px; line-height:58px; color:#222; padding:30px 0 0 0; }
.meet_the_team_box { float:left; width:100%; margin-top:30px;}
.meet_the_team_img { float:left; width:28%; margin-right:5%;}
.meet_the_team_img img { float:left; width:100%;}
.meet_the_team_text { float:left; width:67%; margin-top:10px;}
.meet_the_team_text h6 { float:left; width:100%; font-size:18px; color:#333;}
.meet_the_team_text p { float:left; width:100%; font-size:18px; color:#333;}
.team_text_box_main { float:left; width:100%; padding:40px 0 0 0;}
.team_left_side_text { float:left; width:67%; margin:0 5% 0 0; min-height:505px;}
.team_left_side_text h6 { float:left; width:100%; font-size:24px; color:#052430; font-weight:normal; padding:20px 0 0 0;}
.team_left_side_text p { float:left; width:100%; font-size:18px; line-height:26px; color:#333;  padding:15px 0 0 0;}
.team_right_side_img { float:right; width:28%; margin-right:0;}
.team_right_side_img img { float:left; width:100%;}
.team_slider_nav .slick-slide { opacity:0.5;}
.team_slider_nav .slick-slide.slick-current { opacity:1;}
/*.team_slider_nav .slick-list {padding:0 15% 0 0 !important;}*/
.team_slider .slick-next:before, .slick-prev:before { display:none;}
.team_slider .slick-prev { background: url(../images/purple-aro-left.png) left top no-repeat; width:60px; height:60px; left:5px;  top:auto; bottom:0;}
.team_slider .slick-next { background: url(../images/purple-aro-right.png) left top no-repeat;  width:60px; height:60px; left:75px; top:auto; bottom:0;}
.team_slider .slick-prev:hover { background: url(../images/purple-aro-left.png) left top no-repeat; box-shadow:none;}
.team_slider .slick-next:hover { background: url(../images/purple-aro-right.png) left top no-repeat; box-shadow:none;}
.team_slider .slick-dots { bottom:-24%; left:-42%;}
.team_slider .slick-dots li button { width:11px; height:11px; border-radius:50%; color:#fff; background:#fff; margin:0 10px 0 0 }
.team_slider .slick-dots li.slick-active button:before {width:14px; height:14px; margin:-1px -1px 0 0; border-radius:50%; background:#40cfbb; opacity:1; color:#fff;}

.desktop_404_page_bg { float:left; width:90%; margin:0 5%; padding:70px 0;}
.desktop_404_page_bg img { float:left; width:100%;}
.desktop_404_page_text  { float:left; width:100%; position:absolute; top:200px;}
.desktop_404_page_text h2 { float:left; width:100%; font-size:50px; line-height:58px; color:#fff; padding:0; }
.desktop_404_page_text p { float:left; width:100%; font-size:30px; line-height:44px; color:#fff; padding:30px 0 0 0; }
.desktop_404_page_button { float:left; width:100%; padding:30px 0 0 0;}
.desktop_404_page_button a { float:left; background:#042638; font-size:18px; color:#fff; padding:14px 50px; border-radius:30px; font-weight:bold;}

/*==============Members Account Overview================*/
.members_account_overview_bg { float:left; width:100%; background:#fff; padding:30px 0 30px 0 !important;}
.members_account_left_menu { float:left; width:100%; padding:5px 0 15px 0;}
.members_account_left_menu ul { float:left; width:100%; list-style:none;}
.members_account_left_menu li { float:left; width:100%; list-style:none; padding:0 0 24px 0; background:none !important;}
.members_account_left_menu li a { float:left; font-size:20px; line-height:24px; color:#052430; font-weight:bold;}
.members_account_left_menu li a:hover { color: var(--primarycolor);}
.members_account_left_menu li a.active { color: var(--primarycolor);}

.members_account_right_side { float:left; width:100%; padding:0;}
.members_account_right_side h2 { float:left; width:100%; font-size:30px; line-height:36px; color:#052430; padding:0 0 0 0;}
.members_account_right_side p { float:left; width:100%; font-size:14px; line-height:24px; color:#333; padding:15px 0 0 0;}
.members_account_right_side p a { font-weight:bold;  color: var(--primarycolor);}
.members_account_right_side ul { float:left; width:100%; list-style:none; padding:0 0 0 15px;}
.members_account_right_side li { float:left; width:100%; list-style:none; font-size:16px; line-height:26px; color:#333; padding:10px 0 0 15px;  background:url(../images/dotted4.png) left 18px no-repeat;}
.members_account_right_side li a {font-weight:bold; color:#000; }
.members_account_right_side ul.listname {justify-content: space-between; flex-direction: row; padding: 0; display: flex; list-style:none; flex-wrap: wrap;}
.members_account_right_side ul.listname li {list-style:none; font-size:14px; line-height:22px; color:#333; width:33%; padding:8px 0 8px 15px; list-style:none; background:#fff;}
.members_account_right_side ul.listname li .fa { font-size:16px; color:#000; margin-right:5px;}

.members_account_box_bg { float:left; width:100%; border-radius:5px; background:#EBEBEB; padding:20px; margin-top:20px;}
.members_account_box_bg h4 { float:left; width:100%; font-size:16px; line-height:24px; color:#052430; padding:0 0 15px 0;}
.members_account_box_bg h4 a.float-right { font-size:14px;}
.members_account_box_bg h4 a.float-right .fa-edit { font-size:16px; color: #000;  margin-right: 6px;}

.members_account_box_bg h5 { float:left; width:100%; font-size:16px; line-height:24px; color:#81878D; padding:10px 0 0 0;}
.members_account_box_bg p { float:left; width:100%; font-size:16px; line-height:30px; color:#81878D; padding:0;}
.members_account_box_bg label {font-size:15px; color:#81878D;  }
.members_account_box_bg .form-group { margin-top:15px;}
.members_account_box_bg .form-group1 { margin-bottom:15px;}
.members_account_box_bg .form-control { border-radius:5px; border:none; background:#fff; min-height:46px !important; padding:0 15px; font-size:15px; color:#81878D;}
.members_account_box_bg .form-control:focus {box-shadow: 0 0 0 .2rem rgba(var(--rgbcolor));}
.members_account_box_bg .btn { float:left;  font-size: 16px; color:#fff; padding: 12px 22px; border-radius: 5px; font-weight:bold; line-height:normal; margin-top:15px; margin-right:15px; background:var(--primarycolor) ;}
.members_account_box_bg .btn:hover {background: var(--secondarycolor);}
.members_account_box_bg .btn1 { float:left; font-size: 16px; color:#fff; padding: 12px 32px; border-radius: 5px; font-weight:bold; line-height:normal; margin-top:15px; margin-right:15px; border:none; background: var(--primarycolor);}
.members_account_box_bg .btn1:hover { background: var(--secondarycolor);}
.members_account_box_bg .note-editor .btn {float:none; background:none; font-size:inherit; color:inherit; padding:5px; border-radius:0; line-height: normal; margin-top:0; margin-right:0;}
.members_account_box_bg .note-fontsize ul { background:#fff; color:#222;}

.members_account_box_bg .selectradio { background:#BCBCBC; padding:10px; border-radius:5px;}
.members_account_box_bg .selectradio.active {background:#fff;}
.members_account_box_bg .selectradio label { color:#000 !important; font-weight:bold; width:100%; display: flex;  justify-content: space-between; align-items: center;}
.members_account_box_bg .selectradio input[type="radio"] {-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1); margin-top:4px;}
.members_account_box_bg .left_icon { float:left; width:100%; padding:10px 0 0 0;}
.members_account_box_bg .left_icon a { float:left; width:100%; margin: 10px 0 0 0; display: flex; align-items: center; font-weight: 700;}
.members_account_box_bg .left_icon img { width:40px; margin-right:12px;}
.members_account_box_bg .copy_link	{ float:left; width:100%; background:#CCC; border-radius:5px; padding:10px; margin-top:30px;}
.members_account_box_bg .copy_link span { float:left; font-size:16px; color:#000; padding:10px 0 0 0; }
.members_account_box_bg .copy_link a { float:right; font-size:16px; background:var(--secondarycolor); color:#fff; padding:8px 20px; border-radius:30px; font-weight:bold;}
.members_account_box_bg .copy_link a:hover { background: var(--primarycolor);}

 
.payment_popovercontent img { float:left; width:40%; margin:0 30%;}
.payment_icon { float:right;}
.members_right_side { float:right;}
.members_right_side a.btn1 { float:left; font-size: 18px; color:#fff; padding: 12px 32px; border-radius: 30px; font-weight:bold; line-height:normal; border:none;  color:#fff; background: var(--primarycolor);}
	
.members_account_box_bg textarea { width:100%;}	

.how_to_save_travel_but a span { float:left; padding-top:8px;}
.how_to_save_travel_but img { float:left; padding-right:12px;} 

.confirm_new_password_text { float:left; width:100%;}
.confirm_new_password_text h5 { float:left; width:100%; font-size:18px; line-height:28px; color:#81878D; padding:15px 0 15px 0;}
.subscribe_newsletter_bottom { float:left; width:100%;}
.subscribe_newsletter_bottom h5 { float:left; width:100%; font-size:24px; line-height:28px; color:#052430; padding:30px 0 15px 0;}
.subscribe_newsletter_bottom .form-check { float:left; width:100%; font-size:18px;  color:#81878D;  }
.subscribe_newsletter_bottom .save_changes { float:left;  font-size:18px; color:#fff; padding:12px 30px; border-radius:30px; font-weight:bold; line-height:normal; margin-top:20px;}

.invoices_table_box { float:left; width:100%; padding:10px 0;}
.invoices_table_box .title {padding:10px 0 10px 0;  text-align: left; color:#fff; font-size:16px; line-height:20px; font-weight:bold; border-radius:10px 10px 0 0 !important; text-transform:uppercase;  background: var(--secondarycolor);}
.invoices_table_box .title_bg {padding:10px 0 10px 0;  text-align: left; color:#fff; font-size:16px; line-height:20px; font-weight:bold; border-radius:0; text-transform:uppercase;  background: var(--secondarycolor);}

.invoices_table_box .btn {  font-size: 14px; color:#fff; padding: 6px 14px; border-radius: 25px; font-weight:bold; margin-top:0px; background: var(--primarycolor);}
.invoices_table_box .row_odd { background:#EBEBEB; padding: 10px 0; color:#81878D; font-size: 16px; align-items: center;}
.invoices_table_box .row_even { background:#ffffff; padding: 10px 0; color:#81878D; font-size: 16px; align-items: center; }
.invoices_table_box .subtotal  { background:#ebebeb; padding: 10px 0; color:#052430; font-size:16px; font-weight:bold;}
.invoices_table_box span.label { color:#fff; padding:3px 5px; border-radius:3px; font-size:12px; font-weight:bold; background:#00CC00;}
.invoices_table_box .table { border-radius:10px 10px 0 0;}
.invoices_table_box .table td  { border:none; padding:16px .75rem ;}
.invoices_table_box .transaction_btn { float:left; font-size: 14px; color: #fff; padding: 12px 25px; border-radius: 25px; font-weight: bold; margin-top:10px; background: var(--primarycolor);}
.invoices_table_box .table span.completed {background: rgba(0, 204, 102, 0.1); color:#0C6; border-radius:4px; font-size:14px; padding:5px 6px;}
.invoices_table_box .table span.pedding {background: rgba(255, 82, 82, 0.2); color: #ff5252; border-radius:4px; font-size:14px;  padding:5px 6px;}

.become_member_table_box { float:left; width:100%; padding:30px 0;}
.become_member_table_box .title {padding:20px 0 10px 0;  text-align: left; color:#fff; font-size:18px; line-height:22px; font-weight:bold; border-radius:10px 10px 0 0; background: var(--secondarycolor);}
.become_member_table_box .title .center { text-align:center;}
.become_member_table_box .row_odd { background:#ebebeb; padding: 10px 0; color:#81878D; font-size: 16px; }
.become_member_table_box .row_even { background:#ffffff; padding: 10px 0; color:#81878D; font-size: 16px; }
.become_member_table_box .fa-check { float:left; width:100%; text-align:center; color:#0C0; font-size:20px;}
.become_member_table_box .fa-times { float:left; width:100%; text-align:center; color:#F00; font-size:20px;}

.download_selected_bottom { float:left; width:100%; padding:25px 0 0 0;}
.download_selected_bottom a { float:left; background:#40CFBB; font-size:18px; color:#fff; padding:14px 30px; border-radius:30px; font-weight:bold; line-height:normal;  }
.invoices_pagination { float:right; color:#052430; font-size:18px; font-weight:bold; padding:12px 0 0 0;}
.invoices_pagination span { background:#fff; border:1px solid #81878D; padding:4px 10px 5px 11px; border-radius:50%;}
.invoices_pagination .next_but { float:right; background:#052430; font-size: 18px; color:#fff; padding: 14px 45px; border-radius: 30px; font-weight:bold; line-height:normal; margin-left:20px; margin-top:-12px;}

.members_account_right_side .os_hovereffect h2 {color: #fff !important; text-align: center !important; font-size: 18px !important; padding: 8px 0 !important; line-height:26px;}
.members_account_right_side .products_hovereffect h2  { line-height:normal; background:none; padding:0;}

.members_account_history_tab { float:left; width:100%;}
.members_account_history_tab .nav-tabs { border-bottom:1px solid #ccc; padding:0 0 10px 0;}
.members_account_history_tab .nav-tabs .nav-item { background:none; padding:0;} 
.members_account_history_tab .nav-tabs .nav-link { border:none;   padding:8px 8px 0 8px; } 
.members_account_history_tab .nav-item .nav-link { font-weight:bold;}
.members_account_history_tab .nav-tabs .nav-link.active { background-color:transparent;  color: var(--primarycolor); }
.members_order_history { float:left; width:100%; margin-top:10px;}
.members_order_history li { background:none; list-style:none; padding:0; margin:0; width:auto; float:none; line-height:normal;}
.members_order_history ul .select_right_side { width:100%;}
.members_order_history .table td {border-top:none; font-weight:normal;}
.members_order_history .title {   text-align: left; color:#fff; font-size:16px; line-height:22px;  font-weight:bold; border-radius:10px 10px 0 0; background: var(--secondarycolor);}
.members_order_history .row_odd { background:#ebebeb; padding: 10px 0; color:#81878D; font-size:16px; line-height:20px; }
.members_order_history .row_even { background:#ffffff; padding: 10px 0; color:#81878D; font-size: 16px; line-height:20px; }
.members_order_history .btn {background:var(--primarycolor); font-size: 16px; margin:0; color:#fff; padding: 6px 10px; border-radius: 30px;  font-weight:bold;}
.members_order_history .subtotal  { background:#ebebeb; padding: 10px 0; color:#052430; font-size:16px;  font-weight:bold;}
.charities_text_box p { font-size: 16px !important; padding: 15px 0 0 0 !important;}

.promo_codes_section_bg { float:left; width:100%; position:relative; padding:0 0 50px 0; margin:30px 0 15px 0;}
.promo_codes_section_bg:before {position: absolute; left: 0; bottom:0; width:100%; height:55%;  content: ''; background: var(--primarycolor);}
.promo_codes_home_box { float:left; width:100%; margin-top:30px;}
.promo_codes_home_box p { float:left; width:100%; text-align:center; font-size:20px; color:#fff; padding:50px 0 0 0;}
.promo_codes_home_img { float:left; width:100%; position:relative; margin-top:50px; text-align:center; border-radius:15px;}
.promo_codes_home_img img { float:left; width:100%; }
.promo_codes_home_logo { float:left; width:64%; margin:0 18%; position:absolute; top:-38px; background:#fff; border-radius:10px; box-shadow:0 1px 8px #999; padding:5px 15px; z-index:9;}
.promo_codes_off_text { float:left; width:50%; margin:0 25%; border-radius:5px; font-size:26px; color:#fff; position:absolute; bottom:-26px; text-align:center; font-weight:bold; padding:10px 0 10px 0; text-transform:uppercase; font-weight:bold; background: var(--secondarycolor);} 
.promo_codes_off_text_sales  { float:left; width:50%; margin:0 25%; background:#042638; border-radius:5px; position:absolute; bottom:-26px; text-align:center; padding:5px 0 5px 0; background: var(--secondarycolor);} 
.promo_codes_off_text_sales span { float:left; width:100%; font-size:16px; color:#fff; text-align:center; padding-bottom:3px;}
.promo_codes_off_text_sales a { font-size:16px; font-weight:bold; color:#fff;}
.promo_codes_section_bg button.slick-prev { display:none !important;}
.promo_codes_section_bg button.slick-next { display:none !important;}
.promo_codes_viewmore {  width:100%; text-align:center; padding:30px 0 0 0; display: flex; justify-content: center;}
.promo_codes_viewmore a { color:#fff; font-size:16px; text-align:center; padding:14px 30px;  border-radius:5px; background: var(--primarycolor); font-weight:500 !important;}
.promo_codes_viewmore a:hover {background: var(--secondarycolor);} 
 
.home_hovereffect { width:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; border-radius:15px; }  .home_hovereffect .overlay { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.7); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }  
.home_hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; border-radius:15px; }  .home_hovereffect h2 { text-transform:uppercase; color:#fff !important; text-align:center; position:relative; font-size:16px !important; text-transform:uppercase; -webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:35% 0 0 0 !important; line-height:20px; margin:0 !important; }  
.home_hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; font-size:14px; border:2px solid #fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:20px 0 0 0; padding:13px 16px 10px 16px; font-weight:bold; border-radius:5px; }  
.home_hovereffect a.info:hover {  background:#fff; color:#333; }  
.home_hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);   }  
.home_hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }  
.home_hovereffect:hover h2,.home_hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); line-height:22px; }  
.home_hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }
.sales_newbox { margin-bottom:40px;}
.sales_newbox .home_hovereffect h2 { font-size:16px !important; text-transform:capitalize; padding:22% 10px 0 10px !important; min-height:60px;}
.coupon_newbox { margin-bottom:10px;}
.coupon_newbox p { color:#000; font-weight:bold; font-size:16px; padding:40px 0 0 0;}
.coupon_newbox p .fa-clock-o { color:#ff4911;}
.coupon_newbox .home_hovereffect h2 { font-size:16px !important; text-transform:capitalize; padding:22% 10px 0 10px !important; min-height:60px;}
.coupon_newbox .home_hovereffect a.info { font-size:13px;}
.coupon_newbox .home_hovereffect a.info.added { color:#FF0000;}

.popup_ecard_img { float:left; width:100%;}
.popup_ecard_img img { float:left; width:100%;}
.popup_ecard_text_right { float:left; width:100%;}
.popup_ecard_text_right p { float:left; width:100%; font-size:16px; color:#000; padding:4px 0;}
.popup_ecard_text_right p span { float:left; width:40%; font-size:16px; color:#000; font-weight:bold;}

.custom-control label {  font-size:15px; color:#81878D;}
.custom-control a {  font-size:15px; color:#81878D;}
 
.cart_bottom_button { float:left; width:30%;}
.cart_bottom_button_update_cart { float:left; width:30%;}
.cart_bottom_button_clearall { float:left; width:20%;}
.cart_bottom_button_checkout { float:right; width:20%;}
 
/*===============eCard New demo 27-05-2020 ================*/
.ecarddetail_main { float:left; width:100%;}
.ecarddetail_main .onlineshop_details_rightside { width:50%; margin:30px 25% 0 25%;}
.ecarddetail_main .onlineshop_details_rightside h2 { text-align:center;}
.ecarddetail_main .onlineshop_details_img { width:30%; margin:0 35%; margin-top:30px; border-radius:20px;}
.ecarddetail_main .onlineshop_details_img img { border-radius:20px;}
.ecarddetail_main .onlineshop_store_but { text-align:center; margin:45px 0;}
.ecarddetail_main .onlineshop_store_but a { float:none;  border-radius:40px; padding:14px 30px; font-size:18px;  font-weight:bold;  color:#fff; margin:0 10px; border:1px solid var(--primarycolor); background:var(--primarycolor);}
.ecarddetail_main .onlineshop_note_text { text-align:center;}

.ecard_save_box { float:left; width:100%; text-align:center; padding:12px 0; font-size:14px; color:#333; font-weight:bold; position:relative;   color: var(--primarycolor);}
.choose_amount_text { float:left; width:100%; font-size:18px; color:#333; padding:15px 0 0 0; font-weight:bold; text-align:center;}
.choose_amount_fixed { float:left; width:100%; padding:15px 0 0 0; text-align:center;}
.choose_amount_fixed .form-control { border:1px solid #ccc; width:30%;}
.ecard_you_pay_text { float:left; width:100%; font-size:24px; color:#333; padding:30px 0 0 0; font-weight:bold; text-align:center;}
.ecard_you_pay_text h6 { float:none;}
.ecard_you_pay_text p { font-size:24px; float:none; padding:0; width:auto; display:contents; color: var(--primarycolor);}
.ecard_you_pay_text p span.minprice { text-decoration:line-through;}
.amount_quantity_box { float:left; width:100%;}
.quantity_title{ float:left; width:100%; font-size:18px; color:#333; padding:15px 0; font-weight:bold; text-align:center;}
.choose_amount_fixed .noUi-target { margin-top:20px;}
.choose_amount_fixed .noUi-connect {background: var(--primarycolor);}
.choose_amount_fixed .noUi-horizontal .noUi-handle {width: 34px; height: 34px; left: -17px; top: -10px; border-radius:50%;}
.choose_amount_fixed .amount_value {  font-size:26px; font-weight:bold;  color: var(--primarycolor);}
.choose_amount_fixed span.value_amount {  font-size:26px; padding-bottom:0; text-align:center; display:contents; font-weight:bold;  color: var(--primarycolor);}
.choose_amount_fixed .form-control { margin:0 auto; font-size:20px; height:46px !important;}
.manually_enter_price_box { float:left; width:100%; text-align:center; margin:30px 0 0 0;  display:flex; flex-wrap: wrap; align-content: center; justify-content: center;}
.manually_enter_price_box span { float:left; padding:15px 15px 0 0; font-size:15px; color:#333;}
.manually_enter_price_box .input-group { width:145px;}
.manually_enter_price_box .form-control  { padding:8px 10px; font-size:20px;}

.amount_quantity_box input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.amount_quantity_box input[type=number]::-webkit-inner-spin-button, 
.amount_quantity_box input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;}
.amount_quantity_box .number-input { margin: 0;}
.amount_quantity_box .number-input button { -webkit-appearance: none; background-color:transparent;  border:none; align-items:center; justify-content:center; cursor: pointer; margin:0; position:relative;}
.amount_quantity_box .number-input button:before,
.number-input button:after { display:inline-block; position:absolute; content: ''; height:2px; transform:translate(-50%, -50%);}
.amount_quantity_box .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg);}
.amount_quantity_box .number-input input[type=number] { text-align:center;}
.amount_quantity_box .md-number-input.number-input { border:1px solid #ddd; width:180px; height:44px; margin:0 auto; float:none;}
.amount_quantity_box .md-number-input.number-input button { outline:none; width:3rem; height:2rem; padding-top: .8rem;}
.amount_quantity_box .md-number-input.number-input button.minus { padding-left:3px; float:left;}
.amount_quantity_box .md-number-input.number-input button.plus { padding-left: 2px;}
.amount_quantity_box .md-number-input.number-input button:before,
.md-number-input.number-input button:after { width:1rem; background-color:#212121;}
.amount_quantity_box .md-number-input.number-input input[type=number] { max-width:5rem; padding:.5rem; border:solid #ddd; border-width:0 2px;font-size: 2rem; height:41px; outline: none; font-size:18px !important; color:#333;}
.members_account_right_side h2 span { float:right;  font-size:32px; color:#fff; border-radius:5px; padding:13px 10px 7px 10px; text-align:center; line-height:44px; font-weight:bold; background: var(--secondarycolor);}
.members_account_right_side h2 span.text_bottom { color:#fff; font-size:15px; line-height:0px;} 
.ecardwp_1 {display:inline !important;}
.ecardwp_0 {display:none !important;}

.cashback_box_bg { float:left; width:100%; border-radius:0; background:#fff;  border:1px solid #EBEBEB; margin-top:30px; display: flex; align-items: center; border-radius:10px;}
.cashback_box_bg .icon { width:150px; padding:15px 20px; margin-right:20px; background:#EBEBEB; border-radius:10px 0 0 10px;}
.cashback_box_bg .icon img { width:100%; }
.cashback_box_bg p { float:left; width:100%; text-align:left; font-size: 18px; line-height: 24px; color: #222; padding: 0 0 0 0; font-weight:400 !important; font-family:Arial, Helvetica, sans-serif;}
.cashback_box_bg p span { font-size:32px; line-height:40px; float:left; width:100%; }
.cashback_box_bg p span.total { color:var(--primarycolor); }
.cashback_box_bg p span.remaining { color:#0C0; }
.cashback_box_bg p span.used { color:#F00;}
  
.welcompack_top_text { float:left; width:100%; font-size:20px; line-height:36px; letter-spacing:0; padding:0 0 12px 0; text-align:center; font-weight:bold;}
.welcompack_top_text span { color: var(--secondarycolor);}
.welcompack_top_text a { padding:8px 22px; border-radius:30px; font-size:18px; color:#fff; background: var(--primarycolor);} 

.gold_members_benefits { float:left; width:100%;}
.gold_members_benefits_box_bg { float:left; width:100%; border-radius:10px; background:#EBEBEB; padding:10px 25px 25px 25px; margin-top:30px;}
.gold_members_benefits h3 { float:left; width:100%; font-size:30px; line-height:38px;  padding:15px 0 0 0;  color: var(--secondarycolor);}
.gold_members_benefits h5 { float:left; width:100%; font-size:22px; line-height:38px; color:#47cfe0; padding:15px 0 0 0; line-height:30px;  color: var(--primarycolor);}
.gold_members_benefits h4 { float:left; width:100%; text-align:center; font-size:16px !important; line-height:24px !important; padding:20px 0 0 0; margin:0 0 10px 0 !important;}
.gold_members_benefits h4 a { float:none !important; width:auto !important;   text-align:center; font-size:26px !important; margin-bottom:10px;  padding:20px 0 0 0;  color: var(--primarycolor);}
.gold_members_benefits h4 a.btn {background: var(--secondarycolor);}

.gold_members_benefits p {  float:left; width:100%; font-size: 16px; color:#81878D; padding:15px 0 0 0 !important;}
.gold_members_img { float:left; width:100%; padding-top:20px !important;}
.gold_members_img img { float:left; width:100%;}
.egift_cards_savings  {  float:left; width:100%;  }
.egift_cards_savings h4 {float:left; width:100%; text-align:center; font-size:16px !important; line-height:24px !important; padding:20px 0 0 0; margin:0 0 10px 0 !important;}
.egift_cards_savings h4 a { float:none !important; width:auto !important;   text-align:center; font-size:26px !important; margin-bottom:10px;  padding:20px 0 0 0;}
.egift_cards_savings h6 { float:left; width:100%; font-size:14px;}
.egift_cards_savings ul { float:left; width:100%; list-style:none; margin:15px 0 0 0; padding:0;}
.egift_cards_savings li { float:left; width:50% !important; background:none; list-style:none; font-size: 15px; color:#81878D; padding:0 0 1px 0; margin:0;}

.ecard_alphabets { float:left; width:100%;   padding-top:10px; color:#333;}
.ecard_alphabets span.alph { cursor:pointer; margin:0 4px; font-size:15px; font-weight:bold;  color: var(--primarycolor); } 
.ecard_alphabets span.alph:hover { color: var(--secondarycolor);}
.ecard_alphabets span.active { color: var(--secondarycolor);}
.member_table_center { float:left; width:100%; padding:0 22%;}
.member_savings_table { float:left; width:100%; margin-top:20px;}
.member_savings_table table th { text-align:center;}
.watch_video_button { float:left; width:100%; padding:30px 0 0 0; }
.watch_video_button a { float:left; font-size:18px; color:#fff; border-radius:40px; margin-right:10px; padding:7px 25px 7px 10px;  font-weight:bold; background: var(--secondarycolor);}
.watch_video_button a span { float:left; padding-top:8px;}
.watch_video_button img { float:left; padding-right:12px;}
.watch_video_button a.btn { margin:0 !important; padding:12px 30px !important;}

.gold_members_benefits .savings_calculator_section_bg { margin-top:40px;}
.gold_members_benefits .savings_calculator_img_right { margin:10px 0 0 0;}
.gold_members_img a.carousel-control-prev { left:-18px; width:20px;  opacity:1;}
.gold_members_img a.carousel-control-next { right:-19px; width:20px; opacity:1;}
.gold_members_img a.carousel-control-prev i.fa { color:#000; font-size:0px;}
.gold_members_img a.carousel-control-next i.fa { color:#000; font-size:0px;}
.customer_email_box { float:left; width:100%;}
.customer_email_img { float:left; text-align:center; width:100%; margin-top:30px; position:relative;}
.customer_email_img img { float:left; width:100%;}
.customer_email_img span { float:left; width:100%; background-color: rgba(0, 0, 0, 0.6); font-size:16px; font-weight:bold; color:#fff; padding:10px 0; position:absolute; left:0; bottom:0;}

.customer_email_img h6 { font-size:18px; color:#333;  margin-top:10px; padding:0;}
.customer_email_img a.button { float:none; font-size:14px; color:#333; text-transform:uppercase; border:1px solid #333; padding:10px 20px 8px 20px; border-radius:20px; font-weight:bold;}
.customer_email_img a.button:hover { background:#333; color:#fff; }
.customer_email_box .slick-prev { background:none; content: "\f137";}
.customer_email_box .slick-prev:hover { background:none; box-shadow:none;}
.customer_email_box .slick-prev:after {content: "\f137"; color:#000; font-size:22px; font-family: FontAwesome;}
.customer_email_box .slick-next { background:none;}
.customer_email_box .slick-next:hover { background:none; box-shadow:none;}
.customer_email_box .slick-next::before {content: "\f138"; color:#000; font-size:22px;}

.button_justify {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}

.coupons_text_dotted { float:left; width:100%;}
.coupons_text_dotted ul { float:left; width:100%; list-style:none; padding:15px 0 0 0;}
.coupons_text_dotted li { float:left; width:100%; list-style:none; font-size:16px; color:#81878D; background: url(../images/dotted4.png) left 10px no-repeat; padding:5px 0 0 20px;}

#establishment-website .modal-body { padding:0 20px 20px 20px;}
#monthly-administration .modal-body { padding:0 20px 20px 20px;}

.establishment_popup_text { float:left; width:100%;}
.establishment_popup_text ul { float:left; width:100%; list-style:none; padding:5px 0 0 0;}
.establishment_popup_text li { float:left; width:100%; list-style:none; font-size:16px; color:#333; background: url(../images/dotted.png) left 14px no-repeat; padding:9px 0 0 15px;}
 
.revenue_opportunities_main { float:left; width:100%;} 

.revenue_opportunities_box { float:left; width:19%; margin:20px 8% 0 0; border:2px solid #222; padding:20px; color:#333; line-height:26px; font-size:16px; min-height:125px; position:relative;}
.revenue_opportunities_box:before { background: url(../images/box-aro.png) left top no-repeat; content:''; position:absolute; right:-72px; top:38%; width:42px; height:30px;}
.revenue_opportunities_main .revenue_opportunities_box:last-child { margin-right:0;}
.revenue_opportunities_main .revenue_opportunities_box:last-child:before { background:none;}


.revenue_opportunities_box1 { float:left; width:16%; margin:20px 5% 0 0; border:1px solid #042638; color:#333; line-height:26px; font-size:16px;   position:relative;}
.revenue_opportunities_box1:before { background: url(../images/box-aro.png) left top no-repeat; content:''; position:absolute; right:-60px; top:39%; width:42px; height:30px; background-size:30px;}
.revenue_opportunities_main .revenue_opportunities_box1:last-child { margin-right:0;}
.revenue_opportunities_main .revenue_opportunities_box1:last-child:before { background:none;}
.revenue_opportunities_box1 h3 { float:left; width:100%; text-align:center; font-size:16px !important; line-height:20px; min-height:66px;}
.revenue_opportunities_box1 .icon_box { float:left; width:100%; text-align:center; padding:15px 0 20px 0;}
.revenue_opportunities_box1 .icon_box img { max-width:90px; margin:0 auto;}
.revenue_opportunities_box1 p { float:left; width:100%; text-align:center; padding:15px; min-height:92px; background:#042638; font-size:15px; color:#fff !important;}
.revenue_ecard_img_box1 { float:left; width:34%; margin-top:30px;}
.revenue_ecard_img_box1 img { float:left; width:100% !important;}
 
.revenue_opportunities_box3 { float:left; width:29%; margin:20px 6.5% 0 0; border:2px solid #222; padding:20px; color:#333; line-height:26px; font-size:16px; min-height:147px; position:relative;}
.revenue_opportunities_box3:before { background: url(../images/box-aro.png) left top no-repeat; content:''; position:absolute; right:-65px; top:38%; width:42px; height:30px;}
.revenue_opportunities_main .revenue_opportunities_box3:last-child { margin-right:0; }
.revenue_opportunities_main .revenue_opportunities_box3:last-child:before { background:none;}
 
.box_head_main { float:left; width:100%; border:1px solid #d2d2d2; background:#fff; position:relative;  margin:12px 0;} 
.box_head_main .box_cont p { float:left; width:100%; padding:15px 15px 0 15px !important; font-size:16px !important; line-height:26px !important;}
.box_head { float:left; width:100%; background:#e1e1e1; padding:10px 15px;}
.box_head .box_user_img_name { float:left; width:60%;}
.box_head .box_user_img_name i { float:left; padding:0; font-size:52px; color:#222;}
.box_head .box_user_img_name p { float:left; width:74% !important; font-size:16px; font-weight:bold; color:#222 !important; line-height:26px !important;  word-break: break-all;}
.box_head span { float:right; font-size:16px; font-weight:bold; color:#222 !important; padding:5px 0 0 0;} 

.attachment_box_bottom { float:left; width:100%; padding:15px 2%; background:#f3f3f3; margin-top:10px;}
.attachment_box_bottom h6 { float:left; width:100%; color:#636363; font-size:16px !important;  padding:0; }

.attachment_file_box  { float:left; width:50%; padding:7px 0;}
.attachment_file_box a {color:#636363; text-decoration:none;}
.attachment_file_box img { float:left; padding-right:5px;}

.calculate_tab_box_main ul { float:left; width:100%; padding:20px 0 0 0; margin:0;}
.calculate_tab_box_main li.nav-item { float:left; margin:5px 0.5%; padding:0; width:19% !important; text-align:center; background:none !important;}
.calculate_tab_box_main li.nav-item a.nav-link { float:left; width:100%; padding:8px 4px; border:none; border-radius:5px; min-height:91px; font-size:15px; color:#fff; background: var(--secondarycolor);}
.calculate_tab_box_main li.nav-item a.nav-link.active {background: var(--primarycolor);}
.calculate_tab_box_main li.nav-item a.nav-link .input_box { border-radius:5px; width:120px; height:30px; border:none; text-align:center; font-size:14px; font-weight:bold; color:#222; margin:0 20px;}
.calculate_tab_box_main_border { float:left; width:100%; padding:25px 0 0 0;}
.calculate_tab_box_main_border p { float:left; width:100%; text-align:center; font-size:26px; color:#222; margin-bottom:30px; font-weight:bold;}

.radio_city_icon { float:right;}
.radio_city_icon [type=radio] {  position:absolute;  opacity:0;  width:0;  height:0;}
.radio_city_icon [type=radio] + img { cursor: pointer; margin-right:7px; border:3px solid #fff;}
.radio_city_icon [type=radio]:checked + img {border:3px solid var(--primarycolor);}
 
.year_radio_button { float:left; width:100%; margin-top:10px;}
.year_radio_button .rad { cursor: pointer; user-select: none;  -webkit-user-select: none; -webkit-touch-callout: none; margin-right:25px; font-weight:bold; color:#222; }
.year_radio_button .rad > input { /* HIDE ORG RADIO & CHECKBOX */
  position: absolute; opacity: 0; width: 0; height: 0; }
 
.year_radio_button .rad > i { display: inline-block; vertical-align: middle; width:  16px; height: 16px; border-radius: 50%; transition: 0.2s; box-shadow: inset 0 0 0 8px #fff; border: 1px solid gray; background: gray; margin:-7px 5px 0 0; }

.year_radio_button .rad:hover > i{ /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff; background: gray; }
.year_radio_button .rad > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff; background: #222; }
 
.onlineshop_note_top  { float:left; font-size:18px; text-align:center; width:100%; padding:0 20% 30px 20%;  color: var(--primarycolor);}
.app_download_button { float:left; width:96%; position:absolute; bottom:15px; margin: 0 2%; padding:0; z-index:10;}
.app_download_button .left_side { float:left; width:180px;}
.app_download_button .right_side { float:right; width:180px;}
.ecardapp_download_button  { float:left; width:100%; padding:0 30px; text-align:center;}
.ecardapp_download_button img  { float:left; width:46%; margin:0 2%;}
.checkoutapp_download_button { float:left; width:100%;}
.checkoutapp_download_button h6 { margin-top:10px;}
.checkoutapp_download_button img { float:left; width:60%; margin-top:20px;}
 
.local_coupon_box_tab { float:left; width:100%; margin:15px 0;} 
.local_coupon_box_tab .coupon_code_bottom { float:left; background:#008600; color:#fff; font-size:26px; padding:12px; width:100%; text-align:center; font-weight:700;}
.ewallet_ecard_box { float:left; width:100%; background:#fff; padding:20px; margin:30px 0 0 0; border-radius:5px; border:1px solid #ccc; min-height:355px; position: relative;}
.local_coupon_box_tab .ewallet_ecard_box { margin:0;}
.ewallet_ecard_img_left { float:left; width:100%;}
.ewallet_ecard_img_left img { float:left; width:100%; }
.ewallet_ecard_img_left h6 { float:left; width:100%; text-align:center; font-size:16px; padding:10px 0 0 0; color: var(--primarycolor);}
.ewallet_ecard_img_left h5 { float:left; width:100%; text-align:center; font-size:24px; padding:10px 0 0 0; color: var(--primarycolor); font-weight:700;}

.ewallet_ecard_img_left .input-group-text { font-size:14px;}
.ewallet_ecard_text_mid { float:left; width:100%; }
.ewallet_ecard_text_mid h6 { float:left; width:100%; font-size:22px !important; color:var(--primarycolor) !important; padding:0 !important; margin:0 !important; line-height:normal !important;}
.ewallet_ecard_text_mid h6 span { float:right; background:var(--primarycolor); color:#fff; font-size:16px; padding:5px 8px; border-radius:5px;}

.ewallet_ecard_text_mid .barcode_box_bg {display: flex; width: 100%; float:left; margin:15px 0 0 0;}
.ewallet_ecard_text_mid .barcode_box_bg .baroode { width:30%;}
.ewallet_ecard_text_mid .barcode_box_bg .baroode img { width:100%;}
.ewallet_ecard_text_mid .barcode_box_bg .text { width:66%; margin-left:4%;}
.ewallet_ecard_text_mid .barcode_box_bg .text .coupon_logo { width:190px;}
.ewallet_ecard_text_mid .barcode_box_bg .text .coupon_logo img { width:100%;}
.ewallet_ecard_right_button .site_logo_top { width:100%; float:left; margin-bottom:20px;}
.ewallet_ecard_right_button .site_logo_top img { width:100%; float:left;}
.ewallet_card_brcode { float:left; width:100%; display: flex; padding:5px 0 0 0;}
.ewallet_card_brcode p {width:112px; margin:0 auto; text-align:center; padding:0;}
.ewallet_card_brcode p span { float:left; width:100%; font-size: 16px; color: #333;}
.ewallet_card_brcode p img { width:100%;}

.ewallet_ecard_right_button { float:right;  position: absolute; left: 2px; bottom: 2px; right: 2px;}
.ewallet_ecard_right_button ul { float:left; width:100%; list-style:none; display:flex; margin:0; padding:15px 0 0 0;}
.ewallet_ecard_right_button li { float:left; width:100%; list-style:none; line-height:normal; padding:0 !important; background:none !important; margin:0 1px;}
.ewallet_ecard_right_button li a { float:left; width:100%; list-style:none; border-bottom:1px solid #fff; font-size:15px; color:#fff; font-weight:bold; text-align:center; padding:10px 0; background: var(--secondarycolor);}
.ewallet_ecard_right_button li a:hover {background: var(--primarycolor);}
.ewallet_ecard_text_mid h5 { float:left; width:100%; font-size:16px !important; color:#333 !important; padding:0 !important; margin:0 !important; line-height:normal !important;}
.ewallet_ecard_text_mid p { float:left; width:100%; font-size:14px !important; color:#606060 !important; padding:6px 0 0 0 !important; margin:0 !important; line-height:normal !important; overflow-wrap: anywhere;}
.ewallet_ecard_text_mid p span { font-weight:bold;}
.ewallet_ecard_text_mid p .copybtn {color:#333; font-size:16px; padding-left:10px; font-family: 'FontAwesome';} 
.ewallet_ecard_text_mid p.walletviewin_logo {display: flex; width:100%; flex-wrap:wrap; margin-bottom:15px !important;}
.ewallet_ecard_text_mid p.walletviewin_logo img { height:30px; width:auto; margin:10px 10px 0 0;}

.ewallet_ecard_box.list { min-height:inherit;}
.ewallet_ecard_box.list .ewallet_ecard_right_button { float:right; width:100%;  position:inherit; left:auto; bottom:auto; right:auto;}
.ewallet_ecard_box.list .ewallet_ecard_right_button ul { float:left; width:100%; list-style:none; display:inherit; margin:0; padding:0;}
.ewallet_ecard_box.list .ewallet_ecard_right_button li { float:left; width:100%; list-style:none; line-height:normal; padding:0 !important; background:none !important; margin:0;}
.ewallet_ecard_box.list .ewallet_ecard_right_button li a { float:left; width:100%; list-style:none; border-bottom:1px solid #fff; font-size:15px; color:#fff; font-weight:bold; text-align:center; padding:10px 0; background: var(--secondarycolor);}
.ewallet_ecard_box.list .ewallet_ecard_right_button li a:hover {background: var(--primarycolor);}
  
.all_businesses_page_main { float:left; width:100%;}
.businesses_tab_box { float:left; width:100%;}
.businesses_tab_box .nav-tabs { float:left; width:100%; list-style:none; padding:0 0 15px 0; margin:0;}
.businesses_tab_box .nav-tabs li { float:left; width:auto; list-style:none; padding:0; margin:0; background:none;}
.businesses_tab_box .nav-tabs li a { float:left;  font-size:16px; color:#000; margin:8px 30px; padding-bottom:3px; border-bottom:4px solid #fff; }
.businesses_tab_box .nav-tabs li a:hover { border-bottom: 4px solid var(--primarycolor);}
.businesses_tab_box .nav-tabs li a.active { border-bottom: 4px solid var(--primarycolor);}
.businesses_tab_page  { float:left; width:100%;}
.businesses_tab_page h3 { float:left; width:100%; font-size:24px; color:#333; text-align:center; padding:30px 0 0 0;}
.all_businesses_banner { float:left; width:100%;}
.all_businesses_banner img { float:left; width:100%;}
.networking_box_bg { float:left; width:100%; margin-top:30px; position:relative;}
.networking_box_bg img { float:left; width:100%;}
.networking_box_bg span { float:left; width:100%; text-align:center; position:absolute; bottom:0; left:0; background-color: rgba(0, 0, 0, 0.7); padding:10px 0; font-weight:bold; font-size:16px; color:#fff;}
 
.testimonials_page_bg { float:left; width:100%; }
.testimonials_page_bg .row {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.testimonials_img_left { float:left; width:100%; margin-top:30px;}
.testimonials_img_left img { float:left; width:100%; border:1px solid #ccc; padding:5px; border-radius:50%;}
.testimonials_text_right { float:left; width:100%; margin-top:15px;}
.testimonials_text_right p { float:left; width:100%; font-size:16px; color:#81878D; padding:15px 0 0 0;}
.testimonials_text_right h3 { float:left; width:100%; font-size: 22px; color: #333; padding:15px 0 0 0; margin:0;}
.testimonials_text_right h3 span { float:left; width:100%;  color: var(--primarycolor);}
#orderload { width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:url("../images/loader.gif") no-repeat center center rgba(0,0,0,0.75); }
#orderload p { float:left; width:100%; text-align:center; font-size:22px; line-height:32px; color:#fff; font-weight:bold; padding:0 2%; margin-top:17%;} 

.category_save_year_box { float:left; width:100%; margin-top:70px; padding:0; text-align:center; position:relative; background: var(--secondarycolor);}
.category_save_year_box .icon { max-width:80px; height:80px; position:absolute; top:-40px; left:0; right:0; border-radius:50%; margin:0 auto; background: var(--primarycolor);}
.category_save_year_box .icon img { max-width:100%; margin:0 auto;}
.category_save_year_box h4 { font-size:19px !important; color:#fff !important; padding:50px 5px 0 5px; margin:0 !important; font-weight:bold; min-height:90px; line-height:20px !important;}
.category_save_year_box h6 { font-size:15px;  padding:0 0 12px 0; margin:0 !important; font-weight:bold; color: var(--primarycolor);}

.sales_bottom_img_bg {  margin-left:-15px; margin-right:-15px;}
.sales_bottom_img { float:left; margin-top:30px; width:20%; padding-left:15px; padding-right:15px;}
.sales_bottom_img img { width:100%;}

.check_your_gift_card_bg { float:left; width:100%; padding:0 30% 40px 30%;}
 
/*Checkout accordion*/
.checkout_accordion_box .panel {background-color:transparent; box-shadow:none;}
.checkout_accordion_box .panel-default {border-color:transparent;}
.checkout_accordion_box .panel-group .panel { border-radius:50px; margin-top:15px;  }
.checkout_accordion_box .panel-group .panel-heading + .panel-collapse > .panel-body { border:none; padding:0; }
.checkout_accordion_box .panel-default > .panel-heading { float:left; width:100%; margin-top:15px;  background:#EBEBEB; border-color:transparent; color:#fff;   border-radius:10px;}
.checkout_accordion_box .panel-title { font-size:18px; color:#052430; line-height:28px; padding:16px 30px; position:relative;}
.checkout_accordion_box .panel-title a { color:#052430; }
.checkout_accordion_form { float:left; width:100%;}
.checkout_accordion_form .input-group {margin-top:15px;}
.checkout_accordion_form .fa-address-card-o { color:#333;}
.checkout_accordion_form .input-group-text { border-radius: 25px 0 0 25px; padding:0 15px 0 20px;}
.checkout_accordion_form .form-control { border-radius:5px; border:none; background: #fff; min-height:46px !important;  padding: 0 15px; font-size: 15px; color: #81878D;}
.checkout_accordion_form input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.checkout_accordion_form input[type=number] { -moz-appearance: textfield; border: 1px solid #ebebeb;}
#bpoint .text-danger { width:100%; padding:5px 0 0 15px; font-size:14px;}
#bpoint .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child){ border-bottom-right-radius:5px; border-top-right-radius:5px;}


/*======NEW HOME PAGE 2021========*/

  
header .navbar.bg1 { text-align:center; margin-bottom:0; background:var(--primarycolor); border-bottom:none; padding:0; }
header .navbar.bg1 .navbar-nav { list-style:none; border:none; }
header .navbar.bg1 .navbar-nav li { list-style:none; padding:0 25px 0 0;  }
header .navbar.bg1 .navbar-nav li a {  list-style:none; color:#fff; text-transform:inherit;  width:auto; font-size:15px; padding:17px 0;    }
header .navbar.bg1 .navbar-nav li a:focus { color:#fff;}
header .navbar.bg1 .navbar-nav li a:hover { color:#fff;  }
header .navbar.bg1 .navbar-nav li.active a { color:#fff;}
header .navbar.bg1 .navbar-toggler { border-radius:0; width:100%; border:none; background:var(--secondarycolor);}
header .navbar.bg1 .navbar-toggler .navbar-toggler-icon { float:right; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
header .navbar.bg1 .navbar-toggler .menu_text { float:left; font-size:18px; font-weight:bold; color:#fff; margin:6px 0 0 0;}
header .navbar.bg1 .navbar-nav li .dropdown-item  { background:var(--primarycolor); padding:12px 15px; color:#fff; border-bottom:1px solid #fff;}
header .navbar.bg1 .navbar-nav li .dropdown-item:hover {border-bottom:1px solid #fff;}


.container {max-width: 1370px;}
.top_icon_menu { float:right; margin-top:3px;}
.top_icon_menu a { float:right;}
.top_icon_menu a img { float:right; max-width:32px;}
.discounted_ecards_purchase_bg { float:left; width:100%;}
.discounted_ecards_purchase_bg h2 { float:left; width:100%; font-size:36px; color:#000; text-align:center; margin:40px 0 0 0;}

.discounted_ecards_width { float:left; width:80%; margin:0 10%;}
.discounted_ecards_width h2 { float:left; width:100%; font-size:30px; color:#222; text-align:center; margin:30px 0 0 0;}
.discounted_ecards_width h2 img { max-width:15px; margin:-9px 5px 0 5px;}
.discounted_ecards_box { float:left; width:16.8%; margin:30px 4% 0 0; border:1px solid #042638; color:#333; line-height:26px; font-size:16px; position:relative;}
.discounted_ecards_box:before { background: url(../images/title-aro1.png) left top no-repeat; content:''; position:absolute; right:-28px; top:45%; width:15px; height:11px; background-size:15px;}
.discounted_ecards_width .discounted_ecards_box:last-child { margin-right:0;}
.discounted_ecards_width .discounted_ecards_box:last-child:before { background:none;}
.discounted_ecards_box h3 { float:left; width:100%; text-align:center !important; font-size:18px !important; line-height:22px; min-height:70px; padding:15px 0 0 0; margin:0 !important;}
.discounted_ecards_box .icon_box { float:left; width:100%; text-align:center; padding:0 0 20px 0;}
.discounted_ecards_box .icon_box img { max-width:140px; margin:0 auto;}
.discounted_ecards_box p { float:left; width:100%; text-align:center; padding:5px 0 12px 0 !important; min-height:68px;  font-size:14px !important; line-height:20px !important; color:#042637 !important; /* border-top:1px solid #042638;*/}
 
.home_category_bg { float:left; width:100%; margin:20px 0 10px 0; position:relative;}
.home_category_bg h2 { float:left; width:100%; font-size:20px; color:#333; text-align:center; margin:10px 0; padding-bottom:10px;}
.home_category_bg h3 {text-align:center; font-size:20px; color:#333;}
.home_category_box { float:left; width:100%; margin-top:30px; border:1px solid #ccc;}
.home_category_box img { float:left; width:76%; margin:15px 12% 0 12%;}
.home_category_text { float:left; width:100%; padding:12px; min-height:120px;}
.home_category_text h6 { float:left; width:100%; text-align:center; font-size:18px; line-height:22px; color:#000; min-height:45px;}
.home_category_text p { float:left; width:100%; text-align:center; font-size:15px; color:#000; padding:3px 0 0 0;}
.home_category_text p span  { float:left; width:100%; font-size:24px; text-align:center; font-weight:700;}



.app_box_background { float:left; width:100%;  background-size:cover; margin-top:60px; padding:0 30px 0 30px; position:relative; background: var(--primarycolor);}
.app_image_left { float:left; width:100%; margin:12px 0 40px 0;}
.app_image_left img { float:left; width:100%;}
.app_text_right { float:left; width:100%; margin:30px 0 0 0;}
.app_text_right h2 { float:left; width:100%; font-size:30px; color:#fff; margin: 0; line-height:42px;}
.app_text_right h2 img { max-width:15px; margin:-9px 5px 0 5px;}
.app_text_right ul { float:left; width:100%; list-style:none; margin-bottom:15px;}
.app_text_right ul li { float:left; width:100%; list-style:none; font-size:17px;  color:#fff; border-radius:30px; padding:8px 0 8px 60px; margin-top:18px; position:relative; font-weight:bold; background-color: rgba(var(--rgbcolor));}
.app_text_right ul li span {   font-size:22px; color:#fff; border-radius:50%; padding:8px 17px 11px 17px; position:absolute; left:0; top:-5px; background: var(--secondarycolor);}
.app_bottom_download_button { float:left; width:100%; margin-top:5px; margin-bottom:20px;}
.app_bottom_download_button img { float:left; max-width:160px; width:auto; margin-right:25px;}
.wemakeapp_right_side { position:absolute; bottom:15px; right:10px;}
.wemakeapp_right_side img { max-width:210px;}

.bepart_register_button { float:left; width:100%; padding:20px 0 0 0;}
.bepart_register_button a { float:left;  font-size:18px; color:#fff; padding:14px 45px; border-radius:30px;font-weight:bold; background:var(--secondarycolor);}

.home_estores_bg { float:left; width:100%;   background-size:cover; padding:40px 30px; margin-bottom:40px; background: var(--primarycolor);}
.home_estores_bg .row { display:flex; align-items:center;}
.home_estores_img_left { float:left; width:100%; margin:0;}
.home_estores_img_left img { float:left; width:100%;}
.home_estores_text_right { float:left; width:100%;}
.home_estores_text_right h6 { float:left; width:100%; font-size:20px; color:#fff; margin:0;  }
.home_estores_text_right h2 { float:left; width:100%; font-size:30px; color:#fff; margin:15px 0 0 0; line-height:40px;}
.home_estores_text_right p { float:left; width:100%; font-size:18px; line-height:30px; color:#fff; padding:15px 0 5px 0;font-weight:bold;}

.add_sponsoring_box_bg { float:left; width:100%; padding:20px 0 50px 0;}
.add_sponsoring_box_bg h2 { float:left; width:100%; text-align:center; font-size:30px; color:#042638; margin:15px 0 0 0; line-height:40px;}

.add_sponsoring_box { float:left; width:100%; margin-top:30px;}
.add_sponsoring_box img { float:left; width:100%;}

.supportcenter_main { float:left; width:100%;}
.supportcenter_main h3 { float:left; width:100%; font-size:30px; color:#222; margin-top:30px; text-align:left;}
.supportcenter_main h3.center {  text-align:center;}
.supportcenter_main h6 { float:left; width:100%; text-align:center; font-size:18px; color:#222; padding:10px 0 0 0;}
.supportcenter_main p {float: left; width: 100%; font-size: 16px; color: #333; line-height: 28px; padding:15px 0 0 0;}
.supportcenter_main p a {color: var(--primarycolor); font-weight:bold;}
.supportcenter_main p span.left1 { float:left; padding-left:20px;}
.supportcenter_main p span.left2 { float:left; padding-left:40px;}
.supportcenter_main p span.left1 strong {font-size: 26px; line-height:6px; margin:11px 5px 0 0; float: left;}
.supportcenter_main ul {float: left; width: 100%; list-style:none; padding:0 0 0 0;}
.supportcenter_main li {float: left; width: 100%; list-style:none; font-size: 16px; color: #333; line-height: 26px; padding:4px 0 0 18px; background:url(../images/dotted4.png) left 13px no-repeat; margin-left:20px;}
.supportcenter_main .accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.supportcenter_main .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.supportcenter_main .card-body h3 { padding:0;}
.supportcenter_main .card { border:none; float:left; width:100%;}
.supportcenter_main .card-header { padding:12px 20px; margin-top:20px; background:#EBEBEB; border-radius:5px; font-size:18px; font-weight:bold; border:none; cursor:pointer;}
.supportcenter_main .card-header > a::before { display:none;}

footer { float:left; width:100%; background:#222;}

.footer_logo_bottom  { float:left; width:70%; margin-top:40px;}
.footer_logo_bottom img { float:left; width:100%;}
.footer_box_main { float:left; width:100%; margin-top:50px;}
.footer_box_main h5 { float:left; width:100%; font-size:24px; color:#fff; padding-bottom:10px;}
.footer_box_main ul { float:left; width:100%; list-style:none; padding:0 0 15px 0;}
.footer_box_main li { float:left; width:100%; list-style:none; padding:15px 0 0 0;}
.footer_box_main li a { float:left;  font-size:16px; color:#fff;}
.footer_box_main li a .fa { color:#fff;}
.footer_box_main .left_icon a { margin-top:15px; color:#fff; font-size:26px; margin-right:20px; text-align:center; float:left;}
.footer_box_main .left_icon a:hover { color:#fff; }
.footer_contact_icon  { float:right; width:100%; margin:15px 0 0 0;}
.footer_contact_icon a { float:left; font-size:24px; color:#fff; margin:0 20px 0 0;} 
.footer_right_img { float:left; width:100%; margin-top:40px;} 
.footer_right_img img { float:left; width:100%; margin-bottom:20px;}
.footer_copyright_text { float:left; width:100%; padding:25px 0 25px 0; font-size:14px; color:#fff; text-align:center; border-top:1px solid #C9C9C9; margin-top:40px;}


.supportcenter_search_box { float:left; width:60%; position:relative; margin:30px 20% 0 20%;}
.supportcenter_search_box input {float:left; width:100%; height:44px; color:#000; padding:0 12px; font-size:14px; border-radius:5px;    border: 1px solid #333;  background:#fff;}
.supportcenter_search_box input.button {  position:absolute; right: 0; top:0; width:auto; float:right; border-left:none; padding:5px 26px; border-radius:0 5px 5px 0; cursor:pointer; background: url(../images/search-icon.png) no-repeat center center var(--primarycolor);}
.help_support_main { float:left; width:100%;}
.help_support_main .colmd { padding-right: 15px; padding-left: 15px; width: 20%;}
.help_support_box { float:left; width:100%; text-align:center; margin-top:30px; border:1px solid #ccc;}
.help_support_box img { float:left; width:100%;}
.help_support_box a.help_link {float:left; width:100%; text-align:center; font-size:16px; color:#222; padding:12px 0; font-weight:bold;}
.knowledge_base_box { float:left; width:100%; border-radius:15px; margin-top:30px; text-align:center; border: 4px solid var(--primarycolor);}
.knowledge_base_box:hover {border: 4px solid var(--secondarycolor);} 
.knowledge_base_box img { max-width:164px; padding:25px 0 0 0;}
.knowledge_base_box a { float:left; width:100%;}
.knowledge_base_box a.help_link {float:left; width:100%; text-align:center; font-size:18px; color:#222; padding:25px 0; font-weight:bold;}

.esponsors_banner_main { float:left; width:100%; margin-top:35px;}
.esponsors_img_main_box  { float:left; width:100%; margin-bottom:40px;}
.esponsors_img_box { float:left; width:100%; margin-top:30px;}
.esponsors_img_box img { float:left; width:100%; border-radius:20px;}
.esponsors_img_box h4 a { float:left; width:100%; font-size:18px; text-align:center; color:#222; margin-top:10px;}
.show_less_more_bg { float:left; width:100%; padding-bottom:0;}
.show_less_more_bg [aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed { display: none;}
.show_less_more_bg a.btn { font-size:16px; color:#fff; padding:7px 20px; border-radius:5px; float:right; margin-top:10px; background:var(--primarycolor); margin-bottom:15px;}
.show_less_more_bg a.btn:hover  { background:var(--secondarycolor);}
.show_less_more_bg a.add_new_button { font-size:16px; color:#fff; padding:11px 20px; border-radius:5px; margin-top:10px; float:left; background:var(--secondarycolor);} 
.show_less_more_bg a.add_new_button:hover { background:var(--primarycolor);}
.partners_logo_box { float:left; width:100%; border:1px solid #ccc; margin-top:30px;}
.partners_logo_box img { float:left; width:100%; padding:20px;}

 
.ecard_sales_banner_box { float:left; width:100%; margin:30px 0 0 0; display:flex; flex-wrap:wrap; align-items:center; padding:8px; border: 2px solid #d8d8d8; border-radius: 8px; }
.ecard_sales_banner_img { float:left; width:70%;}
.ecard_sales_banner_img img { width:100%;}
.ecard_sales_banner_text { float:left; width:13%; margin:0 1%;}
.ecard_sales_banner_card { float:left; width:15%;}
.ecard_sales_banner_text h6 { float:left; width:100%; text-align:center; font-size:18px; color:#222;}
.ecard_sales_banner_text span { float:left; width:100%; text-align:center;}
.ecard_sales_banner_text span img { max-width:66px; margin:0 auto; float:none; padding:20% 0;}

.ecard_box_tab_but { float:left; width:100%; padding:30px 0;}
.ecard_box_tab_but a { float:left; width:23%; margin:0 1%; background:var(--primarycolor); font-size:18px; font-weight:bold; border-radius:5px; color:#fff; padding:12px 0; text-align:center;}
.ecard_box_tab_but a:hover {background:var(--secondarycolor);}

.top_search_category_box { float:left; width:100%; align-items:center; background:#EBEBEB; padding:10px 15px; margin-bottom:0; border-radius:5px;}
.top_search_box_left { float:left; width:13%; margin:15px 0 0 0;}
.search_category_box { float:left; width:85%; display: flex; justify-content: center;}
.search_category_box .category_row { width:5.5%;}
.search_category_box .category_row img { max-width:80%; margin:0 10%;}
.search_category_box .category_row h6 { width:90%; margin:5px 5% 0 5%; text-align:center; font-size:9px; line-height:10px;  }
.top_search_category_box .top_search_box_left { float:left; width:100%; margin:0;}
.top_search_category_box .search_category_right { float:right; width:100%;}
.top_search_category_box .members_text_box { width:70%; text-align:center; font-size:20px;   color:#333;}
.search_category_right .search_categories_input { width:100%; margin:0;}

.select_your_ecard_box { float:left; width:100%;}
.select_your_ecard_box .select_card_box_border { float:left; width:100%; background:#fff; border-radius:5px; padding:10px; display: flex; align-items: center;}
.select_your_ecard_box .select_card_box_border img { width:140px; margin-right:15px;  border-radius:5px;}
.select_your_ecard_box .select_card_box_border .cardname { font-size:16px; color:#222; line-height:26px;}
.select_your_ecard_box .select_card_box_border .cardname span {   font-weight:700; color:#000; }
.select_your_ecard_box .select_card_box_border .cardname span.balance { font-size:16px; color:#222; float:left; width:100%;}
.select_your_ecard_box .select_card_box_border .cardname span.balance span {color:#119E00;}
.select_your_ecard_box .button {float:right; font-size:16px; color:#fff; padding:14px 30px 14px 30px; border-radius:5px; font-weight:bold; margin-top:15px; margin-right:0; background:var(--primarycolor);}
.select_your_ecard_box .button:hover { background:var(--secondarycolor);}
.select_your_ecard_box .preview_button {float:left; font-size:16px; color:#fff; padding:14px 30px 14px 30px; border-radius:30px; font-weight:bold; margin-top:0; margin-right:0; border:none; background:var(--primarycolor); cursor:pointer;}
.select_your_ecard_box .preview_button:hover { background:var(--secondarycolor);}


.select_your_ecard_box .form-control {font-size:16px; color:#81878D; border-radius:5px; min-height:46px; padding:11px 15px; margin-top:15px;}
.egift_occasion_box { float:left; width:100%; margin:20px 0 0 0; border:1px solid transparent; text-align:center; padding:15px 0; background:#fff; border-radius:5px;}
.egift_occasion_box:hover {border:2px solid var(--primarycolor);}
.egift_occasion_box img { float:left; width:80%; margin:0 10%;}
.egift_occasion_box h5 { float:left; width:100%; font-size:14px; color:#333; padding:10px 0 0 0;}
.egift_occasion_box .parent { height: 100vh; }
.egift_occasion_box .parent>.row { display: flex; align-items: center; height: 100%; }
.egift_occasion_box .col img { height:100px; width: 100%; cursor: pointer; transition: transform 1s; object-fit: cover; }
.egift_occasion_box .col label { overflow: hidden; position: relative; }
.egift_occasion_box .imgbgchk:checked + label>.tick_container { opacity: 1;}
.egift_occasion_box .imgbgchk:checked + label>img { /*transform: scale(1.25);*/ opacity: 0.3;}
.egift_occasion_box .tick_container { transition: .5s ease;  opacity: 0; position: absolute;  top: 50%; left: 50%;  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); cursor: pointer; text-align: center; }
.egift_occasion_box .tick {  background-color: #4CAF50; color: white; font-size: 16px; padding: 6px 12px; height: 40px; width: 40px;  border-radius: 100%; }
.egift_occasion_box .tick .fa-check { margin:5px 0 0 0;}

.ecarddetail_img_left { float:left; width:100%; margin-top:40px; border:1px solid #ccc; padding:10px;}
.ecarddetail_img_left .online_outlet { color:#119E00; font-size:16px; text-align:center; padding:2px 0 12px 0; display: flex; align-items: center; justify-content: center;}
.ecarddetail_img_left .online_outlet .fa-check-circle { color:#119E00; margin-left:8px; }
.ecarddetail_img_left img { float:left; width:100%;  }
.ecarddetail_img_left .save { font-size:18px; font-weight:700; color:var(--primarycolor); padding:12px 0 2px 0; text-align:center; float:left; width:100%;}
.ecarddetail_img_left p { float:left; width:100%; font-size:16px; line-height:26px; padding:25px 0 0 0;}
.ecarddetail_description_text { float:left; width:100%; margin-top:40px; }
.ecarddetail_description_text h2 { font-size:20px; font-weight:700;  color:var(--primarycolor);}
.ecarddetail_description_text p { font-size:16px; line-height:24px; color:#222222; padding:10px 0 0 0; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical;}
.ecarddetail_description_text .terms_and_read { position: absolute; bottom:0; left:0; right:0; display:flex; justify-content: space-between; padding:0 15px;}
.ecarddetail_description_text .terms_and_read a.terms { color:#FF0000; font-size:16px;}
.ecarddetail_description_text .terms_and_read a.readmore { color:#119E00; font-size:16px;}

.ecarddetail_text_right { float:left; width:100%; margin-top:40px; border-right:1px solid #ccc; padding-right:30px;}
.ecarddetail_text_right .noUi-connect {background: var(--primarycolor);}


.ecarddetail_text_right h2 { float:left; width:100%; font-size:22px; font-weight:bold; color: var(--primarycolor);}
.ecarddetail_text_right .choose_value_text { float:left; width:100%; font-size:20px; color:#222; font-weight:bold; margin:20px 0 0 0;}
.ecarddetail_text_right .choose_card_value_box { float:left; width:100%; margin-top:8px;}
.ecarddetail_text_right .choose_card_value_box a { float:left; width:86px; text-align:center; padding:12px 0; border:1px solid #666666; font-size:16px; font-weight:bold; color:#666666; margin:12px 12px 0 0; border-radius:5px;}
.ecarddetail_text_right .choose_card_value_box a:hover { color:#fff; background:var(--primarycolor); border:1px solid var(--primarycolor);}
.ecarddetail_text_right .choose_card_value_box a.active { color:#fff; background:var(--primarycolor); border:1px solid var(--primarycolor);}
.ecarddetail_text_right .ecard_pay_text { float:left; width:100%; font-size:20px; color:#222; padding:15px 0 0 0; font-weight:bold; text-align:left;}
.ecarddetail_text_right .ecard_pay_text p { font-size:18px; float:none; padding:0; width:auto; display:contents;  color: var(--secondarycolor);}
.ecarddetail_text_right .ecard_pay_text p span.minprice { text-decoration:line-through;}
.ecarddetail_text_right .quantity_text { float:left; width:100%; font-size:14px; color:#222; padding:10px 0 0 0; font-weight:500; text-align:left;}
.ecarddetail_text_right .quantity_box { float:left; width:100%;}
.ecarddetail_text_right .quantity_box p {float:left; width:100%; font-size:16px; line-height:26px; padding:20px 0 0 0;}
.ecarddetail_text_right .quantity_box input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.ecarddetail_text_right .quantity_box input[type=number]::-webkit-inner-spin-button, 
.ecarddetail_text_right .quantity_box input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;}
.ecarddetail_text_right .quantity_box .number-input { margin: 0;}
.ecarddetail_text_right .quantity_box .number-input button { -webkit-appearance: none; background-color:transparent;  border:none; align-items:center; justify-content:center; cursor: pointer; margin:0; position:relative;}
.ecarddetail_text_right .quantity_box .number-input button:before,
.number-input button:after { display:inline-block; position:absolute; content: ''; height:2px; transform:translate(-50%, -50%);}
.ecarddetail_text_right .quantity_box .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg);}
.ecarddetail_text_right .quantity_box .number-input input[type=number] { text-align:center;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input { border:1px solid #ddd; width:144px; height:44px; float:left; border-radius:30px; margin:10px 12px 0 0;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button { outline:none; width:42px; height:38px; padding-top: 5px;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button.minus { padding-left:3px; float:left;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button.plus { padding-left: 2px;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button:before { width:1rem !important; background-color:#212121;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button:after { width:1rem !important; background-color:#212121;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input input[type=number] { max-width:3.5rem; padding:0; border:solid #ddd; border-width:0 2px; font-size: 2rem; height:42px; outline: none; font-size:18px !important; color:#333;}
.ecarddetail_text_right .addtocart_but { float:left; margin-top:10px;}
.ecarddetail_text_right .addtocart_but a { float:left; font-size:14px; color:#fff; text-transform:uppercase; border:none; padding:14px 25px 12px 25px; border-radius:30px; margin-right:12px; font-weight:bold; background:var(--secondarycolor);}
.ecarddetail_text_right .addtocart_but a:hover {background:var(--primarycolor);}

.ecarddetail_text_right .addtocart_but a.added { color:#F00 !important;}
.ecarddetail_text_right .range_box_input { float:left; width:100%; margin-top:15px;}
.ecarddetail_text_right .addtocart_but a.added { color:#F00 !important;}
.ecarddetail_text_right .range_box_input .input-group { float:left; width:35%; margin:0 0 15px 0;}
.ecarddetail_text_right .range_box_input .uiminmax { float:left; width:96%; margin:5px 0 0 0;}
.ecarddetail_text_right .range_box_input .uiminmax .uimin { float:left; text-align:left; font-size:14px; text-transform:uppercase; color:#222; padding:10px 0 0 0;}
.ecarddetail_text_right .range_box_input .uiminmax .uimax { float:right; text-align:right; font-size:14px; text-transform:uppercase; color:#222; padding:10px 0 0 0;}
.ecarddetail_text_right .range_box_input .noUi-target { float:left; width:100%; margin:0;}
.ecarddetail_text_right .range_box_input .noUi-horizontal .noUi-handle {width: 34px; height: 34px; left: -17px; top: -10px; border-radius:50%;}
.ecarddetail_text_right .range_box_input  .amount_value {  font-size:26px; font-weight:bold;}
.ecarddetail_text_right .range_box_input  span.value_amount {  font-size:26px; padding-bottom:0; text-align:center; display:contents; font-weight:bold;}
.ecarddetail_text_right .range_box_input .form-control { margin:0 auto; font-size:20px; height:46px !important;}

.ecarddetail_text_right .detail_button_bottom { float:left; width:100%; display: flex; flex-wrap: wrap; padding:10px 0 0 0;}
.ecarddetail_text_right .detail_button_bottom a { background:var(--primarycolor); font-size:12px; color:#fff; border-radius:30px; padding:12px 20px; margin:5px 8px 0 0; display: flex;  align-items: center; font-weight:600;}
.ecarddetail_text_right .detail_button_bottom a img { margin-right:5px;}
.ecarddetail_text_right .detail_button_bottom a:hover { background:var(--secondarycolor);}

.ecarddetail_button_right { float:left; width:100%; margin-top:40px;}
.ecarddetail_button_right a { font-size:14px; font-weight:600; color:#616161; border:1px solid #CCCCCC; background:#fff; border-radius:40px; padding:12px 25px; width:100%; float: left; text-align: center; text-transform:uppercase; margin:6px 0;}
.ecarddetail_button_right a img { float:left;}
.ecarddetail_button_right a:hover { background:#f0f0f0;}
 
.People_also_like_bg { float:left; width:100%; margin-top:40px;}
.People_also_like_bg h2 { font-size:30px; color:#222;}

.members_account_box_bg #cke_editor1, #cke_editor2, #cke_editor3, #cke_editor4 { width:100% !important;}

.esales_box_bg { float:left; width:100%; margin-top:30px;}
.esales_box_bg img { float:left; width:100%;  }
.latest_news_ecompare_bg { float:left; width:100%; margin-top:30px;}
.latest_news_ecompare_bg img { float:left; width:100%;}
.latest_news_ecompare_bg h4 { margin:0;}
.latest_news_ecompare_bg h4 a { float:left; width:100%; font-size:22px; line-height:28px; color:#000;  margin:15px 0 0 0;}
.latest_news_ecompare_bg p { float:left; width:100%; font-size:16px; color:#333; padding:15px 0 0 0;}
.latest_news_ecompare_bg p.days { float:left; width:100%; font-weight:bold; font-size:18px; color:#000;} 
.latest_news_ecompare_bg p .fa-times-circle { color:#000; margin-right:5px;}
.desktop_register_contact_form ul ul li { background:none !important; float:left; width:20%;}
.charity_con_img { float:left; width:100%;}
.charity_con_img img { float:left; width:100%;}

.view_myecard { max-width:600px; margin:0 auto; padding-bottom:15px;  }
.view_myecard h2 { font-size:22px; text-align:center; padding:15px 0;}
.view_myecard p { text-align:center; font-size:16px; max-width:600px; margin:0 auto;}
.view_myecard_but { width:100%; margin:15px 0; text-align:center;}
.view_myecard_but .btn {border-radius:30px; background:var(--primarycolor); text-align:center; float:none; padding:8px 30px; font-size:20px;}
.view_myecard .topbanner img { width:100%; text-align:center;}

/*=======eCompare page==========*/

.compare_box_main { float:left; width:100%;}
.compare_box { float:left; width:100%; text-align:center; margin-top: 30px; border: 1px solid #ccc;}
.compare_box img { float:left; width:100%;}
.compare_box  h6 { float:left; width:100%; min-height:51px; padding:10px 0; font-size: 13px; line-height:15px; color: #222;  text-align: center; display: flex; justify-content: center; align-items: center;}
.compare_box_main .col-lg-2 {flex: 0 0 14%; max-width: 14%;}

.supplier_profiles_box { float:left; width:100%; text-align:center; margin-top: 30px; border: 1px solid #ccc; border-radius:15px;}
.supplier_profiles_box h5 {float: left; width: 100%; font-size: 16px; color: #333 !important; text-align: center; padding: 8px 0;}
.supplier_profiles_logo { float:left; width:100%; text-align:center; min-height: 82px; display: flex; align-items: center; justify-content: center;}
.supplier_profiles_logo img { float:none; width:auto; max-height:82px; padding: 0 20px; max-width: 100%;}
.supplier_profiles_box p {float: left; width: 100%; font-size: 14px; line-height:22px; color: #333 !important; text-align: center; padding:10px 15px 0 15px; min-height: 145px;}
.deal_details_button  { float:left; width:100%; margin:15px 0 0 0; text-align:center;}
.deal_details_button a  { float:left; width:100%; background: var(--secondarycolor); font-size: 16px; color: #fff; padding:14px 0; font-weight:bold;  border-radius:0 0 15px 15px;}
.deal_details_button a:hover  {background: var(--primarycolor);}
.ecompare_detail_page { float:left; width:100%;}
.ecompare_detail_page h2 { float:left; width:100%; color: #333; text-align: left; padding: 0; font-size: 30px; position:relative;}
.ecompare_detail_page h2 img { max-width:220px; margin-top:20px;}
.ecompare_detail_page a.compare_btn { float:right; background: var(--secondarycolor); font-size: 16px; color: #fff; padding:12px 35px; border-radius:30px; position:absolute; top:40px; right:0; line-height: normal;}
.ecompare_detail_page a.compare_btn:hover   {background: var(--primarycolor);}
.ecompare_detail_page ul { padding:5px 0 0 0; list-style: none;}
.ecompare_detail_page li {float: left; width: 100%; list-style: none; font-size: 16px; line-height: 26px; color: #333; padding: 10px 0 0 15px; background: url(../images/dotted4.png) left 18px no-repeat;}
.ecompare_detail_page li span.max_width1 { width:100%; float:left;}
.ecompare_detail_page li span.max_width2 { width:8%; float:left;}
.compare_button_right { float:left; width:100%; padding:30px 0 0 0;}
.compare_button_right a { float:left; background: var(--primarycolor); font-size: 16px; color: #fff; padding:12px 35px; border-radius:30px; font-weight:bold;}
.compare_button_right a:hover   {background: var(--secondarycolor);}

 
.gold_members_benefits .savings_calculator_section_bg { margin-top:40px;}
.gold_members_benefits .savings_calculator_img_right { margin:10px 0 0 0;}
.gold_members_img a.carousel-control-prev { left:-18px; width:20px;  opacity:1;}
.gold_members_img a.carousel-control-next { right:-19px; width:20px; opacity:1; }
.gold_members_img a.carousel-control-prev i.fa { color:#000; font-size:0;}
.gold_members_img a.carousel-control-next i.fa { color:#000; font-size:0;}

.report_img_about { float:left; width:50%; margin-top:20px;}
.report_img_about img { float:left; width:100%;}

.coupon_border_box {border: 2px dashed #000; float:left; width:100%; padding:30px; background:#fff; margin-top:20px; }
.coupon_border_box .coupon_left_text_box { float:left; width:100%;}
.coupon_border_box .coupon_left_text_box .top_logo { float:left; width:150px;}
.coupon_border_box .coupon_left_text_box .top_logo img { float:left; width:100%;}

.coupon_border_box .coupon_left_text_box h2 { float:left; width:100%; font-size:16px; color: var(--primarycolor); padding:15px 0 0 0;}
.coupon_border_box .coupon_left_text_box p { float:left; width:100%; font-size:14px; line-height:18px; padding:5px 0 0 0; color:#606060 ;}
.coupon_border_box .coupon_left_text_box h4 { float:left; width:100%; font-size:18px; color:#0C0; padding:5px 0 0 0;}
.coupon_border_box .coupon_left_text_box h4 span { color:#000;}
.coupon_border_box .coupon_left_text_box .coupon_qrcode_bg { float:left; width:100%; padding:10px 0 0 0; display: flex; align-items: center;}
.coupon_border_box .coupon_left_text_box .coupon_qrcode_bg .qrcode_img { float:left; width:26%; margin-right:4%;}
.coupon_border_box .coupon_left_text_box .coupon_qrcode_bg .qrcode_img img { float:left; width:100%;}

.coupon_border_box .coupon_left_text_box .coupon_qrcode_bg .qrcode_text { float:left; width:70%;}
.coupon_border_box .coupon_left_text_box .coupon_qrcode_bg .qrcode_text p { float:left; width:100%; font-size:14px; color:#606060 ; padding:6px 0; word-break: break-all;}
.coupon_border_box .coupon_right_text_box { float:left; width:100%;}
.coupon_border_box .coupon_right_text_box h2 { float:left; width:100%; font-size:18px; color: var(--primarycolor); text-align:center;}
.coupon_border_box .coupon_right_text_box .coupon_img { width:100%; padding:15px 0 0 0; float:left;}
.coupon_border_box .coupon_right_text_box .coupon_img img { width:100%;  float:left;}
.coupon_border_box .coupon_right_text_box .coupon_logo_bottom { width:80%; margin:15px 10% 0 10%; float:left;}
.coupon_border_box .coupon_right_text_box .coupon_logo_bottom img { width:100%;  float:left;}

.localshop_videos_main .slick_localshop .slick-next {background: url(../images/aro-right1.png) center center no-repeat; width:30px; height:30px; background-size:30px;} 
.localshop_videos_main .slick_localshop .slick-next::before { content:'';}
.localshop_videos_main .slick_localshop .slick-prev  {background: url(../images/aro-left1.png) center center no-repeat; width:30px; height:30px; background-size:30px;} 
.lspopupimg{ width:40%; margin: 0 auto;}
.lspopupimg img{ width:100%;}

.articles_bg_box_main .slick_onlinehsop  .slick-next {background: url(../images/aro-right1.png) center center no-repeat; width:30px; height:30px; background-size:30px;} 
.articles_bg_box_main .slick_onlinehsop  .slick-next::before { content:'';}
.articles_bg_box_main .slick_onlinehsop  .slick-prev  {background: url(../images/aro-left1.png) center center no-repeat; width:30px; height:30px; background-size:30px;} 

.slick_epartner .slick-next {background: url(../images/aro-right1.png) center center no-repeat; width:30px; height:30px; background-size:30px; right:-5px;} 
.slick_epartner .slick-next::before { content:'';}
.slick_epartner .slick-prev  {background: url(../images/aro-left1.png) center center no-repeat; width:30px; height:30px; background-size:30px;  left:-5px;} 

.slick-slider .slick-next {background: url(../images/aro-right1.png) center center no-repeat; width:30px; height:30px; background-size:30px;} 
.slick-slider .slick-next::before { content:'';}
.slick-slider .slick-prev  {background: url(../images/aro-left1.png) center center no-repeat; width:30px; height:30px; background-size:30px;} 

.holiday_package_box { float:left; width:100%; border:1px solid #ccc; background:#fff;  padding:0; border-radius:5px; margin:60px 0 0 0; position:relative;}
.holiday_package_box .holiday_img { float:left; width:100%; position:relative;}
.holiday_package_box .holiday_img img { float:left; width:100%;}
.holiday_package_box .holiday_img a.mapicon { position:absolute; bottom:10px; right:10px; background:#fff; border-radius:50%;}
.holiday_package_box .holiday_img .discount_image { position:absolute; top:-40px; right:-22px; }
.holiday_package_box .holiday_img .discount_image img { max-width:100px;}
.holiday_package_box h4 { font-size:18px; line-height:22px; color:#000; text-align:center; padding:15px 15px 0 15px; min-height:60px;}
.holiday_package_box .nights_description { float:left; width:100%; text-align:center; font-size:16px; color: var(--primarycolor); padding:10px 0 0 0; font-weight:bold;  }
.holiday_package_box .nights_offer { float:left; width:100%; text-align:center; font-size:16px; color:#000; padding:15px 0 0 0; font-style:italic;}
.holiday_package_box .nights_offer b { color:#F00;}
.holiday_package_box p { font-size:16px; text-align:center; padding:15px; min-height:214px;}
.holiday_package_box .pricing_box_bg {display: flex; width: 100%; float: left; padding:8px 15px; justify-content: space-between; align-items: center; background: var(--secondarycolor); border-radius: 0 0 5px 5px;}
.holiday_package_box .pricing_box_bg .pricing { font-size:24px; line-height:24px; color:#fff; font-weight:bold;}
.holiday_package_box .pricing_box_bg .pricing span { font-weight:normal !important; float:left; width:100%; font-size:14px;} 
.holiday_package_box .pricing_box_bg .button_box a.btn {background: var(--primarycolor); border-radius:5px; padding:10px 15px; font-size:16px; line-height:20px;  color:#fff;}

.platinum_sponsor_img { float:left; width:100%; margin-top:30px;}
.platinum_sponsor_img img { float:left; width:100%;}
.platinum_sponsor_img p { font-size:22px; color:#000; text-align:center; padding:10px 0 0 0; font-weight:bold;}
.platinum_sponsor_text { float:left; width:100%; padding:20px 0 0 0;}

.major_sponsor_bg_main { float:left; width:100%;}
.major_sponsor_box { float:left; width:100%; margin-top:30px;}
.major_sponsor_box h6 { width:100%; font-size:18px; color:#000;}
.major_sponsor_box .logo_box { width:100%; float:left; margin-top:20px;}
.major_sponsor_box .logo_box img { width:100%; float:left; border:1px solid #ccc;}
.major_sponsor_box .logo_row { float:left; width:100%; display: flex; flex-wrap: wrap;  margin-top:20px;}
.major_sponsor_box .logo_row img { float:left; width:138px;}

.articles_bg_box_main { float:left; width:100%; margin-top:40px;}
.articles_bg_box_main h2 {float: left; width: 100%; font-size: 36px; color: #000; text-align: center;}
.articles_box_main { float:left; width:100%; margin-top:30px;}
.articles_box_main .articles_img { float:left; width:100%; position:relative;}
.articles_box_main .articles_img img { margin:0 auto; width:auto; max-width:100%; height:200px;}
.articles_box_main .articles_img h6 { position:absolute; bottom:0; left:0; background: rgba(0, 0, 0, 0.6); float:left; width: 100%; font-size:16px; padding:2px 15px; color:#fff;}
.articles_box_main h3 a { float:left; width:100%; font-size:20px; line-height:24px; color:#000; padding:15px 0 0 0; }
.articles_box_main p { float:left; width:100%; font-size:16px; line-height:22px; color:#000; padding:10px 0 0 0; }
.articles_box_main p.event_venue { float:left; width:100%; font-size:16px; line-height:22px; color:#000; padding:10px 0 0 0;  font-weight:bold;}
.articles_box_main p.event_venue i { font-size:18px; color:var(--primarycolor); margin-right:8px;}

.apppayment_top_bg {display: flex; width: 92%; margin:0 4%; padding:25px; border-radius: 10px; background: #EBEBEB;}
.apppayment_top_bg .wemake_logo { width:35%; margin-right:5%; margin-top:2px;}
.apppayment_top_bg .wemake_logo img { width:100%;}
.apppayment_top_bg .right_text { width:60%; }
.apppayment_top_bg .right_text p { font-size:16px; color:#000; padding:2px 0;}
.apppayment_logo_top { width:100%; background: #EBEBEB; padding:12px 4%;}
.apppayment_logo_top .tillicon { width:50px;}
.apppayment_logo_top .tilllogo { width:170px;}

.savings_calculator_page_bg { width:100%;}
.savings_calculator_page_bg .top_title { border-bottom:5px solid var(--secondarycolor); width: 100%; display: flex; justify-content:space-between; align-items: center; padding-bottom:25px;}
.savings_calculator_page_bg .discount { width:12%;}
.savings_calculator_page_bg .amount { width:23%;}
.savings_calculator_page_bg .frequency { width:23%;}
.savings_calculator_page_bg .savings { width:30%;}
.savings_calculator_page_bg  h6 { text-align:center; font-size:16px; font-weight:400 !important; color: #222;}
.savings_calculator_page_bg  h6.bg{ background:var(--primarycolor); border-radius:10px; padding:10px 0; text-align:center; color:#fff; font-size:20px;  font-weight:400 !important;}
 

.savings_calculator_page_bg .calculator_row_box  { width: 100%; display: flex; justify-content:space-between; align-items: center; padding-bottom:25px; margin:30px 0 0 0; padding:0; flex-wrap: wrap;}
.savings_calculator_page_bg .calculator_row_box p {text-align:center; font-size:22px; color: #222; padding:0;}
.savings_calculator_page_bg  .calculator_row_box h6 { display:none;}
.savings_calculator_page_bg  .calculator_row_box h6.bg{ background:none; padding:0; text-align:left; color:#222; display:none;}
.savings_calculator_page_bg  .calculator_row_box .cal_savings_input_box_group { background:#fff; width:100%; border: 1px solid #999; height:50px; line-height:50px; font-size:18px; border-radius:10px; padding:0 15px;}
.savings_calculator_page_bg  .calculator_row_box .form_select { background:#fff; width:100%; border: 1px solid #999; height:50px; line-height:50px; font-size:18px; border-radius:10px; padding:0 15px;}
.savings_calculator_page_bg  .calculator_row_box .input-group-text { background:var(--secondarycolor); border:none; color:#fff; font-size:18px; height:50px; line-height:50px; padding:0 15px; font-weight:bold; border-radius:10px 0 0 10px;}
.savings_calculator_page_bg  .calculator_row_box .input-group .form-control { background:var(--secondarycolor); border:none; color:#fff !important; font-size:18px; height:50px; line-height:50px; padding:0 15px; font-weight:bold; text-align:right;  border-radius:0 10px 10px 0; -webkit-text-fill-color: rgba(255, 255, 255, 1);}
 
/*Ultimate Card CSS*/

.ultimate_card_box { width:100%; position:relative; border:1px solid #ccc; border-radius:15px; margin-top:100px;} 
.ultimate_card_box .ultimate_img_and_title {display: flex; flex-wrap: wrap; width:100%; padding:20px 30px; position:relative;}
.ultimate_card_box .ultimate_img_and_title .ecard_box_img { width:25%; position: absolute; top: -50px; left: 30px;}
.ultimate_card_box .ultimate_img_and_title .ecard_box_img img { border-radius:15px;}
.ultimate_card_box .ultimate_img_and_title .title_text { width:75%; padding-left:28.5%;}
.ultimate_card_box .ultimate_img_and_title .title_text p { font-size:20px; color:#000; padding:0;}
.ultimate_card_box .ultimate_img_and_title .title_text .card_save { float:left; width:100%; color:var(--primarycolor); font-size:36px; font-weight:bold; padding:12px 0;}
.ultimate_card_box .ultimate_img_and_title .title_text h2 { font-size:30px; color:#000;}
.ultimate_card_box .ultimate_img_and_title .button_right { width:25%;}
.ultimate_card_box .ultimate_img_and_title .button_right .ecard_favorite { position:inherit;}
.ultimate_card_box .ultimate_img_and_title .button_right .ecard_favorite a { font-size:30px; padding:8px 2px 8px 9px; border-radius:5px;}
.ultimate_card_box .ultimate_img_and_title .button_right a.button { float:right; color:#fff; font-size:16px; padding:14px 25px; border-radius:5px; background: var(--secondarycolor); font-weight:bold; margin-left:10px;}
.ultimate_card_box .ultimate_img_and_title .button_right a.button:hover { background:var(--primarycolor);}

.ultimate_logo_img { width:100%;  max-width:100%; position: relative; overflow: hidden; transform: translate3d(0, 0, 0); padding:0 30px; margin:30px 0;}
.ultimate_logo_img img { max-width:100%; margin:20px 0;  width:auto !important; max-height: 60px;}
.ultimate_logo_img .slick-slide { width:100% !important; text-align:center;}
.ultimate_logo_img .slick-track { display:flex; align-items:center;}
 

.ultimate_card_detail_tab { width:100%; margin:40px 0 0 0;}
.ultimate_card_detail_tab h6 { font-size:20px; color:#222;}
.ultimate_card_detail_tab .nav-tabs { margin:30px 0 0 0; padding:0; list-style:none; display: initial;}
.ultimate_card_detail_tab .nav-tabs li { margin:0; padding:0; list-style:none; background:none; float: left; width: auto;}
.ultimate_card_detail_tab .nav-tabs li a { background:#fff; border:1px solid #666666; font-size:16px; font-weight:bold; margin-right:12px; border-radius:5px; padding:14px 30px 14px 60px; cursor:pointer;}
.ultimate_card_detail_tab .nav-tabs li a.active {background-color:var(--primarycolor); border-color: var(--primarycolor);} 
.ultimate_card_detail_tab .nav-tabs li a.showall-icon { background:url(../images/tab-showall-icon.png) 20px center no-repeat #fff;}
.ultimate_card_detail_tab .nav-tabs li a.showall-icon.active { background:url(../images/tab-showall-icon-h.png) 20px center no-repeat var(--primarycolor);  color:#fff !important;}
.ultimate_card_detail_tab .nav-tabs li a.online-icon { background:url(../images/tab-online-icon.png) 20px center no-repeat #fff;}
.ultimate_card_detail_tab .nav-tabs li a.online-icon.active { background:url(../images/tab-online-icon-h.png) 20px center no-repeat var(--primarycolor); color:#fff !important;}
.ultimate_card_detail_tab .nav-tabs li a.instore-icon { background:url(../images/tab-in-store-icon.png) 20px center no-repeat #fff;}
.ultimate_card_detail_tab .nav-tabs li a.instore-icon.active { background:url(../images/tab-in-store-icon-h.png) 20px center no-repeat var(--primarycolor);  color:#fff !important;}
.ultimate_card_detail_tab .ultimate_card_logo_box  { float:left; width:100%; margin-top:20px;}
.ultimate_card_detail_tab .ultimate_card_logo_box ul { list-style:none; display:flex; flex-wrap:wrap; align-items:center;  padding:0;}
.ultimate_card_detail_tab .ultimate_card_logo_box li { background:none; float:left; width:12.5%; padding:0; text-align:center;}
.ultimate_card_detail_tab .ultimate_card_logo_box img {   max-width:80%; margin:20px 0;  max-height: 60px;}

.input-group .select2-container .select2-selection--single .select2-selection__rendered { width:100% !important; border: none;
 background: no-repeat center bottom, center calc(100% - 1px); transition: background 0s ease-out; font-weight: 400; line-height: 42px !important; border-radius: 25px; border: 1px solid #C0C3C6; background: #fff; font-size: 16px; color: #81878D; line-height:50px; padding:5px 10px; width:100% !important;  height: 50px !important;}
.input-group .select2-container--default .select2-selection--single { border:none !important; border-radius:0 !important;  border-radius: 25px; height:50px; background:none !important;  width:100% !important;} 
.input-group .select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px !important; }

.valid:before {position: relative; left: -5px; content: "✔";}
.invalid {color: red;}
.valid { color: green;}
.invalid:before {position: relative; left: -5px; content: "✖";}
#snackbar.showconfirm { font-size:16px; padding:12px 12px 12px 38px; border-radius:5px; position:fixed; top:70px; bottom:auto; z-index:9999 !important; visibility: hidden; max-width:450px; visibility: visible; -webkit-animation: none; animation:none; bottom:auto; top:35%; margin:0 auto; right:0; left:0; text-align:center;}
 
 
.confirmbox {max-width: 530px; background:#EBEBEB !important; border:5px solid rgba(0,0,0,.2); border-radius:10px;}
.confirmbox .confirmbox_note { color:#000; line-height: 24px;}
.confirmbox .confirmbox_note .fa-sticky-note { color:#000;}
.confirmbox .confirmbox_note .confirm_button {margin: 25px 0 5px 0;}
.confirmbox .confirmbox_note .confirm_button a.cancel_btn { background:var(--secondarycolor); color:#fff; font-size:16px; border-radius:40px; padding:10px 25px; border:none; margin:0 6px; font-weight:bold;} 
.confirmbox .confirmbox_note .confirm_button a.continue_btn { background:var(--primarycolor); color:#fff; font-size:16px; border-radius:40px; padding:10px 25px; border:none;  margin:0 6px; font-weight:bold;} 

.travel_auctions_box { float:left; width:100%; margin-top:30px;  background: var(--secondarycolor);}
.travel_auctions_box img { float:left; width:100%;}
.travel_auctions_box:hover { background:var(--primarycolor);}
.travel_auctions_box .auction_tag_gallery_item {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; gap:20px;}
.travel_auctions_box .auction_tag_gallery_item img { width:66px;}
.travel_auctions_box .auction_tag_gallery_item h3 { background:#fff; color:#000; font-size:16px; line-height:20px; text-align:center; padding:10px 25px; width:auto;}

.oz_experiences_but { float:left; width:100%;}
.oz_experiences_but ul { float:left; width:100%; list-style:none; margin:5px 0 30px 0; padding:0;}
.oz_experiences_but li { float:left; width:auto; list-style:none; margin:0; padding:0; background:none;}
.oz_experiences_but li a { float:left; background:var(--primarycolor); padding:7px 20px; border-radius:30px; margin:10px 0 0 5px; font-size:14px; color:#fff;}
.oz_experiences_but li a:hover {background: var(--secondarycolor);}

.mailto_msgdiv { padding:150px 0 !important; font-size:36px; text-align:center;}

.video_tutorial_box { float:left; width:100%; margin-top:35px;}
.video_tutorial_box video { border-radius:20px;}
.video_tutorial_box h5 { float:left; width:100%;  padding:10px 0; font-size:18px; color:#000;}

.table td, .table th { border:none;}
 
.storefinder_btn {background:var(--primarycolor); color:#FFF; font-size:16px; padding:12px 25px; font-weight:bold; }
 
.ecard_box_category { float:left; width:100%; margin-top:30px; text-align:center;}
.ecard_box_category .ecard_cat_img img { border-radius:10px;}
.ecard_box_category p { font-size:18px; color:#000; text-align:center; padding:12px 0 0 0;} 

.best_offer_card_main { float:left; width:100%; background:#F5FDFF; margin:40px 0 0 0; padding:40px 0;}
.best_offer_card_main h2 { float:left; width:100%; font-size:36px; color:#000; text-align:center; margin:0 0 18px 0;}
.best_offer_card_main .offer_img { margin-top:12px;}
.best_offer_card_main .offer_img img { width:100%; border-radius:10px;}
.best_offer_card_main .offer_card_box { background:#fff; border:1px solid #DEDEDE; border-radius:5px; padding:10px; display:flex; align-items: center; margin-top:12px;}
.best_offer_card_main .offer_card_box .left { width:47%; margin-right:5%;}
.best_offer_card_main .offer_card_box .left img { width:100%; border-radius:5px; }
.best_offer_card_main .row .row { margin-right: -6px; margin-left: -6px; }
.best_offer_card_main .row .row .col-lg-4 {padding-right:6px;  padding-left:6px;}
.best_offer_card_main .offer_card_box .right { width:48%;}
.best_offer_card_main .offer_card_box .right h6 { font-size:14px; line-height:18px; color:#000; font-weight:400;}
.best_offer_card_main .offer_card_box .right p { color:var(--primarycolor); font-size:14px; font-weight:700; padding:10px 0 0 0; float:left; width:100%; }

.three_step_main  { float:left; width:100%; background:var(--primarycolor); padding:50px 0;}
.three_step_main h2 { float:left; width:100%; font-size:36px; color:#fff; text-align:center; margin:0;}
.three_step_main .box_bg { float:left; width:100%; background:rgba(var(--rgbcolor)); width:100%; text-align:center; border-radius:10px; padding:35px;  margin:30px 0 0 0;}
.three_step_main .box_bg img { max-width:80px; background:var(--primarycolor); border-radius:50%; margin:0 auto;}
.three_step_main .box_bg h5 { float:left; width:100%; font-size:18px; color:#fff; text-align:center; padding:18px 0 0 0;}
.three_step_main .box_bg p { float:left; width:100%; font-size:14px; line-height: 22px; color:#fff; text-align:center; padding:15px 0 0 0;}

 
.home_testimonial_main { float:left; width:100%; background:#fff; padding:50px 0;}
.home_testimonial_main h2 { float:left; width:100%; font-size:36px; color:#000; text-align:center; margin:0 0 18px 0;}
.testimonial_box { border:1px solid #DEDEDE; border-radius:10px; padding:34px; margin-top:30px; min-height:420px}
.testimonial_box p { font-size:15px; line-height:22px; color:#333333; padding:0 0 8px 0;}
.testimonial_box .client_box {display: flex; align-items: center; padding:10px 0 0 0; position:relative;}
.testimonial_box .client_box .img_client img { border-radius:50%; width:50px;  }
.testimonial_box .client_box .text_client { padding-left:15px;}
.testimonial_box .client_box .text_client h4 { font-size:18px; font-weight:700; color:var(--primarycolor); }
.testimonial_box .client_box .text_client p { color:#4A4A4A; font-size:16px; padding:0;}
.testimonial_box .client_box .text_client p .fa-star { color:#FC0; font-size:14px;}
.testimonial_box .client_box:before { content:''; background:url(../../wemakeindia/images/dot-client-img.png) right 15px no-repeat; width:68px; height:56px; position:absolute; top:20px; right:0;}
 
.home_testimonial_main .slick-dots { bottom:-35px;}
.home_testimonial_main .slick-dots li { width:10px; height:10px; margin:0 5px;}
.home_testimonial_main .slick-dots li button { background:#333; width:10px; height:10px; border-radius:50%;}
.home_testimonial_main .slick-dots li.slick-active button { background:var(--primarycolor);}

.people_also_like_bg { float:left; width:100%;}
.people_also_like_bg h2 {float: left; width: 100%;  color: #000; text-align:center; margin:40px 0 0 0;}

.popup_terms_description .modal-dialog { max-width:1000px;}
.popup_terms_description .modal-content { background:#fff; border:none;}
.popup_terms_description .modal-header { border:none;}
.popup_terms_description  button.close { right:-12px; top:-12px; width:26px; height:26px; background: var(--secondarycolor); color:#fff; border-radius:50%; padding:0;font-size:20px; font-weight:400; line-height:26px; z-index:2;}
.popup_terms_description  button.close:hover { opacity:1;}

.ecarddetail_tab_main { float:left; width:100%; margin-top:0;}
.ecarddetail_tab_main .nav-tabs { border-bottom:none; margin:0; padding:0; overflow-x:auto; overflow-y:hidden;  flex-wrap: nowrap;}
.ecarddetail_tab_main .nav-tabs .nav-item { background:none; width:auto; padding:0; margin:0;  white-space: nowrap; }
.ecarddetail_tab_main .nav-tabs .nav-link { font-size:14px; color:#222; font-weight:bold; border:none; border-bottom:2px solid #ccc; padding:5px 12px; }
.ecarddetail_tab_main .nav-tabs .nav-link img { margin-right:5px;}
.ecarddetail_tab_main .nav-tabs .nav-link:hover { border:none; border-radius:0; border-bottom:2px solid var(--primarycolor); }
.ecarddetail_tab_main .nav-tabs .nav-link.active { border:none; border-radius:0; border-bottom:2px solid var(--primarycolor);}
.ecarddetail_tab_main .online_details_tab_text { float:left; width:100%; padding:5px 0 10px 0; overflow: hidden;  overflow-y: auto;  scrollbar-width: thin; max-height:500px;}
.ecarddetail_tab_main .online_details_tab_text img { float:left; width:100%;}
.ecarddetail_tab_main .online_details_tab_text p { float:left; width:100%; font-size:14px; color:#222222; line-height:24px; padding:15px 0 0 0;}
.ecarddetail_tab_main .online_details_tab_text h1, h2, h3, h4, h5, h6 { float:left; width:100%; font-size:16px; color:#222222; line-height:24px; padding:0;}
.ecarddetail_tab_main .online_details_tab_text li {font-size:14px; color:#222222; padding:0 0 0 15px; background:url(../images/dotted4.png) left 9px no-repeat; background-size: 6px;}

.newloginpopup  { z-index:9000 !important;}
.newloginpopup .modal-dialog { max-width:768px;  }
.newloginpopup .modal-content { background:#fff; border:none;  }
.newloginpopup .modal-header { border:none;}
.newloginpopup .modal-body { padding:0;}
.newloginpopup  button.close { right:10px; top:10px; width:26px; height:26px; background: var(--secondarycolor); color:#fff; border-radius:50%; padding:0;font-size:20px; font-weight:400; line-height:26px; z-index:2;}
.newloginpopup  button.close:hover { opacity:1;  background: var(--primarycolor);}
.login_box_popup {display: flex; flex-wrap: wrap;  }
.login_box_popup .left_img_bg {   width:40%; background:var(--primarycolor); padding:30px;  }
.login_box_popup .left_img_bg h2 { font-size:30px; line-height:36px; color:#fff; padding:0;}
.login_box_popup .left_img_bg p { font-size:20px; line-height:26px; color:#fff; padding:20px 0; float:left; width:100%;}
.login_box_popup .left_img_bg .bottom_img { float:left; width:100%; padding:80px 0 0 0;}
.login_box_popup .left_img_bg .bottom_img img { float:left; width:100%;}
.login_box_popup .right_form_bg {   width:60%;  padding:30px; display: flex; flex-direction: column; justify-content: center;  align-items: center;  flex: 1;}
.login_box_popup .right_form_bg h5 { font-size:22px; padding-bottom:20px; font-weight:500;}
.login_box_popup .right_form_bg .input-field { border-radius:5px; height:42px !important;}
.login_box_popup .right_form_bg .digit-group {justify-content: space-between;}
.login_box_popup .right_form_bg .digit-group  .input-field { margin:0; width:15%; text-align:center;}
.login_box_popup .right_form_bg .resendotp { float:right; font-size:14px; color: var(--secondarycolor); font-weight: 700;}
.login_box_popup .right_form_bg .resendotp a { color: var(--secondarycolor);} 
.login_box_popup .right_form_bg p { font-size:14px; color:#666;}
.login_box_popup .right_form_bg p a { color:var(--primarycolor); font-weight:700;}
.login_box_popup .right_form_bg .btn { width:100%; margin-top:20px; padding:9px 0;}
.login_box_popup .right_form_bg a.forgotpin { float:right; color:var(--primarycolor); font-weight:700; font-size:14px;}
.login_box_popup .right_form_bg .signup_success { color:#00B563; font-size:18px; }
.popover { z-index:9999 !important;}
.login_box_popup .right_form_bg .card-header { padding:10px 15px;}
.login_box_popup .right_form_bg .card-body  { padding:15px 15px 0 15px;}
.login_box_popup .right_form_bg .card-body .form-check-input { margin-top: 1px;}


.discount_tabs_ecard .nav-tabs {justify-content: center; border:none; margin-top:30px;}
.discount_tabs_ecard .nav-tabs .nav-link { border:none; background:none; font-size:18px; color:#000; padding:10px 25px; border-radius:5px; cursor:pointer; margin:0 2px;}
.discount_tabs_ecard .nav-tabs .nav-link.active { background:var(--primarycolor); color:#fff; }
.discount_tabs_ecard .nav-tabs .nav-link:hover { background:var(--primarycolor); color:#fff; }

.ecard_filters_left { float:left; width:100%; border: 1px solid #DEDEDE; background: #fff; padding:20px; border-radius: 5px; margin: 30px 0 0 0;}
.ecard_filters_left h3 { font-size:18px; color:#333; padding:0;}
.ecard_filters_left h3 span { display:none;}
.ecard_filters_left h3 span img { width:20px; float:right;}
.ecard_filters_left h3 a { float:right; font-size:12px; color:#06F;}
.ecard_filters_left h4 { margin-top:15px; font-size:16px; color:#333; border-top: 1px solid #DEDEDE; padding-top:15px;}
.ecard_filters_left .filter_search { float:left; width:100%; margin:15px 0 0 0; position:relative;}
.ecard_filters_left .filter_search .search_input_box { border: 1px solid #DEDEDE; width:100%; padding:0 0 0 32px;}
.ecard_filters_left .filter_search .fa-search { position:absolute; top:14px; left:10px; font-size:16px; color:#999;}
.search_category { float:left; width:100%; margin-top:5px;}
.search_category a { float:left; width:100%; font-size:16px; color:#343539; padding:10px 0 10px 30px; background:url(../images/category-check.svg) 10px 16px no-repeat; margin:2px 0 !important; border:none;} 
.search_category a:hover {background:url(../images/category-check-hover.svg) 10px 16px no-repeat #f4f5f5;}
.search_category a.active {background:url(../images/category-check-hover.svg) 10px 16px no-repeat #f4f5f5;}

.ecard_filters_left .radio {padding:0; border-radius: 3px;position: relative; margin: 0 -2%; display: flex; flex-wrap: wrap;}
.ecard_filters_left .radio input { float:left; width:46%; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline: none; cursor: pointer; border-radius: 2px; padding:10px 0; margin:10px 2% 0 2%; background:var(--primarycolor); color:#fff; transition: all 100ms linear; font-size:15px;}
.ecard_filters_left .radio input:checked { color: #fff; background:var(--secondarycolor); }
.ecard_filters_left .radio input:before {content: attr(label);	display: inline-block;	text-align: center; width: 100%;}
.ecard_filters_left .sidenav { position:inherit; width: 100%; height: auto; padding-top: 0;}
.ecard_filters_left .sidenav a.closebtn { display:none;}
.ecard_filters_left .sidenav a.register_button { display:none;}
.ecard_filters_left .cartitem_right_side { padding:0;}

h2.ecard_title { font-size:24px; color:#222; padding:30px 0 0 0;}
.ecard_banner_top { float:left; width:100%;}
.ecard_banner_top img { float:left; width:100%;}


 
.payment_table_box_bg { float:left; width:100%; border-radius:10px; background:#EBEBEB; padding:25px;} 
.add_paymentcard_but { float:left; width:100%;} 
.add_paymentcard_but .btn { margin:0;}
.payment_table_box_bg p { padding:15px 0 0 0; color:#333}
.payment_table_box_bg p.small { font-size:12px; line-height:18px;}
.payment_table_box_bg .table { margin:20px 0 0 0;}
.payment_table_box_bg .table thead th {border-bottom:1px solid #ccc;}
.payment_table_box_bg .table td {border-bottom:1px solid #ccc;}
.payment_table_box_bg .table td .btn { font-size:12px; padding:5px 14px; margin:0;}

#paymentcardModal .modal-content { padding:15px;}
#paymentcardModal .modal-body { padding: 0 20px 20px 20px;}
#paymentcardModal .modal-title { font-size:20px;}
#paymentcardModal button.close { right: 35px;}
#paymentcardModal .form-group label { font-size:14px; margin-bottom:5px;}
#paymentcardModal .form-group .form-control { border:1px solid #C0C3C6; background:#fff; min-height: 50px !important; padding:0 15px; font-size:16px; color: #81878D;}
#paymentcardModal .form-check .form-check-input { margin-top: 2px;}
#paymentcardModal .form-check .form-check-label { font-size: 12px; line-height: 18px;}
#paymentcardModal button.btn { width: 100%; margin-top: 20px;}
 
.payment_online_stores_bg { float: left; width: 100%; padding: 30px 0 0 0;}
.payment_online_stores_bg h4 {float: left; width: 100%; font-size: 26px; color: #333;}
.shopping_box5 .col-md-3 {max-width: 20%;}
.stores_shop_box { float: left; width: 100%; background: #EBEBEB; padding: 10px; border-radius: 5px; margin-top:20px; text-align: center;}
.stores_shop_box .online_shop_img { background: #fff; padding: 5px 50px; border-radius: 0;}
.stores_shop_box p {color:#000; padding: 10px 0 0 0 !important; font-size: 14px; font-weight:bold; line-height: 18px; min-height:46px;}
.stores_shop_box .cashback { color:#000;  float: left;  width: 100%; text-align: center; font-size: 14px; line-height: 18px; padding:10px 0 0 0;}
.stores_shop_box .button { float: left;  width: 100%; text-align: center; padding: 15px 0 0 0;}
.stores_shop_box .button a {color: #fff; font-size: 14px; text-align: center; padding:12px 30px; border-radius:5px; background: var(--secondarycolor); font-weight: bold; display: flex; justify-content: center;}
.stores_shop_box .button a:hover {background: var(--primarycolor);}

 
@media only screen and (min-width:220px) and (max-width:1370px) {
.cartitem_right_side ul { max-height:320px;}
header .navbar.bg1 .navbar-nav li { padding:0px 20px 0 0;}
header .navbar.bg1 .navbar-nav li a{ font-size:14px;}

}

@media only screen and (min-width:220px) and (max-width:1220px) { 
.ecarddetail_text_right .quantity_box .md-number-input.number-input { margin:0 12px 10px 0}
header .navbar.bg1 .navbar-nav li { padding:0px 15px 0 0;}
header .navbar.bg1 .navbar-nav li a{  font-size:13px;}

}

@media only screen and (min-width:220px) and (max-width:1140px) { 
header .navbar.bg1 .navbar-nav li { padding:0px 11px 0 0;}
header .navbar.bg1 .navbar-nav li a{  font-size:12px;}
}

@media only screen and (min-width:220px) and (max-width:1080px) { 


.travel_banner_left_text h3 { font-size: 40px !important; line-height:44px !important; padding:40px 0 0 0 !important;}
.travel_banner_left_text h3.welcome_textslider {font-size:30px; line-height:36px;}
.how_to_save_travel_but { padding:15px 0 0 0;}
.travel_banner_left_text1 h3 { font-size: 40px; line-height:44px; padding:40px 0 0 0;}
.travel_banner_left_text1 h3.welcome_textslider {font-size:36px; line-height:40px;}
.travel_top_background .carousel-indicators { right:0; bottom:20px;}

.banner_left_box { float:left; margin:40px 10% 40px 0; }
.banner_right_text { float:left; width:55%; margin-top:100px;}
.calculate_savings_main { float:left; width:100%; padding:0;}
.inner_search_bar_bg { float:left; width:100%; margin:0; }
.search_suburb_input_box span { float:left; font-size:16px; color:#333; padding:10px 5px 0 5px;}
.oss_hovereffect img { min-height:inherit;}
.postContainer{background-color: #FFFFFF; width:50% !important;}
.wel_coupon_box_border { float:left; width:100%; min-height:290px;}

.cart_bottom_button { float:left; width:50%; margin:10px 0;}
.cart_bottom_button_update_cart { float:left; width:50%; margin:10px 0;}
.cart_bottom_button_clearall { float:left; width:50%; margin:10px 0;}
.cart_bottom_button_checkout { float:left; width:50%; margin:10px 0;}
.members_account_right_side h2 span { float:left; width:100%; }
.revenue_opportunities_box:before { background:none;}
.revenue_opportunities_box { float:left; width:100%; margin:20px 0 0 0; border:2px solid #222; min-height:inherit;}
.app_download_button .left_side { float:left; width:150px;}
.app_download_button .right_side { float:right; width:150px;}
.revenue_opportunities_box1::before { background-size:24px;}
.sales_bottom_img { float:left;  width:25%; }


.discounted_ecards_width { float:left; width:100%; margin:0;}
.sidenav_open { width:40%;}
.top_savings_button li { }
.nav_right_side a { margin:0 0 0 8px;}
.nav_login_button { padding:10px 12px;}
.app_text_right h2 { font-size:27px;}
.header_howitworks a { margin:14px 4px 0 12px !important;}

.top_search_box_left { float:left; width:60%; margin:15px 20% 15px 20%;}
.search_category_box { float:left; width:100%;  overflow:auto; display: flex; justify-content: left;}
.search_category_box .category_row { min-width:100px; float:left;}
.search_category_box .category_row h6 { font-size:11px; line-height:13px; }
.ecarddetail_text_right .range_box_input .uiminmax { float:left; width:100%; margin:30px 0 0 0;}
 
.compare_box_main .col-lg-2 {flex: 0 0 25%; max-width: 25%;}
 
.cashback_box_bg .icon { width:150px; padding:10px 15px; margin-right:20px; }
.cashback_box_bg p {  font-size: 14px; line-height: 20px;}
.cashback_box_bg p span { font-size:26px; line-height:36px; } 
.home_category_shop_box a.title { font-size:16px; text-align:center; padding:13px 10px 10px 10px; }
.ewallet_ecard_text_mid h6 span { float:left; width:100%; margin-top:10px; }
.ultimate_card_box { margin-top:70px;}
.ultimate_card_box .ultimate_img_and_title { padding:15px 20px;}
.ultimate_card_box .ultimate_img_and_title .ecard_box_img { top:-30px; left:20px;}
.ultimate_card_box .ultimate_img_and_title .title_text p { font-size:16px;}
.ultimate_card_box .ultimate_img_and_title .title_text h2 { font-size:22px;}
.ultimate_card_box .ultimate_img_and_title .title_text .card_save { font-size:30px;}
.ultimate_card_detail_tab .ultimate_card_logo_box li { width:16.6%;}
.localshop_banner_box.localshop_height .carousel { height:auto;}

.popup_terms_description .modal-dialog { max-width:inherit; width:96%; margin-left:auto; margin-right:auto;}
.shopping_box5 .col-md-3 {max-width: 25%;}

}

@media only screen and (min-width:220px) and (max-width:991px) {
.nav_right_side { width:75%; padding-bottom:10px;}
.top_icon_menu { display:none;}	
.members_account_box_bg .btn { font-size:15px; padding:12px 20px;}
.home_category_shop_box .img_title {   font-size:26px; }
header .navbar.bg1 .navbar-nav li { padding:0; }
header .navbar.bg1 .navbar-nav li a { padding:10px 0; font-size:15px;}
.top_savings_button { float: none; width:100%; margin:10px auto !important;}
.top_savings_button ul { float:none; display: flex; justify-content: center;}
.top_savings_button li { float:none; width:auto;  padding:4px 15px;}

.ecarddetail_text_right { margin-top:10px; border:none; padding:0;}
.ecarddetail_button_right a { width:30%; margin-right:3%; height:42px;}

.ecard_filters_left .sidenav { position:fixed; width: 0; height: 100vh; padding-top: 70px;}
.ecard_filters_left .sidenav a.closebtn { display:block;}
.ecard_filters_left .sidenav a.register_button { display:block;}
.ecard_filters_left .cartitem_right_side { padding:0 7%;}
.ecard_filters_left .sidenav_open { width: 40%;}
.ecard_filters_left .filter_search { display:none;}
.ecard_filters_left h3 span { display:contents;}
.ecard_filters_left h3 a.resetall { display:none;}
.ewallet_ecard_box { min-height:inherit;} 
.ewallet_ecard_right_button { position:inherit; width:100%;}
}



@media only screen and (min-width:220px) and (max-width:860px) {
.travel_banner_left_text h3 { padding:30px 0 0 0 !important;}
.travel_banner_left_text1 h3 { padding:30px 0 0 0;}
	
.youshop_section_padding { float:left; width:100%; padding:0;}
.banner_con_box { float:left; width:80%; margin:0 10%; }
.banner_main .w-100 { height:372px;}
.banner_start_shopping a { font-size:14px; margin-right:4px; padding:8px 20px; border-radius:25px;}
.youshop_box_bg { float:left; width:36%; margin:30px 7% 0 7%;}
.weekly_saving_box { float:left; width:33.3%; margin-top:30px; position:relative;}
.Yearly_saving_box { float:left; width:25%; margin-top:30px; position:relative;}
.search_type_text { float:left; width:100%; font-size:18px; padding:12px 0 12px 0; text-align:center;}
.search_radio_button { float:left; width:100%; padding:0 0 10px 0; font-size:16px; text-align:center;}
.search_suburb_input_box { float:left; width:100%; text-align:center; padding-bottom:10px;}  
.search_box_main { float:left; width:100%;}
.search_box_main1 { float:left; width:100%;}
.search_padding_box { display:none;}
.popular_category_box { float:left; width:50%; position:relative; padding:0;}
.helpvideos_full_box { float:left; width:100%; position:relative;}
.helpvideos_half_box { float:left; width:50%; position:relative;}
.login_box_bg { float:left; width:66%;  margin:25px 17% 0 17%; }
.login_box_bg_login { float:left; width:100% !important;  margin:25px 0 0 0 !important; }
.sales_box_width { float:left; width:29%; margin:30px 2% 0 2%;}
.sales_welcome_text_right { float:left; width:100%; margin-top:0;}
.banner_calculator_left1 { float:left; width:50%; margin:0 25%;  }
.calculate_banner_right { float:left; width:40%; margin:0 30%;  }
.banner_calculator { float:left; width:100%; margin:40px 0 0 0;}
.sort_ecards_value_box a { float:left; width:32%; font-size:18px; color:#fff; padding:8px 20px; }
.sort_ecards_value_box span { float:left; width:100%; text-align:center; padding-right:0; }
.members_pricing_box_main { float:left; width:100%; margin:0%;}
.members_benefit_text_main li { float:left; width:50% !important;  background:none !important; padding:0 !important;} 
.total_saving_discount_box { float:left; width:50%;   line-height:26px; font-size:16px; color:#666;}
.sales_welcome_page h4 { float:left; width:100%; text-align:center; margin:10px 0;}
.join_now_free_button { float:left; width:30%; margin:0 35%;}

.ecarddetail_main .onlineshop_details_img { width:80%; margin:0 10% 0 10%;}
.ecarddetail_main .onlineshop_details_rightside { width:80%; margin:30px 10% 0 10%;}

.revenue_opportunities_box1 { width:46%; margin:30px 2% 0 2%;}
.revenue_opportunities_box1::before { background:none;}

.revenue_ecard_img_box1 { width:100%;} 
.revenue_opportunities_box3::before  {background-size: 30px; right:-55px;}
.revenue_opportunities_box3 { font-size:16px !important; line-height:24px !important;}
.help_support_main .colmd { width:33.33%;}
.top_savings_button { margin-top:5px;}




/*=========New Calculate 05-07-2019=============*/ 
.customers_bottom_position { position:static;}
.cal_savings_img_box { float:left; width:16%; margin-right:2%;}
.cal_savings_input_box { float:left; width:30%; margin:27px 0;}
.group { float:left; width:30%; margin:27px 0;} 

.cal_discount_box { float:left; width:20%; margin-top:35px;  }
.cal_savings_icon_box {float:left; width:16%;  margin-left:2%;}
.localshop_contact_bg { float:left; width:100%; position:inherit; top:0px; right:0px;}

.member_table_center { float:left; width:100%; padding:0;}
.onlineshop_note_top  {   padding:0 0 30px 0;}

 
.app_download_button .left_side { float:left; width:100px;}
.app_download_button .right_side { float:right; width:100px;}
.cal_sselect_box_input { float:left; width:60%; margin-top:16px; position:relative;}
.cal_savings_box_size { float: left; width: 25%; margin-right: 2%;}
.cal_savings_box_size1 {width: 78%;}
.cal_savings_box_size_top label { display:none;}
.cal_savings_box_size label { display:inline;}
.average_discount_box_top { display:none;}
.average_discount_box { width:21%;}

.ecard_sales_banner_img { width:100%; margin:10px 0;}
.ecard_sales_banner_text { width:49%;}
.ecard_sales_banner_card { width:49%;}
  
.home_category_bg h2 { float:none; max-width:400px; margin:10px auto;}  
.ewallet_ecard_text_mid h6 { font-size:18px;}
.ultimate_card_detail_tab .ultimate_card_logo_box li { width:20%;}
.shopping_box5 .col-md-3 {max-width:33.33%;}


}
@media only screen and (min-width:220px) and (max-width:768px) {
	
.navbar-nav .dropdown-menu { border:none; text-align:center;}
	
.localshop_details_box_bg { position:inherit;}
.localshop_logo_box { width:25%; top: -140px;}
.page_headerlink { display:none;}
.page_headerlink_mobile { display:inline; padding:0 15px; float:left; width:100%;}
 
.local_business_logo_left { float:left; width:60%; margin:15px 20% 0 20%;}
.local_business_logo_center { float:left; width:100%; margin:40px 0; }
.local_business_logo_center img { float:left; width:100%;}
.local_business_qrcode { float:left; width:100%;}
.local_business_qrcode img { float:right; width:40%; margin:0 30%;}
.local_business_qrcode span { float:right; width:100%; text-align:center; padding:0; margin:10px 0;}
 
.sales_bottom_img { float:left;  width:50%; }
.travel_top_background { float:left; width:100%; margin-top:0; }
.discounted_ecards_width h2 { font-size:26px;}
.discounted_ecards_box { float:left; width:29%; margin:30px 2% 0 2%; }
.discounted_ecards_box:before { background:none;}
.sidenav_open { width:50%;}
.app_image_left { width:60%; margin:12px 20% 0 20%;}
.app_text_right { margin:30px 0 0 0;}
.savings_calculator_section_bg .container { display:inherit;}
.savings_calculator_left { width:100%;}
.savings_calculator_img_right { width:100%; margin-top:20px;}
.home_estores_text_right h6 { margin-top:25px;}
.inner_search_bar_bg { top:0; margin-bottom:15px;}
.team_left_side_text { width:100%; min-height:inherit; margin:0;} 
.team_right_side_img { display:none;}
.team_slider .slick-prev { background: url(../images/purple-aro-left.png) left top no-repeat; background-size:30px; width:30px; height:30px; left:auto; right:40px;  top:15px; bottom:auto;}
.team_slider .slick-next { background: url(../images/purple-aro-right.png) left top no-repeat; background-size:30px; width:30px; height:30px; left:auto; right:0; top:15px; bottom:auto;} 
.team_slider .slick-prev:hover {background-size:30px;} 
.team_slider .slick-next:hover {background-size:30px;} 
.team_left_side_text h6 { margin:0;}
.ecard_banner_text_left { float:left; width:100%; margin-top:0;}
.ecard_banner_img_right { float:left; width:100%; margin-top:30px;}
.ecard_banner_box_text {display:flex; flex-wrap:wrap; align-items: center;}
.ecard_banner_left_img { float:left; width:65%; margin-right:5%;}
.ecard_banner_mid_text { display:none;}
.ecard_banner_right_img { float:left; width:30%; margin:0 auto;}
header .navbar.bg1 .navbar-nav li a { padding:10px 0; margin:0;}


.report_img_about { float:left; width:100%; margin-top:20px;}
.footer_box_main .footer_play_img li { width:48%; margin-right:2%;}
.footer_logo_bottom { display:none;} 

.localshop_message_box {display: flex; justify-content: center; text-align:center;}
.localshop_message_button { float:none; margin:10px 0 0 0;	}
.follow_us_box { float: none;   padding: 20px 0 0 10px; }
.localshop_followers_box {display: flex; justify-content: center;}
.localshop_followers_box a { margin:0 5px !important;}
.localshop_banner_but_bottom { padding:0; bottom:20px;}
.lspopupimg{ width:100%; margin: 0 auto;}
.home_category_bg h3 {text-align:center; font-size:16px; color:#333;}
.promo_codes_viewmore a { padding:12px 30px; font-size:15px; }
.home_category_bg h2 { font-size:16px;}  
.top_search_category_box .members_text_box { width:100%; font-size:16px; padding:10px 0;}
.ewallet_ecard_text_mid .barcode_box_bg .text .coupon_logo { width:120px;}
 
.ewallet_ecard_right_button { float:left; width:100%; text-align:center; }
.ewallet_ecard_right_button li a { float:left; width:100%; list-style:none; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:7px 0;}
.ecard_alphabets { word-break: break-all; }
.ewallet_ecard_right_button .site_logo_top { width:60%;  }
.ultimate_card_box { margin-top:40px;}
.ultimate_card_box .ultimate_img_and_title .ecard_box_img { position:initial; width:100%;}
.ultimate_card_box .ultimate_img_and_title { padding:20px;}
.ultimate_card_box .ultimate_img_and_title .title_text { width:100%; padding:15px 0 0 0; position:relative;}
.ultimate_card_box .ultimate_img_and_title .title_text .card_save { font-size:20px; position: absolute; right:0; padding:0; text-align: right;}
.ultimate_card_box .ultimate_img_and_title .button_right { width:100%; padding:12px 0 0 0;}
.mailto_msgdiv { padding:150px 0 !important; font-size:26px; text-align:center;}
header .navbar.bg1 { padding:0; border:none;}

header .navbar.bg1 .navbar-nav li { padding:0;}
.ecarddetail_description_text { margin-top:20px;}
.ecarddetail_description_text .terms_and_read {  position:inherit; float:left; width:100%; padding:15px 0 0 0; }
.ecarddetail_button_right a { width:48%; margin-right:2%; height:42px;}
.newloginpopup .modal-dialog { margin-left:10px; margin-right:10px;}
.members_account_right_side ul.listname li { width:100%; margin:1px 0;}
.ewallet_card_brcode { padding:10px 0;}

.wallet_view_grid_list { padding:10px 0;}
.shopping_box5 .col-md-3 {max-width:50%;}

}

@media only screen and (min-width:220px) and (max-width:760px) {
.travel_banner_left_text { float:left; width:80%; position:absolute; left:10%; top:0;}	
.travel_banner_left_text h3 { font-size:30px !important; line-height:34px !important; padding:20px 0 0 0 !important;}
.travel_banner_left_text h3.welcome_textslider {font-size:26px; line-height:30px;}
.travel_banner_left_text p { padding:10px 0 0 0;}
.how_to_save_travel_but { padding:10px 0 0 0;}
.how_to_save_travel_but a { font-size:12px; padding:7px 12px; text-align:center;}	

.travel_banner_left_text1 { float:left; width:100%;  left:0; top:0;}	
.travel_banner_left_text1 h3 { font-size:30px; line-height:34px; padding:20px 0 0 0;}
.travel_banner_left_text1 h3.welcome_textslider {font-size:26px; line-height:30px;}
.travel_banner_left_text1 p { padding:10px 0 0 0;}
.how_to_save_travel_but1 { padding:10px 0 0 0;}
.how_to_save_travel_but1 a { font-size:12px; padding:7px 15px; text-align:center;}
	
.logo { float:left; width:40%;}
.nav_right_side { float:left; padding:5px 0 10px 0;}
.nav_right_side .dropdown-menu-arrow {  top: -18px;}
.navbar-expand-lg .navbar-nav .nav-link { color:#999; padding:0; margin:6px 0;}
.banner_left_box { float:left; width:35%; margin:40px 5% 4px 0; }
.banner_right_text { float:left; width:60%; margin-top:100px;}
.banner_right_text h3 { float:left; width:100%; font-size:22px; }
.banner_right_text h3 span { font-size:20px; float:left; width:100%; }
.how_works_button { padding:8px 5px 8px 10px!important;}
.login_box_bg { float:left; width:100%;  margin:25px 0 0 0; }
.login_box_bg_login { float:left; width:100%;  margin:25px 0 0 0; }
.login_background_main h3 { float:left; width:100%; margin-top:30px; padding:0; font-style:24px;  }
.logo_content { float:left; width:60%; margin:30px 20% 0 20%;} 
#target {width:100%; padding:11px; display:none; z-index:99; right:0; top:0; position:absolute;}
.total_saving_discount_box { float:left; width:100%;   line-height:26px; font-size:16px; color:#666;}
.redirect_main h3 { float:left; width:100%; font-size:20px; padding:30px 0 20px 0; }
.redirect_main img { float:left; width:60%; margin:0 20%;}
.postContainer{background-color: #FFFFFF; width:100% !important;}
.online_sales_viewall_button a { float:right; width:100%; font-size:12px; padding:6px 0 4px 0; }
.page_headerlink li { float:left; width:50%; flex-basis:inherit !important; padding:12px;}
.page_headerlink li a { float:none;}
.travel_banner_right_img1 { float:left; width:100%; padding:40px 0;}
.travel_banner_left_text1 h4 { float:left; width:100%; font-size:26px;  }
 

.attachment_file_box  { float:left; width:50%;}
.desktop_register_contact_form ul ul li { background:none; float:left; width:50%;}

/*=========New Calculate 05-07-2019=============*/ 
.cal_savings_input_box { float:left; width:30%; margin:15px 0;}
.group { float:left; width:30%; margin:15px 0;} 
.cal_discount_box { float:left; width:20%; margin-top:25px; }

.faq_aaccordion .card .card-header a { color:#555555; font-size:18px; }
.faq_aaccordion .card .card-header a span {float:none;}
.app_text_right ul li { font-size:16px;}

.wemakeapp_right_side { position:inherit; bottom:0; right:0; max-width:180px; float:left; padding:25px 0 20px 0;}
.wemakeapp_right_side img { max-width:180px;}
.members_order_history ul .select_right_side { position:inherit; float:left; top:auto; right:auto; margin:10px 0 0 0;}

.compare_button_right { float:left; width:100%; padding:15px 0 0 0;}
.compare_button_right a { float:left; }
.ecompare_detail_page li span.max_width1 { float:none; width:auto;}
.ecompare_detail_page li span.max_width2 { float:none; padding:0 15px; width:auto;}
  
}

@media only screen and (min-width:220px) and (max-width:720px) { 
.dc_hovereffect a.info { margin:18% 0 0 0;}
.dc_hovereffect:hover a.info { margin:33% 0 0 0 !important;}
.login_box_popup .left_img_bg { width:100%;}
.login_box_popup .right_form_bg { width:100%;}
.login_box_popup .left_img_bg .bottom_img { display:none;}
.login_box_popup .left_img_bg p { padding:0;}
}

@media only screen and (min-width:220px) and (max-width:700px) { 
.ewallet_ecard_box { padding:12px;}
.ewallet_ecard_img_left img { float:left; width:100%; }
.ewallet_ecard_text_mid p img { width:90%; margin:0 5%;}
.local_business_left_side { float:left; width:100%; text-align:center;  padding:10px 0 0 0; }
.local_business_right_side { float:left; width:100%; text-align:center; padding:0;}
.cal_savings_input_center { float:left; width:30%; margin:10px 35%; }
.local_business_main_border .input-group { float:left; width:30%; margin:10px 35%; }
.revenue_opportunities_box3 { width:100%; margin:30px 0 0 0; min-height:inherit;}
.revenue_opportunities_box3::before { background:none;}
.travel_banner_left_text { float:left; width:57%; position:absolute; left:2%; top:0; z-index:2;}

.ultimate_card_detail_tab .ultimate_card_logo_box li { width:25%;}
.articles_bg_box_main h2 { font-size:26px;}
.discounted_ecards_purchase_bg h2 { font-size:26px;}
.best_offer_card_main h2 { font-size:26px;}
.home_testimonial_main h2 { font-size:26px;}
.three_step_main h2 { font-size:26px;}
.home_testimonial_main h2 { font-size:26px;}
}

@media only screen and (min-width:220px) and (max-width:660px) { 
.home_page_category_box_app_icon { position:inherit; margin: 0 0 20px 0;}
.localshop_logo_box {top: -120px;}
.mailto_msgdiv { padding:100px 0 !important; font-size:20px; text-align:center;}
.header_search_box { width:100%; padding:0 0 5px 0; margin: 0;}
.ecarddetail_button_right a { width:100%; margin-right:0;}

}

@media only screen and (min-width:220px) and (max-width:640px) { 
.travel_banner_left_text h3 {font-size:15px !important; line-height:15px !important; padding:20px 0 0 0 !important;}
.travel_banner_left_text p { display:none;}
.travel_banner_left_text { left:5%;}
.travel_banner_left_text h3.welcome_textslider {font-size:15px; line-height:15px; padding:10px 0 0 0;}
.travel_banner_left_text1 h3 {font-size:15px; line-height:15px; padding:20px 0 0 0;}
.travel_banner_left_text1 p { display:none;}
.travel_banner_left_text1 h3.welcome_textslider {font-size:15px; line-height:15px;}

.banner_charities_bg { float:left; width:100%; margin-top:15px; padding:7px; font-size:22px;} 
.banner_left_box p { float:left; width:100%; font-size:15px; }
.banner_main .w-100 { height:330px;}
.youshop_section_bg h2 { float:left; width:100%; font-size:22px; }
.youshop_box_bg { float:left; width:50%; margin:30px 25% 0 25%;}
.clients_say_text_bg { float:left; width:100%; padding:40px 0;}
.use_calculator_left { float:left; width:100%; margin:20px 0 0 0;}
.use_calculator_img_right { float:left; width:100%; margin-top:30px; }  
.popular_category_box { float:left; width:100%; position:relative; padding:0;}
.helpvideos_half_box { float:left; width:100%; position:relative;}
.sales_banner_text_box h3 { float:left; width:100%; font-size:24px; color:#fff; margin-top:60px;  }
.sales_banner_text_box p { float:left; width:100%; font-size:16px; line-height:20px; color:#fff; padding:0;}
.dropdown_search_padding_box { float:left; width:100%;}
.dropdown_category_menu { float:left; width:100%; position:relative;}
.dropdown_category_menu ul { float:left; width:100%; padding:0; margin:0;}
.dropdown-submenu>.dropdown-menu {top: 0; left:0;}
.search_categories_input { width:100%; margin:0 0 10px 0;}
.search_main_input_box { width:80%;}
.search_main_input_box1 { width:80%;}
.search_box_main1 input[type="button"], .search_box_main1 input[type="submit"] { width:20%;}
.watch_video_button a.btn { margin:0 0 12px 0 !important;}
.become_member_table_box .title .center { text-align:left;}
.become_member_table_box .fa-check { float:left; width:100%; text-align:left; color:#0C0; font-size:20px;}
.become_member_table_box .fa-times { float:left; width:100%; text-align:left;  color:#F00; font-size:20px;}

.attachment_file_box  { float:left; width:100%;}
.box_head .box_user_img_name { float:left; width:100%;}
.box_head span { float:left; text-align:left; width:100%; padding:10px 0 0 0;} 

.calculate_tab_box_main li.nav-item { float:left; margin:5px 0.5%; padding:0; width:32% !important;  }

#emailcontent { max-width:600px; width:100%; margin:0 auto;}
#emailcontent img { width:100%; height:auto;}
#emailcontent table { width:100% !important;}

#PreviewCardContent{ max-width:600px; width:100%; margin:0 auto;}
#PreviewCardContent img { width:100%;  height:100%;}
#PreviewCardContent table { width:100% !important;}

.birthday_img_width { width:auto !important;}
.congratulations_text { font-size:28px !important;}
#imageModal .embed-responsive-16by9::before { padding-top:100%;}
.ecardapp_download_button  { float:left; width:100%; padding:0; text-align:center;}
.localshop_followers_box a { font-size:12px;}
.localshop_followers_box span { font-size:12px;  padding:0 3px;}
.localshop_message_button { font-size:14px;}
.localshop_banner_but_bottom { bottom:10px; padding:0; }
.localshop_banner_but_bottom a {  font-size:12px; padding:9px 20px;}
.localshop_followers_button { padding:10px 14px;}

.revenue_opportunities_box1 { width:100%; margin:30px 0 0 0;}
.revenue_opportunities_box1::before { background:none;}

.sidenav_open { width:100%;}
.nav_right_side { width:auto;}
.help_support_main .colmd { width:50%;}
.navbar {justify-content: center;}
.logo { float:left; width:44% !important; margin:0;}
.header_howitworks { float:left;  padding:15px 0 0 0; text-align:center; width:100%;}
.header_howitworks a { float:none; font-size:14px; margin:0 !important;}
.ecarddetail_img_left { width:100%; margin-top:30px;}
.ecarddetail_text_right h2 { font-size:24px;}
.ecarddetail_text_right .choose_value_text { font-size:16px; margin:15px 0 0 0;}
.ecarddetail_text_right .ecard_pay_text { font-size:16px;}
.ecarddetail_text_right .addtocart_but a { font-size:12px;}
.ecarddetail_text_right .choose_card_value_box a {width: 62px; font-size: 14px; margin:12px 7px 0 0;}
.ewallet_ecard_img_left { width:100%; margin:0;}
.ecard_sales_banner_text h6 { font-size:15px;}
.ecard_sales_banner_box h6 { font-size:15px; margin-bottom:5px !important; margin-left:15px;}
.about_meet_the_team_bg h2 { font-size:30px; line-height:36px;  padding:0 0 20px 0; }
.team_text_box_main { padding:0;}
.team_left_side_text h6 { padding:0;}
.footer_box_main { margin-top:20px;}
.footer_box_main h5 { padding-bottom:0;}
.members_account_box_bg .btn1 { margin-bottom:15px;}
 
.compare_box_main .col-lg-2 {flex: 0 0 33%; max-width: 33%;}
.members_account_box_bg .copy_link { float:left; width:100%;}
.members_account_box_bg .copy_link a  { float:left; margin-top:10px;}
.ewallet_ecard_right_button .site_logo_top { width:100%; margin:0;}

.savings_calculator_page_bg .discount { width:47%;}
.savings_calculator_page_bg .amount { width:47%;}
.savings_calculator_page_bg .frequency { width:47%;}
.savings_calculator_page_bg .savings { width:47%;}
.savings_calculator_page_bg .calculator_row_box h6 { display:block; padding:10px 0 4px 0; font-size:20px; text-align:left;}
.savings_calculator_page_bg .calculator_row_box h6.bg { display:block; padding:10px 0 4px 0;}
.savings_calculator_page_bg .calculator_row_box p { text-align:left;}
.savings_calculator_page_bg .top_title { display:none;}
.oz_experiences_but li a { padding:3px 12px; margin:5px 0 0 5px; font-size:12px;} 

.ecard_filters_left .sidenav_open { width: 100%;}

}

@media only screen and (min-width:220px) and (max-width:550px) { 
.how_to_save_travel_but a { font-size:10px; margin-right:5px;}
.travel_top_background .carousel-indicators { bottom:10px;}
.travel_top_background .carousel-indicators li { width:8px !important; height:8px !important;}

.banner_left_box { float:left; width:60%; margin:20px 20%; }
.banner_right_text { float:left; width:100%; margin-top:0;}
.banner_con_box { float:left; width:96%; margin:0 2%; }

.banner_main .w-100 { height:430px;}
.banner_right_text h3 { float:left; text-align:center; width:100%; font-size:18px; }
.banner_right_text h3 span { float:left; width:100%; font-size:18px; } 
.banner_start_shopping { float:left; width:100%; text-align:center; margin:20px 0 15px 0;}
.banner_start_shopping a { font-size:13px; margin-right:4px; padding:7px 20px; border-radius:25px;}
.how_works_button { padding:7px 5px 7px 10px!important;}
.weekly_saving_box { float:left; width:50%; margin-top:30px; position:relative;}
.Yearly_saving_box { float:left; width:50%; margin-top:30px; position:relative;}
.saving_discount_box span { float:left; position:absolute; left:-22px;}
.customers_input_box { float:left; width:100%; text-align:center; font-size:16px; color:#666;}
.customers_input_box input { float:none; width:150px; border:1px solid #ccc; color:#000; padding:5px 10px; font-size:15px;}
.total_text_right { float:right; width:100%; text-align:center;}
.inner_search_bar_bg { float:left; width:100%; margin:0; }
.search_radio_button { float:left; width:100%; font-size:16px;  padding:18px 0 0 0; text-align:center;}
.search_suburb_input_box { float:left; width:100%; text-align:center; padding-bottom:10px; flex-wrap: wrap;}  
.search_box_main { float:left; width:100%;}
.search_box_main1 { float:left; width:100%;}
.search_suburb_box.postalcode { width:100%;}
.sales_box_width { float:left; width:40%; margin:30px 5% 0 5%;}
.banner_calculator_left1 { float:left; width:100%; margin:0;  }
.calculate_banner_right { float:left; width:100%; margin:0;  }
.banner_calculator { float:left; width:100%; margin:40px 0 0 0;}
.search_menu_box { float:left; width:100%;}
.search_input_box { float:left; width:80%; margin-top:10px; }
.search_icon_box { float:left; width:20%; margin-top:10px;}
.search_icon_box input[type="submit"] { float:left; width:100%; background:url(../images/search-icon.png) no-repeat center center #222;   height:42px; border:none; cursor:pointer;}
.sort_ecards_value_box a { float:left; width:100%; font-size:18px; margin:2px 0; color:#fff; padding:8px 20px; }
.new_online_logo_left { float:left; width:46%; padding:4px 0;}
.search_suburb_box { float:left; width:100%; margin:3px 0 !important;}
.search_suburb_input_box span { width:100% !important; padding:8px 0;}
.localshop_service_box p { height:auto;}
.details_tab_left { float:left; width:100%;}
.details_tab_right { float:left; width:100%; min-height:inherit;}
.onlineshop_coupon_share { float:left; padding:25px 0 0 0;}
.cart_page_main a.btn {font-size: 16px; color:#fff; padding: 8px 15px; border-radius: 30px;  }

.cart_page_main .table td, .table th { padding:10px 6px;}
.members_account_history_tab .nav-item .nav-link { font-size:13px;}
.members_order_history .table td { font-size:14px;}

.wel_coupon_img { float:left; width:80%; margin:10px 10%; position:relative; z-index:9;}
.wel_coupon_right { float:left; width:100%; position:inherit; top:0; right:0;}
.wel_coupon_text_box { float:right; width:100%;}
.wel_coupon_logo { float:right; width:100%; min-height:inherit;}
.wel_coupon_logo img { float:right; width:46%; margin:10px 27%;}
.wel_coupon_color_bg { float:left; width:100%; background:#333333; padding:0 3%; }
.wel_cclaim_coupon_button { float:right; width:100%; text-align:center; padding:15px 0;}

.ecarddetail_main .onlineshop_details_img { width:100%; margin:0 0 0 0;}
.ecarddetail_main .onlineshop_details_rightside { width:100%; margin:30px 0 0 0;}
.desktop_register_contact_form .btn {white-space: normal;}

/*=========New Calculate 05-07-2019=============*/ 
.cal_savings_img_box { float:left; width:24%; padding:10px; margin-right:2%;}
.cal_savings_icon_box {display:none;}
.cal_discount_box { float:left; width:24%; margin:25px 2% 0 0; text-align:left;}
.cal_savings_input_box { float:left; width:63%; margin:33px 0;}
.group { float:left; width:63%; margin:30px 0;} 

.step_by_step_guides_bg h2 { float:left; width:100%; font-size:32px; line-height:36px; }

.cart_bottom_button { float:left; width:100%; margin:10px 0;}
.cart_bottom_button_update_cart { float:left; width:100%; margin:10px 0;}
.cart_bottom_button_clearall { float:left; width:100%; margin:10px 0;}
.cart_bottom_button_checkout { float:left; width:100%; margin:10px 0;}
.cart_page_main .table .media-body { display:none;}
.price_display { display:none;}
.thumbnail_img { width:45%;}

.watch_video_button {display: initial !important;}
.watch_video_button a.btn { margin:12px 0 12px 0 !important;}
.calculate_tab_box_main li.nav-item { float:left; margin:3px 1%; padding:0; width:48% !important;}

.localshop_details_menu span { padding:0 3px;}
.contact_blue_banner_img img { float:left; width:50%;}
 
.cal_sselect_box_input { width:74%;} 
.average_discount_box { width:70%;}
.cal_savings_box_size { width: 31%; margin:15px 1% 0 1%;}	
.cal_savings_box_size1 { width: 47%; margin:20px 0 0 0;}	


.discounted_ecards_width h2 { font-size:20px; margin:20px 0 0 0;}
.discounted_ecards_box { float:left; width:46%; margin:30px 2% 0 2%; }
.home_category_text h6 { font-size:16px; line-height:20px;}
.app_text_right h2 { font-size:20px; line-height:28px;}
.app_bottom_download_button img { width:45%; margin-right:3%;}
.app_text_right ul li { font-size:14px;}
.savings_calculator_left h6 { font-size:18px; line-height:26px;}
.home_estores_text_right h6 { font-size:18px;}
.home_estores_text_right h2 { font-size:22px;}
.home_estores_text_right p { font-size:16px; line-height:28px;}
.ecard_banner_box_text { padding:20px;}
.app_image_left {width:80%; margin:12px 10% 0 10%;} 
.meet_the_team_box { float:left; width:100%; margin-top:0;}
.team_left_side_text h6 { margin:0;}
.add_sponsoring_box_bg h2 { font-size:22px; line-height:28px;}
.nav_login_button { font-size:12px !important;  padding:10px 10px;} 
.nav_right_side a { margin:0 0 0 3px;  }

.ecard_banner_left_img { display:none;}
.ecard_banner_right_img { float:none; width:44%; margin:0 auto;}
.nav_right_side a b { font-size:7px; text-align: center; width: 100%; float: left;}
.nav_right_side a .fa-user { margin:0 1px 0 0;}
.ecard_banner_text_left h3.welcome_textslider { font-size:26px; line-height:32px; color:#fff;}
.top_search_category_box a.nav_login_button { width: 40%; text-align: center; margin: 0 30% !important;}
.top_search_box_left { width: 100%;  margin: 15px 0 15px 0;}
.members_account_box_bg .form-group { margin-top:2px;}

.ecompare_detail_page a.compare_btn { position:inherit; float:left; top:auto; margin:20px 0 0 0; }
.supplier_profiles_box p { min-height:inherit;}

.inner_page_main h3 .select_right_side { position:inherit; margin:15px 0 0 0; top:auto; float:left; width:100%;}
.section_white_bg_main h3 { font-size:24px;}
.localshop_videos_main h3 { font-size:24px;}
 .ultimate_card_box .ultimate_img_and_title .title_text h2 { font-size: 19px; }
.ultimate_card_detail_tab .nav-tabs li a {font-size: 14px;  padding: 10px 20px 10px 50px; background-size: 22px !important; margin:0 6px 6px 0;} 
.ultimate_logo_img { margin:5px 0;}
.testimonial_box { padding:20px 0;}
.three_step_main .box_bg { padding:20px;}
.ecard_box_category p { font-size:15px;}
.ecard_filters_left .filter_search .fa-search { top:24px;}
.shopping_box5 .col-md-3 {max-width: 100%;}

}
@media only screen and (min-width:220px) and (max-width:420px) {
.banner_left_box { float:left; width:70%; margin:20px 15%; }
.youshop_box_bg { float:left; width:56%; margin:30px 22% 0 22%;}
.sales_box_width { float:left; width:70%; margin:30px 15% 0 15%;}
.page_headerlink li { float:left; width:100%; flex-basis:inherit !important; padding:12px;}
.thumbnail_img { width:70%;}

.ecarddetail_main .onlineshop_store_but a { padding:14px 18px; font-size:14px; margin:0 7px;}
.choose_amount_fixed .form-control { width:55%;}
/*=========New Calculate 05-07-2019=============*/ 
.cal_savings_img_box { float:left; width:24%; padding:0; margin-right:12%;}
.cal_savings_icon_box {display:none;}
.cal_discount_box { float:left; width:34%; margin:22px 2% 0 0; text-align:left;}
.cal_savings_input_box { float:left; width:63%; margin:17px 0;}
.group { float:left; width:63%; margin:17px 0;} 

.member_savings_table table th { font-size:12px;}
.member_savings_table table td { font-size:12px;}

#imageModal .embed-responsive-16by9::before { padding-top:150%;}

.localshop_details_menu span { display:none;}
.localshop_details_menu a { float:left; width:100%; text-align:center; margin:4px 0;}
.app_download_button .left_side { float:left; width:60px;}
.app_download_button .right_side { float:right; width:60px;}
.cal_savings_input_center { float:left; width:40%; margin:10px 30%; }
.local_business_main_border .input-group { float:left; width:40%; margin:10px 30%; }

.average_discount_box { width:100%;}
.cal_sselect_box_input { width:100%;}
.cal_savings_box_size { width:100%; margin:10px 0 0 0;}
.cal_savings_box_size1 { width:64%; margin:10px 0 0 0;}


.help_support_main .colmd{ width:100%;}
.ecard_banner_right_img { float:none; width:66%; margin:0 auto;}


.compare_box_main .col-lg-2 {flex: 0 0 50%; max-width: 50%;}
.localshop_logo_box {top: -100px;}
.slick_localshop_coupon .slick-next { width:22px; height:22px; background-size:22px;}
.slick_localshop_coupon .slick-prev { width:22px; height:22px; background-size:22px; }
.slick_localshop_coupon .slick-next:hover { width:22px; height:22px; background-size:22px;}
.slick_localshop_coupon .slick-prev:hover { width:22px; height:22px; background-size:22px;}
.home_category_shop_box .img_title { font-size:22px; }
.mailto_msgdiv { padding:100px 0 !important; font-size:16px; text-align:center;}
.login_box_popup .right_form_bg { padding:20px;}
.login_box_popup .left_img_bg  { padding:20px;}

.ewallet_ecard_right_button ul {flex-wrap: wrap;}
.ewallet_ecard_right_button li { margin:0;}

}

@media only screen and (min-width:220px) and (max-width:360px) {
.cal_savings_input_box { float:left; width:63%; margin:10px 0;}
.group { float:left; width:63%; margin:10px 0;} 

.cal_discount_box { float:left; width:34%; margin:18px 2% 0 0; font-size:11px; text-align:left;}
.nav_login_button { font-size:11px !important; padding: 10px 8px;}
.nav_right_side a i { width:34px;}
.nav_right_side a .fa-user { font-size:13px; width:auto;}
.dc_hovereffect p { width:auto;}
}