/*
Theme Name: Holovision
Author: 64North
Author URI: http://www.64north.com/
Version: 1.0
Template: devdmbootstrap3
*/

@import "css/bootstrap.css";

body {
	font-family: 'FFDINWebProRegular', sans-serif;
}

body {
	padding: 25px;
}

h3 {
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	text-align: center;
}

a, a:hover {
	text-decoration: none;
}

button:hover {
	background-color: #666666 !important;
	color: #ffffff !important;
}

/* CF7 Overrides */
span.wpcf7-list-item {display: block;}


.callout {
	position: relative;
	display: inline-block;
	margin: 0px auto 30px auto;
	padding: 0px 20px;
	height: 24px;
	background-color: #f4f5f5;
	color: #977c43;
	border-radius: 12px;
	border: none;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}	


.sidecallout {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	right: calc((100% - 1024px)/4 - 90px);	
	
	width: 180px;
	height: 24px;
	background-color: #f4f5f5;
	color: #977c43;
	border-radius: 12px;
	border: none;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}

.text-gold {
	color: #967c43
}

.goldline {
	width: 100%;
	margin-top: 4px;
	height: 1px;
	border-bottom: 1px solid #967c43;
}

.symbolUp {
	margin: 0 auto;
	width: 28px;
	height: 14px;
	background-image: url('images/icn-symbol-up.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.symbolDown {
	margin: 0 auto;
	width: 28px;
	height: 14px;
	background-image: url('images/icn-symbol-down.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.symbolGoldDown {
	margin: 0 auto;
	width: 28px;
	height: 14px;
	background-image: url('images/icn-symbol-gold-down.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.symbolLeftRight {
	margin: 0 auto;
	width: 38px;
	height: 28px;
	background-image: url('images/icn-symbol-leftright.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#pageContainer {
	position: relative;
}


.contentWrapper {
	margin: 0 auto;
	width: 1024px;
}

.centeredContentOuter {
	margin: 0 auto;
	width: 1024px;
	height: 100%;
	display: table;
}

.centeredContentInner {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tableContentOuter {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	display: table;
}

.tableContentInner {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-shadow: 0px 0px 15px #000000;
}

/* SLIDER */

.slider {
	width: 100%;
}

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #ffffff;
}

/* GLOBAL PAGE ELEMENTS */

#header {
	position: relative;
	height: 55px;
	margin-bottom: 30px;
}

#headerLogo {
	position: absolute;
	width: 240px;
	height: 55px;
	left: 0px;
	top: 0px;
}

#headerNav {
	display: block;
	color: #cccccc;
	font-size: 21px;
	line-height: 45px;
	padding-top: 10px;
	text-align: center;
	width: 800px;
	position: relative;
	margin: 0 auto;
}

.headerNavMenuItem {
	color: #967c43;
	padding: 0px 12px;
	border-right: 1px solid #cccccc;
	margin-left: -6px;
}

a.headerNavMenuItem  {
	text-decoration: none;
	color: #967c43; 
}

a.headerNavMenuItem:hover {
	text-decoration: none;
	color: #888888; 
}

.headerNavMenuItem:last-child {
	border-right: 0px solid #ffffff;;
}

#headerNavMobile {
	display: none;
	height: 55px;
	width: 55px;
	background-image: url('./images/icn-hamburger.png');
	margin: 0 auto;	
	cursor: pointer;
}

#headerSearchIcon {
	position: absolute;
	height: 55px;
	width: 55px;
	top: 0px;
	right: 0px;
	background-image: url('./images/icn-search.png');
	cursor: pointer;
}

#headerSearchContainer {
	position: absolute;
	display: none;
	height: 55px;
	width: 200px;
	background-color: #ffffff;
	top: 0px;
	right: 0px;
}

#headerSearchField, #headerSearchField:focus {
	height: 55px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	outline: none;
	font-size: 18px;
	padding-left: 10px;
}

#footer {
	color: #967c43;
}

#footerRow {
	display: table;
	width: 100%;
}

#footerContact  {
	display: table-cell;
	width: 17.5%;
	vertical-align: bottom;
	font-size: 23px;
}

