.btMyWorldVision-container{
    padding:0px 15px;
}

.btMyWorldVision{
    background-color:#fff;
    padding:50px 0px;
}

.btMyWorldVision h1 {
    text-transform:none;
    font-family: Lato, Arial, sans-serif;
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ff6b00;
    color: var(--wv-orange);
}

.btMyWorldVision h2 {
    margin-bottom:60px;
    font-family: Lato, Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #3c4858;
}

.btMyWorldVision .intro p {
    margin-bottom:60px;
    font-family: Lato, Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #3c4858;
}

.btMyWorldVision p {
    margin-bottom:60px;
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: #3c4858;
}

.btMyWorldVision .form-group {
    margin-bottom:9px;
    position:relative;
}

.btMyWorldVision .form-group span.error{
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fe4949;
    padding-top:8px;
    display:inline-block;
}

.btMyWorldVision .form-group span.error a{
    text-decoration:underline;
}

.btMyWorldVision input[type=text],
.btMyWorldVision input[type=password],
.btMyWorldVision input[type=email]{
    border:1px solid #d3dbe6;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.btMyWorldVision input[type=text]::placeholder,
.btMyWorldVision input[type=password]::placeholder,
.btMyWorldVision input[type=email]::placeholder,
.btMyWorldVision input[type=text]::-webkit-input-placeholder,
.btMyWorldVision input[type=password]::-webkit-input-placeholder,
.btMyWorldVision input[type=email]::-webkit-input-placeholder,
.btMyWorldVision input[type=text]::-ms-input-placeholder,
.btMyWorldVision input[type=password]::-ms-input-placeholder,
.btMyWorldVision input[type=email]::-ms-input-placeholder,
.btMyWorldVision input[type=text]::-moz-placeholder,
.btMyWorldVision input[type=password]::-moz-placeholder,
.btMyWorldVision input[type=email]::-moz-placeholder,
.btMyWorldVision input[type=text]::-moz-placeholder,
.btMyWorldVision input[type=password]::-moz-placeholder,
.btMyWorldVision input[type=email]::-moz-placeholder {
    color:#8492a6;
}

.btMyWorldVision input[type=text]:disabled,
.btMyWorldVision input[type=password]:disabled,
.btMyWorldVision input[type=email]:disabled{
    background: #f9fafc;
    color: #c0ccda;
}

.btMyWorldVision input[type=text]:disabled::placeholder,
.btMyWorldVision input[type=password]:disabled::placeholder,
.btMyWorldVision input[type=email]:disabled::placeholder{
    color: #c0ccda;
}

.btMyWorldVision input[type=text].error,
.btMyWorldVision input[type=password].error,
.btMyWorldVision input[type=email].error {
    border: solid 1px #fe4949;
    background-color: rgba(254, 73, 73, 0.2);
}

.btMyWorldVision .form-control{
    font-family: Lato, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3c4858;
    box-shadow:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.btMyWorldVision .input-group .form-control{
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.btMyWorldVision input#login{
    background-image:url(img/username.png);
    background-position:18px 50%;
    background-repeat:no-repeat;
    padding-left:50px;
}

.btMyWorldVision input#login.error{
    background-image:url(img/username-error.png);
}

.btMyWorldVision input#password,
.btMyWorldVision input#password_confirm,
.btMyWorldVision input#password_reset,
.btMyWorldVision input#password_reset_confirm,
.btMyWorldVision input#login-password{
    border-right:none;
    border-top-right-radius:0px;
    background-image:url(img/password.png);
    background-position:18px 50%;
    background-repeat:no-repeat;
    padding-left:50px;
}

.btMyWorldVision input#password.error,
.btMyWorldVision input#password_confirm.error,
.btMyWorldVision input#password_reset.error,
.btMyWorldVision input#password_reset_confirm.error,
.btMyWorldVision input#login-password.error {
    background-image:url(img/password-error.png);
}

.btMyWorldVision .pw-toggle {
    cursor:pointer;
    border:1px solid #d3dbe6;
    background:#fff;
    border-left:none;
    box-shadow:none;
    font-size:20px;
}

.btMyWorldVision .pw-toggle .fa{
    color: #c0ccda;
}

.btMyWorldVision .pw-toggle-disabled {
    cursor: not-allowed;
    background: #f9fafc;
}

.btMyWorldVision .pw-toggle-disabled .fa{
    color: #c0ccda;
}

.btMyWorldVision .pw-toggle-error{
    border: solid 1px #ff6b00;
    color: solid 1px var(--wv-orange);
    border-left:none;
    background-color: rgba(254, 73, 73, 0.2);
}


.btMyWorldVision a.sub-field-link {
    text-decoration:none;
    display:block;
    text-align:right;
    margin-bottom:20px;
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8492a6;
}

.btMyWorldVision .btn-primary {
    margin-top:0;
    width:100%;
    color: #fff;
    height: 50px;
    border: none;
    text-transform: none;
    padding: auto 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:20px;
    font-family: Lato, Arial, sans-serif;
    background-color: #ff6b00;
    background-color: var(--wv-orange);
    background-image: url(/application/images/ajax-loader-orange-btn.gif);
    background-position: 0 -9999px;
    background-repeat: no-repeat;
}

