.mainImg{
  display: block;
  margin-top: 3%;
  position: relative;
}

.mob-mainImg{
  display: none;
  position: relative;
}

.loader{
  display:none;
}


#entryForm{
  margin: 25px 10px 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.29);
  -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.29);
  box-shadow: 0 0 8px 1px rgba(0,0,0,.29);
  border: none;
  padding:0 0 5px 0;
}

#wap2click {
  margin: 25px 10px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.29);
  -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.29);
  box-shadow: 0 0 8px 1px rgba(0,0,0,.29);
  border: solid 1px #c5c5c5;
  padding: 29px 0 52px;
}

.content{ margin-top: 2%; }

.wrapper {
  position: relative;
  max-width: 1400px;
}

.tickBox {
  font-size: 10px;
  line-height:12px;
  text-shadow: 4px 4px 4px white;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px;
}

#wapConfirm, #wapTickBoxContainer { display:block; }
.confText { margin: 7px auto; }

#error, .pinerror {
  color: red;
  font-size: 11px;
  margin: 5px auto;
  display:none;
}

.main-button, .submit-button, #wapContinue, #wapConfirm, .correctBT, .wrongBT {
  width: 67%;
  max-width: 450px;
  margin: 10px auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ff7e10;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  text-shadow: 1px 1px 0px rgba(255,255,255,.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
  padding: 15px;
  background: #f6f393;
  background: -moz-linear-gradient(top, #ffa446 0%, #ff7f12 99%);
  background: -webkit-linear-gradient(top, #ffa446 0%,#ff7f12 99%);
  background: linear-gradient(to bottom, #ffa446 0%,#ff7f12 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa446', endColorstr='#ff7f12',GradientType=0 );
  text-shadow: 2px 2px #6f0707;

}

.buttonAni{
  -webkit-animation: pulse 1s both ease-in-out infinite;
  -moz-animation: pulse 1s both ease-in-out infinite;
  animation: pulse 1s both ease-in-out infinite;
}

@-moz-keyframes pulse {
  0% { -webkit-transform: scale(1);}
  50% { -webkit-transform: scale(0.96);}
  100% { -webkit-transform: scale(1);}
}

@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1);}
  50% { -webkit-transform: scale(0.96);}
  100% { -webkit-transform: scale(1);}
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(0.96); }
  100% { transform: scale(1);}
}


.legals { line-height:12px; }

.title {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

@media only screen and (min-width: 40.063em) {
  #wapTickBoxContainer { margin: 15px 49px 0; }
  .mainImg { float:right; }

  .xmasImg { width: 50%; }
}

@media only screen and (max-width: 641px) {
  .xmasImg {
      width: 80%;
      margin: 5px auto 15px;
  }

  .prize-title-small { font-size: 14px; }

  .mainImg{ display: none; }

  .mob-mainImg{
      display: block;
      width: 57%;
      margin: 0 auto;
  }

  .cta0 { font-size: 14px; }

  body {
      /*background:url("../images/bg.jpg") no-repeat ;*/
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-position: top;
  }
  .content {
      height:100%;
      padding-top:5px;
      margin-top:0!important;
  }

  .mainImg {
      margin-bottom:0px;
      margin-top: 5px;
      width: 65%;
  }

  .leftImg{ display:none; }

  #entryForm, .BGbox, #wap2click {
      padding: 0 0 5px 0;
      margin: 5px auto;
  }

  #wapConfirm{  font-size: 10.5vw; }
}


@media only screen and (max-width: 320px) {
  .titleContainer {
      max-width: 277px;
      position: relative;
      margin: 0 auto;
  }

  .cta{
      margin:  0 auto!important;
      padding-bottom: 5px;
      font-size: 12px;
      width: 100%!important;
  }
  .cta0{
      font-size: 11px;
      padding: 5px;
  }

  .BGbox { padding-bottom: 25px; }

  #entryForm { margin: 5px auto; }

  #entry {
      padding-bottom: 0;
      padding-top: 5px;
  }

  #wapConfirm {
      font-size: 10.5vw;
      line-height: 1.2;
  }
  #wapTickBoxContainer { margin: 0 auto; }
  #wap2click { padding-bottom: 28px; }

  .mainImg {
      margin-top:2px;
      width: 60%;
  }

  .main-button, .submit-button, #wapContinue, #wapConfirm { width: 74%; }
  #msisdn-input, #pincode-input, #telInput { width: 73%; }
}

/* legals */
.legals { line-height:12px; }

.disclaimer a {
  color: black;
  cursor:pointer;
}

