@charset "utf-8";
/* CSS Document */

body {
 margin:0;
 font-family: 'Muli', sans-serif;
 font-size:13px;
 line-height:20px;
 font-weight:300;
 /*color:#6E6E6E;*/
 color:#424242;
}

.site {
width:100%;
}

/* ----- TOP MENU ----- */

.top-bar {
	width:100%;
	height:35px;
	background-color:#f2f2f2;
	border-bottom:1px solid #d1d1d1;
}

.top-menu {
	width:980px;
	height:35px;
 	margin:0 auto;
}

.cta {
	float:left;
	width:330px;
	font-size:12px;
 	font-weight:300;
 	color:#036ab5;
	padding:8px 0 0 0;
	margin-left:20px;
}

.menu-items {
	float:right;
	height:35px;
	max-width:550px;
}

.menu-items ul {
	padding:0;
	margin:0;
}

.menu-items ul li {
	float:left;
	height:25px;
	list-style:none;
	padding:7px 10px;
	margin:0;
	background-image:url(../images/top-menu-sep.gif);
	background-repeat:no-repeat;
	background-position:right 12px;
}

.menu-items ul li:nth-child(4) {
	background-image:none;
}

.menu-items ul li:nth-child(5) {
	background-color:#CCC;
	height:21px;
	padding:7px 10px;
	background-image:none;
	text-transform:uppercase;
	position:relative;
}

.menu-items ul li.online {
	/* display:none;  Hide the online status. */
	width:80px;
	background-color:#003e69;
	color:#ffe064;
	/*font-weight:bold;*/
	font-size:12px;
	height:10px;
	padding:10px 10px 15px 10px;
	background-image:url(../images/txtstream-status-ok.png);
	background-repeat:no-repeat;
	background-position: 66px 8px;
	text-transform:uppercase;
	line-height:14px;
}

.menu-items ul li.offline {
	/*display:none;*/ /* Hide the offline status. */
	background-color:#003e69;
	color:#ffe064;
	/*font-weight:bold;*/
	font-size:12px;
	height:19px;
	padding:2px 10px 15px 10px;
	background-image:url(../images/txtstream-status-not-ok.png);
	background-repeat:no-repeat;
	background-position: 66px 3px;
	text-transform:uppercase;
	line-height:14px;
}

.menu-items ul li.offline a {
	color:#ffe064;
	font-size:9px !important;
	font-weight:bold;
}

.menu-items ul li.offline a:hover {
	color:#FFF;
}

.menu-items ul li a {
	font-size:12px;
 font-weight:400;
 color:#666;
	padding:0 0 0 0;
	text-decoration:none;
}

.menu-items ul li a:hover {
	color:#036ab5;
}

.menu-items ul li ul {
	visibility:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	z-index:9999;
	top:35px;
	left:0;
	width:200px;
	padding:0 10px;
	background-color:#e7e7e7;
	border-top:1px solid #d1d1d1;
	-webkit-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.50);
 -moz-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.50);
 box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.50);
}

.menu-items ul li:hover ul {
	display:block;
	visibility:visible;
	opacity:1;
 filter:alpha(opacity=40);
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}

.menu-items ul ul li {
	float:none;
	background-image:none;
	background-color:#e7e7e7;
	border-bottom:1px solid #d1d1d1;
	padding:5px 0;
}

.menu-items ul ul li:nth-child(5) {
	background-color:#e7e7e7;
	padding:5px 0;
}

.mobile-menu {display:none;}


/* ----- HEADER ----- */

.header-container {
	width:100%;
	height:90px;
}

.header {
	width:980px;
	height:90px;
 margin:0 auto;
}

.logo {
	margin-left:20px;
	width:267px;
	float:left;
}

.main-menu {
	height:90px;
	width:660px;
	float:right;
}

.main-menu ul {
	padding:0;
	margin:0;
	float:right;
}

.main-menu ul li {
	float:left;
	list-style:none;
	margin:0;
}

.main-menu ul li a {
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	height:75px;
	padding:45px 16px 0 16px;
	padding-left:12px\0/ !important;
	padding-right:12px\0/ !important;
}

