/* HTML Element styles specific to this project. */
body {
	letter-spacing: 1px;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	font-size: .85em;
	color: #929292;
}

h1,h2,h3,h4,h5,h6 {margin-top: 25px; letter-spacing: 3px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 600; color: #000;}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	margin-top: 10px;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #929292;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.05em;
}

hr {
	border-color: #000;
}

ul {
	list-style-type: disc;
	list-style-position: inside;
}

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

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea,
select,
fieldset {
	border-radius: 0;
	line-height: normal;
}
input:invalid,
textarea:invalid,
select:invalid {
	border-color: rgba(0,0,0,.4);
}
#HumanVerificationCode_Control::placeholder {
	color: #000;
}

.smaller {
	font-weight: normal;
	color: #000;
	font-size: 0.75em;
}



/* Font Awesome Additional Icons */

.icon-envelope-square:before {
  content: "\f199";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-youtube-square:before {
  content: "\f166";
}



/* System Styles */

a.TextButton,
input.TextButton,
a.Method,
a.AddToCart,
.button {
	border: none !important;
	border-radius: 0 !important;
	padding: 25px 50px !important;
	width: auto;
	max-width: 100%;
	line-height: 1em;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	color: #fff !important;
	background: #000 !important;
	transition: all linear .2s;
}
#search-button.button,
#SubmitButton.TextButton,
a.Method {
	padding: 10px 14px !important;
}
a.TextButton:hover,
input.TextButton:hover,
a.Method:hover,
a.AddToCart:hover,
.button:hover {
	box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	outline: none;
	text-decoration: none;
	color: #fff;
}



/* Skin specific styles */

#container {
	min-height: 100%;
	text-align: center;
	background-color: #fff;
}
#container > div {
	text-align: left;
}
#container > div:before, #container > div:after {display: table; content: " "; line-height: 0;}
#container > div:after {clear: both;}
#container > div {*zoom: 1;}
#container > div > * {
	clear: both;
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
}



#logged-in-menu-container {
	background-color: #fff;
}
#logged-in-menu {
	padding: 0 12px;
	font-size: .9em;
	z-index: 5;
}
#logged-in-menu > ul > li > a {
	display: inline-block;
}
#logged-in-menu ul ul {
	border: none;
	background-color: #fff;
}
#logged-in-menu > ul:first-child {
	float: right;
}
#logged-in-menu > ul:first-child a[title]:after {
	left: auto;
	right: 100%;
}
#logged-in-menu > ul:first-child ul {
	left: auto;
	right: 7px;
	text-align: right;
}
#logged-in-menu > ul:first-child ul ul {
	right: 100%;
}
@media screen and (max-width: 599px) {
	#logged-in-menu.minimize600 > ul:before {
		content: "≡ Administration Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child:before {
		content: "≡ User Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child {
		float: none;
	}
	#logged-in-menu.minimize600 > ul:first-child ul {
		text-align: left;
	}
}



#main-menu-container {
	background-color: #000;
}
#main-menu {
	padding: 30px 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #fff;
	z-index: 4;
}
#main-menu > ul {
	display: inline-block;
	margin: 0 -20px;
	vertical-align: middle;
}
#main-menu > ul > li {
	border-left: 1px solid #fff;
	padding: 0 20px;
	line-height: 1.2em;
}
#main-menu > ul > li:first-child {
	border-left: none;
}
#main-menu li:hover {
	background-color: transparent;
}
#main-menu ul ul {
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	border: none;
	box-shadow: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #000;
}
#main-menu ul ul > li {
	padding: 9px 15px;
	font-size: .9em;
}
.mobile-logo {
	display: none;
}
@media screen and (max-width: 839px) {
	#main-menu > ul {
		margin: 0 -10px;
	}
	#main-menu > ul > li {
		padding: 0 10px;
	}
}
@media screen and (max-width: 719px) {
	#main-menu {
		padding: 20px 10px;
	}
	#main-menu > ul {
		margin: 0 -7px;
	}
	#main-menu > ul > li {
		border-left: none;
		padding: 10px 7px;
	}
	#main-menu ul ul {
		transform: none;
		padding-left: 0 !important;
	}
}
@media screen and (max-width: 479px) {
	.mobile-logo {
		display: block;
		padding: 0 50px;
		text-align: center;
	}
}


/* Fixed Menu Container */