.footerContactLabel {
	font-size: 13px;
	font-family: FFDINWebProLight;
}

.footerContactTel {
	font-size: 23px;
	font-family: FFDINWebProMedium;
}

.footerContactFax {
	font-size: 23px;
	font-family: FFDINWebProLight;
}

#footerAddress {
	display: table-cell;
	width: 17.5%;
	vertical-align: bottom;
	font-size: 13px;
	font-family: FFDINWebProLight;
}

#footerNav {
	display: table-cell;
	text-align: center;
	width: 30%;
	vertical-align: bottom;
	font-size: 24px;
	font-family: FFDINWebProLight;
}

#footerNav a {
	margin-right: 20px;
}

#footerNav a, #footerNav a:hover {
	text-decoration: none;
	color: #967c43;
}

#footerLinks  {
	display: table-cell;
	text-align: right;
	width: 35%;
	vertical-align: bottom;
	font-family: FFDINWebProLight;
}

#footerLinks a, #footerLinks a:hover {
	text-decoration: none;
	color: #967c43;
}

#footerGraybar {
	position: relative;
	background-color: #f1f1f1;
	height: 55px;
	margin-top: 25px;
}

#footerGraybarSymbol {
	position: relative;
	top: 20px;
	margin: 0 auto;
	width: 28px;
	height: 14px;
	background-image: url('./images/icn-symbol-2.png');
	background-repeat: no-repeat;
}

#footerSocialMedia {
	position: absolute;
	height: 55px;
	top: 0px;
	right: 0px;
}

.footerSocialMediaIcon {
	float: left;
}

#footerRowMobile {
	display: none;
	width: 100%;
}

#footerContactMobile  {
	display: table-cell;
	width: 25%;
	vertical-align: bottom;
	font-size: 23px;
}

#footerAddressMobile {
	display: table-cell;
	width: 50%;
	vertical-align: bottom;
	font-size: 13px;
	font-family: FFDINWebProLight;
}

#footerLinksMobile  {
	display: table-cell;
	text-align: right;
	width: 25%;
	vertical-align: bottom;
	font-family: FFDINWebProLight;
}

#footerLinksMobile a, #footerLinksMobile a:hover {
	text-decoration: none;
	color: #967c43;
}

#menu {
	position: absolute;
	display: none;
	background-color: #ffffff;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 100%;
	padding: 25px;
}

#menuClose {
	position: absolute;
	top: 35px;
	right: 25px;
	width: 30px;
	height: 31px;
	cursor: pointer;
}

#menuList {
	list-style-type: none;
	margin: 0px;
	padding: 100px 0px 0px 0px;
	text-align: center;
	width: 460px;
	margin: 0 auto;
}

#menuList li {
	font-size: 56px;
	font-family: FFDINWebProRegular;
	border-bottom: 1px solid #967c43;
	line-height: 1.2em;
}

#menuList li a {
	text-decoration: none;
	color: #967c43; 
}

#menuList li a:hover {
	text-decoration: none;
	color: #888888; 
}

#menuFooter {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 25px;
	color: #967c43;
}

/* HOME PAGE */

.sliderHomeTop {
	height: 750px;
	margin-bottom: 25px;
}

.sliderHomeSlide {
	background-size: cover;
	background-position: 50% 50%;
}

.sliderHomeSlideContentOuter {
	margin: 0 auto;
	width: 1024px;
	height: 100%;
	display: table;
}

.sliderHomeSlideContentInner {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.sliderHomeTop .sliderHomeSlideContentInner {
	text-shadow: 0px 0px 15px #000000;
}

.sliderHomeTop .headertext {
	font-size: 56px;
	font-weight: 800;
}

.sliderHomeTop .bodytext {
	font-size: 24px;
	font-weight: 300;
}

.sliderHomeTop .button {
	height: 33px;
	background-color: #ffffff;
	border-radius: 16px;
	border: none;
	color: #967c43;
	font-size: 18px;
	padding: 0px 40px;
	margin: 30px 0px 20px 0px;
}

.sliderHomeTop .linktext a,
.sliderHome .linktext a:hover {
	font-size: 16px;
	color: #ffffff;
}

.homeGrayStripe {
	min-height: 290px;
	background-color: #f1f1f1;
	margin-bottom: 30px;
	padding: 60px 25px;
}

.homeGrayStripe .centeredContentInner {
	color: #967c43;
	font-size: 22px;
}

.homeGrayStripe .button {
	height: 24px;
	background-color: #977c43;
	border-radius: 12px;
	border: none;
	color: #ffffff;
	font-size: 12px;
	padding: 0px 24px;
	margin: 45px 0px 25px 0px;
}

/* FEATURED PRODUCTS */
.featuredProductSection {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;
	margin-bottom: 30px;
	text-align: center;
}

.featuredProductSet {
	position: relative;
	width: 952px;
	margin: 0 auto;
}

.featuredProduct {
	float: left;
	width: 220px;
	height: 444px;
	padding-bottom: 3px;
	border-bottom: 1px solid #967c42;
	margin-right: 24px;
	margin-bottom: 20px;
	cursor: pointer;
	text-align: left;
}

.featuredProduct:nth-of-type(4n+0) {
	margin-right: 0px;
}

.featuredProductImage {
	width: 220px;
	height: 220px;
}

.featuredProductContent1 {
	position: relative;
	width: 220px;
	height: 220px;
	padding: 28px;
	background-color: #f4f5f5;
}

.featuredProductDesc1 {
	font-family: FFDINWebProBold;
	font-size: 14px;
	color: #967c43;
	line-height: 1.1em;
}

.featuredProductName1 {
	position: absolute;
	left: 28px;
	bottom: 28px;
}

.featuredProductName1 a,
.featuredProductName1 a:hover {
	font-family: FFDINWebProBold;
	font-size: 14px;
	color: #888888;
}

.featuredProductName1 a:hover {
	color: #000000;
}


.featuredProductContent2 {
	position: relative;
	width: 220px;
	height: 220px;
	padding: 20px;
	background-color: #f4f5f5;
}

.featuredProductName2 {
	font-family: FFDINWebProBold;
	font-size: 14px;
	color: #967c43;
}

.featuredProductName2 a,
.featuredProductName2 a:hover {
	font-family: FFDINWebProBold;
	color: #967c43;
}

.featuredProductName2 a:hover {
	color: #000000;
}

.featuredProductDesc2 {
	font-family: FFDINWebProLight;
	font-size: 14px;
	color: #878689;
	position: absolute;
	width: 180px;
	left: 20px;
	bottom: 20px;
	line-height: 1.2em;
}

.featuredProductLarge {
	float: left;
	width: 464px;
	height: 444px;
	padding-bottom: 3px;
	border-bottom: 1px solid #967c42;
	margin-right: 24px;
	margin-bottom: 20px;
}

.featuredProductLarge:nth-of-type(even) {
	margin-right: 0px;
}

.featuredProductLargeImage {
	width: 464px;
	height: 220px;
}

.featuredProductLargeContent1 {
	position: relative;
	width: 464px;
	height: 220px;
	padding: 28px;
	background-color: #f4f5f5;
}

.featuredProductLargeDesc1 {
	font-family: FFDINWebProLight;
	font-size: 18px;
	color: #967c43;
	line-height: 1.1em;
	text-align: left;
}




/* ACCESSORIES */
.accessoriesSection {
	width: 1024px;
	margin: 0 auto;
	padding: 0px 35px;
	margin-bottom: 30px;
}

.accessory {
	float: left;
	width: 144px;
	min-height: 295px;
	padding-bottom: 7px;
	border-bottom: 1px solid #967c42;
	margin-right: 18px;
	margin-bottom: 20px;
	cursor: pointer;
}

.accessory:nth-child(6) {
	margin-right: 0px;
}

.accessoryImage {
	width: 144px;
	height: 144px;
}

.accessoryContent {
	position: relative;
	width: 144px;
	min-height: 144px;
	padding: 20px;
	background-color: #f4f5f5;
	line-height: 1.2em;
}

.accessoryName {
	font-family: FFDINWebProBold;
	font-size: 14px;
	color: #967c43;
}

.accessoryName a,
.accessoryName a:hover {
	font-family: FFDINWebProBold;
	font-size: 14px;
	color: #967c43;
}

.accessoryDesc {
	color: #878689;
}



/* HOME FEATURED STRIPE */
.homeFeaturedStripe {
	width: 100%;
	height: 504px;
	padding-bottom: 3px;
	border-bottom: 1px solid #967c42;
	margin-bottom: 25px;
	cursor: pointer;
}

.homeFeaturedStripe .headertext {
	font-family: FFDINWebProMedium;
	color: #ffffff;
	font-size: 42px;
	line-height: 1em;
	text-shadow: 0px 0px 15px #000000;
}

.homeFeaturedStripe .headertext a, .homeFeaturedStripe .headertext a:hover {
	text-decoration: none;
	color: #ffffff;
}

.homeFeaturedDetails {
	margin: 0 auto;
	width: 1280px;
	margin-bottom: 100px;
}

.homeFeaturedDetail {
	width: 426px;
	height: 50px;
	float: left;
}

.homeFeaturedDetailIcon {
	height: 50px;
	width: 50px;
	display: table-cell;
	vertical-align: middle;
}

.homeFeaturedDetailContent {
	height: 50px;
	width: 476px;
	display: table-cell;
	vertical-align: middle;
	color: #828383;
	font-size: 14px;
}

.sliderHomeBottomContainer {
	height: 444px;
	padding-bottom: 3px;
	border-bottom: 1px solid #967c42;
	margin-bottom: 25px;
}

.sliderHomeBottom {
	height: 440px;
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e8e8e8 0%, #cacacb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#cacacb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8e8e8 0%,#cacacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cacacb',GradientType=0 );
}


.sliderHomeBottom .rsSlide, .sliderHomeBottom .rsOverflow {
	background-color: transparent;
}


.sliderHomeBottomContainer .sliderHomeSlideContentInner:nth-child(1) {
	width: 40%;
	text-align: left;
	padding: 0% 5%;
}

.sliderHomeBottomContainer .sliderHomeSlideContentInner:nth-child(2) {
	width: 60%;
	text-align: left;
	padding: 0% 5% 0% 0%;
}

.sliderHomeBottomContainer .headertext {
	color: #967c43;
	font-size: 48px;
	font-weight: 300;
	line-height: 1em;
}

.sliderHomeBottomContainer .bodytext {
	color: #716875;
	font-family: FFDINWebProLight;
	font-size: 22px;
	line-height: 1.2em;
}

.relatedProductSolutionSection {
	/* max-width: 1853px; */
	max-width: 1550px;
	margin: 0 auto;
	margin-bottom: 60px;
	text-align: center;
}

.relatedProductSolution {
	float: left;
	width: calc((100% - 24px)/2);
	/* height: 524px; */
	padding-bottom: 3px;
	border-bottom: 1px solid #967c42;
	text-align: left;
	cursor: pointer;
}

.relatedProductSolution:nth-of-type(1) {
	margin-right: 24px;
}

.relatedProductSolutionImage {
	width: 100%;
	height: 310px;
	background-size: cover;
	background-position: 50% 50%;
}

.relatedProductSolutionContent {
	position: relative;
	width: 100%;
	height: 210px;
	background-color: #f1f1f1;
	padding: 30px;
}

.relatedProductSolutionImage .headertext {
	font-family: FFDINWebProMedium;
	font-size: 30px;
	color: #ffffff;
	text-align: center;
}

.relatedProductSolutionContent .bodytext {
	color: #878689;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.2em;
}

.relatedProductSolutionLink {
	position: absolute;
	left: 28px;
	bottom: 20px;
}

.relatedProductSolutionLink a,
.relatedProductSolutionLink a:hover {
	font-family: FFDINWebProBold;
	font-size: 14px;
	color: #888888;
}

.relatedProductSolutionLink a:hover {
	color: #000000;
}

.homeBottomText {
	margin-bottom: 120px;
}

.homeBottomText .bodytext {
	font-family: FFDINWebProRegular;
	color: #967c43;
	font-size: 22px;
}


/* INFO PAGE */
#infoBanner {
	height: 300px;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 30px;
}

#infoBanner .headertext {
	color: #ffffff;
	font-family: FFDINWebProMedium;
	font-size: 56px;
}

#infoBanner .subheadertext {
	color: #ffffff;
	font-family: FFDINWebProRegular;
	font-size: 24px;
}

.infoGrayBar {
	background-color: #f1f1f1;
	padding: 100px 0px 60px 0px;
}

.infoGrayBarInner {
	height: 100%;
}

.infoGrayBar .bodytext {
	color: #967c43;
	font-size: 28px;
	text-align: left;
	line-height: 1.2em;
	font-family: 'FFDINWebProLight', sans-serif;
}

.infoTwoColumn {
	color: #716875;
	font-size: 18px;
	padding: 80px 0px;
	font-family: 'FFDINWebProLight', sans-serif;
	line-height: 1.2em;
}

.infoTwoColumn a {
	font-family: 'FFDINWebProMedium', sans-serif;
	color: #666666;
}

.infoTwoColumn a:hover {
	font-family: 'FFDINWebProMedium', sans-serif;
	color: #000000;
}

.infoTwoColumn h4 {
	color: #967c43;
	font-family: 'FFDINWebProMedium', sans-serif;
	font-size: 18px;
	margin-bottom: 1.5em;
}

.infoGradient {
	padding: 90px 0px 85px 0px;
	background: #eff0f1; /* Old browsers */
	background: -moz-linear-gradient(top, #eff0f1 9%, #bfbec0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eff0f1 9%,#bfbec0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eff0f1 9%,#bfbec0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#bfbec0',GradientType=0 ); /* IE6-9 */
	color: #716875;
	font-size: 22px;
	font-family: 'FFDINWebProLight', sans-serif;
	line-height: 1.2em;
	margin-bottom: 30px;
}

.infoGradientInner {
	height: 100%;
}

.infoFeatureStripe {
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
}


.infoFeatureStripeContentOuter {
	margin: 0 auto;
	width: 1024px;
	height: 100%;
	display: table;
}

.infoFeatureStripeContentInner {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.infoFeatureStripe .headertext {
	font-family: FFDINWebProMedium;
	color: #ffffff;
	font-size: 36px;
	line-height: 1.2em;
	text-shadow: 0px 0px 15px #000000;
}

.infoFeatureStripe button {
	height: 33px;
	border-radius: 16px;
	border: none;
	background-color: #ffffff;
	color: #967c43;
	font-size: 17px;
	font-family: FFDINWebProRegular;
	padding: 0px 50px;
	line-height: 33px;
	margin-top: 20px;
}

/* CATEGORY PAGE */

#categoryBanner {
	height: 400px;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 30px;
}

#categoryBanner .headertext {
	color: #ffffff;
	font-family: FFDINWebProMedium;
	font-size: 56px;
}

#categoryBanner .subheadertext {
	color: #ffffff;
	font-family: FFDINWebProRegular;
	font-size: 24px;
}

.categoryGrayBar {
	/* height: 290px; */
	background-color: #f1f1f1;
	padding: 90px 0px 60px 0px;
	margin-bottom: 30px;
}

.categoryGrayBarInner {
	height: 100%;
}

.categoryGrayBar .bodytext {
	color: #967c43;
	font-size: 22px;
	text-align: left;
	line-height: 1.2em;
	font-family: 'FFDINWebProLight', sans-serif;
}

.categoryGradient {
	/* height: 350px; */
	padding: 60px 30px;
	background: #eff0f1; /* Old browsers */
	background: -moz-linear-gradient(top, #eff0f1 9%, #bfbec0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eff0f1 9%,#bfbec0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eff0f1 9%,#bfbec0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#bfbec0',GradientType=0 ); /* IE6-9 */
	color: #716875;
	font-size: 22px;
	font-family: 'FFDINWebProLight', sans-serif;
	line-height: 1.2em;
}

.categoryGradientInner {
	height: 100%;
}

.categoryGradient .bodytext {
	text-align: left;
}

/* PRODUCT PAGE */

#productBanner {
	height: 600px;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 25px;
}

#productBanner .tableContentOuter {
	width: 1024px;
	margin: 0 auto;
}


#productBanner .tableContentInner {
	vertical-align: middle;
	text-align: right;
	padding: 30px;
	text-shadow: 0px 0px 15px rgba(0,0,0,.5);
}


#productBanner .headertext {
	color: #ffffff;
	font-family: FFDINWebProMedium;
	font-size: 56px;
}

#productBanner .subheadertext {
	color: #ffffff;
	font-family: FFDINWebProRegular;
	font-size: 24px;
}

.productGrayBar {
	margin-bottom: 25px;
}

.productGrayBarInner {
	background-color: #f1f1f1;
	height: 100%;
	padding: 80px 0px;
}

.productGrayBar .bodytext {
	color: #967c43;
	font-size: 22px;
	text-align: left;
	line-height: 1.2em;
	font-family: 'FFDINWebProLight', sans-serif;
}

.productImageStripe1 {
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 30px;
}

.productImageStripe2 {
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: 50% 50%;
}

.productImageStripe3 {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: 50% 50%;
}

.productImageStripe4 {
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 80px;
}

.productTwoColumnSection {
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 100px;
	line-height: 1.6em;
}

.productTwoColumnSection a {
	font-family: 'FFDINWebProMedium', sans-serif;
	color: #666666;
}

.productTwoColumnSection a:hover {
	font-family: 'FFDINWebProMedium', sans-serif;
	color: #000000;
}

.productTwoColumnLeft, .productTwoColumnRight {
	float: left;
	width: 50%;
	padding: 0px 15px 40px 15px;
	font-size: 18px;
}

.productTwoColumnLeft h3, .productTwoColumnRight h3 {
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	text-align: left;
	margin: 0px 0px 50px 0px;
}

.productTwoColumnLeft h4, .productTwoColumnRight h4 {
	font-family: 'FFDINWebProMedium', sans-serif;
	font-size: 18px;
	color: #967c43;
	margin-bottom: 0px;
}

.productOptionsSection {
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 100px;
}

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

.productOptionsSection h3 {
	text-align: center;
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	margin-top: 0px;
	margin-bottom: 30px;
}

.productFinishesSection {
	width: 1024px;
	margin: 0 auto;
	padding: 0px 35px;
	margin-bottom: 30px;
	text-align: center;
}

.productFinish {
	/* float: left; */
	display: inline-block;
	width: 144px;
	height: 295px;
	padding-bottom: 7px;
	border-bottom: 1px solid #967c42;
	margin-right: 14px; /* Takes into account inline-blocks will add 4px to the right */
	margin-bottom: 20px;
}

.productFinish:nth-of-type(6n+0) {
	margin-right: 0px;
}

.productFinishImage {
	width: 144px;
	height: 144px;
}

.productFinishContent {
	position: absolute;
	width: 144px;
	height: 144px;
	padding: 20px;
	background-color: #f4f5f5;
	line-height: 1.2em;
}

.productFinishName {
	font-family: FFDINWebProLight;
	font-size: 14px;
	color: #967c43;
	text-align: left;
}

.productFinishName a,
.productFinishName a:hover {
	font-family: FFDINWebProLight;
	font-size: 14px;
	color: #967c43;
}

.productFinishesSection h3 {
	text-align: center;
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	margin-bottom: 30px;
}

.productManualsAccessoriesSection {
	width: 1024px;
	margin: 0 auto;
	padding: 0px 35px;
	margin-bottom: 30px;
}

.productManualsAccessoriesSection, .productManualsAccessoriesSection a, .productManualsAccessoriesSection a:hover  {
	font-family: FFDINWebProLight;
	font-size: 18px;
	color: #967c43;
}

.productManualsAccessoriesSection h3 {
	text-align: center;
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	margin-bottom: 30px;
}

/* SOLUTION */
#solutionBanner {
	height: 630px;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 25px;
}

#solutionBanner .tableContentOuter {
	width: 1024px;
	margin: 0 auto;
}


#solutionBanner .tableContentInner {
	vertical-align: middle;
	text-align: center;
	padding: 30px;
	text-shadow: 0px 0px 15px rgba(0,0,0,.5);
}


#solutionBanner .headertext {
	color: #ffffff;
	font-family: FFDINWebProMedium;
	font-size: 56px;
}

#solutionBanner .subheadertext {
	color: #ffffff;
	font-family: FFDINWebProRegular;
	font-size: 24px;
}

.solutionGrayBar {
}

.solutionGrayBarInner {
	background-color: #f1f1f1;
	height: 100%;
	padding: 80px 0px;
}

.solutionGrayBar .bodytext {
	color: #967c43;
	font-size: 28px;
	text-align: left;
	line-height: 1.2em;
	font-family: 'FFDINWebProLight', sans-serif;
}

.solutionTwoColumnSection {
	width: 1024px;
	margin: 0 auto;
	padding-top: 105px;
	padding-bottom: 100px;
}

.solutionTwoColumnLeft, .solutionTwoColumnRight {
	float: left;
	width: 50%;
	padding: 0px 15px 40px 15px;
	font-size: 18px;
}

.solutionTwoColumnSection a {
	font-family: 'FFDINWebProMedium', sans-serif;
	color: #666666;
}

.solutionTwoColumnSection a:hover {
	font-family: 'FFDINWebProMedium', sans-serif;
	color: #000000;
}

.solutionTwoColumnLeft h3, .solutionTwoColumnRight h3 {
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	text-align: left;
}

.solutionTwoColumnLeft h4, .solutionTwoColumnRight h4 {
	font-family: 'FFDINWebProMedium', sans-serif;
	font-size: 18px;
	color: #967c43;
}

.solutionOptionsSection {
	width: 1024px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 100px;
}

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

.solutionTwoColumnSection h3 {
	text-align: center;
	font-family: 'FFDINWebProLight', sans-serif;
	font-size: 42px;
	color: #967c43;
	margin-bottom: 30px;
}

.solutionProductsBanner {
	height: 300px;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 28px;
}

.solutionProductsBanner .tableContentOuter {
	width: 1024px;
	margin: 0 auto;
}


.solutionProductsBanner .tableContentInner {
	vertical-align: middle;
	text-align: center;
	padding: 30px;
	text-shadow: 0px 0px 15px rgba(0,0,0,.5);
}

.solutionProductsBanner .headertext {
	color: #967c43;
	font-family: FFDINWebProLight;
	font-size: 42px;
}

.solutionImageStripe {
	height: 300px;
	background-position: 50% 50%;
	background-size: cover;
	margin-bottom: 90px;
}

.solutionImageStripe .tableContentOuter {
	width: 1024px;
	margin: 0 auto;
}

.solutionImageStripe .tableContentInner {
	vertical-align: middle;
	text-align: right;
	padding: 30px;
	text-shadow: 0px 0px 15px rgba(0,0,0,.5);
}

.solutionImageStripe .headertext {
	color: #ffffff;
	font-family: FFDINWebProMedium;
	font-size: 36px;
	line-height: 1.2em;
}

.solutionImageStripe button {
	height: 33px;
	background-color: #ffffff;
	border-radius: 16px;
	border: none;
	color: #967c43;
	font-size: 18px;
	padding: 0px 40px;
	margin: 15px 0px 20px 0px;
}

#prodselBanner {
	height: 300px;
	background-position: 50% 50%;
	background-size: cover;
}

#prodselBanner .headertext {
	color: #ffffff;
	font-family: FFDINWebProMedium;
	font-size: 56px;
}

#prodselBanner .subheadertext {
	color: #ffffff;
	font-family: FFDINWebProRegular;
	font-size: 24px;
}

#prodselFilterSection {
	width: 1024px;
	margin: 0 auto;
	padding: 30px;
}

