@charset "UTF-8";

/*---------------------------------------- INTERFACE STYLES ----------------------------------------*/

html,body {
	background-color: #edf5f8;
	color: #333;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

div .control-label.labelHeadline.errorText {
	color: red;
}

.orderedSlide button.autoModelButton {
	max-width: 100%;
	width: 100%;
}

#genderLabel,
#maritalStatusLabel,
#occupationLabel,
#homeownerLabel {
	font-size: 20px;
	margin-top: 5px;
	text-align: right !important;
}

.orderedSlideRadio input[type="radio"] {
	cursor: pointer;
	opacity: 0.01;
	z-index: 100;
}

.orderedSlideRadio input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.orderedSlideRadio label {
	border: 2px solid #01b0ee;
	border-radius: 4px;
	color: #01b0ee;
	cursor: pointer;
	font-size: 20px;
	font-weight: normal;
	height: 55px;
	padding: 12px;
	width: 100%;
	z-index: 90;
}

.orderedSlideRadio input[type="radio"]:checked+label, .Checked+label {
	background: #d9f3fc;
}

input {
	margin-left: auto;
	margin-right: auto;
	max-width: 450px;
}

#headline {
	font-weight: 300;
	letter-spacing: -0.04em;
	margin-top: 25px;
	font-family: 'Open Sans', sans-serif !important;
}

#formMessage {
	color: #01b0ee;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 48px;
	letter-spacing: -0.04em;
	margin-top: 25px;
	display: none;
}

#formMessageSubText {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0;
}

#formMessageSecure {
	color: #999;
	font-size: 15px;
}

#formMessageSecure .glyphicon {
	color: #01b0ee;
}

.formContainer {
	margin-bottom: 85px;
	min-height: 450px;
}

.containerCustom {
	background-color: #fff;
	position: relative;
}

.headerCustom {
	background-color: #edf5f8;
	text-align: center;
}

/*----- Extra Small -----*/
@media(max-width: 767px){

	#genderLabel,
	#maritalStatusLabel,
	#occupationLabel,
	#homeownerLabel {
		font-size: 18px;
		margin-bottom: -10px;
		margin-top: 0;
		text-align: center !important;
	}

	#headline {
		font-size: 18px !important;
	}
	
	#formMessage {
		font-size: 30px;
	}
	
	#formMessageSubText {
		font-size: 15px;
	}
	
	.logo {
		margin: 0 auto;
		height: auto;
		width: 150px;
	}
	
	.containerCustom {
		background-image: none;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.headerCustom {
		padding: 10px 0 10px 0;
		
	}
	
	.orderedSlide button.textBtn {
		background: none;
		color: #01b0ee;
		font-size: 16px;
		line-height: 1.5em;
		margin-bottom: 18px;
		padding: 0;
	}
	.orderedSlide button.textBtn:active,
	.orderedSlide button.textBtn:hover,
	.orderedSlide button.textBtn:focus {
		background: none;
		color: #01c2f3;
	}

	.orderedSlide div.textRowSmall {
		max-width: 400px;
	}
}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){

	#headline {
		font-size: 20px !important;
	}
	
	#formMessage {
		font-size: 36px;
	}
	
	.headerCustom {
		padding: 20px 0 10px 0;
	}
	
	.orderedSlide button.textBtn {
		background-image: none;
		font-size: 16px;
		margin-bottom: 5px;
		padding: 9px;
	}
	.orderedSlide button.textBtn:active,
	.orderedSlide button.textBtn:hover,
	.orderedSlide button.textBtn:focus {
		background-image: none;
	}
	
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){
	
	#headline {
		font-size: 24px !important;
	}
	
	.headerCustom {
		padding: 20px 0 10px 0;
	}
	
	.orderedSlide button.textBtn {
		background-image: none;
		font-size: 18px;
		margin-bottom: 5px;
		padding: 9px;
	}
	.orderedSlide button.textBtn:active,
	.orderedSlide button.textBtn:hover,
	.orderedSlide button.textBtn:focus {
		background-image: none;
	}
	
}

