.mobile-only {

	display:none;

}



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.report{

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

	background-size: 16px 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;

}



#talk2us .c4 {

	width:100%;

}



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

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

	.trans {

    transition: all 0.5s ease;

	    -moz-transition: all 0.5s ease;

	    -webkit-transition:    all 0.5s ease;

	    -o-transition: all 0.5s ease;

	}



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

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

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

	.mobile-only {

		display: block;

	}

	.desktop-only,

	#header .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 {

		transition: top 0.5s;

			-moz-transition: top 0.5s;

			-o-transition: top 0.5s;

			-webkit-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 {

		transition: right 0.5s;

			-moz-transition: right 0.5s;

			-o-transition: right 0.5s;

			-webkit-transition: right 0.5s; 

	}	

	#main.resultsView #wrapper {

		right: 100%;

	}

	#main.startView #wrapper {

		right: 0%;

	}



	#results,

	#aside {

		box-sizing: border-box;

			-webkit-box-sizing: border-box;

			-moz-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;

	}



	#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 .col:first-child,

	.block .c4:first-child,

	.block .c6:first-child,

	.block .col,

	.block .c4,

	.block .c6,

	.block table,

	.block tr {

		width: 100%;

	}	

	.block .col {

		display:block;

		vertical-align: baseline;

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

	}

	.block .col:first-child,

	.block .c4:first-child,

	.block .c6:first-child,

	.block .col,

	.block .c4,

	.block .c6 {		

		padding:0;

	}

	.block .c4:first-child,

	div.block .c4,

	#footer .disclaimer {

		padding:0 20px;

	}

	.block {

		position:relative;

		padding: 50px 0 100px 0;

	}

	.block .toTop {

		position:absolute;

		bottom:50px;

	}

	.block tr > td:first-child,

	.block table {

		border-left:none;

	}

	.block tr > td:last-child,

	.block table {

		border-right: none;

	}

	.block .tier2 {

		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;

	}



/*	#deleteData .box{

		height: 320px;

		position: absolute;

		top: 50%;

		left

		margin-top: -160px;

	}*/



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

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

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



	body div.pdfHtml{

		opacity: 0.01;

		font-size: 26px;

		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;

	}



	.pdfHtml #results .block.desktop-only {

		display:block;

	}

	.pdfHtml #results .block.mobile-only {

		display:none;

	}



	.pdfHtml #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 #mainResultBox .block.mainResult{	

	  padding-top: 130px;

	}

	.pdfHtml #results .block .col{

		padding-left: 4%;

	}	

	.pdfHtml .block .c4 {

		width: 39%;

	}

	.pdfHtml .block .c6 {

		width: 60%;

	}

	.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:last-child {

		padding-bottom: 0;

		margin-bottom: 0;

	}

}



.pdfHtml #results .block.disclaimer {

	padding: 50px 12%;

}