@font-face {
    font-family: 'hvd_poster_cleanregular';
    src: url('../fonts/HVD_Poster_Clean-webfont.eot');
    src: url('../fonts/HVD_Poster_Clean-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HVD_Poster_Clean-webfont.woff') format('woff'),
         url('../fonts/HVD_Poster_Clean-webfont.ttf') format('truetype'),
         url('../fonts/HVD_Poster_Clean-webfont.svg#hvd_poster_cleanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*==  setup */
.dc:after {
content: "";
display: table;
clear: both;
}
#donatron {
display:none;
clear:both;
color:#222;
text-align:left;
text-align-last:left;
width:100%;
max-width:1050px;
margin:0 auto;
padding:50px 0 0 0;
}
#donatron * {box-sizing: border-box;}

#donatron p {
color:#222;
padding:0 0 10px 0;
}
#donatron p:only-child {padding:0;}

.donation-hide {display:none;}

.donatron-go-modal {cursor:pointer;}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

#donatron-embed #donatron {padding:0;}

/*==  general */
#donatron input[type=number]::-webkit-inner-spin-button,
#donatron input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0;
}

#donatron input[type=number] {
    -moz-appearance:textfield;
}

#donatron .button {font-size:14px;}

#donatron .button.disabled,
#donatron .button[disabled] {
cursor:default;
opacity:0.5;
}

#donatron .button span {
line-height:28px;
height:30px;
padding:0 15px;
min-width:120px;
}

#donatron .donation-hidden {display:none ! important;}

#donatron .donation-message {
display:block;
color:#d50000;
font-size:13px;
}

#donatron.donation-live {display:block;}
#donatron.donation-load {position:relative;}

#donatron.donation-load:before {
position:absolute;z-index:1000;
top:0;left:0;bottom:0;right:0;
height:100%;width:100%;
content:'';
background:rgba(241,241,241,0.6) url(../images/ripple.svg) no-repeat center 100px;
background-size:48px 48px;
}


/*== button */
#donatron .donation-buttons {
position:absolute;
right:0;/*bottom:20px;*/left:0;
text-align:center;
text-align-last:center;
padding:10px 0 0 0;
}
#donatron .donation-buttons:after {
content:"";
display:table;
clear:both;
}

#donatron .donation-buttons.pulldown {bottom:-50px;}
#donatron .donation-buttons a {
cursor:pointer;
text-align:center;
text-align-last:center;
}
#donatron .donation-buttons.relative {position:static;}

#donatron .donation-buttons a.button-prev {
	font-size:29px;
	text-transform:uppercase;
	padding:26px 52px;
}

#donatron .donation-buttons a.button-exit {background-color:#bd0000;}

#donatron .donation-buttons {text-align:center;}
#donatron .donation-buttons a.button-exit,
#donatron .donation-buttons a.button-next {
	background:#fd4f57;
	font-size:29px;
	text-transform:uppercase;
	padding:26px 52px;
}
.donation-buttons-permission .button {
	font-size:20px !important;
	padding:15px 23px !important;
}
#donatron .donation-buttons .button {margin:0 10px;}

#donatron .donation-buttons.relative a {
position:static;
float:none ! important;
}


#donation-type-tabs {
display:block;
list-style:none;
text-align:center;
text-align-last:center;
font-size:0;
white-space:nowrap;
margin:0;padding:10px 0 0 0;
}
#donation-type-tabs li {
cursor:pointer;
position:relative;
z-index:1;
display:inline-block;
vertical-align:bottom;
font-size:25px;
text-align:center;
text-align-last:center;
font-weight:bold;
width:40%;
padding:10px 0 20px 0;margin:0 5px;
border-top:1px solid #75999b;
border-left:1px solid #75999b;
border-right:1px solid #75999b;
color:#3ec7e4;
}
#donation-type-tabs li:hover {background:#fff;}
#donation-type-tabs li.donate-active {
z-index:2;
cursor:default;
background:#3ec7e4;
color:#ffffff;
border-top:1px solid #3ec7e4;
border-left:none;
border-right:none;
}

