/* ICONS */

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?55637820');
  src: url('../font/fontello.eot?55637820#iefix') format('embedded-opentype'),
       url('../font/fontello.svg?55637820#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('data:application/octet-stream;base64,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') format('woff'),
       url('data:application/octet-stream;base64,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') format('truetype');
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?55637820#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before { content: '\e800'; } 
.icon-twitter:before { content: '\f099'; } 
.icon-facebook:before { content: '\f09a'; } 
.icon-linkedin:before { content: '\f0e1'; } 
.icon-instagram:before { content: '\f16d'; } 
.icon-angle-left:before { content: '\f104'; } 
.icon-angle-right:before { content: '\f105'; } 
.icon-angle-up:before { content: '\f106'; } 
.icon-angle-down:before { content: '\f107'; } 


/* SKINS */

body {
  background: #fff;
  color: #000; }
a {
  line-height: inherit;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border-bottom: solid 1px transparent;
  }
  a:hover, a:focus {
    color: inherit; 
	text-decoration: none;
	border-bottom: solid 1px #000;}

.black-skin { background-color: #000; color: #fff; }
.black-skin a { color: inherit; font-weight: 700; text-decoration: none; cursor: pointer;  border-bottom: 1px solid transparent;}
.black-skin  a:hover, .dark-skin a:focus { color: inherit; text-decoration: none; border-bottom: 1px solid #fff; }

.black-skin  .button:hover, .black-skin .button:focus {
    color: inherit; 
	border-bottom: 1px solid #fff;}

.dark-skin { background-color: #231f20;  color: #fff; }
.dark-skin a { color: inherit; font-weight: 700; text-decoration: none; cursor: pointer;  border-bottom: 1px solid transparent;}
.dark-skin  a:hover, .dark-skin a:focus { color: inherit; text-decoration: none; border-bottom: 1px solid #fff; }
.dark-skin [type='text'], .dark-skin [type='password'], .dark-skin [type='email'], .dark-skin [type='search'], .dark-skin textarea { border-color: #fff;}

.yellow-skin {
	background-color: #d8df21; 
	#color: #000;}

.yellow-skin a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer; 
  border-bottom: 1px solid transparent;}

.yellow-skin  a:hover, .yellow-skin a:focus {
    color: inherit; text-decoration: none; border-bottom: solid 1px #000; }


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

.copy a {font-weight: inherit; color: inherit; text-decoration: none; border-bottom: solid 1px #000;}
.copy  a:hover, .copy a:focus {
    color: inherit; text-decoration: none; border-bottom: 1px solid #d8df21; }


/* TYPOGRAPHY */
body {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.66667;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.site-footer, .feed-item , #bio{ font-size: 1.125rem; line-height: 1.375;}

@media print, screen and (min-width: 64em) {   /* 1024px */
	body { font-size: 1.5rem; line-height: 1.5; }
	.site-footer { font-size: 1.5rem; line-height: 1.25; }
	.copy2 {font-size: 1.5rem; line-height: 1.25; }
}


p {
  margin-bottom: 20px;
  font-size: inherit;
  line-height: inherit;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: 700;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-style: normal;
  font-weight: 500;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #000; }

h1, .h1 {
  font-size: 4.5rem;
  line-height: 0.944444;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0.5rem; }

.hide-for-medium h1, .hide-for-medium .h1  {font-size: 32px;  font-weight: 700; margin: 0;}
.hide-for-medium .h1 {margin-bottom: 5px;}

h1.bio-entry, p.position {font-size: 1.5rem; line-height: 1.05; }
h1.bio-entry + p.position {margin-top: -8px;}

h2, .h2 {
  font-size: 1em;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0.5rem; 
  font-weight: 700;}

h2.blog-title { font-size: 3.125rem; line-height: 1.12; font-weight: 500;}
h2.blog-title a {font-weight: inherit;}

h2.project-title {font-size: 1.1875rem; line-height: 1.06;  }

@media print, screen and (min-width: 64em) {   /* 1024px */
	h2.project-title {font-size: 1.875rem; line-height: 1.06;  }
}


h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

.scope {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 500;
}

@media print, screen and (min-width: 40em) {
	h1, .h1 {font-size: 7.5rem; line-height: 0.91666666;}
	h1.blog-entry {letter-spacing: -0.025em; margin-bottom: 50px;}
}


  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 60px 0;
  padding: 0;
  border-left-width: 0; }
  blockquote, blockquote p {
	font-size: 1.5rem;
    line-height: 1.25;
    color: #000;
	font-weight: 600;}

cite, .cite {
  display: block;
  font-size: inherit;
  color: #000; }
  cite:before, .cite:before {
    content: "— "; margin-right: 6px;}

.cite {font-size: 1.125rem; line-height: 1.5; font-weight: 300;}


@media print, screen and (min-width: 40em) {
	 blockquote, blockquote p { font-size: 1.75rem; line-height: 1.214;}
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none; }

figure {
  /*  margin-bottom: 20px; */ }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.222222; }

@media screen and (min-width: 40em) {
	.lead { font-size: 1.75rem; line-height: 1.4; }
}


.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.pagination a {
    display: inline; padding: 0;
    color: #0a0a0a;
}

.pagination a:hover, .pagination button:hover {
    background: inherit;
}


/* FIGURE */

figure img {
	display: block;
	position: relative;
	z-index: 2;}

figure.offset-caption {
	position: relative;
	margin: 40px 0;}

figure.offset-caption figcaption {
	display: block; 
	background-color: #000; 
	color: #fff; 
	padding: 24px 24px 64px 24px; 
	font-size: 0.875rem; line-height: 1.43; font-weight: 500;
}
figure.offset-caption figcaption .credit {font-weight: 300;}

@media print, screen and (min-width: 64em) {
	figure.offset-caption figcaption { font-size: 1.25rem; line-height: 1.4; }
}

@media print, screen and (min-width: 40em) {
	figure.offset-caption { 
		margin-bottom: 80px;}

	figure.offset-caption figcaption {
		position: absolute;
		width: 50%; 
		z-index: 1;
		bottom: -40px;  
	}

	figure.offset-caption figcaption.caption-right {right: 0;}

	figure.offset-caption.show-caption figcaption {z-index: 3;}
}

figure.overlay-caption {width: 100%; height: 100%; position: relative; }
figure.overlay-caption figcaption {
	position: absolute; top:0; left: 0; 
	width: calc(100% - 20px); height: calc(100% - 20px);
	margin: 10px; padding: 30px; 
	background-color: #000; color: #fff; 
	z-index: 3; 
	font-size: 1rem; 
	overflow: hidden;
	opacity: 0;
   -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}


figure.img-bottom {display: flex; }
figure.img-bottom img {align-self: flex-end;}
figure.overlay-caption:hover figcaption { opacity: 1;}


/* DROPDOWN */
.dropdown-pane {
  position: relative;
  visibility: hidden;
  display: none;
  border-width: 0;
  padding: 0;
  width: 100%;
  font-size: inherit;
  top: 0 !important; left: 20px !important; 
  }
.dropdown-pane.is-opening {
    display: block; }
.dropdown-pane.is-open {
    visibility: visible;
    display: block;
}



/* MENU */
.title-bar.opened + #nav {margin-top: 30px; font-size: 24px;}

.level1 {font-weight: 500;}
.level1 a {font-weight: 500; text-decoration: none; border-bottom: 1px solid #000;}
.black-skin .level1 a, .dark-skin .level1 a {border-bottom: solid 1px #fff;}
.level1 a:hover, .level1 a:active, .level1 a:focus {text-decoration: none; border-bottom: solid 1px #d8df21;}
.level1 a.here {font-weight: 700; border-bottom: 1px solid transparent;}


.level2 a {font-weight: 400; text-decoration: none; border-bottom: 1px solid #000;}
.black-skin .level2 a, .dark-skin .level2 a {border-bottom: solid 1px #fff;}
.level2 a:hover, .level2 a:active, .level2 a:focus {text-decoration: none; border-bottom: solid 1px #d8df21;}
.level2 a.here {font-weight: 700; text-decoration: none; border-bottom: solid 1px transparent;}

.level3 a {font-weight: 300; text-decoration: none; border-bottom: solid 1px transparent;}
.level3 a.hover, .level3 a:hover, .level3 a:active, .level3 a:focus { text-decoration: none; border-bottom: solid 1px #d8df21;}
.level3 a.here {font-weight: 700; border-bottom: solid 1px transparent;}

.submenu {margin-bottom: 60px;}





.filter {font-size: 0.875rem; line-height: 1.43; padding: 10px 0;}

.filter .trigger {display: inline-block;}

.filter .trigger a, .topics a.clear, .topics a.close {font-weight: 300; text-decoration: none; border-bottom: 1px solid #000;}
.dark-skin .filter .trigger a, .dark-skin .topics a.clear, .dark-skin .topics a.close {border-bottom: 1px solid #fff;}

.filter .trigger a:hover, .filter .trigger a:active,
.topics a.clear:hover, .topics a.clear:active, .topics a.close:hover, .topics a.close:active { background-color: inherit; text-decoration: none; border-bottom: solid 1px #d8df21;}

.topics a:not(.here) {display: none;}
.topics a {font-weight: 300; text-decoration: none; border-bottom: 1px solid transparent;}
.topics a:hover, .topics a:active { text-decoration: none; border-bottom: solid 1px #000; }
.topics a.here {font-weight: 700; background-color: #d8df21; text-decoration: none; border-bottom: solid 1px #d8df21; }

.topics.expanded {display: block; position: absolute; top: auto; left: 0; margin-top: 10px; background-color: #d8df21; width: 100%; padding: 40px 20px; z-index: 9;} 
.topics.expanded a {display: inline-block; margin-right: 0.5em; font-size: 24px; line-height: 30px;}
.topics .utils {display: block; padding: 20px 0 0 0;}


@media screen and (min-width: 40em) {
	.filter {font-size: 1rem; line-height: 1.66667;}
	.topics {display: inline;}
	.topics.expanded {display: inline; position: relative; left: auto; width: auto; background-color: inherit; padding: 0;}
	.topics.expanded a {display: inline; font-size: 1rem; line-height: 1.66667; }
	.topics.expanded a:not(.clear):not(.close) {font-weight: 700;}
	.topics.expanded a:hover, .topics.expanded a:active { text-decoration: none; border-bottom: solid 1px #d8df21; }
	.topics a.clear.visible {display: inline !important;}
	.topics .utils {display: inline;}
}


.top-links {list-style-type: none; position: absolute; top: 0px; right: 25px;}
.top-links li {display: inline; line-height: 42px; padding-left: 10px;}
.top-links a {border-bottom-width: 0 !important;}
.top-links a:hover, .top-links a:active, .top-links a:focus {color: #d8df21 }


.menu-icon { cursor: pointer; padding: 13px 40px 20px 0px; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 3px;
  width: 40px;
  background: #000;
  position: absolute;
  display: block;
  content: '';
}

.black-skin .menu-icon span, .black-skin .menu-icon span:before, .black-skin .menu-icon span:after { background-color: #fff;}
.dark-skin .menu-icon span, .dark-skin .menu-icon span:before, .dark-skin .menu-icon span:after { background-color: #fff;}

.menu-icon span:before {
  top: -13px; 
}
.menu-icon span:after {
  bottom: -13px;
}

.menu-icon span, .menu-icon span:before, .menu-icon span:after {
  transition: all 200ms ease-in-out;
}

.opened>.menu-icon span {
  background-color: transparent;
}
.opened>.menu-icon span:before, .opened>.menu-icon span:after {
  top: 0;
}
.opened>.menu-icon span:before {
  -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+  */
      -ms-transform: rotate(45deg);  /* IE 9 */
          transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera  */
}
.opened>.menu-icon span:after {
  -webkit-transform: rotate(-45deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(-45deg);  /* IE 9 */
          transform: rotate(-45deg);  /* Firefox 16+, IE 10+, Opera */
}

@media screen and (min-width: 40em) {
  .no-js .title-bar {
    display: none;
  }
  #nav .level1 {margin-right: 200px;}
  .top-links li {padding-left: 0;}
}


body.menu-extended #content, body.menu-extended .site-footer {height: 0; overflow: hidden;}
body.menu-extended .animated-header {height: 0 !important; min-height: 0;}
body.menu-extended {height: 100vh; }
body.menu-extended header {height: 100vh; min-height: 100vh;}

.black-skin .level2, .black-skin .level3, .black-skin .level1 {display: none;}

@media screen and (min-width: 40em) {
	.black-skin .level1 {display: block;}
}






/* CONTACT */

.map {height: 288px;}


/* Change Autocomplete styles in Chrome*/
.black-skin  input:-webkit-autofill,
.black-skin  textarea:-webkit-autofill,
.black-skin  select:-webkit-autofill {
  background-color: rgb(0, 0, 0);
  border: 0 solid transparent;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0 100px black inset;
	color: inherit; 
  transition: background-color 500s ease-in-out 0s;
}

.field-row.label-left.focus input:-webkit-autofill,
.field-row.label-left.focus textarea:-webkit-autofill,
.field-row.label-left.focus select:-webkit-autofill {
  background-color: rgb(0, 0, 0);
  border: 0 solid transparent;
  -webkit-text-fill-color: #d8df21;
   -webkit-box-shadow: 0 0 0 100px black inset;
	color: inherit; 
  transition: background-color 500s ease-in-out 0s;
}


#contact {left: 0 !important; padding: 30px 0 0 0; background-color: inherit; font-size: 1.125rem; line-height: 1.666666666666667;}
.field-row {margin-bottom: 20px;}
.field-row.label-left  {border-bottom: solid 1px #000;}
.field-row.label-left input {border-width: 0; margin-left: 120px; padding: 0; margin: 0; width: calc(100% - 120px); height: auto;}
.field-row.label-left label { width: 100px; float: left;  }

[type='checkbox'] + label, [type='radio'] + label {margin-left: 0;}


.black-skin .field-row.label-left  {border-color: #fff;}
.black-skin textarea {border-color: #fff;}

.field-row.label-left.focus, textarea:focus, label:hover {border-color: #d8df21; color: #d8df21;}
.black-skin  .field-row.label-left.focus [type='text'], .black-skin .field-row.label-left.focus [type='email'], 
.black-skin .field-row.label-left.focus [type='search'], .black-skin .field-row.label-left.focus textarea {
	color: #d8df21; 
}

.field-submit {margin: -20px 0 20px 0;}

/* #contact .dropdown-close {position: absolute; right: 0; bottom: 20px;} */

#contact.success .dropdown-close {position: relative; right: auto; bottom: auto;}

@media screen and (min-width: 40em) {
	#contact {font-size: inherit; line-height: inherit; padding: 60px 0 0 0;}
}


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 1px solid #000;
  background: inherit;
}
.black-skin [type="checkbox"]:not(:checked) + label:before,
.black-skin [type="checkbox"]:checked + label:before {
	border-color: #fff;
}

[type="checkbox"]:not(:checked) + label:hover:before, [type="checkbox"]:checked + label:hover:before {border-color: #d8df21;}


/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .1em; left: .075em; 
  font-size: 1.4em;
  line-height: 0.8;
  color: inherit;
  transition: all .2s;
 /* font-family: Helvetica, Arial, sans-serif; */
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}


/* SEARCH */
#search {left: 0 !important; padding: 60px 0 0 0; background-color: inherit; font-size: 1.125rem; line-height: 1.666666666666667;}
#search form {width: 100%; overflow: hidden; padding-bottom: 60px;}
#search .field-row  {border-bottom: solid 1px #fff; overflow: hidden;} 
#search .field-row.focus, #search label:hover {border-color: #d8df21; color: #d8df21;}
#search input {border-width: 0; padding: 0; margin: 0; width: calc(100% - 120px); height: auto; float: left; }
#search .submit {float: right; margin-bottom: -1px; color: #fff;}
#search .dropdown-close {position: absolute; right: 0; bottom: 0;}

@media screen and (min-width: 40em) {
	#search {font-size: inherit; line-height: inherit; padding: 110px 0 0 0;}
}

/* FOOTER */


#signupForm .input {background-color: inherit; color: inherit; padding: 0; border-width: 0 0 1px 0; font-size: inherit; line-height: inherit; font-weight: inherit;}
#signupForm .input::placeholder { color: #000; font-weight: inherit;}
.dark-skin #signupForm .input::placeholder { color: #fff; font-weight: inherit;}

#signupForm .input, #signupForm .input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#signupForm button {color: inherit; font-weight: 700;}
#signupForm button:hover {border-bottom: 1px solid #000;}
.dark-skin #signupForm button:hover {border-bottom: 1px solid #fff;}

.copyright {position: absolute; bottom: 0; right: 0; }


/* LATEST */

.latest a {font-weight: 500;}
.latest-orange figcaption {display: flex; }


/* LAYOUT */


body:not(.blog) #list .cell, .more-projects .cell {margin-top: 5px; margin-bottom: 5px;}

.utils {padding-top: 60px; padding-bottom: 60px;}

@media screen and (min-width: 40em) {
	.indent-2x {padding-left: 30px;}
	.outdent-2x {padding-right: 30px;}
}

.top-padding-3x {padding-top: 30px;}
.bottom-padding-3x {padding-bottom: 30px;}

.top-padding {padding-top: 60px;}
.bottom-padding {padding-bottom: 60px;}

.row-top-padding {padding-top: 10px;}
.row-bottom-padding {padding-bottom: 10px;}

.relative {position: relative; }

.background-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 40vw;
    height: 100%;

   -webkit-transition: opacity 0.6s linear;
    -moz-transition: opacity 0.6s linear;
    -o-transition: opacity 0.6s linear;
    -ms-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear;

}
[data-bg] {
    background-size: cover;
    background-position: center center;
}

[data-url] {
	cursor: pointer;
}

#header {padding: 30px 0; }
#header {position: relative; width: 100%; height: auto; top: 0 ; transition: all 1s ease;  background-color: #fff; z-index: 999; padding-bottom: 30px;}


.dark-skin #header {background-color: #231f20; }
.black-skin #header {background-color: #000 !important; }

#header.fixed {position: fixed; top: 0;}
#header.nav-up {top: -500px;}


.loader {height: 80px; background: url(../img/HW-ampersand-animation.gif) no-repeat center center; } 

.scroll-top {font-weight: 700; cursor: pointer;}
.scroll-top span:hover {border-bottom: 1px solid #000;}
.dark-skin .scroll-top span:hover {border-bottom: 1px solid #fff;}

/* .animated-header {min-height: 130px;} */

@media screen and (min-width: 40em) {
	.animated-header {min-height: 340px;}
	body.blog-single .animated-header {min-height: 130px;}
}


/* SLIDER */
.slider {position: static;}
.paging {position: absolute; bottom: 0; left: calc(66.66667% + 0.625rem); }
.paging .sep {display: block;}
.prev-next {position: absolute; bottom: 0; right: 0; width: 206px;}
.prev-next a {border-bottom-width: 0;}
.prev-next a, .prev-next svg {display: block; width: 56px; height: 114px; float: left;}
.prev-next a+a {margin-left: 94px;}
.prev-next a>svg { fill:none; stroke:#000; stroke-miterlimit:10; }
.prev-next a:hover>svg { fill:none; stroke:#ccc; stroke-miterlimit:10; }


/* VIDEO */

a.play-button {display: block; position: relative; border-bottom-width: 0;}
a.play-button::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;
    background: url(../img/play-wht@0.5x.png) no-repeat center center;
    background-size: 58px 58px;
}
a.play-button:hover::after {background-image: url(../img/play-blk@0.5x.png); }
@media screen and (min-width: 64em) {
	a.play-button::after {background-image: url(../img/play-wht.png);  background-size: 192px 192px; }
	a.play-button:hover::after {background-image: url(../img/play-blk.png); }
}


.reveal .flex-video {margin-bottom: 0;}

#bio .bio-close {cursor: pointer;}

.reveal .close-button { display: block; width: 58px; height: 58px; background: url(../img/close-wht@0.5x.png) no-repeat center center; background-size: 58px 58px; }
.reveal .close-button:hover  {background-image: url(../img/close-blk@0.5x.png); }

@media screen and (min-width: 64em) {
	.reveal .close-button {width: 116px; height: 116px;  background-image: url(../img/close-wht.png);  background-size: 116px 116px; }
	.reveal .close-button:hover  {background-image: url(../img/close-blk.png); }
}

/*
.reveal .close-button svg { width: 115px; height: 115px; fill: #fff; stroke: #fff; stroke-miterlimit: 10;}
.reveal .close-button:hover svg {stroke: #000; }
*/

.close-button, .close-button.medium {
    right: 25px;
    top: 25px;
}



/* PROJECTS */

.project-item {height: 100%;}
.project-item > a {display: block; height: 100%; border-bottom-width: 0 !important;}
.project-item figure {display: flex; margin-bottom: 0;}
.project-item figcaption {display: flex; }

.project-item .meta {margin-top: 20px; font-size: 1rem; font-weight: 400;}

.project-details .grid-container {margin-bottom: 10px;}

/* BLOG */

.blog-item {border-top: solid 1px #d8df21; overflow: hidden;
   -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.blog-item:last-of-type {border-bottom: solid 1px #d8df21;}


.blog-item .background-element {opacity:0;}
.blog-item:hover .background-element {opacity:1;}
.blog-item:hover {background-color: #d8df21;}

.blog-item .excerpt {font-size: 1.625rem; line-height: 1.3; margin-bottom: 70px;}
.blog-item .blog-meta {font-size: 1.125rem; line-height: 1.66666667;}
.blog-meta .author {margin-right: 30px;}

.blog-tags {font-size: 2rem; line-height: 1.06; font-weight: 700;} 

@media screen and (min-width: 40em) {
	.blog-tags {font-size: 3.75rem; line-height: 0.9; 
	-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
}



.blog-single .blog-meta {margin: 30px 0; font-size: 1rem; line-height: 1.75;}
.blog-single .blog-meta .author {font-weight: 600;}

/* CHANNEL */

.ff-time {  
  font-size: 46px;
  line-height: 0.8;
  margin-bottom: 20px;}
.ff-content.lead {font-weight: 300;}

.ff-media {position: relative;}
.ff-media video {display: block;}

.ff-media button {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;
	background: url(../img/play-wht@0.5x.png) no-repeat center center; background-size: 58px 58px;}
.ff-media button:hover {background-image: url(../img/play-blk@0.5x.png); }
@media screen and (min-width: 64em) {
	.ff-media button {background-image: url(../img/play-wht.png);  background-size: 192px 192px; }
	.ff-media button:hover {background-image: url(../img/play-blk.png); }
}

.ff-media button.pause {background: #231f2080 url(../img/stop-wht@0.5x.png) no-repeat center center; background-size: 58px 58px; opacity: 0;}
.ff-media button.pause:hover {opacity: 1;}

@media screen and (min-width: 40em) {
	.ff-media button.pause {background-image: url(../img/stop-wht.png);  background-size: 192px 192px; }
}

.feed-item {position: relative; margin: 60px 0; }

.feed-item.instagram .likes {font-weight: 900;}
.feed-item.instagram .likes:after {
	content: "\2764";
	color: #ef5057; margin-left: 6px; margin-bottom: 20px;}

.feed-item .grid-container {position: relative;}
.feed-type {
	position: absolute; z-index: 99; 
	line-height: 0.8;
	font-weight: 700;
	display: none;}

@media screen and (min-width: 40em) {
	.feed-type {display: block;}
	.feed-item {margin: 140px 0; }
	.ff-time { font-size: 80px; line-height: 0.8;}
}


.instagram.layout1 .feed-type {top: -0.3em; left: 70%; font-size: 250px;}
.instagram.layout2 .feed-type {top: -0.3em; right: 0; font-size: 250px;}
.instagram.layout3 .feed-type {top: 50%; left: 25%; font-size: 250px; transform: translate(0, -50%)}

.instagram.layout2 {padding-bottom: 140px;}
.instagram.layout3 .likes {text-align: right;}

.instagram.layout2  .marquee {
  overflow: hidden;
  font-size: 120px; line-height: 0.8; height: 150px;  color: #d8df21;
  z-index: -1; position: absolute; bottom: 0; width: 100%; 
}
.instagram.layout2  .marquee a {text-decoration: none !important; cursor: none; border-bottom-width: 0 !important;}


@media screen and (min-width: 40em) {
	.instagram.layout2  .marquee {font-size: 250px; line-height: 0.8; height: 280px;}
}

.twitter.layout3 .feed-type {top: -0.37em; left: calc(33.33333% - 1.875rem); font-size: 175px; }

.feed-item.twitter .ff-content img {display: none;}

.orange .ff-box { padding: 30px; background-color: #d8df21; color: #000;}
.orange .ff-user {font-weight: 700; text-transform: uppercase;}
.orange .ff-subscribe {margin-top: 80px;}

@media screen and (min-width: 40em) {
	.orange .ff-box {position: absolute; z-index: 2; top: -100px; left: calc(33.33333% - 1.875rem); }
}

.orange .feed-type { font-size: 150px; position: absolute; left: 60px; top: 50%; }

.blog.layout1 .ff-box {position: absolute; bottom: 10px; right: 10px; width: 33.33333%; 
	padding: 30px; background-color: #fff; color: #000;}

.blog.layout1 p, .blog.layout2 p {margin-bottom: 0;}
.blog.layout1 br + br, .blog.layout2 br + br  {display: none;}

.blog.layout2:not(:first-child) {margin-top: -140px;}
.blog.layout2 .ff-media {margin-bottom: 20px;}

.blog.layout1 .feed-type {top: -0.3em; left: calc(66.66666% - 30px); font-size: 250px;}
.blog.layout2 .feed-type { font-size: 250px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}

.outline {
    color: #d8df21;
    text-shadow:
       -1px -1px 0 #d8df21,  
        1px -1px 0 #d8df21,
        -1px 1px 0 #d8df21,
         1px 1px 0 #d8df21
}

@supports((text-stroke: 1px black) or (-webkit-text-stroke: 1px black)) {
    .outline {
        color: transparent;
        -webkit-text-stroke: 1px #d8df21;
        text-stroke: 1px #d8df21;
        text-shadow: none;
    }
}

[data-aos="fill"].aos-animate {
  color: #d8df21;
}


.tags {font-size: 2rem; line-height: 1.06; font-weight: 700; }

.tags a {color: #d8df21; border-bottom: 1px solid transparent;}
.tags a:hover, .tags a:active, .tags a:focus {color: #d8df21; border-bottom: 1px solid #d8df21;}

@media screen and (min-width: 40em) {
	.tags {font-size: 3.75rem; line-height: 0.9; 
		-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
}

/* CLIENTS */

.client-projects {display: none; font-size: 14px;}

@media screen and (min-width: 64em) {
	.client-projects {font-size: 16px;}
}


#client-thumb {width: 100%; padding-top: 100%; background-size: contain; background-repeat: no-repeat; display: none;}

.client-projects li {display: block; padding: 5px 0;}
.client-projects a {font-weight: 400;}

.client-projects ul {list-style-type: none; margin: 20px 0 20px 20px; padding: 0;}

.client-name.trigger {font-weight: 300;}
.client-name.trigger:focus {border-bottom: 1px solid transparent;}
.client-name.trigger:after {
	content: '\f105';
	font-family: "fontello";
	padding-left: 5px;
}
.client-name.trigger.open:after {
	content: '\f107'; 
}

/* BIOS */
@media screen and (min-width: 30em) {
	.grid-team > .medium-4 { width: calc(50% - 0.625rem); }
}

@media screen and (min-width: 40em) {
	.grid-team > .medium-4 { width: calc(50% - 0.625rem); }
}
@media screen and (min-width: 64em) {
	.grid-team > .medium-4 { width: calc(33.333333% - 0.625rem); }
}


.team-item {padding-bottom: 10px; position: relative;}
.bio-link {display: block; border-bottom-width: 0 !important; }
.bio-link figure {margin-bottom: 0; }
.bio-link img { /* prevent flicker */
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;}

.bio-link figure {display: inline-block; }
.bio-link figcaption {display: block; opacity: 0; background-color: #d8df21; position: absolute; bottom: -5px; left: 0; right: 25px; z-index: 9;
	padding: 10px 15px 4rem 15px; font-size: 0.875rem;
   -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.bio-link:hover figcaption, .bio-link:active figcaption {opacity: 1;}

#bio.reveal {border-width: 0; padding: 0; top: 0 !important; background-color: transparent;}
#bio figure {margin-bottom: 20px;}

.bio-popup { min-height: 100%; display: flex; align-items: center;}
.bio-popup .grid-container {padding-left: 0; padding-right: 0;}
.bio-wrapper {padding: 25px 25px 10px 25px;  }

.bio-wrapper .flex-container {flex-basis: auto;}
.bio-popup .utils {position: relative; padding-top: 0; padding-bottom: 0; display: table; width: 100%; margin-bottom: 15px;}
.bio-popup .utils div {display: table-cell; vertical-align: bottom; height: 115px;}
.bio-popup .utils div+div {text-align: right;}
.bio-popup .utils p {margin-bottom: 0;}
.bio-popup .utils a {white-space: nowrap;}

.bio {padding-bottom: 50px;}

#bio .bio-close { cursor: pointer; display: inline-block; width: 58px; height: 58px; background: url(../img/close-blk@0.5x.png) no-repeat center center; background-size: 58px 58px; }
#bio .bio-close:hover  {background-image: url(../img/close-wht@0.5x.png); }

@media screen and (min-width: 64em) {
	.bio {padding-bottom: 100px;}
	#bio .bio-close {width: 116px; height: 116px;  background-image: url(../img/close-blk.png);  background-size: 116px 116px; }
	#bio .bio-close:hover  {background-image: url(../img/close-wht.png); }
}

/*
#bio .bio-close svg { width: 115px; height: 115px; fill: #fff; stroke: #000; stroke-miterlimit: 10;}
#bio .bio-close:hover svg {stroke: #444; } */


.bio-sibling {margin-right: 10px;}

.bio-photo {max-width: 300px;}

@media screen and (max-width: 40em) {
	.bio-popup .utils {margin-bottom: 80px;}
}


/* WORDS ROTATOR */ 

.dichotomies {height: 2em; font-size: 14px; overflow: hidden; margin-top: -5px;}

@media screen and (min-width: 64em) {
	.dichotomies {font-size: 16px;}
}

.dichotomies i {font-style: normal;}

.words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.words-wrapper i {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.words-wrapper i.is-visible {
  position: relative;
}
.no-js .words-wrapper i {
  opacity: 0;
}
.no-js .words-wrapper i.is-visible {
  opacity: 1;
}



.dichotomies.slide span {
  display: inline-block;
  /* padding: .2em 0; */
}
.dichotomies.slide .words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.dichotomies.slide i {
  opacity: 0;
  top: .2em; 
}
.dichotomies.slide i.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.dichotomies.slide i.is-hidden {
 -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s; 
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}