/* colors
Blue - Standard:  	#0e76bc  |  rgba(14,118,188,1);
Blue - Darker:   	#084b78  |  rgba(8,75,120,1);
Blue - Royal:		#283891  |  rgba(40,56,145,1);
Blue - Dark Royal:	#152058  |  rgba(21,32,88,1);
Blue - Highlight:	#25aae1  |  rgba(37,170,225,1);
Grey:				#CCC     |  rgba(204,204,204,1);
Grey - Light:		#ededed  |  rgba(237,237,237,1);
Orange:				#f26f05  |  rgba(242,111,5,1);
*/

.smb-tool {
    font-family: 'Roboto', Arial, sans-serif;
}
.smb-tool h1 {
	margin-bottom: 10px;
}
.market-banner {
    overflow: hidden;
}
.market-banner-title {
    margin-top: 15px;
    line-height: 1.1;
}

@media (max-width:767px) {
.market-banner {
    min-height: 0;
}
}
.ui-slider-tick-mark {
    display: inline-block;
    width: 2px;
    color: #fcf8e3;
    height: 28px;
    position: absolute;
    top: 0px;
}
a.anchor {
    display: block;
    position: relative;
    top: -145px;
    visibility: hidden;
}
img.interval-bar {
    max-width: 100%;
}
table.progress-steps {
    margin: 0 auto;
    border-collapse: collapse;
    margin-bottom: 25px;
}
table.progress-steps td {
    vertical-align: top;
    text-align: center;
    /*white-space:nowrap;*/
    padding: 0 20px;
}
table.progress-steps td.arrow-break {
    vertical-align: middle;
}
table.progress-steps span.number {
    display: block;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    line-height: 36px;
    background-color: #b3bbc3;
    color: #FFF;
    text-align: center;
    margin: 0 auto 5px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
}
table.progress-steps span.text {
    display: block;
    text-align: center;
    line-height: 1.2;
    color: #b3bbc3;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
}
table.progress-steps td.active span.number {
    background-color: #283891;
}
table.progress-steps td.active span.text {
    color: #354655;
}
/*Page Block Intro Text-----------------------------*/
.page-intro {
    display: none;
    text-align: center;
    /*font-size:16px;*/
    min-height: 110px;
}
.page-intro .bold {
    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
}
.page-intro.active {
    display: block;
}
.page-intro p {
    margin: 0 0 10px;
}
.page-intro p.title {
    margin: 0;
    padding: 0 0 10px;
}
/*Page Blocks-----------------------*/
.page-block {
    margin-bottom: 10px;
    position: relative;
    padding-top: 30px;
}
.page-block-content {
    /*background-color:#EEE;*/
    min-height: 300px;/*padding:20px;*/
}
.page-block-content:after {
    content: "";
    display: table;
    clear: both;
}
.page-block-left, #center_content_center_left {
    float: left;
    width: 46.74796%; /*460/984*/
}
.page-block-right, #center_content_center_right {
    float: right;
    width: 53.25203%; /*524/984*/
}
.funnel {
    text-align: center;
    position: relative;
}
.funnel div {
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: bold;
    color: #FFF;
    line-height: 1.3;
    text-transform: uppercase;
}
.funnel div span {
    margin-right: 5px;
}
.funnel-visitors {
    top: 95px;
    font-size: 37px;
}
.funnel-visitors span {
    color: #ff7815;
}
.funnel div span.funnel-baseline {
    display: block;
    font-size: 20px;
    color: #FFF;
    font-weight: normal;
    margin: 0 auto;
}
.funnel-contacts {
    /*top: 260px;*/
    top: 218px;
    font-size: 22px;
}
.funnel-leads {
    /*top: 290px;*/
    top: 292px;
    font-size: 22px;
}
.funnel-leads span, .funnel-contacts span {
/*color:#dde0e2;*/
}
.funnel-customers {
    /* top: 355px;*/
    top: 361px;
    font-size: 22px;
}
.funnel-customers span {
    color: #FFF;
}
.funnel img {
    max-width: 100%;
}
/*BUTTONS----------------------------*/

