/*----- v_pro-hc_aff_ctrl_n_1 -----*/

@import url('https://fonts.googleapis.com/css?family=Andada|Open+Sans:300,400,600,700');

@font-face {
    font-family: 'andadabold';
    src: url('/shared/fonts/andada-bold-webfont.eot');
    src: url('/shared/fonts/andada-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/fonts/andada-bold-webfont.woff') format('woff'),
         url('/shared/fonts/andada-bold-webfont.ttf') format('truetype'),
         url('/shared/fonts/andada-bold-webfont.svg#andadabold') format('svg');
    font-weight: 400;
    font-style: normal;

}

/*----- Site -----*/

body {
	background-color:#ffffff;
	color:#333333;
    font-size: 16px!important;
}

.clear {
	clear:both;
}

/*----- transition for sizing -----*/

#header img.site-logo, #header .contact, #circle, #circle img.health-icon {
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

/*----- Header & Hero background image/color -----*/

#lp-bg-wrap {
	background:url('/v_pro-hc_aff_ctrl_n_1/images/hero-image-sm.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}



/*----- Header -----*/

#header {
	background-color:rgba(51, 51, 51, 0.82);
	background-color:#333333\0;
	font-family: 'Andada';
	color:#ffffff;
	padding:1em 0em 0em;
}

.sub-header,
.confirm-header {
	background-color:rgba(51, 51, 51, 1)!important;
	background-color:#333333\0!important;
}

#header img.site-logo {
	margin:0em auto .5em;
	display:block;
	width:255px;
	height:25px;
}

#header .contact {
	font-size:0.875em;
	text-align:center;
}

#header .contact a {
	font-family: 'Andada';
	color:#ffffff;
}

#header .contact .glyphicon {
	margin-right: .3125em;
}


/*----- Hero & LP form -----*/

#hero {
	color:#ffffff;
}

#hero h1 {
	font-family: 'andadabold';
	font-size:1.7em;
	line-height:1.2em;
	text-align:center;
	color:#00b5d6;
}

#hero p {
	font-family: 'Open Sans';
	font-size:14px;
	text-align:center;
	color:#000000;
	margin-bottom:30px;
}

#hero #form-box {
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	background-color: #ffffff;
	padding:1.7em 1.3em 2em;
	-webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.38);
	-moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.38);
	margin: 0px 15px;
}

label {
	margin-bottom: 2px!important;
	font-weight: 700 !important;
	color:#333333;
}

.form-group {
	margin-bottom:10px!important;
}
 
.form-control {
	font-size:1em!important;
	color:#000000;
}

.border-no {
	border:none!important;
}

.boxshadow-no {
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}

form .form-group .radio-btn {
	color:#333333;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size:1em;
	border:1px solid #D2D2D2;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	width:48%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

form .form-group .radio-btn:hover, form .form-group .radio-btn.active {
	color:#ffffff;
	background: #134e48; /* Old browsers */
	background: -moz-linear-gradient(top, #134e48 0%, #71928e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#134e48), color-stop(100%,#71928e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #134e48 0%,#71928e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #134e48 0%,#71928e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #134e48 0%,#71928e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #134e48 0%,#71928e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134e48', endColorstr='#71928e',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border:1px solid #44716C;
}

form .site-submit-btn {
	background: #ff9201;
	border:none;
	color:#ffffff;
	font-family: 'Open Sans';
	font-weight: 700;
	font-size:1em;
	-webkit-box-shadow: 0px 1px 0px 0px #bb6b00;
	-moz-box-shadow:0px 1px 0px 0px #bb6b00;
	box-shadow:0px 1px 0px 0px #bb6b00;
	width:100%;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	margin-top:5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:pointer;
}

form .site-submit-btn:hover, form .site-submit-btn:active, form .site-submit-btn:focus {
	background-color:#FFA500;
	color:#ffffff;
}

form .secure {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size:.7857em;
	color:#ffffff;
	text-align:center;
	margin-top:1em;
}

#hero p.secure {
	font-size:12px;
	margin-top:10px;
}




/*-- Validation Styling --*/

.has-error .form-control {
	background-color:#FFC8C8;
}

#hero .errorMsg, #sub-form .errorMsg {
	font-size: 13px;
	display: block;
	color: #AE0000;
	margin-top: 3px;
	margin-left: 1px;
	font-family: 'Open Sans';
	font-weight: 700;
}

/*----- circle -----*/

#circle {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	margin: 0px auto;
	padding-top:1.25em;
	margin-top:2.5em;
}
#circle img.health-icon {
	width: 50px;
	height: auto;
	display: block;
	margin: 0px auto;
}


/*----- Benefits -----*/

