/* ----------------------------------------- */
/* Start Progress Bar  */
/* ----------------------------------------- */  

.full-width {
	width: 100%;
	background:#eeeeee;
	padding: 2rem 0;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 65%;
    margin: 0 auto;
}
.pound-play {
    position: absolute;
    top: 0;
    right: 0;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
 .form-progress__item {
 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    
    height: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    text-align: center;
}
.form-progress__item-title {
   padding:0 0 1rem;
}
.form-progress__item-marker {
    background-color: #fff;
    border: 4px solid rgb(0,164,226);
    border-radius: 50%;
    content: " ";
    display: block;
    z-index: 1;
    padding: 1rem 1.2rem;
   
}
.form-progress__item-marker {
font-weight: bold;
line-height: 1;
font-size: 1rem;
margin: 0 auto;
}
.form-progress__item.active .form-progress__item-marker {
    background-color: rgb(232,49,132);
    border-color: rgb(232,49,132);
    color: #fff;
 
}
.form-progress__item.complete .form-progress__item-marker {
    background-color:rgb(88,38,126);
    border-color: rgb(88,38,126);
    color: #fff; 
}

.form-progress__item:after {
    background: url(/image/skins/action/fbf/progress-segment.svg) no-repeat 50%;
    background-size: contain;
    bottom: 13px;
    content: " ";
    display: block;
    height: 28px;
    left: 50%;
    position: absolute;
    width: 100%;
    fill:#5260d3;
} 
.form-progress__item.last:after {
    background:none;
    width: 0;
    border-bottom:none;
}
.row.margin {
	margin:1rem auto 3rem;
	text-align: center;
	display: block;
	width:100%;
}
.row.margin .large {
    display:block;
    font-size:1.5rem;
    margin:1rem 0 0;
}

/* ----------------------------------------- */
/* End Progress Bar  */
/* ----------------------------------------- */

/*------------------------------------------ */
/*  START product widget                     */
/*------------------------------------------ */
 
.form-row.widget {
    text-align: left;
    margin: 2em 0;
}
.form-input.form-input-radio[name="product_code"] {
    height: 0;
    visibility: hidden;
    margin: 0;
    position: absolute;
    width: 0;
    padding:0;
    visibility: hidden;
}

input[name="product_code"] + label, .donation .other {
    width: 100%;
     border: 2px solid;
     font-size: 1.64706rem;
    line-height: 1;
    text-align: center; 
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 14px 33px -21px rgba(0,0,0,.75);
    color: rgb(232,49,132);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5em 1em;
    transition: background .14s,box-shadow .14s;
}
input[name="product_code"] + label span {
    display: block;
    font-size: 1rem;
    line-height: 2;
    width: 100%;
}
 input[name="product_code"]:checked + label, input[name="product_code"]:hover + label {
     background-color:rgb(232,49,132);
    color: #fff;
   
}

 input[type=text] {  
      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }
    
 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[name="product_code"] + label > input#quantity, input[name="product_code"] + label > input#donation_quantity {
    display: none;
}
input[name="product_code"]:checked + label > input#quantity {
    background-color: #4c5336;
    display: block;
    top: 0;
    position: absolute;
    height: 100%; 
    color: #fff;
        font-size: 2.64706rem;
    width: 100%;
    padding: 0 .5rem;
    text-align: center;
    margin: 0;
    left: 0;
    border: 0;
}
span.other {
   position: relative;
    display: block;
    vertical-align: middle;
 
    width:100%;
    margin: 1.5rem 0 0;
}
span.other  input[name="product_code"] + label, .donation .other {
    width:100%;
    box-sizing: border-box;
}
span.other input[name="product_code"]:checked + label {
    text-align: left;
}
input[name="product_code"] + label:nth-child(4) {
 
}
input#quantity { 
    /*z-index: -1;*/
    width: 80px;
    display: none;
}
input:checked + label + input#quantity {
	border-color: transparent;
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1rem;
	margin: 0;
	width: 70%;
	height: 100%;
	box-sizing: border-box;
	background: transparent;
	color: #fff;
	font-size: 2rem;
}
/*------------------------------------------ */
/*  END product widget                     */
/*------------------------------------------ */

.journey-group-container {
margin: 3rem auto 0;
}
.form_row.field.widget_description_text {
	font-size: 1.5rem;
}

#addresssearch-stage-group.journey-group-container {
margin-top: 0 !important;  
}
#errorSummary {
  background:rgb(88,38,126);
  border: 2px solid rgb(88,38,126);
  color: rgb(88,38,126);
  margin: 1rem auto 1rem; 
  width:65%;
}
#errorSummary h3 {
  background: rgba(0, 0, 0, 0) url("/image/warning.png") no-repeat scroll 1rem 1rem;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 60px;
  margin: 0;
  padding: 1rem 0rem 0 4rem;
  vertical-align: top;
  width: 30%;
}
.messages.error ul, .messages.error ul h3 {
	background: #fff none repeat scroll 0 0;
	display: block;
	list-style: outside none none;
	margin: 0.2rem 0;
	padding: 1rem;
	width: 100%;
	box-sizing: border-box;
}
#errorSummary li {

  list-style-image: none;
  padding-left: 1.3rem;
}
.form_error, .bottom_error {
  color: rgb(88,38,126);
  display: block;
  font-size: 11px;
  font-weight: bold;
  position:absolute;
}
#product_code_error.form_error.form-error.error-text.inline {
  margin: 0.5rem 0 0;
}