/*----- Large -----*/
@media(min-width: 1200px){
	
	#headline {
		font-size: 28px !important;
	}
	
	.headerCustom {
		padding: 20px 0 10px 0;
	}
	
	.orderedSlide button.textBtn {
		background-image: none;
		font-size: 18px;
		margin-bottom: 5px;
		padding: 9px;
	}
	.orderedSlide button.textBtn:active,
	.orderedSlide button.textBtn:hover,
	.orderedSlide button.textBtn:focus {
		background-image: none;
	}
	
}

/*---------------------------------------- FOOTER STYLES ----------------------------------------*/

.footer {
	background-color: #ededed;
	bottom: 0px;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	/* position: absolute; */
	text-align: center;
}

.footerList {
	margin: 0;
	padding: 10px 20px 5px 20px;
}

.footerList li {
	padding-bottom: 5px;
}

.footerLink {
	color: #01b0ee;
	text-decoration: none;
}
.footerLink:active,
.footerLink:hover {
	color: #01c2f3;
	text-decoration: none;
}
.footerLink:focus {
	text-decoration: none;
}

.footerDisclaimer {
	color: #999;
	font-size: 10px;
	padding-bottom: 10px;
}

/*-------- CUSTOM --------*/

a {
	   color: #01b0ee ;
   }
a:active,
a:hover,
a:focus {
	color: #01c2f3 ;
	text-decoration: none;
}

h1,
h2,
h3 {
	color: #666;
}

.thankYou h4 {
	color: #529353;
	margin-bottom: 3px;
}

.thankYou ul {
	margin-top: 10px;
}

.additionalDiscountsHeader {
	margin-bottom: 20px;
}

.additonalDiscountsOffer {
	background-color: #eee;
	margin-top: 10px;
	padding: 10px 20px 10px 10px;
}

.additionalDiscountsText {
	margin-left: -10px;
}

.additionalDiscountsText h4 {
	margin-top: 2px;
}

.additionalDiscountsText p {
	color: #666;
}

.additionalDiscountsImage {
	border: 2px solid #fff;
}

.btnGeneric {
	background-color: #01b0ee;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 15px;
	padding: 5px 20px;
}

.btnGeneric:active,
.btnGeneric:hover,
.btnGeneric:focus {
	background-color: #01c2f3;
}

.footnote {
	color: #999;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	margin-top: 5px;
	text-align: center;
	width: 100%;
}

.formAddOn {
	color: #529353;
	background-color: #f5f5f5;
}

.orderedSlide .form-horizontal .control-label {
	text-align: center;
}

/*------------------------------- PROGRESS BAR -------------------------------*/

.progressContainer {
	padding: 30px 30px 0;
	display: block;
}

.progress {
	height: 5px;
	overflow: visible;
}

.progress-bar {
	background-color: #006699;
}

#progressIcon {
	background-image: url("../images/progressIcon.png");
	background-size: 34px 30px;
	height: 26px;
	top: -12px;
	left: calc(0%);
	width: 34px;
	z-index: 100;
	transition: left 500ms;
	position: relative;
	background-repeat: no-repeat;
}

#progressPercentage {
	color: #7ac143;
	padding-top: 25px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){

	.progressContainer {
		margin: 0;
	}

}

/*------------------------------- PROVIDERS -------------------------------*/

#providers {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	/* padding-bottom: 40px; */
	text-align: center;
}


#p1 {
	background: url(../images/providers_sprite.png) 0 -300px no-repeat;
}

#p2 {
	background:url(../images/providers_sprite.png) 0 -180px no-repeat;
}

#p3 {
	background:url(../images/providers_sprite.png) 0 -60px no-repeat;
}

#p4 {
	background:url(../images/providers_sprite.png) no-repeat;
}


#p5 {
	background:url(../images/providers_sprite.png) 0 -120px no-repeat;
}

#p6 {
	background:url(../images/providers_sprite.png) 0 -240px no-repeat;
}


.provider {
	display:inline-block;
	margin:15px;width:124px;
	height:60px
}

