@charset "UTF-8";

@import '//fonts.googleapis.com/css?family=open+sans:300,300i,400,400i,600,600i,700,700i,800,800i';

@import '//fonts.googleapis.com/css?family=exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i';

body {

	font-family: "Open Sans", Arial, sans-serif;

	line-height: 1.5;

	color: #666;

	background: #2d3334;

	color: #fff;

}

body main {

	background: #EEE;

	color: #666;

}

h1, h2, h3 {

	font-family: "Exo", "Open Sans", Arial, sans-serif;

	line-height: 1.3;

	font-weight: 200;

	font-size: 1.8em;

	text-transform: uppercase;

	margin-bottom: 0;

	color: inherit;

}

h3 {

	font-size: 1.5em;

}







p {font-family:inherit;font-size: inherit;}



a {

	color: #339900;

	cursor: pointer;

}

.contain {

	width: 90%;

	margin: auto;

	max-width: 1180px;

	padding: 40px;

	overflow: auto;

	box-sizing: border-box;

}

main h1, main h2, main h3 {

	font-family: "Open Sans", Arial, sans-serif;

	margin: 60px 0 20px;

}

main h1:first-child, main h2:first-child {

	margin: 0 0 30px 0;

}

main h3:first-child {margin-top:0;}





header, section {

	display: block;

	overflow: auto;

	min-height: 10em;

	min-height: 40vh;

}



.home section {

	border-top: 1px solid #eee;

	padding: 30px 0;

}

section {

	color: #fff;

}

header h2, header h1 {

	font-size: 2.6em;

	font-size: 6vh;

}





header h1 + h1 {font-size: 16px; text-transform:none; font-family: "Open Sans", Arial, sans-serif;}





#homepage section {

	color: #fff;

}

.topbar {

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	padding: 20px;

	z-index: 1;

	margin-bottom: 30px;

	padding: 0;

	background: rgba(0, 0, 0, 0.8);

	align-content: center;

	align-self: center;

}

.topbar .logo {

	padding: 10px 0 0;

	position: absolute;

	top: 0;

}

.topbar, .logo {

	transition: all 1s;

	-moz-transition: all 1s;

	-webkit-transition: all 1s;

	-o-transition: all 1s;

}

.topbar.small .contain {

	margin: 0 auto;

	padding: 1em 40px;

	height: 5em;

}

.topbar.large {

	background: rgba(0, 0, 0, 0.7);

	height: 7em;

}

.topbar.small {

	height: auto;

	background: #2d3334;

	background: rgba(30, 30, 30, 1);

}

.topbar.small .logo {

	transform: scale(0.7, 0.7) translate(-50px, -15px);

	padding: 0;

}

.topbar .response {

	display: none;

}

.hero {

	color: inherit;

	margin: 20vh auto 10vh;

	overflow: auto;

}

header.nohero {

	margin: 0;

	min-height: 30vh;

}

.hero>div {

	flex-direction: column;

	justify-content: center;

	align-self: center;

	max-width: 60%;

	color: inherit;

}

.hero p {

	color: inherit;

	margin-bottom: 0;

}

@media (max-width: 1024px) {

	.contain {

		padding: 20px;

		width: 90%;

	}

}





@media (max-width: 800px) and (orientation: portrait) {

	header h2, header h1 {

	font-size: 2.6em;

	font-size: 6vh;

}

	}

	

	@media screen and (max-width: 800px) and (orientation: landscape) {

		header h2, header h1 {

	font-size: 2.6em;

	font-size: 6vw;

}

}

	

	

	

	

@media (max-width: 800px) {

	.topbar .logo {

		width: 30%;

	}

	.topbar .logo {

    transform: scale(0.6, 0.6) translate(-20px, -20px);

}

	.contain {

		padding: 20px;

		width: 100%;

	}

	header {

		background: rgba(0, 0, 0, 0.5);

		min-height: 80vh;

	}

	h1, h2, h3 {

		font-size: 1.4;

	}

	header h2 {

		font-size: 1.8em;

	}

	.topbar.large {

		background: none;

		height:auto;

	}

	.hero>div {

		max-width: 100%;

	}

}

