html {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Josefin Sans',Arial, sans-serif;
    color: #353B41;
    font-size: 16px;
    line-height: 16px;
    padding-top: 156px;
    overflow-x: hidden;
    width: 100%;
    margin: 0;
}

a {
    color: #00558B;
}

p {
    font-size: 1.0625rem;
    line-height: 1.5rem;
}

    p.small {
        font-size: 0.8125rem;
    }

.clear {
    clear: both;
}

h1 {
    line-height: 2.625rem;
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #353B41;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 1.875rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #353B41;
}

h3 {
    color: #64B6CF;
    font-size: 1.5rem;
    line-height: 1.625rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

    h3.fancy {
        font-family: Caveat, Arial, sans-serif;
        color: #F79659;
        font-weight: bold;
    }

h4 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #8C949B;
    text-transform: uppercase;
}

h6 {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    font-weight: 700;
    color: #00558B;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    h1 {
        font-size: 1.875rem;
        line-height: 2rem;
    }

    h2 {
        font-size: 1.4375rem;
        line-height: 1.8125rem;
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    h5 {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
}

@media (max-width: 576px) {
    h1.page-title {
        font-size: 1.375rem;
    }
}

/* button link styles */

.btn-primary, .btn-load-more, .cf-submit {
    color: #ffffff;
    background-color: #00558B;
}

.btn-secondary {
    color: #00558B;
    background-color: #ffffff;
}

.btn-gold {
    color: #000000;
    background-color: #E5DDC5;
}


.btn-primary, .btn-load-more, .btn-secondary, .btn-tertiary, .btn-gold {
    display: inline-block;
    line-height: 1.062rem;
    font-size: 1.062rem;
    font-weight: 700;
    padding: 1rem;
    margin: 0.15rem 0;
    text-transform: uppercase;
    border: 0;
}

    .btn-tertiary, .btn-tertiary:hover {
        color: #353B41;
        background-color: #ffffff;
        font-weight: 700;
        padding: 0;
        margin: 0;
    }

    .btn-primary:hover, .btn-load-more:hover {
        color: #ffffff;
        background-color: #00558B;
        text-decoration: none;
        line-height: 1.062rem;
        padding: 1.15rem 1rem;
        margin: 0;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
        -moz-box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
        box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
    }

    .btn-secondary:hover {
        color: #00558B;
        background-color: #ffffff;
        text-decoration: none;
        line-height: 1.062rem;
        padding: 1.15rem 1rem;
        margin: 0;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
        -moz-box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
        box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
    }

    .btn-gold:hover {
        color: #000000;
        background-color: #E5DDC5;
        text-decoration: none;
        line-height: 1.062rem;
        padding: 1.15rem 1rem;
        margin: 0;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
        -moz-box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
        box-shadow: 0px 3px 6px 0px rgba(53,59,65,0.32);
    }

    .btn-primary:active, .btn-load-more:active {
        background-color: #003E6B;
    }

    .btn-secondary:active {
        color: #003E6B;
        background-color: #ffffff;
    }

.load-more {
    text-align: center;
    margin-bottom: 3rem;
}

/*
.btn-load-more {
    background: url(/ResourcePackages/Qualico/assets/images/caret-down-light-blue.png) no-repeat center right 1rem;
    padding-right: 3rem;
    color: #8C949B;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
}
*/

.btn-load-more:after {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-down-white.png);
    padding-left: 1rem;
}

/* button link icons */

.go-to-website:after {
    content: url(/ResourcePackages/Qualico/assets/images/go-to-website.png);
    padding-left: 1rem;
}

.chevron-right:after {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-right.png);
    padding-left: 1rem;
}

.get-directions:after {
    content: url(/ResourcePackages/Qualico/assets/images/get-directions.png);
    padding-left: 1rem;
}


.chevron-right-grey:after {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-right-grey.png);
    padding-left: 1rem;
}

.chevron-down-white:after {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-down-white.png);
    padding-left: 1rem;
}

.chevron-left-blue:before, .page-previous::before {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-left-blue.png);
    padding-right: 1rem;
}

.chevron-right-blue:after, .page-next::after {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-right-blue.png);
    padding-left: 1rem;
}


#main .page-nav {
    background: #F2F3F4;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    #main .page-nav .row {
        margin-bottom: 0;
    }

.page-previous, .page-next {
    display: flex;
    align-items: center;
}

.page-next {
    justify-content: flex-end;
}



/*
.go-to-website
{
    background-image:url(/ResourcePackages/Qualico/assets/images/go-to-website.png);
    background-repeat:no-repeat;
    background-position:center right 1rem;
    padding-right:3rem;
}

.chevron-right
{
    background-image:url(/ResourcePackages/Qualico/assets/images/chevron-right.png);
    background-repeat:no-repeat;
    background-position:center right 1rem;
    padding-right:3rem;
}
.get-directions{
    background-image:url(/ResourcePackages/Qualico/assets/images/get-directions.png);
    background-repeat:no-repeat;
    background-position:center right 1rem;
    padding-right:3rem;
}
*/


/* ------------ some generic classes -------------*/
.divider {
    width: 100%;
    height: 0.25rem;
    border-top: 1px solid #8C949B;
}

    .divider h1 {
        width: 312px;
        height: 4px;
        background: #8C949B;
    }


    .divider div.social {
        float: right;
    }

    .divider::after {
        content: ' ';
        display: block;
        clear: both;
    }

.no-margin-top-bot {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.sharethis-inline-share-buttons {
    margin-top: -3px;
}

/* default row padding */
#main .row, #main .full-width {
    margin-bottom: 4rem;
}

.full-width > img {
    width: 100%;
}

/* remove default row padding */
#main .title-bar, #main .title-bar .row, #main .bu-list .row, #main div[data-placeholder-label="Rest of Content"] {
    margin-bottom: 0;
}

.divider div:first-child {
    width: 312px;
    height: 0.25rem;
    background: #8C949B;
}

.p-address {
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0;
}

.icon {
    display: inline-block;
    fill: currentColor;
    margin-top: -0.2em;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    overflow: hidden;
}

.icon-chevron-right {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTguNjI5IDE1Ljk5N2wtNy4wODMtNy4wODFMMTMuNDYyIDdsOC45OTcgOC45OTdMMTMuNDU3IDI1bC0xLjkxNi0xLjkxNnoiLz48L3N2Zz4=');
}

.icon-chevron-left {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTQuMTkgMTYuMDA1bDcuODY5IDcuODY4LTIuMTI5IDIuMTI5LTkuOTk2LTkuOTk3TDE5LjkzNyA2LjAwMmwyLjEyNyAyLjEyOXoiLz48L3N2Zz4=');
}

.icon-chevron-down {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=');
}

.icon-chevron-up {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTUuOTk3IDEzLjM3NGwtNy4wODEgNy4wODFMNyAxOC41NGw4Ljk5Ny04Ljk5OCA5LjAwMyA5LTEuOTE2IDEuOTE2eiIvPjwvc3ZnPg==');
}

.vid-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-stretch .vid-container {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 45%;
}

.no-padding {
    padding: 0 !important;
}

.simple-category-list {
    margin: 0;
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 0.8125rem;
}

    .simple-category-list a {
        color: #00558B;
        line-height: 1.5rem;
        font-weight: bold;
    }

/* ------------ bootstrap overrides ------------ */
.col-8th,
.col-sm-8th,
.col-md-8th,
.col-lg-8th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-8th {
    width: 12.5%;
    float: left;
}

.col-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-5th {
    flex: 0 0 20%;
    max-width: 20%;
}

.col-7th,
.col-sm-7th,
.col-md-7th,
.col-lg-7th {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-7th {
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
        padding-left: 2em;
        padding-right: 2em;
    }

    .col-sm-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-sm-7th {
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }

    .col-sm-8th {
        width: 12.5%;
        float: left;
    }
}

