/*------------------------------------------------------------------*/


/*
/* Colors - updated and approved by WY 1/30/15 -------------/
/*
/* WY Dark Green  - #0871c8
/* WY Light Green - #69a323
/* WY Dark Grey - #404040
/* WY Light Grey - #d4d4d4
/* WY Dark Blue - #015779
/* WY Mid Blue - #337893
/* WY Light Blue - #7faabb
/* WY Brown - #663700
/* WY Rust - #9c5106
/* WY Bright Orange - #d4731a
/*
/* ---------------------/

/* Fonts ------------------------------------------------/
/*
/* Headings - font-family: 'Source Sans Pro', sans-serif;
/* Body     - font-family: 'Source Sans Pro', sans-serif;
/*
/* ------------------------------------------------------/
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------

    [Table of contents]

    1. Global
        1.1. Typography
        1.2. Buttons
        1.3. Maps
        1.4. Seperators
        1.5. Form
        1.6. Pagination
    2. Helpers
    3. Header
        3.1. Navigation
            3.1.1. Dropdowns
        3.2. Mobile Navigation
            3.2.1. Mobile Nav Button
        3.3. Header Search Box
            3.3.1. Header Search Mobile
    4. Page-Specific
        4.1. Homepage
        4.2. Supp Pages
            4.2.1. Banner Images
            4.2.2. Banner Slider
            4.2.3. No Banner Image
            4.2.4. Sustainability Page
            4.2.5. Careers Page
            4.2.6. Logo Page
        4.3.  Real Estate
            4.3.1. Real Estate Landing Page
            4.3.2. Real Estate Property Page
        4.4. Optional Content
        4.5. Fixed Width
        4.6. Search Results
        4.7. Contact Us/Locations
        4.8. Calculators
        4.9. Page Not Found (404)
        4.10. Document Library
            4.10.1. Filters
                4.10.1.1. Change Layout
            4.10.2. Gallery
            4.10.3. Sidebar Filters
            4.10.4. Form
            4.10.5. Accounts
        4.11. Wood Product
        4.12. Find a Location
            4.12.1. Filters
        4.13. Blog
    5. Elements
        5.1. Company Nav
        5.2. TimelineJS
        5.3. Scrolling Sidebar
        5.4. Accordion
        5.5. Password Protection
        5.6. CTA Image with Text
        5.7. Calculators
    6. Footer
        6.1.  Breadcrumbs
            6.1.2. Social Links
        6.2. Footer Navigation
        6.3. Footer Popup Sitemap
        6.4. Back to Top Button
        6.5. Sub Footer
    7. Browser-Specific
    8. Responsive
    9. TinyMCE Styles

------------------------------------------------------------------*/


/*------------------------------------------------------------------*/


/* 1. Global
/*------------------------------------------------------------------*/
.ccm-dashboard-express-form > fieldset > fieldset {
    width: 100%;
}
html,
body {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

html {
    font-size: 16px;
}

textarea:focus,
input:focus {
    outline: 0;
}

*:focus {
    outline: 0;
}

#content .flexslider ul {
    margin-top: 0;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

.print {
    display: none !important;
}

.lt-ie9 ul {
    padding-left: 20px;
}

ul.indent {
    margin-left: 23px;
}

ol {
    -webkit-padding-start: 0px;
    padding-left: 20px;
    margin-left: 0;
}

#main-container #content-fixed ul li,
#main-container #content ul li,
#featured-news ul li {
    padding-left: 15px;
    position: relative;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
}

#main-container #content-fixed .flexslider ul li,
#main-container #content .flexslider ul li {
    padding-left: 0;
    position: static;
}

#main-container #content-fixed ul:not(.slick-dots) li::before,
#main-container #content ul:not(.slick-dots) li::before,
#featured-news ul:not(.slick-dots) li::before {
    content: "\f04d";
    color: #0871c8;
    font-size: 8px;
    position: absolute;
    left: 2px;
    font-family: 'FontAwesome';
}

.lt-ie9 #main-container #content-fixed ul li,
.lt-ie9 #main-container #content ul li,
.lt-ie9 #featured-news ul li {
    list-style: square !important;
}

#content .company-nav ul.nav li::before,
#property-info ul li::before,
.map-locations ul li::before,
ul.pagination li::before {
    content: none !important;
}

#content ol li,
#content .flexslider li {
    background: none;
    margin-bottom: 0;
}

.ctm-page-list.list_items .ctm-page {
    margin-bottom: 0 !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.no-gutters>[class^="col-"],
.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

#main-container ul ul,
#main-container ol ul,
#main-container ul ol,
#main-container ol ol {
    margin-bottom: 0;
    margin-left: 20px;
}


/* Fixes Google Maps bug that squishes the zoom controls */

.gmnoprint img {
    max-width: none;
}

.break-word {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


/* Prevents Concrete layout popup from going offscreen */

.ccnm-menu.ccm-ui .popover {
    left: 100px !important;
}

select::-ms-expand {
    display: none;
}


/*------------------------------------------------------------------*/


/* 1.1. Typography
    /*------------------------------------------------------------------*/


/*Fonts*/

.FranklinGothicURW-Med {
    font-family: 'FranklinGothicURW-Med', Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.FranklinGothicURW-Dem {
    font-family: 'FranklinGothicURW-Dem', Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

.ccm-page,
.ccm-page p,
.ccm-page li,
.ccm-page input {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.ccm-page a {
    color: #015779;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.ccm-page a:hover,
.ccm-page a:focus,
.ccm-page a:active {
    color: #0871c8;
}

.ccm-page h1,
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 {
    color: #4d4d4d;
}

.ccm-page h1,
.ccm-page .h1,
.ccm-page h2,
.ccm-page .h2,
.ccm-page h3,
.ccm-page .h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.ccm-page h2.director-name,
.ccm-page .latest-news-heading  h2,
#property-search .ccm-page h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.h2nomargin {
    margin-top: 0px;
    margin-bottom: 5px;
}

p.nomargin {
    margin: 0 !important;
}

.ccm-page h1 {
    font-size: 27px;
    text-transform: uppercase;
}

.ccm-page h2 {
    font-size: 22px;
}

.ccm-page h3 {
    font-size: 20px;
}

.ccm-page h4 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.ui-dialog h1,
.ui-dialog h2,
.ui-dialog h3,
.ui-dialog h4,
.ui-dialog h5,
.ui-dialog h6 {
    margin-top: 20px;
    font-weight: 200;
    text-transform: none;
}

.ui-dialog h1 {
    font-size: 26px;
}

.ui-dialog h2 {
    font-size: 24px;
}

.ui-dialog h3 {
    font-size: 21px;
}

.ui-dialog h4 {
    font-size: 18px;
}

.ui-dialog h5 {
    font-size: 16px;
}

.ui-dialog h6 {
    font-size: 13px;
}

body,
.ccm-page,
.ccm-page p,
.ccm-page li,
.ui-autocomplete,
.ui-autocomplete p,
.ui-autocomplete li {
    font-size: 18px;
    line-height: 24px;
}

.pull-right p {
    float: right;
    text-align: right;
}

.rightAlign {
    text-align: right;
}

.centerAlign {
    text-align: center;
}

#content ul {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

.mt-0 {
    margin-top: 0 !important;
}

.blockquote {
    color: #015779;
    padding: 5px 0 5px 15px;
    border-left: 10px solid #d4d4d4;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.blockquote p {
    font-size: 22px;
    text-align: left;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

sub,
sup {
    font-size: 95%;
}


/*------------------------------------------------------------------*/


/* 1.2. Buttons
    /*------------------------------------------------------------------*/

/* star ratings */
.ccm-rating.ccm-attribute-rating i {
    font-size: 20px;
}
.ccm-rating.ccm-attribute-rating .fa-star, .ccm-rating.ccm-attribute-rating .fa-star-half-o {
    color: #0871c8;
}

/* Primary Button */

.ccm-page .button,
.ccm-page input[type="submit"],
.ccm-page .sem-submit,
.ccm-page .btn-success,
.ccm-page .submit-button,
.ccm-page button.calc,
.ccm-page button.reset {
    background-color: #0871c8;
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 20px 10px 20px;
    font-size: 18px;
    line-height: 1.33;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    background-image: none;
    border-color: none;
    border-radius: 0;
    border-width: 0;
}

.button.brown-btn,
input[type="submit"].brown-btn {
    background: #572701 url(arrow-right.png) no-repeat 2em center;
}

.ccm-page .button:focus,
.ccm-page .button:hover,
.ccm-page .button:active,
.ccm-page input[type="submit"]:focus,
.ccm-page input[type="submit"]:hover,
.ccm-page input[type="submit"]:active,
.ccm-page .btn-success,
.ccm-page .submit-button,
.ccm-page button.calc,
.ccm-page button.reset {
    text-decoration: none;
    color: #ffffff;
}

.ccm-page .button:before,
.ccm-page .ccm-page .arrow,
.ccm-page .btn-success:before,
.ccm-page input[type="submit"]:before,
.ccm-page .submit-button:before,
.ccm-page .ccm-input-submit:before {
    content: url(arrow-right.png);
    position: relative;
    padding-right: 15px;
    top: 4px;
}

.ccm-page input.button {
    background: #0871c8 url(arrow-right.png) no-repeat 2em center;
    position: relative;
    padding: 0 3em 0 4em;
}

input.brown-btn {
    padding: 0 2.3em 0 4em;
}

.ccm-page .button.btn-left:before {
    content: url(arrow-left.png);
}

.ccm-page .button.btn-up:before {
    content: url(arrow-up.png);
}

.ccm-page .button.btn-down:before {
    content: url(arrow-down.png);
}

a.google-btn {
    color: #414141;
    font-size: 20px;
    text-decoration: underline;
}

a.google-btn:hover {
    text-decoration: none;
}

.ccm-page select.ccm-input-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(grey-dropdown-arrow.png) no-repeat 99% center;
    background-image: none \9;
    background-size: 15px 15px;
}

.ccm-page select.ccm-input-select::-ms-expand {
    display: none;
}

.ccm-page select {
    border-radius: 0;
    border-color: #bebebe;
    border-width: 1px;
    border-style: solid;
    font-weight: 300;
    color: #4d4d4d !important;
}

.ccm-page .form-control {
    font-size: 16px;
    font-weight: normal;
    border-radius: 0;
}


/* Input-type button */

button.sem-submit {
    background: #0871c8 url(arrow-right.png) no-repeat 15px center !important;
    padding: 10px 20px 10px 50px !important;
}

select[multiple] {
    background-image: none;
}

.low-vis-button:before {
    content: url(arrow-right-low.png);
}

.nav-pills {
    margin: 20px 0;
}

.nav-pills>li>a {
    border-radius: 0;
    background-color: #eee;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #0871c8;
}

.button.icon-btn .fa {
    margin-right: 10px;
}

.button.icon-btn:before {
    display: none;
}

.btn-row {
    margin-top: 30px;
}

.btn-row .button {
    margin: 0 10px 10px 0;
}

.btn-row .button:last-child {
    margin-right: 0;
}

a.button.lc-button {
    margin: 0;
}


/*------------------------------------------------------------------*/


/* 1.3. Maps
    /*------------------------------------------------------------------*/


/*body:not(.editmode) .svg-map-container {
        position: relative;
        text-align: center;
        height: 0;
        padding: 0 0 50%;
        margin: 2em 0;
    }
    body:not(.editmode) .svg-map-container svg {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 0;
    }*/


/* Required to make image fluid in IE */

object {
    width: 100%;
}

svg {
    width: 100%;
}

#wredco-map,
#featured-properties {
    background: #015779;
}

.svg-map path {
    transition: .2s fill;
}

.svg-map .icon-shadow {
    fill: #000;
}

.green-map path {
    fill: #26A45B;
    stroke: #006B33;
}

.green-map path.highlight-area {
    fill: #008146;
    stroke: #006B33;
}

.green-map path.highlight-area:hover {
    fill: #238E4E;
    stroke: #006B33;
}

svg {
    display: block;
}

svg text {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

svg#Layer_1 a {
    fill: #ffffff;
}

#wredco-map path:hover {
    fill: #007640;
}


/*------------------------------------------------------------------*/


/* 1.4. Seperators
    /*------------------------------------------------------------------*/

.green-blue {
    background: rgb(1, 106, 58);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNmEzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTU3NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 106, 58, 1)), color-stop(100%, rgba(1, 87, 121, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0871c8', endColorstr='#015779', GradientType=0);
    /* IE6-8 */
    width: 100% !important;
    height: 4px;
    margin: 0;
}

.green-orange {
    background: rgb(1, 106, 58);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNmEzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YzUxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(1, 106, 58, 1) 0%, rgba(156, 81, 6, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(1, 106, 58, 1)), color-stop(100%, rgba(156, 81, 6, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(1, 106, 58, 1) 0%, rgba(156, 81, 6, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(1, 106, 58, 1) 0%, rgba(156, 81, 6, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(1, 106, 58, 1) 0%, rgba(156, 81, 6, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(1, 106, 58, 1) 0%, rgba(156, 81, 6, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0871c8', endColorstr='#9c5106', GradientType=1);
    /* IE6-8 */
    width: 100% !important;
    height: 4px;
    margin: 0;
    border: none;
}


/*------------------------------------------------------------------*/


/* 1.5. Forms
    /*------------------------------------------------------------------*/

form.sem-form {
    margin-bottom: 20px;
}

.left-half {
    width: 50% !important;
    float: left;
}

.left-half .sem-field {
    width: 95% !important;
}

.right-half {
    width: 50% !important;
    float: left;
}

.left-third {
    width: 33% !important;
    float: left;
}

.left-third .sem-field {
    width: 92% !important;
}

.block-field {
    display: block;
    float: none;
}

.center-third {
    width: 33% !important;
    float: left;
}

.center-third .sem-field {
    width: 92% !important;
}

.right-third {
    width: 33% !important;
    float: left;
}

.radio-stacked .sem-radio-button-label {
    display: block !important;
}

.radio-stacked .sem-legend {
    margin: 4px 0 5px;
}

.search-block-form {
    margin-bottom: 30px;
}

.search-block-form .search-field {
    margin-bottom: 20px;
    width: 100%;
    padding: 5px 10px;
}

.pass_req #pagePassword {
    width: 200px;
}

.pass_req .pass-proc {
    margin-left: 30px;
    padding: 12px 30px;
}

.req-honey {
    display: none;
}

.weyer-search input,
.weyer-search select,
.weyer-search textarea {
    height: 45px;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    padding: 0 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #4d4d4d !important;
    background-position: 97% center;
}


/*------------------------------------------------------------------*/


/* 1.6. Pagination
    /*------------------------------------------------------------------*/

#content ul.pagination {
    margin: 20px 0 40px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #337893;
    border-color: #337893;
    color: #fff;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    border-color: #d4d4d4;
}

.pagination>li>a,
.pagination>li>span,
.pagination a,
#pagination a {
    color: #337893;
}

.pagination a,
.currentPage,
.pageLeft span,
#pagination a {
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.currentPage {
    background-color: #337893;
    border-color: #337893;
    color: #fff;
}

.ccm-page-left .ltgray {
    color: #d4d4d4;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #d4d4d4;
}

.ccm-pagination-ellipses {
    padding: 0 10px;
}

div.ccm-pagination span.ccm-page-right {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-right: 0px !important;
}

.results-pag div.ccm-pagination {
    margin: 0 0 40px 0;
}


/*------------------------------------------------------------------*/


/* 1.7. Tables
    /*------------------------------------------------------------------*/

table {
    width: 100%;
    margin-bottom: 30px;
    border-width: none;
    border-color: transparent;
}

table.table {
    margin-bottom: 30px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none;
}

td,
th {
    padding: 10px;
}

th,
caption {
    background-color: #00597c;
    color: #fff;
}

caption {
    padding: 20px 0;
    font-weight: bold;
}

table tbody tr.years th {
    background-color: #00597c;
    padding: 4px 8px;
    text-align: right;
}

table tbody .categorySpecial th {
    padding: 4px 8px;
}

tr.color th {
    background-color: #337893;
}


/*tr.category th, tr.color th {
        background-color: #337893;
    }*/

tr.category th {
    background-color: #337893;
}


/*tr:nth-child(even) {
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000,endColorstr=#14000000);
        background-color: rgba(0,0,0,.08);
    }
    tr.alt {
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000,endColorstr=#14000000);
        background-color: rgba(0,0,0,.08);
    }*/

tr:nth-child(even) {
    background-color: #ebebeb;
}

.no-table-bg table tr:nth-child(even) {
    background-color: transparent !important;
}

td.rightAlign {
    text-align: right;
}

.grey-bg {
    background-color: #edeceb;
}

table.alt-section tr {
    background-color: #ebebeb;
}

table.alt-section tr.alt {
    background-color: #ffffff;
}

.no-flexboxlegacy span.number-size {
    /* Use Modernizr class to detect if IE10 and below */
    font-size: 19px !important;
}

.row-spacing {
    margin-bottom: 20px;
}

.row-spacing .ccm-layout-row {
    margin-bottom: 0;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

table tr.indent_1>td {
    padding-left: 20px;
}

table tr.indent_2>td {
    padding-left: 40px;
}

table tr.indent_3>td {
    padding-left: 60px;
}


/*table tr td {
        text-align: right;
    }*/

table tr:not(.rightAlign) td:first-of-type {
    text-align: left;
}

.pdf-file a:before {
    content: url(pdf-icon.png);
    top: 7px;
    position: relative;
    padding-right: 10px;
}


/*------------------------------------------------------------------*/


/* 2. Helpers
/*------------------------------------------------------------------*/

li.remove {
    display: none !important;
}

.inline-block {
    display: inline-block;
}

.list-inline li {
    /* Adding on to Bootstrap's list-inline class */
    float: left;
    padding: 0;
    list-style-type: none;
    list-style: none;
}

.margin-top {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.heading-margin {
    margin-bottom: 50px;
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

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

.pad-left {
    padding-left: 30px;
}

.pad-right {
    padding-right: 30px;
}

.vertical-margin {
    margin: 32px 0;
}

.underline {
    position: relative;
    border-bottom: 1px solid #223a4e;
    font-size: 1.7em;
    line-height: 1.7em;
    font-weight: 300;
    margin: 0 0 1em;
}

.thick-underline {
    display: inline-block;
    position: relative;
    padding-right: 10px;
    top: 2px;
    border-bottom: 3px solid #223a4e;
}

hr {
    border-top: 3px solid #dddddd;
    width: 90%;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 20px 0 0 0;
}

hr.long {
    width: 100%;
}

#content hr {
    /*border-bottom: 1px solid #d4d4d4;
    border-top: none !important;*/
    border-top: 3px solid #dddddd;
    width: 95%;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 20px 0 0 0;
}

hr.black {
    border-top: 1px solid #000;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

.green-bg {
    background: #0871c8;
}

.border-top {
    border-top: 4px solid;
}

.border-bottom {
    border-bottom: 4px solid;
}

.border-top-bottom {
    border-top: 4px solid;
    border-bottom: 4px solid;
}

.border-brown {
    border-color: #865439;
}

.border-dark-green {
    border-color: #0871c8;
}

.border-light-green {
    border-color: #26a45b;
}

.border-blue {
    border-color: #00597c;
}

.gradient-border {
    position: relative;
}

.gradient-border.gradient-top:before,
.gradient-border.gradient-bottom:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 4px;
    background: rgb(1, 106, 58);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNmEzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTU3NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 106, 58, 1)), color-stop(100%, rgba(1, 87, 121, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(1, 106, 58, 1) 0%, rgba(1, 87, 121, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0871c8', endColorstr='#015779', GradientType=0);
    /* IE6-8 */
}

.gradient-border.gradient-top:before {
    bottom: 100%;
}

.gradient-border.gradient-bottom:after {
    bottom: 0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

a.long-button {
    word-wrap: break-word;
}


/*------------------------------------------------------------------*/


/* 3. Header
/*------------------------------------------------------------------*/

#header {
    padding: 10px 30px;
    max-width: 1800px;
    position: relative;
}

#header-right {
    position: static;
}

a.logo {
    display: inline-block;
    padding-top: 10px;
}

a.logo img {
    width: 75%;
}


/*------------------------------------------------------------------*/


/* 3.1. Navigation
    /*------------------------------------------------------------------*/

#nav-btn-holder {
    position: static;
}

#nav-btn-holder .pronav_btn_navbar {
    position: absolute;
    top: 50%;
    margin: -22px 0 0 0;
    right: 25px;
}


/*------------------------------------------------------------------*/


/* 3.1.1. Dropdowns
        /*------------------------------------------------------------------*/


/*.navbar-nav ul.children,
        .pro_navbar ol.sublvl {
            width: 100%;
            background: #404040;
            color: #FFFFFF;
        }

        .pro_navbar .dropdown-menu a,
        .pro_navbar .dropdown-menu a:visited,
        .pro_navbar .pronav_list .dropdown-menu a {
            background: #404040;w
            color: #FFFFFF;
        }*/


/*------------------------------------------------------------------*/


/* 3.1.2 Secondary Navigation
    /*------------------------------------------------------------------*/

/* new portlandlabs breadcrumb */
.ccm-page .breadcrumb-inner a {
    font-size: 15px;
}

#breadcrumbs .nav li a:hover {
    background: none;
}

#breadcrumbs .nav li {
    display: inline-block;
}

#breadcrumbs .nav li a {
    color: #0871c8;
}

#breadcrumbs .nav li.nav-dropdown > a, #breadcrumbs .nav > li >a {
    color: #0871c8;
}

#breadcrumbs .nav >li > a {
    padding-right: 0;
}

