html,
input,
textarea {
  box-sizing: border-box
}

.form-donation .ll .legend,
.form-donation .ll legend,
.form-donation label,
.ll .form-donation .legend,
.ll .form-donation legend,
.pay button span {
  text-indent: -9999px
}

.custom-select option,
.custom-select select,
.pay button,
input,
textarea {
  -webkit-appearance: none
}

*,
::after,
::before {
  box-sizing: inherit
}

.clearfix,
.row {
  zoom: 1
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}

.clearfix:after,
.row:after {
  clear: both
}

input,
select {
  background: 0 0
}

input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline
}

textarea {
  overflow: auto;
  resize: vertical
}

.custom-check,
.custom-check.med,
.custom-check.small {
  overflow: hidden;
  clear: both
}

input[type=radio] {
  vertical-align: text-bottom
}

input[type=checkbox] {
  vertical-align: bottom
}

.ie7 input[type=checkbox] {
  vertical-align: baseline
}

.ll .legend,
.ll legend,
input[type=button],
input[type=submit],
input[type=image],
label {
  cursor: pointer;
  width: auto
}

.ll .legend,
.ll legend,
label {
  vertical-align: top
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  margin-bottom: 18px
}

fieldset.ll {
  padding-top: 0
}

input,
textarea {
  border: 1px solid #cbcbcb;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  padding: 14px 15px 11px;
  border-radius: 5px;
  width: 100%
}

input:focus,
textarea:focus {
  border-color: #7bc1fa;
  outline: 0
}

.error input,
.error textarea {
  border-color: #f5402c !important;
  color: #f5402c !important
}

input::-ms-clear,
textarea::-ms-clear {
  display: none
}

.ie7 input,
.ie7 textarea {
  width: 93.5%
}

.ie7 input[type=submit] {
  width: auto
}

input[type=radio],
input[type=checkbox],
input[type=file] {
  border: none;
  padding: 0;
  box-shadow: none
}

.custom-select .fff,
.ll .lph .legend,
.ll .lph legend,
.lph .ll .legend,
.lph .ll legend,
.lph input,
.lph label,
.lph textarea {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  padding: 14px 15px 11px;
  box-sizing: border-box;
  font-family: "Proxima Nova", sans-serif
}

input[type=submit] {
  border: none;
  box-shadow: none
}

input[type=submit]::-moz-focus-inner {
  border: 0
}

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

.lph {
  position: relative;
  height: 50px
}

.ll .lph .legend,
.ll .lph legend,
.lph .ll .legend,
.lph .ll legend,
.lph input,
.lph label,
.lph textarea {
  width: 100%;
  height: auto;
  text-align: left;
  background: 0 0
}

.lph input,
.lph textarea {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0
}

.ll .lph .legend,
.ll .lph legend,
.lph .ll .legend,
.lph .ll legend,
.lph label {
  z-index: 0;
  color: #c9c7c7;
  display: block;
  border: 1px solid transparent;
  background: #fff;
  border-radius: 5px
}