@media (min-width:992px) {
    .col-md-4th {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-7th {
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }

    .col-md-8th {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1280px) {
    .col-lg-5th {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-7th {
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }

    .col-lg-8th {
        width: 12.5%;
        float: left;
    }

    .container {
        max-width: 1280px;
        padding-left: 5.5em;
        padding-right: 5.5em;
    }
}

/* ------------ end bootstrap overrides ------------- */

/* some color classes to use */
.white {
    color: #fff;
}

.light-blue {
    color: #64B6CF;
}

.blue {
    color: #00558B;
}

.dark-blue {
    color: #003E6B;
}

.green {
    color: #A6CE38;
}

.grey {
    color: #5B6670;
}

.orange {
    color: #F79659;
}

.purple {
    color: #5F4A8B;
}

.dark-grey {
    color: #353B41;
}


.white-bg {
    color: #fff;
}

.light-blue-bg {
    background-color: #64B6CF;
}

.blue-bg {
    background-color: #00558B;
}

.dark-blue-bg {
    background-color: #003E6B;
}

.green-bg {
    background-color: #A6CE38;
}

.grey-bg {
    background-color: #5B6670;
}

.orange-bg {
    background-color: #F79659;
}

.purple-bg {
    background-color: #5F4A8B;
}

.dark-grey-bg {
    background-color: #353B41;
}
/* --- end color classes ------- */
/* --- end common css -------*/

/*------ search ------*/
#qsearch {
    display: flex;
    justify-content: flex-end;
}

ul.sf-autocomplete {
    z-index: 2000;
    margin-left: -16px;
    border: 1px solid #ccc;
}

    ul.sf-autocomplete li {
        height: 30px;
        line-height: 30px;
    }

.thesearch {
    width: 305px;
    height: 50px;
    background: #F2F3F4;
    display: flex;
    align-items: center;
    right: 1rem;
    padding-left: 1rem;
    position: absolute;
}

    .thesearch input[type=text] {
        width: 235px;
        height: 50px;
        background: transparent;
        border: 0;
    }

    .thesearch input[type="search"] {
        border: 0;
        background: transparent;
        outline: none;
    }

        .thesearch input[type="search"]:focus {
            box-shadow: none;
        }

    .thesearch button {
        margin-left: 1rem;
        background-image: url(/images/default-source/default-album/search-icon.png);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        background-position-y: center;
        background-position-x: center;
        background-size: 75%;
        border-radius: 0;
        width: 25px;
        height: 25px;
    }

@media (max-width:1279px) {
    #qsearch {
        display: none;
    }

    #mobile-search {
        display: none;
    }

    .mobile-search {
        display: block;
    }

    .mobile-search {
        padding: 0 1rem !important;
        margin-bottom: 1rem;
    }

        .mobile-search .thesearch {
            position: relative;
            width: 100%;
            height: auto;
            padding: 0 1rem;
            right: auto;
        }

        .mobile-search .sf-search-input-wrapper {
            width: 100%;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .mobile-search .thesearch input[type="search"] {
            width: calc(100% - 35px);
            margin: 0 !important;
            padding: 0;
            height: 3rem;
        }
}



/*------ header ------- */
#header {
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    min-height: 103px;
    background: #fff;
    padding-top: 20px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 1000000;
}

.sfPageEditor #header {
    position: relative;
}

#header.nav-up {
    top: -156px;
}

#header.nav-menu-up {
    top: -104px;
}

@media (max-width:1279px) {
    #header {
        position: absolute !important;
    }
}

#main .header-images.row {
    margin-bottom: 0;
}

/*-------- main menu --------*/
.light-blue-line {
    border-top: 1px solid #64B6CF;
    margin-top: 20px;
    width: 100%;
}

#main-menu > li {
    position: relative;
    padding-right: 30px;
}

    #main-menu > li:first-child > a {
        padding-left: 0;
    }

    #main-menu > li.dropdown > a:after {
        background: url(/ResourcePackages/Qualico/assets/images/caret-down-light-blue.png) no-repeat center right;
        width: 18px;
        height: 8px;
        display: inline-block;
        content: ' ';
    }

#main-menu a {
    text-transform: uppercase;
}

#main-menu > li > a {
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.125rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 5px solid #ffffff;
}

    #main-menu > li > a.active {
        border-top: 5px solid #64B6CF;
    }

#main-menu .dropdown-menu {
    position: absolute;
    top: calc(100% - 5px);
    left: -1rem;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    padding: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
    padding-top: .8125rem;
    padding-bottom: .8125rem;
}

#main-menu .dropdown-item {
    color: #00558B;
    font-weight: bold;
    font-size: .6875rem;
    line-height: 2rem;
    padding: 0 1rem;
}

    #main-menu .dropdown-item.active {
        background: #64B6CF;
    }

@media (max-width: 1279px) {
    #nav-main-menu {
        padding: 0;
        display: none;
        position: absolute;
        top: 100px;
        z-index: 1000;
        background: #fff;
        margin-left: -17px;
    }

    .light-grey-line {
        border-top: 1px solid #ccc;
        margin-top: 20px;
        display: none;
    }

    #main-menu {
        display: block;
    }

        #main-menu > li {
            position: relative;
            padding-right: 0;
            float: none;
            border-bottom: 1px solid #ddd;
        }

            #main-menu > li.dropdown > a:after {
                display: none;
            }

            #main-menu > li > a {
                font-size: 1.375rem;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-right: 15px;
                border-right: 5px solid #fff;
                border-top: none;
                text-align: right;
            }

                #main-menu > li > a.active {
                    border-right: 5px solid #64B6CF;
                    border-top: 0;
                }

        #main-menu .dropdown-menu {
            position: relative;
            top: auto;
            left: auto;
            z-index: 1;
            display: inline-block !important;
            float: none;
            min-width: 0;
            padding: 0;
            margin: 0;
            font-size: 1rem;
            text-align: right;
            text-align: right;
            width: 100%;
            box-shadow: none;
        }

        #main-menu .dropdown-item {
            border-right: 5px solid #fff;
        }

            #main-menu .dropdown-item.active {
                border-right: 5px solid #64B6CF;
            }

    #hamburger {
        float: right;
        width: 40px;
        height: 30px;
        top: 10px;
        right: 10px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        #hamburger span {
            display: block;
            position: absolute;
            height: 6px;
            width: 100%;
            background: #00558B;
            border-radius: 2px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

            #hamburger span:nth-child(1) {
                top: 0px;
            }

            #hamburger span:nth-child(2), #hamburger span:nth-child(3) {
                top: 12px;
            }

            #hamburger span:nth-child(4) {
                top: 24px;
            }

        #hamburger.open span:nth-child(1) {
            top: 18px;
            width: 0%;
            left: 50%;
        }

        #hamburger.open span:nth-child(2) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #hamburger.open span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #hamburger.open span:nth-child(4) {
            top: 18px;
            width: 0%;
            left: 50%;
        }
}

@media (max-width: 767px) {
    #nav-main-menu {
        margin-left: 0;
    }
}
/* --------------- title bar ------------------ */
.title-bar {
    background: rgba(91,102,112,.8);
    position: relative;
    height: 120px;
    padding-top: 1.5em;
    z-index: 20;
}

.sfPageEditor .title-bar {
    height: auto;
}

.zeLayoutMode .sfPageContainer .RadDock .rdContent {
    min-height: 0 !important;
}

.title-bar::after {
    background: rgba(0,85,139,.7);
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 120px;
    content: ' ';
    z-index: 1;
}

.title-bar::before {
    background: rgba(0,85,139,.7);
    position: absolute;
    right: 86px;
    top: 86px;
    width: 68px;
    height: 68px;
    content: ' ';
    z-index: 2;
}

@media (max-width: 991px) {
    .title-bar::after, .title-bar::before {
        display: none;
    }
}

.behind-top-bar {
    margin-top: -120px;
    min-height: 120px;
}

/* move mobile header galleries below title bar */
@media (max-width: 576px) {
    .behind-top-bar > .slick-slider:first-child {
        margin-top: 120px;
    }
}

.sfPageEditor .behind-top-bar {
    margin-top: 0;
}
/*------ end title bar --------*/
/* -------- image header ---------*/
.header-images {
    margin-left: 0;
    margin-right: 0;
}

    .header-images svg {
        min-width: 1592px;
        min-height: 968px;
    }

    .header-images image {
        width: 100%;
        height: 100%;
    }

.sfPageEditor .header-images {
    margin-top: 0;
}

.header-images-bar .container {
    height: 15px;
    background: #666;
    position: relative;
    z-index: 1;
    width: 100%;
    top: -86px;
}

@media (max-width:795px) {
    .header-images-bar {
        text-align: right;
    }

        .header-images-bar .container {
            width: 80%;
            display: inline-block;
            top: -1px;
            border: 0;
        }
}