#donation-type-tabs li:before {
	display:block;
	content:"";
	position:absolute;
	bottom:10px;left:-1px;
	width:1px;
	height:5px;
	background:#ffffff;
	z-index:2;
}
#donation-type-tabs li:after {
	content:"";
	position:absolute;
	bottom:10px;right:-1px;
	width:1px;
	height:5px;
	background:#ffffff;
}

#content #donation-type-tabs li,
#donation-type-tabs li.donate-active:after, #donation-type-tabs li.donate-active:before {display:none;}
#donation-type-tabs li.donate-active {}


#donation-stage-tabs {
display:block;
list-style:none;
font-size:0;
white-space:nowrap;
text-align:justify;
text-align-last:justify;
width:377px;
margin:0 auto;padding:30px 0 10px 0;
}
#donation-stage-tabs:after {
	position:relative;
	bottom:59px;
	display:block;
	content:"";
	height: 5px;
	background:#cfcfcf;
	margin:0 40px;
}
#donation-stage-tabs:before {
clear:both;
display:none;
position:absolute;
top:40px;right:0;left:0;
content:attr(data-title);
font-size:40px;
font-family:"hvd_poster_cleanregular", sans-serif;
text-align:center;
text-align-last:center;
width:100%;
padding:0 0 40px;
color:#005f7f;
}
#donation-stage-tabs li {
position:relative;
counter-increment:stage;
display:inline-block;
vertical-align:bottom;
color:#999;
font-size:14px;
font-family:roboto condensed,Georgia,sans-serif;
text-align:center;
text-align-last:center;
padding:0;margin:0;
z-index:1;
}
#donation-stage-tabs li i {font-style:normal;}

#donation-stage-tabs li:before {
display:block;
content:counter(stage);
color:#ffffff;
font-family:roboto condensed,Georgia,sans-serif;
font-weight:bold;
font-size:28px;
height:50px;width:50px;
line-height:47px;
padding:0;margin:0 auto 10px auto;
background:#cfcfcf;
border-radius:50%;
}

#donation-stage-tabs li[data-action] {
cursor:pointer;
color:#222;
}
#donation-stage-tabs li[data-action]:hover {color:#222;}

#donation-stage-tabs li[data-action]:before {background:#0b4b4d;}
#donation-stage-tabs li[data-action]:hover:before {box-shadow:0 0 10px rgba(0,0,0,0.1);}

#donation-stage-tabs li.donate-active {color:#222;}
#donation-stage-tabs li.donate-active:before {
color:#fff;
box-shadow:none;
background:#0b4b4d;
}

#donation-stage-tabs li[data-action]:before {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none;
}

#donation-stage-tabs li[data-action]:hover:before {
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
animation: pulse 1.25s infinite cubic-bezier(0.42, 0.0, 0.58, 1.0);
}


/*== shared stuff */

#donation-details,
#donation-checkout .donation-content, #donation-checkout #donation-form {
position:relative;
padding:0 0 60px 0;
}
#donation-switcher {
position:relative;
padding:0 0 130px 0;
}
#sagepaydirect-cc-form {padding:20px 35px;}
#donation-details {}

#donation-checkout fieldset, .donation-gift {
background:#f7f7f7;
border-top:1px solid #81a1a1;
border-bottom:1px solid #81a1a1;
}

.donation-boxed-data {
background:#f7f7f7;
border-top:1px solid #81a1a1;
border-bottom:1px solid #81a1a1;
padding:10px 20px;
margin:20px 0;
}
.donation-boxed-data p {margin:0 !important;}
.donation-boxed-data h3 {
position:relative;
font-size:25px;
text-align:center;
color:#0b4b4c;
text-decoration:underline;
line-height:1.75;
font-family:merriweather,Georgia,sans-serif;
padding:10px 5px 15px 5px;margin:0 -5px 10px -5px;
}
.donation-gift {
margin-bottom:30px;
}

