/*

Custom Theme CSS
================

Author: Mariska Thomas
Updated: January 2016
Notes: Customise Bootstrap CSS to personalise theme

*/



/*	----------------------------------------------
	layout
	------------------------------------------- */
	body {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0em;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #242930;
		background: #242930;
	}
	
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-right: 0;
		padding-left: 0;
	}
	
	.logo-size {
		width: 99.5%;
		transition: ease-in-out;
	}
	.site-logo {
		display: block;
		background-color: #fff;
		text-align: center;
		padding: 20px 15px;
		transition: ease-in-out;
	}
	
	.diagnostic-border {
		border: solid 2px #ff0000;
	}/*use this as diagnostic to see borders of divs etc*/
	
	.hash-anchor-padding {
		display: inline-block;
		height: 0;
		margin-top: -0;
		visibility: hidden;
	}
	
	/*style to extend short pages to the bottom of the browser*/
	.page-full-height {
		height: 100vh;
		flex-direction: column;
		justify-content: flex-start;
		text-align: center;
	}
	.page-full-height:before {
		flex-grow: 1;
	}
	.page-full-height:after {
		flex-grow: 10;
	}
	
	.hr-spacer {
		margin-top: 5px;
		margin-bottom: 5px;
		border: 0;
		border-top: 1px solid transparent;
	}
	
	.hr-dotted {
		margin-top: 15px;
		margin-bottom: 15px;
		border: 0;
		border-top: 1px dotted #cecfd1;
	}
	
	.hr-dashed {
		margin-top: 15px;
		margin-bottom: 15px;
		border: 0;
		border-top: 1px dashed #cecfd1;
	}
	
	.hr-filemenu {
		margin-top: 15px;
		margin-bottom: 15px;
		border: 0;
		border-top: 2px solid #f0f0f0;
	}
	
	.hr-low-margin-margin {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}

	/* shortened hr lines */
	.hr-short {
		width: 20%;
		margin: 1em auto;
	}

	@media (min-width: 320px) and (max-width: 767px) {
		.hr-short {
			width: 20%;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.hr-short {
			width: 25%;
		}
	}
	/* end short lines */

	/* hr colors */
	.hr-charcoal {
		border-color: #303d51;
	}
	.hr-green {
		border-color: #84af40;
	}
	.hr-burgundy {
		border-color: #bf122a;
	}
	.hr-orange {
		border-color: #e67d20;
	}
	.hr-purple {
		border-color: #8653a2;
	}
	.hr-aqua {
		border-color: #1998bf;
	}
	.hr-yellow {
		border-color: #e7bc10;
	}
	/* end hr colors */
	
	.margin-right-40 {
		margin-right: 40px;
	}
	
	.margin-bottom-10 {
		margin-bottom: 10px;
	}
	
	.margin-bottom-20 {
		margin-bottom: 20px;
	}
	
	.margin-bottom-30 {
		margin-bottom: 30px;
	}
	
	.margin-bottom-1em {
		margin-bottom: 1em;
	}
	
	.margin-bottom-2em {
		margin-bottom: 2em;
	}
	
	.margin-bottom-none {
		margin-bottom: 0 !important;
	}

	/*negative margins on home page for edge-to-edge background colours*/
	.row-bg-full-width-stretched {
		margin-left: -50px !important;
		margin-right: -50px !important;
		padding-left: 50px;
		padding-right: 50px;
		background-color: rgba(237, 238, 232, 0.7);
	}
	
	.padding-content {
		padding: 15px 50px;
	}

	.padding-p-text {
		padding: 20px;
	}
	
	.padding-top-1em {
		padding-top: 1em;
	}
	
	.padding-top-2em {
		padding-top: 2em;
	}
	
	.padding-bottom-1em {
		padding-bottom: 1em;
	}
	
	.padding-bottom-2em {
		padding-bottom: 2em;
	}
	
	.padding-top-10 {
		padding-top: 10px;
	}
	
	.padding-top-20 {
		padding-top: 20px;
	}
	
	.padding-top-30 {
		padding-top: 30px;
	}
	
	.padding-bottom-5 {
		padding-bottom: 5px;
	}
	
	.padding-bottom-10 {
		padding-bottom: 10px;
	}
	
	.padding-bottom-20 {
		padding-bottom: 20px;
	}
	
	.padding-right-50 {
		padding-right: 50px;
	}
	
	.padding-right-30 {
		padding-right: 30px;
	}
	
	.padding-right-20 {
		padding-right: 20px;
	}
	
	.padding-right-10 {
		padding-right: 10px;
	}
	
	.padding-left-30 {
		padding-left: 30px;
	}
	
	.padding-left-20 {
		padding-left: 20px;
	}
	
	.padding-left-10 {
		padding-left: 10px;
	}
	
	.padding-sm-left-10 {
		padding-left: 10px;
	}
	.padding-sm-right-10 {
		padding-right: 10px;
	}
	
	.padding-sm-left-1em {
		padding-left: 1em;
	}
	.padding-sm-right-1em {
		padding-right: 1em;
	}
	
	.padding-sm-left-2em {
		padding-left: 2em;
	}
	.padding-sm-right-2em {
		padding-right: 2em;
	}
	
	.vertical-bottom {
		vertical-align: bottom;
	}
	
	.vertical-top {
		vertical-align: top;
	}
	
	.shadow {
		-moz-box-shadow:    3px 0px 7px rgba(0,0,0,0.50);
		-webkit-box-shadow: 3px 0px 7px rgba(0,0,0,0.50);
		box-shadow:         3px 0px 7px rgba(0,0,0,0.50);
		z-index: 1000;
	}
	
	.bg-white {
		background-color: #fff;
	}
	
	.bg-charcoal {
		background-color: #303d51;
	}
	
	.bg-light-grey {
		background-color: #cdd0d6;
	}
	
	.bg-very-light-grey {
		background-color: #f8f8f8;
	}
	
	.bg-beige-grey {
		background-color: #e4e3e0;
	}
	
	.bg-beige {
		background-color: #a0946e;
	}
	
	.bg-rust-brown {
		background-color: #aa6b32;
	}
	
	.bg-green {
		background-color: #7abd38;
	}
	
	.bg-light-green {
		background-color: #b0d361;
	}
	
	.bg-red {
		background-color: #e32428;
	}
	
	.bg-aqua {
		background-color: #1998bf;
	}
	
	.bg-orange {
		background-color: #e67d20;
	}
	
	.bg-light-orange {
		background-color: #fbb157;
	}
	
	.bg-olive {
		background-color: #c8e291;
	}
	
	.bg-yellow {
		background-color: #ffff00;
	}
	
	.bg-light-yellow {
		background-color: #ffe73f;
	}

	.bg-purple {
		background-color: #8653a2;
	}

	/*background colours for risk gradient (orange to green) data table*/

	.bg-level-01 {
		background-color: #fbb040;
	}
	.bg-level-02 {
		background-color: #edb33f;
	}
	.bg-level-03 {
		background-color: #e1b73e;
	}
	.bg-level-04 {
		background-color: #d5bb3e;
	}
	.bg-level-05 {
		background-color: #c8bd3d;
	}
	.bg-level-06 {
		background-color: #bbc03d;
	}
	.bg-level-07 {
		background-color: #acc23d;
	}
	.bg-level-08 {
		background-color: #9ec33e;
	}
	.bg-level-09 {
		background-color: #8dc63f;
	}
	
	.back-to-top {
		background: none;
		margin: 0;
		position: fixed;
		bottom: 7%;
		right: 2%;
		width: auto;
		height: 70px;
		z-index: 100;
		display: inline;
		text-decoration: none;
		color: rgba(91,100,112,0.60);
		border: none;
	}
	.back-to-top i {
		font-size: 5em;
		border: none;
		text-decoration: none;
	}
	
	/*panels - default and info*/
	.panel {
		background-color: #fff;
		border: solid 4px #e0e4e4;
		border-radius: 0px;
		margin-bottom: 2em;
	}
	.panel-body {
		padding: 10px 20px;
	}
	.panel-body a {
		border: none;
	}
	.panel-heading {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	.panel-default {
		border-color: #e0e4e4;
	}
	.panel-default > .panel-heading {
		color: #363c44;
		background-color: #e0e4e4;
		border-color: transparent;
	}
	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: transparent;
	}
	
	.panel-info {
		border-color: #ddd8c7;
	}
	.panel-info > .panel-heading {
		color: #303d51;
		background-color: #ddd8c7;
		border-color: #ddd8c7;
	}
	.panel-info > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #ddd8c7;
	}
	.panel-info > .panel-footer + .panel-collapse > .panel-body {
		border-bottom-color: #ddd8c7;
	}
	/*end default panel*/


	.card {
		display: block;
		width: 100%;
		text-align: center;
		text-decoration: none !important;
		margin: 0.5em 0 0 0;
		border: solid 3px #fff;
		background-color: rgba(221, 220, 216, 0.8);
	}
	.card:hover,
	.card:focus {
		background-color: rgba(237, 238, 232, 0.9);
		border-bottom: solid 3px #fff !important;
	}

	.card-body {
		display: block;
		width: 100%;
		min-height: 300px;
		margin: 0;
		padding: 0;
	}

	.card-top {
		display: block;
		height: 50px;
		background-color: #303d51;
	}
	.card-top::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900; /* Font Awesome 5 Free needs font-weight to display */
		content: "\f107";
		font-size: 2.3em;
		color: #f8ae55;
		display: inline-block;
		width: 50px;
		height: 50px;
		padding-top: 2px;
		margin-top: 25px;
		background-color: #fff;
		border: none;
		border-radius: 100px;
		box-shadow: 0px 0px 5px rgba(48, 61, 81, 0.2);
	}

	.card-title {
		font-size: 1.4em;
		letter-spacing: 0.01em;
		color: #8653a2;
		padding: 0.5em;
		margin-top: 25px;
	}

	.card-text {
		color: rgba(51, 56, 71, 0.7);
		text-align: center;
		padding: 0 1em;
	}

	.card-date {
		font-size: 0.85em;
		color: rgba(51, 56, 71, 0.4);
		text-align: center;
		text-transform: uppercase;
		padding: 0;
		margin: 5px 0 -7px 0;
	}

	.card-action { /* empty div to draw footer block */
		display: inline-block;
		width: 24%;
		height: 6px;
		text-align: center;
		background-color: #8653a2;
		margin-bottom: -5px;
	}

	@media (min-width: 320px) and (max-width: 767px) {
	
		.card-body {
			min-height: auto;
		}
	}

	/* hide content on large screen but show on mobiles */
	.not-on-screens {
		display: none;
	}

	@media (min-width: 320px) and (max-width: 767px) {
		.not-on-screens {
			display: block;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.not-on-screens {
		display: none;
		}
	}
	
	
	/*wells*/
	.well {
		min-height: 20px;
		padding: 1.5em 1.5em 0.5em 1.5em;
		margin-bottom: 1.5em;
		background-color: transparent;
		border: solid 4px #e0e4e4;
		border-radius: 0px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	}
	/* !!! important !!! gutters are removed on 480px mobile screens*/
	/*end wells*/
	
	.graph {
		width: 85%;
	}
	
	
	.cec-notes-border {
		border-left: solid 4px #e8e9e6;
	}

	@media (min-width: 320px) and (max-width: 767px) {
		.cec-notes-border {
			border-left:none;
		}
	}
	
	.cec-notes {
		-webkit-columns: 2 300px;
		-moz-columns: 2 300px;
		columns: 2 300px;
		-webkit-column-gap: 5em;
		-moz-column-gap: 5em;
		column-gap: 5em;
		-webkit-column-rule: solid 4px #e0e4e4;
		-moz-column-rule: solid 4px #e0e4e4;
		column-rule: solid 4px #e0e4e4;
		margin: 2em 0;
	}
	.cec-notes-child {
		padding-top: 0;
		display: table;
		border: solid 1px transparent;
		-webkit-column-break-inside: avoid;
        page-break-inside: avoid;
		break-inside: avoid;
	}
	
	.border-block {
		border: solid 18px transparent;
		outline: solid 3px #e8e9e6;
		outline-offset: -5px;
	}
	
	ol.border-block {
		margin-left: -1em;
		margin-bottom: 2.5em;
		border-left: 1em;
		border-top: 0;
		border-right: 0.5em;
		border-bottom: 0.17em;
		border-style: solid;
		border-color: transparent;
		outline: solid 3px #e8e9e6;
		outline-offset: 5px;
	}
	
/*	----------------------------------------------
	typography
	------------------------------------------- */
	
	.glyphicon {
		margin-right: 0.25em;
	}

	.fa,
	.fas {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900 !important;
		margin-right: 0.2em;
	}
	.far,
	.fab {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 400 !important;
		margin-right: 0.2em;
	}
	
	h1, h2, h3, h4, h5 {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		letter-spacing: 0em;
	}
	
	h1 {
		font-size: 1.6em;
		margin: 0.2em 0 0.7em 0;
		color: #465368;
	}
	
	h2 {
		font-size: 1.45em;
		margin: 0.2em 0 0.4em 0;
		color: #465368;
		text-align: left !important;
	}
	
	h3 {
		font-size: 1.3em;
		margin: 0.3em 0 0.5em 0;
		color: #465368;
	}
	
	h4 {
		font-size: 1.2em;
		line-height: 1.1em;
		margin: 0.5em 0 0.5em 0;
		color: #465368;
	}
	
	h5 {
		font-size: 1.05em;
		line-height: 1.1em;
		margin: 0.5em 0 0.5em 0;
		color: #465368;
		vertical-align: text-top;
	}
	
	small {
		font-size: 90%;
		font-weight: inherit !important;
		color: inherit !important;
		letter-spacing: 0.02em;
	}

	figure {
		margin: 1em auto;
	}

	figcaption {
		font-size: 1.3em;
		font-weight: 300;
		line-height: 110%;
		padding-top: 0.3em;
		padding-bottom: 0.5em;
		color: #465368;
		text-align: left;
		letter-spacing: 0em;
	}

	p {
		text-align: justify;
	}

	@media (min-width: 320px) and (max-width: 639px) {
		
		p {
			text-align: left;
		}
	}
	
	b {
		font-weight: 700;
	}
	
	i {
		font-style: italic;
		font-weight: inherit !important;
	}

	cite {
		font-size: 1.08em;
		font-weight: 400;
		font-style: italic;
		letter-spacing: 0em;
		color: #465368;
		line-height: 1.15;
	}
	
	a {
		color: #546074;
		text-decoration: none;
		font-weight: inherit;
		border-bottom: dotted 1px rgba(48,61,81,0.30);
	}
	a:hover,
	a:focus {
		color: #1998bf;
		text-decoration: none;
	}
	a:focus {
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	.lnk-price-averages {
		font-size: 0.85em;
		letter-spacing: 0.01em;
		display: inline-block;
		background-color: #f0efef;
		padding: 5px 10px;
		border: none;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.author {
		position: relative;
		line-height: 1.1;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		color: rgba(36, 41, 48, 0.70);
		min-height: 50px;
		margin-left: 52px;
		margin-bottom: 2em;
		padding: 10px;
		background-color: rgba(224, 228, 228, 0.25);
		border-bottom-left-radius: 20px;
	}
	.author::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900; /* Font Awesome 5 Free needs font-weight to display */
		content: "\f305";
		font-size: 1.5em;
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
		display: inline-block;
		position: absolute;
		width: 50px;
		min-height: 50px;
		top: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		padding-top: 15px;
		margin-left: -52px;
		color:  #fff;
		background-color: rgba(224, 228, 228, 1.0);
		border-top-left-radius: 25px;
		border-bottom-right-radius: 25px;
	}

	@media (min-width: 768px) {

		ol li .author {
			text-indent: 0;
		}
	}

	@media (min-width: 320px) and (max-width: 767px) {

		.author {
			text-indent: 0;
		}
	}


	.download-docs {
		position: relative;
		line-height: 1.3;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		margin-left: 52px;
		margin-bottom: 5px;
		margin-top: 0;
		padding: 12px 10px 10px 10px;
		background-color: rgba(61, 53, 50, 0.05);
	}
	.download-docs::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900; /* Font Awesome 5 Free needs font-weight to display */
		content: "\f063";
		font-size: 1.4em;
		display: inline-block;
		position: absolute;
		width: 50px;
		top: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		padding-top: 10px;
		margin-left: -52px;
		color: rgba(61, 53, 50, 0.70);
		background-color: rgba(61, 53, 50, 0.20);
	}


	/* important website notices */
	.important-note {
		position: relative;
		line-height: 1.1;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		margin-left: 42px;
		margin-bottom: 5px;
		margin-top: 0;
		padding: 12px 10px 10px 10px;
		color: #a91e22;
		background-color: #f4f4f2;
	}
	.important-note::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900; /* Font Awesome 5 Free needs font-weight to display */
		content: "\f12a";
		font-size: 2em;
		display: inline-block;
		position: absolute;
		width: 40px;
		top: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		padding-top: 10px;
		margin-left: -42px;
		color: #a91e22;
		background-color: #e4e3e0;
	}

	.text-line-height-double {
		line-height: 2;
	}

	/*never remove this css: it styles the AddThis icons*/
	.at-share-btn {
		border: 0 !important;
		padding: 0 !important;
		margin-bottom: 0 !important;
	}
	.at-share-btn:last-child {
		padding-bottom: 0 !important;
		margin-bottom: -3px !important;
	}
	/*end of AddThis custom css*/.text-right-mobile {
		text-align: right;
	}
	@media (max-width: 767px) {
		.text-right-mobile {
			text-align: left;
		}
	}
	
	.text-warning {
		color: #d58512;
	}
	
	.text-error {
		color: #ff0000;
	}
	
	.text-muted {
		/*color: #8e99a0;*/
		opacity: 0.5;
	}
	
	.text-inline {
		display: inline;
		vertical-align: baseline;
	}

	.text-quote {
		display: block;
		height: 50px;
		line-height: 1;
		font-size: 40px;
		padding: 10px 0;
		margin: 0;
	}
	
	.text-large {
		font-size: 1.95em;
		font-weight: 300 !important;
		line-height: 1;
	}
	
	.text-medium {
		font-size: 1.5em;
		font-weight: 300 !important;
		line-height: 1.1;
	}
	
	.text-indent {
		padding-left: 1em;
		text-indent: -1em;
	}
	
	.text-min-margin {
		line-height: 120%;
		margin: 0 0 0.25em 0;
	}
	
	.no-margin-top {
		margin-top: 0 !important;
	}
	.no-margin-bottom {
		margin-bottom: 0 !important;
	}
	
	.text-columns {
		-webkit-columns: 2 auto;
		-moz-columns: 2 auto;
		columns: 2 auto;
		-webkit-column-gap: 4em;
		-moz-column-gap: 4em;
		column-gap: 4em;
		-webkit-column-rule: none;
		-moz-column-rule: none;
		column-rule: none;
		margin: 0;
	}
	
	.no-border-bottom {/*for a hrefs*/
		border-bottom: none;
	}
	
	.lead {
		font-size: 1.15em;
		font-weight: 400;
	}
	
	.color-white {
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.30);
	}
	
	.color-beige {
		color: #a0946e;
	}
	
	.color-aqua {
		color: #1998bf;
	}
	
	.color-rust-brown {
		color: #aa6b32;
	}

	.text-burgundy {
		color: #bf122a;
	}

	.text-green {
		color: #84af40;
	}

	.text-light-grey {
		color: #cdd0d6;
	}

	.text-purple {
		color: #8653a2;
	}

	.text-yellow {
		color: #e7bc10;

	}
	
	.label-primary {
		background-color: #a0946e;
	}
	
	.text-inline {
		display: inline;
	}
	
	.gallery-folder-link {
		color: #465368;
		margin-right: 10px;
	}
	.gallery-folder-selected {
		display: inline-block;
		color: #a0946e;
		padding: 2px 5px;
		margin-right: 10px;
		border: solid 1px;
		border-radius: 2px;
	}
	
	.ruled-text {
		display: flex;
		flex-direction: row;
		justify-content: center;
		text-align: center;
		color: #a7b0b0;
	}
	.ruled-text:before,
	.ruled-text:after {
		background-color: #e8e9e6;
		content: '\a0';
		height: 2px;
		position: relative;
		top: 0.95em;
	}
	.ruled-text:before {
		flex-grow: 1;
		margin-right: 7px;
	}
	.ruled-text:after {
		flex-grow: 20;
		margin-left: 7px;
	}
	
	/*
	adapt left margin for ruled text inside ol li's
	*/
	ol > li > .ruled-text:before {
		flex-grow: 1;
		margin-right: 1.5em;
	}
	
	.ruled-text-right {
		display: flex;
		flex-direction: row;
		justify-content: center;
		text-align: center;
		color: #a7b0b0;
	}
	.ruled-text-right:before,
	.ruled-text-right:after {
		background-color: #e8e9e6;
		content: '\a0';
		height: 2px;
		position: relative;
		top: 0.95em;
	}
	.ruled-text-right:before {
		flex-grow: 20;
		margin-right: 7px;
	}
	.ruled-text-right:after {
		flex-grow: 1;
		margin-left: 7px;
	}
	
	mark {
		color: #fff;
		background: rgba(36,41,48,0.60);
		padding: 3px 8px 5px 8px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	}
	
	.rdb-mark {
		font: inherit;
		text-align: inherit;
		text-decoration: none;
		font-weight: inherit;
		margin: 0;
		padding: 0 0.2em;
		color: #242930;
		border-bottom: none;
		background-color: rgba(255,229,0,0.70);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-animation: highlight 0.5s 1;
		animation: highlight 0.5s 1;
		-webkit-animation-delay: 1s; /* Safari and Chrome */
		animation-delay: 5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	
	blockquote {
		padding: 5px 0 4px 20px;
		margin: 0 0 20px;
		font-size: 1em;
		font-style: italic;
		border-left: 4px solid #303d51;
	}
	
	blockquote footer {
		background-color: transparent;
		font-size: 0.87em;
		font-style: normal;
		padding: 0;
	}
	
	blockquote footer a {
		background-color: transparent;
		font-style: normal;
	}
	blockquote footer a:hover {
		color: #1998bf;
	}
	
	span.drop-caps {
		float: left;
		padding-right: inherit;
		margin-bottom: 2em;
	}
	
	/*controlling line-height of <sup> and <sub>*/
	sup {
		vertical-align: -0.05em;
		font-size: smaller;
		line-height: 10%;
		padding: 0 2px 0 2px;
	}
	
	sub {
		vertical-align: -0.1em;
		font-size: 0.65em;
		line-height: 30%;
		padding: 0 0.2em 0 0.2em;
	}
	
	ul.custom-ul-li {
		list-style: outside;
		margin-left: -1.4em;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
	}
	ul.custom-ul-li > li {
		list-style-type: square;
		text-indent: 0em;
		text-align: justify;
		padding-left: 0.25em;
		margin-bottom: 0.35em;
	}
	ul ul.custom-ul-li > li {
		list-style-type: none;
		text-indent: -1.35em;
	}
	ul ul.custom-ul-li > li::before {
		content: "– ";
		padding-right: 0.5em;
	}

	@media (min-width: 320px) and (max-width: 639px) {
		
		ul.custom-ul-li > li {
			text-align: left;
		}
		
		ol.border-block > li {
			text-align: left;
		}
	}
	
	/*
	style for lower-latin list-style-type unordered lists
	*/
	ul.latin {
		list-style: outside;
		margin-left: -1.7em;
		margin-top: 0.5em;
		margin-bottom: 1.2em;
	}
	ul.latin > li {
		list-style-type: lower-latin;
		text-indent: 0em;
		padding-left: 0.5em;
		margin-bottom: 0.35em;
	}
	
	/*
	style for lower-roman list-style-type unordered lists
	*/
	ul.roman {
		list-style: outside;
		margin-left: -1.3em;
		margin-top: 0.5em;
		margin-bottom: 1.2em;
	}
	ul.roman > li {
		list-style-type: lower-roman;
		text-indent: 0em;
		padding-left: 0.5em;
		margin-bottom: 0.35em;
	}

	/* style for news-snippets list-style-type unordered lists --------------------------*/
	.news-snippets {
		display: block;
		min-height: 37px;
		position: relative;
		font-size: 0.9em;
		line-height: 1;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		color: rgba(36, 41, 48, 0.7);
		margin-left: 37px;
		margin-bottom: 3px;
		padding: 12px 10px;
		background-color: rgba(221, 220, 216, 0.4);
		border: none;
	}
	.news-snippets::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900; /* Font Awesome 5 Free needs font-weight to display */
		content: "\f105";
		font-size: 1.7em;
		color:  #afd36a;
		display: inline-block;
		position: absolute;
		width: 34px;
		/*min-height: 37px;*/
		top: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		padding-top: 7px;
		padding-left: 4px;
		margin-left: -37px;
		background-color: rgba(221, 220, 216, 0.8);
	}
	.news-snippets:hover {
		background-color: rgba(221, 220, 216, 0.9);
		color:  rgba(36, 41, 48, 1.0) !important;
	}
	.news-snippets:hover::before {
		color:  #f8ae55;
		background-color: rgba(221, 220, 216, 1.0);
	}
	/*.news-snippets {
		list-style: none;
		position: relative;
		line-height: 1.1;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		color:  rgba(36, 41, 48, 0.7);
		margin-left: -3px;
		margin-bottom: 0.25em;
		padding: 10px;
		background-color: rgba(221, 220, 216, 0.4);
	}
	.news-snippets::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;  Font Awesome 5 Free needs font-weight to display 
		content: "\f054";
		font-size: 1.4em;
		color:  #afd36a;
		display: inline-block;
		position: absolute;
		width: 34px;
		min-height: 36px;
		top: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		padding-top: 7px;
		padding-left: 4px;
		margin-left: -38px;
		background-color: rgba(221, 220, 216, 0.7);
	}
	.news-snippets:hover {
		background-color: rgba(221, 220, 216, 0.9);
		color:  rgba(36, 41, 48, 1.0) !important;
	}
	.news-snippets a {
		border: none;
		color:  rgba(36, 41, 48, 0.7);
	}
	.news-snippets a:hover {
		color:  rgba(36, 41, 48, 1.0);
	}*/
	
	/*
	style for panel indexes: to get indentation but not the symbols or numbering
	*/
	ul.text-indents {
		list-style-position: outside;
		margin-left: -2.65em;
		margin-top: 0.5em;
		margin-bottom: 0.7em;
	}
	ul.text-indents > li {
		list-style-type: none;
		text-indent: -1.8em;
		padding-left: 1.8em;
		margin-bottom: 0.15em;
	}

	li.no-list-style  {
		list-style-type: none;
	}

	li.no-list-style::before  {
		content: "";
	}
	
	/*
	style for nested ordered lists
	*/
	ol li > p {
		text-indent: 0.02em;
		margin: 0.5em 0 1.2em 0;
	}
	
	ol li > h3, h4, h5 {
		text-indent: 0em;
	}
	
	ol {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-bottom: 1.5em;
		padding: 0;
		list-style: none;
		counter-reset: item;
	}
	ol > li {
		margin-left: 2.2em; /*lines text up on the left within block container above*/
		text-indent: -0.195em; /*move first line of numbered text left: 1.{  }Content*/
		text-align: justify;
		margin-bottom: 0.5em;
	}
	ol > li::before {
		display: inline-block; /*make space after long digits (10.+) even and ..*/
		width: 1.9em; /*.. set fixed width*/ 
		margin-left: -1.8em; /*necessary to preserve spacing of text rows below first line*/
		padding-right: 1.55em; /*spacing after 1.: 1.{  }Content*/
		text-align: left;
		content: counters(item, ".") ".";
		counter-increment: item;
	}
	
	ol ol {
		width: auto;
		margin-left: 0;
		margin-bottom: 1.2em;
		padding: 0.5em 0 0 0;
	}
	ol ol > li {
		text-align: justify;
		margin-left: 2.7em;
		text-indent: -1.35em;
		/*keep li item content together when using text columns*/
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
	ol ol > li::before {
		display: inline-block;
		width: 1.3em;
		margin: 0;
		padding: 0;
		content: counters(item, ".") " ";
	}
	ol ol ol > li {
		text-align: justify;
		margin-left: 3.5em;
		text-indent: -1.8em;
	}
	ol ol ol > li::before {
		display: inline-block;
		width: 1.8em;
		margin-left: 0;
	}
	ol ol ol ol > li {
		text-align: justify;
		margin-left: 3.5em;
		text-indent: -1.8em;
	}
	ol ol ol ol > li::before {
		display: inline-block;
		width: 1.8em;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	ol ol ol ol ol > li {
		text-align: justify;
		margin-left: 5em;
		text-indent: -2.55em;
	}
	ol ol ol ol ol > li::before {
		display: inline-block;
		width: 2.55em;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	/*
	end ordered style
	*/
	
/*	----------------------------------------------
	nav: main and footer and hash menus
	------------------------------------------- */
	.navbar {
		margin: 0 auto;
	}
	
	.navbar .navbar-nav {
		height: auto;
		display: inline-block;
		padding: 0;
	}
	
	.navbar-inverse {
		background-color: #303d51;
		border-color: #303d51;
		border-top-width: 0;
		border-bottom: solid 3px;
		border-left-width: 0;
		border-right-width: 0;
		border-radius: 0;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 0.9em;
		letter-spacing: 0.02em;
		margin: 0;
		padding: 18px 12px 5px 12px;
		border: none;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
		color: #fff;
		background-color: #465368;
		border-bottom: solid 4px #a0946e;
	}
	.navbar-inverse .navbar-nav > .active > a {
		color: #fff;
		background-color: #a0946e;
		border-bottom: solid 4px #a0946e;
	}
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		background-color: #465368;
	}
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: #465368;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	color: #fff;
		text-decoration: none;
		background-color: #cdd0d6;
		outline: 0;
	}
	
	.expanded {
	  display: block;
	  width: 100%;
	}
	
	/*
	side menu nav style
	*/
	.side-menu-column {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 0;
		background-color: #fff;
	}
	
	.side-menu-nav {
		display: block;
		padding: 4px 5px 5px 10px;
		margin: 0 -16px;
		border-left: solid 4px transparent;
		color: #fff;
		background-color: #303d51;
		font-size: 0.9em;
		font-weight: 300;
		letter-spacing: 0.03em;
		text-decoration: none;
	}
	.side-menu-nav:hover,
	.side-menu-nav:focus {
		color: #b1a88d;
		font-weight: 400;
		letter-spacing: 0.02em;
		background-color: #3e4d63;
		border-left: solid 4px #a0946e;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.50);
	}
	.side-menu-nav.active,
	.side-menu-nav.active:hover,
	.side-menu-nav.active:focus {
		font-size: 1.25em;
		font-weight: 300;
		letter-spacing: -0.015em;
		color: #8e99a0;
		background-color: #fff;
		border-left: none;
		border-top: solid 4px #b1a88d;
		text-shadow: none;
	}
	
	.side-menu-nav-child {
		display: block;
		width: auto;
		overflow: hidden;
		padding: 0.2em 0 0.4em 0.8em;
		margin: 0 -1.19em 0 -1.15em;
		background-color: #fff;
		color: #465368;
		font-size: 0.9em;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 130%;
		text-indent: -0.05em;
		text-decoration: none;
		border: none;
	}
	.side-menu-nav-child:hover,
	.side-menu-nav-child:focus {
		color: #a0946e;
	}
	.side-menu-nav-child.active,
	.side-menu-nav-child.active:hover,
	.side-menu-nav-child.active:focus {
		padding: 0.2em 0.5em 0.4em 1.4em;
		text-indent: -0.3em;
		color: #9e9063;
	}
	.side-menu-nav-child:first-child,
	.side-menu-nav-child.active:first-child {
		padding-top: 0.3em;
	}
	.side-menu-nav-child:last-child,
	.side-menu-nav-child.active:last-child {
		padding-bottom: 0.5em;
	}
	
	.side-menu-nav-2child {
		display: block;
		width: auto;
		padding: 0.2em 0 0.4em 1.5em;
		margin: 0 -1.19em 0 -1.15em;
		background-color: #fff;
		color: #465368;
		font-size: 0.9em;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 130%;
		text-indent: -0.05em;
		text-decoration: none;
		border: none;
	}
	.side-menu-nav-2child:hover,
	.side-menu-nav-child:focus {
		color: #a0946e;
	}
	.side-menu-nav-2child.active,
	.side-menu-nav-2child.active:hover,
	.side-menu-nav-2child.active:focus {
		padding: 0.2em 0 0.4em 2.1em;
		text-indent: -0.3em;
		color: #9e9063;
	}
	.side-menu-nav-2child:first-child,
	.side-menu-nav-2child.active:first-child,
	.side-menu-nav-2child.active:hover:first-child {
		padding-top: 0.3em;
	}
	.side-menu-nav-2child:last-child,
	.side-menu-nav-2child.active:last-child {
		padding-bottom: 0.5em;
	}
	
	.side-menu-nav-3child {
		display: block;
		width: auto;
		padding: 0.2em 0 0.4em 2.4em;
		margin: 0 -1.19em 0 -1.15em;
		background-color: #fff;
		color: #465368;
		font-size: 0.9em;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 130%;
		text-indent: -0.05em;
		text-decoration: none;
		border: none;
	}
	.side-menu-nav-3child:hover,
	.side-menu-nav-child:focus {
		color: #a0946e;
	}
	.side-menu-nav-3child.active,
	.side-menu-nav-3child.active:hover,
	.side-menu-nav-3child.active:focus {
		padding: 0.2em 0 0.4em 3em;
		text-indent: -0.3em;
		color: #9e9063;
	}
	.side-menu-nav-3child:first-child,
	.side-menu-nav-3child.active:first-child,
	.side-menu-nav-3child.active:hover:first-child {
		padding-top: 0.3em;
	}
	.side-menu-nav-3child:last-child,
	.side-menu-nav-3child.active:last-child {
		padding-bottom: 0.5em;
	}
	
	.side-menu-nav-4child {
		display: block;
		width: auto;
		padding: 0.2em 0 0.4em 3em;
		margin: 0 -1.19em 0 -1.15em;
		background-color: #fff;
		color: #465368;
		font-size: 0.9em;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 130%;
		text-indent: -0.05em;
		text-decoration: none;
		border: none;
	}
	.side-menu-nav-4child:hover,
	.side-menu-nav-child:focus {
		color: #a0946e;
	}
	.side-menu-nav-4child.active,
	.side-menu-nav-4child.active:hover,
	.side-menu-nav-4child.active:focus {
		padding: 0.2em 0 0.4em 3.65em;
		text-indent: -0.3em;
		color: #9e9063;
	}
	.side-menu-nav-4child:first-child,
	.side-menu-nav-4child.active:first-child,
	.side-menu-nav-4child.active:hover:first-child {
		padding-top: 0.3em;
	}
	.side-menu-nav-4child:last-child,
	.side-menu-nav-4child.active:last-child {
		padding-bottom: 0.5em;
	}
	/*
	end side menu nav style
	*/
	
	footer {
		background: #a0946e;
		color: #242930;
		font-size: 1.0em;
		padding: 20px;
	}
	
	footer h4 {
		color: #fff;
		font-size: 1.2em;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.30);
		margin: 0.3em 0 0.2em 0;
	}
	
	footer h6 {
		color: #665d42;
		font-size: 0.7em;
		letter-spacing: 0.05em;
		line-height: 150%;
	}
	
	footer a {
		color: #242930;
		font-size: 1.1em;
		line-height: 150%;
		border: none;
	}
	
	footer a:hover {
		color: #fff;
		text-decoration: none;
	}

	.cec-confidentiality {
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	
	.footer-link-active {
		color: #fff;
	}
	
	.footer-col-min-height {
		min-height: 140px;
	}
	
	.footer-padding-content {
		padding: 0 20px 5px 40px;
	}
	
	.hr-footer {
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-top: solid 3px rgba(102,93,66,0.30);
		background-color: transparent;
		margin: 10px 0 0 0;
	}
	
	.hash-menu {
		font-size: 0.85em;
		letter-spacing: 0.03em;
		color: rgba(29,41,53,0.70);
		text-decoration: none;
		margin-left: 10px;
	}
	.hash-menu:hover {
		color: rgba(29,41,53,1.00);
		border-bottom: solid 2px #b3b9bc;
		padding-bottom: 2px;
	}

	
/*	----------------------------------------------
	carousel
	------------------------------------------- */
	#sliderCarousel {
		width: 100%;
		background-color: transparent;
		border-bottom: none;
	}
	
	.carousel {
		margin: 0;
	}
	
	.carousel-caption {
		width: 72%;
		font-size: 1.4em;
		text-align: right;
		vertical-align: bottom;
		font-weight: 300;
		padding: 0;
	}
	
	.carousel-caption h4 {
		display: inline-block;
		font-size: 1.8em;
		color: #fff;
		letter-spacing: -0.02em;
		font-weight: 300;
		border-bottom: solid 4px #fff;
		padding-bottom: 4px;
		margin-bottom: 15px;
	}
	.carousel-control {
		top: 46%;
		width: 5%;
	}

	.carousel-control.left {
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 100%);
		background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0001)));
		background-image:         linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .0001) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
		z-index: 100;
	}
	.carousel-control.right {
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .0) 100%);
		background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .0)));
		background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
		z-index: 100;
	}

	@media (min-width: 320px) and (max-width: 991px) {
		.carousel-control.left {
			margin-left: 5px;
		}
	}
	.carousel-indicators {
		color: rgba(255,255,255,0.50);
		font-size: 0.8em;
		text-indent: 0;
		bottom: 5px;
		display: inline;
		width: auto;
		height: auto;
		margin-left: -2%;
		cursor: pointer;
		background-color: transparent;
		border: none;
		border-radius: 0px;
	}
	.carousel-indicators .active {
		color: rgba(255,255,255,1.00);
		margin: 0 2px 0 0;
		background-color: transparent;
		border: none;
		border-radius: 0px;
	}
	
	#sliderCarousel .glyphicon {
		font-size: 0.9em;
	}
	
	/*set the margin-height for the slider here and in @media (max-width: 480px)*/
	.slider-margin {
		margin-top: -4px;
	}

	/* Carousel Fading slide */
	.carousel-fade .carousel-inner { background: #fff; }
	.carousel-fade .carousel-control { z-index: 2; }  
	.carousel-fade .item {
	  opacity: 0;
	  -webkit-transition-property: opacity;
	  -moz-transition-property: opacity;
	  -o-transition-property: opacity;
	  transition-property: opacity;
	  }

	  .carousel-fade .next.left,
	  .carousel-fade .prev.right,
	  .carousel-fade .item.active { opacity: 1; }

	  .carousel-fade .active.left,
	  .carousel-fade .active.right {
		left: 0;
		opacity: 0;
		z-index: 1;
		}


	/* Safari Fix */
	@media all and (transform-3d), (-webkit-transform-3d) {
		.carousel-fade .carousel-inner > .item.next,
		.carousel-fade .carousel-inner > .item.active.right {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.prev,
		.carousel-fade .carousel-inner > .item.active.left {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
	}

	
/*	----------------------------------------------
	global styles
	------------------------------------------- */
	.border-left {
		border-left: dotted 1px rgba(102,93,66,0.30);
		padding-left: 2em;
	}
	
	.input-search {
		height: 30px;
		padding: 5px 10px;
		font-size: 0.9em;
		color: rgba(255,255,255,1.00);
		line-height: 100%;
		border: none;
		border-radius: 0;
		background-color: #aa6b32;
	}
	.navbar-form-search {
		padding: 7px 15px 8px 15px;
		margin-top: 1px;
		margin-right: -15px;
		margin-bottom: 0;
		margin-left: -15px;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		-webkit-box-shadow: none;
			  box-shadow: none;
	}
	
	fieldset {
		padding: 0.0em 1.0em .05em;
		margin: 0 0 10px 0;
		border: 3px solid #e8e9e6;
	}
	legend {
		font-size: 1.25em;
		font-weight: 300;
		color: #303d51;
		margin-bottom: 0.7em;
		width: auto;
		padding: 0 0.5em;
		border: 0;
	}
	
	label {
		color: #242930;
		font-weight: 400;
	}
	
	img.page-image {
		max-width: 100%;
		margin: 1em 0;
		text-decoration: none !important;
	}
	
	.page-image-small {
		width: 45%;
	}

	.pa-graph {
		width: auto;
	}

	@media (min-width: 320px) and (max-width: 767px) {
		.pa-graph {
			width: 100%;
		}
	}
	
	.btn-default {
		font-size: 1em;
		color: #9b9173;
		background-color: transparent;
		margin-top: 0;/*set this value the same as the padding on :hover*/
		padding: 1px 7px;
		border: solid 3px rgba(100,112,120,0.00);
		transition: 0.5s ease-in-out;
		border-radius: 0;
	}
	.btn-default:hover {
		color: #303d51;
		background-color: transparent;
		margin-top: 0;
		padding: 1px 7px;
		border: solid 3px rgba(100,112,120,1.00);
		transition: 0.5s ease-in-out;
	}
	.btn-default:focus,
	.btn-default.focus {
		color: #9b9173;
		background-color: transparent;
		border: solid 3px rgba(100,112,120,0.00);
	}
	
	.btn-grey {
		font-size: 1em;
		color: #fff;
		background-color: #303d51;
		margin-top: 0.5em;
		padding: 4px 10px;
		border: solid 3px rgba(48,61,81,0.00);
		transition: 0.5s ease-in-out;
		border-radius: 0;
	}
	.btn-grey:hover {
		color: #303d51;
		background-color: transparent;
		padding: 4px 10px;
		border: solid 3px rgba(48,61,81,1.00);
		transition: 0.5s ease-in-out;
	}
	.btn-grey:focus,
	.btn-grey.focus {
		color: #fff;
		background-color: #303d51;
		border: solid 3px rgba(48,61,81,1.00);
	}
	
	.btn-white {
		font-size: 1em;
		color: #d0cfca;
		background-color: #fff;
		margin-top: 0.5em;
		padding: 4px 10px;
		border: solid 3px rgba(221,220,216,1.00);
		transition: 0.5s ease-in-out;
		border-radius: 0;
	}
	.btn-white:hover {
		color: #fff;
		background-color: #303d51;
		padding: 4px 10px;
		border: solid 3px rgba(48,61,81,1.00);
		transition: 0.5s ease-in-out;
	}
	.btn-white:focus,
	.btn-white.focus {
		color: #fff;
		background-color: #303d51;
		border: solid 3px rgba(48,61,81,1.00);
	}
	
	.thumbnail {
		display: table-cell;
		background-color: rgba(255,255,255,0.50);
		border: 1px solid #eef0f1;
		opacity: 1;
	}
	a.thumbnail:hover,
	a.thumbnail:focus,
	a.thumbnail.active {
		background-color: rgba(255,255,255,1.00);
		border-color: #d2d6d8;
		-moz-box-shadow:    0 3px 5px rgba(0,0,0,0.30);
		-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.30);
		box-shadow:         0 3px 5px rgba(0,0,0,0.30);
		opacity: 0.8;
	}
	
	hr {
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: solid 4px #e8e9e6;
		background-color: transparent;
		margin: 20px 0;
	}

	.thumbnails {
		margin-bottom: 0;
		margin-left: -10px;
		padding: 0;
		list-style: none;
		*zoom: 1;
	}
	
	.thumbnails:before,
	.thumbnails:after {
		display: table;
		line-height: 0;
		content: "";
	}
	
	.thumbnails:after {
		clear: both;
	}
	
	.row-fluid .thumbnails {
		margin: 0;
	}
	
	.thumbnails > li {
		float: left;
		margin-bottom: 10px;
		margin-left: 0;
	}
	
	.gallery-span {
		display: table-cell;
		padding-left: 10px;
	}
	
	.pagination {
	margin: 20px 0;
	border-radius: 4px;
	}
	
	.pagination > li > a,
	.pagination > li > span {
	color: #7e9e3c;
	padding: 3px 12px;
	background-color: rgba(255,255,255,0.50);
	border: 1px solid rgba(255,255,255,0.70);
	}
	
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
	z-index: 2;
	color: #7e9e3c;
	background-color: rgba(255,255,255,1.00);
	border-color: #ddd;
	}
	
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #7e9e3c;
	border-color: #bbc3c8;
	}
	
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
	color: rgba(100,112,120,0.50);
	background-color: rgba(255,255,255,0.50);
	border-color: rgba(255,255,255,0.30);
	margin-top: -1px;
	}
	
	/*
	style for table titles
	*/
	caption {
		font-size: 1.375em;
		font-weight: 300;
		line-height: 110%;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		color: #465368;
		text-align: left;
		letter-spacing: 0em;
	}
	caption > small {
		font-size: 80%;
		letter-spacing: -0.01em;
	}

	/* simple table layout with no lines
	--------------------------------- */
	.table-simple {
		font-size: 1em;
		margin-bottom: 1em;
		border-top: solid 2px rgba(255, 255, 255, 0.0);
		border-bottom: solid 2px rgba(255, 255, 255, 0.0);
	}
	
	.table-simple > thead > tr > th,
	.table-simple > tbody > tr > th,
	.table-simple > tfoot > tr > th,
	.table-simple > thead > tr > td,
	.table-simple > tbody > tr > td,
	.table-simple > tfoot > tr > td {
		padding: 0;
		line-height: 1.5;
		text-indent: 0;
		vertical-align: top;
		border-top: none;
	}
	
	.table-simple > tbody > tr > td {
		padding-right: 1.5em;
	}
	/* end simple table
	--------------------------------- */

	.table {
		font-size: 0.95em;
		letter-spacing: -0.015em;
		margin-bottom: 1.25em;
		border-top: solid 2px #d9d6d2;
		border-bottom: solid 2px #d9d6d2;
	}
	
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		padding: 5px 7px;
		line-height: 120%;
		text-indent: 0;
  		border-top: none;
	}
	
	.table > thead > tr > th,
	.table > thead > tr > td {
		font-size: 1em;
		font-weight: 400;
		color: #17191b;
		border-bottom: solid 1px #e9eaeb;
	}
	
	.table > thead > tr > th.small,
	.table > thead > tr > td.small {
		font-size: 0.85em;
		letter-spacing: -0.01em;
		border-bottom: none;
	}
	
	.table > tbody > tr > td:nth-child(n+2) {
		border-bottom: solid 1px #e5e4e2;
	}
	
	.table > tbody > tr > th:first-child,
	.table > tbody > tr > td:first-child {
		border-bottom: solid 1px #d9dbd6;
		font-weight: 400;
	}
	
	.table > thead > tr > td.active,
	.table > tfoot > tr > td.active,
	.table > thead > tr > th.active,
	.table > tfoot > tr > th.active,
	.table > thead > tr.active > td,
	.table > tfoot > tr.active > td,
	.table > thead > tr.active > th,
	.table > tfoot > tr.active > th {
		background-color: #e0deda;
	}
	.table > tbody > tr > td.active,
	.table > tbody > tr > th.active,
	.table > tbody > tr.active > td,
	.table > tbody > tr.active > th {
		background-color: #edede9;
	}
	.table > thead > tr.active > th,
	.table > thead > tr.active > td {
		border-left: solid 2px #fff;
		border-top: solid 2px #fff;
		border-bottom: none;
	}
	.table > thead > tr.active > th:first-child,
	.table > thead > tr.active > td:first-child {
		border-left: none;
		border-right: solid 2px #fff;
	}
	.table > thead {
		border-bottom: solid 2px #d9d6d2;
	}
	
	.table-hover > tbody > tr:hover {
		background-color: #f5f4f0;
	}
	.table-hover > tbody > tr.active:hover > td,
	.table-hover > tbody > tr:hover > .active,
	.table-hover > tbody > tr.active:hover > th {
		background-color: rgba(227,227,220,0.70);
	}
	.table-hover > tbody > tr > td.active:hover,
	.table-hover > tbody > tr > th.active:hover {
		background-color: rgba(227,227,220,0.10);
	}
	
	.table-striped > tbody > tr:nth-of-type(odd) {
		background-color: rgba(245,244,240,0.70);
	}

	/*show text only on mobile view and hide on full screen few*/
	td.text-display {
		color: rgba(255,255,255,0.00);
	}
	
	
	table.td-counter > tbody {
		counter-reset: rowNumber;
	}
	
	table.td-counter > tbody tr {
		counter-increment: rowNumber;
	}
	
	table.td-counter > tbody tr td:first-child::before {
		content: counter(rowNumber);
		min-width: 1em;
		margin-right: 0.5em;
	}

	td.td-img {
		text-align: center !important;
		padding: 0 0 10px 0 !important;
	}
	td.td-img img {
		width: 100%;
		border: solid 1px rgba(51, 56, 71, 0.20);
		margin-bottom: 10px;
	}

	@media (max-width: 767px) {
		td.td-img {
			padding: 15px 0 !important;
			border-bottom: solid 2px #fff !important;
		}
		td.td-img img {
			width: auto;
			border: solid 1px rgba(51, 56, 71, 0.0);
		}
	}
	
	.tooltip-inner {
		background-color: #475059;
	}
	
	/*preloader for iframe*/
	#preloader-img {
		display: table-cell;
		position: absolute;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		background-color: transparent;
		z-index: 999;
	}
	/*end preloader*/
	
	iframe {
		border: none;
		background-color: transparent;
		vertical-align: top;
	}

	/*style for map location picker on canola yield competition entry form*/
	#selectgps {
		width: 100%;
		height: 240px;
		margin: 5px 0 10px 0;
		border: solid 1px #000;
		border-radius: 4px;
	}