.header-image-blurred {
    display: flex;
    height: 378px !important;
    position: relative;
    overflow: hidden;
    z-index: 2;
    padding: 0;
    align-items: center;
    justify-content: center;
}

    .header-image-blurred:before {
        background: rgba(55,55,55,.35);
        width: 86px;
        height: 86px;
        content: ' ';
        display: block;
        position: absolute;
        right: 172px;
        bottom: 0;
        z-index: 10;
    }

    .header-image-blurred:after {
        background: rgba(55,55,55,1);
        width: 172px;
        height: 172px;
        content: ' ';
        display: block;
        position: absolute;
        right: 0;
        top: 120px;
        z-index: 10;
    }

    .header-image-blurred > img {
        min-width: 1592px;
        min-height: 968px;
        filter: blur(10px);
    }

.header-image {
    flex: 0 0 796px;
    height: 464px;
    display: flex;
    /*overflow: hidden;*/
    z-index: 3;
    padding: 0;
}

    .header-image > img {
        min-width: 796px;
        min-height: 464px;
    }

/* --------- end image header --------*/

.top-breadcrumb, .breadcrumb-item.active {
    font-size: 0.8125rem;
    color: rgba(255,255,255,.8);
    font-weight: 700;
    text-transform: uppercase;
}

    .top-breadcrumb a, .top-breadcrumb a:hover, .top-breadcrumb a:active {
        color: #fff;
    }

.breadcrumb-item {
    line-height: 1.5rem;
}

.icon-home img {
    vertical-align: bottom;
}

.bc-seperator {
    margin-right: .5rem;
    margin-left: .5rem;
    line-height: 22px;
}

.title-bar h1.page-title {
    color: #fff;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
}

/* --------------- end title bar ------------------ */

/* -------------- our business units ----------------- */

.bu-filter-item {
    cursor: pointer;
    padding: 7px;
    background: #F2F3F4;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: bold;
    display: inline-block;
    float: left;
    margin: 0 7px 7px 0;
}

    .bu-filter-item:last-child {
        margin-bottom: 2rem;
    }

    .bu-filter-item:hover {
        background: #ddd;
    }

    .bu-filter-item.active {
        color: #fff;
        background: #353B41;
    }

div.bu-filter-all + div {
    clear: left;
}

.bu {
    padding-bottom: 30px;
}

.bu-list {
}

.bu-image {
    justify-content: center;
    padding: 25px;
    height: 9.75rem;
    display: flex;
    align-items: center;
    border: 2px solid #eee;
    cursor: pointer;
}


    .bu-image a {
        position: relative;
    }

    .bu-image img {
        opacity: 1;
    }

        .bu-image img.logo-image {
            opacity: 0;
            filter: none;
            transition: all 500ms;
        }

    .bu-image:hover img.logo-image {
        opacity: 1;
    }

    .bu-image svg.logo {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        transition: all 500ms;
    }

    .bu-image:hover svg.logo {
        opacity: 0;
    }

    .bu-image svg.logo image {
        width: 100%;
    }

.bu-address {
    height: 5.625rem;
    font-size: 1.0625rem;
    display: flex;
    align-items: center;
    justify-content: left;
    background: #F2F3F4;
}

    .bu-address p {
        padding: 1rem;
        margin: 0;
    }

@media (max-width:577px) {
    .bu-address p {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
}

.bu-image img {
    width: 100%;
}

.bu-learn-more a {
    height: 3em;
    display: flex;
    background: #003E6B;
    text-transform: uppercase;
    color: #fff;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
}

    .bu-learn-more a:hover {
        text-decoration: none;
    }

    .bu-learn-more a .icon-box {
        position: absolute;
        right: 20px;
    }

    .bu-learn-more a .icon {
        float: right;
        fill: #fff;
        width: 2rem;
        height: 2rem;
        display: inline-block;
    }

.bud-logo img {
    max-width: 100%;
}

.bu-list-nav {
    clear: both;
    margin-bottom: 1rem;
}

.bu-location-label {
    float: left;
}

.bu-list-all {
    float: right;
}

#project-bu img {
    padding-bottom: 1rem;
}

/* ---------------- drop down menus ------------- */
.filter-dd {
    z-index: 50;
    position: relative;
}

    .filter-dd.active {
        z-index: 100;
    }

.dd-container {
    position: relative;
    height: 2.75rem;
    margin-top: 0.6rem;
    margin-bottom: 1.5em;
    z-index: 100;
}

.dd-Location {
}

.dd-set.active {
    position: absolute;
    width: 100%;
    width: 100%;
}

.dd-set.active {
    box-shadow: 0 1px 5px rgba(0,0,0,.75);
}

.dd-title {
    height: 2.75em;
    display: block;
    align-items: center;
    background: #F2F3F4;
    padding: 1em;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9rem;
}

    .dd-title:after {
        content: url(/ResourcePackages/Qualico/assets/images/chevron-down-grey.png);
        padding-right: 1rem;
        position: absolute;
        right: 0;
    }

.dd-set.active > .dd-title:after {
    content: url(/ResourcePackages/Qualico/assets/images/chevron-up-grey.png);
    padding-right: 1rem;
    position: absolute;
    right: 0;
}

/* original drop-down caret --
.dd-title:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #717073 transparent transparent transparent;
    margin-top: 2px;
    float: right;
}

.dd-set.active > .dd-title:after {
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #717073 transparent; 
}
*/

.dd-items {
    position: relative;
    display: none;
}

.dd-item {
    height: 2.75em;
    display: flex;
    align-items: center;
    background: #FFF;
    padding: 1em;
    margin: 0;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #00558b;
    cursor: pointer;
}

    .dd-item[data-url=us-multi-family-projects], .dd-item[data-url=hercules-ca], .dd-item[data-url=long-beach-ca], .dd-item[data-url=redmond-wa] {
        color: #000000;
        background-color: #f2f3f4;
    }

/*------------------- image/video galleries ---------------------*/
.g-container.container {
    padding: 0;
}

.gt-container .slick-prev:before, .gt-container .slick-next:before {
    color: #ff0000;
}

.g-item {
    position: relative;
}

    .g-item iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.gt-item {
    height: 79px !important;
    padding: 0 1rem;
    position: relative;
}

.gt-container .slick-track {
    margin-left: auto;
    margin-right: auto;
}


.g-image {
    margin-bottom: 2rem;
}

.g-title {
    background-color: rgba(0, 62, 107, 0.8);
    color: #ffffff;
    font-size: 1.062rem;
    min-height: 4rem;
    line-height: 1.362rem;
    height: 1.362rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    margin-bottom: 2rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.gt-responsive {
    padding: 56.25% 0 0 0;
    position: relative;
}

.has-video .g-title {
    width: 86%;
    left: 7%;
}

/* center slick track thumbs ( when less than full row) */
.slick-list > .slick-track {
    margin-left: 0;
}

.mini-gallery .mg-item {
    text-align: center;
}

    .mini-gallery, .mini-gallery .mg-item img {
        width: 400px;
    }

        .mini-gallery .slick-prev:before, .mini-gallery .slick-next:before {
            color: #aaa;
        }

        .mini-gallery .slick-dots li button:before {
            font-size: 13px;
        }

        .mini-gallery .slick-prev {
            left: -26px;
        }

        .mini-gallery .slick-next {
            right: -25px;
        }


/* ----------- list widgets ------------- */
#main .four-column-list {
    margin-bottom: 2rem;
}

.fcl-item {
    margin-bottom: 2rem;
}

.slider-from-list .sfl-item {
    padding: 0 1rem;
}

.slider-from-list .slick-prev {
    left: -1rem;
    top: 42%;
}

.slider-from-list .slick-next {
    right: -1rem;
    top: 42%;
}