#benefits {
	background-color:#ffffff;
	margin-top: -3.75em;
	padding-top: 0.9375em;
}

#benefits .container {
	margin-left:0.9375em;
	margin-right:0.9375em;
}

.content-title {
	font-family: 'Andada';
	font-size:1.5em;
	line-height:1.3333em;
	color:#ff9201;
	text-align:center;
	margin-bottom:1em;
}

.green {
	color:#6e938f;
}

#benefits .benefit-box {
	text-align:center;
	font-family: 'Open Sans';
	font-weight: 300;
	background-color:#ffffff;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	margin-bottom:1.2em;
	padding:1em 1.5em;
}

#benefits .iconCircle {
	margin-top: 15px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background-color: #00b5d6;
	margin: 0px auto;
	padding-top:0.25em;
}

#benefits .benefit-icon {
	font-size: 1.4em;
	color: #ffffff;
	margin-top: 9px;
}

#benefits .nudge {
	margin-left:7px;
}

#benefits .benefit-box h4 {
	font-size:1.1em;
	color:#00b5d6;
}

#benefits .benefit-box p {
	font-size: 0.875em;
	color:#545950
}

/*----- Articles -----*/

#articles {
	background-color:#f6f6f6;
	padding-top:1.875em;
	padding-bottom: 4.375em;
	color:#3C3C3C;
}

#articles .article-box {
	background-color:#f6f6f6;
	color:#3C3C3C;
	margin-bottom:1.875em;
}

#articles .article-box .article-title {
	font-family: 'Open Sans';
	font-size:1.1em;
	color: #000000;
}

#articles .article-box .article-content {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size:0.875em;
}

#articles .article-box ul {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size:0.875em;
	padding-left:20px!important;
}

#articles .article-box .read-on {
	font-family: 'Open Sans';
	font-size:0.875em;
}

#articles .article-box .read-on span {
	font-size:0.6875em;
}




/*----------------------*/
/*------- Step 2 -------*/
/*----------------------*/

#form-wrap {
	background-color:#6e938f;
}

#sub-step {
	padding: 0.625em 0px 0.3125em;
}

#sub-step .step-title {
	color:#ffffff;
	font-family: 'Open Sans';
	font-size:1.125em;
	text-align:center;
}

#sub-form {
	background-color:#f6f6f6;
	padding-top:0.625em;
	padding-bottom:9.375em;
	margin-bottom:0px;
	-webkit-box-shadow:0px 4px 16px 0px rgb(10, 106, 123);
	-moz-box-shadow:0px 4px 16px 0px rgb(10, 106, 123);
    box-shadow:0px 4px 16px 0px rgb(10, 106, 123);
}

#sub-form p.current-step {
	font-family: 'Open Sans';
	font-weight: 700;
	font-size:1em;
	color:#ff9201;
	text-align:center;
}

/*------- Step 2 form -------*/

#form-wrap {
	background-color:#00b5d6;
	padding-bottom:10%;
}

#form-wrap .formDivide {
	border-top: 1px solid #D0D0D0;
	margin-bottom: 14px;
}

#form-wrap .stepDetails {
	text-align:center;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 14px;
	color: #00b5d6;
	margin-bottom: 20px;
}

#sub-form form label {
	color:#000000;
	font-family: 'Open Sans';
	font-weight: 600;
}

#sub-form form .form-group .radio-btn {
	border:1px solid #cccccc;
}

#sub-form form .form-group .radio-btn:hover, #sub-form form .form-group .radio-btn.active {
	border:1px solid #44716C;
	color:#ffffff;
}

#sub-form form .form-group .btn-right {
	float:right;
}

#sub-form form .form-group .dropdown {
	margin-bottom:0.25em;
}

#sub-form form .secure {
	color:#555555;
	font-family: 'Open Sans';
}

.tooltip-helper {
	color:#8a8a8a;
	cursor:pointer;
	font-size:0.875em;
	margin-left:0.2em;
}

.bg-lightgray {
	background-color: #FAFAFA;
	border-bottom: 1px solid #AEACAC;
}

.modal-header p {
	margin-bottom: 0;
}
.modal-header h4 {
	font-size: 20px;
	font-weight: 700;
}

.popover {
	font-family: 'Open Sans';	
	font-size:0.875em!important;
	background-color: #5F5F5F!important;
	color:#ffffff!important;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	white-space: normal;
}

.popover.top {
	margin-top: -12px!important;
}

.popover.top>.arrow:after {
	border-top-color: #5F5F5F!important;
}

.submit-legal {
	font-family: 'Open Sans';
	font-size:0.6875em;
	color:#555555;
	margin-top:1.875em;
}

#sub-form form .site-submit-btn {
	margin:2.5em auto 0.625em;
	display:block;
}



/*----- footer -----*/

