@charset "utf-8";
/* CSS Document */
body {
	background-color: #ffffff;
	font-family: 'Lato', Arial, "sans serif";
	color: #666666;
	font-size: 16px;
	letter-spacing: 1px;
	width: 100%;
}
.container {
	background-color: #ffffff;
}
img {
  max-width: 100%;
  height: auto; /* Maintains aspect ratio */
}

/* Social  and Houzz Buttons */

.img-pad {
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.img-padHouz {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.logoImg {
	margin:2px 0px 0px 0px;
}
.logoBx {
	background-color: #ffffff;
	text-align: left;
	padding: 15px 0px 8px 0px;
}
.logoBx img {
	margin-top: 30px;
}
.perfectFit {
	text-align: right;
	font: 'Lato', sans-serif;
	color:#00aa00;
	font-size: 20px;
	font-weight: 400;
	margin-top: 6px;
}
.grnBanTxt	{
	font: 'Lato', sans-serif;
	color:#00aa00;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 8px;
	letter-spacing: 0px;
}
.navbar-right {
	color: #000000;
    text-align: right;
	border:0;
	font-size: 100%;
	padding-bottom: 0px;
  	background-color: #ffffff;
}
/* menu collapse Tablet */
		@media (max-width: 1199px) {
			.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: 7.5px -15px;
			}
			.navbar-nav>li {
				float: none;
			}
			.navbar-nav>li>a {
				padding-top: 10px;
				padding-bottom: 10px;
			}
			.navbar-text {
				float: none;
				margin: 15px 0;
			}
			/* since 3.1.0 */
			.navbar-collapse.collapse.in { 
				display: block!important;
			}
			.collapsing {
				overflow: hidden!important;
			}
		}
/* end tablet collapse */

.navbar.navbar-default {
    background-color: #ffffff;
    border: 0;
	font-size: 13px;
	font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
   -moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.navbar-default .navbar-text {
  color: #666666;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #666666;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #00aa00;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .active {
    color: #000;
    background: #fffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #666666;
    background-color: #ffffff;
}
.navbar-header {
	padding-right: 0%;
	background-color: #ffffff;
	position: relative;
	z-index: 1020;
}
.navbar-default {
	margin:0px;
	background-color: #ffffff;
}
.menuTwo {
	background-color: #B9B8B8;
}
.nav > li > a {
  	position: relative;
	color: #00aa00;
	display: block;
  	background-color: #ffffff;
}
.dropdown:hover .dropdown-menu {
  	display: block;
}
.dropdown-menu {
    min-width: 50px;
	background-color: #ffffff;
}

.open > .dropdown-toggle.btn-default {
  color: #000000;
  background-color: #ffffff;
  border-color: #00aa00;
}
.dropdown-toggle:active, .open .dropdown-toggle {
   background:#FFF !important; 
   color:#000 !important;
}
.carousel-control.left, .carousel-control.right {
      background-image: none !important;
      background-color: rgba(0, 0, 0, 0);
      color: #666666;
      opacity: 0.5;
}
.carousel-control {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 25%;  /* change this value to required width */
	  font-size: 40px;
	  color: #666666;
	  text-align: center;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	  background-color: rgba(0, 0, 0, 0);
	  filter: alpha(opacity=50);
	  opacity: .5;
}
    .carousel-control:hover, .carousel-control:focus {
      color: #ffffff;
      opacity: 0.9;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
      color: #666666;
    }
    .carousel-control:hover .glyphicon-chevron-left,
    .carousel-control:hover .glyphicon-chevron-right {
      color: #ffffff;
    }
.carousel-indicators li { 
	visibility: hidden;
}
.carousel-inner {
   margin-bottom: -5px;
}
.carousel-inner img {
  margin: auto;
}
#homepage-carousel {
	margin-bottom: 6px;
}

#rollover-carousel1 {
	margin-bottom: 30px;
}
#rollover-carousel2 {
	margin-bottom: 30px;
}
#rollover-carousel3 {
	margin-bottom: 30px;
}
#rollover-carousel4 {
	margin-bottom: 30px;
}
#rollover-carousel5 {
	margin-bottom: 30px;
}
.centerBx {
	text-align: center;

}
.threeAcrossimgPad {
	margin: 10px 10px 10px 10px;
}
.bigTtl {
	font-family: "Spectral", Helvetica, "serif";
	text-align: left;
	color: #666666;
	font-size: 40px;
	border-bottom: 2px solid #898989;
	padding: 3px 8px 5px 8px;
}
.pgCaption {
	font-family: 'Lato', Arial, "sans serif";
	color: #666666;
	font-size: 16px;
	padding: 3px 8px 5px 8px;
}
.pgCaption2 {
	font-family: "Spectral", Helvetica, "serif";
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	padding: 3px 8px 5px 8px;
}