menu {

	float: right;

}

menu {

	margin: 0;

	padding: 0;

}

menu ul {

	margin: 0;

	padding: 0;

	display: block;

}

menu ul li {

	display: inline;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	font-size: 0.875em;

	cursor: pointer;

}

menu ul li:before {

	content: "|";

}

menu ul li:first-child:before, menu ul li:last-child:before {

	content: normal;

}

menu ul li:last-child a {

	border: solid 2px #fff;

}

menu a {

	cursor: pointer;

	display: inline-block;

	font-size: 1em;

	margin: 0;

	padding: 10px;

	color: #fff;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	border-radius: 4px;

}

menu a:hover {

	color: #0099cc;

}

menu ul li:last-child a {

	margin-right: 0;

}

menu ul li:last-child a:hover {

	background-color: #0099cc;

	color: #fff;

	border-color: #0099cc;

}

@media (max-width: 800px) {

	.topbar {

		position: absolute;

		top: 0;

		left: 0;

	}

	menu {

		width: 100%;

		z-index: 10;

		position: fixed;

		top: 0;

		left: 0;

	}

	menu ul {

		padding: 20px 20px 5em 20px;

		background: #000;

	}

	menu ul li {

		display: block;

		list-style: outside none none;

		margin: 0;

		padding: 10px 0;

		font-size: 0.875em;

		text-align: left;

		border-top: 1px solid #666;

	}

	menu ul li a {

		display: block;

	}

	menu ul li:first-child, menu ul li:last-child {

		border: 0;

	}

	menu ul li:before {

		content: "";

	}

	/*menu .response[data-role="trigger"]{color:red;}*/

	.topbar menu ul {

		display: none;

	}

	.topbar .response {

		z-index: 20;

	}

	.topbar .response {

		font-size: 2em;

		text-align: right;

		display: block;

		margin: 0;

		padding: 0;

		position: absolute;

		top: 0;

		right: 0;

	}

	.topbar .response:after {

		content: url(../imgs/icon-toclose.png);

	}

	.topbar .response.opened:after {

		content: url(../imgs/icon-toopen.png);

	}

}

.flex {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row wrap;

	justify-content: space-between;

}

.flex>* {

	box-sizing: border-box;

}

.flex.colx3 * {

	flex: 1 1 25%;

}

.flex.colx2 * {

	flex: 1 0 45%;

}

@media (max-width: 800px) {

	.flex>*, .flex.colx3 *, .flex.colx2 * {

		flex: 1 1 100%;

	}

}

.thumbs {

	width: 100%;

	overflow: hidden;

}

.thumbs img {

	width: 100%;

}

.thumbs * {

	-webkit-transition: all 0.6s ease;

	-o-transition: all 0.6s ease;

	transition: all 0.6s ease;

}

.thumbs>div {

	color: #fff;

	background: #000;

	/*fallback*/

	background: rgba(0, 0, 0, 0.5);

	padding: 40px;

	margin: 5px;

	cursor: pointer;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

}

.thumbs .txt {

	margin-top: 2px;

}

.item.thumbs div {

	padding: 0;

}

.item.thumbs div div {

	padding: 40px;

}

.thumbs>div:hover .txt {

	background: #0099cc;

	/*fallback*/

	background: rgba(0, 153, 204, 0.8);

	cursor: pointer;

}

.thumbs a {

	color: #fff;

	display: block;

}

.thumbs h2 {

	margin: 0;

	font-size: 1.5em;

	font-family: "Open Sans", Arial, sans-serif;

	line-height: 1.5;

}

.thumbs .more:hover {

	background: #339900;

}

