@font-face {
	font-family: "montserratblack";
	src: url("../../Fonts/montserrat-black-webfont.eot");
	src: url("../../Fonts/montserrat-black-webfont.eot?#iefix") format("embedded-opentype"), url("../../Fonts/montserrat-black-webfont.woff") format("woff"), url("../../Fonts/montserrat-black-webfont.ttf") format("truetype"), url("../../Fonts/montserrat-black-webfont.svg?#webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "montserratsemibold";
	src: url("../../Fonts/montserrat-semibold-webfont.eot");
	src: url("../../Fonts/montserrat-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../../Fonts/montserrat-semibold-webfont.woff") format("woff"), url("../../Fonts/montserrat-semibold-webfont.ttf") format("truetype"), url("../../Fonts/montserrat-semibold-webfont.svg?#webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "montserratbold";
	src: url("../../Fonts/montserrat-bold-webfont.eot");
	src: url("../../Fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../Fonts/montserrat-bold-webfont.woff") format("woff"), url("../../Fonts/montserrat-bold-webfont.ttf") format("truetype"), url("../../Fonts/montserrat-bold-webfont.svg?#webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

.form--donation input.form-control, .form--donation select.form-control {
    border: 2px solid #efeff0;
    height: 100%;
    font-size: 18px;
	min-height: 57px;
}

input.form-control.is-valid, select.form-control.is-valid {
    border-color: #28a745;
}

input.form-control.is-invalid, select.form-control.is-invalid {
    border-color: #dc3545;
}

.row-5-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .row-5-col .col-xs-2 {
        width: 20%;
        margin-top: 0;
    }

#monthly-time {
    margin-top: 0;
}

select.form-control {
    color: #8e8e8e;
}

@media (max-width: 767px) {
    .row.dp-flex {
        display: block;
    }
}

@media (max-width: 767px) {
    section div[class^="col-xs"] + [class^="col-xs"] {
        margin-top: 0px;
    }
}

.btn {
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #143361;
    padding: 8px 10px;
    display: inline-block;
    border: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .btn:visited {
        color: #fff;
    }

    .btn:focus, .btn:hover {
        background: #fff;
        color: #143361;
        border: 1px solid #143361;
    }

    .btn.btn-primary {
        background: #fff;
        color: #444444;
    }

    .btn.btn-default {
        background: #f0c843;
    }

#monthly-time .btn.btn-block {
    text-transform: lowercase;
}
#monthly-time div.col-xs-2, #one-time div.col-xs-2  {
  padding-left: 2px;
  padding-right: 2px;
}

.btn.btn-block {
    width: 100%;
    padding: 15px 0 15px 0;
	  overflow: auto;
    font-size: 18px;
    background: #fff;
    color: #143361;
    border: 1px solid #143361;
    font-family: "Open Sans Regular", sans-serif;
}

    .btn.btn-block:focus, .btn.btn-block:hover, .btn.btn-block--checked {
        color: #fff;
        background: #143361;
    }

    .btn.btn-block.btn-action {
        border: 2px solid #f0c843;
        background: transparent;
        padding: 20px;
        display: inline-block;
        color: #ecba14;
        position: relative;
    }

        .btn.btn-block.btn-action:after {
            content: "";
            width: 0;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #f0c843;
            -webkit-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
            z-index: -1;
        }

        .btn.btn-block.btn-action:hover {
            color: #444444;
        }

            .btn.btn-block.btn-action:hover:after {
                width: 100%;
            }

input:focus, input:active, select:focus, select:active {
    outline: 0;
    border: 0;
}

input.form-control, select.form-control {
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #444444;
    font-weight: 400;
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

    input.form-control:focus, input.form-control:active, select.form-control:focus, select.form-control:active {
        outline: 0;
        border-color: #fff;
    }

    input.form-control.input-sm, .input-group-sm > input.form-control,
    .input-group-sm > .input-group-btn > input.form-control.btn, select.form-control.input-sm, .input-group-sm > select.form-control,
    .input-group-sm > .input-group-btn > select.form-control.btn {
        width: 60px;
    }

    input.form-control.input-md, select.form-control.input-md {
        width: 100px;
    }

.d-flex input.form-control, .d-flex select.form-control {
    display: inline;
}
/* Label */
.section--form label {
    color: #000;
    font-weight: 500;
    font-family: "montserratbold";
}

    .section--form label.l--large, .form--donation label {
        font-size: 24px;
        margin-bottom: 20px;
    }

@media (max-width: 767px) {
    .section--formlabel.l--large, .form--donation label {
        font-size: 20px;
    }
}

label.l--small {
    font-size: 14px;
    line-height: 18px;
    color: #444444;
    font-weight: 400;
}

.form-group + .form-group {
    margin-top: 60px;
}

.form-group .row + .row {
    margin-top: 30px;
}

#fundSelectBox {
    width: 364px;
    background: #fff;
    text-align: center;
    background: rgba(255,255,255,0.95);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    padding: 40px 50px;
    position: relative;
    color: #8f8c85;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
}

    #fundSelectBox.wide {
        width: 570px;
    }

	#fundSelectBox.center {
        margin: 0 auto;
    }

    #fundSelectBox.topBarActive {
        padding-top: 60px;
    }

    #fundSelectBox .topBar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: #f0c843;
        background-size: 150%;
    }

    #fundSelectBox p.label {
        font-size: 1.1em;
        margin: 0 0 20px;
        clear: both;
        color: #7a7a7a;
    }

    #fundSelectBox ul.selectionOptions {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #fundSelectBox ul.selectionOptions li {
            margin: 20px 0;
        }

            #fundSelectBox ul.selectionOptions li a {
                display: block;
                border: 2px solid #7a7a7a;
                color: #7a7a7a;
                font-size: 1.5em;
                text-align: center;
                text-decoration: none;
                padding: 30px 10px;
                transition: all .4s;
            }

        #fundSelectBox ul.selectionOptions.small li a {
            font-size: 1.2em;
            padding: 22px 10px;
        }

        #fundSelectBox ul.selectionOptions li a:hover {
            background: #f0c843;
            color: #fff;
            border-color: #f0c843;
        }

/* DonationBox Widget */

.donation-box-left-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap-reverse;
}

.donation-box-left-container img {
	max-width: 100%;
	margin: auto;
}

.donation-box-right-container {
  display: flex;
	justify-content: space-around;
  flex-wrap: wrap;
}

.donation-box-right-container img {
	max-width: 100%;
	margin: auto;
}

.donation-box-left {
	order: 1;
  width: 364px;
}

.donation-box-right {
	order: 2;
  width: 364px;
}

.donation-content-right {
	order: 2;
  width: 364px;
  padding: 0 1rem 0 1rem;
  z-index: 900;
}

.donation-content-left {
	order: 1;
  width: 364px;
  padding: 0 1rem 0 1rem;
  z-index: 900;
}

.landingHeader { padding-bottom: 3em; }

img.donationFullBgImage {
  max-width: inherit;
	position: absolute;
	left: 50%;
	z-index: 0;
	background-blend-mode: multiply;
	opacity: 0.3;
	min-width: 100%;
	height: auto;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari */
	-o-transform: translate(-50%, -50%);
	/* Safari */
	transform: translate(-50, -50%);
}

#lblDonationCaptcha {
    padding: 15px 0 15px 0;
    font-size: 18px;
    background: #fff;
    font-family: "Open Sans Regular", sans-serif;
}