/*****
Fonts
*****/

@font-face {
	font-family: 'Aller';
	src: url('../fonts/Aller.eot?#iefix') format('embedded-opentype'), url('../fonts/Aller.woff') format('woff'), url('../fonts/Aller.ttf') format('truetype'), url('../fonts/Aller.svg#Aller') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChunkFive';
	src: url('../fonts/ChunkFive-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/ChunkFive-Roman.otf') format('opentype'), url('../fonts/ChunkFive-Roman.woff') format('woff'), url('../fonts/ChunkFive-Roman.ttf') format('truetype'), url('../fonts/ChunkFive-Roman.svg#ChunkFive-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Inder';
	src: url('../fonts/Inder-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inder-Regular.otf') format('opentype'), url('../fonts/Inder-Regular.woff') format('woff'), url('../fonts/Inder-Regular.ttf') format('truetype'), url('../fonts/Inder-Regular.svg#Inder-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*****
Layout Blocks
*****/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	background: #7e7f80;
	color: #3e3e3e;
	font-family: 'Inder', Helvetica, Arial, sans-serif;
}

.wrapper {
	width: 94%;
	margin: 0 auto;
	max-width: 1600px;
}

#header {
	width: 100%;
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
}

#navBar {
	width: 100%;
	background: #6da3e3;
	/*height:2em;*/
	/*	box-shadow:0 0.1em 0.1em rgba(0,0,0,0.3); */
	overflow: visible;
}

#slideArea {
	width: 100%;
	background: #e2e3e4;
	min-height: 10em;
}

#cta {
	width: 100%;
	padding: 1em 0;
	/**background: #4175b3;
	color: #fff;**/
	background:#fff;
	color:#931c2b;
	text-align: center;
	/**box-shadow: 0 1.1em 4.9em 3.5em rgba(0, 0, 0, 0.35) inset, 0 0.2em 0.1em rgba(0, 0, 0, 0.3);**/
}
#cta a{
    color:#931c2b;
}

#main {
	width: 100%;
	background: #fff;
	font-size: 1em;
	padding: 1.3em 0;
}

#footer {
	width: 100%;
	color: #fff;
	background: #6da3e3;
	font-size: 0.7em;
	line-height: 1.7em;
	padding: 2em 0;
	text-align: center;
	border-top: 0.2em solid #931c2b;
}

/*****
Main Nav
*****/

nav {
	display: block;
	position: relative;
}

nav, nav a {
	color: #fff;
	text-decoration: none;
}

nav a {
	display: block;
	padding: 0.4em 2em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

nav a:hover {
	background: gray !important;
	color: #6da3e3;
}

nav ul {
	padding: 0;
	margin: 0;
}

nav ul li {
	float: left;
	display: inline;
	position: relative;
	background: #6da3e3;
	border-right: 1px solid white;
}

ul#nav li:first-child {
	border-left: 1px solid #fff;
}

nav ul li ul {
	left: 0;
	top: 100%;
}

/*Hide all submenus*/

nav ul ul {
	display: none;
}

nav li:hover>ul {
	display: block;
	position: absolute;
	z-index: 1000;
	width: 20em;
}

nav li ul li {
	width: 20em;
}

nav ul ul li:hover>ul {
	right: -120px;
	top: 0;
	left: auto;
}

nav#navBar input, nav#navBar label {
	display: none;
}

nav#navBar label#toggle-label {
	width: 100%;
	float: left;
	color: #fff;
	padding: 5px 10px;
	padding-right: 0;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*****
Slider
*****/

.cycle-slideshow {
	width: 100%;
}

/* slideshow images (for most of the demos, these are the actual "slides") */

.cycle-slideshow img {
	/* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	display: block;
}

/* in case script does not load */

.cycle-slideshow img:first-child {
	position: static;
	z-index: 100;
}

/* overlay */

.cycle-overlay {
	font-family: 'ChunkFive', tahoma, arial;
	font-size: 2em;
	text-align: right;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 600;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 0.3em 2%;
	opacity: 1;
}

/*****
Content
*****/

#hLeft {
	width: 70%;
	float: left;
}

