@import url("//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic");
@import url("/common/font-awesome/font-awesome-4.7.0/css/font-awesome.min.css");


/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1200px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		width: 960px;
	}
	
	#main-wrapper .container {
	    position: relative;
	    /* new layout change (kmp): (used to be 30px) */
    top: 15px;
    min-height: 250px;
}

/*	@media screen and (min-width: 737px) {*/

		.container.\31 25\25 {
			width: 100%;
			max-width: 1500px;
			min-width: 1200px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			width: 300px;
		}

		.container {
			width: 1200px;
		}
/*	}*/

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

		.container.\31 25\25 {
			width: 100%;
			max-width: 1250px;
			min-width: 1000px;
		}

		.container.\37 5\25 {
			width: 750px;
		}

		.container.\35 0\25 {
			width: 500px;
		}

		.container.\32 5\25 {
			width: 250px;
		}

		.container {
			/*width: 1000px; */
			/*width: 1140px;*/
			width: 1020px;
			padding: 0 0.5em;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 0 0 0 40px;
	}

	.row {
		margin: 0 0 -1px -40px;
	}

	.row.uniform > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform {
		margin: -40px 0 -1px -40px;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 80px;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -80px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.uniform.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 60px;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -60px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.uniform.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 20px;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -20px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 10px;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -10px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
	/*	width: 16.6666666667%;*/
		width: 20%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

/*	@media screen and (min-width: 737px) {*/

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%; 
		       /* width: 20%;*/
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}

