.sign-in-card{
    margin-top:30px
}
@media (min-width:595px){
    .sign-in-card{
        margin-top:0
    }
}
.sign-in-card__content{
    padding:25px 0
}
.sign-in-card__content label{
    font-size:14px;
    padding-bottom:25px
}
@media (min-width:900px){
    .sign-in-card__content label{
        padding-bottom:30px
    }
}
.sign-in-card__content label[for=password]{
    padding-bottom:15px
}
@media (min-width:595px){
    .form-component .wFormContainer .sign-in-card__content select[type=submit],.pagination__mobile .sign-in-card__content select[type=submit],.sign-in-card__content .form-component .wFormContainer select[type=submit],.sign-in-card__content .pagination__mobile select[type=submit],.sign-in-card__content input[type=submit]{
        margin-bottom:20px
    }
}
.sign-in-card__footer{
    text-align:center
}
.sign-in-card__actions{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
@media (min-width:900px){
    .sign-in-card__actions{
        align-items:center;
        flex-direction:row
    }
    .sign-in-card__actions label{
        padding-bottom:0;
        width:auto
    }
}
.sign-in-card__actions p{
    line-height:17px;
    text-align:center
}

.card{
    background-color:#fff;
    display:flex;
    flex:1 0 0;
    flex-direction:column;
    overflow:hidden;
    padding:25px 30px
}
.card-component{
    margin-top:40px
}
@media (min-width:595px){
    .card-component{
        margin-top:50px
    }
}
@media (min-width:900px){
    .card-component{
        margin-top:60px
    }
    .card-component h2{
        font-family:HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
        font-weight:700;
        color: var(--NGcoreBlack);
    }
}
@media (min-width:595px){
    .card-component .card__group{
        display:flex;
        align-items:stretch;
        flex-flow:row wrap;
        justify-content:flex-start
    }
}
.card.-type-horizontal{
    margin-bottom:15px;
    padding:0;
    border: 1px solid var(--CardBorderGray);
    border-radius: 8px;
}
@media (min-width:595px){
    .card.-type-horizontal{
        flex-direction:row;
        overflow:hidden;
        position:relative;
       border: 1px solid var(--CardBorderGray);
       border-radius: 8px;
    }
}
.card.-type-vertical{
    align-items:stretch;
    justify-content:flex-start;
    flex-grow:1;
    flex-shrink:0;
    flex-wrap:nowrap;
    margin-bottom:15px;
    padding:0;
    position:relative;
    width:100%;
    border: 1px solid var(--CardBorderGray);
    border-radius: 8px;
}

@media (min-width:595px){
    .card.-type-vertical{
        flex-basis:calc(50% - 7.5px);
        margin-right:15px;
        max-width:calc(50% - 7.5px)
    }
    .card.-type-vertical:nth-of-type(even){
        margin-right:0
    }
}
@media (min-width:900px){
    .card.-type-vertical{
        flex-basis:calc((100% - 45px)/4);
        max-width:calc((100% - 45px)/4)
    }
    .-two-col .card.-type-vertical:nth-of-type(4n),.card.-type-vertical:nth-of-type(even){
        margin-right:15px
    }
    .-two-col .card.-type-vertical:nth-of-type(3n),.card.-type-vertical:nth-of-type(4n){
        margin-right:0
    }
    .-two-col .card.-type-vertical{
        flex-basis:calc((100% - 30px)/3);
        max-width:calc((100% - 30px)/3)
    }
    .-three-col .card.-type-vertical{
        flex-basis:calc((100% - 30px)/3);
        min-width:calc((100% - 30px)/3)
    }
    .-three-col .card.-type-vertical:nth-of-type(4n){
        margin-right:15px
    }
    .-three-col .card.-type-vertical:nth-of-type(3n){
        margin-right:0
    }
}
@media (min-width:1265px){
    .-two-col .card.-type-vertical{
        max-width:calc((100% - 40px)/3)
    }
    .-three-col .card.-type-vertical{
        flex-basis:calc((100% - 15px)/2);
        min-width:calc((100% - 15px)/2);
        border: 1px solid var(--CardBorderGray);
        border-radius: 8px;
    }
    .-three-col .card.-type-vertical:nth-of-type(3n),.-three-col .card.-type-vertical:nth-of-type(4n){
        margin-right:15px
    }
    .-three-col .card.-type-vertical:nth-of-type(even){
        margin-right:0
    }
}
.card__image{
    background:center right no-repeat;
    background-size:cover;
    height:150px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:0
}
.-type-horizontal .card__image{
    display:none;
    height:100%;
    width:214px
}
@media (min-width:595px){
    .-type-horizontal .card__image{
        display:block
    }
}
.-type-horizontal .card__image .power-line{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    border:0;
    /* new needed to remove the box shadow to view border, might need a diff solution */
    box-shadow:0 0 0 1000px #fff;
    display:block;
    width:120%;
    height:130%;
    right:0;
    bottom:0;
    transform-origin:bottom right;
    transform:rotate(-11.25deg);
    z-index:1
}
.-type-horizontal .card__image .power-line:after{
    content:none
}
@media (min-width:595px){
    .-type-vertical .card__image{
        height:291px
    }
}
.-type-vertical .card__image:after{
    background-color:#fff;
    content:none;
    height:47%;
    position:absolute;
    bottom:0;
    right:0;
    transform-origin:0 100%;
    transform:rotate(11.25deg);
    width:110%
}
@media (min-width:595px){
    .-type-vertical .card__image:after{
        content:'';
        height:27%
    }
}
.card__content{
    z-index:1
}
.-type-horizontal .card__content{
    max-width:100%;
    padding:20px 25px;
    position:relative
}
@media (min-width:595px){
    .-type-horizontal .card__content{
        margin-left:214px;
        padding:25px 30px;
        width:calc(100% - 214px)
    }
    .-type-horizontal .card__content-wrapper{
        display:flex;
        align-items:center;
        flex-direction:column;
        justify-content:center;
        min-height:180px;
        overflow:hidden;
        position:relative
    }
}

#main-page-content > div.card-component > div > div.card__content-wrapper > div > p > a{
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 700;
    text-decoration: none;
}