#logo {
	padding: 0.5em 0 0.2em;
	width: 100%;
}

#logo img {
	max-width: 100%;
	height: auto;
}

#tagline {
	margin: 0 0 0.5em 1em;
	color: #a40235;
	font-size: 1.5em;
	
}

#hRight {
	width: 29%;
	float: right;
	text-align: right;
	font-size: 0.9em;
}

#soc {
	height: 40px;
	margin: 0.5em 0;
	text-align: right;
}

#soc a {
	float: right;
	margin: 0 0.5em;
}

#topInfo {
	text-align: right;
	font-size:21px;
	color:inherit;
}

#cta h2 {
	font-size: 2em;
	margin-bottom: 0;
}

#cta h3 {
	font-size: 1.2em;
	margin-top: 0;
}

#iconRow {
	width: 100%;
	font-family: 'Aller', Helvetica, Arial, sans-serif;
}

.icon {
	text-align: center;
	display: inline-block;
	margin: 0 2.2em 1em;
	font-size: 1.5em;
	font-weight: bold;
}

.icon img {
	display: block;
	margin-bottom: 0.5em;
}

.icon a {
	color: #fff;
	text-decoration: none;
	text-align: center;
}

h1 {
	color: #931c2b;
	font-size: 2.2em;
}

#insLogos {
	text-align: center;
	margin: 2em 0 1em;
	overflow: hidden;
	width: 100%;
	height: 4em;
}

#insLogos img {
	margin: 0 auto;
	max-width: 100%;
}

.insLogoShow {
	width: 33%;
	float: left;
	margin: 0 auto;
	text-align: center;
}

.insLogoShow img {
	max-width: 100%;
	height: auto;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*****
FORM
*****/

#quote {
	width: 100%;
	padding: 1em 0;
	display: block;
	background: #eee;
}

.formLeft {
	width: 58%;
	float: left;
	padding: 0 1%;
}

.formRight {
	width: 37%;
	float: left;
	padding: 0 1%;
}

.row {
	display: block;
	clear: both;
	margin: 0.0em 0 1em;
	width: 100%;
	height: auto;
	position: relative;
}

.row>label {
	float: left;
	width: 34%;
	padding-right: 1%;
}

.row>div {
	float: right;
	width: 60%;
	padding-left: 5%;
}

input[type=text], input[type=email], input[type=url], input[type=password], textarea {
	width: 90%;
}

.row:after {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: " ";
}

/*****
Misc
*****/

.lPic {
	float: left;
	margin: 0 10px 10px 0px;
}

.rPic {
	float: right;
	margin: 0 0 10px 10px;
}

.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	content: " ";
}

.clear {
	clear: both;
}

.noMarg {
	margin: 0;
}

IMG {
	border: none;
}

.resp {
	width: 100%;
}

.resp img {
	max-width: 100%;
	height: auto;
}

th {
	text-align: left;
	margin: 0.5em 0;
}

td {
	overflow: hidden;
	margin: 0.5em 0;
}

a {
	color: #4175b3;
}

.error, .red {
	color: #900;
}

.btn, a.btn {
	background: #6da3e3;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	cursor: pointer;
	border: none;
	border-radius: 4px;
}

/*****
Media Queries
*****/

@media only screen and (min-width: 10em) and (max-width:50em) {
	li.item-with-ul ul li {
		display: block !important;
		width: 100%;
		height: auto;
	}
}

/* 320px */