.pgBx {
	padding: 10px 8px 10px 8px;
}
.pgBx a:link {
	color:#00aa00;
    font-weight: 600;
	text-decoration: none;
}
.pgBx a:visited {
   color:#00aa00;
   font-weight: 600;
}
.pgBx a:hover, a:active, a:focus {
  color: #00aa00;
  font-weight: 600;
  text-decoration: none;
}
.usaBxPg {
	background-color: #f1eee6;
	text-align: left;
	color: #666666;
	padding: 30px;
}
	@media (max-width: 480px) {

		  .greenBxPg {
			text-align: left;
			background-color: #f1eee6;
			margin-top: none;

		}
}
.usaBxPg a:link {
	color:#666666;
	text-decoration: none;
}
.usaBxPg a:visited {
	color:#666666;
}
.usaBxPg a:hover, a:active, a:focus {
  color: #666666;
  text-decoration: none;
}
.reviewPgTtl {
	font-family: "Spectral", serif;
	text-align: left;
	color: #666666;
	font-weight: 400;
	font-style: normal;
	font-size: 34px;
}
.reviewPgTopBx {
	border-top: 2px solid #898989;
	padding: 30px 8px 0px 15px;
}
.reviewPgTx {
	border-bottom: 2px solid #898989;
	padding-top: 20px;
	margin-bottom: 30px;
	width: auto;
	color: #666666;
}
.reviewPgTx a:link {
	color:#00aa00;
	font-weight: 600;
	text-decoration: none;
}
.reviewPgTx a:visited {
	color:#00aa00;
	font-weight: 600;
}
.reviewPgTx a:hover, a:active, a:focus {
      color: #00aa00;
	  font-weight: 600;
	  text-decoration: none;
}
.resPgTtl {
	font-family: "Spectral", serif;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	color: #666666;
	font-size: 34px;
	border-top: 2px solid #898989;
	padding: 30px 8px 0px 15px;
}
.resPgTx {
	border-bottom: 2px solid #898989;
	padding-top: 5px;
	margin-bottom: 30px;
	width: auto;
	color: #666666;
}
.resPgTx a:link {
	color:#00aa00;
	font-weight: 600;
	text-decoration: none;
}
.resPgTx a:visited {
	color:#00aa00;
	font-weight: 600;
}
.resPgTx a:hover, a:active, a:focus {
      color: #00aa00;
	  font-weight: 600;
	  text-decoration: none;
}
.resPgTx .feature {
    font-size: 1em;
    font-weight: 400;
    color: inherit;
    display: inline;
}
.resPgTx .features-heading {
    font-weight: 400;
    margin-top: 20px; 
    margin-bottom: 0px;      /* ← This controls tightness to the list */
}
.finishCopy {
	margin-top: 25px;
	margin-bottom: 34px;
}
.finishCopy p {
    margin-bottom: 8px;   /* space between Finish and Hardware */
}
.pgCopyNoFinish {
	margin-bottom: 24px;
}
.resPgTxOneWidth {
	border-bottom: 2px solid #898989;
	padding: 20px 8px 0px 15px;
	margin-bottom: 30px;
	width: auto;
	color: #666666;
}
.resPgTxOneWidth a:link {
	color:#00aa00;
	font-weight: 600;
	text-decoration: none;
}
.resPgTxOneWidth a:visited {
	color:#00aa00;
		font-weight: 600;
}
.resPgTxOneWidth a:hover, a:active, a:focus {
  color: #00aa00;
		font-weight: 600;
		text-decoration: none;
}
.resPgOneSearch {
	padding-left: 15px;
}
.resPgRw {
	text-align: center;
}
		@media (max-width: 480px) {

			  .resPgRw img {
				text-align: center;
				width: 98%;

			}
		}
			@media (min-width: 768px) {

			  .resPgRw img {
				text-align: center;
				width: 100%;
			}
		}

			@media (min-width: 992px) {

			  .resPgRw img {
				text-align: center;
				width: 100%;
			}
		}