.form-control.yearInput {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: none;
	color: #01b0ee;
	display: inline-block;
	font-size: 56px;
	height: 80px;
	outline: medium none;
	padding: 0;
	width: 150px;
}

.yearText {
	color: #01b0ee;
	display: inline-block;
	font-size: 60px;
}

.dateCols {
	padding-left: 5px;
	padding-right: 5px;
}

.fineprint {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
	text-align: left;
}

/***********************************/
/* AUTO SPECIFIC STUFF STARTS HERE */
/***********************************/

.wellContainer {
	margin-top: 50px;
}

.wellCustom {
	font-family: 'Open Sans', sans-serif !important;
	margin-bottom: 10px !important;
	text-align: left !important;
}

.glyphClose {
	cursor: pointer;
	font-size: 20px;
}

/*----- Extra Small -----*/
@media(max-width: 767px){

	.textBtn {
		cursor: pointer;
		font-size: 14px;
	}

	.textBtnUpsell {
		background-color: #01b0ee;
		border: none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 16px;
		margin-bottom: 5px;
		padding: 2px 0 2px 0;
		width: 100%;
	}

	.textBtn:active,
	.textBtn:hover,
	.textBtn:focus,
	.textBtnUpsell:active,
	.textBtnUpsell:hover,
	.textBtnUpsell:focus {
		color: #fff;
		outline: 0;
	}
}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){
	.textBtn,
	.textBtnUpsell {
		background-color: #01b0ee;
		border: none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 16px;
		margin-bottom: 5px;
		padding: 2px 0 2px 0;
		width: 100%;
	}

	.textBtn:active,
	.textBtn:hover,
	.textBtn:focus,
	.textBtnUpsell:active,
	.textBtnUpsell:hover,
	.textBtnUpsell:focus {
		color: #fff;
		outline: 0;
	}
}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){

	.textBtn,
	.textBtnUpsell {
		background-color: #01b0ee;
		border: none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
		padding: 2px 0 2px 0;
		width: 100%;
	}
	.textBtn:active,
	.textBtn:hover,
	.textBtn:focus,
	.textBtnUpsell:active,
	.textBtnUpsell:hover,
	.textBtnUpsell:focus {
		color: #fff;
		outline: 0;
	}
}

/*----- Large -----*/
@media(min-width: 1200px){
	.textBtn,
	.textBtnUpsell{
		background-color: #01b0ee;
		border: none;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
		padding: 2px 0 2px 0;
		width: 100%;
	}
	.textBtn:active,
	.textBtn:hover,
	.textBtn:focus,
	.textBtnUpsell:active,
	.textBtnUpsell:hover,
	.textBtnUpsell:focus {
		color: #fff;
		outline: 0;
	}
}

/*---------------------------------------- PHONE SECTION STYLES ----------------------------------------*/

.phoneSection {
	float: right;
	margin-bottom: -10px;
	margin-top: -10px;
	width: auto;
}

.phoneCopy {
	float: left;
	width: auto;
}

.phoneCopy a {
	font-size: 2.5em;
	font-weight: 700;
}

.phonePhoto {
	background-image: url("../images/operator.png");
	float: right;
	width: 85px;
	height: 100px;
}

.phoneHeadline {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	margin-bottom: -7px;
}

.phoneNumber {
	margin-bottom: -5px;
}

.phoneAvailable {
	color: #666;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: -5px;
}

.phoneAvailable span {
	color: #7ac143;
}

/*----- Extra Small -----*/
@media(max-width: 767px){

	.phoneSectionMobile {
		margin-bottom: 10px;
		margin-top: 7px;
	}

	.phoneSectionMobile a {
		background-color: #fff;
		border: 2px solid #01b0ee;
		font-size: 13px;
		margin-right: -15px;
		padding: 8px 10px;
	}

}

/*----- Small -----*/
@media(min-width: 768px) and (max-width: 991px){

	.phoneCopy a {
		font-size: 2em;
	}

}

/*----- Medium -----*/
@media(min-width: 992px) and (max-width: 1199px){

}

/*----- Large -----*/
@media(min-width: 1200px){

}

/* indented select lists */
select.indented{
	text-indent: 40%;
}