body {
    background: grey;
    font-family: 'Roboto', 'cwTeXHei', sans-serif, Helvetica, Arial;
    margin-top: 100px;
}

.header {
    height: 100px;
    background: #d91f3a;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 999;
}

.lang-selector {
    float: right;
    padding: 25px 25px 0px 0px;
    z-index: 999;
}

.logo-image-container {
    float: left;
    z-index: 999;
}

.header div {
    display: block;
}

.header-title-container {
    font-size: 330%;
    margin-top: 10px;
    margin-left: 40px;
}

.logo-image {
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1 {
    margin-top :12px;
}

.background-image,
.background-image img,
.background-image video {
    width: 100%;
    line-height: 0px;
    z-index: -1;
}

.container {
    max-width: 1000px;
    background: white;
}

div#content {
    padding-top: 0px;
}

.campaign-image-container {
    width: 100%;
    padding-bottom: 10px;
}

.campaign-image {
    width: 100%;
}

.card, .card-body, .card-body:last-child {
    border-radius: 5px;
}

.form-wizard.form-wizard-horizontal .form-wizard-nav .progress {
    display: inline-block;
}

.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.nav-justified > li > a {
    margin-bottom: 0;
}
.form input[type="text"].form-control {
    color: #000 !important;
}
.form .form-group .input-group {
    width: 100%;
}
.form .form-group .input-group-addon:last-child{
    width: 40px;
}
.form-wizard.form-wizard-horizontal .nav li.inactive a {
    cursor: default;
}

.form-wizard.form-wizard-horizontal .nav li.inactive:hover .step {
    border: 4px solid #e6e5e5;
}

.form-wizard.form-wizard-horizontal .nav li.inactive:hover .title {
    color: #9c9697
}

.form-control.braintree-hosted-fields-focused {
    border-color: #eb0038;
    border-bottom-width: 2px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control.braintree-hosted-fields-focused {
    /* border-color: #eb0038; */
    /* outline: 0; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(235, 0, 56, 0.6); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(235, 0, 56, 0.6); */
}
.floating-label .form-control.braintree-hosted-fields-focused ~ label,
.floating-label .form-control.dirty ~ label {
    top: 0px;
    font-size: 12px !important;
}
.form-group .form-control.braintree-hosted-fields-focused ~ label {
    color: #eb0038;
    opacity: 1
}

.has-error div.help-block {
    right: inherit;
    left: 0;
}

.btn-group > label.lbl-amount-option {
    margin: 10px;
    width: 90px;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#amount {
    text-align: center;

}
.has-error .input-group-content,
.has-error .input-group-addon {
    background-color: transparent;
    border-top: 0px;
    border-color: transparent;
    opacity: 0.7;
}

textarea {
    max-width: 100%;
}

.braintree-container,
.payment-method-container,
.payment-method-container .payment-method-radio {
    margin-top: 15px;
}

.payment-method-container > img {
    max-width: 350px;
    width: 100%;
}

.payment-method-container .payment-method-radio span {
    font-size: 28px;
}

.payment-method-container .payment-method-radio span.payment-method-description {
    top: -14px;
    position: relative;
    font-size: 18px;
}

.payment-method-container label.disabled span {
    cursor: not-allowed;
}

.payment-method-container label.radio-inline {
    padding: 0px 15px;
}

.payment-method-container i.fa {
    position: inherit;
    top: -14px;
}

.card-type-icon {
    text-align: center;
    font-size: 48px;
}

.terms ol {
    list-style-position: outside;
    font-size: 90%;
}
.terms .card-body {
    padding: 35px;
}

.pager li#btn-confirm input {
    display: inline-block;
    padding: 5px 14px;
    color: #ffffff;
    background-color: #8bc34a;
    border: 1px solid #dddddd;
    border-radius: 0px;
}

.pager li input:hover,
.pager li input:focus {
    color: #ffffff;
    background-color: #71a436;
}

footer em.text-caption{
    text-align: center;
    margin-bottom: 0px;
}

.tooltip-inner {
    max-width: 250px;
    /* If max-width does not work, try using width instead */
    width: 250px;
}

.pager .next > a {
    float: none;
    background-color: #8bc34a;
}

.pager .next > a:hover,
.pager .next > a:focus {
    background-color: #71a436;
}

.modal-dialog {
    max-width: 900px;
}

#braintree-paypal-button {
  margin: auto;
}

@media (max-width : 999px) {
    body {
        margin-top: 70px;
    }
    .header {
        height: 70px;
    }

    .header-title-container {
        font-size: 160%;
        margin-top: 15px;
        margin-left: 30px;
    }

    .logo-image {
        height: 50px;
    }

    .lang-selector {
        padding: 16px 5px 0px 0px;
        font-size: 80%;
    }
}

@media (max-width : 499px) {

    .header-title-container {
        font-size: 110%;
        margin-top: 22px;
        margin-left: 0px;
    }
}