@font-face {
    font-family: 'helvetica_worldregular';
    src: url('../font/helvetica-world-webfont.woff2') format('woff2'),
         url('../font/helvetica-world-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{  background: #fed629; font-family: Calibri, Arial; font-size:16px; color:#000; margin:0px; padding:0px;     }
.header { background: #fff;}
a{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
 img{image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
*:focus{outline:none!important;  }
p{line-height:20px;}
h2{font-size:30px;}
.responsiveMax{max-width:100%;}
.responsive{width:100%; display:block;} 
.gift {background:#fff; border:2px solid #a2a2a2; border-radius:10px; padding:10px 20px; box-sizing: border-box; }
.text-center{text-align:center;}
.text-right{text-align:right;}
.header{padding:0 20px;}
.chooseYourGift{display: -webkit-box;
    display: -ms-flexbox;
    display: flex; background:#fffbdb; -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
	-webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;}
	.validity{text-align:center; font-size:20px; font-weight:bold; font-family: 'helvetica_worldregular'; margin-bottom: -52px;}
	.validity p{margin:0px; line-height:26px;}
 .Bg{background:url(../images/bg.jpg) no-repeat center top #ffc50c; background-size:100% auto;}
.allGift{  margin:24px auto 15px; padding: 0 0px ; }
.actual{  padding:10px;   font-weight:400;  position:absolute; left:10px; bottom:10px;  }
.actual p{margin:0px 0 6px; line-height:14px;  font-size:12px; max-width:400px; position: relative;  }
.actual p span{  position: absolute; left:-6px; }
.allGift ul{padding:0px; list-style:none;} 	 
.allGift ul li{display:inline-block; padding:0 10px; position:relative; max-width:165px;   position:relative; } 	 
.allGift ul li img{ max-width:100%; display:block; } 
.allGift ul li p{ margin: 10px 0 0; font-size:14px; position:absolute; left:0px; bottom:6px; width:100%; line-height: 17px; font-family: 'helvetica_worldregular'; color:#000; min-height:24px;} 
.redeem { padding:0px 10px 40px;   margin-top: -350px; position: relative;}
.terms{  text-align:center; font-size:20px;    }
.terms p {  margin:0px;   }
.terms a {color:#000;  text-decoration: none;    	}
.terms a span{  
    text-decoration: underline;}
	.terms a:hover span{text-decoration: none;}
.reddemSec{ text-align:center; margin:11px 0 0;      font-weight:bold;}
.redeemBTN{background:#015eac; color:#fff; text-decoration:none; display:inline-block; border-radius:6px; padding:8px 22px 8px;
    font-size: 26px; cursor:pointer; }
.redeemBTN.disabled{ pointer-events: none; cursor:none; opacity:.95;}
/* .redeemBTN:hover{background:#f9657d; } */

.term {
    padding: 8px 0 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background: #fff; 
}
.term span{display:inline-block}
.term a{text-decoration:none; color:#2196F3;   }
.banner {position:relative;     padding-bottom: 110px;}
.banner .banner-mob{display:none;}
 


/* The checkboxBg */
.checkboxBg { 
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: text-bottom;
}

/* Hide the browser's default checkbox */
.checkboxBg input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
  border: 1px solid #000;
      border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.checkboxBg:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxBg input:checked ~ .checkmark {
  background-color: #0e7139;
  border-color: #0e7139;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxBg input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxBg .checkmark:after {
      left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tablet, .mobile, .md{display:none!important}
 .logo img{max-width:250px}
@media (max-width: 1800px){  
  .allGift ul li img{ max-width:170px}
  .allGift ul li{max-width:100%;  }
  .redeem { 
    margin-top: -300px; 
}
}
@media (max-width: 1499px){  
  
 .allGift ul li { margin-bottom: 20px; }
}
@media (max-width: 1365px){ 
 .actual p {
    margin: 0px;
    line-height: 16px;
    font-size: 12px;
    max-width: 300px;
}
 .redeem { 
    margin-top: -275px; 
}
}
 

@media (max-width: 1199px){ 
  .validity{margin-bottom: 10px;}
  .actual{position: relative;
        background: #fed629;
        margin: -1px 0px 0;
        padding: 0 20px 10px; left: 0px; }
		.redeem {
        margin-top: -230px;
    }
}
@media (max-width: 991px){ 
 .logo img{max-width:200px}
 .redeem {
        margin-top: -175px;
    }
}
@media (max-width: 767px){ 
.banner {
    position: relative;
    padding-bottom: 0px;
}
    .actual { 
        margin: -1px 0px 0;
	}
	.redeem {
    padding: 0px 10px 40px;
    margin-top: -65px;
    position: relative;
}
  
.actual p {
    line-height: 14px;
    font-size: 12px;
	
}
 .validTill {margin-top:0px;}

.allGift ul li p {
    margin: 10px 0 0; 
}
.allGift ul li { margin-bottom:10px; padding: 0 4px;}
.terms { 
    font-size: 13px;
}
.redeemBTN { 
    padding: 9px 15px 6px;
    font-size: 18px;
}

 .allGift ul li img {
   
}
 
}
@media (max-width: 340px){ 
  .allGift ul li img {
   max-width:140px;
}
}