/*
Theme Name: Portfolio Thirteen 99
Description: Portfolio Thirteen 99
Author: Christian Lang
Author URI: http://www.dayflash.com/
Version: .99
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Theme URI: http://www.dayflash.com/
Tags: Clean, Custom
*/

@font-face {
 font-family: 'Mono Social Icons Font';
 src: url('fonts/MonoSocialIcons/MonoSocialIconsFont-1.10.eot');
 src: url('fonts/MonoSocialIcons/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
 url('fonts/MonoSocialIcons/MonoSocialIconsFont-1.10.woff') format('woff'),
 url('fonts/MonoSocialIcons/MonoSocialIconsFont-1.10.ttf') format('truetype'),
 url('fonts/MonoSocialIcons/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
 src: url('fonts/MonoSocialIcons/MonoSocialIconsFont-1.10.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

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

.symbol, a.symbol:before {
 font-family: 'Mono Social Icons Font';
 -webkit-text-rendering: optimizeLegibility;
 -moz-text-rendering: optimizeLegibility;
 -ms-text-rendering: optimizeLegibility;
 -o-text-rendering: optimizeLegibility;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 -ms-font-smoothing: antialiased;
 -o-font-smoothing: antialiased;
 font-smoothing: antialiased;
}

a.symbol:before {
 content: attr(title);
 margin-right: 0.3em;
 font-size: 130%;
}

/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], button { cursor: pointer; }

/* bicubic resizing for non-native sized IMG:
code.flickr.com/#notes/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Base Styles */

/* Change this to watch in slo-mo */
.navicon-button {
	display: block;
	position: relative;
	height: 100%;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	
	-webkit-backface-visibility: hidden; /* needed for transformation android */

	-ms-transform: translate3d(0, 0, 0); /* IE9 */
	-moz-transform: translate3d(0, 0, 0); /* FF3.5/3.6 */
	-o-transform: translate3d(0, 0, 0); /* Opera 10.5 */
	-webkit-transform: translate3d(0, 0, 0); /* Safari and Chrome */
	transform: translate3d(0, 0, 0);
}


.navicon {	top: 0; left: 0; bottom: 0; right: 0; margin: auto; }

.m .navicon:after {		top: -7px; }
.m .navicon:before {	top:  7px; }

.s .navicon:after {
	top: -9px;
	width: 16px;
	height: 16px;
	border: 2px solid;
	-webkit-border-radius: 9999px; /* the css3 circle */
	-moz-border-radius: 9999px; /* the css3 circle */
	-khtml-border-radius: 9999px; /* the css3 circle */
	border-radius: 9999px; /* the css3 circle */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}



.navicon, .navicon:after, .navicon:before,
:checked + input + .site-canvas .s .navicon:after,
:checked + input + .site-canvas .s .navicon:before {
	height: 3px;
	width: 22px;
	display: block;
	content: "";
	
	position: absolute;
	border: none;
	-webkit-border-radius: 2px; /* the css3 circle */
	-moz-border-radius: 2px; /* the css3 circle */
	-khtml-border-radius: 2px; /* the css3 circle */
	border-radius: 2px; /* the css3 circle */
}

.navicon:before,
.navicon:after,
:checked + input + input + .site-canvas .m .navicon:before,
:checked + input + input + .site-canvas .m .navicon:after,
:checked + input + .site-canvas .m .navicon:before,
:checked + input + .site-canvas .m .navicon:after,
:checked + input + .site-canvas .s .navicon:before,
:checked + input + .site-canvas .s .navicon:after {
	top: 0;
}

.logo .navicon-button {display: none; }

a[href^='mailto:'], a[href^='tel:'] {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a[href^='mailto:']::before, a[href^='tel:']::after {
	content: attr(data-local-part);
	unicode-bidi: bidi-override;
	direction: rtl;
 
}
a[href^='mailto:']::after, a[href^='tel:']::before {
	content: attr(data-domain-part);
}

/* Arrows */
.larr .navicon, .larr .navicon:before, .larr .navicon:after,
.rarr .navicon, .rarr .navicon:before, .rarr .navicon:after,
.uarr .navicon, .uarr .navicon:before, .uarr .navicon:after,
.darr .navicon, .darr .navicon:before, .darr .navicon:after,
:checked + .toggle .darr .navicon:before,
:checked + .toggle .darr .navicon:after {
	width: 13px;
}

.big .navicon,
.big .navicon:before,
.big .navicon:after {
	width: 20px;
}

.rarr .navicon:after {
	-ms-transform: translateX(-33.1%) rotate(45deg); /* IE9 */
	-moz-transform: translateX(-33.1%) rotate(45deg); /* FF3.5/3.6 */
	-o-transform: translateX(-33.1%) rotate(45deg); /* Opera 10.5 */
	-webkit-transform: translateX(-33.1%) rotate(45deg); /* Safari and Chrome */
	transform: translateX(-33.1%) rotate(45deg);
}

.rarr .navicon:before {
	-ms-transform: translateX(33.1%) rotate(-45deg); /* IE9 */
	-moz-transform: translateX(33.1%) rotate(-45deg); /* FF3.5/3.6 */
	-o-transform: translateX(33.1%) rotate(-45deg); /* Opera 10.5 */
	-webkit-transform: translateX(33.1%) rotate(-45deg); /* Safari and Chrome */
	transform: translateX(33.1%) rotate(-45deg);
}

.larr .navicon:after {
	-ms-transform: translateX(-33.1%) rotate(-45deg); /* IE9 */
	-moz-transform: translateX(-33.1%) rotate(-45deg); /* FF3.5/3.6 */
	-o-transform: translateX(-33.1%) rotate(-45deg); /* Opera 10.5 */
	-webkit-transform: translateX(-33.1%) rotate(-45deg); /* Safari and Chrome */
	transform: translateX(-33.1%) rotate(-45deg);
}

.larr .navicon:before {
	-ms-transform: translateX(33.1%) rotate(45deg); /* IE9 */
	-moz-transform: translateX(33.1%) rotate(45deg); /* FF3.5/3.6 */
	-o-transform: translateX(33.1%) rotate(45deg); /* Opera 10.5 */
	-webkit-transform: translateX(33.1%) rotate(45deg); /* Safari and Chrome */
	transform: translateX(33.1%) rotate(45deg);
}


.uarr .navicon:before {
	-ms-transform: translateX(33.1%) rotate(45deg); /* IE9 */
	-moz-transform: translateX(33.1%) rotate(45deg); /* FF3.5/3.6 */
	-o-transform: translateX(33.1%) rotate(45deg); /* Opera 10.5 */
	-webkit-transform: translateX(33.1%) rotate(45deg); /* Safari and Chrome */
	transform: translateX(33.1%) rotate(45deg);
}

.uarr .navicon:after {
	-ms-transform: translateX(-33.1%) rotate(-45deg); /* IE9 */
	-moz-transform: translateX(-33.1%) rotate(-45deg); /* FF3.5/3.6 */
	-o-transform: translateX(-33.1%) rotate(-45deg); /* Opera 10.5 */
	-webkit-transform: translateX(-33.1%) rotate(-45deg); /* Safari and Chrome */
	transform: translateX(-33.1%) rotate(-45deg);
}


.darr .navicon:before {
	-ms-transform: translateX(33.1%) rotate(-45deg); /* IE9 */
	-moz-transform: translateX(33.1%) rotate(-45deg); /* FF3.5/3.6 */
	-o-transform: translateX(33.1%) rotate(-45deg); /* Opera 10.5 */
	-webkit-transform: translateX(33.1%) rotate(-45deg); /* Safari and Chrome */
	transform: translateX(33.1%) rotate(-45deg);
}

.darr .navicon:after {
	-ms-transform: translateX(-33.1%) rotate(45deg); /* IE9 */
	-moz-transform: translateX(-33.1%) rotate(45deg); /* FF3.5/3.6 */
	-o-transform: translateX(-33.1%) rotate(45deg); /* Opera 10.5 */
	-webkit-transform: translateX(-33.1%) rotate(45deg); /* Safari and Chrome */
	transform: translateX(-33.1%) rotate(45deg);
}

:checked + .toggle .darr .navicon:after {
	-ms-transform: rotate(-45deg); /* IE9 */
	-moz-transform: rotate(-45deg); /* FF3.5/3.6 */
	-o-transform: rotate(-45deg); /* Opera 10.5 */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
	transform: rotate(-45deg);
}

:checked + .toggle .darr .navicon:before {
	-ms-transform: rotate(45deg); /* IE9 */
	-moz-transform: trotate(45deg); /* FF3.5/3.6 */
	-o-transform: rotate(45deg); /* Opera 10.5 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	transform: rotate(45deg);
}




:checked + input + input + .site-canvas .m .navicon:after,
:checked + input + .site-canvas .m .navicon:after,
:checked + input + .site-canvas .s .navicon:after,
.x .navicon:after {
	-ms-transform: rotate(-45deg) scaleX(1.1); /* IE9 */
	-moz-transform: rotate(-45deg) scaleX(1.1); /* FF3.5/3.6 */
	-o-transform: rotate(-45deg) scaleX(1.1); /* Opera 10.5 */
	-webkit-transform: rotate(-45deg) scaleX(1.1); /* Safari and Chrome */
	transform: rotate(-45deg) scaleX(1.1);
}

:checked + input + input + .site-canvas .m .navicon:before,
:checked + input + .site-canvas .m .navicon:before,
:checked + input + .site-canvas .s .navicon:before,
.x .navicon:before,
.s .navicon:before {
	-ms-transform: rotate(45deg) scaleX(1.1); /* IE9 */
	-moz-transform: rotate(45deg) scaleX(1.1); /* FF3.5/3.6 */
	-o-transform: rotate(45deg) scaleX(1.1); /* Opera 10.5 */
	-webkit-transform: rotate(45deg) scaleX(1.1); /* Safari and Chrome */
	transform: rotate(45deg) scaleX(1.1);
}

.s .navicon:before {
	width: 40%;
	right: 0;
	top: 6px;
}

:checked + .toggle .plus .navicon:after {
	-ms-transform: none; /* IE9 */
	-moz-transform: none; /* FF3.5/3.6 */
	-o-transform: none; /* Opera 10.5 */
	-webkit-transform: none; /* Safari and Chrome */
	transform: none;
	 }

/* Arrows */

/* × and + */

.plus .navicon,
.x .navicon,
.s .navicon,
:checked + input + input + .site-canvas .m .navicon,
:checked + input + .site-canvas .m .navicon,
.darr .navicon, .darr .navicon,
.uarr .navicon, .uarr .navicon {
	visibility: hidden;
}

.navicon:before,
.navicon:after,
:checked + input + input + .site-canvas .m .navicon:before,
:checked + input + input + .site-canvas .m .navicon:after,
:checked + input + .site-canvas .m .navicon:before,
:checked + input + .site-canvas .m .navicon:after {
	visibility: visible;
}

.larr .navicon,
.rarr .navicon {
	visibility: hidden;
	-ms-transform: rotate(-90deg); /* IE9 */
	-moz-transform: rotate(-90deg); /* FF3.5/3.6 */
	-o-transform: rotate(-90deg); /* Opera 10.5 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
	transform: rotate(-90deg);
}

:checked + input + .site-canvas .s .navicon:before,
:checked + input + .site-canvas .s .navicon:after,
.s .navicon:before,
.x .navicon:before, .plus .navicon:before,
.x .navicon:after, .plus .navicon:after {
	-ms-transform-origin: center center; /* IE9 */
	-moz-transform-origin: center center; /* FF3.5/3.6 */
	-o-transform-origin: center center; /* Opera 10.5 */
	-webkit-transform-origin: center center; /* Safari and Chrome */
	transform-origin: center center;

}

.plus .navicon:after,
:checked + .toggle .plus .navicon:after {
	-ms-transform: scaleX(1); /* IE9 */
	-moz-transform: scaleX(1); /* FF3.5/3.6 */
	-o-transform: scaleX(1); /* Opera 10.5 */
	-webkit-transform: scaleX(1); /* Safari and Chrome */
	transform: scaleX(1);
}

.plus .navicon:before {
	-ms-transform: rotate(-90deg) scaleX(1); /* IE9 */
	-moz-transform: rotate(-90deg) scaleX(1); /* FF3.5/3.6 */
	-o-transform: rotate(-90deg) scaleX(1); /* Opera 10.5 */
	-webkit-transform: rotate(-90deg) scaleX(1); /* Safari and Chrome */
	transform: rotate(-90deg) scaleX(1);
}

:checked + .toggle .plus .navicon:before,
:checked + .site-canvas .toggle_filter .plus .navicon:before {
	-ms-transform: rotate(-90deg) scaleX(.01); /* IE9 */
	-moz-transform: rotate(-90deg) scaleX(.01); /* FF3.5/3.6 */
	-o-transform: rotate(-90deg) scaleX(.01); /* Opera 10.5 */
	-webkit-transform: rotate(-90deg) scaleX(.01); /* Safari and Chrome */
	transform: rotate(-90deg) scaleX(.01);
}

/* commented backslash hack \*/ 

* {
 -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
     box-sizing: border-box; }

p, span {
	max-height: 999999px;
}

html, body { height: 100%; }
.site-wrapper { position: relative; } /*needed for 100% height inputs*/
/*#main, .site-wrapper, .site-canvas, .content, .welcome, .slogan { height: 100%; }*/

html { 
	font-size: 62.5%;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

body {
	line-height: 1.7;
	font-size: 16px;
	font-size: 1.6em;
	overflow-y: scroll;
	overflow-x: hidden;
}

body, blockquote footer {
	font-family: 'Droid Serif', serif;
}
	
button, form, input, textarea, .new,
h1, h2, h3, h4, .label, .meta, .label_right, .label_left, .qty, input, .headline, .reading, 
.bar:after, .pie:after {
	font-family: 'Lato', sans-serif; /*Trebuchet MS*/
}

.logo .label {
	font-family: 'Open Sans Condensed', sans-serif; font-weight: bold;
}

/* Floating & Alignment */

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

ol, ul { list-style: none; }
:focus { outline: 0; }/* remember to define focus styles! */

h1, h2, h3, h4 {
	line-height: 1.3;
}

h6 {
	font-weight: 800;
}

.found { 
	text-align: center;
	overflow: hidden;
	width: 100%;

	 }

.button, .button:link, .button:visited {
	border: 1px solid;
	display: block;
	vertical-align: middle;
	-webkit-border-radius: 6px; /* the css3 circle */
	-moz-border-radius: 6px; /* the css3 circle */
	-khtml-border-radius: 6px; /* the css3 circle */
	border-radius: 6px; /* the css3 circle */
	
	}

.reading, .headline, .button_sub, .tile, .filter, article .header, article .footer,
.mtce, .section, .statement, .excerpt, .logo, .language, #iie, #ie9, .pie:before {
	text-align: center;
}

blockquote, .wp-caption-text {
	text-align: center; font-style: italic;
}

.headline, .label, .label_right, .label_left, .reading, .new, h1, h2, h3, h4, .searchform input, .reply, .meta, .bar:after, .pie:after {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.comment p, .reading { clear: both; display: block;}

.logo .label {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.colums_2 {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	-ms-column-count:2;
	column-count:2;

	-moz-column-gap: 310px; /* Firefox */
	-webkit-column-gap: 310px; /* Safari and Chrome */
	-ms-column-gap: 310px;
	column-gap: 310px;

	}

.placeholder { overflow: hidden;}
.placeholder span { font-size: 12em; line-height: 0; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
.social a .symbol { font-size: 2.0em; line-height: .5; }
.tile h2 { font-size: 1.1em; }
.title > * { display: inline; }
.logo .label { font-size: 1.4em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
.excerpt, blockquote p { font-size: 1.1em; }
.statement { font-size: 1.4em; }
h6 { font-size: 1em; }
small { font-size: 0.9em; }
big { font-size: 1.2em; }

.toggle_filter .label, .meta .label, .headline, .button .label, .mask .label, .new, .bar:after, .pie:after, .legal .label, .head, .nav_sml, .reply, .filter .toggle .label, .meta li:before, .meta li:after, .keys .label { font-size: 0.85em; }

a .label, a .label_left, a .label_right { vertical-align: middle; }
	
hr {
	background-color: red;
	content: "";
	width: 50%;
	border:0;
	height: 1px;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="text"]::-moz-focus-inner, input[type="url"]::-moz-focus-inner, input[type="email"]::-moz-focus-inner, textarea::-moz-focus-inner, input[type="search"]::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}

/* first level */

.button_menu .label_right, .button_menu .label { margin-right: 24px; }
.searchform input { padding-right: 24px; padding-left: 24px; }
.button_menu .label_left, .button_menu .label { margin-left: 24px; }

/* second level */

.qty {
	/*float: right;*/
	/*display: block;*/
	/*height: 100%;*/
	/*vertical-align: middle;*/
	display: inline;
}

.border_bottom {
	border-bottom: #F2F2F2 solid 1px;
}
.border_left {
	border-left: #F2F2F2 solid 1px;
}
.border_right {
	border-right: #F2F2F2 solid 1px;
}

button, input, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	
	-webkit-filter: none;
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(enabled = false)";

	font-size: 100%;
	
	-webkit-font-smoothing: antialiased;
	 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	
	-webkit-box-shadow: 0 0 0 #fbfbfbEEE;
	-moz-box-shadow: 0 0 0 #fbfbfbEEE;
	box-shadow: 0 0 0 #fbfbfbEEE;

	background: transparent;

	outline: 0;

	border: 0 none;

	vertical-align: middle;
	margin: 0; /*o r u l */
	padding: 0;
}

input, textarea {
	background: none;
	border: solid #fbfbfb 1px;
}

label:after, navicon-button:after { content: none !important;}

#respond input[type="url"]:required, #respond input[type="email"]:required,
#respond input[type="text"]:required, #respond textarea:required {
	
	background-image: url(images/icon-required.png);
}

#respond input[type="email"]:valid, #respond input[type="text"]:valid, #respond textarea:valid,
#respond input[type="url"]:optional:valid {
	
	background-image: url(images/icon-valid.png);
}


#respond input[type="url"]:optional, #respond input[type="email"]:optional,
#respond input[type="text"]:optional, #respond textarea:optional {
	
	background-image: url(images/icon-optional.png);
}

#respond input[type="url"], #respond input[type="email"], #respond input[type="text"], #respond textarea {
	
	background-repeat: no-repeat;
	background-size: auto 1.75em;
	background-position: 98.75% 50%;
}

#respond textarea {
	
	background-repeat: no-repeat;
	background-size: auto 1.75em;
	background-position: 99.65% 0.45em;
}

input[type="url"]:checked, input[type="email"]:checked,
input[type="text"]:checked, textarea:checked,
input[type="search"]:checked, input[type="search"]:checked,
input[type="url"]:focus, input[type="email"]:focus,
input[type="text"]:focus, textarea:focus,
input[type="search"]:focus, input[type="search"]:focus,
input[type="url"]:hover, input[type="email"]:hover,
input[type="text"]:hover, textarea:hover,
.searchform:hover input[type="search"], input[type="search"]:hover {

	color: DarkTurquoise; /* checked */

}

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; /* Remove default */ }
input[type="search"]::-moz-search-cancel-button { -moz-appearance: none; /* Remove default */ }
input[type="search"]::-o-search-cancel-button { -o-appearance: none; /* Remove default */ }
input[type="search"]::search-cancel-button { appearance: none; /* Remove default */ }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #bbb; /*checked*/
}
input::-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #bbb; /*checked*/
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #bbb; /*checked*/
}
input::-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #bbb; /*checked*/
}