#logged-in-menu-container.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}
#main-menu-container.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: rgba(0,0,0,.6);
	transition: all .5s ease;
	z-index: 4;
}
#main-menu-container.fixed:hover {
	background-color: rgba(0,0,0,1);
}
#logged-in-menu-container + #main-menu-container.fixed {
	top: 30px;
}
#main-menu-container.fixed + #body-container {
	padding-top: 160px;
}
#logged-in-menu-container + #main-menu-container.fixed + #body-container {
	padding-top: 190px;
}
@media screen and (max-width: 959px) {
	#logged-in-menu-container.fixed,
	#main-menu-container.fixed {
		position: static;
	}
	#main-menu-container.fixed {
		background-color: #000;
	}
	#main-menu-container.fixed + #body-container,
	#logged-in-menu-container + #main-menu-container.fixed + #body-container {
		padding-top: 80px;
	}
}



#banner {
	max-width: 100% !important;
	max-height: 655px;
}
#banner.no-image {
	height: 330px;
	max-height: 330px;
	background-color: #000;
}
#banner.static > div {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 655px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#banner.short {
	max-height: 500px;
}
#banner.static.short > div {
	height: 500px;
}

#banner .logo {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-35%);
	margin-left: -600px;
	max-width: 300px;
	z-index: 3;
}
#banner.center .logo {
	transform: translate(-50%,-35%);
	margin-left: 0;
}
#banner.no-image .logo {
	max-width: 200px;
}

#banner.short-logo {
	padding-top: 90px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #000;
}
#banner.short-logo > img {
	display: inline-block;
}

#banner.rotator {
	height: 655px;
}
#banner.rotator > div {
	position: absolute;
	top: 0;
	display: none;
	height: 655px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
#banner.rotator > div.show {
	display: block;
	z-index: 1;
}
@media screen and (max-width: 1919px) {
	#banner.static > div,
	#banner.rotator,
	#banner.rotator > div {
		padding-top: 34.11458%;
		height: 0;
	}
	#banner.static.short > div {
		padding-top: 26.04166%;
	}
}
@media screen and (max-width: 1240px) {
	#banner .logo {
		left: 10px;
		margin-left: 0;
	}
	#banner.center .logo {
		left: 50%;
	}
	#banner.static > div,
	#banner.rotator,
	#banner.rotator > div {
		padding-top: 0;
		height: 415px;
	}
	#banner.static.short > div {
		padding-top: 0 !important;
		height: 360px;
	}
	#banner.short #logo {
		max-width: 260px !important;
	}
}
@media screen and (max-width: 959px) {
	#banner .logo {
		transform: translateY(-50%);
		max-width: 40%;
	}
	#banner.center .logo {
		transform: translate(-50%,-50%);
		max-width: 40%;
	}
	#banner.short-logo {
		padding-top: 10px;
	}
	#banner.static > div,
	#banner.rotator,
	#banner.rotator > div {
		padding-top: 43.22916%;
		height: 0;
	}
	#banner.no-image {
		height: 240px;
	}
	#banner.static.short > div {
		height: 300px !important;
	}
}
@media screen and (max-width: 959px) {
	#banner.no-image {
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		text-align: center;
	}
	#banner.no-image .logo {
		display: inline-block !important;
		position: static;
		transform: none;
	}
}
@media screen and (max-width: 479px) {
	#banner .logo {
		display: none;
	}
	#banner.static > div,
	#banner.rotator,
	#banner.rotator > div {
		padding-top: 62.5%;
	}
	#banner.static > div,
	#banner.rotator > div {
		background-position: center right;
	}
	#banner.short {
		display: none;
	}
}



#header-cta-container {
	background-color: #000;
}
#header-cta {
	padding: 30px 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}
#header-cta a {
	font-style: normal;
}



/* New Body Container Styles */

.body-container {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #fff;
}
.body-container.grey {
	background-color: #f6f6f6;
}
.body-container.dark {
    background-color: #000;
    color: #fff;
}
.body-container.dark h1,
.body-container.dark h2,
.body-container.dark h3,
.body-container.dark h4,
.body-container.dark h5,
.body-container.dark h6 {
    color: #fff;
}
.body {
    padding: 0 12px;
}
.body > .grid {
	margin-top: -20px;
}
.body > .grid > * {
	margin-top: 20px;
}
.body .content > *:first-child {
	margin-top: 0;
}



