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,main{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}@font-face{font-family:'LondonFont';src:url(./font/London.ttf) format("truetype")}@font-face{font-family:'LondonFillFont';src:url(./font/london_fill.ttf) format("truetype")}@font-face{font-family:'MatrixFont';src:url(./font/matrix.ttf) format("truetype")}:focus{outline:0 none!important}::-webkit-scrollbar{width:8px;background-color:#d88582}::-webkit-scrollbar-thumb{background:#bc0000}::selection{background:#ffb7b7}::-moz-selection{background:#ffb7b7}.hidden{opacity:0}.visible{opacity:1}h2{text-align:center;font-size:2em;text-decoration:underline}#intro{background-image:url(../img/wallpaper.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-overflow-scrolling:touch;box-shadow:-1px 2px 10px 3px rgba(0,0,0,0.3) inset}#intro .main-title{font-family:"LondonFillFont",Verdana,Tahoma;text-shadow:2px 8px 13px #000;width:90%}#intro .main-title p{font-family:"Ubuntu",sans-serif;color:#fff;text-shadow:none;margin-top:15px;font-size:.2em}#intro .main-title img{cursor:pointer}#intro .main-title > span{font-size:.35em}#main_title_infographiste{font-family:"LondonFont","LondonFillFont",Verdana,Tahoma;font-size:1.3em;background-color:#e67e22;padding:5px;color:#bc0000}#main_title_informaticien{font-family:"MatrixFont","LondonFillFont",Verdana,Tahoma;font-size:1.3em;background-color:rgba(93,93,93,0.9);padding:5px;color:#27ae60}#about_me{box-shadow:-1px 2px 10px 3px rgba(0,0,0,0.3) inset;background-color:#c8504d}#about_me li{text-decoration:underline}#about_me img{width:10%;margin-right:1%;vertical-align:middle;margin-bottom:1%;margin-top:1%}#about_me div:nth-of-type(1){border:2px solid #fff;float:right;margin-right:5%;width:40%;margin-top:7%;padding:4%;color:#c8c4cf;font-size:1.3em;line-height:1.5em}#about_me div:nth-of-type(1) li{text-decoration:none}#about_me div:nth-of-type(2){margin-left:5%;width:45%;font-size:1.15em;margin-bottom:5%}#about_me div:nth-of-type(2) li span{margin-left:2%;color:#c8c4cf}@media only screen and (max-width: 768px){#about_me div:nth-of-type(1){display:none}#about_me div:nth-of-type(2){width:100%;margin-top:30px}#about_me div:nth-of-type(2) li{margin-bottom:30px}}#citation1,#citation2{height:20%}#citation1 p,#citation2 p{text-align:center;font-style:italic;font-size:3em;margin-top:15%;background-color:#bdc3c7}#citation2{background-color:#ff9539}#pastime{background-color:#314ea4}#section6 img{float:left}#section6 p{color:red}#act_prof{background-color:#2c3e50}#act_prof div div div:nth-of-type(2) img{width:30%;float:right}#pastime div li{border-top:6px solid orange;background-color:#7f8c8d;margin:0;margin-left:10%;padding:0;margin-top:30px}#pastime div li img{position:relative;left:-60px;width:10%;margin-right:1%;vertical-align:middle;float:left}#pastime div li p,#pastime div li h3{color:#fff;float:left;width:85%}#pastime div li h3{font-family:"LondonFillFont";text-decoration:underline;font-size:1.2em;margin-left:2%}footer{background-color:#19e06c;padding-bottom:4%}footer div{text-align:center;width:100%;margin:auto;margin-top:3%}footer img{cursor:pointer}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-size:100%;font-family:"Ubuntu",sans-serif;color:#3e3947;background-color:#fff}body,html{height:100%}a{color:#3e3947;text-decoration:none}img{max-width:100%}.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}.cd-section{min-height:100%;position:relative;padding:2em 0}.cd-section:nth-of-type(odd){background-color:#3e3947}.cd-section:nth-of-type(odd) p{color:#898099}.cd-section:nth-of-type(even){background-color:#794e5f}.cd-section:nth-of-type(even) p{color:#bda3ad}@media only screen and (min-width: 768px){.cd-section h1{font-size:30px;font-size:1.875rem}.cd-section p{font-size:20px;font-size:1.25rem;line-height:2}}.cd-scroll-down{position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:20px;width:38px;height:44px;background:url(../img/cd-arrow-bottom.svg) no-repeat center center;z-index:2}.cd-nav-trigger{display:none}.no-touch #cd-vertical-nav{position:fixed;right:40px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.no-touch #cd-vertical-nav li{text-align:right}.no-touch #cd-vertical-nav a{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.no-touch #cd-vertical-nav a:after{content:"";display:table;clear:both}.no-touch #cd-vertical-nav a span{float:right;display:inline-block;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}.no-touch #cd-vertical-nav a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.no-touch #cd-vertical-nav a:hover .cd-label{opacity:1}.no-touch #cd-vertical-nav a.is-selected .cd-dot{background-color:#fff}.no-touch #cd-vertical-nav .cd-dot{position:relative;top:8px;height:12px;width:12px;border-radius:50%;background-color:#d88683;-webkit-transition:-webkit-transform 0.2s,background-color .5s;-moz-transition:-moz-transform 0.2s,background-color .5s;transition:transform 0.2s,background-color .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.no-touch #cd-vertical-nav .cd-label{position:relative;margin-right:10px;padding:.4em .5em;color:#fff;font-size:14px;font-size:.875rem;-webkit-transition:-webkit-transform 0.2s,opacity .2s;-moz-transition:-moz-transform 0.2s,opacity .2s;transition:transform 0.2s,opacity .2s;opacity:0;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%}.touch .cd-nav-trigger{display:block;z-index:2;position:fixed;bottom:30px;right:5%;height:44px;width:44px;border-radius:.25em;background:rgba(255,255,255,0.9)}.touch .cd-nav-trigger span{position:absolute;height:4px;width:4px;background-color:#3e3947;border-radius:50%;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.touch .cd-nav-trigger span::before,.touch .cd-nav-trigger span::after{content:'';height:100%;width:100%;position:absolute;left:0;background-color:inherit;border-radius:inherit}.touch .cd-nav-trigger span::before{top:-9px}.touch .cd-nav-trigger span::after{bottom:-9px}.touch #cd-vertical-nav{position:fixed;z-index:1;right:5%;bottom:30px;width:90%;max-width:400px;max-height:90%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;border-radius:.25em;background-color:rgba(255,255,255,0.9)}.touch #cd-vertical-nav a{display:block;padding:1em;border-bottom:1px solid rgba(62,57,71,0.1)}.touch #cd-vertical-nav a span:first-child{display:none}.touch #cd-vertical-nav a.is-selected span:last-child{color:#d88683}.touch #cd-vertical-nav.open{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.touch #cd-vertical-nav.open + .cd-nav-trigger{background-color:transparent}.touch #cd-vertical-nav.open + .cd-nav-trigger span{background-color:rgba(62,57,71,0)}.touch #cd-vertical-nav.open + .cd-nav-trigger span::before,.touch #cd-vertical-nav.open + .cd-nav-trigger span::after{background-color:#3e3947;height:3px;width:20px;border-radius:0;left:-8px}.touch #cd-vertical-nav.open + .cd-nav-trigger span::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:1px}.touch #cd-vertical-nav.open + .cd-nav-trigger span::after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);bottom:0}.touch #cd-vertical-nav li:last-child a{border-bottom:none}@media only screen and (min-width: 768px){.touch .cd-nav-trigger,.touch #cd-vertical-nav{bottom:40px}}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-size:100%;font-family:"Droid Serif",serif;color:#7f8c97;background-color:#e9f0f5}a{color:#acb7c0;text-decoration:none;font-family:"Open Sans",sans-serif}img{max-width:100%}.cd-container{width:90%;max-width:1170px;margin:0 auto}.cd-container::after{content:'';display:table;clear:both}header{height:200px;line-height:200px;text-align:center;background:#303e49}header h1{color:#fff;font-size:18px;font-size:1.125rem}@media only screen and (min-width: 1170px){header{height:300px;line-height:300px}header h1{font-size:24px;font-size:1.5rem}}#cd-timeline{position:relative;padding:2em 0;margin-top:2em;margin-bottom:2em}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#d7e4ed}@media only screen and (min-width: 1170px){#cd-timeline{margin-top:3em;margin-bottom:3em}#cd-timeline::before{left:50%;margin-left:-2px}}.cd-timeline-block{position:relative;margin:2em 0}.cd-timeline-block:after{content:"";display:table;clear:both}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width: 1170px){.cd-timeline-block{margin:4em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}.cd-timeline-img img{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}.cd-timeline-img.cd-green{background:#75ce66}.cd-timeline-img.cd-red{background:#c03b44}.cd-timeline-img.cd-yellow{background:#f0ca45}@media only screen and (min-width: 1170px){.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(0.5)}60%{opacity:1;-moz-transform:scale(1.2)}100%{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.cd-timeline-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px 0 #d7e4ed}.cd-timeline-content:after{content:"";display:table;clear:both}.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:13px;font-size:.8125rem}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{display:inline-block}.cd-timeline-content p{margin:1em 0;line-height:1.6}.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.25em}.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#bac4cb}.cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:.7;color:#d88582}.cd-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}@media only screen and (min-width: 768px){.cd-timeline-content h2{font-size:20px;font-size:1.25rem}.cd-timeline-content p{font-size:16px;font-size:1rem}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width: 1170px){.cd-timeline-content{margin-left:0;padding:1.6em;width:45%}.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#fff}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#fff}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:122%;text-align:right}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}@media only screen and (min-width: 1170px){.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.large-header{position:relative;width:100%;overflow:hidden;background-size:cover;background-position:center center;z-index:1}.main-title{position:absolute;margin:0;padding:0;color:#f9f1e9;text-align:center;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.demo-1 .main-title{text-transform:uppercase;font-size:4.2em;letter-spacing:.1em}.main-title .thin{font-weight:200}@media only screen and (max-width : 768px){.demo-1 .main-title,.demo-3 .main-title,.demo-4 .main-title{font-size:3em}.demo-2 .main-title{font-size:4em}}.grid li{display:block;float:left;padding:10px;opacity:0;width:90%}.grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}@-webkit-keyframes fadeIn{100%{opacity:1}}@keyframes fadeIn{100%{opacity:1}}.grid.effect-2 li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}@-webkit-keyframes moveUp{100%{-webkit-transform:translateY(0);opacity:1}}@keyframes moveUp{100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.grid.effect-3 li.animate{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}@-webkit-keyframes scaleUp{100%{-webkit-transform:scale(1);opacity:1}}@keyframes scaleUp{100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.grid.effect-4{-webkit-perspective:1300px;perspective:1300px}.grid.effect-4 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg);transform:translateZ(400px) translateY(300px) rotateX(-90deg);-webkit-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards}@-webkit-keyframes fallPerspective{100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1}}@keyframes fallPerspective{100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1}}.grid.effect-5{-webkit-perspective:1300px;perspective:1300px}.grid.effect-5 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}@-webkit-keyframes fly{100%{-webkit-transform:rotateX(0deg);opacity:1}}@keyframes fly{100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.grid.effect-6{-webkit-perspective:1300px;perspective:1300px}.grid.effect-6 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards}@-webkit-keyframes flip{100%{-webkit-transform:rotateX(0deg);opacity:1}}@keyframes flip{100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.grid.effect-7{-webkit-perspective:1300px;perspective:1300px}.grid.effect-7 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards}@-webkit-keyframes helix{100%{-webkit-transform:rotateY(0deg);opacity:1}}@keyframes helix{100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}}.grid.effect-8{-webkit-perspective:1300px;perspective:1300px}.grid.effect-8 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards}@-webkit-keyframes popUp{70%{-webkit-transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1);opacity:1}}@keyframes popUp{70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@media screen and (max-width: 900px){.grid li{width:50%}}@media screen and (max-width: 400px){.grid li{width:100%}}img,ol,ul,li,{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}#progress{width:90%;position:relative;margin:auto}#percent{position:absolute;margin-top:10px;margin-left:5px;left:0;text-align:center;color:#fff;font-size:15px}#bar{height:50px}.dev_web #progress{background-color:#e07700}.dev_web #bar{background-color:#ff9319}.creation #progress{background-color:#008b98}.creation #bar{background-color:#00a6b6}.creation #progress{background-color:#008b98}.dev_app #progress{background-color:#f83917}.dev_app #bar{background-color:#ff5d41}.other #progress{background-color:#37908b}.other #bar{background-color:#46b1ab}#cmpt_specs{background:#00b5c6;font-family:'Open Sans',Arial,sans-serif;font-weight:400;font-size:12px;color:#fff}#cmpt-spec-list{height:100%}#cmpt-spec-list > ul{height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}#cmpt-spec-list > ul.active{z-index:2}#cmpt-spec-list > ul > li{top:0;/*display:table;*/float:left;width:50%;height:100%;text-align:center;position:absolute}#cmpt-spec-list > ul > li.creation{background-color:#ff9319}#cmpt-spec-list > ul > li.dev_web{background-color:#00a6b6}#cmpt-spec-list > ul > li.other{background-color:#ff5d41}#cmpt-spec-list > ul > li.dev_app{background-color:#46b1ab}#cmpt-spec-list > ul > li:first-child{left:0}#cmpt-spec-list > ul > li:last-child{right:0}#cmpt-spec-list > ul h3{text-transform:uppercase;font-weight:900;text-transform:uppercase;font-size:30px;margin:10px 0;line-height:1em;padding-bottom:0;margin-bottom:0}#cmpt-spec-list > ul p{line-height:18px;width:520px;margin:0 auto}#cmpt-spec-list > ul ul{margin-top:60px}#cmpt-spec-list > ul ul li{text-transform:uppercase;display:block;position:relative}#cmpt-spec-list .pager{position:absolute;top:50%;left:50%;margin:-44px 0 0 -9px;z-index:10}#cmpt-spec-list .pager li a{display:block;width:18px;height:18px;background:url(../img/competence/controls.png) no-repeat 0 -20px;overflow:hidden;text-indent:-9999px;margin-bottom:14px}#cmpt-spec-list .pager li a.active{background-position:0 -53px}#cmpt-spec-list .pager li:last-child a{margin-bottom:0}#cmpt-spec-list .arr{position:absolute;top:50%;width:47px;height:137px;z-index:100;margin-top:-69px}#cmpt-spec-list .arr.left{left:20px;background:url(../img/competence/arrows.png) no-repeat}#cmpt-spec-list .arr.right{right:20px;background:url(../img/competence/arrows.png) no-repeat -47px 0}#cmpt-spec-list .more{display:block;width:1px;height:40px;position:absolute;left:50%;bottom:2px;z-index:10}#cmpt-spec-list .more .mouse{background:url(../img/competence/mouse.png) no-repeat;display:inline-block;width:17px;height:26px;position:absolute;bottom:2px;left:-23px}#cmpt-spec-list .more i{font-style:normal;text-transform:uppercase;width:120px;position:absolute;bottom:0;left:5px;font-size:12px;font-family:'Open Sans',Arial,sans-serif;line-height:14px}@media screen and (max-width: 1024px){#cmpt-spec-list > ul img{width:90px;height:90px}#cmpt-spec-list > ul h3{font-size:20px;margin:3px 0}#cmpt-spec-list > ul p{font-size:11px;width:auto}#cmpt-spec-list > ul ul{background-size:auto 3px}#cmpt-spec-list > ul ul li{font-size:10px;background-size:auto 3px}}@media screen and (max-width: 800px){#cmpt-spec-list .arr{display:none}}#notifications{z-index:2;position:fixed;left:15px;top:15px;cursor:pointer;display:none;}#notifications.unsubscribe{opacity: 0.2;}