/*	----------------------------------------------
	media queries
	------------------------------------------- */

/*portrait and landscape phone*/
@media (max-width: 480px) {
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	
	.padding-content {
		padding: 10px 20px;
	}
	
	.padding-sm-left-10 {
		padding-left: 0;
	}
	.padding-sm-right-10 {
		padding-right: 0;
	}
	
	.padding-sm-left-1em {
		padding-left: 0;
	}
	.padding-sm-right-1em {
		padding-right: 0;
	}
	
	.padding-sm-left-2em {
		padding-left: 0;
	}
	.padding-sm-right-2em {
		padding-right: 0;
	}
	
	.navbar-inverse {
		background-color: #303d51;
		border-color: transparent;
		border-top-width: 0;
		border-bottom: solid 10px #303d51;
		border-left-width: 0;
		border-right-width: 0;
		border-radius: 0;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 0.9em;
		letter-spacing: 0.02em;
		text-transform: capitalize;
		margin: 0 1em;
		padding: 0;
		border: none;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
		color: #fff;
		background-color: transparent;
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: transparent;
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: transparent;
	}
	
	/*set mobile menu content to full width*/
	#side-menu-nav-collapse {
		width: 100%;
		background-color: transparent;
		overflow: hidden;
	}
	
	.logo-size {
		width: 50%;
	}
	.site-logo {
		padding: 20px 0 0 0;
	}
	
	#sliderCarousel .glyphicon {
		font-size: 0.8em;
	}
	.carousel-caption {
		font-size: 1.2em;
		text-align: center;
		padding: 0;
	}
	.carousel-caption h4 {
		display: inline-block;
		font-size: 1.5em;
		letter-spacing: -0.02em;
		font-weight: 300;
		border-bottom: solid 4px #fff;
		padding-bottom: 3px;
		margin-bottom: 10px;
	}
	.carousel-indicators {
		margin-left: -4.95%;
	}
	
	.footer-col-min-height {
		min-height: inherit;
		padding-bottom: 0.9em;
	}
	
	.border-left {
		border-left: none;
		padding-left: 0;
	}
	
	.cec-notes {
		border: solid 4px #e0e4e4;
		padding: 1.5em 2em 0.5em 2em;
	}
	.cec-notes-child:nth-child(n+2) {
		border-top: solid 4px #e0e4e4;
		padding-top: 2em;
	}
	
	.graph {
		width: 100%;
	}
	
	img.page-image {
		max-width: 100%;
		margin: 1em 0;
		text-decoration: none !important;
	}
	
	.page-image-small {
		width: 100%;
	}
	
	.table-responsive {
		border: none;
	}
	
	.table {
		font-size: 1em;
	}
	
	/*style to move td's below one another on mobiles*/
	.table > thead > tr > th,
	.table > thead > tr > td {
		display: block;
		width: 100%;
		text-align: left;
		text-indent: 0;
		padding: 0.3em;
		border-top: none;
		border-bottom: none;
	}
	.table > tbody > tr > th,
	.table > tbody > tr > td {
		display: block;
		width: 100%;
		text-align: left;
		padding: 0.3em;
		border-top: none;
		border-bottom: none;
	}
	.table > thead > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table > tbody > tr:nth-child(even) {
		background-color: rgba(245,244,240,0.30);
	}
	.table > tbody > tr > td:nth-child(n+2) {
		border-bottom: dotted 1px #d7dbdd;
	}
	.table > tbody > tr > th:first-child,
	.table > tbody > tr > td:first-child {
		border-bottom: dotted 1px #d7dbdd;
		font-weight: 400;
	}
	.table > tbody > tr > td:last-child {
		border-bottom: solid 2px #e5e4e2;
	}
	.table-stack > tbody > tr > td::before {
		content: attr(title) "\A";
		white-space: pre-wrap;
		font-size: 0.9em;
		font-weight: 300;
		color: #5e6a7d;
		letter-spacing: 0.02em;
	}
	
	.table > thead > tr > td.active,
	.table > tbody > tr > td.active,
	.table > tfoot > tr > td.active,
	.table > thead > tr > th.active,
	.table > tbody > tr > th.active,
	.table > tfoot > tr > th.active,
	.table > thead > tr.active > td,
	.table > tbody > tr.active > td,
	.table > tfoot > tr.active > td,
	.table > thead > tr.active > th,
	.table > tbody > tr.active > th,
	.table > tfoot > tr.active > th {
		display: block;
		width: 100%;
		background-color: #f4f4f2;
		border-top: solid 2px #fff;
		border-right: none;
	}
	.table > thead > tr.active:first-child > th,
	.table > thead > tr.active:first-child > td {
		border-top: solid 2px #fff;
	}
	
	.table-simple > tbody > tr > td {
		text-align: left;
		line-height: 1.2;
		padding-bottom: 0.5em;
	}

	/*show text only on mobile view and hide on full screen few*/
	td.text-display {
		color: inherit;
	}
	
	.back-to-top i {
		font-size: 4.2em;
		text-decoration: none;
		border: none;
	}
	
	.hash-anchor-padding {
		display: inline-block;
		height: 0;
		margin-top: -0;
		visibility: hidden;
	}
	
	.slider-margin {
		margin-top: -4px;
	}
	
	
	/*style to hide certain content elements from mobile view*/
	.hide-content {
		display: none;
	}
	
	li.style-disc {
		list-style-type: disc;
	}
	
	ul.custom-ul-li {
		list-style: outside;
		margin-left: -1.4em;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
	}
	ul.custom-ul-li > li {
		list-style-type: square;
		text-indent: 0em;
		padding-left: 0.25em;
		margin-bottom: 0.25em;
	}
	
	.news-article-index ul.custom-ul-li {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.news-article-index h3 {
		margin-top: 1.5em !important;
	}
	
	ol {
		width: 90%;
		margin-left: 2em;
	}
	ol > li {
		margin-left: 1.73em; /*lines text up on the left within block container above*/
		text-indent: -0.95em; /*move first line of numbered text left: 1.{  }Content*/
	}
	ol > li::before {
		width: 2.75em; /*.. set fixed width*/
		margin-left: -1.8em; /*necessary to preserve spacing of text rows below first line*/
		padding-right: 1.5em; /*spacing after 1.: 1.{  }Content*/
	}
	ol ol {
		width: auto;
	}
	ol ol > li {
		margin-left: 0;
		text-indent: -0.75em;
	}
	ol ol > li::before {
		width: 2.95em;
		margin: 0 0 0 -2.2em;
	}
	ol ol ol > li {
		margin-left: 0.03em;
		text-indent: -1.875em;
	}
	ol ol ol > li::before {
		width: 1.85em;
	}
	ol ol ol ol > li {
		margin-left: -0.03em;
		text-indent: -1.875em;
	}
	ol ol ol ol > li::before {
		width: 1.85em;
	}
}