#footer-container {
	background-color: #000;
}
#footer {
	padding: 60px 12px;
 	font-size: .9em;
	color: #fff;
}
#footer * {
	color: #fff;
}
#footer a {
	font-style: normal;
}
#footer a.ellipsis {
	display: block;
}
#footer hr {
	margin-top: 60px;
	margin-bottom: 40px;
	border-color: #fff;
}
#footer .footer-social {
	text-align: center;
}
#footer .footer-social > *:first-child {
	margin-top: 0;
}
#footer .footer-social img {
	padding: 15px 5px 10px 5px;
}



/* Full width sections */

.table-content {
	position: relative;
	width: 100%;
	background-color: #fff;
}
.table-content > tbody > tr > td:first-child + td {
	padding: 80px 10px;
	width: 1220px;
}
.table-content > tbody > tr > td:first-child + td > *:first-child {
	margin-top: 0;
}
@media screen and (max-width: 839px) {
	.table-content > tbody > tr > td:first-child + td {
		padding: 60px 10px;
	}
}

.table-content.grey {
	background-color: #f0f0f0;
}

.table-content.black {
	background-color: #000;
}
.table-content.black > tbody > tr > td * {
	color: #fff;
}

.table-content.w960 > tbody > tr > td:first-child + td {
	width: 980px;
}
.table-content.w840 > tbody > tr > td:first-child + td {
	width: 860px;
}
.table-content.w720 > tbody > tr > td:first-child + td {
	width: 740px;
}



/* Table column layouts */

table.table-layout {
	width: 100% !important;
}
table.table-layout.col3 > tbody > tr > td {
    width: 33% !important;
}
table.table-layout.col4 > tbody > tr > td {
	width: 25% !important;
}
table.table-layout.col3 img,
table.table-layout.col4 img {
	width: 100% !important;
}

table.col2.padded > tbody > tr > td,
table.col3.padded > tbody > tr > td,
table.col4.padded > tbody > tr > td {
	padding: 0;
}
table.col2.padded > tbody > tr > td:nth-child(1) {
	padding-right: 2%;
	width: 51% !important;
}
table.col3.padded > tbody > tr > td:nth-child(1),
table.col3.padded > tbody > tr > td:nth-child(2) {
	padding-right: 2%;
	width: 34% !important;
}
table.col4.padded > tbody > tr > td:nth-child(1),
table.col4.padded > tbody > tr > td:nth-child(2),
table.col4.padded > tbody > tr > td:nth-child(3) {
	padding-right: 2%;
	width: 25.5% !important;
}

