html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }body {line-height:1; }ol, ul {list-style:none; }blockquote, q {quotes:none; }blockquote:before, blockquote:after,q:before, q:after {content:'';content:none; }table {border-collapse:collapse;border-spacing:0; }body {background:#fff;font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; }h1, h2, h3, h4, h5, h6 {color:#181818;font-family:"Georgia", "Times New Roman", Helvetica, Arial, sans-serif;font-weight:normal; }h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; }h1 { font-size:46px; line-height:50px; margin-bottom:14px;}h2 { font-size:35px; line-height:40px; margin-bottom:10px; }h3 { font-size:28px; line-height:34px; margin-bottom:8px; }h4 { font-size:21px; line-height:30px; margin-bottom:4px; }h5 { font-size:17px; line-height:24px; }h6 { font-size:14px; line-height:21px; }.subheader { color:#777; }p { margin:0 0 20px 0; }p img { margin:0; }p.lead { font-size:21px; line-height:27px; color:#777;}em { font-style:italic; }strong { font-weight:bold; }small { font-size:80%; }blockquote, blockquote p { font-size:17px; line-height:24px; color:#777; font-style:italic; }blockquote { margin:0 0 20px; padding:9px 20px 0 19px; border-left:1px solid #ddd; }blockquote cite { display:block; font-size:12px; color:#555; }blockquote cite:before { content:"\2014 \0020"; }blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#555; }hr { border:solid #ddd; border-width:1px 0 0; clear:both; margin:10px 0 30px; height:0; }a, a:visited {text-decoration:none; outline:0; }a:hover, a:focus { }p a, p a:visited { line-height:inherit; }ul, ol { margin-bottom:20px; }ul { list-style:none outside; }ol { list-style:decimal; }ol, ul.square, ul.circle, ul.disc { margin-left:30px; }ul.square { list-style:square outside; }ul.circle { list-style:circle outside; }ul.disc { list-style:disc outside; }ul ul, ul ol,ol ol, ol ul { margin:4px 0 5px 30px; font-size:90%;}ul ul li, ul ol li,ol ol li, ol ul li { margin-bottom:6px; }li { line-height:18px; margin-bottom:12px; }ul.large li { line-height:21px; }li p { line-height:21px; }img.scale-with-grid {max-width:100%;height:auto; }form {margin-bottom:20px; }fieldset {margin-bottom:20px; }input[type="text"],input[type="password"],input[type="email"],textarea,select {border:1px solid #ccc;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin:0;background:#fff; }select {padding:0; }input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {border:1px solid #aaa; color:#444; -moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2); }textarea { }label,legend {display:block;font-weight:bold;font-size:13px;}select {width:220px; }input[type="checkbox"] {display:inline; }label span,legend span {font-weight:normal;font-size:13px;color:#444; }.remove-bottom { margin-bottom:0 !important; }.half-bottom { margin-bottom:10px !important; }.add-bottom { margin-bottom:20px !important; }.container{ position:relative; width:1200px; margin:0 auto; padding:0; }.container .column,.container .columns { float:left; display:inline; margin-left:10px; margin-right:10px; }.row{ margin-bottom:20px; }.column.first, .columns.first { margin-left:0; }.column.last, .columns.last { margin-right:0; }.container .one.column,.container .one.columns { width:40px;}.container .two.columns { width:100px; }.container .three.columns { width:160px; }.container .four.columns{ width:220px; }.container .five.columns{ width:280px; }.container .six.columns { width:340px; }.container .seven.columns { width:400px; }.container .eight.columns { width:460px; }.container .nine.columns{ width:520px; }.container .ten.columns { width:580px; }.container .eleven.columns{ width:640px; }.container .twelve.columns{ width:700px; }.container .thirteen.columns{ width:760px; }.container .fourteen.columns{ width:820px; }.container .fifteen.columns { width:880px; }.container .sixteen.columns {width:1000px; }.container .one-third.column{ width:300px; }.container .two-thirds.column { width:620px; }.container .offset-by-one { padding-left:60px;}.container .offset-by-two { padding-left:120px; }.container .offset-by-three { padding-left:180px; }.container .offset-by-four{ padding-left:240px; }.container .offset-by-five{ padding-left:300px; }.container .offset-by-six { padding-left:360px; }.container .offset-by-seven { padding-left:420px; }.container .offset-by-eight { padding-left:480px; }.container .offset-by-nine{ padding-left:540px; }.container .offset-by-ten { padding-left:600px; }.container .offset-by-eleven{ padding-left:660px; }.container .offset-by-twelve{ padding-left:720px; }.container .offset-by-thirteen{ padding-left:780px; }.container .offset-by-fourteen{ padding-left:840px; }.container .offset-by-fifteen { padding-left:900px; }.container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }.clearfix:before,.clearfix:after,.row:before,.row:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0; }.row:after,.clearfix:after {clear:both; }.row,.clearfix {zoom:1; }.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}html {overflow-y:scroll;}body { background-color:#fff; text-align:center;}#loaded { display:block; }#popup-background { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:5000; background-color:rgba(51,229,180,0.9); cursor:pointer; }#popup-loader { display:none; position:absolute; z-index:9999; width:100%; height:100%; }.page-inside { display:inline-block;width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box;}.content-loader { clear:both;float:left;width:100%;margin-top:130px;}.instagram { clear:both;float:left;width:100%;height:560px;margin-top:40px;overflow:hidden;margin-bottom:40px;text-align:center;}.instagram h2 {font-family:'Open Sans', sans-serif;font-size:25px;color:#000;font-weight:bold;line-height:inherit;text-transform:uppercase;}.instagram a {float:left;width:224px;height:224px;background-size:cover;background-repeat:no-repeat;margin-left:20px;margin-right:20px;margin-bottom:40px;}.instagram a.noleft {margin-left:0;}.instagram a.noright {margin-right:0;}header {position:fixed;top:0;width:100%;height:150px;background-image:url(../img/static/header-bckgrnd.png);background-repeat:repeat-x;background-position:right -8px bottom;text-align:center;z-index:2000;}header h2 { float:left;margin-top:55px;margin-left:70px;font-size:15px;font-family:'Open Sans', sans-serif;color:#000;text-transform:uppercase;line-height:20px;}header .logo { float:left;margin-top:20px;width:127px;height:94px;background-image:url(../img/static/pixelkaiju-logot.svg);background-repeat:no-repeat;background-size:contain;}header nav { float:right;width:300px;}header nav a {float:left;font-family:'Open Sans', sans-serif;font-size:20px;margin-top:55px;color:#000;margin-left:20px;font-weight:bold;line-height:20px;}header nav a:hover,a.active {color:#00aeef;}.firsttext-reset {position:fixed;right:10px;top:-100px;padding:3px 10px;background-color:#e1e1e1;font-family:'Open Sans', sans-serif;color:#fff;font-size:11px;cursor:pointer;}.hello {float:left;width:100%;height:474px;background-color:#00aeef;box-sizing:border-box;z-index:1000;}.hello .jordy {float:left;margin-top:25px;margin-left:110px;width:284px;height:449px;background-image:url(../img/static/jordy-te-braak.png);background-repeat:no-repeat;background-size:contain;}.hello .firsttext {float:left;margin-top:50px;width:675px;margin-left:60px;text-align:left;font-family:'Open Sans', sans-serif;font-size:16px;color:#000;}.hello .firsttext h3 {font-family:'Open Sans', sans-serif;font-size:20px;line-height:20px;margin:0;padding:0;margin-top:30px;margin-bottom:20px;font-weight:bold;}.hello .firsttext a {color:#000;text-decoration:underline;}.hello .firsttext-exit {float:right;padding:5px 10px;margin-top:22px;font-family:'Open Sans', sans-serif;background-color:#000;font-size:12px;color:#fff;cursor:pointer;}.hello .social {float:right;width:400px;margin-top:-70px;}.hello .social a {float:left;width:45px;height:45px;margin-right:10px;}.work {float:left;width:100%;background-image:url(../img/static/work-bottom-bckgrnd.png);background-position:top right -8px;background-repeat:repeat-x;}.work .filter {margin-top:40px;text-align:center;}.work .filter span { color:#000;font-weight:bold;}.work .filter a {color:#000;margin:2px;font-family:'Open Sans', sans-serif;font-size:16px;}.work .filter a.active {color:#00aeef;font-weight:bold;}.work .filter a:hover {color:#00aeef;text-decoration:none;}.work-overview {margin-top:40px;}.work-overview .work-item {float:left;width:287px;margin-bottom:40px;}.work-overview .work-item img {width:100%;}.work-overview .work-item .title-block {clear:both;float:left;width:100%;height:100px;margin-top:5px;text-align:center;background-position:bottom;box-sizing:border-box;}.work-overview .work-item h2 {font-size:16px;margin:0;padding:0;margin-top:21px;line-height:16px;font-family:'Open Sans', sans-serif;font-weight:bold;color:#fff;text-transform:uppercase;}.work-overview .work-item h3 {font-size:14px;font-family:'Open Sans', sans-serif;margin:0;padding:0;line-height:14px;margin-top:10px;color:#fff;text-transform:lowercase;}.work-overview .work-item.category-1 .title-block h2,.work-overview .work-item.category-1 .title-block h3 {color:#ff5040; }.work-overview .work-item.category-2 .title-block h2,.work-overview .work-item.category-2 .title-block h3 {color:#1de2ac; }.work-overview .work-item.category-3 .title-block h2,.work-overview .work-item.category-3 .title-block h3 {color:#3d8099; }.work-overview .work-item.category-4 .title-block h2,.work-overview .work-item.category-4 .title-block h3 {color:#00aeef; }.pageWork {margin-top:60px;margin-bottom:40px;}.pageWork .information {float:left;width:800px;text-align:left;font-size:17px;}.pageWork .information h2 {font-family:'Open Sans', sans-serif;color:#000;font-size:25px;font-weight:bold;line-height:inherit;text-transform:uppercase;}.pageWork .nextprev { float:right;}.pageWork .nextprev .next { float:left;width:29px;height:29px;margin-left:5px;background-image:url(../img/static/next-button.jpg);}.pageWork .nextprev .prev { float:left;width:29px;height:29px;margin-left:5px;background-image:url(../img/static/prev-button.jpg);}.pageWork .nextprev .close { float:left;width:29px;height:29px;margin-left:30px;background-image:url(../img/static/close-button.jpg);}.pageWork .project { clear:both;float:left;margin-top:40px;}.pageWork .project-item {clear:both;float:left;margin-bottom:40px;}.pageWork .project-item img { float:left;width:1280px;}.pageWork .project-item img.info { width:950px;}.pageWork .project-item .info-right {float:left;width:290px;margin-left:40px;font-family:'Open Sans', sans-serif;font-size:16px;line-height:20px;text-align:left;font-style:italic;color:#000;}.pageWork .project-item .quote { padding:10px;background-color:#d4ece3;font-style:italic;padding-bottom:20px;}.pageWork .project-item .quote .from {float:right;width:100%;height:167px;background-repeat:no-repeat;background-position:right;margin-top:-21px;}.pageAbout {margin-top:40px;margin-bottom:40px;font-family:'Open Sans', sans-serif;color:#000;}.pageAbout h2 {font-family:'Open Sans', sans-serif;font-size:25px;color:#000;font-weight:bold;line-height:inherit;text-transform:uppercase;}.pageAbout .column-left { float:left;width:455px;text-align:left;font-size:15px;line-height:22px;}.pageAbout .column-middle { float:left;width:370px;}.pageAbout .column-middle .jordy {width:370px;height:570px;background-image:url(../img/static/about-jordy.jpg);background-repeat:no-repeat;}.pageAbout .column-right { float:left;width:455px;text-align:left;font-size:18px;line-height:27px;}.pageAbout .column-right .services {margin-top:20px;}.pageAbout .column-right .services li {float:left;width:200px;margin:5px;font-size:14px;list-style:circle;list-style-position:inside;}.pageAbout .testimonials { clear:both;float:left;margin-top:80px;text-align:center;}.pageAbout .testimonials h2 {float:left;margin-top:-50px;}.pageAbout .testimonials .testimonial-item {display:inline-block;width:300px;margin-right:20px;}.pageAbout .testimonials .testimonial-item span {font-family:'Open Sans', sans-serif;font-size:15px;}.pageAbout .testimonials .testimonial-item h3 {font-family:'Open Sans', sans-serif;font-size:20px;font-weight:bold;}.pageAbout .testimonials .testimonial-item:last-child {margin-right:0;}.pageAbout img {margin-top:20px;}.popupContact {position:fixed;width:400px;height:305px;top:50%;left:50%;padding:20px;margin-top:-160px;margin-left:-210px;background-color:#fff;text-align:left;font-family:'Open Sans', sans-serif;font-size:12px;color:#000;}.popupContact a {color:#000;}.popupContact h2 {font-family:'Open Sans', sans-serif;font-size:20px;color:#000;font-weight:bold;line-height:inherit;text-transform:uppercase;}.popupContact input[type=text] {clear:both;width:100%;padding:5px 10px;font-family:'Open Sans', sans-serif;color:#000;margin-bottom:5px;border:1px solid #000;box-sizing:border-box;}.popupContact textarea {clear:both;width:100%;padding:5px 10px;font-family:'Open Sans', sans-serif;color:#000;margin-bottom:5px;border:1px solid #000;box-sizing:border-box;}.popupContact .submit {font-family:'Open Sans', sans-serif;margin-top:5px;padding:5px 15px;background-color:#ff5041;font-weight:bold;color:#fff;border:0;cursor:pointer;}.popupContact .cancel {font-family:'Open Sans', sans-serif;padding:5px 15px;margin-top:5px;background-color:#00aeef;font-weight:bold;color:#fff;border:0;margin-left:10px;cursor:pointer;}footer {clear:both;float:left;width:100%;height:100px;background-image:url(../img/static/footer-bckgrnd.png);background-repeat:repeat-x;}footer span {display:inline-block;margin-top:40px;font-family:'Open Sans', sans-serif;font-size:13px;}h1 { display:none; }h3 {}.noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}@media only screen and (min-width:500px) and (max-width:1100px) {.page-inside { width:960px;}header {background-position:right -12px bottom;}header h2 {margin-left:40px;font-size:16px;}header .logo {margin-left:50px;}header nav {margin-left:40px;}.hello { height:442px;}.hello .firsttext {margin-top:30px;width:525px;}.hello .jordy {margin-left:70px;}.hello .social {width:250px;}.pageAbout .column-left {width:315px;line-height:20px;font-size:14px;}.pageAbout .column-middle {width:210px;height:410px;margin-left:20px;}.pageAbout .column-right {line-height:20px;font-size:14px;width:395px;margin-left:20px;}.pageAbout .column-middle .jordy {background-size:contain;width:200px;background-position:center top;}.pageAbout h2 { font-size:20px;}.pageAbout .column-right .services li {margin:1px;font-size:13px;width:170px;}.pageAbout .testimonials .testimonial-item {width:220px;}.pageWork .project-item img {width:960px;}.pageWork .project-item img.info {width:630px;}.instagram a {width:160px;height:160px;}}@media only screen and (min-width:0px) and (max-width:500px) { .instagram {height:200px;}.instagram a {width:54px;height:54px;margin-right:2px;margin-left:0;margin-bottom:2px;}.page-inside { width:280px;}header {height:70px;}header h2 {display:none;}header nav { width:180px;float:right;margin-left:0;margin-top:15px;}header nav a {margin-top:0;margin-left:10px;font-size:12px;}header .logo {margin-left:0;margin-top:12px;width:47px;height:27px;}header .firsttext-reset {display:none;}.hello{display:none;}.content-loader {margin-top:50px;}.pageAbout .column-left {width:280px;line-height:20px;font-size:14px;}.pageAbout .column-middle {width:280px;height:340px;margin-left:20px;}.pageAbout .column-right {line-height:20px;font-size:14px;width:280px;margin-left:20px;}.pageAbout .column-middle .jordy {background-size:contain;width:280px;height:300px;background-position:center top;}.pageAbout h2 { font-size:20px;}.pageAbout .column-right .services li {margin:1px;font-size:13px;width:170px;}.pageAbout .testimonials {margin-top:80px;}.pageAbout .testimonials .testimonial-item {width:220px;}.pageWork .project-item .info-right {margin-left:0;width:280px;}.pageWork .project-item {margin-bottom:10px;}.pageWork .project-item img {width:280px;}.pageWork .project-item img.info {width:280px;}.pageWork .project-item .quote {width:260px;margin-left:0;margin-top:5px;font-size:13px;line-height:16px;}.pageWork .project-item iframe {width:280px;height:155px;margin-bottom:10px;}.pageWork .information h2 {font-size:16px;}.pageWork .information {width:280px;font-size:13px;line-height:18px;}.pageWork .nextprev { margin-top:20px;}.popupContact {position:absolute;left:50%;top:20px;margin-top:0;margin-left:-160px;width:280px;height:323px;}.popupContact .submit {font-size:11px;}.popupContact .cancel {font-size:11px;}}