.thumbs.withimgbg div {

	padding-bottom: 100px;

	border: 2px solid #000;

}



.thumbs.withimgbg div:hover {

	box-shadow: inset 0 0 0 15px #0099cc;

}

.thumbs.withimgbg div:hover .btn {

	background: white;

	color: #17213c;

}

.thumbs.withimgbg div p {

	margin: 0;

	padding: 0

}

@media (max-width: 800px) {

	.thumbs>div {

		margin: 10px 0 10px 0;

		padding: 0 10px;

	}

	.thumbs.withimgbg div h2 {

		display: none;

	}

	.thumbs.withimgbg div {

		padding: 0;

		border: 0;

		margin: 0;

	}

	.thumbs.withimgbg div:first-child, .thumbs.withimgbg div:last-child {

		background: none;

	}

}

section>.txt {

	margin: 5em 0;

	width: 50%;

	display: inline-block;

}

footer {

	background: rgba(30, 30, 30, 1);

	padding: 10vh 0 0;

	box-sizing: border-box;

	border-top: 1px solid #666;

}



footer .contain {overflow:visible;}

footer .logo {

	display: inline-block;

	float: left;

}

footer .logo img {

	width: 100%;

}

footer .links {

	font-size: 0.8em;

	float: right;

	text-align: right;

	-webkit-column-count: 2;

	/* Chrome, Safari, Opera */

	-moz-column-count: 2;

	/* Firefox */

	column-count: 2;

	-webkit-column-gap: 40px;

	/* Chrome, Safari, Opera */

	-moz-column-gap: 40px;

	/* Firefox */

	column-gap: 40px;

}

footer a {

	color: #ccc;

}

footer a:hover {

	color: #0099cc

}

footer .links li {

	padding: 5px 30px 5px 5px;

	border-right: solid 1px #575c5d;

}

footer div {

	position: relative;

}

@media (max-width: 1024px) {

	footer {

		padding: 10vh 0;

	}

	footer .logo {

		float: none;

	}

	footer img {

		width: 100%;

	}

	footer .links {

		float: none;

		text-align: left;

		margin: 30px 0 0;

		-webkit-column-gap: 0;

		/* Chrome, Safari, Opera */

		-moz-column-gap: 0;

		/* Firefox */

		column-gap: 0;

	}

	footer .links li {

		border-right: none;

		padding: 5px 5px 5px 30px;

		border-left: solid 1px #575c5d;

	}

}

@media (max-width: 736px) {

	footer .links {

		-webkit-column-count: 1;

		/* Chrome, Safari, Opera */

		-moz-column-count: 1;

		/* Firefox */

		column-count: 1;

	}

	footer .links li {

		border: none;

		padding: 5px;

	}

}



/*form*/



.btn, input[type=button], input[type=submit], input[type=reset] {

	padding: 15px 30px;

	margin: 1em 1em 0 0;

	overflow: auto;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	font-weight: 700;

	border: 2px solid white;

	box-sizing: border-box;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	display: inline-block;

	color: #fff;

	background: rgba(0, 0, 0, 0.3);

	cursor: pointer;

	outline:0;

}

.btn:hover {

	background: #fff;

	color: #17213c;

	cursor: pointer;

}

.btn.priority, input[type="submit"] {

	background: #339900;

	border: 2px solid transparent;

}

.btn.priority:hover, input[type="submit"]:hover {

	background-color: #0099cc;

}

.btn.secondary {

	background: #adcc00;

	border: 2px solid transparent;

}

.btn.secondary:hover {

	background-color: #0099cc;

}

.btn.main {

	background: #fff;

	border: 2px solid transparent;

	color: #000;

}

.btn.main:hover {

	background: #0099cc;

}



@media (max-width: 800px) {

	

	.btn {margin: 0.2em 0;}

	

	form .btn, form input {

		width: 100%;

		margin: 0;

	}



}





form {}

