.cf:after,.wrapper__rows .header:after,.presentation__bx:after,.presentation__bx .nav:after,.presentation__bx .footer:after,.social-icons ul:after{content:"";display:table;clear:both}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}a{text-decoration:none}a:hover{text-decoration:underline}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,table,th,td,caption,hr{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}u,ins{text-decoration:none}ins{border-bottom:1px solid}img{font-style:italic}label,input,textarea,button,select,option{cursor:pointer}.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:none}img{max-width:100%;height:auto}label:focus,input:focus,textarea:focus,button:focus,select:focus,option:focus{outline:none}.btn{padding:5px 15px;position:relative}.btn:after,.btn:before{content:"";display:block;height:2px;background:#27aae1;width:0;position:absolute;-webkit-transition:width 0.2s ease;-moz-transition:width 0.2s ease;-ms-transition:width 0.2s ease;-o-transition:width 0.2s ease;transition:width 0.2s ease}.btn:after{bottom:-2px;right:0}.btn:before{top:-2px;left:0}.btn:hover{text-decoration:none}.btn:hover:after,.btn:hover:before{width:100%}.label,.label--works,.label--tips,.label--css,.label--about,.label--js,.label--blog,.label--tests,.label--test,.label--karma,.label--tdd,.label--protractor,.label--html5,.label--css3,.label--git{color:#fff;padding:0.2em 0.7em 0.3em;display:inline-block;background-color:#C0C0C0;text-transform:uppercase;line-height:1.3em;font-weight:bold;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}@media (min-width: 1500px){.label,.label--works,.label--tips,.label--css,.label--about,.label--js,.label--blog,.label--tests,.label--test,.label--karma,.label--tdd,.label--protractor,.label--html5,.label--css3,.label--git{padding:0.4em 0.7em 0.3em}}.label--works{background-color:#6B6B6B}.label--tips{color:#000;background-color:#F8FF15}.label--css{background-color:#3372E5;color:#fff}.label--about{background-color:#000;color:#fff}.label--js{background-color:#FFE327;color:#000}.label--blog{background-color:#C27FCB}.label--tests,.label--test,.label--karma,.label--tdd{background-color:#42beae}.label--protractor{background-color:#e23237;color:#000}.label--html5{background-color:#f16529}.label--css,.label--css3{background-color:#2aa7e0}.label--git{background-color:#f14e32}html,body{height:100%;min-height:100%;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:300;overflow-x:hidden;position:relative;color:rgba(0,0,0,0.8);-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}@media (max-width: 767px){html,body{background:none;overflow:initial}}.wrapper{height:100%;overflow:hidden;padding:0 6em;width:5000px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media (max-width: 767px){.wrapper{padding:0;overflow:visible;height:100%;width:100% !important}}.wrapper__rows{position:relative;width:37em;height:100%;padding:0 0 0 1.8em;overflow:hidden;display:block;float:left;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media (min-width: 1500px){.wrapper__rows{width:40em !important}}@media (max-width: 767px){.wrapper__rows{width:100% !important;height:auto;max-width:100%;padding:0;display:block}}.wrapper__rows .header{margin:15px 0 10px 0}.wrapper__rows .content{padding:2em;position:relative}.wrapper__rows .social__list{display:none;position:absolute;z-index:40;bottom:8em;left:2px;background:rgba(255,255,255,0.9);list-style:none;margin:0 0 0 10%;padding:2em 2em;width:80%;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;-ms-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em}.wrapper__rows .social__list li{float:left;width:33.1%}.wrapper__rows .social__list a{display:block;text-align:center;padding:1em 0;color:#fff;text-decoration:none}.wrapper__rows .social__list:after,.wrapper__rows .social__list:before{content:"";border-width:7px;border-style:solid;border-color:#ccc transparent transparent transparent;position:absolute;bottom:-14px;left:47%}.wrapper__rows .social__list:after{z-index:5;bottom:-13px;border-color:#fff transparent transparent transparent}.wrapper__rows .social__list .facebook{background-color:#3B5998;background-color:rgba(59,89,152,0.8)}.wrapper__rows .social__list .facebook:hover{background-color:#3B5998}.wrapper__rows .social__list .google{background-color:#E74C3C;background-color:rgba(231,76,60,0.8)}.wrapper__rows .social__list .google:hover{background-color:#E74C3C}.wrapper__rows .social__list .twitter{background-color:#00ACED;background-color:rgba(0,172,237,0.8)}.wrapper__rows .social__list .twitter:hover{background-color:#00ACED}.wrapper__rows:hover .share-button{zoom:1;filter:alpha(opacity=100);opacity:1}.wrapper__rows .share-button{display:block;border:none;background:transparent;padding:0;margin:4em auto auto auto;color:#ccc;font-style:italic;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;zoom:1;filter:alpha(opacity=0);opacity:0}.wrapper__rows .share-button svg{display:block;margin:0 auto 0.5em auto;fill:#ccc}.wrapper__rows .share-button:hover{zoom:1;filter:alpha(opacity=70);opacity:0.7;color:#666}.wrapper__rows .share-button:hover svg{fill:#666}@media (max-width: 767px){.wrapper__rows .share-button{zoom:1;filter:alpha(opacity=100);opacity:1}}.wrapper__rows:first-child{overflow:visible;z-index:10}@-webkit-keyframes fade{0%{zoom:1;filter:alpha(opacity=0);opacity:0}100%{zoom:1;filter:alpha(opacity=100);opacity:1}}@-moz-keyframes fade{0%{zoom:1;filter:alpha(opacity=0);opacity:0}100%{zoom:1;filter:alpha(opacity=100);opacity:1}}@-o-keyframes fade{0%{zoom:1;filter:alpha(opacity=0);opacity:0}100%{zoom:1;filter:alpha(opacity=100);opacity:1}}@-ms-keyframes fade{0%{zoom:1;filter:alpha(opacity=0);opacity:0}100%{zoom:1;filter:alpha(opacity=100);opacity:1}}.animate{-webkit-animation:fade 1s ease;-moz-animation:fade 1s ease;-ms-animation:fade 1s ease;-o-animation:fade 1s ease;animation:fade 1s ease}.wrapper__arrows{width:6em;padding:0 10px;position:fixed;height:100%;top:0}@media (max-width: 767px){.wrapper__arrows{display:none}}.wrapper__arrows .arrow,.wrapper__arrows .arrow--right,.wrapper__arrows .arrow--left{display:block;margin:0 auto}.wrapper__arrows.right{right:0}.wrapper__arrows.left{left:0}.arrow,.arrow--right,.arrow--left{position:absolute;cursor:pointer;width:100%;border:none;background-color:transparent;text-indent:-999em;padding:0;left:0}.arrow svg,.arrow--right svg,.arrow--left svg{display:block;margin:0 auto}.arrow--right{top:0}.arrow--right:hover polygon{fill:#000}.arrow--left{top:0}.arrow--left:hover polygon{fill:#000}.bg__pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}@media (max-width: 767px){.bg__pattern{display:none}}.bg__pattern svg{position:relative;z-index:100;margin-left:35em;float:left;display:block}@media (min-width: 1500px){.bg__pattern svg{margin-left:38em}}.bg__pattern svg:first-child{margin-left:6em}.label,.label--works,.label--tips,.label--css,.label--about,.label--js,.label--blog,.label--tests,.label--test,.label--karma,.label--tdd,.label--protractor,.label--html5,.label--css3,.label--git{font-size:0.9em}.presentation__bx p a,.presentation__bx p strong,.works p a,.works a a,.works li a,.tips p a,.tips a a,.tips li a,.about p a,.about a a,.about li a,.posts p a,.posts a a,.posts li a{font-size:1em}.wrapper__rows .share-button{font-size:1.1em}.works ul li,.tips ul li,.about ul li,.posts ul li,.works time,.tips time,.about time,.posts time{font-size:1.2em}.works p,.works a,.works li,.tips p,.tips a,.tips li,.about p,.about a,.about li,.posts p,.posts a,.posts li{font-size:1.3em}.highlight,.presentation__bx p{font-size:1.4em}.contact__button{font-size:1.6em}.presentation__bx h1{font-size:2.8em}.works h1,.tips h1,.about h1,.posts h1{font-size:4em}.highlight{background:#fff;padding:1em 0}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}@media (min-width: 1500px){.presentation{width:34em}}@media (max-width: 767px){.presentation{position:relative;width:100%}}.presentation__bx{position:relative;background:#000;padding:20px}.presentation__bx h1{color:#fff;text-transform:uppercase}@media (min-width: 1500px){.presentation__bx h1{font-size:3.5em}}.presentation__bx p{margin:20px 0;font-style:italic;color:#B5B5B5}@media (min-width: 1500px){.presentation__bx p{font-size:1.4em;line-height:1.4em}}.presentation__bx p a,.presentation__bx p strong{color:#fff}@media (min-width: 1500px){.presentation__bx a{font-size:1.2em}}.presentation__bx:after{content:"";border-style:solid;border-width:10px;border-color:#000 transparent transparent transparent;position:absolute;bottom:-20px;left:47%}.presentation__bx .nav{width:100%;padding:1em 0 3em}.nav__item{width:33%;display:block;float:left}.nav__item button{border:none;background:transparent;padding:5px 10px;border:1px solid #000;text-align:center;font-weight:100;position:relative;font-size:12px}.nav__item button:after,.nav__item button:before{content:"";width:0;height:1px;background:#fff;position:absolute;margin-top:3px;-webkit-transition:width 0.2s ease-in-out;-moz-transition:width 0.2s ease-in-out;-ms-transition:width 0.2s ease-in-out;-o-transition:width 0.2s ease-in-out;transition:width 0.2s ease-in-out}.nav__item button:before{top:0;right:0}.nav__item button:after{bottom:0;left:0}.nav__item button:hover:after,.nav__item button:hover:before,.nav__item button:focus:after,.nav__item button:focus:before{width:100%}.nav__item:nth-child(2){text-align:center}.nav__item:nth-child(3){text-align:right}.link{color:#fff}.social-icons ul{margin-top:6px;list-style:none;padding:0}.social-icons li{float:left;margin-left:20px}@media (max-width: 767px){.social-icons li{margin-left:10px}}.social-icons li img{width:25px}.social-icons li:first-child{margin-left:0}.social-icons a{color:#909090}.contact__button{display:block;text-align:center;text-transform:uppercase;color:#27aae1;font-weight:100;width:85%;margin:25px auto auto auto}@media (min-width: 1500px){.contact__button{font-size:1.7em}}.works strong,.tips strong,.about strong,.posts strong{color:#666}.works h1,.tips h1,.about h1,.posts h1{font-weight:100;text-transform:uppercase;word-wrap:break-word;margin:0 0 30px;font-style:italic}.works p,.works a,.works li,.tips p,.tips a,.tips li,.about p,.about a,.about li,.posts p,.posts a,.posts li{line-height:1.6em}@media (min-width: 1500px){.works p,.works a,.works li,.tips p,.tips a,.tips li,.about p,.about a,.about li,.posts p,.posts a,.posts li{font-size:1.6em;line-height:1.8em}}.works p,.works h2,.works h3,.works h4,.works h5,.tips p,.tips h2,.tips h3,.tips h4,.tips h5,.about p,.about h2,.about h3,.about h4,.about h5,.posts p,.posts h2,.posts h3,.posts h4,.posts h5{margin:10px 0}.works a,.tips a,.about a,.posts a{color:#27aae1}.works ul,.tips ul,.about ul,.posts ul{padding-left:1.6em;list-style-type:square}.works ul li,.tips ul li,.about ul li,.posts ul li{padding:0.5em 0}@media (max-width: 767px){.works ul li,.tips ul li,.about ul li,.posts ul li{padding:1em 0}}.works li,.tips li,.about li,.posts li{font-style:italic}.works li:first-child,.tips li:first-child,.about li:first-child,.posts li:first-child{margin-top:0}.works time,.tips time,.about time,.posts time{display:block;text-transform:uppercase;font-style:italic;color:#A9A9A9;font-weight:100}