/* AANZ */

.noBoxjobTypeName{
    margin-top: 40px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    float:none !important;
}

.headerContainer {
    background-image: url("/assets/img/3978/headerbg.jpg");
}

.headerContainer.homePage {
    background-image: url("/assets/img/3978/homeheaderbg.jpg") !important;
}

.postcodeStep {
    background-image: url("/assets/img/3978/map_nz.png");
    background-position: center;
    background-position-y: 180px;
    /* background-size: 445px; */
    background-size: 320px;
    height: 595px;
}

.postcodeText{
    margin-top: -20px;
}

.wizardButton {
    padding: 20px 40px;
    padding-top: 90px;
}

#footer {
    background-image: url("/assets/img/3978/footerbg.png");
}

.heroHomeLogoContainer {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.heroHomeLogo {
    width: 525px;
    margin-left: -10px;
    display: none;
}

.homeSubTitle {
    margin-top: 15px;
    /* background-color: #991313; */
    background-color: #ffd400;
    color: black !important;
    padding: 7px;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-weight: bold !important;
}

.sellingPointContainer {
    margin-top: 8px !important;
}

.sellingPoint {
    width: 130px !important;
}

.sellingPoint span {
    margin-top: 15px;
    background-color: #00B0E2;
    padding: 15px;
    width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-weight: bold !important;
    font-size: 1.4em !important;
}

.headerContainer {
    height: 200px;
}

.headerContainer.homePage {
    padding-bottom: 15px;
    background-position: center 75%;
    height: 450px;
}

.homeSubTitle {
    margin-top: 50px;
}

.homepageArea {
    background-image: url('/assets/img/3978/homeareabg_mobile.png');
}

.homepageArea.mobile {
    background-image: url('/assets/img/3978/homeareabg_mobile.png');
}

.pricingBox {
    padding-bottom: 150px !important;
}

.discountPadding {
    padding-bottom: 170px !important;
}

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

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

@media only screen and (max-width: 850px) {
    .heroHomeLogo {
        margin-left: -60px !important;
    }
    
    .homeSubTitle {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 625px) {
    .heroHomeLogo {
        width: 250px;
        margin-left: -135px !important;
    }
    
    .headerContainer.homePage {
        background-position: 25% 75%;
    }
}

@media only screen and (max-width: 550px) {
    .heroHomeLogo {
        width: 250px;
    }

    .heroHomeLogo {
        margin-left: -30px !important;
    }
    
    .homeSubTitle {
        margin-top: 50px;
    }
}

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

@media only screen and (max-width: 400px) {
    .sellingPoint {
        width: 110px !important;
    }
}

@media only screen and (max-width: 330px) {
    .sellingPoint {
        width: 90px !important;
    }
}

.footerLogo {
    max-width: 450px !important;
}

.footerLinksContainer {
    max-width: 1000px !important;
}

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

#header {
    height: 100px !important;
    padding: 0px !important;
}

#header #headerlogo {
    width: 500px !important;
    max-width: 100% !important;
    float: left;
}

#header.homePage {
    height: 75px !important;
    background-color: transparent !important;
    border-bottom: none !important;
}

#header.homePage #headerlogo {
    width: 500px !important;
    max-width: 100% !important;
}

.headerContainer.homePage {
    background-size: cover !important;
}

.headerContainer {
    background-color: #0092C1 !important;
}

#header.homePage {
    border-bottom: none !important;
}

#header.emergencyPage {
    border-bottom: 2px solid #90C9DC !important;
    height: 75px !important;
    background-color: rgba(28, 137, 176, 0.5) !important;
}

#header.emergencyPage #headerlogo {
    width: 150px !important;
}

.stepTitle,
.confirmTitle,
.editButton,
.faqTitle,
.contactTitle,
.jobReferenceTitle,
.jobReference,
.completeStepHeading,
.contactNumber,
.ratingHeading,
.stepTitleRaw {
    color: #0092C1 !important;
}

.sellingPoint {
    color: white !important;
}

.wizardButtonNext,
.wizardButtonBack,
.tradeName,
.confirmSubTitle {
    color: #404042 !important;
}

.popupTitle,
.confirmPrice {
    background-color: #0092C1 !important;
}

.quantityButton,
.wizardButton,
.wizardButtonNext.valid,
.wizardButtonNext,
.wizardButtonBack {
    background-color: #ffd400 !important;
    color: black !important;
}

.standardButton {
    background-color: #ffd400 !important;
    color: black !important;
}

.standardButton.selected {
    background-color: #0092C1 !important;
}

.tradeBookButton {
    background-color: #ffd400 !important;
    color: black !important;
}

.quantityButton {
    background-color: #ffd400 !important;
    color: black !important;
}

.greyBox,
.boxNoFill,
input[type=text], textarea,
input[type="email"],
input[type="tel"] {
    border: 1px solid #0092C1 !important;
}

.lighterBox {
    border-color: #404042 !important;
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 66, 0.4) !important;
}

.mat-calendar-body-cell-content {
    color: #0092C1 !important;
}

.mat-calendar-body-selected {
    background-color: #404042 !important;
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0,0,0,.38) !important;
}

.handymanButton {
    width: 90% !important;
}

.pricingDisclaimer {
    color: white !important;
}

.agreeEstimate {
    font-family: MontserratBold !important;
}

.sellingPointText {
    display: none;
}