/*#donation-success .donation-content,*/
/*
#donation-guarantee, #donation-permission,
#donation-checkout .donation-sidebar,
#donation-details .donation-description,
#donation-details fieldset,
#donation-details .donation-contact,
#donation-details .donation-supporter,
#donation-payment .donation-permission,
#donation-confirm .donation-gift,
#donation-confirm .donation-account,
#donation-confirm .donation-bill,
#donation-confirm .donation-checkout,
#donation-permission,
#donation-reject {
padding:20px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
*/
#donation-switcher .donation-content {
padding:20px 0 30px;
background:#fff;
border-top:3px solid #3ec7e4;
}
/*
#content #content #donation-guarantee, #donation-permission,
#content #donation-switcher .donation-content,
#content #donation-checkout .donation-sidebar,
#content #donation-details .donation-description,
#content #donation-details fieldset,
#content #donation-details .donation-contact,
#content #donation-details .donation-supporter,
#content #donation-payment .donation-permission,
#content #donation-confirm .donation-gift,
#content #donation-confirm .donation-account,
#content #donation-confirm .donation-bill,
#content #donation-confirm .donation-checkout,
#content #donation-permission,
#content #donation-reject {box-shadow:0 0 10px rgba(0,0,0,0.2);}
*/
#donation-details .donation-supporter {margin-top:20px;}

#donation-permission h3,
#donation-guarantee h3 {
font-size:15px;
border-bottom:1px dashed #dbdbdb;
padding:0 5px 15px 5px;
margin:0 -5px 10px -5px;
}

#donation-permission p {font-size:14px;}

#donation-confirm .donation-checkout,
#donation-guarantee {margin:0 0 20px 0;}

#donation-guarantee ul {
list-style:disc;
padding:20px;
}
#donation-guarantee ul li {
font-size:13px;
padding:0 0 10px 0;
}
#donation-guarantee ul li:last-child {padding:0;}

/*== live stuff */
#donation-switcher .donation-content {
position:relative;
z-index:3;top:-10px;
}

#donation-switcher .donate-box {display:none;}
#donation-switcher .donate-box.donate-active {display:block;}

#donation-switcher .donation-description {padding:10px 20px 20px;}
#donation-switcher .donation-description p {
font-size:13px;
line-height:2;
}
#donation-switcher .donation-slider {
font-size:0;
text-align:center;
text-align-last:center;
white-space:nowrap;
overflow:visible;
padding:0 0 20px 0;
}
#donation-switcher .donation-slide {
cursor:pointer;
position:relative;
display:inline-block;
vertical-align:top;
font-size:11px;
white-space:normal;
width:24.26%;
margin:0 0.8% 0 0;padding:20px;
}
#donation-switcher .donation-slide:last-of-type {margin:0;}
/*
#donation-switcher .donation-slide:hover {border:1px solid #dbdbdb;}

#donation-switcher .donation-slide:hover {
border:1px solid #dbdbdb;
box-shadow:0 0 20px rgba(230,230,230,0.9);
}
*/
#donation-switcher .donation-slide.donate-active {
	position:relative;
}
#donation-switcher .donation-slide.donate-active:after {
	display:block;
	content:"";
	position:absolute;
	bottom:-50px;left:0;right:0;
	margin:0 auto;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 25px 25px 25px;
	border-color:transparent transparent #a4bcbd transparent;
	z-index:1;
}
#donation-switcher .donation-slide.donate-active:before {
	display:block;
	content:"";
	position:absolute;
	bottom:-51px;left:1px;right:1px;
	margin:0 auto;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 25px 25px 25px;
	border-color:transparent transparent #f7f7f7 transparent;
	z-index:2;
}
#donation-switcher .donation-slide h4 {
font-size:45px;
background:#005f7f;
width:132px;
height:132px;
line-height:132px;
text-align:center;
margin:0 auto;
color:#ffffff;
}
#donation-switcher .donation-slide a {color:inherit;}
#donation-switcher .donation-slide p {
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
padding:0;
}

#donation-switcher .donation-image {
height:130px;
background-color:#f2f2f2;
background-position:center;
background-size:cover;
overflow:hidden;
}
#donation-switcher .donation-image img {
display:block;
width:100%;height:auto;
margin:0 0 10px 0;
}

#donation-switcher .donation-custom {
display:none;
}
#donation-switcher .donation-custom label {
display:inline-block;
vertical-align:middle;
font-size:11px;
font-style:italic;
padding:0 10px 0 0;
}
#donation-switcher .donation-custom input {
display:inline-block;
vertical-align:middle;
font-size:24px;
text-align:left;
text-align-last:left;
width:100px;
height:50px;
padding:10px;margin:0;
border:1px solid #b7c2d5;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
}

