/*
= Mobile devices
-------------------------------------------------------------------------------------- */
@media all and (max-width: 1100px) {
	
	#zenbox_tab.ZenboxTabRight {
		left:auto !important; right:10px !important; top:auto !important; bottom:5px;
		width:32px !important; height:32px !important; min-width:32px !important;
		padding:0 !important; margin:0 !important;
		background:none !important;
		transform:none !important; -moz-transform:none !important; -webkit-transform:none !important;
		}
		#zenbox_tab.ZenboxTabRight #feedback_tab_text {
			width:32px !important; height:32px !important;
			margin:0;
			text-indent:-9999px;
			background:url(../img/icon-support.png) 0 0 no-repeat !important;
			}
	
}
@media all and (max-width: 1056px) {
	
	#container {width:99%; margin:1%;}
	.content {width:71%; margin-left:27%; min-height:100px;}
	
	.sideview {width:26%; float:none; top:0;}
		.sideview .logo {width:100%;}
			.sideview .logo img {width:100%; height:auto;}
			.sideview .logo a {background-size:100% auto;}
		.sideview .menu,
		.sideview .menu ul.nav,
		.sideview .menu ul.nav > li > a,
		.sideview .menu ul.nav ul,
		.sideview .menu ul.nav ul li a {width:auto;}
	
	h1.slogan {left:28%; width:70%; background-size:100% auto;}
	.solaris-box {left:28%; width:70%;}
	h2.fee-breakdown,
	h2.fc-text {left:36%;}
	
	.grid-1 h2, .grid-2 h2, .grid-3 h2, .grid-4 h2 {background-position:0 100%;}
	
	.content .grid-2,
	.content .grid-3,
	.content .grid-4 {float:none; width:auto; margin-right:0;}
	
	.form-box input[type="text"],
	.form-box textarea {
		width:100%;
		padding:10px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		}
	
	.content iframe {width:100%; height:300px;}
	
	div.jets .grid-3 .inner {overflow:hidden;}
		div.jets .grid-3 img {width:auto; height:auto; float:left; margin:0 20px 0 0;}
		
	.fc-internal {right:25px;}
	
	.map-tabs .table-box img {width:100%; height:auto;}
	
	#newsletter-content #ao_alignment_container {width:100%;}
		#newsletter-content .formFieldText {width:90%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	
	
}