/*	}*/

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

		.row > * {
			padding: 25px 0 0 25px;
		}

		.row {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
			width: 16.6666666667%; 
		      /*  width: 20%;*/
			clear: none;
			margin-left: 0;
		}

		.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28tablet\29 + *,
		.\31 1u\24\28tablet\29 + *,
		.\31 0u\24\28tablet\29 + *,
		.\39 u\24\28tablet\29 + *,
		.\38 u\24\28tablet\29 + *,
		.\37 u\24\28tablet\29 + *,
		.\36 u\24\28tablet\29 + *,
		.\35 u\24\28tablet\29 + *,
		.\34 u\24\28tablet\29 + *,
		.\33 u\24\28tablet\29 + *,
		.\32 u\24\28tablet\29 + *,
		.\31 u\24\28tablet\29 + * {
			clear: left;
		}

		.\-11u\28tablet\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28tablet\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28tablet\29 {
			margin-left: 75%;
		}

		.\-8u\28tablet\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28tablet\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28tablet\29 {
			margin-left: 50%;
		}

		.\-5u\28tablet\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28tablet\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28tablet\29 {
			margin-left: 25%;
		}

		.\-2u\28tablet\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28tablet\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	body, input, textarea {
		font-family: "proxima-nova", sans-serif;
		font-weight: 400;
	}

	body {
		
		background: #FFF url("/images/bg_images_subtle/bg_creamdust50.jpg") repeat;
		color: #555;
		font-size: 10pt;
		line-height: 1.75em;
	}

	a {
		color: #555;
		text-decoration: underline;
	}

		a:hover {
			text-decoration: none;
		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;

	}

	h3 {
	
		margin: 0 0 0.5em 0;
	}

	p, ul {
		margin-bottom: 3em;
	}

	dd {
		border-top: solid 1px #d9d9d9;
		padding: 1.5em 0 0 0;
		margin: 1.5em 10px 0 0;
	}

	form input, form select {
                /*-webkit-appearance: none;*/
		border-radius: 0;
	}

	form input {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		border: solid 1px #d9d9d9;
		padding: 0.5em 1em 0.5em 1em;
	}

		form input.button {
			cursor: pointer;
		}

	.grid-spaced > .row {
		margin-bottom: 2em;
	}

		.grid-spaced > .row:last-child {
			margin-bottom: 0;
		}

	.date {
		font-style: italic;
		color: #a0a0a0;
	}

	.image {
		display: inline-block;
		<!-- border: solid 1px #d9d9d9; -->
		padding: 3px;
	}

		.image img {
			display: block;
		}
		
	ul.style1.posts li a img {
		border-radius: 50%;
		border: 2px solid #00a6eb;
	}
	
	p span.bold {
		font-weight: 500;
	}
	
	ul.landing-bullets {
		font-weight: 500;
	}
	
	
	.social-media-links-inline li {
	    display: inline-block;
	    margin-right: 12em;
	}
	
	.social-media-links-inline li:last-child {
	    display: inline-block;
	    margin-right: 0;
	}

	

	.image-fit {
		display: block;
		margin: 0 0 2em 0;
	}

		.image-fit img {
			width: 100%;
		}

	.align-left {
		float: left;
		margin-right: 2em;
	}

	.blocks a {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		position: relative;
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 1.6em 7em 1.8em 2em;
		margin: 0 0 1.1em 0;
		outline: 0;
		border-radius: 4px;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
	}

		.blocks a:after {
			/*content: "\f0a9";*/
			font-family: FontAwesome;
			text-decoration: none;
			font-size: 55px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			display: block;
			width: 48px;
			height: 48px;
			position: absolute;
		}

	.blocks a p {
		font-size: 1.2em;
		margin: 0;
		color: rgba(255, 255, 255, 0.8);
		line-height: 1.2em;
	}

	.blocks h2 {
		color: #fff;
		font-size: 2.25em;
		letter-spacing: -1px;
		margin: 0 0 0.5em 0;
		line-height: 1.1em;
		width: 270px;
	}

	.blocks .one {
		background: #00a6eb;
	}

		.blocks .one:hover {
			background: #10b6fb;
		}

	.blocks .two {
		background: #8cba00;
	}

		.blocks .two:hover {
			background: #9cca10;
		}

		.blocks .three {
			background: #2f2f2f url("images/overlay.png");
			/* background: #2f2f2f url("images/overlay.png"); */
			
			/* temporary update for xmas '21: */
			background: url("/images/xmas_card.png");
			background-position: bottom;
			background-size: cover;
			box-shadow: inset 0px 0px 32px rgba(0, 0, 0, 0.25);
			transition: 200ms ease all;
			/*transition: 200ms ease all;*/
		}

		.blocks .three:hover {
			/* background: #3f3f3f; */
			
			/* temporary update for xmas '21: */
			opacity: 0.9;
		}
		
		
	.blocks i.fa.fa-bolt
	 {
	    float: right;
	    font-size: 350%;
	    left: 59px;
	    position: relative;
	    /*top: -40px;*/
	}
	
	.blocks i.fa.fa-exclamation
	 {
	    float: right;
	    font-size: 350%;
	    left: 59px;
	    position: relative;
	    /*top: -40px;*/
	}

	.blocks i.fa.fa-user-plus {
	    float: right;
	    font-size: 350%;
	    left: 77px;
	    position: relative;
	    /*top: -54px;*/
	}
	
	.blocks i,
	.blocks i.fa.fa-plus {
	    float: right;
	    font-size: 350%;
	    left: 67px;
	    position: relative;
	    /*top: -54px;*/
	}

	
	.blocks i.fa.fa-television {
	    float: right;
	    font-size: 350%;
	    left: 72px;
	    position: relative;
	    /*top: -54px; */
	}
	
	
	a.three.interiorSat {
	    display: block;
	    background: #333 url("images/newgoes-link-button2.jpg") center center;
	    width: 650px;
	    height: 103px;
	    color: #FFF;
	    padding: 1.5em;
	    text-decoration: none;
	    border-radius: 4px;
	   -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	a.three.interiorSat h2 {
	    margin: 0 0 0.5em;
	    font-size: 2.05em;
	    font-weight: 700;
	}
	
	a.three.interiorSat p {
		text-decoration: underline;
		font-size: 120%;
		margin: 0;
		color: #ffc000;
	}
	
	a.three.interiorSat:hover {
		color: #ffc000;
		cursor: pointer;
	}
	
	a.three.interiorSat h2:hover {
		color: #ffc000;
	}
	
	a.three.interiorSat p:hover {
		color: #FFF;
	}
	
	a.three.interiorSat i {
	    font-size: 580%;
	    float: right;
	    position: relative;
	    top: -0.92em;
	}
	
	

	ul.style1 li {
		border-top: solid 1px #d9d9d9;
		padding: 1.5em 0 0 0;
		margin: 1.5em 0 0 0;
	}

		ul.style1 li:after {
			content: '';
			display: block;
			clear: both;
		}

		ul.style1 li:first-child {
			padding-top: 0;
			border-top: 0;
		}

	ul.style1 p {
		margin: 0 0 0.5em 0;
	}

	ul.style2 li {
		border-top: solid 1px #d9d9d9;
		padding: 1em 0 0 0;
		margin: 1em 0 0 0;
	}
	
	#page-footer ul.style2 li {
		border-top: none;
	}



		ul.style2 li:after {
			content: '';
			display: block;
			clear: both;
		}

		ul.style2 li:first-child {
			padding-top: 0;
			border-top: 0;
		}

	ul.posts h3 {
		margin: 0.25em 0 0.25em 0;
		font-weight: 500;
		font-size: 1.1em;
	}

	ul.posts p {
		margin-bottom: 0.1em;
	}

	
	ul.contact {
		margin: 2em 0 0;
	}
	
	#footer-wrapper-two {
		width: 900px;
		display: block;
		margin: 20em auto 0;
		clear: both;
		border-top: 1px solid #ccc;
		padding: 1.5em 0 0 0;
	}
	
	#footer-wrapper-two h2 {
		font-size: 1.8em;
	}
	
	.footer_left {
		width: 560px;
		height: 260px;
		float: left;
		display: block;
		margin: 0 60px 0 0;
	}
	
	
	.footer_left ul li {
		border: none;
	}
	
	.footer_left ul li a,
	.footer_right ul li a {
	    padding: 1em 0 0;
	    line-height: 2.2em;
	}
	
	.footer_right {
		float: left;
		display: block;
	}
	
	.footer_left ul.contact li {
		margin: 0 0 1.4em 0;
	}
	
	ul.contact li {
		position: relative;
		margin: 0 0 0.8em 0;
		padding: 0 0 0 60px;
	}

		ul.contact li:before {
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 32px;
			height: 32px;
			background: #39c2fa;
			color: #fff;
			line-height: 32px;
			text-align: center;
			border-radius: 50%;
		}

		ul.contact li:after {
			content: '';
			display: block;
			clear: both;
		}
		
		
		ul.landing-features-list {
		    font-size: 133%;
		    padding: 0 0 0 1em;
		    line-height: 1.7em;
		    color: #00a6eb;
		    list-style-type: disc;
		}
		
		#content article.featured p.landing-features {
		    font-size: 140%;
		    padding: 0 3em 0 0;
		    line-height: 1.3em;
		    color: #00a6eb;
		}
		
		p.landing-features i {
		    font-size: 245%;
		    float: left;
		    margin: 0 0.4em 0 0;
		}
		
		
		p.landing-features.radar i {
		    font-size: 180%;
		    float: left;
		    margin: 0 0.4em 1em 0;
		    display: block;
		    width: 51px;
		    text-align: center;
		    position: relative;
		}
		
		
		#content article.featured.goes p.strong {
			font-weight: 800;
			font-size: 105%;
		}
		
		#content article.featured.goes p {
			font-size: 140%;
			line-height: 1.8em;
		}	
		
		#content article.featured.goes p a {
			color: #00a6eb;
		}		
		
		#content article.featured.goes p.bigger {
			font-size: 140%;
		}
		
		
		.featured.goes .slick-slider {
			width: 624px;
			margin: 0 0 3em 4em;
		}
		
		.featured.goes .slick-slider .slick-prev::before, 
		.featured.goes .slick-slider .slick-next::before {
			color: #8cba00;
		}
		
		section.trial a img {
		    margin: 0 0 4em 0;
		}

	.button {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: relative;
		display: inline-block;
		background: #8cba00;
		color: #fff;
		padding: 1.2em 3.25em 1.2em 1.75em;
		text-decoration: none;
		font-size: 1.1em;
		outline: 0;
		border-radius: 6px;
	}

		.button:hover {
			background: #9cca10;
		}

		.button:before {
			content: '';
			display: block;
			position: absolute;
			right: 1.75em;
			bottom: 1.6em;
			border-left: solid 5px #fff;
			border-top: solid 5px transparent;
			border-bottom: solid 5px transparent;
		}

	.button-alt {
		background: #2f2f2f url("images/overlay.png");
	}

		.button-alt:hover {
			background: #3f3f3f;
		}
		
		
		.three_buttons {
		    min-height: 238px;
		    margin: 0 0 2.5em 0 !important;
		}
		
		section.three_buttons a {
			display: block;
			float: left;
			width: 219px;
			height: 178px;
			margin: 0 0.8em 0 0;
			/* padding: 195px 0 0 0; kmp */
			border-radius: 5px;
			box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
			text-align: center;
			font-size: 188%;
			text-decoration: none;
			background: transparent url("/images/feat-buttons-three.png");
			background-repeat: no-repeat;


		}
		
		section.three_buttons a:hover {
			text-decoration: underline;
		}

		
		
		section.three_buttons a.one {
			background-position: 0 0;
		}
		
		section.three_buttons a.two {
			background-position: -240px 0;
		}
		
		section.three_buttons a.three {
			background-position: -480px 0;
			margin: 0;
		}
		
		section.three_buttons a.one:hover {
			background-position: 0 -302px;
		}
		
		section.three_buttons a.two:hover {
			background-position: -240px -302px;
		}
		
		section.three_buttons a.three:hover {
			background-position: -480px -302px;
			margin: 0;
		}
		
		#content section.social_media header {
			padding: 1em 0 0;
		}
		
		
		.social_media_fb {
		    width: 337px;
		    float: left;
		    border: 1px solid #eee;
		    padding: 1em;
		    margin: 0 2em 0 0;
		    background: #fff;
		}
		
		.social_media_twitter {
		    width: 323px;
		    float: left;
		    padding: 1em;
		    border: 1px solid #eee;
		    height: 616px;
		    background: #FFF;
		}
		
		.customisable-highlight {
		    font-size: 20px;
		    font-family: "proxima-nova";

		}
		
		
		.social_media i {
			color: #39c2fa;
			margin: 0 0 0.5em 0;
		}
		
		.wxtappro section h3 {
			font-weight: 500;
			font-size: 1.2em;
		}
		

