@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
html, body, ol, ul, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{
	margin:0; padding: 0; border:0;
	
	}

html {
	font-size : 100%;
	width:100%; 	
	background:url(../assets/main-background.jpg) repeat;		
}

body {
	font-family: 'Oxygen', sans-serif;
	font-weight:normal; 
	color:#626262;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
/* ------------------- */
/* Block content areas */
#container {
width:100%; display:block
}
.content {width:100%;
max-width:1050px;
position:relative;
margin:auto;
}
h1 {margin:10px 0}
h2 {margin:0 0 1em 0;
-webkit-column-span: all; 
    column-span: all;
	}
p {margin:1.2em 0}

#bannerArea {text-align:center}
#subNav {background-color:#dedede;}
.subNavTitle {font-size:1.5em; margin:0;}
.bigFeatures p {font-size:0.8em; margin: 0 1em 1em 0;line-height:110%}
.bigFeatures {-webkit-column-count: 3;
    -moz-column-count: 3; 
    column-count: 3;    -webkit-column-width: 300px; 
    -moz-column-width: 300px; 
    column-width: 300px;}
.threeColumn {-webkit-column-count: 3;
    -moz-column-count: 3; 
    column-count: 3;    -webkit-column-width: 300px; 
    -moz-column-width: 300px; 
    column-width: 300px;}
.twoColumn {-webkit-column-count: 2;
    -moz-column-count: 2; 
    column-count: 2;    -webkit-column-width: 200px; 
    -moz-column-width: 200px; 
    column-width: 200px;}

