/*============ Elements ============*/

 body {
	background: url(../img/bg.jpg) no-repeat center center fixed; 
 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	color:#fefefe;
	font-size:14px;
 }
 a:link, a:hover, a:active, a:visited {text-decoration:none; color:#5e9758;}
 a.btn {color:inherit;}
 nav a {color:#fff !important;}
 h1, h2, h3, h4, h5 {
	/*peachborder-left:5px solid #f9645c;*/
	border-left:5px solid #5e9758;
	font-family:'BebasNeueRegular';
	line-height:1em;
	padding:0 0.4em;
 }
 ul { 
 	color:#676464;
	list-style-type:square;
 }
 li {
	color:#fefefe; 
 }
  /*============ Layout ============*/

 header {
	/*background:URL(../img/header-bg.png);*/
	font-family:'BebasNeueRegular';
	height:300px;
	padding-bottom:20px;
	position:relative;
	width:100%;
	text-align: center;
 }
 header .container {
	position:relative; 
 }
 .logo-container {
	overflow:hidden; 
 }
 .bg-trans {
	padding:2em;
	/*background:rgba(0,0,0,0.5); */
 }
 #snowflake {
	left:51px;
	position:absolute; 
	top:24px;
 }
 #logo {
	cursor:pointer; 
	display:inline;
 }
 header img {
	/*float:left; */
 }
 header nav {
	overflow:hidden;
	font-size:1.6em; 
	padding:10px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	/*position:absolute;
	bottom:0;
	right:0;*/
 }
 header nav a {
	display:inline-block;
	color:#ffffff;
	margin:0 0.6em;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
 }
 header nav a:hover {
	bottom:12px;
	color:#5e9758;
 }
 
 .quote {
	 background:rgba(237,237,237,0.2);
	 padding:1em;
	 position:relative;
 }
 .quote h2 {
	font-size:1.8em;
	margin-left:120px; 
	border-left:none !important;
 }
 .quote-left, .quote-right {
	 position:absolute;
 }
 .quote-left {
	top:-10px;
	left:-10px; 
 }
 .quote-right {
	bottom:-10px;
	right:-10px;
 }
 .quote h2 {
	font-family: 'WalkwayObliqueRegular';
 }
 .container-circ {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	width:100px;
	height:100px;
	overflow:hidden;
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-50px;
}
.container-circ img {
	width:100%;
}
 .thumb-video {
	width:100%; 
 }
 
 .ideology-circle {
	background:#1a232e;
	border-radius:50%;
	height:220px;
	margin:auto;
	margin-bottom:2em;
	width:220px;
 }
 .work-examples {
	border-bottom:5px solid #676464;
	display:block;
	position:relative;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
 }
 .work-examples:hover {
	border-bottom:5px solid #5e9758;
 }
 .work-examples img {
 	width:100%;
 }
 .work-examples .caption {
	 position:absolute;
	 width:100%;
	 height:0;
	 bottom:0;
	 left:0;
	 background:rgba(0,0,0,0.7);
	 color:#fff;
	 text-align:center;
	 overflow:hidden;
	 -webkit-transition: all 0.1s ease-in-out;
	 -moz-transition: all 0.1s ease-in-out;
	 -o-transition: all 0.1s ease-in-out;
	 -ms-transition: all 0.1s ease-in-out;
	 transition: all 0.1s ease-in-out;
 }
 .work-examples .caption h3 {
	padding:25% 1%; 
	opacity:0;
	border:none;
	margin:0;
	text-wrap:none;
	-webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-in-out;
	 -o-transition: all 0.5s ease-in-out;
	 -ms-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
 }
 .work-examples:hover .caption {
	height:100%;
 }
 .work-examples:hover .caption h3 {
	opacity:1; 
 }
 .description {
 	display:none;
 }
 .modal-content {
 	border-radius:0;
 }
 .modal-title {
 	color:#343434;
 }
 .preview-large {
 	 	color:#343434;
 }
 .preview-large p {
 	margin:1em 0;
 }
 .preview-large img {
 	width:100%;
 	border:1px solid #ccc;
 }
 .message-recieved {
 	text-align:center;
 	display:none;
 }
 .message-recieved .glyphicon {
 	font-size:120px;
 }
 .message-recieved h2 {
 	border:none;
 }
 footer {
 	text-align:center;
 	letter-spacing: 2px;
 	font-weight: lighter;
 	text-transform: uppercase;
 }
 footer a {
	display:inline-block;
	color:#f4f3f3;
	margin:1em 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
 }
 footer a:hover {
	bottom:12px;
	color:#5e9758;
 }
 .icon-tree {
 	background-image:url(../img/icon-tree.png);
 	width:150px;
 	height:146px;
 	margin:auto;
 	display:block;
 }
 
 /*============ Form ============*/
 input[type="text"], textarea {
	width:90%; 
	border:1px solid #fff;
 }
 textarea {
	width:95% !important;
	height:200px !important; 
 }
 input[type="text"], textarea {
 	background:none !important;
 	background:rgba(0,0,0,0.5) !important;
 	color:#fff !important;
 }
 input[type="text"]:focus, textarea:focus {
 	border-color: rgba(94,151,88,0.8) !important;
	outline: 0 !important;
	outline: thin dotted \9 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(94,151,88,0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba94,151,88,0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(94,151,88,0.6) !important;
 }
 .error-msg {
 	width:90%;
 }
 .has-error {
 	-webkit-text-shadow:0 1px 1px rgba(0,0,0,0.5);
 	-moz-text-shadow:0 1px 1px rgba(0,0,0,0.5);
 	text-shadow:0 1px 1px rgba(0,0,0,0.5);
 }
 
  /*============ Paddings and Margins ============*/
 .double-padding {
	padding:2em; 
 }
 .double-padding-h {
	padding:0 2em; 
 }
 .double-padding-v {
	padding:2em 0; 
 }
 .double-padding-t {
	padding-top:2em; 
 }
 .full-padding {
	padding:1em; 
 }
 .full-padding-h {
	padding:0 1em; 
 }
 .full-padding-v {
	padding:1em 0; 
 }
 .half-padding {
	padding:0.5em; 
 }
 .half-padding-h {
	padding:0 0.5em; 
 }
 .half-padding-v {
	padding:0.5em 0; 
 }
 .margin-t-full {
 	margin-top:1em;
 }
 .double-margin-t {
	margin-top:2em; 
 }
 .no-margin-b {
 	margin-bottom:0 !important;
 }
 }
 
 .txt-align-c {
	text-align:center; 
 }	
 /*============ Responsive =======*/
 @media (max-width: 767px) {
 	nav a {
 		margin: 0 0.2em !important;
 	}
 	.container-circ {
 		position:static !important;
 		margin-top:0 !important;
 		margin:auto !important;
 	}
 	.quote h2 {
 		margin:0 !important;
 	}
 }
 /*============ Fonts ============*/
 @font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/BebasNeue-webfont.eot');
    src: url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BebasNeue-webfont.woff') format('woff'),
         url('../font/BebasNeue-webfont.ttf') format('truetype'),
         url('../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'WalkwaySemiBoldRegular';
    src: url('../font/Walkway_SemiBold-webfont.eot');
    src: url('../font/Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Walkway_SemiBold-webfont.woff') format('woff'),
         url('../font/Walkway_SemiBold-webfont.ttf') format('truetype'),
         url('../font/Walkway_SemiBold-webfont.svg#WalkwaySemiBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WalkwayObliqueRegular';
    src: url('../font/Walkway_Oblique-webfont.eot');
    src: url('../font/Walkway_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Walkway_Oblique-webfont.woff') format('woff'),
         url('../font/Walkway_Oblique-webfont.ttf') format('truetype'),
         url('../font/Walkway_Oblique-webfont.svg#WalkwayObliqueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}