@charset "UTF-8";
/* CSS Document */

body, html 		{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #000000; background:#ececec; margin:0;  -ms-text-size-adjust: 100%;	-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

#mainBody	{background:#000000;}


* {box-sizing: border-box}
*:before, *:after {box-sizing: border-box}
figure {margin: 0}
img {vertical-align: middle; border: 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                Headers and paragraphs       */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1, .preHeadline	{font-family:'Open Sans', Arial, Helvetica, sans-serif;  color:#ffffff; font-size:60px; line-height:64px; font-weight:700; margin:0 0 20px 0; padding:0; text-align:left;}
.preHeadline		{font-weight:400; font-size:48px; line-height:54px; margin:0; padding:0;}
.subhead			{color:#ffffff;}
@media(max-width:1000px){
.preHeadline		{font-size:36px; line-height:40px; margin:0 0 5px 0; }
h1					{font-size:42px; line-height:46px; margin:0 0 10px 0; }
} @media(max-width:700px){
.preHeadline		{font-size:24px; line-height:28px; margin:0 0 5px 0; }
h1					{font-size:36px; line-height:40px; }
}



h2 					{font-family:'Open Sans', Arial, Helvetica, sans-serif;  color:#000000; font-size:32px; line-height:38px; font-weight:700; margin:20px 0 50px 0; padding:0; text-align:center;}
.lightBlueH2 		{color:#00a2ff; font-weight:400;}
@media(max-width:600px){
h2 					{font-size:24px; line-height:28px; }
.lightBlueH2 		{margin-bottom:0;}
}
h3 					{font-family:'Open Sans', Arial, Helvetica, sans-serif;  color:#000000; font-size:21px; line-height:26px; font-weight:700; margin:4% 0 3% 0; padding:0; text-align:left;}
h4 					{font-family:'Open Sans', Arial, Helvetica, sans-serif;  color:#000000; font-size:18px; line-height:22px; font-weight:400; margin:3% 0; padding:0; text-align:center;}

p, ul, li 			{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; margin:5px 0 15px 0; font-size:14px; line-height:22px;}
ul 					{color:#00baff; padding:0 0 0 20px;}

.blackText			{color:#000000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  MAIN CONTAINERS            */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrap				{width:100%; overflow:auto; background:#ffffff;} 
.sectionWrapper		{width:100%; max-width:1440px; overflow:auto; margin:0 auto; padding:0;}
.sectionWrapperThin	{max-width:960px;}
.col1, .col2, .col3	{width:96%; margin:6% 2%; padding:0; float:left; display:block;}
.col2, col3			{width:46%; margin:0 2%;}
.col3 				{width:29%;}

.removeWhenStacked 	{display:block;}

.headerBG 			{background:#786e76 url(BG_header_b.png) no-repeat; background-position:right center; background-size:65%;}
.headerGrad			{background: -webkit-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
					 background: -o-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)); 
					 background: -moz-linear-gradient(right,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
					 background: linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)); }

.borderBox			{border:#e0e0e0 1px solid; margin:2%; padding:2% 3%;}
.mainHeader			{width:92%; max-width:560px; margin:7% 4%; overflow:visible;} 
.mainHeader	input		{width:100%; max-width:360px;}

.fieldSingle		{max-width:300px; margin:0 auto;}

@media(max-width:1000px){
.col3			 	{width:46%; margin:0 2%;}
.removeWhenStacked 	{display:none;}
} @media(max-width:700px){
.col2, .col3		{width:92%; margin:0 4%; float:none; clear:both; }
.fieldSingle		{max-width:none;}
} @media(max-width:600px){
.headerBG 			{background-size:cover;}

}

.aboveCol2			{margin-bottom:0; }
.belowCol2			{margin-top:0; }

.customQuote 		{text-align:center; margin-bottom:0;}
.customQuote p 		{font-size:20px; line-height:28px; text-align:center; display:block; vertical-align:middle; margin:0 auto;}
@media(max-width:950px){
.customQuote 		{text-align:center; margin:20px auto 5px auto;}
.customQuote p 		{display:block; vertical-align:middle; margin:0 auto;}
}


.mouseType 		{width:90%; max-width:800px; margin:2% auto; padding:0; overflow:auto;}

.mouseType h3 		{color:#ffffff; text-align:center; margin:10px 0;}

.mouseType p 	{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#cccccc; text-align:center; font-weight:400; padding:0;}
.mouseType p a 	{color:#cccccc; cursor:pointer;}
.helpLinks a		{font-size:14px;}

.mouseType p a:hover 	{color:#999999;}



.mousetypeWrap 	{background:#3e3e3e;}
.headerWrap		{background:#000000;}
.itemWrap		{background:#f0f0f0;}

.descIMG			{width:100%; max-width:400px; margin:0 auto; height:auto; display:block; border:none;}




.tableContainer {border:#666666 1px solid; background:#ffffff; padding:20px; max-width:450px; margin:10px auto 20px auto; position:relative;}
table {width:100%; border-collapse: collapse !important; border-spacing: 0;}
td, th {padding: 10px; font-size:18px; vertical-align:top;}
.burst {position: absolute; top:-1%; left:-42%; width:200px;}


@media(max-width:800px){
	
.burst {top:16%; left:-26%; width:121px;}

} @media(max-width:650px){
.tableContainer {padding:5px; }
td, th {padding: 5px;}
.burst {display:none;}
}


.highlight	{color:#00baff;} /* This is whatever the brand color is */

.iconRow {display:flex; align-items:center ;}
.iconGroup {padding:20px 20px 20px 65px; flex:1;}
@media(max-width:600px){
.iconRow {display:block;}
.iconGroup {margin:15px 0; padding:15px 3% 15px 65px;  flex:none;}

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  Sticky Header              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header 				{overflow:visible; width:100%; background:#000000; z-index:99; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; height:60px; }
header.sticky 		{position:fixed; box-shadow:0 5px 5px 0 rgba(0,0,0,.2);}
header .sectionWrapper {overflow:visible; margin:0 auto;}      
.headerSection		{width:92%; height:40px; margin:10px 4%; box-sizing:border-box; padding:0; float:right; position:relative; background:#000000 url(LOGO.png) no-repeat left center; background-size:contain;} 
.headerLinks		{display:block;}
.headerLink			{font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline; font-size:12px; line-height:40px; font-weight:600; padding:0 20px 0 0;}

@media(max-width:800px){
.headerLink			{line-height:30px; }

}
@media(max-width:400px){
.headerSection		{background-size:40%;} 
}

.tagLine			{float:left; padding-left:15px; margin-left:170px; font-size:14px; line-height:40px; color:#ffffff; border-left:#999999 1px solid;}
@media(max-width:1100px){
.tagLine			{display:none;}
}




#dropDown		{padding:20px; width:250px; position:absolute; top:38px; right:0; z-index: 1000; display: none; min-width: 160px; margin:0; list-style: none; background-color: #000000;  box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box;}
#dropDown p 	{margin:0; padding:0;}		
#cart 			{position:relative; cursor:pointer; width:40px;}
@media(max-width:800px){
#cart 			{width:30px;}
}

.mobileHide		{display:block;}
.mobileShow		{display:none;}
@media (max-width:700px) {
.mobileHide		{display:none;}
.mobileShow		{display:block;}
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  Navs and Btns              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.CTAButton 				{display:block; box-sizing:border-box; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; cursor:pointer; width:auto; max-width:270px; margin:20px auto;  padding:0 22px 2px 22px; margin:0 auto; padding:0 22px 2px 22px; font-family:'Open Sans', Arial, Helvetica, sans-serif; background-color:#ffffff; border:#000000 2px solid; color:#000000; font-size:18px; line-height:38px; font-weight:600; font-style:normal; text-align:center; text-align:center; text-decoration:none; font-variant:normal; -webkit-font-smoothing:antialiased; -webkit-user-select:none; vertical-align:middle; white-space:nowrap; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.CTAButton:hover		{background-color:#ffffff; border:#666666 2px solid; color:#666666;}
@media(max-width:480px){
.CTAButton 				{width:100% !important; max-width:none !important; margin:10px auto; }
}


.CTASmC					{padding:0 22px 2px 22px; font-size:18px; line-height:38px; font-weight:600; max-width:200px;}
.CTAMdC					{padding:0 22px 2px 22px; font-size:18px; line-height:38px; font-weight:600; }
.CTALgC					{padding:0 32px 3px 32px; font-size:22px; line-height:50px; font-weight:700; max-width:270px;}
.CTAXlC					{padding:0 32px 3px 32px; font-size:22px; line-height:50px; font-weight:700; max-width:300px;}

@media(max-width:480px){
.CTASmC, .CTAMdC, .CTALgC, .CTAXlC		{padding:0 22px 3px 22px; font-size:18px; line-height:44px; font-weight:700; max-width:none;}
}

.CTAWhite 				{background-color:#ffffff; border:#ffffff 2px solid; color:#000000;}
.CTAWhite:hover			{background-color:#cccccc; border:#cccccc 2px solid; color:#000000;}
.CTABlue 				{background-color:#00baff; border:#00baff 2px solid; color:#ffffff;}
.CTABlue:hover			{background-color:#2dc6ff; border:#2dc6ff 2px solid; color:#ffffff;}
.CTABlueIn 				{background-color:#ffffff; border:#00baff 2px solid; color:#00baff;}
.CTABlueIn:hover		{background-color:#2dc6ff; border:#2dc6ff 2px solid; color:#ffffff;}
.CTARed 				{background-color:#e90606; border:#e90606 2px solid; color:#ffffff;}
.CTARed:hover			{background-color:#ef4c4c; border:#ef4c4c 2px solid; color:#ffffff;}
.CTARedIn 				{background-color:#ffffff; border:#e90606 2px solid; color:#e90606;}
.CTARedIn:hover			{background-color:#ffffff; border:#ef4c4c 2px solid; color:#ef4c4c;}

.CTAHeader 				{display:inline-block; margin:0; font-size:14px; line-height:34px;}
.CTADropdown			{display:inline-block; margin:0; font-size:14px; line-height:34px;}

.CTAMain				{display:block; max-width:300px; margin:0; padding:10px 30px 14px 30px; font-size:28px; line-height:32px;}
.CTAFinal				{display:block; max-width:300px; margin:0 auto; padding:10px 30px 14px 30px; font-size:28px; line-height:32px;}

.CTAButton span 		{display:block; font-size:14px; line-height:18px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  Form Styling              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fieldStyle {
	display: block; width: 100%; height: 44px; margin:0 0 15px 0; padding:0 12px;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;  	font-size: 18px; line-height:44px; text-align:left; color: #555555;
	background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}
	
.fieldStyle:focus {border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6)}
.fieldStyle::-moz-placeholder {color:#999;
opacity:1}
.fieldStyle:-ms-input-placeholder {color:#999}
.fieldStyle::-webkit-input-placeholder {color:#999}
.fieldStyle::-ms-expand {border:0;
background-color:transparent}
.fieldStyle[disabled], .fieldStyle[readonly], fieldset[disabled] .fieldStyle {background-color: #eeeeee;
	opacity: 1}
textarea.fieldStyle {height: auto}
input[type="search"] {-webkit-appearance: none}

.fieldW30 {width:30%; float:left; line-height:44px;}

select {background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%) !important;
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%) !important;
background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%) !important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ) !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  MISC              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

hr 					{width:100%; margin:20px auto; height:1px; border:none; background:#cccccc; display:inline-block; }

.textLink			{color:#00baff;}
.textLink:visited	{color:#00baff;}
.textLink:hover		{color:#2dc6ff;}

.clearBoth			{clear:both;}

.noWrap				{white-space:nowrap;}
.floatL				{float:left;}
.floatR				{float:right;}