article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@font-face{font-weight:normal;font-style:normal;font-family:'ecoicons';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg')}.gn-menu-main,.gn-menu-main ul{margin:0;padding:0;background:#fff;color:#5f6f81;list-style:none;text-transform:none;font-weight:300;border-bottom:1px solid #c6d0da;line-height:60px}.gn-menu-main{position:fixed;top:0;left:0;width:100%;height:60px;font-size:13px;z-index:1000}.gn-menu-main a{display:block;height:100%;color:#5f6f81;text-decoration:none;cursor:pointer}.no-touch .gn-menu-main a:hover,.no-touch .gn-menu li.gn-search-item:hover,.no-touch .gn-menu li.gn-search-item:hover a{background:#5f6f81;color:#fff}.gn-menu-main>li{display:block;float:left;height:100%;border-right:1px solid #c6d0da;text-align:center}.gn-menu-main li.gn-trigger{position:relative;width:60px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gn-menu-main>li:last-child{float:right;border-right:none;border-left:1px solid #c6d0da}.gn-menu-main>li>a{padding:0 30px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.gn-menu-main:after{display:table;clear:both;content:""}.gn-menu-wrapper{position:fixed;top:60px;bottom:0;left:0;overflow:hidden;width:60px;border-top:1px solid #c6d0da;border-right:1px solid #c6d0da;background:#fff;-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);transform:translateX(-60px);-webkit-transition:-webkit-transform .3s,width .3s;-moz-transition:-moz-transform .3s,width .3s;transition:transform .3s,width .3s}.gn-scroller{position:absolute;overflow-y:scroll;width:370px;height:100%}.gn-menu{border-bottom:1px solid #c6d0da;text-align:left;font-size:18px}.gn-menu li:not(:first-child),.gn-menu li li{box-shadow:inset 0 1px #c6d0da}.gn-submenu li{overflow:hidden;height:0;-webkit-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.gn-submenu li a{padding-left:30px}.gn-submenu-sub li a{padding-left:60px}input.gn-search{position:relative;z-index:10;padding-left:60px;outline:none;border:none;background:transparent;color:#5f6f81;font-weight:300;font-family:'Lato',Arial,sans-serif;cursor:pointer}.gn-search::-webkit-input-placeholder{color:#5f6f81}.gn-search:-moz-placeholder{color:#5f6f81}.gn-search::-moz-placeholder{color:#5f6f81}.gn-search:-ms-input-placeholder{color:#5f6f81}.gn-search:focus::-webkit-input-placeholder,.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder{color:transparent}input.gn-search:focus{cursor:text}.no-touch .gn-menu li.gn-search-item:hover input.gn-search{color:#fff}.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder{color:#fff}.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder{color:#fff}.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder{color:#fff}.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder{color:#fff}.gn-menu-main a.gn-icon-search{position:absolute;top:0;left:0;height:60px}.gn-icon::before{display:inline-block;width:60px;text-align:center;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'ecoicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased}.gn-medium-x{font-size:1.2em}.gn-small-x{font-size:1em}.gn-large-x{font-size:2em}.gn-icon-music::before{content:""}.gn-icon-help::before{content:""}.gn-icon-earth::before{content:""}.gn-icon-cog::before{content:""}.gn-icon-search::before{content:""}.gn-icon-download::before{content:""}.gn-icon-photoshop::before{content:""}.gn-icon-illustrator::before{content:""}.gn-icon-archive::before{content:""}.gn-icon-article::before{content:""}.gn-icon-pictures::before{content:""}.gn-icon-videos::before{content:""}.gn-icon-user::before{content:""}.gn-icon-loggeduser::before{content:""}.gn-icon-code::before{content:""}.gn-icon-usercontact::before{content:""}.gn-icon-dashboard::before{content:""}.gn-icon-changeyear::before{content:""}.gn-icon-building::before{content:""}.gn-icon-jobs::before{content:""}.gn-icon-testline::before{content:""}.gn-icon-testdevice::before{content:""}.gn-icon-testdevice1::before{content:""}.gn-icon-testreport::before{content:""}.gn-icon-product::before{content:""}.gn-icon-customer::before{content:""}.gn-icon-bill::before{content:""}.gn-icon-receipt::before{content:""}.gn-icon-quotation::before{content:""}.gn-icon span{width:0;height:0;display:block;overflow:hidden}.gn-icon-menu::before{margin-left:-15px;vertical-align:-2px;width:30px;height:3px;background:#5f6f81;box-shadow:0 3px white,0 -6px #5f6f81,0 -9px white,0 -12px #5f6f81;content:''}.no-touch .gn-icon-menu:hover::before,.no-touch .gn-icon-menu.gn-selected:hover::before{background:#fff;box-shadow:0 3px #5f6f81,0 -6px white,0 -9px #5f6f81,0 -12px white}.gn-icon-menu.gn-selected::before{background:#5993cd;box-shadow:0 3px white,0 -6px #5993cd,0 -9px white,0 -12px #5993cd}.gn-menu-wrapper.gn-open-all,.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.gn-menu-wrapper.gn-open-all{width:340px}.gn-menu-wrapper.gn-open-all .gn-submenu li{height:60px}@media screen and (max-width:422px){.gn-menu-wrapper.gn-open-all{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);width:100%}.gn-menu-wrapper.gn-open-all .gn-scroller{width:130%}}@font-face{font-family:'codropsicons';src:url('../fonts/codropsicons/codropsicons.eot');src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),url('../fonts/codropsicons/codropsicons.woff') format('woff'),url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');font-weight:normal;font-style:normal}body{}.container>header,.codrops-top{color:#fff;font-family:'Lato',Arial,sans-serif}.container>header{margin:0 auto;padding:12em 2em;padding-left:370px;background:rgba(0,0,0,.05)}.container>header a{color:#566473;text-decoration:none;outline:none}.container>header a:hover{color:#4f7bab}.container>header h1{font-size:3.2em;line-height:1.3;margin:0;font-weight:300}.container>header span{display:block;font-size:55%;color:#74818e;padding:0 0 .6em .1em}.codrops-top{background:#fff;background:rgba(255,255,255,.6);text-transform:uppercase;width:100%;font-size:.69em;line-height:2.2}.codrops-top a{text-decoration:none;padding:0 1em;letter-spacing:.1em;color:#888;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.95);color:#333}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-family:'codropsicons';margin:0 4px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:""}.codrops-icon-prev:before{content:""}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{text-decoration:none;outline:none;display:inline-block;margin:.5em;padding:.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700}.codrops-demos a:hover,.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border-color:#89867e;color:#89867e}@media screen and (max-width:1025px){.container>header{margin:0 auto;padding:120px 50px;font-size:70%;text-align:right}}@media screen and (max-width:740px){.codrops-icon span{display:none}}