/* Default css */
::-webkit-input-placeholder {color:#687189;opacity:1;}
::-moz-placeholder {color:#687189;opacity:1;}
:-ms-input-placeholder {color:#687189;opacity:1;}
::-moz-selection{color:#fff;background:#2eade3;text-shadow:none;}
::-ms-selection{color:#fff;background:#2eade3;text-shadow:none;}
::selection{color:#fff;background:#2eade3;text-shadow:none;}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html, body{height:100%;width:100%;}
input::-moz-focus-inner{border:0;}
textarea, input{-webkit-appearance:none;outline:none;}
select:focus, button, button:focus  {-webkit-appearance:none;outline:none;border:none;}
img, span{border:none;}
*{margin:0;padding:0;box-sizing: border-box;}
ul{list-style-type:none;padding:0px;margin:0px;}
a{text-decoration:none;outline:none;}
a:focus{outline:none;text-decoration:none;color: #333;}
a:hover{text-decoration:none;}
p, td, input, label, form, h1, h2, h3, h4, h5, h6{padding:0;margin:0;}
img{max-width: 100%; height: auto;}
.clear{clear:both;}
body{font-family: 'Roboto', sans-serif;font-size:16px;color:#687189;font-weight:400;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust: 100%;line-height:normal; /*background: #d5dae6;*/}
/* ------ Main css starts here --------- */
h1, h2, h3, h4, h5, h6, p, section{float:left;width:100%;}
h1 {font-size:30px;color:#687189;text-transform:uppercase;font-weight:400;} 
p {font-size:18px;color:#687189;font-weight:300;line-height:26px;}
h3 {font-size:18px;color:#687189;font-weight:500;}
h2 {font-size:16px;color:#2eade3;text-transform:uppercase;font-weight:500;} 
h4 {font-size:15px;color:#7d8fa2;font-weight:400;} 
h6 {font-size:16px;color:#7d8fa2;font-weight:300;}
.float-width{float:left;width:100%;}
.div-center{display:inline-block; float:none;}
.img-responsive{max-width:100%; height:auto; display:inline-block;}
.btn{display:inline-block;width:auto;}
.btn-1{padding:21px 57px; background:#ff8c00;color:#fff;font-size:30px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-shadow:0px 2px 2px rgba(92, 101, 117, 1);}
.btn-2{border:1px solid #a5a7ab;padding:16px 36px;color:#a5a7ab;font-size:18px; font-weight:500;text-transform:uppercase;letter-spacing:2px;}
.btn-3{border:1px solid #364760;padding:10px 36px;color:#364760;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;cursor:pointer;
       line-height:normal;}
.btn-3:focus, .btn-3:hover{border:1px solid #617491;color:#617491;}
.btn-2:focus, .btn-2:hover{border:1px solid #364760;color:#364760;}
/* Header part css here */
.wrapper{float:left;width:100%;min-height: 100%;position: relative;/*padding-bottom: 20px;*/}
.container{margin:0 auto;width:100%;padding:0 30px;}
.small-container {margin: 0 auto 26px;width:800px;}
header{ display: inline-block;width:100%; margin-bottom:50px; background: #252525;padding:30px 0 26px;}
.logo-panel{float:left;width:auto;}
.page_heading{margin:0 0 50px 0;}
.voucher-code{float:left;width:100%;padding:30px 0 0;color: #687189;font-size: 18px;font-weight:700;text-transform: uppercase;}
.voucher-image{float:left;width:100%;margin:30px 0 0;}
.voucher-description{float:left;width:100%;line-height: 24px;margin:30px 0 0;}
.voucher-terms{float:left;width:100%;margin:30px 0 0;}
.voucher-terms a{color:#687189;}
.download-count{float:none;display: inline-block; margin:30px 0 60px;}
/* Custom checkbox css here  */
input {color:#687189;
       background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
       border: 1px solid #8c97b2;
       border-radius: 0;
       box-sizing: border-box;
       float: left;
       font-family: "Roboto",sans-serif;
       font-size: 14px;
       font-weight: 400;
       padding: 10px 10px;
       width: auto;
}
input[type=checkbox]:not(old), input[type=radio]:not(old){width:28px;margin:0;padding:0;opacity:0;}
input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 20px;
  background   : url('../../images/checks.png') no-repeat 0 0;
  line-height  : 14px;
  height: 14px;
}
input[type=checkbox]:not(old):checked + label{background-position:0 -24px;}
input[type=checkbox]:not(old) + a{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 20px;
  background   : url('../../images/checks.png') no-repeat 0 0;
  line-height  : 14px;
  height: 14px;
  color: #687189;
}
input[type=checkbox]:not(old):checked + a{background-position:0 -24px;}
/* Custom Radio btn css here  */
input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 20px;
  background   : url('../../images/radio-btn.png') no-repeat 0 0;
  line-height  : 14px;
}
input[type=radio]:not(old):checked + label{background-position:0 -48px;}
/*#loginform{margin:0 auto;width:700px;}*/
.login-section {float:left;width:100%;}
.login-section li{float:left;width:100%;margin:0 0 30px 0;}
/*.field-reg{float:left;width:100%;margin:0 5% 0 0;}*/
.field-reg{float:left;width:100%;margin:0 0 20px 0;}
.label_text{float:left;width:20%;margin:0 5% 0 0;line-height:39px;font-weight: normal;}
.label_empty{line-height: normal;}
.input_part{float:left;width:75%;}
.field-reg input{float:left;width:100%;}
.field-reg input[type="submit"]{width:auto; min-width:80px !important;}
.finish-btn {float: right;}
.error{float:left;width:100%;color: red;font-size: 14px;font-weight: normal;border: 1px solid;}
.prize_error{float:left;width:100%;color: red;font-size: 14px;font-weight: normal; margin-bottom: 20px;text-align: center;}
/* Register part css here */
#voucher_register{float:left;width:100%;}
.notification-message{float:left;width:100%;text-align: center;min-height: 300px;}
.cms-page{float:left;width:100%;margin: 0 0 30px;}
.content-inner{float:left;width:100%;margin: 0 0 20px 0;}
.page-title{margin: 0 0 20px 0;font-size: 20px;}
.voucher-details{float:left;width:100%;text-align: center;}
input.error + label {
  background-position: 0 -48px !important;
}
input.error + a {
  background-position: 0 -48px !important;
}
.voucher-details input[type=submit], #voucher_register input[type=submit] {
  cursor: pointer;
}
.spinwin-image-content{float: left;width: 100%;margin: 0 0 50px;}
.image-list{float: left;width: 100%;}
.image-list > li{float: left;width: 22%;margin: 0 4% 4% 0;display: table;}
.image-list > li:nth-child(4n+4){margin-right: 0;}
.image-list > li  input{float: left;width: 100%;display: none;}
.image-list > li  img{float: none;width:auto;display: inline-block;max-width:40px;}
.logout-btn{float: left;width: 100%;}
.logout-btn a{float: right;}
/*.draw-next-btn{float: left;width: 100%;}
.draw-next-btn input{float: right;}*/
#prizeimageform > h3, #spinform > h3{text-align: center;margin-bottom: 30px;}
.image-list input[type="checkbox"]:not(old) + div{height: 100px;margin: 0;padding: 0;float: none;display: table-cell;vertical-align: middle;width: 100%;border: 1px solid;text-align: center;}
.prizeimage{/*border:2px solid transparent;*/box-shadow: 0 0 2px 3px transparent, 0 0 0 7px transparent;}
.prizeimage.checked{/*border:2px solid #5b9dd9;*/ box-shadow: 0 0 2px 3px #f1f1f1, 0 0 0 7px #5b9dd9;}
/* Footer part css here */
footer {background: #252525;bottom: 0;float: left;left: 0;padding: 23px 0;width: 100%;color:#fff;}
.copy-right {text-align: center;}
.anchor-button {
  border: 1px solid #8c97b2;
  color: #687189;
  float: left;
  margin-left: 5px;
  padding: 10px;
  font-size:14px;
}
.anchor-button:hover {
  text-decoration: none;
  color: #687189;
}
.bootstrap-btn {
  float:right;
}
.hide-nav {display: none;}
.display-block {
  display: inline-block;
}
.spin-code .input_part {
  float: none;
  margin: 0 auto;
  width: 40%;
}
.spin-trigger, #hide_spinimagecontainer{display: none;}
/*winwheel*/
/* Sets the background image for the wheel */
td.the_wheel
{
  background-image: url(../images/wheel_back.png);
  background-position: center;
  background-repeat: no-repeat;
}
#spinform table {
  display: table;
  margin: 0 auto 10px;
  width: auto;
}
.errortext {color: red;  font-weight: normal;}
.alignright{text-align: right;float: right;  margin: 0 0 0 20px;}
.alignleft{text-align: left;float: left; margin: 0 20px 0 0;}
.aligncenter{text-align: center;display: table;margin: 0 auto;}
.voucher-description p{text-align: left;}
#register_frm {
  float: left;
  margin-top: 20px;
  width: 100%;
}
/*set space between content & form*/
.spinwin-content-display{ padding-bottom:50px;}
.field-reg:last-of-type input, .anchor-button{line-height:20px; min-width:80px; text-align:center; font-size:14px;}
.loosetext p{
  color: #ff0000;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
}
.tab-content canvas {
  position: relative;
  top: -41px;
}
.field-reg.first > a {
  float: right;
  margin-top: 5px;
}
.regi_layout{
  color: black;
}
.small-container .voucher-image img {
  display:table; margin: 0 auto;
  max-width: 100%;
  object-fit: cover;
  width: auto;
}
#vocucherform {float: left; width: 100%;}
/*================Added by Ekta=================*/
.success-msg img{ margin-bottom:20px; }

.error-msg img{ margin-bottom:20px; }
.forgot-msg .top-img{ margin-bottom:20px; }
.forgot-msg .bottom-img{ margin-bottom:20px; margin-top:30px; }
.prize-title{ text-align:center; display:block; }
.prize-title img{ margin-bottom:20px; }
.tab-pane model{ margin-top:-60px; }
.canvas-error{ color: white; align:center; }
.field-reg spin-code{ margin-top:-20px; }
.loosetext{ display:none; }
.pager wizard .previous{ display:none; }
.pager wizard .finish{ display:none; }
.subscribe-msg img{ margin-bottom:20px; }
.subscribe-sub-img{ text-align:center; display:block; }
.subscribe-sub-msg{ text-align:center; }