.join form {

	border-top: none;

	margin: 0;

	padding: 0;

}

input[type=text], input[type=email], select {

	width: 100%;

	padding: 12px 20px;

	margin: 8px 0;

	outline: none;

	border: 3px solid #ccc;

	box-sizing: border-box;

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

}

label {

	width: 100%;

	margin: 8px 0;

	box-sizing: border-box;

}

.actions label {

	width: 100%;

	padding: 12px 20px;

	margin: 8px 0;

	box-sizing: border-box;

	display: block;

}

input[type="password"] {

	-webkit-text-security: none !important;

}

fieldset {

	margin: 8px 0;

}

input[type=text]:focus {

	border: 3px solid #555;

}

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

textarea {

	width: 100%;

	height: 150px;

	padding: 12px 20px;

	box-sizing: border-box;

	border: 2px solid #ccc;

	background-color: #f8f8f8;

	margin: 8px 0;

}



.radiogroup.opt  span{

	padding: 0 0 20px 0;

	display: block;

}

.radiogroup.opt  input{

	width:auto;

}







form div {

	padding-top: 1.5em;

}

form .hidden, .hide {

	display: none;

}

.cta form {

	width: 50%;

}



input:required{}



input:invalid, input.unhappy {

    border: 3px solid #F44336 ;

}





.unhappyMessage, .errormessage {

            color: #F44336;

            display: block;

            width: 100%;

            border: 0;

            padding: 10px 0px;

margin: -15px 0 15px;

        }











@media (max-width: 800px) {

	form {

		margin: 0;

		padding: 0;

	}

	.cta form {

		width: 100%;

	}



form div {

	padding-top: 0;

}

.radiogroup, .opt {

	padding: 20px 0;

	display: block;

}

.radiogroup label {

	padding-left: 1em;

}

.radiogroup span, .opt span {

	display: block;

}

.block {

	margin: 10vh 0;

	overflow: auto;

}



	.block {

		margin: 0;

		overflow: visible;

	}

}



/*cta*/



.cta {

	background: #0099cc;

	color: #fff;

	overflow: auto;

	width: 100%;

	box-sizing: border-box;

	padding: 3em 0;

}

.cta .txt {

	width: 65%;

}

.cta h2, .cta p {

	color: inherit;

}

.cta h1, .cta h2, .cta h3 {

	font-family: "Exo", "Open Sans", Arial, sans-serif;

	line-height: 1.5;

	font-weight: 200;

	font-size: 1.8em;

	text-transform: uppercase;

	margin-bottom: 0;

	color: inherit;

}

@media (max-width: 800px) {

	.cta .txt {

		width: 100%;

	}

}



/*subpages*/



.detailedlist img {

	float: left;

	margin-right: 30px;

}

.detailedlist li {

	display: block;

	overflow: auto;

	margin-bottom: 20px;

}

.detailedlist h3 {

	display: inline-block;

}

.callout {

	border-left: 5px solid #1b809e;

	padding-left: 20px;

}

.checklist {

	padding-left: 20px;

}

.checklist li {

	padding-bottom: 1em;

}

.checklist li:before {

	content: '\2714';

	font-family: 'FontAwesome';

	float: left;

	margin-left: -1.5em;

	color: #0074D9;

}

.thumbnails {

	margin: -10px;

}

.thumbnails > * {

	margin: 10px;

	background: #fff;

	color: #666;

	-webkit-transition: all 0.6s ease;

	-o-transition: all 0.6s ease;

	transition: all 0.6s ease;

}

.thumbnails.basic > * {

	padding: 30px;

	border-left: 3px solid #0099cc;

}



