@font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF}
.tiny{font-size:.7rem}
.small{font-size:.9rem}
.no_pointer_events{pointer-events:none}
header{position:absolute;height:500px;background:url(/65eb/img/tour/header_bg_overlay_tile.png),url(/4030/img/tour/01_1680px.jpg) top right/cover}
@media only screen and (max-width:1024px){header{background:url(/65eb/img/tour/header_bg_overlay_tile.png),url(/4030/img/tour/01_1024px.jpg) top right/cover}
}
.scrolled header h1,.scrolled header h2{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
header h1{margin-top:150px;line-height:3.75rem;text-shadow:0 1px 5px rgba(0,0,0,.25)}
header h2{margin-top:.53rem;max-width:500px;text-shadow:0 0 10px rgba(0,0,0,.5)}
@media only screen and (max-width:640px){header{background:url(/65eb/img/tour/header_bg_overlay_tile.png),url(/4030/img/tour/01_640px.jpg) top right/cover}
header h1{line-height:3.125rem}
header h2{margin-top:1.06rem}
}
@media only screen and (max-width:440px){header h1{font-size:2rem;line-height:2.5rem}
}
@media only screen and (max-width:350px){header h1{font-size:1.75rem;line-height:2.25rem;margin-top:75pt}
}
#page{margin-top:500px;box-shadow:0 25px 50px rgba(0,0,0,.1)}
.detail{background:#FFF}
.detail p{font-size:1.06rem}
.detail .background{position:absolute}
.detail#communicate,.detail#drag_drop_share,.detail#tools{border-bottom:1px solid #E5E5E5}
.detail#communicate{padding:3.19rem 0;height:auto;overflow:hidden}
@media only screen and (max-width:945px){.detail#communicate{padding:50px 0 0}
}
.detail#communicate h1{width:100%;text-align:center;font-size:3.51rem;font-weight:900;line-height:3.83rem;padding:1.06rem 0 4.78rem}
.detail#communicate .ways{width:455px;margin-top:50px}
@media only screen and (max-width:945px){.detail#communicate .ways{margin-top:0;margin-bottom:1.06rem;width:100%;height:6.38rem}
}
@media only screen and (max-width:640px){.detail#communicate .ways{height:7.44rem}
}
@media only screen and (max-width:470px){.detail#communicate .ways{height:8.5rem}
}
@media only screen and (max-width:365px){.detail#communicate .ways{height:12.75rem}
}
.detail#communicate .way{width:455px;padding:25px 34px;cursor:pointer;border-radius:10px}
.detail#communicate .way h3,.detail#communicate .way p{width:387px}
.detail#communicate .way h3{font-size:1.375rem;font-weight:900;margin:0 0 .27rem}
.detail#communicate .way p{margin:0}
.detail#communicate .way:hover h3,.detail#communicate .way:hover p{opacity:1}
.detail#communicate[data-highlight=channel] .way[data-highlight=channel],.detail#communicate[data-highlight=dm] .way[data-highlight=dm],.detail#communicate[data-highlight=group] .way[data-highlight=group]{background:rgba(58,163,227,.1)}
.detail#communicate[data-highlight=channel] .way[data-highlight=channel] h3,.detail#communicate[data-highlight=dm] .way[data-highlight=dm] h3,.detail#communicate[data-highlight=group] .way[data-highlight=group] h3{opacity:1;color:#3AA3E3}
.detail#communicate[data-highlight=channel] .way[data-highlight=channel] p,.detail#communicate[data-highlight=dm] .way[data-highlight=dm] p,.detail#communicate[data-highlight=group] .way[data-highlight=group] p{opacity:1}
@media only screen and (max-width:945px){.detail#communicate .way{padding:0;width:100%;display:none;cursor:default}
.detail#communicate .way h3,.detail#communicate .way p{opacity:1;width:100%}
.detail#communicate .way h3{color:#3AA3E3}
.detail#communicate[data-highlight=channel] .way[data-highlight=channel],.detail#communicate[data-highlight=dm] .way[data-highlight=dm],.detail#communicate[data-highlight=group] .way[data-highlight=group]{background:0 0;display:block}
}
.detail#communicate .switcher{width:66px;height:26px;background:rgba(0,0,0,.5);border-radius:13px;padding:8px 10px;margin:0 auto;display:none}
.detail#communicate .switcher .circle{display:block;float:left;width:10px;height:10px;border:1px solid #FFF;border-radius:5px;margin-right:8px;opacity:.6}
.detail#communicate .switcher .circle:last-of-type{margin-right:0}
.detail#communicate[data-highlight=channel] .circle[data-highlight=channel],.detail#communicate[data-highlight=dm] .circle[data-highlight=dm],.detail#communicate[data-highlight=group] .circle[data-highlight=group]{opacity:1;background:#FFF}
.detail#communicate .image_container{position:absolute;bottom:-50px;left:600px;width:964px;height:565px}
@media only screen and (max-width:945px){.detail#communicate .switcher{display:block}
.detail#communicate .image_container{position:relative;left:50px;width:723px;height:553px}
}
.detail#communicate .highlight{width:25pc;height:25pc;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-moz-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s;background-image:url(/0180/img/tour/ways_highlights.png);background-size:25pc 1217px;background-repeat:no-repeat;left:-74px}
.detail#communicate .highlight[data-highlight=channel]{top:-15px;background-position:0 0}
.detail#communicate .highlight[data-highlight=dm]{top:175px;background-position:0 -50pc}
.detail#communicate .highlight[data-highlight=group]{top:95px;background-position:0 -25pc}
@media only screen and (max-width:945px){.detail#communicate .highlight{width:300px;height:300px;background-size:100%}
.detail#communicate .highlight[data-highlight=dm]{top:99pt;background-position:0 -600px}
.detail#communicate .highlight[data-highlight=group]{top:72px;background-position:0 -300px}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.detail#communicate .highlight{background-image:url(/0180/img/tour/ways_highlights@2x.png)}
}
.detail#communicate .highlight.highlight_old{background-image:url(/0180/img/tour/ways_highlights_old.png)}
.detail#communicate .highlight.highlight_old[data-highlight=dm]{top:95px;background-position:0 -25pc}
.detail#communicate .highlight.highlight_old[data-highlight=group]{top:175px;background-position:0 -50pc}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.detail#communicate .highlight.highlight_old{background-image:url(/0180/img/tour/ways_highlights@2x_old.png)}
}
.detail#communicate[data-highlight=channel] .highlight[data-highlight=channel],.detail#communicate[data-highlight=dm] .highlight[data-highlight=dm],.detail#communicate[data-highlight=group] .highlight[data-highlight=group]{opacity:1}
.detail#drag_drop_share{height:500px}
.detail#drag_drop_share h1{padding-top:90px}
.detail#drag_drop_share section{padding-left:516px}
.detail#drag_drop_share .background{top:70px;left:1.59rem}
.detail#tools{height:500px}
.detail#tools h1{padding-top:110px}
.detail#tools .background{top:60px;right:1.59rem}
.detail#search{height:500px}
.detail#search section{padding-left:516px}
.detail#search h1{padding-top:90px}
.detail#search .background{top:70px;left:1.06rem}
.detail#everywhere{height:980px;background:#439FE0;color:#FFF}
.detail#everywhere h1,.detail#everywhere p{opacity:1}
.detail#everywhere .btn{border-color:rgba(255,255,255,.75);color:#FFF;background-color:transparent}
.detail#everywhere .everywhere{text-align:center}
.detail#everywhere .everywhere h1{width:100%;font-size:3.625rem;line-height:4rem;font-weight:900;padding-top:50px}
.detail#everywhere .everywhere p{width:790px;margin:1.06rem auto 0}
.detail#everywhere .everywhere .btn{margin-top:1.06rem}
.detail#everywhere .everywhere_img{display:block;margin:50px auto;padding-left:50px}
.detail#everywhere .everywhere_mobile{display:none}
.detail#everywhere hr{border:none;border-top:1px solid rgba(255,255,255,.2)}
.detail#everywhere .notifications p{margin:50px 0 0 500px;max-width:390px;line-height:1.5rem}
.detail#everywhere .notifications .background{top:50px;left:2.13rem}
.detail#try{color:#2c2d30;position:relative;padding:0;height:390px;background-color:#F7F5F3;background-position:auto;background-repeat:repeat;background-size:15in 600px;background-image:url(/a870/img/survey/survey_results_background.png)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.detail#try{background-image:url(/1ee6/img/survey/survey_results_background@2x.png)}
}
.detail#try h1{padding-top:110px;font-family:Slack-Lato,appleLogo,sans-serif;font-weight:900}
.detail#try .lin_grad{background-image:-webkit-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 70%);background-image:-moz-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 70%);background-image:-o-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 70%);background-image:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 70%);position:absolute;left:0;top:0;right:0;bottom:0}
.detail#try .background{top:60px;right:1.59rem}
.detail#try p{width:520px}
.detail#try p em{font-style:normal;font-family:Slack-Lato,appleLogo,sans-serif;font-weight:900;color:#e32072}
.detail#try .get_started_btn{background-color:transparent;color:#3aa3e3!important}
.detail#try .get_started_btn:after{border-color:#3aa3e3;border-width:2px}
.detail#try .get_started_btn:focus,.detail#try .get_started_btn:hover{background-color:#3aa3e3;color:#fff!important}
.detail#try .get_started_btn:active:after{box-shadow:inset 0 1px 1px rgba(0,0,0,.4)}
@media only screen and (max-width:1023px){.detail{height:auto!important;padding:3.19rem 0!important}
.detail#try{border-bottom:1px solid #E5E5E5}
.detail#try h1,.detail#try p{width:100%}
.detail h1,.detail p{display:block;width:100%}
.detail h1{padding-top:0!important}
.detail .headline{padding-bottom:3.19rem!important}
.detail p{margin-bottom:0}
.detail .background{position:static;display:block;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:2.13rem}
.detail section{padding-left:1.59rem!important}
.detail#everywhere .everywhere{display:none}
.detail#everywhere .everywhere_mobile{display:block}
.detail#everywhere hr{margin:40px 0}
.detail#everywhere .notifications .background{max-width:107%}
.detail#everywhere .notifications p{margin-left:auto;margin-right:auto;margin-top:1.06rem;max-width:380px}
.detail .get_started_btn{margin-top:1.06rem}
}
.signup.bottom div{background:0 0;border:1px solid #DCDCDC}
@media only screen and (max-width:780px){.signup.bottom div{border:none}
}
@media only screen and (max-width:640px){.detail#try .get_started_btn{width:100%}
.signup.bottom small{background:0 0}
}
#communicate.detail .headline{margin:auto;width:600px}
@media only screen and (max-width:640px){#communicate.detail .headline{width:100%;font-size:2.02rem;line-height:2.66rem}
}
@media only screen and (max-width:320px){#communicate.detail .headline{font-size:1.59rem}
}