@import url(../css/bulletproof.css);html{height:100%}body{font-family:"Helvetica Neue",Helvetica,'Arimo',Arial,sans-serif;font-size:12px;font-height:18px;color:#5d6162;background-color:#272c2e}a{color:#272c2e}a:hover{color:black}.container{width:940px;padding:0 20px;margin-right:auto;margin-left:auto;*zoom:1;background:#f3f3f3;position:relative}.container:before,.container:after{display:table;content:""}.container:after{clear:both}section.container{border-radius:8px;margin-bottom:28px}.group{position:relative;padding:20px 0}.page-header{background-color:#fff;border-radius:8px 8px 0 0;padding:40px 60px;margin-left:-20px;width:860px;position:relative}.page-title{color:#272c2e;font-size:26px;margin-bottom:10px}.page-subtitle{text-transform:uppercase;color:#929496;font-size:16px;font-weight:normal}.header-icon{text-align:center;background-color:#e1e5e8;width:70px;height:70px;line-height:93px;border-radius:70px;display:inline-block;*display:inline;*zoom:1}.icon-bullhorn-w{width:51px;height:30px;background:transparent url(../img/sprite.png) no-repeat -576px -512px;display:inline-block;*display:inline;*zoom:1}.header-icon .icon-bullhorn-w{margin-left:6px}h1,h2,h3,h4,h5,h6{margin:0;margin-bottom:6px;font-weight:bold;font-weight:600;color:#272c2e}h1{font-size:24px;font-weight:600;line-height:28px;margin-bottom:14px}h2{font-size:16px;line-height:20px;margin-bottom:10px}h3{font-size:13px}h4{font-size:12px}p{margin:0 0 9px;font-size:13px;line-height:20px}.bg-0{background:white}.bg-1{background:#f3f3f3}.bg-2{background:#f8f8f8}.b-top{border-top:1px solid #dbe0e2}.b-bottom{border-bottom:1px solid #dbe0e2}.computer,.brand-letter,.brand-crown,.gi-gear,.gi-gear-mini,.gi-joystick,.gi-joystick-btn,.gi-bullhorn{background:transparent url(../img/sprite.png) no-repeat left top;display:inline-block;*display:inline;*zoom:1}.navbar{position:static;top:0;right:0;left:0;margin-bottom:0;z-index:8}.navbar>.inner{background-color:rgba(39,44,46,.99);background-color:#272c2e \9;height:100%}
.navbar>.inner .container{width:980px;padding:0;background:transparent;height:70px;line-height:20px}.navbar .brand{float:left;display:block;height:23px;width:135px;font:0/0 a;text-shadow:none;padding:0;margin:20px 15px 0 0;background:transparent url(../img/sprite.png) no-repeat -32px -32px;display:inline-block;*display:inline;*zoom:1}.header-user{position:absolute;right:0;top:18px}.header-user>li a{color:#89949b;line-height:28px;font-weight:500}.header-user>li a:hover,.header-user>li a.active{color:#FFF}.header-user.set-btn>li{margin-left:20px}.header-user.no-logged li{display:inline-block;*display:inline;*zoom:1}.btn.login-facebook{border-radius:14px;font-weight:normal;text-transform:none;text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#3b5998;color:#b1bdd6;padding:0 16px;width:110px;text-transform:none}.btn.login-facebook:hover{color:#b1bdd6}.btn.login-facebook strong{font-weight:bold;color:#fff}.btn{position:relative;padding:0 16px;min-width:18px;border:0;background-color:#bdc1c5;color:#fff;text-align:center;text-transform:uppercase;white-space:nowrap;font-weight:bold;font-size:11px;line-height:42px;height:42px;cursor:pointer;-webkit-font-smoothing:antialiased;transition:all .16s;display:inline-block;*display:inline;*zoom:1;border-radius:5px}.btn:hover{color:#fff;background-color:#c9cfd3}.btn-high{background-color:#61c9e5;color:#fff}.btn-high:hover{color:#fff;background-color:#82d8f1}.btn-black{background-color:rgba(0,0,0,0.8);background-color:#000\9;color:#FFF}.btn-black:hover{color:#fff;background-color:#333}.btn-small{font-size:11px;line-height:28px;height:28px;min-width:18px;padding:0 12px;border-radius:3px}.btn-small.btn-outline{line-height:26px;height:26px}.btn-medium{min-width:140px;padding-left:0;padding-right:0}.btn-full{width:100%;padding-left:0;padding-right:0}.btn-outline{border:1px solid #89949b;background-color:transparent}.btn-outline:hover{border:1px solid #969798;background-color:transparent;color:#969798}.about-landing{text-align:center;background-color:#fff}
.about-landing .claim{background:#f6f7f7 url(../img/landing-pattern.png) no-repeat left 10px;padding-top:50px;height:410px;width:980px;margin-left:-20px;border-radius:8px 8px 0 0}.computer{background-position:-32px -320px;width:274px;height:232px;margin:42px auto 0;position:relative}.brand-crown{background-position:-352px -319px;width:35px;height:27px;position:absolute;top:0;left:109px;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.brand-crown.active{top:35px;opacity:1}.brand-letter{background-position:-352px -384px;width:35px;height:35px;position:absolute;top:100px;left:109px;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.brand-letter.active{top:69px;opacity:1}.screen{position:relative;overflow:hidden;margin-top:11px;margin-left:11px;height:140px;width:250px}.goods{padding-top:40px;padding-bottom:40px;position:relative}.good{display:inline-block;*display:inline;*zoom:1;width:270px;margin:20px;z-index:1}.good .title{font-size:18px;text-transform:uppercase;font-weight:400;margin-bottom:10px}.good .description{font-size:16px;color:#969798;font-weight:300;line-height:22px;margin-bottom:20px}.good-ico{display:block;height:112px;width:112px;margin:0 auto 20px;position:relative;border-radius:61px;background-color:#f6f7f7}.advertise .good-ico{background-color:#f3eaf4}.play .good-ico{background-color:#fdf0f0}.develop .good-ico{background-color:#e2eff8}.develop .good-ico:after{content:"";background:transparent url(../img/sprite.png) no-repeat -576px -320px;height:95px;width:95px;display:block;position:absolute;right:0;top:0;opacity:.3}.gi-gear{position:absolute;background-position:-448px -320px;width:44px;height:44px;top:43px;left:44px}.gi-gear-mini{position:absolute;background-position:-513px -321px;width:22px;height:22px;top:27px;left:28px}.gi-bullhorn{position:absolute;background-position:-448px -416px;width:54px;height:41px;top:38px;left:24px}
.gi-bullhorn .sound{width:8px;height:3px;background-color:#ac71b2;display:block;position:absolute;right:-17px;top:17px}.gi-bullhorn .s-t{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:9px;right:-14px}.gi-bullhorn .s-b{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:25px;right:-14px}.gi-joystick{position:absolute;background-position:-448px -512px;width:40px;height:41px;z-index:2;top:35px;left:36px}.gi-joystick-btn{position:absolute;background-position:-512px -512px;width:9px;height:4px;z-index:1;top:58px;left:40px}.dotted-line{position:absolute;top:110px;z-index:0}.dl-1{left:230px}.dl-2{left:542px}.dotted-line span{background:#f6f7f7;border-radius:7px;width:12px;height:12px;margin-right:16px;display:inline-block;*display:inline;*zoom:1}@-webkit-keyframes gearAnimation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes gearAnimation{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}@keyframes gearAnimation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes gearAnimation2{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-359deg)}}@-moz-keyframes gearAnimation2{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-359deg)}}@keyframes gearAnimation2{from{transform:rotate(0)}to{transform:rotate(-359deg)}}.develop:hover .gi-gear{-webkit-animation-name:gearAnimation;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:100ms;-webkit-animation-duration:750ms;-webkit-animation-iteration-count:1;-moz-animation-name:gearAnimation;-moz-animation-timing-function:ease-in-out;-moz-animation-delay:100ms;-moz-animation-duration:750ms;-moz-animation-iteration-count:1;animation-name:gearAnimation;animation-timing-function:ease-in-out;animation-delay:100ms;animation-duration:750ms;animation-iteration-count:1}.develop:hover .gi-gear-mini{-webkit-animation-name:gearAnimation2;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:100ms;-webkit-animation-duration:750ms;-webkit-animation-iteration-count:1;-moz-animation-name:gearAnimation2;-moz-animation-timing-function:ease-in-out;-moz-animation-delay:100ms;-moz-animation-duration:750ms;-moz-animation-iteration-count:1;animation-name:gearAnimation2;animation-timing-function:ease-in-out;animation-delay:100ms;animation-duration:750ms;animation-iteration-count:1}
@-webkit-keyframes soundAnimation{from{right:-17px;opacity:1}to{right:-30px;opacity:0}}@-moz-keyframes soundAnimation{from{right:-17px;opacity:1}to{right:-30px;opacity:0}}@keyframes soundAnimation{from{right:-17px;opacity:1}to{right:-30px;opacity:0}}@-webkit-keyframes soundAnimationTop{from{right:-14px;top:9px;opacity:1}to{right:-30px;top:-4px;opacity:0}}@-moz-keyframes soundAnimationTop{from{right:-14px;top:9px;opacity:1}to{right:-30px;top:-4px;opacity:0}}@keyframes soundAnimationTop{from{right:-14px;top:9px;opacity:1}to{right:-30px;top:-4px;opacity:0}}@-webkit-keyframes soundAnimationBtm{from{right:-14px;top:25px;opacity:1}to{right:-30px;top:35px;opacity:0}}@-moz-keyframes soundAnimationBtm{from{right:-14px;top:25px;opacity:1}to{right:-30px;top:35px;opacity:0}}@keyframes soundAnimationBtm{from{right:-14px;top:25px;opacity:1}to{right:-30px;top:35px;opacity:0}}@-webkit-keyframes bullhornAnimation{0{-webkit-transform:rotate(0)}5%{-webkit-transform:rotate(-10deg)}95%{-webkit-transform:rotate(-10deg)}100%{-webkit-transform:rotate(0)}}@-moz-keyframes bullhornAnimation{0{-moz-transform:rotate(0)}5%{-moz-transform:rotate(-10deg)}95%{-moz-transform:rotate(-10deg)}100%{-moz-transform:rotate(0)}}@keyframes bullhornAnimation{0{transform:rotate(0)}5%{transform:rotate(-10deg)}95%{transform:rotate(-10deg)}100%{transform:rotate(0)}}.advertise:hover .gi-bullhorn .sound{-webkit-animation-name:soundAnimation;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:100ms;-webkit-animation-duration:500ms;-webkit-animation-iteration-count:3;-moz-animation-name:soundAnimation;-moz-animation-timing-function:ease-in-out;-moz-animation-delay:100ms;-moz-animation-duration:500ms;-moz-animation-iteration-count:3;animation-name:soundAnimation;animation-timing-function:ease-in-out;animation-delay:100ms;animation-duration:500ms;animation-iteration-count:3}.advertise:hover .gi-bullhorn .s-t{-webkit-animation-name:soundAnimationTop;-moz-animation-name:soundAnimationTop;animation-name:soundAnimationTop}
.advertise:hover .gi-bullhorn .s-b{-webkit-animation-name:soundAnimationBtm;-moz-animation-name:soundAnimationBtm;animation-name:soundAnimationBtm}.advertise:hover .gi-bullhorn{-webkit-animation-name:bullhornAnimation;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:100ms;-webkit-animation-duration:1500ms;-webkit-animation-iteration-count:1;-moz-animation-name:bullhornAnimation;-moz-animation-timing-function:ease-in-out;-moz-animation-delay:100ms;-moz-animation-duration:1500ms;-moz-animation-iteration-count:1;animation-name:bullhornAnimation;animation-timing-function:ease-in-out;animation-delay:100ms;animation-duration:1500ms;animation-iteration-count:1}@-webkit-keyframes joystickAnimation{0{top:58px}6%{top:62px}32%{top:58px}38%{top:62px}64%{top:58px}70%{top:62px}100%{top:58px}}@-moz-keyframes joystickAnimation{0{top:58px}6%{top:62px}32%{top:58px}38%{top:62px}64%{top:58px}70%{top:62px}100%{top:58px}}@keyframes joystickAnimation{0{top:58px}6%{top:62px}32%{top:58px}38%{top:62px}64%{top:58px}70%{top:62px}100%{top:58px}}.play:hover .gi-joystick-btn{-webkit-animation-name:joystickAnimation;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:100ms;-webkit-animation-duration:1000ms;-webkit-animation-iteration-count:1;-moz-animation-name:joystickAnimation;-moz-animation-timing-function:ease-in-out;-moz-animation-delay:100ms;-moz-animation-duration:1000ms;-moz-animation-iteration-count:1;animation-name:joystickAnimation;animation-timing-function:ease-in-out;animation-delay:100ms;animation-duration:1000ms;animation-iteration-count:1}.about-business .slide{text-align:center;padding:40px 0}.about-business .header-icon{float:left;margin-right:25px;margin-top:-5px}.about-business .header-contact{position:absolute;right:60px;top:55px}.main-footer{width:980px;margin:0 auto;padding:0 0 80px;overflow:hidden;border:0;margin-top:-8px}.footer-nav{width:auto;overflow:hidden;height:1%}.footer-nav ul{width:140px;float:left;margin:0 0 0 20px}.footer-nav li{font-size:13px;line-height:21px;color:#89949b}
.footer-nav h4{color:white;margin:0;font-size:14px;font-weight:normal}.footer-nav a{color:#89949b;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}.footer-nav a:hover{color:white}