@media only screen and (max-width: 767px){
  .prize-title{ font-size: 28px; }

  .cta{
      width: 66%;
      margin: 5px auto 10px;
  }

  #msisdn-input, #pincode-input, #telInput { width: 90%; }

  #cta2{ margin: 5px auto; }

  .main-button, .submit-button, #wapContinue, #wapConfirm, .correctBT, .wrongBT { width: 90%; }


  .mobile #header {
      background: #000;
      color: #fff;
      border-radius: 10px 10px 0 0;
      line-height: 20px;
      font-size: 100%;
      padding: 2px 10px;
  }
  .mobile #header span { padding: 0 10px; }
  .mobile #header img {
      width: 20px;
      vertical-align: bottom;
  }
  .mobile #header .right { float: right; }
  .mobile .body {
      background: #621749;
      padding: 5px 5%;
      border-radius: 0 0 10px 10px;
      position: relative;
  }
  .mobile .box-row {
      display: flex;
      line-height: 1.2;
  }
  .mobile .w40 {
      width: 40%;
      color: #fff;
      font-size: 8px;
  }
  .mobile .w60 {
      width: 100%;
      padding: 2px;
      background: #fff;
      color: #000;
      border-radius: 10px;
      margin-bottom: 3px;
      padding: 2px 10px;
      display: block;
      font-size: 80%;
      text-align: left;
  }

  .w60 .small { letter-spacing:-0.5px; }

  .mobile .inline { display: inline-block !important; }

  .addTextD {
      width: 95%;
      margin: 10px auto;
      color: black;
      font-size: 10px;
      text-shadow: 5px 0px 10px white;
  }

}

@media (max-width: 480px) {
  .disclaimer.mobile { font-size: 8px; }
}

@media (min-width: 700px) {
  .disclaimer.mobile { font-size: 14px; }
}
@media only screen and (max-width: 767px) {
  .disclaimer.online {
      display: none;
  }
}
@media only screen and (min-width: 768px){
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700');

  .disclaimer.mobile {
      font-size: 14px;
      display:none;
  }

  .disclaimer.online{ display:block; }
  .addTextD { display:block; }
  .disclaimer.online{
      display: block;
      width: 900px;
      margin: 0 auto;
      font-family: arial, sans-serif;
      background: #621749;
      font-size:11px;
      padding:0 10px;
      border-radius: 10px;
      position:relative;
      transform-origin: 0;
      left: 0;
      right: 0;
  }
  .online #header {
      background: #000;
      color: #fff;
  }
  .online #header img {
      width: 20px;
      vertical-align: bottom;
  }
  .online .box-row{
      width: 90%;
      display: inline-block;
      font-size: 86%;
      line-height: 1.8em;
  }
  .online .logo{
      float: right;
      width: 10%;
      position: relative;
  }
  .online .logo img{
      width: 100%;
  }

  .online .title{
      display:inline;
      color:#fff;
  }
  .online .text{
      background: #fff;
      color: #000;
      border-radius: 6px;
      padding: 2px 10px;
      display: inline;
      line-height: 2.2;
  }
  .online span.black{
      background: #000;
      border-radius: 10px 0 0 0;
      margin-left: -10px;
      top: -1px;
      position: relative;
      padding: 4px 38px;
      color:#fff;
  }
  .online span img{
      width: 15px;
      position: absolute;
      left: 0%;
      top: 1px;
  }
  .online .logo img {
      width: 70%;
      float: right;
  }
  .online .logo {
      float: right;
      position: relative;
      box-sizing: border-box;
      padding: 10px;
      width: 10%;
  }

  .addTextD {
      font-size: 10px;
      width: 100%;
      max-width: 100%;
      position: fixed;
      left: 50%;
      transform: translate(-50%, 0);
      bottom: 5px;
      color: black;
      text-shadow: 5px 0px 10px white;
  }
}

@media (min-width: 768px) {
  .mobView {
      display: none !important;
  }
  .webView {
      display: block !important;
  }
  .disclaimer.online { max-width: 760px; }
  .online .box-row { font-size: 73%; }



  .content{ margin-top: 15px; }

  .prize-title{ font-size: 80px; }
}

@media only screen and (max-width: 736px){
  .disclaimer.mobile { width: 90%;margin : 0 auto; }
  .mobView {
      display: block !important;
  }
  .webView {
      display: none !important;
  }
}

@media (max-width: 576px) {
  .disclaimer.mobile { 
    /* padding-top: 300px; */
   }
}

#pin { display:none;}
#wap2click { display: none; }

svg {
  top: 0; left: 0; right: 0; bottom: 0;
  margin: auto;
  fill: #FFFFFF;
}


.smallFontSize {
  font-size: 12px;
  color: white;
}

.i_block {
  width: 10px;
  height: 10px;
  background: white;
  color: black;
  padding: 5px;
  font-weight: bolder;
  margin-right: 5px;
}
.i_block_mobile {
  background: white;
    color: black;
    font-weight: bolder;
    padding: 2px !important;
    margin-right: 5px;
}