.thumbnails.basic > *:hover {border-color: #fff;

background: #0099cc;

color:#fff;}



.thumbnails a {

	color: inherit;

}

.thumbnails > div {

	margin: 5px;

	background: #fff;

}

.thumbnails div div {

	padding: 30px;

}

.thumbnails h3, .thumbnails h2 {

	font-family: "Open Sans", Arial, sans-serif;

	margin: 0;

}

.thumbnails img {

	width: 100%;

	border-bottom: 3px solid #0099cc;

}

.thumbnails>div:hover a {

	color: #fff;

}

.thumbnails>div:hover {

	background: #0099cc;

}

.thumbnails p.tag {

	margin: 0;

	font-size: 0.8em;

}



/*info grid*/



.infoicon.grid {

	width: calc(100% + 60px);

	margin-left: -30px;

	padding: 40px 0;

}

.infoicon li {

	padding: 30px;

	box-sizing: border-box;

	text-align: center;

}

.infoicon li:nth-child(2n) {

	border-left: 1px solid #999;

}

.infoicon li {

	border-bottom: 1px solid #999;

}

.infoicon li:nth-last-child(-n+2) {

	border-bottom: 0;

}

.infoicon li p:first-child {

	text-transform: uppercase;

}

.infoicon img {

	width: 50px;

	height: auto;

	display: inline-block;

}

.infoicon {

	flex-direction: row;

}

.diagram {

	width: 100%;

	height: auto;

}

@media (max-width: 800px) {

	.infoicon li:nth-child(2n), .infoicon li:nth-child(1), .infoicon li:nth-child(2) {

		border: 0;

	}

}

















/*back*/

aside .campaigns div, .ad {

	/*background:#0099cc;*/

	/*background-color: #081c1d;*/

	background: #000;

	display: block;

	margin: 0 0 0.5em;

	position: relative;

	color: #fff;

	padding: 2em;

	position: relative;

	overflow: hidden;

		-webkit-transition: all 0.6s ease;

	-o-transition: all 0.6s ease;

	transition: all 0.6s ease;

}

aside .campaigns div p, aside .campaigns div h3 {

	line-height: 1.2;

	margin: 0;

}

aside .campaigns div p {

	margin-top: 1em;

}

aside .campaigns div.ad {

	background-color: #0099cc;

}

aside .campaigns a, .ad a {

	display: block;

	margin: 0 0 0.5em;

	position: relative;

	color: inherit;

	/*padding-bottom: 40%;*/

}

aside .campaigns div:hover, .ad:hover {

	background-color: #000;

}

aside .campaigns {

	position: relative;

}

aside .campaigns img {

	position: absolute;

	bottom: 0;

	right: 0;

	height: 100%;

	width: auto;

}

@media (max-width: 800px) {

	.campaigns img {

		width: 100%;

		height: auto;

	}

}



























/* Popups */





.modal, #video-view {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 2;

	background: rgba(0, 0, 0, 0.9);

}









.modal h2, #video-view h2{

	margin:0 0 0.5em 0;

	color:#666;

	}



.modal .content{

	box-sizing: border-box;

	background: #fff;

	padding: 30px;

	min-width: 70%;

	min-height: 70%;

	margin-right: -50%;

	z-index: 3;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

}



.modal .content p {

	color: #666;

}





#video-view .content {

	box-sizing: border-box;

	padding: 0;

	min-width: 90%;

	min-height: 90%;

	margin-right: -50%;

	z-index: 3;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

}









/*#video-view .content:after {

	content:"x";

	position: absolute;

	right: -20px;

	top: -20px;

	background: #339900;

	width: 30px;

	height: 30px;

	text-align: center;

	padding: 6px;

	font-size: 1em;

	line-height: 1.5;

	border-radius: 5em;

	color: #fff;

	curser: pointer;}*/



.modal .close, #video-view .close {

	position: absolute;

	right: -20px;

	top: -20px;

	background: #339900;

	width: 30px;

	height: 30px;

	text-align: center;

	padding: 6px;

	font-size: 1em;

	line-height: 1.5;

	border-radius: 5em;

	color: #fff;

}

.modal form {

	width: 60%;

	border: 0;

	margin: 0;

	padding: 0;

}