#nav {background-color:#1E1E1E; color:#fff; text-align:center; border-bottom:3px solid #666666; font-size:1.5em}
#nav ul {list-style:none; margin:0; padding:0}
#nav li {display:inline}
#nav li a {color:#fff; display: inline-block; text-decoration:none; padding:.6em;}
#nav li a:hover,#nav li a.selected,#nav li.selected {background-color:#B22C00}
#container-content { padding-top:268px;overflow-wrap: break-word; }
#container-banner {
    position: fixed;
    width: 100%;
	background:#ffffff;background:url(../assets/main-background.jpg) repeat; z-index:100
}
#container-content div { }
.contentArea {max-width:1050px; padding:1em 1em; margin:auto; font-size:1.3em;line-height:175% }
.bgBasic {color:#626262}
.bgSections {color:#626262; font-size:0.8em; background-color:rgba(236,236,236,1.00);padding:1em;}
.bgSections p {margin:0 0 .2em 0}
.bgSections h2 {margin-top:1em}
.bgBasic2 {color:#ffffff; background-color:#1e1e1e}
.bgBasic3 {color:#ffffff; background-color:#B22C00}
.bg1 {background-color:#919BB8; background-image:url(../assets/background-1.jpg); background-size:cover;}
.bg2 {background-color: #86181A; color:#FFFFFF}
.bg4 {background-color: #8F490C; color:#FFFFFF}
input { padding:.2em; margin:.2em 0; border:1px solid #333; font-size:1.1em}
select { padding:.5em; margin:.4em 0; border:1px solid #333; font-size:1.1em}
input[type="text"] { width:100%; max-width:400px}
input[type="tel"] { width:50%; max-width:400px}
input[type="email"] { width:100%; max-width:400px}
.button { width:auto; background-color:#000; color:#fff; text-transform:uppercase; font-size:1.15em; padding:.45em;  }
.button:hover {background-color:#4D688C}
a { color:#B22C00; text-decoration:underline;}
a:hover {color:#BDCD13}
a.button { width:auto; background-color:#000; color:#fff; text-transform:uppercase; font-size:1.15em; padding:.45em;text-decoration:none }
a.button:hover {background-color:#4D688C}
.buttonSmaller { width:auto !important; background-color:#000; color:#fff; text-transform:uppercase; font-size:0.85em; padding:.25em;  }
.buttonSmaller:hover {background-color:#4D688C}

.resizeme {max-width:50%;-moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	display:block; margin:auto}
.float {float:left; width:50%}
.smaller {font-size:.8em}
.smaller2 {font-size:.7em; font-style:italic; line-height:110%; display:block }
.modal {display:none}
#navmobileTitle {display:none}

#bannerArea {color:#1e1e1e}

#logo {width:100%; max-width:428px; }
#bannerArea * { 
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#bannerArea p {margin:0}

.infoBox {background:#43568c; padding:2em; font-size:.8em; border:.6em dashed #ffffff; margin:1em;
transform:rotate(-2deg);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5); z-index:0; max-width:700px; color:#efefef; font-family:serif;
}
.infoBox2 {background:#43568c; padding:2em; font-size:.8em; border:.6em dashed #ffffff; margin:1em;
transform:rotate(2deg);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5); z-index:0;max-width:700px; color:#efefef;font-family:serif;
}

.infoBox2 h3,.infoBox h3 {margin:0 0 1em 0;
-webkit-column-span: all; 
    column-span: all;
	font-size:1.5em
	}
.infoBox p,.infoBox2 p {margin:0}

.externalIcons img {margin:1em}
.externalIcons img:hover {transform:rotate(360deg);-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;}

.bizname {font-size:1.5em; font-weight:bold}
.address a {color:#333333; text-decoration:underline}
.address a:hover {color:#D50003}
ul.counter {
  counter-reset: section;
  list-style: none;
}

ul.counter li {
  margin: 0 0 .8em 0;
  line-height: 2em;
}

ul.counter li:before {
  content: counter(section);
  counter-increment: section;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
  border-radius: 100%;
  text-align: center;
  background-color: #4a5880;
  color: #fff;
}
ul.counter li.thisStep:before {
  background-color: #5396ea;;
}
.mobile1 {z-index: 100;position: absolute;right: -100px;top: 0;}
.desktoponly {display:block}
.mobileonly {display:none}
.graphic { float:left; margin:1em; width:100%; max-width:300px; }
label { display:inline-block; width:150px; text-align:right; margin-right:10px; }

@media screen and (min-width: 700px)  {
	p.bizname {margin:0}
	.address {font-size:2em}
	p.address {margin:5px}
}
.mainimage {border-bottom:4px solid #4E4E4E}
@media screen and (max-width: 900px) {
	.mobile1a {text-align:center; font-size:.8em; line-height:110%}
	#nav {font-size:1.2em}
	.externalIcons img {margin:.75em; max-width:100px}
	.desktoponly {display:none}
	.mobileonly {display:block}
}

@media screen and (max-width: 480px) {
	.graphic {float:none; margin:1em 0}
	#nav {font-size:1em}
 	.externalIcons img {margin:.5em; max-width:50px;}
   .contentArea {
        font-size:1.25em;
    }
	input { width:90% !important}
	.button { width:90%; padding:.75em }
	.float{float:none; width:auto}
	.resizeme {max-width:80%}
	#nav li {display:block}
	#navoptions {display:none; background-color:#3B3B3B; border-top:2px solid #8C8C8C}
	#navmobileTitle {display:block; text-align:center; position:relative;padding:1em;}
	#navmobileMenuIcon {position:absolute; right:10px; top:0em; padding:.5em}
	#navmobileMenuIcon div {
    width: 2em;
    height: 3px;
    background-color: #fff;
    margin: .5em 0;
	}
	.bizname img {max-height:50px}
	.bigFeatures p {font-size:0.7em; }
	.bigFeatures {-webkit-column-count: 2;
		-moz-column-count: 2; 
		column-count: 2;    -webkit-column-width: 100px; 
		-moz-column-width: 100px; 
		column-width: 100px;}
}

@media screen and (max-height: 400px) {
	#bannerArea {display:none}
	#container-content { padding-top:0; }
	html {font-size : 90%;}
	.float{float:none; width:auto}
	.resizeme {max-width:80%}
}
@media screen and (min-height: 400px) and (max-height: 600px) {
	#bannerArea {display:block}
	#container-content { padding-top:150px; }
	html {font-size : 80%;	}
	.float{float:none; width:auto}
	.resizeme {max-width:80%}
}
@media screen {
	#bannerArea.smaller img {width:0%;}
	#navoptions.smaller {font-size:1em;} 
	#navoptions.smaller li a {padding:0.5em 1em;	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
} 
}
@media screen and (max-width: 600px)  {
	select {font-size:1em;}
	label {display:none}
}




.bullets {list-style-position:outside; margin-left:20px}
#orderErrors {background:#E0ED00; color:#333; padding:1em; font-size:0.8em}
#haswebsite,#nowebsite {display:none}
#footer {font-size:.8em; border-top:2px solid #9A9A9A; margin-top:1em; padding:1em; color:#555555; text-align:center}
ul.list {
	list-style-position:outside;
	margin-left:1em;
	line-height:110%;
}
ul.list li {padding:.5em 0;}

.video {
  min-width: 100%;
/*  min-height: 100%;*/
  width:100%;
/*  height:100%;*/
}