strong {
	font-weight: bold;
}

em,
i {
	font-style: italic;
}

ins {
	background: #ffc;
	text-decoration: none;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Highlighting, Selection */
::selection {
	background: paleturquoise; /* Safari */
	}
::-moz-selection {
	background: paleturquoise; /* Firefox */
}

/* Text meant only for screen readers */

.screen-reader-text {
	position: absolute;
	left: -9000em;
}

/* Hyperlinks */


abbr, acronym, .info {
	cursor: help;
	border-bottom: 1px dashed;
}

a:link, a:visited {
	text-decoration:none;
}

a:link, a:visited {
	padding: 0 1px 0px 1px; /* t l b r */
	border-bottom: 2px solid;
}
	
/* Transition */
.transition, button, input, textarea {
	-ms-transition: background .4s, color .4s, border .4s; /* IE9 */
	-moz-transition: background .4s, color .4s, border .4s; /* FF3.5/3.6 */
	-o-transition: background .4s, color .4s, border .4s; /* Opera 10.5 */
	-webkit-transition: background .4s, color .4s, border .4s; /* Safari and Chrome */
	transition: background .4s, color .4s, border .4s;
}

.plus .navicon:after, .plus .navicon:before {
	-ms-transition: -ms-transform .2s; /* IE9 */
	-moz-transition: -moz-transform .2s; /* FF3.5/3.6 */
	-o-transition: -o-transform .2s; /* Opera 10.5 */
	-webkit-transition: -webkit-transform .2s; /* Safari and Chrome */
	transition: transform .2s;
}

:checked + input + .site-canvas .s .navicon:after,
.s .navicon:after {
	-ms-transition: none; /* IE9 */
	-moz-transition: none; /* FF3.5/3.6 */
	-o-transition: none; /* Opera 10.5 */
	-webkit-transition: none; /* Safari and Chrome */
	transition: none;
}

:checked + input + .site-canvas .s .navicon:before, .s .navicon:before {
	-ms-transition: width .2s, top .2s; /* IE9 */
	-moz-transition: width .2s, top .2s; /* FF3.5/3.6 */
	-o-transition: width .2s, top .2s; /* Opera 10.5 */
	-webkit-transition: width .2s, top .2s; /* Safari and Chrome */
	transition: width .2s, top .2s;
}


:checked + input + input + .site-canvas .m .navicon,
:checked + input + .site-canvas .m .navicon {
	-ms-transition: visibility 0s .4s; /* IE9 */
	-moz-transition: visibility 0s .4s; /* FF3.5/3.6 */
	-o-transition: visibility 0s .4s; /* Opera 10.5 */
	-webkit-transition: visibility 0s .4s; /* Safari and Chrome */
	transition: visibility 0s .4s;
}	
.m .navicon {
	-ms-transition: width .2s, visibility 1s .4s; /* IE9 */
	-moz-transition: width .2s, visibility 1s .4s; /* FF3.5/3.6 */
	-o-transition: width .2s, visibility 1s .4s; /* Opera 10.5 */
	-webkit-transition: width .2s, visibility 1s .4s; /* Safari and Chrome */
	transition: width .2s, visibility 1s .4s;
}


.m .navicon:after, .m .navicon:before {
	-ms-transition: -ms-transform .2s, width .2s, top .2s .4s; /* IE9 */
	-moz-transition: -moz-transform .2s, width .2s, top .2s .4s; /* FF3.5/3.6 */
	-o-transition: -o-transform .2s, width .2s, top .2s .4s; /* Opera 10.5 */
	-webkit-transition: -webkit-transform .2s, width .2s, top .2s .4s; /* Safari and Chrome */
	transition: transform .2s, width .2s, top .2s .4s;
}

:checked + input + input + .site-canvas .m .navicon:after,
:checked + input + input + .site-canvas .m .navicon:before,
:checked + input + .site-canvas .m .navicon:after,
:checked + input + .site-canvas .m .navicon:before {
	-ms-transition: -ms-transform .2s .4s, top .2s; /* IE9 */
	-moz-transition: -moz-transform .2s .4s, top .2s; /* FF3.5/3.6 */
	-o-transition: -o-transform .2s .4s, top .2s; /* Opera 10.5 */
	-webkit-transition: -webkit-transform .2s .4s, top .2s; /* Safari and Chrome */
	transition: transform .2s .4s, top .2s;
}

.mask, .view, .mask > .header, .placeholder {
	-ms-transition: -ms-transform .2s, background .1s, opacity .1s, color 0s; /* IE9 */
	-moz-transition: -moz-transform .2s, background .1s, opacity .1s, color 0s; /* FF3.5/3.6 */
	-o-transition: -o-transform .2s, background .1s, opacity .1s, color 0s; /* Opera 10.5 */
	-webkit-transition: -webkit-transform .2s, background .1s, opacity .1s, color 0s; /* Safari and Chrome */
	transition: transform .2s, background .1s, opacity .1s, color 0s;
}

.inner, .filter .toggle, .wrapper:before, .wrapper:after { 
	-ms-transition: width .6s, margin-left .4s .2s, left .6s; /* IE9 */
	-moz-transition: width .6s, margin-left .4s .2s, left .6s; /* FF3.5/3.6 */
	-o-transition: width .6s, margin-left .4s .2s, left .6s; /* Opera 10.5 */
	-webkit-transition: width .6s, margin-left .4s .2s, left .6s; /* Safari and Chrome */
	transition: width .6s, margin-left .4s .2s, left .6s;
}	

nav ul > li, header { 
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	
	-ms-transition: height .45s; /* IE9 */
	-moz-transition: height .45s; /* FF3.5/3.6 */
	-o-transition: height .45s; /* Opera 10.5 */
	-webkit-transition: height .45s; /* Safari and Chrome */
	transition: height .45s;
}

header {
	-ms-transition: background .6s; /* IE9 */
	-moz-transition: background .6s; /* FF3.5/3.6 */
	-o-transition: background .6s; /* Opera 10.5 */
	-webkit-transition: background .6s; /* Safari and Chrome */
	transition: background .6s;
}

.filter { 
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	
	-ms-transition: max-height .45s; /* IE9 */
	-moz-transition: max-height .45s; /* FF3.5/3.6 */
	-o-transition: max-height .45s; /* Opera 10.5 */
	-webkit-transition: max-height .45s; /* Safari and Chrome */
	transition: max-height .45s;
}

/*
.placeholder*/ {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	url('assets/backgrounds/grayscale.svg'); /* Firefox 4+ */
}

/* Based on "Navigataur: A pure CSS responsive navigation menu" by Mike King (@micjamking) */
/* pseudo-class + general/adjacent sibling doesn't work on Android <= 4.1.2 so we need a hack: A useless animation :D */

/* Fix Android */
body { 
	-moz-animation: bugfix infinite .1s; /* Firefox */
	-webkit-animation: bugfix infinite .1s; /* Safari and Chrome */
	-o-animation: bugfix infinite .1s; /* Opera */
	animation: bugfix infinite .1s;
}

@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
@-moz-keyframes rotation { from {padding:0;} to {padding:0;} }
@-o-keyframes rotation { from {padding:0;} to {padding:0;} }
@keyframes rotation { from {padding:0;} to {padding:0;} }

/* Like a link would behave */
html>/**/body label { display: inline-block; }

label, .toggle, .logo, .menu a {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

label > * {
	pointer-events: none;
}

input[type="radio"][name="toggle_menu"],
input[type="radio"] { position: absolute; left: -9999px; }
input[type="radio"][name="toggle_menu"] { height: 100%;}

.toggle_acc + .toggle > .navicon-button,
.toggle_filter > .navicon-button,
.single .toggle_menu { display: block; position: absolute; top: -9999px; }
.singlenav { display: none; }
.single .singlenav { display: block; }

.button_sub > .navicon-button { display: block; position: absolute; top:0; right: 0; }

.toggle_menu > .open, .toggle_menu > .close { display: block; }
.menu { clear: left; text-align: center; }
header nav input { width: 100%; text-align: center; }
.menu a { display: block; }

header nav ul > .inactive,
header nav ul > .active { height: 0em; overflow: hidden; }

header { max-height: 100%; overflow: auto; }

.toggle { display: block; position: relative; }
.toggle_menu { float: right; }

.searchform input { border: 0; padding: 0; height: 100%; }

.open, .close { top: 0; height: 100%; width: 100%; display: none; position: absolute; }
input[type="radio"]:checked + input + input + .site-canvas .toggle_menu .open,
input[type="radio"]:checked + input + .site-canvas .toggle_menu .open, /*searchmenu*/
input[type="radio"]:checked + input + .site-canvas .toggle_search .open,
input[type="radio"]:checked + .site-canvas .toggle_filter .open,
input[type="radio"]:checked + .toggle .open, .close { }
input[type="radio"]:checked + input + input + .site-canvas .toggle_menu .close,
input[type="radio"]:checked + input + .site-canvas .toggle_menu .close, /*searchmenu*/
input[type="radio"]:checked + input + .site-canvas .toggle_search .close,
input[type="radio"]:checked + .site-canvas .toggle_filter .close,
input[type="radio"]:checked + .toggle .close, .open { z-index: 1; }

.filter .toggle > .open { display: block; }

/* Start > Filter Dropdown */

.toggle_filter ~ .filter { overflow: hidden; max-height: 0; }
 
.toggle_filter > .open, .toggle_filter > .close,
.toggle_search > .open, .toggle_search > .close { display: block; }

#toggle_filter:checked + .site-canvas .filter { max-height: 20em; }

/*End > Filter Dropdown */

/* Header */

.menu_height, :checked + input + input + .site-canvas nav ul > li, :checked + input + .site-canvas nav ul > li,
html>/**/body #down, html>/**/body .target { height: 74px; }
html>/**/body #top, html>/**/body .intro { padding-top: 74px; }
html>/**/body .homepage #top, html>/**/body .about #top { padding-top: 0; }

.menu_width { width: 76px; }

.welcome { display: none; }
.homepage .welcome, .slogan {
	display: block;
	padding: 15% 0;
}

/* Start: Pace Loading animation */

.pace .pace-progress {
 background: #555;
 position: fixed;
 z-index: 200;
 top: 0;
 left: 0;
 height: 3px;

 -webkit-transition: width .3s;
 -moz-transition: width .3s;
 -o-transition: width .3s;
 transition: width .3s;
}

.pace-inactive {
 display: none;
}

/* End: Pace Loading animation */

body {
	background: #F7F7F7; /*checked*/
	color: #555; /*checked*/
	-ms-touch-action: auto;
	touch-action: auto;
}

 .home .tile:nth-child(1), .home .tile:nth-child(14), .home .tile:nth-child(10), .home .tile:nth-child(20), .home .tile:nth-child(24) { width: 66.66666%; }
 .home .tile:nth-child(1) .view, .home .tile:nth-child(14) .view, .home .tile:nth-child(20) .view, .home .tile:nth-child(4) .view { height: 30em; }
 
#down, .down, #up {
	width: 100%;
}

#down, .down {
	position: absolute;
	bottom: 0;
	right:0;
}

