/*! porcupine colors global CSS file - All rights reserved
Created by: Yiannis Konstantakopoulos - hello@porcupinecolors.com
Latest update: August 24, 2015
*/html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}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,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,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}html{overflow-y:scroll;background:#FFF}body{margin:0;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-moz-font-feature-settings:"liga=1, dlig=1";-ms-font-feature-settings:"liga", "dlig";-webkit-font-feature-settings:"liga", "dlig";-o-font-feature-settings:"liga", "dlig";font-feature-settings:"liga", "dlig"}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}embed,object,video{max-width:100%}.ie6 img.full,.ie6 object.full,.ie6 embed,.ie6 video{width:100%}.vertical-align-parent{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.vertical-align-parent .vertical-align-child{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.vertical-align-parent{height:100%}.half{float:left;display:block;margin-right:0.2771677009%;width:5.7394623612%}.half:last-child{margin-right:0}.wrapper.intro{background:url("../img/earth.jpg") center top no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;border-top:20px solid #fff}.wrapper.intro .transparent{background-color:rgba(255,255,255,0.7)}.wrapper.svorn{background:url("../img/work/svorn.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.svorn .transparent{background-color:rgba(0,0,0,0.8);color:#fff}.wrapper.svorn .transparent a.btn{border:2px solid RGB(200, 200, 200);background:rgba(0,0,0,0.5);opacity:.8}.wrapper.svorn .transparent a.btn:hover{background:rgba(0,0,0,0.2);opacity:1}.wrapper.svorn img{border:1px solid gray}.wrapper.greekearth{background:url("../img/work/greekearth.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.greekearth .transparent{background-color:rgba(255,255,255,0.8);color:#29291A}.wrapper.greekearth .transparent a.btn{border:2px solid RGB(0, 174, 239);background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.greekearth .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.greekearth img{border:1px solid #fff}.wrapper.cretehome4you{background:url("../img/work/cretehome4you.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.cretehome4you .transparent{background-color:rgba(255,255,255,0.8);color:#29291A}.wrapper.cretehome4you .transparent a.btn{border:2px solid RGB(174, 180, 0);background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.cretehome4you .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.cretehome4you img{border:1px solid #fff}.wrapper.rentacar{background:url("../img/work/rentacar.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.rentacar .transparent{background-color:rgba(255,255,255,0.8);color:#29291A}.wrapper.rentacar .transparent a.btn{border:2px solid RGB(255, 169, 0);background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.rentacar .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.rentacar img{border:1px solid #fff}.wrapper.arisbc{background:url("../img/work/arisbc.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.arisbc .transparent{background-color:rgba(0,0,0,0.8);color:#fff}.wrapper.arisbc .transparent a.btn{border:2px solid RGB(255, 210, 11);background:rgba(0,0,0,0.5);opacity:.8}.wrapper.arisbc .transparent a.btn:hover{background:rgba(0,0,0,0.2);opacity:1}.wrapper.arisbc img{border:1px solid #000}.wrapper.bloggable{background:url("../img/work/bloggable.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.bloggable .transparent{background-color:rgba(246,245,243,0.7);color:#29291A}.wrapper.bloggable .transparent a.btn{border:2px solid #A8D3D9;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.bloggable .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.project-x{background:url("../img/work/project-x.jpg") right center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.project-x .transparent{background-color:rgba(0,0,0,0.7);color:#fff}.wrapper.netrobe{background:url("../img/work/netrobe.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.netrobe .transparent{background-color:rgba(200,200,200,0.8);color:#29291A}.wrapper.netrobe .transparent a.btn{border:2px solid #4AB7D4;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.netrobe .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.fournos{background:url("../img/work/fournos.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.fournos .transparent{background-color:rgba(241,230,229,0.8)}.wrapper.fournos .transparent a.btn{border:2px solid #B84B30;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.fournos .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.abzorba{background:url("../img/work/abzorba.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.abzorba .transparent{background-color:rgba(0,0,0,0.8);color:#fff}.wrapper.abzorba .transparent a.btn{border:2px solid #1676BA;background:rgba(0,0,0,0.5);opacity:.8}.wrapper.abzorba .transparent a.btn:hover{background:rgba(0,0,0,0.2);opacity:1}.wrapper.jupitee{background:url("../img/work/jupitee2.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.jupitee .transparent{background-color:rgba(186,212,234,0.8)}.wrapper.jupitee .transparent a.btn{border:2px solid #AC5700;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.jupitee .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.echarta{background:url("../img/work/echarta.jpg") right center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.echarta .transparent{background-color:rgba(224,224,224,0.8);color:#29291A}.wrapper.echarta .transparent a.btn{border:2px solid #D63F3B;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.echarta .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.paniceye{background:url("../img/work/paniceye.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.paniceye .transparent{background-color:rgba(255,255,255,0.8)}.wrapper.paniceye .transparent a.btn{border:2px solid #84B9D2;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.paniceye .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.geothermiki{background:url("../img/work/geothermiki.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.geothermiki .transparent{background-color:rgba(238,229,214,0.8)}.wrapper.geothermiki .transparent a.btn{border:2px solid #C83B2C;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.geothermiki .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.matarozi{background:url("../img/work/matarozi.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.matarozi .transparent{background-color:rgba(242,244,243,0.8)}.wrapper.matarozi .transparent a.btn{border:2px solid #6EBBE7;background:rgba(255,255,255,0.5);opacity:.8;color:#29291A}.wrapper.matarozi .transparent a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.wrapper.reposado{background:url("../img/work/reposado.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.reposado .transparent{background-color:rgba(43,42,38,0.8);color:#fff}.wrapper.reposado .transparent a.btn{border:2px solid #C78B35;background:rgba(0,0,0,0.5);opacity:.8}.wrapper.reposado .transparent a.btn:hover{background:rgba(0,0,0,0.2);opacity:1}.wrapper.about .transparent{float:left;display:block;margin-right:0.2771677009%;width:37.8281560255%;padding:5%;text-align:left;background-color:rgba(0,0,0,0.02)}.wrapper.about .transparent:last-child{margin-right:0}.wrapper.about .transparent img{float:left;margin:10px 10px 10px 0}.wrapper.about .opaque{float:left;display:block;margin-right:0.2771677009%;width:31.8115259634%;padding:5%;text-align:left;background-color:rgba(0,0,0,0.04)}.wrapper.about .opaque:last-child{margin-right:0}.wrapper.about .contact{float:left;display:block;margin-right:0.2771677009%;width:29.8059826094%;padding:5% 3%;text-align:left;background-color:rgba(0,0,0,0.06)}.wrapper.about .contact:last-child{margin-right:0}.wrapper.about .contact a.btn{border:2px solid #c74e05;background:rgba(255,255,255,0.5);color:#29291A;opacity:.8}.wrapper.about .contact a.btn:hover{background:rgba(255,255,255,0.2);opacity:1}.journal{float:left;width:100%;border:20px solid #fff;height:200px}.journal.intro{background:url("../img/earth-small.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;border-bottom:none}.journal.intro .transparent{float:left;display:block;margin-right:0.2771677009%;width:37.8281560255%;background-color:rgba(255,255,255,0.7);padding:1% 3%;text-align:left}.journal.intro .transparent:last-child{margin-right:0}.journal.intro .opaque{float:left;display:block;margin-right:0.2771677009%;width:61.8946762737%;padding:2%}.journal.intro .opaque:last-child{margin-right:0}.journal.intro h1{font-family:"jubilat", sans-serif;font-weight:200;font-size:3.2rem;line-height:.8;text-align:center}.journal.intro h1 img{display:block}.journal.intro h1 span{font-size:1.6rem}.journal.intro h2{font-weight:200;color:#fff}.journal.main{height:auto;display:table;border-collapse:separate}.journal.main .row{display:table-row}.journal.main .transparent.what-is{width:37.84%;display:table-cell;vertical-align:middle;background-color:rgba(0,0,0,0.02);padding:5%;text-align:left}.journal.main .all-entries{width:62.15%;display:table-cell;vertical-align:middle;padding:5%}.journal.main .all-entries article{margin:0 0 5% 0}.journal.main .single-entry{width:62.15%;display:table-cell;vertical-align:middle;padding:5%}.journal.main .single-entry article img.img_center,.journal.main .single-entry article img.img-center{margin:2.4rem auto}footer{float:left;width:100%;border:20px solid #fff;border-top:none;background:url("../img/earth-small.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;height:10vh}footer .transparent{float:left;display:block;margin-right:0.2771677009%;width:37.8281560255%;background-color:rgba(255,255,255,0.8);padding:1% 3%;text-align:center}footer .transparent:last-child{margin-right:0}footer .transparent a{font-size:2.4rem}footer .opaque{float:left;display:block;margin-right:0.2771677009%;width:61.8946762737%;padding:2%}footer .opaque:last-child{margin-right:0}.vertical-align-parent{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.vertical-align-parent .vertical-align-child{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.vertical-align-parent{height:100%}.vertical-align-parent{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.vertical-align-parent .vertical-align-child{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.vertical-align-parent{height:100%}h2{font-family:"jubilat", "Myriad Pro", sans-serif;font-size:4.8rem;line-height:1;margin:0 0 .8rem 0}h3{font-family:"jubilat", "Myriad Pro", sans-serif;font-size:2.4rem;line-height:1;margin:0 0 .8rem 0}p{font-size:1.8rem;margin:0 0 1.8rem 0}p:last-child{margin:0}p.flow-text{font-size:1.5rem}p.note{border-top:1px solid #e1e1e1;font-size:1.3rem;padding:5px 0 0 0}span{opacity:.7}ul{font-size:1.5rem;margin:0 0 1.8rem 0}ul li{margin:0 0 1rem 0;line-height:1.2}blockquote{margin:0 0 3.6rem 0}blockquote p{font-size:1.6rem;font-style:italic;text-align:left}.journal .all-entries h2{font-family:"freight-sans-pro", "Myriad Pro", sans-serif;font-size:1.7rem}.journal .all-entries h3{margin:0 0 5% 0}.journal .all-entries time{font-style:italic;font-size:1.3rem;color:#676742}.journal .single-entry h1{font-family:"jubilat", "Myriad Pro", sans-serif;font-size:3.6rem;line-height:1;margin:0 0 2.4rem 0}.journal .single-entry h2{font-family:"freight-sans-pro", "Myriad Pro", sans-serif;font-weight:bold;font-size:2.8rem;margin:0 auto 1.8rem auto;max-width:640px;text-align:left}.journal .single-entry h3{font-family:"freight-sans-pro", "Myriad Pro", sans-serif;font-weight:bold;font-size:2.4rem;margin:0 auto 0 auto;max-width:640px;text-align:left}.journal .single-entry p{text-align:left;margin:0 auto 1.8rem auto;max-width:640px}.journal .single-entry ul,.journal .single-entry ol{text-align:left;font-size:1.8rem;margin:0 auto 1.8rem auto;max-width:640px;color:#676742}.journal .single-entry blockquote{border-left:5px solid #676742;margin:0 auto 1.8rem auto;max-width:640px;color:#676742;padding:.5rem 1rem .5rem 2rem}.journal .single-entry blockquote p{margin:0;font-size:1.8rem}.journal .single-entry time{font-style:italic;font-size:1.4rem;color:#676742}strong,.strong,bold{font-weight:700}em,i{font-style:italic}.thin{font-weight:300}.aligncenter{text-align:center}.alignleft{text-align:left}acronym,abbr{border-bottom:1px dashed #777769;cursor:help;font-family:"Input", "Panic Sans", Monaco, "Courier New", Courier,monospace;font-size:1.4rem;background:#ebf5f7;padding:3px}pre{font-family:"Panic Sans", Monaco, "Courier New", Courier, monospace;max-width:45em;font-size:1.2rem;border-top:1px dashed #656559;border-bottom:1px dashed #656559;background:#ebf5f7;margin:0 auto 1.618em auto;padding:1.618em;text-align:left}code{font-family:"Panic Sans", Monaco, "Courier New", Courier, monospace;font-size:1.2rem;background:#ebf5f7;padding:3px}html{font-family:"freight-sans-pro", "Myriad Pro", sans-serif;height:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;text-align:center;font-size:62.5%;line-height:1.5;color:#29291A}body{min-height:100%}.wrapper{float:left;width:100%;height:100vh;border-left:20px solid #fff;border-right:20px solid #fff;border-bottom:20px solid #fff}.wrapper .transparent{float:left;display:block;margin-right:0.2771677009%;width:37.8281560255%;padding:0 5%;text-align:left}.wrapper .transparent:last-child{margin-right:0}.wrapper .opaque{float:left;display:block;margin-right:0.2771677009%;width:61.8946762737%;padding:5%}.wrapper .opaque:last-child{margin-right:0}.wrapper h1{font-family:"jubilat", sans-serif;font-weight:200;font-size:3.2rem;margin:0 0 40px 0;line-height:.8;text-align:center}.wrapper h1 img{display:block;margin:0 auto 5px auto}.wrapper h1 span{font-size:1.6rem}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{content:'';display:table}.clearfix:after{clear:both}img{display:block;max-width:100%;margin:0 auto}a{outline:none;color:#c74e05;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}a:hover{color:#e05806}a:active,a:visited{color:#ae4404}a.btn{display:inline-block;margin:20px 0 0 0;padding:15px 40px;color:#fff;text-decoration:none;font-size:1.6rem;line-height:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media screen and (max-width: 1024px){.wrapper.about{height:auto;padding:0}.wrapper.about .transparent,.wrapper.about .opaque,.wrapper.about .contact{width:100%;padding:5%}}@media screen and (max-height: 768px){.wrapper{height:auto;padding:0}.wrapper .vertical-align-parent{height:auto;-webkit-transform-style:none;-moz-transform-style:none;transform-style:none}.wrapper .vertical-align-child{position:static;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}.wrapper .transparent{width:100%;padding:5%}.wrapper .opaque{width:100%;padding:5% 0 0 0}.wrapper.about{height:auto;padding:0}.wrapper.about .transparent,.wrapper.about .opaque,.wrapper.about .contact{width:100%;padding:5%}}@media screen and (max-width: 768px){.wrapper{height:auto;padding:5%}.wrapper .vertical-align-parent{height:auto;-webkit-transform-style:none;-moz-transform-style:none;transform-style:none}.wrapper .vertical-align-child{position:static;top:auto;-webkit-transform:none;-ms-transform:none;transform:none}.wrapper .transparent{width:100%;padding:5%}.wrapper .opaque{width:100%;padding:5% 0 0 0}.wrapper.intro{background:url("../img/small/earth.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.arisbc{background:url("../img/work/small/arisbc.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.bloggable{background:url("../img/work/small/bloggable.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.project-x{background:url("../img/work/small/project-x.jpg") right center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.netrobe{background:url("../img/work/small/netrobe.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.fournos{background:url("../img/work/small/fournos.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.abzorba{background:url("../img/work/small/abzorba.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.jupitee{background:url("../img/work/small/jupitee.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.echarta{background:url("../img/work/small/echarta.jpg") right center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.paniceye{background:url("../img/work/small/paniceye.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.geothermiki{background:url("../img/work/small/geothermiki.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.matarozi{background:url("../img/work/small/matarozi.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper.reposado{background:url("../img/work/small/reposado.jpg") center center no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.journal.main,.journal.main .row,.journal.main .transparent.what-is,.journal.main .all-entries,.journal.main .single-entry{float:left;width:100%;display:block}}@media screen and (max-width: 480px){html{border-bottom:7px solid #fff}.wrapper{height:auto;padding:5%;border-left:7px solid #fff;border-right:7px solid #fff;border-bottom:7px solid #fff}.wrapper.intro{border-top:7px solid #fff}h2{font-size:3.2rem}h3{font-size:2rem}p{font-size:1.6rem}ul{font-size:1.4rem;margin:0 0 0 20px}ul li{margin:0 0 1.5rem 0}a.btn{margin:10px 0 0 0;padding:10px 20px;font-size:1.4rem}}