/*header*/

button,.btn {
    border-radius: .25rem!important
}

.header .container {
    max-width: none
}

.header .navbar-dark .navbar-nav .nav-link {
    line-height: 36px;
    text-transform: uppercase
}

.header .navbar-dark .navbar-nav>.active .nav-link {
    color: var(--color-theme-highlight)!important
}

.header .header-info-logo-img img {
    width: 300px
}

.cw-header-contact {
    padding: .75em
}

.cw-header-contact span {
    vertical-align: middle
}

.header a.header-business-phone {
    vertical-align: middle;
    color: #000;
    font-weight: 700;
    font-size: 1.1rem
}



@media(max-width: 768px) {
    .header .header-business {
        color:#000!important
    }
}

@media(min-width: 992px) {
    .header .header-info-logo-img {
        position:fixed;
        top: .5rem;
        left: 0;
        z-index: 1040;
        background: rgba(250,250,250);
        border-radius: 0 1em 1em 0;
        padding: 0
    }

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

    .navbar-nav {
        position: absolute;
        right: 0;
        top: 3.75rem
    }

    .header .navbar,.header .navbar.bg-primary.cw-scrolled .navbar-nav {
        top: 0;
        background: #fff;
        border: 1px solid var(--color-theme-highlight);
        border-top: none
    }

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

    .cw-header-contact {
        position: absolute;
        z-index: 1040;
        top: 0;
        width: 100%
    }

}


/*hero*/

.cw-hero {
    background-image: linear-gradient(rgba(196, 196, 196, 0.8),rgba(71, 0, 0, 0.384)),url(https://apihoard.webit.com/api/v1/Image/A7991D7E1BC554083E339000EF908C3D/A7991D7E1BC554083E339000EF908C3D.jpg?size=1920x1440);
    background-size: cover;
    background-position: right bottom;
      padding-bottom: 80px;
      background-attachment: fixed;
}

@media(max-width: 768px) {
    .cw-hero h1.text-uppercase {
        font-size:1.2em
    }
}

@media(min-width: 992px) {
    .cw-hero h5.text-uppercase.text-highlight {
        margin-top:14em
    }

    .cw-hero h1.text-uppercase {
        font-size: 3.5em
    }
}


/*hp module*/


/*title*/

.title {
    padding-top: 3.3em;
    padding-bottom: 2.8em;
    text-align: center;
    background-image: linear-gradient(45deg,#183E62,transparent),url('https://s3.amazonaws.com/fcwebmanager/Trades & Construction/SmartSites/HeroImages/0/trades_12.jpg');
    background-position: center;
    color: #fff;
    text-shadow: 1px 2px 2px var(--color-theme-highlight);
    font-size: 2em;
    margin-bottom: 2.25em;
    border-bottom: 6px solid var(--color-theme-highlight);
}


/*services list*/

.cw-roundedList li {
    position: relative;
    padding: .4em 1em .4em 2.5em;
    margin: 1em;
    background: #efefef;
    color: #565656;
    font-weight: 700;
    text-decoration: none;
    border-radius: .3em;
    border: 1px solid #fff;
    outline: 2px solid #fff;
    outline-offset: 5px;
    transition: all .3s ease-out
}

.cw-roundedList li i:hover {
    transform: rotate(360deg)
}

.cw-roundedList li i {
    color: #fff;
    position: absolute;
    left: -1.3em;
    top: -18%;
    background: var(--color-theme-secondary);
    height: 3em;
    width: 3em;
    line-height: 2.5em;
    border: .3em solid #fff;
    outline: 2px solid #efefef;
    text-align: center;
    font-weight: 700;
    border-radius: 2em;
    transition: all .3s ease-out
}



/*hp parallax*/

.cw-cascade {
    margin: 0 auto;
    padding: 6em 0
}

.cw-cascade:before {
    overflow: hidden;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.35)
}

.cw-cascadeText {
    z-index: 2
}

.cw-cascade h2,.cw-cascade .h2 {
    text-shadow: 2px 2px 0 #002b36
}

.cw-cascade h2 {
    font-size: 2.25rem
}

@media(min-width: 768px) {

    .page-home .cw-cascade {
        padding: 9em 0
    }

    .cw-cascade h2 {
        font-size: 2.5rem
    }
}

/*--- Reviews ---*/
    .card-testimonial-container {
        position: relative;
        margin-bottom: 3em;
    }

    .card.card-testimonial {
        background: var(--color-theme-background);
    }

    .card-testimonial {
        position: relative;
        border: 3px solid var(--color-theme-border);
        margin-left: 25px;
    }

    .card-testimonial::before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        right: 34px;
        bottom: -30px;
        border: 14px solid;
        border-color: var(--color-theme-border) var(--color-theme-border) transparent transparent;
    }

    .card-testimonial::after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        right: 38px;
        bottom: -21px;
        border: 19px solid;
        border-color: var(--color-theme-background) var(--color-theme-background) transparent transparent;
    }

    .card-testimonial-quotemark {
        position: absolute;
        top: 10px;
        left: -33px;
        background: var(--color-theme-background);
        padding: 20px 15px 10px 15px;
        width: 71px;
    }

    .card-testimonial .card-body {
        padding-top: 1.5rem;
        padding-left: 48px;
        padding-bottom: 1.5rem;
    }

    .card-testimonial .card-text {
        line-height: 1.8;
    }

    .card-testimonial-author {
        margin-top: 35px;
        text-align: right;
        font-size: 1.9em;
    }

    .quote-svg-fill {
        fill: var(--color-theme-secondary);
    }

    @media (max-width: 567px) {
        .card-testimonial .card-text {
            font-size: .95em;
            line-height: 1.7;
        }

        .card-testimonial-quotemark {
            width: 65px;
        }

        .card-testimonial .card-body {
            padding-left: 40px;
        }

    }