/*-------- -employe layout widget ---------*/
.employee {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.sfPageEditor .employee {
    border: 3px dashed #aaa;
}

    .sfPageEditor .employee::before {
        content: 'Employee';
        display: block;
        clear: both;
        padding: 5px;
        width: 100%;
        background: #ccc;
        font-weight: bold;
        margin-bottom: 3px;
    }

.employee-image {
    display: flex;
    width: calc(100% - 90px);
}

    .employee-image img {
        max-width: 226px;
        max-height: 226px;
    }

    .employee-image::before {
        position: absolute;
        top: 65px;
        width: 40px;
        height: 40px;
        content: ' ';
        background: rgba(100,182,207,.6);
        left: 220px;
    }

    .employee-image::after {
        flex: 0 0 86px;
        height: 86px;
        content: ' ';
        background-color: #F79659;
        background-image: url(/ResourcePackages/Qualico/assets/images/quotes.png);
        background-repeat: no-repeat;
        background-position: 27px -5px;
    }

.employee h3.fancy {
    margin-bottom: 0.5rem;
}

.employee h4 {
    font-size: 0.8rem;
}

.employee-icons img {
    margin: 1rem 0;
}

.job-links .btn-secondary {
    margin-right: 1rem;
}

    .job-links .btn-secondary:last-child {
        margin-right: 0;
    }

@media (max-width:500px) {
    .job-links .btn-secondary {
        margin-right: 0;
    }
}


@media (max-width:991px) {
    .employee-image {
        width: calc(100% - 70px);
    }

        .employee-image::after {
            flex: 0 0 70px;
            height: 70px;
        }

        .employee-image::before {
            right: 65px;
            top: 50px;
        }
}

@media (max-width:577px) {
    .employee-image {
        margin-bottom: 1.5rem;
    }
}

/*-------- end employe layout widget ---------*/

/*------ leadership bios ---------*/

.ls-image {
    max-width: 283px;
}

    .ls-image:before {
        content: ' ';
        position: absolute;
        top: 87px;
        right: 15px;
        width: 54px;
        height: 54px;
        background: rgba(100,182,207,.6);
        z-index: 2;
    }

    .ls-image:after {
        content: ' ';
        position: absolute;
        top: 0;
        right: -72px;
        width: 114px;
        height: 114px;
        background: #00558B;
    }

.ls-title {
    margin: 30px 0 50px 100px;
}


    .ls-title h4 {
        margin-bottom: 0;
    }


    .ls-title p {
        font-size: 1.062rem;
        font-weight: bold;
        color: #8C949B;
        text-transform: uppercase;
    }

.ls-short {
    font-weight: bold;
}

.ls-full {
    padding-top: 1.5rem;
}

.ls-quote {
    padding: 2rem 2rem 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background: rgba(100,182,207,.1);
    border-left: 4px solid #64B6CF;
    position: relative;
}

    .ls-quote > h3 {
        font-size: 1.3rem;
    }

    .ls-quote:before {
        content: url('/ResourcePackages/Qualico/assets/images/quote-blue.png');
        position: absolute;
        top: 0;
        left: -110px;
    }

    .ls-quote:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 57px;
        height: 57px;
        background: #64B6CF;
    }

.ls-quote-sig {
    min-width: 330px;
    height: 4rem;
    position: absolute;
    bottom: -2rem;
    right: 1.5rem;
    background: #ffffff;
    text-align: right;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    z-index: 2;
}

    .ls-quote-sig h3 {
        padding: 1rem 1rem 0 1rem;
    }


/*------ showcase projects ---------*/
#showcase-projects {
    margin-bottom: 3rem;
}

.showcase-project {
    padding-bottom: 30px;
}

#main .row.mfp-showcases {
    margin-bottom: 2rem;
}

.sp-image {
    background: #aaa;
    min-height: 100px;
    width: 100%;
}

    .sp-image img {
        width: 100%;
    }

.sp-vertical {
    text-transform: uppercase;
    display: inline-block;
    background: #F2F3F4;
    padding-top: 1rem;
    padding-bottom: 0;
    width: 300px;
    padding-left: 1rem;
    position: absolute;
    left: 0;
    top: -25px;
}

.sp-details {
    background: #F2F3F4;
    position: relative;
    padding: 1rem;
}

.sp-details-link a {
    width: 100%;
}

#factoids {
    display: flex;
    padding-top: 0;
    padding-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
    justify-content: left;
    line-height: 1.3rem;
}

    #factoids b {
        font-size: 0.8125rem;
        text-transform: uppercase;
    }

    #factoids ul, #factoids ol {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #factoids li {
        padding: 0;
        float: left;
        margin: 0 1rem 1rem;
        max-width: 190px;
    }

@media (max-width: 576px) {
    #factoids li {
        width: 90% !important;
        max-width: 90% !important;
    }
}


#google-map {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 100%;
    height: 350px;
    background: #ccc;
}

/*------ end showcase projects ---------*/



/*-------- text on background layout widget --------------*/
.text-on-background {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 4rem;
    background-size: cover;
    background-position: center center;
}

    .text-on-background .fill-me {
        position: absolute;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
        z-index: 10;
    }

.sfPageEditor .text-on-background::before {
    content: 'Text on Background';
    display: block;
    clear: both;
    padding: 5px;
    width: 100%;
    background: #ccc;
    font-weight: bold;
    margin-bottom: 3px;
}

.sfPageEditor .text-on-background {
    border: 3px dashed #aaa;
}

    .sfPageEditor .text-on-background .fill-me {
        display: block;
        position: relative;
    }

.tob-bg {
    opacity: 0;
}

.tob-text {
    background: rgba(0,85,139,0.9);
    padding: 2rem;
}

    .tob-text h1, .video-text h1 {
        color: #ffffff;
    }


.tob-bg img {
    max-width: inherit;
    max-width: unset;
    min-width: 100%;
}
/*-------- end text on background layout widget --------------*/

/* ------- subsection colors --------- */
.work-with-us .title-bar {
    background-color: rgba(95,74,139,.8);
}

.work-with-us .header-image-blurred:before {
    background-color: rgba(95,74,139,.35);
}

.work-with-us .header-image-blurred:after, .work-with-us .header-images-bar .container, .work-with-us .employee-image::after {
    background-color: rgba(95,74,139,1);
}

.our-work .title-bar {
    background-color: rgba(91,102,112,.8);
}

.our-work .header-image-blurred:before {
    background-color: rgba(91,102,112,.35);
}

.our-work .header-image-blurred:after, .our-work .header-images-bar .container, .our-work .employee-image::after {
    background-color: rgba(91,102,112,1);
}

.our-company .title-bar {
    background-color: rgba(247,150,89,.8);
}

.our-company .header-image-blurred:before {
    background-color: rgba(247,150,89,.35);
}

.our-company .header-image-blurred:after, .our-company .header-images-bar .container, .our-company .employee-image::after {
    background-color: rgba(247,150,89,1);
}

.corporate-responsibility .title-bar {
    background-color: rgba(166,206,56,.8);
}

.corporate-responsibility .header-image-blurred:before {
    background-color: rgba(166,206,56,.35);
}

.corporate-responsibility .header-image-blurred:after, .corporate-responsibility .header-images-bar .container, .corporate-responsibility .employee-image::after {
    background-color: rgba(166,206,56,1);
}

.news .title-bar {
    background-color: rgba(0,62,107,.8);
}

.news .header-image-blurred:before {
    background-color: rgba(0,62,107,.35);
}

.news .header-image-blurred:after, .news .header-images-bar .container, .news .employee-image::after {
    background-color: rgba(0,62,107,1);
}

.contact-us .title-bar {
    background-color: rgba(100,182,207,.8);
}

.contact-us .header-image-blurred:before {
    background-color: rgba(100,182,207,.35);
}

.contact-us .header-image-blurred:after, .contact-us .header-images-bar .container, .contact-us .employee-image::after {
    background-color: rgba(100,182,207,1);
}

/* ------------ home page-------------------------- */


.video-text-wrap {
    position: relative;
}

.video-text {
    position: absolute;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    top: 100px;
    right: 0;
    left: 0;
    z-index: 10;
    background: rgba(0,85,139,0.9);
    padding: 3rem;
    max-width: 900px;
    margin: 0 auto;
}

    .video-text h3 {
        max-width: 70%;
        margin: 0 auto;
    }


    .video-text a {
        padding: 1rem;
    }


.video-text-square {
    width: 86px;
    height: 86px;
    position: absolute;
    top: -91px;
    left: -91px;
    background: rgba(100,182,207,0.35);
}

/*
#main .video-container.full-width {
    margin-bottom: 0;
}
*/
.home-our-work {
    text-align: center;
}

    .home-our-work h1 {
        font-size: 3.75rem;
    }


    .home-our-work h4 {
        opacity: 0.6;
        margin: 1rem;
    }

.tob-text.home-our-work {
    background: none;
    top: 4rem;
}

.home-our-work .btn-secondary {
    width: 315px;
    margin-right: 2rem;
}

    .home-our-work .btn-secondary:last-child {
        margin-right: 0;
    }

.career-links .btn-primary:first-child {
    margin-right: 2rem;
}


/*------------- tags (for location header on home page) -------*/
/*------------- globe with tags -------*/
.globe {
    height: 300px;
    margin-top: 265px;
}

@media (max-width:1279px) {
    .globe {
        display: none;
    }
}

.globe-square {
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: 0px;
    right: -52px;
    background: rgba(100,182,207,0.35);
}

.sfPageEditor .globe {
    margin-top: 0;
    overflow: hidden;
}

.globe-image {
    margin-left: -7rem;
}

