#dfy .donateControl {display:flex; flex-wrap: wrap; align-items: center;justify-content: center;}
#dfy .donateControl .donateFrame, #dfy  .donateLeft li {display:none;}
#dfy .controls li span {font-weight:900; width: 100%;}
#dfy .donateControl .donateFrame.active, #dfy  .donateLeft li.active {display:flex;}
#dfy .donateControl .donateFrame li, #dfy .controls li {list-style-type:none;}
#dfy .controls li:hover{background:#ffffff; color:#222222;}
#dfy .controls li {cursor:pointer; display:inline-block; padding:.3em 2em; font-size:18px;  margin:0 0.2em; background: #ededed;  color: #222222;  font-weight: 790;  border: 0;  text-decoration: none;  border-radius:4px;-webkit-transition: all .16s ease;transition: all .16s ease;}
#dfy .controls li.active {  background: #ef7b11 !important;}
#dfy .controls li.active span {color:#ffffff;}
#dfy .controls li:before{display:none;}
#dfy .controls ul {margin:0 auto;}
#dfy .controls {text-align: center; width: 100%;}
#dfy .donateRight .donateFrame .option p {display:none;}
#dfy .donateLeft {justify-content: center; align-items: center; display: flex; margin:0;order:2; }
#dfy .donateRight {order:1; padding: 45px; background: #ffffff;}
#dfy .donateRight li span {text-transform: none; color: #222222;font-family: 'Source Sans Pro', serif;  font-weight: 900; line-height: 24px; font-size:18px;}
#dfy .donateRight li.active span, #dfy .donateRight .donateFrame li.option.active span{  color:#ffffff;}
#dfy .donateRight li.active, #dfy .donateRight .donateFrame li.option.active { background: #ef7b11;}
#dfy .donateRight .donateFrame  li.option {-webkit-transition: all .16s ease;transition: all .16s ease;  position: relative; background: #ededed;  color: #222222; cursor: pointer;display: inline-block;padding: .3em 2em;font-size: 18px;margin: 0 0.2em;background: #ededed;color: #222222;font-weight: 790;border: 0;text-decoration: none;border-radius: 4px;}
#dfy  .donateLeft ul{ margin: 0 auto;}
#dfy  .donateRight ul {margin: 0px auto; display: inline-block;  max-width: unset; padding: 2em;}
#dfy .donateControl .donateFrame li p {line-height:23px;}
#dfy .donateControl .donateFrame > div {width:50%;}
#dfy .donateRight p {font-size:30px; text-align:center; padding: 0;}
#dfy .donateRight .donateFrame li:hover { background:#ffffff; color:#222222;}
#dfy .donateLeft ul {position:relative;}
#dfy .controlsRow { width: 100%; text-align:center;}
#dfy .controlsRow #customAmount {font-size: 22px; background-color: #ffffff;  width: 100%;  border: 1px solid #bbb; padding: 6px;color: #222222;margin: 0 12px 0 0 !important;border-radius: 4px;min-height: 45px;}
#dfy .controlsRow .customSelect {list-style-type:none; position:relative;}
#dfy .controlsRow .customSelect span { display: block; max-width: 230px; padding: 12px 0 0 30px;}
#dfy .controlsRow .customSelect span::before { content: "\00A3"; position: absolute; color:#222222;  left: 0px; font-family: 'Source Sans Pro', serif;  font-weight: 600; line-height: 44px; font-size:38px;}
#dfy #dfySummary {max-width: 710px; margin: 0 auto; background: #ef7b11 !important;  padding:0.5em; display: flex; align-items:center; align-self:flex-end;} 
#dfy #dfySummary div, #dfy #dfySummary p, #dfy #dfySummary > span {padding: 0.5em 1em; color:#ffffff;}
#dfy #dfySummary p {font-size:18px; text-align:left;}
#dfy #dfySummary div { font-weight: 700;font-size:38px; text-align:center; }
#dfy #dfySummary div span {font-size:18px; display:block;min-width: 80px;}
#dfy #dfySummary #submitButton {cursor:pointer; display:inline-block; padding:.3em 2em; font-size:18px;  margin:0.5em 1em; background: #ffffff;  color:  #ef7b11 ;  font-weight: 790;  border: 0;  text-decoration: none;  border-radius:4px;-webkit-transition: all .16s ease;transition: all .16s ease;  min-width: 160px;}
#dfy #dfySummary #submitButton:hover{ background: #ef7b11;  color: #ffffff; } 