#breadcrumbs .nav li.nav-dropdown > a:after {
    content: '>';
    display: inline-block;
    padding-left: 11px;
    padding-right: 11px;
    color: #a0a0a0;
}

#breadcrumbs .nav li.nav-dropdown

#breadcrumbs li a:hover {
    text-decoration: none;
}

#breadcrumbs .breadcrumb-inner {
    padding-left: 4%;
    background: #eeeeee;
}

#breadcrumbs ul ul {
    margin-left: 0;
}

#breadcrumbs a:hover {
    opacity: .8;
    transition: all .3s fade-out;
}

#breadcrumbs .breadcrumb-home-link {
    font-size: 25px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: -5px;
    color: #9a9a9a;
}

#breadcrumbs .nav, #breadcrumbs ul {
    display: inline-block;
}


#breadcrumbs .nav>li>a {
    background: none;
    display: inline-block;
}
#breadcrumbs {
    background: #eee;
}

/* end breadcrumb */

/* misc PL styles */
.center-image-template {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.container .row .col-sm-12 .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mfp-wrap .mfp-close {
    display: none !important;
}

/* end PL styles */

/* new portlandlabs navigation */

ul.pronav_list, ol.pronav_list, ul.pronav_list li, ol.pronav_list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pronav_collapse {
    padding: 0;
    color: #999999;
    overflow: visible !important;
}

#nav-btn-holder .pronav_icon_bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    width: 40px;
    height: 5px;
    margin: 4px 0;
    background-color: #0871c8;
    box-shadow: none !important;
}
.pronav_btn_navbar {
    float: right;
    padding: 7px 10px;
    margin: 5px -15px 5px 0;
    background-color: #2c2c2c;
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

ul.wy-header-nav {
    width: 100%;
    background: #0871c8;
    display: flex;
    margin-bottom :0;
}

@media(max-width: 1200px) {
    ul.wy-header-nav {
        display: none;
    }
}

ul.wy-header-nav > li {
    flex: 1;
}

ul.wy-header-nav > li a {
    color: white;
    text-transform: uppercase;
    padding: 10px 5px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 16px;
    display: block;
    text-align: center;
}

.ccm-page ul.wy-header-nav > li > a:hover, .ccm-page  ul.wy-header-nav > li > a:active, .ccm-page  ul.wy-header-nav > li > a:focus,  .ccm-page  ul.wy-header-nav > li a:visited {
    color: white !important;
    text-decoration: none;
    background: #444;
}
.ccm-page ul.wy-header-nav li li li  a:visited {
    color: black !important;
}
ul.wy-header-nav > li li li a:visited {
    color: black;
}

ul.wy-header-nav > li > ul {
    position: absolute;
    display: none;
    z-index: 900;
    width: 100%;
}

ul.wy-header-nav > li.nav-path-selected > ul {
    display: flex;
    left: 0;
}

ul.wy-header-nav:hover > li.nav-path-selected > ul {
    display: none;
}

ul.wy-header-nav:hover > li.nav-path-selected:hover > ul {
    display: flex;
    left: 0;
}

ul.wy-header-nav > li  ul {
    display: none;
}

ul.wy-header-nav > li > ul > li {
    background-color: #333333;
    border-right: 1px solid #3C3C4E;
    flex: 1;
    position: relative;
}

ul.wy-header-nav > li > ul > li > a {
    text-transform: none;
    white-space: nowrap;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    /** IE10/11 only */
    ul.wy-header-nav > li:nth-child(3) > ul > li:nth-child(1) {
        min-width: 105px;
    }

    ul.wy-header-nav > li:nth-child(3) > ul > li:nth-child(6) {
        min-width: 85px;
    }
}

ul.wy-header-nav > li > ul > li:hover a {
    background: #444444;
    text-decoration: none;
    color: white !important;
}

ul.wy-header-nav > li > ul > li:hover > ul > li > a {
    background: none;
    padding: 0;
    text-transform: none;
    color: black !important;
    text-align: left;
}

ul.wy-header-nav > li:hover > ul {
    display: flex;
    left: 0;
}

ul.wy-header-nav > li.large-menu > ul > li > a{
    font-size: 13px;
}

ul.wy-header-nav > li:hover > ul > li.large-menu:hover > ul > li {
    max-width: 150px;
    min-width: 150px;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul {
    display: flex;
    left: 0;
    position: absolute;
    background-color: #ededed;
    padding-top: 10px;
    padding-bottom: 30px;
}
ul.wy-header-nav > li:hover > ul > li:hover > ul > li {
    min-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li > a {
    display: block;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li > ul {
    display: block;

}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li > ul > li > a {
    color: #333333 !important;
    text-transform: none;
    font-weight: normal;
    background: none;
    text-align: left;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li:hover > ul {
    background-color: #ededed;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li > ul > li > a {
    background: none;
    padding-bottom: 0 !important;
    padding-top: 5px !important;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

ul.wy-header-nav > li:hover > ul > li:hover > ul > li > a {
    font-weight: bold;
    padding-bottom: 5px !important;
}


ul.wy-header-nav li.nav-dropdown.link-removed > a {
    cursor: default;
}

ul.wy-header-nav > li > ul > li.nav-dropdown > a:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 5px;
}
ul.wy-header-nav > li > ul > li.nav-dropdown:hover > a {
    background: #444444 url(subnav-indicator-arrow.png) no-repeat bottom center;
}
/* end new portlandlabs navigation */

#navigation ul.nav li {
    float: left;
}

#navigation ul.nav li a {
    color: #333;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
}

.pro_navbar .pronav_list>li>a {
    /* Top level nav items */
    padding: 12px 5px !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(1) {
    width: 100%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(2),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(2)~li {
    width: 50%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(3),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(3)~li {
    width: 33.3333%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(4),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(4)~li {
    width: 25%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(5),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(5)~li {
    width: 20%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(6),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(6)~li {
    width: calc(100% / 6);
    width: 16.6666666%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(7),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(7)~li {
    width: calc(100% / 7);
    width: 14.285714%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(8),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(8)~li {
    width: calc(100% / 8);
    width: 12.5%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(9),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(9)~li {
    width: calc(100% / 9);
    width: 11.111111%;
}

.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(10),
.pro_navbar .top-level>ul.sublvl.dropdown-menu>li:first-child:nth-last-child(10)~li {
    width: 10%;
}

#secondary-nav ul.nav {
    margin: 0 auto;
    display: table;
    width: 100%;
}

#secondary-nav ul.nav>li {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}


/* Uncomment this if using padding to space nav items instead of width
    #navigation ul.pronav_list > li > ul.dropdown-menu > li > a {
        display: block;
        padding: 20px 25px;
    }*/

#navigation ul.pronav_list>li>ul.dropdown-menu>li {
    border-right: 1px solid #3c3c3c;
    border-top: 1px solid #3c3c3c;
}

.dropdown-menu > li > a {
    white-space: normal !important;
}

#navigation ul.pronav_list>li>ul.dropdown-menu>li>a {
    text-align: center;
    padding: 13px 0;
    font-size: 15px;
}

#navigation ul.pronav_list>li>ul.dropdown-menu>li:last-of-type>a {
    border-right: none;
}

#navigation ul.pronav_list>li>ul.dropdown-menu>li:focus,
#navigation ul.pronav_list>li>ul.dropdown-menu>li:hover,
#navigation ul.pronav_list>li>ul.dropdown-menu>li:active,
ul.pronav_list>li.nav-path-selected>ul.dropdown-menu>li.nav-path-selected {
    background: #444444 url(subnav-indicator-arrow.png) no-repeat bottom center;
}

ul.pronav_list>li.nav-path-selected {
    background: #333333;
    border: 1px solid #3c3c3c;
    border-top: none;
    border-bottom: none;
}
ul.wy-header-nav>li.nav-path-selected {
    background: #333333;
    border: 1px solid #3c3c3c;
    border-top: none;
    border-bottom: none;
}
ul.wy-header-nav>li.nav-path-selected > ul > li.nav-path-selected {
    background: #444444 url(subnav-indicator-arrow.png) no-repeat bottom center;
}

#navigation ul.pronav_list>li>ul.dropdown-menu>li.open:focus,
#navigation ul.pronav_list>li>ul.dropdown-menu>li.open:hover,
#navigation ul.pronav_list>li>ul.dropdown-menu>li.open:active,
#navigation ul.pronav_list>li>ul.dropdown-menu>li.open {
    text-align: center;
    background: #444444 url(subnav-indicator-arrow.png) no-repeat bottom center;
}

#navigation ul.pronav_list>li>ul.dropdown-menu>li.nav-dropdown>a:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    display: inline-block;
    padding-left: 5px;
}


/*.pronav_list ul.sublvl.dropdown-menu ul.sublvl.dropdown-menu ul.sublvl.dropdown-menu li {
        position: relative;
        padding-left: 15px !important;
    }
    .pronav_list ul.sublvl.dropdown-menu ul.sublvl.dropdown-menu ul.sublvl.dropdown-menu li:before {
        content: 'â– ';
        position: absolute;
        left: 15px;
        top: 2px;
        font-size: 12px;
        display: inline-block;
        color: #0871c8;
    }*/

ul.pronav_list>li:hover,
ul.pronav_list>li>a:hover {
    background-color: #444444;
}


/*------------------------------------------------------------------*/


/* 3.2. Mobile Navigation
    /*------------------------------------------------------------------*/

#mobile-nav-wrapper {
    position: relative;
}

#mobile-nav-wrapper .mobile-inner {
    position: absolute;
    width: 0;
    margin-left: 100%;
    z-index: 999999;
    right: 0;
    padding: 0;
    top: 0;
}

#mobile-nav-wrapper .pronav_collapse {
    height: 100% !important;
    display: none;
    width: 100% !important;
    /* Disables transition effect from side of screen */
}

#mobile-nav-wrapper .pronav_collapse .pronav_list>li {
    width: 100%;
    border-bottom: 2px solid #4d4d4d;
    text-align: left;
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}

#mobile-nav-wrapper .pronav_collapse .pronav_list>li:focus,
#mobile-nav-wrapper .pronav_collapse .pronav_list>li:hover,
#mobile-nav-wrapper .pronav_collapse .pronav_list>li:active {
    border-bottom: 2px solid #0871c8;
}

#mobile-nav-wrapper .pronav_collapse .pronav_list>li>a {
    text-transform: uppercase;
}

#mobile-nav-wrapper .pronav_collapse li a {
    position: relative;
    color: #f9fbfb;
    margin-bottom: 0;
    padding: 10px 15px;
    font-size: 20px;
    text-align: left;
}

#mobile-nav-wrapper .pronav_collapse .pronav_list>li>a:focus,
#mobile-nav-wrapper .pronav_collapse .pronav_list>li>a:hover,
#mobile-nav-wrapper .pronav_collapse .pronav_list>li>a:active {
    background: #393939;
}

#mobile-nav-wrapper .pronav_collapse .dropdown-menu {
    margin: 0;
    padding: 0 15px;
    border-bottom: 1px solid #efefef;
}

#mobile-nav-wrapper .pronav_collapse .dropdown-menu a,
#mobile-nav-wrapper .pronav_collapse .dropdown-menu a:visited {
    color: #999999;
    background: transparent;
}

#mobile-nav-wrapper .pronav_collapse .dropdown-menu>li>a:hover,
#mobile-nav-wrapper .pronav_collapse .dropdown-menu.dropdown-menu>li>a:focus,
#mobile-nav-wrapper .pronav_collapse .dropdown-menu>li.open,
#mobile-nav-wrapper .pronav_collapse .dropdown-menu>li.nav-selected {
    background: transparent;
    color: #0871c8;
}

#mobile-nav-wrapper #pronav_list320 .dropdown-menu .nav-selected>a,
#mobile-nav-wrapper #pronav_list320 .dropdown-menu li.open>a,
#mobile-nav-wrapper #pronav_list320 .dropdown-menu .nav-selected>a:hover {
    background: transparent;
}

#mobile-nav-wrapper .pronav_collapse .pronav_list {
    background-color: #323232;
}

#mobile-nav-wrapper .pronav_list li.nav-dropdown a,
#mobile-nav-wrapper .pronav_list li.nav-dropdown i {
    display: inline-block;
}

#mobile-nav-wrapper .pronav_list li.nav-dropdown a {
    width: 90%;
}

#mobile-nav-wrapper .pronav_list li.nav-dropdown i {
    width: 10%;
    font-size: 21px;
    text-align: center;
    cursor: pointer;
    padding: 12px 0;
}

#mobile-nav-wrapper .pronav_list>li.nav-dropdown>i {
    background: #444444;
}


/*------------------------------------------------------------------*/


/* 3.2.1. Mobile Navigation Button
        /*------------------------------------------------------------------*/

#nav-btn-holder .pronav_btn_navbar {
    display: block;
    background: transparent!important;
    border: none;
    box-shadow: none;
}

#nav-btn-holder .pronav_icon_bar {
    width: 40px;
    height: 5px;
    margin: 4px 0;
    background-color: #0871c8;
    box-shadow: none !important;
}


/*------------------------------------------------------------------*/


/* 3.3. Header Search Box
    /*------------------------------------------------------------------*/

#header-right form {
    position: relative;
    float: left;
    width: 100%;
}

#header-right .form-wrapper {
    float: left;
    padding: 0.8em 0 .5em;
    width: 100%;
}

#header-right .ccm-search-block-text {
    float: left;
    height: 45px;
    width: 100%;
    padding-left: 1em;
    font-size: 20px;
}

#header-right .ccm-search-block-text:focus {
    outline-offset: -2px;
    outline: 2px solid #0871c8;
}

#header-right .ccm-search-block-submit,
#header-search-mobile .ccm-search-block-submit {
    background: #0871c8 url(search-icon.png) no-repeat center center;
    height: 45px;
    width: 45px;
    padding: 0;
    text-indent: -999em;
    border: 0;
    overflow: hidden;
}

#header-right .ccm-search-block-submit:focus,
#header-search-mobile .ccm-search-block-submit:focus {
    outline-offset: -2px;
    outline: 2px solid #323232;
    background-color: #323232;
}

#header-right .ccm-search-block-submit {
    position: absolute;
    right: 0;
}

#header-right .wy-search-field {
    display: none;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    background: #0871c8 !important;
    border-color: #0871c8!important;
}