.globe .row {
    margin-bottom: 0;
}

.globe-and-tags {
    margin-top: -260px;
    position: relative;
}

.the-globe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.globe-tags {
    z-index: 10;
    top: 0;
    left: 0;
    position: relative;
}

.tag-dot {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background-color: transparent;
    z-index: 15;
    cursor: pointer;
    background-image: url('/images/default-source/default-album/homepage-globe/globe-pin.png?Status=Temp&sfvrsn=49f17f4e_2');
}

.tag-dot-m {
    background-image: url('/images/default-source/default-album/homepage-globe/globe-pin-m.png?Status=Temp&sfvrsn=3db398eb_2');
}

.tag-dot-winnipeg {
    top: 360px;
    left: 310px;
}

.tag-winnipeg {
    top: 348px;
    left: 350px;
}

.tag-dot-regina {
    top: 353px;
    left: 286px;
}

.tag-regina {
    top: 340px;
    left: 326px;
}

.tag-dot-saskatoon {
    top: 338px;
    left: 272px;
}

.tag-saskatoon {
    top: 325px;
    left: 312px;
}

.tag-dot-calgary {
    top: 332px;
    left: 233px;
}

.tag-calgary {
    top: 319px;
    left: 272px;
}

.tag-dot-edmonton {
    top: 312px;
    left: 238px;
}

.tag-edmonton {
    top: 299px;
    left: 277px;
}

.tag-dot-vancouver {
    top: 322px;
    left: 180px;
}

.tag-vancouver {
    top: 310px;
    left: 219px;
}

.tag-dot-dallas {
    top: 490px;
    left: 305px;
}

.tag-dallas {
    top: 478px;
    left: 346px;
}

.tag-dot-austin {
    top: 510px;
    left: 295px;
}

.tag-austin {
    top: 498px;
    left: 336px;
}

.tag-dot-m-austin {
    top: 510px;
    left: 275px;
}

.tag-m-austin {
    top: 498px;
    left: 314px;
}

.tag-dot-m-hercules {
    top: 416px;
    left: 152px;
}

.tag-m-hercules {
    top: 402px;
    left: 190px;
}

.tag-dot-m-longbeach {
    top: 450px;
    left: 162px;
}

.tag-m-longbeach {
    top: 437px;
    left: 200px;
}

.tag-dot-m-redmond {
    top: 345px;
    left: 180px;
}

.tag-m-redmond {
    top: 332px;
    left: 218px;
}

.globe-text {
    padding: 2rem;
    color: #fff;
    background: #00558B;
    min-height: 300px;
}

    .globe-text h2 {
        color: #fff;
    }


.tag-text {
    padding-left: .4rem;
    padding-right: .4rem;
    padding-top: .4rem;
    padding-bottoM: .3rem;
    font-size: 1.062rem;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    background: #64B6CF;
    box-shadow: 3px 3px 3px rgba(0,0,0,.45);
}

.tag-text-m {
    background: #F7975A;
}


.l-tag {
    color: #fff;
    line-height: 1.3rem;
    min-width: 175px;
    position: absolute;
    z-index: 20;
    display: none;
}

    .l-tag:before {
        width: 0;
        height: 0;
        position: absolute;
        top: .5rem;
        content: '';
        z-index: -1;
        border-bottom-width: 1rem;
        border-bottom-style: solid;
        border-bottom-color: #64B6CF;
        left: -1rem;
        border-left-width: 1rem;
        border-left-style: solid;
        border-left-color: transparent;
        box-shadow: 3px 3px 3px rgba(0,0,0,.45);
    }

.l-tag-m:before {
    border-bottom-color: #F7975A;
}

.l-tag-left.blue:before, .l-tag-right.blue:after {
    border-bottom-color: darkblue;
}

.l-tag-left.red:before, .l-tag-right.red:after {
    border-bottom-color: darkred;
}

.blue {
    background: darkblue;
}

.red {
    background: darkred;
}

/* -------- corporate responsibilty --------------*/

.cr-quote h3.fancy {
    color: #A6CE38;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.cr-quote h6 {
    color: #353B41;
    text-transform: none;
    font-weight: 400;
}

.employee.cr-quote h4, .career-links .employee h4 {
    font-size: 1.375rem;
}

.tob-text.better-world {
    background: none;
}

    .tob-text.better-world h1 {
        font-size: 30px;
    }

.cr-impact {
    text-align: center;
}

    .cr-impact p {
        font-weight: bold;
        color: #8C949B;
        margin-top: 1rem;
    }

.cr-impact {
    padding-bottom: 1rem;
}

.our-impact h5 {
    font-size: 1.062rem;
    color: #64B6CF;
}

.our-impact img {
    margin-right: 1rem;
}

#main .our-impact {
    margin-bottom: 2rem;
}

.our-impact p, .our-impact h5 {
    margin-bottom: 0;
}

/*------------- news items -----------*/

.news-item {
    font-size: 1.0625rem;
    line-height: 1.5rem;
}

.ni-category, .ni-image {
    margin: 1rem 0;
}

.news-item h4 {
    margin: 1rem 0;
}

.ni-text {
    padding-bottom: 3rem;
}

.news-list .simple-category-list a, .news-list .sf-Tags a, .news-cat {
    line-height: 0.8125rem;
    font-size: 0.8125rem;
    font-weight: bold;
    text-transform: uppercase;
}

.news-list .simple-category-list li, .news-cat, .news-list .sf-Tags li {
    padding: 0.75rem 0;
}

.news-cat {
    padding-top: 2rem;
}

.news-list ul.sf-Tags {
    margin: 0;
    padding: 0;
}

.news-list .sf-Tags li {
    list-style: none;
    margin: 0;
}

.news-list a.ni-category {
    line-height: 0.8125rem;
    font-size: 0.8125rem;
    color: #8C949B;
}

    .news-list a.ni-category:after {
        content: ' |';
        position: relative;
        top: -2px;
    }

    .news-list a.ni-category:last-child:after {
        content: '';
    }

.news-featured {
    padding: 1rem 0 1.5rem;
}

    .news-featured:before {
        content: url(/ResourcePackages/Qualico/assets/images/featured-news.png);
        padding-right: 0.5rem;
        position: relative;
        top: 2px;
    }

.ni-header {
    padding: 1rem 0 1.5rem;
    line-height: 0.8125rem;
    font-size: 0.8125rem;
    font-weight: bold;
    color: #8C949B;
    text-transform: uppercase;
}

.col-lg-7 li {
    margin-bottom: 0.4rem;
    font-size: 1.062rem;
}

.news-list .pagination li {
    margin-right: 1rem;
}

.news-social {
    position: absolute;
    bottom: -43px;
    left: 0;
    height: 40px;
    width: 160px;
}


.news-rss {
    position: absolute;
    bottom: -40px;
    left: 160px;
    height: 40px;
    width: 40px;
}

    .news-rss img {
        cursor: pointer;
    }

.rss-popup {
    position: relative;
    background: #64B6CF;
    border: 4px solid #64B6CF;
    width: 340px;
    left: -150px;
    top: 15px;
    padding: 0.5rem;
    border-radius: 4px;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.3rem;
}

    .rss-popup:after, .rss-popup:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .rss-popup:after {
        border-color: rgba(247, 150, 89, 0);
        border-bottom-color: #64B6CF;
        border-width: 10px;
        margin-left: -10px;
    }

    .rss-popup:before {
        border-color: rgba(247, 150, 89, 0);
        border-bottom-color: #64B6CF;
        border-width: 16px;
        margin-left: -16px;
    }

#rssUrl {
    border: 0;
    background: transparent;
    width: 290px;
    color: #ffffff;
    margin: 0;
    padding: 5px 0 0 0;
}

.rss-popup img {
    vertical-align: sub;
    width: 15px;
}

/*-----------featured news items ------------*/
.fni-header {
    background: #E7E9EB;
}

.relevant-news h4 {
    margin: 0;
    padding: 0;
}

.featured-news-items {
    background: #F2F3F4;
}

#main .featured-news-items .row {
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.fni-categories a {
    text-transform: uppercase;
    line-height: 1.25rem;
    font-size: 0.8125rem;
    font-weight: bold;
}

a.fni-category:after {
    content: ' |';
    position: relative;
    top: -2px;
}

a.fni-category:last-child:after {
    content: '';
}

.fni-summary {
    font-size: 1.062rem;
    line-height: 1.5rem;
}

#main .fni-header .row {
    display: flex;
    height: 5rem;
    align-items: center;
    margin: 0;
}

