/*--- Header --*/
.topheader h6 {
    font-size: .8rem;
}

.topheader h6 span {
    font-weight: 700;
    font-size: 1.1rem;
}

button,
.btn {
    border-radius: 28px;
}

.header .navbar-dark .navbar-nav .nav-link {
    line-height: 28px;
    border-radius: 50px;
    text-transform: uppercase;
}

.header .navbar-dark .navbar-nav > .active .nav-link {
    color: #fff !important;
}

.header .header-info-logo-img img {
    width: 246px;
}

.header .navbar-dark .navbar-nav .nav-item .nav-link:before {
    border-width: 0;
}

nav.navbar.affix {
    -webkit-box-shadow: 0 0 15px -10px #000;
    box-shadow: 0 0 15px -10px #000;
}

.cw-header-info {
    padding: 2.5rem 0;
}

.cw-header-info span,
.cw-header-info a {
    position: relative;
    display: block;
    vertical-align: middle;
}

.header a.header-business-phone {
    font-family: 'Chelsea Market', cursive;
    color: var(--color-theme-highlight);
}

/* =============== button section ====================== */
.buttonSection .btn1 {
    background-image: url("https://apihoard.webit.com/api/v1/Image/57C6B3B135494E08357D10C9E764677D/57C6B3B135494E08357D10C9E764677D.jpg?size=1920x1440");
    background-size: cover;
}

.buttonSection .btn2 {
    background-image: url("https://apihoard.webit.com/api/v1/Image/F002A471DE9D32AA8F72857FB8C1FAFC/F002A471DE9D32AA8F72857FB8C1FAFC.jpg?size=1920x1440");
    background-size: cover;
}

.buttonSection .btn3 {
    background-image: url("https://apihoard.webit.com/api/v1/Image/4924A9F47DB28C3FF0FA851406182716/4924A9F47DB28C3FF0FA851406182716.jpg?size=1920x1440");
    background-size: cover;
}

.buttonSection .btn4 {
    background-image: url("https://apihoard.webit.com/api/v1/Image/468AE05A282FADC0EB310C74AB00F612/468AE05A282FADC0EB310C74AB00F612.jpg?size=1920x1440");
    background-size: cover;
}

.buttonSection .btn5 {
    background-image: url("https://apihoard.webit.com/api/v1/Image/88FA627C43F87E01512B6D5B8FBF5C2E/88FA627C43F87E01512B6D5B8FBF5C2E.jpg?size=1920x1440");
    background-size: cover;
}

.buttonSection .btnTxt {
    background-color: rgba(248, 248, 248, .7);
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}

.buttonSection .btnContent a:hover .btnTxt {
    box-shadow: inset 0 0 0 4px #555, 0 0 1px rgba(0, 0, 0, 0);
    color: #000000;
}


/* ===================== internal page =================== */
.title-heading {
    background-color: #555555;
    padding: 1em .5em;
    color: #ffffff;
    font-weight: 500;
}

.garageFloor,
.PAVER {
    background-color: #EDEDED;
    border-radius: solid 3px #555;
}

@media (min-width: 500px) {

    .cw-header-info span,
    .cw-header-info a {
        display: inline-block;
    }

    .cw-bullet:before {
        content: "\2022";
        padding: 0 4px 0 0;
    }
}

@media(min-width: 992px) {
    .topheader {
        position: fixed;
        z-index: 1031;
        width: 100%;
    }

    .header .affix {
        top: 40px
    }

    .header .header-info-logo-img {
        position: fixed;
        top: 90px;
        z-index: 1031;
        padding: 0;
    }

    .header .header-info-logo-img img.cw-shrink {
        width: 160px
    }

    nav.navbar .container {
        position: relative;
        height: 215px;
        margin: 0 auto;
    }

    nav.navbar .container.cw-shrink {
        height: 100px;
    }

    .navbar-nav {
        position: absolute;
        right: 0;
        bottom: 70px;
    }

    .navbar-nav.cw-shrink {
        bottom: 7px;
    }

    .cw-header-info {
        position: fixed;
        z-index: 2000;
        top: 60px;
        width: 100%;
    }
    .title-heading {
    margin-top: 2.3em;
}
}



.page-home .list, .page-home .list a {
    color: #fff;
}

.page-home .list a:hover {
    color: #ccc;
}


.page-home .list-img-link .list-img-wrap .list-img-content .list-img-photo, .page-home .textwithimage-img {
    border: 15px solid #555555;
    padding: 15px;
}

@media(min-width: 1400px) {
.page-home .list-text-title {
font-size: 1.25rem!important;
}
}