#donation-switcher .donation-custom:before {
float:left;
width:40px;
height:50px;
line-height:50px;
text-align:center !important;
text-align-last:center !important;
content:"£";
color:#005f7f;
font-size:24px;
background:#b7c2d5;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}

.donation-checkboxes {
clear:both;
font-size:0;
margin:0;padding:20px 10px 0 10px;
}

.donation-checkboxes fieldset {
display:block;
width:49%;
font-size:14px;
text-align:left;
text-align-last:left;
padding-bottom:0 0 10px 0;
}

.donation-checkboxes .donation-monthly-option,
.donation-checkboxes .donation-annual-option {
font-size:14px;
width:40%;
padding:10px 0;
text-align:center;
}
.donation-checkboxes .donation-monthly-option label,
.donation-checkboxes .donation-annual-option label {
display:inline-block;
text-align:center !important;
text-align-last:center !important;
}
.donation-checkboxes legend {
display:block;
font-weight:bold;
padding:0 0 15px 0;
}
.donation-checkboxes label b {font-weight:normal;}

.donation-checkboxes .donation-recipient-option {
display:block;
color:#d50000;
font-size:13px;
padding:7px 15px;margin:10px 0 0 0;
border:1px dashed #ccc;
}
.donation-checkboxes .donation-recipient-option p {margin:0;}


.donation-checkboxes fieldset:nth-child(odd) {float:left;}
.donation-checkboxes fieldset:nth-child(even) {float:right;}

.donation-debit-select fieldset:nth-child(odd),
.donation-debit-select fieldset:nth-child(even) {
float:none;
clear:both;
width:100%;
padding:15px 0;
}

/* .donation-debit-select fieldset:not(.donation-hidden):nth-child(2):nth-last-child(1) {border-top:1px dashed #ccc;} */


.donation-content .donation-debit-select {clear:both;padding:1rem 0 0 0;}

.donation-recipient-option.donation-hidden + .donation-debit-select .donation-annual-option,
.donation-recipient-option.donation-hidden + .donation-debit-select .donation-monthly-option {

}

/*
.donation-checkboxes fieldset:not(.donation-hidden):nth-last-child(1):nth-child(odd) {
float:none;
clear:both;
width:100%;
padding:15px 0;
}
.donation-checkboxes fieldset:not(.donation-hidden):nth-last-child(1):nth-child(odd) label {
display:block;
padding:10px 0 0 0;
border-top:1px dashed #ccc;
}
*/
/*
#donation-checkout .donation-content {
float:left;
width:74%;
}
*/
#donation-checkout .donation-sidebar {
position:relative;
float:right;
width:24%;
}


#donation-checkout .donation-sidebar img {
display:block;
width:auto;height:auto;
max-width:100%;
margin:0 0 10px 0;
}

#donation-checkout .donation-sidebar h3 {
font-size:16px;
font-weight:bold;
padding:10px 0;
}
#donation-checkout .donation-sidebar h3:first-of-type {padding:0 0 10px 0;}

#donation-checkout .donation-sidebar p {
font-size:11px;
padding:0 0 10px 0;
}
#donation-checkout .donation-sidebar p:last-of-type {padding:0;}


#donation-checkout .donation-sidebar .donation-phone h3 {font-size:14px;}
#donation-checkout .donation-sidebar .donation-phone p {font-size:20px;}

#donation-checkout h2 {
font-size:28px;
text-align:center;
text-align-last:center;
padding:10px 0 20px 0;
}
#donation-checkout h4, .donation-gift h3 {
position:relative;
font-size:25px;
color:#0b4b4c;
font-family:merriweather,Georgia,sans-serif;
padding:10px 5px 15px 5px;margin:0 -5px 10px -5px;
}
#donation-checkout h4:after, .donation-gift h3:after {
	display:block;
	width:60%;content:"";
	margin:10px 0 0;
	border-bottom:1px solid #81a1a1;
}