#surnames-form-row + div .form_error {
  margin: 1rem 0;
}

.journey-group-container h3, .journey-group-container div {
  margin: 0 auto;
  
}


.radio-button, .radio-label {
  display: table-cell; 
}
.radio-label {
  padding: 0;
}
.tooltip_icon:focus + .tooltip_icon_text + .form_help.float {
    display: block !important;
}
.tooltip_icon {
  font-style: italic;
  height: 0;
  left: 100%;
  margin: 5px !important;
  position: relative;
  text-align: center;
  text-decoration: underline;
  width: 0;
  z-index: 2;
  top:1rem;
}
.tooltip_icon_text {
color:#fff;
  font-size: 8px;
  font-style: italic;
  height: 20px;
  left: 100%;
  margin: 5px !important;
position: relative;
  text-decoration: underline;
  width: 22px;
  z-index: 1;
  width: 0;
  height:0;
}
.form_help.float {
  background: #fff none repeat scroll 0 0;
  border: 2px solid rgb(88,38,126);
  color: rgb(88,38,126);
  font-size: 12px;
  left:84%;
  line-height: 1.4em;
  padding: 5px 10px;
  position: absolute;
  width: 11%;
  z-index: 3;
}
 
.form_row {
  margin: 0 0 1rem;
}


.radio-button-container {
  clear: both;
  margin: 0 auto;
  padding: 0;
  
} 
.journey-group-container > h3 {
  border-bottom: 2px solid rgb(88,38,126);
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0.5rem 0;
  width: auto;
  color:rgb(88,38,126);
}
.help-text {
  text-align: left !important;
}
input[name="product_code"], input[name="order_total_widget"] {
  margin: 0;
  width: auto; 
  padding: 1rem;
    vertical-align: middle;
}

.basket_container {
    display: none;
}
.error {
  border: 3px dashed rgb(88,38,126);
}
 .register-journey-main-wrapper-fields-container  {
	margin: 0 auto;
	width: 80%;
}
 .journey-group-container.small {
     	width: 65%;
     		margin: 3rem auto 0;
 }
/*===========================
Butons & inputs, selects etc
=============================*/
.form_row.field, #addresssearch-stage-group > label {
  margin: 0.5rem 0 0;
  padding: 0.5rem 0;
} 
 .button.play-now {
	font-size: 1rem;
	width:auto;
}
#txtAddressLkp {
  width: 81%;
} 
.controls-box.form_row.navigation {
	margin: 3rem auto 0;
	width: 100%;
	height: 2.3rem;
}
.page-form label, .page-form .label {
  display: block;
  padding: 0;
  vertical-align: middle;
 
}
.page-form label.text {
     display: inline-block;     
}

.field .form-item {
  display: block;
  text-align: left;

}
#product_code-form-row .form-item {
  display: block;
  width: 100%;
}
#product_code-form-row .form-item .radio-label label,
#order_total_widget-form-row .form-item .radio-label label {
padding: 0 1rem;
  width: 100%;
  cursor: pointer;
} 

 input, #dd_bank {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  border: 1px solid #00a4e1;
  padding:.5rem;
  box-sizing: border-box;
  width:100%;
  
} 
select {
   padding:.5rem;
 font-size: 0.9rem;
      border: 1px solid #00a4e1;
 
   box-sizing: border-box;
   text-decoration: none;
   background:#fff;
   width: 50%;
}
.small {
    width: 32.5%;
    }
    

input[type=checkbox]:checked, input[type=radio]:checked {
    background:rgb(88,38,126);
    border:1px solid #fff;
      -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#personaldetails-stage-group input {
  width: 100%; 
}
#findaddress {
	background: #00a4e1;
	color: #fff;
	width: auto;
	font-size: 1rem;
	border: 0;
	padding: 0.45rem;
	vertical-align: middle;
	margin: 0 0 0 .5rem;
}
#quantity {
  width: auto;
} 
 
#findaddress-form-row {
  left: 43.7rem;
  margin: -2.4rem 0rem 0;
  padding: 0;
  position: relative;
  width: auto;
}

#addresses {
 background: #00a4e1 none repeat scroll 0 0;
    color: #fff;
     width: 80%;
    box-sizing: border-box;

}
#addresses > option {
  background: #fff none repeat scroll 0 0;
  color: #000;
}
#personaldetails-stage-group > span {
  color: #001722;
  font-size: 0.8rem;
 
  margin: 0;
  padding: 0;
  position: relative;
}

#addressSwitch {
  color: #001722;
  font-size: 0.8rem;
 
  padding: 0;
  position: relative;
  top: 0;
}
/*=========================== 
Butons & inputs, selects etc END
=============================*/

