/*
Version: 1.2
Author: WebTek
Author URI: http://www.webtekcc.com/
*/
/*!////////////////////////////////////////////////
// BASE
/////////////////////////////////////////////////*/
@-o-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body,
iframe,
div,
section,
header,
p,
a,
ul,
ol,
li,
article,
footer,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle;
  max-width:100%; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }


/*!////////////////////////////////////////////////
// LAYOUT
/////////////////////////////////////////////////*/
.wrap {
  max-width: 1360px;
  width: 92%;
  margin: 0px auto;
  position: relative; }

.row {
  clear: both; }

@media screen and (min-width: 480px) {
  .wrap {
    width: 98%; }

  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-half,
  .grid-full,
  .grid-unit {
    float: left;
    width: 100%; }
    .grid-1:nth-child(n),
    .grid-2:nth-child(n),
    .grid-3:nth-child(n),
    .grid-4:nth-child(n),
    .grid-5:nth-child(n),
    .grid-6:nth-child(n),
    .grid-half:nth-child(n),
    .grid-full:nth-child(n),
    .grid-unit:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-1:nth-child(1n),
    .grid-2:nth-child(1n),
    .grid-3:nth-child(1n),
    .grid-4:nth-child(1n),
    .grid-5:nth-child(1n),
    .grid-6:nth-child(1n),
    .grid-half:nth-child(1n),
    .grid-full:nth-child(1n),
    .grid-unit:nth-child(1n) {
      margin-right: 0; }
    .grid-1:last-child,
    .grid-2:last-child,
    .grid-3:last-child,
    .grid-4:last-child,
    .grid-5:last-child,
    .grid-6:last-child,
    .grid-half:last-child,
    .grid-full:last-child,
    .grid-unit:last-child {
      margin-right: 0; }

  .grid-25 {
    float: left;
    width: 47.742425%; }
    .grid-25:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-25:nth-child(2n) {
      margin-right: 0; }
    .grid-25:last-child {
      margin-right: 0; }

  .gallery .grid-unit,
  .grid-half {
    width: 47.742425%; }
    .gallery .grid-unit:nth-child(n),
    .grid-half:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .gallery .grid-unit:nth-child(2n),
    .grid-half:nth-child(2n) {
      margin-right: 0; }
    .gallery .grid-unit:last-child,
    .grid-half:last-child {
      margin-right: 0; }

  .grid-flow-opposite {
    float: right; } }
@media screen and (min-width: 640px) {
  .grid-1 {
    width:12.9040416%; }
    .grid-1:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-1:nth-child(6n) {
      margin-right: 0; }
    .grid-1:last-child {
      margin-right: 0; }

  .grid-2 {
    width: 30.32323%; }
    .grid-2:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-2:nth-child(3n) {
      margin-right: 0; }
    .grid-2:last-child {
      margin-right: 0; }

  .grid-3,
  .grid-half {
    width: 47.742425%; }
    .grid-3:nth-child(n),
    .grid-half:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-3:nth-child(2n),
    .grid-half:nth-child(2n) {
      margin-right: 0; }
    .grid-3:last-child,
    .grid-half:last-child {
      margin-right: 0; }

  .grid-4 {
    width: 65.16162%; }
    .grid-4:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-4:nth-child(1.5n) {
      margin-right: 0; }
    .grid-4:last-child {
      margin-right: 0; }

  .grid-5 {
    width: 82.5808084%; }
    .grid-5:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-5:nth-child(1.20482n) {
      margin-right: 0; }
    .grid-5:last-child {
      margin-right: 0; }

  .grid-6,
  .grid-full {
    width: 100%; }
    .grid-6:nth-child(n),
    .grid-full:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-6:nth-child(1n),
    .grid-full:nth-child(1n) {
      margin-right: 0; }
    .grid-6:last-child,
    .grid-full:last-child {
      margin-right: 0; }

  /* If there are no margins */
  .grid-1.no-margin {
    width: 16.66667%; }
    .grid-1.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-1.no-margin:nth-child(6n) {
      margin-right: 0; }
    .grid-1.no-margin:last-child {
      margin-right: 0; }

  .grid-2.no-margin {
    width: 33.33333%; }
    .grid-2.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-2.no-margin:nth-child(3n) {
      margin-right: 0; }
    .grid-2.no-margin:last-child {
      margin-right: 0; }

  .grid-3.no-margin,
  .grid-half.no-margin {
    width: 50%; }
    .grid-3.no-margin:nth-child(n),
    .grid-half.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-3.no-margin:nth-child(2n),
    .grid-half.no-margin:nth-child(2n) {
      margin-right: 0; }
    .grid-3.no-margin:last-child,
    .grid-half.no-margin:last-child {
      margin-right: 0; }

  .grid-4.no-margin {
    width: 66.66667%; }
    .grid-4.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-4.no-margin:nth-child(1.5n) {
      margin-right: 0; }
    .grid-4.no-margin:last-child {
      margin-right: 0; }

  .grid-5.no-margin {
    width: 83.0%; }
    .grid-5.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-5.no-margin:nth-child(1.20482n) {
      margin-right: 0; }
    .grid-5.no-margin:last-child {
      margin-right: 0; }

  .grid-6.no-margin,
  .grid-full.no-margin {
    width: 100%; }
    .grid-6.no-margin:nth-child(n),
    .grid-full.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-6.no-margin:nth-child(1n),
    .grid-full.no-margin:nth-child(1n) {
      margin-right: 0; }
    .grid-6.no-margin:last-child,
    .grid-full.no-margin:last-child {
      margin-right: 0; }

  .grid-25 {
    width: 21.6136375%; }
    .grid-25:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .grid-25:nth-child(4n) {
      margin-right: 0; }
    .grid-25:last-child {
      margin-right: 0; }

  .grid-25.no-margin {
    width: 25%; }
    .grid-25.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-25.no-margin:nth-child(4n) {
      margin-right: 0; }
    .grid-25.no-margin:last-child {
      margin-right: 0; }

  .gallery .grid-unit {
    width: 30.32323%; }
    .gallery .grid-unit:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 4.51515%; }
    .gallery .grid-unit:nth-child(3n) {
      margin-right: 0; }
    .gallery .grid-unit:last-child {
      margin-right: 0; }

  .content-pad-right {
    padding-right: 4%;
    /* Use (or don't) as necessary. */ }

  .content-pad-left {
    padding-left: 4%; } }
	
  .list-grid-2 {
	-webkit-column-count:2; 
	-moz-column-count: 2; 
	column-count: 2; 
	-webkit-column-gap: 40px; 
	-moz-column-gap: 40px; 
	column-gap: 40px; }
	@media screen and (max-width: 480px) {
      .list-grid-2 {
	    -webkit-column-count:1; 
	    -moz-column-count: 1; 
	    column-count: 1; 
	    -webkit-column-gap: 0px; 
	    -moz-column-gap: 0px; 
	    column-gap: 0px; }
	}
	
  .list-grid-3 {
	-webkit-column-count:3; 
	-moz-column-count: 3; 
	column-count: 3; 
	-webkit-column-gap: 40px; 
	-moz-column-gap: 40px; 
	column-gap: 40px; }
	@media screen and (max-width: 480px) {
      .list-grid-3 {
	    -webkit-column-count:1; 
	    -moz-column-count: 1; 
	    column-count: 1; 
	    -webkit-column-gap: 0px; 
	    -moz-column-gap: 0px; 
	    column-gap: 0px; }
	}
	
	