@media only screen and (min-width: 10em) and (max-width:40em) {
	#hLeft {
		width: 100%;
		float: none;
		margin-bottom: 0.5em;
	}
	#logo {
		padding: 0.5em 0;
		text-align: center;
	}
	#tagline {
		margin: 0 0 0 1em;
		font-size: 1.5em;
		text-align: center;
	}
	#hRight {
		width: 100%;
		float: none;
		text-align: center;
		font-size: 1em;
		padding-bottom: 0.5em;
	}
	#soc {
		text-align: center;
	}
	#soc a {
		float: none;
	}
	#topInfo {
		text-align: center;
	}
	#slideArea {
		display: none;
		visibility: hidden;
	}
	#insLogos {
		visibility: hidden;
		display: none;
	}
	.lPic, .rPic {
		float: none;
		margin: 0 0 0.75em;
		display: block;
		max-width: 100%;
		height: auto;
	}
	.icon {
		/*width:100%;
		margin:0 0 1em;
		display:block;*/
	}
	th, td {
		font-size: 0.8em;
	}
	.row>label {
		float: none;
		width: 100%;
		padding-right: 0;
		display: block;
		margin-bottom: 0.3em;
	}
	.row>div {
		float: none;
		width: 100%;
		padding-left: 0;
		display: block;
		margin-bottom: 0.3em;
	}
	input[type=text], input[type=email], input[type=url], input[type=password] {
		width: 90%;
	}
}

/* 640px - 800px */

@media only screen and (min-width: 40em) and (max-width: 50em) {
	.icon {
		margin: 0 1.0em 1em;
		font-size: 1.0em;
		width: 13%;
	}
	.icon img {
		max-width: 100%;
		height: auto;
	}
}

/* < 800px */

@media only screen and (max-width: 50em) {
	nav#navBar label#toggle-label, nav#navBar ul#nav ul, #nav ul {
		display: block;
	}
	ul#nav {
		display: none;
		clear: both;
	}
	nav#navBar input:checked+ul {
		display: block;
	}
	#nav li {
		float: none;
		display: block;
		width: 100%;
		position: relative;
	}
	#nav li:hover ul, #nav li:hover>ul {
		position: relative;
		width: auto;
		display: block;
	}
	#nav li a {
		/*display:block;*/
		background: #6da3e3;
		border-left: none;
		border-right: none;
		border-top: 1px solid #fff;
	}
	#navBar li {
		width: 100%;
	}
	nav ul li {
		border-right: none !important;
		border-left: none !important;
	}
	#nav li:last-child {
		border-right: none;
	}
	#nav a.not-active {
		pointer-events: none;
		cursor: default;
		color: #ccc;
		display: none;
	}
	.formLeft {
		width: 98%;
		float: none;
	}
	.formRight {
		width: 98%;
		float: none;
	}
}

/* > 800px */

@media only screen and (min-width: 50em) {
	#nav li a {
		padding: 0.4em 1.7em;
	}
	.icon {
		margin: 0 1.2em 1em;
		font-size: 1.0em;
	}
	.icon img {
		max-width: 100%;
		height: auto;
	}
}

/* 880px - 959px */

@media only screen and (min-width: 55em) and (max-width: 59.93em) {
	#nav li a {
		padding: 0.4em 2.1em;
	}
	.icon {
		margin: 0 1.7em 1em;
		font-size: 1.1em;
		width: 12%;
	}
}

/* > 960px */

@media only screen and (min-width: 60em) {
	#nav li a {
		padding: 0.4em 2.6em;
	}
	.icon {
		margin: 0 1.8em 1em;
		font-size: 1.2em;
	}
}

/* > 1120px */

@media only screen and (min-width: 70em) {
	#nav li a {
		padding: 0.4em 3.6em;
	}
}

/* > 1280px */

@media only screen and (min-width: 80em) {
	#nav li a {
		padding: 0.4em 4.6em;
	}
	.icon {
		margin: 0 2.2em 1em;
		font-size: 1.5em;
	}
}

/* > 1440px */

@media only screen and (min-width: 90em) {
	#nav li a {
		padding: 0.4em 5.3em;
	}
}

/* > 1599px */

@media only screen and (min-width: 99.93em) {
	#nav li a {
		padding: 0.4em 6.3em;
	}
}

.alert-success, .alert-danger {
	font-weight: bold;
	padding: 10px;
	width: 100%;
}

.alert-success {
	background: #cfc;
	color: #363;
}

.alert-danger {
	background: #fcc;
	color: #933;
}