/*
Theme Name: Praxis
Theme URI: www.praxis.ee
Author: Tanel Kärp
Author URI: http://www.tanelkarp.ee/
Description: A responsive design for the Praxis think-tank website
Version: 1.1
License: GNU General Public License
License URI: license.txt
Text Domain: praxis
Domain Path: /languages/
Tags:

Praxis is based on Underscores, (C) 2012-2014 Automattic, Inc., http://underscores.me/
CSS Stylesheet structure redone based on HTML5 Boilerplate.
Using the awesomely minimal Lemonade Grid http://lemonade.im


	DEPENDENCIES

* normalize.min.css
* http://fonts.googleapis.com/css?family=PT+Sans:400,700


	TABLE OF CONTENTS

1.0 - Typography
2.0 - Elements
3.0 - Layout
	3.1 – Grid
	3.2 — Designs
4.0 - Navigation
	5.1 - Links
	5.2 - Menus
5.0 - Helpers
6.0 - Media
7.0 – Responsive styles (media queries)
8.0 - Print


	FONT SIZES

Page titles, h2			2em	
Headings, h3			1.5157em
quotes: 				1.3195em
h4 						1.1487em
Small texts 			.8706em


todo: replace with:
2.6179em
2.0581em
1.618em
1.272em
1em
.7862em


	COLORS

Main type 		rgba( 0, 0 , 0 , 0.8 )

default blue 	3166a7 ( 49, 102, 167 )
very sinine		382ada
dark purple		2f2d41
brown			b28c61
red				da6e2a

*/


/*
	1.0 TYPOGRAPHY
*/

