header 	{ z-index:3; }
main 	{ z-index:2; }
footer 	{ z-index:1; }

.mobile { display:none; }

/* header */
header {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	border-bottom:0;
	z-index:4;
}
header  { height:160px; padding-bottom:0 !important; }
main 	{ padding-top:160px; }

.memLoggedIn header,
.merchLoggedIn header,
.agentLoggedIn header {}

header.fixed { 
	position:fixed;
	top:0;
	z-index:100;
	padding:0 !important;
	margin:0 !important;
	overflow:visible;
	height:1px;
}

/* header 
header > .container { padding:1em 1em 0; }
header.fixed > .container { padding:0; margin:0; }*/

/* header logo */
#hdLogo { float:right; margin-top:-0.5em; width:25%; max-width:250px; }
#hdLogo a,
#navLogo a {
	display:inline-block;
	text-decoration:none;
	vertical-align:middle;
}
#hdLogo a img {
	width:100%;
    display: block;
}
header.fixed #hdLogo 		{ display:none; }

/* header - main menu button  */
#hdBtn 						{ margin-left:-15px; margin-top:-8px; }
#hdBtn a#btnMenu,
#navClose 					{ display:inline-block; padding:8px 20px 7px 15px; background:none; border-radius:5px; 
							  font-weight:300; font-size:1em; text-decoration:none; color:#20202F; }
#hdBtn a#btnMenu			{ background:#FFF; }
#hdBtn a#btnMenu .icon,
#navClose .icon				{ font-size:1.1em; }
#hdBtn a#btnMenu .btn-txt,
#navClose .btn-txt			{ padding-left:0.5em; }
#hdBtn a#btnMenu:hover 		{ background:#1083B4; color:#FFF; }

header.fixed #hdBtn { position:absolute; top:1em; left:1em; margin:0; padding:0; }
header.fixed #hdBtn a#btnMenu { box-shadow:0 2px 3px #000; }
header.fixed #hdBtns { padding-top:13px; }
header.fixed #hdBtns > ul > li > a { font-size:17px; }
header.fixed #hdBtns #btnMenu { /*padding-left:1em;*/ }

/* header - awards 
#hdAwards { padding-top:15px; }
#hdAwards > ul { display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:right; align-items:center; }
#hdAwards > ul > li { padding-left:2em; }
#hdAwards > ul > li > a 	{}
#hdAwards .hdAward 			{}
#hdAwards #hdAward1 		{}
#hdAwards #hdAward2			{}
#hdAwards .hdAward a 		{ display:block; }
#hdAwards .hdAward a img	{ height:83px; }

header.fixed #hdAwards { padding-top:9px; }
header.fixed #hdAwards > ul > li { padding-left:1.5em; }
header.fixed #hdAwards .hdAward a img 	{ height:48px; }
*/
/* header Nav */
#hdNav,
#mainMenu { 
	display:none;
	position:fixed; top:0; left:0; height:100%; width:100%;
	z-index:101;
	overflow:hidden;
}
#mainMenu .cover { 
	position:fixed; top:0; left:0; height:100%; width:100%;
	background:#000; opacity:0.25;
	/*transition: linear 0.5s;*/
}

#mainMenu .clickOut 	{ position:absolute; top:0; left:0; height:100%; width:100%; }
#mainMenu nav {
	position:absolute; top:-400px; left:0;
	display:flex; column-gap:1em;
	width:100%;
	padding:1.3em;
	background:#1083B4;
	box-shadow:0 1px 12px #000;
	overflow:auto;
	transition: linear 0.25s;
}
#mainMenu nav.open 			{ top:0; transition: linear 0.4s; } 

#navClose 					{ position:absolute; top:1em; left:1em; color:#FFF; cursor:pointer; }
#navClose:hover 			{ background:#FFF; color:#000; }

#navLogo 							{ width:25%; }
#navLogo a							{ display:block; padding:90px 6% 0; text-align:center; text-decoration:none; }
#navLogo a img 						{ display:block; width:100%; max-width:250px; margin:0 auto; }

#mainNav							{ width:75%; max-width:1000px; }
#mainNav ul#navBtns 				{ display:flex; align-items:baseline; margin:0 1em; padding:0; list-style:none; }
#mainNav ul#navBtns li 				{ padding:0 1em 0 0; margin:0; }
#mainNav ul#navBtns li a 			{ display:block; padding:0.5em 1.5em 0.4em; font-size:1.1em; font-weight:700; color:#FFF; letter-spacing:2px; text-decoration:none; /*text-transform:uppercase;*/ }
#mainNav ul#navBtns li a:hover 		{ background:#FFF; color:#B02727 !important; }
#mainNav ul#navBtns li a.selected	{ background:#FFF; padding:0.6em 2em 0.5em !important; color:#000; font-weight:700; }

