.only-mobile { display: none; }
.only-tablet { display: block; }
.only-handheld { display: block; }
.only-tablet-desktop { display: block; }
.only-desktop { display: none; }

#wrapper { width: 100%; border-top: 1px solid #fff;}
header.main { z-index: 9999; height: 60px; padding: 1em 0; border-bottom: 1px solid #dcdcdc; position: fixed; top: 0; background: #fff; width: 100%; }
header nav { display: none; }
header a img { margin-left: 1em; }
#mobile-nav { display: block; margin: 0; }
#mobile-nav select { float: right; margin: -10px 1em 0 0; border: 1px solid #dcdcdc; width: auto; font-size: 1.5em; }

.landscape header.main { height: 40px; padding: 0;}
.landscape header.main a { width: 38px; overflow: hidden; }
.landscape header.main a img { margin: 4px 0 0 4px; height: 30px;}
.landscape header.main #mobile-nav select { margin: 0; font-size: 12px; position: relative; top: -8px; }


body.home #banner { width: 100%; padding: 170px 0 0; margin: 0; background-position: ;}
body.home #banner .wrap { margin: 0 1em 0 20%;}
body.page hgroup.main { margin-top: 88px; max-width: 100%; }
body.page hgroup.main .inner { max-width: 100%;}

body.home #steps .inner { width: 100%; }

#container { width: 100%; max-width: 100%; padding: 0; }
.col-main { width: 60%; padding: 0; margin-left: 20px;}
h1.col-main { width: auto; margin-bottom: 0; }
.col-side, #sidebar { width: 30%; }
#sidebar { margin-left: 20px; }
#sidebar .inner, #sidebar { background: none; }
#sidebar .widget-ask { max-width: 100%; background-position: 0 top; }
#container .col-side .inner { padding: 30px 0; }

.ad-contact-us .body p.statement { padding-right: 0; text-shadow: 0 1px 0 #fff; }

footer { width: 100%; max-width: 100%; padding: 0; }
#wrapper footer.main { padding-left: 0; }
footer.main .col-side { float: right; }


body.home #steps ol {
	background: transparent;
	padding-top: 0;
	width: 100%;
}

body.home #steps ol li {
	padding-top: 130px;
}

body.home #steps ol li.one {
	background: url('images/mobile-step1.png') center top no-repeat;
	margin: 0 5%;
}

body.home #steps ol li.two {
	background: url('images/mobile-step2.png') center top no-repeat;
	margin: 0 5%;
}

body.home #steps ol li.three {
	background: url('images/mobile-step3.png') center top no-repeat;
	margin: 0 5%;
}


/* Calculator body.calculator */
body.calculator #container h2.result-status { margin: 0 20px 0; padding-top: 30px; background-position: 0 30px; }
body.calculator #container h2.result-complete { margin-bottom: 0; }
body.calculator #container { position: relative; }

body.calculator #container #content { width: calc(100% - 330px); float: left; padding: 20px; margin: 0; }
body.calculator #container #content .final-step h2.step { margin-top: 0 }
body.calculator #container #content form input.continue { margin-bottom: 3em; }
body.calculator #container #content form input.finish { margin:0 0 3em; }

body.calculator-progress #container #sidebar { float: right; width: 290px; margin-left: 0; }
body.calculator-progress #container #sidebar .progress { width: 45%; float: left; }
body.calculator-progress #container #sidebar .progress h4 { text-align: left; }
body.calculator-progress #container #sidebar .progress .progressbar { width: 100%; }
body.calculator-progress #container #sidebar .assurances { width: 280px; float: right; margin-right: 20px; }
body.calculator-progress #container #sidebar .assurances br { display: none; }

body.calculator #results { width: auto; padding: 160px 1em 1em; background-position: center 1em; text-align: center; }

body.calculator label[for="state"] { display: block; margin-top: 10px; }

header.main { position: static; }
header.main .switch-lang { position: static; text-align: center; top: auto; right: auto; display: block; }
header.main .switch-lang a { width: auto; position: absolute; top: 8px; right: 120px; font-size: 11px; }