/*------------------------------------------------------------------*/


/* 3.3.1 Header Search Mobile
        /*------------------------------------------------------------------*/

#header-search-mobile {
    background: #0871c8;
    padding: 10px 15px;
}

#header-search-mobile .form-wrapper {
    width: 90%;
    margin: 0 auto;
}

#header-search-mobile form {
    display: table;
    float: left;
    width: 100%;
}

#header-search-mobile form input {
    display: table-cell;
    float: left;
    height: 45px;
}

#header-search-mobile form input.ccm-search-block-text {
    width: 90%;
    padding-left: 1em;
    border: none;
    border-radius: 0px;
}

#header-search-mobile form input.ccm-search-block-text:focus {
    outline-offset: -3px;
    outline: 2px solid #0871c8;
}

#header-search-mobile .ccm-search-block-submit {
    width: 10%;
    border: 1px solid #FFF;
}

#header-search-mobile .wy-search-field {
    display: none;
}


/*------------------------------------------------------------------*/


/* 4. Page Specific
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/


/* 4.1. Homepage
    /*------------------------------------------------------------------*/


/* CTAs */

.page-template-home #ctas img {
    width: 100%;
    max-width: none;
}

.page-template-home #ctas .ccm-layout-row {
    margin-bottom: 0;
}

.page-template-home #ctas .ccm-layout-col {
    position: relative;
    overflow: hidden;
}

.page-template-home #ctas .ccm-layout-col a {
    display: block;
}

.page-template-home #ctas .ccm-layout-col .cta-overlay {
    position: absolute;
    z-index: 15;
    bottom: 0;
    width: 100%;
    padding: 1em 3em;
    pointer-events: none;
}

.page-template-home #ctas .ccm-layout-col .cta-overlay p {
    padding-top: 15px;
    height: 0;
    visibility: hidden;
}

.page-template-home #ctas .ccm-layout-col:hover .cta-overlay p {
    height: auto;
    visibility: visible;
    border-top: 3px solid #ffffff;
}

.page-template-home #ctas .ccm-layout-col .cta-overlay h2,
.page-template-home #ctas .ccm-layout-col .cta-overlay h3,
.page-template-home #ctas .ccm-layout-col .cta-overlay p {
    color: #ffffff;
    pointer-events: none;
}

.page-template-home #ctas .ccm-layout-col .cta-overlay h2 {
    margin: 0;
    padding-bottom: 15px;
}


/* Spotlight */

.page-template-home #spotlight {
    background-color: #ffffff;
    text-align: center;
    padding: 2em 0 0;
}

.page-template-home #spotlight h2 {
    display: inline-block;
    margin-bottom: 0;
}

.page-template-home #spotlight h3 {
    margin-top: 10px;
}

.page-template-home #spotlight p {
    color: #323232;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.page-template-home #content {
    background: #ffffff url(green-blue-mountain-range.jpg) no-repeat bottom center;
    padding: 15.4% 0 3%;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    margin-top: -4%;
}

.page-template-home #content h2,
.page-template-home #content h3,
.page-template-home #content p,
.page-template-home #content a,
.page-template-home #content .ccm-page-list-description {
    color: #fff;
}

.page-template-home #content .ccm-page-list-description {
    text-align: center;
}


/* Latest News */

.latest-news-items {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#3383907A', EndColorStr='#3383907A');
    background-color: rgba(131, 144, 122, 0.2);
    color: #fff;
}

.latest-news-items .ccm-layout-column {
    position: relative;
    padding: 1.5em 15px;
}

.latest-news-items .ccm-layout-column:last-child:after {
    display: none;
}

.latest-news-items .ccm-layout-column:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 100%;
    height: 80%;
    width: 3px;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#9983907A', EndColorStr='#9983907A');
    background: rgba(131, 144, 122, 0.7);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.latest-news-items .ccm-layout-column.last:after {
    display: none;
}

.latest-news-items p,
.latest-news-items h4 {
    text-align: center;
    color: #FFF;
}

.view-news {
    padding: 0 !important;
}

.view-news p {
    text-transform: uppercase;
}


/* Carousel */

#awards-carousel {
    background: #efefef url(wood-pattern.jpg) no-repeat center center;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 0 2.3em;
}

#awards-carousel img {
    width: auto;
    display: inline-block;
}

#awards-carousel .ctm-page {
    text-align: center;
}

#awards-carousel .ccm-layout-table .ccm-layout-col {
    text-align: center;
    margin: 0.5em 0;
}

#awards-carousel h2 {
    margin: 20px 0;
}

#awards-carousel h3 {
    margin-top: 10px;
}

#awards-carousel h4 a {
    text-decoration: none;
    color: #404040;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#awards-carousel p {
    margin-bottom: 0;
    line-height: 1em;
}


/*------------------------------------------------------------------*/


/* 4.2. Supp Pages
    /*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/


/* 4.2.1. Banner Images
        /*------------------------------------------------------------------*/

#heading {
    position: relative;
}

#heading>.row {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.page-template-careers #heading>.row { /* override for career page with slider */
    height: auto;
}

.no-heading-image #heading>.row,
#heading .row.no-fixed-height,
#heading .row.no-fixed-height .row:not(#page-meta-full) {
    height: auto;
    max-height: 550px;
}

#heading .row>img.banner-image {
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    /*top: 50%;*/
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    /*-webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%, -50%);*/
    max-width: none;
}

.no-csstransforms #heading .row>img.banner-image {
    left: 0;
    top: 0;
}

#page-meta-full {
    position: absolute;
    z-index: 800;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.72) 98%, rgba(0, 0, 0, 0.75) 99%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(98%, rgba(0, 0, 0, 0.72)), color-stop(99%, rgba(0, 0, 0, 0.75)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.72) 98%, rgba(0, 0, 0, 0.75) 99%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.72) 98%, rgba(0, 0, 0, 0.75) 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.72) 98%, rgba(0, 0, 0, 0.75) 99%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.72) 98%, rgba(0, 0, 0, 0.75) 99%);
    /* W3C */
}

.banner-image {
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner-image.Center.Center {
    background-position: center center;
}

.banner-image.Left.Top {
    background-position: left top;
}

.banner-image.Right.Top {
    background-position: right top;
}

.banner-image.Left.Bottom {
    background-position: left bottom;
}

.banner-image.Right.Bottom {
    background-position: right bottom;
}

.banner-image.Left.Center {
    background-position: left center;
}

.banner-image.Right.Center {
    background-position: right center;
}

.banner-image.Center.Top {
    background-position: center top;
}

.banner-image.Center.Bottom {
    background-position: center bottom;
}

#page-title {
    position: absolute;
    width: auto;
    max-width: 75%;
    bottom: 8%;
    display: table;
    vertical-align: middle;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

#no-banner #page-title {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    left: 0;
}


/* Firefox-specific */

@-moz-document url-prefix() {
    #page-title {
        width: 100%;
    }
}

.no-csstransforms #page-title {
    left: auto;
    margin-left: 50px;
}

#page-title .page-title-graphic img {
    position: static;
    right: auto;
    top: auto;
    padding: 0 30px;
}

#page-title h1,
#page-title p {
    color: #FFF;
    padding: 0 15px;
}

.page-title-inner {
    display: inline-block;
}

.title-wrapper,
.description-wrapper {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

#no-banner .title-wrapper,
#no-banner .description-wrapper {
    display: inline-block;
}

#page-title h1 {
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    white-space: nowrap;
    text-align: right;
    display: inline-block;
}

#page-title img {
    width: auto;
    margin: 0 auto;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -31px;
    /* There is a separate jQuery function to calculate this, providing this here as fallback */
}

#page-title p {
    text-align: left;
    margin-bottom: 0;
}


/*------------------------------------------------------------------*/


/* 4.2.2. Banner Slider
        /*------------------------------------------------------------------*/

#slider_banner #page-meta-full {
    pointer-events: none;
}


/*------------------------------------------------------------------*/


/* 4.2.3. No Banner Image
        /*------------------------------------------------------------------*/

#no-banner {
    background: #eeeeee;
}

#no-banner #page-meta-full {
    background: none;
}

#no-banner #page-meta-full,
#no-banner #page-title {
    position: static;
}

#no-banner #page-title {
    width: 100%;
    max-width: 100%;
    bottom: auto;
    display: table;
    left: auto;
    transform: none;
    -ms-transform: none;
}

#no-banner #page-title {
    padding: 2em 0;
}

#no-banner #page-title h1,
#no-banner .description-wrapper p {
    color: #4d4d4d;
}

.no-heading-image #heading>.row {
    height: auto;
}


/*------------------------------------------------------------------*/


/* 4.2.4. Sustainability Page
        /*------------------------------------------------------------------*/

#ceo-quote,
.wood {
    background: url('/files/1114/2144/4214/ceo-wood-bg-texture.jpg') no-repeat center center scroll;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

#ceo-quote .headshot-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ceo-wrap {
    position: relative;
}

.quote-content h2,
.userInfo_detail_ceo_name {
    font-size: 46px;
    font-weight: 700;
    text-transform: none;
    text-align: left;
    margin: 0 10px 0 0;
    display: inline-block;
}

.quote-content p,
.userInfo_detail_ceo_position {
    font-size: 26px;
    color: #0871c8;
    font-weight: 300;
    display: inline-block;
}

.quote-content blockquote,
.userInfo_detail_ceo_quote {
    position: relative;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    color: #999999;
    padding: 0;
    border: none;
    margin: 2em 0;
}

.quote-content blockquote:before,
.userInfo_detail_ceo_quote>div:before {
    content: url(quote-icon.png);
}

.quote-content .signature,
.userInfo_detail_ceo_signature>div {
    font-family: 'Herr Von Muellerhoff', cursive;
    font-size: 66px;
    color: #404040;
    text-align: right;
}

.quote-content .button {
    margin-top: 1.5em;
    float: right;
}


/*------------------------------------------------------------------*/


/* 4.2.5. Careers Page
        /*------------------------------------------------------------------*/

body.careers #top-reasons {
    background: url('../bright-green-wood-texture-bg.jpg') no-repeat center center;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding: 3.6em 0;
}

.reason-circles {
    display: table;
    margin: 0 auto;
}

#top-reasons .circle-wrap {
    position: relative;
    display: table-cell;
}

body.careers #top-reasons .circle-wrap:last-of-type .cta-image:after,
body.careers #top-reasons .circle-wrap:last-of-type .cta-image-hover:after {
    display: none;
}

body.careers #top-reasons h2 {
    margin-top: 0;
    margin-bottom: 3em;
    color: #FFF;
}

body.careers #featured-jobs {
    background: #dedede;
    padding: 30px 15px 50px;
}

body.careers #featured-jobs h4 {
    margin-top: 1em;
}

body.careers #featured-jobs h4,
body.careers #featured-jobs h4 a {
    /*font-size: 24px;*/
    margin-bottom: 0;
    color: #69a323;
    /*color: #0871c8;*/
}

body.careers #featured-jobs h4 a:focus,
body.careers #featured-jobs h4 a:active,
body.careers #featured-jobs h4 a:hover {
    color: #0871c8;
}

body.careers #featured-jobs p {
    /*font-size: 20px;*/
}

body.careers #our-people {
    padding: 30px 15px 50px;
}

.no-underline a:hover {
    text-decoration: none;
}


/*------------------------------------------------------------------*/


/* 4.2.6. Logo Page
        /*------------------------------------------------------------------*/

body#logo .ccm-layout-name-Main-Layout-2 .ccm-layout-col,
body#logo .ccm-layout-name-Main-Layout-4 .ccm-layout-col {
    width: 33.3333% !important;
}


/*------------------------------------------------------------------*/


/* 4.3. Real Estate
    /*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/


/* 4.3.1. Real Estate Landing Page
        /*------------------------------------------------------------------*/

.wredco_landing #property-search {
    padding: 2em 0;
    margin-top: -1px;
}

.wredco_landing #property-search h2 {
    margin-top: 0;
}

.wredco_landing #property-search .form-group {
    display: block;
    text-align: center;
    margin: 0 auto;
    float: none;
    width: auto;
}

.wredco_landing #property-search .fieldPair,
.wredco_landing #property-search .searchButtonWrap {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 1em;
}

.wredco_landing .property-slider {
    padding: 0;
}

.wredco_landing .property-slider .flexslider {
    margin: 0;
}

.wredco_landing .property-slider .flex-control-nav {
    bottom: 10px;
}

.wredco_landing .property-slider .flexslider .flex-direction-nav .flex-prev,
.wredco_landing .property-slider .flexslider .flex-direction-nav .flex-next {
    height: 51px;
    width: 30px;
}

.wredco_landing .property-slider .flexslider .flex-direction-nav .flex-next {
    right: 5%;
}

.wredco_landing .property-slider .flexslider .flex-direction-nav .flex-prev {
    left: 5%;
}

.wredco_landing .property-slider .flex-direction-nav a:before,
.wredco_landing .property-slider .flex-direction-nav a.flex-next:before {
    content: " ";
    display: block;
    height: 51px;
    width: 30px;
}

.wredco_landing .property-slider .flex-direction-nav a:before {
    background: url(transparent-slider-arrows.png) no-repeat;
}

.wredco_landing .property-slider .flex-direction-nav a.flex-next:before {
    background: url(transparent-slider-arrows.png) no-repeat -30px 0;
}

.real-estate-listing-title h3 {
    margin-bottom: 0;
    margin-top: 0;
}


/*------------------------------------------------------------------*/


/* 4.3.2. Real Estate Property Page
        /*------------------------------------------------------------------*/

.real_estate_listing #main-container {
    padding-left: 0;
    padding-right: 0;
}

#listing_info {
    margin: 15px 0 !important;
}

.company-nav ul.nav li {
    display: inline;
    float: left;
    background: none;
    padding: 0 !important;
}

.company-nav ul.nav li:before {
    content: "" !important;
    padding-right: 0;
}

.company-nav ul.nav li a {
    color: #404040;
    padding: 10px 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 17px;
}

.company-nav ul.nav li a.button {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    max-width: 340px;
}

.company-nav ul.nav li:first-of-type a {
    border-left: none;
}

#property-info {
    background-color: #e7e5e3;
    padding: 75px 0;
}

.documentLibraryResultsWrap {
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 15px;
    width: 100%;
}

#real_estate_listing_wrap #listing_features .features-inner {
    width: 100%;
    display: table;
}

#listing_info div[class*='col'] {
    display: table-cell !important;
    vertical-align: middle;
    float: none;
}

#listing_features {
    background-color: #edeceb;
    padding: 2em;
}

#real_estate_listing_wrap #listing_features h2 {
    font-weight: 600;
    font-size: 27px;
    margin: 10px 0 30px;
}

#real_estate_listing_wrap #listing_features ul {
    width: 100%;
}

#property-info #listing_features ul li {
    background: none;
    font-size: 28px;
    font-weight: 300 !important;
    margin-bottom: 5% !important;
    padding-bottom: 5% !important;
    border-bottom: 1px solid #cfcece;
    list-style-type: none;
    line-height: 1.2em;
    margin-left: 0;
}

#real_estate_listing_wrap #listing_features ul li:last-child {
    border-bottom: none;
}

.real_estate_listing_alert {
    color: #d4731a !important;
    font-weight: 600;
}

#listing_description {
    /*background: #f9f9f9 url(background-texture.jpg) no-repeat bottom center;
            background-size: 100% 100%;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;*/
    background-color: #e2e1df;
    padding: 45px 0;
    margin-bottom: 0 !important;
}

#listing_description ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    margin-left: 0;
    -webkit-padding-start: 0px;
    margin-top: 15px;
}

.lt-ie9 #listing_description ul {
    margin-left: 15px;
}

#listing_description ul li {
    margin-bottom: 10px;
}


/*#listing_description p {
            margin-bottom: 25px;
        }*/

.listing-more-info a.low-vis-button {
    margin-top: 10px;
    display: block;
}

#tony_realestate_map_canvas {
    height: 630px !important;
}

#realtor-section {
    border-top: 4px solid #d4731a;
    background-color: #d5d4d3;
    padding-top: 75px;
    padding-bottom: 75px;
}

#realtor-section input.sem-field,
#realtor-section button,
#realtor-section select,
#realtor-section textarea {
    width: 100%;
    background-color: #f0eded;
    padding: 7px;
    color: #4d4d4d;
}

.real_estate_listing h3 {
    color: #373737;
    text-align: left;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
}

