/* Reset CSS */

.donations,
.donations * {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}






.donations {
 float: left;
 width: 100%;
 font-size: 14px;
 line-height: 1.2;
}

.donations a,
.donations a:link,
.donations a:hover ,
.donations a:visited {
 font-size: 14px;
 line-height: 1.2;
 text-decoration: none;
}

.donations ul li {
 background: url("/img/bullet.png") no-repeat 0 6px;
 list-style-type: none;
 margin: 0;
 padding: 0 0 0 10px;
}

.empty {
 float: left;
 width: 100%;
}





.input_field {
 float: left;
 width: 100%;
}

.input_holder {
 float: left;
 width: 100%;
 height: 35px;
 margin: 0 0 10px 0;
 border: 1px solid #BABCBB;
 background-color: #fff;
}

.label {
 display: inline-block;
 width: 100%;
 padding: 0 0 4px 4px;
 font-weight: 400;
 font-size: 14px;
 line-height: 1.2;
 color: #000;
}

.input {
 width: 100%;
 height: 100%;
 padding: 0 12px;
 font-family: 'Pt Sans', sans-serif;
 font-weight: 400;
 font-size: 14px;
 color: #343434 !important;
 border: none;
 border-radius: 0;
 outline: none;
 background: transparent;
 /* removes Apple customization */
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 opacity: 1;
}