.prodselFilterContainer {
	float: left;
	width: 226px;
	height: 80px;
	margin-right: 20px;
}

.prodselFilterContainer:nth-of-type(4n+0) {
	margin-right: 0px;
}

.prodselFilterContainer label {
	display: block;
	font-family: FFDINWebProMedium;
	color: #967c43;
	font-size: 18px;
}

.prodselFilterContainer select {
	font-size: 16px;
	width: 100%;
}

#prodselResults {
	width: 1024px;
	margin: 0 auto;
	padding: 30px;
}

#prodselResults .featuredProduct {
	margin-right: 21px;
}

#prodselResults .featuredProduct:nth-of-type(4n+0) {
	margin-right: 21px;
}




@media all and (max-width: 1499px) {
	.relatedProductSolutionContent {
		height: 260px;
	}

	.homeFeaturedDetails {
		margin: 0 auto;
		width: 100%;
		margin-bottom: 100px;
	}

	.homeFeaturedDetail {
		width: 426px;
		height: 50px;
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}	

	#headerNav {
		display: none;
	}

	#headerNavMobile {
		display: block;
	}		

	#footerContact, #footerAddress, #footerLinks {
		display: none;
	}	
	
	#footerNav {
		width: 100%;
	}

	#footerRowMobile {
		display: table;
	}		
	
}

@media all and (max-width: 1199px) {

	.sidecallout {
		position: relative;
		display: inline-block;
		margin: 0px auto 30px auto;
		right: unset;
		top: unset;
	}	
	
	.contentWrapper {
		margin: 0 auto;
		width: calc(100% - 50px);
	}

	.centeredContentOuter {
		width: calc(100% - 50px);
	}


	.sliderHomeSlideContentOuter {
		width: 800px;
	}

	.relatedProductSolutionContent {
		height: 310px;
	}	



	#productBanner .tableContentOuter {
		width: 686px;
	}
	
	.productTwoColumnSection {
		width: 736px;
	}

	.productTwoColumnLeft, .productTwoColumnRight	{
		width: 100%;
	}

	.productOptionsSection {
		width: 686px;
	}

	.productOptionsSection .productTwoColumnLeft {
		width: 35% !important;
	}
	
	.productOptionsSection .productTwoColumnRight {
		width: 65% !important;
	}
	
	.productOptionsSection .productTwoColumnSection, .productOptionsSection .productTwoColumnLeft {
		text-align: left;
	}

	.productFinishesSection {
		width: 538px;
	}
	
	.productFinish:nth-of-type(3n+0) {
		margin-right: 0px;
	}
	
	.productManualsAccessoriesSection {
		width: 736px;
	}

	.accessoriesSection {
		width: 718px;
	}

	
	#solutionBanner .tableContentOuter{
		width: 686px;
	}	 
	
	
	.solutionProductsBanner .tableContentOuter {
		width: 686px;
	}	 
	
	.solutionTwoColumnSection {
		width: 686px;
	}

	.solutionTwoColumnLeft {
		width: 35%;
	}
	
	.solutionTwoColumnRight {
		width: 65%;
	}
	
	.solutionTwoColumnSection .solutionTwoColumnLeft {
		text-align: left;
	}

	.solutionImageStripe .tableContentOuter {
		width: 736px;
	}	

	.infoFeatureStripeContentOuter {
		width: 736px;
		margin: 0 auto;
	}	

	#prodselFilterSection {
		width: 552px;
	}

	#prodselResults {
		width: 542px;
	}
	
	
}


@media all and (max-width: 899px) {
	
	.sliderHomeSlideContentOuter {
		width: 686px;
	}

	.sliderHomeBottomContainer {
		height: 651px;
	}

	.sliderHomeBottom {
		height: 647px;
	}	

	.featuredProductSet {
		width: 464px;
	}

	.featuredProduct:nth-child(even) {
		margin-right: 0px;
	}

	.relatedProductSolutionContent {
		height: 360px;
	}	

	.infoGrayBar {
		height: 450px;
	}	

	.infoGradient {
		height: 450px;
	}	



	
}