#donation-checkout .row {padding:10px 0;}
#donation-checkout .row label {
display:inline-block;
vertical-align:middle;
margin-top:8px;
font-size:15px;
color:#0b4b4c;
width:25%;
}
#donation-checkout .row select,
#donation-checkout .row textarea,
#donation-checkout .row input {
display:inline-block;
vertical-align:middle;
font-size:14px;
width:75%;
padding:10px;
border:1px solid #b7c2d5;
border-radius:2px;
}
#donation-checkout .row.error {position:relative;}

#donation-checkout .row.v-top label {vertical-align:top;}
#donation-checkout .row.v-top textarea {
vertical-align:top;
height:100px;
resize:vertical;
}

/* error message */
form.invalid .donation-buttons:before {
position:absolute;
top:-20px;right:0;
content:'Some required have not been completed';
color:red;
font-size:11px;
padding:5px 10px;
background: #fff;
border:1px dashed red;
}


#donation-checkout .row.error select,
#donation-checkout .row.error input {border-color:red;}

#donation-checkout .row input[name$=billing_title],
#donation-checkout .row input[name$=shipping_title] {width:100px;}

#donation-checkout .row input[name$=billing_first_name],
#donation-checkout .row input[name$=shipping_first_name] {width:35%}

#donation-checkout .row input[name$=billing_last_name],
#donation-checkout .row input[name$=shipping_last_name] {width:35%}

#donation-checkout .row input[name$=postcode] {width:150px;}

#donation-checkout .row input[name$=account_holder],
#donation-checkout .row input[name$=home_phone],
#donation-checkout .row input[name$=mobile_phone] {width:50%;}

#donation-checkout .row input[name$=email] {width:65%;}

#donation-checkout .row input[name*=sort_code] {
text-align:center;
text-align-last:center;
width:50px;
margin:0 5px 0 0;
}
#donation-checkout .row select,
#donation-checkout .row input[name=account_number] {width:200px;}

#donation-checkout .row #sagepaydirect-card-type,
#donation-checkout .row #sagepaydirect-card-number {width:200px ! important;}

#donation-checkout .row #sagepaydirect-card-expiry,
#donation-checkout .row #sagepaydirect-card-cvc {width:150px ! important;}

#donation-checkout .row #sagepaydirect-card-type,
#donation-checkout .row #sagepaydirect-card-expiry,
#donation-checkout .row #sagepaydirect-card-number,
#donation-checkout .row #sagepaydirect-card-cvc {border:1px solid #b7c2d5 ! important;}

#donation-checkout .row.error #sagepaydirect-card-type,
#donation-checkout .row.error #sagepaydirect-card-expiry,
#donation-checkout .row.error #sagepaydirect-card-number,
#donation-checkout .row.error #sagepaydirect-card-cvc {border-color:red ! important;}

#donate-mosaic-error {
text-align:center;
text-align-last:center;
padding:20px 0 5px 0;
}
#donate-mosaic-error span {
color:red;
font-size:12px;
padding:5px 10px;
background: #fff;
border:1px dashed red;
}

#donation-details .donation-description {padding:10px 20px;}
#donation-details .donation-description p {
font-size:15px;
line-height:2;
}
#donation-details .donation-description p b {
font-size:18px;
font-weight:normal;
}

#donation-details fieldset {
padding:10px 20px;
margin:20px 0;
}
#donation-details fieldset h4 label {float:right;}

#donation-details .donation-supporter,
#donation-confirm .donation-gift,
#donation-details .donation-contact {padding:20px 30px 20px 20px;}

#donation-details .donation-supporter h3,
#donation-confirm .donation-gift h3,
#donation-details .donation-contact h3 {
font-size:16px;
font-weight:bold;
}
#donation-details .donation-supporter p,
#donation-confirm .donation-gift p,
#donation-confirm .sas-dd-declaration p,
#donation-details .donation-contact p,
#donation-permission p,
#donation-success .donation-content p {
font-size:15px;
line-height:1.75;
color:#0b4b4c;
}
#donation-details .donation-supporter label,
#donation-confirm .donation-gift label,
#donation-details .donation-contact label {
cursor:pointer;
display:block;
font-size:15px;
padding:10px 0 0 0;
color:#0b4b4c;
}
#donation-details .donation-supporter label input,
#donation-confirm .donation-gift label input,
#donation-details .donation-contact label input {
display:inline-block;
vertical-align:middle;
}
#donation-details .donation-supporter label b,
#donation-confirm .donation-gift label b,
#donation-details .donation-contact label b {
display:inline-block;
vertical-align:middle;
padding:0 0 0 5px;
}
#donation-details .donation-supporter label:hover b,
#donation-confirm .donation-gift label:hover b,
#donation-details .donation-contact label:hover b {text-decoration:underline;}



