#page-contact .navbar~.banner{background:#6e4a71 no-repeat center top;background-image:url(/img/contact/contact-cta-bg.jpg),linear-gradient(to right,#29477d 0,#a8444e 100%);background-size:cover,100%;height:360px}#page-contact .hero{padding-top:80px;padding-bottom:40px}#page-contact .hero p{color:#5d636c;font-size:18px;line-height:28px;font-weight:400}#page-contact .topics{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}#page-contact .topics a{-ms-flex:0 1 240px;flex:0 1 240px;padding:150px 25px 15px;margin:0 auto 100px;position:relative;text-align:center;min-height:265px;min-width:160px}#page-contact .topics a:before{background:no-repeat top left url(/img/contact/contact-icons.png);background-size:140px;width:140px;height:140px;content:'';position:absolute;top:38px;left:calc(50% - 75px);transition:-webkit-transform .4s cubic-bezier(.155,1.105,.295,1.12);transition:transform .4s cubic-bezier(.155,1.105,.295,1.12);transition:transform .4s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .4s cubic-bezier(.155,1.105,.295,1.12)}#page-contact .topics a:after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:1px solid #e6ebf2;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.06);transition:all .4s cubic-bezier(.155,1.105,.295,1.12)}#page-contact .topics a:active,#page-contact .topics a:hover{text-decoration:none}#page-contact .topics a:active:before,#page-contact .topics a:hover:before{-webkit-transform:translate3d(0,-50px,0) scale3d(.5,.5,1);transform:translate3d(0,-50px,0) scale3d(.5,.5,1)}#page-contact .topics a:active:after,#page-contact .topics a:hover:after{border-color:#dde3eb;-webkit-transform:scale(1.05);transform:scale(1.05)}#page-contact .topics a:active .detail,#page-contact .topics a:hover .detail{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.2s;transition-timing-function:ease}#page-contact .topics a:active h3,#page-contact .topics a:hover h3{-webkit-transform:translate3d(0,-92px,0);transform:translate3d(0,-92px,0)}#page-contact .topics a h3{font-size:18px;position:absolute;font-weight:600;top:195px;left:0;right:0;color:#4c555a;transition:-webkit-transform .4s cubic-bezier(.155,1.105,.295,1.12);transition:transform .4s cubic-bezier(.155,1.105,.295,1.12);transition:transform .4s cubic-bezier(.155,1.105,.295,1.12),-webkit-transform .4s cubic-bezier(.155,1.105,.295,1.12)}#page-contact .topics a .detail{opacity:0;position:relative;-webkit-transform:translate3d(0,35px,0);transform:translate3d(0,35px,0);transition:opacity .1s linear,-webkit-transform .1s linear;transition:opacity .1s linear,transform .1s linear;transition:opacity .1s linear,transform .1s linear,-webkit-transform .1s linear}#page-contact .topics a .detail p{line-height:20px;font-size:13px;letter-spacing:-.01em;padding:0 13px;color:#576070}#page-contact .topics a.sales:before{background-position:left -140px}#page-contact .topics a.press:before{background-position:left -280px}#page-contact .topics a.partnerships:before{background-position:left -420px}#page-contact .other{max-width:875px;padding-bottom:100px}#page-contact .other hgroup{width:49.5%;padding-right:50px;position:relative;float:left}#page-contact .other hgroup:last-child{padding-right:0;padding-left:50px}#page-contact .other hgroup:last-child:before{content:'';position:absolute;left:0;top:15px;bottom:15px;border-left:1px solid #f9fafb}#page-contact .other hgroup h4{font-size:16px}#page-contact .other hgroup p{line-height:22px;margin-bottom:3px;color:#576070;font-size:14px}#page-contact .other hgroup:first-child a{margin-right:18px}#page-contact .other hgroup .icon{font-size:20px;position:relative;top:2px}#page-contact .other hgroup .twitter{color:#5ea9dc}#page-contact .other hgroup .twitter:hover{color:#88bfe5}#page-contact .other hgroup .facebook{color:#3b5998}#page-contact .other hgroup .facebook:hover{color:#5f7ec1}#page-contact .other hgroup .goolge-plus{color:#e94335}#page-contact .other hgroup .goolge-plus:hover{color:#f1837a}#page-contact .other hgroup .github{color:#000}#page-contact .other hgroup .github:hover{color:#4d4c4c}