/*!////////////////////////////////////////////////
// THEME
/////////////////////////////////////////////////*/

/*
@font-face {
  font-family: 'TrebuchetMS';
  src: url('webfont.eot');
  src: url('../font/TrebuchetMS.eot?#iefix') format('embedded-opentype'), 
       url('../font/TrebuchetMS.woff') format('woff'), 
       url('../font/TrebuchetMS.ttf')  format('truetype'),
       url('../font/TrebuchetMS.svg#svgFontName') format('svg');
}
*/

body {
  /*font-family: 'TrebuchetMS';*/
  font-family: 'Work Sans', sans-serif;
  font-weight:300;
  color:#666666; }
  
h1, h2, h3, h4, h5, h6 {
  margin-bottom:.5em; }
h1 {
  font-weight:600;
  color:#403e3e; }
h2, h3, h4, h5, h6 {
  font-weight:500;
  color:#666666; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  color:#8aba18; }

a,
input[type=sbmit],
.single_add_to_cart_button {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration:none; }

*[class^="button"],
input[type=sbmit],
.single_add_to_cart_button {
  padding:.8em 1.5em;
  background:#8aba18;
  color:#fff !important;
	font-size: 18px !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border:none;
  display:inline-block; }
  *[class^="button"]:hover,
  *[class^="button"]:focus,
  input[type=sbmit]:hover,
  input[type=sbmit]:focus,
  .single_add_to_cart_button:hover,
  .single_add_to_cart_button:focus {
    background:#017F00;
	text-decoration:none !important; }



/*! Header
//////////////////////////////////////////////*/

header[role=banner] {
  padding-top:.5em;
  text-align:center; }
@media screen and (min-width: 840px) {
  header[role=banner] {
    text-align:left; }
}
  nav[role=navigation] {
    display: none;
	margin-top:1em; }
  @media screen and (min-width: 640px) {
    nav[role=navigation] {
      display: block; }
  }
    nav[role=navigation] > ul {
	  display:table;
	  height: 50px;
	  width: 100%; }
	  nav[role=navigation] > ul > li {
		width: 16.66%;
		border-right: 1px solid #fff;
		display: table-cell; 
  		vertical-align: middle;
		text-align: center;
		position:relative;
		background: #8ABA18;
		padding: .2em .7em;
		cursor:pointer; }
	  nav[role=navigation] > ul > li:last-of-type {
	    border-right:1px solid #8ABA18; }
		.page--drywall nav[role=navigation] > ul > li,
		.page__parent--drywall nav[role=navigation] > ul > li {
		  background: #008000; }
		  .page--drywall nav[role=navigation] > ul > li:last-of-type,
		  .page__parent--drywall nav[role=navigation] > ul > li:last-of-type {
	    	border-right:1px solid #008000; }
		.page--gypsum nav[role=navigation] > ul > li,
		.page__parent--gypsum nav[role=navigation] > ul > li {
		  background: #226f93; }
		  .page--gypsum nav[role=navigation] > ul > li:last-of-type,
		  .page__parent--gypsum nav[role=navigation] > ul > li:last-of-type {
	    	border-right:1px solid #226f93; }
	  nav[role=navigation] > ul > li:after {
	    content:"";
		position:absolute;
		top:-.3em;
		left:0;
		height:.3em;
		width:0;
		background:#017f00;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease; }
		.page--drywall nav[role=navigation] > ul > li:after,
		.page__parent--drywall nav[role=navigation] > ul > li:after {
		  background:#8aba18; }
		.page--gypsum nav[role=navigation] > ul > li:after,
		.page__parent--gypsum nav[role=navigation] > ul > li:after {
		  background:#8aba18; }
	  nav[role=navigation] > ul > li:hover:after,
	  nav[role=navigation] > ul > li:focus:after,
	  nav[role=navigation] > ul > li.current-menu-item:after {
	    width:100%; }
	    nav[role=navigation] > ul > li > a {
		  color: #FFF;
		  font-size: 1em;
		  line-height: 1em; }
		nav[role=navigation] ul li ul {
		  position:absolute;
		  left:0;
		  top:0;
		  z-index: 1002;
		  margin-top: 50px;
		  -webkit-box-shadow: 0 1px 3px 1px #737373;
		  box-shadow: 0 1px 3px 1px #737373;
		  -moz-transform: scaleY(0);
		  -webkit-transform: scaleY(0);
		  -o-transform: scaleY(0);
		  -ms-transform: scaleY(0);
		  transform: scaleY(0);
		  -moz-transform-origin: top;
		  -webkit-transform-origin: top;
		  -o-transform-origin: top;
		  -ms-transform-origin: top;
		  transform-origin: top;
		  -webkit-transition: all .25s ease;
		  -moz-transition: all .25s ease;
		  -ms-transition: all .25s ease;
		  -o-transition: all .25s ease;
		  transition: all .25s ease; }
		nav[role=navigation] ul li:hover ul,
		nav[role=navigation] ul li:focus ul {
		  -moz-transform: scaleY(1);
		  -webkit-transform: scaleY(1);
		  -o-transform: scaleY(1);
		  -ms-transform: scaleY(1);
		  transform: scaleY(1); }
		  nav[role=navigation] ul li ul li {
		  }
		    nav[role=navigation] ul li ul li a {
			  display:block;
			  width:270px;
			  font-size:.9em;
			  padding:0.7em 2em 0.7em 1.2em;
			  background:#fff;
			  color:#666666;
			  text-align:left;
			  border-bottom:1px solid #86868a;
			  position:relative; }
			nav[role=navigation] ul li ul li:last-of-type a {
			  border-bottom:none; }
			  nav[role=navigation] ul li ul li a:hover,
			  nav[role=navigation] ul li ul li a:focus {
			    background:#86868a;
				color:#fff; }
			  nav[role=navigation] ul li ul li a:after {
			    /*content:">";*/
				content:"";
				background:url("../img/arrow-gray.png") no-repeat;
				width:10px;
				height:10px;
				right:.8em;
				top:.75em;
				position: absolute;
				font-size: 1.3em; }
				nav[role=navigation] ul li ul li a:hover:after,
				nav[role=navigation] ul li ul li a:focus:after {
				  background:url("../img/arrow-white.png") no-repeat; }
  .branding {
    margin-bottom:1em; }
  @media screen and (min-width: 840px) {
	.branding {
	  width:27%;
	  margin-right:5%;
	  display:inline-block;
	  vertical-align:middle;
	  margin-bottom:auto; }
  }
    .branding img {
	  max-width:100%; }
	@media screen and (min-width: 350px) {
	  .branding img {
	    max-width:300px; }
	}
	@media screen and (min-width: 840px) {
	  .branding img {
	    max-width:100%; }
	}
  .header__desc {
  }
  @media screen and (min-width: 840px) {
	.header__desc {
      display:inline-block;
	  vertical-align:middle;
	  width:68%;
	  text-align:right; }
  }
	.header__desc--contact {
	  font-size:80%; }
	@media screen and (min-width: 940px) {
	  .header__desc--contact {
	    font-size:90%; }
	}
	@media screen and (min-width: 1070px) {
	  .header__desc--contact {
	    font-size:100%; }
	}
	.header__desc--contact a {
	  color:#707071;
	  text-decoration:none; }
	.header__desc--contact > span {
	  color:#707071;
	  position:relative;
	  margin-top:.3em; }
	@media screen and (min-width: 840px) {
	  .header__desc--contact > span {
	    float:right; }
	}
	@media screen and (min-width: 1170px) {
	  .header__desc--contact > span {
	    margin-top:.7em; }
	}
	  .header__desc--contact > span:nth-of-type(1) {
	    color:#8aba18;
		font-size:1.3em;
		margin-left:0;
		margin-top:0;
		font-weight:bold; }
	  @media screen and (min-width: 840px) {
		.header__desc--contact > span:nth-of-type(1) {
	      float:left; }
	  }
	  @media screen and (min-width: 1170px) {
	    .header__desc--contact > span:nth-of-type(1) {
	      font-size:1.7em; }
	  }
	    .header__desc--contact > span:nth-of-type(1) a {
	      color:#8aba18;
		  text-decoration:none;
		  cursor:default; }
	  /*
	  .header__desc--contact > span:nth-of-type(2) {
		margin-left:1em;
		display:block; }
	  @media screen and (min-width: 330px) {
		.header__desc--contact > span:nth-of-type(2) {
	      display:inline-block; }
	  }
	  @media screen and (min-width: 840px) {
		.header__desc--contact > span:nth-of-type(2) {
	      float:left; }
	  }
	  @media screen and (min-width: 1070px) {
		.header__desc--contact > span:nth-of-type(2) {
		  margin-left:2em; }
	  }
	  */
	  .header__desc--contact > span:nth-of-type(2) {
	    display:block; }
	  @media screen and (min-width: 580px) {
		.header__desc--contact > span:nth-of-type(2) {
	      display: inline-block;
		  margin-left:1em; }
	  }
		.page--drywall .header__desc--contact > span:nth-of-type(1),
		.page__parent--drywall .header__desc--contact > span:nth-of-type(1) {
		  color:#008000; }
		  .page--drywall .header__desc--contact > span:nth-of-type(1) a,
		  .page__parent--drywall .header__desc--contact > span:nth-of-type(1) a {
	        color:#008000; }
		.page--gypsum .header__desc--contact > span:nth-of-type(1),
		.page__parent--gypsum .header__desc--contact > span:nth-of-type(1) {
		  color:#226f93; }
		  .page--gypsum .header__desc--contact > span:nth-of-type(1) a,
		  .page__parent--gypsum .header__desc--contact > span:nth-of-type(1) a {
	        color:#226f93; }
		/*
		.page--drywall .header__desc--contact > span:nth-of-type(2),
		.page__parent--drywall .header__desc--contact > span:nth-of-type(2) {
		  color:#008000; }
		.page--gypsum .header__desc--contact > span:nth-of-type(2),
		.page__parent--gypsum .header__desc--contact > span:nth-of-type(2) {
		  color:#226f93; }
		  */
	.header__return {
	  display:block;
	  font-size: 1em;
	  margin: .3em auto;
	  color: #707071;
	  text-transform:uppercase; }
	@media screen and (min-width: 580px) {
	  .header__return {
	    display:inline-block;
		margin: .3em 0 0 0; }
	}
	@media screen and (min-width: 840px) {
	  .header__return {
	    float:left; }
	}
	  .page--drywall .header__return,
	  .page__parent--drywall .header__return {
	    color: #008000; }
	  .page--gypsum .header__return,
	  .page__parent--gypsum .header__return {
	    color: #226f93; }
	  .header__return:hover,
	  .header__return:focus {
		text-decoration:underline; }
	.header__search {
	  position:relative;
	  display:block;
	  margin:auto auto .5em auto; }
	@media screen and (min-width: 510px) {
	  .header__search {
	    display:inline-block;
	    vertical-align:middle;
		margin:auto; }
	}
	  .header__search input[type=text] {
	    border:#e6e6e6 2px solid;
		height:35px;
		color:#b1afaa;
		font-size: .9em;
		padding-right: 30px;
		padding-left:.5em;
		margin:.5em auto;
		width:100%; }
	  @media screen and (min-width: 510px) {
		.header__search input[type=text] {
		  width:auto;
		  min-width: 226px; }
	  }
	  @media screen and (min-width: 355px) {
		.header__search input[type=text] {
		  margin:auto; }
	  }
	  .header__search input[type=submit] {
	    background:url("../img/mag-glass.jpg") no-repeat;
		background-size: contain;
		border:none;
		width:30px;
		height:30px;
		position:absolute;
		top:10px;
		right:2px; }
	  @media screen and (min-width: 355px) {
		.header__search input[type=submit] {
		  top:2px; }
	  }
	.header__social {
	  display:inline-block;
	  vertical-align:middle; }
	  .header__social a {
	    background:#b2b2b2;
		display:inline-block;
		vertical-align:middle;
		padding: 5px 7px; }
		.header__social a:hover,
		.header__social a:focus {
		  background: #8ABA18; }
	.header__cart {
	  display:inline-block;
	  vertical-align:middle;
	  background:#EBEBEB;
	  padding: 5px 7px;
	  color: #403E3E;
	  position:relative;
	  overflow:hidden; }
	  .header__cart:hover,
	  .header__cart:focus {
	    background:#D7D7D7; }
	  /*
	  .header__cart:after {
	    content:"View Cart >";
		position:absolute;
		top:5px;
		left:-100%;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease; }
		.header__cart:hover:after,
		.header__cart:focus:after {
		  left:40px; }
	  */
	  .header__cart img {
	  }
	  @media screen and (min-width: 940px) {
		.header__cart img {
		  margin-right:.5em; }
	  }
	  .header__cart span {
	    display:none; }
	  @media screen and (min-width: 940px) {
		.header__cart span {
		  display:inline-block; }
	  }
	  /*
	  .header__cart span {
	    -webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
		opacity:1; }
		.header__cart:hover span,
		.header__cart:focus span {
		  opacity:0; }
	  */
	
.mobile__button p {
  display: block;
  color:#fff;
  background: #8ABA18;
  padding:.5em 1em;
  margin-top:1em;
  font-size: 1.2em; }
  .page--drywall .mobile__button p,
  .page__parent--drywall .mobile__button p { 
    background: #008000; }
  .page--gypsum .mobile__button p,
  .page__parent--gypsum .mobile__button p {
    background: #226f93; }
  @media screen and (min-width: 640px) {
    .mobile__button p {
      display: none; } }

.mobile__nav {
  display: none; }
  .mobile__nav a {
	background: #8ABA18;
	color:#fff;
	display:block;
	padding:.3em 1em;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
  .page--drywall .mobile__nav a,
  .page__parent--drywall .mobile__nav a { 
    background: #008000; }
  .page--gypsum .mobile__nav a,
  .page__parent--gypsum .mobile__nav a {
    background: #226f93; }
    .mobile__nav a:hover,
	.mobile__nav a:focus {
      }
  @media screen and (min-width: 640px) {
    .mobile__nav {
      display: none; } }


/*! Content Area
//////////////////////////////////////////////*/



.home {
	position: relative;
	overflow: hidden;
}

.home-mobile {
    display: none;
}

.home-mobile-wrapper {
    position: relative;
    background-color: #000;
}

.home-mobile-wrapper img {
    transition: opacity 0.2s ease-in-out;
}

.home-mobile-wrapper:hover img{
    opacity: 0.5;
}

.home-mobile-wrapper:hover .home-white-button {
    transform: translate(-50%,-50%) scale(1.2);
}

.home-white-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #FFF;
    padding: 10px;
    font-weight: bold;
    color: #89b918;
    font-size: 1.3rem;
    max-width: 80%;
    min-width: 60%;
    width: 100%;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    border: 3px solid #89b918;
}

.home-back {
	background: url("../img/recycling.png") no-repeat scroll center center / 102%;
	-webkit-transition:-webkit-transform 0.3s ease;
	-moz-transition:-moz-transform 0.3s ease;
	-ms-transition:-ms-transform 0.3s ease;
	-o-transition:-o-transform 0.3s ease;
	transition:transform 0.3s ease;
    transition: background-size 0.3s ease;
}

.home-back.drywall-hover {
    background-size: 110%;
}

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

.apps-container {
	position: relative;
	display:inline-block;
	overflow:hidden;
	transition:transform 0.3s ease;
}
	.apps {
		position: absolute;
		width: 200%;
		height: 100%;
		left: 0px;
		top: 0px;
		transform: rotate(27deg);
		transform-origin: top left;
	}
	.apps-container .apps-image {
		-webkit-transition:-webkit-transform 0.3s ease;
		-moz-transition:-moz-transform 0.3s ease;
		-ms-transition:-ms-transform 0.3s ease;
		-o-transition:-o-transform 0.3s ease;
		transition:transform 0.3s ease;
	}
	.apps-container .apps-image:hover {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1);
	}

.home-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.home-message {
	background: #89b918;
	text-align: center;
	padding: 20px 0;
	font-size: 24px;
	font-family: "Work Sans",sans-serif;
    font-weight: 300;
	color: #fff;
	line-height: 120%;
}


section#applications{margin: 0 auto;height:825px; padding-top: 20px;}
section#applications h2{text-transform: uppercase;}
#applications>div{position:relative}
#applications>div>div{
	position:absolute;
	top:120px;
	left:40px;
	overflow:hidden;
	width:220px;
	height:220px;
	border-radius:5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
#applications>div>div:nth-of-type(2){left:50%;margin-left:-110px}
#applications>div>div:nth-of-type(3){right:40px;left:auto}
#applications>div>div:nth-of-type(4){top:283px;left:205px}
#applications>div>div:nth-of-type(5){top:283px;right:205px;left:auto}
#applications>div>div:nth-of-type(6){top:448px}
#applications>div>div:nth-of-type(7){top:448px;left:50%;margin-left:-110px}
#applications>div>div:nth-of-type(8){top:448px;right:40px;left:auto}
#applications>div>div:nth-of-type(9){top:283px;left:-125px}
#applications>div>div:nth-of-type(10){top:283px;left:865px}

#applications>div>div>a{
	background-position:center;
	background-size:cover;
	width:100%;
display: table;
	height:100%;
	line-height:0;
	position:relative;
	-webkit-transition:-webkit-transform 0.3s ease;
	-moz-transition:-moz-transform 0.3s ease;
	-ms-transition:-ms-transform 0.3s ease;
	-o-transition:-o-transform 0.3s ease;
	transition:transform 0.3s ease;
}
#applications>div>div>a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#applications>div>div>a:before {
    content: '';
    width: 100%;
    height: 100%;
    background-size: cover;
    transform: rotate(-45deg) scale(1.5);
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
}
#applications>div>div:nth-of-type(1)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/IMG1049.jpg);}
#applications>div>div:nth-of-type(2)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Cow-Gyp-Bag.jpg)}
/*#applications>div>div:nth-of-type(3)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2019/11/chicksimg_9665.jpg);}*/
#applications>div>div:nth-of-type(3)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Woman_With_Horse.jpg);}
#applications>div>div:nth-of-type(4)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Soil-Remediation_sm.jpg);}
#applications>div>div:nth-of-type(5)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Bulk-Waste-Solidification.jpg);}
#applications>div>div:nth-of-type(6)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Industrial-Gypsum.jpg);}
#applications>div>div:nth-of-type(7)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Gypsum-Application_BA.jpg);}
#applications>div>div:nth-of-type(8)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2016/04/Gypsum_Compost_Additive1.jpg);}
#applications>div>div:nth-of-type(9)>a:before{background-image:url(https://www.usagypsum.com/wp-content/uploads/2023/10/twobag.jpg);}

#applications>div>div>a:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.25);
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
#applications>div>div:hover>a:after{background:transparent;background:rgba(137, 185, 24, .7);}


#applications>div>div>a>h3{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	line-height: 120%;
	position:relative;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	z-index: 9999;
}




@media screen and (max-width: 960px) {
	
	section#applications {height: auto;}
	
	#applications > div > div {
		left: auto !important;
		margin: 0 auto !important;
		padding: 0 20px 20px;
		position: relative;
		right: auto !important;
		top: auto !important;
		transform: rotate(0deg);
		width: 100%;
	}
	#applications>div>div>a>h3{transform: rotate(0deg);}
	
	#applications>div>div>a:before {transform: rotate(0deg) scale(1);}

	
	.callout {	
		float: none !important;
		width: 95% !important;
		padding: 0px 0px 20px 0px;
	}
	
}





	.callout {	
		float: right;
		width: 40%;
		margin-left: 3%;
		background: #ebebeb;
		color: #000;
		padding: 0px 10px 20px 15px;
	}
	.callout h2 {color: #fff;text-align: center !important; background: #89b918; padding: 20px 10px; display: block;}		
	.callout a {color: #89b918 !important;}		
	.callout a:hover {color: #658811 !important;}		




.pquote {
	background: #ebebeb;
	font-weight: 300;
	font-size: 22px;
	line-height: 32px;
	padding: 20px 15px;	
	border-left: 8px solid #89b918;
	margin-bottom: 10px;
}


@media screen and (max-width: 800px) {
.home {
        display: none;
    }
    
    .home-mobile {
        display: block;
    }

}

@media screen and (max-width: 640px) {

    

	.home-text {display: none;}
	
	.apps-container {
		transition: none  !important;
	}
		.apps {
			width: 100% !important;
		}
		.apps-container .apps-image {
			
		}

}
























.home__links {
  background:#a7a7a9; }
  .home__links *[class^="grid"] {
    margin-bottom:1em;
	margin-top:1em; }
  @media screen and (min-width: 640px) {
	.home__links *[class^="grid"] {
	  margin-bottom:0;
	  margin-top:0; }
  }
  .home__link {
  }
    .home__link--img {
	}
	.home__link--link {
	  display:block;
	  background:#666666;
	  color:#fff;
	  padding:.5em;
	  text-align:center;
	  font-size:1.2em;
	  font-weight:500; }
	@media screen and (min-width: 480px) {
	  .home__link--link {
	    font-size:1.4em; }
	}
	@media screen and (min-width: 900px) {
	  .home__link--link {
	    font-size:1.7em; }
	}
	@media screen and (min-width: 1380px) {
	  .home__link--link {
	    font-size:2em; }
	}
	  .home__link--link:hover,
	  .home__link--link:focus {
	    background:#555557; }

.main__content {
  padding:1.5em 0; }
@media screen and (min-width: 1500px) {
  .main__content {
    padding:3em 0; }
}
.main__content.contact-us-usa-gypsum {
}
@media screen and (min-width: 640px) {
  .main__content.contact-us-usa-gypsum {
    padding:3em 0 3em 15%; }
}
  .main__content h2 {
	margin-top:1.5em; }
  .text__highlight {
    color:#8aba18 }
  .main__content a {
    color:#017F00;
	font-weight:bold; }
	.main__content a:hover,
	.main__content a:focus {
	  text-decoration:underline; }
	.page--drywall .main__content a,
    .page__parent--drywall .main__content a { 
    }
    .page--gypsum .main__content a,
    .page__parent--gypsum .main__content a {
	  color:#226F93; }
  .main__content p,
  .main__content ul {
    font-size:1.1em;
		margin-bottom:1em; }
		.main__content ul ul {
			font-size:.9em; }
			.main__content ul ul ul {
				font-size:.85em; }
  .wp-caption-text {
    font-size:.9em !important;
	font-style:italic; }
  .main__content ul {
	margin-left:1em; }
  .main__content img {
	margin-bottom:1em;
	height:100% !important; }
  .main__content.contact-us .grid-half {
  }
  @media screen and (max-width: 639px) {
	.main__content.contact-us .grid-half {
	  width:100% !important; }
  }
  .main__content .product__excerpt {
  }
  @media screen and (max-width: 1130px) {
	.main__content .product__excerpt {
	  font-size:.9em; }
  }
		.main__content .product__excerpt ul {
			overflow: hidden;
			zoom:1; }
			.main__content .product__excerpt ul li {
				margin-left:1em;}
    .main__content .product__excerpt .button {
		}
    @media screen and (max-width: 1130px) {
	  .main__content .product__excerpt .button {
	    padding: .5em 1.5em; }
    }
	@media screen and (max-width: 350px) {
	  .main__content .product__excerpt .button {
	    display:block; }
    }
	.main__content .product__excerpt .alignleft {
	}
    @media screen and (max-width: 890px) {
	  .main__content .product__excerpt .alignleft {
	    float:none; }
    }

.main__title {
  background:#ebebeb;
  border-top:#d7d7d7 8px solid;
  padding:2em 0; }
  .main__title h1 {
    margin-bottom:0;
	color:#403e3e; }
  
.intro__content {
  padding:0 5em; }

.main__sidebar {
  padding: 3em 0px; }
  .sidebar__link {
    background:#EBEBEB;
	padding:1em;
	border-bottom:1px solid #a2a7a3;
	color:#848684; }
  .sidebar__link:last-of-type {
    border-bottom:none; }
	.sidebar__link a {
	  color:#097f17; }
	/*
	.sidebar__link img {
	  max-width:70px;
	  float:left;
	  margin:auto 1em auto auto; }
	*/
  .sidebar__link--img {
    width:16.9040416%;
	float:left;
	margin-bottom: 1.51515%;
	margin-right: 4.51515%; }
  .sidebar__link--content {
    width: 78.5808084%;
	float:left;
	margin-bottom: 1.51515%; }

.testimonials {
  padding: 0 0 3em 0; }
  .testimonials ul {
    width: 80%;
    margin: auto; }
  @media screen and (min-width: 640px) {
	.testimonials ul {
      width: 60%; }
  }
    .testimonials ul li {
	  list-style:none;
	  text-align:center; }
	  .testimonials ul li p {
	    margin-bottom:.5em; }
	  .testimonials ul li blockquote {
	    font-size: 0.8em;
	    margin: auto;
		font-style:italic; }
  .testimonials ol {
    text-align:center;
	margin-top:1.5em; }
    .testimonials ol li {
	  list-style:none;
	  display: inline-block; }
	  .testimonials ol li a {
	    display: inline-block;
	    width:15px;
		height:15px;
		text-indent:-9999px;
		background: #b8d876;
		color: #b8d876;
		line-height: 0;
		margin: auto .3em;
		-webkit-border-radius: 50%;
		border-radius: 50%; }
	  .testimonials ol li.active a {
	    background:#6b9c00;
		color:#6b9c00; }
		
.blog__articles,
.search__results {
}
  .blog__article,
  .search__result {
    margin-bottom:1.5em;
	padding-bottom:1.5em;
	border-bottom:1px solid #ebebeb; }
  .blog__article:last-of-type,
  .search__result:last-of-type {
    margin-bottom:0;
	padding-bottom:0;
	border-bottom:none; }
  .blog__article:last-of-type,
  .search__result:last-of-type {
	margin-bottom:0; }
    .blog__article--title,
	.search__result--title {
	  font-weight: bold;
      font-size: 1.3em !important; }
	  .blog__article--title a,
	  .search__result--title a {
	    color: #403E3E; }
    .blog__article p,
	.search__result p {
	  margin-bottom:.5em; }
	.blog__article--img,
	.search__result--img {
	  float:left; 
	  margin-right:1.5em; }
	  .blog__article--img img,
	  .search__result--img img { 
	    margin-bottom:0; }
	.blog__article--button,
	.search__result--button {
	  display:inline-block;
	  padding:1em;
	  background:#EBEBEB;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  color: #403E3E; }
	  .blog__article--button:hover,
	  .blog__article--button:focus,
	  .search__result--button:hover,
	  search__result--button:focus {
	    background:#d7d7d7; }

.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit {
  color:#fff !important;
	font-size: 18px !important;
	font-weight: normal !important; }
	.woocommerce a.button br, 
	.woocommerce button.button br, 
	.woocommerce input.button br, 
	.woocommerce #respond input#submit br {
		display:none; }

.single__product {
}
  .single__product .images {
  }
    .single__product .images .woocommerce-main-image {
	}
	  .single__product .images .woocommerce-main-image img {
	    width:90%; }
  .product__images--desc {
    font-size:.9em !important;
	color: #403e3e;
	font-weight:bold;
	text-align:right;
	margin-right: 10%; }
  .single__product .sku_wrapper {
    display:none; }
  .single__product .price {
	color:#8ABA18;
	font-weight:bold;
	font-size:1.5em;
	line-height: 1em; }
  .single__product .product-wieght {
    display:block;
	font-size:.85em; }
  .single__product .variations {
    margin-bottom:1em; }
	.single__product .variations .label {
	  display:block;
	  font-weight: bold; }
	.single__product .variations .value {
	  display:block; }
      .single__product .variations select {
	    height:40px;
		width: 220px; }
	.single__product .woocommerce-variation-price {
	  margin-bottom:1em; }
  .single__product .cart {
  }
	/* .single__product .cart .single_add_to_cart_button {
	  margin-top:1em; }
	*/
	.single__product .cart .quantity {
	  display:block; }
	  .single__product .cart .quantity .qty {
		height: 40px;
		width: 70px;
		text-align:center; }
 
/*  .single__product .woocommerce-tabs {
  }

    .single__product .woocommerce-tabs ul {
	  display:none; }
 */
	#tab-description {
		display:inline !important; }

.products {
}
  .products .product {
  }
    .products .product figure {
	  position:relative; }
	  .products .product figure:after {
	    content:"Product Details";
		position:absolute;
		bottom:0;
		left:0;
		display:inline-block;
		padding:.5em 1.5em .5em .5em;
		color:#fff;
		font-weight: normal;
		background:#226F93 url("../img/arrow-white.png") no-repeat;
		background-position:right .5em center;
		-moz-transform: scaleY(0);
		-webkit-transform: scaleY(0);
		-o-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		-moz-transform-origin: bottom;
		-webkit-transform-origin: bottom;
		-o-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease; }
	  .products .product a:hover figure:after,
	  .products .product a:focus figure:after {
	    -moz-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-o-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1); }
	.products .product .price {
	  font-size: 1.1em !important;
	  line-height: 1em;
	  margin-bottom: .3em !important; }
	.products .product .cart {
	}
	  .products .product .cart .button {
	    -webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease; }
	    .products .product .cart .button:hover,
		.products .product .cart .button:focus {
		  background:#015100; }
	  .products .product .cart .quantity {
	    display:inline-block; }
		.products .product .cart .quantity .qty {
		  height: 40px;
		  width: 70px; }

.woocommerce-message {
}
  .woocommerce-message .button {
    background-color: #226F93 !important;
	display:none !important; }

.woocommerce-error {
  background: rgba(184, 28, 35, 0.5) !important;
  color: #fff !important; }
  .woocommerce-error li {
	display:inline-block; }

.cart__contents,
.cart > div > div > form {
  width: 100% !important; }
@media screen and (min-width: 700px) {
	.cart__contents,
	.cart > div > div > form {
		width: 60% !important;
		float: left; }
}
  .cart__contents .button,
	.cart > div > div > form .button {
    background-color: #226F93 !important; }
  .cart_item {
  }
    .cart_item .product-thumbnail {
	}
	  .cart_item .product-thumbnail img {
	    max-width:70px;
		height: auto !important; }
  .cart-collaterals {
  	width: 100% !important; }
	@media screen and (min-width: 700px) {
		.cart-collaterals {
			width: 35% !important;
			margin-left:5%;
			float: right; }
	}
    .cart-collaterals .cart_totals {
	  width: 100% !important;
	  float: none !important; }
	  .cart-collaterals .cart_totals td,
	  .cart-collaterals .cart_totals th {
		padding:.5em; }
	  .cart-collaterals .cart_totals .order-total {
		font-size:1.3em; }
		.cart-collaterals .cart_totals ul#shipping_method li {
		}
			.cart-collaterals .cart_totals ul#shipping_method li br {
				display:none; }
    .cart-collaterals .woocommerce-shipping-calculator {
		}
	  .cart-collaterals .woocommerce-shipping-calculator > p {
		display:none; }
	  .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form {
	    display:block !important; }
		.cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form input[type=text],
		.cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form select {
		  height:30px;
		  font-family: 'Work Sans', sans-serif;
		  font-weight: 300;
		  color: #666666; }
		.cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-form .button {
		  font-weight: normal;
		  font-size: 0.9em;
		  background-color: #226F93;
		  float: right; }
	.wc-proceed-to-checkout {
	  text-align:right; }
	  .wc-proceed-to-checkout .button {
	    margin-right: 0.8em !important; }
	.cart .return-to-shop {
		display:none; }

.checkout {
}
  .checkout #customer_details {
		width:100%; }
	@media screen and (min-width: 700px) {
		.checkout #customer_details {
			float:left;
			width:48%; }
	}
	.checkout #customer_details h3 {
	  font-size:1.5em; }
	.checkout #customer_details .create-account {
	}
	  .checkout #customer_details .create-account > label {
	    font-weight: 500;
	    color: #8aba18;
	    font-size: 1.2em; }
	.checkout #customer_details .col-1,
	.checkout #customer_details .col-2 {
	  width:100%;
	  float:none; }
	.checkout #customer_details .col-1 {
	  margin-bottom:2em; }
	  .checkout #order_comments_field {
	    margin-top:2em; }
	  .checkout #customer_details label {
	    line-height: 1em;
	    margin-bottom: 0.3em; }
	  .checkout #customer_details input[type=text],
	  .checkout #customer_details input[type=email],
	  .checkout #customer_details input[type=tel],
	  .checkout #customer_details #s2id_billing_country,
	  .checkout #customer_details #s2id_shipping_country {
	    height:38px;
		width:100%;
		margin-bottom: .5em;
		font-family: 'Work Sans', sans-serif;
		font-weight: 300;
		color: #666666 }
	  .checkout #customer_details input[type=text],
	  .checkout #customer_details input[type=email],
	  .checkout #customer_details input[type=tel] {
		padding:5px 8px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: solid 1px #e2e2e2; }
	  .checkout #customer_details textarea {
		font-family: 'Work Sans', sans-serif;
		font-weight: 300;
		color: #666666;
		padding: 5px 8px; }
	  .checkout #customer_details #billing_phone_field {
	  }
	    .checkout #customer_details #billing_phone_field small {
		  display:block; }
	  .checkout #customer_details #billing_address_1,
	  .checkout #customer_details #shipping_address_1 {
	    margin-bottom: 0px; }
	  .checkout #customer_details #s2id_billing_state a,
	  .checkout #customer_details #s2id_billing_country a,
	  .checkout #customer_details #shipping_country_field a,
	  .checkout #customer_details #s2id_shipping_state a {
	    color: #666666;
	    font-weight: 300; }
  .checkout #order_review_heading {
	display:none; }
  .checkout #order_review {
		width:100%; }
	@media screen and (min-width: 700px) {
		.checkout #order_review {
			float:right;
			width:48%; }
	}
	.checkout #order_review h3 {
	  font-size:1.5em; }
	.checkout #order_review .woocommerce-checkout-review-order-table {
	}
	  .checkout #order_review .woocommerce-checkout-review-order-table td {
	    width:50%; }
	  .checkout #order_review .woocommerce-checkout-review-order-table .tax-rate {
	  }
	    .checkout #order_review .woocommerce-checkout-review-order-table .tax-rate .amount {
		}
		  .checkout #order_review .woocommerce-checkout-review-order-table .tax-rate .amount:after {
		    content:"For customers with tax exempt status please call 717.335.0379 to place your order with one of our representatives";
			display: block;
			font-weight: 300;
			font-size: .9em; }
	  .checkout #order_review .woocommerce-checkout-review-order-table .shipping {
	  }
	    .checkout #order_review .woocommerce-checkout-review-order-table .shipping td {
		  font-weight:300; }
	.checkout #order_review .order-total {
      font-size: 1.3em; }
  .checkout #payment {
	background: #ebebeb !important; }
	.checkout #payment .payment_box {
      color: #fff !important; }
	.checkout #payment #place_order {
      background-color: #8aba18 !important;
	  -webkit-transition: all .25s ease;
	  -moz-transition: all .25s ease;
	  -ms-transition: all .25s ease;
	  -o-transition: all .25s ease;
	  transition: all .25s ease; }
	  .checkout #payment #place_order:hover,
	  .checkout #payment #place_order:focus {
        background-color: #014300 !important; }

.woocommerce-checkout #payment div.payment_box input.input-text {
	width:100%;
	height:40px; }
.woocommerce-checkout #payment div.payment_box select {
	height:40px; }

div.pp_woocommerce div.ppt {
  display:none !important; }

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
}
  @media screen and (max-width: 300px) {
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
	  width:100% !important; }
  }
	.woocommerce ul.products li.product p, 
	.woocommerce-page ul.products li.product p,
	.woocommerce ul.products li.product ul, 
	.woocommerce-page ul.products li.product ul {
		color: #666666;
		font-weight: 300;
		font-size: 1em; }

.login {
  width: 100%;
  margin: auto auto 2em auto !important; }
@media screen and (min-width: 640px) {
  .login {
    width: 50%; }
}
  .login input[type=text],
  .login input[type=email],
  .login input[type=password] {
    padding:5px 8px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	background-color:none;
    border: solid 1px #e2e2e2;
	height:38px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color: #666666 }
  .login input:-webkit-autofill, 
  .login textarea:-webkit-autofill, 
  .login select:-webkit-autofill {
	background-color:none; }

.pagination {
  text-align:center;
  margin-top:1.5em; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 40px;
}
.videoWrapper iframe {	
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.single__product .grid-3:nth-child(n), .single__product  .grid-half:nth-child(n), .single__product  .gallery .grid-unit:nth-child(n), .single__product  .grid-half:nth-child(n) { margin-right: 0 !important;}


/*! Footer
//////////////////////////////////////////////*/

.phonemessage {margin: 0 auto; text-align: center; background: #004FAE; color: #FFF; font-size: 18px; font-weight: bold; padding: 12px 10px;}

footer[role=contentinfo] {
  background:#707071;
  color:#fff;
  position:relative;
  font-size:90%; }
@media screen and (min-width: 1130px) {
  footer[role=contentinfo] {
    font-size:100%; }
}
@media screen and (min-width: 1280px) {
  footer[role=contentinfo] {
    min-height: 350px; }
  footer[role=contentinfo]:after {
    background-color:#89b918;
    position:absolute;
    content:"";
    width:50%;
    min-height: 350px;
    bottom:0;
	top: 0;
    left:50%;
    z-index:1; }
}
.page--drywall footer[role=contentinfo]:after,
.page__parent--drywall footer[role=contentinfo]:after {
    background:#008000; }
.page--gypsum footer[role=contentinfo]:after,
.page__parent--gypsum footer[role=contentinfo]:after {
    background:#226f93; }
  footer[role=contentinfo] .wrap {
	width:100%; }
  .footer__contact {
	padding: 1em;
	width:100%;
	float:left;
	text-align: center; }
  @media screen and (min-width: 640px) {
	.footer__contact {
	  padding: 1em 1em 1em 0;
	  width:28%; }
  }
  @media screen and (min-width: 750px) {
	.footer__contact {
	  padding: 1em 1em 1em 0;
	  width:25%; }
  }
  @media screen and (min-width: 930px) {
	.footer__contact {
	  width:33%; }
  }
  @media screen and (min-width: 1280px) {
	.footer__contact {
	  min-height: 350px; }
  }
  @media screen and (min-width: 1380px) {
	.footer__contact {
	  width:25%; }
  }
  	.footer__contact .footer__logo {
	  display:inline-block; }
	@media screen and (min-width: 750px) {
	  .footer__contact .footer__logo {
	    display: none; }
	}
	@media screen and (min-width: 930px) {
	  .footer__contact .footer__logo {
	    display: inline-block; }
	}
	.footer__contact p {
	  margin:1.5em 0 .8em 0; }
	@media screen and (min-width: 930px) {
	  .footer__contact p {
	    margin:.8em 0; }
	}
	  .footer__contact p > span {
	    position:relative;
		display:block; }
	  @media screen and (min-width: 930px) {
	    .footer__contact p > span {
		  display:inline-block; }
		.footer__contact p > span:nth-of-type(1),
		.footer__contact p > span:nth-of-type(3) {
		  padding-right:.5em;
		  margin-right:.5em; }
		.footer__contact p > span:nth-of-type(1):after,
		.footer__contact p > span:nth-of-type(3):after {
		  content:"";
		  width:1px;
		  height:.9em;
		  position:absolute;
		  top:3px;
		  right:-1px;
		  background:#fff; }
		  
	  }
	  .footer__contact p span a {
		color:#89B918;
		cursor:default; }
	  @media screen and (min-width: 640px) {
		.footer__contact p span a {
		  color:#fff; }
	  }
	.footer__social {
	}
	  .footer__social a {
	    background:#555557;
		display:inline-block;
		vertical-align:middle;
		padding: 5px 7px; }
		.footer__social a:hover,
		.footer__social a:focus {
		  background: #8ABA18; }
  .footer__sitemap {
    background:#89b918;
	padding: 2em 3em;
	position: relative;
	z-index: 2;
	width:100%;
	float:left;
	min-height:350px;
	text-align:center; }
  @media screen and (min-width: 480px) {
	.footer__sitemap {
	  text-align:left; }
  }
  @media screen and (min-width: 640px) {
	.footer__sitemap {
	  width:72%; }
  }
  @media screen and (min-width: 750px) {
	.footer__sitemap {
	  width:75%; }
  }
  @media screen and (min-width: 930px) {
	.footer__sitemap {
	  width:67%; }
  }
   @media screen and (min-width: 1280px) {
	.footer__sitemap {
	  min-height: 350px; }
  }
  @media screen and (min-width: 1380px) {
	.footer__sitemap {
	  width:75%; }
  }
	.page--drywall .footer__sitemap,
	.page__parent--drywall .footer__sitemap {
	  background:#008000; }
	.page--gypsum .footer__sitemap,
	.page__parent--gypsum .footer__sitemap {
	  background:#226f93; }
	.footer__sitemap--list {
	  display: inline-block;
	  width: 100%;
	  vertical-align:top; }
	@media screen and (min-width: 480px) {
	  .footer__sitemap--list {
	    width: 45%; }
	}
	@media screen and (min-width: 750px) {
	  .footer__sitemap--list {
	    width: 30%; }
	}
	.footer__sitemap--list:nth-of-type(2) {
	  margin:auto; }
	@media screen and (min-width: 480px) {
	  .footer__sitemap--list:nth-of-type(2) {
	    margin:0 5%; }
	}
	.footer__sitemap--list:nth-of-type(3) {
	  margin-top:1em; }
	@media screen and (min-width: 750px) {
	  .footer__sitemap--list:nth-of-type(3) {
	    margin-top:auto; }
	}
	  .footer__sitemap--list a {
	    display:block;
		color:#fff; }
		.footer__sitemap--list a:hover,
		.footer__sitemap--list a:focus {
		  text-decoration:underline; }
	  .sitemap__list--title {
		font-size: 1.4em;
		margin-bottom: .3em;
		font-weight:bold; }
		.sitemap__list--title.last {
		  margin-top:.8em; }
	  .sitemap__list--link {
	    font-size: .9em; }

.copyright {
  color:#fff;
  background:#555557;
  text-align:center;
  padding:.5em;
  border-top:2px solid #c7c9c4;
  font-size:.9em; }
 

/*!////////////////////////////////////////////////
// STATES
/////////////////////////////////////////////////*/

/*! ==========================================================================
// Clearfix
// =========================================================================*/
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1; }

.clear {clear: both;}

/*! ==========================================================================
// Print styles
// =========================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }