* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html {  
	margin: 0px;
	
	border: 0px;
	padding: 0px;
	text-align: left;

	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
	text-rendering: optimizelegibility;

	color: #231f20;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;

	background: #ffffff;
	
	/*  Sticky Footer */
	position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 120px 0; /* bottom = footer height */
}

a {outline:none;}

ul {padding-top: 0px; margin-top: 0px;}

:root {overflow-y: scroll !important;}

.right {float:right !important;}
.left {float:left !important;}
.clear {clear:both;}
img.right {margin:0 0 20px 20px;}
img.left {margin:0 20px 20px 0;}
img {border: none;}
.border {border: 5px solid #54467f;}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 130px;
    right: 50px;
    display: none;
    text-indent: -9999px;
    background: url(../images/icon_top.png) no-repeat;
}


	
.responsive {width: 90%;}



/*	--------------------------------------------------
	:: Structure
	-------------------------------------------------- */

		#header-wrapper {
			width: 100%;
			height: 102px;
			background: #030005;
			border-bottom: 6px solid #5d40bf;
		}
				
		#header {
			width: 90%; /* Change to exact pixels for static (non-responsive) */
			height: auto;
			margin: 0 auto;
			padding: 0;
		}	
		
		#logo {float: left; width: 30%;}	
		
		#phone-desk {
			background: url(../images/phone-bg.png) no-repeat;
			width: 354px;
			height: 50px;
			float: right; 
			font-size: 20px; 
			color: white; 
			font-weight: 300;
			padding-top: 10px;
			text-align: center;
		}	
		#phone-desk a, #phone-mobile a {color: white; text-decoration: none;}
		
		#phone-mobile {display: none;}





		
		#slideshow-wrapper {
			width: 100%;
			padding-bottom: 30%;
			background: url(../images/car-insurance-hero.jpg) #dff0e8 no-repeat;
			background-size: 100%;
		}
		#slideshow-bg {
			width: 90%;  /* Change to exact pixels for static (non-responsive)*/
			margin: 0 auto;
			position: relative;
		}		

		.slogan {
			position: absolute;
			right: 0;
			top: 60px;
		}

		.slogan-text {
			font-family: 'Oswald', sans-serif;
			font-weight: 300;
			font-size: 82px;
			color: white;
			text-shadow: 1px 1px 0 #000000;
		}

				
		#slideshow-wrapper-interior {
			width: 100%;
			height: 300px;
			position: absolute;
			z-index: -1;

		}
				
		






		#homepage-wrapper {
			width: auto;
			height: 293px;
			background: #3b2e64;
			background-image: -ms-linear-gradient(top, #3b2e64 0%, #211641 100%);
			background: -webkit-gradient(linear, left top, left bottom, from(#3b2e64), to(#211641));
			background: -moz-linear-gradient(top,  #3b2e64,  #211641);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b2e64', endColorstr='#211641');
			border-top: 6px solid #211641;
		}	
		
		#homepage-bg {
			width: 100%;  /* Change to exact pixels for static (non-responsive)*/
			right: 0;
			margin: 0 auto;
			position: relative;
		}	

		.box3 {background: url(../images/box3-bg.png) no-repeat;}	
		.box3 h2 {color: white;}
		.box3 {color: white;}

		#box3list ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			margin-left: 10px;
		}

		#box3list li {line-height: 25px;}

		#box3list a {
			display: block;
			color: #FFF;
			background-color: #3b2e64;
			width: 100%;
			padding: 0px 20px 5px 20px;
			text-decoration: none;
		}
		#box3list a img {padding-top: 5px;}

		#box3list a:hover {
			background-color: #2a1f4d;
			color: #FFF;
		}




		.homebox-heading {
			color: #ffffff;
			background: #000000;
			font-family: "Lato", Arial, Helvetica, sans-serif;
			font-weight: 300;
			text-transform: uppercase;
			font-size: 24px;
			margin: 0px;
			padding: 20px;
			line-height: 28px;
			border-top: 6px solid #5d40bf;
		}
		.homebox-heading span {text-transform: none; font-size: 20px;}

		
		
		#content-wrapper {
			width: 100%; /* Change to exact pixels for static (non-responsive) */
			height: auto;
			margin: 0px auto;
			background: #dbdade;
		}
		
		#content {
			width: 90%;
			margin: 0px auto;
			height: auto;
			padding: 30px 0px;
		}
		#content a {color: #241a46; text-decoration: underline; line-height: 20px;}
		#content a:hover {color: #342175; text-decoration: none;}

		#bar {
			background: #ecebee;
			margin: 0px auto;
			height: auto;
			padding: 20px 40px;
		}
		

		
		
		
		