@media screen and (max-width: 839px) {
	table.table-layout.col4 > tbody > tr {
		display: block !important;
		width: 100% !important;
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	table.table-layout.col4 > tbody > tr > td {
		display: inline-block !important;
		width: 100% !important;
	}
	table.col4.padded > tbody > tr > td:nth-child(1),
	table.col4.padded > tbody > tr > td:nth-child(2),
	table.col4.padded > tbody > tr > td:nth-child(3) {
		padding-right: 0;
		width: 100% !important;
	}
}
@media screen and (max-width: 599px) {
	table.table-layout.col2,
	table.table-layout.col2 > tbody,
	table.table-layout.col2 > tbody > tr,
	table.table-layout.col2 > tbody > tr > td,
	table.table-layout.col3,
	table.table-layout.col3 > tbody,
	table.table-layout.col3 > tbody > tr,
	table.table-layout.col3 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.col2.padded > tbody > tr > td:nth-child(1),
	table.col3.padded > tbody > tr > td:nth-child(1),
	table.col3.padded > tbody > tr > td:nth-child(2) {
		padding-right: 0;
		width: 100% !important;
	}
	table.table-layout.col4 > tbody > tr {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	table.table-layout.col4 > tbody > tr > td {
		display: block !important;
	}
}


/* grey/white boxes */

table.grey-boxes,
table.white-boxes {
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px;
}
table.grey-boxes.col3 > tbody > tr > td,
table.white-boxes.col3 > tbody > tr > td {
	width: 33.33333%;
	padding: 20px;
	background-color: #f6f6f6;
}
table.grey-boxes.col4 > tbody > tr > td,
table.white-boxes.col4 > tbody > tr > td {
	width: 25%;
	padding: 20px;
	background-color: #f6f6f6;
}
table.white-boxes.col3 > tbody > tr > td,
table.white-boxes.col4 > tbody > tr > td {
	background-color: #fff;
}
table.grey-boxes.col3 > tbody > tr > td > p:first-child,
table.white-boxes.col3 > tbody > tr > td > p:first-child,
table.grey-boxes.col4 > tbody > tr > td > p:first-child,
table.white-boxes.col4 > tbody > tr > td > p:first-child {
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
}
table.grey-boxes.col3 > tbody > tr > td p:first-child > img,
table.white-boxes.col3 > tbody > tr > td p:first-child > img,
table.grey-boxes.col4 > tbody > tr > td p:first-child > img,
table.white-boxes.col4 > tbody > tr > td p:first-child > img {
	padding-bottom: 10px;
	width: 100% !important;
	height: auto !important;
}
@media screen and (max-width: 959px) {
	.table-margin {
		margin: 0;
	}
}
@media screen and (max-width: 839px) {
	table.u720c1,
	table.u720c1 > tbody,
	table.u720c1 > tbody > tr,
	table.u720c1 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.grey-boxes.u720c1 > tbody > tr > td > p:first-child,
	table.white-boxes.u720c1 > tbody > tr > td > p:first-child {
		margin: 0;
		text-align: center;
	}
	table.grey-boxes.u720c1 > tbody > tr > td p:first-child > img,
	table.white-boxes.u720c1 > tbody > tr > td p:first-child > img {
		width: auto !important;
	}
}

table.border-mid > tbody > tr > td {
	position: relative;
}
table.border-mid > tbody > tr > td:before {
	content: "";
	position: absolute;
	left: -1%;
	bottom: 0;
	width: 1px;
	height: 105px;
	background-color: #efefef;
}
table.border-mid > tbody > tr > td:first-child:before {
	display: none;
}


/* case studies */

table.case-studies > tbody > tr > td {
	background-color: #fff;
}
table.case-studies > tbody > tr > td:first-child > *:first-child {
	margin-top: 0;
}
table.case-studies.col3.padded > tbody > tr:first-child > td:nth-child(1) {
	padding: 2.5%;
	width: 33.33333%;
}
table.case-studies.col3.padded > tbody > tr:first-child > td:nth-child(2) {
	padding-right: 0.5%;
	width: 33.33333%
}
table.case-studies.col3.padded > tbody > tr:first-child > td:nth-child(3) {
	padding-left: 0.5%;
	width: 33.33333%
}
table.case-studies.col3.padded > tbody > tr:first-child > td:nth-child(2) > img:first-child,
table.case-studies.col3.padded > tbody > tr:first-child > td:nth-child(3) > img:first-child {
	padding-bottom: 10px;
}
table.case-studies.col4.padded > tbody > tr:first-child > td:nth-child(1) {
	padding: 2.5%;
	width: 26.5%;
	background-color: #fff;
}
table.case-studies.col4.padded > tbody > tr:first-child > td:nth-child(2),
table.case-studies.col4.padded > tbody > tr:first-child > td:nth-child(3) {
	padding-right: 0;
	width: 24.5%
}
table.case-studies hr {
	margin-top: 30px;
	margin-bottom: 30px;
}

@media screen and (max-width: 599px) {
	table.u600c1,
	table.u600c1 > tbody,
	table.u600c1 > tbody > tr,
	table.u600c1 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.col2.u600c1.padded > tbody > tr > td,
	table.col4.u600c1.padded > tbody > tr > td {
		padding: 10px 0 0 0 !important;
	}
	table.u600c1.border-mid > tbody > tr > td:before {
		display: none;
	}
	table.case-studies.u600c1.padded > tbody > tr > td {
		padding: 0 !important;
	}
	table.case-studies.u600c1.padded > tbody > tr:first-child > td:nth-child(1) {
		padding: 20px !important;
	}
	table.case-studies.col3.padded > tbody > tr:first-child > td:nth-child(2) > img {
		padding-bottom: 10px;
	}
}



/* Portfolio layout */

body.portfolio-layout #content > table {
	width: 100% !important;
}
body.portfolio-layout #content > table img {
	width: 100% !important;
}
body.portfolio-layout #content > table > tbody > tr > td {
	padding: 7px;
	width: 50%;
}
@media screen and (max-width: 479px) {
	body.portfolio-layout #content > table,
	body.portfolio-layout #content > table > tbody,
	body.portfolio-layout #content > table > tbody > tr,
	body.portfolio-layout #content > table > tbody > tr > td {
		display: block !important;
		width: 100% !important;
		padding: 0;
	}
}