#donation-confirm .donation-permission p {
font-size:15px;
line-height:2;
}
#donation-confirm .donation-permission p b {
font-size:18px;
font-weight:normal;
}
#donation-confirm .donation-account {margin:0 0 20px 0;padding:10px 40px;}
#donation-confirm .sas-dd-declaration {margin:0 0 20px 0;padding:30px 20px;}

#donation-reject {padding:40px 20px;}
#donation-reject p {
font-size:20px;
text-align:center;
text-align-last:center;
}

#donation-success .donation-content {padding:0 30px;}
#donation-success .donation-content p {
font-size:15px;
line-height:1.75;
color:#0b4b4c;
text-align:center;
text-align-last:center;
}
.donation-content-lg-font {font-size:18px !important;}
.donation-content-font-blue {color:#3ec7e4 !important;}
#donation-success .donation-description p {
text-align: center !important;
text-align-last: center !important;
padding:0 !important;
}
#donation-success .donation-buttons {margin-bottom:30px;}
#donation-confirm .donation-description p {
font-size:15px;
line-height:2;
padding:0 !important;
margin:0 !important;
}


#donation-confirm .donation-bill h3 {
font-size:15px;
padding:10px 0 5px 0;
}
#donation-confirm .donation-bill p {font-size:12px;}

#donation-confirm .donation-bank {
border:1px solid #ccc;
border-collapse:collapse;
margin:10px 2%;
width:96%;
}
#donation-confirm .donation-bank th,
#donation-confirm .donation-bank td {
font-size:13px;
padding:5px 10px;
border:1px solid #ccc;
}



/*== share */

#sas-ds-campaign-content-wrap .donation-share {display:block !important;background:#efefef;}
#sas-ds-campaign-content-wrap .donation-share span {display:inline-block;vertical-align:middle;font-size:14px;}
#sas-ds-campaign-content-wrap .donation-share a {vertical-align:middle;}

#donation-share, .donation-share {
display:none;
clear:both;
font-size:0;
text-align:center;
text-align-last:center;
padding:20px 0;
}
/*
#donation-share, .donation-share:before {
display: block;
content: 'Share on Social Media';
font-size: 16px;
padding: 0 0 20px 0;
font-weight: bold;
}
*/
#donation-share, .donation-share a {
cursor:pointer;
display:inline-block;
width:60px;height:60px;
border-radius:60px;
text-indent:-9999px;
margin:0 0 0 5px;
background-color:#3ec7e4;
background-image:url(../images/sprite.png);
background-size:490px 1820px;
background-repeat:no-repeat;
}


#donation-share, .donation-share a.twitter-ico {background-position:0 -60px;}
#donation-share, .donation-share a.twitter-ico:hover {
background-position:0 -60px;
background-color:#0b4b4d;
}
#donation-share, .donation-share a.facebook-ico {background-position:-60px -60px;}
#donation-share, .donation-share a.facebook-ico:hover {
background-position:-60px -60px;
background-color:#0b4b4d;
}

/*== modal
body.donatron-modal {
overflow:hidden;
height:100%;
}
overflow:auto;
*/
#donatron-modal {
display:none;
/*position:relative;
z-index:998;
top:0;left:0;bottom:0;right:0;*/
text-align:center;
text-align-last:center;
width:100%;min-height:100%;
background:#f3f3f3;
}
.donatron-modal #donatron-modal {display:block;}

.donatron-modal > * {display:none;}

/*

@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{

.safari-fix.donatron-modal #donatron-modal,
.safari-fix.donatron-modal #global {position:absolute;}

}}

*/