#dfy.donationForm {width: 85%; display: flex;}
#dfy.donationForm .block{ width: 100%;}
#dfy.donationForm #bill { text-align:right;z-index:200;font-size: 14px;display: flex; color:#fff;padding: 140px 0 0 0; align-items: flex-start; order: 2; min-width: 200px;}
#dfy.donationForm #bill p {margin:0; padding: 0 0 10px 0;}
#dfy.donationForm #bill em {font-size: 30px; font-weight:900; font-style:normal; color:#fff;}
#dfy.donationForm #bill em span {font-size: 16px; display: block; font-style: normal; position: relative; top: -10px; color:#fff;}
#dfy.donationForm #bill .bill {background: #ef7b11; padding: 25px; text-align:right;}
#dfy.donationForm #bill a {color:#ffffff; text-decoration:underline;}
#dfy.donationForm section .row { padding: 0 0 0 45px;}
#dfy.donationForm section { position: relative; display: inline-block;}
#dfy.donationForm form {padding:60px 0 0 0;}
#dfy.donationForm .row.heading{margin: 20px 0; position:relative;}
#dfy.donationForm .col-md-6, #dfy.donationForm  .col-md-4, #dfy.donationForm  .col-md-12 { padding: 0;}
#dfy.donationForm h3 {margin: 0 0 0 -35px; position:relative; color: #222222; font-size:30px;  font-style:normal; font-weight:400;}
#dfy.donationForm section.about {margin:0 0 30px 0;}
#dfy.donationForm form section{padding: 25px; background: #ededed; margin: 0 0 25px 0;}
#dfy.donationForm .block.content-blocks.full-width {text-align:left;}
#dfy.donationForm .block.intro p {padding:0;}
#dfy.donationForm  .row { display: block; width: 100%; clear: both; margin:0 0 11px 0;}
#dfy.donationForm input, #dfy.donationForm select, #dfy.donationForm textarea, #dfy.donationForm select, .inputFix, textarea { padding: 0px 5px;  border: 1px solid #bbb!important; border-radius: 0; width: 90%; height: 42px; background: #ffffff; border:0;  font-size: 1em !important;  color: #000000 !important;}
#dfy.donationForm   input#GiftAid {  margin: 0 6px 7px -22px;height: 15px; width: 15px;}
#dfy.donationForm  .taggroup input {height: 15px;   width: 15px;}
#dfy.donationForm  .shortfieldfirst{ width: 100px!important;}
#dfy.donationForm  .col-md-2 {float:left; width:48%; padding:0px 18px 11px 0;}
#dfy.donationForm   .radiogroup .col-md-2 { padding:0px 18px 0px 0;}
#dfy.donationForm  .radiogroup{padding: 30px 0;} 
#dfy.donationForm  .col-md-4 {float:left; width:48%;}
#dfy.donationForm  img.DirectDebitLogo {  margin: 0 0 30px 0;}
#dfy.donationForm  .expdate input, #dfy.donationForm  .shortfield { width: 50%!important;}
#dfy.donationForm  .radiogroup label.error {padding:0!important;}
#dfy.donationForm  label.error {border-color: #b94a48; box-shadow: none; color: #b94a48!important; padding: 8px 0 0; display: block;}
#dfy.donationForm  .error {box-shadow: none;}
#dfy.donationForm  label {padding:5px 0; display: inline-block;}
#dfy.donationForm  .commsgroup input[type=radio], #dfy.donationForm  input[type=radio] { width: 15px; height:15px; position:relative;top: 1px; margin: 0 7px;}
#dfy.donationForm  .commsgroup span { width: auto; margin: 0 12px 0 0; display: inline-block;}
#dfy.donationForm  .newslettergroup input[type=radio] {width: 15px; height:15px; position:relative;top: -1px; margin: 0 7px;}
#dfy.donationForm  .newslettergroup span { width: auto; margin: 0 12px 0 0; display: inline-block;}
#dfy.donationForm  .container.contact, #dfy.donationForm  .container.payment{ margin: 40px auto;}
#dfy.donationForm  .radiogroup input, #dfy.donationForm   .taggroup input { margin: 0 12px 0 0; position: relative; top: -2px;}
#dfy.donationForm  .taggroup label {width:100%; display:inline-block;}
#dfy.donationForm  .radiogroup span {margin: 0 12px 0 0;}
#dfy.donationForm  .container { padding: 0; overflow: hidden; margin: 0;text-align: left; background-color: #ededed;}
#dfy.donationForm  .inputFix { padding: 16px 12px 12px 12px;}
#dfy.donationForm  .container.giftaid, #dfy.donationForm  .container.payment { border: 3px #000000 solid; padding: 15px;  margin: 15px 0; line-height:20px;}
#dfy.donationForm  img.giftAidLogo {width: 150px;  margin:30px 0 ;} 
#dfy.donationForm  .container.consent, #dfy.donationForm  .container.contact {padding:36px 30px 20px 30px; border-radius: 50px; background:#ebebeb;}
#dfy.donationForm  .grey{background:#ebebeb; padding: 15px;}
#dfy.donationForm  small { padding: 0 30px; display: block; font-size: 14px; line-height: 20px;}
#dfy.donationForm  .commsgroup { padding: 20px 0 0px; overflow: hidden;}
#dfy.donationForm textarea {height:auto;}
#dfy.donationForm section.contact-details p {margin: 10px 0 0 0;}
#dfy.donationForm section.giftaid{background: #fff; padding: 0;}
#dfy.donationForm section.giftaid .row.heading, #dfy.donationForm section.giftaid .container { background: #fff;}
#dfy.donationForm section.giftaid .container h3 { margin: 0 0 0 -15px;}
#dfy.donationForm section.giftaid .row.giftAidCols div:first-child { background: #ef7b11; padding: 25px; color:#ffffff;}
#dfy.donationForm section .row.giftAidCols{padding:0; display:flex; align-items: center;}
#dfy.donationForm section .row.giftAidCols .gagroup div { padding: 0 !important;}
#dfy.donationForm section.doubleup .container {display:flex;}
#dfy.donationForm section.about {background:#ffffff; width: 100%;}
#dfy.donationForm section.about .row { padding: 0;}
#dfy.donationForm #submitButton {cursor:pointer; display:inline-block; padding:.3em 2em!important; font-size:18px;  margin:0!important; color:  #ffffff!important;  background: #ef7b11 ; border: 0 !important;  text-decoration: none;  border-radius:4px;-webkit-transition: all .16s ease;transition: all .16s ease;  max-width: 240px;}
#dfy.donationForm #submitButton:hover, #dfy.donationForm #submitButton:active, #dfy.donationForm #submitButton:focus{ color: #ef7b11 !important; background:#ffffff!important; box-shadow: none !important; opacity:1!important;}
#dfy.donationForm .payment-details {background:#e8bf17; width: 100%;}
#dfy.donationForm .payment-details .col-md-4.expdate{display: flex;}
#dfy.donationForm .payment-details .col-md-4 { width: 100% !important; margin:0 0 30px 0;}
#dfy.donationForm  .payment-details .col-md-2 { padding: 0px 18px 11px 0; flex: 0 0 50%;}
#dfy.donationForm  .payment-details .inputFix {height:auto;}