.property-contact {
    background: rgb(169, 67, 30);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(169, 67, 30, 1) 0%, rgba(169, 67, 30, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 67, 30, 1)), color-stop(36%, rgba(169, 67, 30, 1)), color-stop(36%, rgba(240, 237, 237, 1)), color-stop(36%, rgba(240, 237, 237, 1)), color-stop(100%, rgba(240, 237, 237, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(169, 67, 30, 1) 0%, rgba(169, 67, 30, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(169, 67, 30, 1) 0%, rgba(169, 67, 30, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(169, 67, 30, 1) 0%, rgba(169, 67, 30, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(169, 67, 30, 1) 0%, rgba(169, 67, 30, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 36%, rgba(240, 237, 237, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0eded', endColorstr='#f0eded', GradientType=0);
    /* IE6-9 */
    padding-bottom: 20px;
    padding-top: 45px;
    margin-top: 15px;
    float: left;
    width: 100%;
}

.property-contact h3,
.property-contact h4,
.property-contact h5,
.property-contact p {
    text-align: center;
}

.property-contact h3 {
    margin-bottom: 25px;
    color: #f8b99a;
    font-size: 43px;
    text-transform: capitalize;
}

.property-contact h4,
.userInfo_detail_full_name {
    color: #4d4d4d;
    font-size: 42px;
    font-weight: 600;
    text-align: center;
}

.property-contact h5,
.userInfo_detail_realtor_company {
    color: #4d4d4d;
    text-align: center;
    width: 60% !important;
    font-size: 26px;
    line-height: 1em;
    margin: 1em auto !important;
}

.property-contact p {
    margin: 10px 0;
}

.property-contact .circular-border img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 7px solid #f0eded;
    -webkit-box-shadow: 2px 3px 3px 3px #e2e0e1;
    box-shadow: 2px 3px 3px 3px #e2e0e1;
    display: block;
    margin: 0 auto;
}

#contact-details {
    float: left;
    width: 100%;
}

#contact-details p,
#contact-details img {
    float: left;
}

#contact-details img {
    margin-right: 15px;
}

.userInfo_detail_phone,
.userInfo_detail_email {
    width: 90%;
    margin: 0 auto;
    padding: 10px;
}

#contact-details p,
#contact-details p a,
.userInfo_detail_phone,
.userInfo_detail_email {
    color: #4d4d4d;
    font-size: 24px;
}

.userInfo_detail_phone {
    border-bottom: 1px solid #7e7e7e;
    line-height: 38px;
}

.userInfo_detail_email a {
    display: inline-block;
    max-width: 75%;
    word-wrap: break-word;
    padding-top: 6px;
}

.userInfo_detail_phone div.userInfo_fullRow:before,
.userInfo_detail_email div.userInfo_fullRow:before {
    content: '';
    float: left;
    padding-right: 0.8em;
    height: 40px;
    width: 40px;
    margin-right: 0.5em;
}

.userInfo_detail_phone div.userInfo_fullRow:before {
    background: url(phone.png);
}

.userInfo_detail_email div.userInfo_fullRow:before {
    background: url(email.png);
}

.contact-phone,
.contact-email {
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 55px;
}

.property-contact .tonyUserInfo .userInfo_row {
    margin-bottom: 10px;
}

#tony_realestate_map_canvas {
    border: 5px solid #fff !important;
}


/* Property Page Slider/Carousels */

.real_estate_listing .flexslider {
    margin: 0 0 10px 0;
    background: transparent;
}

.real_estate_listing #slider.flexslider .flex-viewport {
    max-height: 724px;
    overflow-y: hidden;
}

.real_estate_listing #carousel.flexslider .flex-viewport {
    max-height: 140px;
    overflow-y: hidden;
}

.real_estate_listing #carousel.flexslider .slides>li {
    cursor: pointer;
    margin: 0 5px;
}

.real_estate_listing #carousel.flexslider .slides>li:first-of-type {
    margin-left: 0;
}

.real_estate_listing #carousel.flexslider .slides>li>img {
    min-height: 140px;
}


/* Navigation Arrows */

.real_estate_listing .flexslider .flex-direction-nav .flex-prev,
.real_estate_listing .flexslider .flex-direction-nav .flex-next {
    height: 51px;
    width: 30px;
}

.real_estate_listing .flexslider .flex-direction-nav .flex-next {
    right: 5%;
}

.real_estate_listing .flexslider .flex-direction-nav .flex-prev {
    left: 5%;
}

.real_estate_listing .flex-direction-nav a:before,
.real_estate_listing .flex-direction-nav a.flex-next:before {
    content: " ";
    display: block;
    height: 51px;
    width: 30px;
}

.real_estate_listing .flex-direction-nav a:before {
    background: url(transparent-slider-arrows.png) no-repeat;
}

.real_estate_listing .flex-direction-nav a.flex-next:before {
    background: url(transparent-slider-arrows.png) no-repeat -30px 0;
}


/* Property Search Modal */

body.editmode .property-search-modal #property-search {
    display: block !important;
    opacity: 1 !important;
    position: static;
    overflow: visible;
}

.property-search-modal #property-search .lightbox-content {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#F2EFEFEF', EndColorStr='#F2EFEFEF');
    background: rgba(239, 239, 239, 0.95);
    border-radius: 0;
    padding: 1em 3em;
}


/*------------------------------------------------------------------*/


/* 4.4. Optional Content
    /*------------------------------------------------------------------*/


/* General Layout */

.content-section:last-of-type,
.content-section:last-of-type:before,
.content-section:last-of-type:after {
    border-bottom: none;
}

.content-section:first-of-type {
    border-bottom: 3px solid #0871c8;
    padding: 2em 0;
}

.content-section {
    position: relative;
    border-bottom: 3px solid #0871c8;
    padding: 0 0 2em 0;
    margin-bottom: 2em;
}

.content-section:first-of-type:before,
.content-section:first-of-type:after,
.content-section:before {
    position: absolute;
    content: '';
    height: 3px;
    border-bottom: 3px solid #0871c8;
    width: 100%;
    right: 100%;
    top: 100%;
}

.content-section:after {
    position: absolute;
    content: '';
    height: 3px;
    border-bottom: 3px solid #0871c8;
    width: 100%;
    left: 100%;
    top: 100%;
}


/* Map */

.optional-content #map>div,
#infographic>div,
#icons>div,
#secondary-nav>div {
    padding-left: 0;
    padding-right: 0;
}

.optional-content #map ul {
    -webkit-padding-start: 0;
    width: 90%;
    margin: 0 auto;
}

.optional-content #map li {
    border-bottom: 1px solid #7e7e7e;
    margin: 10px;
    padding: 10px;
    list-style-type: none;
}

.optional-content #map li:last-child {
    border-bottom: none;
}

.optional-content #map li a {
    color: #4d4d4d;
    font-size: 23px;
    font-family: 'Source Sans Pro', sans-serif;
}


/*.optional-content #infographic img {
        width: 100%;
    }*/

.optional-content .optional-content #content-fixed,
#content-fixed {
    padding: 30px 0;
}

.optional-content .optional-content #content-fixed {
    padding-top: 30px;
}

#content-fixed{
    padding-top: 10px;
}

#content-fixed.container {
    padding: 30px 15px;
}

.optional-content #intro {
    padding: 1em 15px;
}

.container-fluid#no-banner {
    padding-top: 23px;
}


#document-library #main-container #content ul li:before {
    display: none;
}

/* Anchor Icons */

#anchor-icons {
    text-align: center;
    background-color: #0871c8;
}

#anchor-icons a {
    display: inline-block;
    padding: 1em;
    min-width: 300px;
}

#anchor-icons img {
    display: inline-block;
}

#anchor-icons a:hover img {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.ccm-layout-row {
    margin-bottom: 20px;
}


/*------------------------------------------------------------------*/


/* 4.5. Fixed Width
    /*------------------------------------------------------------------*/

.fixed_width #content {
    padding: 30px 0;
}


/*------------------------------------------------------------------*/


/* 4.6. Search Results
    /*------------------------------------------------------------------*/

#search-results h1 {
    margin-top: 40px;
}

#goog-results {
    margin-bottom: 40px;
}

#goog-results a.btn-success {
    margin-top: 30px;
}

form#search-form {
    margin-top: 30px;
}

form#search-form .term {
    padding: 14px;
    width: 85%;
    float: left;
}

form#search-form .submit-button {
    padding: 15px 40px 14px;
}

form#search-form input[type=submit] {
    background: #0871c8 url(search-icon.png) no-repeat center center;
    height: 60px;
    width: 60px;
    padding: 0;
    text-indent: -999em;
    border: 0;
}

ul.ui-autocomplete .searchResult,
.ccm-page #results .searchResult {
    margin-bottom: 30px;
}

ul.ui-autocomplete .searchResult em,
.ccm-page #results em {
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    background-color: #ffffef;
}

ul.ui-autocomplete .searchResult h3,
.ccm-page #results h3 {
    margin-bottom: 7px;
}

ul.ui-autocomplete .searchResult a,
.ccm-page #results a {
    word-wrap: break-word;
}

ul.ui-autocomplete {
    padding: 0;
    margin-right: 3px;
}

ul.ui-autocomplete li.searchResult {
    margin-bottom: 0;
    padding: 5px 10px;
    font-size: 12px;
    border: none;
    border-bottom: solid 1px #aaa!important;
    cursor: pointer;
}

ul.ui-autocomplete li.searchResult>span {
    color: #333;
    font-size: 14px;
}

ul.ui-autocomplete li.searchResult>p {
    color: #666;
    font-size: 12px;
}

.realEstateSearch_orderByWrap {
    margin-bottom: 20px;
}


/*------------------------------------------------------------------*/


/* 4.7. Contact Us/Locations
    /*------------------------------------------------------------------*/

.top-border {
    border-top: 3px solid #0871c8;
}

.map-locations .col-sm-3 {
    position: relative;
    height: 600px;
    overflow-y: scroll;
}

.map-locations ul {
    -webkit-padding-start: 0;
}

#main-container #content .map-locations ul li {
    background: none;
    font-size: 18px;
    font-weight: 300 !important;
    border-bottom: 1px solid #cfcece;
    list-style-type: none;
    padding: 1.5% 15px;
    float: left;
    width: 100%;
}

#main-container #content .map-locations ul li:last-of-type {
    border-bottom: none;
}

#main-container #content .map-locations ul li span {
    display: table-cell;
    vertical-align: middle;
}

#main-container #content .map-locations ul li a {
    display: table;
}

.map-locations ul li a {
    cursor: pointer;
    float: left;
}

.map-locations .sector-icon {
    margin-right: 5px;
    width: 32px;
    float: left;
    display: table-cell;
    vertical-align: middle;
    min-width: 32px;
}

#main a:hover img.sector-icon {
    box-shadow: none;
}

.map-locations ul li:last-child {
    border-bottom: none;
}

.scroll-gradient.active-gradient {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2VkZWNlYiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(237, 236, 235, 0.2) 85%, rgba(237, 236, 235, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85%, rgba(237, 236, 235, 0.2)), color-stop(100%, rgba(237, 236, 235, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(237, 236, 235, 0.2) 85%, rgba(237, 236, 235, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(237, 236, 235, 0.2) 85%, rgba(237, 236, 235, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(237, 236, 235, 0.2) 85%, rgba(237, 236, 235, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(237, 236, 235, 0.2) 85%, rgba(237, 236, 235, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#edeceb', GradientType=0);
    /* IE6-8 */
}

form#search-map-form .form-inner {
    position: relative;
    margin: 1em auto;
}

.zip-search {
    padding: 5px 15px 20px;
}

.zip-search input.zip {
    margin: 0;
    width: 100%;
    padding: 15px;
}

form#search-map-form input[type=submit] {
    background: #0871c8 url(search-icon.png) no-repeat center right 40px;
    background-size: 20px 20px;
    height: 100%;
    padding: 15px 100px 14px 60px;
    border: 0;
    display: block;
    margin: 0 auto;
}

#search-map-form select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: #FFF url(grey-dropdown-arrow.png) no-repeat right 10px center;
    background-size: 15px 15px;
    padding: 16px;
    padding-right: 35px;
}

form#search-map-form .form-group {
    clear: none;
    width: 50%;
    display: inline-block;
}

form#search-map-form .btn-holder {
    float: left;
    width: 100%;
    margin-top: 1em;
}

form#search-map-form .form-group:first-of-type {
    padding-right: 15px;
}

form#search-map-form label {
    display: block;
}


/*------------------------------------------------------------------*/


/* 4.8. Calculators
    /*------------------------------------------------------------------*/

#calculators-content {
    padding: 2em 0;
}

.calculators-main .nav-pills {
    margin: 10px 0 20px;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 0;
    line-height: 1em;
    text-align: left;
}

.form-horizontal .control-label.text-right {
    text-align: right;
}


/*------------------------------------------------------------------*/


/* 4.9. Page Not Found (404)
    /*------------------------------------------------------------------*/

#page_not_found #content {
    margin-top: 1em;
    margin-bottom: 1em;
}


/*------------------------------------------------------------------*/


/* 4.10. Document Library
    /*------------------------------------------------------------------*/

#main-container.default-view #main {
    padding-top: 50px;
    padding-bottom: 50px;
}

#document-library #main-container #content-fixed ul li,
#document-library #main-container #content ul li {
    padding-left: 0;
}

#document-library #main-container #content ul.dl-filter-content li:before,
ul#documents-container li::before,
ul#documents-container li::before {
    display: none !important;
}

.dl-main-content {
    position: relative;
    overflow: hidden;
}

.dl-main-content:after {
    content: "";
    display: table;
    clear: both;
}

.dl-main-content.is-fixed .dl-tab-filter-wrapper {
    background: #ffffff;
    position: fixed;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1170px;
    width: 100%;
    z-index: 2;
    padding: 20px 0;
}

.dl-main-content.is-fixed .dl-gallery {
    padding-top: 76px;
}

.dl-main-content .dl-filter {
    height: auto;
}

.dl-main-content.is-fixed .dl-filter {
    position: absolute;
    padding-top: 93px;
}

.dl-main-content.is-fixed .dl-filter .dl-filter-inner {
    padding-right: 15px;
    margin-right: -15px;
}

.dl-main-content.is-fixed .dl-filter form {
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.dl-main-content.is-fixed .dl-filter-trigger {
    position: fixed;
    top: 20px;
}

.dl-main-content .search-box {
    display: block;
}

.dl-main-content .search-box input,
.dl-main-content .border-container {
    width: 100%;
    border: none;
    padding: 0;
    height: 50px;
    line-height: 45px;
}

@media only screen and (max-width: 767px) {
    .dl-tab-filter-wrapper {
        border-bottom: 1px solid #f2f2f2;
    }
    .dl-tab-filter-wrapper .col-sm-6 {
        padding: 0 5%;
    }
    .dl-main-content .search-box input {
        font-size: 1.8rem;
        font-weight: 300;
        background: url("doc-library/dl-icon-search-green.svg") no-repeat right center;
        background-size: 16px 16px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .dl-main-content .search-box input,
    .dl-main-content .border-container {
        border: 1px solid #DDD;
        padding: 0 20px;
    }
    .dl-main-content.is-fixed .dl-gallery {
        padding-top: 90px;
    }
    .dl-main-content {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 1170px) {
    .dl-main-content.is-fixed .dl-gallery {
        padding-top: 100px;
    }
    .dl-main-content .search-box input,
    .dl-main-content .border-container {
        line-height: 49px;
    }
}


/*------------------------------------------------------------------*/


/* 4.10.1. Top Filters
        /*------------------------------------------------------------------*/

.dl-main-content .border-container {
    text-align: right;
}

.dl-main-content .view-text {
    display: none;
    color: #bdbdbd;
}

@media only screen and (min-width: 768px) {
    .dl-main-content .view-text {
        display: inline;
    }
}


/*------------------------------------------------------------------*/


/* 4.10.1.1. Change Layout
            /*------------------------------------------------------------------*/

button.toggle-layout {
    background: #e2e2e2;
    height: 30px;
    width: 30px;
    border-radius: 0;
    padding: 1px 0 0;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

button.toggle-layout.active {
    background: #0871c8;
}

button.toggle-layout:hover,
button.toggle-layout:active,
button.toggle-layout:focus {
    outline: none;
}

button.toggle-layout .fa {
    color: #FFF;
    font-size: 17px;
}

.dl-gallery.list .mix {
    width: 100%;
}

.dl-gallery.list .mix:before {
    padding-top: 40px;
}

@media only screen and (min-width: 1170px) {
    button.toggle-layout {
        height: 35px;
        width: 35px;
        top: -3px;
    }
    button.toggle-layout .fa {
        font-size: 20px;
    }
}


/*------------------------------------------------------------------*/


/* 4.10.2. Gallery
        /*------------------------------------------------------------------*/

.dl-gallery {
    padding: 26px 5%;
    width: 100%;
}

.dl-gallery li {
    margin-bottom: 1.6em;
    display: none;
}

.dl-gallery li.gap {
    /* used in combination with text-align: justify to align gallery elements */
    opacity: 0;
    height: 0;
    display: inline-block;
}

.dl-gallery img {
    border: 1px solid #DDD;
    padding: 0.5em;
    display: block;
    max-width: 100%;
}

.dl-gallery .dl-fail-message {
    display: none;
    text-align: center;
}

.dl-gallery .fail .dl-fail-message {
    display: block !important;
}

.dl-gallery .doc-number {
    color: #0871c8;
    margin-top: 10px;
    margin-bottom: 1em;
}

.dl-gallery hr.bhnd-text {
    display: none;
}

.dl-gallery .doc-description {
    text-align: left;
}

.dl-gallery .doc-thumbnail {
    display: inline-block;
    position: relative;
    float: left;
    max-width: 120px;
}

.dl-gallery .doc-thumbnail a {
    display: inline-block;
    position: relative;
}

.dl-gallery .doc-thumbnail .thumbnail-overlay {
    display: none;
}

.dl-gallery .doc-thumbnail:hover .thumbnail-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 106, 58, 0.8);
    text-align: center;
}

.dl-gallery .doc-thumbnail:hover .thumbnail-overlay a {
    color: #FFF;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

.dl-gallery .doc-thumbnail:hover .thumbnail-overlay a:hover {
    text-decoration: none;
}

.dl-gallery .doc-thumbnail .thumbnail-overlay .overlay-center {
    display: block;
    position: relative;
    top: 50%;
    font-size: 1.3em;
    transform: translateY(-50%);
    text-transform: uppercase;
}

.dl-gallery .doc-thumbnail:hover .thumbnail-overlay .overlay-center .fa {
    display: block;
    margin-bottom: .3em;
    font-size: 1.5em;
}

.dl-gallery .doc-details {
    margin-left: 140px;
}

.dl-gallery ul h3 {
    margin-top: 12px;
}

.dl-gallery .doc-buttons {
    display: none;
}

.dl-gallery .doc-buttons a {
    display: inline-block;
    font-size: 16px;
    float: left;
}

.dl-gallery .doc-buttons a:before {
    display: none;
}

.dl-gallery #load-more .button::before {
    content: url("arrow-down.png");
}

.dl-gallery #loading-icon img {
    margin: 0 auto;
    border: 0;
}

.dl-gallery ul .doc-title {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

@media only screen and (min-width: 768px) {
    .dl-gallery {
        overflow: hidden;
        padding: 40px 3%;
        float: right;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
    }
    .dl-gallery ul {
        text-align: justify;
    }
    .dl-gallery ul .doc-title {
        text-align: left;
    }
    .dl-gallery ul:after {
        content: "";
        display: table;
        clear: both;
    }
    .dl-gallery li {
        width: 48%;
        margin-bottom: 2em;
    }
    .dl-gallery.filter-is-visible {
        /* reduce width when filter is visible */
        width: 67.25%;
    }
    .dl-gallery .doc-thumbnail {
        float: none;
        max-width: 100%;
    }
    .dl-gallery img {
        padding: 1em;
    }
    .dl-gallery .doc-details {
        margin-left: 0px;
    }
    .dl-gallery .doc-description {
        padding-top: 1em;
        border-top: 1px solid #DDD;
    }
    .dl-gallery .doc-buttons {
        display: block;
    }
}

@media only screen and (min-width: 1170px) {
    .dl-gallery {
        padding: 50px 2%;
    }
    .dl-gallery li {
        width: 29%;
    }
}


/*------------------------------------------------------------------*/


/* 4.10.2.1 List View
        /*------------------------------------------------------------------*/

.dl-gallery.list .doc-thumbnail {
    max-width: 180px;
    margin-right: 30px;
    float: left;
}

.dl-gallery.list .doc-details {
    margin-left: 210px;
}

.dl-gallery.list .doc-title {
    background: #ffffff;
    float: left;
    padding-right: 10px;
}

.dl-gallery.list .doc-number {
    background: #ffffff;
    float: right;
    padding-left: 10px;
}

#content .dl-gallery.list hr.bhnd-text {
    border-top: 1px solid #afafaf;
    display: block;
    height: 0;
    margin: -25px 0 0;
    position: relative;
    z-index: -1;
    width: 100%;
    float: right;
}

.dl-gallery.list .doc-description {
    border: none;
    padding-top: 0;
    clear: right;
}


/*------------------------------------------------------------------*/


/* 4.10.3. Sidebar Filters
        /*------------------------------------------------------------------*/

.dl-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
}

