.gn-menu-main,.gn-menu-main ul{margin:0;padding:0;//background:#fff;display:none;color:#5f6f81;list-style:none;text-transform:none;font-weight:300;font-family:"Open Sans";line-height:60px}.gn-menu-main>.gn-trigger>.gn-icon-menu{// opacity:0.1;// filter:alpha(opacity=10);background:url(extra-menu-icon-2.png) no-repeat rgba(0,0,0,.1);background-position:center}.gn-menu-main>.gn-trigger>.gn-icon-menu>.gn-icon-menu2{opacity:1;filter:alpha(opacity=100);background:url(extra-menu-icon-2.png) no-repeat}.gn-menu-main{//position:fixed;position:absolute;top:0;left:0;//width:100%;height:106px;font-size:13px;line-height:100px;z-index:1000;width:69px}.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:white}.gn-menu-main>li{display:block;float:left;height:100%;text-align:center}.gn-menu-main li.gn-trigger{position:relative;width:69px;-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:106px;bottom:0;left:0;overflow:hidden;width:69px;-webkit-transform:translateX(-69px);-moz-transform:translateX(-69px);transform:translateX(-69px);-webkit-transition:-webkit-transform 0.3s,width 0.3s;-moz-transition:-moz-transform 0.3s,width 0.3s;transition:transform 0.3s,width 0.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;//line-height:69px}.gn-menu li,.gn-menu>li>li{margin-bottom:0px;padding-bottom:0px;margin-top:0px;padding-top:0px;height:69px}.gn-menu li img{width:69px;height:69px}.gn-submenu li{overflow:hidden;height:0;-webkit-transition:height 2.9s;-moz-transition:height 2.9s;transition:height 2.9s}.gn-submenu li a{color:#c1c9d1}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:white}.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder{color:white}.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder{color:white}.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder{color:white}.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder{color:white}.gn-menu-main a.gn-icon-search{position:absolute;top:0;left:0;height:60px}.gn-icon::before{display:inline-block;width:69px;height:69px;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-icon1{display:inline-block;width:69px;height:69px;padding-left:0px;padding-top:0px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.gn-icon2{//display:inline-block;height:69px;//padding-left:69px;padding-top:0px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.mimg{width:69px;height:69px;background-color:#444;float:left}.mtext{width:100%;//display:inline-block;height:69px;background-color:#000}.mtext2{width:100%;//display:inline-block;height:69px;background:#444;font-family:"Open Sans";font-size:16px;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear}.mtext2 a{line-height:69px;padding-left:80px;color:#aaa}.mtext2 a:hover{background:#666;color:white}.wmenu{background-color:#444;width:358px}.wmenu a:hover{text-decoration:none;background-color:#333}.wmenu_t{// font-family:"Open Sans Bold";font-size:20px;color:#eee;padding-top:10px;padding-bottom:10px}.wmenu_b{background-color:#333;margin-right:20px;color:#aaa;padding:10px;font-size:16px;line-height:20px}.gn-icon-help::before{//content:"\e000"}.gn-icon-earth::before{//content:"\e004"}.gn-icon-cog::before{//content:"\e006"}.gn-icon-search::before{//content:"\e005"}.gn-icon-download::before{//content:"";//width:0px;//background-color:#000;//background:url(avatar.jpg)}.gn-icon-photoshop::before{//content:"\e001"}.gn-icon-illustrator::before{content:"\e002"}.gn-icon-archive::before{//content:"\e00d"}.gn-icon-article::before{content:"\e003"}.gn-icon-pictures::before{content:"\e008"}.gn-icon-videos::before{content:"\e009"}.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:'';background:#000}.no-touch .gn-icon-menu:hover::before,.no-touch .gn-icon-menu.gn-selected:hover::before{//background:#000;//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;opacity:0.4;filter:alpha(opacity=40)}.gn-menu-wrapper.gn-open-all,.gn-menu-wrapper.gn-open-part{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}.gn-menu-wrapper.gn-open-all{width:340px}.gn-menu-wrapper.gn-open-all .gn-submenu li{height:100%}@media screen and (min-width:768px){.gn-menu-main,.gn-menu-main ul{display:inline-block}}@media screen and (max-width:422px){.gn-menu-wrapper.gn-open-all{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:100%}.gn-menu-wrapper.gn-open-all .gn-scroller{width:100%}}