#mainNav .nav-sub-menu				{ display:none; margin:0; padding:1px 0; background:#FFF; text-align:center; }
#mainNav .nav-sub-menu p			{ font-size:0.9em; margin:0; padding:1.5em 1em 1px; }
#mainNav .nav-sub-menu ul			{ display:flex; list-style:none; margin:0; padding:0.5em; }
#mainNav .nav-sub-menu ul > li 		{ padding:0; margin:0.5em; }
#mainNav .nav-sub-menu li > a 		{ display:block; padding:0.5em; background:#ECECFB; border:solid 1px #CACAD9; text-decoration:none; }
#mainNav .nav-sub-menu a .btn-img 	{ display:block; padding:0.5em; }
#mainNav .nav-sub-menu a .btn-txt 	{ display:block; padding-bottom:0.5em; font-size:1em; font-weight:700; color:#B02727; }
#mainNav .nav-sub-menu .btn-img img	{ display:block; width:100%; }

#mainNav .nav-sub-menu a.btnDD			{ background:#000 !important; border-color:#000 !important; }
#mainNav .nav-sub-menu a.btnDD .btn-txt { color:#FFF; font-weight:400; }

#mainNav .nav-sub-menu a:hover 			{ background:#B02727; }
#mainNav .nav-sub-menu a:hover .btn-txt { color:#FFF; }
#mainNav .nav-sub-menu a:hover .btn-img {}

#mainNav #navProducts					{ display:block; }
/**/


/* main */
main {
	/*padding-top:180px;*/
	min-height:700px;
	line-height:150%;
	padding-bottom:4em;
}
main > article section.firstSection {
	padding-top:2em;
	margin-top: -50px;
	background: #fff;
	border-radius: 1em 1em 0 0;
}
#main .noJs { color:#FFF; }
#main .noJs a.btn {
	background:#FFF;
	border-color:#FFF;
	color:#333;
}

#backLink { float:right; padding-right:2%; }
#backLink a { 
	display:inline-block; 
	/*height:80%;*/
	margin-top:24%; 
	padding:0.6em 1em;
	vertical-align:central;
	
	background:#7D5540;
	color:#FFF;
	
	font-size:1em;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
#backLink a:hover { background:#FFF; color:#000; } 