.up {
  position: absolute; 
  right: 0;
  top: 0;
}

.target {
	position: absolute;
	top:0;
}

.ie #iie { display: block; }
#iie, #sml { display: none; text-align: center; } 

#coo { display: none;  }
#coo .button_menu { position: absolute; top: 0; right: 0;}
.coo #coo { display: block; z-index: 140; width: 100%; bottom: 0; background: gold; } 
.coo #coo > div > div { overflow: hidden; }
#iie { top: 0; position: absolute; height: 100%; z-index: 130; background: gold; }
#sml { top: 0; position: absolute; height: 100%; z-index: 120; }

.ie .site-canvas { display: none !important; }


header {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	position: relative;
}



html>/**/body header,
html>/**/body #coo { position: fixed; } 

:checked + input + input + .site-canvas header,
:checked + input + .site-canvas header, header, #sml { background: rgb(255, 255, 255); }

.someClass1 { position: relative !important; }
.someClass2 { padding-top: 0 !important; }

.logo {
	display: block;
	float: left;
}

.logo_width {
	width: 130px;
}

/* Distances */


.ve_dist_05_bottom, .contact > ul > li:first-child, .contact > ul, .contact > div > ul, p, .reading, blockquote footer, input, textarea {
	padding-bottom: 8px; /* o r u l */
}