.dl-filter::before {
    /* top colored bar */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #0871c8;
    z-index: 2;
}

.dl-filter form {
    padding: 50px 0 0;
}

.dl-filter .dl-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 3;
    display: none;
}

.dl-filter .dl-close:focus {
    outline: none;
}

.no-touch .dl-filter .dl-close:hover {
    background: #32255f;
}

.dl-filter.filter-is-visible {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    padding: 50px 0 0;
}

.dl-filter.filter-is-visible .dl-close {
    opacity: 1;
}

.dl-filter-trigger-wrpr {
    background: #ffffff;
    padding: 0 5%;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    z-index: 2;
}

.dl-filter-trigger-wrpr.filter-is-visible {
    background: #0871c8;
    border-bottom-color: transparent;
}

a.dl-filter-trigger {
    background: transparent url("doc-library/dl-icon-filter-green.png") no-repeat right center;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-weight: 300;
    padding-right: 30px;
    width: 100%;
    overflow: hidden;
    color: #adadad;
    white-space: nowrap;
    outline: none;
    display: block;
}

@media only screen and (min-width: 768px) {
    .dl-filter-trigger-wrpr {
        padding: 0;
        border: none;
        position: static;
    }
    a.dl-filter-trigger {
        position: absolute;
        display: inline;
        top: 0;
        left: 2%;
        width: auto;
        color: #adadad;
        z-index: 3;
    }
    .dl-filter {
        position: absolute;
        width: 230px;
        height: 100%;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .dl-filter form {
        padding: 50px 0;
    }
    .dl-filter .dl-close {
        display: inline;
    }
    .dl-filter.filter-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        padding: 50px 0;
    }
}

@media only screen and (min-width: 1170px) {
    .dl-filter {
        width: 27%;
    }
    .dl-filter form {
        padding: 50px 0;
    }
}

.dl-filter-trigger:hover,
.dl-filter-trigger:focus {
    outline: none;
    text-decoration: none;
}

.dl-filter-trigger.filter-is-visible {
    background: transparent url("doc-library/dl-icon-filter-white.png") no-repeat right center;
}

.dl-filter-trigger.filter-is-visible,
.dl-filter-trigger.filter-is-visible:hover {
    color: #ffffff;
}

.dl-main-content.is-fixed .dl-filter-trigger.filter-is-visible,
.dl-main-content.is-fixed .dl-filter-trigger.filter-is-visible:hover {
    color: #adadad;
}

.dl-main-content.is-fixed .dl-filter-trigger {
    background: transparent url(doc-library/dl-icon-filter-green.png) no-repeat right center;
}

@media only screen and (min-width: 1170px) {
    .no-touch .dl-filter-trigger:hover {
        color: #0871c8;
    }
}


/*------------------------------------------------------------------*/


/* 4.10.4. Form
        /*------------------------------------------------------------------*/

.dl-filter-block {
    margin-bottom: 0;
    border-top: 1px solid #cbcbcb;
}

.dl-filter-block:first-child {
    border-top: none;
}

.dl-filter-block h4 {
    /* filter block title */
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px 0 14px 50px;
    border-left: 3px solid #006b37;
    color: #006b37;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.no-touch .dl-filter-block h4:hover {
    color: #0871c8;
}

.dl-filter-block h4::before {
    /* arrow */
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #e2e2e2;
    background: url("doc-library/dl-icon-check-green.png") no-repeat center center #ffffff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dl-filter-block h4.closed {
    background: #4d4d4d;
    border-left-color: transparent;
    color: #ffffff;
}

.dl-filter-block h4.closed::before {
    background-image: none;
}

.dl-filter-block input,
.dl-filter-block select,
.dl-filter-block .radio-label::before,
.dl-filter-block .checkbox-label::before {
    /* shared style for input elements */
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
}

.dl-filter-block input[type='search'],
.dl-filter-block input[type='text'],
.dl-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
}

.dl-filter-block input[type='search']:focus,
.dl-filter-block input[type='text']:focus,
.dl-filter-block select:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #0871c8;
}

.dl-filter-block input[type='search'] {
    /* custom style for the search element */
    border-color: transparent;
    background-color: #e6e6e6;
    /* prevent jump - ios devices */
    font-size: 1.6rem !important;
}

.dl-filter-block input[type='search']::-webkit-search-cancel-button {
    display: none;
}

.dl-filter-block .dl-select {
    /* select element wrapper */
    position: relative;
}

.dl-filter-block .dl-select::after {
    /* switcher arrow for select element */
    content: '';
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    background: url("doc-library/dl-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}

.dl-filter-block select {
    cursor: pointer;
    font-size: 1.4rem;
}

.dl-filter-block select::-ms-expand {
    display: none;
}

.dl-filter-block ul.list {
    border-top: 1px solid #cbcbcb;
    padding: 5px 0 5px 30px;
    margin-bottom: 0;
}

.dl-filter-block .list li {
    position: relative;
    padding: 5px 0;
}

.dl-filter-block .list li:last-of-type {
    margin-bottom: 0;
}

.dl-filter-block input[type=radio],
.dl-filter-block input[type=checkbox] {
    /* hide original check and radio buttons */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.dl-filter-block .checkbox-label,
.dl-filter-block .radio-label {
    font-weight: normal;
    padding-left: 24px;
    font-size: 14px;
    color: #4D4D4D;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dl-filter-block .checkbox-label::before,
.dl-filter-block .checkbox-label::after,
.dl-filter-block .radio-label::before,
.dl-filter-block .radio-label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dl-filter-block .checkbox-label::before,
.dl-filter-block .radio-label::before {
    width: 18px;
    height: 18px;
    left: 0;
}

.dl-filter-block .checkbox-label::after,
.dl-filter-block .radio-label::after {
    /* check mark - hidden */
    display: none;
}

.dl-filter-block .checkbox-label::after {
    /* check mark style for check boxes */
    width: 18px;
    height: 18px;
    background: url("doc-library/dl-icon-check-green.png") no-repeat center center;
    left: 0;
}

.dl-filter-block .radio-label::before,
.dl-filter-block .radio-label::after {
    border-radius: 50%;
}

.dl-filter-block .radio-label::after {
    /* check mark style for radio buttons */
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    left: 5px;
}

.dl-filter-block input[type=radio]:checked+label .dl-filter-block input[type=checkbox]:checked+label {
    font-weight: bold;
}

.dl-filter-block input[type=radio]:checked+label::after,
.dl-filter-block input[type=checkbox]:checked+label::after {
    display: block;
}

@-moz-document url-prefix() {
    /* hide custom arrow on Firefox - select element */
    .dl-filter-block .dl-select::after {
        display: none;
    }
}


/*------------------------------------------------------------------*/


/* 4.10.5. Accounts
    /*------------------------------------------------------------------*/

#main-container #content .dataTables_paginate ul.pagination {
    margin: 20px 0 40px;
    float: right;
    margin: 0;
}

#binders-listing_wrapper #binders-listing_processing {
    margin-left: 15px;
}

#main-container #content .account-sidebar h2,
#main-container #content .account-main h2 {
    margin-bottom: 30px;
}

#main-container #content .dataTables_paginate ul.pagination li {
    padding-left: 0;
}

#main-container #content .account-sidebar ul li:before {
    display: none !important;
}

#main-container #content .account-sidebar ul {
    border: 1px solid #ccc;
}

#main-container #content .account-sidebar ul li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

#main-container #content .account-sidebar ul li:hover,
#main-container #content .account-sidebar ul li.active {
    background-color: #ededed;
}

#main-container #content .account-sidebar ul li:last-of-type {
    border: none;
}

#main-container #content .account-sidebar ul li a {
    display: block;
}

#main-container #content .account-sidebar ul li a .fa {
    color: #4a4a4a;
    margin-right: 5px;
}

#main-container #content .account-sidebar ul li a:hover {
    text-decoration: none;
}

#main-container #content .account-main .thumbnail {
    padding: 20px;
}


/*------------------------------------------------------------------*/


/* 4.11. Wood Products
    /*------------------------------------------------------------------*/

.wood-product h3 {
    margin: 0 0 25px;
}

.map-wrpr h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.wood-product .grey-bg-area {
    background: #f2f2f2;
    padding: 50px 0 60px;
}

body#woodproducts .wood-product .grey-bg-area {
    margin: 70px 0 0px;
    padding: 0;
    position: relative;
}

body#woodproducts .wood-product .grey-bg-area::before {
    content: "";
    position: absolute;
    background: url(purty-wood-texture.png);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

body#woodproducts .wood-product .grey-bg-area .million-given img {
    margin: 30px auto 10px;
    display: block;
}

body#woodproducts .wood-product .grey-bg-area .blockquote {
    border-left: 10px solid #ffffff;
    padding-left: 25px;
    margin-top: 40px;
}

body#woodproducts .wood-product .grey-bg-area .blockquote p {
    color: #015779;
    line-height: 1.5em;
}

.wood-product .grey-bg-area .accordion-wrapper {
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.wood-product .grey-bg-area .ccm-easyAccordion-title {
    background: #ffffff !important;
    color: #444444 !important;
    border-top: 1px solid #e3e3e3 !important;
    box-shadow: none;
    text-transform: none !important;
    padding: 4px 5px;
}

.docs-accordion .panel-default {
    border-top: none;
    border-radius: 0px;
}

.docs-accordion .panel-heading {
    border-radius: 0px;
    padding: 0;
}

.docs-accordion .panel-heading h4 {
    font-size: 18px;
    margin: 0;
    line-height: 1.2em;
}

.docs-accordion .panel-heading h4 a {
    color: #444444;
    display: block;
    background: #ececec;
    border-top: 1px solid #e3e3e3;
    box-shadow: none;
    padding: 13px 5px 14px 15px;
    text-decoration: none;
    cursor: pointer;
}

.docs-accordion .panel-heading h4 a.collapsed {
    background: #ffffff;
}

.docs-accordion .panel-body a:hover {
    text-decoration: none;
}

.docs-accordion .panel-body h5 {
    font-size: 16px;
}

.docs-accordion .panel-body h5:before {
    content: "\f04d";
    color: #0871c8;
    position: relative;
    top: -3px;
    font-size: 8px;
    margin-right: 10px;
    font-family: 'FontAwesome';
}

.wood-product .grey-bg-area .ccm-easyAccordion-title::before {
    display: none;
}

.wood-product .grey-bg-area .ccm-easyAccordion-title.active {
    background: #ececec !important;
}

.wood-product .grey-bg-area #product-lit .doc-wrpr {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 20px;
}

.wood-product .grey-bg-area #product-lit .doc-section-ttl {
    text-align: center;
    margin-bottom: 45px;
}

.wood-product .grey-bg-area #product-lit h4 {
    font-weight: 400;
    margin-bottom: 0;
}

.docs-accordion .panel-body ul,
.wood-product .grey-bg-area #product-lit ul {
    padding: 5px 0 5px 30px;
    margin-bottom: 0;
}

.docs-accordion .panel-body li {
    padding-left: 0 !important;
}

.docs-accordion .panel-body li:before {
    display: none;
}

.wood-product .grey-bg-area #product-lit li,
.wood-product .grey-bg-area #product-lit li a,
.docs-accordion .panel-body li a {
    font-weight: 300;
}

.wood-product .text-img-block {
    margin-bottom: 30px;
}

.wood-product .text-img-block .block_img {
    float: left;
}

.wood-product .text-img-block .block_img img {
    margin-top: 3px;
}

.wood-product .text-img-block .block_text {
    margin-left: 75px;
}

.wood-product .text-img-block .block_text h3 {
    margin-bottom: 0;
}

.wood-product .wood-product-cta {
    padding: 40px 0 10px;
}

.wood-product .wood-product-cta .app-store-icon,
.wood-product .wood-product-cta .google-play-icon {
    margin: 20px 20px 10px 0;
    float: left;
}

.wood-product .wood-product-cta .blog-post-exrp {
    clear: both;
    margin-bottom: 40px;
}

.wood-product .wood-product-cta .blog-post-exrp img {
    margin-bottom: 10px;
}

.wood-product .wood-product-cta .blog-post-exrp h3 {
    margin-bottom: 15px;
}

.wood-product .wood-product-cta .blog-post-exrp a.read-more,
.wood-product .wood-product-cta .read-more-posts a.read-more {
    display: inline-block;
    background: url('arrow-right-blk.png') no-repeat 0 50%;
    text-transform: uppercase;
    padding-left: 20px;
    color: #333333;
}

.wood-product .wood-product-cta .read-more-posts {
    text-align: center;
    margin: 30px 0;
    clear: both;
}

.wood-product .wood-product-cta .read-more-posts a.read-more {
    text-decoration: underline;
}

.mdf-states-links {
    padding-bottom: 10px;
}

.mdf-states-loc .row .col-sm-12 {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
}

.mdf-states-loc .row h3 {
    margin: 0 0 10px;
}

.mdf-states-loc .row .col-sm-4 {
    margin-bottom: 25px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mdf-states-loc .row .col-sm-4 {
        width: 50%;
        float: left;
    }
    .mdf-states-loc .row .col-sm-4:nth-child(2n+1) {
        clear: left;
    }
}

@media only screen and (max-width: 767px) {
    .wood-product .wood-product-cta .img-right {
        max-width: 80px;
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {
    .wood-product #content-fixed .top-margin-40 {
        margin-top: 40px;
    }
    .wood-product .wood-product-cta .img-right {
        float: right
    }
    .wood-product .wood-product-cta .blog-post-exrp img {
        float: left;
        margin-bottom: 40px;
    }
    .wood-product .wood-product-cta .blog-post-exrp .exrpt {
        margin-left: 300px;
    }
    .mdf-states-loc .row .col-sm-4:nth-child(3n+1) {
        clear: left;
    }
}

@media only screen and (min-width: 992px) {
    .wood-product .wood-product-cta .col-sm-12 {
        padding: 0 17%;
    }
    body#woodproducts .wood-product .wood-product-cta .col-sm-12 {
        padding: 0 15px;
    }
    .wood-product .text-img-block .block_text {
        margin-left: 100px;
    }
    body#woodproducts .wood-product .grey-bg-area .million-given img {
        margin: -10px auto -30px;
    }
    .mdf-states-loc .row .col-sm-4:nth-child(3n+1) {
        clear: none;
    }
    .mdf-states-loc .row .col-md-3:nth-child(4n+1) {
        clear: left;
    }
}

#wp-sticky-bottom {
    border-top: 1px solid #efefef;
    padding-bottom: 15px;
    width: 100%;
}

@media (min-width: 768px) {
    #wp-sticky-bottom {
        padding-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    #wp-sticky-bottom.is-sticky {
        background: #ffffff;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 1200px) {
    body#woodproducts .wood-product .grey-bg-area .million-given img {
        margin: -40px auto -60px;
    }
    .wood-product .wood-product-cta {
        padding: 80px 0;
    }
    #wp-sticky-bottom {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        transition: transform 0.3s ease 0s;
        z-index: -1;
        position: relative;
    }
    #wp-sticky-bottom.is-visible {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        z-index: 1;
        transition: z-index 0s step-start 0.3s, transform 0.3s ease 0s;
    }
    #wp-sticky-bottom.is-sticky {
        position: fixed;
        bottom: 0;
        left: 0;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }
}

@media only screen and (max-width: 767px) {
    #wp-sticky-bottom {
        margin-bottom: 25px;
    }
}

#wp-sticky-bottom ul.wood-prod-buttons {
    text-align: center;
    margin-bottom: 0
}

#wp-sticky-bottom ul.wood-prod-buttons li {
    background: #0871c8;
    display: inline-block;
    padding: 3px 20px 5px 40px;
    margin: 15px 1% 0;
    background-repeat: no-repeat;
    background-position: 14px 50%;
}

#wp-sticky-bottom ul.wood-prod-buttons li.doc-lib {
    background-image: url('document-library-icon.png');
}

#wp-sticky-bottom ul.wood-prod-buttons li.find-loc {
    background-image: url('find-a-location-icon.png');
}

#wp-sticky-bottom ul.wood-prod-buttons li.soft-serv {
    background-image: url('software-icon.png');
}

