.menu-wrap a{color:#b8b7ad;}
.menu-footer{margin-top:32px;text-align:center;}
.menu-footer a,
.footer-social a{display:inline-block;width:12.66%;height:32px;cursor:pointer;position:relative;margin-bottom:2px;transition:.2s all;-webkit-transition:.2s all;}
.mobile-menu .menu-footer a:before,
.footer-social a:before{content:' ';position:absolute;width:100%;height:100%;transition:.2s all;-webkit-transition:.2s all;left:0;top:0;}
.mobile-menu .menu-footer a.fb:before,
.footer-social a.fb:before{background:rgba(0,0,0,.5) url(../../../img/social/facebook_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.twt:before,
.footer-social a.twt:before{background:rgba(0,0,0,.5) url(../../../img/social/twitter-logo-silhouette_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.inst:before,
.footer-social a.inst:before{background:rgba(0,0,0,.5) url(../../../img/social/instagram_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.lIn:before,
.footer-social a.lIn:before{background:rgba(0,0,0,.5) url(../../../img/social/linked-in-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.gplus:before,
.footer-social a.gplus:before{background:rgba(0,0,0,.5) url(../../../img/social/google-plus-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.blog:before,
.footer-social a.blog:before{background:rgba(0,0,0,.5) url(../../../img/social/blog_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.fb:hover:before,
.footer-social a.fb:hover:before{background:#3B5998 url(../../../img/social/facebook_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.twt:hover:before,
.footer-social a.twt:hover:before{background:#1DA1F2 url(../../../img/social/twitter-logo-silhouette_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.inst:hover:before,
.footer-social a.inst:hover:before{background:#855443 url(../../../img/social/instagram_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.lIn:hover:before,
.footer-social a.lIn:hover:before{background:#006699 url(../../../img/social/linked-in-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.gplus:hover:before,
.footer-social a.gplus:hover:before{background:#DA5534 url(../../../img/social/google-plus-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.blog:hover:before,
.footer-social a.blog:hover:before{background:#BF9540 url(../../../img/social/blog_hover.png) no-repeat center center;background-size:15px;}
#banner-social a{display:block;width:50px;height:50px;cursor:pointer;position:relative;margin-bottom:2px;transition:.2s all;-webkit-transition:.2s all;}
.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.content{position:relative;}
.content::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0s 0.3s;transition:opacity 0.3s, transform 0s 0.3s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.menu-button{position:absolute;z-index:1000;padding:0;outline:none;width:55px;height:55px;border:none;text-indent:2.5em;font-size:1.5em;color:transparent;background:transparent;right:12px;top:42px;cursor:pointer;}
.menu-button::before{position:absolute;top:0.5em;right:0.5em;bottom:0.5em;left:0.5em;background:linear-gradient(#D1D1D1 20%, transparent 20%, transparent 40%, #D1D1D1 40%, #D1D1D1 60%, transparent 60%, transparent 80%, #D1D1D1 80%);content:'';}
.menu-button:hover{opacity:0.6;}
.close-button{display:none;width:16px;height:16px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:16px;border:none;z-index:1001;background:transparent;color:transparent;}
.close-button::before,
.close-button::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;background:#95a5a6;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-wrap{top:0;position:absolute;z-index:1001;width:calc(100% - 70px);max-width:300px;height:100%;font-size:1.15em;-webkit-transform:translate3d(-520px,0,0);transform:translate3d(-520px,0,0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.menu-wrap:after{content:" ";position:fixed;width:100%;height:11111000px;z-index:-1;background:#232323 url(../../../img/mobile-menu_bg.png) no-repeat fixed;background-attachment:fixed;-webkit-background-attachment:fixed;top:100%;left:0;}
.menu-wrap .logo-2{width:calc(100%);padding:14px 0;}
.menu-wrap .logo-2 img{margin:0 auto;display:block;margin:0 auto !important;position:relative;z-index:9999;}
.menu-wrap .slogan{display:none;font-size:15px;text-transform:uppercase;background:#1a1a1a;color:#414141;line-height:36px;width:calc(100% + 38px);text-align:center;position:relative;z-index:999999;margin:0 -20px;top:-1px;left:-150px;margin-bottom:20px;transition:all .2s .2s;-webkit-transition:all .2s .2s;}
.show-menu .slogan{left:0px;}
.menu-wrap > .menu{background:#202020;width:calc(100%);height:100%;}
.icon-list{width:calc(100%);margin-left:-150px;margin-top:20px;transition:all .2s .2s;-webkit-transition:all .2s .2s;}
.show-menu .icon-list{margin-left:0px;}
.icon-list a{display:block;padding:0.8em 0;position:relative;z-index:9999;border-bottom:1px solid rgba(204, 204, 204, 0.2);padding:20px 30px;color:#fff;font-family:'Oswald', sans-serif;font-size:15px;font-weight:100;text-transform:uppercase;}
.icon-list a.sub{font-family:'Open Sans', sans-serif;padding-left:54px;font-size:11px;background:url('../menu_icons/right-arrow.png') no-repeat 27px center;background-size:15px;line-height:15px;letter-spacing:2px;}
.icon-list a.sub span{display:block;}
.icon-list a.sub span:after{right:auto;left:-28px;top:calc(50% - 2px) !Important;}
.icon-list a:before,
.icon-list a:after{content:' ';position:absolute;width:24px;height:24px;top:13px;right:30px;}
.icon-list a:after{display:none;}
.icon-list a:hover:before,
.icon-list a:active:before,
.icon-list a:focus:before,
.icon-list a.active:before{display:none;}
.icon-list a:hover:after,
.icon-list a:active:after,
.icon-list a:focus:after,
.icon-list a.active:after{display:block;}
.icon-list a span{position:relative;}
.icon-list a.active span:after,
.icon-list a:hover span:after{content:' ';width:4px;height:4px;border-radius:5px;background:#dda537;position:absolute;right:-8px;top:1px;}
.icon-list a.active,
.icon-list a:hover{color:#fff;}
.icon-list a.home:before{background:url(../menu_icons/home.png) no-repeat center;}
.icon-list a.home:after{background:url(../menu_icons/home_hover.png) no-repeat center;}
.icon-list a.vision:before{background:url(../menu_icons/vision.png) no-repeat center;}
.icon-list a.vision:after{background:url(../menu_icons/vision_hover.png) no-repeat center;}
.icon-list a.code:before{background:url(../menu_icons/code.png) no-repeat center;}
.icon-list a.code:after{background:url(../menu_icons/code_hover.png) no-repeat center;}
.icon-list a.services:before{background:url(../menu_icons/services.png) no-repeat center;}
.icon-list a.services:after{background:url(../menu_icons/services_hover.png) no-repeat center;}
.icon-list a.process:before{background:url(../menu_icons/process.png) no-repeat center;}
.icon-list a.process:after{background:url(../menu_icons/process_hover.png) no-repeat center;}
.icon-list a.work:before{background:url(../menu_icons/work.png) no-repeat center;}
.icon-list a.work:after{background:url(../menu_icons/work_hover.png) no-repeat center;}
.icon-list a.career:before{background:url(../menu_icons/career.png) no-repeat center;background-size:22px;}
.icon-list a.career:after{background:url(../menu_icons/career_hover.png) no-repeat center;background-size:22px;}
.icon-list a.contact{border-bottom:none;}
.icon-list a.contact:before{background:url(../menu_icons/contact.png) no-repeat center;}
.icon-list a.contact:after{background:url(../menu_icons/contact_hover.png) no-repeat center;}
.icon-list a.blog{border-bottom:none;}
.icon-list a.blog:before{background:url(../menu_icons/blog.png) no-repeat center;background-size:24px;top:17px;}
.icon-list a.blog:after{background:url(../menu_icons/blog_hover.png) no-repeat center;background-size:24px;top:17px;}
.morph-shape{position:absolute;width:120px;height:100%;top:0;right:0;fill:#151515;z-index:1000;}
.show-menu .menu-wrap{-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
.show-menu .content-wrap{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);}
.show-menu .content::before{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.menu-wrap a{color:#b8b7ad;}
.menu-footer{margin-top:32px;text-align:center;}
.menu-footer a,
.footer-social a{display:inline-block;width:12.66%;height:32px;cursor:pointer;position:relative;margin-bottom:2px;transition:.2s all;-webkit-transition:.2s all;}
.mobile-menu .menu-footer a:before,
.footer-social a:before{content:' ';position:absolute;width:100%;height:100%;transition:.2s all;-webkit-transition:.2s all;left:0;top:0;}
.mobile-menu .menu-footer a.fb:before,
.footer-social a.fb:before{background:rgba(0,0,0,.5) url(../../../img/social/facebook_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.twt:before,
.footer-social a.twt:before{background:rgba(0,0,0,.5) url(../../../img/social/twitter-logo-silhouette_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.inst:before,
.footer-social a.inst:before{background:rgba(0,0,0,.5) url(../../../img/social/instagram_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.lIn:before,
.footer-social a.lIn:before{background:rgba(0,0,0,.5) url(../../../img/social/linked-in-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.gplus:before,
.footer-social a.gplus:before{background:rgba(0,0,0,.5) url(../../../img/social/google-plus-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.blog:before,
.footer-social a.blog:before{background:rgba(0,0,0,.5) url(../../../img/social/blog_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.fb:hover:before,
.footer-social a.fb:hover:before{background:#3B5998 url(../../../img/social/facebook_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.twt:hover:before,
.footer-social a.twt:hover:before{background:#1DA1F2 url(../../../img/social/twitter-logo-silhouette_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.inst:hover:before,
.footer-social a.inst:hover:before{background:#855443 url(../../../img/social/instagram_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.lIn:hover:before,
.footer-social a.lIn:hover:before{background:#006699 url(../../../img/social/linked-in-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.gplus:hover:before,
.footer-social a.gplus:hover:before{background:#DA5534 url(../../../img/social/google-plus-logo_hover.png) no-repeat center center;background-size:15px;}
.mobile-menu .menu-footer a.blog:hover:before,
.footer-social a.blog:hover:before{background:#BF9540 url(../../../img/social/blog_hover.png) no-repeat center center;background-size:15px;}
#banner-social a{display:block;width:50px;height:50px;cursor:pointer;position:relative;margin-bottom:2px;transition:.2s all;-webkit-transition:.2s all;}
.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.content{position:relative;}
.content::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0s 0.3s;transition:opacity 0.3s, transform 0s 0.3s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.menu-button{position:absolute;z-index:1000;padding:0;outline:none;width:55px;height:55px;border:none;text-indent:2.5em;font-size:1.5em;color:transparent;background:transparent;right:12px;top:42px;cursor:pointer;}
.menu-button::before{position:absolute;top:0.5em;right:0.5em;bottom:0.5em;left:0.5em;background:linear-gradient(#D1D1D1 20%, transparent 20%, transparent 40%, #D1D1D1 40%, #D1D1D1 60%, transparent 60%, transparent 80%, #D1D1D1 80%);content:'';}
.menu-button:hover{opacity:0.6;}
.close-button{display:none;width:16px;height:16px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:16px;border:none;z-index:1001;background:transparent;color:transparent;}
.close-button::before,
.close-button::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;background:#95a5a6;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-wrap{top:0;position:absolute;z-index:1001;width:calc(100% - 70px);max-width:300px;height:100%;font-size:1.15em;-webkit-transform:translate3d(-520px,0,0);transform:translate3d(-520px,0,0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.menu-wrap:after{content:" ";position:fixed;width:100%;height:11111000px;z-index:-1;background:#232323 url(../../../img/mobile-menu_bg.png) no-repeat fixed;background-attachment:fixed;-webkit-background-attachment:fixed;top:100%;left:0;}
.menu-wrap .logo-2{width:calc(100%);padding:14px 0;}
.menu-wrap .logo-2 img{margin:0 auto;display:block;margin:0 auto !important;position:relative;z-index:9999;}
.menu-wrap .slogan{display:none;font-size:15px;text-transform:uppercase;background:#1a1a1a;color:#414141;line-height:36px;width:calc(100% + 38px);text-align:center;position:relative;z-index:999999;margin:0 -20px;top:-1px;left:-150px;margin-bottom:20px;transition:all .2s .2s;-webkit-transition:all .2s .2s;}
.show-menu .slogan{left:0px;}
.menu-wrap > .menu{background:#FFFFFF;width:calc(100%);height:100%;}
.icon-list{width:calc(100%);margin-left:-150px;margin-top:20px;transition:all .2s .2s;-webkit-transition:all .2s .2s;}
.show-menu .icon-list{margin-left:0px;}
.icon-list a{display:block;padding:0.8em 0;position:relative;z-index:9999;border-bottom:1px solid rgba(204, 204, 204, 0.2);padding:20px 30px;color:#fff;font-family:'Oswald', sans-serif;font-size:15px;font-weight:100;text-transform:uppercase;}
.icon-list a.sub{font-family:'Open Sans', sans-serif;padding-left:54px;font-size:11px;background:url('../menu_icons/right-arrow.png') no-repeat 27px center;background-size:15px;line-height:15px;letter-spacing:2px;}
.icon-list a.sub span{display:block;}
.icon-list a.sub span:after{right:auto;left:-28px;top:calc(50% - 2px) !Important;}
.icon-list a:before,
.icon-list a:after{content:' ';position:absolute;width:24px;height:24px;top:13px;right:30px;}
.icon-list a:after{display:none;}
.icon-list a:hover:before,
.icon-list a:active:before,
.icon-list a:focus:before,
.icon-list a.active:before{display:none;}
.icon-list a:hover:after,
.icon-list a:active:after,
.icon-list a:focus:after,
.icon-list a.active:after{display:block;}
.icon-list a span{position:relative;}
.icon-list a.active span:after,
.icon-list a:hover span:after{content:' ';width:4px;height:4px;border-radius:5px;background:#dda537;position:absolute;right:-8px;top:1px;}
.icon-list a.active,
.icon-list a:hover{color:#fff;}
.icon-list a.home:before{background:url(../menu_icons/home.png) no-repeat center;}
.icon-list a.home:after{background:url(../menu_icons/home_hover.png) no-repeat center;}
.icon-list a.vision:before{background:url(../menu_icons/vision.png) no-repeat center;}
.icon-list a.vision:after{background:url(../menu_icons/vision_hover.png) no-repeat center;}
.icon-list a.code:before{background:url(../menu_icons/code.png) no-repeat center;}
.icon-list a.code:after{background:url(../menu_icons/code_hover.png) no-repeat center;}
.icon-list a.services:before{background:url(../menu_icons/services.png) no-repeat center;}
.icon-list a.services:after{background:url(../menu_icons/services_hover.png) no-repeat center;}
.icon-list a.process:before{background:url(../menu_icons/process.png) no-repeat center;}
.icon-list a.process:after{background:url(../menu_icons/process_hover.png) no-repeat center;}
.icon-list a.work:before{background:url(../menu_icons/work.png) no-repeat center;}
.icon-list a.work:after{background:url(../menu_icons/work_hover.png) no-repeat center;}
.icon-list a.career:before{background:url(../menu_icons/career.png) no-repeat center;background-size:22px;}
.icon-list a.career:after{background:url(../menu_icons/career_hover.png) no-repeat center;background-size:22px;}
.icon-list a.contact{border-bottom:none;}
.icon-list a.contact:before{background:url(../menu_icons/contact.png) no-repeat center;}
.icon-list a.contact:after{background:url(../menu_icons/contact_hover.png) no-repeat center;}
.icon-list a.blog{border-bottom:none;}
.icon-list a.blog:before{background:url(../menu_icons/blog.png) no-repeat center;background-size:24px;top:17px;}
.icon-list a.blog:after{background:url(../menu_icons/blog_hover.png) no-repeat center;background-size:24px;top:17px;}
.morph-shape{position:absolute;width:120px;height:100%;top:0;right:0;fill:#151515;z-index:1000;}
.show-menu .menu-wrap{-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
.show-menu .content-wrap{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);}
.show-menu .content::before{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}