/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

/* Desktop */

/*	@media screen and (min-width: 737px) { */

		/* Basic */

			h2 {
				font-size: 2.25em;
				letter-spacing: -0.02em;
				margin: 0 0 1em 0;
			}

			h3 {
				font-size: 1em;
			}

			.side-padded, .right-sidebar {
				padding-left: 2em;
			}

			.left-sidebar {
				padding-right: 2em;
			}

			section > :last-child, article > :last-child {
				margin-bottom: 0;
			}

			.blocks a:after {
				right: 25px;
				bottom: 22px;
			}

		/* Wrappers */
		
		
			#page-wrapper {
				position: relative;
				top: 74px;
			}

			#header-wrapper {
				/*background: #00a6eb; */
				
				/* 20 YEAR LOGO CHANGE below */
				padding: .5em 1em 0.3em;
				/*padding: .9em 1em 0.6em;*/
				
				/*background: -webkit-gradient(linear, left top, right top, from(#00a6eb), to(#1bbafc));
				background: -webkit-linear-gradient(top, #00a6eb, #1bbafc);
				background: -moz-linear-gradient(top, #00a6eb, #1bbafc);
				background: -o-linear-gradient(top, #00a6eb, #1bbafc);
				background: -ms-linear-gradient(top, #00a6eb, #1bbafc);
				background: linear-gradient(top, #00a6eb, #1bbafc);
				background-color: #00a6eb; */
				background: rgba(0, 166, 235, 0.9) none repeat scroll 0 0;
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 1000;
				/*border-bottom: 1px solid #39c2fa;*/
			/*	-webkit-transition: all 0.35s ease-in-out;
        			-ms-transition: all 0.35s ease-in-out;
        			-moz-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
                         */
			}

			#banner-wrapper {
				position: relative;
				/* background: #2f2f2f url("images/overlay.png"); */
				/*background: #EEE; */
				padding: 0 0 1px 0;
				z-index: 1;

				/* new layout change (kmp): */
				/* margin-top: 21px;*/
				
			}

				#banner-wrapper:before {
					content: '';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url("images/highlight.png") bottom center no-repeat;
					background-size: 1800px 100%;
				}



			#main-wrapper {
			/* kmp */
				/*padding: 2.4em 0.5em 0;*/
				padding: 2.4em 0.5em 0;
			}

			#footer-wrapper {
				/*background: #f6f6f6;
				border-top: solid 1px #d9d9d9; */
				padding: 3em 0.5em 0;
                margin: 9em auto 0;
                width: 100%;	
                /*background: #333;*/ /* maybe change back white? */
				/*background: #234;*/
				background: #333;
			}
			
			#footer-wrapper h2 {
                            color: rgba(255, 255, 255, 0.9);
			}
			
			#footer-wrapper li {
                            color: rgba(255, 255, 255, 0.6);
			}
			
			#footer-wrapper a {
                            color: rgba(255, 255, 255, 0.7) !important;
			}
			
			#page-footer {
			
			    padding: 2em 0 0;
			    display: block;
			    margin: 0 auto;
			   /* width: 1200px;*/
			}
		

		/* Header */

			#page-header {
				color: #fff;
				position: relative;
			}

				#page-header h1 {
					font-size: 2em;
					letter-spacing: -2px;
				}

					#page-header h1 a {
						text-decoration: none;
					}

					#page-header h1 span {
						font-weight: 400;
					}

				#page-header a {
					color: #fff;
				}

				#page-header nav {
					position: absolute;
					right: 30px;
					top: 0;
					padding-top:7px;
					font-weight: 600;
					
					/* 20 YEAR LOGO CHANGE below
					padding-top: 14px; */
                    
				}

					#page-header nav ul li {
						display: inline-block;
						margin-left: 1em;
						font-size: 1.1em;
						margin-top: 1px;
					}
					
					#page-header h1 a#logo img {
						width: 160px;
						margin: 5px 0 6px;
					}
					
					#page-header nav ul li.noDrop {
						    margin-left: 1.1em;
						    margin-right: 0.3em;
						}

						#page-header nav ul li a {
							-moz-transition: background-color .25s ease-in-out;
							-webkit-transition: background-color .25s ease-in-out;
							-ms-transition: background-color .25s ease-in-out;
							transition: background-color .25s ease-in-out;
							outline: 0;
							position: relative;
							text-decoration: none;
							padding: 0.5em 0.4em;
							cursor: pointer;
							font-weight: 500;
						}

						#page-header nav ul li.active a, #page-header nav ul li:hover a {
							background: rgba(0, 0, 0, 0.15);
						}

						#page-header nav ul li .arrow {
							padding: 0.5em 1.8em 0.5em 1em;
						}

							#page-header nav ul li .arrow:after {
								position: absolute;
								display: inline-block;
								content: '';
								border-top: solid 5px #fff;
								border-left: solid 4px transparent;
								border-right: solid 4px transparent;
								top: 1em;
								right: 1em;
							}

					#page-header nav > ul > li > ul {
						display: none;
					}
					
					
					#page-header nav ul li.noDrop a {
						    padding: 0.5em 0.6em;
						}

					/*
					#page-header .new-thing {
						box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.5);
						border-radius: 2px;
					}
					#page-header .new-thing:after {
						content: "new!";
						font-size: 8pt;
						position: absolute;
						top: -5px;
						left: -16px;
						color: #FFA;
						transform: rotate(-5deg);
					}*/
					

			.dropotron {
				background: #00a6eb;
				background: rgba(0, 166, 235, 0.96);
				padding: 0.5em 0.5em 1em 0.5em;
				line-height: 3em;
				box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
			}

				.dropotron a, .dropotron span {
					-moz-transition: background-color .10s ease-in-out;
					-webkit-transition: background-color .10s ease-in-out;
					-ms-transition: background-color .10s ease-in-out;
					transition: background-color .10s ease-in-out;
					position: relative;
					display: block;
					text-decoration: none;
					color: #fff;
					font-size: 1.1em;
					font-weight: 500;
					padding: 0 3em 0 1em;
				}

				.dropotron .arrow:before {
					content: '';
					display: block;
					position: absolute;
					right: 1em;
					bottom: 1em;
					border-left: solid 5px #fff;
					border-top: solid 5px transparent;
					border-bottom: solid 5px transparent;
				}

                                .dropotron .slide-out-menu {
                                /*        margin-left:1em; */
                                }

				.dropotron li:hover > a, .dropotron li:hover > span {
					background: rgba(0, 0, 0, 0.15);
				}

				.dropotron.level-0 {
					/*margin-top: 1.9em;*/
					margin-top: 3px;
				}
				
				
			/* login */
			
			.login_pointer {
				    border-color: transparent transparent #eee;
				    border-style: dashed dashed solid;
				    border-width: 0 14.5px 14.5px;
				    display: block;
				    height: 20px;
				    position: absolute;
				    right: 8px;
				    top: -18px;
				    width: 20px;
				    z-index: 8;
				}

			
			.loginbox {
			    background: #eee;
			    border: 1px solid #fff;
			    color: #444;
			    padding: 23px;
			    position: absolute;
			    right: 0;
			    top: 54px;
			    width: 242px;
			   /* width: 400px; */
			    display: none;
                z-index: 200000;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
                border-radius: 2px;
				}
				
			.loginbox p {
				color: #00a6eb;
			}	
			
			.loginbox p a {
				color: #00a6eb !important;
				text-decoration: underline;
			}
			
			/* .loginbox input.submit {
				background: #00a6eb;
				cursor: pointer;
				color: #FFF;
				border: none;
				font-weight: 500;
				font-size: 100%;
			} */
			
		
			.loginbox input.text {
				width: 99%;
			}
			
			li.logindropdown a.login:hover {
				cursor: pointer;
			}

                        /* Log out */
                      
                        .formbutton {
                           padding:0px 5px 0px 5px;
                           margin-top:2px;
                        }
			
			.loginbox_banner {
			    position: absolute;
			    top: 20px;
			    background-color: rgba(255, 255, 255, 0.95);
			    width: 322px;
			    font-size: 110%;
			    display: block;
			    right: 20px;
			    padding: 2em 2em 1.3em;
			    border-radius: 4px;
			    z-index: 999999;
			    /*border: 1px solid #ccc;*/
			    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			}
			
			.loginbox_banner h4 {
				font-size: 210%;
				margin: 0 0 0.7em 0;
			}
			
			.loginbox_banner input.text {
				width: 99%;
				
				font-size: 110%;
			}
			
			.loginbox_banner .submit {
               padding: 0.5em 1em;
               margin: 0.5em 0;
               font-size: 130%;
               width: 99%;
            }
            
            .loginbox_banner ul {
	            margin: 0.3em 0 0 0;
            }
            
            .loginbox_banner .login_links {
				text-decoration: none;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
            }
            
            .loginbox_banner .login_links:hover {
				color: #8cba00;
            }
            
			
		/* Banner */

			#banner {
				position: relative;
				width: 100%;
				overflow: hidden;
				/*box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);*/
				height: 440px;
			}

				#banner .nav-next, #banner .nav-previous {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					position: absolute;
					width: 52px;
					height: 64px;
					z-index: 3;
					opacity: 0;
					cursor: pointer;
					text-align: center;
					line-height: 64px;
				}

					#banner .nav-next:before, #banner .nav-previous:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 72px;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						color: #fff;
					}

					#banner .nav-next:hover, #banner .nav-previous:hover {
						opacity: 1.0;
					}

				#banner:hover .nav-next, #banner:hover .nav-previous {
					opacity: 0.45;
				}

				#banner .nav-next {
					bottom: 20px;
					right: 20px;
				}

					#banner .nav-next:before {
						content: "\f105";
					}

				#banner .nav-previous {
					bottom: 20px;
					right: 72px;
				}

					#banner .nav-previous:before {
						content: "\f104";
					}

				#banner .captions {
					position: absolute;
					background: #00a6eb;
					background: rgba(0, 166, 235, 0.95);
					padding: 2.5em 6em 2.5em 2.5em;
					border-radius: 4px;
					box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
					bottom: 1.5em;
					left: 1.5em;
					color: #fff;
					width: 50%;
					z-index: 1;
				}

					#banner .captions:after {
						content: "\f0a9";
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 55px;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						cursor: default;
						display: block;
						width: 48px;
						height: 48px;
						position: absolute;
						right: 30px;
						bottom: 40px;
					}

					#banner .captions .caption-line-1 {
						display: block;
						font-size: 2.5em;
						letter-spacing: -0.05em;
						margin: 0 0 0.6em 0;
						line-height: 1em;
					}

					#banner .captions .caption-line-2 {
						display: block;
						font-size: 1.4em;
						padding-right: 16px;
						letter-spacing: -1px;
						line-height: 1.5em;
						color: rgba(255, 255, 255, 0.9);
					}

				#banner .viewer {
					background: #fff;
				}

				#banner .slide .caption-1, #banner .slide .caption-2 {
					display: none;
				}

				#banner .slide img {
					display: block;
					width: 1200px;
				}

				#banner .slide .link {
					position: absolute;
					text-indent: -9999px;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 2;
				}

		/* Search */

			#search {
				position: relative;
			}

				#search span {
					position: absolute;
					left: 0;
					bottom: 0.5em;
				}

				#search form {
					overflow: hidden;
					position: relative;
				}

					#search form input.text {
						display: block;
						width: 100%;
						height: 34px;
					}

					#search form input.button {
						width: 34px;
						height: 34px;
						position: absolute;
						right: 0;
						top: 0;
						display: block;
						z-index: 1;
						border: 0;
						padding: 0;
						opacity: 0;
					}

					#search form:before {
						content: "\f002";
						font-family: FontAwesome;
						text-decoration: none;
						font-size: 18px;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 2;
						background: #00a6eb;
						color: #fff;
						width: 34px;
						height: 34px;
						line-height: 34px;
						text-align: center;
					}

		/* Content */

			#content > section, #content > article {
				margin-bottom: 7.5em;
			}

				#content > section:last-child, #content > article:last-child {
					margin-bottom: 0;
				}

			#content section header, #content article header {
				border-top: 2px solid #8cba00;
				padding-top: 3em;
				margin: 0 0 0 0;
			}

				#content section header .byline, #content article header .byline {
					display: block;
					color: #a0a0a0;
					font-size: 1.25em;
				}

				#content section header h2, #content article header h2 {
					margin: 0 0 0.5em 0;
				}

			#content section.featured header .byline, #content article.featured header .byline {
				font-size: 2em;
				letter-spacing: -0.01em;
				line-height: normal;
				padding: 0 0 0.5em;
			}

			#content section.featured header h2, #content article.featured header h2 {
				font-size: 3em;
				letter-spacing: -2px;
				margin: 0em 0 0.2em 0;
				line-height: normal;
			}

			#content section.featured h3, #content article.featured h3 {
				font-size: 1.5em;
				letter-spacing: -1px;
				margin: 0 0 1em 0;
				font-weight: 200;
			}
			
			#content article.featured p {
				font-size: 110%;
			}
			
			
			#content section.trial header h2 {
				color: #00a6eb;
				margin: 0 0 1em 0;
			}

			
			#content section.trial h3 {
				font-size: 130%;
				font-weight: 500;
				margin: 1.4em 0 1em;
			}
			
			#content section.trial p {
				font-size: 115%;
				line-height: 1.4em;
			}
			
			#content section.trial p span {
				font-size: 107%;
				font-weight: 500;
			}
			
			#content section.trial a.button {
				font-size: 170%;
				
				margin: 0 auto;
				display: block;
				width: 100%;
				text-align: center;
			}
			
			#content section.wxtappro header img.wxtappro_logo {
				float: left;
				margin: 0 10em 0 0;
				position: relative;
				top: -22px;
				left: 37px;
			}
			
			#content section.wxtappro header h2 {
				font-size: 160%;
				text-align: right;
				color: #888;
			}
			
			#content section.wxtappro header img.wxtappro_screen {
				float: left;
				margin: 0em;
				position: relative;
				top: -20px;
				left: -20px;
				width: 408px;
				border: none;
				clear: both;
				
			}
			
			#content section.wxtappro header div.wxtappro_msg {
				float: right;
				width: 380px;
			}
			
			#content section.wxtappro header .wxtappro_msg p  {
				text-align: right;
				margin: 1.9em 0;
				font-size: 143%;
				line-height: 1.6em;
			}
			
			#content section.wxtappro header .wxtappro_msg p span  {
				font-size: 180%;
				line-height: 1.5em;
			}
			
			#content section.wxtappro .grid-spaced img {
				width: 150px;

			}
			

		/* Sidebar */

			#sidebar h2 {
				font-size: 1.75em;
				letter-spacing: 0;
			}

			#sidebar > section {
				margin-bottom: 4.8em;
			}

				#sidebar > section:last-child {
					margin-bottom: 0;
				}

			#sidebar section header {
				border-top: 2px solid #8cba00;
				padding-top: 3.5em;
				margin: 0 0 3em 0;
			}

				#sidebar section header h2 {
					margin: 0 0 0.5em 0;
				}

			#sidebar section.featured header h2 {
				font-size: 4em;
				letter-spacing: -3px;
				margin: 0.25em 0 0.75em 0;
			}


		/* Footer */

			#page-footer h2 {
				font-size: 1.75em;
			}

			#page-footer section {
				margin: 0 0 3em 0;
			}

				#page-footer section h2 {
					margin: 0 0 1.5em 0;
				}

			#page-footer > section:last-child {
				margin-bottom: 0;
			}

			#page-footer a {
				color: #474747;
				display: block;
				padding: 4px 0 0 0;
			}

		/* Copyright */

			#copyright {
				clear: both;
				margin: 0 auto;
				text-align: center;
				padding: 0 0 1em 0;
				/*color: #a0a0a0;*/
				color: rgba(255, 255, 255, 0.4);
               /* background: #f6f6f6;
                border-top: solid 1px #d9d9d9; */
				
			}
			
			#copyright img {
				/*width: 200px;*/
				opacity: 0.2;
			}