@media (min-width: 490px) and (max-width: 767px) {
	
	.logo-size {
		width: 30%;
	}
	.site-logo {
		padding: 30px 0 0 0;
	}
	
	.padding-sm-left-10 {
		padding-left: 0;
	}
	.padding-sm-right-10 {
		padding-right: 0;
	}
	
	.padding-sm-left-1em {
		padding-left: 0;
	}
	.padding-sm-right-1em {
		padding-right: 0;
	}
	
	.padding-sm-left-2em {
		padding-left: 0;
	}
	.padding-sm-right-2em {
		padding-right: 0;
	}
	
	img.page-image {
		max-width: 100%;
		margin: 1em 0;
		text-decoration: none !important;
	}
	
	.page-image-small {
		width: 100%;
	}
	
	.carousel-caption {
		font-size: 1.1em;
		text-align: center;
		padding: 0;
	}
	.carousel-caption h4 {
		display: inline-block;
		font-size: 1.3em;
		letter-spacing: -0.02em;
		font-weight: 300;
		border-bottom: solid 3px #fff;
		padding-bottom: 3px;
		margin-bottom: 10px;
	}
	
	.navbar-inverse {
		background-color: #303d51;
		border-color: transparent;
		border-top-width: 0;
		border-bottom: solid 10px #303d51;
		border-left-width: 0;
		border-right-width: 0;
		border-radius: 0;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 0.9em;
		letter-spacing: 0.02em;
		text-transform: capitalize;
		margin: 0 1em;
		padding: 0;
		border: none;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
		color: #fff;
		background-color: transparent;
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: transparent;
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: transparent;
	}
	
	.table-simple > tbody > tr > td {
		text-align: left;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.site-logo {
		padding: 10px;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 0.7em;
		letter-spacing: 0.01em;
		margin: 0;
		padding: 18px 8px 5px 8px;
		border: none;
	}
	
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	
	#sliderCarousel .glyphicon {
		font-size: 0.8em;
	}

	.carousel-caption {
		font-size: 1.2em;
		text-align: right;
		padding: 0;
	}
	.carousel-caption h4 {
		display: inline-block;
		font-size: 1.4em;
		letter-spacing: -0.02em;
		font-weight: 300;
		border-bottom: solid 3px #fff;
		padding-bottom: 4px;
		margin-bottom: 15px;
	}
	
	.navbar-inverse {
		background-color: #303d51;
		border-color: transparent;
		border-top-width: 0;
		border-bottom: solid 10px #303d51;
		border-left-width: 0;
		border-right-width: 0;
		border-radius: 0;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 0.9em;
		letter-spacing: 0.02em;
		text-transform: capitalize;
		margin: 0 1em;
		padding: 0;
		border: none;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
		color: #fff;
		background-color: transparent;
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: transparent;
		border-bottom: none;
	}
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: transparent;
	}
	
	.cec-notes {
		border: solid 4px #e0e4e4;
		padding: 1.5em 2em 0.5em 2em;
	}
	.cec-notes-child:nth-child(n+2) {
		border-top: solid 4px #e0e4e4;
		padding-top: 2em;
	}
	
	.graph {
		width: 100%;
	}
	
	img.page-image {
		max-width: 100%;
		margin: 1em 0;
		text-decoration: none !important;
	}
	
	.page-image-small {
		width: 70%;
	}
	
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 2px solid #e0e4e4;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}