a.round-button {
    position: absolute;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #ccc;
    display: none;
    background-repeat: no-repeat;
    background-position: center center;/*border: 2px solid #FFF;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.47);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.47);*/
}
#backbutton {
    left: -10px;
    top: -12px;
    background-color: #d0d0d0;
    background-image: url(../images/lead-projection/back-button.png);
}
#continuebutton {
    right: -10px;
    top: -12px;
    background-color: #f26f05;
    /*background-image:url(../images/lead-projection/continue-button.png);*/
    background-image: url(../images/lead-projection/continue-button-hover.png);
}
#backbutton:hover {
    background-color: #0e76bc;
    background-image: url(../images/lead-projection/back-button-hover.png);
}
#continuebutton:hover {
    background-color: #0e76bc;
    background-image: url(../images/lead-projection/continue-button-hover.png);
}
/*WELCOME PAGE------------------------------------*/
#welcome-page {
    padding: 50px 20px 0;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #354655;
}
#welcome-page label {
    font-weight: bold;
    display: block;
}
#welcome-page input.numeric {
    display: block;
    max-width: 300px;
    width: 100%;
    border: 1px solid #CCC;
    font-size: 28px;
    margin: 10px auto;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*BASELINE PAGE--------------------------------------*/

#baseline-page {
    padding: 20px 0 20px 20px;
}
.baseline-block {
    color: #000;
    height: 60px;
    padding-left: 24px;
    /*  background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/lead-projection/baseline-block-arrow.png);*/
    background-color: #FFF;
    border: 1px solid #CCC;
}
.baseline-block.visitors-per-month {
    /*background-color:#0c5063;*/
    height: 90px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.baseline-block.contact-rate {
    /*background-color:#07829d;*/
    margin-bottom: 15px;
}
.baseline-block.lead-rate {
/*background-color:#5aa9ba;*/
}
.baseline-block.close-rate {
    /*background-color:#00b4d9;*/
    margin-top: 15px;
    margin-bottom: 25px;
}
.baseline-block table {
    width: 100%;
}
.baseline-block table td {
    vertical-align: middle;
    height: 60px;
}
.baseline-block.visitors-per-month table td {
    height: 90px;
}
.baseline-block.visitors-per-month td.col2 span {
    font-size: 36px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: bold;
}
.baseline-block table td.col1 {
    width: 34%;
    font-size: 16px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.baseline-block table td.col2 {
    width: 15%;
    white-space: nowrap;
}
.baseline-block table td.col3 {
    width: 40%;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.4;
}
.baseline-block table td.col2 input {
    width: 55px;
    border: 1px solid #CCC;
    font-size: 19px;
    margin: 10px auto;
    text-align: center;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.baseline-block table td.col2 input.readonly {
    width: 65px;
    border: 1px solid #EEE;;
    font-size: 19px;
    margin: 10px auto;
    padding: 5px;
    background-color: transparent;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: right;
}
.baseline-block table td.col2 span {
    margin: 0 2px;
    font-size: 16px;
}
span.percent {
    width: 14px;
    display: inline-block;
}
/*make slider tab bigger--------------------------------------*/
.baseline-block .ui-state-default, .baseline-block .ui-widget-content .baseline-block .ui-state-default, .baseline-block .ui-widget-header .ui-state-default {
    width: 20px;
    height: 20px;
}
/*ADJUSTMENT PAGE--------------------------------------*/
#adjustment-page {
    padding: 20px 0 20px 20px;
}
#adjustment-page-bottom {
    clear: both;
    text-align: center;/*padding-top:30px;*/
}
#adjustment-page-bottom table {
    width: 100%;
    margin: 0 auto 10px;
    background-color: #FFF;
    padding: 20px;
    font-size: 24px;
    font-family: 'Roboto', Arial, sans-serif;
    border: 1px solid #CCC;
}
#adjustment-page-bottom th {
    vertical-align: top;
    text-align: center;
    background-image: url(../images/lead-projection/table-arrow.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    color: #000;
    padding-bottom: 22px;
}
img.customers-arrow {
    width: 15px;
    margin-left: 10px;
}
td.customers {
}
td.customers span {
    color: #283891;
}
#adjustment-page-bottom th:first-child {
    background-image: none;
}
#adjustment-page-bottom tr:last-child td {
    color: #000;
    background-color: #FFF;
}
tr.customers-row {
    display: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.ui-slider-horizontal.ui-slider-pips {
    max-width: 87%;/* margin-right:auto;margin-left:auto;*/
}
.ui-slider-pips .ui-slider-pip {
    color: #666;
}
.ui-slider-pips .ui-slider-pip-inrange {
    color: #666;
}
.ui-slider-pips .ui-slider-line {
    background: #4e6274;
}
.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
    background: #666;
}
.ui-slider-pips [class*=ui-slider-pip-selected] {
    font-weight: bold;
    color: #FF7A00;
}
/*POTENTIAL REVENUE-----------------------------*/