/*	}*/

	@media screen and (max-width: 767px) {
		nav > ul {
			margin-top: -12px;
		}
	}
/* Tablet */

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

		/* Basic */

			body {
				/*min-width: 1000px;*/
				font-size: 9.5pt;
			}

			h2 {
				font-size: 2.0em;
				letter-spacing: -0.02em;
				margin: 0 0 0.5em 0;
			}

			.blocks a {
				padding: 2em 7em 2em 2em;
				margin: 0 0 0.5em 0;
			}

				.blocks a:after {
					right: 20px;
					bottom: 25px;
				}

			.blocks p {
				font-size: 1em !important;
				margin: 0 !important;
			}

			.blocks h2 {
				font-size: 1.5em !important;
				margin: 0 0 0.5em 0 !important;
			}

		/* Top login bar (new kmp design) */

			#login {
			    width: 1000px !important;
			}

		/* Quick links */

			#quick-links ul.posts p {
			    font-size: 0.8em !important;
			}
			
		/* Homepage blog posts */

			.blog-post {
			    width: 293px !important;
			}

			.blog-post .post-title, .blog-post a {
			    max-width: 293px !important;
			}

			.blog-post * {
			    max-width: 293px;
			}

			.blog-post .post-title h2 {
			    font-size: 12pt !important;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 1em 1em;
			}

			#banner-wrapper {
				padding: 2em 0 2em 0;
			}

				#banner-wrapper:before {
					background-size: 1400px 100%;
				}

			#search-wrapper {
				padding: 1.5em 0 1.5em 0;
			}

			#main-wrapper {
				padding: 3em 0.5 4em;
			}

			#footer-wrapper {
				padding: 4em 1em 3em;
			}

		/* Header */

			#page-header nav {
				/*right: 150px;*/
				left: 200px;
                                right: 0px;
			}

			#page-header h1 {
				font-size: 1.5em;
				letter-spacing: -1px;
			}

			#page-header nav ul li {
				margin-left: 0.2em; 
			}
			
			#page-header h1 a#logo img {
				margin: 4px 0 0;
			}

			.dropotron.level-0 {
				margin-top: 1em;
			}

                        .loginbox{
                           right:200px;
                        }

		/* Banner */

			#banner {
				height: 352px;
			}

				#banner .nav-next {
					right: 10px;
					bottom: 30px;
				}

				#banner .nav-previous {
					right: 62px;
					bottom: 30px;
				}

				#banner .captions {
					padding: 3em 7em 2em 2em;
					bottom: 1.25em;
					left: 1.25em;
					color: #fff;
				}

					#banner .captions:after {
						right: 20px;
						bottom: 25px;
					}

					#banner .captions .caption-line-1 {
						font-size: 2.5em;
						letter-spacing: -2px;
					}

					#banner .captions .caption-line-2 {
						font-size: 1.25em;
						letter-spacing: -1px;
						line-height: 1.25em;
					}

				#banner .slide img {
					/*width: 1001px; */
				}
				
				.loginbox_banner {
				    font-size: 105%;
				    padding: 1em 2em 1em;
				    width: 274px;
				    top: 14px;
				    right: 15px;
				}
				
				.loginbox_banner h4 {
				    font-size: 175%;
				    margin: 0 0 0.5em 0;
				}
				
				.loginbox_banner p {
				   padding-top: 0 !important;
				}
				
				
				.loginbox_banner .submit {
					margin: 0 0 0.6em 0;
					font-size: 120%;
				}
				
				.loginbox_banner ul {
					margin: 0 0 0 0;
					line-height: 1.4em;
				}
				
				

		/* Content */

			#content > section, #content > article {
				margin-bottom: 4em;
			}
			
			#content section.wxtappro header img.wxtappro_screen {
				width: 267px;
				left: 20px;
			}
			
			.social_media_fb {
				margin: 0 1em 0 0;
			}
			
			.social_media_twitter {
				width: 290px;
			}
			
			

		/* Sidebar */

			#sidebar > section {
				margin-bottom: 4em;
			}

		/* Copyright */

			#copyright {
				padding: 3em 0 4em 0;
			}

	}

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

		/* Header */

		#page-header nav {
			/*right: 150px;*/
			left: 200px;
                        right: 0px;
		}
		#page-header nav ul li {
			margin-left: 0em;
		}
		#page-header nav ul li.noDrop {
			margin-left: 0em;
                } 
		#page-header nav ul li .arrow {
			padding: 0.5em 1.8em 0.5em 0.25em;
		}

                #right-side-div{padding-left:0px;}

                /*.login_pointer {
                   right: 0px; 
                   left: 0px;
                }*/

                #leftnav-div{width:200px;font-size:0.9em;}
                 
        }

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}