/*============================
BACKGROUND - FOR SECTIONS
==============================*/
 
#entries-stage-group, #keepintouch-stage-group, #paymentdetailsnew-stage-group, #dd-stagebk,
#tickets-stage-group, #share-stage-group, .banner-seperator {
  background: #e72f84 none repeat scroll 0 0;
  border-right: 2410px solid white;
  border-top: 120px solid transparent;
  color: #fff;
  height: 0;
  padding:0;
  width:0;
}
 
 #keepingintouch-stage-group .field, 
 #fundraiserstatement-stage-group .field {
  margin:.5rem 4rem 0;
  text-align: left;
}
#keepingintouch-stage-group .first,
#fundraiserstatement-stage-group .first {
  margin: 1rem 2vw 0;
}
#keepingintouch-stage-group input, 
#fundraiserstatement-stage-group input, #giftaid {
	width: auto;
	padding: 1rem;
	vertical-align: middle;
}
 
 
/*============================
BACKGROUND - FOR SECTIONS
==============================*/
#surnames-form-row + div {padding: 0.5rem 0 0 0;}

/*=======================
DD payment - Step 2 
========================*/
.DDform {
  padding: 1.5rem;
  margin: 0 auto;
  border: 1px solid;
 
box-sizing: border-box;

}
 
 #payment-form .formdiv > div {
  border: 5px solid #ee2362;
  padding: 20px;
}

.top_dd ul {
    width: 100%;
    padding: 0;
    margin:0;
    
}
.top_dd ul li {
    width: 25%;
    display:inline-block;
    list-style-type: none;
    vertical-align: top;
}
.top_dd ul li.instruction {
  font-size: 1.5em;
  line-height: 1.2;
  margin: 0 1%;
  text-align: center;
 width: 46%;
}
.top_dd ul li .ddImageLogo {
  float: right;
  width: 70%;
}
.top_dd ul li .address {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 0.1em;
}

.DD_Detail span {
  font-weight: bold;
  text-align: left;
  width: 100%;
  padding:1.7rem 0 1rem 0;
}
.DD_Detail .ddField {
    border: medium none !important;
    font-weight: normal;
    height: 29px;
    letter-spacing: 18px;
    padding:4px 0 0 10px;
     width: 172px !important;
     clear:both;

 
}
.largeText {
  float: right;
  font-size: 1em;
}

.support_copy {
    clear:both;
    padding: 10px 0 0 0;
}
.support_copy p {padding: 0;}
.ddServiceInfo {
  float: right;
  width: 45%;
}
.DDform .field {
    clear:none;
}
.DDform .form_row.field {
  width: 50%;
  margin: 0;
}
.twoCols .field label {
  float: left;
  text-align: left !important;
   width: auto;
   padding:0;
   color:#000;
}
#dd_holder-form-row > br {
  display: none;
}
.DDform .form-item {
  display: block;
  width:100%;
}
#top-stage-group label {
  padding: 0 1% 0 0;
}
#top-stage-group .form_row.field {
  padding: 0;
}
#accountholder-stage-group .form_row.field {
  margin: 0;
}
#top-stage-group label {padding:0;}
#banksortcode-stage-group > label {
    width: auto;
  
   
}
#banksortcode-stage-group .form-item div input {width: 30%;}
#sort_code2 {margin: 0 5%;}
#banksortcode-stage-group {
  width: 50%;
}
 
input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
 
.twoCols #banksortcode-stage-group .form-item > div input {
  float: left; 
  margin: 0 2.2% 0 0;
  padding: 10px;
  text-align: left;
  width: 31%;
}
.dd_logo_tlc {float:right;}
#verifydirectdebit-stage-group {
  
  font-weight: bold;

  padding: 1rem 0;
  text-align:left;
}
#verifydirectdebit-stage-group > p {
  margin: 0 0 1rem;
}
 .DD_Detail .gridBG {
    background: url("/image/gridField.gif") repeat scroll -1px center rgba(0, 0, 0, 0);
    font-size: 1.33em;
    
}
.DD_Detail .gridField {
    border: 1px solid #999999;
    border-left:none;
    
}
.DD_Detail {
 
 
    box-sizing: border-box; 
}
.DD_Detail .groupdiv {
    clear: none;
    width: 50%;
}
.support_copy strong {
    font-weight: bold;
}
 
#accountdetail-stage-group {
  clear: both !important;
  padding: 30px 0 0 !important;
  width: 50%;
}


#accountdetail-stage-group .field br {display:none;}
 
  
#verifydirectdebit-stage-group .field {width:100%;}

#address1_error, .DDform .show-error, .DDform .error-text, #errorSummary .show-error {
  clear: left;
  
}
.DDform .show-error, .DDform .error-text {
  position: relative;
}
span#sort_code3_error {
  text-align: left;
  position: relative; /*remove if background back in*/
}
#addresssearch-stage-group .form-item div > span:last-child {
  display: none;
}
.show-error {
    display: block !important;
}
#addressdetails-stage-group .form_error.error-text.inline {
  height: 0;
  left: 50%;
  padding: 0;
  position: relative;
  top: 36px;
  width: 50%;
}