.modal form label {

	color: #666;

	display: inline;

}

.modal form input {

	display: inline;

}



s



@media (max-width: 800px) {

	.modal .content, #video-view .content {

		width: 100%;

		height: 100%;

		margin-right: 0;

		position: absolute;

		left: 0;

		top: 0;

		transform: translate(0, 0);

	}

	.modal .close, #video-view .close{

		position: absolute;

		right: 20px;

		top: 20px;

	}

}







.addthis {

	position: relative;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc;

	padding-bottom: 20px;

	padding: 20px 0;

	display: inline-block;

}







footer .addthis {

    position: absolute;

    top: -40px;

    right: 70px;

    border: none;

}





@media (max-width: 800px) {

	.addthis {

		Display: block;

	}

	footer .addthis {

		position: relative;

		top: auto;

		right: auto;

	}

}

blockquote {

	margin: 0;

	padding: 20px 0;

	font-style: italic;

	border-bottom: solid 1px #999;

}

blockquote cite {

	font-weight: bold;

}

.highlight {

	background: #fff;

	overflow: auto;

	width: 100%;

	box-sizing: border-box;

	padding: 3em;

}

.highlight a:hover {

	text-decoration: underline;

}

.highlight h3 {

	margin-top: 0;

}

ol li {

	padding: 0.5em 0;

	list-style-position: inside;

	list-style-type: decimal-leading-zero;

}

.panel, .advert {

	background: #fff;

	padding: 3em;

	margin: 40px 0 20px;

}







.panel h3, .panel h2, .advert h3, .advert h2 {

	margin-top: 0;

}

.advert {

	background: #000 url(../imgs/advert-big.jpg) no-repeat center center / cover;

	color: #fff;

	width: 100%;

}

main img {

	max-width: 100%;

}

.sidebar {

	background: #fff;

	padding: 30px;

}

main aside {

	box-sizing: border-box;

	margin-left: 30px;

}

main .mainbodycopy {

	padding-right: 30px;

	flex: 1 0 70%;

}

main aside {

	flex: 0 1 30%;

	max-width: 25%;

}

main aside h4, main aside h3 {

	margin: 0 0 10px;

}

main aside .btn {

	width: 100%;

	margin: 0;

	text-align: center;

	display: block;

	margin: 0 0 0.5em;

}



@media (max-width: 800px) {

	

	main .mainbodycopy, aside{

		max-width: 100%;

		padding-right: 0;

		flex: 1 0 100%;

		}

		

		.moreinfo{display:none;}

}

@media (max-width: 1024px) {

	main .contain.flex .mainbodycopy, main aside {

		width: 100%;

		max-width: 100%;

		flex: 1 1 100%;

		margin-left: 0;

		margin-top: 30px;

		padding-right: 0;

	}

}





figure {

	background: #fff;

	margin: 60px 0;

	padding: 30px;

	box-sizing: border-box;

	color: #666;

}

figcaption {

	padding: 20px 0;

}

.award {

	margin: 60px 0;

	padding: 30px;

	box-sizing: border-box;

	color: #fff;

	background: #49494b url(../imgs/award.png) no-repeat center left / contain;

}

.award p {

	padding-left: 8em;

}

@media (max-width: 800px) {

	.award {

		margin: 30px 0;

		padding: 3em;

		box-sizing: border-box;

		color: #fff;

		background: #49494b url(../imgs/award2.png) no-repeat top center / contain;

	}

	.award p {

		padding-left: 0;

		padding-top: 5em;

	}

}



/* Blog */



.home .excerpt, .home .info {

	display: none;

}

.home .blog-list li .image {

	display: none;

}

.blog .featured-images img {

	max-width: 100%;

	height: auto;

}

.blogpage .mainbodycopy .flex div:first-child {

	flex: 1 0 25%;

}

.extract .info a {

	color: inherit;

}