/* Login area */
#login{
	color:#fff;
	font-size:0.95em;
	height:34px;
	right:0;
	text-align:left;
	top:0;
	z-index:20001;
	width: 100%;
	background: #029ada;
	border-bottom: 1px solid #39c2fa;
	position: fixed;
/*
	-webkit-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
*/
}
/*#login ul{display:inline;margin:0;padding:0;} */
#login ul {
    display: inline;
    float: right;
    margin: 0;
    padding: 0 2em 0 0;
}

#login ul li{display:inline;padding:0 3px;font-weight: 500;font-size: 90%;}

li.logout-button-info {
    position: relative;
    top: -6px;
}

#my-account-icon-span img {
    position: relative;
    top: 3px;
    cursor:pointer;
    width: 26px;
}

#login a {
    color: #ffffff;
    font-size: 123%;
    font-weight: 600;
    text-decoration: underline;
}

#login a:hover {
	text-decoration: none;
}





/* Trying to fix the sidebar */

/* Sidebar */

#sidebar dt {
    border-bottom: 1px solid #9cca10;
    font-size: 1.6em;
    letter-spacing: -1px;
    margin: 1.1em 0 0.1em;
    padding-bottom: 0.2em;
}

.map-nav{padding-top:0.5em;}

/*
.fa-film {
	color: #9cca10;
}
*/

