#introBackground					{ height:40vh; }
#introBackground .darken		 	{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.25) ; }
#introBackground .text	 			{ position: absolute; top: 60%; transform: translateY(-100%); width:100%; }
#introBackground .darken .text h1	{ color:#fff; text-align:center; text-transform:uppercase; font-size:40px; text-shadow:2px 2px #000; padding:20px; width:1350px; margin:0px auto; font-weight:700; }

#introCarosuelFooter div			{ background:transparent; }
#introCarosuelFooter .section		{ width:auto; background:transparent; height: 0px; padding:0 0 0 45%; margin-top:-4%; }
#introCarosuelFooter .section a, #introCarosuelFooter .section strong, #introCarosuelFooter .section em {  padding:10px 15px; font-size:12px; font-weight:300; }
.slick-dots li button				{ color:#fff !important; background:#fff !important; }
.slick-dots .slick-active button	{ color:#0098da !important; background:#0098da !important; }

#breadCrumbs				 { color:#009ada; font-size:14px; padding:0.75%; font-weight:300; background:#fcfcfc; background: linear-gradient(180deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);  }
#breadCrumbs a 				 { color:#009ada; padding:5px 10px; }
#breadCrumbs em				 { color:#009ada; padding:5px 10px; }
#breadCrumbs strong			 { color:#009ada; padding:5px 10px; font-weight:normal; }

#introBanner							 { width:100%; min-height:375px; position:relative; background:#fff; }
#introBannerFooter						 { position:relative; bottom:135px; margin-bottom:-135px; }
#introBannerFooter div					 { width:100%; background:url(../_images/page/slideshow-footer.png) top left no-repeat; height:160px; background-size:cover; }
.introBanner							 { position:relative; overflow:hidden; }
.introBanner .introBannerContainer		 { min-height:350px; position:relative; }
.introBanner .introBannerContainer h1 	 { position:absolute; color:#fff; font-size:40px; font-family:'Arial'; top:100px; left:0; right:0; text-align:center; }
.introBanner .introBannerContainer video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; max-width:1920px; width: auto;  height: auto; }

#introProduct							 { width:100%; height:550px; position:relative; background:#fff; }
#introProduct #introProductText			 { float:left; width:50%; height:500px; }
#introProduct #introProductText h1		 { font-size:40px; font-family:'Arial'; margin:100px 0 20px 0; }
#introProduct #introProductText h2		 { line-height:40px; } 
#introProduct #introProductImg			 { float:right; width:50%; height:500px; text-align:center; }
#introProduct #introProductImg img		 { max-width:100%; max-height:475px; }

#mainContentContainer		{ margin-top:-100px; }

.indexPanel					{ display: flex; justify-content: space-between; flex-direction: row;s	 } 
.indexPanel div				{ display: flex; flex-direction: column; padding:1% 3%; }
.indexPanelReverse			{ flex-direction: row-reverse; }
.indexPanelImage			{ width:39%; text-align: center; }
.indexPanelImage img		{ max-height:600px; align-self: center; max-width:100%; margin:62px auto; }
.indexPanelImage h2			{ display:none; }
.indexPanelImage a			{ width:100px; margin:auto; }
.indexPanelText				{ width:45%; text-align:left; font-size:15px; }
.indexPanelText h2			{ text-align:center; margin-bottom:20px; }
.indexPanelText a			{ display:none; }

#sitemap					{ list-style:none; margin:0; padding:0;  }
#sitemap li					{ padding:1%; margin:0; width:100%; border-bottom:1px dashed #ccc; }
#sitemap li	li li			{ padding:2%; }
#sitemap li a				{ text-decoration:none; display:block; }
#sitemap li a:hover			{ text-decoration:underline; }
#sitemap li ul				{ position:relative; top:-30px; left:20%; width:80%; list-style:none; margin:0; padding:0; }
#sitemap li ul li ul		{ left:30%; width:70%; }

#productFooterNavContainer	{ background:#eeeeee; }
#productFooterNav			{ text-align:center; }
.productFooterNavOn, .productFooterNavOff { padding:20px 20px 25px 20px; margin:20px 3px 0 3px; text-transform:uppercase; text-decoration:none; font-size:13px; white-space: nowrap; display:inline-block;  }	
.productFooterNavOn			{ color:#009ada; background:#fff; font-weight:700; box-shadow: 0px -3px 10px #ccc; -webkit-box-shadow: 0px -3px 10px #ccc; -moz-box-shadow: 0px -3px 10px #ccc; }
.productFooterNavOff		{ color:#666; background:#f3f3f3; }
.productFooterPanels		{ overflow:auto; }
.productFooterContent 		{ display:none; padding-top:20px; }

.formTable					{ width:100%; }
.formTable .tableCell  , .formTable td		{ padding:0 1%; vertical-align:top; width:50%; }
.formTable .tableCell label , .formTable td label { display:block; padding:1.5% 0 0 1%; font-size:14px; color:#333; }
.formTable .tableCell label span , .formTable td label span { color:#999; }
.formTable .tableCell em , .formTable td em	{ color:#d54743; font-size:13px; font-style:normal; padding-left:1%; position:relative; top:-5px; display:none; }

.formOptionCheckbox	{ padding:1% 3%; }
.formOptionCheckbox input { width:auto; margin-right:25px;  }
.formOptionCheckbox label { font-size:14px; font-weight:700; }

#pageH1				{ padding:30px; text-align:center; font-size:26px; }

.panelImgContainer	{ padding:20px 0; text-align:center; }
.panelImg			{ display:inline-block; margin:1%; text-align:center; }
.panelImg div		{ height:150px; padding:10px; background:#fff; border:1px solid #eee; }
.panelImg div img	{ max-width:100%; max-height:100%; }
.panelImg h3		{ font-size:16px; padding-top:20px; }

.videoContainer 		{ position: relative; overflow: hidden; padding-top: 50%; }
.videoContainer iframe	{ position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; border: 0; }

.responsiveTable		{ width:100%; }
.responsiveTable td		{ vertical-align:top; }

.downloadBrochure						 { border:1px solid #ddd; margin:20px 0; padding:0px; cursor:pointer; height:120px; position:relative; background:#fff; }
.downloadBrochure:hover					 { border:1px solid #aaa; background:#eee; }
.downloadBrochure .downloadBrochureIcon	 { width:36px; }
.downloadBrochure .downloadBrochureImage { float:left; width:240px; height:120px; }
.downloadBrochure .downloadBrochureImage img { height:100%; }
.downloadBrochure h2					 { padding:20px 0 10px 0; }	
.downloadBrochure .submit				 { position:absolute; right:20px; top:50px; }

#flippingBookMobileNotice				{ display:none; }

@media only screen and (max-width:1500px) { /* LAPTOP */

#introBackground			 { height:50vh; }

}

@media only screen and (max-width:1350px) { /* LAPTOP */

#introBanner							{ min-height:300px; }
.introBanner .introBannerContainer		{ min-height:300px; }
.introBanner .introBannerContainer h1 	{ font-size:36px; top:25px; }
.section  								{ margin:0; width:auto; padding:0 2%; }
#mainContentContainer					{ margin-top:40px; }

}


@media only screen and (max-width:1080px) { /* IPAD LANDSCAPE */

.introBanner .introBannerContainer video			{ max-width:1080px; }
#introBanner , .introBanner .introBannerContainer	{ min-height:400px; }
.introBanner .introBannerContainer h1 				{ top:100px; }
#introBannerFooter									{ bottom:65px; }
#introBannerFooter div								{ height:90px; }
#sitemap li ul										{ top:0px; }
.indexPanel div										{ padding:3% 3% 10% 3%; }
.indexPanelImage									{ padding-top:3%; }
#mainContentContainer								{ margin-top:100px; }

.productFooterPanels .mobileElement { display:block; width:60%; margin:10px 3px 3px 3px; padding:3px 15px; text-transform:uppercase; text-decoration:none; }

}

@media only screen and (max-width:810px) { /* IPAD PORTRAIT */

#introBannerFooter				{ bottom:65px; }
#introBannerFooter div			{ bottom:0px; }

#sitemap						{ list-style:none; margin:0; padding:0;  }
#sitemap li						{ padding:7px; margin:0; width:96%; border-bottom:1px dashed #ccc; }
#sitemap li	li li				{ padding:7px; }
#sitemap li a					{ text-decoration:none; display:block; }
#sitemap li a:hover				{ text-decoration:underline; }
#sitemap li ul					{ position:relative; top:0px; left:10%; width:90%; list-style:none; margin:0; padding:0; }
#sitemap li ul li ul			{ left:10%; width:90%; }

.downloadBrochure						 { height:auto; position:relative; text-align:center; }
.downloadBrochure .downloadBrochureImage { float:none; width:auto; height:auto; padding:10px; text-align:center; overflow:hidden; }
.downloadBrochure .downloadBrochureImage img  { max-width:100%; max-height:200px; }
.downloadBrochure h2					 { padding:10px; text-align:center; }	
.downloadBrochure .submit				 { position:inherit; right:auto; top:auto; margin-bottom:20px; }
.downloadBrochure .downloadBrochureIcon	 { display:none; }

}

@media only screen and (max-width:550px) { /* MOBILE */ 

.introBanner .introBannerCarosuelContainer video	{ max-width:inherit; max-height:400px; }
#introBannerFooter		{ bottom:30px; margin-bottom:0px; }
#introBannerFooter div	{ height:45px; }

#introProduct							{ width:100%; height:550px; position:relative; background:#fff; }
#introProduct #introProductText			{ float:none; width:auto; height:33%; }
#introProduct #introProductText h1		{ font-size:30px; margin:0px 20px; padding:20px 0; text-align:center; }
#introProduct #introProductText h2		{ line-height:20px; margin:0 20px; font-size:14px; text-align:center;  } 
#introProduct #introProductImg			{ float:none; width:auto; height:auto; text-align:center; }
#introProduct #introProductImg img		{ max-width:100%; max-height:475px; }

#productFooterNavContainer				{ display:none; } 
.productFooterContent					{ display:block; padding:20px 0; }
.productFooterH2						{ padding:20px 0; text-align:center; background:#eee; margin:0 -10px; }

.formTable .tableCell					{ display:block; width:auto; }
#sitemap td								{ display:block; float:none; width:93%; }
.responsiveTable td 					{ display:block; width:100% !important; height:auto !important; }
#mainContentContainer					{ margin-top:130px; }

.indexPanel					{ display: block; } 
.indexPanel div				{ display: block; padding:1% 3%; }
.indexPanelReverse			{ flex-direction: row-reverse; }
.indexPanelImage			{ width:auto; text-align: center; }
.indexPanelImage img		{ width:100%; max-height:none; }
.indexPanelImage h2			{ display:block; margin:40px 0; }
.indexPanelImage a			{ display:none; }
.indexPanelText				{ width:auto; }
.indexPanelText h2			{ display:none; }
.indexPanelText a			{ display:block; margin-bottom:40px; }

#flippingBookMobileNotice	{ display:block; padding:20px; text-align:center; }

}