.tile .title {
	padding-top: 0px; /* o r u l */
}
.ve_dist_05_top, .contact > ul, .contact > div, .reading, input, textarea {
	padding-top: 8px; /* o r u l */
}

.ve_dist_bottom, .mtce p, /*.video, video,*/ .tile .headline, .tile .label, .keys, blockquote, .acc_single ul li:last-child, #respond-title, #comments-title, #respond p, .button, .button:link, .button:visited {
	padding-bottom: 16px; /* o r u l */
}

.ve_dist_top, .button, .button:link, .button:visited, .mtce p, /*.video, video,*/ .tile .headline, .keys, blockquote {
	padding-top: 16px; /* o r u l */
}

.ve_dist_2_bottom, #coo > div, #sml > div, #iie > div, .mtce .content, .mtce h1, .contact, .description, .single article, .legal, .found, .meta, .noresults, .tile .title {
	padding-bottom: 32px; /* o r u l */
}

.ve_dist_2_top, #coo > div, #sml > div, #iie > div, .mtce .content, .mtce h1, .contact, .description, .legal, .found, .meta, h4, .title {
	padding-top: 32px; /* o r u l */
}

.ve_dist_3_bottom, .statement + div:last-child, .statement, .excerpt, .button_sub, .button_sub:link, .button_sub:visited, .headline, .title {
	padding-bottom: 48px; /* o r u l */
}