#wp-sticky-bottom ul.wood-prod-buttons li.prod-reb {
    background-image: url('product-rebates-icon.png');
}

#wp-sticky-bottom ul.wood-prod-buttons a {
    font-weight: 400;
    color: #ffffff;
}


/*------------------------------------------------------------------*/


/* 4.12. Find a Location
    /*------------------------------------------------------------------*/

a.fl-filter-trigger {
    display: block;
    background: url('filter-icon-green.png') no-repeat right 15px center #f5f5f5;
    font-size: 20px;
    font-weight: 700;
    color: #a6a6a6;
    padding: 10px 15px;
    border: 1px solid #e9e9e9;
}

a.fl-filter-trigger:hover,
a.fl-filter-trigger:focus {
    outline: none;
    text-decoration: none;
}

.fl-filter {
    margin-bottom: 20px;
}

.fl-filter .cat-label {
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    margin-bottom: 0;
}

.fl-filter .cat-label li {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    color: #adadad;
}

.fl-filter .cat-label label {
    font-weight: 400;
    line-height: 1em;
    width: 100%;
    padding: 14px 15px;
    font-size: 20px;
    margin: 0;
}

.fl-filter .cat-label input[type="radio"] {
    position: absolute;
    top: 14px;
    right: 10px;
    z-index: -1;
    opacity: 0;
}

.fl-filter .radio-label li {
    background: #ededed;
    position: relative;
}

.fl-filter .radio-label label {
    padding: 14px 15px;
    font-weight: 400;
    line-height: 1em;
    font-size: 20px;
    margin: 0;
    color: #333333;
}

.fl-filter .radio-label input[type="radio"] {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: -1;
    opacity: 0;
}

.fl-filter .radio-label label::after {
    content: "";
    display: block;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    float: left;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin: 2px 10px 0 0;
}

.fl-filter .radio-label input[type="radio"]:checked+label::after {
    background: url("bullet-green.png") no-repeat center center #ffffff;
}

.fl-filter input[type="text"] {
    border: 1px solid #e2e2e2;
    height: 2.1em;
    font-size: 20px;
    font-weight: 700;
    box-shadow: none;
    padding: 5px 15px 6px;
    color: #adadad;
}

.fl-filter input.submit-button {
    font-weight: 700;
}

.loc-results {
    overflow: hidden;
}

.loc-results .loc-list {
    border-top: 1px solid #e2e2e2;
    margin-bottom: 0;
    height: 380px;
    overflow-y: scroll;
}

.loc-results .loc-list>li {
    padding: 15px 15px 15px 0px;
    border-bottom: 1px solid #e2e2e2;
}

.loc-results .loc-list li::before {
    display: none;
}

.loc-results .loc-list>li::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.loc-results .loc-list>li.active {
    background: #ededed;
}

.loc-results .pin {
    width: 20%;
    float: left;
}

.loc-results .loc-info {
    width: 80%;
    float: left;
}

.loc-results .pin .pin-numb {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 5px 5px 6px;
    width: 46px;
    height: 46px;
    margin: 10px auto 5px;
    text-align: center;
}

.loc-results .pin .distance {
    font-size: 14px;
    font-weight: 700;
    color: #0871c8;
    text-align: center;
}

.loc-results .comp-name {
    font-size: 16px;
    font-weight: bold;
    width: 65%;
    float: left;
}

.loc-results .next-phase {
    background: url(map-icons/nextphase-icon.png) no-repeat;
    display: inline-block;
    width: 35%;
    height: 25px;
    float: left;
}

.loc-results .address {
    clear: both;
}

.loc-results .address p {
    margin-bottom: 5px;
}

#main-container .loc-results .address .prod-type-btns {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.loc-results .address .prod-type-btns li {
    float: left;
    margin-right: 5px;
    position: relative;
}

.loc-results .address .prod-type-btns li img {
    display: none;
}

.loc-results .address .prod-type-btns li span {
    background: #ededed;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: #0871c8;
    padding: 1px 6px 2px;
}

#main-container ul .loc-info ul {
    margin-left: 0;
}

.loc-results li.active .address .prod-type-btns li span {
    background: #ffffff;
}

.loc-results .c-info a {
    color: #0871c8;
    text-decoration: underline;
    font-weight: 400;
}

.loc-results .product-info h4 {
    margin-top: 5px;
}

.loc-results .product-info li {
    display: inline-block;
    border-right: 1px solid #999999;
    padding: 0 5px 0 0;
    margin-bottom: 5px;
}

.loc-results .product-info li:last-child {
    border: none;
}

.loc-results .product-info li a {
    font-weight: 400;
}

@media (min-width: 1400px) {
    .loc-results.container {
        width: 1370px;
    }
}

@media only screen and (max-width: 767px) {
    .fl-filter .cat-label label::after {
        content: "";
        display: block;
        height: 16px;
        width: 16px;
        margin-top: 2px;
        background-color: #ffffff;
        border: 1px solid #e2e2e2;
        border-radius: 50%;
        float: right;
    }
    .fl-filter .cat-label input[type="radio"]:checked+label::after {
        background: url("bullet-green.png") no-repeat center center;
    }
    .fl-filter .fl-zip-search {
        margin-top: 15px;
    }
    .loc-results .pin {
        width: 25%;
    }
    .loc-results .loc-info {
        width: 75%;
    }
    .loc-results .c-info {
        clear: both;
        padding-top: 5px;
    }
    .loc-results .c-info div {
        float: left;
    }
    .loc-results .c-info div span {
        display: none;
    }
    .loc-results .c-info .phone {
        margin-right: 30px;
        color: #0871c8;
    }
    .loc-results .c-info .phone:before {
        content: "\f095";
        font-family: 'FontAwesome';
        vertical-align: bottom;
        display: inline-block;
        margin-right: 10px;
        margin-bottom: -2px;
    }
    .loc-results .c-info .fax {
        display: none;
    }
    .map-wrpr {
        height: 400px;
    }
    .woodproducts_location .map-wrpr {
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 991px) {
    #locations .container {
        width: auto;
    }
    .loc-results .next-phase {
        background-position: right bottom;
        background-size: 100% auto;
        max-width: 131px;
        float: right;
        margin-top: -7px;
        margin-left: 5%;
        width: 30%;
    }
}

@media only screen and (min-width: 480px) {
    .list-by-state {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
        -webkit-column-gap: 30px;
        /* Chrome, Safari, Opera */
        -moz-column-gap: 30px;
        /* Firefox */
        column-gap: 30px;
    }
    .list-by-state .state-locs {
        display: inline-block;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    a.fl-filter-trigger {
        display: none;
    }
    .fl-filter .cat-label {
        border-right: none;
        display: flex;
        justify-content: space-around;
        margin-bottom: 0;
    }
    .fl-filter .cat-label li {
        display: inline-block;
        width: auto;
        border-top: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
        flex-grow: 1;
        text-align: center;
    }
    .fl-filter .cat-label label {
        font-size: 16px;
        color: #333333;
        text-transform: uppercase;
        padding: 11px 15px;
    }
    .fl-filter .cat-label input[type="radio"]:checked+label {
        background: #0871c8;
        color: #ffffff;
    }
    .fl-filter .radio-label {
        clear: both;
    }
    .fl-filter .radio-label li {
        float: left;
    }
    .fl-filter .radio-label label {
        font-size: 16px;
        padding: 11px;
    }
    .fl-filter .radio-label label::after {
        margin: 0 7px 0 0;
    }
    .woodproducts_location #locations {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .woodproducts_location #locations.single-loc-map {
        margin-bottom: 10px;
    }
    .loc-results {
        height: 640px;
        overflow: hidden;
    }
    .loc-results .loc-list {
        background: #ffffff;
        width: 360px;
        float: right;
        height: 640px;
    }
    .loc-results .c-info {
        clear: both;
    }
    .loc-results .address .prod-type-btns li {
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .loc-results .address .prod-type-btns li img {
        display: inline-block;
    }
    .loc-results .address .prod-type-btns li span {
        display: none;
    }
    .loc-results .address .prod-type-btns li:hover span {
        display: block;
        position: absolute;
        white-space: nowrap;
        bottom: -32px;
        left: 50%;
        transform: translateX(-50%);
    }
    .loc-results .address .prod-type-btns li span:before {
        content: '';
        display: block;
        height: 7px;
        width: 7px;
        border-bottom: 7px solid #ededed;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        position: absolute;
        display: block;
        top: -7px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .loc-results li.active .address .prod-type-btns li span:before {
        border-bottom-color: #ffffff;
    }
    .loc-results .map-wrpr {
        overflow: hidden;
        height: 640px;
    }
    .list-by-state {
        -webkit-column-count: 3;
        /* Chrome, Safari, Opera */
        -moz-column-count: 3;
        /* Firefox */
        column-count: 3;
        -webkit-column-gap: 30px;
        /* Chrome, Safari, Opera */
        -moz-column-gap: 30px;
        /* Firefox */
        column-gap: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-md-6.fl-zip-search {
        clear: both;
        padding-top: 15px;
        margin-top: 0;
    }
    .loc-results .comp-name {
        float: none;
        width: auto;
        ;
    }
    .loc-results .next-phase {
        float: none;
        height: 18px;
        margin-top: -2px;
        margin-left: 0;
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 992px) {
    .fl-filter .radio-label label {
        padding: 11px 15px;
    }
    .loc-results .loc-list {
        background: #ffffff;
        width: 460px;
    }
    .loc-results .comp-name {
        font-size: 18px;
    }
    .loc-results .comp-name {
        width: 60%;
        padding-right: 10px;
    }
    .loc-results .next-phase {
        margin-top: -5px;
        width: 40%;
    }
    .loc-results .address {
        width: 60%;
        float: left;
    }
    .loc-results .c-info {
        font-size: 18px;
        width: 40%;
        float: left;
        font-size: 16px;
        clear: none;
    }
    .loc-results .loc-list>li {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .loc-results .loc-list {
        background: #ffffff;
        width: 555px;
    }
}

/* 4.13 Blog
/*------------------------------------------------------------------*/

#main .category-title-wrapper {
  margin-bottom: 40px; }

#main h1.category-title {
  border-bottom: 2px solid #f9f9f9;
  color: #4d4d4d;
  display: block;
  font-size: 44px;
  font-weight: 300 !important;
  padding-bottom: 2px;
  text-transform: uppercase; }
  #main h1.category-title a {
    color: #4d4d4d;
    font-weight: 300 !important;
    text-decoration: none; }
    #main h1.category-title a:hover {
      color: #69a323; }

@media (min-width: 992px) {
  #main #blog-entries {
    border-right: 1px solid #c9cdd0; } }

#main #blog-entries .blog-entry:not(:first-child) {
  margin-top: 50px; }

@media (max-width: 767px) {
  #main #blog-entries .blog-entry .featured-image {
    margin-bottom: 20px; } }

#main #blog-entries .blog-entry .featured-image img {
  box-shadow: none !important;
  display: block;
  height: auto !important;
  max-width: none;
  width: 100% !important; }

@media (min-width: 992px) {
  #main #blog-entries .blog-entry .article-overview {
    padding-right: 30px; } }

#main #blog-entries .blog-entry .article-overview h2.headline {
  margin-top: 0; }

#main #blog-entries .blog-entry .article-overview .blog-list-snippet {
  margin-bottom: 2px; }

#main #blog-entries .blog-entry .article-overview .date {
  color: #444444;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
  text-transform: uppercase; }

#main #blog-entries .blog-entry .article-overview .tags {
  font-size: 16px;
  text-transform: uppercase; }
  #main #blog-entries .blog-entry .article-overview .tags span:not(:last-child) {
    margin-right: 5px; }

@media (max-width: 991px) {
  #main #sidebar {
    border-top: 2px solid #c9cdd0;
    margin-top: 30px;
    padding-top: 30px; } }

#main #sidebar h2 {
  margin-top: 0; }

#main #sidebar h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: 600 !important;
  text-transform: uppercase;
  margin-bottom: 15px; }

#main #sidebar .tags {
  font-size: 12px;
  font-weight: 400 !important; }
  #main #sidebar .tags span {
    display: inline-block; }
    #main #sidebar .tags span:not(:last-child) {
      margin-right: 5px; }
  #main #sidebar .tags span, #main #sidebar .tags a {
    color: #4d4d4d;
    text-transform: uppercase; }

#main #sidebar .sidebar-article {
  margin-bottom: 20px; }
  #main #sidebar .sidebar-article:last-of-type {
    margin-bottom: 40px; }
  #main #sidebar .sidebar-article h2 {
    font-size: 18px; }
  #main #sidebar .sidebar-article a img {
    box-shadow: none !important; }

@media (min-width: 992px) {
  #main article.article {
    border-right: 1px solid #c9cdd0;
    padding-right: 30px; } }

#main article.article .featured-image {
  margin-bottom: 5px; }
  #main article.article .featured-image img {
    display: block;
    height: auto;
    max-width: 100%; }

#main article.article .story-body h1, #main article.article .story-body h2, #main article.article .story-body h3, #main article.article .story-body h4, #main article.article .story-body h5, #main article.article .story-body h6 {
  text-transform: uppercase; }

#main article.article .story-body figure.content-editor-image-captioned {
  border: 1px solid #CBCBCB;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  margin: 15px auto 20px auto;
  max-width: 100%;
  padding: 10px;
  text-align: center; }
  #main article.article .story-body figure.content-editor-image-captioned img {
    display: block;
    height: auto;
    margin: 0 auto 10px auto;
    max-width: 100%; }
  @media (min-width: 480px) {
    #main article.article .story-body figure.content-editor-image-captioned.content-editor-image-left {
      display: block;
      float: left;
      margin: 9px 10px 10px 0;
      text-align: left; }
    #main article.article .story-body figure.content-editor-image-captioned.content-editor-image-right {
      display: block;
      float: right;
      margin: 9px 0 10px 10px;
      text-align: right; } }

@media (min-width: 480px) {
  #main article.article .story-body img.content-editor-image-left {
    display: block;
    float: left;
    margin: 9px 10px 15px 0; }
  #main article.article .story-body img.content-editor-image-right {
    display: block;
    float: right;
    margin: 9px 0 15px 10px; } }

#main article.article .story-body .content-editor-image-center, #main article.article .story-body .content-editor-image-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

#blog-entry-header {
  margin-bottom: 10px; }
  #blog-entry-header h2.headline {
    font-size: 26px;
    font-weight: 600 !important;
    margin-bottom: 10px;
    text-transform: uppercase; }
  #blog-entry-header .date {
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase; }
    #blog-entry-header .date span:not(:last-child) {
      margin-right: 5px; }

@media (min-width: 992px) {
  #blog-entry-wrapper {
    border-bottom: 2px solid #c9cdd0;
    padding-bottom: 30px;
    margin-bottom: 30px; } }

button#load-more-entries {
  margin-top: 20px;
  background-color: #0871c8;
  border: none;
  color: white;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 12px 60px;
  font-size: 18px;
  display: block;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  max-width: 100%; }
  @media (min-width: 768px) {
    button#load-more-entries {
      margin-left: auto;
      margin-right: auto; } }

.ccm-block-share-this-page {
  display: inline-block;
  margin-left: 5px;
  transform: translateY(5px); }
  .ccm-block-share-this-page ul.list-inline {
    list-style: none; }
    .ccm-block-share-this-page ul.list-inline li {
      padding-left: 0 !important; }
      .ccm-block-share-this-page ul.list-inline li:not(:last-child) {
        margin-right: 10px; }
      .ccm-block-share-this-page ul.list-inline li:before {
        display: none !important; }
      .ccm-block-share-this-page ul.list-inline li a {
        display: block;
        text-align: left; }
        .ccm-block-share-this-page ul.list-inline li a:hover {
          opacity: .85; }
        .ccm-block-share-this-page ul.list-inline li a i {
          font-size: 16px !important; }
          .ccm-block-share-this-page ul.list-inline li a i.fa-facebook {
            color: #3B5998; }
          .ccm-block-share-this-page ul.list-inline li a i.fa-twitter {
            color: #1DA1F2; }

.page-type-blog-entry #main {
  padding-top: 15px !important; }

#blog-widget-wrapper h3 {
  color: #444444;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px; }

@media (min-width: 768px) {
  #blog-widget-wrapper {
    margin-bottom: 60px !important; } }

@media (max-width: 767px) {
  #blog-widget-wrapper {
    margin-bottom: 40px; } }

@media (max-width: 767px) {
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide {
    box-sizing: border-box; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide:nth-child(odd) {
      padding-left: 50px; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide:nth-child(even) {
      padding-right: 50px; } }

@media (max-width: 479px) {
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide {
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 50px; } }

#blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a {
  text-decoration: none; }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a .thumbnail {
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 0;
    overflow: hidden; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a .thumbnail .ccm-custom-style-container {
      float: none;
      margin: auto; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a .thumbnail picture {
      display: block;
      position: relative; }
      #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a .thumbnail picture:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 47.22222%; }
      #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a .thumbnail picture img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a .thumbnail picture img {
        -webkit-transition: transform 0.25s ease-in-out;
        -moz-transition: transform 0.25s ease-in-out;
        -ms-transition: transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
        -webkit-transform: translate3d(0, 0, 0); }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a h4 {
    margin-bottom: 10px;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0); }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a:hover .thumbnail img {
    transform: scale(1.05); }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide a:hover h4 {
    color: #0871c8; }

#blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide .description p {
  font-size: 16px;
  line-height: 22px; }

#blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide .read-more {
  margin-top: 20px; }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-list .slick-track .slide .read-more p.low-vis-button::before {
    content: url(arrow-right-gray.png) !important; }

