@font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF}
body{position:static;color:#2C2D30}
a{color:#48A0DE}
.divider{border-bottom:#E8E8E8 1px solid;width:60rem;max-width:85%;margin:0 auto}
header.first{position:relative;width:100%;height:500px;color:#fff;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:url(/c9c11/img/careers/header-image-large.jpg);background-position-y:40%;overflow:hidden;top:0;border-bottom:4px solid #F8B82C}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){header.first{background-image:url(/c9c11/img/careers/header-image-large@2x.jpg)}
}
header.first .overlay{background:rgba(0,0,0,.2);width:100%;height:100%;left:0;position:absolute}
header.first h1{font-weight:400;font-size:3.412rem;margin:8rem auto 0;max-width:960px;position:relative;z-index:1;line-height:60px;text-shadow:0 1px 15px rgba(0,0,0,.5)}
header.first h1 b{font-weight:900}
@media screen and (max-width:980px){header.first h1{font-size:5.5vw;line-height:6.2vw}
}
header.first button{font-size:1rem;font-weight:700;margin-top:2.5rem;box-shadow:0 10px 15px rgba(0,0,0,.3);background-color:#42c299}
header.first button:hover{background-color:#3cb991}
@media only screen and (max-width:768px){header.first button{font-size:1.2rem!important;width:90%;padding:1.2rem 0}
}
@media only screen and (max-width:640px){header.first{background-position:top 20% center;background-repeat:no-repeat;background-size:cover;background-image:url(/c9c11/img/careers/header-image-mobile.jpg)}
header.first h1{font-size:30px;line-height:37px;margin-left:1rem;margin-right:1rem}
}
@media only screen and (max-width:640px) and only screen and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:640px) and only screen and (min-resolution:192dpi),only screen and (max-width:640px) and only screen and (min-resolution:2dppx){header.first{background-image:url(/c9c11/img/careers/header-image-mobile@2x.jpg)}
}
section{clear:both;margin:0 auto;max-width:none;padding:5rem 0;overflow:hidden}
section .section_main{max-width:840px;margin:0 auto}
section h2{margin-bottom:3rem;font-size:1.75rem;font-weight:900;text-align:center}
@media only screen and (max-width:768px){section{max-width:100%!important}
section .hide_on_mobile{display:none!important}
section .show_on_mobile{display:block!important}
section .col{width:100%!important}
section .col+.col{margin-left:0}
section h2{font-size:2rem;line-height:2.5rem;margin-bottom:1.6rem}
}
section p{opacity:1;font-size:17.1px;line-height:28px}
@media only screen and (max-width:768px){section p{padding:1rem;font-size:1.1rem}
}
section .dot_nav{padding:0;width:100vw;position:absolute;list-style:none;z-index:10}
section .dot_nav li{border-radius:50%;display:inline-block;width:12px;height:12px;cursor:pointer;margin:.2rem;opacity:.6;background:0 0}
section .dot_nav li.active{opacity:1}
@media only screen and (max-width:768px){section .dot_nav li{width:14px;height:14px}
}
section#welcome{max-width:90%;position:relative;padding-top:4.5rem;padding-bottom:2.5rem;overflow:visible}
section#welcome .col:last-child{padding-right:0}
section#welcome #read_click{color:#2C2D30;text-decoration:none;display:block}
section#welcome p.full{max-width:790px;margin:0 auto 2rem;font-size:22.1px;line-height:34px}
section#welcome p.full.first{position:relative;cursor:default;padding-bottom:20px;border-bottom:2px solid transparent}
section#welcome p.full.first:before{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;content:attr(data-more-text);text-transform:uppercase;display:inline-block;z-index:2;position:absolute;opacity:0;-moz-opacity:0;-khtml-opacity:0;bottom:-17px;width:auto;font-weight:700;color:#2ab27b;font-size:16px;letter-spacing:.4px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0 1rem;background-color:#fff}
section#welcome p.full.first.closed{cursor:pointer;border-bottom:2px solid #E8E8E8}
section#welcome p.full.first.closed:before{opacity:1;-moz-opacity:1;-khtml-opacity:1}
section#welcome p.full.first.closed:after{display:block;content:'';position:absolute;opacity:1;-moz-opacity:1;-khtml-opacity:1;height:40px;bottom:20px;width:100%;left:0;z-index:1;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}
section#welcome p.full:last-child{margin-bottom:0}
section#welcome .read_more{-webkit-transition:all .6s ease-out 0s;-moz-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;overflow:hidden;opacity:1;-moz-opacity:1;-khtml-opacity:1}
@media only screen and (max-width:768px){section#welcome p.full.first{padding-bottom:60px}
section#welcome p.full.first:before{color:#555459;left:1rem;right:1rem;border:2px solid #6d6d6d;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;border-radius:6px;text-align:center;text-transform:none;padding:.4rem;font-size:19.1px}
section#welcome p.full.first.closed{border-bottom:2px solid transparent}
section#welcome p.full.first.closed:after{bottom:60px}
section#welcome .read_more{margin-top:-30px}
section#welcome .read_more p.full:nth-child(1){padding-top:0}
}
section#welcome .read_more p.full:last-child{padding-bottom:0}
@media screen and (min-width:841px){section#welcome .read_more{max-height:500px}
}
@media screen and (max-width:840px){section#welcome .read_more{max-height:800px}
}
@media screen and (max-width:480px){section#welcome .read_more{max-height:1200px}
}
section#welcome .read_more.closed{max-height:0;opacity:0;-moz-opacity:0;-khtml-opacity:0}
section#welcome .slack_crumb{display:inline-block;vertical-align:text-bottom;margin-bottom:4px;background:url(/a00c/img/landing_slack_hash_logo.png);width:20px;height:20px;background-size:20px 20px}
section#welcome b{font-weight:900}
@media only screen and (max-width:768px){section#welcome{padding-top:2.5rem;padding-bottom:1.5rem}
section#welcome .col{padding-right:1rem}
section#welcome p.full{display:block;width:100%;margin-bottom:0}
}
section#thriving_together{max-width:90%;padding-top:3rem;padding-bottom:3rem}
section#thriving_together .col:last-child{padding-right:0}
section#thriving_together h2{margin-bottom:1rem;margin-left:1rem;margin-right:1rem}
section#thriving_together .value_container,section#thriving_together p.full{max-width:790px;margin:0 auto 3rem}
section#thriving_together .value_container h3,section#thriving_together p.full h3{margin:0 0 .25rem;color:#2ab27b;text-transform:uppercase;font-weight:900;letter-spacing:1px;font-size:16.1px}
section#thriving_together .value_container p,section#thriving_together p.full p{margin-top:0}
section#thriving_together .value_container div.col,section#thriving_together .value_container p,section#thriving_together p.full div.col,section#thriving_together p.full p{margin-bottom:0;padding-bottom:0}
section#thriving_together .value_container .col,section#thriving_together p.full .col{width:43.2%;padding-right:0}
section#thriving_together .value_container .col+.col,section#thriving_together p.full .col+.col{margin-left:11.8%;width:44.2%}
@media screen and (max-width:768px){section#thriving_together .value_container .col+.col,section#thriving_together p.full .col+.col{margin-left:0}
}
section#thriving_together .value_container:last-child,section#thriving_together p.full:last-child{margin-bottom:0}
section#thriving_together p.full{max-width:33rem;margin-bottom:3rem;text-align:center}
@media only screen and (max-width:768px){section#thriving_together{padding-bottom:3rem}
section#thriving_together p.full:not(.best){text-align:left}
section#thriving_together p.full:not(.best):last-child{padding-top:0;text-align:center}
section#thriving_together .value_container,section#thriving_together p.full{width:100%!important}
section#thriving_together .value_container div.col,section#thriving_together p.full div.col{margin-bottom:2rem}
section#thriving_together .value_container div.col p,section#thriving_together p.full div.col p{padding-top:0}
section#thriving_together .value_container h3,section#thriving_together p.full h3{margin-left:1rem}
section#thriving_together .value_container{margin-bottom:0}
}
section#fun_facts{color:#fff;position:relative;height:34.5rem;padding:0}
section#fun_facts .blue_bg{background-color:#4D6DC3;position:absolute;bottom:0;left:0;width:100%;top:50px}
section#fun_facts .left_arrow,section#fun_facts .right_arrow{float:left;position:absolute;top:52%;max-width:100%;cursor:pointer;z-index:10}
section#fun_facts .left_arrow.ts_icon:before,section#fun_facts .right_arrow.ts_icon:before{font-size:37px;color:rgba(0,0,0,.3)}
section#fun_facts .left_arrow.ts_icon:hover:before,section#fun_facts .right_arrow.ts_icon:hover:before{color:rgba(0,0,0,.4)}
section#fun_facts .left_arrow{left:10rem}
section#fun_facts .right_arrow{left:calc(100vw - 10rem - 37px)}
section#fun_facts .dot_nav{bottom:6rem;left:calc(100vw/2 - 33px)}
section#fun_facts .dot_nav li{border:2px solid rgba(0,0,0,.4)}
section#fun_facts .dot_nav li.active{border:0;background:rgba(0,0,0,.4)}
section#fun_facts .filmstrip{position:absolute;bottom:0;left:0;top:0}
section#fun_facts .filmstrip .fact_container{width:74rem;float:left;margin:0}
section#fun_facts .filmstrip .fact_container .fact{width:49rem;height:34.5rem;margin-left:auto;margin-right:auto}
section#fun_facts .filmstrip .fact_container .fact h3{font-weight:900;font-size:1.75rem;margin-bottom:5px}
section#fun_facts .filmstrip .fact_container .fact em{opacity:.7;-moz-opacity:.7;-khtml-opacity:.7}
section#fun_facts .filmstrip .fact_container .fact p.photo{position:relative;height:34.5rem;margin-bottom:0}
section#fun_facts .filmstrip .fact_container .fact p.photo img{position:absolute;bottom:0}
section#fun_facts .filmstrip .fact_container .fact .description{margin-top:8.5rem}
@media only screen and (max-width:1440px){section#fun_facts .left_arrow{left:3rem}
section#fun_facts .right_arrow{left:calc(100vw - 3rem - 37px)}
}
@media only screen and (max-width:1024px){section#fun_facts .left_arrow{left:1rem}
section#fun_facts .right_arrow{left:calc(100vw - 1rem - 37px)}
section#fun_facts .photo{padding-bottom:0}
}
@media only screen and (max-width:934px){section#fun_facts .dot_nav{left:calc(100vw/2 - .75rem)}
section#fun_facts .filmstrip .fact_container{width:100vw}
section#fun_facts .filmstrip .fact_container .fact{width:100%}
section#fun_facts .filmstrip .fact_container .fact .photo{width:47%;padding-left:2rem}
section#fun_facts .filmstrip .fact_container .fact .description{width:47%;padding-right:2rem}
}
@media only screen and (max-width:768px){section#fun_facts .left_arrow,section#fun_facts .right_arrow{top:29%}
section#fun_facts .blue_bg{top:70px}
section#fun_facts{height:auto;padding-top:3rem}
section#fun_facts .dot_nav{left:0;text-align:center;bottom:2rem}
section#fun_facts .filmstrip{position:relative}
section#fun_facts .filmstrip .fact_container{width:100%;padding-bottom:3rem}
section#fun_facts .filmstrip .fact_container .fact{width:100%;height:auto}
section#fun_facts .filmstrip .fact_container .fact h3{font-size:1.8rem;padding-left:1rem;margin-bottom:5px;margin-top:0}
section#fun_facts .filmstrip .fact_container .fact em{padding-left:1rem}
section#fun_facts .filmstrip .fact_container .fact .description{margin-top:0;padding-right:0}
section#fun_facts .filmstrip .fact_container .fact p{padding-top:0}
section#fun_facts .filmstrip .fact_container .fact p.photo{height:auto;padding-left:0;position:relative;text-align:center}
section#fun_facts .filmstrip .fact_container .fact p.photo:after{background-image:-webkit-linear-gradient(top,rgba(77,109,195,0) 0,#4D6DC3 100%);background-image:-moz-linear-gradient(top,rgba(77,109,195,0) 0,#4D6DC3 100%);background-image:-o-linear-gradient(top,rgba(77,109,195,0) 0,#4D6DC3 100%);background-image:linear-gradient(to bottom,rgba(77,109,195,0) 0,#4D6DC3 100%);display:block;content:'';position:absolute;bottom:0;left:0;right:0;height:130px}
section#fun_facts .filmstrip .fact_container .fact p.photo img{position:relative;width:auto;max-height:20rem}
}
section#openings{padding-top:0;background-color:#F9F9F9;padding-bottom:4rem}
section#openings h2{margin:0;padding:6.5rem 0 7.25rem;color:#fff;font-size:3.5rem;background:#f9b644}
section#openings .postings{width:100%;max-width:856px;margin:-1.5rem auto 1rem;background-color:#fff;box-shadow:0 1px 35px rgba(0,0,0,.12)}
section#openings .postings .header{position:relative;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;height:3rem;border-bottom:2px solid #E8E8E8;color:#777}
section#openings .postings .header:before{position:absolute;top:22px;left:11px;font-family:Slack;font-weight:400;font-size:19px;content:'\E271';color:#555459}
section#openings .postings .header select{width:40%;margin:0 auto 0 1.5rem;border:none;color:inherit;font-size:15px;font-weight:500}
section#openings .postings .header select:focus{box-shadow:none}
section#openings .postings .header label{display:inline-block;margin-right:1.5rem;font-size:.9rem;font-weight:500}
section#openings .postings .header label:last-child{margin-right:2.25rem}
section#openings .postings .department{margin:0 1.85rem;padding:0 0 1.75rem;border-bottom:1px solid #E8E8E8}
section#openings .postings .department.subdepartment{margin:0;padding:0 0 0 1rem;border-bottom:transparent}
section#openings .postings .department.subdepartment:first-of-type h3{padding-top:0}
section#openings .postings .department.subdepartment:first-of-type h3:after{top:0}
section#openings .postings .department.subdepartment h3{padding-bottom:1rem}
section#openings .postings .department.subdepartment h3 .job_title{font-size:16px}
section#openings .postings .department.subdepartment h3:after{top:1.75rem}
section#openings .postings .department.subdepartment .department_list{padding:0 0 0 1rem}
section#openings .postings .department:last-child{border-bottom:none}
section#openings .postings .department:hover{cursor:pointer}
section#openings .postings .department h3{position:relative;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;margin:0;padding:1.75rem 3.5rem 0 1rem;font-size:1.25rem;font-weight:900}
section#openings .postings .department h3 .job_title{margin-right:auto}
section#openings .postings .department h3 .num_open_roles{font-weight:500;font-size:1rem;color:#3aa3e3}
section#openings .postings .department h3:after{position:absolute;top:1.75rem;right:1rem;font-family:Slack;font-weight:400;font-size:1rem;content:'\E258'}
section#openings .postings .department .department_list{display:none;padding-top:1.5rem}
section#openings .postings .department .department_list>.subdepartment:first-child{padding-top:1.5rem}
section#openings .postings .department .department_list .posting{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;padding:1.2rem 1rem;border:1px solid #fff;border-radius:.375rem}
section#openings .postings .department .department_list .posting a.posting_title{margin-right:auto;text-decoration:none;color:#2C2D30}
section#openings .postings .department .department_list .posting a.posting_title h4{font-weight:500;margin:0;font-size:1rem}
section#openings .postings .department .department_list .posting .posting_categories{margin-right:1.5rem;font-size:.95rem;color:#777}
section#openings .postings .department .department_list .posting .posting_categories .location:after{display:inline-block;-webkit-transform:translatey(2px);-moz-transform:translatey(2px);-ms-transform:translatey(2px);transform:translatey(2px);margin-left:.375rem;font-family:Slack;font-weight:400;font-size:1.125rem;content:'\E124'}
section#openings .postings .department .department_list .posting .btn_outline{color:#2ab27b!important;background-color:#fff}
section#openings .postings .department .department_list .posting .btn_outline:after{border:2px solid #2ab27b}
section#openings .postings .department .department_list .posting:hover{background-color:#F9F9F9;border-color:#E8E8E8;cursor:pointer}
section#openings .postings .department .department_list .posting:hover .btn_outline{color:#fff!important;background-color:#2ab27b}
section#openings .postings .department.open>h3:after{content:'\E261'}
section#openings .postings .department.open>.department_list{display:block}
section#openings .general_app{margin:5rem 0 0}
section#openings .general_app p{text-align:center;margin:.5rem}
section#openings .general_app b{font-weight:900}
section#openings .general_app .general_app_link{text-decoration:none;color:#3aa3e3;margin-right:-20px}
section#openings .general_app .general_app_link .ts_icon_arrow_right{position:relative;left:-5px;-webkit-transition:all,.1s;-moz-transition:all,.1s;transition:all,.1s;opacity:0;-moz-opacity:0;-khtml-opacity:0}
section#openings .general_app .general_app_link .ts_icon_arrow_right:before{color:#3aa3e3;font-size:28px;vertical-align:bottom}
@media screen and (min-width:769px){section#openings .general_app .general_app_link:hover{text-decoration:underline}
section#openings .general_app .general_app_link:hover .ts_icon_arrow_right{left:-2px;opacity:1;-moz-opacity:1;-khtml-opacity:1}
section#openings .general_app .general_app_link:hover .ts_icon_arrow_right:before{text-decoration:none}
}
@media only screen and (max-width:768px){section#openings .postings .header select{width:100%}
section#openings h2{font-size:2.5rem;padding:4rem 0 5.3rem}
section#openings .general_app p{text-align:center;padding:.5rem}
section#openings .postings>.department{padding-left:.3rem;padding-right:.3rem}
section#openings .postings .department{margin:0;width:100%}
section#openings .postings .department h3{font-size:1.17rem}
section#openings .postings .department h3:after{font-size:1.2rem}
section#openings .postings .department .department_list{padding-top:1rem}
section#openings .postings .department .department_list .posting{display:block;padding-top:.75rem;padding-bottom:.75rem}
section#openings .postings .department .department_list .posting a.posting_title h4{margin-bottom:0;margin-top:0}
section#openings .postings .department .department_list .posting .posting_categories .location:after{display:none}
}
section#image_ribbon{padding:0rem}
section#image_ribbon .ribbon{background-position:center center;background-repeat:repeat-x;background-size:2345px 240px;background-image:url(/2f7f2/img/careers/photo-row.jpg);height:240px;width:100%}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){section#image_ribbon .ribbon{background-image:url(/2f7f2/img/careers/photo-row@2x.jpg)}
}
@media only screen and (max-width:768px){section#image_ribbon .ribbon{height:200px;background-size:1954px 200px}
}
.job_header{background-color:#4D6DC3;height:300px;text-align:center}
.job_header .section_main{height:100%;position:relative}
.job_header h1{font-size:58px;line-height:64px;color:#fff;font-weight:900;margin:5px 0 0 -30px;position:absolute;width:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media screen and (max-width:768px){.job_header h1{margin-left:0}
}
@media screen and (max-width:640px){.job_header h1{font-size:10vw;line-height:11vw}
}
.job_header h1 img{width:60px;height:60px;margin-bottom:8px;margin-right:-10px}
.job_card{padding-top:0;margin-top:-30px}
.job_card .btn{background-color:#42c299;padding-left:16px;padding-right:16px}
@media screen and (max-width:480px){.job_header h1{font-size:40px;line-height:47px}
.job_card .btn{width:100%;margin-bottom:2rem}
}
.job_card .header{border-bottom:2px solid #E8E8E8;padding:.55rem 1.5rem .45rem 0rem}
.job_card .header a{line-height:30px;text-decoration:none;color:#555459;position:relative;padding-left:30px;font-size:15.1px}
.job_card .header a:before{position:absolute;top:-6px;display:block;left:8px;font-family:Slack;font-weight:400;font-size:19px;content:'\E273'}
.job_card .plain_card{max-width:856px;background-color:#fff;margin:0 auto;color:#555459;box-shadow:0 1px 35px rgba(0,0,0,.12)}
.job_card .meta,.job_card .posting{padding:1rem 1.5rem 0rem}
.job_card .meta p,.job_card .posting p{padding:0}
.job_card .meta hr,.job_card .posting hr{border:0;height:1px;background-color:#9e9ea6}
.job_card .meta .posting-category-title{font-size:28px;line-height:34px;margin-top:8px}
.job_card .meta .posting-categories{margin-top:0}
.job_card .meta .posting-btn-submit{margin-top:15px}
.job_card #grnhse_app{padding:0rem 1rem}
footer{position:relative}