iframe {
	max-width: 100%;
}


.pinterestBoardWrapper {
  width: 100%;
  margin: auto;
}
.pinterestBoard {
  margin: auto;
  text-align: center;
}
.pinterestBoard span {
  overflow: hidden;
  max-width: 100%!important;
}
.black {
	color: #000;
	text-decoration: underline;
}
.blacks {
	text-transform: uppercase;
	color: #000;
}
.strong-green {
	font-weight: bold;
	color: #00AE69;
}



/* BEGIN - Pricing page styles */

table.col2-padding-only > tbody > tr > td:nth-child(1) {
	padding-right: 2%;
}
table.col2-padding-only > tbody > tr > td:nth-child(2) {
	padding-left: 2%;
}

table.block-titles td > p:first-child + p,
table.col2 table.block-titles td > p:first-child {
	margin-top: 0;
	padding: 20px;
	color: #fff;
	background-color: #000;
}
table.block-titles p > a {
	font-style: normal;
}

.table-content .button.absolute {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,50%);
	padding: 20px 30px !important;
	z-index: 2;
}
@media screen and (max-width: 479px) {
	.table-content .button.absolute {
		width: 90%;
		line-height: 1.2em;
		white-space: normal;
		text-align: center;
	}
}

.pricing-long,
.pricing-medium,
.pricing-short {
	border-collapse: separate;
	border-spacing: 40px;
}
/* long */
.pricing-long td {
	padding: 0 30px 30px 30px;
	width: 33.33334%;
	background-color: #fff;
}
.pricing-long td > p:first-child {
	margin: 0 -30px;
}
.pricing-long td > p:first-child img {
	width: 100% !important;
	height: auto !important;
}
.pricing-long td > h6 {
	margin: 0 -30px 30px -30px;
	padding: 30px;
	color: #fff;
	background-color: #000;
}
.pricing-long td p,
.pricing-medium td p,
.pricing-short td p {
	line-height: 1.6em;
}
.pricing-long td p > strong,
.pricing-medium td p > strong,
.pricing-short td p > strong {
	color: #000;
}
.pricing-long td hr,
.pricing-medium td hr {
	margin: 15px 0 12px 0;
	border-width: 2px;
	border-color: #000;
	width: 50px;
}
/* medium */
.pricing-medium td {
	padding: 30px;
	width: 33.33334%;
	background-color: #fff;
}
.pricing-medium td:first-child {
	padding: 0;
	background-color: transparent;
}
.pricing-medium td:first-child > h6 {
	margin-top: 0;
	padding: 30px;
	color: #fff;
	background-color: #000;
}
.pricing-medium td:first-child > h6 + p {
	margin-top: 0;
}
/* short */
.pricing-short td {
	padding: 30px;
	width: 33.33334%;
	background-color: #fff;
}
.pricing-short td:first-child {
	padding: 0;
	background-color: transparent;
}
.pricing-short td > *:first-child {
	margin-top: 0;
}
@media screen and (max-width: 959px) {
	.pricing-long,
	.pricing-medium,
	.pricing-short {
		border-spacing: 20px;
	}
}
@media screen and (max-width: 839px) {
	.pricing-long,
	.pricing-medium,
	.pricing-short {
		border-spacing: 0;
		margin: 0 auto;
		max-width: 480px;
	}
	table.pricing-long,
	table.pricing-long > tbody,
	table.pricing-long > tbody > tr,
	table.pricing-long > tbody > tr > td,
	table.pricing-medium,
	table.pricing-medium > tbody,
	table.pricing-medium > tbody > tr,
	table.pricing-medium > tbody > tr > td,
	table.pricing-short,
	table.pricing-short > tbody,
	table.pricing-short > tbody > tr,
	table.pricing-short > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.pricing-long > tbody > tr > td {
		margin-top: 30px;
	}
	table.pricing-long > tbody > tr > td:first-child {
		margin-top: 0;
	}
}


/* contact form */

#contact-form-container {
	background-color: #fff;
}
#contact-form-container.grey {
	background-color: #f0f0f0;
}
#contact-form {
	padding: 60px 10px;
}
#contact-form h6 {
	margin-top: 10px;
}
#contact-form .button {
	padding: 12px 20px !important;
}
#contact-form label {
	display: block;
	margin-top: 10px;
}
#contact-form label > input[type="text"],
#contact-form label > input[type="email"],
#contact-form label > input[type="number"],
#contact-form label > select,
#contact-form label > textarea,
#contact-form fieldset {
	display: block;
	margin-top: 5px;
	width: 100%;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="number"],