#blog-widget-wrapper .blog-widget-slick-slider .slick-arrow {
  z-index: 100; }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-arrow.slick-disabled {
    display: none;
    visibility: hidden; }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-arrow:before {
    opacity: 1 !important;
    color: #444444;
    content: '' !important;
    width: 16px;
    height: 18px;
    display: block;
    background: url("../blog-widget-arrow.svg") no-repeat;
    background-size: 200%; }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-arrow:hover:before {
    background-position: -16px 0 !important; }
  @media (max-width: 767px) {
    #blog-widget-wrapper .blog-widget-slick-slider .slick-arrow.slick-prev {
      left: 15px !important; } }
  @media (max-width: 767px) {
    #blog-widget-wrapper .blog-widget-slick-slider .slick-arrow.slick-next {
      right: 15px !important; } }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-arrow.slick-next:before {
    transform: rotate(180deg); }

#blog-widget-wrapper .blog-widget-slick-slider .slick-dots {
  bottom: -45px; }
  #blog-widget-wrapper .blog-widget-slick-slider .slick-dots li {
    margin: 0; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-dots li.slick-active button:before {
      color: #0871c8 !important; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-dots li button:before {
      font-size: 15px; }
    #blog-widget-wrapper .blog-widget-slick-slider .slick-dots li:hover button:before {
      color: #444444; }


/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/


/* 5. Elements
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/


/* 5.1. Company Nav
    /*------------------------------------------------------------------*/

#company-nav-row {
    border-bottom: 3px solid #0871c8;
}

#company-nav-row.stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background-color: #fff;
}

body.editmode #company-nav-row.stick {
    position: static;
    z-index: 1;
    top: auto;
    width: auto;
}

#company-logo h1 {
    padding: 20px 20px;
    margin-bottom: 0;
}

#company-nav-row #company-logo a {
    display: block;
    padding: 1em 0;
    display: block;
}

#company-nav-row #company-logo a:hover img {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#company-nav-row #company-logo a img {
    max-height: 65px !important;
    width: auto;
    margin-left: 15px;
}

#company-nav-row ul.nav li.nav-path-selected a {
    background-color: #eee;
}

#company-nav-row ul.nav li.nav-path-selected a {
    background-color: #eee;
}

.company-nav ul.nav li a {
    outline: none;
}


/*------------------------------------------------------------------*/


/* 5.2. Timeline
    /*------------------------------------------------------------------*/

.founder-quote td {
    padding: 0 !important;
}

.timenav {
    /* Controls the rate at which the timeline scrolls */
    -webkit-transition: left 0.1s cubic-bezier(0.33, 0.66, 0.66, 1) !important;
    transition: left 0.1s cubic-bezier(0.33, 0.66, 0.66, 1) !important;
}


/*------------------------------------------------------------------*/


/* 5.3. Scrolling Sidebar
    /*------------------------------------------------------------------*/

.careers #content {
    position: relative;
}

#sidebar-cta {
    position: absolute;
    right: 100px;
    z-index: 999;
    margin-top: 50px;
}

#sidebar-cta a {
    display: block;
}

#main #sidebar-cta a:hover img {
    box-shadow: none;
}


/*------------------------------------------------------------------*/


/* 5.4. Accordion
    /*------------------------------------------------------------------*/

.ccm-easyAccordion-title.active+.ccm-easyAccordion-container {
    height: auto !important;
}

.ccm-easyAccordion-title {
    background-image: none !important;
    text-shadow: 0 0 0 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    border: none !important;
    margin: 0 !important;
    font-weight: 400 !important;
    background-color: #0871c8 !important;
    border-radius: 0 !important;
    display: block;
    padding: 0 1em;
    line-height: 2.5em!important;
    -webkit-box-shadow: inset 0px 1px 0px #fff, 0px 1px 2px rgba(0, 0, 0, .06);
    -moz-box-shadow: inset 0px 1px 0px #fff, 0px 1px 2px rgba(0, 0, 0, .06);
    box-shadow: inset 0px 1px 0px #fff, 0px 1px 2px rgba(0, 0, 0, .06);
    cursor: pointer;
    position: relative;
}

.ccm-easyAccordion-title>a {
    line-height: 2.5em;
    text-indent: 2.75em;
    display: block;
    color: #fff!important;
    font-weight: inherit;
}

.ccm-easyAccordion-title-wrapper+.jl_magic_tabs_divider {
    margin: 0;
    padding: 20px;
}

.jl_magic_tabs_divider .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ccm-easyAccordion-title>a:hover,
.ccm-easyAccordion-title>a:active,
.ccm-easyAccordion-title>a:focus {
    color: #fff!important;
    text-decoration: none!important;
}

.ccm-easyAccordion-title:before {
    content: url(arrow-right.png);
    position: absolute;
    padding-right: 15px;
    top: 4px;
    left: 1.55em;
    pointer-events: none;
}

.ccm-easyAccordion-title.active:before {
    content: url(lg-arrow-down.png);
    top: 7px;
    pointer-events: none;
}


/*------------------------------------------------------------------*/


/* 5.5. Password Protected
    /*------------------------------------------------------------------*/

.page_password_request {
    width: 100% !important;
    text-align: center !important;
    padding: 15px;
    border: 1px dashed #333;
    background-color: #eee;
    margin: 30px auto !important;
}


/*------------------------------------------------------------------*/


/* 5.6. Stack - CTA Image with Text
    /*------------------------------------------------------------------*/

.cta-with-text {
    display: table;
}

.cta-with-text img,
.cta-with-text p {
    display: table-cell;
    vertical-align: middle;
}

.cta-with-text img.ccm-image-block {
    padding-right: 1em;
}


/*------------------------------------------------------------------*/


/* 5.6. Calculators
    /*------------------------------------------------------------------*/

.cost-calculation,
form.calculation {
    margin-bottom: 30px;
}

#equationEnglish {
    margin-bottom: 30px;
}


/*------------------------------------------------------------------*/


/* 6. Footer
/*------------------------------------------------------------------*/

footer {
    position: relative;
    background-color: #323232;
    margin-top: 0 !important;
}

footer a {
    color: #f9fbfb;
    float: left;
}

footer #credits {
    padding: .6em 0 1em;
}

footer #credits a,
footer #credits p {
    color: #cacccc;
    float: none;
}

footer #sublinks ul {
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
}

footer #sublinks li {
    display: inline-block;
}

footer #sublinks a {
    float: none;
    color: #cacccc;
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

footer #sublinks li:last-of-type a {
    border: none;
}


/*------------------------------------------------------------------*/


/* 6.1. Breadcrumb Navigation
    /*------------------------------------------------------------------*/

#breadcrumbs {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#B2FFFFFF', EndColorStr='#B2FFFFFF');
    background: rgba(255, 255, 255, 0.7);
}

#breadcrumbs .breadcrumb {
    float: none;
    background: transparent;
    text-align: center;
    margin-bottom: 25px;
}

#breadcrumb-container {
    background: #000 url('purty-wood-texture.png') repeat;
}

.breadcrumb li a {
    color: #404040;
}

.breadcrumb li.active {
    color: #0871c8;
    font-weight: 600;
}

.breadcrumb>li+li:before {
    font-family: 'FontAwesome';
    content: "\f105";
    padding: 0 15px;
    color: #888888;
}

#breadcrumbs li.deadcrumb {
    color: #888;
}


/*------------------------------------------------------------------*/


/* 6.1.2. Social Links
        /*------------------------------------------------------------------*/

#social-links {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CC00587C', EndColorStr='#CC00587C');
    background: rgba(0, 88, 124, 0.8);
    text-align: center;
    padding: 2.5em 0;
}

#social-links .col-sm-12 {
    display: table;
    margin: 0 auto;
}

#social-links p,
#social-links ul {
    display: table-cell;
    vertical-align: middle;
}

#social-links p,
#social-links ul,
#social-links ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#social-links p {
    color: #FFFFFF;
    padding: 0 25px 0 15px;
}

#social-links ul {
    border-left: 2px solid rgb(255, 255, 255);
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    padding-left: 15px;
}

#social-links ul li a {
    padding: 10px 15px;
    display: block;
}

#social-links ul:not(.ccm-edit-mode-inline-commands) li a .fab {
    color: #FFFFFF;
    font-size: 46px;
}

#social-links .button {
    background-color: #fff;
    color: #015779;
}

#social-links .button a {
    color: #015779 !important;
    line-height: 2.5em;
}

#social-links .button:before {
    content: url(arrow-right-bl.png);
}


/*------------------------------------------------------------------*/


/* 6.2. Footer Navigation
    /*------------------------------------------------------------------*/

footer #footer-nav {
    padding: 1em 15px;
    text-align: center;
}

footer #footer-nav nav.navbar {
    max-height: none;
    min-height: none;
    margin-bottom: 0;
}

footer #footer-nav .nav {
    display: table;
    float: none;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

footer #footer-nav .navbar-collapse {
    max-height: none;
}

footer #footer-nav .nav>li {
    display: table-cell;
    float: none;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 10px solid #4d4d4d;
    transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}

footer #footer-nav .nav>li a {
    display: block;
}

footer #footer-nav .nav>li:focus,
footer #footer-nav .nav>li:hover,
footer #footer-nav .nav>li:active {
    border-bottom: 10px solid #0871c8;
}

footer #footer-nav .nav>li>a:focus,
footer #footer-nav .nav>li>a:hover,
footer #footer-nav .nav>li>a:active {
    background: transparent;
    color: #FFF;
}

footer #footer-nav .nav>li a {
    color: #FFF;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 600;
    float: none;
    text-shadow: none;
    line-height: 1.42857143;
}


/* Mobile Button */

footer #footer-nav .navbar-toggle {
    float: none;
    margin: 0 auto;
}

footer #footer-nav .navbar-toggle .button-text,
footer #footer-nav .navbar-toggle .button-lines {
    display: inline-block;
    float: left;
    color: #808080;
    font-size: 1.2em;
    padding: 0 5px;
}

footer #footer-nav .navbar-toggle .button-text {
    text-transform: uppercase;
}

footer #footer-nav .navbar-toggle .button-lines {
    position: relative;
    top: 2px;
}

footer #footer-nav .navbar-toggle .button-lines .icon-bar {
    width: 30px;
    height: 4px;
    background: #808080;
}


/*------------------------------------------------------------------*/


/* 6.3. Footer Popup Sitemap
    /*------------------------------------------------------------------*/

/*
Sitemap page styles
*/

#main .nav>li>a {
    padding: 0;
}



/* Container Styling */

.pop-menu {
    position: fixed;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FC333333', EndColorStr='#FC333333');
    background: rgba(51, 51, 51, 0.99);
    border-top: 5px solid #444444;
}

.pop-menu-vertical {
    width: 100%;
    height: 75%;
    left: 0;
    z-index: 900;
    overflow: hidden;
    padding: 2em;
    display: none;
}


/* Fix to remove scroll bars in the footer sitemap popup*/

.pop-menu-vertical ul.nav {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: block;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.pop-menu-bottom {
    bottom: -75%;
}

.pop-menu-bottom.pop-menu-open {
    bottom: 0px;
    display: block;
}


/* Push classes applied to the body */

.pop-menu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}


/* Link/List-item Styling */

.pop-menu ul,
.pop-menu li,
.pop-menu a {
    float: left;
    color: #FFFFFF;
}

.pop-menu li {
    list-style: none;
    list-style-type: none;
}

.pop-menu a {
    display: block;
    font-size: 0.9em;
    font-weight: 300;
    padding: 0.4em;
}

nav.pop-menu a:hover,
nav.pop-menu a:focus {
    background: transparent;
    color: #FFFFFF;
}

.pop-menu>ul>li {
    width: 100%;
    border-bottom: 1px solid #444444;
    padding: 1em 0;
}

.pop-menu>ul>li:last-of-type {
    border-bottom: none;
}

.pop-menu>ul>li>a {
    width: 100%;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0.4em;
}

.pop-menu>ul>li>ul>li>a {
    display: inline-block;
    width: 100%;
    font-size: 0.8em;
    font-weight: 400;
    color: #bbbbbb;
    text-transform: uppercase;
}

.pop-menu>ul>li>ul>li>a:hover,
.pop-menu>ul>li>ul>li>a:focus {
    color: #bbbbbb;
}

.pop-menu>ul>li>ul>li,
.pop-menu>ul>li>ul>li>ul>li {
    width: 100%;
}

.pop-menu>ul>li>ul>li>ul>li>ul,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li>ul {
    clear: both;
}

.pop-menu ul>li>ul>li>ul>li>ul {
    padding-left: 5px;
}

.pop-menu>ul>li>ul>li>ul>li>ul:before,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul:before,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li>ul:before {
    content: '';
    background: url(line-with-circle.png) no-repeat;
    float: left;
    position: relative;
    top: -3px;
    left: 5px;
    height: 27px;
    width: 27px;
    font-size: 1em;
}

.pop-menu>ul>li>ul>li>ul>li>ul>li>ul:before,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li>ul:before {
    left: 8px;
}

.pop-menu>ul>li>ul>li>ul>li>ul>li>a,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li>a,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {
    border-right: 1px solid #666666;
    padding: 0.2em 0.6em;
}

.pop-menu>ul>li>ul>li>ul>li>ul>li:last-of-type>a,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li:last-of-type>a,
.pop-menu>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li:last-of-type>a {
    border-right: none;
}


/* View Sitemap Button */

.sitemap-btn.button {
    position: absolute;
    top: -25px;
    height: 50px;
    z-index: 99;
    left: 50%;
    margin: 0 0 0 -88.5px !important;
    outline: none;
    border: 0;
    padding-left: 50px;
    font-weight: 400;
    line-height: 1.93;
}

.sitemap-btn.arrow-up {
    background: #0871c8 url(arrow-up.png) no-repeat center left 20px;
}

.sitemap-btn.arrow-down {
    background: #0871c8 url(arrow-down.png) no-repeat center left 20px;
}

.sitemap-btn:before {
    content: '';
    display: none;
}

.sitemap-btn.fix {
    position: fixed;
    bottom: 73%;
    top: auto;
}


/*------------------------------------------------------------------*/


/* 6.4. Back to Top Button
    /*------------------------------------------------------------------*/

.to-top {
    display: block;
    height: 40px;
    width: 40px;
    position: fixed;
    top: 33%;
    right: 10px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: #fff;
    background: #99c3b0 url(cd-top-arrow.png) no-repeat center 10px;
    background: url(cd-top-arrow.svg) no-repeat center 50% rgba(1, 106, 58, 1);
    /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CC016A3A', EndColorStr='#CC016A3A');*/
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.to-top.to-top-visible,
.to-top.to-top-fade,
.no-touch .to-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.to-top.to-top-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}

.to-top.to-top-fade {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}


/*------------------------------------------------------------------*/


/* 6.5. Back to Top Button
    /*------------------------------------------------------------------*/

#sub-footer {
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CC00587C', EndColorStr='#CC00587C');
    background: rgba(0, 88, 124, 0.8);
    color: #ffffff;
    padding: 10px 15px;
}

#sub-footer h3,
#sub-footer h4 {
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

#sub-footer p,
#sub-footer a {
    color: #ffffff;
}

#sub-footer .wood-prod-c-info ul li {
    margin: 20px 0;
}

#sub-footer .wood-prod-c-info ul li a {
    font-weight: 400;
}

#sub-footer .wood-prod-c-info ul li::before {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
    width: 20px;
    margin-right: 10px;
    float: left
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #sub-footer .wood-prod-c-info ul li::before {
        margin-right: 3px;
    }
}

#sub-footer .wood-prod-c-info ul li.phone::before {
    content: "\f095";
}

#sub-footer .wood-prod-c-info ul li.email::before {
    content: "\f0e0";
}

#sub-footer .wood-prod-c-info ul li.address::before {
    content: "\f015";
    margin-bottom: 40px;
}

#sub-footer .middle {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    #sub-footer .left {
        width: 260px;
        margin: 0 auto;
    }
    #sub-footer .left h4 {
        margin-bottom: 20px;
    }
    #sub-footer .middle h4 {
        display: none;
    }
    #sub-footer .middle>div {
        display: none;
    }
    #sub-footer div.social-icons {
        display: block;
        margin-bottom: 40px;
    }
    #sub-footer .right {
        display: none;
    }
}

#sub-footer .footer-post {
    margin-bottom: 20px;
}

#sub-footer .footer-post .date {
    background: #ffffff;
    float: left;
    color: #0871c8;
    text-align: center;
    width: 55px;
    margin-top: 5px;
    padding: 7px 0;
    line-height: 1.1em;
}

#sub-footer .footer-post .date span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

#sub-footer .footer-post .post-details {
    margin-left: 75px;
    text-align: left;
}

#sub-footer .footer-post .post-details h4 {
    text-transform: none;
}

#sub-footer .footer-post .post-details h4 {
    font-weight: 400;
    color: #ffffff;
}

#sub-footer .footer-post .post-details hr {
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    padding: 0;
    margin: 12px 0 7px;
    width: 30%;
    max-width: 120px;
}

#sub-footer .more-post-btn {
    background: url(arrow-right-sm.png) no-repeat 0 7px;
    padding: 0 0 0 30px;
    margin: 20px 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

#sub-footer .social-icons ul {
    text-align: center;
    margin-top: 20px;
}

#sub-footer .social-icons ul li {
    display: inline-block;
    padding: 0 15px;
}

#sub-footer .social-icons ul li a {
    color: rgba(255, 255, 255, 0.5);
}

#sub-footer .formblock {
    padding: 30px 0 10px;
}

#sub-footer .formblock .form-group {
    margin-bottom: 20px;
}

#sub-footer .formblock label {
    display: none;
}

#sub-footer .formblock input {
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    color: #ffffff;
    max-width: 300px;
}

#sub-footer .formblock input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

#sub-footer .formblock input:-moz-placeholder {
    color: rgba(255, 255, 255, 1);
}

#sub-footer .formblock input::-moz-placeholder {
    color: rgba(255, 255, 255, 1);
}

#sub-footer .formblock input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

#sub-footer .formblock button {
    background: url(arrow-right-green.png) no-repeat 9px 13px #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    color: #0871c8;
    padding: 5px 12px 7px 38px;
    border: none;
    border-radius: 0;
}

