.donate_content_wrapper, .cancer_profile ul, .cancer_profile > h2, .donation_collected, .donation, .flex,
.donation_info li > div, .donation_info li, .donation_form_display, .donation li{display: flex;
	display: -webkit-flex;}

.donation_form_display{margin-top: 20px}
.donate_content > h2{font-size: 40px;text-transform: uppercase;margin-bottom: 15px;}
.donate_content > p{font-size: 22px;line-height: 36px;font-family: "ssL"}
.donate_content{box-sizing: border-box;margin-bottom: 100px;}

.cancer_profile{margin-top: 80px;}
.cancer_profile > h2{font-size: 24px;text-transform: uppercase;}
.cancer_profile > h2 p{display: inline;float: right;text-transform: initial;font-size: 16px;flex-grow: 1;text-align: right;
	margin-bottom: 5px;}

.cprof_item img { height: 190px; object-fit: cover; width: 100%; }
.cprof_item a{display: flex;flex-direction: column;height: 100%;}
.cprof_item a:hover h4{color: #53c4c6;text-decoration: none;}
.cprof_item:first-child .cprof_desc{border-left: 0;}
.cprof_desc{border-right: 0;flex-grow: 1}
.cprof_desc h4, .cprof_desc p{width: 80%;margin: 20px auto}
.cprof_desc h4{font-size: 18px;text-decoration: underline;}
.cprof_desc p{font-size: 15px;color: #a6a6a6;line-height: 24px;}

.donation_collected{align-items: center;padding: 10px 0;border-bottom: 1px solid #ececec;}
.donation_collected p{font-size: 16px;text-transform: uppercase;}
.donation_collected h3{font-size: 30px;margin: 0;flex-grow: 1}

.donate_content form > h2{font-size: 24px;text-transform: uppercase;}
.donation li{position: relative;}
.donation li p{line-height: 17px;margin-left: 10px;white-space: nowrap;}
.donation p{font-size: 18px;margin-right: 20px;min-width: 120px}
.donation_second_section{border: 1px solid #d5d5d5;border-radius: 5px;padding: 6px 0 ;overflow: hidden;
	margin-right: 20px;}
.donation_second_section span{background: #f5f5f5;padding: 9px;font-size: 18px;font-family: "ssR";
	border-right: 1px solid #d5d5d5;}
.donation_second_section input{height: 100%;padding: 5px; border: 0;outline: none;font-family: 'ssR';font-size: 16px;}
.radio{font-family: "ssSB"; width: 130px}

.donation_info input[type=checkbox]{width: 20px;height: 20px;margin-right: 10px;}
.donation_info h3{font-size: 24px;text-transform: uppercase;}
.donation_info li{position: relative;}
.donation_info li label{font-size: 18px;font-family: "ssR";color: #333;width: 120px;padding-right: 20px;
    display: inline-block;}
.donation_info li{margin-top: 30px;}
.donation_info li > div{align-items: center;}
.donation_info li > div p{font-size: 16px;}
.donation_info li.detail{margin-top: 5px;}
.donation_info li.detail p{font-size: 16px;color: #888;}
.donation_info li input, .donation_info li textarea, .donation_info li select{padding: 10px;border-radius: 5px;
	border: 1px solid #d5d5d5;flex-grow: 1;font-size: 16px;font-family: "ssR"}

.make_ano_help img{cursor: auto;}
.make_ano_help img:hover + p{opacity: 1;transition: opacity 0.2s;-webkit-transition: opacity 0.2s;}

.address{align-items: flex-start !important;}
.address textarea{height: 100px;resize: none;box-sizing: border-box;}
.seperator{border-bottom: 1px solid #d5d5d5;padding-top: 20px;}

.total_donation_display{margin-right: 60px;flex-grow: 2}
.total_donation_display p{font-size: 18px;}
.total_donation_display h4{font-size: 28px;margin: 0;max-width: 260px;word-wrap: break-word;}
.donate_submit{flex-grow: 1;}
.donate_submit p{text-align: center;font-size: 16px;color: #888;padding: 20px;}
.donate_submit p a{color:#45bac2}
.donate_button{padding: 15px 0;text-align: center;font-size: 18px;text-transform: uppercase;color: #fff;border-radius: 100px;
    display: block;width: 100%;border:0;font-family: "ssB";cursor: pointer;
	background: rgb(124,204,175); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(124,204,175,1) 2%, rgba(59,182,197,1) 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(124,204,175,1) 2%,rgba(59,182,197,1) 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(124,204,175,1) 2%,rgba(59,182,197,1) 51%);}

.donate_sidebar_wrapper{padding-top: 46px;}
.donate_sidebar{border: 1px solid #5ac1bc;border-radius: 10px;padding: 20px 0;box-sizing: border-box;background: #fff;}
.donate_sidebar > h2{font-size: 21px;text-transform: uppercase;text-align: center;}
.donate_sidebar_item{padding: 0 40px;}
.donate_sidebar_item h4{font-size: 14px;text-decoration: underline;line-height: 24px;margin-top: 0px;margin-bottom: 40px;}
.donate_sidebar_item img{width: 100%;}
.donate_sidebar_button{font-size: 12px;text-transform: uppercase;text-decoration: underline;text-align: center;display: block;
	font-family: "ssB";margin: auto;width: 95px;border-bottom: 1px solid #a2dbe1;}

#donate_form{display: none;}
#donate_form > h2{margin-bottom: 5px;}
#donate_form > p{font-size: 22px;color: #333;font-family: "ssL";margin-bottom: 30px;}
#show_donate_form{padding: 15px 0;text-align: center;font-size: 18px;text-transform: uppercase;color: #fff;border-radius: 100px;
    display: block;width: 250px;font-family: "ssB";cursor: pointer;}
.copy_nameli{margin-bottom: 30px !important;margin-top: 0}
.anonymousli{margin-bottom: 20px !important;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


@media (min-width: 0){
	.cancer_profile ul, .donation, .donation_info li, .donation_form_display{flex-direction: column;}
	.anonymousli, .copy_nameli{flex-direction: row !important;}
	.anonymousli label, .copy_nameli label{display: none !important;}
	.donate_content, .donate_content_wrapper, .cancer_profile > h2,
	.donation_collected{flex-direction: column;margin-bottom: 0;}
	.donate_content{width: 100%;}
	.cancer_profile > h2{align-items: flex-start;margin-bottom: 20px;}
	.cprof_desc{border: 0;border-top: 0;}
	.cprof_item{margin-bottom: 30px;  width: 100%;}
	.donation_collected p{margin-right: 0;margin-bottom: 10px;}
	#show_donate_form{margin-top: 30px}
	.donate_sidebar{width: 100%;margin-bottom: 100px;}
	.donate_content > p{width: 100%;}
	.name input, .donate p, .donation_second_section, .donation li{margin-bottom: 20px;}
	.donation_info li, .donation li{justify-content: flex-start;}
	.donation_info li{width: 100%;}
	.donation_info li label, .donation p{margin-bottom: 15px;}
	.donation_info li label{text-align: left;}
	.name input:nth-child(2){margin-right: 0;}
	.donation_form_display{width: 100%}
	.address textarea{width: 100%;}
	.donation_info .flex{align-items: flex-start;}
	.make_ano_help img{margin-left: 10px;margin-top: 5px;width: 15px;}
	.donate_submit{margin-top: 30px;}
	.donate_content{margin-right: 0;}
	.make_ano_help p{position: absolute;left: 0px;top: 30px;width: 85%;background: #4cb0e4;padding: 10px 20px;font-family: "ssL";
    border-radius: 5px;color: #fff;opacity: 0;transition: opacity 0.2s;-webkit-transition: opacity 0.2s;z-index: 2}
	.make_ano_help{position: unset;}
}
@media (min-width: 640px){
	.cancer_profile ul, .donation, .donation_info li, .donation_form_display{flex-direction: column;}
	.anonymousli label, .copy_nameli label{display: none;}
	.donate_content, .donate_content_wrapper, .cancer_profile > h2,
	.donation_collected{flex-direction: column;margin-bottom: 0;}
	.donate_content{width: 100%;}
	.cancer_profile > h2{align-items: flex-start;margin-bottom: 20px;}
	.cprof_desc{border: 0;border-top: 0;}
	.cprof_item{margin-bottom: 30px; width: 50%;}
	.donation_collected p{margin-right: 0;margin-bottom: 10px;}
	#show_donate_form{margin-top: 30px}
	.donate_sidebar{width: 100%;margin-bottom: 100px;}
	.donate_content > p{width: 100%;}
	.name input, .donate p, .donation_second_section, .donation li{margin-bottom: 20px;}
	.donation_info li, .donation li{justify-content: flex-start;}
	.donation_info li{width: 100%;}
	.donation_info li label, .donation p{margin-bottom: 15px;}
	.donation_info li label{text-align: left;}
	.name input:nth-child(2){margin-right: 0;}
	.donation_form_display{width: 100%}
	.address textarea{width: 100%;}
	.donation_info .flex{align-items: flex-start;}
	.donate_submit{margin-top: 30px;}
	.donate_content{margin-right: 0;}
}
@media (min-width: 1190px){
	.cancer_profile ul, .donation, .donation_info li, .donation_form_display{flex-direction: row;}
	.anonymousli label, .copy_nameli label{display: inline-block !important;}
	.donate_content, .donate_content_wrapper, .cancer_profile > h2,
	.donation_collected{flex-direction: row;margin-bottom: 100px;}
	.donate_content{width: 77%;}
	.cancer_profile > h2{align-items: flex-end;margin-bottom: 30px;}
	.cprof_desc{border: 1px solid #ececec;border-top: 1px solid #fff;}
	.cprof_item{margin-bottom: 0; width: 33%;}
	.donation_collected p{margin-right: 40px;margin-bottom: 0;}
	#show_donate_form{margin-top: 0}
	.donate_sidebar{width: 235px;margin-bottom: 0;}
	.donate_content > p{width: 80%;}
	.name input, .donate p, .donation_second_section, .donation li{margin-bottom: 0;}
	.donation{align-items: center;margin-bottom: 60px}
	.donation li{justify-content: center;}
	.donation_info li label, .donation p{margin-bottom: 0;}
	.donation_info li{align-items: center;width: 70%;}
	.donation_info li label{text-align: right;}
	.name input:nth-child(2){margin-right: 15px;}
	.donation_form_display{width: 70%}
	.address textarea{width: auto;}
	.donation_info .flex{align-items: center;}
	.make_ano_help img{margin-left: 20px;margin-top: 0;width: auto}
	.donate_submit{margin-top: 0}
	.donate_content{margin-right: 30px;}
	.make_ano_help{position: relative;}
	.make_ano_help p{position: absolute;left: 40px;top: 0;width: 200px;background: #4cb0e4;padding: 10px 20px;font-family: "ssL";
    border-radius: 5px;color: #fff;opacity: 0;transition: opacity 0.2s;-webkit-transition: opacity 0.2s;}
}