@media (min-width: 1200px) {
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
		font-size: 0.9em;
		letter-spacing: 0.02em;
		margin: 0;
		padding: 18px 12px 5px 12px;
		border: none;
	}
	
	.graph {
		width: 85%;
	}
	
	.page-image-small {
		width: 45%;
	}
}


/*
---------------------------
	cookie popup styles
---------------------------
*/

.consent {
	display: none;
	z-index: 9999;
}

.js .consent {
	display: block;
} /* show bar only if JS enabled */

.consent {
	position: sticky;
	bottom: 47%;
	width: 20%;
	height: auto;
	text-align: center !important;
	background-color: #303d51;
	padding: 20px 30px;
	margin: 0 auto;
	-webkit-animation: fadeBar 1s 1s both;
	animation: fadeBar 1s 1s both;
	border-radius: 0;
	border-top: solid 8px #242930;
	border-bottom: solid 8px #242930;
	box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.5);
}

@media (min-width: 320px) and (max-width: 767px) {
	.consent {
		width: 80%;
	}
}

.consent p {
	font-size: 14px;
	line-height: 1.3;
	text-align: center !important;
	letter-spacing: 0.05em;
	color: #9fa5b1;
	vertical-align: middle;
	margin: 1em 0;
} 

.consent a {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #cdd0d6;
	letter-spacing: 0.15em;
	padding: 0 7px;
}
.consent a:hover,
.consent a:focus {
	color: #fff;
} 

.consent button {
	display: block;
	padding: 9px 20px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.1em;
	background-color: #1998bf;
	margin: 1.5em auto 0 auto;
	border: none;
	border-radius: 0;
	transition: 0.5s ease-in-out;
}

.consent button:hover {
	background: #8653a2;
	cursor: pointer;
}

@-webkit-keyframes fadeBar {
	0% { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%) }
	100% { opacity:1; -webkit-transform:none; transform:none }
	}
@keyframes fadeBar {
	0% { opacity:0; transform:translateY(100%) }
	100% { opacity:1; transform:none }
	}