.mobile-only,

#results #paymentOptionsBlockMobile.mobile-only {

	display:none;

}



html, html body{

    height: 100%;

}



body #aside {

	overflow: scroll;

	overflow-x: hidden;

	-webkit-overflow-scrolling: touch; 

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

}



#main.resultsView #aside {

	display: block;

}



body.moveOut #header,

body.moveOut #main {

	/*position: relative;

	left: 1000%;

	overflow: hidden;*/

}

/* SVG icon swaps */

body .roundButton.restart{

	background-image: url(../img/restart.svg);

	background-size: 20px 12px;

}

body .roundButton.secondary.report{

	background-image: url(../img/report-orange.svg);

	background-size: 16px 20px;

}

body .roundButton.report{

	background-image: url(../img/report.svg);

	background-size: 16px 20px;

}

body .header .close{

	background:url(../img/close.svg) no-repeat;

	background-size: 20px 20px;

}

/********************/



.resultHeader {

	padding:10px;

	-webkit-box-sizing: border-box; 

	-moz-box-sizing: border-box;    

	box-sizing: border-box;

}

.resultHeader .roundButton {

	float:right;

	margin-left: 10px;

}

.resultHeader .back {

	margin-top: 5px;

}



#results .block.mainResult > div:first-child {

	padding-top: 105px;

}



#results #paymentOptionsBlock.baseScenario {

	display: block; /* BP004 */

}

#talk2us .c4 {

	width:100%;

}



.paymentsScheduleHeader {

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	width: 100%;

	height: 85px;

	position: relative;

	padding:0;

	margin:0;

}



.content .paymentsScheduleHeader .clear {

	display: none;

}



.paymentsScheduleHeader .third,

.paymentsScheduleHeader .blockThird {

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	width: 100%;

	height: 100%;

	position: absolute;

	top:0;left:0;

	float: none;

}



.content .paymentsScheduleHeader .simple-row {

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	margin: 0;	

	padding: 20px;

	position: absolute;

	width: 50%;

	height: 40px;

	vertical-align:middle;

}



.el01,

.el02 {

	left:0;

	border-right: 1px solid #D1D2D4;

}

.el01 div,

.el02 label {

	position: absolute;

	left: 20px;

}

.el01 span,

.el02 span {

	position: absolute;

	right: 10px;

}



.el03,

.el04 {

	padding-top:18px;

	left:50%;

}



.el01,

.el03 {

	/*top:2px;*/

	top:0px;

}

.el02,

.el04 {

	top: 33px;

}



.isAdvancedScenario,

.scenarioName,

.paymentsScheduleTable .clear {

	display:none;

}



#popup #paymentSchedule .content {

	height:100%;

}



/*.paymentsScheduleTable .clear {

	width:0;

	height:0;

}

#paymentSchedule .paymentsScheduleTable td:first-child{

	width: auto;

}

#paymentSchedule .paymentsScheduleTable td{

	padding:0;

	width:auto;

}

#paymentSchedule,

#paymentSchedule .paymentsScheduleTable {

	width:100%;

}

#paymentSchedule .paymentsScheduleTable table {

	width:auto;

	white-space: nowrap;

	overflow:none;

	table-layout: fixed;

	width:100%;

}

#paymentSchedule .paymentsScheduleTable table {

	border-collapse: collapse;

}

#paymentSchedule .paymentsScheduleTable table td.removeFromReport,

#paymentSchedule .paymentsScheduleTable table td.hidden {

	width:0;

	display:none;

}*/