.fni-header .see-all {
    text-align: right;
}

    .fni-header .see-all a {
        padding-right: 3rem;
        line-height: 2rem;
        background: url(/ResourcePackages/Qualico/assets/images/chevron-right-blue.png) no-repeat right 1.5rem center;
        font-size: 1.062rem;
        font-weight: bold;
        padding-top: 3px;
    }

/* ------- footer ---------- */
#main .full-width.connect-with-us {
    background: #64B6CF;
    color: #fff;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 0;
}


.connect-with-us h1 {
    color: #fff;
}

#footer {
    background: #003E6B;
    padding-top: 4rem;
    color: #fff;
}

    #footer h6 {
        color: #64B6CF;
    }

    #footer li, #footer a, #footer a:hover, #footer a:active {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }

.f-info-and-links {
    margin-bottom: 4rem;
    font-size: 0.8125rem;
}

.f-divider {
    border-bottom: 1px solid #64B6CF;
    margin-bottom: 4rem;
}

.f-simple-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .f-simple-list li {
        text-transform: uppercase;
        padding: 0;
        margin: 0;
        height: 2rem;
        display: flex;
        align-items: center;
    }

#footer .f-simple-list li:last-child {
    margin-bottom: 1rem;
}

.f-locations {
    margin-bottom: 2rem;
    font-size: 0.8125rem;
}

    .f-locations > div {
        margin-bottom: 2rem;
    }

.f-copyright {
    min-height: 4rem;
    display: flex;
    align-items: center;
    background: #00558B;
}

    .f-copyright > div {
        height: 60px;
        display: flex;
        align-items: center;
    }

    .f-copyright .col-12 {
        font-size: 0.8125rem;
    }

    .f-copyright .sf-Long-text {
        min-width: 350px;
    }
/*------   props  -------*/
#main {
    overflow-x: hidden;
}

.prop-left, .prop-right {
    position: relative;
}

    .prop-left::before {
        position: absolute;
        display: block;
        z-index: -1;
    }

    .prop-right::after {
        position: absolute;
        display: block;
        z-index: -1;
    }

.row.prop-left-leaves1::before {
    content: url(/ResourcePackages/Qualico/assets/images/prop-leaves1.jpg);
    margin-left: -190px;
}

.row.prop-right-leaves1::after {
    content: url(/ResourcePackages/Qualico/assets/images/prop-leaves1.jpg);
    margin-right: -190px;
}

.row.prop-right-leaves2::after {
    content: url(/images/default-source/props/leaves.jpg?Status=Temp&sfvrsn=5e0f49df_2);
    margin-right: -150px;
    top: calc(50% - 150px);
}

.row.prop-left-board::before {
    content: url(/images/default-source/props/board.jpg?Status=Temp&sfvrsn=a97f6f2c_2);
    margin-left: -184px;
    top: calc(50% - 110px);
}

.row.prop-right-board::after {
    content: url(/images/default-source/props/board.jpg?Status=Temp&sfvrsn=a97f6f2c_2);
    margin-right: -184px;
    top: calc(50% - 110px);
    transform: rotate(60deg);
}

.row.prop-right-hardhat::after {
    content: url(/images/default-source/props/hardhat.jpg);
    margin-right: -222px;
    top: calc(50% - 125px);
}

.row.prop-left-hardhat::before {
    content: url(/images/default-source/props/hardhat.jpg);
    margin-left: -222px;
    top: calc(50% - 125px);
}

.row.prop-right-grass1::after {
    content: url(/images/default-source/props/grass1.jpg);
    margin-right: -225px;
    top: calc(50% - 137px);
}

.row.prop-left-grass1::before {
    content: url(/images/default-source/props/grass1.jpg);
    margin-left: -225px;
    top: calc(50% - 137px);
}

.row.prop-right-grass2::after {
    content: url(/images/default-source/props/grass2.jpg);
    margin-right: -192px;
    top: calc(50% - 105px);
}

.row.prop-left-grass2::before {
    content: url(/images/default-source/props/grass2.jpg);
    margin-left: -192px;
    top: calc(50% - 116px);
}

.row.prop-right-bolt::after {
    content: url(/images/default-source/props/bolt.jpg);
    margin-right: -201px;
    top: calc(50% - 105px);
}

.row.prop-left-bolt::before {
    content: url(/images/default-source/props/bolt.jpg);
    margin-left: -201px;
    top: calc(50% - 105px);
}

.row.prop-right-bar::after {
    height: 500px;
    width: 20px;
    content: '';
    display: block;
    max-height: 100%;
    margin-right: -65px;
    top: calc(50% - 250px);
}

.row.prop-left-bar::before {
    height: 500px;
    width: 20px;
    content: '';
    display: block;
    max-height: 100%;
    margin-left: -65px;
    top: calc(50% - 250px);
}

.row.prop-right-long-bar::after {
    height: 150%;
    width: 20px;
    content: '';
    display: block;
    margin-right: -65px;
    top: calc(50% - 250px);
}

.row.prop-left-long-bar::before {
    height: 150%;
    width: 20px;
    content: '';
    display: block;
    margin-left: -65px;
    top: calc(50% - 250px);
}

.row.prop-right-blue-swatch::after {
  content: url(/images/default-source/props/blue-paint-swatch.jpg);
margin-right: -121px;
top: calc(50% - 1px);
transform: rotate(-8deg);
}

.row.prop-left-blue-swatch::before {
    content: url(/images/default-source/props/blue-paint-swatch.jpg);
    margin-left: -121px;
    top: calc(50% - 150px);
  transform: rotate(8deg);
}


.row.prop-right-green-swatch::after {
    content: url(/images/default-source/props/green-paint-swatch.jpg);
margin-right: -121px;
top: calc(50% - 150px);
transform: rotate(-8deg);
}

.row.prop-left-green-swatch::before {
    content: url(/images/default-source/props/green-paint-swatch.jpg);
    margin-left: -121px;
    top: calc(50% - 150px);
  transform: rotate(8deg);
}


.row.prop-right-material-swatches::after {
    content: url(/images/default-source/props/material-swatches.jpg);
    margin-right: -232px;
    top: calc(50% - 105px);
}

.row.prop-left-material-swatches::before {
    content: url(/images/default-source/props/material-swatches.jpg);
    margin-left: -210px;
    top: calc(50% - 105px);
    transform: rotate(180deg);
}
.row.prop-right-clip::after {
    content: url(/images/default-source/props/clip.jpg);
    margin-right: -160px;
    top: calc(50% - 105px);
  transform: rotate(-28deg);
}

.row.prop-left-clip::before {
    content: url(/images/default-source/props/clip.jpg);
    margin-left: -232px;
    top: calc(50% - 105px);
  transform: rotate(57deg);
}

.row.prop-right-grout::after {
    content: url(/images/default-source/props/grout.jpg);
    margin-right: -201px;
    top: calc(50% - 105px);
}

.row.prop-left-grout::before {
    content: url(/images/default-source/props/grout.jpg);
    margin-left: -201px;
    top: calc(50% - 105px);
}

.row.prop-right-dirt-and-rocks::after {
    content: url(/images/default-source/props/dirt-and-rocks.jpg);
    margin-right: -201px;
    top: calc(50% - 105px);
}

.row.prop-left-dirt-and-rocks::before {
    content: url(/images/default-source/props/dirt-and-rocks.jpg);
    margin-left: -201px;
    top: calc(50% - 105px);
}
.row.prop-right-paint-can::after {
    content: url(/images/default-source/props/paint-can.jpg);
    margin-right: -201px;
    top: calc(50% - 105px);
}

.row.prop-left-paint-can::before {
    content: url(/images/default-source/props/paint-can.jpg);
    margin-left: -180px;
    top: calc(50% - 105px);
    transform: rotate(57deg);
}
/*----- square props  ----- */

.row.prop-left-top::before, .row.prop-right-top::after {
    top: 0;
}

.row.prop-left-bottom::before, .row.prop-right-bottom::after {
    bottom: 0;
    top: auto;
}

.prop {
    position: relative;
    display: inline-block;
}

    .prop.prop-top-right::before, .prop.prop-top-left::before, .prop.prop-bot-right::before, .prop.prop-bot-left::before {
        position: absolute;
        content: '';
        display: block;
        z-index: -2;
    }

    .prop.prop-top-right::after, .prop.prop-top-left::after, .prop.prop-bot-right::after, .prop.prop-bot-left::after {
        position: absolute;
        content: '';
        display: block;
        z-index: -1;
    }