#footer {
	background-color:#282828;
	padding-top:2.5em;
	padding-bottom:3.125em;
	color:#c2c2c2;
	font-size:.75em;
	font-family: 'Open Sans';
}

#footer img.site-logo {
	width: 150px;
	height: 27px;
	margin-bottom:0.3125em;
}

#footer p {
	margin-bottom:1.25em;
}

#footer .socialmedia-wrapper {
	padding:0px 0px 10px;
}

#footer .socialmedia-wrapper i {
	margin-right:5px;
}
#footer .socialmedia-wrapper i:hover {
	color:#DCDCDC;
}

#footer ul {
	list-style-type:none;
	padding-left:0px;
}

#footer ul li {
	font-family: 'Open Sans';
	font-weight: 700;
}

#footer ul li a {
	cursor:pointer;
	color:#c2c2c2;
}

/*------- Personalized Feed Header -------*/

#feedHeaderBox {
	background-color:#ffffff;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:50px;
}

#feedHeaderBox .headline {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f2f2+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f2',GradientType=0 ); /* IE6-9 */
	padding-top: 5px;
	padding-bottom: 15px;
}

#feedHeaderBox .headline p {
	color:#ff9201;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:0px;
	line-height:27px;
}

#feedHeaderBox .end {
	margin-right:0px!important;
}

#feedHeaderBox .subHeadline {
	color:#000000;
	font-size:14px;
	line-height:17px;
	text-align:left;
	padding-left:30px;
}

#feedHeaderBox .infoSection {
	background-color:#ffffff;
}

#feedHeaderBox .infoSection ul {
	list-style-type:none;
	padding:6px 30px;
	margin-bottom:0px;
	font-size:12px;
	text-transform:uppercase;
}

#feedHeaderBox .infoSection ul li {
	display:inline-table;
	margin-right:20%;
	margin-bottom:10px;
}

#feedHeaderBox .infoSection ul li span {
	display:block;
	font-weight:700;
	text-transform:capitalize;
}

#feedHeaderBox .infoSection ul .location {
	width:100%;
}



/*-----------------------------*/
/*------- Modal Windows -------*/
/*------- Confirm page  -------*/
/*-----------------------------*/

#confirm-popover .modal-content {
	padding:5px 10px;
	margin:10px;
	text-align:center;
}

#confirm-popover .modal-content .modal-header {
	color:#00b5d6;
	font-family: 'andadabold';
	font-size:1.25em;
	padding-bottom:0px;
}

#confirm-popover .modal-content .modal-body {
	color:#333333;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size:1.125em;
}

#confirm-popover .modal-content .modal-body .attention {
	font-family: 'Open Sans';
	font-weight: 700;
	color:#ff9201!important;
}

#confirm-popover .modal-content .modal-body .number {
	font-size:1.375em;
}

.modal-content .modal-body .sm-text {
	font-size:0.875em;
}

#confirm-popover .modal-content .modal-body .phone-ring {
	margin-bottom: 15px;
	width: 55px;
	height: auto;
}

#confirm-popover .modal-content .modal-body .no-accept {
	font-family: 'Open Sans';
	font-size:1.125em;
	color:#f18b03;
}

#confirm-popover .modal-content .modal-footer {
	color:#5e5e5e;
	font-family: 'Open Sans';
	font-weight: 700;
	font-size:.75em;
	text-align:center;
	margin-top:0px;
	padding: 10px 20px 12px;
}

#confirm-popover .modal-content .modal-footer a{
	color:#5e5e5e;
}



/*-----------------------------*/
/*------- Click Feed -------*/
/*-----------------------------*/

#call-end {
	padding-top:0.75em;
	margin-bottom:0.625em;
}

#call-end .action-msg {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size:1.25em;
	color:#ffffff;
	margin-top:5px;
	margin-left: -15px;
	margin-right: -15px;
}

#call-end .feed-title {
	font-family: 'Open Sans';
	font-size:1em;
	color:#ffffff;
	margin-left: -15px;
	margin-right: -15px;
}

#click-feed {
	color:#333333;
	margin-top:0.25em;
}

#click-feed .feed-details {
	background-color:#fff1a3;
	padding:0.625em 0.9375em;
	font-size:0.875em;
	font-family: 'Open Sans';
	margin-left: -15px;
	margin-right: -15px;
	margin-top:-10px;
}


