/*
 Theme Name:     NPC Microsites
 Theme URI:      http://www.digitsinmotion.com
 Description:    A WordPress theme to handle the employee landing pages for NPC's clients
 Author:         Digits in Motion
 Author URI:     http://www.digitsinmotion.com
 Template:       Divi
 Version:        1.0.1
*/

@import url("../Divi/style.css");

#floating-enrollment-button .et_pb_row .et_pb_promo a {
    font-size: 13px;
}
#floating-enrollment-button {
    padding-bottom: 80px;
    z-index: 22;
}
#floating-enrollment-button .et_pb_row {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 10px;
}
#floating-enrollment-button .et_pb_row .et_pb_promo .et_pb_promo_description {
    padding-bottom: 10px;
}
#floating-enrollment-button .et_pb_row .et_pb_promo {
    width: 90%;
    margin-left: 5%;
}
.number-counter-as-money {
    margin-bottom: 4px !important;
}
.number-counter-as-money .percent-value:after {
    content: '\A/month';
    font-size: 0.3em;
}
.number-counter-as-money .percent-value:before {
    content: '$';
}
.et_pb_circle_counter h3, .et_pb_number_counter h3 {
	line-height: 26px;
}
.curved-image-frame img {
	border-radius: 10px;
}

.et_bloom .et_bloom_form_container {
	-webkit-box-shadow: initial !important;
	box-shadow: initial !important;
}
.calc-table-label, .calc-table-input {
	font-size: 1.2em;

}
.calc-table-input div input {
	padding: 10px;
	border-radius: 10px;
	font-size: 1.2em;
}
.calc-table-label {
	
}
#calc_truevalue {
    font-weight: bold;
    font-size: 36px;
    line-height: 52px;
    text-align: center;
    padding: 5px;
}

#truevalue {
	line-height: 1.8em;
}
#truevalue em {
	font-size: 1.7em;
}
.blockq {
	padding-left: 10px;
	padding-right: 10px;
}


.fancy-header h1 {
	font-size: 35px;
	font-weight: bold;
}
.fancy-header span {
	font-size: 1.4em;
	padding-top: 10px;
}

.et_bloom .et_flyin_2_fields.et_bloom_flyin_bottom_inline, .et_bloom .et_flyin_1_field.et_bloom_flyin_bottom_inline {
	max-width: 370px !important;
}
.et_bloom_close_button {
	display: none;
}

.et_pb_number_counter .percent p {
	font-size: 42px !important;
}
.et_pb_circle_counter h3, .et_pb_number_counter h3 {
	padding-top: 0px !important;
}
.form-row .et_pb_column_1_2 {
	margin-right: 0px;
}
.form-row {
	padding: 15px 0px 0px 0px !important;
}

@media (max-width: 980px) {
	.form-row div {
		text-align: left;
	}
}

.theline {
    width: 320px;
    border: 1px solid #999;
    position: absolute;
    top: -90px;
    left: 465px;
    height: 1px;
    -o-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
    
    display: none;
}
@media (max-width: 1370px) {
	.theline { 
		width: 280px;
		border: 1px solid #999;
		position: absolute;
		top: -80px;
		left: 440px;
		height: 1px;
		-o-transform: rotate(-60deg);
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
	}
}
@media (max-width: 1230px) {
	.theline { display: none; }
}


#arrow_box {
	position: relative;
	/*border: 4px solid #000;*/
	
	padding: 30px 40px;
	border-radius: 20px;
}
#arrow_box:after, #arrow_box:before {
	bottom: 100%;
	left: 69%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-width: 120px;
	margin-left: -120px;
}
#arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	/*border-bottom-color: #000;*/
	border-width: 126px;
	margin-left: -126px;
}
@media (max-width: 1180px) {
	#arrow_box:after {
		border-width: 70px;
    		margin-left: -70px;
	}
	#arrow_box:after, #arrow_box:before {
		left: 78%;
	}
	#arrow_box:before {
		border-width: 75px;
    		margin-left: -75px;
	}
}
@media (max-width: 980px) {
	#arrow_box:after {
		border-width: 35px;
    		margin-left: -35px;
	}
	#arrow_box:after, #arrow_box:before {
		left: 50%;
	}
	#arrow_box:before {
		border-width: 40px;
    		margin-left: -40px;
	}	
}

#arrow_box p {
	font-size: 1.2em;
}
#arrow_box ul {
	margin-top: 10px;
}
#arrow_box ul li a {
	color: white;
	text-decoration: underline;
}

.income-note {
    font-size: 0.9em;
    line-height: 1.4em;
}

#calc_results_notes {
	padding-top: 10px;
}
#calc_results_notes .et_pb_column_1_2:first-child {
	float: right !important;
}

.text-in-circle .percent p .percent-value {
    font-size: 27px;
    line-height: 40px;
    position: absolute;
    left: 0px;
}
.text-in-circle .percent {
    top: -50px;
}

.text-in-circle .percent p .percent-value {
	opacity: 0;
}

.et_bloom_form_content {
	font-weight: bold;
	text-align: center;
	display: none;
}
#lifestyle-note em {
	font-size: 1.2em;
	line-height: 1.9em;
}
.popmake-title {
    padding: 20px 0px;
}
.wpcf7-submit {
    padding: 10px 30px;
    border: 0px;
    background-color: rgba( 0, 183, 205, 1 );
    color: white;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
}

@media (max-width: 1600px) {
	.et_bloom .et_flyin_2_fields.et_bloom_flyin_bottom_inline, .et_bloom .et_flyin_1_field.et_bloom_flyin_bottom_inline {
	    max-width: 300px !important;
	}
}
@media (max-width: 800px) {
	.et_bloom .et_flyin_2_fields.et_bloom_flyin_bottom_inline, .et_bloom .et_flyin_1_field.et_bloom_flyin_bottom_inline {
	    max-width: 200px !important;
	}
}

.smalltext {
    font-size: 0.85em;
}

.et_bloom_optin {
	cursor: pointer;
}

#2ndsamplepolicy {
  display: none;
}

.artegra {
	font-family: 'Artegra Sans Alt' !important;
}

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

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

@font-face {
    font-family: 'Artegra Sans Alt';
    src: url('fonts/ArtegraSansAltLightIt.eot');
    src: url('fonts/ArtegraSansAltLightIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArtegraSansAltLightIt.woff') format('woff'),
        url('fonts/ArtegraSansAltLightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

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

@font-face {
    font-family: 'Artegra Sans Alt';
    src: url('fonts/ArtegraSansAltBoldIt.eot');
    src: url('fonts/ArtegraSansAltBoldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArtegraSansAltBoldIt.woff') format('woff'),
        url('fonts/ArtegraSansAltBoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

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


.segoe {
	font-family: 'Segoe UI' !important;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('fonts/Segoe UI.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Segoe UI Bold';
    src: url('fonts/Segoe UI Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'Segoe UI Bold Italic';
    src: url('fonts/Segoe UI Bold Italic.ttf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Segoe UI Italic';
    src: url('fonts/Segoe UI Italic.ttf');
    font-style: italic;
}