@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Carter+One');
h1{font-family: 'Carter One', cursive;}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
*{outline:none; box-sizing:border-box;}
a {
  background-color: transparent;
  transition: all ease-in-out .2s; 
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s; 
	text-decoration:none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}

body{font-family: 'Roboto', sans-serif; font-weight: 400; font-size:13px; margin:0px; padding:0px; color#111; background:#eee; padding-bottom:35px;}
.container{width:100%; margin:30px auto 0; padding:0 25px; text-align: center;}


.clear{clear:both;}


body {
  background: #34497d;
  
}
.main{font-family: 'Roboto', sans-serif; }
h4{ font-size:16px; font-weight:400; line-height:22px;}
.heplNo{color:#fff; font-size:18px;  }
.heplNo a{color:#fff; font-weight:500;}
.gift{background:#fff; text-align:center; margin-bottom:30px; padding:15px 0 0; border-radius: 10px; -webkit-border-radius: 10px;}
.pro_details{padding:20px;}
.gift_name{display:block; color: #555; font-size: 18px; font-weight: 500;}
.mrp{font-size:22px; font-weight:700; color:#111; border-top:1px solid #ddd;  margin: 10px 0;
    padding: 10px 0 0;}
.model{font-size: 18px; color:#444;}
.model span{font-weight:500;}
.logo{width:100%;  background:#C80C0D;} 
.info{background: #fff;
    padding: 8px 15px;}
.info p{text-align:left; color:#111;  line-height:20px; padding:2px 0px; margin:0px;  font-size: 16px;}
.info p span{display:inline-block; width:105px;}
.wait{    background: #c80c0d; color:#fff; border:0px; width:100%; text-align:center; padding: 0px 50px 0px 0; height:50px; line-height:50px; font-size:18px; font-weight:600;     position: fixed;
    bottom: 0px;
    left: 0px;}
.helpline{    background: #fff;  border:0px; width:50px; height:50px;  position: fixed; bottom: 0px; right: 0px;}
.title{font-size:40px; text-align:center; color:#fff; font-weight:500; margin:0px; padding-top:5px;     line-height: 45px;      padding-bottom: 15px;}

.alert_box{background:#fff; position:absolute; width:80%; left:10%; background:#fff; color:#111;     top: 50%; 
    height: 200px; z-index:99999; border-radius:10px; -webkit-border-radius:10px; padding-top:20px;
    margin-top: -100px; 
	-ms-transform: scale(.1); /* IE 9 */
  -webkit-transform: scale(.1); /* Safari */
  transform: scale(.1); /* Standard syntax */
  transition:all ease-in 0.2s;  -webkit-transition:all ease-in 0.2s; -moz-transition:all ease-in 0.2s; 
	}
.alert_box.scale{ -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1); /* Standard syntax */}
.alert_box h2{font-size:30px; margin-top:40px;}
.alert_boxBg{background:rgba(0, 0, 0, .75); position:fixed;  width:100%; height:100%; z-index:99; left:0px; top:0px; display:none;}
.confirm{ position:absolute;  width:100%; height:40px; z-index:9; left:0px; bottom:-1px; }
.confirm a{background:#11b50f; width:50%; display:block; float:left; color:#fff; height:40px; line-height:40px; border-radius:0 0 0 10px; font-size:20px; font-weight:500;}
.confirm a.conNo{background:#C80C0D;  border-radius:0 0 10px 0px;}
.leftTd{width:45%; text-align:right;}
.centerTd{width:10%; text-align:center;}
.rightTd{width:45%; text-align:left;}
 .logo{width:100%; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, .15);      text-align: center;    position: relative;}
.logo img{width:50%; }
.mobileVerify{text-align: center;
    background: #fff;
    padding: 25px 15px 25px 15px;
    border-radius: 0 0 50% 50%;}
.mobileVerify p{color:#333;     font-size: 15px;}
.mobileVerify  h2{margin-top:0px;}
.verifyBox{text-align:center; color:#fff;     min-height: 200px; padding:30px 15px 0;}
.verifyBox a, .verifyBox p{color:#fff;}
.verifyBox h2{font-weight:500; font-size:24px;}
.otp{border: 0px;
    padding: 5px 0px; color:#fff;
    font-size: 25px;
    font-weight: 500;
    width: 90%;
	background:none; border-bottom:2px solid #fff;
    text-align: center; margin:10px 0; letter-spacing:10px;}
.send{padding: 10px 25px; cursor:pointer;
    border-radius: 35px;
    font-size: 25px;
	text-transform:uppercase;
    font-weight: 600;
	border:0px; margin-top:40px; color:#ff0002; background:#fff;
    width: 80%;
    text-align: center;}
.homebtn .send {
    background:#ff0002; color:#fff; font-size:18px; padding:10px 35px;
}
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  letter-spacing:.2px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  letter-spacing:.2px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  letter-spacing:.2px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  letter-spacing:.2px;
}
.resend{font-size:14px; color:#fff; font-weight:400; }

.sendbtn p{margin-top:5px;}
.verifyBox p{margin-top:0px; font-size: 15px;}
.mobileVerify h2.expire {
    font-size: 42px;
    color: red;
}
.helplineNo{    display: block;
   
    width: 200px;
    margin: 5px auto 0;
    border-radius: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    }
.congratulation {
    width: auto;  
     width:100%;
    display: inline-block; 
	text-align:center;
}
.congratulation h2 {
    padding: 25px 0;
    font-size: 28px;
    background: #b63037;
    margin: 0px;
    color: #fff;
	    border-radius: 0 0 50% 50%;
}
.product_box {
     padding: 0px 0 45px;
    background: url(../images/pattern.jpg) repeat left top;
	max-width: 420px;
	margin:0 auto;
}
.congratulation h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
.youwin h3 {
    font-size: 20px;
    margin:20px 0  0px;
	text-align:center;
	color:#fff;
}
.youwin h3 span{display:block; font-size:15px; font-weight:400; padding-top:10px;}
.box {
    background: #fff;
    border-radius: 5px;
    padding: 6px 6px 0;
    width: 100%;
    display: inline-block;
    margin: 0 auto 10px;
    position: relative;
    vertical-align: top;
}
.box img {
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}
.box p {
    background: #f1f1f1;
    color: #283761;
    border-top: 1px dashed #ccc;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px;
    margin: 0 -6px;
    border-radius: 0 0 5px 5px;
    min-height: 60px;
}
.redeem_btn {
    padding: 8px 25px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    background: #ef4d7c;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.45);
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
} 
.rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.cols {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	padding:0 5px;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.or{max-width:40px;}
.orBg{width:30px; height:30px; line-height:30px; background:#ef3a43; text-align:center; border-radius:50%; font-weight:600; margin:50px auto 0; color:#fff;}
.winner-box .orBg{margin:10px auto; text-shadow:none;}
@media (min-width: 766px) {
    .resend{font-size:14px; color:#04048e; font-weight:bold; }
    .scratch {
    padding-top: 75px;
    background: #fff;
    max-width: 420px;
    margin: 0 auto;
    padding-bottom: 75px;
    border-radius: 0 0 10px 10px;
	
}
 
.youwin{margin-bottom:20px;}
.scratch_box{border:0px;}

.winner-box {
    color: #000 !important;
    text-shadow:none !important;
}
.mobileVerify h2.expire {margin: 50px 0 0; }
	.helplineNo{    
    color: #1e5a93; border: 1px solid #ddd; margin: 10px auto 0;  padding: 10px 15px;
	}
	body{padding:0px;}
		::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #757575;
  letter-spacing:.2px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #757575;
  letter-spacing:.2px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #757575;
  letter-spacing:.2px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #757575;
  letter-spacing:.2px;
}
.logo {
    width: 420px;
    margin: 50px auto 0;
    border-radius: 10px 10px 0 0;
}
.mobileVerify {
    padding: 25px 15px 25px 15px;
    border-radius: 0 ; 
    width: 420px;
    margin: 0 auto; 
}
.verifyBox {
    width: 420px;
    margin: 0px auto 0;
    background: #fff;
	color: #333;
	    padding-bottom: 25px;
		border-radius:0 0 10px 10px;
}
.product_box .verifyBox { 
        background: #dae5fd;
	}
	.box p {
    background: #fff;
	}
.otp {
	color:#333;
    border-bottom: 2px solid #ccc;
	font-weight:600;
}
.send {
    color: #fff;
    background: #ff0002;
    width: 80%;
}
.scratch_box { 
    background: #34497d;
}
}
@media (max-width: 766px) {
.logo img { 
    max-width: 98%;
	width:auto;
}
}