/*	--------------------------------------------------
	:: Navigation (FULL CSS w/ DROPS)
	-------------------------------------------------- */
	
		
#nav-wrapper {
	float: right;
	width: 70%;
	height: 102px;
	margin: 0;
	padding: 0;
}

#nav-bg {
	width: 100%;  /* Change to exact pixels for static (non-responsive)*/
	height: 102px;
	margin: 0 auto;
	padding: 0;
}
		
		

	ul#menu {margin: 0; padding: 0px 0 0 0; width: 100%;}
	
	ul#menu li {list-style: none; position: relative; float: left;}
	ul#menu li:last-child a {border-right: none;}
	ul#menu li:first-child a {border-left: none;}
	
	ul#menu li:hover {cursor:default;}
	ul#menu li a {
		display:block;
		line-height:96px;
		padding: 0 20px;
	  	text-align:center;
		width:100%;
		color:#FFF;
		text-transform:uppercase;
		text-shadow: #000 2px 2px;
		text-decoration:none;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
		}
	ul#menu li a:hover {background:#3e3e3e; border-bottom: 6px solid #876aeb;}

	ul#menu li:nth-child(3) a:hover {border-bottom: none !important;}
	
	ul#menu li ul {
		position:absolute;
		left:-9999em;
		width: 200px;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	ul#menu li:hover ul {left:0; z-index: 9999 !important;}
	ul#menu li:hover ul li {
		float:none;
		width:100%;
		position:relative;
	}
	ul#menu li:hover ul li:first-child {
		border-top: 6px solid #876aeb;
	}

	ul#menu li:hover ul li a {
		display:block;
		line-height:40px;
		text-transform: none;
		text-shadow: none;
		text-align:left !important;
		padding-left: 10px;
		background:#000;
		width:100%;
		color:#FFF;
		text-decoration:none;
	}
	ul#menu li:hover ul li a:hover {background:#3e3e3e;border-bottom: none;}