#accountholder-stage-group, #accountnumber-stage-group, #banksortcode-stage-group, #accountdetail-stage-group {
  clear: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#banksortcode-stage-group {
  margin: 0 0 4.5rem;
}
#payment-form .payment.fielddiv {

    height: auto;
    margin: 0 0 15px 0;
    padding: 0;
}
#payment-form .DDform input {width:100%;}
.form__wrap.form__wrap_noleft > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
#verifydd {
  width: auto !important;
 vertical-align: middle;
}
#banksortcode-stage-group > br {
  display: none;
}
.form__wrap.form__wrap_noleft li {
  float: left;
  text-align: center;
  width: 24%;
}
.form__wrap.form__wrap_noleft li.last {float: right;}
.ddpopup {
  box-sizing: border-box;
  font-size: 1.5em;
  padding: 0 5%;
 
  width: 50% !important;
}
.ddpopup a:link, .ddpopup a:hover, .ddpopup a:active {padding: 3% 0;color:#001722;}
.messages.error h3 {
    border-bottom:0;
}

 
#errorSummary > ul > #error-text > h3 {
    margin-top: -60px;
    position: absolute;
}
#errorSummary > ul:first-child {
    margin-top: 80px;
}
#errorSummary > ul:first-child .error-text {
    font-size: 14px;
    font-weight: normal;
}

.formdiv p {
  clear: both;
  margin:10px 0;
}
#payment-form .field:nth-child(2n+1), #payment-form .field:nth-child(2n) {
    float:none;
    
}
#payment-form .formdiv p {font-family: "CenturyGothicStd";}
#payment-form .form-item {min-height:auto;}
 .fltLeft.back {
  background: #ccc none repeat scroll 0 0;
  color: #001722;
  padding: 5px 10px;
}
#banksortcode-stage-group .form-item {
  float: left;
  width: 50%;
  margin: 0;
}
#buttons-stage-group.fielddiv {
  border: 0 none;
  padding: 0;
  width: 100%;
}
#buttons-stage-group.fielddiv .inner_footer {border:0;}
#buttons-stage-group .form-submit.NextButton.commandLink.fltRight {
  width: auto;
}
.chances-confirmation a.form-submit.NextButton.commandLink.fltRight {
    padding: 0.5rem;
}
 #dd_bank {
  height: 3rem;
   width: 100%;
 }
/*=======================
DD payment - Step 2 END
========================*/



/*===============
Step 3 - journey
=================*/
 
.lottery_ticket_number {
	background: #fff none repeat scroll 0 0;
	color: #e72f84;
	font-weight: bold;
	margin: 0;
	text-align: left;
	line-height: 2;
} 
#proceed {
 float: right; 
}
 
/*=========================
GENERAL PAGES
===========================*/
 
.page .copy {
  top: 300px;
  width: 600px;
}
.wrap ol p span {
  color: #1ca8db;
}
.copy > p, .copy > ul {
  font-size: 0.9rem;
  width: 650px;
}
.wrap ul.complaints {list-style:none; padding:0; margin:0;}
.wrap ol { counter-reset: item; padding:0;}
.wrap ol li { display: block; }

.wrap ol li::before {
  color: #1ca8db;
  content: counter(item, decimal) ". ";
  counter-increment: item;

}
.wrap ol li {
  padding: 0 0 1rem 0rem;
}

 
.step-cd > p {
  padding: 0 1rem;
}
.step-cd h3 {
  background: #1ca8db none repeat scroll 0 0;
  color: #fff;
  margin: 0;
  padding: 1rem;
}


/*=======
prizes page
==========*/
h2 {
    color:rgb(0,164,226);
    font-weight: 900;
}
.prize .copy, .prize .image {
	display: inline-block;
	vertical-align: middle;
	width: 47.5%;
}
.prize .left  {
    padding: 0 14% 0 0;
}
.prize .right  {
    padding: 0 0 0 0;
}
.prize .image {
	width: 37%;

}
.prize .image img {
	width: 100%;
}
.prize.intro .left {
	width: 50%;
}
.prize.intro .image {
	width: 47%;
}
.prize .image.right img {
	width: auto;
}

.prize .image.right img {
    	width: auto;
}
.prize .copy p {
    width:auto;
	font-size: 1em;
	line-height: 1.4em;
}
.prize.winner .copy, .prize.winner .image {
	vertical-align: middle;
}
.prize.winner {
    position: relative;
}
img.filler {
    position: absolute;
    left: 40%;
    top: -9rem;
}
.how-you-help .prize.intro {
	position: relative;
}

.how-you-help .prize .image.right img {
	width: auto;
	position: absolute;
	top: 1rem;
	right: -3rem;
	z-index: 0;
} 

.prize.freya {
	padding: 3rem 0;
    position: relative;
}
.how-you-help .prize.freya .image, .prize.freya .copy.right {
	vertical-align: middle;
}