body,
button,
input,
select,
textarea {
	color: #101010;
	color: #333;
	font-family: 'PT Sans', sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

a {
	color: #3166A7;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	margin: 1em 0;
}
	h1 img {
		width: 8em;
	}

h2 {
	font-size: 2em;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 0;
	letter-spacing: 1px;
}
h3 {
	font-size: 1.5157em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding: 0.4em 0;
	margin: 0.9em 0;
}
h4 {
	text-transform: uppercase;
	font-size: 1.1487em;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	margin: 2em 0 0.5em;
	text-decoration: none;
}
h5 {
	font-size: 1.1487em;
	text-decoration: none;
	font-weight: normal;
}
h6 {
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}

	.underline {
		border-bottom: 2px solid #575756;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #010101; 
		color: #333;
		text-decoration: none;
	}


p {
	margin-bottom: 1.5em;
}
b, strong {
	font-weight: bold;
}
blockquote {
	font-size: 1.3195em;
	font-style: italic;
	text-align: center;
	line-height: 1.3;
	padding: .5em 0 1.5em;
	margin: 0;
	display: block;
}
blockquote > p {
	max-width: 900px;
	margin: 0 auto;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/*
	2.0 ELEMENTS
*/
body {
	background: #ddd;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	padding-left: 1.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}

figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

iframe {
	/*width: 100%;
	margin: 0 -60px;*/
}

section {
	background: #fff;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
	3.0 LAYOUT
*/


/*
	3.1 GRID
*/

/*
*
* Lemonade v1.1
* Copyright 2013, Joe Richardson
* lemonade.im
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
*/

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

/* Set the width of the grid */
.frame {
	padding-bottom:50px;
	margin: 0 auto;
}

.centerframe {
	text-align: center;
}

/* Clearfix */
.frame:after {
	content: "";
	display: table;
	clear: both;
}


/* Attribute selector */
[class*='bit-'] {
	float: left;
	padding: 1em;
}
[class*='centerbit-'] {
	display: inline-block;
	padding: 1em;
	float: none;
	vertical-align: top;
}



/* Floats last ".bit-" to the right */
/*[class*='bit-']:last-of-type {
  float: right;
}*/

/* Main Widths */
.bit-1  { width: 100%; }
.bit-2  { width: 50%; }
.centerbit-2 { width: 50%; }
.bit-3 	{ width: 33.33%; }
.centerbit-3 { width: 33%; }
.bit-4  { width: 25%; }
.bit-5  { width: 20%; }
.centerbit-5  { width: 19.5%; }
.bit-6  { width: 16.6666666667%; }
.bit-7  { width: 14.2857142857%; }
.bit-8  { width: 12.5%; }
.bit-9  { width: 11.1111111111%; }
.bit-10 { width: 10%; }
.bit-11 { width: 9.09090909091%; }
.bit-12 { width: 8.33%; }
.bit-66 { width: 66.6666666667%; padding: 0; }
.bit-75 { width: 75%; padding: 0; }
.bit-83 { width: 83.33%; padding: 0; }


/* Landscape mobile & down */
@media (max-width: 30em) {
  .bit-1,
  .bit-2, .centerbit-2,
  .bit-3, .centerbit-3,
  .bit-4,
  .bit-5, .centerbit-5,
  .bit-6,
  .bit-7,
  .bit-8,
  .bit-9,
  .bit-10,
  .bit-11,
  .bit-12,
  .bit-66,
  .bit-75,
  .bit-83 {
	width: 100%;
  }
}

/* Portrait tablet to landscape */
@media (min-width: 30em) and (max-width: 50em) {
  .bit-4,
  .bit-6,
  .bit-8,
  .bit-10,
  .bit-12 {
	width: 50%;
  }

  .bit-1,
  .bit-2, .centerbit-2,
  .bit-3, .centerbit-3,
  .bit-5, .centerbit-5,
  .bit-7,
  .bit-9,
  .bit-11,
  .bit-83 {
	width: 100%;
  }
}

/* Landscape to small desktop */
@media (min-width: 50em) and (max-width: 68.750em) {
  .bit-2,
  .bit-7 {
	width: 100%;
  }

  .bit-4,
  .bit-8,
  .bit-10,
  .bit-12 {
	width: 50%;
  }
}



/*
	3.2 DESIGNS
*/

/* Header */

.site-header {
	height: 100px;
}

h1 {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
}

.langswitch {
	position: absolute;
	top: .3em;
	right: 0;
}

	.langswitch span {
		cursor: pointer;
		font-size: .7862em;
		display: inline-block;
		margin-left: .1em;
	}

	.langswitch span:hover {
		color: #b28c61;
	}

.pageintro {
	position: relative;
	margin-bottom: 2em;
	background: transparent;
	overflow: hidden;
}

.intro-work, .intro-article, .intro-front {
	color: #fff;
	min-height: 5em;
}

	.work-header-category {
		position: absolute;
		background: #3166a7;
		padding: 0.3em;
		width: 200px;
		top: 0;
		left: 50%;
		margin-left: -100px;
		text-align: center;
		z-index: 2;
	}

		.work-header-category a {
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
		}

.page-title {
	padding: 130px 0 98px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
	.page-title p {
		margin: 0;
	}

.page-date {
	padding: 0.5em;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
}	

.title-work {
	bottom: 90px;
	z-index: 2;
	position: relative;
}

.intro-ground {
	position: absolute;
	top: -5em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #666;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;	
	z-index: 1;
	overflow: hidden;
}

	.intro-ground:after {
		content: "";
		background: #000;
		opacity: 0.2;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -2;
	}

	.intro-front {
		padding-top: 9em;
		padding-bottom: 4em;
		min-height: 50vh;
	}

.content-ground {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #666;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;	
	z-index: 1;
	overflow: hidden;
}	

.entry-title {
	margin: 1em auto;
}	



/* Content */

.contentwidth {
	position: relative;
	max-width: 1400px;
	width: 95%;
	margin: 0 auto;
}

.textwidth {
	max-width: 600px;
	margin: 0 auto;
	float: none;
}


.gray {
	background: #f5f5f5;
}

.darkgray {
	background: #999;
}

.darkdarkgray {
	background: #333;
	color: #fff;
}

	.darkdarkgray a {
		color: #b28c61;
	}


.sectionmargin {
	padding: 2em 0;
	margin: 2em 0;
}

.sectionmargintop {
	padding: 2em 0 0;
	margin: 2em 0 0;
}

.sectionmarginbottom {
	padding: 0 0 2em;
	margin: 0 0 2em;
}

.entry-content > p, .entry-content > ul {
	margin: 0 auto 1em;
	text-align: left;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;

	-webkit-hyphenate-limit-lines: 2;
	-moz-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-lines: 2;
	hyphenate-limit-lines: 2;

	-webkit-hyphenate-limit-chars: 6 3 2;
	-moz-hyphenate-limit-chars: 6 3 2;
	-ms-hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-chars: 6 3 2;
}

.entry-content > ul {
	padding-left: 50px;
}

	.entry-content li {
		margin-bottom: 5px;
	}

.entry-content p img, .entry-content p iframe {
	max-width: 100%;
	margin: 2em 0 1em;
height: auto;
width: auto;
}




/* Front page */

.front-current-topic {
	position: relative;
	z-index: 9;
	padding: 3em inherit 5em;
}

	.front-current-topic .smalltext, .front-current-topic .bigtext {
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: .3em;
	}

	.front-current-topic .bigtext {
		font-size: 2.6179em;
	}

	

		.front-current-topic .smalltext:after {
			content: "";
			width: 5em;

		}

	.front-current-topic a {
		color: #fff;
	}


.front-news {
	padding-bottom: 2em;
}

	.front-news-piece {
		margin-bottom: 1em;
		min-height: 4em;
	}

		.front-news-piece h5 {
			margin-left: 4em;
		}

			.front-news-piece a {
				color: #333;
				text-decoration: none;
				font-weight: normal;
			}

	.front-news .button {
		position: absolute;
		margin-top: 10px;
		-webkit-transform: perspective(1px) translateX(-50%);
		-ms-transform: perspective(1px) translateX(-50%);
		transform: perspective(1px) translateX(-50%);
	}

.front-who-are-we {
	background: #333;
	background-size: cover;
	color: #fff;
}

	.front-who-are-we .bit-2 img {
		width: 60%;
	}

	.front-who-are-we a {
		color: #fff;
		text-decoration: none;
	}

	.front-who-are-we-people {
		margin-top: 2em;
	}

	.front-who-are-we-people .owl-stage-outer {
		margin-bottom: 1em;
	}

	.front-who-are-we-people .owl-next {
		margin-right: 1.4em;
	}


.front-apps {
	margin-top: 5em;
}

	.front-apps a {
		display: block;
		text-align: center;
		line-height: 100px;
		margin-bottom: 1em;
	}

	.front-apps img {
		max-width: 200px;
		max-height: 100px;
		vertical-align: middle;
	}

.front-partners {
	margin: 1em auto 2em;
}	

.front-partners-title {
	margin: 4em auto 0;
}

	.front-partners .owl-stage .owl-item {
		line-height: 9em;
		text-align: center;
	}


		.front-partners .owl-stage .owl-item img {
			vertical-align: middle;
			width: inherit;
			max-height: 9em;
			max-width: 9em;
			display: inline-block;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		}



		.front-partners.owl-theme .owl-dots .owl-dot span {
			border-color: #666;
		}

		.front-partners.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
			background: #666;
		}

		.front-partners .owl-prev, .front-partners .owl-next {
			margin: -1.02em 1.4em 0;
		}



.aside article {
	margin-bottom: 1em;
}


.media-tag {
	display: inline-block;
	padding: .1em .3em 0;
	border: 1px solid #b28c61;
	color: #b28c61;
	font-size: .7862em;
	text-transform: uppercase;
	margin-right: .5em;
}

/* People list page */

.peoplelist > div {
	height: 300px;
	overflow: hidden;
}

.peoplelist a {
	color: #333;
	text-decoration: none;
}

.peoplelistheading {
	border: 1px solid #111;
	width: 120px;
	height: 120px;
	text-align: center;
	margin: 0 auto;
	font-size: .7862em;
	text-transform: uppercase;
	border-radius: 80px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

	.peoplelistheading p {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.peoplerow {
	float: left;
}

/* Profile page */

.person-portrait-large {
	height: 300px;
	width: 300px;
	text-align: center;
	line-height: 240px;
	border-radius: 180px;
	overflow: hidden;
	margin: 0 auto 2em;
	background: #3166a7;
	margin-top: -11em;
}

	.person-portrait .person-portrait-image, .person-portrait-large img {
		-webkit-transform-style: initial!important;
		transform-style: initial!important;
		max-width: 100%;
		height: auto;
	}

.profilecontacts {
	margin: 2em auto;
}

.singlecolumn {
	max-width: 600px;
	margin: 0 auto;
}


/* Services Page */

.services-intro {
	margin: 3em 0;
	position: relative;
	z-index: 2;
}

.service-card {
	background: #fff;
	padding: 1.2em 5em 3em;
	margin-top: 2em;
	color: #333;
}

	.service-card h5 {
		max-width: 70%;
		margin-bottom: 1em;
	}

.service-descriptions .frame {
	text-align: left;
}

.service-descriptions .owl-prev, .success-owl .owl-prev {
	left: 2em;
}

.service-descriptions .owl-next, .success-owl .owl-next {
	right: 2em;
}

.service-descriptions .owl-prev, .service-descriptions .owl-next {
	margin-top: 0;
}

.service-methods h4 {
	font-size: 1.5157em;
	font-weight: normal;
	margin: .3em 0;
	text-transform: none;
}

.service-methods img {
	height: 70px;
}

.success-owl {
	margin: 1em 0 2em;
}

.success-card {
	padding: 1em;
	max-width: 700px;
	margin: 0 auto;
}

	.success-portrait {
		width: 20%;
		margin-right: 5%;
	}

	.success-story {
		width: 75%;
	}

	.success-portrait, .success-story {
		float: left;
	}

.contactform {
	max-width: 700px;
	margin: 0 auto;
	padding: 5em 10em;
	background: #fff;
}

	.contactform input {
		background: transparent;
		border: 0;
		border-bottom: 1px solid #999;
		width: 100%;
		padding: 0.3em;
		margin: 1em 0;
	}

	.contactform textarea {
		margin: 1em 0;
		border: 0;
		padding: 0.3em;
		width: 100%;
		height: 155px;
		background-image: -webkit-linear-gradient(white, white 30px, #999 30px, #999 31px, white 31px);
		background-image: -moz-linear-gradient(white, white 30px, #999 30px, #999 31px, white 31px);
		background-image: -ms-linear-gradient(white, white 30px, #999 30px, #999 31px, white 31px);
		background-image: linear-gradient(white, white 30px, #999 30px, #999 31px, white 31px);
		background-size: 100% 31px;
		line-height: 31px;
	}


	.contactform .btn {
		border: 0;
		color: #3166a7;
		cursor: pointer;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 3em;
	}

	.contactform label {
		display: none;
	}

.partnerlogo {
	height: 140px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}	

.partnerlogo img {
	max-width: 100%;
	max-height: 130px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}	


/* Works List page */

.workslistfilters {
	margin: 0 auto;
}

	.workslistfilters .bit-3, .workslistfilters .bit-6 {
		padding-bottom: .5em;
	}


	.viewfilters {
		text-align: right;
	}

.works {
	padding-top: 2em;
	padding-bottom: 2em;
}

.mix {
	display: none;
}

.work-link, .work-link:hover {
	text-decoration: none;
}

	.work-card {
		padding: 0 1em 1em;
		height: 400px;
		color: #fff;
		background: rgba(0,0,0,0.4);
		background-repeat: no-repeat;
		background-position: center; 
		background-size: cover;	
		overflow: hidden;
		position: relative;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	} 

	.work-card:after {
		content: "";
		background: #222;
		opacity: .05;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: 1;
		transition: opacity .25s ease-in-out;
	}

	.work-card:hover:after {
		opacity: 0.5;
	} 

		.work-card-category {
			position: absolute;
			background: #3166a7;
			padding: 0.3em;
			width: 70%;
			top: 0;
			left: 50%;
			margin-left: -35%;
			z-index: 2;
		}

		.work-card .smalldate {
			padding: 0.3em;
			width: 70%;
			text-align: center;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -35%;
			z-index: 2;
		}

		.work-title {
			position: relative;
			top: 50%;
			font-size: 1.5157em;
			line-height: 1.3;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 2;
		}

	.search-form {
		position: relative;
	}	


	.search-field-workslist {
		border: 1px solid #ccc;
		background: transparent;
		padding: .4em 3%;
		width: 94%;
		margin-top: 0;
	}

	.search-submit {
		position: absolute;
		right: 0;
		bottom: .1em;
		padding: .4em .7em;
		background: transparent;
		border: 0;
		border-left: 1px solid #ccc;
		transition: all .3s;
	}
		.search-submit:hover {
			color: #3166a7;
		}

	.works .button {
		margin-top: 2em;
	}

/* List view for the works list! */

.list .bit-4 {
	width: 100%;
	float: none;
	border-bottom: 1px solid #f5f5f5;
}

.list .center {
	text-align: left;
}

	.list .work-card {
		height: 3em;
		color: #222;
		background: transparent;
		padding: 0;
		background-size: contain;
		background-position: top left;
		background-repeat: no-repeat;
	}

		.list .work-card .work-title {
			transition: color .3s; 
		}

		.list .work-card:hover .work-title {
			color: #b28c61;
		}

		.list .work-card:after {
			background: transparent;
		}

		.list .work-card-category {
			padding: 0 1em;
			width: 10%;
			top: 0;
			font-size: .7862em;
			line-height: 3.8;
			left: inherit;
			right: 0;
			color: #fff;
			z-index: 1;
		}

		.list .work-title {
				margin-left: 1.6em;
				background: #fff;
				line-height: 1;
				padding-left: .6em;
				margin-right: 20%;
		}

		.list .smalldate {
			padding: 0;
			width: inherit;
			text-align: right;
			position: absolute;
			line-height: 3.5;
			bottom: 0;
			right: 11%;
			left: inherit;
			margin-left: inherit;
		}
	

/* About Page */
.values {
	margin-bottom: 0;
}

.values .frame {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

	.values .centerblock .bit-75 {
		padding: 5em 5em 0 2em
	}

	.values .centerblock .bit-4 {
		text-align: right;
	}

.values img {
	height: 200px;
	width: 200px;
}

.history {
	margin-top: 0;
}

.history .frame {
	z-index: 2;
	position: relative;
}

	.history .textwidth {
		background: #fff;
		padding: 3em 2em;
		z-index: 2;
	}

/* News page */
.quickfacts h3 {
	margin: 0;
	padding: 0;
}

.sectionswitch {
	border-bottom: 2px solid #333;
	margin-bottom: 4em;
}

	.sectionswitch span {
		display: inline-block;
		margin: 0 1em;
		font-size: 1.5157em;
		text-transform: uppercase;
		cursor: pointer;
		position: relative;
		padding-bottom: .3em;
	}

		.sectionswitch span:hover {
			color: #b28c61;
		}

		.sectionswitch span.active {
			font-weight: bold;
		}

			.sectionswitch span.active:after, .sectionswitch span.active:before {
				top: 100%;
				left: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
			}

			.sectionswitch span.active:after {
				border-color: rgba(255, 255, 255, 0);
				border-top-color: #fff;
				border-width: 16px;
				margin-left: -16px;
			}
			.sectionswitch span.active:before {
				border-color: rgba(51, 51, 51, 0);
				border-top-color: #333;
				border-width: 19px;
				margin-left: -19px;
			}

.newspage article {
	margin-bottom: 3em;
}			

/* Areas Page */

.areas section {
	padding: 5em 0;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;	
}

.arealeft, .arearight {
	background: #fff;
	padding: 1em 4em 3em;
	z-index: 2;
}

.arealeft {
	margin: 0 5% 0 55%;
}

.arearight {
	margin: 0 55% 0 5%;
}

.areas ol {
	list-style: none;
	padding: 0;
	margin: 3em 0 2em;
}

.areas li { 
	padding-left: 4.2em;
	padding-bottom: 1.9em;
	position: relative;
	counter-increment: step-counter;
}

.areas li:before {
	content: counter(step-counter);
	color: #3166a7;
	font-size: 1.62em;
	position: absolute;
	left: 0;
	top: -.5em;
	border: 1px solid;
	height: 2em;
	width: 2em;
	border-radius: 1.5em;
	line-height: 2em;
	text-align: center;
}

.areas .partnerlogo {
	height: 50px;
	text-align: center;
}

.areas .partnerlogo img {
	max-height: 100%;
}

/* Jobs Page */
.teamtext {
	background: #fff;
	margin-top: 8em;
	padding: 0 2em 2em;
}


/* Political Lab Page */

.intro-polilab {
	height: 42em;
	color: #333;
}

	.intro-polilab .contentwidth {
		height: 100%;
	}

	.intro-polilab h2, .polilab-introquotes, .polilab-introtext {
		position: relative;
		z-index: 2;
	}

	.typed-quotes {
		visibility: hidden;
	}

	.intro-polilab h2 {
		margin-left: 10%;
		margin-top: 5em;
		text-align: left;
		font-size: 1em;
		color: #A1A731;
	}

	.polilab-introquotes {
		width: 66%;
		font-style: italic;
		font-size: 2.6179em;
		margin-top: 0;
		margin-left: 9.5%;
	}
	.polilab-introquotes::before{
		font-family: Arial;
		content: "\201C";
		font-size: 5em;
		position: absolute;
		top: -6rem;
		left: -12%;
	}

	.polilab-introtext {
		position: absolute;
		bottom: 22em;
		left: 10%;
		width: 50%;
	}
	.polilab-introtext::before{
		font-family: Arial;
		content: "\002A";
		font-size: 4em;
		color: #A1A731;
		position: absolute;
		top: -1.35rem;
		left: -2rem;
	}

	.polilab-videointro {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%; 
		overflow: hidden;
		z-index: 1;
	}

	.polilab-videointro video {
		min-width: 100%; 
		min-height: 100%; 
	  	width: auto;
		height: auto;
	  	position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	.polilab-videointro:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba( 255, 255, 255, .8 );
	}


.polilab-actions {
	margin-bottom: 9em;
	margin-top: -16em;
}

	.polilab-actions .owl-item {
		background: #fff;
	}

	.action-image {
		background: rgba(0,0,0,0.4);
		background-repeat: no-repeat;
		background-position: center; 
		background-size: cover;	
		overflow: hidden;
		position: relative;
		padding-bottom: 40%;
	}

	.action-text {
		padding: 3em 5em 0;
	}

.pagenav.polilab-nav {
	margin-top: 1em;
}

	.pagenav.polilab-nav li {
		width: calc( 15% - 2em );
	}

		.pagenav.polilab-nav a {
			color: #A1A731;
			line-height: 1.6;
		}

		.polilab-nav .selected {
			font-weight: 700;
		}

		.polilab-actions .owl-carousel .owl-prev {
			left: 0;
		}

		.polilab-actions .owl-carousel .owl-next {
			right: 0;
		}


.polilab-methods ul {
	list-style: none;
	margin: -2em 0 0;
	padding: 0;
}

	.polilab-methods li {
		border-bottom: 3px solid #A1A731;
    	width: fit-content;
    	margin: .7em auto;
	}


.polilab-partners {
	margin-bottom: 0;
    padding-bottom: 6em;
}


	.polilab-partners .centerbit-5 {
		object-fit: contain;
		height: 6em;
		text-align: center;
		margin-top: 2em;
	}

	.polilab-partners img {
		vertical-align: middle;
		width: auto;
		height: 100%;
		max-width: 100%;
		display: inline-block;
		filter: grayscale(100%);
	}


/* Common Parts */

.person-portrait {
	height: 120px;
	width: 120px;
	text-align: center;
	line-height: 120px;
	border-radius: 80px;
	overflow: hidden;
	background: #3166a7;
	border: 1px solid #fff;
	margin: 0 auto .5em;
}

	.person-portrait .person-portrait-image {
		-webkit-transform-style: initial!important;
		transform-style: initial!important;
	}

.date-bubble {
	position: absolute;
	width: 4em;
	height: 4em;
	border: 1px solid #333;
	border-radius: 50%;
	text-align: center;
	padding-top: .4em;
	margin-top: -.4em;
}

	.big {
		font-size: 1.5em;
		line-height: 1;
	}

.smalldate {
	text-transform: uppercase;
	font-size: .7862em;
}

.largetext {
	font-size: 1.1487em;
}


/* Social icons */

.social-vertical {
	font-size: .7862em;
}

	.social-vertical > div {
		margin-bottom: 10px;
	}

		.social-vertical a {
			color: rgba( 0, 0, 0, 0.8);
			text-decoration: none;
			line-height: 40px;
		}

		.social-vertical .social-icon {
			float: left;
			margin-right: 10px;
		}

/* Accordions */
.accopen {
	cursor: pointer;
	color: #3166a7;
}
	.accopen:hover {
		color: #b28c61;
	}

.acccontent {
	display: none;
}

/* Project Page */

.related-list, .attachments-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.related-list li {
		margin-bottom: 10px;
		padding-right: 20px;
		float: left;
		width: 50%;
		min-width: 170px;
	}

		.author-name {
			padding-top: .4em;
			font-weight: normal;
		}

	.attachments-list li {
		margin-bottom: 10px;
	}

		.attachment-title {
			position: relative;
			margin-left: 50px;
		}

		.attachment-description {
			font-size: .7862em;
			text-transform: uppercase;
		}

		.attachment-icon {
			height: 40px;
			width: 40px;
			text-align: center;
			line-height: 40px;
			text-transform: uppercase;
			float: left;
			border: 1px solid #333;
			border-radius: 40px;
			font-size: .7862em;
		}

		.author-icon {
			height: 40px;
			width: 40px;
			text-align: center;
			line-height: 40px;
			margin-right: 10px;
			float: left;
			border-radius: 30px;
			overflow: hidden;
			background: #3166a7;
		}

			.author-icon img {
				width: 100%;
				vertical-align: middle;
			}

	.commentform-icon {
		height: 50px;
		width: 50px;
		text-shadow:
		   -1px -1px 0 #fff,  
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			 1px 1px 0 #fff;
		font-size: 5em;
		line-height: 100px;
		text-align: center;
		font-weight: bold;
		margin-right: 20px;
		float: left;
		background: #010101;
		background: rgba( 0, 0, 0, 0.8 );
		border-radius: 40px;
	}


.description {
	max-height: 2000px;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
}

	.readmore {
		text-align: center;
		font-size: 1.62em;
		cursor: pointer;
		-ms-transform: rotate(180deg); 
		-moz-transform: rotate(180deg); 
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: -webkit-transform 1s;
		-moz-transition: -moz-transform 1s;
		-ms-transition: -ms-transform 1s;
		transition: transform 1s;
	}

	.readmore:hover {
		color: #b28c61;
	}

.closed + .readmore {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}

.sponsors {
	text-align: center;
}	

.sponsors img {
	width: inherit;
	height: inherit;
	max-height: 70px;
	margin: 1em;
}	

.related-media {
	margin-bottom: 2em;
	max-height: 2000px;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
}

	.related-media .bit-3 {
		height: 7em;
	}

		.related-media h5 {
			margin-left: 80px;
		}

.column-left {
	float: left;
	max-width: 700px;
	width: 100%;
	margin-right: 100px;
}

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

.closed {
	max-height: 6em;
	overflow: hidden;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
}


/* Contact Page */

.contactmain {
	position: relative;	
}

	.contactmap {
		height: 600px;
	}

	.contactcard {
		position: absolute;
		top: 3em;
		left: 3em;
		right: 50%;
		bottom: 3em;
		background: #fff;
		padding: 3em 2em;
	}

	.tabs {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #f5f5f5;
	}

		.tab {
			float: left;
			width: 50%;
			text-align: center;
			line-height: 3em;
			cursor: pointer;
		}

			.tab:hover {
				background: #3166a7;
				color: #fff;
			}

		.currenttab {
			background: #fff;
		}

			.currenttab:hover {
				background: #fff;
				color: #222;
			}

/* Footer */

.site-footer {
	background: #222;
	color: #fff;
	padding: 3em 0;
	text-align: center;
}
	.site-footer a {
		color: #b28c61;
	}

	.valueproposition {
		font-size: 1.5157em;
	}

		.valueproposition p {
			margin-bottom: 2em;
		}

	.site-footer .mc-field-group input {
		padding: .4em .5em .3em;
		width: 15em;
		background: transparent;
		color: #fff;
		border: 2px solid #444;
	}

	.site-footer .button {
		display: inline-block;
	}

	.contacticons {
		margin: 2.5em auto 2em;
		max-width: 900px;
	}
	.site-footer .contacticons {
		margin-bottom: 0;
	}

		.contacticons .icomoon {
			font-size: 3em;
			display: block;
			margin: 0 auto .2em;
		}

		.contacticons a {
			color: #333;
			text-decoration: none;
			word-break: break-all;
		}

		.site-footer .contacticons a {
			color: #fff;
		}

		.contacticons a .icomoon {
			color: #b28c61;
		}

/* Comments */

.comments-area {
	width: 100%;
	max-width: 620px;
	margin: 0 auto 4em;
}

.commentform-form {
	float: left;
	margin-bottom: 3em;
}

.comment-form {
	width: 540px;
}

.form-allowed-tags, .comment-form-url, .comment-reply-title, .comment-notes, .comment-form-comment > label {
	display: none;
}

.comment-form input {
	width: 50%;
	display: block;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 0.3em;
}

.comment-form textarea {
	border: 0;
	padding: 0.3em;
	width: 100%;
	height: 117px;
	background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-size: 100% 31px;
	line-height: 31px;
}

.form-submit input {
	display: inline;
	width: inherit;
	background: #fff;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #3166A7;
	padding: .5em;
	margin-left: -.5em;
	transition: background .3s;
}
	.form-submit input:hover {
		background: #f5f5f5;
	}

.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
	.comment-list li {
		margin-bottom: 2em;
		position: relative;
	}

		.comment-author img {
			border-radius: 50%;
			vertical-align: middle;
			margin-top: -.1em;
			display: inline-block;
			margin-right: .2em;
		}

		.says {
			display: none;
		}

		.reply {
			text-transform: uppercase;
			margin-left: 4.3em;
		}

		.comment-metadata {
			display: none;
		}

		.comment-content {
			margin: 1em 0 0 4.3em;
		}
			.comment-content p {
				margin-bottom: .5em;
			}

/* Timeline */

.maintimeline .vco-timeline .vco-navigation .timenav-background {
  background-color: #f5f5f5;
}

.maintimeline .vco-timeline .vco-navigation .timenav-background .timenav-line {
  background-color: #3166a7;
  width: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.maintimeline .vco-timeline .vco-navigation .timenav .time .time-interval-minor {
	display: none;
}

.maintimeline .vco-timeline .vco-navigation .timenav .time .time-interval,
.maintimeline .vco-timeline .vco-navigation .timenav .time .time-interval-major {
	top: 0;
}

.maintimeline .vco-storyjs .thumbnail {
	display: none;
}

.maintimeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag, .maintimeline .vco-timeline .vco-navigation .timenav .content .marker .flag, .maintimeline .vco-timeline .vco-navigation .timenav .content .marker .flag:hover {
	background-image: none;
}

.maintimeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 {
	text-align: left;
	color: #333;
}

.maintimeline .vco-timeline .vco-navigation .timenav-background .timenav-interval-background, .maintimeline .vco-timeline .vco-navigation .timenav-background .timenav-interval-background .top-highlight {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.maintimeline .vco-timeline .vco-navigation {
  border-top: 1px solid #fff;
}

.maintimeline .vco-timeline .vco-navigation .vco-toolbar {
  background-color: #f5f5f5;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.maintimeline .vco-timeline .vco-navigation .vco-toolbar .zoom-in, .maintimeline .vco-timeline .vco-navigation .vco-toolbar .zoom-out, .maintimeline .vco-timeline .vco-navigation .vco-toolbar .back-home {
  color: #b28c61;
  border: none;
}
.maintimeline .vco-storyjs .vco-feature .slider, .maintimeline .vco-storyjs .vco-feature .vco-slider {
  width: 100%;
  float: left;
  position: relative;
  z-index: 10;
  padding-top: 15px;
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.maintimeline .vco-notouch .vco-navigation .timenav-background .timenav-indicator {
		background-image: none;
		width: 22px;
	}
.maintimeline .vco-notouch .vco-navigation .timenav-background .timenav-indicator:after {
	top: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 16px;
	margin-left: -16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.maintimeline .vco-notouch .vco-navigation .timenav-background .timenav-indicator {
		background-image: none;
		width: 22px;
	}
}



/* Carousel */

.owl-theme .owl-controls {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-prev, .owl-next {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin: -2.15em 1em 0;
	font-size: 2em;
}
.owl-prev {
	left: 0;
}
.owl-next {
	right: 0;
	text-align: right;
}
.owl-prev:hover, .owl-next:hover {
	color: #a74131;
}
.owl-theme .owl-controls .owl-nav .disabled {
	opacity: .5;
	cursor: default;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 6px;
	background: transparent;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff;
}

.success-owl.owl-theme .owl-dots .owl-dot span {
	border-color: #333;
}

.success-owl.owl-theme .owl-dots .owl-dot.active span, .success-owl .owl-theme .owl-dots .owl-dot:hover span {
	background: #333;
}

/* CSS Loader */

.loader:before,
.loader:after,
.loader {
	display: none;
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	margin: 8em auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	-webkit-animation-delay: 0.16s;
	animation-delay: 0.16s;
}
.loader:before {
	left: -3.5em;
}
.loader:after {
	left: 3.5em;
	-webkit-animation-delay: 0.32s;
	animation-delay: 0.32s;
}
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
	box-shadow: 0 2.5em 0 -1.3em #3166a7;
  }
  40% {
	box-shadow: 0 2.5em 0 0 #3166a7;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
	box-shadow: 0 2.5em 0 -1.3em #3166a7;
  }
  40% {
	box-shadow: 0 2.5em 0 0 #3166a7;
  }
}

/* Fade In Effects */
/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
 
.fade-in {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
}
 
.fade-in:nth-child(1) {
  -webkit-animation-delay: .01s;
  animation-delay: .01s;
}
 
.fade-in:nth-child(2) {
  -webkit-animation-delay: .03s;
  animation-delay: .03s;
}
 
.fade-in:nth-child(3) {
  -webkit-animation-delay: .05s;
  animation-delay: .05s;
}
.fade-in:nth-child(4) {
  -webkit-animation-delay: .07s;
  animation-delay: .07s;
}
 
.fade-in:nth-child(5) {
  -webkit-animation-delay: .09s;
  animation-delay: .09s;
}
 
.fade-in:nth-child(6) {
  -webkit-animation-delay: .11s;
  animation-delay: .11s;
}
.fade-in:nth-child(7) {
  -webkit-animation-delay: .13s;
  animation-delay: .13s;
}
 
.fade-in:nth-child(8) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
 
.fade-in:nth-child(9) {
  -webkit-animation-delay: .17s;
  animation-delay: .17s;
}
.fade-in:nth-child(10) {
  -webkit-animation-delay: .19s;
  animation-delay: .19s;
}

/* Dropdown list */
.wrapper-dropdown {
	/* Size and position */
	position: relative; /* Enable absolute positioning for children and pseudo elements */
	width: 200px;
	padding: 10px;
	margin: 0 auto;

	/* Styles */
	background: #fff;
	border: 1px solid #333;
	color: #3166a7;
	outline: none;
	cursor: pointer;

	/* Font settings */
	font-weight: bold;
}
.wrapper-dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 16px;
	top: 1.3em;
	margin-top: -6px;
	border-width: 6px 0 6px 6px;
	border-style: solid;
	border-color: transparent #3166a7;    
}
.wrapper-dropdown .dropdown {
	/* Size & position */
	position: absolute;
	top: 100%;
	left: 0; /* Size */
	right: 0; /* Size */

	/* Styles */
	background: #f5f5f5;
	font-weight: normal; /* Overwrites previous font-weight: bold; */
	list-style: none;
	margin: 0;
	padding: 0;

	/* Hiding */
	opacity: 0;
	pointer-events: none;
}

.active .dropdown {
	/* Size & position */
	position: relative;
}

.wrapper-dropdown .dropdown li span {
	display: block;
	text-decoration: none;
	color: #3166a7;
	padding: .5em 1em;
}

/* Hover state */
.wrapper-dropdown .dropdown li:hover span {
	color: #b28c61;
}

/* Active state */
.wrapper-dropdown.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}

.wrapper-dropdown.active:after {
	border-color: #b28c61 transparent;
	border-width: 6px 6px 0 6px ;
	margin-top: -3px;
}

.wrapper-dropdown.active {
	background: #f5f5f5;
	border: none;
}			


/* Overlay */

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
}

	/* Overlay closing cross */
	.overlay .overlay-close {
		width: 80px;
		height: 80px;
		position: absolute;
		right: 20px;
		top: 20px;
		background: transparent;
		overflow: hidden;
		border: none;
		outline: none;
		z-index: 100;
	}

	/* Overlay content */
	.overlay-message {
		background: rgba(255,255,255,0.9);
		padding: 8em;
		text-align: center;
		position: relative;
		top: 50%;
		width: 70%;
		margin: 0 auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

/* Effects */

.site {
	background: #fff;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.site.overlay-open {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.overlay-contentscale {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentscale.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}


/* Forms */
.mc-field-group {
	display: inline-block;
	margin: 1em 0.05em;
}

	.mc-field-group input {
		padding: .3em .5em .2em;
		width: 15em;
	}



/*
	4.0 NAVIGATION
*/

/*
	4.1 LINKS
*/

a {
	color: #3166A7;
	transition: color .3s;
}

.author-name a {
	color: #010101;
	color: #333;
}

.pagenav a {
	color: #fff;
}

.pagenav a:hover {
	color: #3166A7;
}

.current_page_item a {
	color: #fff;
}

a:hover,
a:focus,
a:active {
	color: #b28c61;
}

/*
	5.2 MENUS
*/

.main-navigation {
	display: block;
	position: absolute;
	right: 0;
	top: 40px;
}


.navigation-menu,
.navigation-menu ul,
.navigation-menu li,
.navigation-menu a {
	margin: 0;
}

.navigation-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.navigation-menu > ul > li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
}
.navigation-menu > ul > li > a {
	display: block;
	position: relative;
	padding: 12px 20px;
	text-align: right;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
}
.navigation-menu > ul > li > a:hover {
	color: #b28c61;
}

/*
	5.3 MOBILE TRIGGER
*/
.nav-toggle { display: none; }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	cursor: pointer;
	border-radius: .1em;
	height: .2em;
	width: 1.5em;
	background: #333;
	position: absolute;
	display: block;
	content: '';
}
.nav-toggle span:before {
	top: -.5em; 
}
.nav-toggle span:after {
	bottom: -.5em;
}

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
	transition: all 500ms ease-in-out;
}

.menu-open .nav-toggle span {
	background-color: transparent;
}
.menu-open .nav-toggle span:before, .menu-open .nav-toggle span:after {
	top: 0;
}
.menu-open .nav-toggle span:before {
	transform: rotate(45deg);
}
.menu-open .nav-toggle span:after {
	transform: rotate(-45deg);
}


/* Submenus */

.navigation-menu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 21px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.navigation-menu ul li.has-sub:hover > ul,
.navigation-menu ul li.has-sub:hover > div {
	display: block;
}

.navigation-menu ul li > ul,
.navigation-menu ul li > div {
	display: none;
	position: absolute;
	top: 38px;
	padding: 10px 0;
	background: #fff;
	z-index: 999;
}
.navigation-menu ul li > ul {
	width: 200px;
}
.navigation-menu ul li > ul li {
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
}
.navigation-menu ul li > ul li a {
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	color: #333;
	text-decoration: none;
}
.navigation-menu ul ul a:hover {
	color: #b28c61;
}
.navigation-menu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #b28c61;
}



/* 	4.3 SUBNAVIGATION */

.pagenav-container {
	border-top: 1px solid #fff;
	margin-top: 0;
	background: transparent;
	position: relative;
	z-index: 9;
}

.nofuss .pagenav-container {
	border-top: none;
	margin-top: 0;
	background: transparent;
}

.pagenav {
	list-style: none;
	text-align: center;
	margin: 0;
	padding-left: 0;
}

	.pagenav li {
		display: inline-block;
		vertical-align: top;
		height: 4em;
		margin: 0 1em -1px;
	}

		.current_page_item {
			position: relative;
		}

		.current_page_item a {
			position: relative;
			font-weight: 700;
		}

		.pagenav .current_page_item:after {
			bottom: 0;
			left: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #ffffff;
			border-width: 15px;
			margin-left: -15px;
		}

		.pagenav a {
			text-transform: uppercase;
			text-decoration: none;
			color: #fff;
			line-height: 2.3em;
			display: block;
			padding: .1em 1em .05em;
			margin: .8em 0;
			transition: background .1s, color .1s;
		}

			.pagenav a:hover {
				background: #fff;
			}

		.nofuss .pagenav a {
			text-transform: uppercase;
			text-decoration: none;
			color: #333;
			line-height: 4em;
		}


.catnav {
	margin: .3em auto;
}

.maincatnav {
	padding-top: .5em;
}

	.maincatnav li {
		font-size: 1.1487em;
	}

.filterlabel {
	font-size: .7862em;
	text-transform: uppercase;
	margin: 0.5em 0.2em;
	display: inline-block;
}

.catnav li, .filterbutton {
	cursor: pointer;
	padding: .5em 1em .4em;
	margin: .15em;
	background: #fff;
	height: auto;
	white-space: nowrap;
	transition: all .3s;
}	


	.filterbutton {
		display: inline-block;
	}

		.filterbutton i {
			pointer-events: none;
		}

	.catnav li:hover, .filterbutton:hover {
		color: #fff;
		background: #3166a7;
	}		

	.catnav .current_cat_item, .current_button_item, .subcats.active {
		color: #fff;
		background: #b28c61;
		cursor: default;
	}

	.catnav .current_cat_item:hover, .current_button_item:hover, .subcats.active:hover {
		color: #fff;
		background: #b28c61;
	}


		.subcatnav {
			/*height: 90px;*/
		}

			.subcatnav .subcats {
				height: 0;
				padding: 0;
				margin: 0;
				width: 0;
				opacity: 0;
				overflow: hidden;
			}

			.subcatnav .shownav {
				height: 2.4em;
				line-height: 2.4;
				width: inherit;
				padding: 0 1em;
				margin: .2em .15em .05em;
				opacity: 1;
			}


/* 	4.4 BUTTONS */

.button {
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	padding: .5em 1em .4em;
	text-decoration: none;
	border: none;
	transition: background .2s, border .2s, color .2s;
	cursor: pointer;
}

	.blue {
		background: #3166A7;
	}

	.green {
		background: #A1A731;
	}

	.hallow {
		border: 2px solid #fff;
	}

	.hallowblue {
		color: #3166A7;
		border: 2px solid #3166A7;
	}

	.button:hover {
		background: #a74131;
		border-color: #a74131;
		color: #fff;
		text-decoration: none;
	}


.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


.post-nav {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 16em;
}

	.previous {
		position: absolute;
		left: 5%;
		top: 12em;
	}

		.previous .icomoon {
			position: absolute;
			font-size: 1.62em;
			left: -1.5em;
			top: .8em;
		}

		.next .icomoon {
			position: absolute;
			font-size: 1.62em;
			right: -1.5em;
			top: .8em;
		}

	.next {
		position: absolute;
		right: 5%;
		top: 12em;
	}

	.post-nav .author-icon {
		float: none;
		margin: 0 auto .5em;
	}



/*
	5.0 HELPERS
*/

.hidden {
	display: none;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.centerblock {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.bigtext {
	font-size: 2em;
}

.smalltext {
	font-size: .7862em;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: none;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*
	6.0 MEDIA
*/


/* Sprite for regular 72dpi displays */
.icon {
	background: transparent url(img/praxis_gfx.png) no-repeat;
}

.icon-footer-mail {
	width: 49px;
	background-position: 0 -47px;
}
.icon-footer-phone {
	width: 37px;
	background-position: -51px -47px;
}
.icon-footer-facebook {
	width: 34px;
	background-position: -88px -47px;
}
.icon-footer-twitter {
	width: 60px;
	background-position: -123px -47px;
}
.icon-computer {
	width: 48px;
	background-position: -184px -47px;
}

.icon-facebook {
	width: 40px;
	height: 40px;
	background-position: -80px -110px;
}
.icon-twitter {
	width: 40px;
	height: 40px;
	background-position: -160px -110px;
}
.icon-linkedin {
	width: 40px;
	height: 40px;
	background-position: -120px -110px;
}
.icon-googleplus {
	width: 40px;
	height: 40px;
	background-position: -40px -110px;
}
.icon-email {
	width: 40px;
	height: 40px;
	background-position: 0 -110px;
}


/** Dave's WordPress Live Search CSS **/
ul.search_results {
	display: block;
	background-color: #fff;
	max-height: 500px;
	position: absolute;
	top: 20px;
	left: 0;
	overflow: auto;
	z-index: 9999;
	list-style: none;
	padding: 0;
	margin: 0;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(204,204,204,1);
	box-shadow: 0px 1px 3px 0px rgba(204,204,204,1);
}

ul.search_results li {
	display: block;
	padding: .4em .8em;
	transition: all .3s;
}

ul.search_results li:hover {
	color: #fff;
	background: #316699;
}

ul.search_results li a {
	display: block;
}

ul.search_results li:hover a, ul.search_results li a:hover {
	color: #fff;
}


.search_footer {
	background-color: #f2f2f2;
	width: 100%;
	text-align: right;
	padding: .5em 0;
	display: none;
}

.search_footer a {
	color: #333;	
	margin-right: 1em;
}

.search_results_activity_indicato {
	z-index:999999;
	margin-left: -2em;
}


/*
	Google Search Customization
*/
/*
.site-main .gsc-control-cse {
	border: none;
	background: #f5f5f5;
	font-family: 'PT Sans', sans-serif;
	font-size: 1em;
	margin-bottom: 5em;
}

	.site-main .gsc-result-info {
		color: #676767;
		font-size: 1em;
		padding-left: 0;
		margin: 0;
	}

	.gs-webResult {
		border-bottom: 1em solid #f5f5f5;
		padding: 0 1em 0 0;
	}

		.site-main .gsc-adBlock {
			position: absolute;
			z-index: -1;
		}

		.site-main .gs-web-image-box, .site-main .gs-promotion-image-box {
			width: 15em;
			text-align: left;
			padding: 0;
		}


		.site-main .gsc-control-cse .gsc-table-result {
			font-size: 1em;
			margin: 0;
		}

		.site-main .gsc-result .gs-title {
			height: 2.3em;
		}
		.site-main .gs-webResult.gs-result a.gs-title:link {
			color: #3166a7;
		}
		.site-main .gs-webResult.gs-result a.gs-title:hover {
			color: #b28c61;
		}

		.site-main .gsc-table-cell-thumbnail {
			padding: 0;
		}

		.site-main .gsc-table-cell-snippet-close, .site-main .gs-promotion-text-cell {
			padding-left: 1em;
		}
		
		.gs-title, .gs-snippet {
			font-family: 'PT Sans', sans-serif;
		}

		.site-main .gs-result .gs-snippet {
			font-size: 1em;
		}

		.site-main .gsc-control-cse .gs-result .gs-title, .site-main .gsc-control-cse .gs-result .gs-title * {
			text-decoration: none;
			font-size: 1.1487em;
			color: #222;
			margin-top: .8em;
		}
		
		.site-main .cse .gsc-webResult.gsc-result, .site-main .gsc-webResult.gsc-result, .site-main .cse .gsc-webResult.gsc-result:hover, .site-main .gsc-webResult.gsc-result:hover, .site-main .gsc-imageResult-classic, .gsc-imageResult-column {
			border: 0;
			margin: 0;
			padding: 0;
		}		

		.gsc-orderby, .gsc-url-top, .gsc-url-bottom { 
			display: none;
		}


		.site-main .gs-result img.gs-image, .gs-result img.gs-promotion-image {
			border: 0;
			max-width: 220px;
			max-height: 170px;
		}

		
		.site-main .cse .gsc-cursor-box, .site-main .gsc-cursor-box {
			border-top: none;
			padding: .5em 0 0 0;
			text-align: left;
		}

		.site-main .gsc-results .gsc-cursor-box .gsc-cursor-page {
			border: none;
			color: #3166A7;
			text-decoration: none;
			font-size: 1em;
			padding: .7em 1em;
		}

		.site-main .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
			border: none;
			background-color: #B28C61;
			color: #fff;
			text-shadow: none;
			padding: .7em 1em;
		}


		.site-main .gsc-control-cse .gs-spelling {
			background: #f5f5f5;
			padding-bottom: 1em;
		}

		.site-main .gs-no-results-result .gs-snippet {
			margin: 0;
			padding: 1em;
			border: none;
			color: #ffffff;
			background-color: #da6e2a;
		}


		.site-main table.gsc-search-box td.gsc-input {
			padding-right: 0;
		}

			.site-main input.gsc-input {
				border: 1px solid #ccc;
				padding: .44em 1em;
				width: 100%;
				border-right: 0;
			}

			.site-main form.gsc-search-box {
				font-size: 1em;
				padding: 0;
				margin: 0;
			}

			.site-main table.gsc-search-box {
				margin-bottom: 0;
			}

				.site-main table.gsc-search-box td {
					vertical-align: middle;
				}

			.site-main td.gsc-search-button {
				position: relative;
			}

			.site-main td.gsc-search-button:before {
				content: "\e906";
				font-family: icomoon;
				background: #3166a7;
				position: absolute;
				color: #fff;
				text-align: center;
				line-height: 2.5em;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 1;
			}

				.site-main input.gsc-search-button {
					border-color: #3166a7;
					background-color: #3166a7;
				}
				.site-main .cse input.gsc-search-button, .site-main input.gsc-search-button {
					font-family: inherit;
					font-size: 1em;
					text-transform: uppercase;
					color: transparent;
					font-weight: normal;
					padding: 0 1em;
					height: 2.5em;
					min-width: 54px;
					background-color: transparent;
					border: none;
					border-radius: 0;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
					position: relative;
					z-index: 2;
				}
*/

/*
	7.0 RESPONSIVE STYLES
*/

/* Landscape mobile & down */
@media only screen and ( max-width: 30em ) {

	[class*='bit-'] {
		padding: .5em;
	}

	.site-header {
		height: 4em;
	}

		.nav-toggle { 
			position: fixed;
			right: 2.5%;
			margin-top: .3em;
			display: block;
			z-index: 999;
			background: #fff;
			height: 3em;
			width: 3em;
			padding: 1.45em .75em;
			border-radius: 50%
		}


		.main-navigation {
			position: fixed;
			top: 0;
			bottom: 0;
			width: 100%;
			background: rgba( 255, 255, 255, .9 );
			z-index: 998;
			font-size: 1.3em;
			transform: translateX(100%);
			transition: all .3s;
		}
		.menu-open .main-navigation {
			transform: translateX(0%);
		}

			.navigation-menu {
				position: absolute;
				width: 100%;
				top: 50%;
				-webkit-transform: perspective(1px) translateY(-50%);
				-ms-transform: perspective(1px) translateY(-50%);
				transform: perspective(1px) translateY(-50%);
			}

				.navigation-menu > ul > li {
					padding: 0;
					margin: 0;
					float: none;
					display: block;
					position: relative;
				}

					.navigation-menu > ul > li > a {
						display: block;
						padding: .5em 0;
						text-align: center;
					}

					.navigation-menu ul li > ul, .navigation-menu ul li > div {
						position: relative;
						top: 0;
						padding: 0;
						background: none;
						width: 100%;
						text-align: center;
					}

						.navigation-menu ul li > ul li a {
							padding: .2em 0;
						}


		.langswitch {
			position: fixed;
			top: inherit;
			right: 0;
			bottom: 1em;
			left: 0;
			text-align: center;
			z-index: 999;
			font-size: 1.3em;
			transform: translateY(200%);
			transition: all .3s;
		}
		.menu-open .langswitch {
			transform: translateY(0%);
		}

		h1 {
			font-size: 1em;
		}
			h1 img {
				width: 12em;
			}

		h2 {
			margin: 1em 0;
		}

		h3 {
			margin: 0 0 0.9em;
		}	

	/* Front */	

	.pageintro {
		margin-bottom: 0;
	}

	.intro-front {
		padding-top: 3em;
		padding-bottom: 3em;
	}

		.front-current-topic .bigtext {
			font-size: 1.5157em;
		}

		.front-news {
			padding-bottom: 0;
		}

			.front-news-piece h5 {
				margin-left: 3em;
			}

			.front-news .button {
				position: relative;
				bottom: inherit;
				-webkit-transform: none;
				-ms-transform: none;
				transform: none;
				margin-bottom: 1em;
			}

			.front-news .aside article:nth-child(n+3) {
				display: none;   
			}

	.front-apps {
		margin-top: 1em;
	}

	.front-who-are-we .bit-2 img {
		width: 100%;
	}

	.date-bubble {
		width: 3em;
		height: 3em;
		margin-top: 0;
		line-height: 1;
	}


	/* Works list */

	.workslistfilters .bit-3:first-child, .workslistfilters .bit-6 {
		display: none;
	}

	.maincatnav, .subcatnav {
		padding-top: .5em;
		white-space: nowrap;
		overflow-x: scroll;
		margin: 0 -2.5%;
	}

	/* Work */
	.pagenav .current_page_item:after {
		display: none;
	}
	.social-vertical {
		display: none;
	}
	.related-list {
		background: #f5f5f5;
		margin: 0em -1em 2em;
		padding: 1em 0;
	}
	.related-list li {
		padding-right: 0;
		float: none;
		width: 70%;
		margin: .5em auto;
		min-width: inherit;
	}
	.comment-form {
		width: 90%;
		margin: 0 auto;
	}
	.commentform-icon {
		margin: 0 auto .5em;
		float: none;
	}

	/* Services */
	.services-intro .pagenav {
		display: none;
	}

		.service-card {
			padding: 1em 0.5em 0;
		}

			.service-card h5 {
				max-width: 100%;
			}

	.areas ol {
		list-style: none;
		padding: 0;
		margin: 1em 0 0em;
	}		
		.areas li:before {
			top: 0;
		}

	.person-portrait {
		height: 3em;
		width: 3em;	
	}

	.contactform {
		padding: 2em 1em;
	}

	/* About */
	.values img {
		height: inherit;
		width: 100%;
	}
	.values .centerblock .bit-75 {
		padding: 0em 1em;
	}
	.history .intro-ground {
		display: none;
	}
	.history .textwidth {
		padding: 0em 1.5em;
	}

	/* Areas */
	.areas section {
		padding: .5em 0;

	}
	
		.arearight, .arealeft {
			margin: 0 2.5%;
			padding: 1em 1em 1em;
		}

	/* News */

	.related-media h5 {
	    margin-left: 3.5em;
	}

	.quickfacts .bit-2:nth-child(2), .quickfacts .bit-3, .quickfacts .bit-6 {
		display: none;
	}

	.sectionswitch span.active:after, .sectionswitch span.active:before {
		display: none;
	}

	.newspage .bit-4 {
		float: none;
		margin-bottom: 1em;
	}
		.wrapper-dropdown {
			width: 100%;
		}
	.sectionswitch {
	    margin-bottom: 1em;
	}

	/* Work */

	.areas .sectionmargintop {
		background-size: auto 8em;
    	background-position: top center;
	}

	/* People list */

	.peoplelist > div {
		height: inherit;
	}
		.peoplelist p {
			margin-bottom: 1em;
		}
		.peoplelist .person-portrait {
			height: 120px;
			width: 120px;
		}

	/* Profile */
	.post-nav {
		display: none;
	}
	.person-portrait-large {
		margin-top: 0;
	}

	/* Contact */
	.contacticons {
		margin: 1em auto 2em;
	}
	
		.contacticons .bit-4 {
			width: 50%;
		}

	.contactmap {
		height: 15em;
	}
	.contactcard {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
		background: #fff;
		padding: 4em 1em;
	}

	/* General */

	.sectionmargin {
		padding: 1em 0;
		margin: 1em 0;
	}

	section > .textwidth, section > .singlecolumn {
		padding: 0 2.5%;
	}

	.entry-title {
		width: 100%;
		overflow-x: scroll;
	}

	.big {
		font-size: 1.1487em;
	}

	.button {
		display: block;
		width: 100%;
		text-align: center;
	}

	.mc-field-group {
		display: block;
		margin: .5em 0;
	}

		.mc-field-group input {
			padding: .4em .5em .3em;
			width: 100%;
			border: 1px solid #fff;
		}

	.site-footer {
		padding: 2em 2.5% 1em;
	}

		.site-footer .mc-field-group input {
			width: 100%;
		}

		.contacticons .centerbit-5 {
			width: 49%;
			margin: .5em 0;
		}


}

/* Portrait tablet to landscape */
@media only screen and ( max-width: 50em ) {

}

/* Landscape to small desktop */
@media only screen and ( max-width: 68.750em ) {

}


/*
	8.0 PRINT
*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		height: auto;
		max-width: 100%;
	}

	.contactmap img {
		max-width: none; 
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}