#donatron-close {
cursor:pointer;
position:fixed;z-index:999;
top:0;right:17px;
display:inline-block;
color:#555;
font-size:10px;
font-weight:bold;
letter-spacing:0.2em;
text-transform:uppercase;
padding:10px 20px;
background-color:#ccc;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.donatron-modal #donatron {
cursor:default;
text-align:left;
text-align-last:left;
padding:0;
}
.donatron-modal #donatron-modal:before {
display:block;
content:'';
height:70px;width:90%;
max-width:1050px;
margin:0 auto;
padding:10px 0 20px 0;
background-image:url(../images/comodo.png), url(../images/modal_logo.png);
background-position:center left, center;
background-repeat:no-repeat, no-repeat;
background-size:auto 70px, auto 70px;
}



@media screen and (max-width: 1100px) {

    #donatron {
    padding:10px 0 0 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    }

    #donation-switcher .donation-slide label i {display:none;}
}

@media screen and (max-width: 900px) {

    #donatron-modal {
    z-index:9999;
    top:60px;
    }
}

@media screen and (max-width: 700px) {

    #donatron {
    padding:50px 0 0 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    }

	/*
    #donation-stage-tabs {padding:10px 0 15px 0;}
	*/
	/*
    #donation-switcher .donation-slide {
    display:block;
    width:100%;height:auto;
    text-align:left;
    text-align-last:left;
    margin:0 0 10px 0;padding:20px;
    }
	*/
    #donation-switcher .donation-slide h4 {padding:10px;}
    #donation-switcher .donation-slide p {
    display:block;
    -webkit-line-clamp:99;
    -webkit-box-orient:inline-axis;
    padding:5px 10px;
    overflow:visible;
    }
    #donation-switcher .donation-slide .donation-image {
    float:left;
    width:130px;
    margin:0 10px 0 0;
    }


    #donation-checkout .donation-content,
    #donation-checkout .donation-sidebar {
    float:none;
    width:100%;
    }

    #donation-checkout .donation-phone {
    position:static;
    text-align:center;
    text-align-last:center;
    padding:0 0 20px 0;
    }


    .donation-checkboxes fieldset {
    float:none;
    display:block;
    width:100%;
    font-size:14px;
    text-align:center;
    text-align-last:center;
    padding:10px 0;
    }
    .donation-checkboxes legend {padding:10px 0 0 0;}

    .donation-checkboxes .donation-recipient-option {
    text-align:center;
    text-align-last:center;
    }
	/*
    #donation-switcher .donation-slide .donation-custom {
    clear:both;
    position:static;
    display:block;
    text-align:center;
    text-align-last:center;
    padding:10px 10px 0 10px;
    }
	*/
    #donation-switcher .donation-slide .donation-custom input {
    position:static;
    display:inline-block;
    padding:5px;
    }
    #donation-switcher .donation-slide .donation-custom label {padding:0 5px 0 0;}
    #donation-switcher .donation-slide .donation-custom label i {display:inline;}

    .donation-checkboxes .donation-annual-option {
    text-align:center;
    text-align-last:center;
    padding:20px 0 0 0;
    }

    #donatron .donation-buttons {
    position:relative;bottom:auto;
    bottom:auto;
    padding:20px;
    }


    #donation-stage-tabs {
    text-align:center;
    text-align-last:center;
    }
    #donation-stage-tabs li {padding:0 10px;}
    #donation-stage-tabs li:first-child {padding:0 10px 0 0;}
    #donation-stage-tabs li:last-child {padding:0 0 0 10px;}


    #donation-checkout .row input[name$=postcode],
    #donation-checkout .row input[name$=billing_title],
    #donation-checkout .row input[name$=shipping_title] {width:150px;}

    #donation-checkout .row input[name$=billing_first_name],
    #donation-checkout .row input[name$=shipping_first_name],
    #donation-checkout .row input[name$=billing_last_name],
    #donation-checkout .row input[name$=shipping_last_name],
    #donation-checkout .row input[name$=account_holder],
    #donation-checkout .row input[name$=home_phone],
    #donation-checkout .row input[name$=mobile_phone],
    #donation-checkout .row input[name$=email] {width:75%;}



    #donation-switcher, #donation-details,
    #donation-checkout .donation-content {padding:0;}


}


