/* HTML5 Boilerplate  */

/* Own imports */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Asap:400,700);

@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('/css/fonts/websymbols-regular-webfont.eot');
	src: url('/css/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
		     url('/css/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'),
	     url('/css/fonts/websymbols-regular-webfont.woff') format('woff'),
	     url('/css/fonts/websymbols-regular-webfont.ttf') format('truetype');
	}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: darkorange; color: #fff; text-shadow: none; }
::selection { background: darkorange; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* Own styles start */

/* Base typography starts */

/*
Type-A-File "Swissface" designed by Russ Maschmeyer, aka StrangeNative.
http://www.strangenative.com
@strangenative

Creative Commons License by Attribution. 
Feel free to take it, adapt it, & use it on both commercial and non-commercial projects.
Though I'd like a smidgeon of credit, so just leave this bit in here. K?
*/

/*Pick Your Fonts*/
body, aside h1, .sidenote h1, aside, .sidenote, blockquote{font-family:Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .header, .subheader, .head, .subhead, .pullquote, .kicker{font-family:'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/*Size & Vertical Rhythm*/
body{font-size:87.5%;font-size:14px;line-height:1.58em;}

/*HTML Standard Elements*/
h1{font-size:2.285em;line-height:1.4em;margin:.85em 0 0em;} 
h2{font-size:1.4em;padding-top:.1em;margin:2.05em 0 1.3em;}
h3{font-size:1.125em;}
h4{font-weight:bold;font-size:1em;}
h3, h4, h5, h6, .kicker, .pullquote{font-weight:200;}
h1{font-weight:bold;}
small{display:block;font-size:.75em;margin:2.2em 0 -.2em;font-style:italic;}
p, ul, ol, form{margin:1.58em 0;}
ul{list-style-position:outside;list-style-type:disc;}
ol{list-style-position:outside;list-style-type:decimal;}
blockquote{font-style:italic;}
blockquote:before {content: "“";font-size:4em;text-indent:-.6em;margin-top:.15em;float:left;}
cite{display:block;text-transform:uppercase;letter-spacing:1px;font-style:normal;font-weight:bold;font-size:smaller;margin-top:1.9em;}
cite:before{content:"–";float:left;font-size:1.5em;text-indent:-1.3em;font-weight:bold;margin-top:-.1em;}
pre{margin:1.5em;}
dl{margin:1.45em 0;/*border-top:1px dotted #999;border-bottom:1px dotted #999;*/}
dt{word-spacing:.1em;border-bottom:1px dotted #999;margin-top:1.7em;font-weight:bold;text-transform:uppercase;font-size:.9em;letter-spacing:1px;}
dt:before{content:"⟩";font-size:1.25em;text-indent:-1em;float:left;font-style:none;font-weight:normal;}
dd{font-style:italic;font-size:.9em;margin-bottom:1.65em;}
abbr{text-transform:uppercase;font-size:.85em;}
p {margin-bottom:0;hyphenate: auto;hyphenate-before:2;hyphenate-after:3;hyphenate-lines: 3;orphans:4}

/*Compositional Elements*/
.kicker{font-size:1.33em;line-height:1.8em;font-style:italic;margin:1.75em 0 -.25em;}
.run-in{font-weight:bold;}
.superscript{font-family:arial, sans-serif;vertical-align:super;font-size:75%;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;}
.subscript{font-family:arial, sans-serif;vertical-align:sub;font-size:75%;text-transform:lowercase;font-variant:small-caps;letter-spacing:.1em;line-height:0em;}
a.superscript, a.subscript{text-decoration:none;}
aside, .sidenote{font-size:.83em;font-style:italic;margin-top:2em;}
aside h1, .sidenote h1{text-transform:uppercase;margin:0;font-size:1em;line-height:1.9em;font-style:italic;font-weight:bold;}
aside p, .sidenote p{line-height:1.9em;margin:0;}
aside p + p, .sidenote p + p{margin:1.9em 0;}
aside ul, aside ol, .sidenote ul, .sidenote ol{margin-top:1.9em;}
.pullquote{margin:.45em .5em 0 0;padding-top:.45em;line-height:1.58em;display:block;float:left;font-size:2em;width:50%;/*border-bottom:1px solid black;*/border-top:.15em solid black;}
.footnote{border-top:1px solid black;font-size:.75em;margin-top:3.7em;}
.footnote li{margin:.6em 0 2.1em;}
.caption{font-size:.8em;font-style:italic;margin:.6em 0 -.2em;}

/*Tweaks*/
.kern{letter-spacing:-.1em;}

body {
	-webkit-font-smoothing: antialiased !important;
	font-smoothing: antialiased !important;
	padding: 0 10px;
}

h1,
h2 {
	letter-spacing: 0.04em;
	word-spacing: 0.2em;
}

p {
	font-family: 'Asap', sans-serif;
	font-size: 16px;
}

p a,
ul li a {
	color: black;
	text-decoration: underline;
}

p a:visited,
ul li a:visited {
	color: black;
}

p a:hover,
ul li a:hover {
	color: orange;
}

li,
a,
img {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

/* Base typography ends */

/* Natural box model */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Wrappers */
div.wrapper1024 {
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

/* Top navigation */

ul.top-navigation {
	position: fixed;
	top: 0;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1024px;
	z-index: 9999;
}

ul.top-navigation li {
	display: inline;
}

ul.top-navigation li a {
	display: inline-block;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Oswald, Arial;
	text-align: center;
	padding: 0 10px;
	font-weight: 400;
	font-size: 20px;
  background-color: black;
  line-height: 35px;
  -webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.pull {
	position: relative;
	top: -1px;
}

ul.top-navigation li a#home {
	position: absolute;
	font-family: 'WebSymbolsRegular';
	font-size: 19px;
	padding: 3px 8px 0 8px;
	margin-top: -4px;
}

ul.top-navigation li a#blog {
	margin-left: 40px;
}

ul.top-navigation li a:hover {
	color: orange;
	border-bottom: 5px solid orange;
}

ul.top-navigation li a.current {
	color: orange;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* Frontpage styles */
.frontpage-big-img {
	width: 100%;
	max-width: 1024px;
}

#screensaver {
	width: 21%;
	height: 24%;
	max-width: 212px;
	max-height: 125px;
	position: absolute;
	z-index: 9999;
	top: 57.5%;
	left: 41%;
	background-color: black;
}

/* Featured boxes */
#isotope-container {
	padding: 0;
	margin: 0 auto;
	margin-top: 10px;
	width: 100%;
	max-width: 100%;
	height: 800px;
}

a.featured-box {
	display: block;
	float: left;
	width: 328px;
	max-width: 100%;
	height: 200px;
	margin: 10px 0;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-decoration: none;
}

div.featured-box-overlay {
	opacity: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: relative;
  -webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	color: white;
	padding: 15px;
	border-left: 10px solid orange;
}

div.featured-box-overlay h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
}

div.featured-box-overlay p {
	font-size: 12px;
	font-family: Arial, sans-serif;
	font-weight: 600;
}

div.featured-box-overlay h5 {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0px;
}

a.featured-box:hover div.featured-box-overlay,
a.featured-box:active div.featured-box-overlay,
a.featured-box:focus div.featured-box-overlay {
	opacity: 1;
}

/* Footer */
footer {
	width: 100%;
	height: 100px;
	margin: 50px 0 20px 0;
	color: #A7A7A7;
	clear: both;
}

footer:hover p {
	opacity: 1;
}

footer p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

footer a {
	color: #CCC;
	text-decoration: none;
}

footer p a:hover {
	color: orange;
}

footer a:visited {
	color: #CCC;
}

#footer-logo {
	display: block;
	margin: 0 auto;
	margin-top: -45px;
}

/* Article styles */

article.blog-post {
	width: 100%;
	margin: 0 auto;
	font-weight: 400;
	font-size: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
	margin-bottom: 40px;
}

article.blog-post:hover {
	/*background-color: #F5F5F5;*/
}

article.blog-post:first-child {
	margin-top: 60px;
}

article.blog-post:last-child hr {
	display: none;
}

article.blog-post:last-of-type .list-hr {
	display: none;
}

h1.blog-post-heading {
	background-color: black;
	display: inline-block;	
	color: white;
	font-size: 25px;
	text-transform: uppercase;
	margin: 0;
	padding: 3px;
}

h1.project-item-heading {
	padding: 0px 3px;
}

h2.blog-post-time,
h2.blog-post-link {
	background-color: black;
	display: inline-block;
	color: white;
	font-size: 13px;
	font-weight: 400;
	margin: 4px 0 0 0;
	padding: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}

.blog-post-comment-link {
	background-color: black;
	display: inline-block;
	color: white;
	font-size: 13px;
	font-weight: 400;
	margin: 4px 0 0 0;
	padding: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.blog-post-comment-link:visited {
	color: white;
}

article.blog-post p a {
	color: black;
}

article.blog-post p a:hover {
	color: orange;
}

article.blog-post a h1,
article.blog-post p a,
.project-item a h1 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 0 4px;
}

article.blog-post a:hover h1,
article.blog-post a:hover h2,
.project-item a:hover h1,
.blog-post-comment-link:hover {
	color: orange;
}

article.blog-post p {
	border-left: 3px solid #ccc;
	padding: 0 0 0 5px;
	color: #333;
	margin: 18px 0;
	font-size: 16px;
}

article.blog-post img {
	display: block;
	max-width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

article.blog-post .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

article.blog-post .video-container iframe,  
article.blog-post .video-container object,  
article.blog-post .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

article.blog-post pre.blog-post-code-snippet {
	border: 3px dotted black; 
	padding: 5px 0 5px 15px;
	line-height: 1.7em;
	vertical-align: baseline;
	width: auto;
	overflow: auto;
	-webkit-transition: border-color 0.2s ease-in-out;
	-moz-transition: border-color 0.2s ease-in-out;
	-o-transition: border-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out;
}

article.blog-post pre.blog-post-code-snippet:hover {
	border: 3px dotted orange;
}

article.blog-post pre.blog-post-code-snippet code {
	color: black;
	font-family: ‘Lucida Console’, Monaco, monospace;
	width: auto;
}

article.blog-post ol li,
article.blog-post ul li {
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}

article.blog-post ol li a,
article.blog-post ul li a {
	color: black;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

article.blog-post ol li a:hover,
article.blog-post ul li a:hover {
	color: orange;
}

article.blog-post hr {
	margin: 40px 0 0 0;
}

.prev-next-page-links {
	width: 100%;
	height: 33px;
}

.prev-next-page-links a:hover h2 {
	color: orange;
}

.prev-page {
	position: relative;
	left: 0;
}

.prev-page:before {
	font-family: 'WebSymbolsRegular';
	content: "( ";
	font-size: 18px;
}

.next-page {
	position: absolute;
	right: 0;
}

.next-page:after {
	font-family: 'WebSymbolsRegular';
	content: " )";
	font-size: 18px;
}

/* Sigle post */

h2.back-link {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	padding: 3px 8px 3px 2px;
}

.no-decoration {
	text-decoration: none;
}

a h2.back-link:hover {
	color: orange;
}

h2.back-link:before {
	font-family: 'WebSymbolsRegular';
	content: "( ";
	font-size: 18px;
}

.sharing-buttons {
	margin: 20px 0 0 -4px;
}

/* Projects */

.project-item:first-child {
	margin-top: 70px;
}

.project-item:last-child {
	margin-bottom: 20px;
}

.project-item:last-child hr {
	display: none;
}

.project-item .featured-box {
	margin: 0 20px 20px 0;
}

.project-item hr {
	display: inline-block;
	clear: both;
	width: 100%;
	margin: 10px 0 20px 0;
}

a.pop-out {
  -webkit-transition: all 0.2s ease-out; 
     -moz-transition: all 0.2s ease-out; 
       -o-transition: all 0.2s ease-out; 
          transition: all 0.2s ease-out; 
}

a.pop-out:hover {
	
  -webkit-transform: scale(1.03); 
     -moz-transform: scale(1.03); 
      -ms-transform: scale(1.03); 
       -o-transform: scale(1.03); 
          transform: scale(1.03);
          
  
  -webkit-box-shadow: 0px 0px 10px 0px #333;
          box-shadow: 0px 0px 10px 0px #333;
}

/* Portfolio */

.polarize {
	color: white;
	background-color: black;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 3px 10px;
	text-transform: uppercase;
}

.push-top {
	margin-top: 60px;
}

.portfolio-text-wrapper {
	width: 100%;
	min-height: 115px;
}

.heading-wrapper {
	display: block;
	width: 185px;
	float: left;
}

.page-description {
	display: block;
	text-align: justify;
	color: #333;
}

/* About */

.info-block:first-child {
	margin-top: 60px;
}

.info-block {
	width: 100%;
	display: inline-block;
}

.info-block img {
	max-width: 100%;
	display: block;
	position: relative;
	margin: 0 auto;
}

.info-block h2,
.fancy-font-h2 {
	font-size: 30px;
	font-family: 'Lobster', cursive;
	line-height: 34px;
	margin: 0px;
	color: #222;
	font-smooth: always;
	font-weight: 400;
}

.info-block hr {
	display: inline-block;
	clear: both;
	width: 100%;
	margin: 30px 0 20px 0;
}

.info-block:last-child hr {
	display: none;
}

.left,
.right {
	width: 50%;
	float: left;
}

.picture.right img {
	padding: 0 0 0 20px;
}

.picture.left img {
	padding: 0 20px 0 0;
}

/* About pages contact information circles */

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 20px;
	left: 20px;
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-info{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);

	background: #000;
}

.ch-info-back p a:visited {
	color: white;
}

.ch-info-back p a:hover {
	color: orange;
}

.ch-img-1 { 
	background-image: url("../img/phone.jpg");
}

.ch-img-2 { 
	background-image: url("../img/mail.jpg");
}

.ch-img-3 { 
	background-image: url("../img/twitter.jpg");
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 90px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	margin: 0 30px;
	font-size: 15px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	color: #fff;
	font-size: 15px;
}

.ch-info a:hover {
	color: orange;
}

.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}

@media all and (max-width: 610px) {
	/* Contact adaptive */
	
	.right {
		clear: both;
	}
	
	.left,
	.right {
		width: 100%;
	}
	
	.info-block:first-child {
		margin-top: 80px;
	}
	
	.text h2 {
		margin-top: 10px;
	}
	
	.picture.right img,
	.picture.left img {
		padding: 10px 0;
	}
	
	.info-block hr {
		margin: 20px 0 0 0;
	}
	
}

@media all and (max-width: 1040px) and (min-width: 697px) {
	#isotope-container {
		width: 676px;
		margin: 0 auto;
		margin-top: 10px;
	}
}

@media all and (max-width: 696px) {
	#isotope-container {
		width: 328px;
		margin: 0 auto;
		margin-top: 10px;
	}
}

