@font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF}
div.clear_both{display:none}
body{overflow-x:hidden;background-color:#fff;color:#565759;-webkit-text-size-adjust:none}
nav h1{letter-spacing:0}
nav:not(.fixed) h1{color:#fff}
section{position:relative;padding:4rem 1rem}
section .section_main{width:100%;max-width:960px;z-index:1;margin:0 auto;overflow:hidden}
@media screen and (max-width:480px){section{padding:2rem 1rem}
}
.developers_header{background-color:#17223A;text-align:center;color:#fff;padding:5rem 1rem 4rem;background-image:-webkit-linear-gradient(225deg,#17223A 30%,#24355D 100%);background-image:-moz-linear-gradient(225deg,#17223A 30%,#24355D 100%);background-image:-o-linear-gradient(225deg,#17223A 30%,#24355D 100%);background-image:linear-gradient(135deg,#17223A 30%,#24355D 100%)}
.developers_header .welcome{max-width:610px;margin:0 auto;padding:0 1rem;margin-top:3.5rem}
.developers_header .welcome .build_it{width:100%;max-width:577px;height:0;padding-bottom:20.7%;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(/bfaba/img/developers/build_it_1x.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.developers_header .welcome .build_it{background-image:url(/bfaba/img/developers/build_it_2x.png)}
}
.developers_header .welcome .build_it.svg{background:0 0}
.developers_header .welcome h1{font-weight:400;max-width:550px;font-size:22.1px;line-height:28px;text-align:center;display:block;margin:1.2rem auto;opacity:.9;-moz-opacity:.9;-khtml-opacity:.9}
.developers_header .welcome a.go_button{margin:0 auto 14px}
@media screen and (max-width:480px){.developers_header .welcome{padding:0;margin-top:2rem}
.developers_header .welcome h1{max-width:70%}
.developers_header .welcome a.go_button{margin-bottom:0;width:100%}
}
@media screen and (max-width:340px){.developers_header .welcome h1{max-width:100%}
}
.go_button{width:140px;display:block;color:#fff;background-color:#42c299;line-height:45px;text-decoration:none;text-align:center;font-size:17.1px;font-weight:700;border-radius:6px}
@media screen and (min-width:481px){.go_button:hover{background-color:#3EB891;box-shadow:inset 0 -3px rgba(0,0,0,.15)}
}
.build_connect_delight .col{text-align:center}
.build_connect_delight .col h2{color:#2C2D30;font-weight:500;font-size:22.1px;margin-top:24px;margin-bottom:10px}
.build_connect_delight .col p{max-width:250px;display:block;margin:0 auto}
@media screen and (max-width:768px){.build_connect_delight .col{text-align:left;margin-bottom:2rem}
.build_connect_delight .col p{max-width:100%}
.build_connect_delight .col:nth-child(1) img,.build_connect_delight .col:nth-child(3) img{float:left;margin-left:-30px;margin-right:0}
.build_connect_delight .col:nth-child(2) img{float:right;margin-left:10px}
}
@media screen and (max-width:480px){.build_connect_delight .col{font-size:16.1px}
.build_connect_delight .col img{width:165px;height:112px;margin-top:20px}
.build_connect_delight .col:nth-child(3) img{margin-left:-25px}
.build_connect_delight .col h2{font-size:18.1px}
}
.app_showcase{background-color:#F1F8FD}
.quick_intro{text-align:center;padding-bottom:0;padding-top:3rem}
.quick_intro .section_main{overflow:visible}
.quick_intro h1.headline{color:#2C2D30;font-size:30.1px;line-height:40px;font-weight:900;position:relative;margin-bottom:40px;margin-top:0}
.quick_intro h1.headline:before{content:'';display:inline-block;width:30px;height:54px;vertical-align:middle;margin-right:10px;margin-top:-10px;background-position:center center;background-repeat:no-repeat;background-size:30px 54px;background-image:url(/8a14/img/developers/bits_one_1x.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.quick_intro h1.headline:before{background-image:url(/8a14/img/developers/bits_one_2x.png)}
}
@media screen and (max-width:640px){.quick_intro h1.headline:before{margin-bottom:0}
}
.quick_intro .cells{overflow:hidden}
.quick_intro .cells .april_video{width:620px;height:380px;float:left;background-position:center center;background-repeat:no-repeat;background-size:620px 380px;background-image:url(/2f7f2/img/developers/message_actions_1x.jpg);margin-right:20px;cursor:pointer;position:relative;overflow:hidden}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.quick_intro .cells .april_video{background-image:url(/2f7f2/img/developers/message_actions_2x.jpg)}
}
.quick_intro .cells .april_video:after{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;height:40%;max-width:167px;max-height:166px;background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(/bfaba/img/videos/play_button.png);opacity:.9;-moz-opacity:.9;-khtml-opacity:.9}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.quick_intro .cells .april_video:after{background-image:url(/bfaba/img/videos/play_button@2x.png)}
}
.quick_intro .cells .april_video:hover:after{opacity:1;-moz-opacity:1;-khtml-opacity:1}
.quick_intro .cells .april_video .tooltip_up{position:absolute;bottom:-100px;width:100%;max-width:620px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;padding:1rem;opacity:0;-moz-opacity:0;-khtml-opacity:0;background-color:rgba(0,0,0,.6);color:#fff;text-align:left;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;transition-timing-function:ease-out}
.quick_intro .cells .april_video .tooltip_up b{display:block;font-weight:700}
@media screen and (max-width:768px){.quick_intro .cells .april_video .tooltip_up{display:none}
}
.quick_intro .cells .april_video:hover .tooltip_up{bottom:0;opacity:1;-moz-opacity:1;-khtml-opacity:1}
@media screen and (min-width:700px){.quick_intro .cells .april_video:active:after{top:51.5%}
}
.quick_intro .cells .stats{color:#fff;overflow:hidden}
.quick_intro .cells .stats .apps,.quick_intro .cells .stats .lines{width:300px;height:180px;float:left}
.quick_intro .cells .stats .apps p,.quick_intro .cells .stats .lines p{margin-bottom:0;line-height:20px}
.quick_intro .cells .stats .apps small,.quick_intro .cells .stats .lines small{font-size:12px;opacity:.6;-moz-opacity:.6;-khtml-opacity:.6}
.quick_intro .cells .stats .apps{background-color:#4B6BC6}
.quick_intro .cells .stats .lines{margin-top:20px;background-color:#2E3E77}
.quick_intro .cells .stats h1{color:#fff;font-size:58px;font-weight:900;margin-bottom:24px;margin-top:60px}
@media screen and (max-width:960px){.quick_intro .cells .april_video{float:none;width:100%}
.quick_intro .cells .stats{max-width:620px;margin:20px auto}
.quick_intro .cells .stats .lines{margin:0 0 0 20px}
}
@media screen and (max-width:680px){.quick_intro .cells .stats{overflow:hidden}
.quick_intro .cells .stats .apps,.quick_intro .cells .stats .lines{width:100%;margin:0;text-align:left;height:auto;background-color:transparent}
.quick_intro .cells .stats .apps h1,.quick_intro .cells .stats .lines h1{display:block;float:left;margin-top:25px;margin-right:10px;color:inherit;width:140px}
.quick_intro .cells .stats .apps small,.quick_intro .cells .stats .lines small{font-size:14px}
.quick_intro .cells .stats .apps{color:#4B6BC6}
.quick_intro .cells .stats .lines{color:#2E3E77}
.quick_intro .cells{border-bottom:1px solid #d6d6d6;padding-bottom:1rem}
}
@media screen and (max-width:620px){.quick_intro .cells .april_video{height:0;padding-bottom:61.2%;background-size:contain}
}
@media screen and (max-width:480px){.quick_intro h1.headline{font-size:24px;line-height:24px}
}
.app_showcase{position:relative;padding:4rem 0}
.app_showcase .section_main{position:relative;overflow:visible}
.app_showcase .carousel{overflow:hidden}
.app_showcase .carousel .next,.app_showcase .carousel .prev{height:100%;margin-top:0;top:0;position:absolute;background:0 0}
.app_showcase .carousel .next:before,.app_showcase .carousel .prev:before{color:#3aa3e3;opacity:.8;-moz-opacity:.8;-khtml-opacity:.8;font-size:38px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.app_showcase .carousel .next:hover:before,.app_showcase .carousel .prev:hover:before{opacity:1;-moz-opacity:1;-khtml-opacity:1}
.app_showcase .carousel .next{right:18px}
.app_showcase .slide{width:640px;margin:0 auto;padding:10px 0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;-moz-align-items:center;align-items:center}
.app_showcase .slide .title{padding:10px}
.app_showcase a.large_app_card{width:230px;height:220px;margin-right:20px;display:block;line-height:1.2rem;background-color:#fff;border-radius:6px;border:1px solid #E8E8E8;text-decoration:none;overflow:hidden;-webkit-transition:all 120ms ease-out 0s;-moz-transition:all 120ms ease-out 0s;transition:all 120ms ease-out 0s}
.app_showcase a.large_app_card .app_name{font-size:15.1px}
.app_showcase a.large_app_card .app_category{font-size:13.1px}
.app_showcase a.large_app_card .featured_app{position:relative;background-color:#2C2D30;max-height:10pc;overflow:hidden;text-align:center}
.app_showcase a.large_app_card .featured_app:before{display:block;content:'';width:100%;padding-top:100%}
.app_showcase a.large_app_card .featured_app .featured_app_background_layer_1,.app_showcase a.large_app_card .featured_app .featured_app_background_layer_2{opacity:.75;-moz-opacity:.75;-khtml-opacity:.75;position:absolute;top:0;left:0;height:100%;width:100%}
.app_showcase a.large_app_card .featured_app .featured_app_background_layer_2{mix-blend-mode:overlay}
.app_showcase a.large_app_card .featured_app .large_app_icon{border-radius:1pc;height:66%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.app_showcase a.large_app_card .featured_app .quiet_shadow{box-shadow:0 1px 4px rgba(0,0,0,.15)!important}
.app_showcase a.large_app_card:hover{box-shadow:0 0 9px 0 rgba(0,0,0,.12)}
.app_showcase .details{width:375px}
.app_showcase .details h2{font-size:21.1px;line-height:30px;font-weight:500;color:#2C2D30}
.app_showcase .details h2 span{font-weight:900;position:relative}
.app_showcase .details h2 span:after{display:block;position:absolute;content:'';height:10px;width:100%;left:0;bottom:-9px;background-repeat:no-repeat;background-image:url(/950105/img/developers/smudge.png);background-size:100% 7px}
.app_showcase .details a{color:#3aa3e3;text-decoration:none}
.app_showcase .details a:hover{text-decoration:underline}
@media screen and (max-width:740px){.app_showcase{padding:4rem 0 3rem}
.app_showcase .carousel .slide{width:100%;display:block;text-align:center}
.app_showcase .carousel .slide a.large_app_card{margin:0 auto 2rem}
.app_showcase .carousel .slide .details{width:100%;padding:0 1rem}
.app_showcase .carousel .slide .read_more{display:block;border:2px solid #3aa3e3;border-radius:6px;margin-top:1.5rem;width:100%;padding:9px;font-weight:700}
.app_showcase .carousel .slide .read_more:hover{text-decoration:none}
.app_showcase .carousel .next,.app_showcase .carousel .prev{height:85%}
.app_showcase .carousel .next:before,.app_showcase .carousel .prev:before{top:110px}
}
.app_showcase .carousel.disabled .next,.app_showcase .carousel.disabled .prev{display:none}
.developers_love{text-align:center;padding:3rem 1rem}
.developers_love .section_main{overflow:visible}
.developers_love h1.headline{color:#2C2D30;font-size:30.1px;line-height:40px;font-weight:900;position:relative}
.developers_love h1.headline:after{content:'';display:inline-block;width:36px;height:56px;position:absolute;bottom:-10px;margin-left:12px;background-position:center center;background-repeat:no-repeat;background-size:36px 56px;background-image:url(/361a/img/developers/bits_two_1x.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.developers_love h1.headline:after{background-image:url(/361a/img/developers/bits_two_2x.png)}
}
.developers_love .testimonials{text-align:left}
.developers_love .testimonials .dev_row{border-bottom:1px solid #d6d6d6;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:2rem 0 2.5rem}
.developers_love .testimonials .dev_row .meta{position:relative;padding-left:44px;margin-top:5px;width:240px;color:#A0A0A2;font-size:15.1px}
.developers_love .testimonials .dev_row .meta b{font-weight:900;color:#2C2D30;display:block;line-height:15px}
.developers_love .testimonials .dev_row .meta img{width:32px;height:32px;position:absolute;left:0;top:1px}
.developers_love .testimonials .dev_row .meta a{color:inherit}
.developers_love .testimonials .dev_row .meta a:hover{text-decoration:none}
.developers_love .testimonials .dev_row .blob{-ms-flex:1;-webkit-flex:1;flex:1}
.developers_love .testimonials .dev_row .blob a.title{display:block;color:#2C2D30;font-size:22px;line-height:27px;margin-bottom:10px;text-decoration:none}
.developers_love .testimonials .dev_row .blob a.title:hover{text-decoration:underline}
.developers_love a{color:#3aa3e3;text-decoration:none}
.developers_love a:hover{text-decoration:underline}
.developers_love .find_more_stories{margin:3rem 0 0rem;color:#A0A0A2}
@media screen and (max-width:700px){.developers_love .testimonials .dev_row{-ms-flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.developers_love .testimonials .dev_row .meta{order:2;margin-top:2rem}
.developers_love .testimonials .dev_row .blob{-ms-flex:none;-webkit-flex:none;flex:none}
.developers_love h1.headline{max-width:70%;margin:1rem auto}
.developers_love h1.headline:after{top:-20px;right:-25px}
}
@media screen and (max-width:500px){.developers_love h1.headline{max-width:none}
}
@media screen and (max-width:480px){.developers_love h1.headline{font-size:24px}
}
.ready_started{background-color:#17223A;padding:0 1rem;color:#fff}
.ready_started .ready_row{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;-moz-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;margin:-1rem 0}
.ready_started .ready_row div:nth-child(1){padding-top:10px}
.ready_started .ready_row .ready{max-width:390px}
.ready_started .ready_row .ready h1{font-weight:900;font-size:30.1px;margin-bottom:0;margin-top:0}
.ready_started .ready_row .ready p{opacity:.8;-moz-opacity:.8;-khtml-opacity:.8;display:block;margin:22px 0}
.ready_started .btn_mobile{display:none}
@media screen and (max-width:768px){.ready_started .ready_row{margin:0}
}
@media screen and (max-width:640px){.ready_started{padding:1rem 1rem 2.5rem}
.ready_started .ready_row{margin-bottom:0}
.ready_started .ready_row div:nth-child(1){margin-right:0}
.ready_started .ready_row div:nth-child(2){margin-left:0}
.ready_started .ready_row .btn_desktop{display:none}
.ready_started .btn_mobile{display:block;width:100%}
}
@media screen and (max-width:480px){.ready_started .ready_row{display:inline-block;width:100%}
.ready_started .ready_row .ready h1{font-size:22.1px}
.ready_started .ready_row div:nth-child(1){float:left;width:180px;margin:0 0 0 -20px;padding:0}
.ready_started .ready_row div:nth-child(2){margin:0;margin-top:2rem;max-width:none}
}
.looking_more{text-align:center;padding:4rem 1rem;overflow:hidden}
.looking_more .section_main{max-width:740px;margin:0 auto;position:relative;overflow:visible}
.looking_more .slackbot_jr{position:absolute;top:30px;left:-82px;width:235px;height:140px;background-position:center center;background-repeat:no-repeat;background-size:235px 140px;background-image:url(/bfaba/img/developers/slackbot_jr_1x.png);-ms-pointer-events:none;-webkit-pointer-events:none;pointer-events:none}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.looking_more .slackbot_jr{background-image:url(/ff19/img/developers/slackbot_jr_2x.png)}
}
.looking_more h1.glasses{font-size:22.1px;color:#2C2D30;margin-bottom:8px;font-weight:900}
.looking_more h1.glasses:before{color:#e32072;margin-right:10px;font-size:24px;vertical-align:bottom}
.looking_more p{display:block;margin-bottom:30px;margin-top:0}
.looking_more .cells{max-width:98%;margin:0 auto}
.looking_more .cells .col{height:150px;border-radius:6px;background-color:#fff;position:relative;text-align:center;box-sizing:border-box;padding:49px 30px 0;text-decoration:none;color:#2C2D30}
.looking_more .cells .col:before{content:'';border-radius:8px;background-color:#ccc;padding:1px;width:100%;height:100%;top:-1px;left:-1px;position:absolute;z-index:-1}
.looking_more .cells .col:last-child{padding-top:64px}
@media screen and (min-width:481px){.looking_more .cells .col:hover:before{background-color:transparent;background-image:-webkit-linear-gradient(bottom,#e32072 0,#4B6BC6 100%);background-image:-moz-linear-gradient(bottom,#e32072 0,#4B6BC6 100%);background-image:-o-linear-gradient(bottom,#e32072 0,#4B6BC6 100%);background-image:linear-gradient(to top,#e32072 0,#4B6BC6 100%);padding:1px;top:-1px;left:-1px}
}
@media screen and (max-width:960px){.looking_more .slackbot_jr{display:none}
}
@media screen and (max-width:767px){.looking_more .cells .col{height:auto;padding:1rem!important;margin-bottom:1rem}
}
@media screen and (max-width:480px){.looking_more{padding:3rem 1rem}
.looking_more h1.glasses{margin-top:0}
}