#potential-revenue-page {
    padding: 20px;
    positon: relative;
}
.lifetime-wrap {
    border: 1px solid #CCC;
    background-color: #283891;
    color: #FFF;
}
.projected-customers {
    /*padding:15px;
	
	margin:0 auto 20px;
	color:#FFF;background-color:#ededed ;*/
    padding: 10px;
    text-align: center;
    font-size: 28px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 300;
    line-height: 1.2;
}
.projected-customers span {
    color: #f26f05;
    font-weight: bold;
    font-size: 32px;
}
#potential-revenue-page table {
    width: 100%;
    border-collapse: collapse;
}
#potential-revenue-page table th {
    text-align: left;
    padding: 10px;
    width: 40%;
}
#potential-revenue-page table td {
    padding: 10px;
    width: 5%;
}
#potential-revenue-page td.col3 {
    width: 55%;
}
#potential-revenue-page td.col2 {
    font-size: 24px;
    white-space: nowrap;
    padding: 0 10px
}
#potential-revenue-page td.col3 input {
    width: 93%;
    max-width: 100%;
    border: 1px solid #CCC;
    font-size: 19px;
    margin: 10px auto;
    text-align: center;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#potential-revenue-page table tr:last-child th, #potential-revenue-page table tr:last-child td {
    background-color: #152058;
}
#potential-revenue-page table tr:last-child th, #potential-revenue-page table tr:last-child td.col2 {
    color: #FFF;
}
#potential-revenue-page table tr:last-child td.col3 {
    font-size: 58px;
    font-weight: bold;
    color: #f26f05;
    font-family: 'Roboto', Arial, sans-serif;
}
/*Revenue Impact--------------------------------*/

#revenue-impact-page {
    padding: 0 20px 20px;
    text-align: center;
}
.revenue-impact-increase {
    /*padding:15px;
	background-color:#0c5063;*/
    margin: 0 auto 20px;
    line-height: 1.2;
    color: #000;
    text-align: center;
    font-size: 55px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
}
.revenue-impact-increase span {
    color: #f26f05;
}
#revenue-impact-page table {
    border-collapse: collapse;
    margin: 0 auto;
}
#revenue-impact-page table th, #revenue-impact-page table td {
    text-align: center;
    font-size: 24px;
    padding: 20px;
}
#revenue-impact-page table .col1 {
    background-color: #0ca9dc;
    border-right: 1px solid #FFF;
    color: #FFF;
}
#revenue-impact-page table .col2 {
    background-color: #0378b8;
    border-right: 1px solid #FFF;
    color: #FFF;
}
#revenue-impact-page table .col3 {
    background-color: #223e8e;
    color: #FFF;
}
#revenue-impact-page table tr.last .col1, #revenue-impact-page table tr.last .col2, #revenue-impact-page table tr.last .col3 {
    color: #fff;
    background-color: #242e63
}
#revenue-impact-page table tr.last .col2, #revenue-impact-page table tr.last .col3 {
}
#revenue-impact-page table tr.last.col2, #revenue-impact-page table tr.last .col3 {
    font-size: 28px;
}
/*BUTTONS-------------------------------------*/