#contact-form select,
#contact-form textarea,
#contact-form fieldset {
	border: none;
	padding: 10px 12px;
	line-height: 1em;
	background-color: #f5f5f5;
}
#contact-form select {
	padding: 10px;
}
#contact-form fieldset > label:first-child {
	margin-top: 5px;
}
#contact-form .checkbox {
	position: relative;
	margin-top: 20px;
	padding: 0 0 0 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#contact-form table.col4 td > table tr:first-child > td .checkbox {
	margin-top: 9px;
}
#contact-form .checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
#contact-form .checkbox .icon-ok {
	position: absolute;
	top: -2px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
}
#contact-form .checkbox:hover input ~ .icon-ok {
	background-color: rgba(0,0,0,.1);
}
#contact-form .checkbox .icon-ok:before {
	display: none;
	position: absolute;
	top: 3px;
	left: 4px;
	font-size: 1em;
}
#contact-form .checkbox input:checked ~ .icon-ok:before {
	display: block;
}
#contact-form table.table-layout.col4 img {
	width: auto !important;
}
@media screen and (max-width: 1079px) {
	#contact-form table.col4,
	#contact-form table.col4 > tbody,
	#contact-form table.col4 > tbody > tr,
	#contact-form table.col4 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	#contact-form table.col4 > tbody > tr > td {
		padding: 0 !important;
	}
}


/* statistics section */

.statistics td {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}
.statistics td:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 80%;
	background-color: #ccc;
}
.statistics td:first-child:before {
	display: none;
}
.statistics td > *:first-child {
	margin-top: 0;
}
@media screen and (max-width: 719px) {
	table.statistics,
	table.statistics > tbody,
	table.statistics > tbody > tr,
	table.statistics > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.statistics > tbody > tr > td {
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	table.statistics > tbody > tr > td:first-child {
		margin-top: 0;
		padding-top: 0;
	}
	table.statistics > tbody > tr > td:before {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 80px;
		height: 2px;
	}
}


/* brand logos slider */

#brands-slider-container {
	background-color: #000;
}
#brands-slider {
	padding: 80px 10px;
	text-align: center;
}
#brands-slider h4 {
	margin-top: 0;
	color: #fff;
}
#brands-slider .slick-slider {
	margin-top: 40px;
}

/* END - Pricing page styles */



/* Old or Unknown Styles */

#body-container,
#body2-container,
#body3-container {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #fff;
}
#body2-container {
	background-color: #f6f6f6;
}
#body3-container {
    background-color: #fff;
}
#body4-container {
    background-color: #000;
    color: #fff;
}
#body,
#body2,
#body3 {
    padding: 0 10px;
}
#body > .grid,
#body2 > .grid,
#body3 > .grid {
	margin-top: -20px;
}
#body > .grid > *,
#body2 > .grid > *,
#body3 > .grid > * {
	margin-top: 20px;
}

#content > *:first-child,
#content2 > *:first-child,
#content3 > *:first-child {
	margin-top: 0;
}


#services-container {
    background-color: #26ba80;
}
#services {
	text-align: center;
	color: #fff;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
#services > .grid.m1 {
	margin-top: -20px;
	margin-left: -2%;
	margin-right: -2%;
}
#services > .grid > * {
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 2%;
	width: 21%;
}
#services > .grid > div > * {
	color: #fff;
}
#services > .grid > div > *:first-child {
	margin-top: 0;
}
@media screen and (max-width: 839px) {
	#services > .grid.u840c2 > * {
		width: 46%;
	}
}
@media screen and (max-width: 479px) {
	#services > .grid.u480c1 > * {
		width: 96%;
	}
}


#promo-container {
	background-color: #26ba80;
}
#promo {
	padding: 20px 10px;
}
#promo h4 {
	margin-top: 0;
	text-align: center;
	color: #fff;
}
#promo a {
	color: #fff;
}
@media screen and (max-width: 479px) {
	#promo a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


#follow-us-container {
	background-color: #000;
	background-image: url(../../images/gcgd_website_header.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
#follow-us {
	padding: 40px 10px;
	text-align: center;
	color: #fff;
}
#follow-us img {
	padding: 0 5px;
}