.prize.freya img.filler {
    position: absolute;
    left: 38%;
    top: -7rem;
    width: 25%;
}

/*=========================
GENERAL PAGES - end
===========================*/

article {
  overflow: hidden;
}
#howmanyentrieswouldyoulike-stage-group {
	position: relative;
}
 #quantity-form-row {
	position: absolute;
	bottom: 0;
	left: 140px;
	padding: 0;
}
#quantity_error {
  color: rgb(88,38,126);
  display: block;
  margin: 0 0rem;
  position: absolute;
  width: 100%;
}

 
#quantity_error {
  color: rgb(88,38,126);
  display: inline-block;
  margin: 0 0rem 0 1rem;
  
}
 

#addresses-form-row {
  margin: 0 auto !important;
 

}
.tooltip_icon > img {
  width: 20px;
}

#login-form .entrantForm .prog-one + .journey-group-container + div {
  margin: 0 auto;
  width: 1142px;
}
#yes-stage-group, #no-stage-group {
  display: inline-block;
  height: 20rem;
  margin: 0 4% 0 0;
  position: relative;
  vertical-align: top;
  width: 45%;
}
.controls-box-sd {
  bottom: 0;
  position: absolute;
  right: 0;
}
#yes-stage-group .form_row.field {
  margin: 0;
}
 
#yes-stage-group > h3, #no-stage-group > h3 {
  border: 0 none;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 1.5rem 0 0;
  padding: 0;
}
#yes-stage-group .form-item {
  display: inline-block;
  text-align: left;
  width: 74%;
}
#yes-stage-group .form-item input {
    width:100%;
}
.chances h1 img {
  width: 100%;
}
.copy.superdraw > img {
  width: 100%;
}
#login-form .form_container.purchStage.page-form.entrantForm #entries-stage-group.journey-group-container + div {
    width:1142px;
    margin:0 auto;
}

.card-payments img {
  height: 2.5rem;
  vertical-align: middle;
  width: auto;
}
.card-payments {
  margin: 0 0 2rem !important;
   
}
.refund-text {
  font-size: 0.8rem;
}

.superdraw-head {
  color: #e72f84;
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
  width: 49%;
}
h2.superdraw-head {
    text-align: center;
    padding: 3rem 0 1rem;
}
div.superdraw-head.chances {
    float: right;
}
.superdraw-head > .pricepoint {
  display: block;
  margin: 2rem auto 0;
}

.content.none .pound {
	z-index: 1;
	width: 30%;
	left: 5rem;
	top: 1rem;
}
/*========================
START - Headings for journey pages
=========================*/
.content {
    vertical-align: middle;
	padding: 0 6rem 0 0;
	box-sizing: border-box;
	line-height: 1.3;
 
}

.main-banner.stars {

	background: rgb(0,164,226) url(/image/skins/action/fbf/stars-bk.png) no-repeat 100% 50% / auto 120%;
}
/*========================
END - Headings for journey pages
=========================*/

.support-content {
	background: rgb(254,202,29);
	padding: 2rem 0;
	box-sizing: border-box;
}
.support-content p {
margin:0;
}