.ve_dist_3_top, .button_sub, .button_sub:link, .button_sub:visited, .headline {
	padding-top: 48px; /* o r u l */
}

.ve_ma_bottom {
	margin-bottom: 16px; /* o r u l */
}

.ve_ma_05_bottom {
	margin-bottom: 8px; /* o r u l */
}

.ho_dist_2_left {
	padding-left: 32px; /* o r u l */
}

.ho_dist_2_right {
	padding-right: 32px; /* o r u l */
}

.ho_dist_both, .type {
	padding-left: 16px; /* o r u l */
	padding-right: 16px; /* o r u l */
}

.ho_dist_left {
	padding-left: 16px; /* o r u l */
}

.ho_dist_right {
	padding-right: 16px; /* o r u l */ 
}

.ho_dist_05_left, input, textarea {
	padding-left: 8px; /* o r u l */
}

.ho_dist_05_right, input, textarea, .social a:not(:last-child) .symbol {
	padding-right: 8px; /* o r u l */
}

#ln { font-size: .6em; }
.socicon:link, .socicon:visited { margin: .2em; display: inline-block; font-family: 'socicon' !important; height: 2.6em; width: 2.6em; padding-top: 2px; border: 2px solid; font-size: 1.2em; border-radius: 100%; }

/* Effect 5: same word slide in */

.effect a { overflow: hidden; display: inline-block; }

.effect a span {
	display: inline\9; /* IE8 and below */ 
	zoom: 1\9; /* IE8 and below */
	display: -moz-inline-stack; /* Mozilla */
	display: inline-block;
}

.effect a span::before {
	position: absolute;
	top: -5em;
	content: attr(data-hover);
}

