@font-face{font-family:'DIN Bold';font-weight:normal;src:url('../fonts/DINComp-CondBold_new.eot') format('embedded-opentype');src:local('&#9786;'),url('../fonts/DINCompPro-CondBold_new.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'DIN Bold IE';font-weight:normal;src:url('../fonts/DINComp-CondBold_new.eot');font-weight:normal;font-style:normal}body{width:100%;height:100%;margin:0px;padding:0px;font-family:'Open Sans',sans-serif;position:relative}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px}ul,li{list-style:none;padding:0px;margin:0px}p{font-size:13px;line-height:22px}a{outline:0;text-decoration:none;color:#f67c05}a:hover{outline:0;text-decoration:none;color:#f67c05}a img{border:none;color:rgba(0,0,0,0)}img{z-index:99}header{height:90px;width:100%;padding:0px;position:fixed;top:0px;left:0px;z-index:999}header nav{width:1100px;margin:0px auto;height:45px;padding:25px 75px}header nav #logo{float:left;padding:0px 35px}header nav #logo h1{font-size:34px;text-transform:uppercase;position:relative;font-family:'Russo One',sans-serif}header nav #menu ul{list-style:none;margin:0px;padding:10px 100px 5px 0px;margin-right:75px;float:right}header nav #menu ul li{display:inline;margin:0px;padding:0px}header nav #menu ul li a{font-family:'Open Sans',sans-serif;font-size:13px;text-transform:uppercase;padding:20px 50px 0px 0px;margin:0px;position:relative;font-weight:700}header nav #menu ul li a.active:after{content:' ';position:absolute;bottom:-6px;left:0px;height:1px;width:25px}header.light{background-color:#fff;box-shadow:0px 1px #dddddc}header.light nav #logo h1{color:#5a4c44;text-shadow:0px 1px #fff}header.light nav #menu ul{border-bottom:1px solid #d7d7d7}header.light nav #menu ul li a{color:#2c2c2c}header.light nav #menu ul li a:hover{color:#f67c05}header.light nav #menu ul li a.active{color:#f67c05}header.light nav #menu ul li a.active:after{background-color:#f67c05}header.dark{background-color:#212121;box-shadow:0px 1px #101010}header.dark nav #logo h1{color:#ededec;text-shadow:0px 1px #101010}header.dark nav #menu ul{border-bottom:1px solid #444}header.dark nav #menu ul li a{color:#ededec}header.dark nav #menu ul li a:hover{color:#f67c05}header.dark nav #menu ul li a.active{color:#f67c05}header.dark nav #menu ul li a.active:after{background-color:#f67c05}section#slider{background-color:#f1f1f1;width:100%;height:600px;overflow:hidden;position:relative;margin:0px;padding:80px 0px 0px 0px}section#slider .info{color:#000;height:241px;width:241px;background:rgba(255,255,255,0.9);-moz-border-radius:241px;-webkit-border-radius:241px;border-radius:241px;text-align:center}section#slider h2{line-height:1;font-size:44px;margin-top:80px;text-align:center;margin-bottom:10px;font-family:'DIN Bold','DIN Bold IE',helvetica;font-weight:400;text-transform:uppercase}section#slider .info p{font-size:14px;line-height:20px;margin:0px;margin:0px 20px;padding:5px;text-transform:none;font-weight:400;font-family:'Lato',helvetica;border-top:3px solid #000}section#slider .info.blue{color:#fff;background:rgba(0,142,180,0.9)}section#slider .info.blue p{border-top:3px solid #fff}section#slider .more{color:#fff;width:100px;background:#f67c05;text-align:center;float:right;padding:10px 10px;font-family:'Open Sans',sans-serif;font-size:16px;text-transform:uppercase}#content-slider{width:100%;height:700px;margin:0px;padding:90px 0px 0px 0px}#content-slider img{min-height:700px}.flex-direction-nav li a{position:absolute;background-image:url();background-position:0 0;width:35px;height:100px;background-color:#323232;top:50%}.flex-direction-nav li .next{background-image:url(../images/next.png);background-position:0 0;right:0px}.flex-direction-nav li .prev{background-image:url(../images/prev.png);background-position:0 0;left:0px}.container{width:100%}.content{width:1024px;margin:0px auto;padding:50px 0px 100px 0px;overflow:auto}.content .title{display:block;width:980px;margin:85px 0px 50px 0px;position:relative}.content .title h1{font-size:60px;text-transform:uppercase;letter-spacing:1px;font-family:'Russo One',sans-serif}.content .title h1 >img{position:relative;top:5px}.content .title h1 span{font-size:15px;font-family:'Open Sans',sans-serif;position:relative;top:-15px;padding:0px 0px 0px 20px;letter-spacing:0px}.content .title .description{width:300px}.content .title.icon-compas:before{content:' ';background-image:url(../images/icons/compas.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-and:before{content:' ';background-image:url(../images/icons/and.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-page:before{content:' ';background-image:url(../images/icons/page.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-cog:before{content:' ';background-image:url(../images/icons/cog.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-power:before{content:' ';background-image:url(../images/icons/power.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-note:before{content:' ';background-image:url(../images/icons/note.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-preview:before{content:' ';background-image:url(../images/icons/preview.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-pin:before{content:' ';background-image:url(../images/icons/pin.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-email:before{content:' ';background-image:url(../images/icons/email.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-chemical:before{content:' ';background-image:url(../images/icons/chemical.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-bulb:before{content:' ';background-image:url(../images/icons/bulb.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .title.icon-phone:before{content:' ';background-image:url(../images/icons/phone.png);background-repeat:no-repeat;background-position:center center;width:150px;height:150px;right:0px;top:-20px;position:absolute}.content .subtitle{margin:10px 0px 30px 0px}.content .subtitle h3{text-transform:uppercase;letter-spacing:1px;font-weight:400;border-left:5px solid #f67c05;padding:0px 0px 0px 10px}.content h1{font-family:'Russo One',sans-serif;text-transform:uppercase;font-size:60px}.full{width:100%;height:100%;float:none;display:block;margin:10px 0px;overflow:auto}.column-three-forth{width:764px;float:left;margin:0px 15px 30px 0px}.column-three-forth.last{width:764px;float:left;margin:0px 0px 30px 0px}.column-half{width:470px;float:left;margin:0px 15px 30px 0px}.column-half.last{margin:0px 0px 30px 0px}.column-one-forth{width:230px;float:left;margin:0px 15px 30px 0px}.column-one-forth.last{margin:0px 0px 30px 0px}article.portfolio{display:block;overflow:auto;z-index:9;margin:0px;padding:0px}article.portfolio ul li{width:320px;height:370px;float:left;margin:0px 20px 20px 0px;background-color:#fff;box-shadow:0px 1px #dddddc;padding:0px}article.portfolio ul li .thumb{width:320px;height:300px;overflow:hidden}article.portfolio ul li img{height:300px;margin:0px -10px;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;-ms-transition-duration:.4s;transition-duration:.4s}article.portfolio ul li img:hover{opacity:0.8;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;-ms-transition-duration:.4s;transition-duration:.4s}article.portfolio ul li .info{padding:10px 10px;width:300px}article.portfolio ul li .info h3{font-family:'Open Sans',sans-serif;text-transform:uppercase;text-align:center;font-size:14px;line-height:16px;color:#424242}article.portfolio ul li .info p{color:#adadad;font-size:11px;text-transform:lowercase;font-style:italic;text-align:center;margin:0px;padding:0px;font-family:Arial}#filter{margin:20px 0px}#filter a{font-size:11px;text-transform:uppercase;color:#323232;padding:5px 20px 5px 5px;margin:0px 0px 0px 5px;display:inline;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;-ms-transition-duration:.4s;transition-duration:.4s}#filter a:hover{color:#fff;background-color:#363333;box-shadow:-1px 1px #dddddc;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s}#filter a.filter-active{background-color:#f67c05;color:#fff}#box{overflow:auto}.post{width:510px;float:left;margin:0px 0px 30px 0px;padding:0px}.post figure{width:250px;margin:0px;padding:25px;background-color:#fff;box-shadow:0px 1px #dddddc;float:left}.post figure img{width:250px}.post figure .video{width:250px;height:150px}.post  figcaption{background-color:#1a1a1a;border-top:1px solid #454545;float:left;width:150px;color:#fff;font-size:14px;padding:20px 15px;position:relative;left:-15px;top:5px;margin:0px}.post  figcaption:before{content:' ';background-image:url(../images/blog-arrow.png);position:absolute;top:-1px;left:-23px;width:23px;height:19px}.post figcaption span{display:block;color:#6b6b6b;font-size:12px;font-style:italic;font-family:'Arial';margin-top:10px}.formblock{display:block;margin-bottom:20px;overflow:auto}.formblock .txt{background-color:#f9f9f9;border:1px solid #c0c0c0;height:25px;width:420px;font-size:14px;padding:5px 10px;color:#626262;margin:0px 20px 0px 0px;float:left;border-radius:5px;font-family:'Open Sans',sans-serif}.formblock .txtarea{background-color:#f9f9f9;border:1px solid #c0c0c0;font-size:14px;padding:5px 5px;color:#626262;height:235px;width:430px;font-family:'Open Sans',sans-serif;float:left;border-radius:5px;font-family:'Open Sans',sans-serif}.formblock .error{font-size:16px;color:#9d3131}.subbutton{background-color:#f67c05;position:relative;font-size:14px;padding:7px 25px;margin:0px 1px 4px 1px;border:none;color:#fff;float:left;text-transform:uppercase;text-decoration:none;font-weight:700;background-image:url(../images/icons/send.png);background-position:center center;background-repeat:no-repeat;width:200px;height:75px;border-radius:5px}.subbutton:hover{color:#fff;background-color:#2a2c2d}.light{background-color:#f4f4f4;color:#424242}.dark{background-color:#2a2a2a;color:#f1f1f1}.dark p{color:#3a3a3a}.dark p{color:#ddd}.light .title h1{color:#424242;text-shadow:0px 1px #fff}.dark .title h1{color:#ededec;text-shadow:0px 1px #010101}.light .title h1 span{color:#f67c05;border-left:2px dotted #f67c05;padding:0px 0px 0px 20px;text-shadow:0px 1px #fff}.dark .title h1 span{color:#f67c05;border-left:2px dotted #f67c05;padding:0px 0px 0px 20px;text-shadow:0px 1px #010101}.image{width:100%;height:auto;overflow:hidden}.image img{width:100%}.image .caption{background-color:#fff;text-align:center;margin:0px;padding:5px 15px 10px 15px;color:#424242;position:relative;top:-5px;box-shadow:0px 1px #dddddc}.image .caption h3{color:#424242;box-shadow:0px 1px #dddddc;font-family:'Open Sans',sans-serif;font-size:18px;text-transform:uppercase;border:none}.image .caption span{font-style:italic;font-size:11px;color:#b6b6b6}.image .caption p{color:#777;margin:0px;padding:0px;font-size:12px}.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}.column-one-forth img{width:100%;height:auto}.column-half img{width:100%;height:auto}.column-full img{width:100%;height:auto}.list{border-top:3px solid #353535;padding:20px 0px 0px 0px}.list h3{font-weight:400;margin-bottom:20px;text-transform:uppercase;font-size:20px}.list li{background-image:url(../images/check.png);background-repeat:no-repeat;padding:0px 0px 0px 15px;font-size:12px;font-style:italic;font-family:'Arial';margin:0px 0px 20px 0px}.list span{color:#797979}/*map*/#map{height:250px;background:#69c;border-radius:10px}.accordion {width:100%;padding:0px}.accordion div{background-color:rgba(0,0,0,0.2)}.accordion p{font-size:13px;margin:0px;padding:20px}.accordion a{cursor:pointer;display:block;padding:10px 5px 10px 30px;font-size:14px;background-color:rgba(0,0,0,0.4);text-transform:uppercase;color:#fff}.accordion a:hover{background-color:#f67c05}.accordion a.selected{background-color:#f67c05;background-position:0 20px;border-radius:2px;background-image:url(../images/skills.png);background-repeat:no-repeat}img.social{float:left;margin:10px 5px 20px 0px}.divider{margin:30px 0px;clear:both}.tabs-nav{width:100%}.tabs-nav li{float:left;line-height:32px;margin:0;overflow:hidden;padding:0;position:relative}.tabs-nav li.active-tab{line-height:31px}.tabs-nav li a{cursor:pointer;display:block;padding:5px 5px 5px 10px;font-size:14px;background-color:rgba(0,0,0,0.4);text-transform:uppercase;color:#fff}.tabs-nav li a:hover{background-color:#f67c05;background-position:0 20px;border-radius:2px;background-image:url(../images/skills.png);background-repeat:no-repeat}.tabs-nav li.active-tab a{background-color:#f67c05;background-position:0 20px;border-radius:2px;background-image:url(../images/skills.png);background-repeat:no-repeat}.tabs-container{margin:0px 0px 20px 0px;overflow:hidden;width:100%;background-color:rgba(0,0,0,0.2)}.tab-content{padding:20px}#shot{height:100%;width:100%}.shot{float:left;position:relative;width:230px;margin:0px 10px 10px 0px}.shot.medium{width:470px}.shot img{width:100%}.dribbble-shot{position:relative !important;z-index:9;width:100%;height:100%}.dribbble-shot:after{content:' ';position:absolute;background-image:url(../images/icons/dribbble.png);width:32px;height:32px;background-repeat:no-repeat;bottom:15px;right:10px}.flickr-shot{position:relative}.flickr-shot li{margin:0px 5px 5px 0px;position:relative;display:inline;float:none}.flickr-shot li:nth-child(3){margin:0px 0px 5px 0px}.flickr-shot li:last-child{margin:0px 0px 5px 0px}.flickr-shot:after{content:' ';position:absolute;background-image:url(../images/icons/flickr.png);width:32px;height:32px;background-repeat:no-repeat;bottom:10px;right:10px}.flickr-shot img{width:73px;height:75px}#skills{display:block;margin:0px;padding:0px;list-style-type:none}#skills li,#skills li span{-moz-border-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border-radius:2px}#skills li{margin-bottom:15px;color:#424242;font-weight:400;text-transform:uppercase;position:relative;height:30px;background-color:rgba(0,0,0,0.2)}#skills li p{position:absolute;left:10px;top:-8px}#skills li strong{color:#fff;margin-left:5px;font-size:11px}#skills li span{height:30px;background:url(../images/skills.png);background-repeat:no-repeat;text-align:right}#skills li span{background-image:url(../images/skills.png);background-color:#f67c05;background-repeat:no-repeat}footer a.twitter{display:block;margin:0px;text-align:center;padding:25px 25px;background:url(../images/separator.png) center 52px no-repeat;color:#212121}footer a.twitter span.twitter{margin:0 auto;display:block;width:60px;height:60px;overflow:hidden;background-image:url(../images/tweet.png)}footer a.twitter p{font-size:20px;font-weight:300;line-height:30px;font-size:20px;font-weight:300;line-height:30px;margin-bottom:0;color:#212121}footer a.twitter .time{font-weight:500;font-size:16px}.footer{background-color:#323232;padding:10px 0px;margin:0px}.footer p{margin:0px auto;width:1200px;text-transform:uppercase;color:#fff;font-size:10px;text-align:center}#switcher{position:fixed;left:0px;top:100px;z-index:9999;background:#fff;border:1px solid #ddd;padding:0px 4px 0px 12px;width:160px}#switcher ul{padding:10px;margin:20px 0px}#switcher span{font-size:16px;font-weight:bold}#switcher ul li a{text-transform:uppercase;font-size:14px;margin:5px}.switch-button{border:1px solid #ddd;border-left:1px solid #fff;display:block;height:25px;width:25px;position:absolute;margin-left:163px;margin-top:22px;cursor:pointer}.open{background:#fff url(../images/icons/setting.png) no-repeat center center}.closed{background:#fff url(../images/icons/setting.png) no-repeat center center}