.main-menu ul li a:hover {
		background:url(../images/menu-bg.png) repeat-x;
}

/* ----- SLIDER ----- */

.slider-container {
	width:100%;
	height:350px;
	background:url(../images/txtstream-slider-background.jpg) no-repeat center top;
	margin:0;
	padding:0;
}

.slider {
	width:980px;
	height:350px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.slider .shadow {
	background:url(../images/slide-shadow.png) no-repeat center top;
	display:block;
	position:absolute;
	z-index:100;
}

.rslides_nav.prev {
	position:absolute;
	z-index:999;
	top:180px;
	left:20px;
	width:40px;
	height:40px;
	-webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 background-color:#000;
 opacity:0;
 text-indent:-9999px;
 background-image:url(../images/slider-previous.png);
}

.rslides_nav.next {
	position:absolute;
	z-index:999;
	top:180px;
	right:20px;
		width:40px;
	height:40px;
	-webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 background-color:#000;
 opacity:0;
 text-indent:-9999px;
 background-image:url(../images/slider-next.png);
}

.slider-container:hover .rslides_nav.prev,
.slider-container:hover .rslides_nav.next {
	opacity:0.4;
 filter:alpha(opacity=40);
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -o-transition: all 0.6s ease-in-out;
 transition: all 0.6s ease-in-out;
}

.slider-container:hover .rslides_nav.prev:hover,
.slider-container:hover .rslides_nav.next:hover {
	opacity:0.8;
 filter:alpha(opacity=80);
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -o-transition: all 0.6s ease-in-out;
 transition: all 0.6s ease-in-out;
}

.rslides_tabs {
	width:100%;
	text-align:center;
	position:absolute;
	z-index:999;
	top:300px;	
	padding:0;
	margin:0 auto;
}

.rslides_tabs li {
	list-style:none;
	display:inline-block;
	padding:0 2px;
	margin:0;
	opacity:0.6;
}

.rslides_tabs li.rslides_here {
	opacity:1;
}

/* ----- TITLE ----- */

.title-container {
	width:100%;
	height:54px;
	background:url(../images/title-background.jpg) no-repeat center top;
	margin:0;
	padding:0;
	display:inline-block;
}

.title {
	width:980px;
	height:54px;
	margin:0 auto;
	padding:5px 0 0 0;
}

.title h1 {
padding:0 0 0 20px;
}

/* ----- CONTENT ----- */

.content-container {
	width:100%;
	margin:0;
 display:inline-block;
	padding-bottom:20px;
}

.grey {
	background-color:#f2f2f2;
	padding-bottom:30px;
}

.content {
	width:940px;
	min-height:200px;
 margin:0 auto;
	padding:20px 20px 0 20px;
}

.btm-margin {
	padding-bottom:80px;
}

/* ----- HOMEPAGE LAYOUT ----- */

.column {
 float:left;
	width:300px;
	margin-right:20px;
}

.column:first-child {
 text-align:right;
	margin-top:15px;
}

.column:first-child .icon {
	float:right;
	width:63px;
	margin-top:25px;
}

.column:first-child .text {
	float:right;
	width:220px;
	margin-right:17px;
	margin-top:25px;
}

.column:nth-child(2) {
	margin-top:12px;
}

.column:last-child {
	margin-right:0;
	margin-top:15px;
}

.column:last-child .icon {
	float:left;
	width:63px;
	margin-top:25px;
}

.column:last-child .text {
	float:left;
	width:220px;
	margin-left:17px;
	margin-top:25px;
}

.column-half {
	width:50%;
	float:left;
	margin:15px 0 5px 0;
}

.column-half p {
	width:95%;
}

.customer-logos {
     margin:auto;
     width:100%;

}

.cl-header {
	margin:auto;
	width:100%;
	text-align: center;
}

.cl-class {
	padding:5px;
	margin: 0 auto;

}

/* ----- HEADINGS ----- */

h1 {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 24px 0;
	line-height:24px;
}

h2 span {
	color:#003e69;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

h4 {
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

p {
	margin:0 0 10px 0;
}

a {
	font-family: 'Muli', sans-serif;
	font-size:12px;
	font-weight:300;
	color:#036ab5;
	text-decoration:none;
}

a:hover {
	color:#003e69;
}

/* ----- PAGE LAYOUT ----- */

.intro {
		margin:50px 0 30px 0;
		display:inline-block;
}

.icon {
	width:80px;
	float:left;
}

.intro-text {
	width:540px;
	float:left;
	padding:18px 0;
}

.login-text {
	width:30%;
	float:left;
	padding:18px 30px 0 0;
}

.login-form {
	width:50%;
	float:left;
	padding:18px 0 0 40px;
	border-left:2px solid #FFF;
}

.login-form input[type="submit"] {
	float:right;
	margin:0 -20px 0 0;
}

.form-error {
	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
	color:#6E6E6E;
	padding:10px 10px 10px 40px;
	background:url(../images/red-cross-small.png) no-repeat 10px 10px #f0d8d3;
	width:85%;
	margin-top:20px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:Bold;
}
.form-ok {
	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
	color:#6E6E6E;
	padding:10px 10px 10px 40px;
	background:url(../images/green-tick-small.png) no-repeat 10px 10px #00ff00;
	width:85%;
	margin-top:20px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:Bold;
}

.intro h2 {
	font-size:28px;
}

.main {
	float:left;
	width:650px;
	margin-bottom:80px;
}

.main-inner {
	width:95%;
	background-color:#fefefe;
}

.main-inner h2 {
 font-family: 'Oswald', sans-serif;
	font-size:24px;
	color:#003e69;
	margin:30px 0 20px 0;
}

.main-inner h2 span {
	color:#036ab5;
}

.main-inner h4 {
	color:#003e69;
	margin:30px 0 0px 0;
}

.three-columns {
	float:left;
	width:30%;
	margin:30px 20px 0 0;
}

.three-columns:last-child{
	margin:30px 0 0 0;
}

.three-columns-image {
	text-align:center;
	min-height:75px;
}

.three-columns-text {
color:#036ab5;
}

.three-columns-text a,
.three-columns-text span {
color:#666;
}

ul.downloads {
	padding:0;
	margin:30px 0;
}

ul.downloads li {
	list-style:none;
	padding:4px 0 0 40px;
	margin:5px 0;
	background:url(../images/icon-download.png) no-repeat 0 0;
	min-height:30px;
	line-height:16px;
}

ul.downloads li a {
margin:0 0 0 -40px;
padding:5px 0 5px 40px;
}

hr {
	border: 0; 
	height: 0; 
	border-top:1px solid #E6E6E6; 
	border-bottom:1px solid #E6E6E6;
	margin-bottom:40px;
}

.form {
	width:505px;
	background-color:#f2f2f2;
	padding:40px 40px 40px 60px;
}

.form-item {
	width:100%;
	display:inline-block;
	margin-bottom:10px;
}

.icon-form {
	width:10%;
	height:36px;
	float:left;
}

.field {
	width:80%;
	height:36px;
	float:left;
}

.field label {
	font-size:16px;
	height:36px;
	padding-top:10px;
	float:left;
}
.field input {
	width:100%;
	height:32px;
	padding-left:10px;
	padding-right:10px;
	border:none;
	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
	font-family: 'Muli', sans-serif;
	font-size:14px;
}

.textarea {
	width:80%;
	height:auto;
	float:left;
}

.textarea textarea {
	width:100%;
	height:150px;
	padding:10px;
	border:none;
	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
	font-family: 'Muli', sans-serif;
	font-size:14px;
}

::-webkit-input-placeholder {
   color:#6E6E6E;
			font-family: 'Muli', sans-serif;
			font-size:14px;
}

:-moz-placeholder { /* Firefox 18- */
   color:#6E6E6E; 
			font-family: 'Muli', sans-serif;
			font-size:14px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#6E6E6E;
			font-family: 'Muli', sans-serif;
			font-size:14px;  
}

::-ms-input-placeholder {  
   color:#6E6E6E;
			font-family: 'Muli', sans-serif;
			font-size:14px; 
}

input[type="submit"] {
	background:url(../images/submit-btn.png);
 	text-indent: -9999em;
 	width:89px;
	 height:39px;
	cursor:pointer;
	margin-top:20px;
}

.sidebar {
	border-left:2px solid #E6E6E6;
	float:left;
	width:280px;
}

.sidebar-inner {
	margin:0 0 0 45px;
	display:inline-block;
	font-size:14px;
	color:#036ab5; 
}

.sidebar-inner h4 {
	color:#003e69;
	font-size:15px;
	margin-bottom:10px;
}

.sidebar-inner p {
	margin-bottom:20px;
}

.sidebar-inner span {
	color:#003e69;
}

.sidebar-inner ul {
	margin:0 0 40px 0;
	padding:0;
}

.sidebar-inner ul li {
	list-style:none;
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #eaeaea;
}

.sidebar-inner ul li:last-child {
	border-bottom:none;
}

.sidebar-inner ul li a {
background:url(../images/bulletpoint.png) no-repeat 0 8px;
padding-left:15px;
}

.sidebar-inner a {
	font-size:14px;
}

.sidebar-inner a.dark {
	color:#003e69;
}

.status-good {
		background:url(../images/green-tick-small.png) no-repeat top right;
		display:inline;
		padding:3px 35px 3px 0;
}

.status-offline {
		background:url(../images/red-cross-small.png) no-repeat top right;
		display:inline;
		padding:0 30px 0 0;
}

.bigblue {
	color:#003e69;
	font-family:'Muli', sans-serif;
	font-size:18px;
	margin:20px 0 30px 0;
}

table tr:first-child {
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
	margin:0;
	}
	
table td {line-height:14px;}
tr:nth-child(even) {background: #f2f2f2}
tr:nth-child(odd) {background: #f2f2f2}
/*tr:nth-child(odd) {background: #FFF}*/

/* ----- FOOTER ----- */

.footer-container {
	width:100%;
	background-color:#003e69;
	padding-bottom:30px;
	display:inline-block;
}

.footer {
	width:980px;
 margin:0 auto;
	color:#FFF;
	padding:40px 0 30px 0;
}

.footer .column-fourth {
	float:left;
	width:210px;
	margin-left:20px;
	color:#999;
}

.footer .column-fourth span {
	color:#FFF;
}

.footer .column-fourth h3 {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

.footer .column-fourth h3 span {
text-transform:none;
}

.footer .column-fourth ul {
	padding:0;
	margin:0;
}

.footer .column-fourth ul li {
	list-style:none;
	padding:0;
	margin:0;
	color:#999;
}

.footer .column-fourth ul li a {
	color:#999;
}

.footer .column-fourth ul li a:hover {
	color:#FFF;
	text-decoration:none;
}

.footer a {
	color:#FFF;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

/* ----- SUB FOOTER ----- */

.sub-footer-container {
	width:100%;
	min-height:40px;
	background-color:#036ab5;
	display:inline-block;
}

.sub-footer {
	width:980px;
	min-height:35px;
 margin:0 auto;
	color:#FFF;
	padding-top:10px;
}

.sub-footer p {
padding:0 0 0 20px;
}

.sub-footer a {
	color:#FFF;
	text-decoration:none;
}

.sub-footer a:hover {
	text-decoration:underline;
}


/* ----- RESPONSIVE STYLES ----- */

@media screen and (max-width: 960px) {
	
	.top-menu {
	width:100%;
}

.menu-items li {
 display:none;
}

.menu-items ul li.offline {
	display:block;
	padding:4px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}
	nav .main-menu {
		display:none
	}
	
.mobile-menu {
	float:left;
	display:block; 
	width:100%; 
	height:auto;
	background-color:#f2f2f2;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
}

#toggle-bar {
	display:block;
	padding:0 0 10px 0;
	float:left;
	width:100%;
	height:auto;
	background-color:#f2f2f2;
	border-bottom:6px solid #036ab5;
	position:relative;
	z-index:9999;
}

.mobile-menu .menu-btn {
	float:left;
	width:80px;
	padding-top:3px;
}
.mobile-menu .home-btn {
	float:left;
	width:55px;
	margin-left:20px;
}

.mobile-menu .menu-btn a {
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
}

.mobile-menu ul {
	background-color:#f2f2f2;
	margin-top:40px;
	padding:0;
	width:300px;
	position:absolute;
	z-index:999;
	border-right:1px solid #036ab5;
		-webkit-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.50);
 -moz-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.50);
 box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.50);
}

.mobile-menu ul li {
		clear:both;
		list-style:none;
		border-bottom:1px solid #036ab5;
		padding:2px 0 0 75px;
		background-image:url(../images/menu-arrow.png);
		background-repeat:no-repeat;
		background-position: 210px 15px;		
	}
	
	.mobile-menu ul li:first-child
{
		background-color:#CCC;
	}

.mobile-menu ul li a {
	display:block;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#036ab5;
	font-weight:400;
	text-transform:uppercase;
	margin:0;
	padding:10px 0 10px 0;
	}
	
	.mobile-menu ul ul {
	width:300px;
	position:relative;
	top:1px;
	left:-75px;
	padding:0;
	margin:0;
	background-color:#f2f2f2;
	border-top:1px solid #036ab5;
	display:none;
}

.mobile-menu ul ul li {
	width:auto;
	padding:2px 0 0 75px;
	background-position: 260px 15px;	
	background-color:#f2f2f2;	
	}
	
	.mobile-menu ul ul li:first-child,
	.mobile-menu ul ul li:nth-child(2),
	.mobile-menu ul ul li:nth-child(3) {
		background-color:#f2f2f2;
		width:auto;
	}
	
	.mobile-menu ul ul li a {
	font-size:14px;
	}
	
	.slider-container {
	width:100%;
	height:auto;
	position:relative;
}
	
	.slider {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

.rslides_nav,
.rslides_tabs {
	display:none;
}

.content {
	width:100%;
}

.intro-text {
	width:400px;
}

}


/* IPAD PORTRAIT */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.site {
width:100%;
margin:0;
padding:0;
}

.top-menu, 
.header, 
.slider, 
.content, 
.footer, 
.sub-footer {
width:100%;
padding:0;
display:inline-block;
}

.header {
	height:auto;
	float:left;
}

.menu-items li,
.main-menu {
	display:none;
}
.menu-items ul li.offline {
	display:block;
	padding:4px 10px 15px 10px;
	margin:0;
	background-position: 66px 2px;
	background-color:transparent;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}	

.menu-items li:last-child {
	display:block;
}	

.column:first-child {
text-align:left;
margin-top:0;
}

.column:first-child .icon {
	float:left;
	width:63px;
	margin-top:25px;
	margin-left:20px;
}

.column:first-child .text {
	float:left;
	width:200px;
	margin-left:17px;
	margin-right:0;
	margin-top:25px;
}

.column:nth-child(2) {
	margin-top:12px;
	height:520px;
	margin-left:80px;
}

.column:last-child {
	margin-right:0;
	margin-top:15px;
}

.column:last-child .icon {
	float:left;
	width:20%;
	margin-top:25px;
}

.column:last-child .text {
	float:left;
	width:60%;
	margin-left:17px;
	margin-top:25px;
}

.column-half {
	width:42%;
	float:left;
	margin:15px 0 30px 0;
	padding:30px 20px 0 20px;
}

.intro {padding-left:20px;}
.intro-text {width:70%}

.main-inner {
	padding:20px 0 0 20px;
}

.title {
	width:768px;
}

.main {margin:20px 0 20px 20px;}

.login-form {
	width:49%;
	float:left;
	padding:18px 0 0 30px;
	border-left:2px solid #FFF;
}

.icon-form {width:40px;}

.bigblue {padding-left:20px;}

.sidebar {
	margin-top:0;
	border-left:none;
}

.sidebar-inner {
	margin:0 0 0 20px;
}

.footer .column-fourth {
	float:left;
	width:40%;
	margin-left:20px;
	margin-top:40px;
}

.sub-footer p {
padding:10px 0 0 20px;
}

}

/* IPAD LANDSCAPE */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
/* .top-menu, */
.header,
.slider,
.content,
.footer,
.sub-footer {
 width:1024px;
 padding:0;
 display:inline-block;
}

.cta {
 display:none;
}

.top-menu {
 /* background-color:#003e69; */
 padding:0;
 margin:0;
}

.menu-items li {
 display:block;
} 

.menu-items ul li.offline {
	display:block;
	padding:4px 10px 15px 10px;
	margin:0;
	background-position: 66px 2px;
	background-color:transparent;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 15px 10px;

.main-menu {
	width:auto;
}

.main-menu ul li a {
	padding:45px 12px 0 12px;
}

.slider {
		height:450px;
		overflow:hidden;
}

.column:first-child {
text-align:left;
margin-top:12px;
}

.column:first-child .icon {
	float:left;
	width:63px;
	margin-top:25px;
	margin-left:20px;
}

.column:first-child .text {
	float:left;
	width:200px;
	margin-left:17px;
	margin-right:0;
	margin-top:25px;
}

.column:nth-child(2) {
	margin-top:12px;
}

.column:last-child {
	margin-right:0;
	margin-top:15px;
}

.column:last-child .icon {
	float:left;
	width:63px;
	margin-top:25px;
}

.column:last-child .text {
	float:left;
	width:200px;
	margin-left:17px;
	margin-top:25px;
}

.column-half {
	width:42%;
	float:left;
	margin:15px 0 30px 0;
	padding:30px 20px 0 20px;
}

.intro {padding-left:20px;}

.main-inner {
	padding:20px 0 0 20px;
}

.bigblue {padding-left:20px;}

.sidebar {
	margin-top:40px;
}

.footer-container {
		display:inline-block;
		padding-bottom:40px;
}

.footer {
	width:100%;
 margin:0;
	color:#FFF;
	padding:40px 0 30px 0;
}

.footer .column-fourth {
	float:left;
	width:210px;
	margin-left:20px;
	color:#999;
}

.sub-footer p {
padding:10px 0 0 20px;
}

}


/* ----- IPHONE 6 PLUS PORTRAIT ----- */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {

.top-menu,
.header,
.slider,
.content,
.footer,
.sub-footer {
	width:100%;
 padding:0;
 display:inline-block;
}

.slider {
		margin-top:16px;
}


.cta {
 display:none;
}

.top-menu {
	background-color:#003e69;
}

.menu-items li {
 display:none;
}

.menu-items ul li.offline {
	display:block;
	padding:4px 10px 15px 10px;
	margin:0;
	background-position: 66px 2px;
	background-color:transparent;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}

.main-menu {
	display:none;
}

#toggle-bar {display:block;}

.mobile-menu ul {
	width:100%;
	border-right:none;
}

.mobile-menu ul ul {
	width:412px;	
	}

.mobile-menu ul ul li {
	width:auto;	
	}
	
	.mobile-menu ul ul li:first-child,
	.mobile-menu ul ul li:nth-child(2),
	.mobile-menu ul ul li:nth-child(3) {
 width:auto;	
	}

.column {
 float:left;
	width:100%;
	margin-right:0;
	min-height:0;
}

.grey {
	padding-top:20px;
	padding-bottom:30px;
}

.column:first-child {
text-align:left;
margin-top:0;
}

.column:first-child .icon {
	float:left;
	width:20%;
	margin-top:25px;
	margin-left:20px;
}

.column:first-child .text {
	float:left;
	width:60%;
	margin-left:17px;
	margin-right:0;
	margin-top:25px;
}

.column:nth-child(2) {
	display:none;
}

.column:last-child {
	margin-right:0;
	margin-top:0;
}

.column:last-child .icon {
	float:left;
	width:20%;
	margin-top:25px;
	margin-left:20px;
}

.column .icon {
	margin-left:20px;
}

.column:last-child .text {
	float:left;
	width:60%;
	margin-left:17px;
	margin-top:25px;
}

.column-half {
	width:90%;
	float:left;
	margin:15px 0 30px 0;
	padding:0 20px;
}

.column-half:first-child {
	padding:30px 20px 0 20px;
}

table tr:first-child {
	font-size:12px;
}

.title {
	width:414px;
}

.title h1 {
padding:8px 0 0 20px;
}

.intro {
	padding-left:20px;
}

.login-text {
	width:260px;
}

.login-form {
	width:380px;
	border-left:none;
	padding:10px 0 0 0;
}

.main {
	width:390px;
	padding:20px 0 0 20px !important;
}

.form {
	width:330px;
	background-color:#f2f2f2;
	padding:20px;
}

.icon-form {width:45px;}

.bigblue {padding-left:20px;}

.three-columns {width:100%;}

.three-columns-image {width:180px; float:left;}
.three-columns-text {width:180px; float:left;}

.sidebar {
	border-left:none;
}

.sidebar-inner {
	margin:0 0 0 20px;
}

.footer-container {
		display:inline-block;
		padding-bottom:40px;
}

.footer .column-fourth {
	float:left;
	width:90%;
	margin-left:20px;
	margin-top:40px;
}

.sub-footer p {
padding:10px 0 0 20px;
}

}

/* IPHONE 6 PLUS LANDSCAPE */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	
.site {
	width:100%;
	margin:0;
	padding:0;
} 
	
.top-menu,
.header,
.slider,
.content,
.footer,
.sub-footer {
	width:100%;
 padding:0;
	display:inline-block;
}

.cta {
 display:none;
}

.top-menu {
	background-color:#003e69;
}

.menu-items li {
 display:none;
}

.menu-items ul li.offline {
	display:block;
	padding:4px 10px 15px 10px;
	margin:0;
	background-position: 66px 2px;
	background-color:transparent;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}

.slider {
		height:auto;
		overflow:hidden;
}

.column:first-child {
text-align:left;
margin-top:0;
}

.column:first-child .icon {
	float:left;
	width:63px;
	margin-top:25px;
	margin-left:20px;
}

.column:first-child .text {
	float:left;
	width:200px;
	margin-left:17px;
	margin-right:0;
	margin-top:25px;
}

.column:nth-child(2) {
	margin-top:12px;
	margin-left:60px;
	height:520px;
}

.column:last-child {
	margin:0 0 0 20px;
	float:left;
}

.column-half {
	width:42%;
	float:left;
	margin:15px 0 30px 0;
	padding:30px 20px 0 20px;
}

.title {
	width:736px;
}

.title h1 {
padding:8px 0 0 20px;
}

.intro {
	padding-left:20px;
	}
	
	.main {
	padding:20px 0 0 20px !important;
}
	
	.main-inner {
	padding:20px 0 0 20px;
}

.login-form {
	width:320px;
}

.icon-form {
	width:45px;
}
	
	.bigblue {
	padding-left:20px;
	}
	
	.sidebar {
	border-left:none;
}

.sidebar-inner {
	margin:0 0 0 20px;
}

.footer-container {
		display:inline-block;
		padding-bottom:40px;
}

.footer .column-fourth {
	float:left;
	width:40%;
	margin-left:20px;
	margin-top:40px;
}

.sub-footer p {
padding:10px 0 0 20px;
font-size:12px;
}

}

/* IPHONE 5 PORTRAIT */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	
.top-menu,
.header,
.slider,
.content,
.footer,
.sub-footer {
	width:100%;
 	padding:0;
 	display:inline-block;
}

.cta {
 display:none;
}

.top-menu {
	background-color:#003e69;
}
.menu-items ul li.offline {
	display:block;
	padding:4px 10px 15px 10px;
	margin:0;
	background-position: 66px 2px;
	background-color:transparent;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}
.title {
	width:320px;
}

.title h1 {
padding:8px 0 0 20px;
}

.slider {margin-top:15px;}

.slider .shadow {
	background:url(../images/slide-shadow.png) no-repeat center top;
	display:block;
	position:absolute;
	top:0;
	z-index:99999;
	width:320px;
}

.slider .shadow img {
	width:320px;
}

.intro {padding-left:20px;}

.intro-text {
	width:300px;
}

.main {
	float:left;
	width:300px;
	margin-bottom:80px;
}

.main-inner {
	padding-left:20px;
}

.bigblue {padding-left:20px;}

.column:first-child {
text-align:left;
margin-top:0;
}

.column:first-child .icon {
	float:left;
	width:20%;
	margin-top:25px;
	margin-left:20px;
}

.column:first-child .text {
	float:left;
	width:60%;
	margin-left:17px;
	margin-right:0;
	margin-top:25px;
}

.column:nth-child(2) {
	display:none;
}

.column:last-child {
	margin-right:0;
	margin-top:0;
}

.column:last-child .icon {
	float:left;
	width:20%;
	margin-top:25px;
	margin-left:20px;
}

.column:last-child .text {
	float:left;
	width:60%;
	margin-left:17px;
	margin-top:25px;
}

.column-half {
	width:85%;
	float:left;
	margin:15px 0 30px 0;
	padding:0 20px;
}

.column-half:first-child {
	padding:20px 20px 0 20px;
}

.sidebar {
	border-left:none;
}

.sidebar-inner {
	margin:0 0 0 20px;
}

.footer-container {
		display:inline-block;
		padding-bottom:40px;
}

.footer .column-fourth {
	width:250px;
	float:none;
	margin-left:20px;
	margin-top:30px;
}

.sub-footer p {
padding:10px 0 0 20px;
}
	
}

/* IPHONE 5 LANDSCAPE */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	
.site {
	width:100%;
	margin:0;
	padding:0;
} 
	
.top-menu,
.header,
.slider,
.content,
.footer,
.sub-footer {
	width:100%;
 padding:0;
	display:inline-block;
}

.cta {
 display:none;
}

.top-menu {
	background-color:#003e69;
}

.menu-items li {
 display:none;
}

.menu-items ul li.offline {
	display:block;
	padding:4px 10px 15px 10px;
	margin:0;
	background-position: 66px 2px;
	background-color:transparent;
}
.menu-items ul li.online {
	display:block;
	padding:10px 10px 12px 10px;
	background-position: 66px 2px;
	background-color:#003e69;
}

.slider .shadow img {
	width:568px;
}

.slider {
		margin-top:16px;
}

.title {
	width:100%;
}

.title h1 {
padding:8px 0 0 20px;
}

.main {
	float:left;
	width:100% !important;
	margin-bottom:80px;
}

.main-inner {
	padding-left:20px;
	font-size:12px;
}

.intro {
	width:500px;
	padding-left:20px;
}

.intro-text {
	width:400px;
}


.column {
	display:inline-block;
width:95%;
}

.column section {
	display:inline-block;
width:100%;
}

.column:first-child {
text-align:left;
margin-top:0;
}

.column:first-child .icon {
	float:left;
	width:63px;
	margin-top:25px;
	margin-left:20px;
}

.column:first-child .text {
	float:left;
	width:300px;
	margin-left:17px;
	margin-right:0;
	margin-top:25px;
}

.column:nth-child(2) {
display:none;
}

.column:last-child {
	margin:0 0 0 20px;
	float:left;
}

.column-half {
	width:42%;
	float:left;
	margin:15px 0 30px 0;
	padding:30px 20px 0 20px;
}

.sidebar {
	border-left:none;
}

.sidebar-inner {
	margin:0 0 0 20px;
}


.footer-container {
		display:inline-block;
		padding-bottom:40px;
}

.footer .column-fourth {
	float:left;
	width:40%;
	margin-left:20px;
	margin-top:40px;
}

.sub-footer p {
padding:10px 0 0 20px;
font-size:12px;
}

}

img {border:none;}