/** Shopify CDN: Minification failed

Line 220:74 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
*{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: 5px;
  	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;}
.Earn_Stamp h2{color:#3a3a3a; font-size: 1.21333em;
text-transform: uppercase;
letter-spacing: 0.1em;}
.registration-right_pane-subtitle{
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.5;
}
.registration-right_pane-text_1{
	margin:0px;
  	font-size:15px;
}
.registration-right_pane-text_2{
	margin:0px;
  	font-size: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: 20px; right: 40px;z-index: 1003;}
.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 {
	max-width: 60px;
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	border-radius: 50%;
}
/*.EarnRewards_Point_logo .stamplogoimg img {max-width: 50px;}*/

.WelcomeDiv {
	padding: 0 0 20px;
	background: #f3f3f3;
	overflow: hidden;
	margin: 3px auto 30px 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;
  color:#000;
}
.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;margin: 0 0 10px;
    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: 6px; 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;
	padding-bottom: 10px;
	cursor: pointer;
}
.__Back span {font-size: 15px;font-weight:normal;}

.__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: 45px; display: none; bottom: 40px;height: auto;}

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

/* 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:500;
}
span.__title {
  word-wrap: break-word;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size: 13px;
  padding: 3px 5px;
  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 {
    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: 30px; bottom: 0; height: auto;}
  .site-header__logo-link {font-size: 18px;}
  .__closeStampe .icon.icon-close {width: 13px;}
  .__closeStampe {width: 40px;height: 40px;}
  .WelcomeScreen ._step2 {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);left: 0;right: 0;}
  .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;}
  .EarnRewards_Point_logo .stamplogoimg img { max-width: 50px;}
  /* 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;}
  .__closeStampe {width: 40px;height: 40px;}
  
  .WelcomeScreen ._step2 {height: 480px;}
  .__right_pan_desc {text-align: left;}
  
}