/* footer */
footer {
	position:relative;
	width:100%;
	z-index:2;
	background:#1083B4;
	border-top:solid 3px #222220;
	padding-top:2em;
	font-size:0.9em;
	color:#FFF;
	text-align:left;
	line-height:120%;
}
footer .txt-info 		{ color:#FFF !important; opacity: 0.8; }

.ftRow 	{ padding:10px 0}
.ftCols { display:flex; flex-direction:row; align-items:stretch; }
.ftCol {
	width:33.33%;
	max-width:250px;
	padding:1px 0 2em;
	vertical-align:top;
	font-weight:400;
	color:#FFF;
}
.ftCol1,
.ftCol2,
.ftCol3 {}

.ftCol12,
.ftCol23 { width:66.66%; }

.ftLink,
.ftLink a { color: #FFF; text-decoration:none; }

#ftHd { padding-top:1.5em; }
#ftHd h3 { font-size:2.2em; font-weight:300; color:#c5c5c5; }

#ftInfo { display:flex; flex-direction:row; align-items:stretch; }
#ftInfo .ftLeft  { width:80%; }
#ftInfo .ftRight { width:20%; max-width:250px; text-align:center; padding:0.2em 0 2em; }

#ftLogo { padding-bottom:1em; }
#ftLogo img { display:block; width:100%; max-width:250px; margin:0 auto; }

.ftLink i.fas { width:25px; }
.ftBtn { padding-top:1em; }
.ftBtn a.btn { background:#EEE; color:#000; border-color:#FFF; font-size:1.1em; }
.ftBtn .btn,
.ftBtn .btn i,
.ftBtn .btn span { vertical-align:middle; }
.ftBtn .btn span { display:inline-block; }
.ftBtn .btn > i.fas { margin:0 8px 0 -5px; }

ul.ftList {
	display:flex; flex-direction:column; justify-content:center; align-items:flex-start; flex-wrap:wrap;
	padding:1em 0 0; margin:0; list-style:none; }
ul.ftList li { width:100%; padding:1em 0 0; margin:0; }
ul.ftList li a { color:#FFF; font-weight:400; text-decoration:none; }
ul.ftList b { font-size:1.3em; }
.ftLink a:hover,
ul.ftList li a:hover { color:#000; text-decoration:underline; transition:0.2s; }

/* copyright */
#ftBtm {
	width:100%;
	background:#222220;
	padding:1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	z-index:2;
}
#ftBtm a { color:#FFF; text-decoration:none; }
#ftBtm a:hover { color:#A97356; text-decoration:underline; }
#copyright { float:left; }
#prodmedia { float:right; }

#testInfo {
	position:fixed;
	bottom:5px; left:5px;
	height:300px;
	width:400px;
	background:#CCC;
	border:1px solid #999;
	color:#000;
	padding:1.5em;
	font-size:0.6em;
	z-index:99999999999;
	overflow:scroll;
}
#testInfo h4 { color:#000 !important; }


@media all and (min-width: 1401px) and (max-width: 1600px) {
	header 			{ height:155px; }
	main 			{ padding-top:155px; }
}
@media all and (min-width: 1281px) and (max-width: 1400px) {
	header 			{ height:150px; }
	main 			{ padding-top:150px; }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
	/* header */
	header 			{ height:145px; }
	main 			{ padding-top:145px; }
	header.fixed 	{}
	
	/* header - List */
	
	/* header - buttons */
	
	/* header Nav */
	
	/* footer */
}

@media all and (min-width: 1025px) and (max-width: 1150px) {
	/* header */
	header	 		{ height:140px; }
	main 			{ padding-top:140px; }
	
	#navLogo 		{ width:24%; }
	#navLogo a		{ padding:80px 5% 0; }
	#mainNav		{ width:76%; }
	#mainNav .nav-sub-menu a .btn-txt 	{ padding-bottom:0.5em; font-size:calc(1em - 1px); }
	
	/* footer 
	footer #ftLogo img { width:190px; }*/
}

@media all and (min-width: 769px) and (max-width: 1024px) {
	/* header */
	header 			{ height:130px; }
	main 			{ padding-top:130px; }
	
	
	/* footer */
	footer { font-size:13px; }
	/*footer #ftLogo img { width:180px; }*/
}
@media all and (max-width: 1000px) {
	/* header */
	header			{ height:120px; }
	main 			{ padding-top:120px; }
	
	#mainMenu nav	{ display:block; }
	#mainNav		{ width:100%; margin-top:-1.5em; }
	#navLogo		{ width:100%; }
	#navLogo a		{ width: 15%; max-width:150px; min-width:100px; padding:0; margin:0 1em 0 auto; }
	
	#mainNav .nav-sub-menu a .btn-txt { font-size: 1.1em; }
}

@media all and (min-width: 769px) and (max-width: 950px) {
	/* header */
	header			{ height:120px; }
	main 			{ padding-top:120px; }
	
	/* footer 
	footer #ftLogo img { width:170px; }*/
	
}

@media all and (max-width: 768px) {
	/* header */
	header	 		{ height:130px; }
	main 			{ padding-top:130px; }
	
	#navLogo		{ padding-bottom:1em; }
	#mainNav		{ margin-top:0; }
	
	#mainMenu nav	{ font-size:13.5px; }
	#mainNav .nav-sub-menu a .btn-txt { font-size: 1em; }
	
	#mainNav ul#navBtns 				{ margin:0 0.6em; }
	#mainNav ul#navBtns li 				{ padding:0 0.6em 0 0; }
	
	
	/* footer */
	footer { font-size:12px; }
	/*footer #ftLogo img { width:150px; }*/
	
	/* copyright */
	#ftBtm {
		width:100%;
		height:auto;
		padding:1em 0 2em;
		text-align:center;
	}
	#ftBtm,
	#ftBtm a { font-size:11px; font-weight:400; }
	#copyright,
	#prodmedia { float:none; margin:1em 0; } 

}
@media all and (max-width: 700px) {
	/* header */
	#mainMenu nav	{ font-size:12.5px; }
	
	#mainNav ul#navBtns 				{ margin:0 0.5em; }
	#mainNav ul#navBtns li 				{ padding:0 0.5em 0 0; }
}
@media all and (max-width: 650px) {
	/* header logo */
	#hdLogo { width:28%; }

	/* header - main menu button  */								  
	#hdBtn a#btnMenu				{ position:absolute; top:-12px; left:-6px; margin:0; width:60px; height:60px; border-radius:30px;
								  	  display:block; padding:18px 5px 0; text-align:center; }
	#hdBtn a#btnMenu .icon 			{ font-size:24px; }
	#hdBtn a#btnMenu .btn-txt   	{ display:none; }
	
	header.fixed #hdBtn a#btnMenu 	{ box-shadow:0 1px 2px #000; }
	header.fixed #hdBtns 			{ padding-top:13px; }
	
	/* header */
	#mainMenu nav	{ font-size:12px; }
	
	#mainNav ul#navBtns 				{ margin:0 0.4em; }
	#mainNav ul#navBtns li 				{ padding:0 0.4em 0 0; }
	#mainNav ul#navBtns li a 			{ padding:0.4em 1.3em 0.3em; font-size:1em; letter-spacing:1px; }
	#mainNav ul#navBtns li a.selected	{ padding:0.5em 1.5em 0.4em !important; }
	
	#mainNav .nav-sub-menu p				{ /*font-size:0.9em; padding:1.5em 0 1px;*/ }
	#mainNav .nav-sub-menu ul				{ padding:0.4em; }
	#mainNav .nav-sub-menu ul > li 		{ margin:0.4em; }
	#mainNav .nav-sub-menu li > a 		{ padding:0.4em; }
	#mainNav .nav-sub-menu a .btn-img 	{ padding:0.3em; }
	#mainNav .nav-sub-menu a .btn-txt 	{ padding-bottom:0.4em; /*font-size:1em;*/ }
}
@media all and (max-width: 600px) {
	
	/* footer 
	footer #ftLogo img { width:130px; }*/
	
	#ftInfo { flex-direction:column; }
	#ftInfo .ftLeft  { width:100%; order:2; }
	#ftInfo .ftRight { width:100%; order:1; padding:0 0 1.5em; margin:0 auto; }
}
@media all and (max-width: 500px) {
	/* header logo */
	#hdLogo { width:31%; }
	
	#navLogo a		{ width: 22%; max-width:100px; min-width:75px; }
	
	#mainNav ul#navBtns 				{ margin:0 0.5em; }
	#mainNav ul#navBtns li 				{ padding:0 0.5em 0 0; }
	#mainNav ul#navBtns li a 			{ padding:0.4em 1.1em 0.3em; font-size:1em; letter-spacing:0; }
	#mainNav ul#navBtns li a.selected	{ padding:0.5em 1.3em 0.4em !important; }
	
	#mainNav .nav-sub-menu ul { flex-wrap:wrap; }
	#mainNav .nav-sub-menu ul > li { width:45%; flex-grow:1; }
	#mainNav .nav-sub-menu a .btn-img { padding:0.4em 8%; }
	#mainNav .nav-sub-menu a .btn-img img { max-width:150px; margin:0 auto; }
	#mainNav .nav-sub-menu a .btn-txt { font-size:1.1em; }
	
	.btn-news { display:none; }
	
	/* footer */
	footer
	#ftLogo img { width:70%; }
	.ftCols { /*flex-direction:column;*/ flex-wrap:wrap; }
	.ftCol {
		width:50% !important;
		max-width:250px;
		padding:1px 0 1em;
	}
	ul.ftList li { padding-top:0.5em;}
	.ftCol3 { order:1; }
	.ftCol2 { order:2; }
	.ftCol1 { order:3; }
}
@media all and (max-width: 425px) {
	/* header logo */
	#hdLogo { width:35%; }
	
	/* header */
	#navLogo a		{ width: 23%; }
	
	#mainMenu nav	{ font-size:12px; }
	
	#mainNav ul#navBtns 				{ margin:0 0.3em; }
	#mainNav ul#navBtns li 				{ padding:0 0.3em 0 0; }
	#mainNav ul#navBtns li a 			{ padding:0.4em 1em 0.3em; }
	#mainNav ul#navBtns li a.selected	{ padding:0.5em 1.2em 0.4em !important; }
	
	#mainNav .nav-sub-menu a .btn-img { padding:0.4em 10%; }
	#mainNav .nav-sub-menu a .btn-txt { font-size:1.1em; }
	
}
@media all and (max-width: 375px) {
	/* header logo */
	#hdLogo { width:40%; }
	
	#hdBtn a#btnMenu					{ left:-3px; top:-6px; }
								  
	/* header */
	#mainNav ul#navBtns 				{ margin:0 0.2em; justify-content:space-between; }
	#mainNav ul#navBtns li 				{ padding:0 0.2em 0 0; }
	#mainNav ul#navBtns li a 			{ padding:0.4em 0.8em 0.3em; }
	#mainNav ul#navBtns li a.selected	{ padding:0.5em 0.9em 0.4em !important; }
	
	#mainNav .nav-sub-menu a .btn-img { padding:0.4em 10%; }
	#mainNav .nav-sub-menu a .btn-txt { font-size:1em; }
}
@media all and (max-width: 340px) {
	/* header */
	#mainMenu nav	{ font-size:11px; }
}
/* not a mobile 
.lapDisplay { display:block; }
.mobDisplay { display:none; } */