.effect a:hover span,
.effect a:focus span {
	-ms-transform: translate(0,5em); /* IE9 */
	-moz-transform: translate(0,5em); /* FF3.5/3.6 */
	-o-transform: translate(0,5em); /* Opera 10.5 */
	-webkit-transform: translate(0,5em); /* Safari and Chrome */
	transform: translate(0,5em);
}


/* Button and Colors */

a:link, a:visited,
blockquote p {
	color: #555; /*checked*/
}

a:hover,
.active input,
.button, .button:link, .button:visited,
.active, .active:link, .active:visited,
.button_sub_active:link, .button_sub_active:visited,
.new:after, .new:before {
	color: DarkTurquoise; checked
}

.button:hover {
	border-color: transparent;
}

.navicon, .navicon:before, .navicon:after,
:checked + input + .site-canvas .s .navicon:after {
	background: #777;
	border-color: #777;
}


.toggle .s .navicon:after {
	border-color: #777;
}

.toggle:hover .s .navicon:after { border-color: DarkTurquoise; }

.s .navicon:after, .toggle:hover .s .navicon:after {
	background: none;
}

:hover > .navicon-button .navicon, :hover > .navicon-button .navicon:before, :hover > .navicon-button .navicon:after,
:checked + input + .site-canvas .toggle:hover .s .navicon:after {
	background: DarkTurquoise;
}

.button_sub, .button_sub:link, .button_sub:visited {
	border: none;
} 

.slogan a:link, .slogan a:visited,
.button_menu:link, .button_menu:visited,
.logo:link, .logo:visited,
.headline a:link, .headline a:visited,
.meta a:link, .meta a:visited,
.legal a:link, .legal a:visited,
.social a:link, .social a:visited,
.tile a:link, .tile a:visited,
.pagination a:link, .pagination a:visited,
#up a, #up a:link, #up a:visited {
	border: 0;
	padding: 0;
}

.welcome:link, .welcome:visited {
	border: 0;
}

.tile a:link, .tile a:visited, .tile a:hover, .view:hover .new {
	color: #555; /*checked*/
}

.view:hover .mask,
.slogan a:link, .slogan a:visited,
.welcome:link, .welcome:visited, .new {
	color: #fff;
}

.view:hover .new:after, .view:hover .new:before { color: DarkTurquoise; /*checked*/; }

.head:after, .head:before {
	color: #eee; /*checked*/	
}

.button:hover,
.bar .first, .pie .last, .pie .first, .wrapper:after { background: DarkTurquoise; }
.pie, .bar, .wrapper:before { background: #eee; }

 .button:hover { color: #F7F7F7; }
 .pie:after { background: #F7F7F7; }

.head, .wp-caption-text a:link, .wp-caption-text a:visited, 
input, .button_sub, .button_sub:link, .button_sub:visited, .button_sub:hover, .reading, .qty,
.headline, .headline a:link, .headline a:visited,
.keys, .keys a:link, .keys a:visited, code, blockquote footer, .wp-caption-text,
blockquote footer a:link, blockquote footer a:visited { color: #bbb; /*checked*/ }

p, .summary ul, .summary ol, .keys, .footer { padding: 16px 12% 16px 12%; /*background: green;*/ }
blockquote p { padding: 8px 0 16px 0; }
.statement, .excerpt, blockquote { padding: 32px 6% 32px 6%; /*background: orange;*/ }
.keys { overflow: hidden; }

.slogan, .welcome {
	background: paleturquoise;
	overflow: hidden;
	color: #fff;
	position: relative;
	}
	
	
.words, .type:link, .type:visited {
	background: darkturquoise;
	color: #fff;
	}


.words .headline { color: paleturquoise; }

.skills, .content > footer, .featured, .skills .pie:after {
	background: #555; /*checked*/
	color: #fff;
	}

footer a:link, footer a:visited { color: #fff; }
footer a:hover { color: DarkTurquoise; }
.skills .headline, .featured .headline { color: #777; }
.skills .navicon, .skills .navicon:before, .skills .navicon:after, .skills .pie, .skills .bar, .skills .wrapper:before { background: #666; }

.skills .toggle {
	border-top: 1px solid #666;
}
.skills .acc_all {
	border-color: none;
}

/* Typographic Elements */

.summary ul li:before {
	content: "\25A0";
	margin-left: -1.5em;
	position: absolute;
}

.summary ol li {
	list-style: decimal;
}

.summary ul li {
	padding-left: 0.5em;
}

.summary ol li {
	padding-left: 0.25em;
}

.summary ol { margin-left: -0.25em; }
.summary ul { margin-left: -0.5em; }

blockquote footer {
	display: block; 
	}
 
blockquote footer:before,
.reading:before {
	content: "";
	height: 1px;
	display: block;
	margin: auto;
	width: 15%;
	background: #555;
	margin: 1em auto;
}

.new { top: 2em; right: 1.5em; }
.new { padding-left: 1.5em; margin-right: 1.5em; z-index: 4; position: absolute; }

.meta { position: relative; }
.head { 
	width: 16em;
	margin-left: -8em;
	left: 50%;
	height: 0;
	top: 0;
	position: absolute; line-height: 0;}

.head:after {
	top: -0.85em;
	z-index: -1;
	position: absolute;
	content: '';
	border-right: .6em solid transparent;
	border-top: .9em solid;
	border-bottom: .97em solid;
	border-left: 0.3em solid;
	right:0;
	width: 60%;
}

.head:before {
	top: -0.85em;
	left: 0;
	width: 1em;
	width: 60%;
}

.new:before {
	z-index: -1;
	position: absolute;
	content: '';
	border-top: 1.8em solid;
	padding-right: 1.2em;

	
}

.head:before {
	z-index: -1;
	position: absolute;
	content: '';
	border-left: .6em solid transparent;
	border-top: .9em solid;
	border-bottom: .97em solid;
	border-right: 0 solid;
	
}

.new:before {
	left: 0;
	width: 100%;
}

/*------------------*/

.pie:before {
	content: attr(data-hover);
	position: absolute;
	left: 2%;
	right: 0;
	height: 100%;
	display: block;
	top: 50%;
	line-height: 0;
	z-index: 1;

}	
.pie:after { 
	content: '';
	position: absolute;
	left: 0; top: 0; bottom: 0; right: 0;
	margin: 2px;
	
	-webkit-border-radius: 9999px; /* the css3 circle */
	-moz-border-radius: 9999px; /* the css3 circle */
	-khtml-border-radius: 9999px; /* the css3 circle */
	border-radius: 9999px; /* the css3 circle */
}

.pie {
	display: block; 
	position: relative;
	width: 6em;
	height: 6em;
	overflow: hidden;
	
	-webkit-border-radius: 9999px; /* the css3 circle */
	-moz-border-radius: 9999px; /* the css3 circle */
	-khtml-border-radius: 9999px; /* the css3 circle */
	border-radius: 9999px; /* the css3 circle */
}

.pie .last, .pie .first_cont {
 top: 0;
 width: 50%;
 height: 100%;
 overflow: hidden;
 position: absolute;
}

.pie .first {
 top: 0;
 width: 100%;
 height: 100%;
 border-top-left-radius: 100%;
 border-bottom-left-radius: 100%;
 -moz-transform-origin: right center;
 -ms-transform-origin: right center;
 -webkit-transform-origin: right center;
 -o-transform-origin: right center;
 transform-origin: right center;
 left: -100%;
 position: absolute;
}

.pie .first_cont, .pie .last { right: 0; }
.pie .last {
 border-top-right-radius: 100%;
 border-bottom-right-radius: 100%;
 -moz-transform-origin: left center;
 -ms-transform-origin: left center;
 -webkit-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}

.pie0 .pie, .pie10 .pie, .pie20 .pie, .pie30 .pie, .pie40 .pie { /*clip: rect(0, 300px, 300px, 150px);*/ }
.pie0 .last, .pie10 .last, .pie20 .last, .pie30 .last, .pie40 .last, .pie50 .last { display: none !important; }

.pie0 .first { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.pie10 .first { -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -webkit-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); }
.pie20 .first { -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -webkit-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); }
.pie30 .first { -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -webkit-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg); }
.pie40 .first { -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -webkit-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg); }
.pie50 .first { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}

.bar, .pie { margin: 1em auto; }
.about .bar:after { display: none; }
.bar0, .bar10, .bar20, .bar30, .bar40, .bar50, .bar60, .bar70, .bar80, .bar90, .bar100 { display: block; }
.bar { position: relative; display: block; height: 2px; width: 100%; }
.bar:after { 
	content: attr(data-hover);
	position: absolute;
	text-align: center;
	height: 100%;
	display: block; float: left;
	line-height: 0;
	top: 50%;
}
.bar .first { display: block; float: left; height: 100%; }

.bar0 .bar:after, .bar10 .bar:after,
.bar20 .bar:after, .bar30 .bar:after,
.bar40 .bar:after, .bar50 .bar:after,
.bar60 .bar:after { right: 0; }

.bar70 .bar:after, .bar80 .bar:after,
.bar90 .bar:after, .bar100 .bar:after { left: 0; }

.bar0 .first { width: 0%; }
.bar10 .first { width: 10%; }
.bar20 .first { width: 20%; }
.bar30 .first { width: 30%; }
.bar40 .first, .bar60 .bar:after { width: 40%; }
.bar50 .first, .bar50 .bar:after { width: 50%; }
.bar60 .first, .bar40 .bar:after { width: 60%; }
.bar70 .first, .bar30 .bar:after, .bar70 .bar:after { width: 70%; }
.bar80 .first, .bar20 .bar:after, .bar80 .bar:after { width: 80%; }
.bar90 .first, .bar10 .bar:after, .bar90 .bar:after { width: 90%; }
.bar100 .first, .bar0 .bar:after, .bar100 .bar:after { width: 100%; }

	
.pie60 .first { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pie60 .last { -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -webkit-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); }
.pie70 .first { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pie70 .last { -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -webkit-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); }
.pie80 .first { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pie80 .last { -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -webkit-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg); }
.pie90 .first { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pie90 .last { -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -webkit-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg); }
.pie100 .first { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.pie100 .last { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.gradient-pattern {
	background: -webkit-linear-gradient(135deg, rgba(0,0,0,0) 25%, rgba(255,255,255,.2) 25%, rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,.2) 75%),
	-webkit-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,.2) 25%, rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,.2) 75%), DarkTurquoise; /*checked*/;
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,.2) 25%, rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,.2) 75%),
	-moz-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,.2) 25%, rgba(255,255,255,.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,.2) 75%), DarkTurquoise; /*checked*/;
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.1) 75%),
	-o-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.1) 75%), DarkTurquoise; /*checked*/;