section.content-blocks.dfy-donation-thanks { margin: 5% 10%;}
section.content-blocks.dfy-donation-thanks .content.text-box { background: #1072BE; display:inline;}
section.content-blocks.dfy-donation-thanks .content.text-box h2, section.content-blocks.dfy-donation-thanks .content.text-box p, section.content-blocks.dfy-donation-thanks .content.text-box a, section.content-blocks.dfy-donation-thanks .content.text-box ul.socials li.follow {text-align:left; color:#ffffff;}

.donationThanksImage .vc_column-inner {  padding: 0!Important;}

@media (max-width: 1440px){
#dfy.donationForm #bill {position:static;}
#dfy .donateRight .donateFrame li.option, #dfy .controls li {padding: 0.3em 1em;}
#dfy #dfySummary{justify-content: center; flex-direction: column;}
#dfy #dfySummary p { font-size: 18px;  text-align: center;  padding: 0 1em 0.5em;}
#dfy #dfySummary div {padding: 0.5em 1em 0;}
#dfy .donateRight .controlsRow ul { padding: 0em 2em 2em 2em;}
}
@media (max-width: 1285px){
	#dfy .donateRight, #dfy .donateLeft{flex: 0 0 100%;}
	#dfy .donateRight { padding: 45px 15px 0 15px;}
	#dfy .donateControl .donateLeft .donateFrame {    max-width: 710px;}
	#dfy.donationForm { width: 100%;}
}

@media (max-width: 1024px){
#dfy.donationForm section.giftaid .row.giftAidCols div:first-child {  background: #ef7b11;  padding: 25px 55px;}
#dfy.donationForm .block { width: 100%;}
	#dfy.donationForm #bill em {font-size: 68px;}
	#dfy.donationForm {display: inline-block;}
	#dfy.donationForm #bill {  position: static;  display: block;  padding: 0;}
	#dfy.donationForm form { padding: 0;}
}

@media (max-width: 730px){
#dfy.donationForm section .row.giftAidCols {   display: inline-block;}
#dfy .donateRight { padding: 45px 0px 0 0px;}
#dfy .donateRight p { padding: 0 15px;}
#dfy .donateControl .donation-select-text { flex-basis: unset;  order: 2; padding:0px 0 0px 25px; max-width: 45%;}
#dfy .donateControl .valueImage {background: #1072BE;  order: 2; width: 100%; margin: 0 auto; text-align:right;}
#dfy .donateControl .valueImage img { width: 50% !important;  margin: 0 auto;  position: static !important;}
 #dfy .donateControl .donation-select-buttons {  padding: 0 2%;}
#dfy .donateControl .donation-select-buttons p{padding: 4px 0px 10px 0px;}
#dfy .customSelect { padding: 0 15px 0 0;}
#dfy .donateControl .donation-text { font-size: 17px;  position: relative;  top: 130px;  z-index: 300;}
#dfy.donationForm section.doubleup .container {display:block;}
#dfy.donationForm .col-md-4 { float: none;  width: 100%;}
#dfy.donationForm img.giftAidLogo { width: 150px;  margin: 12px 0;}
#dfy.donationForm small { padding: 25px;}
#dfy.donationForm .payment-details .col-md-4.expdate, .col-md-2 {  display: inline-block;  width: 100%!important;}
}

@media (max-width: 575px){
	#dfy .donateRight .donateFrame li.option, #dfy .controls li {margin:5px 0px; display: block;}
	#dfy .donateRight p {font-size: 22px;}
	#dfy .donateControl .valueImage img { width: 100% !important;}
	#dfy .donateControl .donation-text span, #dfy .donateControl .donation-text {text-shadow: 2px 2px #000;}
	#dfy .donateControl .donation-select-text {width:100%; position:relative;}
		#dfy .donateControl .donation-text { font-size: 17px; position: absolute;bottom: 7vh; z-index: 300;}
	}