@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*
@font-face {
  font-family:montserratlight;src:url(../font/montserrat-light-webfont.eot);src:url(../font/montserrat-light-webfont.eot?#iefix) format('embedded-opentype'),url(../font/montserrat-light-webfont.woff2) format('woff2'),url(../font/montserrat-light-webfont.woff) format('woff'),url(../font/montserrat-light-webfont.ttf) format('truetype'),url(../font/montserrat-light-webfont.svg#montserratlight) format('svg');font-weight:400;font-style:normal;
}
*/

body,html {
  height: 100%;
  margin-top: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  outline: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  /*background: #f9f9f9;*/
  -webkit-border-radius: 0!important;
  -moz-border-radius: 0!important;
  border-radius: 0!important;
}

h1,h2,h3,h4,h5 {
  font-family: 'Open Sans',sans-serif!important;
}

.setamount {
  font-size: 22px!important;
  color: #8b0f04!important;
  padding-left: 48px!important;
  font-family: 'Open Sans',sans-serif!important;
}

.freq {
  font-size: 22px!important;
  padding-left: 20px!important;
  font-family: 'Open Sans',sans-serif!important;
}

.fatbold {
  font-family: 'Open Sans',sans-serif!important;
  font-weight: 700;
}

.sa {
  padding-top: 33px!important;
  padding-bottom: 33px!important;
  background: #34495E!important;
  font-family: 'Open Sans',sans-serif!important;
  font-size: 18px!important;
}

.sa:hover {
  background: #455e77!important;
}

.saactive,.saactive:hover {
  background: url(../img/seldbg.png) top left no-repeat #3c82a0!important;
}

.submitme {
  padding-top: 33px!important;
  padding-bottom: 33px!important;
  font-family: 'Open Sans',sans-serif!important;
  font-size: 18px!important;
}

.noborder {
  border: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
}

.dblocks {
  width: 100%;
  float: left;
  background: #2C3E50;
}

.wrapzit {
  background: #FFF;
  padding: 15px;
  border: 2px solid #DDD;
  border-bottom: solid 4px #DDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  float: left;
}

#info,#whatsnext {
  width: 100%;
  float: left;
  display: none;
}

.padded {
  width: 50%!important;
  float: left;
  padding: 5px;
}

#damount {
  font-family: 'Open Sans',sans-serif!important;
  font-weight: 700;
}

.noise {
  background: #f9f9f9!important;
  border-bottom: solid 2px #CCC!important;
}

.centertext {
  text-align: center;
}

.afablue {
  background: url(../img/whitearrow.png) center bottom no-repeat #003349!important;
  border: none!important;
}

.offwhite {
  background: #fbfaec!important;
}

.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=url] {
  font-family: 'Open Sans',sans-serif!important;
  border: 1px solid #CCC!important;
}

#donateMessageFrequency {
  color: #ecac3d;
}

#donateMessageAmount {
  color: #d5ecba;
}

#premium {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  display: none;
}

#amountSection,#cardInfo,#whatsnext {
  width: 100%;
  float: left;
}

@media (max-width:600px) {
  .fiddy {
    width: 50%!important;
  }

  .fortyfive {
    width: 45%!important;
  }

  .sa {
    font-size: 13px!important;
  }@  media () {
    .card-wrapper{width: 100%;
    max-wdith: 320px;
  }

  .jp-card {
    min-width: 300px!important;
  }
}}