.blogpage .mainbodycopy .flex div:last-child {

	flex: 1 0 75%;

	padding-left: 2em;

	box-sizing: border-box;

}

@media (max-width: 800px) {

	.blogpage .mainbodycopy .flex div:first-child, .blogpage .mainbodycopy .flex div:last-child {

		flex: 1 0 100%;

		padding: 0;

	}

}

.blogpage p:first-child, .blogpage h1:first-child, .blogpage h2:first-child {

	margin-top: 0;

}

.blog .items .pic {

	width: 30%;

	background: #666;

	float: left;

}

.blog .items .pic img {

	display: block;

	width: 100%;

}

.blog .items a {

	color: #666;

}

.blog .items .info a:hover {

	text-decoration: underline;

}

.blog .items li:first-child {

	margin-top: 0;

}

.blog .items li div {

	flex: 1 1 25%;

	box-sizing: border-box;

	color: #666;

}

.blog .items li div:nth-child(1) {

	flex: 1 1 25%;

}

.blog .items li div:nth-child(2) {

	flex: 1 1 75%;

	padding-left: 3em;

}

.blog .items li h3 {

	margin-top: 0;

}

.blog .info {

	font-size: 0.8em;

}

.post-list li {

	padding-bottom: 3em;

	margin-bottom: 3em;

	border-bottom: solid 1px #999;

}

aside ul.popular li {

	margin-bottom: 20px;

	border-bottom: 1px solid #C1C1BD;

	padding-bottom: 20px;

}

.blog aside h3 {

	font-family: "Open Sans", Arial, sans-serif;

	line-height: 1.5;

	color: inherit;

	text-transform: none;

	margin: 2em 0 1em;

}

.blog aside h3:first-child {

	margin-top: 0;

}

