.intro {
    font-family: Arial, Verdana, sans-serif;
    border-radius: 8px;
    border: 1px solid #F9A11D;
    background-color: transparent;
    padding: 20px 25px 20px 25px;
    /*font-size: 1.1em;
    line-height: 1.5;*/
}

.orderTotalContainer {
    display: none;
    position: fixed;
    width: 200px;
    background-color: #06becd;
    z-index: 999;
    text-align: center;
    color: #fff;
}

    .orderTotalContainer .orderTotal {
        display: block;
    }

.totalContainer {
    float: left;
    display: inline-block;
    text-align: right;
}

.floatLeft {
    float: left;
}

.load {
    display: none;
}

.TellUsAboutYourselfOther {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Marvel', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.orderFormDesc {
    border-radius: 8px;
    border: 1px solid #F9A11D;
    background-color: transparent;
    padding: 20px 25px 20px 25px;
}

.section {
    padding: 20px 25px 5px 25px;
}

hr {
    margin: 0 0 10px 0;
    padding: 0;
}

.homeschoolTitle {
    clear: both;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    background-color: #a1d88b;
    display: flex;
    font-family: 'Marvel';
    align-items: center;
}

    .homeschoolTitle img {
        margin: 0 30px 0 0;
    }

.homeschoolOrderItems {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

    .homeschoolOrderItems > div {
        border: 1px solid #ddd;
        margin: 0 3px 5px 0;
        position: relative;
        display: flex;
        width: calc(50% - 3px);
        align-items: start;
        box-sizing: border-box;
    }

        .homeschoolOrderItems > div:nth-of-type(2) {
            margin: 0 0 5px 3px;
        }

        .homeschoolOrderItems > div .desc {
            flex-grow: 1;
            padding: 15px 30px 15px 15px;
        }

        .homeschoolOrderItems > div p {
            font-size: 13px;
            color: #a2a2a2;
            margin: 0;
            padding: 0;
        }

        .homeschoolOrderItems > div .qtyDropDown {
            width: 50px;
            min-width: 50px;
            margin: 15px 15px 0 0;
            padding: 5px;
            height: auto;
            border: 1px solid #ccc;
            border-radius: 8px;
        }

        .homeschoolOrderItems > div input[type=radio] {
            padding: 5px;
        }

        .homeschoolOrderItems > div .price {
            background-color: #a1d88b;
            padding: 15px;
            height: 100%;
            box-sizing: border-box;
            font-weight: bold;
            width: 10rem;
            text-align: center;
        }

        .homeschoolOrderItems > div:nth-of-type(2) {
            margin-left: 3px;
        }

.shippingOptions {
    margin: 20px 0 30px 0;
}

    .shippingOptions > div span {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 10px;
        font-size: 13px;
        color: #a2a2a2;
    }

        .shippingOptions > div span b {
            font-weight: bold;
            font-size: 1rem;
            color: #58595B;
        }

    .shippingOptions > span {
        margin: 10px 0 10px 30px;
        display: block;
        font-weight: bold;
    }

.homeschoolButton a, .homeschoolButton, a.homeschoolButton {
    display: inline-block;
    background-color: #55a51c;
    padding: 15px 10px;
    font-family: 'Marvel', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff !important;
    font-size: 22px;
    border-radius: 8px;
    text-align: center;
    border: none;
}

    .homeschoolButton a:hover, .homeschoolButton:hover {
        cursor: pointer;
        background-color: #468817;
        color: white;
    }

.orderInformation .programTitle {
    clear: both;
    font-weight: bold;
    font-size: 28px;
}

    .orderInformation .programTitle.infantToddler {
        background-color: #ffcb03;
        color: #fff;
    }

    .orderInformation .programTitle.earlyChildhood {
        background-color: #06becd;
        color: #fff;
    }

    .orderInformation .programTitle.lowerElementary {
        background-color: #a8c145;
        color: #fff;
    }

    .orderInformation .programTitle.upperElementary {
        background-color: #faa11e;
        color: #fff;
    }

    .orderInformation .programTitle .titleText {
        display: inline-block;
    }

.orderInformation .categoryHeader {
    display: block;
    padding: 25px 0 0 0;
    font-weight: bold;
    color: #47360e;
}

.orderInformation .resource {
    float: left;
}

.orderInformation ul {
    padding: 5px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .orderInformation ul li {
        border: 1px solid #ddd;
        margin: 0 0 5px 0;
        position: relative;
        width: 49%;
    }

        /*        .orderInformation ul li:nth-child(even) {
            float: right;
        }*/

        .orderInformation ul li .detail {
            display: block;
            padding: 15px 0 3px 15px;
            width: 250px;
        }

            .orderInformation ul li .detail.important {
                font-weight: bold;
            }

        .orderInformation ul li .price {
            font-weight: bold;
        }

    .orderInformation ul.infantToddler li .price {
        background-color: #ffcb03;
    }

    .orderInformation ul.earlyChildhood li .price {
        background-color: #06becd;
    }

    .orderInformation ul.lowerElementary li .price {
        background-color: #a8c145;
    }

    .orderInformation ul.upperElementary li .price {
        background-color: #faa11e;
    }

    .orderInformation ul li .additionalDesc {
        display: block;
        font-size: 13px;
        color: #a2a2a2;
        padding: 0 0 15px 15px;
        width: 250px;
    }

.thankyouPanel.resourceOrder {
    background-color: #04BDCD;
    color: #fff;
}

    .thankyouPanel.resourceOrder .rightColumn .header {
        padding: 0;
        background: none;
        font-size: 24px;
    }

    .thankyouPanel.resourceOrder img {
        border: 1px solid #E7E7E8;
    }

.thankyouPanel.homeschoolOrder {
    background-color: #a1d88b;
}

    .thankyouPanel.homeschoolOrder .header {
        background-image: none;
        padding: 0;
    }

#shippingCharges {
    width: 80%;
    font-size: 15px !important;
    padding: 20px;
}

.shipper {
    padding: 20px 0 0 0;
}

.selectedResourceList {
    list-style-type: circle;
    margin: 8px 0 0 0;
    list-style-position: inside;
}

    .selectedResourceList li {
        margin: 0 0 12px 0;
    }

    .selectedResourceList .resourceName {
        font-weight: bold;
    }

.step5 .notes {
    font-size: 14px;
    line-height: 20px;
}

.totalTag {
    display: inline-block;
    font-weight: bold;
    float: left;
}

.totalDivider {
    clear: both;
    height: 6px;
}

@media only screen and (max-width : 1026px) {
    .orderInformation .programTitle {
        text-align: center;
    }

        .orderInformation .programTitle .titleText {
            padding: 15px 10px;
        }

        .orderInformation .programTitle img {
            float: none;
            margin: auto;
        }

    .orderInformation ul li {
        clear: both;
        width: 100%;
    }

    .orderItemDesc {
        clear: both;
    }

    .orderInformation ul li .qty {
        float: left;
        margin: 10px 0 0 10px;
    }

    .orderInformation ul li .price {
        width: 50%;
        text-align: center;
        padding: 15px 0;
        float: right;
    }

    .orderTotalContainer {
        right: 50%;
        margin-right: -100px;
        top: 0;
        padding: 6px 0;
    }

        .orderTotalContainer .orderTotal {
            font-size: 30px;
            line-height: 30px;
        }

    .noMobile {
        display: none;
    }

    .selectedResourceList .resourceName {
        display: block;
        width: 100%;
    }

    .selectedResourceList .price {
        display: block;
        width: 100%;
        text-align: left;
        padding: 5px 0 0 0;
    }

    .totalTag {
        width: 60%;
    }

    .totalContainer {
        width: 40%;
    }
}

@media only screen and (min-width : 1027px) {
    .orderInformation .programTitle {
        text-align: left;
    }

        .orderInformation .programTitle .titleText {
            padding: 15px 30px;
        }

        .orderInformation .programTitle img {
            float: left;
            margin: 0;
        }

    .orderInformation ul li {
        float: left;
        width: 469px;
        clear: none;
    }

    .orderItemDesc {
        clear: none;
    }

    .orderInformation ul li .qty {
        display: inline-block;
        float: right;
        margin: 10px 0 0 0;
        position: absolute;
        right: 125px;
    }

    .orderInformation ul li .price {
        width: 115px;
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: center;
        padding: 15px 0;
        top: 0;
        display: inline-block;
    }

    .orderTotalContainer {
        right: 50px;
        top: 300px;
        margin: 0;
        padding: 15px 0;
    }

        .orderTotalContainer .orderTotal {
            font-size: 40px;
            line-height: 40px;
        }

    .noMobile {
        display: block;
    }

    .selectedResourceList .resourceName {
        display: inline-block;
        width: 475px;
    }

        .selectedResourceList .resourceName.homeschool {
            width: 520px;
        }

    .selectedResourceList .price {
        display: inline-block;
        width: 150px;
        text-align: right;
        padding: 0;
    }

    .totalTag {
        width: 200px;
    }

    .totalContainer {
        width: 120px;
    }
}