#buttons {
    text-align: center;
}
#buttons input.page-button {
    margin: 10px;
}
input.page-button {
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    padding: 10px 15px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    background-repeat: no-repeat;
}
input.page-button.continue:hover {
    background-color: #666;
    color: #fff;
}
input.page-button.back:hover {
    background-color: #FFF;
    color: #999;
}
input.page-button.continue {
    color: #FFF;
    background-color: #ff7815;
    background-image: url(../images/lead-projection/continue.png);
    background-position: right center;
    padding-right: 35px;
}
input.page-button.back {
    color: #000;
    background-color: #fff;
    background-image: url(../images/lead-projection/back.png);
    background-position: left center;
    padding-left: 35px;
}

/*MEDIA QUERIES--------------------------------------------*/
@media (max-width:985px) {
#welcome-page {
    padding: 0px 20px 0;
}
.baseline-block.visitors-per-month {
    margin-top: 0px;
}
}

@media (min-width:641px) and (max-width:985px) {
.funnel-visitors {
    /*top:31.74603%; 140/441*/
    top: 18.74603%;
}
.funnel-contacts {
    /*top: 58.95691%; 260/441*/
    top: 44.95691%;
}
.funnel-leads {
    /*top: 65.75963%; 290/441*/
    top: 61.0975%;
}
.funnel-customers {
    /*top: 80.49886%; 355/441*/
    top: 75.97052%;
}
.baseline-block {
    height: auto !important;
    padding: 5px;
}
.baseline-block table > tbody > tr >td {
    display: block !important;
    width: auto !important;
    height: auto !important;
    text-align: center;
}
.baseline-block table {
    margin-bottom: 20px;
}
/*.baseline-block table > tbody > tr >td.col1, .baseline-block table > tbody > tr >td.col2{
	width:48% !important;float:left;
}*/
.baseline-block table > tbody > tr > td:after {
    content: "";
    display: table;
    clear: both;
}
.baseline-block.visitors-per-month {
    height: auto !important;
}
.baseline-block table td.col2 input {
    margin-left: 12px;
}
.ui-slider-horizontal.ui-slider-pips {
    margin-right: auto;
    margin-left: auto;
}
}

@media (min-width:641px) and (max-width:985px) {
.funnel-visitors {
    font-size: 24px;
}
.funnel div span.funnel-baseline {
    font-size: 14px;
}
.funnel-contacts {
    font-size: 14px;
}
.funnel-leads {
    font-size: 14px;
}
.funnel-customers {
    font-size: 14px;
}
}

@media (max-width:775px) {
.baseline-block table td.col3 {
    font-size: 10px;
    line-height: 1.3;
}
.baseline-block table td.col1 {
    font-size: 14px;
    line-height: 1.2;
}
}

@media (max-width:740px) {
table.progress-steps span.text {
    font-size: 12px;
}
}

@media (max-width:640px) {
#welcome-page input.numeric {
    width: 80%;
    max-width: 100%;
}
table.progress-steps td.arrow-break {
    display: none;
}
#center_content_center_left.page-block-left, #center_content_center_right.page-block-right {
    float: none;
    width: 100% !important;
}
#welcome-page {
    padding: 0;
}
#baseline-page, #adjustment-page, #potential-revenue-page, #revenue-impact-page {
    padding: 20px 0;
}
#adjustment-page-bottom {
    padding-top: 0px;
}
#adjustment-page-bottom table {
    width: 100%;
    padding: 0;
    font-size: 17px;
}
#potential-revenue-page table tr:last-child td.col3 {
    font-size: 36px;
}
.revenue-impact-increase {
    font-size: 29px;
}
#revenue-impact-page table {
    width: 100%;
}
#revenue-impact-page table th, #revenue-impact-page table td {
    font-size: 16px;
    padding: 10px;
}
revenue-impact-page table tr.last.col2, #revenue-impact-page table tr.last .col3 {
    font-size: 16px;
}
}