/* End of old or unknown styles */



/* Article View Styles */

.PageRange,
.PageCommands {
	clear: both;
	padding-top: 10px;
	text-align: center;
}
.CalendarCommandRow .PageCommands {
	clear: none;
	padding: 0;
}

/* Content */

#content .Title h1:first-child {
	margin-top: 0;
	margin-bottom: 10px;
}
#Message {
	padding-top: 10px;
}
#content .Commands {
	display: none;
	padding-bottom: 20px;
}
#content .Articles .Title {
	display: block;
}

.Articles .Article {
	margin-top: 20px;
	margin-bottom: 20px;
}
.Article {
	clear: both;
}
.Article:after {display: table; content: " "; line-height: 0; clear: both;}
.Article {*zoom: 1;}
.Article .Title {
	margin-top: 0;
	text-align: left;
}
.Article .Title .Stars {
	display: block;
	float: right;
}
.Article .PublishedOn {
	float: right;
	margin-top: 5px;
	font-size: .9em;
}
.Article .PublishedOn:before {
	content: "Posted On: ";
}
.Article .Author {
	display: block;
	margin-top: 5px;
	font-size: .9em;
}
.Article .Author:before {
	content: "Posted By: ";
}
.Article .Categories {
	margin-top: 10px;
	font-size: .9em;
}
.Article .Categories:before {
	content: "Filed Under: ";
}
.Article > .Image {
	float: left;
	margin: 20px 20px 20px 0;
	max-width: 31.33333%;
}
.Article .ImageHolder {
	float: left;
	margin: 20px 20px 20px 0;
	max-width: 23%;
	text-align: center;
}
.Article .ImageHolder img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	max-width: 100%;
}
.Article .Description {
	margin-top: 20px;
}
.Article .Images {
	margin-top: 10px;
}
.Article .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
.Article .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
.Article .Images a {
	display: block;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px;
}
.Article .Images a img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.Article .ReadMore {
	display: block;
	padding-top: 5px;
	text-align: right;
}
.Article .Tags {
	clear: both;
	margin-top: 10px;
	font-size: .9em;
}
.Article .Tags:before {
	content: "Trades: ";
}
.Article .CommentsCount {
	display: block;
	margin-top: 10px;
}
.Article .HTMLDocumentComments {
	margin-top: 20px;
}
.Article .HTMLDocumentComments:before {
	content: "Comments";
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-size: 18px;
	color: #008cd3;
}
.Article .HTMLDocumentComment {
	margin-top: 40px;
}
.Article .HTMLDocumentComment:first-child {
	margin-top: 20px;
}
.Article .HTMLDocumentComment .Document {
	display: none;
}
.Article .HTMLDocumentComment .SubmittedOn {
	float: right;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author {
	font-size: 1em;
}
.Article .HTMLDocumentComment .Author:before {
	content: normal;
}
.Article .HTMLDocumentComment .Author .Photograph {
	float: left;
	margin-right: 10px;
	max-width: 50px;
	max-height: 75px;
}
.Article .HTMLDocumentComment .Author .Name {
	display: block;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author .BusinessName,
.Article .HTMLDocumentComment .Author .WebsiteAddress {
	display: block;
	font-size: .75em;
}
.Article .HTMLDocumentComment .CommentBody {
	clear: both;
}
.Article #comments .button {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}
.Articles .Article .Author,
.Articles .Article .PublishedOn,
.Articles .Article .Categories,
.Articles .Tags,
.Articles .Article .CommentsCount {
	display: none;
}

/* SidePanel */

#body > .grid {
	margin-left: -2%;
	margin-right: -2%;
}
#body > .grid > * {
	margin-left: 2%;
	margin-right: 2%;
}
#body > .grid > #content {
	width: 71%;
}
#body > .grid > #side-panel {
	width: 21%;
}
@media screen and (max-width: 959px) {
	#body > .grid > #content,
	#body > .grid > #side-panel {
		width: 96%;
	}
}

#side-panel > .grid {
	margin-top: -30px;
}
#side-panel > .grid > * {
	margin-top: 30px;
}

#search {
	border-radius: 0;
}

#categories:before,
#tags:before,
#issues:before,
#authors:before,
#industries:before,
#regions:before,
#latest-comments:before {
	display: block;
	padding-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-size: 1.2em;
    font-weight: 700;
	color: #000;
}