.stafPgTtl {
	font-family: "Spectral", serif;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	color: #666666;
	font-size: 34px;
	border-top: 2px solid #898989;
	padding: 30px 8px 5px 15px;
}
.stafPgTx {
	border-bottom: 2px solid #898989;
	padding-top: 30px;
	margin-bottom: 30px;
	width: auto;
	color: #000;
}
.stafPgTx a:link {
	color:#00aa00;
	font-weight: 600;
	text-decoration: none;
}
.stafPgTx a:visited {
	color:#00aa00;
	font-weight: 600;
}
.stafPgTx a:hover, a:active, a:focus {
  	color: #00aa00;
	font-weight: 600;
	 text-decoration: none;
}
.stafMainPgRw {
	text-align: left;
}
	@media (max-width: 480px) {

		  .stafMainPgRw img {
			text-align: center;
			width: 98%;
		}
}

.stafPgRw {
	text-align: left;
	margin-bottom: 30px;
}
	@media (max-width: 480px) {

		  .stafPgRw img {
			text-align: center;
			width: 98%;
		}
}
.bioTtl {
	margin-top: 12px;
	letter-spacing: 2px;
}
.bioTtl2 {
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.bioTxt {
	margin-left: 0px;
	margin-bottom: 30px;
}
.bioTxt2 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.bottomImg {
	margin-top: 30px;
}
.bottomImgSm {
	margin-top: 13px;
}
hr {
display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: inherit;
  margin-right: inherit;
  border-style: inset;
  border-height: 2px;
  color: #666666;
}
h1, h2, h3, h4, h5, h6  {
	font-size: 100%;
	font-style: normal;
    font-weight: normal;
	margin: 0px 0px 0px 0px;
	display:inline;
}
.footer {
	text-align: center;
	background-color: #fff;
	color: #00aa00;
	margin-bottom: 30px;
}
.footer a:link {
	color:#00aa00;
	text-decoration: none;
}
.footer a:visited {
	color:#00aa00;
}
		@media (max-width: 480px) {

			  .footer {
			text-align: center;
			background-color: #fff;
			margin: 0px 8px 0px 8px;
			width: 100%;
		}
}
a {
  color: #666666;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #666666;
  text-decoration: none;
}
.grnPhTxt {
	background-color: #f1ecdd;
	color: #666666;
	text-align: center;
	padding: 20px 20px 20px 20px;
}
.grnPhTxt a:visited {
	text-decoration: none;
	color: #666666;
}
.grnPhTxt a:link {
	color: #666666;
}

.clearClass { 
	clear: both; 
}
.privacyPg {
	padding: 20px 20px 20px 20px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 10px;
}
.row.no-pad {
	  margin-right:0;
	  margin-left:0;
}
.google-maps {
  position: relative;
  padding-bottom: 75%; /* 4:3 aspect ratio */
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 576px) {
  .google-maps {
    padding-bottom: 75%; /* Keep 4:3, or adjust to 100% for 1:1 */
  }
}
.centerImg img {
    display: block;
}
.jobItem {
	margin: 10px;
}
.jobItem li {
	display:list-item;
	list-style: disc;
	width:100%;
}
.glassTh {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.doorMain {
	text-align: center;
}
		@media (max-width: 750px) {

      .doorMain img {
		text-align: center;
		display: 100%;
    }
}
.doorMain2 {
	text-align: center;
}

	@media (min-width: 1200px) {

      .doorMain2 {
		text-align: center;
		display: 100%;
		margin-left: 80px;
		margin-right: 80px; 
    }
}
.mainPg {
	text-align: center;
}
		@media (max-width: 750px) {

      .mainPg img {
		text-align: center;
		display: 100%;
    }
}
.mainPg2 {
	text-align: center;
}

	@media (min-width: 1200px) {

      .mainPg2 {
		text-align: center;
		display: 100%;
		margin-left: 80px;
		margin-right: 80px; 
    }
}

.swatchTtl {
	margin: -20px 0px 30px 0px;
	text-align: center;
}
.mouldTtl {
	margin: -20px 0px 15px 0px;
	text-align: center;
}


.knobTtl {
	margin: -20px 0px 20px 0px;
	text-align: center;

}
.searchMgn {
	margin-left: 30px;
}
		@media (max-width: 480px) {

          .searchMgn {
		margin: 0px;
    }
}
.search_bar {
	margin-left: 30px;
	text-align: right;
}
.searchMn {
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.colorPgsubTtlOne {
	font-family: "Spectral", serif;
	text-align: left;
	color: #666666;
	font-weight: 400;
	font-size: 26px;
	font-style: normal;
	padding: 0px 8px 15px 15px;
}
/*stand-Hardwd*/
.colorPgsubTtl {
	font-family: "Spectral", serif;
	text-align: left;
	color: #666666;
	font-weight: 400;
	font-size: 26px;
	font-style: normal;
	padding: 0px 8px 15px 15px;
}
.colorPgsubTtl2 {
	font-family: "Lato", serif;
	text-align: left;
	color: #666666;
	font-weight: 400;
	font-size: 18px;
	font-style: normal;
	padding: 0px 8px 15px 15px;
}
.hardwareCatTtl {
	font-family: "Spectral", serif;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	color: #666666;
	font-size: 26px;
	border-top: 2px solid #898989;
	padding: 30px 8px 0px 15px;
}
.indentBox2 {
	margin: 0px 0px 0px 25px;
}
.resPgTx .no-bullets {
    list-style: none;
    padding-left: 0;
    margin-top: 0px;           /* Tight spacing under "Features:" */
    margin-bottom: 0px;
}

.resPgTx .no-bullets li {
    margin-bottom: 0px;        /* Space between each item */
}

.resPgTx .no-bullets li:last-child {
    margin-bottom: 0;
}


.caption {
        width:100%;
        bottom: 0rem;
        position: absolute;
        background: #fff;
		opacity: 80%;
    }

    .thumbnail {
        border: 0 none;
        box-shadow: none;
        margin-bottom:30px;
        padding:0;
    }

    .caption h4 {
        color: #000;
		font-family: 'Lato', Arial, "sans serif";
		font-size: 20px;
		text-align: center;
        -webkit-font-smoothing: antialiased;
    }
/* changing h4 caption tag to h2 */
	.caption h2 {
	  color: #000;
	  font-family: 'Lato', Arial, sans-serif;
	  font-size: 20px;
	  text-align: center;
	  -webkit-font-smoothing: antialiased;
	/* keep the global heading resets working */
	  font-weight: normal;
	  margin: 0;
	  display: inline;   /* or block if you prefer; matches current */
	}
	.caption h3 {
	  color: #000;
	  font-family: 'Lato', Arial, sans-serif;
	  font-size: 20px;
	  text-align: center;
	  -webkit-font-smoothing: antialiased;
	/* keep the global heading resets working */
	  font-weight: normal;
	  margin: 0;
	  display: inline;   /* or block if you prefer; matches current */
	}

/* accomdate bottom tiles when using h tag in copy */
	.caption h5 {
	  color: #000;
	  font-family: 'Lato', Arial, sans-serif;
	  font-size: 20px;
	  text-align: center;
	  -webkit-font-smoothing: antialiased;
	/* keep the global heading resets working */
	  font-weight: normal;
	  margin: 0;
	  display: inline;   /* or block if you prefer; matches current */
	}
.spectral-light {
  font-family: "Spectral", serif;
  font-weight: 300;
  font-style: normal;
}
.spectral-regular {
  font-family: "Spectral", serif;
  font-weight: 400;
  font-style: normal;
}
.img {
	height: 100px;
  	width: 100px;
    image-rendering: auto;
	image-rendering: high-quality;
	image-rendering: crisp-edges;
	Image-rendering: -webkit-optimize-contrast;
}
.hoPgtile {
	text-align: center;
	margin-top: 30px;
}
		@media (max-width: 480px) {

			  .hoPgtile img {
				text-align: center;
				width: 98%;

			}
		}
			@media (min-width: 768px) {

			  .hoPgtile img {
				text-align: center;
				width: 100%;
			}
		}

			@media (min-width: 992px) {

			  .hoPgtile img {
				text-align: center;
				width: 100%;
			}
		}
.doorPgBot {
	text-align: center;
	background-color: #f1ecdd;
	margin-bottom: 30px;
	padding-top: 30px;
}		

	@media (max-width: 480px) {

			  .doorPgBot {
					text-align: center;
				    border-top: 2px solid #898989;
					background-color: #ffffff;
					margin-bottom: 30px;
					padding-top: 30px;
			}
		}
			@media (max-width: 767px) {

			  .doorPgBot {
					text-align: center;
   				    border-top: 2px solid #898989;
					background-color: #ffffff;
					margin-bottom: 30px;
					padding-top: 30px;
			}
		}

		@media (max-width: 480px) {

			  .doorPgBot img {
				text-align: center;
				width: 98%;
			}
		}
			@media (min-width: 768px) {

			  .doorPgBot img {
				text-align: center;
				width: 100%;
  
			}
		}

			@media (min-width: 992px) {

			  .doorPgBot img {
				text-align: center;
				width: 100%;
			}
		}
.twoAcrossSubp {
	text-align: center;
}
	@media (min-width: 1200px) {

      .twoAcrossSubp {
		text-align: center;
		margin-left: 96px;
		margin-right: 96px; 
    }
}
.twoImageRow {
	margin: 0px 45px 0px 45px;
}
	@media (max-width: 991px) {

      .twoImageRow {
		text-align: center;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px; 
		}
}
			@media (max-width: 767px) {
			.twoImageRow {
			text-align: center;
			width: 100%;
		}
}
.threeAcross {
	margin-bottom: 30px;
}
.bottomMrgn {
	margin-bottom: 30px;
}
	@media (max-width: 991px) {

      .bottomMrgn img {
		text-align: center;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px; 
		margin-bottom: 30px;
		}
}
.finishBx {
	margin: -10px 0px 10px 58px;
}
.counterBx {
	margin: -10px 0px 0px 101px;
}
.doorBx {
	margin: -10px 0px 0px 95px;
}
.fourPg {
	font-family: "Spectral", serif;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	color: #666666;
	font-size: 42px;
}
.listCopy a:link,
.listCopy a:visited {
  color: #666666;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: #999999;   /* lighter underline */
}
.listCopy a:hover,
.listCopy a:focus {
  color: #333333;
  text-decoration: underline;
  text-decoration-color: #333333;  /* darker underline on interaction */
}
.listCopy2 a:link {
	font-weight: normal;
	color:#666666;
	text-decoration: none;
}
.listCopy2 a:visited {
	font-weight: normal;
	color:#666666;
}
.locationBx {
	margin-bottom: 30px;
	text-align: left;
}
		@media (max-width: 767px) {
		.locationBx {
		text-align: left;
		margin-bottom: 30px;
		margin-left: 5px;
		margin-right: 3px;
		}
}

.locationBx p {
  margin: 0;
}
.locationBx a:link {
	color:#00aa00;
    font-weight: 600;
	text-decoration: none;
}
.locationBx a:visited {
	color:#00aa00;
	font-weight: 600;
}
.ph-formBx {
	margin: 8px 0px 8px 0px;
}
.phone-link {
  color: #00aa00; 
  font-weight: 200;
  text-decoration: none; 
}
.phone-link:hover,
.phone-link:focus,
.phone-link:active {
  color: #00aa00; 
  text-decoration: none; 
}
.phone-link .glyphicon-earphone {
  color: #00aa00; 
}
.phone-link:hover .glyphicon-earphone,
.phone-link:focus .glyphicon-earphone,
.phone-link:active .glyphicon-earphone {
  color: #00aa00; 
}
.request-btn {
  background-color: #00aa00;
  color: white;
}
.request-btn:hover,
.request-btn:focus,
.request-btn:active {
  background-color: #008800; 
  color: white;
}
.required {
	color: #c80505;
	font-size: 14px;
}
.contact-form {
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.form-heading {
  color: #00aa00;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: left;
}
.checkbox {
  padding-left: 40px;
  margin-bottom: 10px;
}
#captchaQuestion {
    margin-bottom: 10px;
}
.form-group.has-error .help-block {
    color: #c80505;
}
.text-left {
  text-align: left;
}