.sfPageEditor .prop-top-right::before, .sfPageEditor .prop-top-right::after {
    top: 0 !important;
}

.prop.prop-top-right::before {
    right: -50px;
    top: -50px;
    opacity: .8;
}

.prop.prop-top-right:after {
    right: -75px;
    top: -75px;
    opacity: .8;
}

.prop.prop-bot-left::before {
    left: -50px;
    bottom: -50px;
    opacity: .8;
}

.prop.prop-bot-left:after {
    left: -75px;
    bottom: -75px;
    opacity: .8;
}

.prop.prop-square::before {
    width: 200px;
    height: 200px;
}

.prop.prop-rectangle::before {
    height: 200px;
    width: 300px;
}

.prop.prop-accent::after {
    height: 50px;
    width: 50px;
}

.prop-left-bg-light-blue::before, .prop-right-bg-light-blue::after {
    background-color: #64B6CF;
}

.prop-left-bg-purple::before, .prop-right-bg-purple::after {
    background-color: #5F4A8B;
}

.prop-left-bg-green::before, .prop-right-bg-green::after {
    background-color: #A6CE38;
}

.prop-left-bg-orange::before, .prop-right-bg-orange::after {
    background-color: #F79659;
}

.prop-left-bg-blue::before, .prop-right-bg-blue::after {
    background-color: #00558B;
}

.prop-left-bg-dark-blue::before, .prop-right-bg-dark-blue::after {
    background-color: #003E6B;
}

.prop-left-bg-gray::before, .prop-right-bg-gray::after {
    background-color: #5B6670;
}