/*.fa-chevron-circle-left::before,
.fa-chevron-circle-right::before {
	color: #9cca10;
}
*/

#sidebar dd {
/*
   border-top: solid 1px #d9d9d9;
   padding: 1.5em 0 0 0;
   margin: 1.5em 10px 0 0;
*/
   padding-bottom: 0.25em;
   border: none;
   padding: 0;
   margin: 0;
}

#sidebar dd.p {
	margin: 0 0 0.5em 0;
}

.animation-icon-div{
   float:left;
   width:30px;
}

.animation-icon-div:hover{cursor:pointer;}

/* dynamic homepage information */
#tabs{
	margin-bottom:3em;
	font-family: "proxima-nova", sans-serif;
       width:700px;
       background: #fff;
       border: 1px solid #39c2fa;
}

/* jquery UI stuff */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "proxima-nova", sans-serif !important;
}

.form-button {
    background: #8cba00;
    border: medium none;
    border-radius: 4px;
    -webkit-appearance: none;
    color: #fff;
    cursor: pointer;
    /*font-weight: 300 !important;*/
    transition: background 0.25s ease-in-out 0s;
}

.form-button:hover {
	background: #9cca10;
}

#freeform_metar_station,
#freeform_metar_station2 {
	background: #f9f9f9;
}


