.mb-0 {
    margin-bottom: 0
}

.mt-0 {
    margin-top: 0
}

.mb-1 {
    margin-bottom: 1rem
}

.overlay-label {
    color: #fff;
    background-color: #796e65;
    opacity: .9;
    position: absolute;
    inset: 1.5rem;
    bottom: auto;
    padding: 1rem;
    text-align: left
}

.overlay-label span {
    display: block
}

.bg-ladson {
    background-image: url()
}

.bg-mccarran {
    background-image: url()
}

.bg-benefits {
    background-image: url()
}

.bg-col-img {
    background-size: cover;
    height: 420px;
    width: 100%;
    max-width: 915px;
    background-position: 50% 50%
}

.bg-benefit-img {
    background-size: cover;
    height: 448px;
    width: 100%;
    background-position: 50% 50%
}

.bg-grey {
    background-color: #f8f8f8
}

label.h4.text-black {
    color: #000;
    font: normal normal normal 24px/33px Open Sans
}

.flex {
    display: flex;
    flex-wrap: wrap
}

.row-flex {
    display: flex;
    flex-wrap: wrap
}

.flex-verticle-align-center {
    align-items: center
}

.hardwood-benefits .benefits-row ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left
}

.hardwood-icons figcaption {
    margin-top: .5rem
}

@media(min-width:768px) {
    .row-flex div {
        flex: 1
    }

    .hardwood-benefits .row-flex.flex-verticle-align-center {
        max-width: 500px;
        text-align: center;
        margin: 24px auto
    }
}

@media(min-width:1200px) {
    .overlay-label {
        inset: 1.5rem 1.5rem auto auto;
        padding: 1.5rem 2rem;
        text-align: left
    }

    .w-hardwood-page .ver-line {
        border-left: 2px solid #ddd;
        padding-left: 60px
    }

    .w-hardwood-page div:not(.ver-line) {
        padding-right: 60px
    }

    .hardwood-benefits .benefits-row>.ver-line {
        border-left: 2px solid #ddd;
        padding-left: 30px;
        padding-right: 30px;
        text-align: left
    }

    .hardwood-benefits .benefits-row>div:not(.ver-line) {
        padding-right: 30px
    }

    .d-flex {
        display: flex;
        margin: 28px 0
    }

    .btn-learnmore {
        width: 11em
    }
}

@media(max-width:1199px) {
    .hardwood-benefits .benefits-row>.ver-line {
        border-top: 2px solid #ddd;
        padding-top: 30px
    }
}

@media(max-width:767px) {
    .overlay-label {
        display: none
    }

    .row-flex div {
        flex: 1
    }

    .row-flex {
        justify-content: center
    }
}

@media(max-width:480px) {
    .overlay-label {
        display: none
    }

    .row-flex div {
        flex: none;
        display: flex;
        flex-wrap: wrap;
        width: calc(100%/3 - 12px);
        justify-content: center;
        align-items: flex-start;
        padding: 10px 0
    }

    .w-50 {
        width: 40% !important
    }

    .zs {
        margin-right: 15px
    }

    .floor-score {
        margin-right: -30px
    }
}

.btn-margin {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.dropdown-h2-txt {
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    white-space: nowrap;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0
}

@media(max-width:412px) {
    .dropdown-h2-txt {
        font-size: 15px
    }
}

@media(min-width:1439px) {
    .benfits-margin {
        margin-left: 70px;
        margin-right: 70px
    }

    .benfits-padding {
        padding-left: 55px;
        padding-right: 55px
    }
}

@media(min-width:480px) {
    .seven-itm .row-flex .align-itm {
        flex: none;
        width: calc(100%/7) !important;
        justify-content: center;
        align-items: flex-start;
        padding: 26px 0
    }
}

@media(max-width:1220px) {
    .benfits-margin-2x {
        margin-top: 48px
    }
}

@media(min-width:1219px) {
    .benfits-margin-2x {
        margin-top: 65px
    }
}

@media(max-width:480px) {
    .dryback-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .dryback-flex .col-xs-4 {
        width: 33.33333333%
    }

    .five-itm .row-flex .align-itm {
        flex: none;
        width: calc(100%/3) !important;
        justify-content: center;
        align-items: flex-start;
        padding: 26px 0
    }
}

@media(min-width:480px) {
    .five-itm .row-flex .align-itm {
        flex: none;
        width: calc(100%/5) !important;
        justify-content: center;
        align-items: flex-start;
        padding: 26px 0
    }
}

@media(min-width:1219px) {
    .acclima-margin-2x {
        margin-top: 30px
    }

    .top-icon-margin {
        margin-top: 10px
    }
}