.btMyWorldVision .btn-primary:disabled{
    background-color: #d3dce6;
    color: #adb9c7;
}

.btMyWorldVision .btn-primary:hover{
    background-color: #e85000;
}

.btMyWorldVision .btn-primary:active,
.btMyWorldVision .btn-primary:focus {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-color: #cc4600;
}

.btMyWorldVision .btn-has-throbber,
.btMyWorldVision .btn-has-throbber:hover,
.btMyWorldVision .btn-has-throbber:active,
.btMyWorldVision .btn-has-throbber:focus {
    /*background-image: url(img/ajax-loader.gif);*/
    background-position: center center;
    background-color: #ff6b00;
    background-color: var(--wv-orange);
    outline: none;
}

.btMyWorldVision .btn-sponsorship {
    font: 18px/60px Lato,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: none;
    width: 480px;
    height: 60px;
    float: none;
    display: block;
    font-size: 24px;
    margin: 30px auto 0;
    padding: 0;
}

/** XS **/
@media (max-width: 768px) {
    .btMyWorldVision .btn-sponsorship {
        width: 100%;
    }
}
.btMyWorldVision .checkbox-inline-consent label{
    color: #3c4858;
    line-height: 22px;
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    margin-top: 10px;
    display:block;
    float:left;
    padding-right:10px;
    font-weight:300;
}

.btMyWorldVision .checkbox-inline-consent label.multi-line .chk-area{
    margin-top: 0;
}
.btMyWorldVision .checkbox-inline-consent label.multi-line span.align-middle{
    vertical-align: middle;
}

.btMyWorldVision .checkbox-inline-consent .chk-area {
    display:inline-block;
    float: left;
    margin-top: 7px;
    background-color:#f9fafc;
    width:28px;
    height:28px;
    border:1px solid #8d9aac;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.btMyWorldVision .checkbox-inline-consent .chk-checked {
    text-align: center;
    line-height: 26px;
}

.btMyWorldVision .checkbox-inline-consent .chk-checked:before{
    color:#3c4858;
    font-size:20px;
}

.btMyWorldVision .progress{
    margin-top:-15px;
    background-color:#fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btMyWorldVision .or{
    background-image:url(img/bg.png);
    background-position:center;
    background-repeat:repeat-y;
    height:203px;
    padding-top:81px;
}

.btMyWorldVision .social-confirmation,
.connected-social-accounts .social-confirmation{
    box-sizing: border-box;
    background-image: url(img/social-sprite.png);
    background-repeat: no-repeat;
    line-height: 40px;
    text-align: left;
    text-decoration: none;
    width: 100% !important;
    padding: 6px 10px 6px 60px;
    border: 1px solid #d3dbe6;
    border-radius: 3px;
    font-family: GillSansLightOA, Arial, sans-serif !important;
    color: #646e7a;

    text-transform: capitalize;
}

.connected-social-accounts .social-confirmation{
    font-family: Lato, Arial, sans-serif !important;
    font-size:16px;
    margin-bottom:10px;
}

.btMyWorldVision .social-confirmation-facebook,
.connected-social-accounts .social-confirmation-facebook{
    background-position: 10px 10px;
}

.btMyWorldVision .social-confirmation-amazon,
.connected-social-accounts .social-confirmation-amazon{
    background-position: 10px -58px;
}

.btMyWorldVision .social-confirmation-google,
.connected-social-accounts .social-confirmation-google{
    background-position: 10px -127px;
}

.btMyWorldVision .social-confirmation-twitter,
.connected-social-accounts .social-confirmation-twitter{
    background-position: 10px -192px;
}

.btMyWorldVision .social-confirmation .fa,
.connected-social-accounts .social-confirmation .fa{
    color:#14cd67;
    float:right;
    margin-top: 10px;
    font-size: 20px;
}

/** SM media query */
@media (max-width: 991px) {
    .btMyWorldVision .or{
        background-image:url(img/bg-hor.png);
        background-position:center;
        background-repeat:repeat-x;
        height:auto;
        padding:0px;
        text-align:center;
        width:236px;
        margin:35px auto 35px auto;
    }
}

.btMyWorldVision .or span{
    display:block;
    border: solid 1px #dcdcdc;
    border-radius:49px;
    width:49px;
    height:49px;
    text-align:center;
    line-height:49px;
    font-family: Lato, Arial, sans-serif;
    font-size:16px;
    color: #3e6373;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
}

/** SM media query */
@media (max-width: 991px) {
    .btMyWorldVision .or span{
        display:block;
        border:none;
        width:144px;
        height:auto;
        text-align:center;
        line-height:auto;
        margin-left:auto;
        margin-right:auto;
        background-color:#fff;
    }
}


.btMyWorldVision p.cross-promote{
    margin-top:20px;
    color:#3c4858;
    font-family: Lato, Arial, sans-serif;
}

.btMyWorldVision p.cross-promote a{
    color:#3c4858;
    text-decoration:underline;
}