#main-page-content > div.card-component > div > div.card__content-wrapper > div > p > a:hover{
   color: var(--NGBtnHover500);
}

.-type-vertical .card__content,.card__content-main{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    height:100%
}
.-type-vertical .card__content{
    margin-top:154px;
    padding:1.5rem 1rem 1.5rem 1rem;
}
@media (min-width:595px){
    .-type-vertical .card__content{
        margin-top:291px;
        padding:1.5rem;
    }
}
.card__content-header a{
    color:var(--linktext)!important;
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 700;
}
.card__content-header{

    font-size:var(--20pt);
    line-height:24px;
    margin-bottom:15px;
    font-family: HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 500;
    
}
.card__content-header a,.ngcw-main-navigation__microsite-title h1 a{
    text-decoration:none
}
.card__content-header a:hover{
    color:var(--NGBtnHover500)!important;
}
.card__content-main{
    justify-content:space-between
}
.card__content-text a{
    text-decoration: none;
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 700
}

.card__content-text a:hover{
    text-decoration: none;
    color:var(--NGBtnHover500)!important;
   ;
}
@media (min-width:595px){
    .card__content-text{
        font-size:16px;
        line-height:24px
    }
}
.card__content .button,.card__content .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .card__content .primaryAction{
    font-size:var(--16pt);
    line-height: var(--16pt);
    margin-top:15px;
    text-align:center
}

.card-links a{
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 700;

}

@media (min-width:595px){
    .card__content .button,.card__content .form-component .wFormContainer .primaryAction,.form-component .wFormContainer .card__content .primaryAction{
        display:flex
    }
    .card-links>div:first-of-type{
        margin-top:60px
    }

}


.sign-in-card__actions a,.sign-in-card__actions p{
    display:inline;
    font-size:14px
}
.sign-in-card__remember{
    align-items:center;
    display:flex;
    font-size:14px;
    position:relative
}
@media (min-width:900px){
    .sign-in-card__remember{
        padding-bottom:0
    }
}



.sign-in{
    margin:30px auto 80px
}
@media (min-width:595px){
    .sign-in{
        display:flex;
        justify-content:space-between;
        margin-top:40px
    }
}
@media (min-width:900px){
    .sign-in{
        margin-top:67.5px
    }
}
.sign-in>*{
    margin-bottom:15px
}
@media (min-width:595px){
    .sign-in>*{
        max-width:calc(50% - 7.5px);
        width:calc(50% - 7.5px)
    }
}


.card .create-account__header,.card .sign-in-card__header{
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    border-bottom:1px solid #f0f0f0;
    font-size:20px;
    letter-spacing:.48px;
    padding-bottom:13.33333px
}
@media (min-width:900px){
    .card .create-account__header,.card .sign-in-card__header{
        font-size:24px
    }
}