body, html {font-family: 'FrutigerLTStd-Roman'; width: 100%; height: auto; min-height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; }

.start-action { cursor: pointer; }

.form-wrapper:before, .form-wrapper:after {
    content:"";
    display:table;
}

.form-wrapper:after {
    clear:both;
}

.form-wrapper {
    *zoom:1; /* ie7 hasLayout fix */
}

.form-group:before, .form-group:after {
    content:"";
    display:table;
}

.form-group:after {
    clear:both;
}

.form-group {
    *zoom:1; /* ie7 hasLayout fix */
}
.cta-message a{ color:#0082d2;}
.relative { position: relative; }
.absolute { position: absolute; }
.no-padding { padding: 0; }

.full-container { max-width: 100%; margin:0 auto; }
.main-container { /*max-width: 1080px;*/ margin:0 auto; }
.step-container { padding: 40px 0; }
.gray-section { background-color: #f7f7f7; }

.navbar { background-image: url('../images/logo_bg.jpg'); width: 100%;height: 60px;background-position: top center; background-repeat:repeat-x; background-size: contain;border-radius: 0; margin-bottom: 0; }
.logo { max-width: 100px; margin-top: -4px; }
.btn-contact { cursor: pointer; background-color: #0082d2; border-bottom: 3px solid #7f0000; color: #fff; margin-top: 5px; padding-top: 10px; border-radius: 0; }
.btn-contact:hover, .btn-contact:focus, .btn-contact:active { color: #fff; }
.textbox { width: 220px; }
.back {padding-top:10px; padding-bottom:10px;}
.back h4,.back a{color:#0082d2; font-size:18px;}
.banner-image { width: 100%; }
.banner-container { position: absolute; top: 0; height: 100%; width: inherit; }
.banner-container .banner-side-desc { padding: 15px 0 0 30px; display: inline-block; font-size: 30px; line-height: 32px; margin-top: 20px; margin-right: 40px; vertical-align: top; }
.banner-container .banner-side-desc .banner-side-gray { color: #747474; }
.banner-container .banner-side-desc .banner-side-red { color: #0082d2; }
.banner-container .banner-center-desc { padding-top: 15px; display: inline-block; font-size: 40px; line-height: 50px; margin-top: 12px; vertical-align: top; width: 750px;color:#747474;}
.banner-container .banner-bottom-design { position: relative; }
.banner-container .banner-bottom-design .bottom-line { border-bottom: 6px solid #0082d2; margin-top: 4px; width: 56px; }
.banner-container .banner-bottom-design .down-arrow { position: absolute; top: 0; left: 66px; display: inline-block; background-image: url('../images/arrow-down.png'); width: 25px; height: 25px; background-position: top center; background-repeat: no-repeat; background-size: contain; }
.banner-container .start-action { text-align: center; position: absolute; bottom: 30px; left: 50%; color: #0082d2; width: 100px; margin-left: -50px; }
.banner-container .start-action .down-arrow { background-image: url('../images/arrow-down-2.png'); margin-top: 10px; width: 100%; height: 30px; background-position: top center; background-repeat: no-repeat; background-size: contain; }

.sub-header { margin: 0; padding: 30px 15px 10px 15px; color: #666; font-size: 24px; }
.sub-header-content { margin: 0; padding: 0px 15px 30px 15px; color: #666; font-size: 16px; color: #666666;font-family: "FrutigerLTStd-Light";}

.step-container .step { color: #0082d2; padding-left: 30px; padding-top: 2px; position: absolute; top: 0; left: 0; }
.step-container .step .step-desc { font-size: 30px;  margin-left: 3px; }
.step-container .step .step-number { font-size: 60px; line-height: 60px; }
.step-container .form-wrapper { min-height: 110px; padding: 10px 0 10px 45px; margin-left: 140px; margin-right: 40px; border-left: 1px solid #747474; }
.step-container .form-wrapper h3.title {  color: #666; margin-top: 0; margin-bottom: 15px;font-family: "FrutigerLTStd-Light";}
.title-middle{ margin-top:25px !important;}
.title-align{ padding-top:10px;}
.step-container label {  font-size: 24px; display: inline-block; padding-right: 5px;}
.step-container .label-2 { font-size: 16px; height: 40px; padding-top: 10px; line-height: 24px; font-family: "FrutigerLTStd-Light";}
.step-container .form-control { font-size: 24px; display: inline-block;  border-color: #747474; padding: 6px 12px 3px 12px; height: auto; }

.step-container .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
.step-container .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
.step-container .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
.step-container .form-control:-moz-placeholder { /* Firefox 18- */
  color: #333;
}
.step-container .form-control { color: #333; }

#hidden-box { background: none; padding: 20px; width: 240px; position: absolute; right: 30px; top: 0; }
.summary-box { background-color: #e6e6e6; padding: 20px; width: 240px; position: absolute; right: 30px; top: 0; }
.summary-box-2 { position: inherit; width: auto; right: auto; }
.summary-box .title { color: #666; font-size: 18px; }
.summary-box .title-desc { font-size: 20px;  }
.summary-box .bottom-line { border-bottom: 8px solid #0082d2; margin-top: 4px; width: 40px; }
.summary-box .wealth-value { text-align: center; line-height: 50px; padding: 20px 0 10px 0; color: #0082d2; vertical-align: top; font-weight: bold; }
.summary-box-2 .wealth-value { width: 80%; }
.summary-box .wealth-value .currency {display: inline-block; font-size: 24px; padding-top: 5px;  }
.summary-box .wealth-value .wealth-amount { display: inline-block; font-size: 30px; }
.summary-box .separator { border: 1px solid #0082d2; width: 80%; height: 1px; }
.summary-box .cta-message {  font-size: 18px; padding-top: 15px; color: #333; }

.disclaimer { margin-top: 60px; margin-bottom: 20px; font-size: 14px; color: #4a4a4a;  }

.disclaimer { margin-left: 73px;font-family: "FrutigerLTStd-Light"; }

/* Large Devices, Wide Screens */
@media screen and (max-width: 1200px) {	
	.disclaimer { margin-left: 91px; }

	.banner-container .banner-side-desc { font-size: 24px; line-height: 28px; }
	.banner-container .banner-center-desc { font-size: 30px; line-height: 32px; padding-top: 22px; width: 400px; }
	.banner-container .banner-bottom-design .bottom-line { width: 44px; }
	.banner-container .banner-bottom-design .down-arrow { left: 48px; }

	.label-2 { max-width: 250px; padding-top: 0 !important; }
	.step-container .form-wrapper { margin-right: 80px; }
	.textbox { width: 200px; }
}

/* Medium Devices, Desktops */
@media screen and (max-width: 992px) {
	.disclaimer { margin-left: 0px; }

	.banner-container .banner-side-desc { font-size: 22px; line-height: 26px; }
	.banner-container .banner-center-desc { font-size: 24px; line-height: 28px; padding-top: 22px; width: 320px; }
	.banner-container .banner-bottom-design .bottom-line { width: 42px; }
	.banner-container .banner-bottom-design .down-arrow { left: 46px; }
	.banner-container .start-action { width: 60px; margin-left: -30px; font-size: 9px; bottom: 0; }
	.banner-container .start-action .down-arrow { margin: 5px auto 0 auto; width: 50%; }

	.step-container { padding: 20px 0; }
	.textbox.pull-right { float: none !important; margin-top: 10px; }
	.summary-box-2 { margin-top: 40px; }
}

/* Small Devices, Tablets */
@media screen and (max-width: 768px) {
	.banner-container { width: 100%; }
	.banner-container .banner-side-desc { font-size: 18px; line-height: 20px; margin-right: 20px; padding-top: 5px; }
	
	.banner-container .banner-center-desc { font-size: 18px; line-height: 22px; margin-top: 8%; width: 235px;  }
	.banner-container .banner-bottom-design .bottom-line { border-bottom: 3px solid #0082d2; width: 32px; }
	.banner-container .banner-bottom-design .down-arrow { left: 36px; width: 16px; height: 16px; }
	.banner-container .start-action { width: 60px; margin-left: -30px; }
	.banner-container .start-action .down-arrow { margin-top: 0; }
.banner-container .banner-side-desc{ padding-top:15%;}
	.sub-header { font-size: 18px; }
	.form-group { vertical-align: top; }

	.step-container .label-2 { height: auto; }
	.step-container .form-wrapper { margin-right: 80px; padding-left: 30px; margin-left: 120px; }
	.step-container .step {  }
	.step-container .step .step-desc { font-size: 24px; }
	.step-container .step .step-number { font-size: 48px; line-height: 40px; }
	.step-container .form-wrapper h3.title {  }
	.step-container label, .step-container .form-control { font-size: 16px; }
	.step-container .form-control { padding: 6px 2px 3px 6px; display: block; }
	.textbox.pull-right { float: none !important; margin-top: 0; }
}

/* Extra Small Devices, Phones */ 
@media screen and (max-width: 480px) {
	.navbar-brand { padding: 5px; }
	.logo { max-width: 90px; margin-top: 6px; }

	.step-container { padding: 20px 0; }
	.gray-section.first { margin-top: 85px; }
.banner-container .start-action { top:50%;}
	.banner-container .banner-side-desc { margin-top: 0; font-size: 16px; line-height: 18px; padding: 15px 0 0 20px; }
	.banner-container .banner-bottom-design .bottom-line { border-bottom: 2px solid #0082d2; width: 32px; }
	.banner-container .banner-bottom-design .down-arrow { left: 36px; width: 16px; height: 16px; }
	.banner-container .banner-center-desc { display: block; width: auto; padding: 10px 20px 0 20px; text-align: left; }
	.banner-container .start-action { bottom: -105px; }
	.banner-container .start-action .down-arrow { margin-top: 0; }

	.step-container .step { position: inherit; padding-left: 20px; padding-bottom: 5px; }
	.step-container .step .step-desc { font-size: 20px; }
	.step-container .step .step-number { font-size: 40px; line-height: 40px; }
	.step-container .form-wrapper { margin: 0 20px; padding: 0; border-top: 1px solid #747474; border-left: none; }
	.step-container .form-wrapper h3.title { font-size: 24px; margin-top: 15px; }
	.step-container label { font-size: 16px; }
	.step-container .form-control { font-size: 16px; padding: 6px 2px 3px 6px; }
	.textbox { width: 140px; }
	.sub-header, .sub-header-content{padding: 30px 15px 10px 5px!important;}	
	.summary-box .bottom-line { border-bottom: 6px solid #0082d2; }
	.summary-box-2 { margin: 0 5px; }
	.summary-box-2 .wealth-value { width: 80%; }
	.banner-image { width: 150% !important;margin-left: -80px !important; }

}

/* Custom, iPhone Retina */ 
@media screen and (max-width: 320px) {
	.gray-section.first { margin-top: 150px; }

	.banner-container .banner-side-desc { margin-top: 0; font-size: 14px; line-height: 16px; padding: 15px 0 0 20px; }
	.banner-container .banner-bottom-design { margin-top: -3px; }
	.banner-container .banner-bottom-design .bottom-line { border-bottom: 2px solid #0082d2; width: 32px; }
	.banner-container .banner-bottom-design .down-arrow { left: 36px; width: 16px; height: 16px; }
	.banner-container .banner-center-desc { padding: 25px 20px 60px 20px; font-size: 16px; text-align: center; }
	.banner-container .start-action { bottom: -135px; }
	.banner-container .start-action .down-arrow { margin-top: 0; }

	.sub-header { padding: 30px 5px; }
}