.lph input:focus,
.lph textarea:focus {
  background-color: rgba(255, 255, 255, .7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF, endColorstr=#B3FFFFFF)
}

.ll .lph.error>.legend,
.ll .lph.error>legend,
.lph.error input,
.lph.error>label {
  color: #f5402c !important
}

.lph-val input,
.lph-val textarea {
  color: #4a4a4a;
  background: #fff
}

.lph-val input:focus,
.lph-val textarea:focus {
  background: #fff
}

.ll .lph-val .legend,
.ll .lph-val legend,
.lph-val .ll .legend,
.lph-val .ll legend,
.lph-val label {
  display: none
}

.custom-select {
  position: relative;
  height: 50px
}

.custom-select .fff,
.custom-select select {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0
}

.custom-select .fff {
  background: url(../png/select-arrow.png) right center no-repeat;
  border: 1px solid silver;
  color: #4a4a4a;
  border-radius: 5px
}

.custom-select select {
  opacity: 0;
  z-index: 2;
  cursor: pointer
}

.custom-select select:active+.fff,
.custom-select select:focus+.fff {
  border-color: #7bc1fa
}

.custom-select.error .fff {
  border-color: #f5402c;
  color: #f5402c
}

.error .custom-select .fff {
  border-color: #f5402c !important;
  color: #f5402c !important
}

.custom-check {
  position: relative;
  display: block;
  margin: 10px 0;
  height: 36px
}

.custom-check>input {
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  position: absolute;
  left: 0;
  opacity: 0;
  display: block;
  cursor: pointer
}

.custom-check>label,
.ll .custom-check>.legend,
.ll .custom-check>legend {
  padding: 0 0 0 46px;
  cursor: pointer;
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  line-height: 16px;
  color: #333232;
  text-transform: none
}

.custom-check:not(#foo)>input+label,
.ll .custom-check:not(#foo)>input+.legend,
.ll .custom-check:not(#foo)>input+legend {
  background: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/checkbox-large.png?v=2) no-repeat;
  height: 36px
}

.custom-check:not(#foo)>input[type=checkbox]+label:hover,
.custom-check:not(#foo)>input[type=checkbox]:hover+label,
.custom-check:not(#foo)>input[type=radio]+label:hover,
.custom-check:not(#foo)>input[type=radio]:hover+label,
.ll .custom-check:not(#foo)>input[type=checkbox]+.legend:hover,
.ll .custom-check:not(#foo)>input[type=checkbox]+legend:hover,
.ll .custom-check:not(#foo)>input[type=checkbox]:hover+.legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:hover+legend,
.ll .custom-check:not(#foo)>input[type=radio]+.legend:hover,
.ll .custom-check:not(#foo)>input[type=radio]+legend:hover,
.ll .custom-check:not(#foo)>input[type=radio]:hover+.legend,
.ll .custom-check:not(#foo)>input[type=radio]:hover+legend {
  background-position: 0 -36px
}

.custom-check:not(#foo)>input[type=checkbox]:checked+label,
.custom-check:not(#foo)>input[type=radio]:checked+label,
.ll .custom-check:not(#foo)>input[type=checkbox]:checked+.legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:checked+legend,
.ll .custom-check:not(#foo)>input[type=radio]:checked+.legend,
.ll .custom-check:not(#foo)>input[type=radio]:checked+legend {
  background-position: 0 -72px
}

.custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+label,
.custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+label,
.ll .custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+.legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+legend,
.ll .custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+.legend,
.ll .custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+legend {
  background-position: 0 -108px
}

.custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+label:hover,
.custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+label,
.custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+label:hover,
.custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+label,
.ll .custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+.legend:hover,
.ll .custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+legend:hover,
.ll .custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+.legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+legend,
.ll .custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+.legend:hover,
.ll .custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+legend:hover,
.ll .custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+.legend,
.ll .custom-check:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+legend {
  background-position: 0 -144px
}

.custom-check:not(#foo)>input[type=checkbox]:active+label,
.custom-check:not(#foo)>input[type=checkbox]:checked:focus+label,
.custom-check:not(#foo)>input[type=radio]:active+label,
.custom-check:not(#foo)>input[type=radio]:checked:focus+label,
.ll .custom-check:not(#foo)>input[type=checkbox]:active+.legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:active+legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:checked:focus+.legend,
.ll .custom-check:not(#foo)>input[type=checkbox]:checked:focus+legend,
.ll .custom-check:not(#foo)>input[type=radio]:active+.legend,
.ll .custom-check:not(#foo)>input[type=radio]:active+legend,
.ll .custom-check:not(#foo)>input[type=radio]:checked:focus+.legend,
.ll .custom-check:not(#foo)>input[type=radio]:checked:focus+legend {
  background-position: 0 -180px
}

.custom-check.med {
  position: relative;
  display: block;
  margin: 10px 0;
  height: 25px
}

.custom-check.med>input {
  padding: 0;
  margin: 0;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 0;
  opacity: 0;
  display: block;
  cursor: pointer
}

.custom-check.med>label,
.ll .custom-check.med>.legend,
.ll .custom-check.med>legend {
  padding: 0 0 0 35px;
  cursor: pointer;
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  line-height: 16px;
  color: #333232;
  text-transform: none
}

.custom-check.med:not(#foo)>input+label,
.ll .custom-check.med:not(#foo)>input+.legend,
.ll .custom-check.med:not(#foo)>input+legend {
  background: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/checkbox-med.png?v=2) no-repeat;
  height: 25px
}

.custom-check.med:not(#foo)>input[type=checkbox]+label:hover,
.custom-check.med:not(#foo)>input[type=checkbox]:hover+label,
.custom-check.med:not(#foo)>input[type=radio]+label:hover,
.custom-check.med:not(#foo)>input[type=radio]:hover+label,
.ll .custom-check.med:not(#foo)>input[type=checkbox]+.legend:hover,
.ll .custom-check.med:not(#foo)>input[type=checkbox]+legend:hover,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:hover+.legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:hover+legend,
.ll .custom-check.med:not(#foo)>input[type=radio]+.legend:hover,
.ll .custom-check.med:not(#foo)>input[type=radio]+legend:hover,
.ll .custom-check.med:not(#foo)>input[type=radio]:hover+.legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:hover+legend {
  background-position: 0 -25px
}

.custom-check.med:not(#foo)>input[type=checkbox]:checked+label,
.custom-check.med:not(#foo)>input[type=radio]:checked+label,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:checked+.legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:checked+legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:checked+.legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:checked+legend {
  background-position: 0 -50px
}

.custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+label,
.custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+label,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+.legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+.legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+legend {
  background-position: 0 -75px
}

.custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+label:hover,
.custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+label,
.custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+label:hover,
.custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+label,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+.legend:hover,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+legend:hover,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+.legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+.legend:hover,
.ll .custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+legend:hover,
.ll .custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+.legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+legend {
  background-position: 0 -100px
}

.custom-check.med:not(#foo)>input[type=checkbox]:active+label,
.custom-check.med:not(#foo)>input[type=checkbox]:checked:focus+label,
.custom-check.med:not(#foo)>input[type=radio]:active+label,
.custom-check.med:not(#foo)>input[type=radio]:checked:focus+label,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:active+.legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:active+legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:checked:focus+.legend,
.ll .custom-check.med:not(#foo)>input[type=checkbox]:checked:focus+legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:active+.legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:active+legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:checked:focus+.legend,
.ll .custom-check.med:not(#foo)>input[type=radio]:checked:focus+legend {
  background-position: 0 -125px
}

.custom-check.small {
  position: relative;
  display: block;
  margin: 10px 0;
  height: 22px
}

.custom-check.small>input {
  padding: 0;
  margin: 0;
  height: 22px;
  width: 22px;
  position: absolute;
  left: 0;
  opacity: 0;
  display: block;
  cursor: pointer
}

.custom-check.small>label,
.ll .custom-check.small>.legend,
.ll .custom-check.small>legend {
  padding: 0 0 0 32px;
  cursor: pointer;
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  line-height: 16px;
  color: #333232;
  text-transform: none
}

.custom-check.small:not(#foo)>input+label,
.ll .custom-check.small:not(#foo)>input+.legend,
.ll .custom-check.small:not(#foo)>input+legend {
  background: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/checkbox-small.png?v=2) no-repeat;
  height: 22px
}

.lii .lph,
.lii input,
.lii.custom-select,
.lii.duo {
  height: 70px
}

.custom-check.small:not(#foo)>input[type=checkbox]+label:hover,
.custom-check.small:not(#foo)>input[type=checkbox]:hover+label,
.custom-check.small:not(#foo)>input[type=radio]+label:hover,
.custom-check.small:not(#foo)>input[type=radio]:hover+label,
.ll .custom-check.small:not(#foo)>input[type=checkbox]+.legend:hover,
.ll .custom-check.small:not(#foo)>input[type=checkbox]+legend:hover,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:hover+.legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:hover+legend,
.ll .custom-check.small:not(#foo)>input[type=radio]+.legend:hover,
.ll .custom-check.small:not(#foo)>input[type=radio]+legend:hover,
.ll .custom-check.small:not(#foo)>input[type=radio]:hover+.legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:hover+legend {
  background-position: 0 -22px
}

.custom-check.small:not(#foo)>input[type=checkbox]:checked+label,
.custom-check.small:not(#foo)>input[type=radio]:checked+label,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:checked+.legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:checked+legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:checked+.legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:checked+legend {
  background-position: 0 -44px
}

.custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+label,
.custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+label,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+.legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+.legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+legend {
  background-position: 0 -66px
}

.custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+label:hover,
.custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+label,
.custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+label:hover,
.custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+label,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+.legend:hover,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus+legend:hover,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+.legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:not(:active):not(:checked):focus:hover+legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+.legend:hover,
.ll .custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus+legend:hover,
.ll .custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+.legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:not(:active):not(:checked):focus:hover+legend {
  background-position: 0 -88px
}

.custom-check.small:not(#foo)>input[type=checkbox]:active+label,
.custom-check.small:not(#foo)>input[type=checkbox]:checked:focus+label,
.custom-check.small:not(#foo)>input[type=radio]:active+label,
.custom-check.small:not(#foo)>input[type=radio]:checked:focus+label,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:active+.legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:active+legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:checked:focus+.legend,
.ll .custom-check.small:not(#foo)>input[type=checkbox]:checked:focus+legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:active+.legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:active+legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:checked:focus+.legend,
.ll .custom-check.small:not(#foo)>input[type=radio]:checked:focus+legend {
  background-position: 0 -110px
}

.ll .custom-check .legend,
.ll .custom-check label,
.ll .custom-check legend {
  text-transform: none
}

fieldset.boxes {
  margin-bottom: 12px
}

.req-boxes.error .legend,
.req-boxes.error legend {
  color: #f5402c
}

.lph input[readonly=readonly],
input[readonly=readonly] {
  background: #f6f6f6;
  box-shadow: none
}

.lph input[readonly=readonly]:focus,
input[readonly=readonly]:focus {
  background: #f6f6f6;
  border-color: silver
}

.lii {
  position: relative
}

.lii .in-input {
  position: absolute;
  top: 10px;
  left: 16px;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 600;
  z-index: 5;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 22px
}

.lii .ll .legend,
.lii .ll legend,
.lii input,
.lii label,
.ll .lii .legend,
.ll .lii legend {
  padding: 33px 15px 5px;
  letter-spacing: 1px
}

.lii .lph .ll .legend,
.lii .lph .ll legend,
.lii .lph label,
.ll .lii .lph .legend,
.ll .lii .lph legend {
  line-height: 27px;
  height: 70px;
  background: 0 0
}

.lii .duo-1:before,
.lii.trio .trio-1:before,
.lii.trio .trio-2:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 50;
  background: #cbcbcb;
  width: 1px;
  bottom: 11px;
  right: 0
}

.lii.custom-select .fff {
  padding: 33px 15px 5px;
  line-height: 27px
}

.lii.duo {
  border-radius: 5px;
  border: 1px solid silver
}

.lii.duo input {
  height: 68px
}

.lii.duo .duo-1 input,
.lii.duo .duo-2 input {
  border: none
}

.lii .duo-1:before {
  height: 20px
}

.lii.trio {
  height: 70px;
  border-radius: 5px;
  border: 1px solid silver
}

.lii.trio .trio-1 input,
.lii.trio .trio-2 input,
.lii.trio .trio-3 input,
.pay button {
  border: none
}

.lii.trio input {
  height: 68px
}

.lii.trio .trio-1:before,
.lii.trio .trio-2:before {
  height: 20px
}

.lii .mycw-custom-url .pre-url,
.lii .side-amount .money-sign {
  position: absolute;
  z-index: 80;
  left: 15px;
  color: #c9c7c7;
  line-height: 22px
}

.lii .side-amount .money-sign {
  top: 36px;
  font-size: 15px;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 300
}

.lii .side-amount .ll .legend,
.lii .side-amount .ll legend,
.lii .side-amount input,
.lii .side-amount label,
.ll .lii .side-amount .legend,
.ll .lii .side-amount legend {
  padding-left: 30px
}

.lii .mycw-custom-url .pre-url {
  top: 37px;
  font-size: 18px;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 300;
  letter-spacing: 1px
}

.form-submit,
.ll,
.row {
  position: relative
}

.legend,
.ll .legend,
.ll legend,
label,
legend {
  font-family: "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 22px;
  display: block
}

.lii .mycw-custom-url .ll .legend,
.lii .mycw-custom-url .ll legend,
.lii .mycw-custom-url input,
.lii .mycw-custom-url label,
.ll .lii .mycw-custom-url .legend,
.ll .lii .mycw-custom-url legend {
  padding-left: 195px
}

.form-inner {
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid #EAEAEA;
  border-radius: 5px
}

fieldset {
  background: 0 0
}

.form-inner fieldset.fieldset {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 30px;
  margin-bottom: 30px
}

fieldset.fieldset .text p {
  margin: 0 auto 1em;
  width: 480px
}

fieldset.fieldset.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.row {
  margin-bottom: 30px;
  margin-left: 260px;
  margin-right: 260px;
  width: auto
}

hr.light {
  margin: 30px 0 29px;
  border: 0;
  border-bottom: 1px solid #eaeaea;
  background-color: #eaeaea;
  color: #eaeaea;
  height: 0
}

.form-submit {
  padding: 40px 0;
  margin-top: -1px;
  clear: both;
  text-align: center
}

.form-submit.arrow {
  background: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/end-form-arrow.gif) center top no-repeat
}

.ll .legend,
.ll legend,
label {
  line-height: 22px;
  color: #6b6b6b
}

.legend,
legend {
  width: 100%;
  line-height: 36px;
  text-align: center;
  height: 36px;
  text-transform: none;
  margin-bottom: 18px
}

.error .legend,
.error .ll .legend,
.error .ll legend,
.error label,
.error legend,
.ll .error .legend,
.ll .error legend {
  color: #f5402c
}

.ll {
  clear: both
}

.ll .legend,
.ll label,
.ll legend {
  text-align: right;
  position: absolute;
  width: 240px;
  left: -260px;
  top: 16px;
  height: 50px;
  text-transform: lowercase
}

.ll .custom-check .legend,
.ll .custom-check label,
.ll .custom-check legend,
.ll .lph .legend,
.ll .lph label,
.ll .lph legend {
  text-align: left;
  position: static;
  width: 100%;
  height: auto
}

.duo,
.duo .lph .ll .legend,
.duo .lph .ll legend,
.duo .lph label,
.ll .duo .lph .legend,
.ll .duo .lph legend {
  position: relative
}

.duo,
.trio {
  height: 50px;
  padding-top: 0;
  box-sizing: border-box
}

.ll .lt .legend,
.ll .lt legend,
.lt .ll .legend,
.lt .ll legend,
.lt label {
  margin-bottom: 5px
}

.ll .optional>.legend:before,
.ll .optional>legend:before,
.optional>label:before {
  content: '*optional';
  color: #2e9df7;
  font-size: 12px;
  margin-right: 7px
}

.duo .sep,
.trio .sep {
  font-family: "Proxima Nova", sans-serif;
  font-weight: 600;
  font-size: 20px;
  z-index: 5
}

.duo {
  border-radius: 5px
}

.duo .lph {
  width: 50%;
  float: left
}

.duo .lph .ll .legend,
.duo .lph .ll legend,
.duo .lph input,
.duo .lph label,
.ll .duo .lph .legend,
.ll .duo .lph legend {
  box-shadow: none;
  top: 0;
  left: 0;
  border-radius: 0
}

.duo .lph.duo-2 .ll .legend,
.duo .lph.duo-2 .ll legend,
.duo .lph.duo-2 input,
.duo .lph.duo-2 label,
.ll .duo .lph.duo-2 .legend,
.ll .duo .lph.duo-2 legend {
  width: 100%
}

.duo .sep {
  position: absolute;
  top: 12px;
  left: 50%
}

.ll .trio .lph .legend,
.ll .trio .lph legend,
.trio,
.trio .lph .ll .legend,
.trio .lph .ll legend,
.trio .lph label {
  position: relative
}

.duo .sep:nth-child(1) {
  left: 50%
}

.duo .sep:nth-child(0) {
  left: 0
}

.duo .duo-1 .ll .legend,
.duo .duo-1 .ll legend,
.duo .duo-1 input,
.duo .duo-1 label,
.ll .duo .duo-1 .legend,
.ll .duo .duo-1 legend {
  border-radius: 5px 0 0 5px
}

.duo .duo-2 .ll .legend,
.duo .duo-2 .ll legend,
.duo .duo-2 input,
.duo .duo-2 label,
.ll .duo .duo-2 .legend,
.ll .duo .duo-2 legend {
  border-radius: 0 5px 5px 0
}

.duo .error {
  border-color: #f5402c !important
}

.duo.lined .duo-1 input {
  border-right: none
}

.trio {
  border-radius: 5px
}

.trio .lph {
  width: 33.3333333333%;
  float: left
}

.ll .trio .lph .legend,
.ll .trio .lph legend,
.trio .lph .ll .legend,
.trio .lph .ll legend,
.trio .lph input,
.trio .lph label {
  box-shadow: none;
  top: 0;
  left: 0;
  border-radius: 0
}

.ll .trio .lph.trio-3 .legend,
.ll .trio .lph.trio-3 legend,
.trio .lph.trio-3 .ll .legend,
.trio .lph.trio-3 .ll legend,
.trio .lph.trio-3 input,
.trio .lph.trio-3 label {
  width: 100%
}

.trio .sep {
  position: absolute;
  top: 12px;
  left: 33.3333333333%
}

.form-amount span,
.form-donation span {
  font-weight: 300;
  font-size: 18px;
  font-family: "Proxima Nova", sans-serif
}

.trio .sep:nth-child(2) {
  left: 66.6666666667%
}

.trio .sep:nth-child(1) {
  left: 33.3333333333%
}

.trio .sep:nth-child(0) {
  left: 0
}

.ll .trio .trio-1 .legend,
.ll .trio .trio-1 legend,
.trio .trio-1 .ll .legend,
.trio .trio-1 .ll legend,
.trio .trio-1 input,
.trio .trio-1 label {
  border-radius: 5px 0 0 5px
}

.ll .trio .trio-3 .legend,
.ll .trio .trio-3 legend,
.trio .trio-3 .ll .legend,
.trio .trio-3 .ll legend,
.trio .trio-3 input,
.trio .trio-3 label {
  border-radius: 0 5px 5px 0
}

.trio .error {
  border-color: #f5402c !important
}

.trio.lined .trio-2 input {
  border-width: 1px 0
}

.ie7 .trio .ll .legend,
.ie7 .trio .ll legend,
.ie7 .trio input,
.ie7 .trio label,
.ll .ie7 .trio .legend,
.ll .ie7 .trio legend {
  width: 85%
}

.form-donation {
  text-align: left
}

.form-donation input::-ms-clear {
  display: none
}

.form-donation span {
  top: 14px;
  position: absolute;
  z-index: 99;
  margin: 0 15px
}

.form-donation .curr {
  text-align: right;
  right: 0
}

.form-donation #donation {
  text-align: center
}

.form-amount input::-ms-clear {
  display: none
}

.form-amount input {
  padding-left: 45px !important;
  padding-right: 60px;
  position: relative;
  z-index: 10;
  background: #fff
}

.form-amount span {
  color: #d6d6d6;
  position: absolute;
  top: 16px;
  z-index: 99
}

.form-amount input[disabled=disabled],
input[disabled=disabled] {
  z-index: 0
}

.form-amount span.right {
  right: 20px
}

.form-amount span.left {
  left: 20px
}

.pay button {
  background: #2e9df7;
  border-radius: 4px;
  color: #fff;
  margin: 10px auto 30px;
  outline: 0;
  box-shadow: none;
  display: inline-block;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 28px;
  text-transform: uppercase;
  position: relative;
  width: 47%;
  height: 70px;
  transition: .1s linear background;
  padding: 0;
  cursor: pointer
}

.error-message,
.form-url .lph .url {
  font-family: "Proxima Nova", sans-serif;
  font-weight: 300
}

.pay button.pp {
  margin-left: 4%
}

.pay button span {
  display: inline-block;
  position: static;
  margin-left: 8px;
  vertical-align: middle;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat
}

.pay button span.credit-card {
  background-image: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/credit-card.png);
  width: 29px
}

.pay button span.paypal {
  margin: 2px 0 0 3px;
  width: 62px;
  background-image: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/paypal.png)
}

.m-no-touch .pay button:hover {
  background-color: #3da4f8
}

.form-url .lph .url {
  position: absolute;
  left: 0;
  font-size: 18px;
  line-height: 24px;
  padding: 14px 15px 11px;
  z-index: 10
}

.form-url .lph .ll .legend,
.form-url .lph .ll legend,
.form-url .lph input,
.form-url .lph label,
.ll .form-url .lph .legend,
.ll .form-url .lph legend {
  padding-left: 175px
}

.form-twitter .ll .legend::after,
.form-twitter .ll legend::after,
.form-twitter label::after,
.ll .form-twitter .legend::after,
.ll .form-twitter legend::after {
  content: '@';
  position: absolute;
  top: 0;
  left: 275px;
  color: #c9c7c7;
  font-size: 22px;
  z-index: 100;
  display: block
}

.form-twitter input {
  padding-left: 40px
}

.form-state {
  width: 60%;
  float: left;
  margin-right: 5%
}

.form-zip {
  width: 35%;
  float: left;
  clear: none
}

.cards {
  position: absolute;
  top: 13px;
  right: 15px;
  height: 25px;
  width: 39px
}

.cards .card {
  display: none
}

.cards .card.selected {
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  width: 39px
}

.cards .card.visa {
  background-image: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/visa_sprite.gif)
}

.cards .card.amex {
  background-image: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/amex_sprite.gif)
}

.cards .card.master {
  background-image: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/mastercard_sprite.gif)
}

.cards .card.discover {
  background-image: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/discover_sprite.gif)
}

.form-cc-mm {
  width: 85px;
  float: left;
  margin-right: 20px
}

.form-cc-yy {
  width: 110px;
  float: left
}

.form-cc-cvc {
  width: 180px;
  float: right
}

.form-cc-cvc .ll .legend,
.form-cc-cvc .ll legend,
.form-cc-cvc label,
.ll .form-cc-cvc .legend,
.ll .form-cc-cvc legend {
  float: left;
  width: auto;
  height: auto;
  padding: 16px 0 0;
  vertical-align: middle;
  position: static
}

.form-cc-cvc input {
  width: 90px;
  float: right
}

.form-cc-cvc a {
  vertical-align: middle;
  color: #2e9df7;
  font-size: 16px;
  position: relative;
  top: -1px;
  text-decoration: none
}

.other {
  margin-top: 30px;
  display: none;
  clear: both
}

.error-message {
  display: none;
  text-align: left;
  position: absolute;
  z-index: 10;
  width: 162px;
  right: -175px;
  top: 2px;
  height: 45px;
  background: url(//d555kv4p2mtwa.cloudfront.net/_site/images/forms/error-box.png) left center no-repeat;
  font-size: 12px;
  line-height: 14px;
  color: #fff
}

.error-message span {
  padding: 0 15px;
  display: table-cell;
  height: 44px;
  width: 100%;
  vertical-align: middle
}

.error .error-message,
.ie7 .error-message span {
  display: block
}

.lt .error-message {
  top: auto;
  bottom: 3px
}

.error-message.format_error,
.error-message.invalid_error {
  background-image: none
}

.error-message.format_error :before,
.error-message.invalid_error :before {
  content: '';
  display: block;
  position: absolute;
  left: -19px;
  top: 14px;
  border: 10px solid transparent;
  border-right-color: #de4b50
}

.error-message.format_error span,
.error-message.invalid_error span {
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
  overflow: visible;
  background-color: #de4b50;
  padding: 15px
}

.error .error-message.conflict,
.error .error-message.format_error,
.error .error-message.match,
.error .error-message.taken,
.error.format_error .error-message {
  display: none
}

.error.conflict .error-message.conflict,
.error.format_error .error-message.format_error,
.error.match .error-message.match,
.error.taken .error-message.taken {
  display: block
}

.error-star {
  display: none;
  color: red;
  font-style: normal
}

.error .error-star {
  display: inline
}

.error .error-text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  color: #f5402c;
  display: block !important
}

.error .not-req {
  border-color: silver;
  color: #4A4A4A
}

body.responsive .row {
  margin-left: 23%;
  margin-right: 23%
}

@media only screen and (max-device-width:1000px),
only screen and (max-width:1000px) {
  /*! comment needed to rearrange media queries */
}

@media only screen and (max-device-width:980px),
only screen and (max-width:980px) {
  /*! comment needed to rearrange media queries */
}

@media only screen and (max-device-width:768px),
only screen and (max-width:768px) {

  /*! comment needed to rearrange media queries */
  .form-inner {
    border: none
  }

  .form-submit.arrow {
    background: 0 0 !important;
    padding-top: 0
  }
}

@media only screen and (max-device-width:640px),
only screen and (max-width:640px) {

  /*! comment needed to rearrange media queries */
  .form-twitter .ll .legend::after,
  .form-twitter .ll legend::after,
  .form-twitter label::after,
  .ll .form-twitter .legend::after,
  .ll .form-twitter legend::after {
    content: none
  }

  body.responsive .showme {
    display: block
  }

  .ll body.responsive .form-state .legend,
  .ll body.responsive .form-state legend,
  .ll body.responsive .form-zip .lph .legend,
  .ll body.responsive .form-zip .lph legend,
  body.responsive .form-state .ll .legend,
  body.responsive .form-state .ll legend,
  body.responsive .form-state label,
  body.responsive .form-zip .lph .ll .legend,
  body.responsive .form-zip .lph .ll legend,
  body.responsive .form-zip .lph label,
  body.responsive .hideme {
    display: none
  }

  body.responsive .row {
    margin: 0 0 20px
  }

  body.responsive .custom-select,
  body.responsive .lph {
    height: 45px
  }

  body.responsive .lii .lph,
  body.responsive .lii.custom-select {
    height: 70px
  }

  .ll body.responsive .lph .legend,
  .ll body.responsive .lph legend,
  body.responsive .lph .ll .legend,
  body.responsive .lph .ll legend,
  body.responsive .lph input,
  body.responsive .lph label,
  body.responsive .lph textarea {
    font-size: 18px;
    padding: 9px 12px
  }

  .ll body.responsive .lii .lph .legend,
  .ll body.responsive .lii .lph legend,
  body.responsive .lii .lph .ll .legend,
  body.responsive .lii .lph .ll legend,
  body.responsive .lii .lph input,
  body.responsive .lii .lph label,
  body.responsive .lii .lph textarea {
    padding: 33px 15px 5px
  }

  body.responsive .ll input,
  body.responsive .ll textarea {
    font-size: 18px;
    padding: 9px 12px
  }

  body.responsive .ll .legend,
  body.responsive .ll label,
  body.responsive .ll legend {
    position: relative;
    text-align: left;
    font-size: 18px;
    width: auto;
    left: 0;
    top: -6px;
    height: 18px;
    margin: 0
  }

  body.responsive .ll .lph .legend,
  body.responsive .ll .lph label,
  body.responsive .ll .lph legend {
    top: 0;
    height: auto
  }

  body.responsive .custom-select .fff {
    line-height: 18px
  }

  body.responsive .form-zip {
    margin-top: -19px
  }

  body.responsive .custom-select,
  body.responsive .duo,
  body.responsive .trio {
    height: 45px
  }

  body.responsive .lii.custom-select,
  body.responsive .lii.duo,
  body.responsive .lii.trio {
    height: 70px
  }

  body.responsive .form-cc-mm {
    margin-right: 6px
  }

  body.responsive .form-cc-cvc {
    width: auto;
    float: right;
    margin-top: -18px
  }

  body.responsive .form-cc-cvc input {
    float: none
  }

  .ll body.responsive .form-cc-cvc .legend,
  .ll body.responsive .form-cc-cvc legend,
  body.responsive .form-cc-cvc .ll .legend,
  body.responsive .form-cc-cvc .ll legend,
  body.responsive .form-cc-cvc label {
    padding: 0;
    float: none
  }

  .ll body.responsive .custom-check .legend,
  .ll body.responsive .custom-check legend,
  body.responsive .custom-check .ll .legend,
  body.responsive .custom-check .ll legend,
  body.responsive .custom-check label {
    position: static;
    font-size: 14px
  }

  body.responsive .cards {
    top: 28px
  }

  .ll body.responsive .optional .legend:before,
  .ll body.responsive .optional legend:before,
  body.responsive .optional .ll .legend:before,
  body.responsive .optional .ll legend:before,
  body.responsive .optional label:before {
    position: absolute;
    right: 0
  }

  body.responsive .form-url .showme {
    display: block !important;
    font-size: 14px;
    color: #c9c7c7
  }

  body.responsive .form-url .url {
    display: none
  }

  .ll body.responsive .form-url .lph .legend,
  .ll body.responsive .form-url .lph legend,
  body.responsive .form-url .lph .ll .legend,
  body.responsive .form-url .lph .ll legend,
  body.responsive .form-url .lph label,
  body.responsive .form-url input {
    padding-left: 15px !important
  }

  body.responsive .error-message {
    top: 72px;
    color: #f5402c;
    width: 100%;
    background: 0 0;
    height: auto;
    left: 0
  }

  body.responsive .error-message :before {
    content: '';
    display: none
  }

  body.responsive .error-message span {
    width: 100%;
    padding: 10px
  }
}

@media only screen and (max-device-width:480px),
only screen and (max-width:480px) {
  /*! comment needed to rearrange media queries */
}