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


/*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "gotham-book", sans-serif;
}*/

body{font-family: 'Lato', sans-serif !important;}

*{box-sizing: border-box;}
a{transition-duration: .35s;}
/*.container{width: 100%; max-width: 1200px; margin: 0 auto;}*/
.Width500{width: 100%; max-width: 500px;}
.Width850{width: 100%; max-width: 850px;}
.Width400{width: 100%; max-width: 400px;}
.Width320 {width: 100%; max-width: 320px;}

.Main_Popup {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000;
width: 100%; overflow: auto; background: rgba(0,0,0,0.1);}
.FontFamily {font-family: 'Lato', sans-serif !important;}

/*.FontFamily input.Inputfield, .FontFamily textarea, .FontFamily button, .FontFamily select, .disclosure__toggle {font-family: 'Lato', sans-serif !important;}*/
/*.FontFamily h1, .FontFamily .h1, .FontFamily h2, .FontFamily .h2, .FontFamily h3, .FontFamily .h3, 
.FontFamily h4, .FontFamily .h4, .FontFamily h5, .FontFamily .h5, .FontFamily h6, .FontFamily .h6
{font-family: 'Lato', sans-serif !important;}*/

.Main_Popup_Inner {
	margin: 50px auto 50px auto;
	box-shadow: 0 0 30px rgba(0,0,0, .2);
	padding: 40px 50px 40px;
	background: #fff;
	border-radius: 10px;
  	z-index:1001;
  position: relative;
}
.EarnRewards_Point_logo a.rewardlogoimg {
    background: #fff;
    border-radius: 10px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
  font-family: 'Lato', sans-serif !important;
  font-weight: bold;
    font-size: 16px;
}