.support-content h2 {
	color: #000;
	margin-top: 0;
}

    
    @media (max-width: 980px) { /* width of main container */
        label[for=product_codeother] {
            margin-top: -1rem;
        }
        .not-main-width {display:none;}
        #login-form .form_container.purchStage.page-form.entrantForm > div { 
        width:100% !important;
        }
        #yes-stage-group, #no-stage-group {
        display: inline-block;
        height: 20rem;
        margin: 0 2vw;
        position: relative;
        vertical-align: top;
        width: 45%;
        } 
        
        .tooltip_icon, .tooltip_icon_text {
        
        }
        .stepper, #login-form .entrantForm .prog-one + .journey-group-container + div {
        box-sizing: border-box;
        width: 100%;
        }
        .prog-one {height:auto; background: none;}
        #story-stage-group {
        
        width: 90%;
        }
         
        .DDform {
        padding: 1.5rem;
        margin: 0 auto;
        width: 95%;
        }
        
        .page .copy {
        position: absolute;
        top: 267px;
        width: 53%;
        }   
        /*==============
        PAGE 1 - JOURNEY
        ===============*/
        
        
        .inner_legals .ball-eleven {
        margin: -2rem 0 0;
        }
        /*DD payment page 2*/
        .twoCols .field label {margin:0;}
        
        /*step 3 - journey*/
        #story-stage-group {
        
        width: 100%;
        }
        
        
        
        #happens-next-stage-group {
        margin: 2rem 2%;
        width: auto;
        }
        .page .copy > p {width:100%;} 
        .copy > ul {width:60%;}
        .radio-button {
        padding: 0.3rem 0 0 0;
        }
        #happens-next-stage-group.journey-group-container > div, #happens-next-stage-group.journey-group-container > h3, #happens-next-stage-group.journey-group-container > p {margin: 1vw 0;}
         
        #keepingintouch-stage-group .first, 
        #fundraiserstatement-stage-group .first {
        padding: 1rem 0 1rem;
        }
        #keepingintouch-stage-group p.last, 
        #fundraiserstatement-stage-group p.last {
        margin: 0 2vw 2vw;
        }
        

   
        #findaddress-form-row {
        left: 61%;
        
        }
        
        #personaldetails-stage-group > span {
        color: #001722;
        font-size: 0.8rem;
    
        margin: 0;
        padding: 0;
        position: relative;
        }
        
        #addressSwitch {
        color: #001722;
        font-size: 0.8rem;
        
        padding: 0;
        position: relative;
        top: 0;
        }
        #story-stage-group > p, #story-stage-group > h3, .help-text, .quote-story {
        
        padding: 0 43% 0 0;
        
        }

    
    }
    @media (max-width: 907px) {
   /* input[name="product_code"] + label, .donation .other {
        width:23%;
    }*/
    }
  @media (max-width:861px) {
      .content.none img  {
          top:0;
      }
  }

   @media (max-width: 852px) {
        .prize.winner .copy, .prize.freya .copy.right {
        width:63%;
    }
    #txtAddressLkp {
	width: 81%;
    }
     .prize .image.right img {
            	width: 100%;
            }
    }
    @media (min-width: 814px) {
    .content {
	    padding: 0 6rem 0 0; 
    }
}
@media (max-width: 810px) {
    .content {
	    padding: 0 0rem 0 0; 
    }
}
        @media (max-width: 767px) { /* small tablet/mobile */
         .register-journey-main-wrapper-fields-container {
 
        	width: 95%;
        }

            .not-moible, img.filler {display:none;}
            .superdraw-head {
            display: block;
            width: 100%;
            text-align: center;
            margin: 0;
            }
            h2.superdraw-head {
            padding-top: 1rem;
            }
 
            #yes-stage-group, #no-stage-group {height:auto;}
            .controls-box-sd {
            bottom: 0;
            position: relative;
            right: 0;
            }
            #yes-stage-group .form-item,  #yes-stage-group label{
            width: 100%;
            }
            .worldPay-img {display:block;}
            .tooltip_icon, .tooltip_icon_text {
                position: relative;
                left: 0;
                width: auto;
                height: auto;
                color:rgb(88,38,126);
                top: 0;
                text-align: left;
                margin: 0 !important;
            }
            .tooltip_icon_text {
                display:none;
            }
            /*.tooltip_icon::before {
            	display: inline-block;
            	content: "Why do we need this";
            	vertical-align: top;
            	margin: 0 1rem 0 0;
            }*/
            .form_help.float {
            box-sizing: border-box; 
            left: 0;
            margin: 0 0 1.25rem;
            position: relative;
            width: 100%;
            }
            .page .copy, .copy > p, .copy > ul {width:100%;}
            #personalimage-stage-group {display:none;}
            /*===============
            Header & footer
            =================*/

             
            /*===========
            inner footer
            ================*/
 
            .inner_img {
            left: -3%;
            width: 30%;
            }
            #errorSummary > ul > #error-text > h3 {
            margin-bottom: 50px;
            margin-top: -60px;
            position:relative;
            }
            #errorSummary {width:100%;}
            .messages.error {box-sizing:border-box;}
            #errorSummary h3 {
            padding-left: 1rem;
            }
            
            /*==============
            PAGE 1 - JOURNEY
            ===============*/
            
            #product_code-form-row .form-item {
            display: block;
            text-align: center;
            width: 100%;
            }
            #keepingintouch-stage-group, #happens-next-stage-group, 
            #fundraiserstatement-stage-group {
            margin: 2rem 2%;
            }
            #keepingintouch-stage-group > p, 
            #fundraiserstatement-stage-group > p {
            width: 90%;
            }
            
            
            #keepingintouch-stage-group, .controls-box .form_row,
            #fundraiserstatement-stage-group {
            
            box-sizing: border-box;
            margin: 0;
            
            position: relative;
            }
            #howmanyentrieswouldyoulike-stage-group, #pleaseselectwhenyouwouldliketopay-stage-group {
            
            box-sizing: border-box;
            margin: 0 0 2rem;
            position: relative;
            }
            
            /*DD payment page 2*/
            
            .DDform {width:100%; box-sizing: border-box; padding:1rem;}
            .twoCols .field label, #payment-form .DDform input {width:100%;}
            
            #banksortcode-stage-group .form-item {width:52%; text-align:left;}
            .twoCols #banksortcode-stage-group .form-item > div input {width:19%;}
            #dd_bank {
            width: 100%;
            }
            
            #address1_error, .DDform .show-error, .DDform .error-text, #errorSummary .show-error {
            text-align: left !important;
            }
            /*DD payment page 2 - END*/
            .controls-box .form_row > img {
            margin: 0 !important;
            }
            .form_row.field {
            box-sizing: border-box;
            padding: 0.5rem 1rem;
            text-align: left;
            }
            .field .form-item {
            clear: both;
            display: inline;
            
            text-align: left;
            width: 50%;
            }
            .page-form label, .page-form .label {
            padding: 0 1rem 0 0;
            
            vertical-align: top;
            width: 50%;
            }
            
            #surnames-form-row + div .form-item {
            width: 100%;
            display: block;
            }
 
            #txtAddressLkp-form-row .form-item {
            clear: both;
            display: block;
            width: 100%;
            }
            #findaddress-form-row {
            left: 0;
            position: relative;
            width: 100%;
            }
            #findaddress {
            width: 100%;
            }
            #personaldetails-stage-group > span {left:1rem;}
            .large {
            width: 100%;
            }
            #addressSwitch {
            left: 1rem;
            margin: 0;
            } 

            #errorSummary h3 {
            padding: 1rem 1rem 0rem 4rem;
            width: auto;
            }
            .messages.error ul, .messages.error ul h3 {
            width: 100%;
            }
            /*================
            PAGE 3 - journey
            ================*/
            
            #personaldetails-stage-group input {
            width: 100%;
            }
            #title-form-row .form-item {
            display: block;
            width: 100%;
            }
            #story-stage-group {
            background-image: none;
            
            }
            #story-stage-group > p, #story-stage-group > h3, .help-text, .quote-story {
            text-align: left;
            width: 100%;
            }
            /*==================
            Lottery balls
            ===================*/
            #assets-stage-group img {
            left: 97%;
            position: fixed;
            width: 2%;
            z-index: 0;
            }
            #assets-stage-group .ball-eight, #assets-stage-group .ball-nine-two, #assets-stage-group .ball-nine { 
            z-index: -1;
            }
            #assets-stage-group .ball-seven {
            left: 33%;
            }
            .inner_legals .ball-eleven {
            left: 90%;
            }
            /*==================
            Lottery balls - end
            ===================*/
            /*====================
            DD payment page 2
            ======================*/
            
            
            .DDform .form_row.field {width:100%;}
            .ddServiceInfo {
            float: left;
            width: 100%;
            }
            #banksortcode-stage-group .form-item {width:100%; text-align:left;}
            .twoCols #banksortcode-stage-group .form-item > div input {width:19%;}
            #dd_bank {
            width: 100%;
            }
            
            #address1_error, .DDform .show-error, .DDform .error-text, #errorSummary .show-error {
            text-align: left !important;
            }
            #banksortcode-stage-group {
            
            padding: 0 .5rem;
            }
            
            .commandLink.NextButton.fltRight, .fltLeft.BackButton.dd_back {
            margin: 1rem 0;
            }
            .top_dd ul li {width:50%;}
            .top_dd ul li.instruction {width:100%;}
            /*====================
            DD payment page 2 - END
            =====================*/
            
            #happens-next-stage-group {
            border-top: 0 none;
            margin: 0;
            padding: 2%;
            }
            
            
            #surnames-form-row + div {
            padding: 0.5rem 0 0 ;
            }
            
            #txtAddressLkp-form-row, #findaddress-form-row {
            float: none;
            width: 95%;
            }
            #orenteraddressyourself-stage-group input {
            width: 100%;
            }
            #txtAddressLkp-form-row, #findaddress-form-row {
            float: none;
            margin: 0 2vw;
            padding: 0.2rem 0;
            width:96%;
            }
            .form_row.field {
            padding: .5rem 0;
            width: 100%;
            }
            .page .copy {
            position: relative;
            top: 0;
            
            }
            
            #quantity-form-row {
            	display: inline-block;
            	float: none;
            	margin: 0 1rem .5rem;
            	padding: 0;
            	width: 30%;
            }

            .radio-button {
            padding: 0.3rem 1rem 0 0rem;
            }
            .copy > h2 {line-height:1;}
            #quantity_error {
            display: inline-block;
            margin: 0 1rem;
            }
            .colorboxdd.cboxElement {
            padding: 0  !important;
            }
            #addresses {
            width: 100%;
            }
            .journey-group-container, #addresses-form-row {
            width: 100%;
            }
            #keepingintouch-stage-group > p, #keepingintouch-stage-group > div,
            #fundraiserstatement-stage-group > p, #fundraiserstatement-stage-group > div {
            margin: 0.5rem 2vw 2vw;
            width: 80%;
            }
            #keepingintouch-stage-group > p, #keepingintouch-stage-group > div,
            #fundraiserstatement-stage-group > p, #fundraiserstatement-stage-group > div{
            margin: 0.5rem 2vw 2vw;
            width: 97%;
            }
            #addresssearch-stage-group {
         
            }
            #addresssearch-stage-group > label {
            margin: 0;
            width: 90%;
            }
            #txtAddressLkp, #findaddress {
            width: 100%;
            }
             #findaddress {
                 margin: .1rem 0;
            }
            #entries-stage-group {display:none;}
            
            #yes-stage-group, #no-stage-group {
            box-sizing: border-box;
            margin: 0;
            padding: 1rem;
            width: 100%;
            }
            .copy.superdraw {
            background: #c9e4f9 none repeat scroll 0 0;
            padding: 1rem 0 1.5rem;
            position: relative;
            top: 0;
            }
            
            .form_error, .bottom_error {
            position: relative;
            }
            .form_help.float > br {
            display: none;
            }
            #addresssearch-stage-group {
            box-sizing: border-box;
           
            }
            #keepingintouch-stage-group .field,
            #fundraiserstatement-stage-group .field {
            margin: 1.3rem 0;
            text-align: left;
            }
            .logo.chances.landingpage .copy span{
            width:100% !important;
            }
            .logo.chances.landingpage .link-mp {
            width: 90%;
            }
            .logo.chances.landingpage .join-link {
            margin: 3rem 0 0 !important;
            }
        }
            @media (max-width:719px) {
      .content.none {
    	height: 17rem;
    	width: 49%;
    }
    }
        @media (max-width: 706px) {
            /*=========
            progress stepper
            ==========*/
            .stepper .content {padding:.4rem 0;}
            .stepper .content div span {
                 
            }
            .stepper .content.arrow::after { 
            border-right: 40px solid transparent !important;
            border-left: 40px solid transparent !important;
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            left: auto;
            z-index: 1;
            right: 3%;
            }
            .stepper .content.teal.arrow::after {
                border-top: 30px solid rgb(247,159,15) !important;
                }
            .stepper .content.orange.arrow::after {
        	border-top: 0px solid transparent !important;
            }
            .stepper .content.yellow.arrow::after {
            border-top: 30px solid rgb(0,171,174) !important;
            }
        }
        @media (max-width: 640px) {
            .main-banner .container {
            	padding: 0;
            }
            .main-banner .container .content {
            	padding: 1rem;
            	box-sizing: border-box;
            	text-align: center;
            }
            .flex.column {
             -webkit-flex-direction: column;
                -ms-flex-direction: column;
        	flex-direction: column;
            }
            .row, input[name="product_code"] + label, .donation .other {
                width:100%;
                box-sizing: border-box;
            }
            input[name="product_code"] + label {
                margin: 1rem auto 0;
            }
            span.other {
                margin:0;
            }
            span.other input[name="product_code"] + label, .donation .other {
                padding:1rem;
            }
          
            input:checked + label + input#quantity {
                top:auto;
                bottom:.4rem;
            }

            .content.none {
height: 20rem;
            }
            .content.none img {
  
            width: 100%;
            left: 0;
        }
        .main-banner .container .content.none {
	height: 18rem;
	padding: 0;
}
 
 .content.none::after {
	border-left: 50vw solid transparent;
	border-right: 50vw solid transparent;
	border-top: 40px solid rgb(0,164,226);
}
        .content.none .pound {
        	position: absolute;
        	left: 1rem;
        }
        
            .prize .copy {
                width:100%;
                padding: 0;
                margin-bottom: 2rem;
            }
            .prize .image {
                width:auto;
                text-align:center;
            }
            .prize.winner .copy, .prize.winner .image {
        	 
        	width: 47%;
            }
            
            .how-you-help .prize .image.right img {
                position:relative;
                top:0;
                right:0;
                float: none;
                width: 100%;
            }
            .prize.intro .left {
            	width: 100%;
            }
            .prize.intro .image {width:100%;}

        }
          @media (max-width: 608px) {
              .prize .copy, .prize .image {width:100%;}
              [class^="count_"] {
                  width:20%;
              }
              .prize.winner .copy, .prize.freya .copy.right {
                  width:100%;
              }
          }
            @media all and (max-width: 479px) { /* mobile */
                #quantity {
                margin: 0;
                position: absolute;
                }
                #quantity-form-row  {width:50%;}
                #quantity_error {
                display: inline-block;
                margin: 2.5rem 0rem 0;
                }
              
                .inner_legals, .inner_img {width:100%;}
                .copy { 
                top: 19rem;
                width: 100%;
                }
                .header {
                min-height: 65vw;
                height: auto;
                }
                .copy {
                top: 62vw;
                }
                
                #share-stage-group {
                height: 12rem;
                }  
                
                #product_codeAMRLT1PM, #product_codeAMRLT2PM, #product_codeother {
                
                margin: 0;
                }
                
                .radio-button, .radio-label {
                display: block;
                padding: 0.5rem 0;
                }
                .journey-group-container div {
                text-align: left !important;
                }
                .form_row, .controls-box.form_row {
                width: 95%;
                }
                
                .form_row, .controls-box.form_row {width:100%;}
                #banksortcode-stage-group {padding:0;}
                #errorSummary h3 {width:80%;}
                
                #happens-next-stage-group {position: relative;}
                #tickets-stage-group, #share-stage-group {
                display:none;
                }
                
                .radio-label {width:80% !important;float:left;}
                .radio-button {float:left;}
                 
                .form_row.field {
                margin: 0.5rem;
                padding: 0;
                width: 97%;
                }
                .small {
                width: 32%;
                }
                .prize.winner .copy, .prize.winner .image {
                	width: 100%;
                }
                
            }