div.colorchipL {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  float: left;
  margin: 10px;
  width: 150px;
}

span.colorchipL {
  background: none repeat scroll 0 0 #F1F1F1;
  color: #222222;
  float: left;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 20px;
  margin: 50% 0 0;
  opacity: 0.9;
  padding: 10px 5px;
  text-align: center;
  text-transform: uppercase;
  width: 140px;
}

div.colorchip {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  float: left;
  margin: 10px;
  width: 109px;
}

span.colorchip {
  background: none repeat scroll 0 0 #F1F1F1;
  color: #222222;
  float: left;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 20px;
  margin: 60% 0 0;
  opacity: 0.9;
  padding: 10px 5px;
  text-align: center;
  text-transform: uppercase;
  width: 99px;
}

.hr {
color: #d5d5d5;
}

.center {
    margin: auto;
    width: 340px;
    height: 480px;

}

.centerS {
    margin: auto;
    width: 67%;
    height: 480px;
}

#search button.gcsBox::before {
    display:none;
}


/********************************************** Wideload Inside Pages *****************************************/
.inside-wideload:before {
  background-position: center;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.inside-wideload {
  background-position: center;
  background-size: contain;
  min-height: 300px;
  position: relative;
  width: 100%;
}

.inside-content {
  left: 50%;
  margin-right: -50%;
  position: absolute;
  top: 50%;
  width: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.inside-wideload h1,
.inside-wideload h2 {
  color: #fff;
  text-align: center;
}

.inside-wideload h1 {
  font-size: 72px;
  margin: 0;
  text-align: center;
  text-shadow: #000 0 0 0;
}

.inside-wideload h2 {
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  text-shadow: #000 0 0 0;
}

.inside-overlay {
  background: rgba(50, 50, 50, 0.50);
  min-height: 300px;
  overflow: hidden;
  z-index: 2;
}

/* WideLoadHeader - FOR MOBILE */
@media only screen and (max-width: 980px) {
  .inside-wideload {
      background-repeat: no-repeat;
      min-height: 30vw;
      position: relative;
      padding: 0 !important;
  }

  .inside-content {
      left: 50%;
      margin-right: -50%;
      position: absolute;
      top: 50%;
      width: 95%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

  .inside-overlay {
      background: rgba(50, 50, 50, 0.50);
      min-height: 300px;
      overflow: hidden;
      z-index: 2;
  }

  .inside-wideload h1 {
      font-size: 40px;
      text-align: center;
      text-shadow: #000 0 0 0;
  }

  .inside-wideload h2 {
      font-size: 22px;
      font-weight: 300;
      text-align: center;
      text-shadow: #000 0 0 0;
  }
}

/********************************************** Wideload Homepage *****************************************/




	/*************************************** Begin bannerWide Widgetkit  */

	body.hd #banner .greenGrid {
		margin-bottom: 15px;
	}

	#banner .greenGrid h3 {
		display: block !important;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 3vw !important;
		font-weight: normal !important;
		text-shadow: 0 0 9px rgba(0, 0, 0, 0.9);
		text-transform: uppercase;
		text-align: center;
	}

	.greenGrid .uk-h1.uk-margin-small {
		color: #FFFFFF !important;
		font-size: 2.6em !important;
		text-align: center;
	}

	.greenGrid .uk-overlay-background {
		background: rgba(30, 108, 83, 0.60) none repeat scroll 0 0;
		color: #ffffff;
	}

	.greenGrid .uk-overlay-grayscale {
		opacity: 1;
	}

	.greenGrid .uk-overlay-grayscale {
		-webkit-filter: saturate(1);
		filter: saturate(1);
	}

	@media screen and (max-width: 600px) {
		#banner .greenGrid figure {
			background: #1e6b52 none repeat scroll 0 0;
		}

		.greenGrid .uk-overlay-grayscale {
			opacity: 0.45;
		}

		#banner .greenGrid h3 {
			font-size: 2.2em !important;
		}
	}

	/*************************************** End bannerWide Widgetkit  */


	div.colorchipL {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
		float: left;
		margin: 10px;
		width: 150px;
	}

	span.colorchipL {
		background: none repeat scroll 0 0 #F1F1F1;
		color: #222222;
		float: left;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 18px;
		margin: 50% 0 0;
		opacity: 0.9;
		padding: 10px 5px;
		text-align: center;
		text-transform: uppercase;
		width: 140px;
	}

	div.colorchip {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
		float: left;
		margin: 10px;
		width: 109px;
	}

	span.colorchip {
		background: none repeat scroll 0 0 #F1F1F1;
		color: #222222;
		float: left;
		font-family: 'Montserrat', sans-serif !important;
		font-size: 18px;
		margin: 60% 0 0;
		opacity: 0.9;
		padding: 10px 5px;
		text-align: center;
		text-transform: uppercase;
		width: 99px;
	}



	.center {
		margin: auto;
		width: 340px;
		height: 480px;
	}

	.centerS {
		margin: auto;
		width: 67%;
		height: 480px;
	}

	.selection-block {
		background-color: #eee;
		border-radius: 10px;
		padding: 0 0;
		margin: 1% 1.6%;
		text-align: center;
		min-height: 250px;
		border-bottom: 1px solid #DEE2E5;
		transition: background-color 0.2s ease-in;
	}

	.selection-block .icon {
		width: 90%;
		margin: 5% 0 0 5%;
		padding: 0 0 0 0;
		display: block;
	}

	.span_1_of_3 {
		width: 30.26%;
	}

	p.para-highlight {
		text-align: center;
		font-size: 20px;
		padding-bottom: 20px;
	}




	.greenTitle {
		color: #1e6b52;
		font-weight: normal !important;
		text-align: center;
	}

	hr.style-two {
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		border: 0 none;
		height: 1px;
	}