.Popup_logo {text-align: center;background: #fff;height: 100px;width: 100px;margin: -75px auto 0 auto;
border-radius: 50%;padding: 10px;overflow: hidden;display: flex;align-items: center;}
.Popup_logo img{width: 100%; max-width: 100px;}
.RewardsProgram{display: flex;}
.JoinDiv,.EarnDiv {width: 50%;}
.JoinDiv {border-right: 1px solid #c7c7c7;padding-right: 50px;}
.EarnDiv {padding-left: 40px;display: flex; justify-content: center;align-items: center;}

.TitleText span {font-size: 22px;}
.TitleText p {font-size: 15px;line-height: 22px;margin: 0; padding-top: 10px;}
.CreateButton {margin-top: 30px;text-align: center;}
.CreateButton button {background: #fc1b1b;border: 0;color: #fff;width: 100%;padding: 12px 0;font-size: 16px; font-weight: 500;border-radius: 5px;}
.CreateButton p {margin: 0;	padding-top: 10px; font-size: 16px;}
.CreateButton a {color: #fc1b1b; font-weight: 900;}

.Earn_Stamp span {color: #fc1b1b;font-weight: 900; display: block;}
.Earn_Stamp{text-align: center;width: 100%;}
.Earn_Stamp_Tab {font-size: 22px;border: 1px solid #c7c7c7;border-radius: 5px;padding: 10px 30px;
width: 100%; text-align: center;margin-top: 20px; box-shadow: 0px 10px 20px rgba(252,27,27,0.2);}
.Earn_Stamp p {padding-top: 15px;}

/* Create Account Pop-up */
.CreateAccountForm {padding-top: 40px;}
.Title h3 {font-size: 22px;text-transform: uppercase;color: #fc1b1b;text-align: center;margin: 0;font-weight: 900;}
.FormField{margin-bottom: 10px;}
.Inputfield {width: 100%;height: 45px;border-radius: 5px;border: 1px solid #c7c7c7;
padding-left: 10px;font-size: 12px; outline: none;color: #919191; font-weight: 600;}
.CreateStore {background: #fc1b1b;border: 0;color: #fff;padding: 10px 30px;border-radius: 6px;font-size: 16px;text-align: center;cursor: pointer; text-transform: uppercase;}
.ReturnStore {text-align: center;margin: 40px 0 0;}
.ReturnStore a {font-size: 14px; display: block; color: #333; text-decoration: none; padding-top: 10px;}
.ReturnStore a:hover{color: #fc1b1b;}

.EarnRewards_Point{
  position: fixed;
  bottom: 23px;
  right: 25px;
  z-index: 9;
}


.EarnRewards_Point_logo {display: flex; align-items: center;}
.EarnRewards_Point_logo a{margin: 0 5px;}
.EarnRewards_Point_logo .rewardlogoimg img {max-width: 40px;margin-right: 5px;}
.EarnRewards_Point_logo .stamplogoimg img {width: 100%;
max-width: 60px;
object-fit: contain;
height: auto;}

.WelcomeDiv {
	padding: 0 0 20px;
	background: #fff;
	overflow: hidden;
	margin: 3px auto 0px auto;
}
.GetFree {background: #fff;padding: 0px; border-radius: 10px; margin: -40px 15px 20px;}
.WelcomeTitle span {font-weight: 600;}
.WelcomeTitle {
	font-size: 20px; line-height: 24px;
	background: #fc1b1b;
	color: #fff;
	padding: 20px 20px 62px;
	text-align: center;
}
.GetFree h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	width: 100%;
	margin: 10px auto 15px auto;
	line-height: 24px;
  letter-spacing: 0;
word-spacing: 2px;
}
.fitzrovia {text-align: center;padding: 5px 10px;}
.fitzrovia img {
	margin: 10px 0 0; box-shadow: 3px 3px 7px rgba(0,0,0,0.3);
	max-width: 70px;border-radius: 10px;
}
ul.__StampMe {
    padding: 0px 25px 10px 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-height: 20vh;
    overflow: auto;
}
ul.__StampMe li {list-style: none;text-align: center; width: 33%; margin-bottom: 4px; display: flex;
justify-content: center;}
ul.__StampMe li a{color: #333; text-decoration: none; float: left;}
ul.__StampMe li a img {max-width: 30px;}
.GiftImg img {width: 40px;}
.stamp_logo_red {border: 1px solid #a6a6a6;display: flex;border-radius: 50%;padding: 5px;width: 45px;
height: 45px; align-items: center; justify-content: center;}
.__MyRewards img {
	max-width: 35px;
	display: block;
	margin: auto;
}
._howitworks img {
	max-width: 42px;
}
.__MyRewards {display: flex;align-items: center;justify-content: center; margin-top: 12px;}
.__MyRewards a {
	background: #fff;
	padding: 10px 0;
	margin: 0 10px;
	border-radius: 6px;
	width: 100px;
	text-align: center;
	color: #333;
	text-decoration: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);line-height:14px;
    position: relative;
  height: 75px;
display: flex;
flex-direction: column;
align-items: center;
}
.__StampMe li a span{font-size:10px;}
.Login_Form h2 {font-size: 32px;text-align: center;text-transform: uppercase; margin: 0;}
.Login_Form {padding-top: 30px;}
.Login_Form {padding-top: 30px;max-width: 550px;margin: 0 auto;}
.LoginButton a {display: block;color: #333;text-align: center;text-decoration: none;}
.LoginButton {text-align: center; padding-top: 20px;}
.LoginButton .CreateStore {margin: 15px 0;}
.FormField label {padding: 5px 0 5px 0;display: block;width: 100%;text-transform: uppercase;
font-size: 12px; font-weight: 600;}
.Login_Form .CreateAccountForm {padding-top: 20px;}

.WelcomeTitleInner {text-align: left;padding: 13px 20px;}
.My-Rewards-back {text-align: center;}
.My-Rewards-back img {margin: 0 auto; max-width: 100px; display: block; margin-bottom: 10px;}
.WelcomeTitleInner + .GetFree {margin-top: 0 !important;}
.My_Reward_Content {padding: 20px;}
.My_Reward_Content_inner {text-align: center;line-height: 24px;font-size: 18px; align-items: center;}
.__Back {display: inline-flex;align-items: center; cursor: pointer;font-size:14px; margin-top: 3px;cursor: pointer;}
.__Back span {font-size: 15px;font-weight:normal;}
.__Back svg{fill: #fff; height:25px;}

.__MyRewardsSingle a {width: 80%;display: flex; align-items: center; justify-content: center;}
.__MyRewardsSingle img {display: inline-block;margin: 0 10px 0px 0;max-width: 35px;}

.ClaimNow {display: flex;align-items: center;margin-bottom: 10px;justify-content: space-between; color: #4d4d4d;}
.ClaimNow .Voucher {border: 1px solid #b8b8b8;background: #fff;padding: 10px 20px;border-radius: 6px;margin-right: 10px; text-align: center; font-size: 20px;}
.Disable .Voucher {background: #b1b1b1;color: #939393;}
.ClaimNow span {width: 50%;font-size: 18px;}

/*.Main_Popup::before {background: rgba(0,0,0,0.1);position: fixed;height: 100%;content: "";
width: 100%;left: 0;right: 0;top: 0;display: block;}*/


.custom_modal{position:fixed; top:0; left:0; width:100%; height:100%; z-index:8; background:rgba(0,0,0,.6);  transition:.25s,ease-in-out; opacity:0; visibility:hidden;}
.custom_modal.popout{transform:scale(1); transition:.25s,ease-in-out; opacity:1;padding-top:50px ; visibility:visible;}
.CloseButton{position:absolute; top:20px; right:20px; color:#fff; font-weight:bold; height: 50px;
width: 50px; background: #fc1b1b; border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; text-decoration: none;}
.content_modal.setin{transform:translateY(-100%); transition-delay:.30s; transition-duration:.55s;opacity:0;}
.content_modal{transition-delay:.30s; transition-duration:.55s;ease-in-out; opacity:1;}
.ClaimNow {display: flex;align-items: center;}


.fitzrovia button {background: #fc1b1b;border: 0;color: #fff;width: 100%;padding: 15px 0;font-size: 16px;font-weight: 500;border-radius: 5px;max-width: 130px;}
.fitzrovia a {color: red;text-decoration: none;}
.margin0{margin: 15px 15px 0;}
.JoinTitle h2 {margin: 0;}
.JoinTitle p {margin: 10px 0 20px;}
.__Become_Member{position: fixed;right: 15px; display: none; bottom: 100px;height: auto;}

/* adding CSS  */
.__registerNew,
._customerRegister,
.loginForm{display:none;}
body.stamped{overflow:hidden;}
.__closeStampe__ {
	right: 30px;
	bottom: 23px;
	position: fixed;
	background: #dc0f1c;
	padding: 10px 0;
	color: #fff;
	border-radius: 68%;
	width: 60px;
	height: 60px;
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	visibility: hidden;
  z-index: 99999;
line-height: 60px;
}
.__closeStampe__ .icon.icon-close{width:15px;}
.__closeStampe__ svg.icon {fill: #fff;}
.__MyRewards span{font-size:12px;font-weight: 500;}
.Main_Popup_Inner.WelcomeDiv.Width400.__Become_Member{width:350px; height: 520px;}
.WelcomeScreen ._step1{display:block;}
.WelcomeScreen ._step2{display:none; height: 470px;}
.WelcomeScreen ._step3{display:none; height: 470px;}


/* How It Work */

.HowWork ul li:first-child {
	padding-left: 40px;
}
h2.registration-right_pane-title {
    margin: 0;
}
.__right_pan_desc div {
    display: flex;
    align-items: center;
    margin: 30px 0 30px 0;
}
.registration-right_pane-title {
	padding-bottom: 20px;
}
.__right_pan_desc div p {
    padding: 0 0 0 10px;
}
.__right_pan_desc {
    padding-top: 10px;
}

.How-it-Work-Main {position: relative;}
._how_it_works {display:none;}
.HowWork {padding: 30px 0 20px;}
.How-it-Work .JoinDiv {padding: 0; width: 100%;border: 0;}
.How-it-Work .TitleText {text-align: center;}
.How-it-Work .TitleText p {padding-top: 0;}
.How-it-Work .CreateButton a {background: #fc1b1b; color: #fff;padding: 10px 25px;font-size: 14px;text-decoration: none;}
.HowWork ul {padding: 0; margin: 0;display: flex; justify-content: space-between; align-items: center;}
.HowWork ul li {list-style: none;width: 48%;}
.HowWork ul li a img{width: 100%; max-width: 30px;}
.HowWork ul li a.Gift_red img {max-width: 32px !important;}
.HowWork ul li a {display: flex;align-items: center; color: #333; text-decoration: none; font-weight: bold;}
.HowWork ul li a span {padding-left: 10px;}
.HowWork ul li span.directly {font-size: 14px;padding-top: 10px; display: block;}
.How-it-Work .TitleText span { font-size: 18px; font-weight: bold;}
.__CloseButton {position: absolute; top: 5px; right: 5px; font-size: 28px;color: #fc1b1b; height: 35px;width: 35px;border-radius: 50%;text-align: center;line-height: 33px;}
.__CloseButton {
	font-size: 38px;
	font-weight: bold;
}

.Width700 {width: 100%;max-width: 700px;}

.single_reward {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
      margin: 5px 0px; align-items: center;
}
.single_reward .__disabled {
    background: gray;
}
.single_reward span {
    width: auto;
}
span.__button {
    font-size: 13px;
    cursor: pointer;
  
font-weight: 600;
}
span.__title {
  	word-wrap: break-word;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size: 12px; padding: 3px 5px;font-weight: 600;line-height: 20px;
}
.My_Reward_Content_inner {
    overflow: auto;
    position: relative;
}

.__stamp_count_wrap {
  	width: 20px;
    display: flex;
    justify-content: center;
  position: relative;
}
span.__counter {
    position: absolute;
    right: -5px;
    top: -18px;
}

span.__counter {
  display: none !important;
    position: absolute;
    right: -5px;
    top: -18px;
    position: absolute;
    right: -10px;
    top: -9px;
    background: #f22002;
    color: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 11px;
  display:none;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
}



.ajax_overlay {
    background: rgba(0, 0, 0, 0.2);
    background-image: url(https://cdn.shopify.com/s/files/1/0270/7770/5751/t/1/assets/ajax-loader.gif?v=1588216680);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    z-index: 999999;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
}
.My_Reward_Content { position: relative; height: 320px; overflow-x: auto;padding-bottom: 0;}
.__right_pan_desc div span {
	width: 10%;
}
.right_pan_icon1 img {
	max-width: 25px;
}
.right_pan_icon2 img {
	max-width: 29px;
}
.Congratulations__ img {
    max-width: 35px;
}
.Congratulations__ {
    text-align: center;
    padding-top: 5px;
}
.Congratulations__ h2 {
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 24px;
    margin: 5px 0 5px;
}
a.__CloseButton.__close_how_work.__reward {
    border-radius: 50%;
    border: 1px solid #333;
    font-size: 22px;
    line-height: 25px;
    color: #333;
    height: 30px;
    width: 30px;
}
.new_reward_popup {
display: none;
}




/* Media only */
@media only screen and (max-width: 768px) {
	ul.__StampMe {max-height: 15vh;}
  .__Become_Member {right: 15px; bottom: 100px; height: auto;}
  .site-header__logo-link {font-size: 18px;}
  .__closeStampe__ .icon.icon-close {width: 13px;}
  .WelcomeScreen ._step2 {height: 440px;}
  .WelcomeScreen ._step3 {height: 440px;}
}
@media only screen and (min-width: 411px) and (max-width: 1024px) {
	ul.__StampMe {max-height: 17vh;}
  ul.__StampMe {max-height: 20vh;}
}

@media only screen and (max-width: 1920px) {
	.__Become_Member {height: auto;}
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .Main_Popup_Inner {width: calc(100% - 30px);}
  .RewardsProgram {display: block;flex-direction: column;}
  .JoinDiv, .EarnDiv {width: 100%;padding: 0 !important;border: 0 !important;}
  .EarnRewards_Point {bottom: 10px;right:15px;}
  .Earn_Stamp {padding-top: 30px;}

  .rewardlogoimg{display: none;}
  .EarnRewards_Point_logo .rewardlogoimg img {max-width: 150px;}
  /* How It Work */
  .HowWork ul li {width: 100%; margin-bottom: 10px;}
  .HowWork ul li:first-child {padding-left: 0; padding-bottom: 20px;}
  .HowWork ul {display: block;}

  .rewardlogoimg { display: none !important;}
  ul.__StampMe {max-height: 25vh;}
  
  .__closeStampe__ .icon.icon-close {width: 13px;}
  
  .WelcomeScreen ._step2 {height: 480px;}
  .WelcomeScreen ._step3 {height: 480px;}
  .__right_pan_desc {text-align: left;}
  

}


h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  /*font-family: "Work Sans", sans-serif;*/
  /*font-family: "gotham-bold", sans-serif;*/
}
button:focus { outline: none;}

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

{font-family: 'Lato', sans-serif !important}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #DC0025;
  color: white;
  padding: 12px 15px;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 23px;
  right: 28px;
  font-family: "gotham-bold", sans-serif;
  font-size: 15px;
  z-index:999;
}
.open-button i {
  font-size: 35px;
  display: inline-flex;
  vertical-align: middle;
  margin: 0px 10px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 15px;
  border-radius: 10px;
  z-index: 1000;
  box-shadow: 0px 2px 62px rgba(0, 0, 0, 0.15);
}
.modal-heading h2 .WelComeTitle {
  font-size: 22px;
  font-weight: 300;
  width: 280px;
  font-family: "gotham-bold", sans-serif;
  letter-spacing: 0;
}
.BackCrossButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
letter-spacing: .1em;
}
.modal-heading h2:hover{color: #fff; transition-duration: .35s;}
.modal-heading h2 {
  padding: 0px 12px;
  margin: 0;
  background-color: #DC0025;
  color: #fff;
  font-weight: 100;
  font-size: 25px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  text-transform: none;
  position: relative;
  min-height: 95px;
  transition-duration: .35s;
}
.fa.fa-arrow-left {
	font-size: 19px;
	font-weight: bolder;
	font-family: initial;
}
.arrow_left_spam {
	color: white;
	border: none;
	cursor: pointer;
	opacity: 1;
	background-color: transparent;
/*	position: absolute;
	top: 12px;
	left: 20px;*/
	font-size: 14px !important;
}

.redme_screen_back {
	color: white;
	border: none;
	cursor: pointer;
	opacity: 1;
	background-color: transparent;
/*	position: absolute;
	top: 12px;
	left: 20px;*/
	font-size: 14px !important;
}
.modal-heading span {
  font-size: 35px;
  display: block;
}

.stamp-content {
  position: relative;
  width: 350px;
}

.stamp-content-top-bg {
  background-color: #fff;
  margin: -35px 20px 0px;
  border-radius: 10px;
  padding: 15px 20px 12px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.stamp-content-bottom-bg {
  background-color: #fff;
  margin: 10px 20px 0;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

.stamp-content-heading {
	padding: 0 0 0px 0;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0;
	text-transform: none;
	color: #3a3a3a;
  line-height: 19px;
  margin:0 0 17.5px;
}
.stamp-content-top-bg p,
.stamp-content-bottom-bg p {
  font-family: "gotham-bold", sans-serif;
  margin: 0;
  padding: 5px 0;
  font-size: 15px;
  line-height: 1.4;
  font-family: 'Lato', sans-serif !important
  color: #333232;
}

.join-now-btn {
  background-color: #DC0025;
  border: none;
  color: #fff;
  font-family: "gotham-bold", sans-serif;
  padding: 18px 30px;
  border-radius: 8px;
  margin: 10px 0;
  min-height: 100%;
  height: 58px;
  text-transform: none;
}

.stamp-content-top-bg a {
  color: #DC0025;
}

/* Add styles to the form container */
.form-container {
  max-width: 350px;
  background-color: #fff;
  border-radius: 10px;
  padding-bottom: 20px;
  height: 520px;
}

/* Full-width input fields */
.form-container input[type="text"],
.form-container input[type="password"] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  font-family: 'Lato', sans-serif !important;
}

/* When the inputs get focus, do something */
.form-container input[type="text"]:focus,
.form-container input[type="password"]:focus {
  background-color: #ddd;
  outline: none;
}

/* Add a red background color to the cancel button */

.form-container #cancle-btn {
  color: white;
  border: none;
  cursor: pointer;
  opacity: 1;
  background-color: transparent;
 /* position: absolute;
  top: 5px;
  right: 10px;*/
  font-size: 25px;
  padding: 0;
}
.close-button {
  background-color: #DC0025;
  color: white;
  padding: 5px 0;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 23px;
  right: 28px;
  border-radius: 50%;
  font-family: "gotham-bold", sans-serif;
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  z-index:999;
  line-height: 60px;
}
.close-button i {
  font-size: 40px;
  margin: 0px 0px;
}

.fa-times-thin:before {
  content: "\00d7";
}
.collect-heading {
  font-size: 15px;
  padding: 0px 0 10px;
  font-family: 'Lato', sans-serif !important;
  line-height: 20px;
  margin-bottom: 0;
}
.stamp-content-top-bg p {
  font-size: 14px;
  line-height: 20px;
}
.stamp-collection-bg {
  background-color: #DB062A;
  border-radius: 25px;
  display: flex;
  flex-flow: wrap;
  padding: 10px 0;
  min-height:250px;
}

.stamp-img img {
  width: 40px;
  height: 40px;
}
.stamp-img {
  margin: 3px 12px;
  background-color: #e86764;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.stamp-rewards ul li img {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.stamp-rewards {
	padding: 10px 0 0;
}
.stamp-rewards ul {
  padding: 0; margin: 0;
}

.stamp-rewards ul li {
  list-style: none; margin: 0;
}
.stamp-rewards ul li a span {
	color: #DC0025;
	font-size: 15px;
}
.stamp-rewards ul li a:hover,.stamp-rewards ul li a:hover span {color: var(--color-text-focus);}
.stamp-rewards ul li a {
  display: flex;
align-items: center;
justify-content: space-between;
  text-align: left;
  text-decoration: none;
  font-family: 'Lato', sans-serif !important;
}
.rewards-text {
	display: flex;
	align-items: center;
}
.stamp-rewards ul li a i {
  float: right;
  margin: 0px;
}
.redeem-wrap ul li img {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 10px;
  vertical-align: middle;
}

.redeem-wrap ul li .redeem-content {
  display: flex;
  font-family: "gotham-bold", sans-serif;
  justify-content: space-between;
  align-items: center;
}

.redeem-wrap ul li {
  list-style: none;
  margin: 0 0 10px;
}

.redeem-wrap ul {
  padding: 0;
}

.redeem-wrap ul li .redeem-content .redeem-btn {
  background-color: #DC0025;
  border: none;
  color: #fff;
  border-radius: 5px;
  padding: 8px 5px;
  width: 90px;
margin: 0 0 0 auto;
font-family: "gotham-bold", sans-serif;
}

.redeem-bg {
  padding: 10px;
  height: 350px;
overflow-y: scroll;
}
.reward-heading {
  text-align: left;
  font-family: "gotham-book", sans-serif;
  font-size: 20px;
  padding: 0;
  margin: 0;
  line-height: 34px;
}
.discount-wrap ul {
  padding: 0; margin: 0;
}

.discount-wrap ul li {
  list-style: none;
}

.discount-content img {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 10px;
  vertical-align: middle;
}

.discount-wrap ul li .discount-content {
  display: flex;
  flex-flow: wrap;
  width: 100%;
}

.discount-content p {
  display: grid;
  text-align: left;
  font-weight: 600;
  font-family: 'Lato', sans-serif !important;
}

.discount-content p small {
  font-weight: 500;
}

.code-haeding {
	font-size: 15px;
	font-weight: 600;
	font-family: 'Lato', sans-serif !important;
	color: #3a3a3a;
	text-transform: none;
	letter-spacing: 0;
	line-height: 18px;
  padding-bottom: 3px;
}

#myInputcode.code-link {
  display: block; height: 48px;
  text-decoration: none;
  color: #595959;
  border-radius: 5px;
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  font-family: 'Lato', sans-serif !important;
}

.code-link i {
  float: right;
  color: #a3a3a3;
}
.discount-content .apply-code-btn:hover{color: #fff; background: #606060;}
.discount-content .apply-code-btn {
  width: 100%;
  margin: 20px 0;
  background-color: #DC0025;
  border: none;
  padding: 15px;
  border-radius: 5px;
  color: #fff;
  font-family: "gotham-bold", sans-serif;
  font-weight: 700;
font-size: 13px;
height: 49px;
}
.input-container {
    width: 100%;
    display: flex;
    position: relative;
}
.input-container i {
    position: absolute;
    right: 15px;
    top: 20px; font-size: 15px !important;
}
span.msg {
    display: block;
    margin: auto;
}

button.open-button.open-btnew {
    background: none;
	padding:0;
	bottom: 10px;
}
button.open-button.open-btnew img {
  width: 100%;
  max-width: 70px;
  object-fit: contain;
  height: auto;
}

.MoneyText {
    display: flex; width: 100%;
    align-items: center;
    padding-bottom: 10px;
}
.stamp-content-top-bg h4, .stamp-content-top-bg p, .stamp-content-bottom-bg p {
	font-family: 'Lato', sans-serif !important;
}

.stamp-content-bottom-bg a {
  color: #d80024;
  text-decoration:none;
}

.stamp-content-bottom-bg a:hover {
  color: #d80024;
  text-decoration:none;
}



.stamp-content-top-bg p {
  font-size: 14px;
  line-height: 20px;
}



#cancle-btn {
	color: white;
	border: none;
	cursor: pointer;
	opacity: 1;
	background-color: transparent;	
	font-size: 25px;
	padding: 0;
	font-style: normal;
}
.redeem-content {
	display: flex;
	font-family: "gotham-bold", sans-serif;
	justify-content: space-between;
	align-items: center; width:100%;
}
.redeem-content .btn.redeem-btn.generate_cpn {
	background-color: #DC0025;
	border: none;
	color: #fff;
	border-radius: 5px;
	padding: 5px 5px;
	width: 90px;
	margin: 0 0 0 auto;
	font-family: "gotham-bold", sans-serif;
	font-size: 13px;
	height: auto;
	min-height: 34px;
	display: block;
	font-weight: 700;
}
.redeem-content img {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.applied_text{
  padding: 0px 10px 0px 10px;
  color: #000;
  font-size: 14px;
  font-weight: normal;
}
.pulsate{
  background: linear-gradient(-45deg, #807777, #F0F0F0, #b06a6a, #F0F0F0);
  background-size: 400% 400%;
  -webkit-animation: Gradient 2.25s ease infinite;
  -moz-animation: Gradient 2.25s ease infinite;
  animation: Gradient 2.25s cubic-bezier(.37,.45,.17,1) infinite;
}
@-webkit-keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

@-moz-keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

@keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}