/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */


		#footer-wrapper {
			position: absolute;
			left: 0;
			bottom: 0;
			height: 120px; /* Must be same height as <body> */
			width: 100%;
			background: #000000;
		}		
		#footer {
			padding-top: 15px;
			width: 90%; /* Change to exact pixels for static (non-responsive) */
			margin: 0 auto;
			background: #000000;
			font-family: Arial, Helvetica, sans-serif;  
			font-size: 16px; 
			line-height: 18px; 
			color: #ffffff;
			text-align: center;
		}
		#footer a {color: #ffffff; text-decoration: none;}
		#footer a:hover {color: #cfcfcf; text-decoration: underline;}
		
		#footer span {font-size: 20px;}
	
		.copyright { 
			font-size: 12px; 
			line-height: 16px;
			color: #999a9a;
		}
		
		.copyright a {color: #999a9a !important; text-decoration: none;}
		.copyright a:hover {color: #656667 !important; text-decoration: underline;}

				
		.seo {font-size: 11px; line-height: 16px; color: #999a9a; text-decoration: none!important;}
		.seo a {color: #999a9a!important; text-decoration: none!important;}






/*	--------------------------------------------------
	:: Elements
	-------------------------------------------------- */


h1 {
	color: #ffffff;
	background: #000000;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 60px;
	padding: 20px;
	line-height: 48px;
	border-top: 6px solid #5d40bf;
}
h1 span {text-transform: none; font-size: 20px;}

h2 {
	color: #271c49;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 24px;
	margin: 0px;
	padding: 0px 5px;
	line-height: 26px;
}

 h2.white  {
	color: #ffffff !important;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	line-height: 26px;
}

h3 {
	color: #271c49;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	line-height: 24px;
}

h4 {
	color: #fff;
	background: #3a2d63;
	padding: 10px 5px;
	margin: 0 auto !important;
	border-bottom: 6px solid #5d40bf;
	text-align: center;

	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
}

p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}


hr {
    background: none repeat scroll 0 0 #c0c0c0;
    border: 0 none;
    height: 3px;
}






	.callout-light {	
		border: 1px solid #c5c5c5;
		background: #ecebee;
		padding: 20px 10px 20px 15px;
	}
	.callout-light a {color: #5a4991 !important;}		
	.callout-light a:hover {color: #6b50c3 !important;}		


	.callout {	
		border: 1px solid #bababa;
		background: #e6e6e7;
		color: #000;
		padding: 0px;
	}
	.callout h2 {
		color: #fff;
		background: #3a2d63;
		padding: 20px 15px;
		margin: 0 auto !important;
		border-bottom: 6px solid #5d40bf;
		text-align: center;
	}
	.callout .padding {padding: 15px 20px;}

	.callout a {color: #3a507b !important;}		
	.callout a:hover {color: #47659e !important;}		
	
	
	
/* Striping for form */
.grey {
	border: 1px solid #bababa;
	background: #e6e6e7;
	color: #000;
    padding: 20px 20px 10px;
}

.lt-grey {
	border: 1px solid #5d40bf;
	background: #f7f7f7;
	color: #000;
    padding: 20px 20px 10px;
}
	
	.link a {
		background: url(../images/white-arrow.png) no-repeat #263d86;
		background-position: left;
		color:#fff !important;
		font-size: 16px;
		text-transform:uppercase;
		line-height: 40px;
		font-weight: bold;
		padding: 10px 15px 10px 45px;
		text-decoration: none !important;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	.link a:hover {background: url(../images/white-arrow.png) no-repeat #040e2e; background-position: left; color: #d1daf5 !important;}




	.link-lg-orange {
		background: url(../images/white-arrow.png) no-repeat;
		background-position: left;
		display: inline-block !important;
		margin: 10px 0 ;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: 0 8px 0 #b95b10;
		-moz-box-shadow: 0 8px 0 #b95b10;
		box-shadow: 0 8px 0 #b95b10;
		font-size: 14px;
		text-transform: uppercase;
		text-align: center;
	}
	
	.link-lg-orange span {
		background: url(../images/white-arrow.png) no-repeat #f88930;
		background-position: left;
		display: inline-block !important;
		padding: 10px 15px 10px 30px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
		-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
		box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		color: #ffffff !important;
		line-height: 20px;
		-webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
		-moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
		-o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
		transition: background-color .2s ease-in-out, transform .1s ease-in-out;
	}
	
	.link-lg-orange:hover span {
		background-color: #dc721e;
	}
	
	.link-lg-orange:active, .link-lg-orange:focus {
		-webkit-box-shadow:    0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
		box-shadow:    0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
	}
	
	.link-lg-orange:active span {
		-webkit-transform: translate(0, 4px);
		-moz-transform: translate(0, 4px);
		-o-transform: translate(0, 4px);
		transform: translate(0, 4px);
	}
	
	
	
	
	

	.link-lg-hyorange {
		background: no-repeat;
		background-position: left;
		display: inline-block !important;
		margin: 10px 0 ;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: 0 8px 0 #b95b10;
		-moz-box-shadow: 0 8px 0 #b95b10;
		box-shadow: 0 8px 0 #b95b10;
		font-size: 14px;
		text-transform: uppercase;
		text-align: center;
	}
	
	.link-lg-hyorange span {
		background: no-repeat #f88930;
		background-position: left;
		display: inline-block !important;
		padding: 10px 15px 10px 30px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
		-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
		box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		color: #ffffff !important;
		line-height: 20px;
		-webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
		-moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
		-o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
		transition: background-color .2s ease-in-out, transform .1s ease-in-out;
	}
	
	.link-lg-hyorange:hover span {
		background-color: #dc721e;
	}
	
	.link-lg-hyorange:active, .link-lg-hyorange:focus {
		-webkit-box-shadow:    0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
		box-shadow:    0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
	}
	
	.link-lg-hyorange:active span {
		-webkit-transform: translate(0, 4px);
		-moz-transform: translate(0, 4px);
		-o-transform: translate(0, 4px);
		transform: translate(0, 4px);
	}





	.link-lg-purple {
		background: url(../images/white-arrow.png) no-repeat;
		background-position: left;
		display: inline-block !important;
		margin: 10px 0 ;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: 0 8px 0 #000000;
		-moz-box-shadow: 0 8px 0 #000000;
		box-shadow: 0 8px 0 #000000;
		font-size: 14px;
		text-transform: uppercase;
		text-align: center;
	}
	
	.link-lg-purple span {
		background: url(../images/white-arrow.png) no-repeat #3b2e64;
		background-position: left;
		display: inline-block !important;
		padding: 10px 15px 10px 30px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		font-family: 'Lato', Arial, Helvetica, sans-serif;
		color: #ffffff !important;
		line-height: 20px;
		-webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
		-moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
		-o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
		transition: background-color .2s ease-in-out, transform .1s ease-in-out;
	}
	
	.link-lg-purple:hover span {
		background-color: #55448a;
	}
	.link-lg-purple:hover {
		-webkit-box-shadow: 0 8px 0 #261b47;
		-moz-box-shadow: 0 8px 0 #261b47;
		box-shadow: 0 8px 0 #261b47;

	}

	.link-lg-purple:active, .link-lg-purple:focus {
		-webkit-box-shadow:    0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
		box-shadow:    0 8px 0 #33e42e, 0 12px 10px rgba(0, 0, 0, .3);
	}
	
	.link-lg-purple:active span {
		-webkit-transform: translate(0, 4px);
		-moz-transform: translate(0, 4px);
		-o-transform: translate(0, 4px);
		transform: translate(0, 4px);
	}


/*	--------------------------------------------------
	:: Grid 
	-------------------------------------------------- */



 /* By Default .g10 img, .g20 img, .g30 img, .g40 img, .g50 img, .g50-margin img, .g60 img, .g70 img, .g80 img, .g90 img, .g100 img, .g33 img, .g66 img, .g25 img, .g75 img {
	width: 100%;
	border: none;
}*/
div#content > div img {width: 100%;}
div#content > div.outer-container img {width: auto !important;}

 /* Override */.no-full {width: auto !important;}
 

.g10, .g20, .g30, .g40, .g50, .g60, .g70, .g80, .g90, .g100, .g33, .g66, .g25, .g75, .g24 {
	height:auto;
	float:left;
}
.g10 {width:10%;}
.g20 {width:20%;}
.g30 {width:30%;}
.g40 {width:40%;}
.g50 {width:50%;}
.g50-margin {width: 49%; float: left;}
.g60 {width:60%;}
.g70 {width:70%;}
.g80 {width:80%;}
.g90 {width:90%;}
.g100 {width:100%;}

.g33 {width:33.33333333%;}
.g33-margin {width: 32%; float: left;}

.g25 {width:25%;}
.g75 {width:75%;}

/*Form purposes only */
.g24 {width:24%;}


.padding {padding: 10px 15px;}
.padding-vert {padding: 15px 0px;}
.padding-horz {padding: 0px 15px;}

.gmargin {margin: 0 2% 0 0;}







/*	--------------------------------------------------
	:: Form Styles
	-------------------------------------------------- */
	
.ck-button label {
	cursor: pointer;
    margin-left: 1%;
    display: block;
    overflow: auto;
    background-color:#000;
	color: #fff;
    border-radius:4px;
    border:1px solid #D0D0D0;
	width: 24%;
	float: left;
	padding: 10px 5px;
	font-size: 22px;
	  -webkit-user-select: none;  /* Chrome all / Safari all */
	  -moz-user-select: none;     /* Firefox all */
	  -ms-user-select: none;      /* IE 10+ */
	
	  /* No support for these yet, use at own risk */
	  -o-user-select: none;
	  user-select: none; 
}

.ck-button label span {
	width: 70%;
    text-align: center;
    padding: 0px;
    display: block;
	float: left;
}

.ck-button label input {float:left;top:-20px; width: 20%;}


.checked-state {background-color:#5d40bf !important; color:#fff !important;}

	





.form-label {font-weight: bold;}
.form-element {width: 300px;}

.form-required {
	font-weight: bold;
	color: red;
	padding-left: 5px;
}

.form-error {
	background-color: #f99;
	font-weight: bold;
	text-align:center;
}
.verify {display: none;}


.input {
	padding:1%;
	float:left;
	margin:5px 2.5% 5px 0;
}

.input, textarea {font-family: "Lato", Arial, Helvetica, sans-serif;font-size:14px;}
.form-email {width:99%;margin-right:0;}
.no-margin-right {margin-right:0 !important;}
.form-comments {min-width:100%;max-width:100%;min-height:150px;max-height:400px;}
textarea {width:98%;padding:1%;}

.form-ver-code {float:left;width:99%;padding:1% 0 1% 0;height:auto;font-size:12px;}
input.ver-code {width:47.25%;}
input.g70 {width: 69% !important; margin-right:1%;}
input.g60 {width: 59% !important; margin-right:1%;}
input.g50 {width: 49% !important; margin-right:1%;}
input.g40 {width: 39% !important; margin-right: 1%;}
input.g33 {width: 32% !important; margin-right:1%;}

.form-submit-btn {width:50%;float:left;height:40px;background:#3b2e64 !important;color:#FFF;cursor:pointer;font-weight:700;font-size:22px;text-transform:uppercase;border:0;clear:both;}
.form-submit-btn:hover {background:#211742 !important;color:#FFF;}



/* PLACE HOLDER STYLE */
input[type=search] {	-webkit-appearance: none;}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}






/*	--------------------------------------------------
	:: Misc.
	-------------------------------------------------- */




.rounded {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.stripe {background-color: #d0e4a6;}