/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.top-menu a {margin:0px 5px;}
.top-menu {
	margin-top: 10px;
	font-size: 13px;
	text-align: right;
}

.navbar-brand img {
	display: inline-block;
}

.navbar-brand .logo {
	height: 40px;
	margin-top: 20px;
	vertical-align: bottom;
}

.navbar-brand .tagline {
	height: 16px;
	margin-left: 20px;
}

@media(max-width:992px){
	.navbar-brand .tagline {
		display: none;
	}
}

@media(max-width:480px){
	.navbar img {
		margin-top: 0;
	}
	.top-menu {
		margin-top: 30px;
		padding-bottom: 36px;
		text-align: center;
	}	
}
html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

hr {
    max-width: 50px;
    border-color: #88a8a5;
    border-width: 3px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #88a8a5;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #aa5259;
}

h1 {
    font-size: 28px;
    color: #20272E;
}

h2 {font-size: 18px; color: #666;}
h3 {font-size: 15px;}

.banner h1 {font-size: 30px; font-weight: 600;}
.banner h2, .thin-font {font-weight: 100;}
.banner h2 {    font-size: 14px;
    line-height: 1.5;}

.breadcrumbs {color: #aaa; margin-top:20px}
.catalog-cats ul {list-style:none; padding:0px;}
.catalog-cats li a {display:inline-block; width:100%; margin-bottom:8px}
.catalog-cats li a:hover {border-left:2px solid #aa5259; padding-left:10px;}
.catalog-cats li ul {display:none;} /* hide sub menu */
.catalog-cats li.selected ul {display:block;}

ul#nav_1697735 li.selected > a {color:#aa5259;}
ul#nav_1697735 li.selected ul {margin-left:15px;}
ul#nav_1697735 li img {display:none;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    line-height: 0.9;
}

p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
}


section.search {padding-top:40px;}
.search-results h1 {font-size:22px !important; font-weight:100;}
.search-results span.input-val {color:#fff;}
@media(max-width:480px){
    .search-form {width:100%;}
}
.search-results .panel-body {padding:20px 30px;}
.search-form {margin-top:-5px;}
.search-form input[type=submit] {background:#de6947; color:#fff; border:1px solid #de6947;font-size:12px; margin-top:-5px; height:28px; line-height:26px; width:75px; display:inline-block;}
.search-form input[type=text] {padding:4px; color:#888; width:240px;border:1px solid #ccc;}

section#about .section-heading {color:#fff; font-weight: 600;}
label.error {color:#c00 !important;}
input.error, textarea.error {border-color:#7d0000;}

.body-top {padding-top: 108px;}
@media(max-width:480px){
    .body-top {padding-top: 140px;}
}

.align-right {text-align: right;}

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

.bg-blue {
    background-color:#7799FF;
}

.bg-dark-blue {
    background-color: #1c365f;
}

.bg-green {
    background-color:#88a8a5;
}

.bg-dark {
    color: #fff;
    background-color: #222;
}

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

.wood-bg, .category-panel.banner {
    color:#fff;
	background-color: #C7AB7D;
    background-image: url(../img/wood-bg.jpg);
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

.wood-bg a, .category-panel.banner a {color:#fff !important; text-decoration:underline;}
a.btn {text-decoration:none !important;}

.footer.wood-bg {
-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.category-panel.banner h1,
.category-panel.banner h2,
.bg-dark-blue h2 {color:#fff;}

.footer a {color:#fff !important; text-shadow:1px 1px rgba(0,0,0,0.3)}

.btn-white-yellow {
background:#fff !important;
    color:#e3c564 !important;
	border:2px solid #e3c564 !important;
}

.btn-orange {
background:#de6947 !important;
    color:#fff !important;
}


.btn-light-blue {
    background:#97bebd !important;
    color:#fff !important;
}

.text-faded {
    color: rgba(255,255,255,.9);
}

section {
    padding: 0;
}

section.padding-xs {padding:20px 0;}
section.padding-sm {padding:40px 0;}
section.padding-lg {padding:100px 0;}

.home-about .desc {background:#9bbcbd; padding:30px;}
.home-about p {color:#fff;}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

@media (max-width:768px){
.navbar-default .navbar-collapse {margin-top: 15px;border-color: #444;}
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none !important; border-color: #88a8a5; }
.navbar-default .navbar-toggle:focus span.icon-bar, .navbar-default .navbar-toggle:hover span.icon-bar {background-color: #88a8a5;}

.navbar-default {
    padding:15px 0;
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default.dark-nav {
    background-color: #1E2D4B;
}

.navbar-default .navbar-header .navbar-brand {padding:0px; margin-left:15px;}
.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: ;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #88a8a5;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #aaa;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #88a8a5;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #88a8a5!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

section.signup {}

@media(min-width:768px) {

    .banner h1 {font-size: 48px;}

    .navbar-default {
        border-color: rgba(255,255,255,.3);
        background-color: transparent;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fff;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: #fff;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #88a8a5;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #88a8a5;
    }
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/header.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

section#documents img {width:100%;}
@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}

.heading {text-transform:uppercase;}
.heading.thin {font-weight:300; letter-spacing:8px;}

.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #88a8a5;
}

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

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #88a8a5;
    color: #fff;
    background-color: #88a8a5;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #ee4b28;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #88a8a5;
    background-color: #88a8a5;
}

.btn-primary .badge {
    color: #88a8a5;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222;
}


/*

*/


.catalog-wrap ul.productLarge {list-style:none;padding:0px;}
.catalog-wrap .banner-lg img {max-width:100%; text-align:center;}


.banner-lg img {max-width: 100%;}

.images-showcase {height:; position: relative;}

.images-showcase .main-image {text-align: center;margin-bottom:25px;}
.images-showcase .main-image img {max-width: 100%;}
.images-showcase .lSPager img {padding: 3px; margin: 3px 0; background-color: #fff; border:1px solid #eee;}
.images-showcase .lSPager .active img {border-color:#88a8a5;}

.images-showcase .lSPager li {width:100px;}

@media (min-width: 991px){
    .catalog-wrap .banner-lg .image {float:right;}
    .banner-lg h1 {padding-top:100px;}
    .images-showcase .lSPager {position: absolute; z-index: 3; top: 20px; right: 20px; width: 140px !important;}
    .images-showcase .lSPager li {width: 140px !important;}
}

.white-product-text.product-items .product-holder p.product-label {color:#fff;}

ul.download-list {list-style: none;padding: 0px;}
ul.download-list img {float: left;}
ul.download-list p {margin-left: 55px;}

.banner.catalog-landing.residential {background: #88a8a5; }
.banner.catalog-landing.commercial {background: #7799FF; }

.banner.catalog-landing h1 {color: #fff;}
.banner.catalog-landing h2 {color: #fff; margin-bottom: 30px;}

.banner.catalog-landing li.active.residential a {}
.banner.catalog-landing li.active.commercial a {}

.banner.catalog-landing .nav-tabs li a {color: #fff; border-bottom: none !important;}
.banner.catalog-landing .nav-tabs li.active a {color: #555;}
.banner.catalog-landing .nav-tabs li:hover a {background-color: rgba(255,255,255,0.2) !important; border: none !important;}
.banner.catalog-landing .nav-tabs li.active:hover a {background-color: #fff !important;}

.banner.catalog-landing .container {position: relative;}
@media (min-width: 991px){
    .banner.catalog-landing .nav-tabs {position: absolute;bottom: -20px; right:0px; width: 360px;}
    .product-items .product-container {max-height: 295px;}
}

.product-items ul {list-style:none;padding:0px; margin: -10px 0 0;}
.product-items .product-holder img {width: 100%}
.product-items .product-holder.right-text p.product-label {right:10px; text-align:right !important;}

.product-items .product-holder {padding:10px; position: relative; overflow: hidden; height: 100%;}
.product-items .product-container {position: relative; text-align: center; border:1px solid #eee; background: #e8e8e8;}
.product-items .product-holder p.product-label {position: absolute; top: 10px; .width:100%; font-size:16px; width:100%; font-weight:bold; text-align:center; color: #333; margin-bottom:0px;}
.catalog-products.product-items p.product-label {font-weight: normal !important;}

.product-items .product-holder p.view-more {position: absolute; top: 50%; margin-left: 20%;
    width:60%;
    /* background: none !important; */
    border:1px solid #88a8a5 !important;
    color: #88a8a5;
    display: none;
}

.product-holder a:hover p.product-label {color: #aa5259; text-decoration: underline;}                                           
.product-holder a:hover p.view-more {display: block; color:#aa5259 !important; border-color:#aa5259 !important;}

div.pagination {border-top:1px solid #eee; width:100%; text-align:center;}
.pagination a {display:inline-block;padding:10px; border:1px solid #aa5259; margin:0px 5px;}


/*
* projects section
*/

.office-projects.local-projects {padding-bottom:0px;}
.office-projects h3 {font-size:24px;margin-left:10px}
.office-projects .product-holder p.product-label {color:#fff; text-align:left;}
.office-projects .product-holder p span {font-size:13px;}

.project-photos ul.lSPager li {width: 90px; margin:3px;}
.project-photos .main-image {width:100%;}
.project-photos .main-image li {max-width: 100% !important;}
.project-photos .main-image img {width: 100% !important;}

.project-photos ul.lSPager li.active, .project-photos ul.lSPager li.active img {border-radius:0px !important; -webkit-border-radius:0px !important;}
.project-photos ul.lSPager li img {border:1px solid #ddd;}
.project-photos ul.lSPager li.active img {border-color:#88a8a5;}

.project-photos .col-sm-12.related-projects {padding-top:30px !important; padding-bottom:30px !important;}
.project-about .col-md-offset-2 {border-bottom:1px solid #eee; padding-bottom:30px !important;}


/*
* staff profiles
*/

.staff-profiles .staff-list {border-top:1px solid #eee;margin-bottom:30px; display:inline-block}

.staff-profiles .staff-holder {padding:5px; height:220px; margin-bottom:10px;}
.staff-profiles .staff-holder img {width:100%;}
.staff-profiles .staff-holder h4 {margin-bottom:5px;}
.staff-profiles .staff-holder h4 a {color:#222 !important;}
.staff-profiles .staff-holder h4 a:hover {text-decoration:underline;}

.staff-profiles .staff-holder p.title {margin:0px; color:#777; font-size:12px;}

.staff-profile .staff-image {text-align:center;}
@media(min-width:768px){
.staff-profile .staff-image img {width:100%}
}



/* cart / checkout styles */
.shop-cart h1 {font-size:14px; font-weight:400; margin-bottom:30px;}
/* .shop-cart .quantity input {width:30px;padding:4px;} */
.shop-cart tr.var, .shop-cart tr.sub-total, .shop-cart tr.shipping {background:none !important;}
.shop-cart table th {border-top:none !important; border-bottom:1px solid #eee;}
.shop-cart table td {border-top:none !important; vertical-align: middle !important;}
.shop-cart .product-image img {width:45px;}
.shop-cart .action-button {padding:15px 30px; border-radius:0; width:240px;}
.green-button {border:1px solid #88a8a5;}
.blue-button {border:1px solid #7799FF;}