background:-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.1) 75%),
	linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.1) 75%), DarkTurquoise; /*checked*/;
	
	background-color: DarkTurquoise;
	background-attachment: fixed;
	background-size: 100%;
	background-position: center, left;
	-moz-opacity: .9999999;
}

/* Author Template */

.author-info:after {
	margin-bottom:20px;
}
.author-avatar {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.author-description {
	float:left;
}

/* Images */

article .wp-caption,
article img {
	display:block;
	height: auto;
	width: 100%!important;

}

/* Make sure videos and embeds fit their containers */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.wp-video, .emb_video, .wp-video-shortcode { background: transparent; width: 100% !important; }
.video{ line-height: 0; }

video {
	background: #fbfbfb;
	position: relative;
	width: 100%;
	height: 100%;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.nothumb .view { height: auto; }*/

.read {position: absolute; bottom: 0; right: 0;}
.tile {
	position: relative;
	float: left;
	clear: none;
}

.hasthumb .placeholder { height: 100%; }
.nothumb .placeholder { height: 0; }
.view { height: 15em; }

.media_height { min-height:3em; }

	.nothumb .view { background: #fff; }
	.view:hover .mask { border: none; }

/* Projects Overview */

.view {
	position: relative; 
	width: 100%;
	overflow: hidden;
	display: block;
}

.placeholder {
	display: block;
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
}

.toggle_menu:after {
	content: none !important;
}

.divHelper, .socicon:after, .placeholder:after, .mask:after, .menu .menu_height:after, .pagination li .menu_height:after, .logo:after, .toggle:after, .language:after {
	content: "";
	display: inline\9; /* IE8 and below */ 
	zoom: 1\9; /* IE8 and below */
	display: -moz-inline-stack; /* Mozilla */
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0.01em;
	background: transparent;
}

.mask {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}


.qty { padding-left: 0.75em; }
.toggle_f, .found { border-top: solid 1px #eee; }

:hover + .wrapper:after,
:hover + input + .toggle + .wrapper:after,
:hover + input + .toggle + input + .toggle + .wrapper:after { height: 3px; }
.wrapper:before { height: .25em; }

input[type="radio"][value="f2"]:checked + .toggle + input + .toggle + .wrapper:before,
input[type="radio"][value="f2"] + .toggle:hover + input + .toggle + .wrapper:after { left: 30%; }
input[type="radio"][value="f3"]:checked + .toggle + .wrapper:before,
input[type="radio"][value="f3"] + .toggle:hover + .wrapper:after { left: 60%; }
input[type="radio"][value="f1"]:checked + .toggle + input + .toggle + input + .toggle + .wrapper:before,
input[type="radio"][value="f1"] + .toggle:hover + input + .toggle + input + .toggle + .wrapper:after { left: 0%; }

.wrapper { position: relative; }

.wrapper:before {
	content: '';
	position: absolute;
	top: 0;

	margin-left: 7%;
	margin-right: 7%;
	overflow: hidden;
	width: 26%;
	left: 30%;

}

.filter .toggle, .wrapper .meta { display block; float: left; }
.filter input + .toggle { width: 30%; }
.wrapper .meta { display block; float: left; width: 33.33%; }
.wrapper { display: block; clear: both; overflow-x: hidden; overflow-y: hidden; }
.wrapper .inner { position: relative; overflow-x: auto; overflow-y: hidden; display: block; width: 300%; }


.filter input[type="radio"]:checked + .toggle { width: 40%; }

.filter input[type="radio"][value="f1"]:checked + div + input + div + input + div + .wrapper .inner { left: 0; }
.filter input[type="radio"][value="f2"]:checked + div + input + div + .wrapper .inner { left: -100%; }
.filter input[type="radio"][value="f3"]:checked + div + .wrapper .inner { left: -200%; }

.meta li, .headline li, .statement li { display: inline; }

.headline ul li:not(:first-child):before,
.meta ul li:not(:first-child):before,
.statement ul li:not(:first-child):before {
	padding: 0 0.5em;
	/*content: " \25A0 ";*/
	content: " ";
}

.mask > .header, .intro {
	width: 90%;
	display: inline\9; /* IE8 and below */ 
	zoom: 1\9; /* IE8 and below */
	display: -moz-inline-stack; /* Mozilla */
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

/* Projects Overview Effect*/

.view:hover .mask { background-color: rgba(68, 68, 68, .9); }

.mask { /* Background image and mask transition start */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: "alpha(opacity=0)"; /* IE 5-7 */
	-moz-opacity: 0; /* Netscape */
	-khtml-opacity: 0; /* Safari 1.x */
	opacity: 0; /* Good browsers */
}

.nothumb .mask,
.view:hover .mask {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
	filter: "alpha(opacity=100)"; /* IE 5-7 */
	-moz-opacity: 1; /* Netscape */
	-khtml-opacity: 1; /* Safari 1.x */
	opacity: 1; /* Good browsers */

}

.view .mask, .view {
	-ms-transition-delay: 0.05s; /* IE9 */
	-moz-transition-delay: 0.05s; /* FF3.5/3.6 */
	-o-transition-delay: 0.05s; /* Opera 10.5 */
	-webkit-transition-delay: 0.05s; /* Safari and Chrome */
	transition-delay: 0.05s;	
}

.view:hover .mask, .view:hover {
	-ms-transition-delay: 0s; /* IE9 */
	-moz-transition-delay: 0s; /* FF3.5/3.6 */
	-o-transition-delay: 0s; /* Opera 10.5 */
	-webkit-transition-delay: 0s; /* Safari and Chrome */
	transition-delay: 0s;	
}

/* Comments */

.comment-author { float: left; }
.comment-meta { float: right; }

#comments ol li {
	margin-bottom: 1em;
}

#comments ul.children {
	margin-left: 1em; /*o r u l */
	margin-top: 1em;
}
#comments ul.children li {
}

/* Comments Form */

#respond {
	position: relative;
}

#respond input,
#respond textarea {
	position: relative;
	width: 100%;
	margin: 0 0 0 0; /*o r u l */
	display: block;
}

