/*
Theme Name: 1990KB Version 5
Theme URI: http://1990kb.de/
Description: 1990KB Portfolio Theme
Version: 1
Author: Kevin "NERO" Brand
Tags: frontpage, portfolio, colors, custom posts, menus, blog
*/
@import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,300,400,700");
@import url("http://fonts.googleapis.com/css?family=Oswald:700,400");
/* line 4, sass/_loader.scss */
#loader { position: fixed; z-index: 999999; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; }
/* line 14, sass/_loader.scss */
#loader .loader-image { background-image: url("images/loader_page.svg"); background-repeat: no-repeat; background-size: 100px auto; background-position: 50% 50%; position: absolute; z-index: 999999; left: 0; right: 0; top: 0; bottom: 0; }

@-webkit-keyframes spinLoader { to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes spinLoader { to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
/* line 22, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper { background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; opacity: 0; display: none; }
/* line 34, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper, .lightbox-wrapper div { box-sizing: border-box !important; }
/* line 43, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper.load .lightbox-loader { opacity: 1; }
/* line 48, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper.load .lightbox-close { opacity: 0; }
/* line 53, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper.load .lightbox-body { opacity: 0; margin-top: -40px; }
/* line 62, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper.show { display: block; opacity: 1; -webkit-animation: fadeInLightbox 400ms cubic-bezier(0.215, 0.61, 0.355, 1); animation: fadeInLightbox 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
/* line 71, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper.hide { display: block; -webkit-animation: fadeOutLightbox 400ms cubic-bezier(0.215, 0.61, 0.355, 1); animation: fadeOutLightbox 400ms cubic-bezier(0.215, 0.61, 0.355, 1); }
/* line 76, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper.hide .lightbox-body { margin-top: 40px; }
/* line 84, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper .lightbox-loader { background-color: #fff; background-image: url("images/loader.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50px 50px; width: 60px; height: 60px; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; }
/* line 104, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper .lightbox-close { position: absolute; top: 0; right: 0; font-size: 36px; opacity: 1; color: #0066ff; cursor: pointer; -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
/* line 117, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper .lightbox-close:hover { color: #99ccff; }
/* line 125, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper .lightbox-body { background-color: transparent; position: absolute; left: 50%; top: 50%; padding: 50px 0 0 0; border-radius: 2px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; }
/* line 139, sass/_1990KB_Lightbox.scss */
.lightbox-wrapper .lightbox-body .lightbox-inner { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; }

/* line 156, sass/_1990KB_Lightbox.scss */
html.lightbox-open, html.lightbox-open body { overflow: hidden; }
/* line 161, sass/_1990KB_Lightbox.scss */
html.lightbox-open #wrapper { -webkit-filter: blur(15px); filter: blur(15px); }

@-webkit-keyframes fadeInLightbox { from { display: block; opacity: 0; }
  to { display: block; opacity: 1; } }

@keyframes fadeInLightbox { from { display: block; opacity: 0; }
  to { display: block; opacity: 1; } }
@-webkit-keyframes fadeOutLightbox { from { display: block; opacity: 1; }
  to { display: block; opacity: 0; } }
@keyframes fadeOutLightbox { from { display: block; opacity: 1; }
  to { display: block; opacity: 0; } }
/* line 3, sass/_FLXBX-Distances.scss */
#home .row:nth-child(1), #keyvisual .row:nth-child(1) { margin-top: 0 !important; }

/* line 12, sass/_FLXBX-Distances.scss */
.grid .row > .col { margin-top: 60px; }
/* line 20, sass/_FLXBX-Distances.scss */
.grid .row > .col .col-inner > *:nth-child(1) { margin-top: 0; }
/* line 26, sass/_FLXBX-Distances.scss */
.grid .row > .col .col-inner > *:nth-last-child(1) { margin-bottom: 0; }

/* line 33, sass/_FLXBX-Distances.scss */
.grid .row.small_gutter > .col { margin-top: 5px; }

/* line 39, sass/_FLXBX-Distances.scss */
.grid .row.no_gutter > .col { margin-top: 0; }

/* line 48, sass/_FLXBX-Distances.scss */
.grid .row:nth-child(1) { margin-top: -60px; }

/* line 53, sass/_FLXBX-Distances.scss */
.grid .row.small_gutter:nth-child(1) { margin-top: -5px; }

/* line 58, sass/_FLXBX-Distances.scss */
.grid .row.no_gutter:nth-child(1) { margin-top: 0; }

/* line 67, sass/_FLXBX-Distances.scss */
.grid + .grid { margin-top: 120px; }

/* line 73, sass/_FLXBX-Distances.scss */
.grid.fullsize + .grid.fullsize { margin-top: 0; }

@-webkit-keyframes newMaterial-ripple { 0% { background-size: 0 auto; background-color: transparent; }
  100% { background-color: transparent; background-size: 150% auto; } }

@keyframes newMaterial-ripple { 0% { background-size: 0 auto; background-color: transparent; }
  100% { background-color: transparent; background-size: 150% auto; } }
@-webkit-keyframes ripple { 0% { background-size: 0 auto; opacity: 1; }
  50% { opacity: 1; }
  100% { background-size: 150% auto; opacity: 0; } }
@keyframes ripple { 0% { background-size: 0 auto; opacity: 1; }
  50% { opacity: 1; }
  100% { background-size: 150% auto; opacity: 0; } }
/* line 7, sass/_material-modal.scss */
.material-link { position: relative; z-index: 1; cursor: pointer; }
/* line 13, sass/_material-modal.scss */
.material-link:after { content: ''; pointer-events: none; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); z-index: -1; }
/* line 30, sass/_material-modal.scss */
.material-link:hover:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
/* line 35, sass/_material-modal.scss */
.material-link.dark:after { background-color: #000; }
/* line 40, sass/_material-modal.scss */
.material-link.grey:after { background-color: #f2f2f2; }

/* line 49, sass/_material-modal.scss */
.modal-ripple { display: inline-block; width: 50px; height: 50px; border-radius: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: 700ms cubic-bezier(0.77, 0, 0.175, 1); transition: 700ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-property: -webkit-transform; transition-property: transform; z-index: -1; }
/* line 64, sass/_material-modal.scss */
.modal-ripple.dark { background-color: #000; }
/* line 69, sass/_material-modal.scss */
.modal-ripple.grey { background-color: #f2f2f2; }

/* line 78, sass/_material-modal.scss */
.material-modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; overflow: hidden; }
/* line 88, sass/_material-modal.scss */
.material-modal .modal-content { margin-top: 90px; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 0ms; transition-delay: 0ms; }
/* line 96, sass/_material-modal.scss */
.material-modal.closed { height: 0; }
/* line 103, sass/_material-modal.scss */
.material-modal.open .modal-content { visibility: visible; opacity: 1; -webkit-transition-delay: 500ms; transition-delay: 500ms; }

/* line 115, sass/_material-modal.scss */
.modal-tint { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9996; visibility: hidden; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 128, sass/_material-modal.scss */
.modal-tint.open { visibility: visible; opacity: 1; }

/* line 141, sass/_material-modal.scss */
header.material-modal-open svg path, header.material-modal-open svg polygon { fill: #bbb !important; }
/* line 150, sass/_material-modal.scss */
header.material-modal-open .hamburger-to-close:not(.close) span { background-color: #bbb !important; }
/* line 155, sass/_material-modal.scss */
header.material-modal-open .hamburger-to-close:not(.close):before, header.material-modal-open .hamburger-to-close:not(.close):after { background-color: #bbb !important; }

/* line 171, sass/_material-modal.scss */
html.material-modal-open header.scrolled #header-bar { padding: 30px 0; }

/* line 181, sass/_material-modal.scss */
#modal-mainnavi { bottom: inherit; }

/* line 188, sass/_material-modal.scss */
.breakpoint-phablet.material-modal-open, .breakpoint-phone.material-modal-open { overflow: hidden; }
/* line 193, sass/_material-modal.scss */
.breakpoint-phablet #modal-mainnavi, .breakpoint-phone #modal-mainnavi { bottom: 0; }
/* line 197, sass/_material-modal.scss */
.breakpoint-phablet #modal-mainnavi .modal-content, .breakpoint-phone #modal-mainnavi .modal-content { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: absolute; margin-top: 0; top: 90px; left: 0; right: -20px; bottom: 0; }

/* line 4, sass/_base.scss */
body, html { padding: 0; margin: 0; color: #222; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 18px; -webkit-text-size-adjust: 100%; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

/* line 18, sass/_base.scss */
* { box-sizing: border-box; }

/* line 25, sass/_base.scss */
.clear:after, .gallery .gallery-row:after, ul#socialmenu:after, .clear:before, .gallery .gallery-row:before, ul#socialmenu:before { content: ''; display: table; width: 100%; clear: both; }

/* line 37, sass/_base.scss */
::-moz-selection { color: #000; background-color: #0066ff; }
::selection { color: #000; background-color: #0066ff; }

/* line 46, sass/_base.scss */
a { color: #0066ff; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
/* line 52, sass/_base.scss */
a:visited { color: #0066ff; text-decoration: none; }
/* line 58, sass/_base.scss */
a:hover, a:active, a:focus { color: #99ccff; text-decoration: none; }

/* line 65, sass/_base.scss */
a.underlined { border-bottom: 2px solid #0066ff; padding-bottom: 3px; text-transform: uppercase; font-weight: 700; }
/* line 72, sass/_base.scss */
a.underlined:hover, a.underlined:active, a.underlined:focus { border-bottom-color: #99ccff; }

/* line 82, sass/_base.scss */
a.has-icon-ext:after { content: ''; width: 16px; height: 16px; display: inline-block; margin-left: 5px; background-image: url("images/icons/icn_ext-link.png"); background-size: 16px 16px; background-repeat: no-repeat; }

/* line 98, sass/_base.scss */
.button, button { -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #666; color: #666; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/circle.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; text-transform: uppercase; display: inline-block; white-space: nowrap; outline: 0; cursor: pointer; }
/* line 78, sass/_materialbuttons.scss */
.button:hover, .button:focus, button:hover, button:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #0066ff; color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #0066ff; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 107, sass/_base.scss */
.button:visited, button:visited { -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #666; color: #666; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/circle.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; text-transform: uppercase; display: inline-block; white-space: nowrap; }
/* line 78, sass/_materialbuttons.scss */
.button:visited:hover, .button:visited:focus, button:visited:hover, button:visited:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #0066ff; color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #0066ff; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/* line 116, sass/_base.scss */
.button.primary, .button.primary:visited, button[type="submit"]:visited, button[type="submit"] { outline: 0; -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #0066ff; color: #0066ff; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/circle.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
.button.primary:hover, button[type="submit"]:hover:visited, .button.primary:focus, button[type="submit"]:focus:visited, button[type="submit"]:hover, button[type="submit"]:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #0066ff; color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #0066ff; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/* line 128, sass/_base.scss */
.button.white, .button.white:visited { outline: 0; -webkit-transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #fff; color: #fff; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/circle.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
.button.white:hover, .button.white:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #0066ff; color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #0066ff; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

/* line 142, sass/_base.scss */
p { line-height: 1.5em; margin: 20px 0; }

/* line 148, sass/_base.scss */
.subline, .col-inner .wp-caption-text { font-size: .88em; line-height: 1.5em; font-family: "Roboto Condensed", sans-serif; color: #999; margin: 48px 0; }

/* line 157, sass/_base.scss */
.bigsubline { font-size: 1.33em; line-height: 1.5em; font-family: "Roboto Condensed", sans-serif; font-weight: 300; color: #333; margin: 40px 0; }

/* line 167, sass/_base.scss */
h2 + .bigsubline { margin-top: -10px; }

/* line 172, sass/_base.scss */
.err { color: #bf0039; }

/* line 22, sass/_headlines.scss */
h1, .h1 { font-family: "Oswald", sans-serif; font-size: 4em; line-height: 1.2em; color: #000; margin: 0 0 30px 0; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .01em; }

/* line 37, sass/_headlines.scss */
.breakpoint-phablet h1, .breakpoint-phablet .h1, .breakpoint-phone h1, .breakpoint-phone .h1 { font-size: 3.4em; line-height: 1.2em; }

/* line 22, sass/_headlines.scss */
h2, .h2 { font-family: "Oswald", sans-serif; font-size: 2.66em; line-height: 1.25em; color: #000; margin: 60px 0 35px 0; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .01em; }

/* line 37, sass/_headlines.scss */
.breakpoint-phablet h2, .breakpoint-phablet .h2, .breakpoint-phone h2, .breakpoint-phone .h2 { font-size: 2.261em; line-height: 1.25em; }

/* line 22, sass/_headlines.scss */
h3, .h3 { font-family: "Oswald", sans-serif; font-size: 2em; line-height: 1.3em; color: #000; margin: 60px 0 20px 0; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .01em; }

/* line 37, sass/_headlines.scss */
.breakpoint-phablet h3, .breakpoint-phablet .h3, .breakpoint-phone h3, .breakpoint-phone .h3 { font-size: 1.7em; line-height: 1.3em; }

/* line 22, sass/_headlines.scss */
h4, .h4 { font-family: "Oswald", sans-serif; font-size: 1.33em; line-height: 1.5em; color: #222; margin: 40px 0 20px 0; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .01em; }

/* line 37, sass/_headlines.scss */
.breakpoint-phablet h4, .breakpoint-phablet .h4, .breakpoint-phone h4, .breakpoint-phone .h4 { font-size: 1.1305em; line-height: 1.5em; }

/* line 22, sass/_headlines.scss */
h5, .h5 { font-family: "Oswald", sans-serif; font-size: 1em; line-height: 1.33em; color: #222; margin: 30px 0 10px 0; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .01em; }

/* line 37, sass/_headlines.scss */
.breakpoint-phablet h5, .breakpoint-phablet .h5, .breakpoint-phone h5, .breakpoint-phone .h5 { font-size: 0.85em; line-height: 1.33em; }

/* line 22, sass/_headlines.scss */
h6, .h6 { font-family: "Oswald", sans-serif; font-size: 0.88em; line-height: 1.375em; color: #222; margin: 25px 0 5px 0; font-weight: 700; font-style: normal; text-transform: normal; letter-spacing: .01em; }

/* line 37, sass/_headlines.scss */
.breakpoint-phablet h6, .breakpoint-phablet .h6, .breakpoint-phone h6, .breakpoint-phone .h6 { font-size: 0.748em; line-height: 1.375em; }

/* line 184, sass/_base.scss */
.breakpoint-phablet body, .breakpoint-phone body { font-size: 16px; }

/* line 190, sass/_base.scss */
h5 + h4, .h5 + .h4 { margin-top: 0; }

/* line 196, sass/_base.scss */
h5 + p, .h5 + p { margin-top: 0; }

/* line 205, sass/_base.scss */
blockquote { width: 75%; font-size: 1.33em; line-height: 1.3em; margin: 48px 0; padding-left: 60px; padding-right: 60px; }
/* line 214, sass/_base.scss */
blockquote p { font-size: inherit; line-height: inherit; }
/* line 220, sass/_base.scss */
blockquote p:nth-child(1) { position: relative; }
/* line 224, sass/_base.scss */
blockquote p:nth-child(1):before { content: '\201C'; line-height: 1; font-size: 4.4em; color: #0066ff; pointer-events: none; position: absolute; top: -17px; left: -45px; font-weight: 700; }
/* line 239, sass/_base.scss */
blockquote p + p:nth-last-child(1) { font-size: .75em; line-height: 1.5em; color: #0066ff; }
/* line 245, sass/_base.scss */
blockquote p + p:nth-last-child(1):before { content: '\2014'; }

/* line 255, sass/_base.scss */
*[data-has-icon="true"] { margin-top: 60px; }
/* line 259, sass/_base.scss */
*[data-has-icon="true"]:before { content: ''; display: block; width: 30px; height: 30px; background-size: 30px 30px; background-repeat: no-repeat; }
/* line 269, sass/_base.scss */
*[data-has-icon="true"].has-icon-boy:before { background-image: url("images/icons/icn_boy.png"); }
/* line 274, sass/_base.scss */
*[data-has-icon="true"].has-icon-star:before { background-image: url("images/icons/icn_star.png"); }
/* line 279, sass/_base.scss */
*[data-has-icon="true"].has-icon-brush:before { background-image: url("images/icons/icn_brush.png"); }
/* line 284, sass/_base.scss */
*[data-has-icon="true"].has-icon-brackets:before { background-image: url("images/icons/icn_brackets.png"); }
/* line 289, sass/_base.scss */
*[data-has-icon="true"].has-icon-pen:before { background-image: url("images/icons/icn_pen.png"); }
/* line 294, sass/_base.scss */
*[data-has-icon="true"].has-icon-info:before { background-image: url("images/icons/icn_info.png"); }
/* line 300, sass/_base.scss */
*[data-has-icon="true"] > h4:nth-child(1) { margin-top: 2px; }

/* line 309, sass/_base.scss */
#scroll-to-top-container { position: fixed; left: 0; right: 0; bottom: 119px; z-index: 9995; pointer-events: none; }
/* line 319, sass/_base.scss */
#scroll-to-top-container .grid { position: relative; height: 50px; }

/* line 326, sass/_base.scss */
#scroll-to-top { width: 50px; height: 50px; background-color: rgba(34, 34, 34, 0.9); border-radius: 50%; position: absolute; right: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; box-shadow: 2px 0 4px rgba(0, 0, 0, 0.3), 5px 0 30px rgba(0, 0, 0, 0.35); -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 0s; transition-delay: 0s; pointer-events: visible; }
/* line 345, sass/_base.scss */
#scroll-to-top:after { content: ''; pointer-events: none; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); z-index: -1; }
/* line 362, sass/_base.scss */
#scroll-to-top:hover { -webkit-transition-delay: .4s; transition-delay: .4s; background-color: transparent; }
/* line 367, sass/_base.scss */
#scroll-to-top:hover svg polygon { fill: #0066ff; }
/* line 372, sass/_base.scss */
#scroll-to-top:hover:after { -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
/* line 378, sass/_base.scss */
#scroll-to-top.hidden { visibility: hidden; opacity: 0; }
/* line 384, sass/_base.scss */
#scroll-to-top svg { width: 30px; height: 30px; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 393, sass/_base.scss */
#scroll-to-top svg polygon { fill: #fff; -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 403, sass/_base.scss */
.breakpoint-phone #scroll-to-top, .breakpoint-phablet #scroll-to-top { display: none; }

/* line 412, sass/_base.scss */
.col.grey-border-box { border: 2px solid #ddd; padding: 30px; }

/* line 418, sass/_base.scss */
#bad-browser-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999999; background-color: #000; text-align: center; }
/* line 429, sass/_base.scss */
#bad-browser-container h2 { color: #f2f2f2; }
/* line 434, sass/_base.scss */
#bad-browser-container p { color: #ccc; max-width: 600px; margin-left: auto; margin-right: auto; }
/* line 442, sass/_base.scss */
#bad-browser-container #bad-browser-inner { padding: 0 40px 60px 40px; }

/* line 13, sass/_header.scss */
header { position: fixed; z-index: 9997; top: 0; left: 0; right: 0; background-color: transparent; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-property: background; transition-property: background; }
/* line 24, sass/_header.scss */
header #header-bar { -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-property: padding; transition-property: padding; padding: 30px 0; display: table; }
/* line 32, sass/_header.scss */
header.scrolled { background-color: rgba(0, 0, 0, 0.8); }
/* line 36, sass/_header.scss */
header.scrolled #header-bar { padding: 20px 0; }
/* line 41, sass/_header.scss */
header.scrolled svg path, header.scrolled svg polygon { fill: #fff; }
/* line 49, sass/_header.scss */
header.scrolled .hamburger-to-close:not(.close) span { background-color: #fff; }
/* line 54, sass/_header.scss */
header.scrolled .hamburger-to-close:not(.close):before, header.scrolled .hamburger-to-close:not(.close):after { background-color: #fff; }

/* line 72, sass/_header.scss */
header svg path, header svg polygon { fill: #ccc; }

/* line 86, sass/_header.scss */
header:not(.scrolled).light svg path, header:not(.scrolled).light svg polygon { fill: #fff; }
/* line 94, sass/_header.scss */
header:not(.scrolled).light .hamburger-to-close:not(.close) span { background-color: #fff; }
/* line 99, sass/_header.scss */
header:not(.scrolled).light .hamburger-to-close:not(.close):before, header:not(.scrolled).light .hamburger-to-close:not(.close):after { background-color: #fff; }
/* line 113, sass/_header.scss */
header:not(.scrolled).dark svg path, header:not(.scrolled).dark svg polygon { fill: #000; }
/* line 121, sass/_header.scss */
header:not(.scrolled).dark .hamburger-to-close:not(.close) span { background-color: #000; }
/* line 126, sass/_header.scss */
header:not(.scrolled).dark .hamburger-to-close:not(.close):before, header:not(.scrolled).dark .hamburger-to-close:not(.close):after { background-color: #000; }
/* line 133, sass/_header.scss */
header:not(.scrolled).dark .hamburger-to-close:not(.close):hover span { background-color: #0066ff; }
/* line 138, sass/_header.scss */
header:not(.scrolled).dark .hamburger-to-close:not(.close):hover:before, header:not(.scrolled).dark .hamburger-to-close:not(.close):hover:after { background-color: #0066ff; }

/* line 150, sass/_header.scss */
#logo-col, #menu-button-col { display: table-cell; width: 50%; height: 30px; vertical-align: middle; }

/* line 161, sass/_header.scss */
#logo { display: block; height: 30px; }
/* line 166, sass/_header.scss */
#logo svg { height: inherit; width: auto; }
/* line 171, sass/_header.scss */
#logo svg path { -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 181, sass/_header.scss */
#menu-button-container { text-align: right; line-height: 1; }

/* line 190, sass/_header.scss */
#menu-button { display: inline-block; width: 24px; height: 18px; vertical-align: middle; line-height: 1; }
/* line 202, sass/_header.scss */
#menu-button:hover .hamburger-to-close span { background-color: #0066ff; }
/* line 207, sass/_header.scss */
#menu-button:hover .hamburger-to-close:before, #menu-button:hover .hamburger-to-close:after { background-color: #0066ff; }
/* line 215, sass/_header.scss */
#menu-button:hover .hamburger-to-close.close span { background-color: #ff6666; }
/* line 220, sass/_header.scss */
#menu-button:hover .hamburger-to-close.close:before, #menu-button:hover .hamburger-to-close.close:after { background-color: #ff6666; }

/* line 231, sass/_header.scss */
.back-button { width: 30px; height: 30px; margin-right: 20px; display: inline-block; vertical-align: middle; line-height: 1; }
/* line 240, sass/_header.scss */
.back-button svg { width: inherit; height: auto; }
/* line 245, sass/_header.scss */
.back-button svg polygon, .back-button svg path { -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }
/* line 254, sass/_header.scss */
.back-button:hover svg polygon, .back-button:hover svg path { fill: #0066ff !important; }

/* line 265, sass/_header.scss */
.hamburger-to-close { display: inline-block; width: 24px; height: 18px; position: relative; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
/* line 273, sass/_header.scss */
.hamburger-to-close span { content: ''; position: absolute; height: 2px; background-color: #ccc; left: 0; right: 0; top: 8px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
/* line 285, sass/_header.scss */
.hamburger-to-close:before { content: ''; position: absolute; height: 2px; background-color: #ccc; top: 0; left: 0; right: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
/* line 297, sass/_header.scss */
.hamburger-to-close:after { content: ''; position: absolute; height: 2px; background-color: #ccc; bottom: 0; left: 0; right: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
/* line 311, sass/_header.scss */
.hamburger-to-close:hover span, header.scrolled .hamburger-to-close:not(.close):hover span, header:not(.scrolled).light .hamburger-to-close:not(.close):hover span { background-color: #0066ff; }
/* line 316, sass/_header.scss */
.hamburger-to-close:hover:before, header.scrolled .hamburger-to-close:hover:not(.close):before, header:not(.scrolled).light .hamburger-to-close:hover:not(.close):before, .hamburger-to-close:hover:after, header.scrolled .hamburger-to-close:hover:not(.close):after, header:not(.scrolled).light .hamburger-to-close:hover:not(.close):after { background-color: #0066ff; }

/* line 323, sass/_header.scss */
.hamburger-to-close.close { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
/* line 327, sass/_header.scss */
.hamburger-to-close.close span { left: 50%; right: 50%; background-color: #ff6666; }
/* line 334, sass/_header.scss */
.hamburger-to-close.close:before { top: 8px; background-color: #ff6666; }
/* line 340, sass/_header.scss */
.hamburger-to-close.close:after { top: 8px; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; background-color: #ff6666; }
/* line 350, sass/_header.scss */
.hamburger-to-close.close:hover span, header.scrolled .close.hamburger-to-close:not(.close):hover span, header:not(.scrolled).light .close.hamburger-to-close:not(.close):hover span { background-color: #ff6666; }
/* line 355, sass/_header.scss */
.hamburger-to-close.close:hover:before, header.scrolled .close.hamburger-to-close:hover:not(.close):before, header:not(.scrolled).light .close.hamburger-to-close:hover:not(.close):before, .hamburger-to-close.close:hover:after, header.scrolled .close.hamburger-to-close:hover:not(.close):after, header:not(.scrolled).light .close.hamburger-to-close:hover:not(.close):after { background-color: #ff6666; }

/* line 4, sass/_hauptnavigation.scss */
#mainNavi { border-top: 2px solid #ddd; }
/* line 8, sass/_hauptnavigation.scss */
#mainNavi ul { padding: 0; margin: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
/* line 18, sass/_hauptnavigation.scss */
#mainNavi ul li { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
/* line 30, sass/_hauptnavigation.scss */
#mainNavi ul .menu-item a { padding: 30px 0; color: #333; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 2em; line-height: 1.3em; text-transform: uppercase; }
/* line 40, sass/_hauptnavigation.scss */
#mainNavi ul .menu-item a:hover { color: #0066ff; }
/* line 46, sass/_hauptnavigation.scss */
#mainNavi ul .menu-item.current-menu-item a { color: #0066ff; border-bottom: 4px solid #0066ff; }
/* line 51, sass/_hauptnavigation.scss */
#mainNavi ul .menu-item.current-menu-item a:hover { color: #0066ff; }

/* line 62, sass/_hauptnavigation.scss */
.breakpoint-tablet #mainNavi ul li a { font-family: "Oswald", sans-serif; font-weight: 700; font-size: 1.33em; line-height: 1.5em; }

/* line 73, sass/_hauptnavigation.scss */
.breakpoint-phablet #mainNavi ul li, .breakpoint-phone #mainNavi ul li { width: 100% !important; }
/* line 77, sass/_hauptnavigation.scss */
.breakpoint-phablet #mainNavi ul li a, .breakpoint-phablet #mainNavi ul li.current-menu-item a, .breakpoint-phone #mainNavi ul li a, .breakpoint-phone #mainNavi ul li.current-menu-item a { font-family: "Oswald", sans-serif; font-weight: 700; font-size: 2em; line-height: 1.3em; border-bottom: 1px solid #ccc; }
/* line 86, sass/_hauptnavigation.scss */
.breakpoint-phablet #mainNavi ul li:nth-last-child(1) a, .breakpoint-phone #mainNavi ul li:nth-last-child(1) a { border-bottom: none; }

/* line 4, sass/_front-page.scss */
#keyvisual-home { background-size: cover; background-position: 66% 50%; background-image: url("images/lowpolybg-1.jpg"); }
/* line 10, sass/_front-page.scss */
#keyvisual-home:before { background-color: rgba(0, 0, 0, 0.6); }
/* line 17, sass/_front-page.scss */
#keyvisual-home #home-text ul { margin: 0; padding: 0; list-style-type: none; }
/* line 23, sass/_front-page.scss */
#keyvisual-home #home-text ul li { list-style-type: none; padding: 0; margin: 0 36px 0 0; display: inline-block; }
/* line 32, sass/_front-page.scss */
#keyvisual-home #home-text h1 { color: #f2f2f2; margin-top: 0; }
/* line 38, sass/_front-page.scss */
#keyvisual-home #home-text p { color: #f2f2f2; margin: 0 0 60px 0; }

/* line 48, sass/_front-page.scss */
.breakpoint-phone #keyvisual-home #home-text ul, .breakpoint-phablet #keyvisual-home #home-text ul { display: table; width: 100%; }
/* line 53, sass/_front-page.scss */
.breakpoint-phone #keyvisual-home #home-text ul li, .breakpoint-phablet #keyvisual-home #home-text ul li { display: table-cell; margin: 0; }

/* line 4, sass/_keyvisuals.scss */
.keyvisual { background-image: url("images/lowpolybg-2.jpg"); background-size: cover; background-position: 66% 50%; position: relative; min-height: 90px; }
/* line 12, sass/_keyvisuals.scss */
.keyvisual .keyvisual-title { position: absolute; z-index: 2; left: 0; right: 0; top: 55%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
/* line 22, sass/_keyvisuals.scss */
.keyvisual .keyvisual-title h1 { color: #fff; }

/* line 29, sass/_keyvisuals.scss */
.keyvisual { padding: 120px 0 60px 0; }
/* line 33, sass/_keyvisuals.scss */
.keyvisual.fullscreen { min-height: 100vh; }
/* line 38, sass/_keyvisuals.scss */
.keyvisual.halfscreen { min-height: 66vh; }

/* line 47, sass/_keyvisuals.scss */
.keyvisual#keyvisual-works-detail .lowpolymask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; background-image: url("images/lowpolybg-mask.png"); }

/* line 62, sass/_keyvisuals.scss */
.breakpoint-phone .keyvisual.halfscreen, .breakpoint-phablet .keyvisual.halfscreen { padding: 160px 0 60px 0; min-height: 0; }
/* line 67, sass/_keyvisuals.scss */
.breakpoint-phone .keyvisual.halfscreen .keyvisual-title, .breakpoint-phablet .keyvisual.halfscreen .keyvisual-title { position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
/* line 78, sass/_keyvisuals.scss */
.breakpoint-phone .keyvisual .keyvisual-title h1, .breakpoint-phablet .keyvisual .keyvisual-title h1 { font-size: 2em; line-height: 1.3em; }

/* line 88, sass/_keyvisuals.scss */
.arrdown { position: absolute; left: 0; right: 0; bottom: 20px; display: block; height: 30px; background-image: url("images/arr-home-down2.png"); background-size: 10px auto; background-repeat: no-repeat; background-position: center top; -webkit-animation: moveArrow 1.5s infinite ease-out; animation: moveArrow 1.5s infinite ease-out; opacity: .8; z-index: 2; }

/* line 107, sass/_keyvisuals.scss */
.breakpoint-phablet .arrdown, .breakpoint-phone .arrdown { display: none; }

@-webkit-keyframes moveArrow { 0%, 100% { background-position: center bottom; }
  50% { background-position: center top; } }

@keyframes moveArrow { 0%, 100% { background-position: center bottom; }
  50% { background-position: center top; } }
/* line 129, sass/_keyvisuals.scss */
.tint, .has-tint:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }

/* line 140, sass/_keyvisuals.scss */
.has-tint { position: relative; }
/* line 144, sass/_keyvisuals.scss */
.has-tint:before { content: ''; z-index: auto; }
/* line 151, sass/_keyvisuals.scss */
.has-tint .grid { position: relative; z-index: auto; }

/* line 8, sass/_page-content.scss */
.col-inner img.size-full { width: 100%; height: auto; display: block; }
/* line 16, sass/_page-content.scss */
.col-inner .alignleft { float: left; margin: 12px 24px 24px 0 !important; }
/* line 22, sass/_page-content.scss */
.col-inner .alignright { float: right; margin: 12px 0 24px 24px !important; }
/* line 28, sass/_page-content.scss */
.col-inner .aligncenter { display: block; margin: 24px auto 24px auto !important; }
/* line 34, sass/_page-content.scss */
.col-inner .wp-caption-text { margin-top: 7px; margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid #ccc; }

/* line 47, sass/_page-content.scss */
.the-content ul, .the-content ol { margin: 24px 0; padding: 0 0 0 24px; }
/* line 52, sass/_page-content.scss */
.the-content ul li, .the-content ol li { margin: 0 0 12px 0; }
/* line 59, sass/_page-content.scss */
.the-content ul li { list-style-type: square; }
/* line 67, sass/_page-content.scss */
.the-content li ul, .the-content li ol { margin-top: 12px !important; margin-bottom: 24px !important; }

/* line 77, sass/_page-content.scss */
.the-content .grid + .grid { border-top: 2px solid #ddd; padding-top: 120px; }
/* line 83, sass/_page-content.scss */
.the-content .grid.fullsize { border-top: none !important; padding-top: 0 !important; }

/* line 100, sass/_page-content.scss */
.the-content .row .col:nth-child(1) .col-inner img { -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 0ms; transition-delay: 0ms; }

/* line 100, sass/_page-content.scss */
.the-content .row .col:nth-child(2) .col-inner img { -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 200ms; transition-delay: 200ms; }

/* line 100, sass/_page-content.scss */
.the-content .row .col:nth-child(3) .col-inner img { -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 400ms; transition-delay: 400ms; }

/* line 100, sass/_page-content.scss */
.the-content .row .col:nth-child(4) .col-inner img { -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 600ms; transition-delay: 600ms; }

/* line 107, sass/_page-content.scss */
.hideImage { opacity: 0; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0); }

/* line 116, sass/_page-content.scss */
.password-page { background-image: url("images/lowpolybg-2.jpg"); background-size: cover; background-position: 66% 50%; }
/* line 122, sass/_page-content.scss */
.password-page .grid { margin-top: 90px; }
/* line 127, sass/_page-content.scss */
.password-page #password-content-col { background-color: #fff; padding: 30px; }

/* line 4, sass/_teaser-pagebottom.scss */
.imageteaser { min-height: calc((50vw - 30px) * (9/16)); background-size: cover; background-position: 66% 50%; }
/* line 10, sass/_teaser-pagebottom.scss */
.imageteaser .imageteaser-text { position: relative; z-index: 2; padding: 60px; margin: auto 0; }
/* line 17, sass/_teaser-pagebottom.scss */
.imageteaser .imageteaser-text h4 { color: #fff; margin-top: 0; }

/* line 27, sass/_teaser-pagebottom.scss */
.breakpoint-phablet .imageteaser, .breakpoint-phone .imageteaser { min-height: calc(100vw * (9/16)); }

/* line 6, sass/_skills.scss */
.skill h4 { margin-top: 0; }
/* line 11, sass/_skills.scss */
.skill p { padding-right: 20px; }

/* line 17, sass/_skills.scss */
.skill-icon { height: 60px; width: 60px; background-color: #0066ff; background-size: 60px auto; background-position: 50%; border-radius: 50%; margin-bottom: 24px; }
/* line 27, sass/_skills.scss */
.skill-icon.digital-art { background-image: url("images/digitalArt.png"); }
/* line 32, sass/_skills.scss */
.skill-icon.design { background-image: url("images/design.png"); }
/* line 37, sass/_skills.scss */
.skill-icon.code { background-image: url("images/code.png"); }

/* line 45, sass/_skills.scss */
.breakpoint-phablet .skill, .breakpoint-phone .skill { margin-bottom: 60px; }
/* line 49, sass/_skills.scss */
.breakpoint-phablet .skill:nth-last-child(1), .breakpoint-phone .skill:nth-last-child(1) { margin-bottom: 0; }

/* line 8, sass/_experience.scss */
section#experience .exp p { padding-right: 20px; }
/* line 13, sass/_experience.scss */
section#experience .exp .exp-date { font-size: .88em; line-height: 1.5em; border-bottom: 1px solid #ccc; color: #999; margin: 0; padding-bottom: 10px; }
/* line 23, sass/_experience.scss */
section#experience .exp .exp-title { color: #0066ff; margin: 20px 0; min-height: 100px; }
/* line 30, sass/_experience.scss */
section#experience .exp .exp-agency { font-size: .88em; line-height: 1.5em; border-top: 1px solid #ccc; margin-top: 0; padding-top: 20px; }

/* line 43, sass/_experience.scss */
.breakpoint-tablet .exp, .breakpoint-phablet .exp { margin-bottom: 60px; }
/* line 47, sass/_experience.scss */
.breakpoint-tablet .exp .exp-title, .breakpoint-phablet .exp .exp-title { min-height: initial !important; }
/* line 52, sass/_experience.scss */
.breakpoint-tablet .exp:nth-last-child(1), .breakpoint-tablet .exp:nth-last-child(2), .breakpoint-phablet .exp:nth-last-child(1), .breakpoint-phablet .exp:nth-last-child(2) { margin-bottom: 0; }

/* line 61, sass/_experience.scss */
.breakpoint-phone .exp { margin-bottom: 60px; }
/* line 65, sass/_experience.scss */
.breakpoint-phone .exp .exp-title { min-height: initial !important; }
/* line 70, sass/_experience.scss */
.breakpoint-phone .exp:nth-last-child(1) { margin-bottom: 0; }

/* line 4, sass/_portfolio-overview.scss */
.portfoliothumb { position: relative; overflow: hidden; height: calc(50vw * (9/16)); outline: 0; }
/* line 13, sass/_portfolio-overview.scss */
.portfoliothumb:hover .portfoliothumb-over, .portfoliothumb:focus .portfoliothumb-over { opacity: 1; }
/* line 18, sass/_portfolio-overview.scss */
.portfoliothumb:hover .portfoliothumb-image, .portfoliothumb:focus .portfoliothumb-image { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 15s linear; transition: transform 15s linear; }
/* line 26, sass/_portfolio-overview.scss */
.portfoliothumb:hover .portfoliothumb-over-text h2, .portfoliothumb:focus .portfoliothumb-over-text h2 { -webkit-animation: showThumbHeadline 500ms cubic-bezier(0.23, 1, 0.32, 1); animation: showThumbHeadline 500ms cubic-bezier(0.23, 1, 0.32, 1); }
/* line 30, sass/_portfolio-overview.scss */
.portfoliothumb:hover .portfoliothumb-over-text p, .portfoliothumb:hover .portfoliothumb-over-text h5, .portfoliothumb:focus .portfoliothumb-over-text p, .portfoliothumb:focus .portfoliothumb-over-text h5 { -webkit-animation: showThumbSubline 500ms cubic-bezier(0.23, 1, 0.32, 1); animation: showThumbSubline 500ms cubic-bezier(0.23, 1, 0.32, 1); }
/* line 37, sass/_portfolio-overview.scss */
.portfoliothumb .portfoliothumb-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); }
/* line 49, sass/_portfolio-overview.scss */
.portfoliothumb .portfoliothumb-over { -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; background-color: rgba(0, 0, 0, 0.6); opacity: 0; }
/* line 60, sass/_portfolio-overview.scss */
.portfoliothumb .portfoliothumb-over h2 { color: #fff; margin: 0 0 0 0; }
/* line 66, sass/_portfolio-overview.scss */
.portfoliothumb .portfoliothumb-over h5 { color: #ccc; margin: 0 0 10px 0; }
/* line 72, sass/_portfolio-overview.scss */
.portfoliothumb .portfoliothumb-over p { color: #ccc; margin: 0; }
/* line 78, sass/_portfolio-overview.scss */
.portfoliothumb .portfoliothumb-over .portfoliothumb-over-text { padding: 60px; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
/* line 89, sass/_portfolio-overview.scss */
.portfoliothumb.inactive { background-color: #fff; background-size: 64px auto; background-position: 50% 50%; background-repeat: no-repeat; border-top: 2px solid #eee; }
/* line 97, sass/_portfolio-overview.scss */
.portfoliothumb.inactive.left { background-image: url("images/arr-next.png"); }
/* line 102, sass/_portfolio-overview.scss */
.portfoliothumb.inactive.right { background-image: url("images/arr-prev.png"); }

@-webkit-keyframes showThumbHeadline { from { -webkit-transform: translateY(-15%); transform: translateY(-15%); } }

@keyframes showThumbHeadline { from { -webkit-transform: translateY(-15%); transform: translateY(-15%); } }
@-webkit-keyframes showThumbSubline { from { -webkit-transform: translateY(15%); transform: translateY(15%); } }
@keyframes showThumbSubline { from { -webkit-transform: translateY(15%); transform: translateY(15%); } }
/* line 127, sass/_portfolio-overview.scss */
.breakpoint-phablet .portfoliothumb.inactive, .breakpoint-phone .portfoliothumb.inactive { display: none; }

/* line 135, sass/_portfolio-overview.scss */
.breakpoint-phablet .portfoliothumb, .breakpoint-phone .portfoliothumb { height: calc(100vw * (9/16)); }
/* line 140, sass/_portfolio-overview.scss */
.breakpoint-phablet #teaser .portfoliothumb .portfoliothumb-over, .breakpoint-phone #teaser .portfoliothumb .portfoliothumb-over { opacity: .8 !important; }
/* line 145, sass/_portfolio-overview.scss */
.breakpoint-phablet #mainNavi .portfoliothumb .portfoliothumb-over, .breakpoint-phone #mainNavi .portfoliothumb .portfoliothumb-over { opacity: .8 !important; }

/* line 4, sass/_portfolio-detail.scss */
.content-portfolio-single { padding-top: 120px; }
/* line 9, sass/_portfolio-detail.scss */
.content-portfolio-single .row .col blockquote:only-child { background-color: #000; width: 100%; margin: 0; padding: 120px 60px; }
/* line 16, sass/_portfolio-detail.scss */
.content-portfolio-single .row .col blockquote:only-child p { max-width: 700px; margin-left: auto; margin-right: auto; }
/* line 23, sass/_portfolio-detail.scss */
.content-portfolio-single .row .col blockquote:only-child p:not(:nth-last-child(1)) { color: #ccc; }

/* line 33, sass/_portfolio-detail.scss */
#portfolio-meta { border-left: 2px solid #ddd; padding-left: 30px; margin-left: 25%; }
/* line 39, sass/_portfolio-detail.scss */
#portfolio-meta .meta-item { border-bottom: 2px solid #ddd; padding-bottom: 30px; margin-bottom: 30px; }
/* line 45, sass/_portfolio-detail.scss */
#portfolio-meta .meta-item h5 { margin-top: 0; }
/* line 50, sass/_portfolio-detail.scss */
#portfolio-meta .meta-item p { margin-bottom: 0; }
/* line 55, sass/_portfolio-detail.scss */
#portfolio-meta .meta-item:nth-last-child(1) { border: none; padding: 0; margin: 0; }

/* line 66, sass/_portfolio-detail.scss */
.breakpoint-tablet #portfolio-meta { border-left: none; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding-left: 0; padding-top: 30px; padding-bottom: 30px; margin-left: 0; display: table; width: 100%; }
/* line 79, sass/_portfolio-detail.scss */
.breakpoint-tablet #portfolio-meta .meta-item { display: table-cell; vertical-align: top; padding: 0; border: none; padding-left: 30px; padding-right: 30px; border-left: 2px solid #ddd; }
/* line 89, sass/_portfolio-detail.scss */
.breakpoint-tablet #portfolio-meta .meta-item:nth-child(1) { padding-left: 0; border-left: none; }

/* line 100, sass/_portfolio-detail.scss */
.breakpoint-phablet #portfolio-meta, .breakpoint-phone #portfolio-meta { border: none; padding: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding-top: 20px; padding-bottom: 20px; margin-left: 0; }
/* line 110, sass/_portfolio-detail.scss */
.breakpoint-phablet #portfolio-meta .meta-item, .breakpoint-phone #portfolio-meta .meta-item { margin-bottom: 20px; padding-bottom: 20px; }
/* line 115, sass/_portfolio-detail.scss */
.breakpoint-phablet #portfolio-meta .meta-item:nth-last-child(1), .breakpoint-phone #portfolio-meta .meta-item:nth-last-child(1) { margin: 0; padding: 0; }

/* line 131, sass/_portfolio-detail.scss */
#portfolio-socials .col:nth-child(2) .col-inner, #portfolio-socials .col:nth-child(3) .col-inner { margin: 0 auto; }
/* line 139, sass/_portfolio-detail.scss */
#portfolio-socials .col:nth-child(4) .col-inner { margin: 0 0 0 auto; }

/* line 150, sass/_portfolio-detail.scss */
.breakpoint-phablet #portfolio-socials .col .col-inner { margin: 0 auto; }

/* line 161, sass/_portfolio-detail.scss */
.breakpoint-phone #portfolio-socials .col .col-inner { margin: 0; }

/* line 6, sass/_contactform.scss */
#contact-form label, #contact-form input, #contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="number"], #contact-form textarea, #contact-form button, form label, form input, form input[type="text"], form input[type="email"], form input[type="number"], form textarea, form button { font-family: inherit; font-size: inherit; line-height: inherit; }
/* line 19, sass/_contactform.scss */
#contact-form .formfield-container, form .formfield-container { position: relative; margin-bottom: 30px; }
/* line 24, sass/_contactform.scss */
#contact-form .formfield-container:nth-last-child(1), form .formfield-container:nth-last-child(1) { margin-bottom: 0; }
/* line 29, sass/_contactform.scss */
#contact-form .formfield-container:after, form .formfield-container:after { content: ''; height: 2px; position: absolute; left: 0; right: 100%; bottom: 0; background-color: #0066ff; -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); }
/* line 43, sass/_contactform.scss */
#contact-form .formfield-container.active label.placeholder, form .formfield-container.active label.placeholder { top: 0 !important; background-color: #fff; color: #666; }
/* line 50, sass/_contactform.scss */
#contact-form .formfield-container.active:after, form .formfield-container.active:after { right: 0; }
/* line 59, sass/_contactform.scss */
#contact-form .formfield-container.validation-error.active:after, form .formfield-container.validation-error.active:after { right: 0; bottom: 0; background-color: #ff6666; }
/* line 66, sass/_contactform.scss */
#contact-form .formfield-container.validation-error label.validation-error, form .formfield-container.validation-error label.validation-error { color: #ff6666; }
/* line 72, sass/_contactform.scss */
#contact-form label, #contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="number"], #contact-form input[type="password"], #contact-form input[type="search"], #contact-form textarea, form label, form input[type="text"], form input[type="email"], form input[type="number"], form input[type="password"], form input[type="search"], form textarea { display: block; border-radius: 0; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; outline: 0; }
/* line 89, sass/_contactform.scss */
#contact-form label:focus, #contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form input[type="number"]:focus, #contact-form input[type="password"]:focus, #contact-form input[type="search"]:focus, #contact-form textarea:focus, form label:focus, form input[type="text"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="password"]:focus, form input[type="search"]:focus, form textarea:focus { outline: 0; }
/* line 95, sass/_contactform.scss */
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="number"], #contact-form input[type="password"], #contact-form input[type="search"], #contact-form textarea, form input[type="text"], form input[type="email"], form input[type="number"], form input[type="password"], form input[type="search"], form textarea { border: 2px solid #ddd; padding: 15px 20px 10px 20px; width: 100%; }
/* line 107, sass/_contactform.scss */
#contact-form textarea, form textarea { resize: none; min-height: 219px; }
/* line 113, sass/_contactform.scss */
#contact-form label.placeholder, form label.placeholder { position: absolute; padding: 0 10px; color: #0066ff; left: 10px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); pointer-events: none; }
/* line 125, sass/_contactform.scss */
#contact-form #textarea-container .placeholder, form #textarea-container .placeholder { top: 27px; }
/* line 130, sass/_contactform.scss */
#contact-form #button-row, form #button-row { margin-top: 30px; text-align: right; }
/* line 135, sass/_contactform.scss */
#contact-form #button-row button, form #button-row button { display: inline-block; margin-right: 6px; }
/* line 140, sass/_contactform.scss */
#contact-form #button-row button:nth-last-child(1), form #button-row button:nth-last-child(1) { margin-right: 0; }

/* line 148, sass/_contactform.scss */
.contact-form-frontend-message { border-left: 4px solid #66cc66; padding: 20px 30px; background-color: #f5f5f5; }
/* line 154, sass/_contactform.scss */
.contact-form-frontend-message h4 { color: #66cc66; margin-top: 0; }
/* line 160, sass/_contactform.scss */
.contact-form-frontend-message p { margin-bottom: 0; }

/* line 166, sass/_contactform.scss */
.contact-form-frontend-message.error { border-left-color: #ff6666; }
/* line 170, sass/_contactform.scss */
.contact-form-frontend-message.error h4 { color: #ff6666; }

/* line 178, sass/_contactform.scss */
.breakpoint-phablet #textarea-col, .breakpoint-phone #textarea-col { margin-top: 30px; }

/* line 186, sass/_contactform.scss */
.breakpoint-phablet #button-row, .breakpoint-phone #button-row { text-align: left; }
/* line 190, sass/_contactform.scss */
.breakpoint-phablet #button-row button, .breakpoint-phone #button-row button { display: block; width: 100%; margin-right: 0; margin-bottom: 10px; }
/* line 197, sass/_contactform.scss */
.breakpoint-phablet #button-row button:nth-last-child(1), .breakpoint-phone #button-row button:nth-last-child(1) { margin-bottom: 0; }

/* line 11, sass/_wp-gallery.scss */
.gallery .gallery-item { background-color: #f2f2f2; border: 2px solid #fff; float: left; position: relative; overflow: hidden; z-index: 1; }
/* line 20, sass/_wp-gallery.scss */
.gallery .gallery-item .gallery-item-link, .gallery .gallery-item .gallery-item-image { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-position: 50% 50%; z-index: 1; }
/* line 35, sass/_wp-gallery.scss */
.gallery .gallery-item .gallery-item-link:hover .the-gallery-image-caption, .gallery .gallery-item .gallery-item-image:hover .the-gallery-image-caption { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
/* line 43, sass/_wp-gallery.scss */
.gallery .the-gallery-image-caption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 30px 15px 10px 15px; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: .85em; line-height: 1.2em; font-style: normal; font-weight: 600; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; text-align: center; text-transform: none; }

/* line 4, sass/_footer.scss */
footer { background-color: #000; color: #666; padding: 120px 0; }
/* line 10, sass/_footer.scss */
footer #geo { color: #333; font-weight: 700; margin: 0; }
/* line 17, sass/_footer.scss */
footer #heart { font-family: Arial, Helvetica, sans-serif; font-size: 1.33em; color: #864444; }
/* line 24, sass/_footer.scss */
footer #footer-top { padding-bottom: 24px; border-bottom: 2px solid #222; }
/* line 29, sass/_footer.scss */
footer #footer-top #bottom-row .col { margin-top: 0; }
/* line 35, sass/_footer.scss */
footer #footer-bottom { margin-top: 24px; }
/* line 40, sass/_footer.scss */
footer #footer-table { border-top: 2px solid #222; padding-top: 24px; display: table; width: 100%; }
/* line 47, sass/_footer.scss */
footer #footer-table #footer-table-left, footer #footer-table #footer-table-right { display: table-cell; width: 50%; }
/* line 53, sass/_footer.scss */
footer #footer-table #footer-table-right { text-align: right; }

/* line 62, sass/_footer.scss */
.breakpoint-phone #footer-table { display: block; }
/* line 66, sass/_footer.scss */
.breakpoint-phone #footer-table #footer-table-left, .breakpoint-phone #footer-table #footer-table-right { display: block; width: initial; }
/* line 72, sass/_footer.scss */
.breakpoint-phone #footer-table #footer-table-right { display: none; }

/* line 133, sass/_footer.scss */
ul#socialmenu { margin-top: -20px; margin-bottom: 0; padding: 0; list-style-type: none; }
/* line 141, sass/_footer.scss */
ul#socialmenu li { padding: 0; list-style-type: none; float: left; margin-right: 20px; margin-top: 20px; }
/* line 149, sass/_footer.scss */
ul#socialmenu li:nth-last-child(1) { margin-right: 0; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.skype a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-skype.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.skype a:hover, ul#socialmenu li.skype a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #00adef; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #00adef; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.skype a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/skype_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.skype a:hover:before, ul#socialmenu li.skype a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.facebook a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-facebook.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.facebook a:hover, ul#socialmenu li.facebook a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #425796; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #425796; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.facebook a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/facebook_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.facebook a:hover:before, ul#socialmenu li.facebook a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.twitter a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-twitter.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.twitter a:hover, ul#socialmenu li.twitter a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #6faaf2; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #6faaf2; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.twitter a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/twitter_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.twitter a:hover:before, ul#socialmenu li.twitter a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.deviantart a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-deviantart.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.deviantart a:hover, ul#socialmenu li.deviantart a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #49ce52; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #49ce52; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.deviantart a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/deviantart_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.deviantart a:hover:before, ul#socialmenu li.deviantart a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.googleplus a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-googleplus.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.googleplus a:hover, ul#socialmenu li.googleplus a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #bf3726; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #bf3726; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.googleplus a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/googleplus_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.googleplus a:hover:before, ul#socialmenu li.googleplus a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.youtube a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-youtube.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.youtube a:hover, ul#socialmenu li.youtube a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #c0121b; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #c0121b; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.youtube a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/youtube_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.youtube a:hover:before, ul#socialmenu li.youtube a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.pinterest a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-pinterest.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.pinterest a:hover, ul#socialmenu li.pinterest a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #bf1c25; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #bf1c25; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.pinterest a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/pinterest_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.pinterest a:hover:before, ul#socialmenu li.pinterest a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
/* line 84, sass/_footer.scss */
ul#socialmenu li.email a { width: 48px; height: 48px; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% calc(100% + 50px); display: block; position: relative; border-radius: 50%; color: transparent; font-size: 0; line-height: 0; border-width: 2px !important; -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; box-shadow: 0 0 0 transparent, 0 0 0 transparent; border: 1px solid #333; color: transparent; padding: 10px 20px 10px 20px; vertical-align: middle; background-color: transparent; background-image: url(images/socials/c-email.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0 auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; }
/* line 78, sass/_materialbuttons.scss */
ul#socialmenu li.email a:hover, ul#socialmenu li.email a:focus { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #0066ff; color: transparent; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.35); background-color: #0066ff; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 20ms; transition-delay: 20ms; /* prevents safari flickering */ -webkit-animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); animation: newMaterial-ripple 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
/* line 105, sass/_footer.scss */
ul#socialmenu li.email a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: url("images/socials/email_w.png"); background-position: center center; background-repeat: no-repeat; background-size: 40px auto; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; opacity: .27; }
/* line 124, sass/_footer.scss */
ul#socialmenu li.email a:hover:before, ul#socialmenu li.email a:focus:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

/* line 167, sass/_footer.scss */
.breakpoint-phablet ul#socialmenu li, .breakpoint-phone ul#socialmenu li { width: 25%; text-align: center; margin-right: 0; }
/* line 173, sass/_footer.scss */
.breakpoint-phablet ul#socialmenu li a, .breakpoint-phone ul#socialmenu li a { display: inline-block; }

@-webkit-keyframes glitch-anim-1 { 0% { clip: rect(6px, 9999px, 50px, 0); }
  10% { clip: rect(9px, 9999px, 100px, 0); }
  20% { clip: rect(30px, 9999px, 97px, 0); }
  30.0% { clip: rect(77px, 9999px, 87px, 0); }
  40% { clip: rect(29px, 9999px, 16px, 0); }
  50% { clip: rect(94px, 9999px, 10px, 0); }
  60.0% { clip: rect(85px, 9999px, 31px, 0); }
  70% { clip: rect(16px, 9999px, 23px, 0); }
  80% { clip: rect(95px, 9999px, 69px, 0); }
  90% { clip: rect(79px, 9999px, 14px, 0); }
  100% { clip: rect(44px, 9999px, 28px, 0); } }

@keyframes glitch-anim-1 { 0% { clip: rect(6px, 9999px, 50px, 0); }
  10% { clip: rect(9px, 9999px, 100px, 0); }
  20% { clip: rect(30px, 9999px, 97px, 0); }
  30.0% { clip: rect(77px, 9999px, 87px, 0); }
  40% { clip: rect(29px, 9999px, 16px, 0); }
  50% { clip: rect(94px, 9999px, 10px, 0); }
  60.0% { clip: rect(85px, 9999px, 31px, 0); }
  70% { clip: rect(16px, 9999px, 23px, 0); }
  80% { clip: rect(95px, 9999px, 69px, 0); }
  90% { clip: rect(79px, 9999px, 14px, 0); }
  100% { clip: rect(44px, 9999px, 28px, 0); } }
@-webkit-keyframes glitch-anim-2 { 0% { clip: rect(95px, 9999px, 97px, 0); }
  10% { clip: rect(72px, 9999px, 70px, 0); }
  20% { clip: rect(5px, 9999px, 6px, 0); }
  30.0% { clip: rect(69px, 9999px, 50px, 0); }
  40% { clip: rect(86px, 9999px, 3px, 0); }
  50% { clip: rect(36px, 9999px, 99px, 0); }
  60.0% { clip: rect(76px, 9999px, 46px, 0); }
  70% { clip: rect(11px, 9999px, 47px, 0); }
  80% { clip: rect(79px, 9999px, 20px, 0); }
  90% { clip: rect(15px, 9999px, 50px, 0); }
  100% { clip: rect(27px, 9999px, 77px, 0); } }
@keyframes glitch-anim-2 { 0% { clip: rect(95px, 9999px, 97px, 0); }
  10% { clip: rect(72px, 9999px, 70px, 0); }
  20% { clip: rect(5px, 9999px, 6px, 0); }
  30.0% { clip: rect(69px, 9999px, 50px, 0); }
  40% { clip: rect(86px, 9999px, 3px, 0); }
  50% { clip: rect(36px, 9999px, 99px, 0); }
  60.0% { clip: rect(76px, 9999px, 46px, 0); }
  70% { clip: rect(11px, 9999px, 47px, 0); }
  80% { clip: rect(79px, 9999px, 20px, 0); }
  90% { clip: rect(15px, 9999px, 50px, 0); }
  100% { clip: rect(27px, 9999px, 77px, 0); } }
/* line 63, sass/_404.scss */
#keyvisual-404 { background-size: cover; background-position: 50% 50%; background-image: url("images/lowpolybg-err.jpg"); }
/* line 69, sass/_404.scss */
#keyvisual-404 .col-inner { text-align: center; }
/* line 73, sass/_404.scss */
#keyvisual-404 .col-inner h1 { font-weight: 400; font-size: 8.5em; line-height: 1; margin: 0; position: relative; display: inline-block; z-index: 0; }
/* line 7, sass/_404.scss */
#keyvisual-404 .col-inner h1:before, #keyvisual-404 .col-inner h1:after { content: "404"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
/* line 17, sass/_404.scss */
#keyvisual-404 .col-inner h1:before { clip: rect(44px, 450px, 56px, 0); left: 2px; background: #000; text-shadow: -2px 0 red; -webkit-animation: glitch-anim-1 2s infinite linear alternate-reverse; animation: glitch-anim-1 2s infinite linear alternate-reverse; z-index: 2; }
/* line 27, sass/_404.scss */
#keyvisual-404 .col-inner h1:after { left: -2px; background: #000; text-shadow: -2px 0 #00ffff; -webkit-animation: glitch-anim-2 2s infinite linear alternate-reverse; animation: glitch-anim-2 2s infinite linear alternate-reverse; z-index: 1; }
/* line 82, sass/_404.scss */
#keyvisual-404 .col-inner .bigsubline { margin: 60px 0 0 0; color: #fff; }

/* line 177, sass/style.scss */
section { padding: 120px 0; }
/* line 181, sass/style.scss */
section.no-padding { padding: 0 !important; }
/* line 186, sass/style.scss */
section.black { background-color: #000; color: #666; }
/* line 191, sass/style.scss */
section.black h1, section.black h2, section.black h3, section.black h4, section.black h5, section.black h6, section.black .h1, section.black .h2, section.black .h3, section.black .h4, section.black .h5, section.black .h6 { color: #ccc; }
/* line 198, sass/style.scss */
section.grey { background-color: #f2f2f2; }
/* line 204, sass/style.scss */
section .col h2:only-child { margin-bottom: 40px !important; }

/* line 212, sass/style.scss */
.breakpoint-phablet section, .breakpoint-phone section { padding: 60px 0; }
/* line 216, sass/style.scss */
.breakpoint-phablet section.no-padding, .breakpoint-phone section.no-padding { padding: 0 !important; }
/* line 222, sass/style.scss */
.breakpoint-phablet .content-portfolio-single, .breakpoint-phone .content-portfolio-single { padding-top: 60px; }

/* line 228, sass/style.scss */
hr { border: none; border-top: 2px solid #ddd; margin: 60px 0; }

/* line 235, sass/style.scss */
.col-inner hr:only-child { margin-top: 40px !important; margin-bottom: 40px !important; }

/* line 244, sass/style.scss */
#post-password-form { margin-top: 60px; }