.basic_btn {
 display: flex;
 justify-content: center;
 align-items: center;
 float: left;
 padding: 14px 45px;
 font-family: 'Pt Sans', sans-serif;
 font-weight: 400;
 font-size: 15px;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 border: none;
 border-radius: 0;
 background: #B51006;
 cursor: pointer;
 outline: none;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

.basic_btn:hover {
 color: #fff;
 background: #B51006;
}

.basic_btn.secondary_btn {
 color: #000;
 background: #dbdbdb;
}

a.basic_btn {
 color: #fff;
}



.box,
.box * {
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

.box {
 position: relative;
 float: left;
 width: 23.875%;
 margin: 0 1.5% 1.5% 0;
 line-height: 1.2;
}

.box:nth-child(4n) {
 margin: 0 0 1.55% 0;
}

.box>a:nth-child(1) {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 font-size: 0;
 z-index: 4;
}

.box .image {
 position: relative;
 float: left;
 width: 100%;
 height: 260px;
}

.box.donation_box .image {
 height: 182px;
 background-color: #B51006;
}

.box .image>a {
 display: flex;
 width: 100%;
 height: 100%;
}

.box .image a>img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.box .box_bottom {
 float: left;
 width: 100%;
 padding: 12px 17px;
 background-color: #dbdbdb;
}

.box .title {
 float: left;
 width: 100%;
 height: 22px;
 overflow: hidden;
}

.box.donation_box .title {
 height: 38px;
}

.box .title table {
 width: 100%;
 height: 100%;
 margin: 0;
 border: 0;
 border-collapse: collapse;
 border-spacing: 0;
}

.box .title table td {
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 vertical-align: top;
 font-weight: 700;
 font-size: 16px;
 line-height: 1.2;
 color: #272727;
 text-transform: uppercase;
}

.box .title a,
.box .title a:link,
.box .title a:visited,
.box .title a:hover {
 font-weight: 700;
 font-size: 16px;
 line-height: 1.2;
 color: #272727;
 text-transform: uppercase;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}

.box.donation_box  .title a,
.box.donation_box  .title a:link,
.box.donation_box  .title a:visited,
.box.donation_box  .title a:hover {
 -webkit-line-clamp: 2;
}

.box:hover .title a {
 color: #da251a;
}

.box .text {
 float: left;
 width: 100%;
 height: 116px;
 margin: 6px 0 14px 0;
 font-size: 13px;
 line-height: 1.5;
 color: #282828;
 text-align: justify;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 6;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.box .btn_holder {
 float: left; 
 width: 100%;
}

.box .btn_holder .basic_btn {
 float: right;
 padding: 6px 12px;
 font-size: 13px;
}





.progress {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 float: left;
 width: 100%;
 margin: 0 0 10px 0; 
}

.progress .dot {
 float: left;
 width: 15px;
 height: 15px;
 margin: 0 5px;
 background-color: #fff;
 border-radius: 100%;
 border: 2px solid #da251a;
}

.progress .dot.filled_dot {
 background-color: #da251a;
}






.subtitle_container {
 display: flex;
 align-items: center;
 float: left;
 width: 100%;
 margin: 0 0 20px 0;
}

.subtitle {
 flex: auto;
 float: left;
 font-weight: 700;
 font-size: 22px;
 text-transform: uppercase;
}

a.basic_btn.back {
 float: right;
 padding: 8px 12px;
 font-size: 12px;
}

.donations_top {
 display: flex;
 float: left;
 width: 100%;
 margin: 0 0 30px 0;
}

.donations_top .image{
 float: left;
 width: 49%;
 height: 375px;
 margin: 0 2% 0 0;
}

.donations_top .image img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.donation_description {
 float: right;
 width: 49%;
}

.donations_bottom {
 float: left;
 width: 100%;
 margin: 0 0 5px 0;
}

.line {
 float: left;
 width: 100%;
 height: 1px;
 margin: 5px 0 20px 0; 
 background-color: #BABCBB;
}

.payment_type {
 float: left;
 width: 35%;
 margin: 0 2% 0 0;
 font-size: 17px;
}

.payment_type.payment_type_02 {
 width: 100%; 
 margin: 20px 0 10px 0;
}

.payment_sum {
 float: right;
 width: 63%;
 font-size: 17px;
}

.payment_type .title,
.payment_sum .title {
 float: left;
 width: 100%;
 margin: 0 0 16px 0;
 font-weight: 700;
 font-size: 17px;
 text-transform: uppercase;
}

.radio_btns,
.checkboxes {
 float: left;
 width: 100%;
}

.radio_btns .radio_btn,
.checkboxes .checkbox {
 display: flex;
 align-items: center;
 float: left;
 margin: 0 0 14px 0;
}

.radio_btns .radio_btn {
 min-height: 24px;
}

.checkboxes .checkbox {
 margin: 0 0 10px 0;
}

.radio_btns .radio_btn .icon {
 margin: 0 4px 0 10px;
 text-align: center;
 opacity: 0.4;
}

.radio_btns .radio_btn .icon img.epay {
 width: 22px;
 height: 11px;
}

.radio_btns .radio_btn .icon img.credit_card {
 width: 22px;
 height: 17px;
}

.radio_btns .radio_btn .icon img.transcard {
 width: 22px;
 height: 22px;
 margin: 2px 0 0 0;
}

.radio_btns .radio_btn .icon img.bank {
 width: 22px;
 height: 22px;
 margin: 2px 0 0 0;
}

.radio_btns .radio_btn span,
.checkboxes .checkbox span {
 margin: 0 0 0 8px;
}

.radio_btns .radio_btn span {
 margin: -3px 0 0 8px;
}

.radio_btns .radio_btn .input {
 width: 150px;
 height: 30px;
 padding: 0 10px;
 margin: 0 8px;
 border: 1px solid #BABCBB;
}


.payment_type a,
.payment_type a:link,
.payment_type a:hover,
.payment_type a:visited {
 font-size: 17px;
 color: #000;
}

.payment_type a:hover {
 text-decoration: underline;
}

.payment_type .disabled_radio {
 pointer-events:none;
 opacity: 0.5;
}


.btn_container {
 float: left;
 width: 100%;
 margin: 15px 0 0 0;
}

.btn_container .basic_btn {
 float: left;
}




.donation_info {
 float: left;
 width: 100%; 
 margin: 0 0 10px 0;
 font-size: 20px;
 text-transform: uppercase;
}

.donation_info .donation_sum {
 float: left;
 width: 100%;
 padding: 8px 0 6px 0;
 margin: 0 0 15px 0;
 font-weight: 700;
 font-size: 20px;
 color: #da251a;
 text-transform: initial;
 border-bottom: 1px solid #BABCBB;
}

.user_info {
 float: left;
 width: 100%;
 margin: 0 0 5px 0;
}


.required {
 float: left;
 width: 100%;
 margin: 0 0 15px 0;  
}



.donation_description.full_width {
 width: 100%;
 padding: 0 0 20px 0;
 margin: 0 0 20px 0;
}





.payment_status {
 float: left;
 width: 100%;
 margin: 0 0 15px 0;
 font-weight: 700;
 font-size: 22px;
 text-align: center;
 text-transform: uppercase;
}

.payment_status .text {
 display: block;
 margin: 15px 0 10px 0; 
 font-size: 15px;
 line-height: 1.5;
}

.centered {
 float: left;
 width: 100%;
 text-align: center;
}

.pdf {
 display: flex;
 align-items: center;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 30px 0 0 0; 
}

.pdf img {
 width: 17px;
 height: 25px;
 margin: 0 8px 0 0;
}

.donations .pdf a, .donations .pdf {
 font-weight: 700;
 font-size: 21px;
 color: #da251a;
}

.payment_successful {
 margin: 10px 0 5px 0;
 font-weight: 700;
 font-size: 28px;
}

.red {
 color: #da251a;
}

.btn_container_center {
 display: flex;
 justify-content: center;
 float: left;
 width: 100%;
 margin: 8px 0 0 0; 
}