.section-banner { display:flex; position:relative;  background:url(/images/checkout/header-checkout.jpg); background-size:cover; background-repeat:no-repeat; width:100%; height:0px; padding-top:45%; }
.section-banner:before { content: ''; background:url(/images/checkout/header-bottom.png); background-size:cover; background-position:top left; width:100%; height:0px; padding-top:16%; position:absolute; bottom:0px; left:0px; }

.section-banner .inner { position:absolute; top:0px; left:0px; width:100%; width:50%; padding:30px 40px; padding-left:130px;  }
.section-banner .inner .top {display:flex; justify-content: space-between;  }
.section-banner .inner .top .logo img { height:130px; width:auto;  }
.section-banner .inner .cta { width:250px; margin-top:50px; }
.section-banner .inner .cta a { color:#fff;  font-weight:700; padding:3px 10px;  }
.section-banner .inner .cta a.btn-red-link { color:#fff; background:#C12938; border-radius:10px; font-weight:700; padding:3px 10px;  }
.section-banner .inner .cta a:hover { text-decoration:none; opacity:0.8;  }

.section-banner .inner .cta-mobile {display:none;  }

.section-banner .inner .heading { margin-top:40px; font-size:100px; line-height:90px; color:#fff; }
.section-banner .inner .heading .text-red { color:#C12938; }

.section-steps  { padding:80px 20px; }
.section-steps .checkout-stepper-heading { position:relative; display:flex; justify-content: space-around; }
.section-steps .checkout-stepper-heading .checkout-stepper-navigation-item { position:relative; cursor:pointer; color:#3d444c; font-size:30px; width:90px; height:90px; line-height:90px; text-align:center; background:#e3e3e3; border-radius:50%; border:1px solid #ddd; }
.section-steps .checkout-stepper-heading .checkout-stepper-navigation-item.active { color:#fff; background:#C12938;  }
.section-steps .checkout-stepper-heading .line-active { content:''; position:absolute; top:50%; left:0px; background:#C12938; height:5px;  }
.section-steps .checkout-stepper-heading .line-total { content:''; position:absolute; top:50%; left:0px; width:100%; background:#e3e3e3; height:5px; z-index:-1;  }

.section-steps .checkout-stepper-content { display:none; margin-top:100px; }
.section-steps .checkout-stepper-content.active { display:block; }
.section-steps .checkout-stepper-content.course-package img { max-width:400px; }
.section-steps .checkout-stepper-content.course-package .details { padding:40px 0px; }
.section-steps .checkout-stepper-content.course-package .details h3 { color:#C12938; }
.section-steps .checkout-stepper-content.course-package .details p { margin:0px; }

.section-steps .package-price { display:flex; justify-content:flex-end; padding:20px; margin-top:40px; border:1px solid #efefef; border-radius:none; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.18); }
.section-steps .package-price .inner { width:100%; max-width:200px;  }

.section-steps .package-price .inner .subtotal { font-size:18px; margin:0px; }
.section-steps .package-price .inner .total { font-size:25px; }
.section-steps .package-price .inner span { float:right; color:#C12938; }

.section-steps .checkout-stepper-pager { margin-top:40px; }
.section-steps .checkout-stepper-pager .prev { text-align:left; }
.section-steps .checkout-stepper-pager .next { text-align:right; }
.section-steps .checkout-stepper-pager button { cursor:pointer; background:#C12938; color:#fff; height:40px; line-height:40px; padding:0px 40px; border:none; border-radius:25px; }
.section-steps .checkout-stepper-pager button:hover { opacity:0.8; }

.ew-form-group input[type=text], .ew-form-group input[type=email] { margin-bottom:20px; width:100%; padding:0px 10px; height:40px; line-height:40px; background:#fff; border:1px solid #efefef; border-radius:none; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.18); }
a.btn-red-link { color:#fff; background:#C12938; border-radius:10px; font-weight:700; padding:5px 10px;  }
a.btn-white-link { color:#404040; background:#efefef; border-radius:10px; font-weight:700; padding:5px 10px;  }

footer {
color: #fff;
}

footer .margin-bottom-95px {
    margin-bottom: 95px!important;
}

footer .footer-top {
    background-color: #fff;
}

footer .footer-content { background:#2b3548; }
footer .container-fluid {
    position: relative;
    padding-left: 95px;
    padding-right: 95px;
    background-color: #354350;
    margin-top: -5px;
}

footer .container-fluid .buttons {
    bottom: 1rem;
    position: absolute;
    right: 15px;
}

footer .container-fluid .buttons .btn.btn-login {
    background-color: #fff;
    color: #354350;
    margin-right: 25px;
}

footer .container-fluid .footer-title {
    display: inline-block;
}

footer .container-fluid .footer-title h2 {
    margin-left: 25px;
}

footer .middle-footer .easywrite-logo {
    text-align: center;
    position: relative;
    height: 100%;
}

footer .middle-footer .easywrite-logo img {
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

footer .middle-footer ul {
    list-style: none;
    padding-left: 0px;
    font-size: 1.5em;
}

footer h2 {
    font-size: 4.5em;
    line-height: 1em;
    margin-bottom: 25px;
}


@media only screen and (max-width: 1366px) {
    .section-banner .inner {  padding-left:50px;  }
    .section-banner .inner .heading { margin-top:20px; font-size:80px; line-height:70px; }
}

@media only screen and (max-width: 1280px) {
    .section-banner .inner {  padding-left:30px;  }
    .section-banner .inner .heading { margin-top:20px; font-size:70px; line-height:60px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
    footer .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }

    footer .middle-footer .col {
        max-width: 22%;
        flex: none;
    }

    footer .middle-footer .col:last-child {
        max-width: 34%;
    }
}

@media only screen and (max-width: 1024px) {
    .section-banner { padding-top:50%; }
    .section-banner .inner .top .logo img { height:90px;  }
    .section-banner .inner .top .cta { margin-top:30px; text-align:right;  }
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {   
    
    .section-banner { background:#2b3548; padding-top:50%; }
    /* .section-banner:before { display:none !important; } */
    .section-banner .inner { position:absolute; top:0px; left:0px; width:100%; width:100%; padding:20px 40px; padding-left:0px; padding-right:0px;  }

    footer .container-fluid .buttons {
        position: initial;
        text-align: center!important;
        margin-top:50px;
    }

    footer .container-fluid .buttons a {
        margin-top: 20px;
    }

    footer .top-footer {
        margin-bottom: 0px!important;
    }   

    footer .middle-footer {
        margin-bottom: 20px!important;
    }

    footer .middle-footer .easywrite-logo img {
        position: initial;
        transform: none;
        max-width:400px;
    }

    footer .middle-footer .col {
        max-width: 30%;
    }

    footer .middle-footer .col:last-child {
        max-width: 40%;
    }

    footer .middle-footer .col:first-child {
        max-width: 100%;
    }

    footer h2 {
        font-size: 3.5em;
        line-height: 1em;
        margin-bottom: 25px;
    }

}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .section-banner  { padding-top:70%; }
    .section-banner .inner .cta {width: 100%;  text-align: left; margin-top: 40px;}
    .section-banner .inner .cta-mobile { display:block;  }
    .section-banner .inner .cta-desktop { display:none;  }


    footer .middle-footer ul {
        font-size: 1.25em;
        margin-bottom: 25px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 650px) {
    .section-banner  { padding-top:80%; }
    .section-banner .inner .heading {  font-size:60px; line-height:55px; }

    footer .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }

    footer .middle-footer .col {
        max-width: 50%;
    }

    footer .middle-footer .col:last-child {
        max-width: 100%;
    }

    footer h2 {
        font-size: 3em;
        line-height: 1em;
        margin-bottom: 25px;
        margin-top: 25px;
    }
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    .section-banner  { padding-top:90%; }
    .section-banner .inner .heading { margin-top:20px; font-size:40px; line-height:40px; }

    footer .middle-footer .col {
        max-width: 100%;
    }

    footer .container-fluid .footer-title h2 {
        font-size: 3em!important;
        margin-left: 0px;
    }

    footer .container-fluid .buttons a {
        display: block;
        margin-left: auto!important;
        margin-right: auto!important;
        width: 50%;
    }

    footer .middle-footer .easywrite-logo img { max-width:300px; }
}

.book-list {margin-bottom:60px !important; }
.book-list .card-header { display:none !important; }