@media all and (max-width: 768px) {
	
	.content .no-title,
	.content .first-box {padding-top:10px;}
	
	.landing-content {margin-bottom:60px; padding-top:10px;}
		.landing-content h1.box {font-size:35px;}
		.landing-content dl.box dt {font-size:22px;}
		body.home #footer {position:relative !important;}

	a.last-chance {display:none;}
	a.last-chance.content-last-chance {display:block;}
	
	#container {padding-top:50px; width:100%; margin:0;}
	.content {width:98%; margin:0 1% 30px 1%;}

	.sideview {position:static; width:auto; background:none; z-index:1000;}
	
	.sideview .logo {
		position:fixed; top:0; left:0px; z-index:10;
		width:100%; height:39px;
		background:#000;
		border-bottom:#fff solid 1px;
		/*background: #f3f3f3;
		background: -moz-linear-gradient(top, #f3f3f3 0%, #c8c8c8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #c8c8c8));
		background: -webkit-linear-gradient(top, #f3f3f3 0%, #c8c8c8 100%);
		background: -o-linear-gradient(top, #f3f3f3 0%, #c8c8c8 100%);
		background: linear-gradient(top, #f3f3f3 0%, #c8c8c8 100%);
		box-shadow:0 3px 3px rgba(0,0,0,0.75);*/
		}
		.sideview .logo a {width:40%; height:39px; background:none; margin-top:-1px;}
		.sideview .logo img {
			display:block; position:relative; z-index:11;
			height:36px; width:auto;
			margin:2px 0 0 10px;
			}
	body.home .content {overflow:visible;}	
	h1.slogan,
	h2.fc-text,
	h2.fee-breakdown,
	a.last-chance.content-last-chance,
	.solaris-box {
		position:relative; left:0; top:0; z-index:1;
		width:70%; height:140px;
		margin:10px auto 0;
		background-size:100% auto;
		}
		h2.fc-text,
		h2.fee-breakdown {height:170px;}
		h2.fc-text {margin-bottom:70px;}
		a.last-chance.content-last-chance {height:auto;}
		.solaris-box {height:auto; margin-top:-70px; display:block;}
		
	.side-buttons {display:none;}
	
	.mobile-nav {position:fixed; top:0; right:10px; display:block; z-index:200;}
		.mobile-nav a {
			float:left;
			width:40px; height:39px;
			text-indent:-9999px;
			}
			.mobile-nav a.button-signup {background:url(../img/mobile-sign-up-button.png) 50% 50% no-repeat;}
			.mobile-nav a.button-login {background:url(../img/mobile-log-in-button.png) 50% 50% no-repeat;}
			.mobile-nav a.button-nav {background:url(../img/mobile-nav-button.png) 50% 50% no-repeat;}
			.mobile-nav a.button-nletter {background:url(../img/mobile-nletter-button.png) 50% 50% no-repeat;}
			.mobile-nav a.button-share {background:url(../img/mobile-share-button.png) 50% 50% no-repeat;}
	
	ul.social-top-box {
		display:none; top:34px !important; right:96px !important; z-index:1000;
		width:113px;
		padding:0 0 5px;
		background:#000; background-image:none !important;
		}
		ul.social-top-box li {float:none; width:auto;}
			ul.social-top-box li a {
				width:auto; height:auto;
				padding:2px 12px;
				text-indent:inherit; color:#fff; text-decoration:none; font-size:12px;
				background:#000; background-image:none !important;
				}
	
	.sideview .nav {background:#000;}
	.sideview .menu {
		position:fixed; left:1%; top:40px; z-index:1000; display:none;
		width:98%;
		padding:0; margin:0;
		box-shadow:0 3px 3px rgba(0,0,0,0.75);
		}
	#footer {height:auto; width:auto; position:relative; padding:10px 0; z-index:10;}
		#footer p,
		#footer.internal-footer p {float:none; position:relative; top:0; left:0; text-align:left; font-size:11px; padding-right:48px;}
		.disclaimer-text {
			float:none;
			width:auto;
			margin:0; padding:10px;
			text-align:center;
			}
	
	.home #footer {position:fixed; left:0; bottom:0; width:100%;}
	
	.fc-internal {top:75px;}
	.fc-internal p {width:280px; right:0;}
	
	.nav span.desc {display:none;}
	.nav > li > a {font-size:15px; font-weight:normal; padding:7px 10px;}
	
	.flexslider .flex-control-nav {bottom:-22px !important; height:14px; overflow:hidden;}

}

@media all and (max-width: 640px) {
	
	h1.slogan {height:110px;}
	h2.fc-text,
	h2.fee-breakdown {height:140px;}

}
@media all and (max-width: 480px) {
	
	.landing-content .box {padding:10px 15px;}
	.landing-content h1.box {font-size:20px; padding:3px 15px;}
	.landing-content dl.box {font-size:16px;}
	.landing-content h3,
	.landing-content h4,
	.landing-content h5 {font-size:16px; line-height:normal;}
	.landing-content p {font-size:14px; line-height:normal;}
	.landing-content .button-orange {width:120px; height:30px; line-height:30px; font-size:12px;}
	.landing-content dl.box dt,
	.landing-content dl.box dd {width:auto; float:none; clear:both;}
	.landing-content dl.box dt {margin-bottom:0; font-weight:bold;}
	
	.content .grid-1 div.inner, .content .grid-2 div.inner, .content .grid-3 div.inner, .content .grid-4 div.inner {padding:10px;}
	
	.team-member {padding-left:0;}
		.team-member img {position:relative; top:auto; max-width:100px; height:auto; float:left; margin:20px 20px 0 0;}
	
	div.jets .grid-3 img {max-width:120px;}
	
	h1.slogan,
	h2.fc-text,
	h2.fee-breakdown,
	a.last-chance.content-last-chance {
		width:auto; height:auto; z-index:1;
		padding:5px;
		text-indent:inherit; font-size:16px; color:#fff; font-weight:normal; line-height:normal;
		background:rgba(0,0,0,0.7);
		}
		h2.fc-text,
		h2.fee-breakdown,
		a.last-chance.content-last-chance {font-size:12px; line-height:17px;}
		a.last-chance.content-last-chance {margin-bottom:80px;}
	
	.solaris-box {width:100%; margin-top:15px;}
		
	.table-box table {margin:0 -16px 20px !important; width:auto;}
	.content table td, .content table th,
	ul.table-tab-nav li a {padding:2px; font-size:12px; line-height:15px;}
	
	.su-media,
	.map-tabs .table-box,
	.flexslider .slides {margin:0 -16px !important;}
	
	.cities-list ul li {float:none; width:auto;}
		
	.fc-internal {right:auto; left:0;}
	.fc-internal p {right:auto; left:10px; width:243px;}
	
	body.home #footer {position:relative !important;}
	#footer.internal-footer p {line-height:17px;}
	#footer ul.logos li img {width:80%; height:auto; margin:0 auto;}
	.disclaimer-text span {padding:0 5px;}
	
	

}

/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}