Unable to read the contents of "/promotions/assets/brand-specific/BRAND/brand-styles.css"  


.promotion { line-height: 1.4; font-family: 'Josefin Sans', sans-serif;}

.promotion h1 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 60px;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.1;
}

.promotion h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 24px;
    color: #333;
    font-weight: normal;
    line-height: 1.1;
    margin-top: 20px;
}
.promotion h3 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    color: white;
    margin-top: 0;
    line-height: 1.1;
}

.promotion h4 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    color: #333;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.6;
}

.promotion p {
    font-family: 'Helvetica', sans-serif;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
    margin-top: 0;
}

.promotion a {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}

.promotion .mega-text {
    font-size: 85px;
    font-weight: normal;
    margin-bottom: -30px;
}




.promotion .d-flex {
    display: flex;
}

.promotion .d-flex-wrap {
    flex-wrap: wrap;
}

.promotion .align-items-center {
    align-items: center
}

.promotion .justify-content-center {
    justify-content: center;
}

.promotion .inline-block {
    display: inline-block;
}

.promotion .spacer {
    margin-top: 30px;
    margin-bottom: 30px;
}

.promotion sup {
    top: -0.5em;
    position: relative;
    font-size: 9px;
    line-height: 0;
    vertical-align: baseline;
}


.promotion ul li { list-style-type:disc; margin-left: 1em; font-size: 12px; text-align: left!important; }

.promotion ul { -webkit-padding-start: 0; padding-left: 10px; margin-left: 15px; text-align: left!important; }


.promotion hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #ccc;
    display: inline-block;
    width: 95%;
}


.promotion .grid_8, .promotion .grid_7, .promotion .grid_6, .promotion .grid_5, .promotion .grid_4, .promotion .grid_3, .promotion .grid_2, .promotion .grid_1 { box-sizing: border-box; }





.promotion .button, .promotion .button_primary, .promotion .btn, .promotion .btn-primary {
    background: #3fa2f7;
    transition: 0.15s;
    padding: 8px 20px;
    border: none;
    display: inline-block;
    border-radius: 3px;
}

.promotion .button:hover, .promotion .button_primary:hover, .promotion .btn:hover, .promotion .btn-primary:hover {
    background: #2488dd;
    transition: 0.15s;
}

.promotion .shop-all-btn {
    padding: 8px 30px;
    background: #ad8c67;
    color: white !important;
    font-weight: bold;
    transition: 0.2s;
}

.promotion .shop-all-btn:hover {
    background: #ccac88;
    transition: 0.2s;
    color: white !important;
}





.promotion #manage-account {
    margin-bottom: 15px;
}

.promotion #main-copy img {
    padding: 0 30px;
    box-sizing: border-box;
}

.promotion #main-copy h2 {
    max-width: 550px;
    display: inline-block;
}

.promotion .half_until_mobile {
    flex-basis: 49%;
}

.promotion .grey-border-right {
    border-right: 1px solid #ccc;
}

.promotion #manage-account-2 {
    background: #333;
    color: white!important;
    padding: 15px;
}

.promotion .drop_arrow {
    width: 15px;
    display: inline-block;
    transition: all 0.2s;
}

.promotion .drop_arrow.spin {
    transition: all 0.2s;
    transform: rotate(180deg);
}

.promotion .question-box {
    background: #f5f5f5;
    padding: 15px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    transition: all 0.2s;
    box-sizing: border-box;
    margin-top: 15px;
}

.promotion .collapsable {
    width: 85%;
    transition: all 0.2s;
    height: 0;
    display: inline-block;
    overflow: hidden;
}

.promotion .collapsable.opened {
    transition: all 0.2s;
    height: unset;
}

.promotion .question-header {
    display: flex;
    width: 100%;
    cursor: pointer;
}

.promotion .ninty-percent {
    flex-basis: 90%;
}

.promotion .ten-percent {
    flex-basis: 10%;
}


/****** MOBILE *******/


@media only screen and (max-width: 767px){

    .promotion .button, .promotion .button_primary, .promotion .btn, .promotion .btn-primary {
        padding: 8px 20px;
        font-size: 115%;
    }

    .promotion .shop-all-btn {
        padding: 12px 30px;
        font-size: 115%;
    }

}

@media only screen and (max-width: 550px){

    .promotion .half_until_mobile {
        flex-basis: 100%;
    }

    .promotion .grey-border-right {
        border-right: none;
    }

}