@media (max-width:540px) {
.funnel div span.funnel-baseline {
    font-size: 14px;
}
/*.funnel-visitors{
	top:31.74603%; 
	font-size:24px;
}

.funnel-contacts{
	    top: 58.95691%; 
}
.funnel-leads{
	    top: 65.75963%;
}
.funnel-customers{
	    top: 80.49886%; 
}
*/

.funnel-visitors {
    /*top:31.74603%; 140/441*/
    top: 19.74603%;
    font-size: 24px;
}
.funnel-contacts {
    /*top: 58.95691%; 260/441*/
    top: 45.95691%;
}
.funnel-leads {
    /*top: 65.75963%; 290/441*/
    top: 62.0975%;
}
.funnel-customers {
    /*top: 80.49886%; 355/441*/
    top: 76.97052%;
}
.funnel-contacts, .funnel-leads, .funnel-customers {
    font-size: 14px;
}
.baseline-block {
    height: auto !important;
    padding: 5px;
}
.baseline-block table > tbody > tr >td {
    display: block !important;
    width: auto !important;
    height: auto !important;
    text-align: center;
}
/*.baseline-block table > tbody > tr >td.col1, .baseline-block table > tbody > tr >td.col2{
	width:48% !important;float:left;
}*/
.baseline-block table > tbody > tr > td:after {
    content: "";
    display: table;
    clear: both;
}
.baseline-block table {
    margin-bottom: 20px;
}
.ui-slider-horizontal.ui-slider-pips {
    margin-right: auto;
    margin-left: auto;
}
.baseline-block.visitors-per-month {
    height: auto !important;
}
.baseline-block table td.col2 input {
    margin-left: 12px;
}
#revenue-impact-page table th, #revenue-impact-page table td {
    font-size: 14px;
    padding: 5px;
}
revenue-impact-page table tr.last.col2, #revenue-impact-page table tr.last .col3 {
    font-size: 14px;
}
#potential-revenue-page table tr:last-child td.col3 {
    font-size: 24px;
}
#potential-revenue-page table th {
    font-size: 14px;
}
/*tr.projected-revenue > td, tr.projected-revenue > th{
	display:block !important;
	width:100% !important;
}
 tr.projected-revenue > td:after, tr.projected-revenue > th:after{
	content:"";
	display:table;
	clear:both;
}
*/
}

@media (max-width:480px) {
tr.customers-row {
    display: table-row;
}
.customer-hide {
    display: none;
}
#adjustment-page-bottom th {
    padding-bottom: 0;
    background-image: none;
}
table.progress-steps {
    display: none;
}
}
/*For Landing Page----------------------------*/

.schedule-cta {
    border-top: 1px solid #CCC;
    background-color: #FFF;
    padding: 30px 0;
    border-bottom: 1px solid #CCC;
}
.schedule-cta .large-btn {
    -webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.64);
    -moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.64);
    box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.64);
    border: 2px solid #FFF;
}
.schedule-cta .section-title {
    font-weight: bold;
    font-size: 40px;
	line-height: 1;
}
.hubspot-form {
    /*background: #b3bbc3;
    color: #242e63;*/
    text-align: left;
    padding: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    border: solid 1px #CCC;;
    max-width: 100%;
    margin: auto;
}
.title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #0378b8;
}
div#page-intro {
    margin: 25px 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}
.page-intro {
    min-height: 0;
    margin-bottom: 15px;
}
table.progress-steps span.text {
    font-size: 14px;
}

@media (max-width:860px) {
.page-intro p.title {
    padding: 5px 0 10px;
}
}
/*FINAL CTA------------------------*/

.final-cta {
    /*background-color: #333;*/
}
.final-cta-content {
    /*color: #FFF;*/
    display: none;
}
.final-cta-content.active {
    display: block;
}