/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 960px) {

	.trans {

	    -moz-transition: all 0.5s ease; /* Firefox 4 */

	    -webkit-transition:    all 0.5s ease; /* Safari and Chrome */

	    -o-transition: all 0.5s ease; /* Opera */

	    transition: all 0.5s ease;

	}



	/******************************************/

	/***************** Helper *****************/

	/******************************************/

	.mobile-only,

	#results #paymentOptionsBlockMobile.mobile-only {

		display: block;

	}

	.desktop-only,

	#header .desktop-only,

	#results #paymentOptionsBlock.desktop-only {

		display:none;

	}



	/**********************************************/

	/***************** Navigation *****************/

	/**********************************************/

	#header,

	#header .header-buttons {		

		width:100%;

		background: none repeat scroll 0% 0% #79797A;

	}

	#header {

		height:50px;

		min-width:100%;

	}

	#header .header-buttons {

		padding:0;

		margin:0;

		height:100%;

	}

	#header h6.icon.menu {

		position:absolute;

		top:0;

		right:0;

		background-position: -220px 0px;

		width:37px;

		height:31px;

		margin:10px 10px 0 0;

	}

	#header ul {

		-moz-transition: top 0.5s; -o-transition: top 0.5s; -webkit-transition: top 0.5s; transition: top 0.5s;

		position:absolute;

		top:-450px;

		left:0;

		right:0;

		list-style: none;

		padding: 0;

		text-align: left;

		width:100% auto;

		height:auto;

		margin:0;

		z-index: -10;

	}

	#header ul.open-menu {

		top: 50px;

	}

	#header ul li {

		position:relative;

		background-color:#79797A;

		height:50px;

		width:100%;

		padding:0;

	}

	#header ul li a {

		font-size: 14px;

		color:#ffffff;

		height:100%;

		width:100%;

	}

	#header ul li span {

		position:absolute;

		top:0;

		left:0;

		width:10px;

		height:100%;

		background-color:#DD5326;

	}

	#header ul li a.notBold {

		font-weight:normal;

	}



	#the-wall {

		position:absolute;

		display: none;

		width:100%;

		height:100%;

		content: " ";

		z-index: 5;

	}

	#the-wall.show {

		display: block;

	}



	

	/*****************************************************/

	/***************** Main architecture *****************/

	/*****************************************************/



	#main.resultsView #ribbon {

		margin-top: 50px;

		background: none;

	}



	#ribbon,

	.scenario {

		width: 100%;

	}



	#wrapper {

		position: relative;

		width: 200%;

	}



	#main #wrapper {

		-moz-transition: right 0.5s; -o-transition: right 0.5s; -webkit-transition: right 0.5s; transition: right 0.5s;

	}	

	#main.resultsView #wrapper {

		right: 100%;

	}

	#main.resultsView #aside {

		display: inherit;

	}

	#main.startView #wrapper {

		right: 0%;

	}



	#results,

	#aside {

		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

		width: 50%;

		border: none;

		margin: 0;

		padding: 0;

		float: left;

	}

	#wrapper #results,

	#wrapper #aside {

		overflow-x:hidden;

		max-width:100%; max-height: 100%;

		overflow-y: scroll; -webkit-overflow-scrolling: touch;

	}



	/******************************************/

	/***************** #Aside *****************/

	/******************************************/

	#aside .form-row {

		width: 100%;

		margin: 0;

		padding-left: 20px;

	}

	#aside .form-row {

		width: 100%;

		margin: 0;

		padding-left: 20px;

	}

	#aside .accordionHeader .form-row {

		text-indent: 20px;

	}



	/********************************************/

	/***************** #Results *****************/

	/********************************************/

	div[data-button-view="mobile"] .roundButton.pdf {

		padding:0;

		background-position: -329px 0px;

    transition: none;

			-moz-transition: none;

	    -webkit-transition: none;

	    -o-transition: none;

	}

	div[data-button-view="mobile"] .roundButton.pdf,

	div[data-button-view="mobile"] .roundButton.isDownload,

	div[data-button-view="mobile"] button.downloadPDF {

		width:36px;

		height:30px;

	}

	div[data-button-view="mobile"] .roundButton.isPreload{

		background-position:600px 0px;

	}

	div[data-button-view="mobile"] .roundButton.isDownload,

	#results div[data-button-view="mobile"] button.downloadPDF{

		background-image: url(../img/icons.png);

		background-repeat: no-repeat;

		background-size: auto 100%;

		background-position: -297px 0px;

		overflow:hidden;

		color:transparent;

	}

	div[data-button-view="mobile"] .roundButton.isDownload object{

		opacity:0;

	}

	div[data-button-view="mobile"] .roundButton .preloader{

		margin:4px 7px;

	}

	.roundButton.isDownload .download{

		display: block;

	}



	#aside .downloadPDF.desktop-only {

		display: none;

	}



	#results #mainResultBox .block.mainResult div{

		position: relative;

	 	top: 50%;

	 	-ms-transform: translateY(-50%); n-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);

	 	padding-left: 20px;

		padding-right: 20px;

		padding-top:0;

	}

	

	.block,

	.block table,

	.block tr {

		width: 100%;

	}



	#results td.full {

		font-weight: bold;

	}



	.block {

		position:relative;

		padding: 50px 0 100px 0;

	}



	.block h2,

	.block p,

	.block div.disclaimer,

	.block .barGraph,

	.block a.toTop {

		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

		width: 100%;

		padding:0 20px;

	}

	.block .toTop {

		position:absolute;

		bottom:50px;

	}

	#results td:first-child,

	.block table {

		border-left: none;

	}

	#results td:last-child,

	.block table {

		border-right: none;

	}

	#paymentOptionsBlockMobile h2+table .full {

		border-top: 1px solid #D1D2D4;

	}



	#results.isBaseScenario .summaryTable td:nth-child(2){

		width: 33%;

	}

	#results .summaryTable td,

	#paymentOptionsBlockMobile td {

		width: 66%;

		padding-left: 10px;

	}



	#talk2us {

		padding-bottom: 50px;

	}

	#talk2us .c4 {				

		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	}



	/*******************************************/

	/***************** #Footer *****************/

	/*******************************************/

	#footer.block,

	#footer.block .col {

		width:100%;

		padding:0;

	}

	#footer.block {

		padding:0;

	}

	#footer.block .col div {

		display: block;

		margin-left: auto;

		margin-right: auto;

	}	

	#footer.block .col .footer-logo {

		float: none;

	} 

	#footer.block .col div,

	.block.disclaimer {

		padding:50px 20px 20px 20px;

	}



	.block.disclaimer p {

		padding:0;

	}



	/*******************************************/

	/***************** #popup ******************/

	/*******************************************/ /*Payment schedule*/



	#paymentSchedule .background{

		display: none;

	}



	#paymentSchedule .box,

	#paymentSchedule .content{

		width: 100%;

		height: 100%;

		min-width: 600px;

		top:0;

		left:0;

		bottom:0;

		right:0;

	}



	#popup .header {

		overflow: hidden;

	}



	#popup .header div {

		white-space: nowrap;

	}



	#paymentSchedule .content div.isBaseScenario,

	#term-tabpanel,

	#amortization-tabpanel,

	#paymentSchedule .header {

		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

	}



	#popup .header div,

	#popup .header .title {

		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

		overflow-x: hidden;

	}



	.content .h-row {

		height: auto;

	}



	.paymentsScheduleTable,

	.paymentsScheduleTable table {

		height:auto;

		width: 100%;

	}



	.paymentsScheduleTable {

		position: absolute;

		bottom: 50px;

		top: 140px;

	}



	.paymentsScheduleTable table,

	 #popup .choices,

	 #term-tabpanel,

	 #amortization-tabpanel {

		background-color: white;

	}



	.paymentsScheduleTable tbody td {

		white-space: nowrap;

	}



	#paymentSchedule .choices {

    height: 40px;

    width: 100%;

    float: none;

    position: absolute;

    bottom: 0;

    padding: 5px 10px;

    overflow: hidden;

	}



	#paymentSchedule .choices>div,

	#paymentSchedule .choices>button {

		line-height: 30px;

	}



	/********************************************/

	/***************** .pdfHtml *****************/

	/********************************************/



	body div.pdfHtml{

		opacity: 0.01;

		position: absolute;

		top:0;

		left:0;

		z-index:-100;

		background: #fff;

	}



	.pdfHtml #results.pdfContent{

		width:1700px;

		overflow: hidden;

		border: none;

	}



	.pdfHtml #results.pdfContent > div{

		position: absolute;

		top:0;

		left:0;

		background-color: #fff;

		width: 100%;

	}



	.pdfHtml #results.pdfContent .zebra{

		background-color: #F3F3F4;

	}

	.pdfHtml #results .barGraph{

		height:760px;

	}



	.pdfHtml #results .block,

	.pdfHtml #results #talk2us {

		padding: 180px 12%;

		overflow: hidden;

	}



	body .pdfHtml #results #paymentOptionsBlock.desktop-only {

		display:block;

		background-color:#f3f3f4;

	}

	.pdfHtml #results #paymentOptionsBlockMobile.mobile-only {

		display:none;

	}



	.pdfHtml #results #mainResultBox .block.mainResult div{

		position: static;

	  -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);

	}

	.pdfHtml #results #mainResultBox .block.mainResult{	

	  padding-top: 130px;

	  white-space: nowrap;

	}

	.pdfHtml #results.isBaseScenario .summaryTable td:nth-child(2) {

	    width: 75%;

	}

	.pdfHtml #results .summaryTable td {

    width: 25%;

	}

	.pdfHtml #results td.full {

		font-weight: bold;

	}

	.pdfHtml #results .block .col{

		padding-left: 4%;

	}	

	.pdfHtml .block .c4 {

		width: 39%;

	}

	.pdfHtml .block .col {

		display: inline-block;

		vertical-align: middle;

	}



	.pdfHtml .block table {

		width: 100%;

	}

	.pdfHtml .block tr{

		width: auto;

	}

	.pdfHtml .block tr > td:first-child,

	.pdfHtml .block table {

		border-left: 1px solid #939598;

	}

	.pdfHtml .block tr > td:last-child,

	.pdfHtml .block table {		

		border-right: 1px solid #939598;

	}



	/*/////footer/////*/

	.pdfHtml .block .col:first-child,

	.pdfHtml #footer.block .c5:first-child  {

		padding:-right: 20px;

	}

	.pdfHtml #footer.block .c5:first-child {

		width: 49%;

	}

	.pdfHtml #footer.block .c5 {

		width: 50%;

	}

	.pdfHtml #footer.block .col div {

		display: inline-block;

		margin: 0;

	}	

	.pdfHtml #footer.block .col .footer-logo {

		float: right;

	}	

	.pdfHtml #footer.block {

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.pdfHtml #results .block.disclaimer {

		padding: 50px 12%;

	}

	.pdfHtml #results:last-child {

		padding-bottom: 0;

		margin-bottom: 0;

	}

}



@media only screen and (max-width : 600px) { /* Android Nexus is quite large in landscape */

	#popup #paymentSchedule {

		overflow-x: auto;

		overflow-y: hidden;

		-webkit-overflow-scrolling: touch;

	}

	#paymentSchedule .header .close{

		margin-top:10px;

	}

	#paymentSchedule .header {

		height: 40px;

	}

	#paymentSchedule .header div{

		line-height: 40px;

		padding:0 10px;

	}

	#paymentSchedule .content .paymentsScheduleHeader .simple-row {

		padding:10px;

	}

	.paymentsScheduleHeader div {

		line-height: 20px;

	}

	.paymentsScheduleHeader {

		height: 60px;

	}

	.paymentsScheduleTable {

		top: 110px;

	}



	.el01 div,

	.el02 label {

		left: 10px;

	}

	.el01 span,

	.el02 span {

		right: 5px;

	}

	.el03,

	.el04 {

		padding-top:0px;

	}

	.el02,

	.el04 {

		top: 23px;

	}

}



.pdfHtml #results .block,

.pdfHtml #results #talk2us {

	padding: 150px 12%;

}

.pdfHtml #results .block.disclaimer {

	padding: 50px 12%;

}