#tabs form input[type=checkbox] {

		    -webkit-appearance:checkbox;
		}



.loginbox #form1 .form-button {
    font-size: 100%;
    font-weight: 500 !important;
	padding: 0.4em 1em 0.5em;
}


#tabs input[type=button] {
/*    background: #00a6eb none repeat scroll 0 0; */
    background: #8cba00;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
   /* font-weight: 100 !important; */
    padding:8px 10px 8px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#tabs input[type=button]:hover {
	background: #9cca10;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #fff !important;
}


/*** homepage Tabs  ***/

#weather-location-div {
	
}

#weather-location-div h2 {
   margin: 1.1em 0 0.8em;
/*    padding: 1.2em 0 0;
    border-top: 2px solid #8cba00;*/
   border-bottom: 2px solid #8cba00;
   padding-bottom: 4px;
}

/* login page */
#login #username{padding:0;}
#login #password{padding:0;}
#loginboxdiv{width:300px;margin:0 auto;margin-top:3em;margin-bottom:20em;}
#loginboxdiv #username{width:90%;margin-bottom:1em;}
#loginboxdiv #password{width:90%;}
.login-page-box{
   border:solid 1px solid #fff;
   background-color:#eee;
   box-shadow: 0 2px 10px rgba(0,0,0,0.2);
   border-radius: 2px;
}
.login-page-box p a {
   color: #00a6eb;
   text-decoration: underline;
}
.login-page-box-content{padding:1em 0em 1em 2em;}
.login-page-box-content p {width:90%;text-align:center;}
.login-page-box-content #continue-button{margin-left:3.5em;}
#errormessage-div{width:40%;min-width:300px;margin:0 auto;padding-top:3em;text-align:center;line-height:1;}
#errormessage-div h3{padding-bottom:1em;}

/* h4 heading class */
.heading-class{
	border-bottom: 2px solid #8cba00;
    font-size: 1.9em;
    margin-bottom: 1em;
    padding: 2.3em 0 0.2em;
}
.subheading-class{font-size:1.2em;font-weight:600;padding-bottom:0.5em;}


/* Warnings page */

img#legend {
	margin: 1em 0;
}

/* Image Size */
#image-zoom-5{font-size:1.65em; margin-top:-1.05em;}