@media only screen and (min-width: 768px) {
    #sub-footer .formblock input {
        float: right;
    }
    #sub-footer .right {
        text-align: right;
    }
}

@media only screen and (min-width: 1170px) {
    #sub-footer {
        padding: 10px 45px;
    }
}



/*------------------------------------------------------------------*/
/* 6.5. Mobile CTA                                                  */
/*------------------------------------------------------------------*/
.mobile-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(48, 103, 63, .9);
    z-index: 1000;
    color: white;
    text-align: center;
}

.mobile-cta h1 {
    font-weight: 300;
}

.mobile-cta > div {
    min-height: 50px;
}

.mobile-cta a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
}

.mobile-cta .mobile-stores {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    margin: 15px auto;
    max-width: 500px;
}

.mobile-cta .mobile-stores > div {
    flex: 1;
    text-align: center;
}

.mobile-cta .mobile-stores img {
    height: 70px;
    padding: 10px;
}


/*------------------------------------------------------------------*/


/* 7. Browser Specific
/*------------------------------------------------------------------*/


/* IE8 and below, use Modernizer's lt-ie9 class before every rule */

.ie-show {
    display: none;
}

.lt-ie9 .ie-show {
    display: block;
}

.ie-hide {
    display: block;
}

.lt-ie9 .ie-hide {
    display: none;
}

.lt-ie9 a.logo {
    display: block;
}

.lt-ie9 a.logo img {
    width: auto;
    max-height: 60px;
}

.lt-ie9 img {
    max-width: 100%;
    width: auto;
    /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.lt-ie9 .sitemap-btn.arrow-up {
    background-color: #0871c8;
    background-image: url(arrow-up.png);
    background-repeat: no-repeat;
    background-position: 20px 15px;
}

.lt-ie9 .sitemap-btn.arrow-down {
    background-color: #0871c8;
    background-image: url(arrow-down.png);
    background-repeat: no-repeat;
    background-position: 20px 15px;
}


/* Page Title */

.lt-ie9 #page-title {
    width: 100%;
    max-width: 100%;
    left: auto;
}

.lt-ie9 .title-wrapper,
.lt-ie9 .description-wrapper {
    display: inline-block;
}

.lt-ie9 #page-title img.header-icon {
    position: static;
}

.lt-ie9 .real_estate_listing #main-container #content-fixed ul li,
.lt-ie9 .real_estate_listing #main-container #content ul li {
    list-style: none !important;
    list-style-image: none !important;
    list-style-type: none !important;
}

.lt-ie9 .slide-up-footer {
    display: none !important;
}


/*------------------------------------------------------------------*/


/* 8. Responsive
/*------------------------------------------------------------------*/

@media (max-width: 1450px) and (min-width: 992px) {
    #page-title.wrap-word h1 {
        white-space: normal;
    }
    #page-title.wrap-word .title-wrapper {
        width: 40%;
    }
    #page-title.wrap-word .description-wrapper {
        width: 60%;
    }
    #no-banner #page-title.wrap-word .title-wrapper,
    #no-banner #page-title.wrap-word .description-wrapper {
        width: auto;
    }
}

@media (max-width: 1386px) {
    #main-container #content .map-locations ul li.wood-products-distribution-centers {
        line-height: 1.2em;
    }
}

@media (min-width: 1200px) {
    /* .container {
        width: 970px;
    } */
    /* Global */
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 20px;
        margin-bottom: 5px;
    }
    h2.director-name {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .table h3 {
        margin-bottom: 0;
    }
    .awards-carousel h2 {
        margin-top: 20px;
    }
    .linksToData h3.linkTitle {
        margin-top: 15px;
    }
    /* Helper */
    .pull-right-lg {
        float: right;
    }
    .text-right-lg {
        text-align: right;
    }
    #page-title h1 {
        font-size: 40px;
    }
    #page-title p {
        font-size: 27px;
        line-height: 27px;
    }
    /* WSYIWYG Styles*/
    .cta-text-border {
        border-right: 2px solid rgba(255, 255, 255, 0.6);
    }
    #social-links p.cta-text-border {
        margin-right: 25px;
        padding: 15px 25px 15px 15px;
    }
}

@media (max-width: 1199px) {
    /* General */
    .line {
        line-height: 1em;
        font-size: 36px;
    }
    /* Main Nav */
    #header-search-mobile {
        text-align: left;
        /* DO NOT DELETE 'text-align: left;' - it is not used on front-end, but is tied to jquery for the main nav, in script.js */
    }
    /* Page Banner */
    #page-title h1 {
        white-space: normal;
    }
    #heading .row>img.banner-image {
        max-height: 145%;
    }
    /* Main Content */
    body:not(#home) #main-container {
        margin-top: 0 !important;
    }
    /* Heading height */
    #heading>.row {
        height: 350px;
    }
    #heading .row.no-fixed-height,
    #heading .row.no-fixed-height .row:not(#page-meta-full) {
        height: auto;
    }
}

@media (min-width: 1024px) {
    .to-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
    /* Reason Circles */
    body.careers #top-reasons .circle-wrap .cta-image:after,
    body.careers #top-reasons .circle-wrap .cta-image-hover:after {
        content: '';
        position: absolute;
        height: 18px;
        width: 100%;
        top: 0;
        filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#33FFFFFF', EndColorStr='#33FFFFFF');
        background: rgba(255, 255, 255, 0.2);
        left: 100%;
        top: 50%;
        margin-top: -9px;
    }
}

@media (max-width: 1024px) {
    #listing_features ul li {
        font-size: 24px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    /* Helper */
    .pull-right-lg {
        float: right !important;
    }
    /* Header */
    .navbar {
        max-height: 50px;
    }
    #company-nav-row .navbar {
        max-height: 100%;
    }
    .page-template-home #spotlight p {
        width: 50%;
        margin: 0 auto;
        margin-top: .8em;
    }
    .quote-content {
        margin: 16.4% 50%;
    }
    #ceo-quote .headshot-container img {
        padding-right: 22.5%;
    }
    /* Reason Circles */
    #top-reasons .circle-wrap .ctm-cta-image {
        padding: 0 7%;
    }
    /* Company Nav */
    .company-nav ul.nav li a {
        border-left: 1px solid #eee;
    }
    /* Company Nav w/ logo */
    #company-nav-row.has-logo {
        display: table;
    }
    #company-nav-row.has-logo>div {
        float: none;
        display: table-cell !important;
        vertical-align: middle;
    }
    /* Company Nav no logo */
    #company-nav-row.no-logo {
        display: block;
    }
    #company-nav-row.no-logo>div {
        float: none;
    }
    #company-nav-row.no-logo.lightbox-button>div {
        float: left;
        display: inline-block !important;
    }
    #company-nav-row.no-logo .navbar-nav {
        float: none;
        text-align: center;
    }
    #company-nav-row.no-logo.lightbox-button .navbar-nav {
        float: none;
    }
    #company-nav-row.no-logo ul.nav li {
        display: inline-block;
        float: none;
    }
    .company-nav ul.nav li a {
        padding: 30px 20px;
        text-shadow: none;
    }
    #real_estate_listing_wrap #listing_features .features-inner {
        float: left;
    }
    /* Footer */
    footer #credits .ctm-credit {
        padding-left: 20px;
    }
}

@media (max-width: 991px) {
    /* Type sizes */
    p,
    li,
    input,
    h4,
    h4.underline {
        font-size: 95%;
    }
    .btn {
        font-size: 20px;
    }
    h1,
    h1.underline {
        font-size: 24px;
    }
    h2,
    h2.underline {
        font-size: 22px;
    }
    h3,
    h3.underline {
        font-size: 18px;
    }
    /*Search*/
    form#search-form .term {
        padding: 14px 14px 15px;
    }
    /* Homepage */
    .page-template-home #ctas .ccm-layout-col .cta-overlay p {
        display: none !important;
    }
    /* Page Banner */
    #page-title {
        margin-left: 0 !important;
        max-width: 90%;
    }
    #tony_realestate_map_canvas {
        height: 320px !important;
    }
    /*.title-wrapper,
    #page-title p {
        display: block;
    }*/
    #page-title h1 {
        margin: 10px 0;
    }
    #page-title p {
        border: none;
    }
    /* Sustainability Page */
    #ceo-quote .headshot-container {
        position: static;
        float: left;
        margin-top: -3em;
    }
    #ceo-quote .quote-content {
        padding-top: 2em;
    }
    /* Real Estate Listing */
    .real-estate-listing-image a {
        display: block;
        cursor: pointer;
        cursor: hand;
    }
    .real-estate-listing-image,
    .real-estate-listing-image a img {
        display: block;
    }
    #property-info {
        padding: 75px 0 0;
    }
    #property-info #listing_photos {
        padding-bottom: 75px;
    }
    #property-info #listing_features {
        margin-bottom: 0;
    }
    /* Top Reasons on Careers */
    #top-reasons .circle-wrap {
        position: relative;
        display: block;
        margin: 2em;
    }
    /* Footer */
    footer #footer-nav {
        padding: 2em 0 1em;
    }
    footer #footer-nav .nav {
        display: block;
    }
    footer #footer-nav .nav>li,
    .anp_bootstrap_nav .pronav_list>li {
        display: inline-block;
        width: 100%;
        border-bottom: 2px solid #4d4d4d;
        text-align: center;
        transition: 0.2s all ease-in-out;
        -webkit-transition: 0.2s all ease-in-out;
        -moz-transition: 0.2s all ease-in-out;
        -ms-transition: 0.2s all ease-in-out;
        -o-transition: 0.2s all ease-in-out;
    }
    footer #footer-nav .nav>li a,
    .anp_bootstrap_nav .pronav_list>li a {
        display: block;
    }
    footer #footer-nav .nav>li:focus,
    .anp_bootstrap_nav .pronav_list>li:focus,
    footer #footer-nav .nav>li:hover,
    .anp_bootstrap_nav .pronav_list>li:hover,
    footer #footer-nav .nav>li:active,
    .anp_bootstrap_nav .pronav_list>li:active {
        border-bottom: 2px solid #0871c8;
    }
    footer #credits .ctm-credit {
        display: block;
    }
    /* Change Breakpoint of mobile nav from 768 */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-nav ul li a,
    .mobile-nav ul li a {
        line-height: 100%;
        padding: 1em;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .collapsing {
        overflow: hidden !important;
    }
    .navbar-nav li {
        border-right: 0;
    }
    .mobile-nav {
        padding: 0;
    }
    .navbar-nav ul.children {
        padding: 0 1em;
        position: static;
        visibility: visible;
        width: auto;
        box-shadow: none;
    }
    .navbar-nav ul.children li a {
        color: #999;
    }
    .navbar-nav ul.children li a:focus,
    .navbar-nav ul.children li a:hover,
    .navbar-nav ul.children li a:active {
        color: #FFF;
        text-decoration: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}
.latest-news-items .ccm-layout-column {
    width: 100% !important;
}
@media (min-width: 768px) {
    /* Helpers */
    .pull-right.margin {
        margin: 0 0 15px 15px;
    }
    /* Homepage */
    .page-template-home #ctas .ccm-layout-column,
    .latest-news-items .ccm-layout-column {
        width: 33.3333333% !important;
    }
    .to-top {
        right: 20px;
        bottom: 20px;
    }
}

@media (max-width: 767px) {
    /* Type sizes */
    p,
    li,
    input,
    h4,
    h4.underline {
        font-size: 90%;
    }
    h1.underline {
        font-size: 20px;
    }
    h2.underline {
        font-size: 18px;
    }
    h3.underline {
        font-size: 16px;
    }
    /*Search*/
    form#search-form .term {
        padding: 15px 14px 16px;
    }
    #header-search-mobile form input.ccm-search-block-text {
        width: 85%;
    }
    #header-search-mobile .ccm-search-block-submit {
        width: 15%;
    }
    /* Homepage */
    .page-template-home #ctas .ccm-layout-col {
        width: 100% !important;
    }
    .page-template-home #content {
        background: #FFF url(green-blue-mountain-range.jpg) no-repeat top right;
        background-size: 100% 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    /* Page Title */
    #page-title {
        width: 100%;
        max-width: 100%;
        padding-left: 15px !important;
    }
    #page-title h1 {
        text-align: center;
    }
    #heading>.row {
        height: 250px;
    }
    #heading .row>img.banner-image {
        max-height: 125%;
    }
    .title-wrapper {
        border-right: none !important;
        text-align: center;
    }
    .description-wrapper {
        display: none;
    }
    .no-image .title-wrapper,
    .no-image .description-wrapper {
        display: block;
    }
    .no-image #page-title .description-wrapper p {
        text-align: center;
    }
    .page-template-home .latest-news-heading h2 {
        text-shadow: 1px 1px 3px #333333;
    }
    span.name-inner {
        display: table-cell;
        vertical-align: middle;
    }
    #page-title img {
        display: block;
        position: static;
        padding: 10px;
    }
    #listing_description ul {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }
    /* Footer */
    #social-links ul {
        border-left: 0;
        padding-left: 0;
        display: block;
        margin-top: 10px;
    }
    #breadcrumbs {
        display: none;
    }

    .latest-news-items .ccm-layout-column:not(:last-child) {
        border-bottom: 2px solid rgba(131, 144, 122, 0.7);
    }
    .latest-news-items .ccm-layout-column:after {
        display: none;
    }
    .ccm-layout-col-spacing {
        margin: 10px 0 !important;
    }
    body.careers #featured-jobs h4,
    body.careers #featured-jobs h4 a,
    body.careers #featured-jobs p {
        text-align: center !important;
    }
    .mobile-center img {
        display: block;
        margin: 0 auto;
        width: auto;
    }
    .map-locations .col-sm-3 {
        height: auto;
    }
}

@media (max-width: 480px) {
    /* Form */
    .left-third,
    .center-third,
    .right-third {
        width: 100% !important;
        display: block;
        float: none;
    }
    .left-third .sem-field,
    .center-third .sem-field,
    .right-third .sem-field {
        width: 100% !important;
    }
    /* Search */
    form#search-form .term {
        width: 82%;
    }
    /* Footer */
    footer #sublinks li {
        display: block;
    }
    footer #sublinks li a {
        border-right: none;
    }
    footer #sublinks ul {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 10px;
    }
    .pass_req #pagePassword {
        width: 100%;
    }
    .pass_req .pass-proc {
        margin: 10px 0 0;
        padding: 12px 30px;
    }
    a.logo img {
        width: 100%;
    }
    #content ul.pagination {
        margin: 20px 0 60px;
    }
    #main-container #content ul.pagination li {
        padding-left: 0;
    }
}


/*------------------------------------------------------------------*/


/* 9. TinyMCE Styles - Put WYSIWYG styles here
/*------------------------------------------------------------------*/

.ccm-page .button {
    margin: 1em 0;
    color: #FFF !important;
}

.ccm-page .false-h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 27px;
    text-transform: uppercase;
}

.ccm-page form.calculation .button,
.ccm-page form.copy-calculation .button {
    margin: 0 0 1em;
}

.ccm-page .button a {
    color: #FFF !important;
}

.ccm-page .caption {
    font-size: 14px;
    font-style: italic;
}

.ccm-page .double-arrow:before {
    content: "\f101";
    font-family: 'FontAwesome';
    padding-right: 2px;
}

.ccm-page .vertically-align td,
.ccm-page .vertically-align th {
    display: inline-block;
    text-align: center;
}

.ccm-page .no-margin {
    margin: 0;
}

.ccm-page #main-container #content-fixed ul.plus-list-style li::before {
    content: "\f067";
    font-size: 17px;
    line-height: 30px;
}

.ccm-page #main-container #content-fixed ul.plus-list-style li {
    margin-bottom: 15px;
    padding-left: 30px;
}

.ccm-page .dl-gallery ul li {
    padding-left: 0;
    vertical-align: top;
}

.ccm-page .account-link .button+.button {
    margin-top: 0;
}

.ccm-page .account-link .button {
    float: left;
    clear: left;
}

.ccm-page a.btn {
    color: #fff;
}

.ccm-page .btn-primary {
    background-color: #1B8753;
    border-color: #147145;
}

.ccm-page .btn-primary:hover {
    background-color: #026E3A;
}

.ccm-page .login-form a.btn {
    color: #0871c8;
}

.ccm-page .login-form a.btn-success {
    color: #fff;
}

div.ccm-page .lightbox-open {
    overflow: hidden;
}

div.ccm-page .lightbox {
    /* display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

div.ccm-page .modal.fade .lightbox-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

div.ccm-page .modal.in .lightbox-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

div.ccm-page .lightbox-open .lightbox {
    overflow-x: hidden;
    overflow-y: auto;
}

div.ccm-page .lightbox-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

div.ccm-page .lightbox-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.lightbox-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.lightbox-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.lightbox-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

div.ccm-page .lightbox-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

div.ccm-page .lightbox-header .close {
    margin-top: -2px;
}

div.ccm-page .lightbox-title {
    margin: 0;
    line-height: 1.42857143;
}

div.ccm-page .lightbox-body {
    position: relative;
    padding: 15px;
}

div.ccm-page .lightbox-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

div.ccm-page .lightbox-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

div.ccm-page .lightbox-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

div.ccm-page .lightbox-footer .btn-block+.btn-block {
    margin-left: 0;
}

div.ccm-page .lightbox-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

#heading .ccm-image-slider-wy li {
    height: 250px!important;
}

@media (min-width: 768px) {

    #heading .ccm-image-slider-wy li {
        height: 350px!important;
    }

    div.ccm-page .lightbox-dialog {
        width: 600px;
        margin: 30px auto;
    }
    div.ccm-page .lightbox-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    div.ccm-page .lightbox-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {

    div.ccm-page .lightbox-lg {
        width: 900px;
    }
}

@media (min-width: 1200px) {
    #heading .ccm-image-slider-wy li {
        height: 550px !important;
    }
}

.mega-link-overlay.angle-double-right:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f101\00a0";
    font-weight: normal !important;
}

body.loggedin > svg[display='none'] {
    display: none;
}