.blog aside .category-list a {

	display: inline-block;

	margin: 0 .625em .625em 0;

	background: #339900;

	color: #fff;

	padding: .25em .5em;

	border-radius: .25em;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.blog h3:first-child {

	margin-top: 0;

}

.post ul li {

	list-style-type: disc;

}

@media (max-width: 800px) {

	.blog .items li div:nth-child(1) {

		display: none;

	}

	.blog .items li div, .bloglist .items li div:nth-child(1), .bloglist .items li div:nth-child(2) {

		flex: 1 1 100%;

		padding-left: 0;

	}

	.blog .items li div:nth-child(2) {

		padding-left: 0;

	}

}



/*Blog latest news links */



.latestnews ul {

	width: 100%;

	overflow: hidden;

}

.latestnews ul {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row wrap;

	justify-content: space-between;

}

.latestnews ul li {

	flex: 1 1 25%;

}

.latestnews ul * {

	-webkit-transition: all 0.6s ease;

	-o-transition: all 0.6s ease;

	transition: all 0.6s ease;

}

.latestnews ul li {

	color: #fff;

	background: #000;

	/*fallback*/

	background: rgba(0, 0, 0, 0.5);

	padding: 40px;

	margin: 5px;

	cursor: pointer;

	box-sizing: border-box;

	position: relative;

	overflow: auto;

}

.latestnews ul li {

	border-left: 3px solid #0099cc;

}



.latestnews ul li:hover {

	border-color: #fff;

	background: #0099cc;

	/*fallback*/

	background: rgba(0, 153, 204, 0.8);

	cursor: pointer;

}

.latestnews ul li h3 {

	text-transform: none;

	font-size: 1em;

	margin: 0;

}

.latestnews ul li a {

	color: #fff!important;

	display: block;

}

.latestnews .morelink {

	font-size: 0.7em;

	float: right;

}

@media (max-width: 800px) {

	.latestnews ul li {

		flex: 1 1 100%;

		margin: 10px 0 10px 0;

		padding: 0 10px;

	}

}

.pagination { 

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-flow: row wrap;

	justify-content: space-between;

	align-content: space-around;

}



.pagination li {

	text-align:center;

	flex: 1 auto;

	display: inline-block;

	border: 1px solid #e6e6e6;

	border-radius: 0.25em;

	margin-bottom: 0.6em;

	color:#339900;

}

.pagination li.prev {flex: 1 1 25%; text-align:left;  -webkit-align-self: flex-start; align-self: flex-start;}



.pagination li.space {flex: 1 1 25%; border:none;}

.pagination li.next {flex: 1 1 25%; text-align:right; -webkit-justify-content: flex-end;

   align-self: flex-end;}



.pagination li a:hover {/*background: #64a281;*/ background:#339900; color:#fff;}



.pagination .active a {

	background-color:#063 ;

	color: #ffffff;

}

.pagination li a {

	color:inherit;

	padding: .8em 1em;

	display: block;

}



@media (max-width: 800px) {.pagination li.space {display:none;}}







.fullscreen header {

	background: transparent;

	border: none;

	margin-bottom: -120px;

	color: #fff;

}

.fullscreen main .contain {

	padding-right: 40%;

	box-sizing: border-box;

	color: #fff;

}

table {

	border-collapse: collapse;

	width: 100%;

	overflow-x: auto;

}

th {

	height: 50px;

	text-align: left;

	background-color: #4CAF50;

	color: white;

}

td {

	height: 50px;

	vertical-align: top;

}

th, td {

	padding: 15px;

	text-align: left;

	border-bottom: 1px solid #ddd;

}

tr:hover {

	background-color: #f5f5f5

}

em {

	color: #069;

	font-size: 1.3;

}

.at-icon-wrapper, .addthis_button_compact svg, .at-icon, .at-icon-addthis {

	width: 34px!important;

	height: 34px!important;

}

.addthis_inline_share_toolbox {

	padding-left: 0!important;

}



.smallprint {

	font-size: 11px;

}

.copyright {

	font-size: 11px;

	display: block;

	color: #666;

	padding: 10em 0 0;

	clear: both;

	margin: 0;

	text-align: center;

}

footer .contain {

	padding-bottom: 5px;

}

.iconlink {

	padding: 0.3em;

	display: block;

	background-color: #ccc;

}

.iconlink img, .iconlink b {

	display: inline;

	vertical-align: middle;

	font-weight: normal;

}

.iconlink b {

	padding-left: 0.3em;

}









.async-hide { opacity: 0 !important} 



.imggrid {}

.imggrid li {border:solid 1px #ccc; margin: 1px; padding: 2px; background: #fff; text-align:center;}

.imggrid img {display: inline;}





.campaign main, .insight main {background: rgba(30, 30, 30, 1); }



.campaign .panel, .insight .panel {color:#ccc;}



.insight aside .addthis {float:right;}

.insight .panel {background:transparent; padding: 3em 0; border-bottom:1px solid #999; margin:0;}

.insight article div .panel:first-child{padding-top: 0}

.insight article div .panel:last-child{border:0;}



.insight .panel a, .insight .panel a {display:inline-block;

padding: 15px 30px;

	margin: 1em 1em 0 0;

	overflow: auto;

	text-transform: uppercase;

	font-weight: 700;

	box-sizing: border-box;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	color: #fff;

	background: #339900;

	cursor: pointer;}





.campaign main article, .insight main article {

	min-width: 50%;

    padding-right: 10px;

    flex: 1 0 50%;color:#ccc;

}



.campaign main aside, .insight main aside {

    flex: 0 1 40%;

	max-width: 40%;

}







/*.new .topbar {display:none;}*/

@media (max-width: 800px) {

	

	.insight main aside {

    flex: 0 1 100%;

    max-width: 100%;

}



.campaign main aside, .insight main aside {

    flex: 1 1 100%;

	max-width: 100%;

}



}







.mobiletest {display:block;}



@media (max-width: 800px) {

	.mobiletest {display:none;}

}