#respond textarea {
	resize: vertical;
}

.show_under_3, .show_under_2, .show_under_1, .hidden {
	display: none;	
}

.legal { clear: both; }
.legal, .legal > div > div > span { display: block; }

.placeholder { background-color: #eee; }

.tweet .view { background-color: #999; }

.mtce .content { width: 70%; margin: auto; }
.mtce p { padding-left: 0; padding-right: 0; }


/* =Responsive Structure
----------------------------------------------- */

@media screen and (max-width: 1024px) {
	
	.mtce .content { width: 80%; }
	
	.hasthumb .view { background: #fff; }
	.view:hover { color: #fff; background: #555; }


	.view:hover .placeholder {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
		filter: "alpha(opacity=60)"; /* IE 5-7 */
		-moz-opacity: .6; /* Netscape */
		-khtml-opacity: .6; /* Safari 1.x */
		opacity: .6; /* Good browsers */
	}
	
	.button_menu .label_right, .button_menu .label { margin-right: 20px; }
	.searchform input { padding-right: 20px; padding-left: 20px; }
	.button_menu .label_left, .button_menu .label { margin-left: 20px; }
	
	.menu_height, :checked + input + input + .site-canvas nav ul > li, :checked + input + .site-canvas nav ul > li,
	html>/**/body #down, html>/**/body .target { height: 62px; }
	html>/**/body #top, html>/**/body .intro { padding-top: 62px; }
	.logo_width, .menu_width { width: 63px; }
	.part_l { display: block; position: absolute; top: -9999px; }
	
	/*
	#recent .tile:nth-of-type(4n), .featured .tile:nth-of-type(4n) {
		display: none;
	}
	*/

	/*#recent .tile:nth-of-type(3n), .featured .tile:nth-of-type(3n) {
		display: none;
	}*/

	.part_f1 { display: none;}

@media screen and (max-width: 767px)
/*screen and (767px max-device-width : 1040px) and (orientation : portrait)*/ {
	
.summary ol { margin-left: 1.75em; }
.summary ul { margin-left: 1.5em; }
	
.home .tile:nth-child(1), .home .tile:nth-child(10), .home .tile:nth-child(14), .home .tile:nth-child(20), .home .tile:nth-child(24) { width: 100%; }

.home .tile:nth-child(1) .view, .home .tile:nth-child(3) .view, .home .tile:nth-child(4) .view, .home .tile:nth-child(14) .view, .home .tile:nth-child(20) .view { height: 15em; }

	/* Footer */
	input[type="url"], input[type="email"], input[type="text"], input[type="search"], input[type="search"], textarea {
		
		background-position: 99.5% 50%;
	}
	textarea {
		background-position: 99.5% 0.45em;
	}
	
	#recent .tile:nth-of-type(3n), .featured .tile:nth-of-type(3n) {
		display: block;
	}

	#recent .tile:nth-of-type(4n), .featured .tile:nth-of-type(4n) {
		display: block;
	}
	
 	.show_under_3 { display: inline; }
	.hide_under_1 { display: none;	}
	.show_under_1 { display: inline; }
}

@media screen and (max-width: 640px) {
	
	.mtce .content { width: 90%; }
	.part_f2 { display: none; }
	
	.contact ul, .contact div { width: 100%; text-align: center; }

	.contact > div:first-child + ul > li:not(:first-child),
	.contact > div:first-child + ul + ul > li:not(:first-child) { margin: 0 .2em; display: inline; }
	
	/* project and note size + color */
}

@media screen and (max-width: 480px) {
	
	.hide_pagination { display: none; }
	
	.legal > div > div > span { display: block; float: none; }
	.legal > div > div > span:first-child { padding-right: 0; }
	.legal > div > div { text-align: center; }
	
 	.show_under_1 { display: none; }
 	.show_under_2 { display: inline; }
 	
 	
}

@media screen and (max-width: 319px) /*iphone landscape: 320px*/{
	#sml { display: block; }
  #coo { display: none; }
	.site-canvas { display: none; }
	
}

/* =Print
----------------------------------------------- */

@media print {

	* { background-color: auto !important; color: #555 !important; text-shadow: none; -webkit-print-color-adjust:exact; }
	a, a:visited { color: #777 !important; text-decoration: underline; }
	.summary a:after, .excerpt a:after { color: #777; content: " (" attr(href) ")"; }
	
	#respond { display: none; }
	header, .footer, img, .view { page-break-inside: avoid; }

}