@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../font/open-sans/400n.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url('../font/open-sans/600n.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../font/open-sans/700n.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../font/open-sans/400i.woff') format('woff')}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,textarea,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}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}a{color:inherit}small{font-size:80%}html{overflow-y:scroll}body{background-image:url('../img/body_bg.png');background-color:#e8e8e8;margin:0;padding:0;font-family:'Open Sans',Arial;font-size:12px}#container{margin:0 auto;width:860px;margin-bottom:20px;margin-top:30px}#content{background-color:#FFF;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-moz-box-shadow:0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;box-shadow:0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset}.hidden{display:none}.clear{clear:both}h1{font-size:37px}h2{font-size:30px}h3{font-size:20px}h4{font-size:15px}h5{font-size:13px}h6{font-size:12px}h3.main-heading{background-image:url('../img/plus.png');background-repeat:no-repeat;background-position:left 2px;margin:15px 2px}h3.main-heading span{border-bottom:1px solid #999;padding-bottom:7px;color:#333;line-height:16px;margin-left:28px;display:block}strong{font-weight:bold;color:#333}header{height:60px;margin-bottom:20px;overflow:hidden}#logo{float:left;overflow:hidden;margin-left:10px;display:none}#logo h2{font-size:30px;font-weight:900;color:#444;line-height:40px}#logo h4{color:#666;line-height:20px}.socialicons{float:right;margin-top:18px}.socialicons li{float:left;display:inline;margin:0;padding:0;margin-right:2px}.social-icons li:last-child{margin-right:0}.social-text{float:left;padding:9px;height:12px;background-color:#222;color:#FFF}.social-facebook{float:left;width:30px;height:30px;background:#222 url('../img/social_facebook.png') no-repeat 5px 5px}.social-facebook:hover{background-color:#3b5998}#profile{background-image:url('../img/header-shadow.png'),url('../img/header-bg.png');background:url('../img/header-bg.png') repeat-x\0/;background-position:center bottom,left top;background-repeat:repeat-x;overflow:hidden;background-color:#fdd42f}.about{float:left;margin-top:30px;width:490px;margin-left:20px}.about h1{font-weight:900;color:#FFF;line-height:34px;margin-top:8px}.about h3{margin-top:5px;font-size:18px;color:#FFF;line-height:18px}.about p{font-size:14px;margin-top:15px;color:#bc9010;line-height:20px}.personal-info{float:left;margin-top:30px;width:310px;min-height:230px;margin-left:10px;background:url('../img/personal-info-sep.png') no-repeat left top;padding:20px 0 0 20px}.personal-info li{font-size:14px;margin-bottom:10px;overflow:hidden}.personal-info li label{color:#a87f09;background-color:#f4c024;float:left;padding:4px 7px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.personal-info li span{color:#a87f09;float:right;padding:4px 0;text-align:right;width:210px}nav{height:100px;background-color:#ededed;position:relative}.menu-inside{float:right;left:-50%;position:relative;text-align:left}.tabs{height:116px;left:50%;position:relative;margin-top:-14px;z-index:100}.tabs li{float:left;height:116px}.tabs li>a{padding-top:80px;width:115px;height:35px;display:block;background-repeat:no-repeat;font-size:16px;color:#b9b9b9;text-align:center}.tabs li.active{background:url('../img/tab-hover.png') no-repeat}.tabs li.active a{color:#fdc62a}.tabs li .tab-profile{background-image:url('../img/tabs-icons.png');background-position:0 0}.tabs li .tab-resume{background-image:url('../img/tabs-icons.png');background-position:0 -115px}.tabs li .tab-portfolio{background-image:url('../img/tabs-icons.png');background-position:0 -230px}.tabs li .tab-contact{background-image:url('../img/tabs-icons.png');background-position:0 -345px}.tabs .active .tab-profile{background-position:-115px 0}.tabs .active .tab-resume{background-position:-115px -115px}.tabs .active .tab-portfolio{background-position:-115px -230px}.tabs .active .tab-contact{background-position:-115px -345px}#resume{clear:both;display:none;padding:20px}.skills-section,.timeline-section{float:left}.timeline-section{width:460px;padding-right:60px}.timeline{padding-top:10px}.timeline li{margin-bottom:20px}.timeline li .timelineUnit{line-height:17px;margin-left:11px;color:#444;font-size:13px;border-left:1px solid #fadc66;padding-left:15px}.timeline li .timelineUnit .timelineDate{line-height:17px;color:#f4c024;font-size:14px;margin-left:10px;font-weight:normal;padding:2px 6px;float:right}.timeline li .timelineUnit h4{line-height:24px;font-size:15px;color:#444}.timeline li .timelineUnit h5{line-height:18px;font-size:13px;color:#999}.timeline li .timelineUnit p{color:#666;font-size:12px;margin-top:5px}.skills-section{width:300px}.skills{margin-top:25px;overflow:hidden;height:100%}.skills li{margin-bottom:15px;float:left;padding-left:30px}.skills li h4{width:140px;float:left;font-size:15px;color:#444}.skills li .rat0,.skills li .rat1,.skills li .rat2,.skills li .rat3,.skills li .rat4,.skills li .rat5,.skills li .rat6,.skills li .rat7{width:123px;height:14px;float:left}.skills li .rat0{background:url('../img/rats.png') no-repeat}.skills li .rat1{background:url('../img/rats.png') no-repeat 0 -14px}.skills li .rat2{background:url('../img/rats.png') no-repeat 0 -28px}.skills li .rat3{background:url('../img/rats.png') no-repeat 0 -42px}.skills li .rat4{background:url('../img/rats.png') no-repeat 0 -56px}.skills li .rat5{background:url('../img/rats.png') no-repeat 0 -70px}.skills li .rat6{background:url('../img/rats.png') no-repeat 0 -84px}.skills li .rat7{background:url('../img/rats.png') no-repeat 0 -98px}#resume .button{margin-top:20px;float:right}#portfolio{clear:both;display:none;padding:0 20px 20px 20px;overflow:hidden}#portfolio .extra-text{font-size:20px;padding:24px 0;border-bottom:1px solid #ededed;color:#999;margin-bottom:20px}#portfolio-filter{border-bottom:1px solid #ededed;overflow:hidden;padding:15px 0}#portfolio-filter li a{float:left;margin-right:10px;color:#fff;background-color:#666;padding:6px;margin-bottom:5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}#portfolio-filter li a:hover{background-color:#fdc62a}#portfolio-filter li a.current{background-color:#fdc62a}#portfolio-list{width:820px}#portfolio-list li{float:left;margin-right:25px;text-align:center;background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;height:185px;margin-bottom:30px;width:180px}#portfolio-list li:hover{border-bottom:1px solid #fdc62a;height:185px}#portfolio-list img{background-color:#FFF;height:120px;width:180px}#portfolio-list li:hover .title{color:#fdc62a}#portfolio-list li .title{font-size:14px;margin-top:15px;font-weight:400;color:#3a3a3a}#portfolio-list li .categorie{font-size:11px;line-height:25px;color:#999}.adipoli-wrapper{margin:auto;position:relative;display:inline-block}.adipoli-wrapper>img{position:absolute;z-index:1}.adipoli-before{position:absolute;z-index:5}.adipoli-after{position:absolute;z-index:10}.adipoli-slice{display:block;position:absolute;z-index:15;height:100%}.adipoli-box{display:block;position:absolute;z-index:15}#contact{clear:both;display:none;padding:30px 0;overflow:hidden}.contact-info,.contact-form{float:left;padding:0 20px}.contact-info{width:250px}.contact-form{width:530px}.contact-info ul{float:left;margin-left:11px;border-left:1px solid #fadc66;padding-left:18px}.contact-info ul li{font-size:13px;line-height:20px;color:#666;overflow:hidden}.contact-info ul li span{display:inline-block;width:75px}#contactform{padding-left:30px}#contactform p{margin-bottom:15px}#contactform p label{display:block;color:#999;margin-bottom:8px;font-size:13px}#contactform .input{line-height:20px;height:20px;width:486px}#contactform .textarea{max-width:486px;width:486px}.button{color:#fff;background-color:#666;padding:8px;border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;font-size:13px}.button:hover{background-color:#fdc62a}#contactform .input,.textarea{padding:6px;background-color:#f5f5f5;border:1px solid #CCC;color:#999;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:13px}.success,.error{padding:10px;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.success{background-color:#e3ebc6;color:#8fa442;border:1px solid #c2d288}.error{background-color:#f9e5e6;color:#b3696c;border:1px solid #f7c7c9}#map{height:300px;margin-bottom:25px;width:100%;border-bottom:1px solid #CCC;border-top:1px solid #CCC}footer{color:#949494;height:24px;margin:20px 0 0 0}footer p{float:left;padding:0 0 0 6px;min-width:274px}footer .button{float:right}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}#style-switcher{position:absolute;left:0;top:130px;width:25px;padding:10px;background-color:#000;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0}#style-switcher ul li img{margin-bottom:5px;border:1px solid #FFF}@media only screen and (min-width:768px) and (max-width:959px){#container{width:750px}.about{width:410px}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{width:280px;margin-right:10px}.personal-info li span{width:190px}.timeline-section{width:380px;padding-right:30px}.skills-section{width:300px}#portfolio-list{width:750px}#portfolio-list li{margin-right:60px}.contact-info{width:250px}.contact-form{width:420px}#contactform .input{width:376px}#contactform .textarea{max-width:376px;width:376px}}@media only screen and (min-width:480px) and (max-width:767px){#container{width:470px}#logo h2{font-size:25px;font-weight:900;color:#444;line-height:30px}#logo h4{line-height:20px}.socialicons{margin-top:9px}.social-text{display:none}.about{width:420px;display:block}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{margin-top:0;display:block;width:420px;min-height:200px;background:0}.personal-info li span{width:280px}.tabs{padding-left:5px}.timeline-section{width:420px;padding-right:60px}.skills-section{width:420px}.skills li h4{width:260px}#portfolio-list{width:450px}#portfolio-list li{margin-right:40px}.contact-info{width:420px}.contact-form{margin-top:20px;width:420px}#contactform .input{width:376px}#contactform .textarea{max-width:376px;width:376px}}@media only screen and (max-width:479px){#container{width:300px;margin-top:10px}#logo h2{font-size:25px;font-weight:900;color:#444;line-height:30px}#logo h4{line-height:20px}.socialicons{display:none !important}header{height:50px;margin-bottom:10px}.about{width:280px;display:block;margin:10px 0 15px 10px}.about .photo-inner{margin-left:40px;background:url(../images/photo-inner.png) no-repeat;width:192px;height:212px;padding:12px 0 0 20px}.about h1{line-height:38px;font-size:30px;text-align:center}.about h3{font-size:14px;line-height:14px;text-align:center}.about p{text-align:center}.personal-info{margin-top:0;display:block;width:280px;background:0;margin-left:10px;min-height:180px;padding-left:0}.personal-info li{font-size:13px}.personal-info li span{width:200px}.tabs{padding-left:0}.tabs li>a{width:75px;font-size:14px}.tabs li .tab-profile{background-position:-20px 0}.tabs li .tab-resume{background-position:-20px -115px}.tabs li .tab-portfolio{background-position:-20px -230px}.tabs li .tab-contact{background-position:-20px -345px}.tabs li.active{background:0}.tabs .active .tab-profile{background-position:-135px 0}.tabs .active .tab-resume{background-position:-135px -115px}.tabs .active .tab-portfolio{background-position:-135px -230px}.tabs .active .tab-contact{background-position:-135px -345px}#resume{padding:10px}.timeline-section{width:280px;padding-right:0}.skills-section{width:280px}.skills li h4{width:120px}#portfolio-list{width:280px}#portfolio-list li{margin-left:40px}.contact-info{width:280px}.contact-form{margin-top:20px;width:280px}.contact-info,.contact-form{padding:0 10px}#contactform .input{width:236px}#contactform .textarea{max-width:236px;width:236px}footer .button{display:block;margin:10px 0}}