iframe {
	position:absolute;
}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#lp-bg-wrap {
		background:url('/v_pro-hc_aff_ctrl_n_1/images/hero-image-md.jpg') no-repeat;
		background-position:center center;
		background-size:cover;
	}
	#header {
		padding-bottom: 1em;
	}
	#header img.site-logo {
		margin: 6px 0 0;
		float: left;
	}
	#header .contact {
		text-align: right;
		float: right;
		margin-top:0.4375em;
		font-size:1em;
	}
	#hero h1 {
		font-size:2.4375em;
		line-height:1.28em;
		padding-top:1.2em;
	}
	#hero p {
		font-size:22px;
	}
	#hero #form-box {
		padding-left: 40px;
		padding-right: 40px;
		margin: 0px auto!important;
		float: none;
		clear: both;
	}
	#circle {
		margin-top: 0px;
		width: 130px;
		height: 130px;
		padding-top: 23px;
	}
	#circle img.health-icon {
		width: 80px;
		height: auto;
	}
	#benefits {
		margin-top:-4.6875em;
		padding-top: 1.875em;
		padding-bottom: 60px;
	}
	.content-title {
		font-size:1.625em;
	}
	#benefits .container {
		margin-left:auto;
		margin-right:auto;
	}
	#benefits .iconCircle {
	    width: 65px;
	    height: 65px;
	}
	#benefits .benefit-box .benefit-icon {
		font-size:1.8em;
		margin-top:0.4em;
	}
	#benefits .benefit-box h4 {
		font-size:1.25em;
	}
	#benefits .benefit-box p {
		font-size:0.875em;
	}
	#articles .article-box .article-title {
	    text-align: center;
	}
	#articles .article-box .article-content {
	    text-align: center;
	}
	#articles .article-box .read-on {
	    text-align: center;
	}

	/*------- Step 2 -------*/
	#sub-step {
		padding-top:1.5625em;
	}
	#sub-step .step-title {
		text-align:center;
		font-size: 1.3em;
	}
	#sub-form p.current-step {
		text-align:center;
		margin-bottom:0.9em;
		margin-top: 0.625em;
		font-size:1em;
	}
	#sub-form {
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 0px solid #000000;
		margin-bottom:50px;
		padding-bottom:1.25em;
	}
	#sub-form form label {
		font-size:0.875em;
	}
	#sub-form form .form-group .radio-btn {
		width:80px;
	}
	#sub-form form .form-group .btn-right {
		float:none;
	}
	#sub-form form .site-submit-btn {
		width:260px;
		margin:1.875em auto 0.625em;
		display:block;
	}
	#call-end .action-msg {
		font-size:1.7em;
	}
	#click-feed .feed-details {
		padding-right:130px;
		margin-left:auto;
		margin-right:auto;
		margin-top:auto;
	}
	#feedHeaderBox .headline p {
		font-size:30px;
		line-height:34px;
	}
	#feedHeaderBox .infoSection {
	    width: 390px;
	    margin: 0px auto;
	}
	#feedHeaderBox .infoSection ul .location {
	    width: 250px;
	}
	#feedHeaderBox .infoSection ul li {
	    margin-right: 14%;
	}
	#feedHeaderBox .infoSection ul {
	    font-size:14px;
	}
	#feedHeaderBox .infoSection ul li span {
	    font-size:16px;
	}
	#feedHeaderBox .subHeadline {
	    text-align: center;
		margin-top: 20px;
	}
	

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#header img.site-logo {
		width:165px;
		height: 30px;
	}
	#header .contact {
		font-size:1.125em;
	}
	#hero h1 {
		font-size:2.8125em;
		line-height:1.28em;
		padding-top:1.2em;
	}
	#hero p {
		font-size:26px;
	}
	#hero #form-box {
		width:435px!important;
		margin: 0px auto;
		display: block;
		float: none;
		clear: both;
		padding-top: 16px;
	    padding-bottom: 16px;
	}
	#hero #form-box .inline {
		display:inline-block;
		margin-right:15px;
		float:left;
	}
	#hero #form-box .zip {
		width:100px;
	}
	#hero #form-box .insured {
		width:190px;
	}
	form .site-submit-btn {
	    width: 220px;
	    height: 36px;
	    margin-top: 24px;
	    font-size: 15px;
	    padding: 0px 16px;
	}
	#circle {
		margin-top:4.5em;
	}
	#benefits {
		padding-top:3.125em;
	}
	#benefits .benefit-box h4 {
		text-align:center;
		font-size:1.25em;
	}
	#benefits .benefit-box p {
		text-align:center;
	}
	#articles .article-box .article-title {
	    text-align:left;
	}
	#articles .article-box .article-content {
	    text-align:left;
	}
	#articles .article-box .read-on {
	    text-align:left;
	}
	#call-end .action-msg {
		font-size:2em;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#lp-bg-wrap {
		background:url('/v_pro-hc_aff_ctrl_n_1/images/hero-image-lg.jpg') no-repeat;
		background-position:top center;
		background-size:cover;
	}
	#hero p {
		font-size:28px;
	}
}