/* Weather Icons */
.wx-icon-div{font-size:2.5em;padding-bottom:0.3em;}
.wx-icon-day{color: #00a6eb;}
.wx-icon-night{color: #426984;}
.wx-wind-icon{font-size:2em;}
.wx-rain-icon{color: #00a6eb;}

/*  ALERT DIV - NOTIFICATIONS  */
.banner-div {
   text-align: center;
   color: #FFF;
   padding: 4px 0;
   font-size: 1.3em;
  /* border-top: 1px solid #FFF; */
   position: relative;
   top: 8px;
   background: -webkit-gradient(linear, left top, right top, from(#db0000), to(#a30404));
	background: -webkit-linear-gradient(top, #db0000, #a30404);
	background: -moz-linear-gradient(top, #db0000, #a30404);
	background: -o-linear-gradient(top, #db0000, #a30404);
	background: -ms-linear-gradient(top, #db0000, #a30404);
	background: linear-gradient(top, #db0000, #a30404);
	background-color: #db0000;
   margin: 0 auto;
   width: 130%;
   left: -15%;
}

@media screen and (max-width: 880px) {
	.banner-div {
		width: 100%;
		left: 0;
		border-radius: 6px;
		padding: 0.5em 1em;
		}

   #footer-wrapper-two {
      width: auto;
   }
   .footer_left {
      width: auto;
      padding-left: 10px;
   }
   .footer_right {
      width: auto;
      padding: 0 0 20px 10px;
   }
}

.banner-div a {
	color: #FFF;
}

.modal-div {
   position: fixed;
   font-family: "proxima-nova", Helvetica, sans-serif;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   z-index: 99999;
   opacity:1;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: auto;
   overflow-y:auto;
}

.modal-div:target {
	opacity:1;
	pointer-events: auto;
}

.modal-div > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 30px 20px;
	border-radius: 10px;
	background: #fff;
	font-size: 112%;
}

.modal-div a {
	font-size: 110%;
	font-weight: 600;
	color: #00a6eb;
}

.modal-div h2 {

}


.close-modal {
    background: #8cba00;
    color: #ffffff !important;
    font-weight: bold;
    position: absolute;
    right: -7px;
    text-align: center;
    text-decoration: none;
    top: -8px;
    width: 24px;
    -webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	text-indent: 1px;
}


.close-modal:hover { background: #9cca10; }

#logout-button,
.my-account-logout-div a {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 112%;
    font-weight: 500;
    margin: 11px auto 8px;
    padding: 5px 23px 7px;
    width: 130px;
    text-decoration: none;
    text-align: center;
    border: none;
    
        background: -webkit-gradient(linear, left top, right top, from(#9cca10), to(#8cba00));
background: -webkit-linear-gradient(top, #9cca10, #8cba00);
background: -moz-linear-gradient(top, #9cca10, #8cba00);
background: -o-linear-gradient(top, #9cca10, #8cba00);
background: -ms-linear-gradient(top, #9cca10, #8cba00);
background: linear-gradient(top, #9cca10, #8cba00);
background-color: #9cca10;
	cursor: pointer;
}

.sidebar-checkbox{font-size:1.7em;vertical-align:-30%;}

#logout-button:hover,
.my-account-logout-div a:hover {
	background: #9cca10;
}

/* My Account/Logout div */
.my-account-logout-wrapper{display:none;width:200px;height:100px;position:absolute;top:0px;right:20px;}

.my-account-logout-div {
    background-color: #eee;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 20px 20px 22px;
    position: relative;
    top: 11px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* .my-account-logout-div a {
    color: #029ADA;
    display: block;
    font-size: 110%;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
}  */

.my-account-pointer {
    border-color: transparent transparent #eee;
    border-style: dashed dashed solid;
    border-width: 0 14.5px 14.5px;
    display: block;
    height: 20px;
    position: absolute;
    right: 8px;
    top: -6px;
    width: 20px;
    z-index: 8;
}

/* Play icon */
.fa-large{
   font-size:1.6em;
   line-height:.75em;
   vertical-align:-25%;
}

.fa-large:hover {
    color: #9cca10;
    font-size: 1.9em;
    left: -2px;
    position: relative;
    top: 1px;
}

.left-sidebar #sidebar a:hover {
	font-weight: 600;
}

/* Animation buttons for weather images */
.main-animation-button{font-size:3.5em;padding-right:10px;}
.main-animation-button:hover{color: #9cca10;}
.animation-controls-dd{padding-top:10px !important;}

/* Show/Hide Navbar */
.hide-nav {
   -webkit-transform: translateY(-150%);
   transform: translateY(-105%);
   -webkit-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}
.show-nav {
   -webkit-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}
.hide-nav-with-login {
   -webkit-transform: translateY(-160%);
   transform: translateY(-160%);
   -webkit-transition: all 0.35s ease-in-out;
   -ms-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}


/*** NEW GOES SATELLITE PAGE ***/

.fulldisk a {
    display: block;
    width: 225px;
    text-align: center;
    float: left;
    margin: 1em 2em 3em;
}

.fulldisk a.conus-tn {
    width: 260px;
    margin: 1em 2em 3em;
}


li.temperature-button-info {
    position: relative;
    top: -6px;
}

li.temperature-button-info {
	position: inherit !important;
}

/*** NEW NAVBAR/LOGIN BAR ***/

		/* fix up the CSS to get rid of the floating navbar */
		#header-wrapper {
			position: relative;
		}
		#page-wrapper {
			top: 0 !important;
		}
		#login-container {
			background: rgba(30, 30, 30, 0.9);
			width: 100%;
			top: 0;
			height: 28px !important;
			border-bottom: none !important;
			z-index: 0 !important;
			position: relative;
			color: #fff;
			font-size: 9.5pt !important;
			border-bottom: none !important;
			line-height: 28px !important;
		}
		#login {
			border-bottom: none !important;
			background: rgba(0,0,0,0.0) !important;
			height: 28px !important;
			width: 1200px !important;
			position: relative;
			margin: 0 auto !important;
			text-align: left !important;
		}
		#login ul {
			float: none !important;
		}
		#login ul li {
			font-size: 9.5pt !important;
			padding: 0 !important;
			font-weight: 400 !important;
			float: left;
		}
		#login ul li:nth-child(3), #login ul li:nth-child(4) {
			float: right;
		}
		#login ul a {
			margin-right: 16px;
			font-size: 9.5pt !important;
			color: #9cca10;
			font-weight: 400 !important;
			text-decoration: none;
		}
		#login ul a:hover {
			text-decoration: underline;
		}
		#login-extra {
			opacity: 0.75;
		}
		li.logout-button-info {
			position: inherit !important;
		}
		#my-account-icon-span {
			display: none;
		}
		.hide-nav, .hide-nav-with-login {
			transform: none;
			transition: none;
		}
		/* we'll never need the logout wrapper anymore */
		#my-account-logout-wrapper {
			display: none !important;
		}
		/* more layout corrections */
		/*#footer-wrapper {
			margin-top: 0;
		}*/
		/* small login bar fix */
		@media screen and (max-width: 1200px) {
			#login, #login-container {
				width: 100% !important;
			}
			#login {
				padding-left: 16px;
			}
		}

		#temperature-container {
			background: rgba(30, 30, 30, 0.9);
			width: 100%;
			top: 0;
			height: 28px !important;
			border-bottom: none !important;
			z-index: 0 !important;
			position: relative;
			color: #fff;
			font-size: 9.5pt !important;
			border-bottom: none !important;
			line-height: 28px !important;
		}

		/* small login bar fix */
		@media screen and (max-width: 1200px) {
			#login, #temperature-container {
				width: 100% !important;
			}
			#login {
				padding-left: 16px;
			}
		}

/* Fixes */
#main-wrapper-global {
	padding-top: 21px;
}




/* Might break things; correct pages that are too short so the footer is visible, but not in the middle of the page on large monitors. */
#content {
	min-height: calc(100vh - 658px);
}
#main-wrapper-global {
	min-height: calc(100vh - 626px);
}



.captions {
	display: none;
}