.section-option.active i{
background:black!important;
border-color:black!important;

}
.custom-amount input{
padding:13px 20px;
font-size:20px;
}
.membership-or-donation div{
pointer:cursor;
cursor:pointer;
}
.support-us-difference h2{
font-size:90px;
text-align:Center;
width:100%;
}
.support-us-difference{
padding-top:60px;
padding-bottom:30px;
}
.membership-or-donation{
background:#e7e7e7;
margin:0 auto;
display:inline-block;
padding:10px;
border-radius:10px;
margin-bottom:30px;
}

.membership-or-donation > div{
display:inline-block;
padding:10px 85px;
font-size:20px;
border-radius:10px;

color:#8a8a8a;
float:left;
letter-spacing:0.3px;
}

.membership-or-donation > div.active{
background:#34a4b7;
color:white;
}

.support-us-difference{
border-top:1px solid #dbdbdb;
}
.select-option-container{
margin:0 auto;
max-width:1000px;

}


.section-option{
display:flex;
pointer:cursor;
cursor:pointer;
align-items:center;
justify-content:center;
border:1px solid #dbdbdb;
padding:35px;
margin-bottom:35px;


}
.section-option h4{

color:#34a4b7;
}
.custom-amount{
border:1px solid #dbdbdb;
padding:20px 30px;
}
.custom-amount input{
border:0;
border-radius:0;
margin-bottom:10px;
}
.custom-input-container{
position:relative;
margin-right:20px;
}
.custom-input-container h4{
position:absolute;
left:0;
top:8px;
}
.custom-amount{
margin-right:30px;
}

.custom-input-container input:focus, .custom-input-container input:active{
box-shadow:initial!important;
border:0;
border-bottom:1px solid #ccc;
}
.section-content{
margin-left:50px;
}
.section-content p{


color:#333;
}

.submit-container{
display:flex;
align-items:center;
}

.custom-amount{
flex:2.8;
}
.donate-button{
flex:1;
}

.donate-button button{
font-size:1.5em;
width:100%;
}



.support-us-block{
text-align:center;

}
.support-us-block h2{
width:100%;
}
.support-us-block-item .background-image{
min-height:300px!important;
}
.support-us-block-item .support-us-block-item-content{
position:static!important;
}


.section-button i{
width:40px;
height:40px;
content:"";
display:inline-block;
border-radius:50%;
border:2px solid #ccc;
margin-right:20px;
}
.section-button{
display:flex;
align-items:center;
justify-content:center;

}
.section-button span{

font-size:2.5em;
color:#333;
}



.section-option{
width:33%;
float:left;
}


.more-info, .support-us-block-item:hover .more-info{
display:block!important;
cursor:default;


background:black!important;
padding:20px;

}
.support-us-block-item-content{
display:none;
}
.support-us-block .row + .row{
display:flex;
}


.support-us-block .row + .row a{
display:flex;
background-color:black;
}

.support-us-block .row + .row .col-xs-6{
display:flex;
flex:1;
}
.more-info {

}


.more-info span{
display:block;
margin:20px 0 0 0;

}

.amount-options{
display:flex;}

.amount-options .section-option{
flex:1;
}



.support-us-block .row + .row a{
width:100%!important;
}

.support-us-block-item .more-info{
width:100%;
height:100%!important;
position:Absolute!important;
}

.support-us-block.animated .support-us-block-item{
width:100%
}

.support-us-block .row + .row .col-xs-6{
font-size:15px!important;

}


  #selectfundcomponent{
display:flex;
align-items:flex-end;
justify-content:flex-end;
margin-bottom:0px;
margin-right:20px;
margin-top:0px;
position:relative;
z-index:9999999999;
}

.DonateRate button{
background:transparent;
border:1px solid #ccc;
padding:10px 40px!important;
color:#fff;
min-width:auto;
font-size:14px;
}


.DonateRate input, 
.DonateRate button{
background:transparent;
width:55px;
display:inline-block;
font-size:14px;
border:1px solid white;
padding:10px 0px!important;
min-width:auto;
margin:0;
margin-left:5px;
border-radius:5px;
}
 
.DonateRate input{
text-align:center;
width:120px;
color:#fff;

padding:8px 9px 9px 9px!important;
margin-bottom:-3px!important;

}
button.donateBtn{
background:#34a4b7;
color:white;
border-color:#34a4b7;
}

body.sticky-nav #corona-update{
z-index:-10;
}

.DonateRate input[type=text]:focus{
background:transparent;
box-shadow:initial;
color:white;
}
.DonateRate button.selected{
background:#34a4b7;
border-color:#34a4b7;
}

#selectfundcomponent ::placeholder { 
  color: white;
  opacity: 1; 
}

#selectfundcomponent :-ms-input-placeholder { 
  color: white;
}

#selectfundcomponent ::-ms-input-placeholder {
  color: white;
}

.DonateRate button.selected{
color:white!important;
}

#donate-mobile{
padding:15px 20px;
width:auto;
min-width:auto;
font-size:16px;
}
@@media (max-width:991px){

.menu-open  #main-nav {
  display:block!important;

  }
.mobile-menu li:last-child{
display:block!important;
}

#donate-mobile{
padding:15px 20px;
width:auto;
min-width:auto;
font-size:16px;
}
.DonateHeader{
position:fixed;
right:0;
z-index:9999999999;
background:white;

}

#selectfundcomponent{
display:inline-block;
margin:0;
padding:20px;
}
#custom-amount{
width:100%;
margin:10px 0;
display:inline-block;
}
.donateBtn{
margin:10px 0!important;
display:inline-block;
width:100%!important;}

.DonateHeader{
background:black;
width:100%!important;

}
.DonateRate button{
width:31%;
}
#custom-donate{
width:98%!important;
margin-top:5px;
  }
.DonateRate button:nth-child(3){
margin-right:0;
}
.DonateRate{
width:100%!important;
}
spektrix-donate{
width:100%;
}
.close{
position:absolute;
top:0px;
z-index:99999999999999;
right:0;
width:20px;
height:20px;
text-align:center;
line-height:20px;
color:black;
background:white;
display:block!important;

}
.DonateHeader.active{
  display:block!important;
}


#donate-mobile{
font-size:13px;
padding:10px 10px;
}

		.section-content{
			flex:1;
		}
		.section-button{
			flex:0.2;
		}
		.section-option{
			cursor:pointer;
		}
		.section-option.active .section-button i{
			background:#34a4b7;
		}