@media (max-width:1279px) {
    .prop-left::before {
        display: none;
    }

    .prop-right::after {
        display: none;
    }

    .row.prop-right::after row.prop-left::before {
        display: none;
    }

    .prop.prop-top-right::before {
        right: -25px;
        top: -25px;
        opacity: .8;
    }

    .prop.prop-accent::after {
        height: 40px;
        width: 40px;
    }

    .prop.prop-top-right::after {
        right: -44px;
        top: -44px;
        opacity: .8;
    }
}

    /* ------- award filters -------*/
    .a-filter div.bu-filter-all + div {
        clear: none;
    }

    .a-filter .bu-filter-item {
        font-size: 1.0625rem;
        float: left;
        /* line-height: 1.0; */
        margin-right: .75rem;
        background-color: #fff;
        color: #B09A51;
        border: 2px solid #B09A51;
        padding-left: 2.5rem;
        padding-top: .75rem;
        padding-bottom: .55rem;
        padding-right: .55rem;
        background-image: url(/ResourcePackages/Qualico/assets/images/awards-wreath.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: 8px 7px;
    }

        .a-filter .bu-filter-item.active {
            background-color: #B09A51;
            color: #fff;
        }

        .a-filter .bu-filter-item:last-child {
            margin-bottom: auto;
        }


    /* -------- awards --------------*/
    .awards, #awards .award {
        margin-bottom: 4rem;
    }

    #main .awards .row, #main #awards .row {
        margin-bottom: 0;
    }

    .a-gallery .slick-dots {
        bottom: 45%;
        left: 0;
        width: 26px;
        background: #353B41;
        z-index: 100;
        padding-top: 30px;
        padding-bottom: 25px;
    }

        .a-gallery .slick-dots li {
            margin: 0 auto;
        }

            .a-gallery .slick-dots li button:before {
                color: #5B6670;
            }

            .a-gallery .slick-dots li.slick-active button:before {
                color: #B09A51;
            }

    .a-gallery .slick-arrow {
        z-index: 200;
        left: 3px;
        top: auto;
        top: unset;
    }

    .a-gallery .slick-next {
        bottom: 45%;
    }

    .a-gallery .slick-prev:before {
        content: url(/ResourcePackages/Qualico/assets/images/chevron-gold-up-small.png);
    }

    .a-gallery .slick-next::before {
        content: url(/ResourcePackages/Qualico/assets/images/chevron-gold-down-small.png);
    }

    .awards > .slick-next, .awards > .slick-prev {
        height: 36px;
        width: 25px;
        z-index: 100;
    }

    .awards > .slick-prev {
        left: 10px;
    }

    .awards > .slick-next {
        right: 10px;
    }

    .awards > .slick-prev:before {
        content: url(/ResourcePackages/Qualico/assets/images/chevron-gold-left-large.png);
    }

    .awards > .slick-next::before {
        content: url(/ResourcePackages/Qualico/assets/images/chevron-gold-right-large.png);
    }

    .a-category-text {
        background: #E5DDC5;
        font-size: 1.375rem;
        font-weight: bold;
        padding: .85rem 1rem 0;
        text-transform: uppercase;
        display: inline-block;
        margin-left: 80px;
        margin-top: 29px;
        height: 36px;
    }

    .a-category-s1 {
        width: 51px;
        height: 51px;
        background-color: rgba(195,179,124,.75);
        position: absolute;
        bottom: 0px;
        margin-left: 29px;
    }

    .a-category-s2 {
        width: 30px;
        height: 30px;
        background-color: #353B41;
        position: absolute;
        bottom: 36px;
        margin-left: 65px;
        z-index: -1;
    }

    .a-gallery-wrap {
        position: relative;
    }

    .a-gallery-s1 {
        background: rgba(200,186,136,0.8);
        width: 122px;
        height: 122px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .a-gallery-s2 {
        background: rgba(197,185,152,0.7);
        width: 71px;
        height: 71px;
        position: absolute;
        top: -36px;
        right: 86px;
    }

    .a-info {
        border: 2px solid #B09A51;
    }

    .a-details {
        margin-top: -155px;
        position: relative;
        z-index: 100;
    }

    .a-tag {
        height: 125px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        padding: .75rem;
    }

    #main .locations-awards-nav .row {
        margin-bottom: 1rem;
    }


    .a-business-unit-logo {
        text-align: center;
        padding-left: 1rem;
        padding-right: 0.5rem;
        width: 174px;
    }

    .a-wreath {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        text-align: center;
        max-width: 82px;
    }

    .a-title {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        max-width: 510px;
    }

        .a-title h4 {
            color: #B09A51;
            font-size: 1.5rem;
        }

        .a-title h5 {
            color: #B09A51;
            font-size: 1rem;
        }

    .a-year-location {
        background: rgba(229,221,197,0.5);
        padding: 0;
    }

    .a-year {
        font-weight: bold;
        font-size: 1.375rem;
        background: rgba(200,186,136,0.5);
        padding: .7rem .7rem .3rem;
        display: inline-block;
    }

    .a-presented-by {
        padding-top: .7rem;
        padding-bottom: .3rem;
        font-weight: bold;
        background: #DCD2B2;
        text-transform: uppercase;
        font-size: 1.375rem;
    }

    .a-location {
        text-transform: uppercase;
        font-weight: bold;
    }

    .a-info-summary {
        padding-top: 1rem;
        padding-bottom: 1.2rem;
        position: relative;
    }

    .a-info-header {
        position: relative;
    }

        .a-info-header::after {
            content: url(/ResourcePackages/Qualico/assets/images/awards-top-right-square.png);
            width: 64px;
            height: 64px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
        }

    .a-info-summary::before {
        content: url(/ResourcePackages/Qualico/assets/images/awards-bot-left-square.png);
        width: 42px;
        height: 42px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .a-info-summary::after {
        content: url(/ResourcePackages/Qualico/assets/images/awards-bot-right-square.png);
        width: 42px;
        height: 42px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .a-description {
        padding-bottom: 1.2rem;
        position: relative;
    }

        .a-description .btn-tertiary {
            position: absolute;
            bottom: 0.25rem;
            left: 3.3rem;
        }

    .award .chevron-right-blue:after {
        content: url(/ResourcePackages/Qualico/assets/images/chevron-right-grey.png);
        padding-left: 0.75rem;
        top: 2px;
        position: relative;
    }


    @media (max-width:991px) {
        .a-details {
            margin-top: -100px;
        }

        .a-category.col-6 {
            max-width: 80%;
            flex: 0 0 80%;
        }

        .has-video .g-title {
            width: 80%;
            left: 10%;
        }
    }

    @media (min-width:991px) and (max-width:1079px) {
        .a-title {
            max-width: 390px;
        }
    }

    @media (max-width:778px) {
        .a-gallery .slick-dots {
            bottom: 30%;
        }

        .a-gallery .slick-next {
            bottom: 30%;
        }

        .a-details {
            margin-top: -55px;
        }

            .a-details.container {
                padding: 0 60px;
            }

        .a-tag {
            height: auto;
            overflow: visible;
        }

        .slick-slide .a-tag img {
            display: inline-block;
        }

        .a-business-unit-logo {
            text-align: center;
            width: 100%;
        }

        .a-wreath {
            display: none;
        }

        .a-title {
            padding-top: .75rem;
            text-align: center;
            width: 100%;
            padding-left: .75rem;
            padding-right: .75rem;
        }

        .a-year-location {
            text-align: center;
        }

        .a-presented-by {
            text-align: center;
        }

        .a-award-logo {
            text-align: center;
        }

            .a-award-logo img {
                display: inline-block !important;
                padding-bottom: .75rem;
                max-width: 200px;
            }

        .has-video .g-title {
            width: 74%;
            left: 13%;
        }
    }

    @media (max-width:576px) {
        .a-details {
            margin-top: -100px;
        }

        .a-category.col-6 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .a-gallery-s1, .a-gallery-s2 {
            display: none;
        }

        .a-category-text {
            font-size: 1rem;
        }

        .has-video .g-title {
            width: 60%;
            left: 20%;
        }
    }

    /* -------- contact us --------*/

    #main .cf .col-12 {
        margin-bottom: 1rem;
    }

    .cf-links h4 {
        margin-bottom: 1rem;
    }

    .cf:not([name="existing-customers"]) .row > .form-group:nth-child(4) .small {
        display: none;
    }

    .cf-link {
        color: #8C949B;
        margin-bottom: 1rem;
        cursor: pointer;
        font-size: 0.8125rem;
        font-weight: bold;
        text-transform: uppercase;
    }

        .cf-link.current {
            color: #353B41;
        }

    .cf {
        display: none;
    }

        .cf.current {
            display: block;
        }

    .cf-privacy-statement {
        padding-top: 1rem;
    }

    form.cf input[type=text], .cf-select-title {
        height: 3.125rem;
        line-height: 3.125rem;
        background: #F2F3F4;
        border: 0;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cf-locations, .cf-bu-list {
        position: relative;
    }

    .cf-select-title {
        color: #8C949B;
        cursor: pointer;
    }

    .cf-select {
        display: none;
        position: absolute;
        top: 3.125rem;
        z-index: 10;
        width: 100%;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        background: #fff;
    }

    .cf-option {
        border-top: 1px solid #ddd;
        height: 2.5rem;
        line-height: 2.5rem;
        width: 100%;
        padding-left: 1rem;
        color: #353B41;
        cursor: pointer;
    }

        .cf-option:hover {
            background: #8C949B;
            color: #fff;
        }

    form.cf textarea {
        height: 12.5rem;
        width: 100%;
        background: #F2F3F4;
        border: 0;
    }

    form.cf h6 {
        color: #353B41;
    }

    .cf-business-units, .cf-bu-list {
        display: none;
    }

    .cf-sendmecopy-text {
        margin-left: .75rem;
        color: #8C949B;
    }

    /* -------- grayscale image swap ---------*/
    .gs-swap a {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .gs-swap {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

        .gs-swap .gs-img {
            opacity: 0;
        }

        .gs-swap .gs-img {
            opacity: 0;
            filter: none;
            transition: all 500ms;
        }

        .gs-swap:hover .gs-img {
            opacity: 1;
        }

    .gs-svg {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        transition: all 500ms;
    }

    .gs-swap:hover .gs-svg {
        opacity: 0;
    }

    .gs-svg image {
        width: 100%;
    }
    /* not IE 10+ */
    html:not([data-agent*="Trident"]) .gs-svg {
        display: none;
    }

    html:not([data-agent*="Trident"]) .gs-swap .gs-img {
        opacity: .6;
        filter: grayscale(100%);
        transition: all 500ms;
    }

    html:not([data-agent*="Trident"]) .gs-swap:hover .gs-img {
        filter: grayscale(0);
        opacity: 1;
    }

    /* IE10+ detection */
    html[data-agent*="Trident"] .gs-svg {
        display: block;
    }

    /* --- sitemap --- */
    .q-sitemap select {
        display: none;
    }

    .q-sitemap ul {
        list-style-type: none;
        padding-left: 20px;
    }

        .q-sitemap ul li {
            margin-top: 1rem;
            margin-bottom: 1rem;
            font-size: 1.5rem;
        }

            .q-sitemap ul li ul li {
                margin-top: .7rem;
                margin-bottom: .7rem;
                font-size: 1.2rem;
            }

                .q-sitemap ul li ul li ul li {
                    margin-top: .3rem;
                    margin-bottom: .3rem;
                    font-size: 1.1rem;
                }

                    .q-sitemap ul li ul li ul li ul li {
                        margin-top: .3rem;
                        margin-bottom: .3rem;
                        font-size: 1rem;
                    }



    /* --- --- */

    /* --- mobile --- */

    /***----  1280  ----***/

    @media (max-width: 1279px) {
        #location-map {
            display: none;
        }

        body {
            padding-top: 103px !important;
        }
    }

    /***----  768  ----***/

    @media (max-width: 768px) {
        #main .col-lg-4, #main .col-lg-5, #main .col-lg-6, #main .col-lg-8, #main .col-12, #main .header-images-bar.container, #main .col-lg-9, #main .home-page-video, #main .logo-wall, #main .row.employee-icons, #main .bud .row {
            margin-bottom: 4rem;
        }

        #main .row, #main .award .col-12, #main .struct-wrap .col-lg-6 {
            margin-bottom: 0;
        }

        #main .our-impact .col-12 {
            margin-bottom: 2rem;
        }

        #main .row.employee {
            margin-bottom: 4rem;
        }

        .video-stretch .vid-container {
            width: 100%;
            padding-bottom: 56%;
        }

        h3.fancy {
            font-size: 1.5rem;
        }

        .mini-gallery, .mini-gallery .mg-item img {
            width: 350px;
        }

        .a-presented-by {
            font-size: 1.175rem;
        }

        .a-info-header:after {
            content: none;
        }

        .a-title {
            margin: 0 auto;
        }

        #main #contact-forms .col-12 {
            margin-bottom: 1.5rem;
        }
    }

    /***----  576  ----***/

    @media (max-width: 576px) {
        .home-our-work .btn-secondary {
            margin-right: 0;
        }

        .home-our-work h1 {
            font-size: 2.75rem;
        }

        .fni-header .see-all a {
            padding-right: 1rem;
            background: url(/ResourcePackages/Qualico/assets/images/chevron-right-blue.png) no-repeat right center;
            font-size: 0.9rem;
        }

        .featured-news-items h4 {
            font-size: 0.9rem;
        }

        a.fni-category {
            font-size: 0.7rem;
        }

        .featured-news-items .col-9 {
            flex: 0 0 60%;
            max-width: 60%;
        }

        .featured-news-items .col-3 {
            flex: 0 0 40%;
            max-width: 40%;
        }

        #main .row.mfp-showcases {
            margin-bottom: 0;
        }

            #main .row.mfp-showcases .col-lg-6 {
                margin-bottom: 2rem;
            }

        .a-info-header:after {
            content: none;
        }

        .awards > .slick-arrow {
            top: 500px !important;
        }

        .p-links .btn-primary {
            font-size: 0.9rem;
        }

        .employee-image {
            width: 296px;
        }

        .career-links .btn-primary:first-child {
            margin-right: 0;
        }

        .careers-texas {
            font-size: 0.8rem;
        }

        .btn-gold {
            font-size: 1rem;
        }

        .bu-learn-more a {
            font-size: 0.9rem;
        }

        .mini-gallery, .mini-gallery .mg-item img {
            width: 400px;
            margin: 0px auto;
        }

        .col-lg-5 {
            padding: 0;
        }

        body {
            padding-top: 93px !important;
        }

        .home-our-work .btn-secondary {
            width: 315px;
            font-size: 1rem;
        }
      
    }

    @media (max-width: 415px) {

        .header-image-blurred {
            display: none;
        }

        .header-image {
            flex: 0 0 415px;
            height: 242px;
            margin-top: 120px;
        }

            .header-image > img {
                min-width: 415px;
                min-height: 242px;
            }

        .slick-next.slick-arrow, .slick-prev.slick-arrow {
            display: none;
        }

        .mini-gallery, .mini-gallery .mg-item img {
            width: 375px;
        }
    }

/* --- gradual fade ----*/
.thefade {
  opacity:0;
  transition:opacity 1500ms;
}

.sfPageEditor .thefade {
       opacity: 1;
}

.thefade.onscreen {
  opacity:1;
}