/* ==================================================================================================== */
/*                                                                         Progressive Enhancement CSS  */
/* ==================================================================================================== */
/*                                                                        Layout Starting @ 768px Wide  */
/* ==================================================================================================== */

/* ==================================================================================================== */
/*                                                          Shared Classes (Used across the whole site) */
/* ==================================================================================================== */
.topBanner {
    height: auto;
    object-fit: initial;
}





/* ==================================================================================================== */
/*                                                                                      Layout & Design */
/* ==================================================================================================== */

/* ==================================================================================================== */
/*                                                                                               Header */
/* ==================================================================================================== */
header {
    align-items: center;
    display: flex;
    height: 120px;
    justify-content: space-between;
    padding: 0;
}

    .headerLogo {
        margin: 0 10px;
    }

    .siteNav {
        flex: 1;
        max-width: 640px;
    }

        .siteNav a {
            line-height: 44px;
        }





/* ==================================================================================================== */
/*                                                                                                 Home */
/* ==================================================================================================== */

/* ================================================== */
/* Escrow Services                                    */
/* ================================================== */
.homeEscrowServices {
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 180px 40px;
}

	.homeEscrowServices h2 {
        flex: 0 1 45%;
    }

    .homeEscrowServices ul {
        flex: 0 1 53%;
        margin-top: 0;
    }
	
.iframe-escrow-video-container {
    margin: -150px 40px 0 40px;
}



/* ================================================== */
/* Information Panels                                 */
/* ================================================== */
.homePanel img {
    flex: 0 1 40%;
}

.homePanel > div {
    flex: 0 1 57%;
}





/* ==================================================================================================== */
/*                                                                              Initiate Escrow Process */
/* ==================================================================================================== */

/* ================================================== */
/* Initiate List                                      */
/* ================================================== */
.initiatePackaging {
    float: left;
    width: 45%;
}

.initiatePart {
    float: right;
    width: 45%;
}

.initiateEscrow {
    clear: both;
}





/* ==================================================================================================== */
/*                                                                                                  Fee */
/* ==================================================================================================== */

/* ================================================== */
/* 3 Panels                                           */
/* ================================================== */
.feePanelsWrapper {
    display: flex;
    justify-content: space-between;
    max-width: none;
}

    .feePanel {
        flex: 0 1 32%;
        height: 390px;
    }

        .feePanel img {
            margin-top: 60px;
        }

            .feePanel .third {
                margin-top: 25px;
            }

        .feePrice {
            font-size: 80px;
            margin-top: 20px;
        }

    .feeAbove {
        margin-top: 40px;
    }



/* ================================================== */
/* Escrow Policy                                      */
/* ================================================== */
.feeVendorPay {
    float: left;
    margin-top: 20px;
    width: 45%;
}

.feeBuyerPay {
    float: right;
    margin-top: 20px;
    width: 45%;
}

.feeNoRefund {
    clear: both;
    margin-bottom: 50px;
}





/* ==================================================================================================== */
/*                                                                                               Footer */
/* ==================================================================================================== */

/* ================================================== */
/* Main Footer                                        */
/* ================================================== */
.footerInfo {
    flex-wrap: nowrap;
    padding: 30px 10px;
}

    .footerLogo,
    .footerLinks,
    .footerContacts {
        border: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    /* === First Column === */
    .footerLogo {
        flex: 2;
    }

    /* === Third Column === */
    .footerCommunities {
        justify-content: left;
    }

        .footerCommunities a {
            margin: 0 5px 0 0;
        }