#categories:before {
	content: "Categories";
}
#categories > ul > li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#tags:before {
	content: "Trade List";
}
#tags a {
	padding: 2px 0;
}

#issues:before {
	content: "Archives";
}

#authors:before {
	content: "Authors";
}

#industries:before {
	content: "Industries";
}

#regions:before {
	content: "Regions";
}

#latest-comments:before {
	content: "Latest Comments";
}
#latest-comments a[title]:after {
	position: static;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 5px 0 0 0;
	width: 100%;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	background: none;
	opacity: 1;
	visibility: visible;
}
#latest-comments .HTMLDocumentComment {
	margin-top: 10px;
	margin-bottom: 10px;
}
#latest-comments .HTMLDocumentComment:first-child {
	margin-top: 6px;
}
#latest-comments .HTMLDocumentComment .Document:before {
	content: "On ";
	font-weight: normal;
	font-style: normal;
}
#latest-comments .HTMLDocumentComment .Document {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .SubmittedOn {
	display: none;
}
#latest-comments .HTMLDocumentComment .Author:before {
	content: " by ";
}
#latest-comments .HTMLDocumentComment .Author .Photograph {
	display: none;
	float: right;
	margin-left: 10px;
	max-width: 50px;
	max-height: 75px;
}
#latest-comments .HTMLDocumentComment .Author .Name {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .Author .BusinessName,
#latest-comments .HTMLDocumentComment .Author .WebsiteAddress,
#latest-comments .HTMLDocumentComment .CommentBody {
	display: none;
}

#categories a[data-items-count]:after,
#issues a[data-items-count]:after,
#authors a[data-items-count]:after,
#industries a[data-items-count]:after,
#regions a[data-items-count]:after,
#latest-comments a[data-items-count]:after {
	content: attr(data-items-count);
	position: static;
	display: block;
	float: right;
	border: 0;
	padding: 0;
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	font-size: .9em;
	opacity: 1;
	visibility: visible;
}



/* Blog Template */

.Blog > div.Title {
	margin-bottom: 30px;
}
.Blog > div.Title h1 {
	text-align: left;
}
#BlogPosts {
	margin-top: -20px;
	margin-left: -2%;
	margin-right: -2%;
}
#BlogPosts .Article {
	clear: none;
	float: left;
	margin-top: 20px;
	margin-left: 2%;
	margin-right: 2%;
	max-width: 46%;
}
#BlogPosts > .Article:nth-child(3),
#BlogPosts > .Article:nth-child(5),
#BlogPosts > .Article:nth-child(7),
#BlogPosts > .Article:nth-child(9),
#BlogPosts > .Article:nth-child(11),
#BlogPosts > .Article:nth-child(13),
#BlogPosts > .Article:nth-child(15),
#BlogPosts > .Article:nth-child(17),
#BlogPosts > .Article:nth-child(19),
#BlogPosts > .Article:nth-child(21),
#BlogPosts > .Article:nth-child(23),
#BlogPosts > .Article:nth-child(25),
#BlogPosts > .Article:nth-child(27),
#BlogPosts > .Article:nth-child(29),
#BlogPosts > .Article:nth-child(31),
#BlogPosts > .Article:nth-child(33),
#BlogPosts > .Article:nth-child(35),
#BlogPosts > .Article:nth-child(37),
#BlogPosts > .Article:nth-child(39),
#BlogPosts > .Article:nth-child(41),
#BlogPosts > .Article:nth-child(43),
#BlogPosts > .Article:nth-child(45),
#BlogPosts > .Article:nth-child(47),
#BlogPosts > .Article:nth-child(49) {
	clear: both;
}
@media screen and (max-width: 479px) {
	#BlogPosts .Article {
		max-width: 96%;
	}
}
#BlogPosts .image {
	display: block;
	margin: 0 0 10px 0;
	padding-top: 98%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
#BlogPosts .title {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.4em;
	text-transform: uppercase;
	font-size: 1.3em;
    font-weight: 700;
	color: #000;
}
#BlogPosts .title > a {
	font-style: normal;
}
#BlogPosts .read-more {
	display: inline-block;
	margin-top: 15px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-style: normal;
	color: #fff;
	background-color: #000;
}

.Article h1.Title {
	margin-bottom: 30px;
}
.Article .details {
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}