@font-face{font-family:'Proxima Nova';src:url(../fonts/ProximaNova/proximanova-regular-webfont.eot);src:url(../fonts/ProximaNova/proximanova-regular-webfont.eot?#iefix) format('embedded-opentype') , url(../fonts/ProximaNova/proximanova-regular-webfont.woff) format('woff') , url(../fonts/ProximaNova/proximanova-regular-webfont.ttf) format('truetype') , url(../fonts/ProximaNova/proximanova-regular-webfont.svg#proxima_nova_rgregular) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(../fonts/ProximaNova/proximanova-bold-webfont.eot);src:url(../fonts/ProximaNova/proximanova-bold-webfont.eot?#iefix) format('embedded-opentype') , url(../fonts/ProximaNova/proximanova-bold-webfont.woff) format('woff') , url(../fonts/ProximaNova/proximanova-bold-webfont.ttf) format('truetype') , url(../fonts/ProximaNova/proximanova-bold-webfont.svg#proxima_nova_rgbold) format('svg');font-weight:600;font-style:normal}@font-face{font-family:'icons';src:url(../fonts/Icons/fontello.eot?53318834);src:url(../fonts/Icons/fontello.eot?53318834#iefix) format('embedded-opentype') , url(../fonts/Icons/fontello.woff?53318834) format('woff') , url(../fonts/Icons/fontello.ttf?53318834) format('truetype') , url(../fonts/Icons/fontello.svg?53318834#fontello) format('svg');font-weight:normal;font-style:normal}@-ms-viewport{ 
    width: device-width;
    zoom: 0.5; 
}html,body{margin:0;padding:0;height:100%;overflow:auto}.mainmenu{position:fixed;right:10%;z-index:555}.mainmenu a{color:#fff;font-family:"Proxima Nova";letter-spacing:2px;text-transform:uppercase;text-decoration:none;font-size:11px;font-weight:bold;text-align:center;display:inline-block;padding:35px 0 10px 0;width:110px}.mainmenu #openMenu{cursor:pointer;display:none;position:absolute;right:0;color:#fff;font-family:"Proxima Nova";letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:bold;padding:35px 5% 20px 0;width:60px;text-align:right;z-index:999}.mainmenu ul{margin:0;padding:0}.mainmenu li:first-of-type{border-left:2px solid #fff}.mainmenu li{font-weight:700;float:left;display:inline-block;border-right:2px solid #fff;cursor:pointer;width:110px;text-align:center}.mainmenu #lang{}.mainmenu #lang a{padding-top:34px}.mainmenu .social,.mainmenu .social a{width:40px}.mainmenu .social a{font-family:"icons";text-transform:none;font-weight:normal;font-style:normal;padding-top:36px}.mainmenu li:hover{background:#000}.mainmenu li:hover a{color:#fff}.mainmenu #projects div{display:none;position:absolute;left:112px}.mainmenu #projects.active div{display:block}.mainmenu #projects.active div a{color:#000;display:block;width:106px;padding:0 0 0 8px;height:30px;line-height:30px;color:#000;text-align:left;background-color:#fff;border-bottom:1px dotted #000}.mainmenu #projects div a:hover{color:#fff;background-color:#ccc}.mainmenu #projects div a:last-of-type{border-bottom:none}.content{position:relative;width:100%;height:100%}.home{position:fixed;z-index:666}canvas{position:fixed;top:0;left:0;z-index:-1}#logohome{text-align:left;vertical-align:middle}#logo{position:fixed;left:5%;top:30px;z-index:666}#logo a{border:0}#projects_wrapper{width:900px;text-align:left;margin-top:10%}#bio p{margin:0}#bio{color:#fff;font-family:"Proxima Nova";text-transform:uppercase;font-size:56px;font-weight:700;height:100%;width:100%;letter-spacing:1px;word-spacing:5px;overflow:hidden;text-align:center;text-decoration:none;vertical-align:middle;display:table-cell}#contact{color:#fff;font-family:Proxima\ Nova;font-size:66px;font-weight:bold;line-height:70px;height:auto;width:100%;left:5%;letter-spacing:1px;word-spacing:5px;position:absolute;text-align:left;text-decoration:none;top:25%}#contact a{text-decoration:none;color:#fff}.columns{-webkit-columns:4 auto;-moz-columns:4 auto;columns:4 auto}#footer{position:absolute;bottom:-120px;width:60%}#footer h2{margin-top:10px;line-height:16px;font-family:"Proxima Nova";font-weight:200;font-size:16px;color:#fff;width:100%;letter-spacing:1px;word-spacing:0}.projects{position:absolute;width:50%;min-width:400px;left:5%;top:100px;font-family:"Proxima Nova"}.projects .text{overflow:hidden;width:100%;max-height:1200px;-webkit-transition:all .75s ease-in-out;-moz-transition:all .75s ease-in-out;-o-transition:all .75s ease-in-out;transition:all .75s ease-in-out}.projects .nav{position:absolute;left:-23px;top:0}.projects .nav a{background-color:rgba(255,255,255,.9);display:block;width:20px;height:20px;text-decoration:none;line-height:18px;font-size:30px;text-align:center;color:#000;font-weight:200}.projects .nav a.prev{background-image:url(http://focus-art.ch/images/xprev.png.pagespeed.ic.A5NMy9U9WM.png);background-size:80%;background-repeat:no-repeat;background-position:center center}.projects .nav a.prev:hover{background-color:#000;background-image:url(http://focus-art.ch/images/xprevB.png.pagespeed.ic.LSZx0h2YpA.png)}.projects .nav a.next{background-image:url(http://focus-art.ch/images/xnext.png.pagespeed.ic.OM0jnFIVhK.png);background-size:80%;background-repeat:no-repeat;background-position:center center;margin-bottom:3px}.projects .nav a.next:hover{background-color:#000;background-image:url(http://focus-art.ch/images/xnextB.png.pagespeed.ic.YzFuNyQghl.png)}.projects .nav #close{background-image:url(http://focus-art.ch/images/xx.png.pagespeed.ic.m2OBoMmNbu.png);background-size:80%;background-repeat:no-repeat;background-position:center center}.projects .nav #close:hover{background-color:#000}.projects h1{background-color:rgba(255,255,255,.9);font-weight:200;font-size:20px;height:40px;line-height:42px;padding-left:16px;margin:0 0 3px 0;letter-spacing:1px}.projects .text div{padding:2px 16px;background-color:rgba(255,255,255,.9)}.projects h2{text-transform:uppercase;font-size:25px;font-weight:600;line-height:30px;letter-spacing:1px;padding-bottom:14px;border-bottom:1px dotted #000}.projects h2 span{font-weight:200}.projects p{font-size:18px;line-height:24px}#cache{background-color:#fff;width:100%;height:100px;position:absolute;z-index:444}#news{position:relative;top:100px}#news>div{position:relative;min-height:100%;-webkit-overflow-scrolling:touch}#news>div>div{width:50%;float:left}#news div div.text{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;width:37%;font-family:"Proxima Nova";padding:30px 60px 0 3%}#news div div.text h1{text-transform:uppercase;margin:0 0 6px 0;font-size:20px}#news div div.text h2{margin:0 0 12px 0;font-size:28px;line-height:34px}#news div div.text p.news{font-size:18px;line-height:22px}#news div div.text p.little{font-size:12px;line-height:14px;-webkit-columns:2 auto;moz-columns:2 auto;columns:2 auto;margin-bottom:20px}#news div div.text p.additional{font-size:12px;line-height:20px}#news div div.text p.additional a{color:#000;display:block;height:20px;text-decoration:none}#news div div.text p.additional a:hover{background-color:#000;color:#fff}#news div div.imgs{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:100%}#news div div.imgs img{max-width:100%}#partners{position:absolute;top:15%;left:5%;display:table;width:95%;height:85%;font-family:"Proxima Nova"}#partners div{display:table-row;vertical-align:middle}#partners div h1{font-family:"Proxima Nova";font-weight:300;text-transform:uppercase;font-size:25px;letter-spacing:1px;margin-bottom:50px}#partners div img{height:40px;margin-right:40px;margin-bottom:20px}#press{position:absolute;top:15%;left:5%;display:table;width:95%;height:85%;font-family:"Proxima Nova"}#press div{display:table-row;vertical-align:middle}#press div h1{font-family:"Proxima Nova";font-weight:300;text-transform:uppercase;font-size:25px;letter-spacing:1px}#press div .date{width:30px;float:left;display:block;font-size:11px;margin-top:4px;margin-right:20px}#press div .date:after{content:"\203A";font-size:30px;display:block;width:20px;line-height:20px;text-align:center;font-weight:300}#press div div{float:left;margin-bottom:20px}#press div a{color:#000;float:left;width:130px;font-weight:600;text-decoration:none;line-height:20px;margin-right:20px}#img{position:static;margin-left:600px;margin-top:80px}hr{border-style:solid;border-width:0 0 1px 0}img{border:none;margin:0}div.debug{background:#90ee90;border-style:dotted;border-color:#00f;border-width:1px 1px 1px 1px}@media screen and (max-width:1024px),screen and (orientation:portrait){.mainmenu{width:100%;right:0;background-color:#000}.mainmenu #openMenu{display:block}.mainmenu ul{display:none;width:100%}.mainmenu a{display:inline-block;padding:35px 0 35px 0;width:100%}.mainmenu li{background-color:#000;width:100%;border-right:none;border-bottom:1px dotted #fff}.mainmenu #lang{background-color:#000;position:static;border-right:0}.mainmenu #projects.active{padding-bottom:0}.mainmenu .social{width:50%;border-bottom:none}.mainmenu .social a{font-size:18px;width:100%}.mainmenu li:first-of-type{border-left:none}.mainmenu #projects div{position:static}.mainmenu #projects.active div a{width:100%;text-align:center;padding:0;height:60px;line-height:60px;font-size:14px}.mainmenu #projects div a:hover{color:#000;background-color:#fff}.projects{width:90%;top:110px}.projects .nav a{width:30px;height:30px;display:inline-block}.projects .nav a.next{margin-bottom:0}.projects .nav{left:0;top:-33px}#bio{font-size:40px;line-height:40px}#contact{font-size:40px;line-height:50px}#footer{width:80%}#footer h2{font-size:14px}}html{background-color:#fff}.mainmenu a{color:#000}.mainmenu li:first-of-type{border-left:2px solid #000}.mainmenu li{border-right:2px solid #000}.mainmenu li div{border:1px dotted #000}.mainmenu #projects.active div a{width:104px}.mainmenu #openMenu{color:#000}@media screen and (max-width:1024px),screen and (orientation:portrait){.mainmenu{background-color:#fff}.mainmenu li{background-color:#fff;border-bottom:1px dotted #000}.mainmenu .social:hover{background:#000;color:#fff}.mainmenu .social{border-right:none}.mainmenu #lang{background-color:#fff}.mainmenu #lang:hover{background-color:#000}.mainmenu #lang:hover a{color:#fff}.mainmenu li:first-of-type{border-left:none}.mainmenu li:last-of-type{border-bottom:none}.mainmenu #projects.active div a{width:100%}}