@media screen and (max-width: 600px) {


    #donation-type-tabs {padding:10px 0 0 0;}

    #donation-type-tabs li {
    position:static;
    display:block;
    width:100%;
    padding:10px 0;
    background:#fff;
    }

    #donation-type-tabs li:hover {background:#fff;}
    #donation-type-tabs li.donate-active {
    font-weight:bold;
    padding:10px 0;
    }


    /*== live stuff */
    #donation-switcher .donation-content {top:0;}

    .donation-checkboxes .donation-annual-option {
    float:none;
    clear:both;
    text-align:center;
    text-align-last:center;
    }

	/*
    #donation-stage-tabs {
    display:block;
    width:auto;
    }
	*/
    .donatron-modal #donatron-modal:before {
    background-image:url(../images/modal_logo.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 70px;
    }

    #donation-switcher .donation-description p {font-size:12px;}

}

@media screen and (max-width: 500px) {

    #donation-stage-tabs:after {
    font-size:18px;
	/*
    padding:20px 0 0 0;
	*/
    }

    #donation-stage-tabs li {
    font-size:11px;
    text-transform:capitalize;
    }
    #donation-stage-tabs li:before {
    content:counter(stage);
    font-size:24px;
    height:40px;width:40px;
    line-height:37px;
    }
    #donation-stage-tabs li i {display:none;}


    #donation-checkout .row label,
    #donation-checkout .row select,
    #donation-checkout .row input {
    display:block;
    width:100%;
    }
    #donation-checkout .row label {padding:0 0 10px 0;}

    #donation-checkout .row input[name*=sort_code] {display:inline-block;}

    #donation-details .donation-description p b {font-size:15px;}

    #donation-details fieldset h4 label {
    float:none;
    display:block;
    font-size:13px;
    padding:10px 0;
    }

}

@media screen and (max-width: 450px) {

    #donatron .donation-buttons {padding:5px 20px;}

    #donatron .donation-buttons a,
    #donatron .donation-buttons a.button-exit,
    #donatron .donation-buttons a.button-prev,
    #donatron .donation-buttons a.button-next {
    display:block;
    float:none;
    margin:15px;
    }
    #donatron .donation-buttons a span {display:block;}

    form.invalid .donation-buttons:before {top:-5px;left:20px;right:20px;}

}

@media screen and (max-width: 400px) {

    #donation-switcher .donation-slide .donation-image {
    width:75px;height:50px;
    margin:0 10px 0 0;
    }

    #donation-switcher .donation-slide h4 {
    font-size:19px;
    line-height:50px;
    padding:0;margin:0;
    }

    #donation-switcher .donation-slide p {
    clear:both;
    margin:10px 0 0 0;
    padding:0;
    }

}

@media screen and (max-width: 350px) {


    #global .top-nav-right li.semi {display:none;}

    #donatron-close {
    font-size:11px;
    right:0;
    }


}


#donation-details .row {
    margin-left: 0;
    margin-right: 0;
}

#donation-checkout .row input[type="checkbox"] {
    margin-top: 1em;
}
.donation-contact p, .donation-send-to p {
    margin-bottom: 0;
}
.donation-contact input, .donation-send-to input {
    width:auto !important;
	margin:0 20px 0 0;
}
.donation-contact label, .donation-send-to label {
    width:auto !important;
}
.donation-contact > div:last-of-type, .donation-send-to > div:last-of-type {margin-bottom:40px;}
#donation-different-address input[type='checkbox'] {
	position:relative;
	bottom:3px;
	zoom: 1.5;
	transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
}
fieldset .row input[type='checkbox'] {
	position:relative;
	bottom:6px;
	zoom: 1.5;
	transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-moz-transform: scale(1.5);
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
}
fieldset .row input[type='checkbox']:checked {

}
.campaign-monitor-signup .opt-in-error,
#donatron .opt-in-error {
    display: block;
    background: #ffd4d4;
    color: #4c0000;
    font-weight: bold;
    margin: -20px -30px 20px -20px;
    padding: 1em 2em;
}

#sas_donation_billing_lookup #getaddress_input {display:inline-block;width:50%;}
#sas_donation_billing_lookup #getaddress_button {display:inline-block;padding:9px 24px;}
#sas_donation_shipping_lookup #getaddress_input {display:inline-block;width:50%;}
#sas_donation_shipping_lookup #getaddress_button {display:inline-block;padding:9px 24px;}