@media all and (max-width: 430px) {
	article.blog-post:first-child {
		margin-top: 90px;
	}
	
	/* Menu for mobile */
	ul.top-navigation {
		position: relative;
		top: 0;
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 100%;
		max-width: 1024px;
		z-index: 9999;
	}
	
	ul.top-navigation li {
		display: block;
		background-color: black;
	}
	
	ul.top-navigation li a {
		display: block;
		color: white;
		text-decoration: none;
		text-transform: uppercase;
		font-family: Oswald, Arial;
		text-align: center;
		padding: 0 10px;
		font-weight: 400;
		font-size: 20px;
	  background-color: black;
	  line-height: 35px;
	  -webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
	}
	
	.pull {
		position: relative;
		top: -1px;
	}
	
	ul.top-navigation li a#home {
		font-family: 'WebSymbolsRegular';
		font-size: 19px;
		padding: 3px 8px 0 8px;
		margin-top: -4px;
		position: relative;
	}
	
	ul.top-navigation li a#blog {
		margin-left: 0;
	}
	
	ul.top-navigation li a:hover {
		color: orange;
		border-bottom: 5px solid orange;
	}
	
	ul.top-navigation li a.current {
		color: orange;
	}
	
}

/* Lightbox CSS */

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../img/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../img/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}

/* Own styles end */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