/** Login **/

.btMyWorldVision .login{
    padding-bottom:40px;
}

.btMyWorldVision .login .login-top{
    padding-top:20px;
}

.btMyWorldVision .login input.form-control{
    /*font-size:16px;*/
    height:auto;
    padding:15px 15px 15px 50px;
}

/** Create Account **/

.btMyWorldVision .register{
    padding-bottom:40px;
}

/** XS media query **/
@media (max-width: 768px) {
    .btMyWorldVision .register {
        padding-bottom: 0;
    }
}
.btMyWorldVision .register hr {
    border:none;
    border-bottom:1px solid #e5e9f2;
    width:60%;
    display:block;
    margin:50px auto;
}

.btMyWorldVision .register .form-group {
    margin-bottom:15px;
}

.btMyWorldVision .register input.form-control{
    /*font-size:16px;*/
    height:auto;
    padding:15px;
}

.btMyWorldVision .register .registration-fields input.form-control{
    padding-left:50px;
}

.btMyWorldVision .register .login-link{
    margin-bottom:40px;
    font-family: Lato, Arial, sans-serif;
    color: #3c4858;
}

@media (max-width: 991px) {
    .btMyWorldVision .register .login-link{
        margin-bottom:30px;
    }
}

.btMyWorldVision .register .login-link a{
    text-decoration:underline;
    color: #3c4858;
}

.btMyWorldVision .register .checkbox-inline-consent label {
    font-size: 16px;
}

.btMyWorldVision .register .consent-header{
    margin-top:20px;
    padding-left:42px;
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
}

@media (max-width:768px) {
    .btMyWorldVision .register .consent-header{
        padding-left:0px;
    }
}

.btMyWorldVision .register .consent-header strong{
    font-weight: 600;
    font-family: Lato, Arial, sans-serif;
}

.btMyWorldVision .register .keep-in-touch-head{
    display:block;
    margin-bottom:15px;
}

.btMyWorldVision .register p.small {
    padding-left:42px;
    font-family: Lato, Arial, sans-serif;
}

.btMyWorldVision .register input.btn-primary {
    margin-top:45px;
}

.btMyWorldVision .register .register-bottom{
    margin-top:30px;
}

.btMyWorldVision .register .register-bottom label a,
.btMyWorldVision .register .register-bottom .consent-header a{
    text-decoration:underline;
    color: #3c4858;
}

/** Forgotten **/

.btMyWorldVision .forgotten{
    padding-bottom:90px;
}

.btMyWorldVision .forgotten .form-group {
    margin-bottom:15px;
}

.btMyWorldVision .forgotten input.form-control{
    /*font-size:16px;*/
    height:auto;
    padding:15px;
}


/*** tooltips ***/
.btMyWorldVision .css-tooltip{
    background-color:#3c4858;
    padding:10px;
    color:#fff;
    text-align:center;
    position:absolute;
    border-radius:3px;
    font-size:12px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    z-index:10;
}

.btMyWorldVision .css-tooltip::after{
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #3c4858 transparent transparent;
}

@media (max-width:991px) {

    .btMyWorldVision .css-tooltip::before{
        content: " ";
        position: absolute;
        bottom: 100%;  /* At the top of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #3c4858 transparent;
    }

    .btMyWorldVision .css-tooltip::after{
        display:none;
    }

}

@media (max-width:768px) {
    .btMyWorldVision .css-tooltip{
        display:none;
    }
}

.btMyWorldVision .css-tooltip span{
    color: #ff6b00;
    color: var(--wv-orange);
}

.btMyWorldVision .tooltip-supporter-id{
    width:180px;
    right:-190px;
    top:-18px;
}

@media (max-width:991px) {
    .btMyWorldVision .tooltip-supporter-id{
        width:180px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:60px;
    }
}

@media (max-width:768px) {
    .btMyWorldVision .tooltip-supporter-id{
        top: 3px;
        position: relative;
    }
}

.btMyWorldVision .tooltip-password{
    width:180px;
    right:-190px;
    top:-41px;
}

@media (max-width:991px) {
    .btMyWorldVision .tooltip-password{
        width:250px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:60px;
    }
}

@media (max-width:768px) {
    .btMyWorldVision .tooltip-password{
        top: 3px;
        position: relative;
        margin-bottom:30px;
    }
}

.btMyWorldVision .tooltip-surname{
    width:180px;
    right:-190px;
    top:-52px;
}

.btMyWorldVision .tooltip-postcode{
    width:180px;
    right:-190px;
    top:-5px;
}

@media (max-width:991px) {
    .btMyWorldVision .tooltip-surname,
    .btMyWorldVision .tooltip-postcode{
        width:250px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top:60px;
    }
}

@media (max-width:768px) {
    .btMyWorldVision .tooltip-surname,
    .btMyWorldVision .tooltip-postcode{
        top: 3px;
        position: relative;
    }
}

/** Modal **/
.mywv__help-modal  .modal-content {
    padding-right: 40px;
}

.mywv__help-modal  .modal-body  p {
    font-family: Lato, Arial, sans-serif;
    color: #3c4858;
}