@charset "UTF-8";/*!
* GetStream v2.0.0
* Copyright 2014, all rights reserved.
* Html/jinja and css/scss by @kuus <kunderikuus@gmail.com> (http:kunderikuus.net)
*/
.alert .alert-link,.close,b,optgroup,strong {
    font-weight: 700
}

.caret,.checkbox-inline,.radio-inline,img {
    vertical-align: middle
}

hr,img,legend {
    border: 0
}

body#cabin table,table {
    border-collapse: collapse;
    border-spacing: 0
}

.docs-content a,.str-form .has-error input,a:focus,a:hover {
    text-decoration: underline
}

.alert,.progress,address,hr {
    margin-bottom: 20px
}

.word-break,pre {
    word-break: break-all
}

@font-face {
    font-family: "Hanken Sans";
    font-weight: 200;
    src: url(/fonts/hanken_sans/hankensans-light-webfont.eot) format("eot"),url(/fonts/hanken_sans/hankensans-light-webfont.woff2) format("woff2"),url(/fonts/hanken_sans/hankensans-light-webfont.woff) format("woff"),url(/fonts/hanken_sans/hankensans-light-webfont.ttf) format("truetype"),url(/fonts/hanken_sans/hankensans-light-webfont.svg) format("svg")
}

@font-face {
    font-family: "Hanken Sans";
    font-weight: 400;
    src: url(/fonts/hanken_sans/hankensans-regular-webfont.eot) format("eot"),url(/fonts/hanken_sans/hankensans-regular-webfont.woff2) format("woff2"),url(/fonts/hanken_sans/hankensans-regular-webfont.woff) format("woff"),url(/fonts/hanken_sans/hankensans-regular-webfont.ttf) format("truetype"),url(/fonts/hanken_sans/hankensans-regular-webfont.svg) format("svg")
}

@font-face {
    font-family: "Hanken Sans";
    font-weight: 400;
    src: url(/fonts/hanken_sans/hankensans-regular-webfont.eot) format("eot"),url(/fonts/hanken_sans/hankensans-regular-webfont.woff2) format("woff2"),url(/fonts/hanken_sans/hankensans-regular-webfont.woff) format("woff"),url(/fonts/hanken_sans/hankensans-regular-webfont.ttf) format("truetype"),url(/fonts/hanken_sans/hankensans-regular-webfont.svg) format("svg")
}

@font-face {
    font-family: "Hanken Sans";
    font-weight: 500;
    src: url(/fonts/hanken_sans/hankensans-medium-webfont.eot) format("eot"),url(/fonts/hanken_sans/hankensans-medium-webfont.woff2) format("woff2"),url(/fonts/hanken_sans/hankensans-medium-webfont.woff) format("woff"),url(/fonts/hanken_sans/hankensans-medium-webfont.ttf) format("truetype"),url(/fonts/hanken_sans/hankensans-medium-webfont.svg) format("svg")
}

@font-face {
    font-family: "Hanken Sans";
    font-weight: 700;
    src: url(/fonts/hanken_sans/hankensans-bold-webfont.eot) format("eot"),url(/fonts/hanken_sans/hankensans-bold-webfont.woff2) format("woff2"),url(/fonts/hanken_sans/hankensans-bold-webfont.woff) format("woff"),url(/fonts/hanken_sans/hankensans-bold-webfont.ttf) format("truetype"),url(/fonts/hanken_sans/hankensans-bold-webfont.svg) format("svg")
}

@font-face {
    font-family: "Hanken Sans";
    font-style: italic;
    src: url(/fonts/hanken_sans/hankensans-italic-webfont.eot) format("eot"),url(/fonts/hanken_sans/hankensans-italic-webfont.woff2) format("woff2"),url(/fonts/hanken_sans/hankensans-italic-webfont.woff) format("woff"),url(/fonts/hanken_sans/hankensans-italic-webfont.ttf) format("truetype"),url(/fonts/hanken_sans/hankensans-italic-webfont.svg) format("svg")
}

@font-face {
    font-family: "HK Grotesk";
    font-weight: 200;
    src: url(/fonts/hk_grotesk/hkgrotesk-light-webfont.eot) format("eot"),url(/fonts/hk_grotesk/hkgrotesk-light-webfont.woff2) format("woff2"),url(/fonts/hk_grotesk/hkgrotesk-light-webfont.woff) format("woff"),url(/fonts/hk_grotesk/hkgrotesk-light-webfont.ttf) format("truetype"),url(/fonts/hk_grotesk/hkgrotesk-light-webfont.svg) format("svg")
}

@font-face {
    font-family: "HK Grotesk";
    font-weight: 400;
    src: url(/fonts/hk_grotesk/hkgrotesk-regular-webfont.eot) format("eot"),url(/fonts/hk_grotesk/hkgrotesk-regular-webfont.woff2) format("woff2"),url(/fonts/hk_grotesk/hkgrotesk-regular-webfont.woff) format("woff"),url(/fonts/hk_grotesk/hkgrotesk-regular-webfont.ttf) format("truetype"),url(/fonts/hk_grotesk/hkgrotesk-regular-webfont.svg) format("svg")
}

@font-face {
    font-family: "HK Grotesk";
    font-weight: 500;
    src: url(/fonts/hk_grotesk/hkgrotesk-medium-webfont.eot) format("eot"),url(/fonts/hk_grotesk/hkgrotesk-medium-webfont.woff2) format("woff2"),url(/fonts/hk_grotesk/hkgrotesk-medium-webfont.woff) format("woff"),url(/fonts/hk_grotesk/hkgrotesk-medium-webfont.ttf) format("truetype"),url(/fonts/hk_grotesk/hkgrotesk-medium-webfont.svg) format("svg")
}

@font-face {
    font-family: "HK Grotesk";
    font-weight: 700;
    src: url(/fonts/hk_grotesk/hkgrotesk-bold-webfont.eot) format("eot"),url(/fonts/hk_grotesk/hkgrotesk-bold-webfont.woff2) format("woff2"),url(/fonts/hk_grotesk/hkgrotesk-bold-webfont.woff) format("woff"),url(/fonts/hk_grotesk/hkgrotesk-bold-webfont.ttf) format("truetype"),url(/fonts/hk_grotesk/hkgrotesk-bold-webfont.svg) format("svg")
}

@font-face {
    font-family: realtime_roundedregular;
    font-weight: 400;
    src: url(/fonts/realtime/realtimerounded-regular-realtime.eot) format("eot"),url(/fonts/realtime/realtimerounded-regular-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimerounded-regular-realtime.woff) format("woff"),url(/fonts/realtime/realtimerounded-regular-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimerounded-regular-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_roundedsemibold;
    font-weight: 400;
    src: url(/fonts/realtime/realtimerounded-semibold-realtime.eot) format("eot"),url(/fonts/realtime/realtimerounded-semibold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimerounded-semibold-realtime.woff) format("woff"),url(/fonts/realtime/realtimerounded-semibold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimerounded-semibold-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_roundedbold;
    font-weight: 400;
    src: url(/fonts/realtime/realtimerounded-bold-realtime.eot) format("eot"),url(/fonts/realtime/realtimerounded-bold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimerounded-bold-realtime.woff) format("woff"),url(/fonts/realtime/realtimerounded-bold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimerounded-bold-realtime.svg) format("svg")
}

@font-face {
    font-family: realtimetext_light;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-light-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-light-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-light-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-light-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-light-realtime.svg) format("svg")
}

@font-face {
    font-family: realtimetext_regular;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-regular-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-regular-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-regular-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-regular-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-regular-realtime.svg) format("svg")
}

@font-face {
    font-family: realtimetext_semi;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-semi-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-semi-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-semi-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-semi-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-semi-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_textbold;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-bold-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-bold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-bold-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-bold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-bold-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_textblack;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-bold-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-bold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-bold-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-bold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-bold-realtime.svg) format("svg")
}

@font-face {
    font-family: "Material Icons";
    font-weight: 400;
    src: url(/fonts/materialicons/MaterialIcons-Regular.eot) format("eot"),url(/fonts/materialicons/MaterialIcons-Regular.woff2) format("woff2"),url(/fonts/materialicons/MaterialIcons-Regular.woff) format("woff"),url(/fonts/materialicons/MaterialIcons-Regular.ttf) format("truetype"),url(/fonts/materialicons/MaterialIcons-Regular.svg) format("svg")
}

@font-face {
    font-family: ibm_plex_semi;
    font-weight: 400;
    src: url(/fonts/plex/eot/IBMPlexSans-SemiBold.eot) format("eot"),url(/fonts/plex/woff2/IBMPlexSans-SemiBold.woff2) format("woff2"),url(/fonts/plex/woff/IBMPlexSans-SemiBold.woff) format("woff"),url(/fonts/plex/eot/IBMPlexSans-SemiBold.ttf) format("truetype"),url(/fonts/plex/eot/IBMPlexSans-SemiBold.svg) format("svg")
}

@font-face {
    font-family: ibm_plex_reg;
    font-weight: 400;
    src: url(/fonts/plex/eot/IBMPlexSans-Regular.eot) format("eot"),url(/fonts/plex/woff2/IBMPlexSans-Regular.woff2) format("woff2"),url(/fonts/plex/woff/IBMPlexSans-Regular.woff) format("woff"),url(/fonts/plex/ttf/IBMPlexSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: ibm_plex_mono;
    font-weight: 400;
    src: url(/fonts/plex/eot/IBMPlexMono-Regular.eot) format("eot"),url(/fonts/plex/woff2/IBMPlexMono-Regular.woff2) format("woff2"),url(/fonts/plex/woff/IBMPlexMono-Regular.woff) format("woff"),url(/fonts/plex/ttf/IBMPlexMono-Regular.ttf) format("truetype")
}

@font-face {
    font-family: ibm_plex_mono_italic;
    font-weight: 400;
    src: url(/fonts/plex/eot/CerebriSans-Bold.eot) format("eot"),url(/fonts/plex/woff2/IBMPlexMono-italic.woff2) format("woff2"),url(/fonts/plex/woff/IBMPlexMono-italic.woff) format("woff"),url(/fonts/plex/ttf/IBMPlexMono-italic.ttf) format("truetype")
}

@font-face {
    font-family: cerebri_reg;
    font-weight: 400;
    src: url(/fonts/cerebri/CerebriSans-Regular.eot) format("eot"),url(/fonts/cerebri/CerebriSans-Regular.woff2) format("woff2"),url(/fonts/cerebri/CerebriSans-Regular.woff) format("woff"),url(/fonts/cerebri/CerebriSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: cerebri_semi;
    font-weight: 600;
    src: url(/fonts/cerebri/CerebriSans-SemiBold.eot) format("eot"),url(/fonts/cerebri/CerebriSans-SemiBold.woff2) format("woff2"),url(/fonts/cerebri/CerebriSans-SemiBold.woff) format("woff"),url(/fonts/cerebri/CerebriSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: cerebri_bold;
    font-weight: 700;
    src: url(/fonts/cerebri/CerebriSans-Bold.eot) format("eot"),url(/fonts/cerebri/CerebriSans-Bold.woff2) format("woff2"),url(/fonts/cerebri/CerebriSans-Bold.woff) format("woff"),url(/fonts/cerebri/CerebriSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: cerebri_book;
    font-weight: 400;
    src: url(/fonts/cerebri/CerebriSans-Book.eot) format("eot"),url(/fonts/cerebri/CerebriSans-Book.woff2) format("woff2"),url(/fonts/cerebri/CerebriSans-Book.woff) format("woff"),url(/fonts/cerebri/CerebriSans-Book.ttf) format("truetype")
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: 0 0
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #CFFEFF!important;
    color: #000
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,textarea {
    overflow: auto
}

code,kbd,pre,samp {
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

address,body,pre {
    line-height: 1.4
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    padding: 0
}

td,th {
    padding: 0
}

ol li {
    margin-top: 5px
}

@media print {
    blockquote,img,pre,tr {
        page-break-inside: avoid
    }

    * {
        text-shadow: none!important;
        color: #000!important;
        background: 0 0!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    .hidden-print,.navbar {
        display: none
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    select {
        background: #fff!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }

    .visible-print {
        display: block
    }
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #2a3754;
    background-color: #fff
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #2A4056;
    text-decoration: none
}

a:focus,a:hover {
    color: #111a23
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

figure {
    margin: 0
}

.img-responsive {
    display: block;
    width: 100%\9;
    max-width: 100%;
    height: auto
}

hr {
    margin-top: 20px;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.link-highlight {
    border-bottom: 1px solid #2A4056
}

.link-highlight:hover {
    text-decoration: none;
    border-bottom-color: #2A4056
}

.link-newtab:after {
    content: "";
    padding-left: 4px
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-danger {
    color: #eb1c23
}

a.text-danger:hover {
    color: #c31117
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

code,kbd {
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 830px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .container,.message-fixed {
        width: 770px
    }
}

address {
    font-style: normal
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    color: #c7254e;
    background-color: #f9f2f4
}

kbd {
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    box-shadow: none
}

pre {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.container,.container-fluid,.message-fixed {
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: auto
}

.container:after,.container:before,.message-fixed:after,.message-fixed:before {
    content: " ";
    display: table
}

.container:after,.message-fixed:after {
    clear: both
}

@media (min-width: 1020px) {
    .container,.message-fixed {
        width:990px
    }
}

@media (min-width: 1200px) {
    .container,.message-fixed {
        width:1220px
    }
}

.container-fluid:after,.container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -25px;
    margin-right: -25px
}

.row:after,.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 830px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1020px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px
}

input[type=search] {
    box-sizing: border-box;
    -webkit-appearance: none
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=radio]:focus,input[type=file]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.form-control,.stream-form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    transition: border-color ease-in-out .15s
}

.form-control:focus,.stream-form-control:focus {
    border-color: #2A4056;
    outline: 0
}

.form-control::-moz-placeholder,.stream-form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder,.stream-form-control:-ms-input-placeholder {
    color: #777
}

.form-control::-webkit-input-placeholder,.stream-form-control::-webkit-input-placeholder {
    color: #777
}

.form-control[disabled],.form-control[readonly],.stream-form-control[disabled],.stream-form-control[readonly],fieldset[disabled] .form-control,fieldset[disabled] .stream-form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control,textarea.stream-form-control {
    height: auto
}

input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
    line-height: 42px;
    line-height: 1.4\9
}

input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
    line-height: 30px
}

input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
    line-height: 51px
}

.form-group,form .alert {
    margin-bottom: 5px
}

.checkbox,.radio {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.checkbox-inline,.radio label,.radio-inline {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    display: inline-block
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.input-lg {
    height: 51px;
    padding: 12.5px 25px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0
}

select.input-lg {
    height: 51px;
    line-height: 51px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control,.has-feedback .stream-form-control {
    padding-right: 52.5px
}

.form-control-feedback {
    position: absolute;
    top: 65px;
    right: 25px;
    z-index: 2;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.form-horizontal .form-control-feedback {
    top: 15px
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline {
    color: #eb1c23
}

.has-error .form-control,.has-error .stream-form-control {
    border-color: #eb1c23
}

.has-error .form-control:focus,.has-error .stream-form-control:focus {
    border-color: #c31117
}

.has-error .input-group-addon {
    color: #eb1c23;
    border-color: #eb1c23;
    background-color: #fde8e9
}

.has-error .form-control-feedback {
    color: #eb1c23
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #556fa9
}

@media (min-width: 830px) {
    .form-inline .checkbox,.form-inline .control-label,.form-inline .form-group,.form-inline .radio {
        margin-bottom:0;
        vertical-align: middle
    }

    .form-inline .form-group {
        display: inline-block
    }

    .form-inline .form-control,.form-inline .stream-form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .stream-form-control {
        width: auto
    }

    .form-inline .input-group>.form-control,.form-inline .input-group>.stream-form-control {
        width: 100%
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 11px
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 11px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 31px
}

.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

.dropdown-menu,.text-left {
    text-align: left
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 14px;
    right: 25px
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 220px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

.dropdown-menu-right,.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #3b5a78
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>.is-active>a,.dropdown-menu>.is-active>a:focus,.dropdown-menu>.is-active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #2A4056
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.4;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.nav>li,.nav>li>a {
    position: relative
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.modal,.modal-backdrop {
    bottom: 0;
    right: 0;
    left: 0
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:after,.nav:before {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    display: block
}

.nav>li>a {
    display: block;
    padding: 10px 13px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

@media (min-width: 830px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }

    .nav>li>a {
        padding: 10px 15px
    }
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #eee;
    border-color: #2A4056
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    line-height: 1.4;
    border: 1px solid transparent
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li.is-active>a,.nav-tabs>li.is-active>a:focus,.nav-tabs>li.is-active>a:hover {
    color: #555;
    background-color: #2A4056;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.tab-content>.tab-pane {
    position: absolute;
    left: -999999px
}

.tab-content>.active,.tab-content>.is-active {
    position: relative;
    left: unset;
    display: block
}

.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before {
    content: " ";
    display: table
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    text-transform: uppercase;
    font-size: 12px
}

.navbar:after {
    clear: both
}

.navbar-header:after {
    clear: both
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 25px;
    padding-left: 25px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 830px) {
    .navbar-header {
        float:left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.media,.media-body,.modal,.modal-open,.progress {
    overflow: hidden
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header,.message-fixed>.navbar-collapse,.message-fixed>.navbar-header {
    margin-right: -25px;
    margin-left: -25px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    transform: translate3d(0,0,0)
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 25px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

@media (min-width: 830px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header,.message-fixed>.navbar-collapse,.message-fixed>.navbar-header {
        margin-right:0;
        margin-left: 0
    }

    .navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top {
        border-radius: 0
    }

    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand,.navbar>.message-fixed .navbar-brand {
        margin-left: -25px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 25px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 12.5px -25px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 829px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 830px) {
    .navbar-toggle {
        display:none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -25px
    }

    .navbar-left {
        float: left!important
    }

    .navbar-right {
        float: right!important
    }

    .navbar-text {
        float: left;
        margin-left: 25px;
        margin-right: 25px
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 4px;
    margin-bottom: 4px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

.navbar-default {
    background-color: #2A4056
}

.navbar-default .navbar-brand {
    color: #fff
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #e6e6e6;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #fff
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #87a6c5;
    background-color: #3b5a78
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.is-active>a,.navbar-default .navbar-nav>.is-active>a:focus,.navbar-default .navbar-nav>.is-active>a:hover {
    color: #658db4;
    background-color: #223345
}

.navbar-default .navbar-toggle {
    border-color: transparent
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-inverse {
    border-color: #1f2f40
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #2A4056
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #223345;
    color: #658db4
}

@media (max-width: 829px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#fff
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #87a6c5;
        background-color: #3b5a78
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.is-active>a,.navbar-default .navbar-nav .open .dropdown-menu>.is-active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.is-active>a:hover {
        color: #658db4;
        background-color: #223345
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #374049;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #fff
}

.navbar-default .navbar-link:hover {
    color: #87a6c5
}

.navbar-default .btn-link {
    color: #fff
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #87a6c5
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #374049
}

.navbar-inverse {
    background-color: #2A4056
}

.navbar-inverse .navbar-toggle,.tooltip-arrow {
    border-color: transparent
}

.navbar-inverse .navbar-brand {
    color: #fff
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #87a6c5;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #2A4056
}

.navbar-inverse .navbar-nav>li>a {
    color: #5480ab
}

#home .navbar-inverse .navbar-nav>li>a {
    color: #3b5a78
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #bbccde;
    background-color: #2A4056
}

#home .navbar-inverse .navbar-nav>li>a:focus,#home .navbar-inverse .navbar-nav>li>a:hover {
    color: #87a6c5
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.is-active>a,.navbar-inverse .navbar-nav>.is-active>a:focus,.navbar-inverse .navbar-nav>.is-active>a:hover {
    color: #99b3cd;
    background-color: #223345
}

#home .navbar-inverse .navbar-nav>.active>a,#home .navbar-inverse .navbar-nav>.active>a:focus,#home .navbar-inverse .navbar-nav>.active>a:hover,#home .navbar-inverse .navbar-nav>.is-active>a,#home .navbar-inverse .navbar-nav>.is-active>a:focus,#home .navbar-inverse .navbar-nav>.is-active>a:hover {
    color: #658db4
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #2A4056
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #1e2e3e
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #223345;
    color: #658db4
}

@media (max-width: 829px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#1f2f40
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #1f2f40
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #3b5a78
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #87a6c5;
        background-color: #2A4056
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.is-active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.is-active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.is-active>a:hover {
        color: #658db4;
        background-color: #223345
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #374049;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #3b5a78
}

.navbar-inverse .navbar-link:hover {
    color: #87a6c5
}

.navbar-inverse .btn-link {
    color: #3b5a78
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #87a6c5
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #374049
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p+p,.panel-group .panel+.panel {
    margin-top: 5px
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #fde8e9;
    border-color: #fde8e9;
    color: #eb1c23
}

.alert-danger hr {
    border-top-color: #fbd1d3
}

.alert-danger .alert-link {
    color: #c31117
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #2A4056;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease
}

.progress-bar-striped,.progress-striped .progress-bar {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress-bar.active,.progress-bar.is-active,.progress.active .progress-bar,.progress.is-active .progress-bar {
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"] {
    min-width: 30px
}

.progress-bar[aria-valuenow="0"] {
    color: #777;
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    box-shadow: none
}

.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>a {
    color: inherit
}

.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.media,.media-body {
    zoom:1}

.media .page-heading,.media-body .page-heading {
    margin-top: 0
}

.getstarted-step .media p,.getstarted-step .media-body p,.media .getstarted-step p,.media .page-text,.media-body .getstarted-step p,.media-body .page-text {
    margin-top: 10px
}

.media,.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.modal-footer:after,.modal-footer:before,.panel-body:after,.panel-body:before {
    display: table;
    content: " "
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-left.page-icon {
    margin-right: 25px
}

.media>.pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-title,.panel>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading,.panel>.list-group:last-child .list-group-item:last-child,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-left-radius: -1px;
    border-bottom-right-radius: -1px
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-right-radius: -1px;
    border-top-left-radius: -1px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: -1px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: -1px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: -1px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: -1px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive {
    border-top: 1px solid #fff
}

.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-responsive {
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #2A4056
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #2A4056;
    border-color: #2A4056
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #2A4056
}

.panel-primary>.panel-heading .badge {
    color: #2A4056;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #2A4056
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #fde8e9
}

.panel-danger>.panel-heading {
    color: #eb1c23;
    background-color: #fde8e9;
    border-color: #fde8e9
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fde8e9
}

.panel-danger>.panel-heading .badge {
    color: #fde8e9;
    background-color: #eb1c23
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #fde8e9
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    box-shadow: 0 3px 50px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    z-index: 1040;
    background-color: #2A4056
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .75;
    filter: alpha(opacity=75)
}

.modal-header {
    padding: 25px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 26.43px;
    text-align: center;
    background: #2A4056;
    color: #fff;
    text-transform: uppercase
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    font-weight: 400;
    font-size: 25px
}

.modal-body {
    position: relative;
    padding: 40px 20px 20px
}

.modal-footer {
    padding: 20px;
    font-size: 13px;
    text-align: right
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn-link {
    padding-left: 0;
    padding-right: 0
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 830px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 125px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 375px
    }
}

@media (min-width: 1020px) {
    .modal-dialog {
        margin:100px auto
    }

    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    word-break: normal
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.left,body#cabin .forms .btn {
    margin-left: -3px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 0
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #000;
    bottom: 0
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    left: 5px
}

.tooltip.top-right .tooltip-arrow {
    right: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    right: 5px
}

#page__gettingstarted-iii .preview-activity-inner>.video-link:after,#page__gettingstarted-iii .preview-activity-inner>.video-link:before,#page__gettingstarted-iii .preview-header:after,#page__gettingstarted-iii .preview-header:before,.clearfix:after,.clearfix:before,.getstarted-client-tabs:after,.getstarted-client-tabs:before,.getstarted-innerstep:after,.getstarted-innerstep:before,.team-badass-container:after,.team-badass-container:before {
    content: " ";
    display: table
}

#page__gettingstarted-iii .preview-activity-inner>.video-link:after,#page__gettingstarted-iii .preview-header:after,.clearfix:after,.getstarted-client-tabs:after,.getstarted-innerstep:after,.team-badass-container:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden,.is-hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden,.is-hidden {
    visibility: hidden!important
}

.affix {
    position: fixed;
    transform: translate3d(0,0,0)
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 829px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }

    .visible-xs-block {
        display: block!important
    }

    .visible-xs-inline {
        display: inline!important
    }

    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 830px) and (max-width:1019px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline!important
    }

    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1020px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline!important
    }

    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-inline {
        display: inline!important
    }

    .visible-lg-inline-block {
        display: inline-block!important
    }

    .hidden-lg {
        display: none!important
    }
}

@media (max-width: 829px) {
    .hidden-xs {
        display:none!important
    }

    .notifications {
        width: auto;
        left: 25px
    }
}

@media (min-width: 830px) and (max-width:1019px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 1020px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }

    .hidden-print {
        display: none!important
    }
}

.fade-in-left-big {
    animation-name: fadeInLeftBig;
    animation-duration: .4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-in-y,.zoom-in {
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    animation-duration: .4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both
}

.zoom-in {
    animation-name: zoomIn;
    backface-visibility: hidden
}

.flip-in-y {
    animation-name: flipInY;
    backface-visibility: hidden
}

@keyframes $animation-name {
    0% {
        transform: translateX(-2000px);
        transform: scale3d(.3,.3,.3);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }
}

.flip-in-x {
    animation-name: flipInX;
    animation-duration: .4s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.notifications {
    position: fixed;
    z-index: 9999;
    text-transform: uppercase;
    font-size: 13px
}

.notifications>div {
    position: relative;
    margin: 5px 0
}

.notifications .close {
    padding-left: 10px;
    margin-top: -4px
}

.notifications.bottom-right {
    right: 25px;
    bottom: 25px
}

.hljs {
    display: block;
    overflow-x: auto;
    background: #2b3853
}

.hljs,.hljs-subst,.hljs-tag {
    color: #f8f8f2
}

.hljs-emphasis,.hljs-strong {
    color: #a8a8a2
}

.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp {
    color: #ae81ff
}

.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title {
    color: #a6e22e
}

.hljs-strong {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag {
    color: #f92672
}

.hljs-attribute,.hljs-symbol {
    color: #66d9ef
}

.hljs-class .hljs-title,.hljs-params {
    color: #f8f8f2
}

.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #e6db74
}

.hljs-comment,.hljs-deletion,.hljs-meta {
    color: #75715e
}

body {
    overflow-y: scroll;
    padding-top: 50px
}

.text-bigger {
    font-size: 120%
}

.clickable {
    cursor: pointer
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fullwidth-md {
    display: block;
    margin: 0 auto
}

.no-margin {
    margin: 0!important
}

.no-padding {
    padding: 0!important
}

.breath-xs {
    margin-top: 10px;
    margin-bottom: 10px
}

.breath-sm {
    margin-top: 16.67px;
    margin-bottom: 16.67px
}

.breath-md {
    margin-top: 25px;
    margin-bottom: 25px
}

.breath-lg,.breath-lg-top {
    margin-top: 50px
}

.breath-lg,.breath-lg-bottom,.dashboard-home-usage {
    margin-bottom: 50px
}

@media (min-width: 1020px) {
    .fullwidth-md {
        width:100%
    }

    .breath-lg-md {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .breath-lg-lg {
        margin-top:50px;
        margin-bottom: 50px
    }
}

@media (min-width: 830px) {
    .breath-lg-top-sm {
        margin-top:50px
    }
}

@media (max-width: 829px) {
    .btn-block-xs {
        display:block;
        width: 100%
    }
}

.navbar-nav li>.dropdown-composite-btn {
    padding: 6px 35px 6px 25px!important;
    background: #3b5a78;
    font-weight: 700
}

.dropdown-composite-btn span {
    display: block;
    margin-bottom: -8px;
    font-size: 12px;
    font-weight: 400
}

.dropdown-composite-btn .caret {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px
}

.dropdown-composite-item {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    white-space: nowrap
}

.dropdown-composite-item:after,.dropdown-composite-item:before {
    content: " ";
    display: table
}

.dropdown-composite-item:after {
    clear: both
}

.dropdown-composite-item a:hover {
    text-decoration: none
}

.dropdown-composite-item i {
    color: #3b5a78
}

.dropdown-composite-item:focus,.dropdown-composite-item:hover {
    color: #fff;
    background-color: #658db4
}

.dropdown-composite-item:focus i,.dropdown-composite-item:hover i {
    color: #223345
}

@media screen and (max-width: 1199px) {
    .table-block-on-mobile td,.table-block-on-mobile td:before {
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left
    }

    .table-block-on-mobile,.table-block-on-mobile table,.table-block-on-mobile tbody,.table-block-on-mobile td,.table-block-on-mobile th,.table-block-on-mobile thead,.table-block-on-mobile tr {
        display: block
    }

    .table-block-on-mobile thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-block-on-mobile td {
        border-bottom: 1px solid #e9ecf1
    }

    .table-block-on-mobile td:before {
        display: inline-block;
        content: attr(data-title);
        width: 104px;
        margin: -8px 8px -15px -8px;
        padding: 8px;
        background-color: #EFF1F5;
        border-bottom: 1px solid #fff;
        font-weight: 700
    }

    .table-block-on-mobile.table-striped>tbody>tr:nth-child(odd)>td {
        border-bottom: 1px solid #EFF1F5
    }

    .table-block-on-mobile.table-striped>tbody>tr:nth-child(odd)>td:before {
        background-color: #fff;
        border-bottom: 1px solid #e9ecf1
    }
}

.nav-sidebar {
    padding-right: 0;
    padding-left: 0
}

.nav-sidebar .navbar-header {
    padding-left: 25px
}

@media (min-width: 830px) {
    .nav-sidebar>.navbar {
        overflow:auto;
        overflow-x: hidden
    }

    .nav-sidebar .navbar .navbar-collapse {
        padding: 0;
        max-height: none
    }

    .nav-sidebar .navbar ul {
        float: none
    }

    .nav-sidebar .navbar ul:not {
        display: block
    }

    .nav-sidebar .navbar li {
        float: none;
        display: block
    }

    .nav-sidebar .navbar li a {
        display: block;
        padding-top: 7.5px;
        padding-bottom: 7.5px
    }

    .nav-sidebar.navbar-fixed-top {
        top: 50px;
        bottom: 0;
        height: auto!important
    }
}

.nav-submenu.active,.nav-submenu.in,.nav-submenu.is-active {
    background: #3b5a78
}

.nav-submenu.active>.nav,.nav-submenu.in>.nav,.nav-submenu.is-active>.nav {
    max-height: 1000px
}

.nav-submenu>.nav {
    overflow: hidden;
    max-height: 0;
    transition: max-height .2s ease
}

.nav-submenu .nav>li>a {
    padding-left: 37.5px
}

.nav-submenu .nav>li>a:hover {
    background: #4b739b
}

.nav-submenu>.nav .active a,.nav-submenu>.nav .is-active a {
    background: 0 0
}

.nav-spacer {
    height: 30px
}

.navbar-smaller {
    min-height: 48px
}

.navbar-smaller.navbar-fixed-top {
    top: 50px
}

@media (min-width: 830px) {
    .navbar-smaller {
        padding:25px 0
    }

    .navbar-smaller .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }

    .text-right-sm {
        text-align: right
    }
}

.navbar-smaller .navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 12px
}

.navbar-smaller .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

.navbar-smaller .navbar-toggle {
    margin-top: 4px;
    margin-bottom: 4px
}

.navbar-icon {
    font-size: 25px;
    border: 0;
    background: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    margin: 0!important
}

.navbar-icon:hover {
    text-decoration: none
}

@media (min-width: 830px) {
    .navbar-nav>li>.navbar-icon {
        padding-top:0;
        padding-bottom: 0;
        line-height: 50px
    }
}

a.navbar-icon,button.navbar-icon {
    cursor: pointer
}

.text-lined {
    position: relative;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text-lined div:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #2A4056
}

.text-lined span {
    z-index: 1;
    position: relative;
    text-align: center;
    background: #fff;
    padding: 0 10px
}

.hover-enabled:hover .hover-action,.no-touch .hover-sub-enabled:hover .hover-sub-action,.touch .hover-enabled .hover-action,.touch .no-touch .hover-sub-enabled .hover-sub-action {
    display: block
}

.hover-enabled .hover-action,.no-touch .hover-sub-enabled .hover-sub-action {
    display: none
}

.hover-action,.hover-sub-action {
    z-index: 2
}

.ScrollbarLayout_main {
    box-sizing: border-box;
    outline: 0;
    overflow: hidden;
    position: absolute;
    transition-duration: 250ms;
    transition-timing-function: ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ScrollbarLayout_mainVertical {
    bottom: 0;
    right: 0;
    top: 0;
    transition-property: background-color width;
    width: 15px
}

.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,.ScrollbarLayout_mainVertical:hover {
    width: 17px
}

.ScrollbarLayout_mainHorizontal {
    bottom: 0;
    height: 15px;
    left: 0;
    transition-property: background-color height
}

.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,.ScrollbarLayout_mainHorizontal:hover {
    height: 17px
}

.ScrollbarLayout_face {
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.ScrollbarLayout_face:after {
    border-radius: 6px;
    content: '';
    display: block;
    position: absolute;
    transition: background-color 250ms ease
}

.ScrollbarLayout_faceHorizontal {
    bottom: 0;
    left: 0;
    top: 0
}

.ScrollbarLayout_faceHorizontal:after {
    bottom: 4px;
    left: 0;
    top: 4px;
    width: 100%
}

.ScrollbarLayout_faceVertical {
    left: 0;
    right: 0;
    top: 0
}

.ScrollbarLayout_faceVertical:after {
    height: 100%;
    left: 4px;
    right: 4px;
    top: 0
}

.fixedDataTableCellGroupLayout_cellGroup {
    backface-visibility: hidden;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.fixedDataTableCellGroupLayout_cellGroupWrapper {
    position: absolute;
    top: 0
}

.fixedDataTableCellLayout_main {
    border-right-style: solid;
    border-width: 0 1px 0 0;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: absolute;
    white-space: normal
}

.fixedDataTableCellLayout_wrap1,ol>li {
    display: table
}

.fixedDataTableCellLayout_lastChild {
    border-width: 0 1px 1px 0
}

.fixedDataTableCellLayout_alignRight {
    text-align: right
}

.fixedDataTableCellLayout_alignCenter {
    text-align: center
}

.fixedDataTableCellLayout_wrap2 {
    display: table-row
}

.fixedDataTableCellLayout_wrap3 {
    display: table-cell;
    vertical-align: middle
}

.fixedDataTableCellLayout_columnResizerContainer {
    position: absolute;
    right: 0;
    width: 6px;
    z-index: 1
}

.fixedDataTableCellLayout_columnResizerContainer:hover {
    cursor: ew-resize
}

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
    visibility: visible
}

.fixedDataTableCellLayout_columnResizerKnob {
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 4px
}

.fixedDataTableColumnResizerLineLayout_mouseArea {
    cursor: ew-resize;
    position: absolute;
    right: -5px;
    width: 12px
}

.fixedDataTableColumnResizerLineLayout_main {
    border-right-style: solid;
    border-right-width: 1px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10
}

.fixedDataTableColumnResizerLineLayout_hiddenElem,body[dir=rtl] .fixedDataTableColumnResizerLineLayout_main {
    display: none!important
}

.fixedDataTableLayout_main {
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.fixedDataTableLayout_hasBottomBorder,.fixedDataTableLayout_header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
    border-top-style: solid;
    border-top-width: 1px
}

.fixedDataTableLayout_bottomShadow,.fixedDataTableLayout_topShadow {
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.fixedDataTableLayout_bottomShadow {
    margin-top: -4px
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 20px;
    margin-bottom: 10px
}

.fixedDataTableLayout_rowsContainer {
    overflow: hidden;
    position: relative
}

.fixedDataTableLayout_horizontalScrollbar {
    bottom: 0;
    position: absolute
}

.fixedDataTableRowLayout_main {
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 0
}

.fixedDataTableRowLayout_body {
    left: 0;
    position: absolute;
    top: 0
}

.fixedDataTableRowLayout_fixedColumnsDivider {
    backface-visibility: hidden;
    border-left-style: solid;
    border-left-width: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.fixedDataTableRowLayout_columnsShadow {
    width: 4px
}

.fixedDataTableRowLayout_rowWrapper {
    position: absolute;
    top: 0
}

.btn-stream-black,.btn-stream-danger,.btn-stream-inverse,.btn-stream-primary,.btn-stream-success,.btn-stream-warning,.call-to-action-btn,.hvr-glow,.landing-header-btn .btn,.stream-dropdown-destructive,.stream-dropdown-inverted,.stream-dropdown-neutral,.stream-dropdown-primary {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: box-shadow
}

.btn-stream-link,.btn-stream-link-default,.hvr-line,.stream-h3 {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    position: relative;
    overflow: hidden;
    text-decoration: none
}

.btn-stream-link-default:before,.btn-stream-link:before,.hvr-line:before,.stream-h3:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #4C8EFA;
    height: 2px;
    transition-property: left,right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.btn-stream-link-default:active:before,.btn-stream-link-default:focus:before,.btn-stream-link-default:hover:before,.btn-stream-link:active:before,.btn-stream-link:focus:before,.btn-stream-link:hover:before,.hvr-line:active:before,.hvr-line:focus:before,.hvr-line:hover:before,.stream-h3:active:before,.stream-h3:focus:before,.stream-h3:hover:before {
    left: 0;
    right: 0
}

h1,h2,h3,h4,h5,h6 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 200;
    line-height: 1.1;
    color: inherit
}

h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

h1 {
    font-weight: 200
}

h2,h3 {
    font-weight: 400
}

h4 {
    font-weight: 700
}

h5,h6 {
    font-size: 16px
}

.stream-h1 {
    font-size: 26px;
    font-weight: 500;
    color: #2a3754
}

.stream-h3,.stream-h3-a {
    font-size: 21px;
    font-weight: 700
}

.stream-h2 {
    font-size: 21px;
    font-weight: 500;
    color: rgba(42,55,84,.8)
}

.stream-h2.no-top-margin {
    margin-top: 0;
    line-height: 16px
}

.stream-h3-a {
    color: #2a3754;
    line-height: .71
}

.stream-h3 {
    color: #006CFF;
    line-height: 1.5
}

.stream-h3:before {
    background: #006CFF
}

.stream-h3:hover {
    color: #006CFF;
    text-decoration: none
}

.stream-h4 {
    font-size: 18px;
    color: rgba(42,55,84,.5)
}

.stream-h5,.stream-h5-a {
    color: #000;
    font-size: 21px;
    line-height: 16px
}

.stream-h5-b {
    font-size: 20px;
    font-weight: 200;
    color: #2a3754
}

.stream-h6,.stream-h6-a,.stream-h6-b {
    font-size: 12px;
    font-weight: 200;
    color: #777
}

.stream-label-one,.stream-label-two {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px
}

.stream-label-one {
    text-transform: uppercase;
    color: #000;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 17px
}

.stream-label-two {
    line-height: 13px;
    font-weight: 500;
    color: rgba(42,55,84,.4)
}

.invert .stream-label-two {
    color: rgba(255,255,255,.5)
}

.stream-p-one {
    font-size: 16px;
    font-weight: 400;
    color: rgba(42,55,84,.8)
}

.stream-p-a {
    font-size: 16px;
    font-weight: 500
}

.stream-link {
    cursor: pointer;
    font-size: 14px;
    color: #4c8efa;
    border-bottom: 2px solid transparent
}

.stream-link:hover {
    color: #4c8efa;
    text-decoration: none;
    border-bottom: 2px solid #4c8efa
}

.stream-h1-hr,.stream-h2-hr {
    margin: 34px 20px 0
}

.stream-link-hr {
    margin: 14px 0 0
}

.stream-link-icon {
    color: #a9b6d4;
    margin: 0 5px;
    font-size: 10px;
    height: 30px;
    line-height: 30px!important
}

p {
    margin: 0 0 20px
}

.small,small {
    font-size: 85%
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.str-team__job-team,.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #2A4056
}

.text-large {
    font-size: 16px
}

.text-weight-medium {
    font-weight: 500
}

@font-face {
    font-family: stream-5;
    src: url(/fonts/stream-5.eot) format("eot"),url(/fonts/stream-5.woff) format("woff"),url(/fonts/stream-5.ttf) format("truetype"),url(/fonts/stream-5.svg) format("svg")
}

.btn-close:after,.icon,.link-newtab:after,.modal-content .modal-header .close:after,[type=checkbox].stream-form-control:checked+label:after,[type=checkbox].stream-form-control:not(:checked)+label:after {
    font-family: stream-5!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-landing-health:before {
    content: "\e912"
}

.icon-landing-pulse:before {
    content: "\e913"
}

.icon-landing-social:before {
    content: "\e914"
}

.icon-more:before {
    content: "\e90f"
}

.icon-bars2:before {
    content: "\e915"
}

.icon-arrow-left:before {
    content: "\e916"
}

.icon-arrow-right:before {
    content: "\e900"
}

.icon-arrow-right2:before {
    content: "\e921"
}

.icon-arrow-up:before {
    content: "\e91b"
}

.icon-arrow-down:before,.stream-form-control-select:after {
    content: "\e901"
}

.icon-search2:before {
    content: "\e903"
}

.icon-stack2:before {
    content: "\e653"
}

.icon-plus2:before {
    content: "\e652"
}

.icon-header-databrowser:before {
    content: "\e90b"
}

.icon-header-feed:before {
    content: "\e90a"
}

.icon-header-explorer:before {
    content: "\e911"
}

.icon-header-producer:before {
    content: "\e908"
}

.icon-header-activity:before {
    content: "\e907"
}

.icon-header-pulse:before {
    content: "\e905"
}

.icon-header-bars:before {
    content: "\e906"
}

.icon-header-smiley:before {
    content: "\e909"
}

.icon-docs:before {
    content: "\e922"
}

.icon-events:before {
    content: "\e923"
}

.icon-mail:before {
    content: "\e924"
}

.icon-star:before {
    content: "\e920"
}

.icon-print:before {
    content: "\e91f"
}

.icon-duplicate:before {
    content: "\e91c"
}

.icon-edit:before {
    content: "\e91d"
}

.icon-remove:before {
    content: "\e91e"
}

.icon-integration:before {
    content: "\e91a"
}

.icon-label:before {
    content: "\e918"
}

.icon-location:before {
    content: "\e919"
}

.icon-close2:before {
    content: "\e917"
}

.icon-refresh2:before {
    content: "\e910"
}

.icon-checkmark4:before {
    content: "\e90e"
}

.icon-checkmark3:before {
    content: "\e90d"
}

.icon-check-box:before {
    content: "\e90c"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-crosshair:before {
    content: "\e902"
}

.icon-bars:before {
    content: "\e904"
}

.icon-link:before {
    content: "\e600"
}

.icon-connection:before {
    content: "\e602"
}

.icon-feed:before {
    content: "\e604"
}

.icon-file:before {
    content: "\e603"
}

.icon-files:before {
    content: "\e606"
}

.icon-stack:before {
    content: "\e607"
}

.icon-folder:before {
    content: "\e608"
}

.icon-folder-open:before {
    content: "\e609"
}

.icon-credit:before {
    content: "\e60c"
}

.icon-phone:before {
    content: "\e60d"
}

.icon-bell:before {
    content: "\e615"
}

.icon-calendar:before {
    content: "\e617"
}

.icon-cabinet:before {
    content: "\e60b"
}

.icon-bubble:before {
    content: "\e61f"
}

.icon-bubbles:before {
    content: "\e620"
}

.icon-search:before {
    content: "\e622"
}

.icon-key:before {
    content: "\e614"
}

.icon-cog:before {
    content: "\e625"
}

.icon-pie:before {
    content: "\e635"
}

.icon-stats:before {
    content: "\e63e"
}

.icon-menu:before {
    content: "\e62c"
}

.icon-attachment:before {
    content: "\e632"
}

.icon-bookmarks:before {
    content: "\e640"
}

.icon-notification:before {
    content: "\e641"
}

.icon-info:before {
    content: "\e64d"
}

.icon-info2:before {
    content: "\e64e"
}

.icon-blocked:before {
    content: "\e64f"
}

.icon-cancel-circle:before {
    content: "\e633"
}

.icon-checkmark-circle:before {
    content: "\e634"
}

.icon-close:before {
    content: "\e636"
}

.icon-checkmark:before {
    content: "\e637"
}

.icon-checkmark2:before {
    content: "\e638"
}

.icon-minus:before {
    content: "\e639"
}

.icon-plus:before {
    content: "\e63a"
}

.icon-embed:before {
    content: "\e645"
}

.icon-code:before {
    content: "\e646"
}

.icon-console:before {
    content: "\e647"
}

.icon-user:before {
    content: "\e60e"
}

.icon-quotes-left:before {
    content: "\e60a"
}

.icon-bug:before {
    content: "\e60f"
}

.icon-meter:before {
    content: "\e611"
}

.icon-newtab:before {
    content: "\e605"
}

.icon-googleplus-square:before {
    content: "\e629"
}

.icon-facebook-square:before {
    content: "\e654"
}

.icon-twitter-square:before {
    content: "\e655"
}

.icon-github-square:before {
    content: "\e657"
}

.icon-linkedin-square:before {
    content: "\e601"
}

.icon-github:before {
    content: "\f00a"
}

.bg-basic,.bg-entry {
    background-color: #d56969
}

.bg-free {
    background-color: #68c9b6
}

.bg-premium {
    background-color: #5e799b
}

.stream-bg-brand {
    background-color: #2f7deb
}

.stream-bg-base {
    background-color: #2a3754
}

.stream-bg-base-1 {
    background-color: rgba(42,55,84,.9)
}

.stream-bg-base-2 {
    background-color: rgba(42,55,84,.8)
}

.stream-bg-base-3 {
    background-color: rgba(42,55,84,.7)
}

.stream-bg-base-4 {
    background-color: rgba(42,55,84,.6)
}

.stream-bg-base-5 {
    background-color: rgba(42,55,84,.5)
}

.stream-bg-base-6 {
    background-color: rgba(42,55,84,.4)
}

.stream-bg-base-7 {
    background-color: rgba(42,55,84,.3)
}

.stream-bg-base-8 {
    background-color: rgba(42,55,84,.2)
}

.stream-bg-base-9 {
    background-color: rgba(42,55,84,.1)
}

.stream-bg-base-10 {
    background-color: rgba(42,55,84,0)
}

.stream-bg-link {
    background-color: #4c8efa
}

.stream-bg-link-medium {
    background-color: #7eadfb
}

.stream-bg-link-light {
    background-color: #afcdfd
}

.stream-bg-warning {
    background-color: #ff5452!important
}

.stream-bg-success {
    background-color: #16c98d!important
}

.stream-color-warning {
    color: #ff5452!important
}

.stream-color-success {
    color: #16c98d!important
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 15px;
    padding: 3px;
    background-color: #fff;
    border-radius: 18px;
    box-shadow: inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);
    cursor: pointer;
    box-sizing: content-box;
    margin-bottom: 0
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #658db4;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
    transition: .15s ease-out;
    transition-property: opacity background
}

.switch-label:after,.switch-label:before {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    transition: inherit
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #fff;
    text-shadow: 0 1px rgba(255,255,255,.5)
}

.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,.2);
    opacity: 0
}

.switch-input:checked~.switch-label {
    background: #3b5a78;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)
}

.switch-input:checked~.switch-label:before {
    opacity: 0
}

.switch-input:checked~.switch-label:after {
    opacity: 1
}

.switch-input:checked~.switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0,0,0,.2)
}

.switch-handle {
    position: absolute;
    top: 1px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    background-image: linear-gradient(to bottom,#fff 40%,#f0f0f0);
    transition: left .15s ease-out
}

.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0,0,0,.02);
    background-image: linear-gradient(to bottom,#eee,#fff)
}

.stream-form {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.stream-form textarea {
    width: 100%;
    height: 104px
}

.stream-form-label {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    display: block;
    font-weight: 500;
    color: rgba(42,64,86,.8);
    font-size: 14px
}

.stream-form-control {
    border-radius: 2px;
    margin-bottom: 30px;
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.stream-form-control-lg {
    padding: 12px 10px;
    height: 44px;
    line-height: 18px
}

.stream-form-control-md {
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.stream-form-control-sm {
    padding: 4px 10px;
    height: 28px;
    line-height: 18px
}

.stream-form-control-xs {
    padding: 4px;
    height: 20px;
    line-height: 10px
}

.stream-form-control-width-lg {
    width: 168px
}

.stream-form-control-width-md {
    width: 115px
}

.stream-form-control-width-sm {
    width: 85px
}

.stream-form-control:active,.stream-form-control:focus {
    border: 1px solid #4C8EFA
}

.stream-form-control:active::-webkit-input-placeholder,.stream-form-control:focus::-webkit-input-placeholder {
    text-align: right;
    font-size: 12px
}

.stream-form-control:active:-moz-placeholder,.stream-form-control:focus:-moz-placeholder {
    text-align: right;
    font-size: 12px
}

.stream-form-control:active::-moz-placeholder,.stream-form-control:focus::-moz-placeholder {
    text-align: right;
    font-size: 12px
}

.stream-form-control:active:-ms-input-placeholder,.stream-form-control:focus:-ms-input-placeholder {
    text-align: right;
    font-size: 12px
}

.stream-form-control::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px
}

.stream-form-control:-moz-placeholder {
    font-size: 14px;
    line-height: 18px
}

.stream-form-control::-moz-placeholder {
    font-size: 14px;
    line-height: 18px
}

.stream-form-control:-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px
}

.stream-form-control+.help-block {
    color: #ff5452;
    margin: 0
}

.stream-form-control+.help-block-normal {
    margin: 0
}

.stream-form-control-error {
    border: 1px solid #ff5452
}

.stream-form-control-success {
    border: 1px solid #16c98d
}

.stream-form-control[type=radio] {
    display: inline-block;
    width: initial!important
}

.stream-form-control[type=radio]+label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(42,54,83,.8);
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 30px
}

.stream-dropdown:after,.stream-form-control-select:after {
    font-family: stream-5;
    font-size: 8px;
    right: 10px
}

.stream-form-control-select {
    position: relative;
    margin-bottom: 30px
}

.stream-form-contol-select-inline {
    width: 80px
}

.stream-form-contol-select-inline-sm {
    height: 26px;
    line-height: 26px;
    width: 60px
}

.stream-form-contol-select-inline-md {
    width: 80px
}

.stream-form-contol-select-inline-lg {
    width: 160px
}

.stream-form-control-select>select {
    padding: 8px 20px 8px 10px;
    height: 36px;
    line-height: 18px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 2px;
    width: 100%
}

.stream-form-control-select>select-lg {
    padding: 12px 10px;
    height: 44px;
    line-height: 18px
}

.stream-form-control-select>select-md {
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.stream-form-control-select>select-sm {
    padding: 4px 10px;
    height: 28px;
    line-height: 18px
}

.stream-form-control-select>select-xs {
    padding: 4px;
    height: 20px;
    line-height: 10px
}

.stream-form-control-select>select-width-lg {
    width: 168px
}

.stream-form-control-select>select-width-md {
    width: 115px
}

.stream-form-control-select>select-width-sm {
    width: 85px
}

.stream-form-control-select>select.primary {
    background-color: #fff;
    border-color: #ccc;
    color: #555
}

.stream-form-control-select>select.neutral {
    background-color: #fff;
    border: 1px solid rgba(40,146,235,.8);
    color: #4C8EFA
}

.stream-form-control-select>select.error {
    border: 1px solid #ff5452
}

.stream-form-control-select>select.success {
    border: 1px solid #16c98d
}

.stream-form-control-select:after {
    display: inline-block;
    position: absolute;
    top: 11px;
    color: #ccc
}

.stream-form-control-select>select[disabled],.stream-form-control[disabled] {
    color: rgba(42,64,86,.8);
    border-color: #f5f5f5;
    background-color: #f5f5f5
}

.stream-form-inverted .stream-form-label {
    color: #fff;
    font-weight: 400
}

.stream-form-inverted .stream-form-control {
    background: 0 0;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 18px
}

.stream-form-inverted .stream-form-control::-webkit-input-placeholder {
    color: #fff
}

.stream-form-inverted .stream-form-control:-moz-placeholder {
    color: #fff
}

.stream-form-inverted .stream-form-control::-moz-placeholder {
    color: #fff
}

.stream-form-inverted .stream-form-control:-ms-input-placeholder {
    color: #fff
}

.stream-form-inverted .stream-form-control:active::-webkit-input-placeholder,.stream-form-inverted .stream-form-control:focus::-webkit-input-placeholder {
    color: rgba(255,255,255,.3)
}

.stream-form-inverted .stream-form-control:active:-moz-placeholder,.stream-form-inverted .stream-form-control:focus:-moz-placeholder {
    color: rgba(255,255,255,.3)
}

.stream-form-inverted .stream-form-control:active::-moz-placeholder,.stream-form-inverted .stream-form-control:focus::-moz-placeholder {
    color: rgba(255,255,255,.3)
}

.stream-form-inverted .stream-form-control:active:-ms-input-placeholder,.stream-form-inverted .stream-form-control:focus:-ms-input-placeholder {
    color: rgba(255,255,255,.3)
}

.stream-form-inverted .stream-form-control:active,.stream-form-inverted .stream-form-control:focus {
    background: rgba(0,0,0,.08);
    border: 1px solid #4C8EFA
}

.stream-form-inverted .stream-form-control-success {
    background: rgba(0,0,0,.08);
    border: 1px solid #16c98d
}

.stream-form-inverted .stream-form-control-error {
    background: rgba(0,0,0,.08);
    border: 1px solid #ff5452
}

.stream-form-inverted .stream-form-control[type=radio]+label {
    color: #fff
}

.stream-form-inverted .stream-form-control-select select {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border: 1px solid rgba(255,255,255,.4)
}

.stream-form-inverted .stream-form-control-select select.neutral {
    border: 1px solid rgba(40,146,235,.8)
}

.stream-form-inverted .stream-form-control-select select.error {
    border: 1px solid #ff5452
}

.stream-form-inverted .stream-form-control-select select.success {
    border: 1px solid #16c98d
}

.form-group .help-block,.form-group+.help-block {
    margin-top: -30px
}

.form-group .help-block-normal,.form-group+.help-block-normal {
    margin-top: -22px
}

.form-group.has-error .control-label,.form-group.has-error .help-block,.form-group.has-error+.help-block {
    color: #ff5452
}

.form-group.has-error+.help-block-normal {
    margin-top: -2px
}

.form-group .onoffswitch {
    margin-top: 15px
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 830px) {
    .form-horizontal .control-label {
        padding-right:0
    }

    .form-horizontal .help-col {
        padding-left: 0
    }
}

.help-block {
    font-size: 12px;
    text-align: left
}

.help-block.has-error {
    background: #eb1c23
}

.help-block-normal {
    display: block
}

.form-control-gotcha,[type=radio].stream-form-control {
    display: none
}

.control-label {
    text-transform: uppercase;
    color: #2a3754
}

.label,label {
    font-size: 13px;
    color: #7a7e84;
    line-height: 18px;
    font-weight: 500
}

.form-group-vert {
    height: 80px;
    margin-bottom: 20px
}

.form-group-vert-control {
    position: relative;
    height: 100%
}

.form-group-vert-control-el {
    position: relative;
    top: 25%
}

.form-group-vert-help,.form-group-vert-help>.help-block {
    margin: 0
}

[type=checkbox].stream-form-control:checked,[type=checkbox].stream-form-control:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=checkbox].stream-form-control:checked+label,[type=checkbox].stream-form-control:not(:checked)+label {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
    cursor: pointer
}

[type=checkbox].stream-form-control:checked+label:before,[type=checkbox].stream-form-control:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

[type=checkbox].stream-form-control:checked+label:after,[type=checkbox].stream-form-control:not(:checked)+label:after {
    content: "\e90e";
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 10px;
    line-height: 1.5;
    color: #2893EB
}

.btn-stream,[type=radio].stream-form-control+label {
    font-size: 14px
}

[type=checkbox].stream-form-control:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type=checkbox].stream-form-control:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

[type=checkbox].stream-form-control:disabled:checked+label:before,[type=checkbox].stream-form-control:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox].stream-form-control:disabled:checked+label:after {
    color: #999
}

[type=checkbox].stream-form-control:disabled+label {
    color: #aaa
}

[type=radio].stream-form-control+label .control {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    color: rgba(42,55,84,.8);
    border: 1px solid rgba(44,54,67,.2);
    background-color: #fff
}

[type=radio].stream-form-control:checked+label {
    color: #2f7deb
}

[type=radio].stream-form-control:checked+label .control {
    background-color: #2f7deb;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #2f7deb
}

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0
}

ol>li {
    counter-increment: item;
    margin-bottom: .6em
}

ol>li:before {
    content: counters(item,".") ". ";
    display: table-cell;
    padding-right: .6em
}

li ol>li {
    margin: 0
}

li ol>li:before {
    content: counters(item,".") " "
}

.btn-link {
    text-align: center
}

.btn-link:active,.btn-link:focus,.btn-link:hover {
    text-decoration: none
}

.btn-stream {
    display: inline-block;
    border-radius: 4px;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.btn-stream:active,.btn-stream:focus,.btn-stream:hover {
    text-decoration: none;
    color: #fff
}

.btn-stream-lg {
    padding: 12px 10px;
    height: 44px;
    line-height: 18px
}

.btn-stream-md {
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.btn-stream-sm {
    padding: 4px 10px;
    height: 28px;
    line-height: 18px
}

.btn-stream-xs {
    padding: 4px;
    height: 20px;
    line-height: 10px
}

.btn-stream-width-lg {
    width: 168px
}

.btn-stream-width-md {
    width: 115px
}

.btn-stream-width-sm {
    width: 85px
}

.btn-stream-default {
    background: #fff;
    border: 1px solid #d3d7db;
    color: #257ddb
}

.btn-stream-default:active,.btn-stream-default:focus,.btn-stream-default:hover {
    color: #257ddb
}

.btn-stream-primary,.call-to-action-btn,.landing-header-btn .btn {
    border: none;
    background: #4C8EFA;
    color: #fff;
    font-weight: 500
}

.btn-stream-primary:active,.btn-stream-primary:focus,.btn-stream-primary:hover,.call-to-action-btn:active,.call-to-action-btn:focus,.call-to-action-btn:hover,.landing-header-btn .btn:active,.landing-header-btn .btn:focus,.landing-header-btn .btn:hover {
    color: #fff;
    background: #4C8EFA;
    box-shadow: 0 0 0 2px rgba(1,116,216,.2);
    outline: 0
}

.btn-stream-success {
    border: none;
    background: #16c98d;
    color: #fff;
    font-weight: 500
}

.btn-stream-success:active,.btn-stream-success:focus,.btn-stream-success:hover {
    box-shadow: 0 0 0 2px rgba(22,201,141,.4);
    outline: 0
}

.btn-stream-disabled,.btn-stream[disabled] {
    font-weight: 500
}

.btn-stream-disabled,.btn-stream-disabled:active,.btn-stream-disabled:focus,.btn-stream-disabled:hover,.btn-stream[disabled],.btn-stream[disabled]:active,.btn-stream[disabled]:focus,.btn-stream[disabled]:hover {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #a9b1b8;
    outline: 0;
    box-shadow: none
}

.btn-stream-inverse {
    background: #fff;
    border: 1px solid rgba(40,146,235,.8);
    color: #4C8EFA
}

.btn-stream-link,.btn-stream-link-default {
    background: 0 0;
    border: none;
    font-size: 14px;
    line-height: 22px
}

.btn-stream-inverse:active,.btn-stream-inverse:focus,.btn-stream-inverse:hover {
    color: #4C8EFA;
    box-shadow: 0 0 0 1px #2998f2;
    outline: 0
}

.btn-stream-link {
    color: #4C8EFA
}

.btn-stream-link:active,.btn-stream-link:focus,.btn-stream-link:hover {
    text-decoration: none;
    color: #4C8EFA;
    outline: 0
}

.btn-stream-link-default {
    color: rgba(42,54,83,.5)
}

.btn-stream-link-default:active,.btn-stream-link-default:focus,.btn-stream-link-default:hover {
    text-decoration: none;
    color: rgba(42,54,83,.5);
    outline: 0
}

.btn-stream-danger {
    background: #fa5e5b;
    border: 1px solid #ff5452;
    color: #fff;
    font-weight: 500
}

.btn-stream-danger:active,.btn-stream-danger:focus,.btn-stream-danger:hover {
    color: #fff;
    box-shadow: 0 0 0 2px rgba(250,94,91,.4);
    outline: 0
}

.btn-stream-danger.btn-stream-inverse {
    background: 0 0;
    border: 1px solid #ff5452;
    color: #ff5452;
    font-weight: 500
}

.btn-stream-danger.btn-stream-inverse[disabled] {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #a9b1b8;
    outline: 0;
    box-shadow: none
}

.btn-stream-warning {
    background: #FF9F00;
    border: 1px solid #FF9F00;
    color: #fff;
    font-weight: 500
}

.btn-stream-warning:active,.btn-stream-warning:focus,.btn-stream-warning:hover {
    color: #FF9F00;
    border: 1px solid #FF9F00;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(255,129,0,.4);
    outline: 0
}

.btn-stream-warning.btn-stream-inverse {
    background: #fff;
    border: 1px solid #FF9F00;
    color: #FF9F00
}

.btn-stream-warning.btn-stream-inverse[disabled] {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #a9b1b8;
    outline: 0;
    box-shadow: none
}

.btn-stream-black {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-weight: 500
}

.btn-stream-black:active,.btn-stream-black:focus,.btn-stream-black:hover {
    color: #000;
    border: 1px solid #000;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(0,0,0,.4);
    outline: 0
}

.btn-stream-black.btn-stream-inverse {
    background: #fff;
    border: 1px solid #000;
    color: #000
}

.btn-stream-black.btn-stream-inverse[disabled] {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #a9b1b8;
    outline: 0;
    box-shadow: none
}

.btn-close,.modal-content .modal-header .close {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(153,169,179,.4);
    border-radius: 34px;
    text-align: center
}

.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-close:after,.modal-content .modal-header .close:after {
    content: "\e917";
    color: rgba(153,169,179,.4);
    line-height: 34px;
    font-size: 15px
}

.btn-close:hover,.modal-content .modal-header .close:hover {
    cursor: pointer
}

.button-set {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.button-set .stream-dropdown+button,.button-set a+a,.button-set a+button,.button-set button+.stream-dropdown,.button-set button+a,.button-set button+button {
    margin-left: 30px
}

.button-set-inverse .stream-dropdown+button,.button-set-inverse .stream-dropdown:first-child,.button-set-inverse a+a,.button-set-inverse a+button,.button-set-inverse a:first-child,.button-set-inverse button+.stream-dropdown,.button-set-inverse button+a,.button-set-inverse button+button,.button-set-inverse button:first-child {
    margin-right: 15px
}

.btn-block {
    display: block
}

.select-element-xs,.stream-dropdown {
    display: inline-block
}

.btn-block+.btn-block {
    margin-top: 15px
}

.link {
    color: #4C8EFA
}

.white-link {
    color: rgba(255,255,255,.8);
    text-decoration: none
}

.white-link:hover {
    color: #fff;
    transition: .3s;
    text-decoration: none
}

.moderation-dropdown.active,.moderation-dropdown.is-active {
    z-index: 9999!important
}

.stream-dropdown {
    position: relative;
    z-index: 997;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    color: rgba(76,142,250,.8);
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.stream-dropdown-lg {
    padding: 12px 10px;
    height: 44px;
    line-height: 18px
}

.stream-dropdown-md {
    padding: 8px 10px;
    height: 36px;
    line-height: 18px
}

.stream-dropdown-sm {
    padding: 4px 10px;
    height: 28px;
    line-height: 18px
}

.stream-dropdown-xs {
    padding: 4px;
    height: 20px;
    line-height: 10px
}

.stream-dropdown-width-lg {
    width: 168px
}

.stream-dropdown-width-md {
    width: 115px
}

.stream-dropdown-width-sm {
    width: 85px
}

.stream-dropdown,.stream-dropdown-lg,.stream-dropdown-md,.stream-dropdown-sm {
    padding-right: 24px
}

.stream-dropdown:after {
    content: "\e901";
    color: #99a9b3;
    position: absolute;
    top: 50%;
    line-height: 2px
}

.stream-dropdown.active>.stream-dropdown-options,.stream-dropdown.is-active>.stream-dropdown-options {
    display: initial;
    pointer-events: auto
}

.stream-dropdown-options-align-left {
    left: 0;
    right: initial!important
}

.stream-dropdown-options-align-right {
    right: 0;
    left: initial!important
}

.stream-dropdown-options {
    position: absolute;
    top: 100%;
    right: 0;
    width: auto;
    text-align: initial;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    display: none;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.1);
    border-radius: 2px
}

.stream-dropdown-options-label {
    color: #2a4056;
    cursor: default;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 15px
}

.stream-dropdown-options-option {
    color: #2a4056;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 15px
}

.stream-dropdown-options-option:hover {
    background-color: #fafafa
}

.stream-dropdown-options-option>a {
    color: #2a4056;
    display: block
}

.stream-dropdown-options-option>a:hover {
    text-decoration: none!important
}

.stream-dropdown-options-btn {
    height: auto!important;
    padding: 15px 20px!important
}

.stream-dropdown-options-btn>.btn-stream {
    width: 100%
}

.stream-dropdown-options-divider {
    height: 1px;
    padding: 0;
    margin: 5px 0;
    background-color: #e6e6e6
}

.stream-dropdown-neutral {
    background: #fff;
    border: 1px solid rgba(40,146,235,.8);
    color: #4C8EFA
}

.stream-dropdown-neutral:active,.stream-dropdown-neutral:focus,.stream-dropdown-neutral:hover {
    color: #4C8EFA;
    box-shadow: 0 0 0 1px #2998f2;
    outline: 0
}

.stream-dropdown-primary {
    border: none;
    background: #4C8EFA;
    color: #fff
}

.stream-dropdown-primary:active,.stream-dropdown-primary:focus,.stream-dropdown-primary:hover {
    color: #fff;
    background: #4C8EFA;
    box-shadow: 0 0 0 2px rgba(76,142,250,.8);
    outline: 0
}

.stream-dropdown-inverted {
    border: 1px solid rgba(76,142,250,.8);
    background: 0 0;
    color: rgba(76,142,250,.8)
}

.stream-dropdown-inverted:active,.stream-dropdown-inverted:focus,.stream-dropdown-inverted:hover {
    color: #fff;
    background: #4C8EFA;
    box-shadow: 0 0 0 2px rgba(1,116,216,.2);
    outline: 0
}

.stream-dropdown-disabled,.stream-dropdown-disabled:active,.stream-dropdown-disabled:focus,.stream-dropdown-disabled:hover {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #a9b1b8;
    cursor: default!important;
    outline: 0
}

.stream-dropdown-destructive {
    background: #fa5e5b;
    border: 1px solid #ff5452;
    color: #fff
}

.stream-dropdown-destructive:active,.stream-dropdown-destructive:focus,.stream-dropdown-destructive:hover {
    color: #fff;
    box-shadow: 0 0 0 2px rgba(250,94,91,.4);
    outline: 0
}

.stream-dropdown-nested {
    padding: 0;
    text-align: left;
    height: auto;
    line-height: inherit;
    width: 100%;
    position: static
}

.stream-dropdown-nested:after {
    content: "\e921";
    position: static;
    padding-left: 25px;
    vertical-align: middle;
    color: #2a4056
}

.stream-dropdown-nested .stream-dropdown-options {
    left: 100%!important;
    right: initial;
    top: -1px;
    width: auto;
    z-index: -10
}

.stream-dropdown-menu {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: rgba(255,255,255,.7);
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: initial;
    z-index: 999
}

.stream-dropdown-menu.selected {
    color: #fff
}

.stream-dropdown-menu .stream-dropdown-options-label,.stream-dropdown-menu .stream-dropdown-options-option {
    height: 35px;
    line-height: 35px;
    padding: 0 25px
}

.stream-dropdown-organization {
    width: auto;
    min-width: 170px;
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: initial;
    z-index: 1010;
    background: rgba(255,255,255,.05);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    font-size: 16px;
    color: #FFF;
    text-align: initial
}

.stream-dropdown-organization a.btn-stream-inverse {
    border: 1px solid rgba(75,142,250,.8);
    border-radius: 4px;
    color: #4c8efa;
    background: 0 0;
    text-align: center
}

.stream-dropdown-organization .btn-circle,.stream-dropdown-organization .circle {
    margin: 10px 10px 10px 0;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    border-radius: 50px;
    float: left;
    text-transform: uppercase
}

.stream-dropdown-organization .circle-color-1 {
    background-color: #4FD9D9
}

.stream-dropdown-organization .circle-color-2 {
    background-color: #4FBAD9
}

.stream-dropdown-organization .circle-color-3 {
    background-color: #4F81D9
}

.stream-dropdown-organization .text {
    overflow: hidden
}

.stream-dropdown-organization .text .description {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    color: rgba(255,255,255,.4);
    letter-spacing: 1.5px
}

.stream-dropdown-organization .text .selected {
    height: 20px;
    line-height: 5px;
    font-size: 16px;
    color: #FFF;
    white-space: nowrap;
    text-overflow: ellipsis
}

.stream-dropdown-organization.active,.stream-dropdown-organization.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.stream-dropdown-organization .stream-dropdown-options {
    width: 100%;
    background-color: #000;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    border: none;
    color: #fff;
    padding: 0 10px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.stream-dropdown-organization .stream-dropdown-options li {
    color: #fff;
    margin: 4px;
    padding: 0;
    border-radius: 3px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-overflow: ellipsis
}

.stream-dropdown-organization .stream-dropdown-options li>a {
    color: #fff!important
}

.stream-dropdown-organization .stream-dropdown-options li .btn-circle,.stream-dropdown-organization .stream-dropdown-options li .circle {
    margin: 15px 14px 15px 5px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height: 18px;
    font-size: 12px
}

.sprite-github,.sprite-google-plus,.sprite-linkedin,.sprite-twitter {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat
}

.stream-dropdown-organization .stream-dropdown-options li:hover {
    background-color: rgba(255,255,255,.1)
}

.stream-dropdown-organization .stream-dropdown-options-btn {
    padding: initial!important;
    text-align: center
}

.stream-dropdown-organization .stream-dropdown-options-btn:hover {
    background-color: initial!important
}

.sprite-github {
    background-image: url(https://getstream.imgix.net/images/social-sprite.png);
    background-position: -1px -1px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .sprite-github {
        background-image:url(https://getstream.imgix.net/images/social-sprite@2x.png);
        background-size: 80px 80px
    }
}

.sprite-twitter {
    background-image: url(https://getstream.imgix.net/images/social-sprite.png);
    background-position: -49px -1px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .sprite-twitter {
        background-image:url(https://getstream.imgix.net/images/social-sprite@2x.png);
        background-size: 80px 80px
    }
}

.sprite-linkedin {
    background-image: url(https://getstream.imgix.net/images/social-sprite.png);
    background-position: -1px -49px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .sprite-linkedin {
        background-image:url(https://getstream.imgix.net/images/social-sprite@2x.png);
        background-size: 80px 80px
    }
}

.sprite-google-plus {
    background-image: url(https://getstream.imgix.net/images/social-sprite.png);
    background-position: -49px -49px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2) {
    .sprite-google-plus {
        background-image:url(https://getstream.imgix.net/images/social-sprite@2x.png);
        background-size: 80px 80px
    }
}

.select-element:after,.select-element:before {
    content: '';
    position: absolute;
    right: 8px;
    border-color: #4d4d4d transparent;
    border-style: solid;
    height: 0;
    width: 0
}

#features-carousel .carousel-inner:before,.announcements--box-news:before,.docs-single:before,.getstarted .tab-js:before,.onoffswitch-inner:after,.onoffswitch-inner:before,.text-stroked:before {
    content: ""
}

.onoffswitch,.select-element {
    position: relative
}

.select-element:after {
    bottom: 10px;
    border-width: 5px 4px 0
}

.select-element:before {
    top: 10px;
    border-width: 0 4px 5px
}

.modal-content .modal-header .close span,.modal-view-login,.modal-view-register,.modal-view-reset,.modal-view-two-factor,.modal-view-two-factor-sms,.onoffswitch-checkbox,.str-view-login,.str-view-sso {
    display: none
}

.select-element-xs select {
    height: 30px;
    padding: 0 25px 0 10px;
    border: none
}

.select-element-xs:before {
    top: 9px
}

.select-element-xs:after {
    bottom: 9px
}

.select-element select {
    border-radius: 0;
    -webkit-appearance: none
}

.onoffswitch {
    width: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transform: scale(-1,1)
}

.onoffswitch-label {
    background-color: #d3d7db;
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 19px;
    margin-top: 5px;
    margin-bottom: 5px
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: 100%;
    transition: margin .2s ease-in 0s
}

.onoffswitch-inner:after,.onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 12px;
    padding: 0;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    padding-left: 5px;
    background-color: #16c98d;
    color: #fff
}

.onoffswitch-inner:after {
    padding-right: 5px;
    background-color: #fff;
    color: #fff;
    text-align: right
}

.onoffswitch-switch {
    display: block;
    width: 19px;
    height: 19px;
    margin-top: -3.5px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(5,5,5,.08);
    border-radius: 19px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    transition: all .3s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 14px
}

.dashboard-home-usage {
    margin-top: -50px
}

.block-title {
    margin-bottom: 30px
}

.block-title-name {
    font-weight: 500;
    font-size: 18px;
    color: rgba(54,83,112,.5);
    line-height: 28px;
    padding-right: 5px;
    float: left
}

.block-title-line {
    height: 1px;
    margin: 14px 0;
    background-color: rgba(42,64,86,.1);
    overflow: hidden
}

.moderation-nav-next {
    margin-right: 20px
}

.moderation-active-tab,.moderation-tab {
    font-size: 14px;
    line-height: 62px;
    margin-right: 24px;
    text-transform: uppercase;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    letter-spacing: 2px
}

.moderation-nav-prev {
    margin-left: 20px
}

.stream-link.disabled {
    cursor: not-allowed;
    opacity: .5;
    text-decoration: none;
    pointer-events: none
}

.moderation-tab-container {
    margin-top: -8px
}

.moderation-active-tab {
    color: #2e7deb;
    font-weight: bolder;
    border-bottom: #2e7deb;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 14px
}

.moderation-tab {
    cursor: pointer;
    font-weight: 700
}

.dashboard-stats {
    margin-top: -50px;
    padding-bottom: 40px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.editor-error-bar,.editor-success-bar {
    border-radius: 3px;
    line-height: 20px;
    padding: 15px
}

.dashboard-stats .block-title-name {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: block
}

.dashboard-stats .block-title-line {
    background-color: rgba(55,84,112,.5)
}

.dashboard-stats .progress-bar {
    background-image: none!important
}

.dashboard-stats .stats-progress {
    display: inline-block;
    width: 50%;
    margin-right: -10px!important;
    margin-top: 14px!important
}

.dashboard-stats .stats-progress v .progress {
    background-color: #E6E8EA
}

.stats-current {
    color: #000;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 30px
}

.mktg-text-blocklinks,.stats-limit {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.stats-limit {
    color: #000;
    font-size: 15px
}

.stats-name {
    color: rgba(0,0,0,.7);
    font-size: 16px
}

.more-updates {
    font-size: 16px;
    color: rgba(42,54,83,.5)
}

.editor-error-bar {
    background: #FFC7C7;
    font-size: 16px;
    color: #FF5452
}

.editor-success-bar {
    background: #97ecb1;
    font-size: 16px;
    color: #254704
}

.btn-circle,.circle {
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    cursor: default;
    background-color: #4FD9D9;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase
}

.circle-lg {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.circle-xl {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px
}

.btn-circle,.btn-circle-md {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px
}

.circle-color-0 {
    background-color: #f44336
}

.circle-color-1 {
    background-color: #e91e63
}

.circle-color-2 {
    background-color: #9c27b0
}

.circle-color-3 {
    background-color: #673ab7
}

.circle-color-4 {
    background-color: #3f51b5
}

.circle-color-5 {
    background-color: #2196f3
}

.circle-color-6 {
    background-color: #03a9f4
}

.circle-color-7 {
    background-color: #00bcd4
}

.circle-color-8 {
    background-color: #009688
}

.circle-color-9 {
    background-color: #4caf50
}

.circle-color-10 {
    background-color: #8bc34a
}

.circle-color-11 {
    background-color: #cddc39
}

.circle-color-12 {
    background-color: #ffeb3b
}

.circle-color-13 {
    background-color: #ffc107
}

.circle-color-14 {
    background-color: #ff9800
}

.circle-color-15 {
    background-color: #ff5722
}

.circle-color-16 {
    background-color: #795548
}

.circle-color-17 {
    background-color: #9e9e9e
}

.circle-color-18 {
    background-color: #607d8b
}

.btn-circle {
    background: #fff;
    color: #2a3754
}

.btn-circle.active,.btn-circle.is-active,.btn-circle:active,.btn-circle:focus,.btn-circle:hover {
    cursor: pointer;
    background: #2f7deb;
    color: #fff
}

@keyframes revrotation {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0)
    }
}

.rotating {
    transform-origin: 50% 50%;
    animation: revrotation .5s infinite linear
}

.moderation-selected {
    vertical-align: super;
    margin-right: 14px
}

.moderation-controls {
    margin-top: -10px
}

.moderation-controls>button {
    margin-right: 14px;
    margin-bottom: 16px
}

.modal,.modal .modal-dialog {
    pointer-events: none
}

.modal .modal-dialog .modal-content {
    pointer-events: auto
}

.modal-dialog {
    width: 570px
}

@media (max-width: 410px) {
    .modal-dialog {
        width:auto
    }
}

.modal-sm {
    width: 430px;
    margin: 10px auto
}

@media (max-width: 410px) {
    .modal-sm {
        width:auto
    }
}

.modal-xs {
    width: 375px
}

@media (max-width: 410px) {
    .modal-xs {
        width:auto
    }
}

.modal-content {
    border-radius: 4px;
    padding-bottom: 20px
}

.modal-content .modal-header {
    border-radius: 4px;
    background-color: #fff;
    border: none
}

.modal-content .modal-header h4 {
    font-size: 21px;
    color: rgba(42,54,83,.8);
    line-height: 28px;
    text-align: initial;
    text-transform: none
}

.modal-content .modal-header .close {
    border: none
}

.modal-content .modal-header .close:after {
    color: #A9B1B8
}

@media (max-width: 460px) {
    .modal-content .modal-header .close:after {
        display:none
    }
}

.modal-content .modal-body {
    padding: 0
}

.modal-content .stream-form-label {
    font-weight: 700;
    font-size: 14px;
    color: rgba(42,64,86,.8);
    line-height: 18px
}

.modal-content .stream-demo-form-modal {
    width: 380px;
    margin: 0 auto
}

.modal-content .stream-demo-form-modal p {
    color: #2A4056;
    font-size: 15px;
    margin-bottom: 8px
}

@media (max-width: 410px) {
    .modal-content .stream-demo-form-modal p {
        margin-left:25px;
        margin-right: 25px
    }
}

.modal-content .stream-demo-form-modal .good-demo {
    font-size: 17px
}

.modal-content .stream-demo-form-modal .demo-modal-form {
    padding-top: 20px
}

.modal-content .stream-demo-form-modal .demo-modal-form .mktg-input {
    margin-top: 10px
}

.modal-content .stream-demo-form-modal .demo-modal-form .btn-block {
    margin-top: 30px
}

.modal-content .btn-stream-link-default {
    margin-right: 20px
}

.modal-delete .modal-title {
    color: #FF5452!important
}

.modal-delete-warning {
    font-weight: 700;
    font-size: 21px;
    color: #FF5452;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px
}

.modal-delete-box {
    padding: 20px;
    border: 1px solid #ff5452
}

.modal-delete-box label {
    font-weight: 400;
    font-size: 14px;
    color: #2A3754;
    margin-bottom: 20px
}

.modal-delete .modal-delete-box .form-group label {
    margin-bottom: 0
}

.feed-group-modal {
    width: 870px
}

.feed-group-modal [class^=col-sm-] {
    padding-left: 30px;
    padding-right: 30px
}

.feed-group-modal button[type=submit] {
    margin-right: 20px;
    width: 100px
}

.dropzone p {
    text-align: center
}

.dropzone p.drop-here {
    color: #4C8EFA;
    font-size: 19px;
    margin-bottom: 2px;
    margin-top: 16px
}

.invite-modal select {
    background-color: #fff
}

.invite-modal input.stream-form-control {
    border: 1px solid rgba(44,54,67,.2);
    border-radius: 2px;
    height: 44px;
    margin: 0;
    padding: 20px
}

.invite-modal .help-block {
    margin: 3px 11px
}

.invite-modal .stream-form-control-select {
    margin: 0
}

.invite-modal .stream-form-control-select select {
    border: 1px solid rgba(44,54,67,.2);
    border-radius: 2px;
    height: 44px;
    padding: 8px 20px
}

.invite-modal .invite-text {
    border: 1px solid rgba(44,54,67,.2);
    margin-top: 20px;
    padding: 8px 20px
}

.invite-modal .row {
    height: 74px
}

.invite-modal .row.invite-labels {
    height: auto;
    padding-bottom: 10px
}

.invite-modal .row .col-xs-7 {
    padding-right: 0
}

.invite-modal .row .col-xs-5 {
    padding-left: 18px
}

.app-form p.help-block a {
    color: #4C8EFA
}

.import-detail-modal pre {
    opacity: .91;
    border-radius: 16px;
    background-color: rgba(42,55,84,.09);
    min-height: 130px;
    padding: 21px 24px;
    margin-bottom: 30px
}

.import-detail-modal.import-error-view .modal-dialog {
    width: 90%
}

.import-detail-modal .progress {
    width: 100%;
    border: 1px solid #000
}

.modal-body .btn-stream {
    text-align: center
}

.announcements {
    min-width: 280px;
    float: left
}

@media (max-width: 1200px) {
    .announcements {
        display:none
    }
}

.announcements--box {
    max-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.announcements--box-news {
    display: inline-block;
    position: relative;
    background-color: #f0ad4e;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    margin-top: 17px;
    margin-right: 5px
}

.announcements--box-news:before {
    position: absolute;
    left: -5px;
    top: 8px;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #f0ad4e
}

.announcements--box-img {
    animation: floating 3s infinite alternate;
    vertical-align: top;
    height: 92px;
    width: 80px;
    padding-top: 12px
}

.announcements--list {
    padding-top: 10px;
    background-color: #fff;
    width: 270px;
    border: 1px solid #1f2f3d;
    position: fixed;
    z-index: 9999;
    font-size: 13px;
    margin-left: 10px
}

.announcements--list-title {
    font-size: 12px;
    margin: 0;
    text-align: center;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

.announcements--list-divider {
    margin: 10px!important
}

.announcements--list-item {
    padding: 5px 10px;
    margin: 5px 0;
    background-color: #d0dae3;
    border-bottom: 1px solid #f5f5f5
}

.announcements--list-item b {
    text-transform: uppercase
}

.announcements--list-item p {
    text-transform: initial
}

.announcements--list-item.read {
    background-color: #fff
}

.announcements--list-item.read p {
    color: #000
}

.announcements--list-footer {
    padding: 10px;
    text-align: center;
    background-color: #d0dae3;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em
}

@keyframes floating {
    0% {
        transform: translate(0,0) rotate(0) skew(0)
    }

    60% {
        transform: translate(-4px,3px) rotate(6deg) skew(6deg)
    }

    100% {
        transform: translate(2px,-3px) rotate(-6deg) skew(-2deg)
    }
}

[data-active-view=login] .modal-view-login,[data-active-view=login] .str-view-login,[data-active-view=two_factor] .modal-view-two-factor,[data-active-view=two_factor_sms] .modal-view-two-factor-sms,[data-active-view=register] .modal-view-register,[data-active-view=sso] .str-view-sso,[data-active-view=reset] .modal-view-reset {
    display: block
}

#account #header .navbar-collapse,#account #header .navbar-toggle,.heroku-boomerang-loaded .heroku-hidden {
    display: none!important
}

#account #wrap {
    margin-top: 50px
}

#account .row .modal-header {
    background: 0
}

#account .row .modal-content {
    background: 0;
    box-shadow: none
}

#account .row .modal-content .text-muted {
    color: #777
}

#account .row .modal-body {
    background: #fff
}

#account.account-simple {
    background: #2A4056
}

#account.account-simple .row .modal-header {
    background: 0;
    border: 0
}

#account.account-simple .row .modal-body {
    padding-top: 0;
    background: 0
}

.codeeditor {
    background: #b1b1b1;
    padding: 50px 8px 8px;
    border-radius: 10px;
    text-transform: none
}

.ace-tm,.codeeditor .hljs {
    background: #393939
}

.codeeditor pre {
    margin-bottom: 0;
    border-radius: 10px
}

#home .codeeditor {
    margin-right: -10px
}

#home .codeeditor .code-hljs {
    min-height: 200px
}

.btn-clipboard {
    position: absolute;
    top: -29px;
    left: 8px;
    z-index: 1;
    color: #aaa;
    background: 0 0;
    text-transform: none
}

.code-tab-content,.navbar-header,.navbar-logo-beta,.text-stroked {
    position: relative
}

.btn-clipboard:active,.btn-clipboard:focus,.btn-clipboard:hover {
    color: #fff
}

.codetabs {
    background: #344364;
    border-bottom: 0;
    font-size: 14px;
    font-weight: 500
}

.codetabs>li {
    margin-bottom: 0;
    float: left;
    box-sizing: border-box
}

.codetabs>li:focus,.codetabs>li:hover {
    border-bottom: 2px solid #4c8efa
}

.codetabs>li>a {
    background: #344364;
    color: #eee;
    border: 0!important;
    text-decoration: none;
    text-transform: uppercase
}

.codetabs>li>a:focus,.codetabs>li>a:hover {
    background: #344364;
    color: #fff
}

.codetabs>li.active,.codetabs>li.is-active {
    border-bottom: 2px solid #4c8efa
}

.codetabs>li.active>a,.codetabs>li.is-active>a {
    background: #344364!important;
    color: #fff!important
}

.code-tab-content {
    margin-bottom: 25px;
    font-size: 13px
}

.code-tab-content .code-ace {
    background-color: #2b3853!important
}

.code-tab-content .code-ace .ace_marker-layer .ace_active-line {
    background-color: #303f5d!important
}

.code-tab-content .code-ace .ace_marker-layer .ace_selection {
    background-color: #3c4f75!important
}

.code-ace,.code-hljs {
    text-transform: none
}

.heroku-boomerang-loaded .heroku-visible {
    display: block!important
}

.heroku-boomerang-loaded .heroku-visible-inline {
    display: inline!important
}

.heroku-boomerang-loaded .heroku-visible-inline-block {
    display: inline-block!important
}

.heroku-boomerang-loaded #header {
    top: 32px
}

.heroku-boomerang-loaded .navbar-smaller.navbar-fixed-top {
    top: 82px
}

.heroku-boomerang-loaded #monthly-stats {
    width: 100%
}

.header {
    z-index: 1031
}

.navbar-logo {
    display: inline-block;
    margin-left: 25px;
    padding-top: 10px;
    padding-left: image-width("logo.png") 8;
    padding-right: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDIuMDI5IiBoZWlnaHQ9IjQyLjAyOSIgdmlld0JveD0iMCAwIDQyLjAyOSA0Mi4wMjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQyLjAyOSA0Mi4wMjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiM1RjdCOUIiIGQ9Ik0wLDM5LjU2NGMwLDEuMzU5LDEuMTAxLDIuNDY1LDIuNDYyLDIuNDY1aDM3LjEwNGMxLjM1OCwwLDIuNDYzLTEuMTA1LDIuNDYzLTIuNDY1VjIuNDYzIGMwLTEuMzYtMS4xMDQtMi40NjMtMi40NjMtMi40NjNIMi40NjJDMS4xMDEsMCwwLDEuMTAzLDAsMi40NjNWMzkuNTY0eiIvPjxnPjxwb2x5Z29uIG9wYWNpdHk9Ii44IiBmaWxsPSIjRkZGIiBzdHJva2U9IiM1RjdCOUIiIHN0cm9rZS13aWR0aD0iLjE1OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjIwLjkyMiwxMS43MzggMTUuMjU0LDE5LjM5OSAyMC45MjIsMTkuNjcyIi8+PHBvbHlnb24gb3BhY2l0eT0iLjgiIGZpbGw9IiNGRkYiIHN0cm9rZT0iIzVGN0I5QiIgc3Ryb2tlLXdpZHRoPSIuMTU4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMjYuMjM4LDE5LjMgMjAuOTIyLDExLjczOCAyMC45MTIsMTkuNjUzIi8+PHBvbHlnb24gb3BhY2l0eT0iLjkiIGZpbGw9IiNGRkYiIHN0cm9rZT0iIzVGN0I5QiIgc3Ryb2tlLXdpZHRoPSIuMTU4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMjAuNjA5LDE5LjY1NSAxNi4zNzYsMTkuNDUzIDMuMTc4LDE4LjgxNyAxMC4zNDYsMjguNDE4IDIwLjU5NiwxOS45NDEgMjAuOTIyLDE5LjY3MiIvPjxwb2x5Z29uIG9wYWNpdHk9Ii45IiBmaWxsPSIjRkZGIiBzdHJva2U9IiM1RjdCOUIiIHN0cm9rZS13aWR0aD0iLjE1OCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjI1LjQzNSwxOS4zNTcgMjEuMjE5LDE5LjY1MSAyMC45MjIsMTkuNjcyIDIxLjIyOSwxOS45MjggMzEuNjY3LDI4LjU1NCAzOC42NjYsMTguNDMxIi8+PHBvbHlnb24gZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjNUY3QjlCIiBzdHJva2Utd2lkdGg9Ii4xNTgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyMS4yMjksMTkuOTI4IDIwLjkyMiwxOS42NzIgMjAuNTk2LDE5Ljk0MSAxMC4zNDYsMjguNDE4IDMxLjY2NywyOC41NTQiLz48L2c+PC9nPjwvc3ZnPg==) center left no-repeat
}

.no-svg .navbar-logo {
    background: url(https://getstream.imgix.net/images/logo.png) center left no-repeat
}

.page-bg,.page-bg-primary {
    background: #fff
}

.navbar-logo-title {
    letter-spacing: -1px;
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 30px
}

@media (min-width: 830px) and (max-width:1019px) {
    .navbar-logo-title {
        margin-top:6px;
        font-size: 20px
    }
}

@media (min-width: 1020px) {
    .navbar-logo-title {
        margin-top:3px;
        font-size: 30px
    }
}

.navbar-logo-beta {
    top: -3px;
    vertical-align: super;
    letter-spacing: 0;
    color: #5480ab;
    font-size: 11px;
    left: -2px
}

@media (min-width: 830px) and (max-width:1019px) {
    .navbar-logo-beta {
        left:-4px;
        top: 0;
        font-size: 12px
    }
}

@media (min-width: 1020px) {
    .navbar-logo-beta {
        left:-2px;
        font-size: 11px
    }
}

.navbar-header {
    z-index: 1020
}

.navbar-careers {
    top: 44px;
    left: 77px;
    color: #2cc584;
    font-size: 9px;
    position: absolute
}

.navbar-careers:active,.navbar-careers:focus,.navbar-careers:hover {
    color: #2cc584
}

.page-bg-primary,.page-bg-primary .page-subtitle,.page-bg-primary .text-muted,.page-bg-radial,.page-bg-radial .text-muted {
    color: #fff
}

.page-jumbotron {
    padding-top: 25px;
    padding-bottom: 0
}

.page-jumbotron .page-title {
    letter-spacing: -2px;
    font-size: 29px;
    margin-bottom: 25px
}

@media (min-width: 830px) {
    .navbar-logo {
        margin-left:0
    }

    .navbar-careers {
        left: 26px
    }

    .page-jumbotron {
        padding-top: 50px
    }

    .page-jumbotron .page-title {
        font-size: 40px
    }
}

.page-img-hero {
    margin: 0 auto
}

#home .page-img-hero {
    margin-bottom: -23px
}

.page-bg-radial {
    background: radial-gradient(ellipse at center,#7e95af 0,#5e7a9b 100%)
}

.page-bg-secondary {
    background: #d0dae3
}

.page-block {
    padding: 25px 0
}

@media (min-width: 830px) {
    #home .page-img-hero {
        margin-bottom:-60px
    }

    .page-block {
        padding: 50px 0
    }
}

@media (min-width: 1200px) {
    .page-block {
        padding:75px 0
    }
}

.page-block-border {
    border-bottom: 1px solid #dadada
}

.page-box {
    padding-top: 25px;
    padding-bottom: 25px
}

.page-box .page-heading {
    margin-top: 0
}

.page-header {
    text-transform: uppercase;
    text-align: center
}

.page-blog .page-block h2,.page-blog .page-block h3 {
    font-weight: 400;
    margin: 1.4em 0 .8em
}

.page-blog .page-block h1:first-child {
    margin-top: 25px
}

.page-blog .page-block li,.page-blog .page-block p {
    text-align: justify
}

.getstarted-step p,.page-text,.page-title {
    max-width: 890px;
    margin-left: auto;
    margin-right: auto
}

.getstarted-step p,.page-text {
    margin-top: 25px;
    line-height: 2.4em;
    font-size: 13px
}

.page-title {
    margin-top: 0;
    font-size: 30px;
    letter-spacing: -1px
}

@media (min-width: 830px) {
    .page-title {
        font-size:47px;
        letter-spacing: 0
    }
}

.page-title-light {
    margin-top: 0;
    color: #2A4056;
    font-size: 25px;
    letter-spacing: -1px
}

@media (min-width: 830px) {
    .page-title-light {
        font-size:45px;
        letter-spacing: -3px
    }

    .carousel .page-title-light {
        margin-top: 35px
    }
}

.page-subtitle {
    font-size: 17px;
    letter-spacing: -1px
}

#team .page-subtitle {
    line-height: 30px
}

.page-subtitle a {
    color: #fff;
    border-bottom: 1px solid #ccc;
    font-weight: 400
}

.page-subtitle a:hover {
    text-decoration: none;
    border-bottom-color: #fff
}

@media (min-width: 830px) {
    .page-subtitle {
        font-size:25px
    }

    #team .page-subtitle {
        font-size: 19px;
        line-height: 50px;
        max-width: 875px
    }
}

.page-subtitle-light {
    color: #2A4056;
    font-size: 15px
}

@media (min-width: 830px) {
    .page-subtitle-light {
        font-size:20px
    }
}

.page-subtitle--small {
    font-size: 14px
}

.page-title+.page-subtitle,.page-title-light+.page-subtitle-light {
    margin: 0 auto;
    padding-bottom: 25px
}

@media (min-width: 830px) {
    .page-subtitle--small {
        font-size:18px
    }

    .page-title+.page-subtitle,.page-title-light+.page-subtitle-light {
        padding-bottom: 50px
    }
}

.page-bg-radial .page-title+.page-subtitle,.page-bg-radial .page-title-light+.page-subtitle-light {
    padding-bottom: 0
}

.page-heading {
    font-weight: 700;
    color: #2A4056;
    margin-top: 25px
}

@media (min-width: 830px) {
    .page-heading {
        margin-top:50px
    }
}

#team .page-heading {
    font-size: 20px;
    margin: 18px 0 2px
}

.page-subheading {
    color: #2A4056;
    margin: 0
}

.page-link {
    font-weight: 700
}

#team .page-link {
    margin: 0 10px
}

.page-icon {
    font-size: 40px;
    margin: 0 0 15px
}

@media (min-width: 830px) {
    .page-icon {
        font-size:58px
    }
}

.page-img-fancy {
    border-radius: 300px;
    border: 8px solid #fff;
    box-shadow: 0 0 0 transparent;
    transition: all .3s ease
}

.page-footer-modern {
    height: auto;
    padding-top: 60px;
    text-align: center;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    background-color: #fff;
    background-image: url(https://getstream.imgix.net/images/pricing/stream_wave_bg@2x.png);
    background-size: 600px 50px;
    background-position: top center;
    background-repeat: repeat-x;
    color: #2C3643
}

.page-footer-modern .container,.page-footer-modern .message-fixed {
    background: #fff
}

.page-footer-modern-copyright img {
    padding-top: 20px
}

.page-footer-modern-navbar {
    list-style-type: none;
    padding: 0;
    text-align: center;
    max-width: 250px;
    margin: 20px auto
}

.page-footer-modern-navbar li {
    float: left;
    padding: 0 10px;
    font-size: 13px;
    line-height: 36px
}

.page-footer-modern-navbar li:last-child {
    padding-right: 0
}

.page-footer-modern-icons {
    list-style-type: none;
    display: inline-block;
    margin: 60px auto;
    padding: 0
}

.page-footer-modern-icons li {
    float: left;
    margin-right: 20px;
    width: 30px
}

.page-footer-modern-icons li a {
    display: inline-block;
    padding: 0;
    height: 30px
}

.page-footer-modern-icons li:last-child {
    margin-right: 0
}

@media (min-width: 1020px) {
    .page-footer-modern {
        height:280px;
        padding: 80px 0;
        text-align: initial
    }

    .page-footer-modern-navbar {
        max-width: initial;
        line-height: initial;
        margin: 0;
        float: right
    }

    .page-footer-modern-navbar li {
        padding-right: 50px;
        line-height: 21px
    }

    .page-footer-modern-icons {
        margin: -40px 0 0;
        float: right
    }
}

.tab-pane {
    padding: 0
}

.hljs {
    padding: 25px
}

.list-clients li {
    transform: scale(1);
    transition: transform .4s ease;
    margin-top: 3px;
    margin-right: 8.33px
}

.list-clients li.active,.list-clients li.is-active {
    transform: scale(1.2)
}

.text-stroked:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: red
}

.csstransforms .text-stroked:before {
    width: 104%;
    transform: rotate(-13deg);
    transform-origin: 75px
}

.documentation #page {
    box-shadow: 0 0 75px rgba(0,0,0,.3)
}

.team-col {
    margin-top: 25px;
    padding-bottom: 50px
}

@media (min-width: 830px) {
    .list-clients li {
        margin-right:25px
    }

    .team-col {
        margin-top: -125px
    }
}

.team-col:hover .page-img-fancy {
    box-shadow: 0 10px 23px rgba(0,0,0,.2);
    transform: scale(1.025)
}

.getstarted-step body#team .team-col p,body#team .team-col .getstarted-step p,body#team .team-col p.page-text {
    text-align: justify
}

@media (max-width: 1019px) {
    #home .img-phone {
        margin:0 auto
    }
}

#home .hero_container .hll {
    background-color: #ffc
}

#home .hero_container .c {
    color: #ccc
}

#home .hero_container .err {
    color: #a61717;
    background-color: #e3d2d2
}

#home .hero_container .k {
    color: navy;
    font-weight: 700
}

#home .hero_container .ch,#home .hero_container .cm {
    color: #ccc
}

#home .hero_container .cp {
    color: teal
}

#home .hero_container .c1,#home .hero_container .cpf {
    color: #ccc
}

#home .hero_container .cs {
    color: #ccc;
    font-weight: 700
}

#home .hero_container .gd {
    color: #000;
    background-color: #fdd
}

#home .hero_container .ge {
    font-style: italic
}

#home .hero_container .gr {
    color: #a00
}

#home .hero_container .gh {
    color: #999
}

#home .hero_container .gi {
    color: #000;
    background-color: #dfd
}

#home .hero_container .go {
    color: #888
}

#home .hero_container .gp {
    color: #555
}

#home .hero_container .gs {
    font-weight: 700
}

#home .hero_container .gu {
    color: #aaa
}

#home .hero_container .gt {
    color: #a00
}

#home .hero_container .kc,#home .hero_container .kd,#home .hero_container .kn,#home .hero_container .kp,#home .hero_container .kr,#home .hero_container .kt {
    color: navy;
    font-weight: 700
}

#home .hero_container .m,#home .hero_container .s {
    color: #00F
}

#home .hero_container .na {
    color: red
}

#home .hero_container .nt {
    color: navy;
    font-weight: 700
}

#home .hero_container .ow {
    font-weight: 700
}

#home .hero_container .w {
    color: #bbb
}

#home .hero_container .mb,#home .hero_container .mf,#home .hero_container .mh,#home .hero_container .mi,#home .hero_container .mo,#home .hero_container .sb {
    color: #00F
}

#home .hero_container .sc {
    color: purple
}

#home .hero_container .il,#home .hero_container .s1,#home .hero_container .s2,#home .hero_container .sd,#home .hero_container .se,#home .hero_container .sh,#home .hero_container .si,#home .hero_container .sr,#home .hero_container .ss,#home .hero_container .sx {
    color: #00F
}

iframe[name=google_conversion_frame] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.pricetable {
    z-index: 1;
    position: relative;
    background: #fff;
    color: #000;
    padding: 5px;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out;
    transform: scale(1)
}

@media (min-width: 830px) {
    .pricetable-row {
        max-width:88%;
        margin: 0 auto
    }
}

.pricetable-wrapper {
    margin-bottom: 25px
}

@media (min-width: 830px) {
    .pricetable-wrapper {
        margin-bottom:0;
        padding-left: 0;
        padding-right: 0
    }

    .pricetable-wrapper:first-child {
        padding-left: 25px
    }

    .pricetable-wrapper:last-child {
        padding-right: 25px
    }

    .pricetable-wrapper:nth-child(2) .pricetable {
        z-index: 2;
        box-shadow: 0 0 30px rgba(0,0,0,.4);
        transform: scale(1.025)
    }

    .pricetable-wrapper:nth-child(2) .pricetable:hover {
        z-index: 3;
        box-shadow: 0 0 100px rgba(0,0,0,.5);
        transform: scale(1.05)
    }
}

.pricetable:hover {
    z-index: 3;
    box-shadow: 0 0 100px rgba(0,0,0,.5);
    transform: scale(1.05)
}

.pricetable-heading {
    padding: 15px 10px;
    color: #fff
}

.pricetable-heading-title {
    font-weight: 400;
    font-size: 24px;
    margin: 0
}

.pricetable-body {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

@media (min-width: 830px) {
    .pricetable-heading-title {
        font-size:33px
    }

    .pricetable-body {
        min-height: 82px
    }
}

.pricetable-body h3.pricetable-title {
    padding-top: 25px
}

.pricetable-money {
    font-weight: 400;
    font-size: 30px
}

@media (min-width: 830px) {
    .pricetable-money {
        font-size:40px
    }
}

.pricetable-month {
    vertical-align: sub;
    font-size: 15px
}

@media (min-width: 830px) {
    .pricetable-month {
        font-size:20px
    }
}

.pricetable-subtitle {
    color: #888;
    font-size: 13px;
    font-weight: 400
}

.pricetable-list {
    list-style: none;
    padding: 0
}

.pricetable-list-item {
    padding: 13.75px 10px;
    border-bottom: 1px solid #eee
}

.pricetable-list-item b {
    font-weight: 700;
    color: #2A4056
}

.pricetable-list-item span {
    display: block;
    font-size: 13px;
    color: #222
}

.status-indicator {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 25px;
    border: 2px solid #fff;
    background-color: #5ead00;
    vertical-align: sub
}

.nav .status-indicator {
    margin-top: -2px;
    vertical-align: middle;
    margin-left: 4px
}

.status-map {
    display: inline-block;
    position: relative
}

.status-map .status-indicator {
    position: absolute;
    box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

#features-carousel .carousel-inner:before {
    position: absolute;
    top: 66%;
    left: 0;
    width: 100%;
    height: 34%;
    background: #fff
}

#features-carousel .carousel-indicators {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 12.5px 0 25px;
    margin: 0 0 -25px;
    background: #fff
}

@media (min-width: 830px) {
    #features-carousel .carousel-indicators {
        margin-bottom:-50px;
        padding-bottom: 100px
    }
}

@media (min-width: 1020px) {
    #features-carousel .carousel-indicators {
        padding-bottom:150px
    }
}

@media (min-width: 1200px) {
    #features-carousel .carousel-indicators {
        margin-bottom:-75px
    }
}

#features-carousel .page-title-light {
    padding: 0 25px
}

.docs-single:last-child,.getstarted pre.get_started code.hljs,.l-team .is-team-cta,.l-team-stream-investors {
    padding-bottom: 100px
}

#features .row-cols-apart {
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 829px) {
    #features .row-cols-apart>.col-sm-6:nth-child(even)>.row {
        margin-top:25px
    }
}

.mktg-other-features-panel {
    margin-top: 30px
}

.mktg-other-features-panel>div>img {
    width: 100%;
    height: auto;
    margin-top: 18px
}

.mktg-other-features-panel>div>h2 {
    font-size: 21px;
    font-weight: regular
}

#getstarted-tutorial {
    min-height: 650px
}

.getstarted-step {
    display: none
}

.getstarted-step.active-step {
    display: block
}

.getstarted-step h2 {
    margin-top: 0;
    letter-spacing: -1px
}

@media (min-width: 830px) {
    #features .row-cols-apart .col-sm-6 {
        padding-right:37.5px;
        padding-left: 0
    }

    #features .row-cols-apart .col-sm-6:nth-child(even) {
        padding-right: 0;
        padding-left: 37.5px
    }

    .getstarted-step h2 {
        font-size: 40px;
        letter-spacing: -2px
    }

    .getstarted-step h1,.getstarted-step h2 {
        padding-right: 255px
    }
}

.getstarted-step ol a.stream-link,.getstarted-step p a.stream-link {
    color: #4c8efa;
    font-size: 18px
}

.getstarted-step ol a.stream-link:hover,.getstarted-step p a.stream-link:hover {
    color: #4c8efa
}

.getstarted-step ol a,.getstarted-step p a {
    color: rgba(255,255,255,.6)
}

.getstarted-step ol a:hover,.getstarted-step p a:hover {
    color: #fff;
    text-decoration: none
}

.getstarted-step .stream-label-one {
    color: rgba(255,255,255,.5);
    margin-bottom: 20px
}

.getstarted-innerstep {
    display: none
}

.getstarted-innerstep-ul>li {
    margin-bottom: 15px
}

.getstarted-innerstep-ul>li:last-child {
    margin-bottom: none
}

.getstarted-innerstep:first-child {
    display: block
}

.getstarted-buttons .btn+.btn {
    float: right
}

.getstarted-nav {
    z-index: 1;
    position: relative;
    float: right;
    text-align: right
}

@media (min-width: 830px) {
    .getstarted-nav {
        margin-bottom:-10px
    }
}

.getstarted-nav-counter {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    margin-top: 0;
    line-height: 1;
    font-size: 32px;
    font-weight: 200;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
    letter-spacing: -1px;
    opacity: .7
}

.getstarted-nav-indicators {
    margin-top: -10px
}

.getstarted-nav-indicators li {
    width: 34px;
    height: 6px;
    margin-right: 4px;
    background: #fff;
    opacity: .2;
    box-shadow: 0 0 0 rgba(255,255,255,0);
    transition: all .3s ease;
    cursor: pointer
}

.getstarted-nav-indicators li:hover {
    opacity: .4;
    box-shadow: 0 0 25px #fff
}

.getstarted-nav-indicators li.done {
    opacity: .5;
    width: 36px
}

.getstarted-nav-indicators li.active,.getstarted-nav-indicators li.is-active {
    opacity: .7;
    box-shadow: 0 0 25px rgba(255,255,255,.6)
}

.getstarted-run {
    position: absolute!important;
    right: 30px;
    bottom: 30px
}

.getstarted-run.has-run {
    background: #2A4056
}

.getstarted-run.has-run:hover {
    background: #223345;
    opacity: .8
}

.getstarted-callback {
    background: 0 0;
    color: #fff;
    font-size: 13px;
    max-height: 300px;
    margin-bottom: 50px;
    text-transform: none
}

.getstarted .ace_editor {
    font-size: 100%;
    line-height: inherit
}

.getstarted .tab-js {
    position: relative
}

.getstarted .tab-js .editor-error-bar {
    position: absolute;
    width: 100%;
    bottom: -30px;
    border-radius: 0 0 2px 2px
}

.getstarted .tab-js:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25px;
    background: #2b3853!important
}

.docs,.docs-sidebar {
    position: relative
}

.docs-sidebar {
    z-index: 3
}

@media (max-width: 830px) {
    .docs-sidebar .navbar-collapse {
        max-height:300px;
        overflow-x: hidden
    }
}

.docs-sidebar>.navbar {
    z-index: 1;
    position: fixed;
    top: 50px;
    width: 100%
}

.docs-sidebar .navbar-nav>.active>a,.docs-sidebar .navbar-nav>.is-active>a {
    background-color: #3b5a78;
    color: #fff
}

.docs-sidebar .nav-small-header a {
    font-weight: 700
}

.docs-sidebar .nav-submenu.active>a,.docs-sidebar .nav-submenu.in>a,.docs-sidebar .nav-submenu.is-active>a,.docs-sidebar .nav-submenu>.nav .active a,.docs-sidebar .nav-submenu>.nav .is-active a {
    font-weight: 700;
    color: #fff;
    background: 0 0
}

.docs-content {
    background: #fff;
    padding-top: 48px
}

.docs-content h3,.docs-content h4 {
    font-weight: 700
}

.docs-content h3 {
    text-transform: uppercase;
    color: #2A4156;
    margin-top: 0;
    margin-bottom: 16.67px;
    padding-right: 38px
}

@media (min-width: 830px) {
    .docs-sidebar>.navbar {
        height:auto!important;
        width: auto;
        bottom: 0
    }

    .docs-content {
        padding-top: 0
    }

    .docs-content h3 {
        padding-right: 0
    }
}

.docs-content .code-tab-content {
    margin-bottom: 0
}

.docs-single {
    position: relative;
    margin: 0 auto;
    padding-top: 100px
}

.docs-single:before {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999
}

.docs-single:first-of-type {
    margin-top: -50px
}

.docs-title-hashlink {
    right: 0;
    color: #999;
    text-decoration: none!important;
    font-size: 18px
}

@media (min-width: 830px) {
    .docs-single {
        padding-left:10%;
        padding-right: 10%
    }

    .docs-single:before {
        width: 80%;
        left: 10%
    }

    .docs-title-hashlink {
        right: auto;
        left: 10%;
        margin-left: -48px
    }
}

.docs-params {
    margin: 25px 0;
    font-size: 14px
}

.docs-return-row {
    border-top: 4px solid #cfd7e1
}

.docs-return-row>td {
    background: #DFE4EB!important
}

#page__gettingstarted-iii #previews {
    position: fixed;
    top: 240px;
    bottom: 50px;
    width: 515px;
    overflow: visible
}

@media (max-height: 770px) {
    #page__gettingstarted-iii #previews {
        top:120px
    }
}

#page__gettingstarted-iii #previews .preview {
    height: 100%;
    max-height: 70vh;
    max-width: 280px
}

#page__gettingstarted-iii #previews .preview-header {
    background: #FFF;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    height: 108px;
    color: #000;
    text-align: center;
    font-family: "Miriam Libre",sans-serif;
    text-transform: none;
    z-index: 10
}

#page__gettingstarted-iii #previews .preview-proportionizr {
    position: absolute;
    top: 80px;
    bottom: 15px;
    left: 0;
    right: 0;
    overflow: visible;
    padding-bottom: 0
}

#page__gettingstarted-iii .preview {
    position: relative;
    background: #fff;
    transition: box-shadow .3s ease,transform .3s ease;
    text-transform: none;
    border-radius: 2px;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 50px
}

#page__gettingstarted-iii .preview-eric .preview-header,#page__gettingstarted-iii .preview-jessica .preview-header,#page__gettingstarted-iii .preview-jule .preview-header {
    background: #FFF;
    font-family: "Miriam Libre",sans-serif;
    text-align: center;
    text-transform: none
}

#page__gettingstarted-iii .preview .handle {
    font-size: 12px;
    opacity: .5
}

#page__gettingstarted-iii .preview:hover {
    z-index: 4;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    transform: scale(1.025)
}

#page__gettingstarted-iii .preview:hover+.preview {
    box-shadow: 0 10px 5px rgba(0,0,0,.2);
    transform: scale(.975)
}

#page__gettingstarted-iii .preview-eric {
    z-index: 3;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14)
}

#page__gettingstarted-iii .preview-eric .preview-header {
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    height: 108px
}

#page__gettingstarted-iii .preview-eric .preview-header .fox {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: -40px auto 0;
    position: relative;
    z-index: 30
}

#page__gettingstarted-iii .preview-eric .preview-header .name {
    font-size: 16px;
    display: block;
    width: 100%;
    padding-top: 10px;
    clear: both
}

#page__gettingstarted-iii .preview-eric .preview-header .handle {
    font-size: 12px
}

#page__gettingstarted-iii .preview-jessica {
    z-index: 1;
    right: -80px;
    margin-left: 23%;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14)
}

#page__gettingstarted-iii .preview-jessica .preview-header {
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    height: 108px
}

#page__gettingstarted-iii .preview-jessica .preview-header .fox {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: -40px auto 0;
    position: relative;
    z-index: 30;
    background-image: url(https://getstream.imgix.net/images/gsv2/deer.png)
}

#page__gettingstarted-iii .preview-jessica .preview-header .name {
    font-size: 16px;
    display: block;
    width: 100%;
    padding-top: 10px;
    clear: both
}

#page__gettingstarted-iii .preview-jessica .preview-header .handle {
    font-size: 12px
}

#page__gettingstarted-iii .preview-jessica .preview-proportionizr {
    position: absolute;
    top: 80px!important;
    bottom: 15px;
    left: 0;
    right: 0;
    overflow: visible;
    padding-bottom: 0
}

#page__gettingstarted-iii .preview-jule {
    right: -80px;
    top: 7.5%;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14)
}

#page__gettingstarted-iii .preview-jule .preview-header {
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    height: 108px
}

#page__gettingstarted-iii .preview-jule .preview-header .fox {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: -40px auto 0;
    position: relative;
    z-index: 30;
    background-image: url(https://getstream.imgix.net/images/gsv2/cow.png)
}

#page__gettingstarted-iii .preview-jule .preview-header .name {
    font-size: 16px;
    display: block;
    width: 100%;
    padding-top: 10px;
    clear: both
}

#page__gettingstarted-iii .preview-jule .preview-header .handle {
    font-size: 12px
}

#page__gettingstarted-iii .preview-jule .preview-proportionizr {
    position: absolute;
    top: 80px!important;
    bottom: 15px;
    left: 0;
    right: 0;
    overflow: visible;
    padding-bottom: 0
}

@media (min-width: 1020px) {
    #page__gettingstarted-iii .preview {
        position:absolute;
        width: 60%;
        margin: 0
    }

    #page__gettingstarted-iii .preview-eric {
        top: 0;
        left: 35px
    }

    #page__gettingstarted-iii .preview-jessica {
        top: 7%;
        float: right
    }
}

#page__gettingstarted-iii .preview-header {
    padding: 0;
    text-transform: none
}

#page__gettingstarted-iii .preview-header-title {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin: 20px 0 5px 80px;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 400
}

#page__gettingstarted-iii .preview-header-image {
    float: left;
    height: 70px;
    width: 70px
}

#page__gettingstarted-iii .preview-activity {
    color: #444;
    padding: 10px 10px 0
}

#page__gettingstarted-iii .preview-activity:hover {
    background: #fafafa
}

#page__gettingstarted-iii .preview-activity-inner {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

#page__gettingstarted-iii .preview-activity-inner>img {
    float: left;
    margin-right: 5px;
    border-radius: 2px
}

#page__gettingstarted-iii .preview-activity-inner>div {
    overflow: hidden;
    font-size: 14px;
    line-height: 15px;
    min-height: 30px
}

#page__gettingstarted-iii .preview-activity-inner>div>h3 {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    text-overflow: ellipsis;
    font-family: "Miriam Libre",sans-serif;
    margin: 0;
    color: rgba(42,55,84,.4)
}

#page__gettingstarted-iii .preview-activity-inner>div>h3>.name {
    color: #2a3754;
    font-size: 14px
}

#page__gettingstarted-iii .preview-activity-inner>div>time {
    font-size: 12px;
    font-family: "Miriam Libre",sans-serif;
    color: rgba(42,55,84,.4);
    text-transform: lowercase
}

#page__gettingstarted-iii .preview-activity-inner>p {
    margin: 5px 0 0;
    font-size: 16px;
    line-height: 16px;
    color: #2a3754
}

#page__gettingstarted-iii .preview-activity-inner>.video-link>img {
    float: left;
    margin-right: 10px
}

#page__gettingstarted-iii .preview-activity-inner>.video-link>div {
    font-weight: 500;
    color: #2a3754;
    line-height: 37.5px;
    margin: 10px 0 0
}

#page__gettingstarted-iii .preview-activity-inner .mini-avatar {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    position: relative;
    left: 0
}

#page__gettingstarted-iii .preview-proportionizr {
    position: relative;
    padding-bottom: 110%;
    min-height: 1px;
    margin-bottom: 15px
}

#page__gettingstarted-iii .preview-proportioned {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

#page__gettingstarted-iii .preview-type {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f2f2f2;
    color: rgba(42,55,84,.6);
    text-align: center;
    font-size: 10px;
    text-transform: uppercase
}

.call-to-action {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 100px 20px;
    color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAALxJREFUaAXtlb0KgDAQgz0R+v6P28k/7FBo1mDg66I2Q8wlR+q8z/ad8VpV42p6/hHfpz8M/IgXcIxYPMPvvb8etNaWXvwRj3egbgdY4mXeTJfxEUKAKSmSJt4BekB6awLoAdOgJU38EiNAemsC4h2gB0xJkTT0gByNCYhfYgSYkiJp4h2gB6S3JoAeMA1a0sQvMQKktyYg3gF6wJQUSUMPyNGYgPglRoApKZIm3gF6QHprAugB06AlTfwSX3cgGEdwPspHAAAAAElFTkSuQmCC);
    border-top: 1px solid #dbdbdb
}

.call-to-action-btn {
    margin-bottom: 20px
}

.call-to-action-title {
    font-size: 42px;
    color: #2a4056;
    line-height: 56px;
    margin-top: 0;
    margin-bottom: 35px
}

.call-to-action-info {
    max-width: 550px;
    margin: 0 auto 50px;
    font-size: 18px;
    color: #2a4056;
    line-height: 32px
}

.call-to-action-small-letters {
    font-size: 12px;
    color: rgba(255,255,255,.6);
    line-height: 21px
}

@media (min-width: 1020px) {
    .call-to-action {
        padding:100px 0
    }
}

.invite-page {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    padding-top: 20px;
    background-color: #fcfbfc
}

.invite-page .logo {
    margin: 20px auto;
    width: 100%
}

@media (min-width: 768px) {
    .invite-page {
        padding-top:250px
    }

    .invite-page .logo {
        margin: 50px 0;
        width: auto
    }
}

.invite-page h1 {
    color: #2A4056;
    font-family: "Miriam Libre";
    font-size: 21px;
    line-height: 20px;
    margin: 45px 0 19px
}

.invite-page h2 {
    color: rgba(42,64,86,.5);
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 6px;
    text-transform: uppercase
}

.invite-page p {
    color: #2A3754;
    font-size: 15px;
    line-height: 21px
}

.invite-page p.github-link {
    margin: 30px 0
}

.invite-page .details {
    color: #2A3754;
    font-size: 18px;
    line-height: 15px
}

.invite-page .btn-github {
    color: #4c8efa
}

.invite-page form {
    margin-bottom: 0
}

.invite-page form label {
    color: rgba(42,64,86,.8);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

.invite-page form button {
    display: block;
    width: 100%
}

.invite-page form .form-group {
    margin-bottom: 39px
}

.invite-page .invite-box {
    border: 1px solid rgba(153,169,179,.13);
    background-color: #FFF;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.03);
    padding: 0 30px
}

.landing-header {
    background: url(https://getstream.imgix.net/images/analytics-landing-bg@2x.jpg) bottom center no-repeat #fff;
    background-position-y: 140px;
    box-shadow: 0 1px 0 0 rgba(92,120,157,.19);
    overflow: hidden;
    min-height: 530px;
    height: 50vh
}

@media (min-width: 2880px) {
    .landing-header {
        background:url(https://getstream.imgix.net/images/analytics-landing-bg@2x.jpg);
        background-size: cover!important
    }
}

.landing-header-gradient {
    min-height: 530px;
    height: 50vh;
    background-image: linear-gradient(-167deg,rgba(255,255,255,.15) 13%,rgba(4,107,229,.15) 100%)
}

.landing-header-hero {
    text-align: center;
    padding-top: 10px;
    min-height: 530px;
    height: 50vh
}

.landing-header-title {
    font-weight: 200;
    color: #2a4056;
    margin-bottom: 20px
}

.landing-header-text {
    max-width: 775px;
    margin: 0 auto 41px;
    color: #2a4056
}

.landing-header-text-2 {
    max-width: 975px;
    margin: 0 auto;
    font-size: 20px;
    color: #2a4056;
    line-height: 39px
}

.landing-header-btn,.quote--wrap img {
    margin-bottom: 10px
}

.landing-header-screenshot {
    box-shadow: 0 -6px 19px 0 rgba(91,3,169,.12),0 0 149px 0 rgba(73,143,225,.29);
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%\9;
    height: auto;
    width: 80%;
    max-width: 970px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.landing-header-small-letters {
    font-size: 12px;
    color: rgba(42,64,86,.6);
    line-height: 21px;
    display: block
}

.landing-header-back {
    font-family: LucidaGrande;
    font-size: 14px;
    color: #1A89D9;
    line-height: 20px
}

.landing-header-back:hover {
    color: #1A89D9
}

@media (min-width: 1020px) {
    .landing-header,.landing-header-gradient {
        height:790px
    }

    .landing-header-hero {
        height: 790px;
        padding-top: 80px
    }

    .landing-header-screenshot {
        width: 100%
    }

    .landing-header-small-letters {
        margin-bottom: 80px
    }
}

.landing-section {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important
}

.landing-section h1,.landing-section h2,.landing-section h3,.landing-section h4,.landing-section h5 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif!important
}

.l-new-stream #page,.l-new-stream #page~article,.l-new-stream #page~div,.notification-bar {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important
}

.landing-section-image {
    max-width: 80%;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.landing-section .row {
    margin-bottom: 0
}

.landing-section-subtitle {
    font-weight: 600;
    font-size: 14px;
    color: rgba(42,64,86,.5);
    letter-spacing: 2px;
    line-height: 32px;
    margin: 20px 0 0;
    text-transform: uppercase
}

.landing-section-title {
    font-weight: 200;
    font-size: 42px;
    color: #2a4056;
    line-height: 56px;
    margin-top: 0;
    margin-bottom: 36px
}

.landing-section-info {
    color: rgba(42,64,86,.8);
    font-size: 16px;
    line-height: 32px
}

.landing-section-item-title {
    font-weight: 500;
    font-size: 20px;
    color: #2a4056;
    line-height: 32px
}

.landing-section-image-sm {
    max-width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.landing-section-icon {
    color: #4DD0E1;
    font-size: 42px
}

.landing-section-content {
    text-align: center
}

.landing-section-content>div {
    margin: 30px 0
}

.horizontal-list {
    list-style-type: none;
    padding: 0;
    display: none
}

.horizontal-list li {
    display: inline-block;
    text-transform: uppercase;
    opacity: .5;
    font-weight: 600;
    font-size: 14px;
    color: #2a4056;
    letter-spacing: .77px;
    line-height: 19px
}

.horizontal-list li:after {
    content: " ∘ ";
    padding: 0 10px;
    font-size: 26px;
    position: relative;
    top: -2px
}

.horizontal-list>li:last-child:after {
    content: ""
}

@media (min-width: 1020px) {
    .landing-section .row {
        margin-bottom:100px
    }

    .landing-section-image {
        margin-top: 80px
    }

    .landing-section-image-sm {
        max-width: 80%
    }

    .landing-section-subtitle {
        margin: 80px 0 0
    }

    .landing-section-content {
        text-align: left
    }

    .landing-section-content>div {
        margin: 0
    }

    .horizontal-list {
        display: initial
    }
}

body.has-notification-bar .navbar-fixed-top {
    position: initial
}

.notification-bar {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    font-weight: 600;
    font-size: 14px
}

.notification-bar h1,.notification-bar h2,.notification-bar h3,.notification-bar h4,.notification-bar h5 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif!important
}

.notification-bar-color-1 {
    color: #00bcd4
}

.notification-bar-color-2 {
    color: #0275d8
}

.notification-bar-message {
    display: none
}

@media (min-width: 1020px) {
    .notification-bar-message {
        display:inline
    }
}

.notification-bar a {
    color: inherit
}

.notification-bar a i {
    font-size: 10px
}

.legend {
    text-align: right
}

.legend-item {
    font-size: 13px;
    color: #7a7e84;
    line-height: 27px;
    margin-left: 25px
}

.legend i {
    background: #00e676;
    width: 16px;
    height: 16px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: sub
}

.dashboard-controls {
    font-size: 13px;
    color: #7a7e84;
    line-height: 18px
}

.dashboard-controls-bar {
    width: 100%
}

.dashboard-controls .dashboard-page-title {
    font-size: 22px;
    color: #49596a;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 25px
}

.dashboard-controls .dashboard-page-title .btn-close:after,.dashboard-controls .dashboard-page-title .icon,.dashboard-controls .dashboard-page-title .link-newtab:after,.dashboard-controls .dashboard-page-title .modal-content .modal-header .close:after,.dashboard-controls .dashboard-page-title [type=checkbox].stream-form-control:checked+label:after,.dashboard-controls .dashboard-page-title [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .dashboard-controls .dashboard-page-title .close:after {
    font-size: 32px;
    vertical-align: sub
}

.product-hunt {
    background: #DB4946;
    color: #fff;
    padding: 20px 0;
    clear: both;
    display: block
}

.product-hunt-title {
    font-weight: 700;
    font-size: 21px;
    color: #fff;
    line-height: 26px;
    margin: 15px 0 0
}

.product-hunt-text {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 26px
}

.pricing {
    margin-top: -150px;
    padding-bottom: 50px;
    padding-top: 0;
    background: 0 0
}

.pricing-modifier {
    position: relative;
    height: 40px;
    line-height: 40px;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 12px;
    color: #0fdebd;
    text-transform: uppercase;
    background: rgba(255,255,255,.1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.pricing-block {
    height: 330px;
    width: 270px;
    padding: 25px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.04),0 0 12px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    text-align: center
}

.pricing-block-name {
    font-weight: 700;
    font-size: 14px;
    color: rgba(43,54,66,.5);
    letter-spacing: 2px;
    line-height: 19px;
    text-transform: uppercase
}

.pricing-block-dollar {
    font-size: 31px;
    color: #2c3643;
    line-height: 42px
}

.pricing-block-info {
    margin: 25px 0
}

.pricing-block-info strong {
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #2c3643;
    line-height: 32px
}

.pricing-block-btn {
    padding-left: 0;
    padding-right: 0;
    width: 155px;
    margin: 0 auto
}

.pricing-list {
    list-style-type: none;
    text-align: center;
    margin: 25px 0;
    padding: 0;
    font-size: 14px;
    color: rgba(43,54,66,.68);
    line-height: 45px
}

@media (min-width: 1020px) and (max-width:1200px) {
    .pricing-block-dollar {
        font-size:25px!important
    }
}

@media (min-width: 1020px) {
    .pricing-modifier {
        margin:-40px auto 0
    }

    .pricing-block {
        width: auto
    }
}

.icon-list-icon {
    font-size: 32px;
    width: 10%;
    color: #4C8EFA;
    height: 45px;
    display: inline-block
}

.icon-list-item {
    width: 90%;
    display: inline-block;
    float: right;
    padding-left: 10px;
    height: 45px;
    font-size: 14px;
    color: rgba(255,255,255,.68);
    line-height: 24px;
    line-height: 40px
}

.enterprise>div[class^=col-] {
    margin-bottom: 20px
}

.enterprise-title {
    font-weight: 600;
    font-size: 31px;
    color: #fff;
    line-height: 42px;
    margin-top: 100px
}

.enterprise-subtitle {
    font-size: 21px;
    color: #fff;
    line-height: 26px
}

@media (min-width: 1020px) {
    .enterprise>div[class^=col-] {
        margin-bottom:40px
    }

    .enterprise-title {
        margin-top: 0
    }
}

.enterprise-wide {
    background: #2c3643;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    color: #fff;
    width: 100%
}

#quote-carousel {
    padding-bottom: 30px
}

@media (max-width: 830px) {
    #quote-carousel .carousel-indicators {
        bottom:-20px!important
    }

    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0 5px;
        width: 15px;
        height: 15px
    }

    #quote-carousel .carousel-indicators li.active,#quote-carousel .carousel-indicators li.is-active {
        margin: 0 5px;
        width: 20px;
        height: 20px
    }
}

@media (min-width: 830px) {
    #quote-carousel {
        margin-bottom:0
    }
}

#quote-carousel-logos {
    margin-bottom: 40px
}

#quote-carousel-logos span {
    padding: 0 30px 30px 0;
    display: inline-block;
    opacity: .5;
    cursor: pointer
}

#quote-carousel-logos span.active,#quote-carousel-logos span.is-active {
    opacity: 1
}

.quote--wrap {
    min-height: 143px;
    background-color: #fff;
    color: #333;
    padding: 25px
}

.quote--slide {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding-left: 180px;
    border-left: none;
    text-align: left;
    color: #000
}

.quote--icon {
    float: left;
    margin: -5px 10px 0 0;
    font-size: 25px;
    color: #d0dae3
}

.quote--divider {
    margin: 23px 0
}

.quote--author {
    font-size: .8em;
    color: #000;
    font-weight: 700
}

.quote--author-desc {
    font-size: .8em;
    color: #2A4056
}

.quote--author-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px
}

.quote--marker {
    position: absolute;
    left: 170px;
    top: 40px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    font-size: 0;
    line-height: 0
}

@media (max-width: 830px) {
    .quote--slide {
        text-align:center;
        padding-left: 0
    }

    .quote--author-img {
        position: relative;
        margin-bottom: 10px
    }

    .quote--marker {
        display: none
    }
}

.quotes-img,.quotes-quote {
    margin: 0 auto
}

.quotes {
    height: 670px
}

.quotes-quote {
    padding: 50px 0;
    max-width: 970px;
    font-size: 47px;
    line-height: 64px;
    font-weight: 200;
    color: #2c3643
}

.quotes-person strong {
    font-weight: 700;
    font-size: 18px;
    color: #2c3643;
    line-height: 32px;
    display: block
}

@media (min-width: 1020px) {
    .quotes {
        height:700px
    }
}

.is-inline {
    display: inline-block!important;
    width: auto!important
}

.btn.is-hidden-column {
    color: #bbb!important;
    background-color: rgba(0,0,0,.05)!important
}

.is-short .chart-stage {
    height: 167px
}

.chart-error-overlay {
    border-radius: 2px
}

.chart-error-overlay.is-error,.chart-error-overlay.is-info,.chart-error-overlay.is-warning {
    background-color: rgba(255,255,255,.5)
}

.chart-error-overlay.is-error span,.chart-error-overlay.is-info span,.chart-error-overlay.is-warning span {
    display: inline-block;
    width: auto;
    padding: 10px 15px;
    background: #FEEF6D;
    border-radius: 2px;
    font-style: italic;
    font-size: 14px;
    color: #49596a;
    line-height: 20px
}

.chart-error-overlay.is-error span {
    color: #eb1c23!important;
    background-color: #fde8e9!important
}

.leaderboard-bar.is-unordered .leaderboard-bar-link {
    width: 100%!important
}

.timepicker.is-small .timepicker-absolute div[class^=col-] {
    padding: 0 5px!important
}

td.sparkline {
    overflow: visible!important
}

.is-small-grid div[class^=col-] {
    padding-left: 10px!important;
    padding-right: 10px!important
}

.is-small-grid .row {
    background-color: #fff;
    margin-left: -10px!important;
    margin-right: -10px!important
}

.is-no-padding {
    padding-left: 0!important;
    padding-right: 0!important
}

.is-no-margin {
    margin-left: 0!important;
    margin-right: 0!important
}

.l-new-stream {
    background: #fff
}

.l-new-stream #page h1,.l-new-stream #page h2,.l-new-stream #page h3,.l-new-stream #page h4,.l-new-stream #page h5,.l-new-stream #page~article h1,.l-new-stream #page~article h2,.l-new-stream #page~article h3,.l-new-stream #page~article h4,.l-new-stream #page~article h5,.l-new-stream #page~div h1,.l-new-stream #page~div h2,.l-new-stream #page~div h3,.l-new-stream #page~div h4,.l-new-stream #page~div h5 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif!important
}

.l-new-stream .navbar-inverse {
    background-color: #2a4056;
    border-color: #2a4056;
    padding: 10px 0;
    transition: padding .1s ease-out
}

.l-new-stream .navbar-inverse.is-below-fold {
    padding: 0
}

.l-new-stream .navbar-inverse .navbar-nav>.active>a,.l-new-stream .navbar-inverse .navbar-nav>.is-active>a,.l-new-stream .navbar-inverse .navbar-nav>li>a:hover {
    background: initial
}

.l-new-stream .page-header-title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 35px;
    letter-spacing: 0
}

.l-new-stream .page-subtitle {
    color: #fff;
    max-width: 775px;
    padding: 0 10px;
    font-size: 19px;
    line-height: 26px;
    margin: 0 auto
}

.l-new-stream .page-subtitle strong {
    font-weight: 500
}

.l-new-stream .page-block-header {
    background-color: #2a4056
}

.l-new-stream .page-block-dark {
    background: #2c3643;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    color: #fff
}

@media (min-width: 1020px) {
    .l-new-stream {
        background:#fcfcfc
    }

    .l-new-stream .page-header-title {
        font-weight: 300
    }

    .l-new-stream .page-subtitle {
        font-size: 21px
    }
}

.l-analytics {
    background: #fff!important
}

.l-analytics #page,.l-analytics #page~article,.l-analytics #page~div {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important
}

.l-analytics #page h1,.l-analytics #page h2,.l-analytics #page h3,.l-analytics #page h4,.l-analytics #page h5,.l-analytics #page~article h1,.l-analytics #page~article h2,.l-analytics #page~article h3,.l-analytics #page~article h4,.l-analytics #page~article h5,.l-analytics #page~div h1,.l-analytics #page~div h2,.l-analytics #page~div h3,.l-analytics #page~div h4,.l-analytics #page~div h5 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif!important
}

.l-explorer #page,.l-explorer #page~article,.l-explorer #page~div,.l-landing #page,.l-landing #page~article,.l-landing #page~div {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important
}

.l-analytics .dashboard-controls {
    font-size: 13px;
    padding-bottom: 0;
    margin-bottom: 0
}

.l-analytics .dashboard-controls>div {
    display: inline-block
}

.l-analytics .dashboard-controls .form-control-search {
    min-width: 250px
}

.l-analytics .dashboard-controls hr {
    margin-top: 30px
}

.l-analytics .dashboard-controls-title {
    margin-bottom: 10px
}

.l-analytics .integrate {
    width: 570px;
    padding-top: 60px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.l-analytics .integrate p {
    font-size: 16px;
    clear: both;
    padding: 0 80px
}

.l-analytics .integrate .btn-stream {
    width: 150px;
    margin-top: 30px
}

.l-analytics .section-header {
    font-size: 14px;
    line-height: 19px
}

.l-analytics .section-header .btn-close:after,.l-analytics .section-header .icon,.l-analytics .section-header .link-newtab:after,.l-analytics .section-header .modal-content .modal-header .close:after,.l-analytics .section-header [type=checkbox].stream-form-control:checked+label:after,.l-analytics .section-header [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-analytics .section-header .close:after {
    color: #4a90e2
}

.l-landing {
    background: #fff
}

.l-landing #page h1,.l-landing #page h2,.l-landing #page h3,.l-landing #page h4,.l-landing #page h5,.l-landing #page~article h1,.l-landing #page~article h2,.l-landing #page~article h3,.l-landing #page~article h4,.l-landing #page~article h5,.l-landing #page~div h1,.l-landing #page~div h2,.l-landing #page~div h3,.l-landing #page~div h4,.l-landing #page~div h5 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif!important
}

.l-landing hr {
    margin: 0;
    padding: 0
}

.l-landing .landing-header {
    margin-bottom: 20px;
    background-size: cover
}

.l-pricing #page {
    background-color: #fff;
    color: #49596B
}

.l-pricing .page-block-header {
    height: 320px
}

.l-pricing .page-title {
    color: #2c3643;
    line-height: 42px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0
}

.l-pricing .page-heading {
    height: 75px;
    text-transform: none;
    font-size: 21px;
    color: #2c3643;
    line-height: 32px;
    font-weight: 400
}

.getstarted-step .l-pricing p,.l-pricing .getstarted-step p,.l-pricing .page-text {
    font-size: 16px;
    color: #2c3643;
    line-height: 32px;
    text-transform: none!important
}

.l-pricing .page-block-hr {
    background-image: url(https://getstream.imgix.net/images/pricing/stream_wave_bg.png);
    height: 50px
}

.l-pricing .page-bg-wave {
    height: 140px;
    padding: 0;
    background-color: #2a4056;
    background-image: url(https://getstream.imgix.net/images/pricing/top_stream_wave_bg@2x.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 1200px 110px
}

@media (min-width: 1020px) {
    .l-landing hr {
        margin:0 0 100px
    }

    .l-landing .landing-header {
        margin-bottom: 100px
    }

    .faq>div[class^=col-] {
        height: 460px
    }

    .l-pricing .page-bg-wave {
        background-image: url(https://getstream.imgix.net/images/pricing/top_stream_wave_bg.png)
    }
}

@media screen and (min-width: 1020px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1020px) and (-moz-min-device-pixel-ratio:1.5),screen and (min-width:1020px) and (min-device-pixel-ratio:1.5) {
    .l-pricing .page-bg-wave {
        background-image:url(../css/top_stream_wave_bg@2x.png)!important;
        background-size: contain!important
    }
}

.is-lifted {
    background: rgba(255,255,255,.94);
    box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
    padding: 60px 0;
    margin-bottom: 40px;
    position: relative
}

.l-team-amsterdam-title,.l-team-label-name,.team-badass-container:hover {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.3)
}

.l-team #page {
    text-transform: none;
    font-weight: lighter!important
}

.l-team .page-block-header {
    padding-bottom: 50px
}

.l-team-founder-qoute {
    text-transform: none;
    font-weight: 500;
    font-size: 18px;
    color: #4854bd;
    line-height: 33px
}

.l-team-label-name {
    font-weight: 200;
    font-size: 21px;
    color: #fff;
    background: #4854bd;
    line-height: 28px;
    width: 290px;
    padding: 20px 0;
    position: absolute;
    top: -60px
}

.l-team-label-name strong {
    font-weight: 700
}

.l-team-label-name.is-at-top {
    top: -15px!important
}

.l-team-story-text {
    font-size: 21px;
    color: #2a4056;
    line-height: 39px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

.l-team-story-text a {
    font-weight: 200;
    font-size: inherit;
    padding: 0;
    margin: -6px 0 0;
    color: #2A4056
}

.l-team-amsterdam {
    background: #A2EBDE;
    text-align: left
}

.l-team-amsterdam-image {
    background-image: url(https://getstream.imgix.net/images/team/locations/amsterdam.jpg);
    background-size: cover;
    height: 528px
}

.l-team-amsterdam-title {
    background: rgba(107,156,221,.97);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1;
    color: #fff;
    line-height: 49px;
    display: block;
    padding: 12px;
    width: 120px;
    margin-top: -35px;
    text-align: center
}

.l-team-amsterdam .l-team-story-text {
    max-height: 528px
}

.l-team-amsterdam .l-team-story-text .align {
    padding-top: 165px;
    width: 80%;
    margin: 0 auto
}

@media (max-width: 992px) {
    .l-team-amsterdam .l-team-story-text .align {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.l-team-nyc {
    background: #FFDBBB;
    text-align: left
}

.l-team-nyc-image {
    background-image: url(https://getstream.imgix.net/images/team/locations/nyc.jpg);
    background-size: cover;
    height: 385px
}

.l-team-nyc-investor-block {
    margin: 0 auto
}

.l-team-nyc .l-team-story-text {
    padding: 25px 0 0;
    min-height: 350px
}

.l-team-nyc .l-team-story-text h2 {
    font-weight: 700;
    text-align: center;
    font-size: 21px;
    color: #E77659;
    line-height: 25px
}

.l-team-nyc .l-team-story-text p {
    font-weight: 200;
    font-size: 16px;
    color: #2a4056;
    line-height: 27px;
    padding: 30px 30px 0 50px;
    margin-bottom: 40px
}

@media (min-width: 830px) {
    .l-team-nyc .l-team-story-text {
        height:300px
    }
}

.l-team-boulder {
    background: #3E93FB;
    text-align: left
}

.l-team-boulder-image {
    background-image: url(https://getstream.imgix.net/images/team/locations/boulder.jpg);
    background-size: cover;
    min-height: 560px;
    max-height: 662px
}

.l-team-boulder .l-team-story-text {
    font-weight: 200;
    font-size: 16px;
    color: #FFF;
    line-height: 26px;
    padding: 40px 20px
}

.l-team-boulder .l-team-story-text p {
    padding: 10px 20px 0
}

.l-team-stream-investors {
    font-weight: 500;
    color: #2a4056;
    font-size: 11px;
    line-height: 17px;
    text-align: left
}

.l-team-stream-investors-block {
    padding-left: 138px;
    margin-top: 50px;
    height: 128px;
    position: relative
}

.l-team-stream-investors-block .detail {
    font-size: 14px;
    position: absolute;
    bottom: 0
}

.l-team-stream-investors-block .detail .name {
    font-weight: 700;
    display: block;
    clear: both
}

.l-team-stream-investors-block .detail .roll {
    font-weight: 200;
    display: block;
    clear: both
}

.l-team-stream-investors-dharmesh {
    background: url(https://getstream.imgix.net/images/team/dharmesh.jpg) no-repeat
}

.l-team-stream-investors-alex {
    background: url(https://getstream.imgix.net/images/team/alex.jpg) no-repeat
}

.l-team-stream-investors-jud {
    background: url(https://getstream.imgix.net/images/team/jud.jpg) no-repeat
}

.l-team .row {
    display: block
}

.l-team .is-advisor {
    text-align: left;
    background: 0 0;
    height: auto!important
}

.l-team .is-advisor img {
    margin-top: 0
}

.l-team .is-advisor .detail .name {
    font-weight: 700;
    font-size: 21px;
    display: block;
    clear: both
}

.l-team .is-advisor .detail .roll {
    display: block;
    clear: both;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    opacity: .5;
    margin-bottom: 30px
}

.l-team .is-team-cta {
    background: #2c3643;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    color: #fff;
    margin-top: 50px
}

.l-team .is-team-cta h2 {
    font-size: 47px;
    font-weight: 200
}

.l-team .is-team-cta p {
    font-size: 18px
}

.l-team .is-team-cta .btn-stream {
    width: 150px;
    margin-top: 50px
}

.l-team-badass {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #2a4056
}

.l-team-badass h2 {
    font-weight: 200;
    text-align: center;
    font-size: 47px;
    color: #2a4056;
    line-height: 56px;
    margin: 25px 0 50px
}

.l-team-badass img {
    margin-bottom: 30px
}

.l-team-badass p {
    margin-bottom: 100px
}

.team-badass {
    font-weight: 400;
    color: #2a4056
}

.team-badass-container {
    margin: 100px 0 50px;
    height: 300px;
    padding: 0 25px;
    background: #f5f5f5;
    transition: .25s ease-in-out
}

.team-badass-member {
    text-align: center
}

.team-badass-member img {
    margin-top: -75px
}

.team-badass-member p {
    margin-top: 20px;
    font-weight: 200
}

.team-badass-member .name {
    font-size: 21px;
    font-weight: 700;
    display: block;
    clear: both
}

.team-badass-member .roll {
    display: block;
    clear: both;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    opacity: .5
}

.team-badass-container:hover {
    background: #4854bd;
    color: #fff
}

@media (min-width: 1020px) {
    .team-badass-container {
        margin:100px 40px 50px
    }

    .l-team-founder-qoute {
        font-size: 30px;
        line-height: 46px
    }

    .l-team-stream-investors-jud {
        margin-top: 100px
    }

    .l-team-stream-investors {
        font-size: 21px;
        line-height: 25px
    }

    .l-team-badass h2 {
        margin: 50px 0 100px
    }

    .l-team-label-name {
        top: -30px;
        left: 40px
    }

    .is-lifted {
        padding: 80px 0
    }
}

.l-explorer #page h1,.l-explorer #page h2,.l-explorer #page h3,.l-explorer #page h4,.l-explorer #page h5,.l-explorer #page~article h1,.l-explorer #page~article h2,.l-explorer #page~article h3,.l-explorer #page~article h4,.l-explorer #page~article h5,.l-explorer #page~div h1,.l-explorer #page~div h2,.l-explorer #page~div h3,.l-explorer #page~div h4,.l-explorer #page~div h5 {
    font-family: "HK Grotesk","Helvetica Neue",Helvetica,sans-serif!important
}

.l-explorer .histogram {
    position: absolute;
    top: 0;
    left: 25px;
    right: 45px;
    height: auto
}

.l-explorer .histogram .chart-stage {
    padding: 0;
    height: 110px
}

.l-explorer .dashboard-controls {
    padding-bottom: 0;
    margin-bottom: 0
}

.l-explorer .dashboard-controls .form-control-search {
    min-width: 250px
}

.l-explorer .dashboard-controls hr {
    margin-top: 30px
}

.l-explorer .dashboard-controls-wrapper>div,.l-explorer .dashboard-controls-wrapper>p {
    display: inline-block
}

.l-explorer .dashboard-page-title {
    text-transform: initial!important;
    margin-bottom: 5px
}

.l-explorer .dashboard-page-subtitle {
    color: rgba(54,82,105,.8);
    font-size: 12px;
    font-weight: 200;
    line-height: 16px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.l-explorer .dashboard-page-subtitle a {
    color: inherit!important;
    font-size: inherit!important
}

.l-explorer .aggregated-feed .doby-grid-cell {
    cursor: pointer
}

.l-usage .chart-wrapper {
    background-color: rgba(255,255,255,0)
}

.l-analytics .dashboard-content a.link {
    color: #4a90e2;
    font-weight: 500;
    font-size: 13px
}

.l-analytics .section-header a,.l-analytics h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px
}

.l-analytics h4 {
    text-transform: uppercase;
    color: #7a7e84
}

.l-analytics h4 .btn-close:after,.l-analytics h4 .icon,.l-analytics h4 .link-newtab:after,.l-analytics h4 .modal-content .modal-header .close:after,.l-analytics h4 [type=checkbox].stream-form-control:checked+label:after,.l-analytics h4 [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-analytics h4 .close:after {
    color: #4a90e2
}

.l-analytics .dashboard-col-content {
    position: relative
}

.l-analytics #page {
    color: #49596B
}

.l-analytics hr {
    border-color: #e6e6e6;
    margin: 55px 0 50px
}

.h-rt-33,.h-rt-50,.l-analytics .dashboard-page-title {
    margin-top: 0
}

.l-analytics .dashboard-controls {
    padding-top: 50px
}

.l-analytics .section-header {
    margin-bottom: 36px;
    text-transform: uppercase;
    color: #7A7E84;
    font-weight: 400
}

.l-analytics .section-header a {
    color: #7a7e84;
    letter-spacing: 1px
}

.mktg-h1,.mktg-h2 {
    font-weight: regular
}

.l-analytics .section-header i {
    color: #4a90e2
}

.token.deleted,.token.prefix.inserted {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none
}

a {
    cursor: pointer
}

.monospace {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

.popout-btn {
    background: #fff;
    border: 1px solid rgba(122,156,184,.3);
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    width: 24px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 10px
}

.popout-btn i {
    color: #4C8EFA
}

.popout-btn:hover {
    cursor: pointer
}

.message {
    height: auto;
    padding: 10px;
    line-height: 34px;
    border-radius: 4px
}

.message-fixed {
    position: fixed;
    z-index: 1111
}

.message-inline {
    position: initial
}

.message-success {
    background-color: #c5ffed;
    color: #4adcb1
}

.message-error {
    background: #ffc7c7;
    color: #ff5452
}

@keyframes AnimationName {
    0%,100% {
        background-position: 0 14%
    }

    50% {
        background-position: 100% 87%
    }
}

.noselect,nav#documentation-sidebar>section>ul.sidebar-dd,ul.language-dd,ul.mktg-pearls {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list-normalize,nav#documentation-sidebar>section>ul.sidebar-dd,nav#documentation-sidebar>section>ul.sidebar-dd>ul,ul.language-dd,ul.language-dd>ul {
    list-style: none;
    padding: 0;
    margin: 0
}

@font-face {
    font-family: Kollektif;
    font-weight: 400;
    src: url(/fonts/kollektif/kollektif-webfont.eot) format("eot"),url(/fonts/kollektif/kollektif-webfont.woff2) format("woff2"),url(/fonts/kollektif/kollektif-webfont.woff) format("woff"),url(/fonts/kollektif/kollektif-webfont.ttf) format("truetype"),url(/fonts/kollektif/kollektif-webfont.svg) format("svg")
}

@font-face {
    font-family: Kollektif;
    font-weight: 700;
    src: url(/fonts/kollektif/kollektif-bold.eot) format("eot"),url(/fonts/kollektif/kollektif-bold.woff2) format("woff2"),url(/fonts/kollektif/kollektif-bold.woff) format("woff"),url(/fonts/kollektif/kollektif-bold.ttf) format("truetype"),url(/fonts/kollektif/kollektif-bold.svg) format("svg")
}

@font-face {
    font-family: "Overpass Mono";
    font-weight: 200;
    src: url(/fonts/overpass-mono/overpass-mono-light.eot) format("eot"),url(/fonts/overpass-mono/overpass-mono-light.woff2) format("woff2"),url(/fonts/overpass-mono/overpass-mono-light.woff) format("woff"),url(/fonts/overpass-mono/overpass-mono-light.ttf) format("truetype"),url(/fonts/overpass-mono/overpass-mono-light.svg) format("svg")
}

@font-face {
    font-family: "Overpass Mono";
    font-weight: 400;
    src: url(/fonts/overpass-mono/overpass-mono-regular.eot) format("eot"),url(/fonts/overpass-mono/overpass-mono-regular.woff2) format("woff2"),url(/fonts/overpass-mono/overpass-mono-regular.woff) format("woff"),url(/fonts/overpass-mono/overpass-mono-regular.ttf) format("truetype"),url(/fonts/overpass-mono/overpass-mono-regular.svg) format("svg")
}

@font-face {
    font-family: "Overpass Mono";
    font-weight: 700;
    src: url(/fonts/overpass-mono/overpass-mono-bold.eot) format("eot"),url(/fonts/overpass-mono/overpass-mono-bold.woff2) format("woff2"),url(/fonts/overpass-mono/overpass-mono-bold.woff) format("woff"),url(/fonts/overpass-mono/overpass-mono-bold.ttf) format("truetype"),url(/fonts/overpass-mono/overpass-mono-bold.svg) format("svg")
}

@font-face {
    font-family: "Miriam Libre";
    font-weight: 400;
    src: url(/fonts/miriam-libre/miriam-libre-v3-latin-regular.eot) format("eot"),url(/fonts/miriam-libre/miriam-libre-v3-latin-regular.woff2) format("woff2"),url(/fonts/miriam-libre/miriam-libre-v3-latin-regular.woff) format("woff"),url(/fonts/miriam-libre/miriam-libre-v3-latin-regular.ttf) format("truetype"),url(/fonts/miriam-libre/miriam-libre-v3-latin-regular.svg) format("svg")
}

@font-face {
    font-family: realtime_roundedregular;
    font-weight: 400;
    src: url(/fonts/realtime/realtimerounded-regular-realtime.eot) format("eot"),url(/fonts/realtime/realtimerounded-regular-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimerounded-regular-realtime.woff) format("woff"),url(/fonts/realtime/realtimerounded-regular-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimerounded-regular-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_roundedsemibold;
    font-weight: 400;
    src: url(/fonts/realtime/realtimerounded-semibold-realtime.eot) format("eot"),url(/fonts/realtime/realtimerounded-semibold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimerounded-semibold-realtime.woff) format("woff"),url(/fonts/realtime/realtimerounded-semibold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimerounded-semibold-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_roundedbold;
    font-weight: 400;
    src: url(/fonts/realtime/realtimerounded-bold-realtime.eot) format("eot"),url(/fonts/realtime/realtimerounded-bold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimerounded-bold-realtime.woff) format("woff"),url(/fonts/realtime/realtimerounded-bold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimerounded-bold-realtime.svg) format("svg")
}

@font-face {
    font-family: realtimetext_light;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-light-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-light-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-light-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-light-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-light-realtime.svg) format("svg")
}

@font-face {
    font-family: realtimetext_regular;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-regular-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-regular-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-regular-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-regular-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-regular-realtime.svg) format("svg")
}

@font-face {
    font-family: realtimetext_semi;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-semi-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-semi-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-semi-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-semi-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-semi-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_textbold;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-bold-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-bold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-bold-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-bold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-bold-realtime.svg) format("svg")
}

@font-face {
    font-family: realtime_textblack;
    font-weight: 400;
    src: url(/fonts/realtime/realtimetext-bold-realtime.eot) format("eot"),url(/fonts/realtime/realtimetext-bold-realtime.woff2) format("woff2"),url(/fonts/realtime/realtimetext-bold-realtime.woff) format("woff"),url(/fonts/realtime/realtimetext-bold-realtime.ttf) format("truetype"),url(/fonts/realtime/realtimetext-bold-realtime.svg) format("svg")
}

@font-face {
    font-family: "Material Icons";
    font-weight: 400;
    src: url(/fonts/materialicons/MaterialIcons-Regular.eot) format("eot"),url(/fonts/materialicons/MaterialIcons-Regular.woff2) format("woff2"),url(/fonts/materialicons/MaterialIcons-Regular.woff) format("woff"),url(/fonts/materialicons/MaterialIcons-Regular.ttf) format("truetype"),url(/fonts/materialicons/MaterialIcons-Regular.svg) format("svg")
}

.mktg-bg-base {
    color: #fff;
    background-color: #2A3754
}

.mktg-bg-base-dark {
    background-color: #192132
}

.mktg-bg-base-darker {
    background-color: #080a10
}

.mktg-bg-base-light {
    background-color: #4c6498
}

.mktg-bg-base-lighter {
    background-color: rgba(42,55,84,.1)
}

.mktg-bg-brand {
    color: #fff;
    background-color: #2F7DEB
}

.mktg-bg-brand-dark {
    background-color: #1463d3
}

.mktg-bg-brand-darker {
    background-color: #104da4
}

.mktg-bg-brand-light {
    background-color: #8cb7f4
}

.mktg-bg-brand-lighter {
    background-color: rgba(47,125,235,.1)
}

.mktg-bg-links {
    color: #fff;
    background-color: #2F7DEB
}

.mktg-bg-links-dark {
    background-color: #1463d3
}

.mktg-bg-links-darker {
    background-color: #104da4
}

.mktg-bg-links-light {
    background-color: #8cb7f4
}

.mktg-bg-links-lighter {
    background-color: rgba(47,125,235,.1)
}

.mktg-bg-warning {
    color: #fff;
    background-color: #FF5452
}

.mktg-bg-warning-dark {
    background-color: #ff221f
}

.mktg-bg-warning-darker {
    background-color: #eb0300
}

.mktg-bg-warning-light {
    background-color: #ffb9b8
}

.mktg-bg-warning-lighter {
    background-color: rgba(255,84,82,.1)
}

.mktg-bg-success {
    color: #fff;
    background-color: #16C98D
}

.mktg-bg-success-dark {
    background-color: #119b6d
}

.mktg-bg-success-darker {
    background-color: #0c6d4d
}

.mktg-bg-success-light {
    background-color: #58edbb
}

.mktg-bg-success-lighter {
    background-color: rgba(22,201,141,.1)
}

.mktg-bg-grey {
    color: #2A3754;
    background-color: #fcfcfc
}

.mktg-bg-grey-dark {
    background-color: #e3e3e3
}

.mktg-bg-grey-darker {
    background-color: #c9c9c9
}

.mktg-bg-grey-light {
    background-color: #fff
}

.mktg-bg-grey-lighter {
    background-color: rgba(252,252,252,.1)
}

.mktg-bg-white {
    color: #2A3754;
    background-color: #fff
}

.mktg-bg-white-dark {
    background-color: #e6e6e6
}

.mktg-bg-white-darker {
    background-color: #ccc
}

.mktg-bg-white-light {
    background-color: #fff
}

.mktg-bg-white-lighter {
    background-color: rgba(255,255,255,.1)
}

.mktg-text-base {
    color: #2A3754!important
}

.mktg-text-base-dark {
    color: #192132
}

.mktg-text-base-darker {
    color: #080a10
}

.mktg-text-base-light {
    color: #3b4d76
}

.mktg-text-base-lighter {
    color: #4c6498
}

.mktg-text-brand {
    color: #2F7DEB!important
}

.mktg-text-brand-dark {
    color: #1463d3
}

.mktg-text-brand-darker {
    color: #104da4
}

.mktg-text-brand-light {
    color: #5e9aef
}

.mktg-text-brand-lighter {
    color: #8cb7f4
}

.mktg-text-links {
    color: #2F7DEB!important
}

.mktg-text-links-dark {
    color: #1463d3
}

.mktg-text-links-darker {
    color: #104da4
}

.mktg-text-links-light {
    color: #5e9aef
}

.mktg-text-links-lighter {
    color: #8cb7f4
}

.mktg-text-blocklinks {
    color: #2F7DEB!important;
    display: inline-block;
    margin-left: 40px;
    text-transform: uppercase!important;
    text-decoration: none!important
}

.material-icons,.product-announcement a,h1 {
    text-transform: none
}

.mktg-text-blocklinks-dark {
    color: #1463d3
}

.mktg-text-blocklinks-darker {
    color: #104da4
}

.mktg-text-blocklinks-light {
    color: #5e9aef
}

.mktg-text-blocklinks-lighter {
    color: #8cb7f4
}

.mktg-text-warning {
    color: #FF5452!important
}

.mktg-text-warning-dark {
    color: #ff221f
}

.mktg-text-warning-darker {
    color: #eb0300
}

.mktg-text-warning-light {
    color: #ff8685
}

.mktg-text-warning-lighter {
    color: #ffb9b8
}

.mktg-text-success {
    color: #16C98D!important
}

.mktg-text-success-dark {
    color: #119b6d
}

.mktg-text-success-darker {
    color: #0c6d4d
}

.mktg-text-success-light {
    color: #2ae8a8
}

.mktg-text-success-lighter {
    color: #58edbb
}

#docs .mktg-btn-blue,.mktg-text-white {
    color: #fff!important
}

.mktg-text-white-dark {
    color: #e6e6e6
}

.mktg-text-white-darker {
    color: #ccc
}

.mktg-text-white-light,.mktg-text-white-lighter {
    color: #fff
}

.mktg-text-black {
    color: #000!important
}

.mktg-text-black-dark,.mktg-text-black-darker,.str-black {
    color: #000
}

.mktg-text-black-light {
    color: #1a1a1a
}

.mktg-text-black-lighter {
    color: #333
}

.mktg-text-grey {
    color: rgba(252,252,252,.5)!important
}

.mktg-text-grey-dark {
    color: rgba(227,227,227,.5)
}

.mktg-text-grey-darker {
    color: rgba(201,201,201,.5)
}

.mktg-text-grey-light,.mktg-text-grey-lighter {
    color: rgba(255,255,255,.5)
}

.mktg-hanken_sans {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important
}

.mktg-docs-cards>li .example .example-link,.mktg-kollektif {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-miriam {
    font-family: "Miriam Libre",sans-serif!important
}

.mktg-overpass {
    font-family: "Overpass Mono",monospace!important
}

.mktg-body-reg {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-body-semi {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-body-bold {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-title-reg {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-title-bold {
    font-family: realtime_textblack,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-realtime-reg {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-title-semi {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.mktg-h1,.mktg-h2,.mktg-title {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #2A3754
}

.mktg-title {
    font-size: 48px;
    font-style: regular;
    margin: 7px 0 34px
}

@media (max-width: 520px) {
    .mktg-title {
        font-size:36px
    }
}

@media (max-width: 1280px) {
    .mktg-title {
        font-size:41px;
        margin: 7px 0 14px
    }
}

@media (max-width: 1020px) {
    .mktg-title-center {
        text-align:center;
        display: block
    }
}

.mktg-h1 {
    font-size: 31px
}

.mktg-h2 {
    font-size: 26px
}

.ampersand {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400
}

.p-lg,.p-sm {
    font-weight: 200
}

.p-lg {
    font-size: 21px
}

.p-sm {
    font-size: 16px!important
}

.mktg-label,.mktg-prelabel,.str-prelabel {
    font-weight: 600;
    color: rgb(255 255 255 / 50%);
}

.hanken {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important
}

.mktg-label {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    font-style: bold;
    letter-spacing: 1.33px
}

.mktg-prelabel {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-style: bold;
    letter-spacing: 2.17px;
    text-transform: uppercase;
    font-family: 'Jura', sans-serif;
}

.mktg-caption {
    color: #2A3754;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-style: regular
}

.mktg-underline {
    text-decoration: underline!important
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.h-rt-50 {
    font-size: 50.62px;
    line-height: 61.35px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.h-rt-50 b {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.h-rt-33 {
    font-size: 33.75px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 49.5px;
    font-family: 'Jura', sans-serif;
    font-family: 'IBM Plex Mono', monospace;
    color: #fff;
    font: bold 50px/55px Impact,Arial,Helvetica,sans-serif;
}

.h-rt-33 b {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-22 {
    font-size: 22.5px;
    line-height: 35.6px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif;
    font-family: 'IBM Plex Mono', monospace;
}

.p-rt-22 b {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-18 {
    font-size: 18.5px;
    line-height: 33px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-18 b {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-16,.rt {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-16 {
    font-size: 16.5px!important;
    line-height: 26px
}

.p-rt-16 b {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-15 {
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.p-rt-15 b {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.mktg-p {
    font-size: 17px;
    line-height: 26px
}

.str-prelabel {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-style: bold;
    letter-spacing: 2.17px;
    text-transform: uppercase;
    margin-bottom: 0
}

.str-realtime-semi {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.bq,.str-form select,.str-realtime-reg {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.dropdown.products .product-link .content .title,.page__chat-demos .feature-tour .letter p,.str-nav__menu-header,.str-realtime-black {
    font-family: realtime_textblack,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-title {
    font-size: 50px;
    line-height: 61px
}

.str-subtitle {
    font-size: 33px;
    line-height: 40px
}

.str-subtitle_s {
    font-size: 22px;
    line-height: 27px
}

.str-lead {
    font-size: 22px;
    line-height: 35px
}

.str-p\/big {
    font-size: 65px;
    line-height: 78px;
    margin-bottom: 75px
}

.str-p\/18 {
    font-size: 17px;
    line-height: 26px;
    line-height: 31.6px
}

.str-p\/16 {
    font-size: 16.5px;
    line-height: 24.27px
}

.str-p\/15 {
    font-size: 15px;
    line-height: 24px
}

.str-p\/15-list {
    font-size: 15px;
    line-height: 38px
}

.str-p\/13 {
    font-size: 13px;
    line-height: 16px
}

.str-link,.str-link:hover,.str-p\/15 a {
    color: #2f7deb
}

.str-uppercase {
    text-transform: uppercase
}

.str-center {
    text-align: center
}

.str-m-bottom {
    margin-bottom: 25px
}

.str-w\/330 {
    max-width: 330px
}

.str-w\/550 {
    max-width: 550px
}

.str-o-10 {
    opacity: .1
}

.str-o-20 {
    opacity: .2
}

.str-o-30 {
    opacity: .3
}

.str-o-40 {
    opacity: .4
}

.str-o-50 {
    opacity: .5
}

.str-o-60 {
    opacity: .6
}

.str-o-70 {
    opacity: .7
}

.str-o-80 {
    opacity: .8
}

.str-o-90 {
    opacity: .9
}

.str-pb-0 {
    padding-bottom: 0
}

.str-mb-0 {
    margin-bottom: 0
}

.bq {
    font-size: 17px;
    line-height: 26px
}

.bq strong {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

strong.super-strong {
    position: relative;
    display: inline-block;
    font-family: 'Jura', sans-serif;
}

strong.super-strong:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    border-radius: 5px;
    height: 3px;
    background-image: linear-gradient(-90deg,#21FFF7 0,#0053FF 100%)
}

.str__title {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 8px;
    font-weight: 400;
    margin-bottom: 16px
}

.str__lead,.str__p {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif;
}

.str__title--50 {
    font-size: 50.62px;
    line-height: 61.35px
}

.str__title--33 {
    font-size: 33.75px;
    line-height: 39.61px
}

.str__title--22 {
    font-size: 22.5px;
    line-height: 35.6px
}

.str__title--17 {
    font-size: 17px;
    line-height: 26px
}

.str__lead strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str__lead--22 {
    font-size: 22.5px;
    line-height: 35.6px
}

.str__lead--17 {
    font-size: 17px;
    line-height: 26px
}

.str__lead--15 {
    font-size: 15.5px;
    line-height: 25px;
    line-height: 26px
}

.str__p {
    font-size: 15.5px;
    line-height: 25px
}

.str__label {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    letter-spacing: 2.17px;
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(0,0,0,.4)
}

.str__bq {
    position: relative;
    font-size: 17px;
    margin: 50px 0;
    padding: 40px;
    line-height: 34px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str__bq:before {
    position: absolute;
    left: 0;
    top: 0;
    content: url(https://getstream.imgix.net/images/notifications/blockquote.svg)
}

.str__bq .author,.str__bq .company {
    text-transform: uppercase;
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 1
}

.str--bold,.str__bq .author {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str__bq .company {
    font-size: 16px;
    margin: 30px 0 5px
}

.str__bq .author {
    font-size: 10px
}

.str a {
    color: #2F7DEB
}

.str a.btn-stream-link,.str a.btn-stream-link-default,.str a.hvr-line,.str a.stream-h3 {
    text-decoration: none
}

.str--uppercase {
    text-transform: uppercase
}

.h1,.h2,.h4,.h5,h1,h2,h4,h5 {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif;
}

.h1.cerebri,.h2.cerebri,.h4.cerebri,.h5.cerebri,h1.cerebri,h2.cerebri,h4.cerebri,h5.cerebri {
    font-family: cerebri_bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.h1 strong,.h2 strong,.h3,.h4 strong,.h5 strong,h1 strong,h2 strong,h3,h4 strong,h5 strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.h3.cerebri,h3.cerebri {
    font-family: cerebri_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.lead,.p,.ul,p,ul {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif;
}

.lead strong,.p strong,.ul strong,p strong,ul strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.lead.cerebri,.lead.cerebri strong,.p.cerebri,.p.cerebri strong,.ul.cerebri,.ul.cerebri strong,p.cerebri,p.cerebri strong,ul.cerebri,ul.cerebri strong {
    font-family: cerebri_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.cerebri .h1,.cerebri .h2,.cerebri .h4,.cerebri .h5,.cerebri h1,.cerebri h2,.cerebri h4,.cerebri h5 {
    font-family: cerebri_bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.cerebri .h3,.cerebri h3,.str__jumbo-message--red {
    font-family: cerebri_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.cerebri h1 {
    margin-top: 0;
    margin-bottom: 10px
}

.cerebri .str-content .a,.cerebri .str-content .lead,.cerebri .str-content .p,.cerebri .str-content .ul,.cerebri .str-content a,.cerebri .str-content p,.cerebri .str-content ul {
    font-family: cerebri_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.cerebri .str-content .a strong,.cerebri .str-content .lead strong,.cerebri .str-content .p strong,.cerebri .str-content .ul strong,.cerebri .str-content a strong,.cerebri .str-content p strong,.cerebri .str-content ul strong {
    font-family: cerebri_bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.cerebri .str-content .p,.cerebri .str-content p {
    font-size: 18px;
    line-height: 1.8
}

.cerebri .str-content .p.str-text-lead,.cerebri .str-content p.str-text-lead {
    font-size: 28px;
    font-family: cerebri_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 20px;
    margin-bottom: 0
}

.cerebri .str-content .ul,.cerebri .str-content ul {
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    position: relative
}

.cerebri .str-content .ul .li,.cerebri .str-content ul li {
    margin-bottom: 20px
}

.cerebri .str-content ul li::before {
    content: "\2022";
    color: rgba(0,0,0,.15);
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.cerebri .str-content .str-text-label,.cerebri .str-content .str-text-tag {
    font-family: cerebri_bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    display: block
}

.cerebri .str-content .str-text-label.inline,.cerebri .str-content .str-text-tag.inline {
    display: inline
}

.cerebri .str-content .str-text-label {
    color: rgba(0,0,0,.3)
}

.cerebri .str-content .str-text-tag {
    color: #000
}

.str-content .a,.str-content .lead,.str-content .p,.str-content .ul,.str-content a,.str-content p,.str-content ul {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-content .a strong,.str-content .lead strong,.str-content .p strong,.str-content .ul strong,.str-content a strong,.str-content p strong,.str-content ul strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page-lead-text,.page-lead-text-nomargin,.str-content .ol.str-text-lead,.str-content .p.str-text-lead,.str-content .ul.str-text-lead,.str-content ol.str-text-lead,.str-content p.str-text-lead,.str-content ul.str-text-lead {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-content .ol,.str-content .p,.str-content .ul,.str-content ol,.str-content p,.str-content ul {
    font-size: 18px;
    line-height: 1.8
}

.str-content .ol.str-text-lead,.str-content .p.str-text-lead,.str-content .ul.str-text-lead,.str-content ol.str-text-lead,.str-content p.str-text-lead,.str-content ul.str-text-lead {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 0
}

.str-content .str-button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    min-width: 172px;
    height: 50px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background: #008AFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.64),0 3px 13px 0 rgba(0,0,0,.32);
    border-radius: 25px;
    font-size: 16px;
    color: #FFF;
    line-height: 20px;
    transition: box-shadow .2s ease-in-out
}

.str-content .str-button:hover {
    text-decoration: none;
    box-shadow: 0 1px 0 0 #104da4
}

.str-content .str-text-label,.str-content .str-text-tag {
    font-family: cerebri_bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    display: block
}

.str-content .str-text-label.inline,.str-content .str-text-tag.inline {
    display: inline
}

.str-content .str-text-lead {
    font-size: 28px;
    line-height: 36px;
    margin-top: 20px;
    margin-bottom: 0
}

.str-content .str-text-label {
    color: rgba(0,0,0,.3)
}

.str-content .str-text-tag {
    color: #000
}

.str-content .str-text-tag-group .str-text-tag:not(:first-of-type):before {
    content: '·';
    display: inline-block;
    margin-right: 5px
}

.h1,h1 {
    font-size: 42px;
    font-weight: 600;
    color: #545353;
    line-height: 61.35px;
    font-family: 'Jura', sans-serif;
    font-family: 'IBM Plex Mono', monospace;
}

#features .flair .section-2-header h2,.h2,h2 {
    font-size: 33.75px;
    line-height: 39.61px
}

.h3,.h4,h3,h4 {
    font-size: 22.5px;
    line-height: 35.6px
}

.h5,h5 {
    font-size: 17px;
    line-height: 26px
}

.p,.ul,p,ul {
    font-size: 15.5px;
    line-height: 25px
}

.lead {
    font-size: 22.5px;
    line-height: 35.6px
}

.page-lead-text {
    font-size: 22px;
    line-height: 35px;
    margin: 0 0 35px
}

.page-lead-text-nomargin {
    font-size: 22px;
    line-height: 35px;
    margin: 0 0 20px
}

.str-topbar ul {
    font-size: 14px;
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

a.in-content-link,a.in-content-link:hover {
    text-decoration: inherit!important;
    font-size: inherit!important;
    color: inherit!important;
    font-family: inherit!important
}

span.mktg-prelabel+h1 {
    margin-top: 4px;
    color: #fff;
    font: bold 50px/55px Impact,Arial,Helvetica,sans-serif;
}

.demo-modal-form .messages,.demo-modal-form .mktg-input {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

body {
    background: #FCFCFC
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    padding-left: 15px;
    padding-right: 15px
}

.mktg-row {
    margin-top: 100px
}

.gridfix {
    padding-left: 0
}

@media (max-width: 830px) {
    .gridfix {
        padding-left:30px
    }

    .mktg-text-center-xs {
        text-align: center!important
    }
}

.mktg-white-wave-bottom {
    box-shadow: 0 0 48px rgba(128,128,128,.7)
}

.mktg-white-wave-bottom:after {
    position: absolute;
    display: inline-block;
    min-width: 100vw;
    max-width: 100vw;
    height: 36px;
    left: 0;
    margin: 0;
    bottom: -35px;
    background-image: url(https://getstream.imgix.net/images/wave_white.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.mktg-space-xs {
    margin-top: 8px
}

.mktg-space-xs-inverse {
    margin-top: 0;
    padding-top: 8px
}

.mktg-space-sm {
    margin-top: 30px
}

.mktg-space-sm-inverse {
    margin-top: 0;
    padding-top: 30px
}

.mktg-space-md {
    margin-top: 50px
}

.mktg-space-md-inverse {
    margin-top: 0;
    padding-top: 50px
}

.mktg-space-lg {
    margin-top: 100px
}

.mktg-space-lg-inverse {
    margin-top: 0;
    padding-top: 100px
}

.mktg-wave-divider {
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    height: 52px;
    margin: 50px 0 100px;
    padding: 0;
    background-image: url(https://getstream.imgix.net/images/wave-hr.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom
}

.mktg-wave-hero {
    background: url(https://getstream.imgix.net/images/mktg-homepage-hero.svg) bottom no-repeat;
    background-size: cover;
    height: 133px;
    width: 100%;
    clear: both
}

.mktg-img-responsive {
    width: 100%;
    height: auto
}

.mktg-expand-w {
    display: inline-block;
    width: 100%
}

.mktg-expand-h {
    display: inline-block;
    width: 100%;
    padding-bottom: 100%
}

.mktg-block {
    display: block
}

.mktg-center-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.mktg-shadow {
    border: 1px solid rgba(153,169,179,.13);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.03)
}

.mktg-divider {
    display: inline-block;
    height: 1px;
    border-top: 1px solid #222c43
}

.mktg-justified {
    width: 100%;
    text-align: justify;
    display: block
}

.mktg-justified:after {
    content: "";
    width: 100%;
    display: inline-block
}

.mktg-min-full-height {
    min-height: 100vh
}

.shim-half {
    margin-top: 25px!important
}

.shim-one {
    margin-top: 50px!important
}

.shim-two {
    margin-top: 75px!important
}

.shim-three {
    margin-top: 100px!important
}

.shim-four {
    margin-top: 150px!important
}

.shim-six {
    margin-top: 180px!important
}

.shim-five {
    margin-top: 250px!important
}

.min-shim-half {
    margin-top: -25px!important
}

.min-shim-one {
    margin-top: -50px!important
}

.min-shim-two {
    margin-top: -75px!important
}

.min-shim-three {
    margin-top: -100px!important
}

.min-shim-four {
    margin-top: -150px!important
}

.min-shim-five {
    margin-top: -200px!important
}

.demo-modal-form {
    width: 380px;
    margin: 0 auto
}

@media (max-width: 410px) {
    .demo-modal-form {
        width:100%;
        padding: 15px 25px
    }
}

.demo-modal-form p {
    font-weight: 400;
    font-size: 16px
}

.demo-modal-form .mktg-input-white {
    margin-bottom: 0
}

.demo-modal-form .mktg-input-error {
    border: 1px solid #FF5452!important
}

.demo-modal-form .help-block {
    background-color: rgba(255,84,82,.4);
    font-weight: 200;
    padding-left: 14px;
    line-height: 20px;
    font-style: italic;
    color: #FF5452
}

.demo-modal-form .has-success .form-control-feedback {
    color: #16C98D;
    margin-right: -10px
}

.demo-modal-form .has-error .form-control-feedback {
    color: #FF5452;
    margin-right: -10px
}

.demo-modal-form textarea {
    height: 100px
}

.demo-modal-form .messages {
    list-style-type: none;
    color: #2A3754;
    margin: 0;
    padding: 0
}

.demo-modal-form .messages li {
    padding: 0;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: rgba(22,201,141,.4);
    border: 1px solid #16C98D
}

.mktg-input-grey select,.mktg-input-grey textarea,.mktg-input-grey>input,.mktg-input-links select,.mktg-input-links textarea,.mktg-input-links>input,.mktg-input-white select,.mktg-input-white textarea,.mktg-input-white>input {
    background-color: rgba(0,0,0,0);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    -webkit-appearance: none
}

.str-hero {
    margin: 50px auto
}

.mktg-input-grey,.mktg-input-links,.mktg-input-white {
    margin-bottom: 30px
}

.str__w-570 {
    max-width: 570px
}

@media (min-width: 1019px) {
    .sm-left {
        float:left
    }
}

@media (max-width: 1019px) {
    .sm-right {
        float:right
    }
}

.str-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.27)
}

.str-video-container embed,.str-video-container iframe,.str-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.str-video-container .border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 5px solid rgba(0,0,17,.14)
}

.str-flexrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str-flexrow:before {
    display: none
}

.str-flexrow.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.str-flexrow>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.str-flexrow-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.str-flexrow-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.str-flexrow-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.mktg-input-white select,.mktg-input-white textarea,.mktg-input-white>input {
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.7)!important;
    color: #fff
}

.mktg-input-white select::-webkit-input-placeholder,.mktg-input-white textarea::-webkit-input-placeholder,.mktg-input-white>input::-webkit-input-placeholder {
    color: rgba(255,255,255,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-white select:-moz-placeholder,.mktg-input-white textarea:-moz-placeholder,.mktg-input-white>input:-moz-placeholder {
    color: rgba(255,255,255,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-white select::-moz-placeholder,.mktg-input-white textarea::-moz-placeholder,.mktg-input-white>input::-moz-placeholder {
    color: rgba(255,255,255,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-white select:-ms-input-placeholder,.mktg-input-white textarea:-ms-input-placeholder,.mktg-input-white>input:-ms-input-placeholder {
    color: rgba(255,255,255,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-white select:focus,.mktg-input-white textarea:focus,.mktg-input-white>input:focus {
    border: 1px solid #fff
}

.mktg-input-grey select,.mktg-input-grey textarea,.mktg-input-grey>input {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.3)!important;
    color: #000
}

.mktg-input-grey select::-webkit-input-placeholder,.mktg-input-grey textarea::-webkit-input-placeholder,.mktg-input-grey>input::-webkit-input-placeholder {
    color: rgba(0,0,0,.3);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-grey select:-moz-placeholder,.mktg-input-grey textarea:-moz-placeholder,.mktg-input-grey>input:-moz-placeholder {
    color: rgba(0,0,0,.3);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-grey select::-moz-placeholder,.mktg-input-grey textarea::-moz-placeholder,.mktg-input-grey>input::-moz-placeholder {
    color: rgba(0,0,0,.3);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-grey select:-ms-input-placeholder,.mktg-input-grey textarea:-ms-input-placeholder,.mktg-input-grey>input:-ms-input-placeholder {
    color: rgba(0,0,0,.3);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-grey select:focus,.mktg-input-grey textarea:focus,.mktg-input-grey>input:focus {
    border: 1px solid #000
}

.mktg-input-links select,.mktg-input-links textarea,.mktg-input-links>input {
    border-radius: 4px;
    border: 1px solid rgba(47,125,235,.7)!important;
    color: #2f7deb
}

.mktg-input-links select::-webkit-input-placeholder,.mktg-input-links textarea::-webkit-input-placeholder,.mktg-input-links>input::-webkit-input-placeholder {
    color: rgba(47,125,235,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-links select:-moz-placeholder,.mktg-input-links textarea:-moz-placeholder,.mktg-input-links>input:-moz-placeholder {
    color: rgba(47,125,235,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-links select::-moz-placeholder,.mktg-input-links textarea::-moz-placeholder,.mktg-input-links>input::-moz-placeholder {
    color: rgba(47,125,235,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-links select:-ms-input-placeholder,.mktg-input-links textarea:-ms-input-placeholder,.mktg-input-links>input:-ms-input-placeholder {
    color: rgba(47,125,235,.7);
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-input-links select:focus,.mktg-input-links textarea:focus,.mktg-input-links>input:focus {
    border: 1px solid #2f7deb
}

.mktg-input:-webkit-autofill,.mktg-input:-webkit-autofill:focus,.mktg-input:-webkit-autofill:focus .mktg-input:-webkit-autofill,.mktg-input:-webkit-autofill:hover,.mktg-input:-webkit-autofill:hover .mktg-input:-webkit-autofill:focus {
    background-color: #fff;
    transition: background-color 5000s ease-in-out 0s
}

.mktg-form textarea,.mktg-form>div>input {
    border-radius: 2px;
    border: 1px solid rgba(44,54,67,.2)
}

.mktg-form textarea::-webkit-input-placeholder,.mktg-form>div>input::-webkit-input-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: rgba(44,54,67,.8)
}

.mktg-form textarea:-moz-placeholder,.mktg-form>div>input:-moz-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: rgba(44,54,67,.8)
}

.mktg-form textarea::-moz-placeholder,.mktg-form>div>input::-moz-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: rgba(44,54,67,.8)
}

.mktg-form textarea:-ms-input-placeholder,.mktg-form>div>input:-ms-input-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: rgba(44,54,67,.8)
}

.mktg-form-label {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: rgba(42,64,86,.8)
}

.modal-content .modal-header i.form-control-feedback.close:after,i.form-control-feedback.btn-close:after,i.form-control-feedback.icon,i.form-control-feedback.link-newtab:after {
    top: 14px!important;
    right: 14px!important
}

.form-group .help-block {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    color: #FF5452;
    display: block;
    margin: 0!important
}

.mktg-btn-base,.mktg-btn-base:hover {
    color: #fff;
    background-color: #2A3754
}

.has-error {
    margin-bottom: 8px
}

.mktg-alert {
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    padding: 8px;
    text-align: center
}

.mktg-alert>ul {
    list-style: none
}

.mktg-alert-warning {
    background-color: #FF5452;
    color: #fff
}

.str-form {
    margin: 30px 0;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15),0 7px 20px 0 rgba(0,0,0,.24);
    border-radius: 4px;
    background-color: #f0f0f0
}

.str-form button::-moz-focus-inner,.str-form button[disabled],.str-form html input[disabled],.str-form html input[type=button],.str-form input,.str-form input::-moz-focus-inner,.str-form input[type=reset],.str-form input[type=submit],.str-form input[type=checkbox],.str-form input[type=radio],.str-form input[type=number]::-webkit-inner-spin-button,.str-form input[type=number]::-webkit-outer-spin-button,.str-form input[type=search],.str-form input[type=search]::-webkit-search-cancel-button,.str-form input[type=search]::-webkit-search-decoration,.str-form optgroup,.str-form select,.str-form textarea {
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none
}

.str-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><g fill="#4D4D4D" fill-rule="evenodd"><path d="M3.6 0l3.6 6H0zM3.6 14l3.6-6H0z"/></g></svg>') 90%/8px no-repeat #fff;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 28px 0;
    border: none
}

.str-form .mktg-input label,.str-form .str-form-body ul.messages li {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.modal-content .modal-header .str-form .form-control-feedback.icon-notification.close:after,.str-form .form-control-feedback.icon-notification.btn-close:after,.str-form .form-control-feedback.icon-notification.link-newtab:after,.str-form .form-control-feedback.icon.icon-notification,.str-form .modal-content .modal-header .form-control-feedback.icon-notification.close:after,.str-form [type=checkbox].stream-form-control:checked+label.form-control-feedback.icon-notification:after,.str-form [type=checkbox].stream-form-control:not(:checked)+label.form-control-feedback.icon-notification:after {
    display: none
}

.str-form .form-control-feedback.icon.icon-checkmark:before {
    content: url("data:image/svg+xml; utf8, <svg width='10' height='8' viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><path id='a' d='M298.707 31.121L295 27.414 296.414 26l2.293 2.293L303 24l1.414 1.414z'/></defs><g transform='translate(-295 -24)' fill='none' fill-rule='evenodd'><use fill='#2F7DEB' xlink:href='#a'/><use fill='#2FEB91' xlink:href='#a'/></g></svg>");
    width: 10px;
    height: 8px
}

.str-form .form-control-feedback.icon.icon-notification:before {
    width: 0
}

.str-form .str-form-header {
    font-size: 22.5px;
    line-height: 35.6px;
    line-height: 54px;
    padding: 0 0 7px 29px;
    background: #fff;
    color: #2f7deb;
    border-radius: 4px 4px 0 0
}

.str-form .str-form-body {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str-form .str-form-body ul.messages {
    margin: 0;
    padding: 0!important;
    width: 100%;
    list-style: none
}

.str-form .str-form-body ul.messages li {
    margin: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
    padding: 14px;
    text-align: center
}

.str-form .str-form-body ul.messages li.info,.str-form .str-form-body ul.messages li.success {
    background: #2feb91
}

.str-form .str-form-body ul.messages li.info {
    background: #2f9eeb
}

.str-form .str-form-header~.str-form-body {
    border-radius: 0 0 4px 4px
}

.mktg-docs-table tr.sub table,.str-form .str-form-header~.str-form-body .mktg-input:first-of-type {
    border-radius: 0
}

.str-form .has-error input {
    -webkit-text-decoration-style: dotted;
    -moz-text-decoration-style: dotted;
    text-decoration-style: dotted;
    -webkit-text-decoration-color: #eb2f2f;
    -moz-text-decoration-color: #eb2f2f;
    text-decoration-color: #eb2f2f;
    text-decoration-skip: none
}

.str-form .str-form-footer {
    width: 100%;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str-form .str-form_chat-check {
    padding: 15px 29px
}

.str-form .str-form_chat-check input {
    margin: 0 10px 0 0
}

.str-form .str-form-footer-left {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.str-form .str-form-footer-left li.str-divider,.str-form .str-form-footer-left li:first-child {
    margin-right: 20px
}

.str-form .str-form-footer-left li.str-divider:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: rgba(0,0,0,.16)
}

.str-form .str-form-footer-left li {
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.str-form .str-form-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.str-form .form-group {
    margin: 0
}

.str-form .form-group .password-reset {
    position: absolute;
    right: 25px;
    bottom: 29px;
    z-index: 10;
    padding-left: 50px;
    background: linear-gradient(45deg,transparent 0,#fff 20%);
    text-align: right
}

.str-form .mktg-input {
    height: 90px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.2)
}

.str-form .mktg-input small {
    position: absolute;
    top: 15px;
    right: 40px
}

.str-form .mktg-input i {
    position: absolute;
    top: 18px!important;
    right: 5px!important
}

.str-form .mktg-input.half {
    width: 50%;
    float: left
}

.str-form .mktg-input label {
    color: rgba(0,0,0,.4);
    text-transform: uppercase;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    top: 17px;
    left: 29px;
    margin: 0
}

#home h4.lnd-item-title,#home h4.lnd-link-item-title,#home p.lnd-link-item-content,.str-form .mktg-input input,.str-form .mktg-input textarea {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.form-group .form-control-feedback-error,.form-group .form-control-feedback-success,.str-form .mktg-input-hidden {
    display: none
}

.str-form .mktg-input input {
    position: absolute;
    height: 100%;
    z-index: 1;
    outline: 0;
    width: 100%;
    padding: 50px 29px 40px;
    border: none;
    background: 0 0
}

.str-form .mktg-input input:focus,.str-form .mktg-input select:focus,.str-form .mktg-input textarea:focus {
    box-shadow: inset 3px 0 0 #2f7deb
}

.str-form .mktg-input:first-of-type input {
    border-radius: 1px 0 0
}

.str-form .mktg-input:last-of-type textarea {
    border-radius: 0 0 0 1px
}

.str-form .mktg-input-large {
    min-height: 187px
}

.str-form .mktg-input-large span.help-block {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: right;
    padding-right: 25px;
    padding-bottom: 10px;
    margin: 3px 3px 0
}

.mktg-btn-base.mktg-btn-hover-line:before,.mktg-btn-blocklinks.mktg-btn-hover-line:before,.mktg-btn-brand.mktg-btn-hover-line:before,.mktg-btn-link-base.mktg-btn-hover-line:before,.mktg-btn-link-brand.mktg-btn-hover-line:before,.mktg-btn-link-links.mktg-btn-hover-line:before,.mktg-btn-link-success.mktg-btn-hover-line:before,.mktg-btn-link-warning.mktg-btn-hover-line:before,.mktg-btn-link-white.mktg-btn-hover-line:before,.mktg-btn-links.mktg-btn-hover-line:before,.mktg-btn-outline-base.mktg-btn-hover-line:before,.mktg-btn-success.mktg-btn-hover-line:before,.mktg-btn-warning.mktg-btn-hover-line:before {
    content: "";
    left: 0;
    bottom: -4px
}

.str-form .mktg-input textarea {
    height: 100%;
    padding: 45px 29px;
    outline: 0;
    border: none;
    position: relative
}

.str-form .mktg-input.arrow:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    top: -5.5px;
    background: #fff;
    z-index: 1;
    border-top: .75px solid rgba(0,0,0,.2);
    border-right: .75px solid rgba(0,0,0,.2);
    transform: rotate(-45deg)
}

.str-form .mktg-input input,.str-form .mktg-input textarea {
    color: #000;
    font-size: 15px
}

.str-form .mktg-input input::-moz-placeholder,.str-form .mktg-input textarea::-moz-placeholder {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-form .mktg-input input:-ms-input-placeholder,.str-form .mktg-input textarea:-ms-input-placeholder {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-form .mktg-input input::placeholder,.str-form .mktg-input textarea::placeholder {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-form button.mktg-btn-blue {
    border: none
}

.form-group {
    position: relative
}

.form-group.has-error .form-control-feedback-error,.form-group.has-success .form-control-feedback-success {
    display: block
}

.str-form-chat-trial .mktg-btn-blue {
    text-align: center
}

.str-form-chat-trial .str-form-footer {
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.str-form-chat-trial .str-form-footer p {
    margin: 0 15px;
    text-transform: uppercase;
    color: rgba(0,0,0,.5)
}

.str-form-chat-trial .str-form-footer-left {
    -ms-flex-pack: center;
    justify-content: center
}

.str-form-chat-trial .str-form-footer .str-link {
    background: #FFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(0,0,0,.04) 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.11),0 2px 7px 1px rgba(47,125,235,.16);
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding: 0 13px
}

.mktg-btn-base,.mktg-btn-brand {
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.str-form-chat-trial .str-form-footer .str-link i {
    position: relative;
    font-size: 16px;
    top: 2px;
    margin-right: 4px
}

.mktg-btn-base,.mktg-btn-brand,.mktg-btn-links {
    text-transform: uppercase;
    font-size: 14px
}

.str-form-chat-trial .str-form-footer .str-link:hover {
    text-decoration: none
}

.mktg-btn-base {
    position: relative;
    margin: 0;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 22px;
    padding: 8px 28px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-base:hover {
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-base.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-brand,.mktg-btn-links {
    position: relative;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #fff;
    border-radius: 4px;
    padding: 8px 28px;
    line-height: 22px
}

.mktg-btn-base.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-brand {
    margin: 0;
    background-color: #2F7DEB;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-brand:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2F7DEB;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-brand.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-brand.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-links {
    margin: 0;
    background-color: #2F7DEB;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-blocklinks:hover,.mktg-btn-links:hover {
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-links:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2F7DEB
}

.intro:hover,.mktg-btn-blocklinks,.mktg-docs-introduction-tile:hover {
    text-decoration: none!important
}

.mktg-btn-links.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-blocklinks,.mktg-btn-warning {
    position: relative;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0);
    color: #fff
}

.mktg-btn-links.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-blocklinks {
    margin: 0;
    line-height: 22px;
    padding: 8px 28px;
    background-color: #2F7DEB;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s;
    display: inline-block;
    text-transform: uppercase!important
}

.mktg-btn-blocklinks:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2F7DEB
}

.mktg-btn-blocklinks.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-blocklinks.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-warning {
    margin: 0;
    text-transform: uppercase;
    line-height: 22px;
    padding: 8px 28px;
    background-color: #FF5452;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-warning:hover {
    color: #fff;
    text-decoration: none;
    background-color: #FF5452;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-warning.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-base,.mktg-btn-link-links,.mktg-btn-success {
    position: relative;
    padding: 8px 28px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    border-radius: 4px
}

.mktg-btn-warning.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-success {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background-color: #16C98D;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-success:hover {
    color: #fff;
    text-decoration: none;
    background-color: #16C98D;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-success.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-base,.mktg-btn-link-base:hover {
    background-color: rgba(255,255,255,0);
    color: #2A3754
}

.mktg-btn-link-base,.mktg-btn-link-brand,.mktg-btn-link-links {
    margin: 0;
    font-size: 14px;
    line-height: 22px
}

.mktg-btn-success.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-link-base {
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-link-base:hover {
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-link-base.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #2A3754;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-links,.mktg-btn-link-links:hover {
    color: #2F7DEB;
    background-color: rgba(255,255,255,0)
}

.mktg-btn-link-base.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-link-links {
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-link-links:hover {
    text-decoration: none;
    box-shadow: none
}

.mktg-btn-link-brand,.mktg-btn-link-warning {
    text-transform: uppercase;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0);
    padding: 8px 28px
}

.mktg-btn-link-links.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #2F7DEB;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-brand,.mktg-btn-link-brand:hover {
    background-color: rgba(255,255,255,0);
    color: #2F7DEB
}

.mktg-btn-link-links.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-link-brand {
    position: relative;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-link-brand:hover {
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-link-brand.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #2F7DEB;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-brand.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-link-warning {
    position: relative;
    margin: 0;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #FF5452;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-link-success,.mktg-btn-link-white {
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px
}

.mktg-btn-link-warning:hover {
    color: #FF5452;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-link-success,.mktg-btn-link-white,.mktg-btn-outline-base {
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0);
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase
}

.mktg-btn-link-warning.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #FF5452;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-warning.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-link-success {
    position: relative;
    margin: 0;
    padding: 8px 28px;
    color: #16C98D;
    background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-link-success:hover {
    color: #16C98D;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-link-success.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #16C98D;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-link-white,.mktg-btn-link-white:hover {
    color: #fff;
    background-color: rgba(255,255,255,0)
}

.mktg-btn-link-success.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-link-white {
    position: relative;
    margin: 0;
    padding: 8px 28px;
    border: 1px solid rgba(255,255,255,0);
    transition: .2s
}

.mktg-btn-link-white:hover {
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-link-white.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-outline-base,.mktg-btn-outline-brand {
    position: relative;
    line-height: 22px;
    padding: 8px 28px;
    font-size: 14px
}

.mktg-btn-link-white.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-link-underline {
    text-decoration: underline
}

.mktg-btn-outline-base {
    margin: 0;
    color: #2A3754;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid #2A3754;
    transition: .2s
}

.mktg-btn-outline-base:hover {
    color: #2A3754;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px #2A3754,0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-outline-base.mktg-btn-hover-line:before {
    position: absolute;
    width: 100%;
    background-color: #2A3754;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-outline-base.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-outline-brand {
    margin: 0;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    color: #2F7DEB;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid #2F7DEB;
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-outline-brand.mktg-btn-hover-line:before,.mktg-btn-outline-links.mktg-btn-hover-line:before {
    margin-right: 2px;
    transform: scaleX(0);
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px
}

.mktg-btn-outline-brand:hover {
    color: #2F7DEB;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px #2F7DEB,0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-outline-brand.mktg-btn-hover-line:before {
    position: absolute;
    background-color: #2F7DEB;
    transition: all .2s ease-in-out 0s
}

.mktg-btn-outline-brand.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-outline-links {
    position: relative;
    margin: 0;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 28px;
    color: #2F7DEB;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid #2F7DEB;
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-outline-links:hover {
    color: #2F7DEB;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px #2F7DEB,0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-outline-success,.mktg-btn-outline-warning {
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0);
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 22px;
    padding: 8px 28px
}

.mktg-btn-outline-links.mktg-btn-hover-line:before {
    position: absolute;
    background-color: #2F7DEB;
    transition: all .2s ease-in-out 0s
}

.mktg-btn-outline-links.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-outline-warning {
    position: relative;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #FF5452;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid #FF5452;
    transition: .2s
}

.mktg-btn-outline-warning:hover {
    color: #FF5452;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px #FF5452,0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-outline-warning.mktg-btn-hover-line:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    background-color: #FF5452;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-outline-warning.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-outline-success {
    position: relative;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #16C98D;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid #16C98D;
    transition: .2s
}

.mktg-btn-outline-success:hover {
    color: #16C98D;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px #16C98D,0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-outline-success.mktg-btn-hover-line:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    background-color: #16C98D;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-outline-success.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-outline-white {
    position: relative;
    margin: 0;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 28px;
    color: #fff;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    border: 1px solid #fff;
    transition: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,0),0 2px 7px 1px rgba(255,255,255,0)
}

.mktg-btn-outline-white:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    box-shadow: 0 0 0 1px #fff,0 2px 20px 1px rgba(42,55,84,.2)
}

.mktg-btn-outline-white.mktg-btn-hover-line:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    background-color: #fff;
    height: 2px;
    margin-right: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-black,.mktg-btn-black-border {
    display: inline-block;
    margin: 0;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px
}

.mktg-btn-outline-white.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-lift {
    box-shadow: inset 0 0 0 0 transparent,0 2px 7px 1px rgba(42,55,84,.2)
}

.mktg-btn-black {
    position: relative;
    padding: 10px 28px 12px;
    color: #fff;
    background-color: #000;
    transition: .2s;
    box-shadow: 0 1px 0 0 #007dee,0 3px 10px 0 rgba(0,125,238,.22),0 6px 18px 0 rgba(0,0,0,.15);
    border: 0
}

.mktg-btn-black:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1a1a1a;
    box-shadow: 0 1px 4px 0 #007dee,0 4px 14px 0 rgba(0,125,238,.32),0 7px 20px 0 rgba(0,0,0,.15);
    box-sizing: border-box
}

.mktg-btn-black.mktg-btn-hover-line:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    background-color: #fff;
    height: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

.mktg-btn-black.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-black-border {
    position: relative;
    color: #000;
    background-color: #FFF;
    transition: .2s;
    border: 2px solid #000;
    padding: 8px 26px 10px;
    box-shadow: none
}

.mktg-btn-black-border:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 #007dee,0 4px 14px 0 rgba(0,125,238,.32),0 7px 20px 0 rgba(0,0,0,.15);
    box-sizing: border-box
}

.mktg-btn-black-border.mktg-btn-hover-line:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    background-color: #000;
    height: 2px;
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s
}

#page__gettingstarted-iii .getstarted-next,.mktg-btn-blue {
    background-color: #0080EF;
    box-shadow: 0 1px 0 0 #0065bc,0 3px 10px 0 rgba(0,125,238,.32),0 6px 18px 0 rgba(0,0,0,.15)
}

.mktg-btn-blue,.mktg-btn-white-blue {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    transition: .2s;
    position: relative;
    border-radius: 4px;
    margin: 0;
    display: inline-block;
    padding: 10px 28px 12px
}

.mktg-btn-black-border.mktg-btn-hover-line:hover:before {
    transform: scaleX(1)
}

.mktg-btn-blue {
    color: #fff
}

.mktg-btn-blue:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0f8fff;
    box-shadow: 0 1px 4px 0 #0057a3,0 4px 14px 0 rgba(0,125,238,.32),0 7px 20px 0 rgba(0,0,0,.15);
    box-sizing: border-box
}

.mktg-btn-white-blue {
    color: #0080EF;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #e6e6e6,0 3px 10px 0 rgba(0,125,238,.32),0 6px 18px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 7px 1px rgba(0,125,238,.16)
}

.lnd-button,.product-announcement {
    -ms-flex-align: center;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif !important;
}

.mktg-btn-white-blue:hover {
    color: #0080EF;
    text-decoration: none;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 #d9d9d9,0 4px 14px 0 rgba(0,125,238,.32),0 7px 20px 0 rgba(0,0,0,.15);
    box-sizing: border-box
}

.lnd-buttons {
    margin-top: 70px
}

.lnd-button {
    margin: 12px 26px 0 0;
    line-height: 16px;
    min-height: 52px;
    min-width: 170px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
    position: relative;
    z-index: 100;
    font-family: 'Jura', sans-serif;
}

.lnd-button:last-child {
    margin-right: 0
}

@media (max-width: 500px) {
    .lnd-button {
        display:-ms-flexbox;
        display: flex;
        width: 100%;
        margin: 24px 0 0
    }
}

.lnd-button span {
    background-color: rgba(0,0,0,.04);
    color: rgba(0,0,0,.69);
    position: absolute;
    top: 58%;
    right: -1%;
    display: block;
    border-radius: 100rem;
    text-align: right;
    font-size: 12px;
    width: 90%;
    padding: 3.1rem 1.8rem 1rem 3rem;
    z-index: 0
}

[data-balloon]:after,[data-balloon]:before {
    transition: all .18s ease-out .18s;
    z-index: 10;
    position: absolute
}

@media (max-width: 667px) {
    .lnd-button span {
        width:55%;
        right: 0
    }
}

.mktg-btn-sm {
    padding: 4px 18px 6px
}

button[data-balloon] {
    overflow: visible
}

[data-balloon] {
    position: relative;
    cursor: pointer
}

[data-balloon]:after {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    font-family: sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
    text-shadow: none!important;
    font-size: 12px!important;
    background: rgba(17,17,17,.9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    padding: .5em 1em;
    white-space: nowrap
}

[data-balloon]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    content: ''
}

[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto
}

[data-balloon].font-awesome:after {
    font-family: FontAwesome
}

[data-balloon][data-balloon-break]:after {
    white-space: pre
}

[data-balloon][data-balloon-blunt]:after,[data-balloon][data-balloon-blunt]:before {
    transition: none
}

[data-balloon][data-balloon-pos=up]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    transform: translate(-50%,10px);
    transform-origin: top
}

[data-balloon][data-balloon-pos=up]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    transform: translate(-50%,10px);
    transform-origin: top
}

[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before,[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
    transform: translate(-50%,0)
}

[data-balloon][data-balloon-pos=up-left]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 11px;
    transform: translate(0,10px);
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-left]:before {
    bottom: 100%;
    left: 5px;
    margin-bottom: 5px;
    transform: translate(0,10px);
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before,[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before,[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before,[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
    transform: translate(0,0)
}

[data-balloon][data-balloon-pos=up-right]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 11px;
    transform: translate(0,10px);
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-right]:before {
    bottom: 100%;
    right: 5px;
    margin-bottom: 5px;
    transform: translate(0,10px);
    transform-origin: top
}

[data-balloon][data-balloon-pos=down]:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    transform: translate(-50%,-10px)
}

[data-balloon][data-balloon-pos=down]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 50%;
    margin-top: 5px;
    top: 100%;
    transform: translate(-50%,-10px)
}

[data-balloon][data-balloon-pos=down-left]:after {
    left: 0;
    margin-top: 11px;
    top: 100%;
    transform: translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-left]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 5px;
    margin-top: 5px;
    top: 100%;
    transform: translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-right]:after {
    right: 0;
    margin-top: 11px;
    top: 100%;
    transform: translate(0,-10px)
}

[data-balloon][data-balloon-pos=down-right]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    right: 5px;
    margin-top: 5px;
    top: 100%;
    transform: translate(0,-10px)
}

[data-balloon][data-balloon-pos=left]:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    transform: translate(10px,-50%)
}

[data-balloon][data-balloon-pos=left]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    margin-right: 5px;
    right: 100%;
    top: 50%;
    transform: translate(10px,-50%)
}

[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before,[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
    transform: translate(0,-50%)
}

[data-balloon][data-balloon-pos=right]:after {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    transform: translate(-10px,-50%)
}

[data-balloon][data-balloon-pos=right]:before {
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    transform: translate(-10px,-50%)
}

[data-balloon][data-balloon-length=small]:after {
    white-space: normal;
    width: 80px
}

[data-balloon][data-balloon-length=medium]:after {
    white-space: normal;
    width: 150px
}

[data-balloon][data-balloon-length=large]:after {
    white-space: normal;
    width: 260px
}

[data-balloon][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 380px
}

@media screen and (max-width: 768px) {
    [data-balloon][data-balloon-length=xlarge]:after {
        white-space:normal;
        width: 90vw
    }
}

[data-balloon][data-balloon-length=fit]:after {
    white-space: normal;
    width: 100%
}

.streamtips {
    cursor: help;
    position: relative
}

.streamtips .tooltip-content {
    visibility: hidden;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.21);
    border-radius: 3px;
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    padding: 20px;
    color: #090909;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: all .33s ease-in-out;
    transform: scale(.8)
}

.mktg-cta .cta-wave,.new-wave-hero {
    background-repeat: no-repeat;
    height: auto
}

.streamtips .tooltip-content .total-title {
    font-size: 15px
}

.mktg-topbar>div>section>ul>li>ul.dropdown>li,.streamtips .tooltip-content p {
    font-size: 14px;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.streamtips .tooltip-content p {
    margin-bottom: 10px;
    font-weight: 100
}

.streamtips .price-card .enterprise .tooltip-content {
    top: 37px
}

.streamtips:hover .tooltip-content {
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.tooltip-content:hover {
    visibility: visible;
    opacity: 1
}

.flex-container .col-1\/2 {
    width: 50%;
    min-width: 50%
}

.flex-container .col-1\/3 {
    width: 33.33%
}

.flex-container .col-2\/3 {
    width: 66.66%
}

.flex-container .col-1\/4 {
    width: 25%
}

.flex-container .col-3\/4 {
    width: 75%
}

.flex-container .col-full {
    width: 100%;
    -ms-flex: 1;
    flex: 1
}

.flex-container .col-670 {
    width: 670px
}

@media (max-width: 1170px) {
    .flex-container>* {
        padding:0 15px
    }
}

@media (max-width: 1020px) {
    .flex-container .col-1\/2 {
        width:100%;
        min-width: 100%;
        margin: 0
    }

    .flex-container .col-1\/3,.flex-container .col-1\/4,.flex-container .col-2\/3,.flex-container .col-3\/4,.flex-container .col-670 {
        width: 100%;
        margin: 0
    }
}

.mktg-topbar {
    position: fixed;
    height: 117px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 999;
    line-height: 2;
    font-size: 16px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.06);
    list-style: none;
    display: inline-block;
    clear: none;
    padding: 0 2.22%;
    transition: .2s
}

@media (max-width: 1280px) {
    .mktg-topbar {
        height:70px
    }
}

.mktg-topbar .mktg-btn-link-white {
    padding: 8px 0
}

.mktg-topbar.compact {
    height: 64px!important;
    background-color: rgba(255,255,255,.97);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.03)
}

.mktg-topbar.transparent {
    background-color: rgba(0,0,0,0)
}

.mktg-topbar.transparent.compact {
    background-color: rgba(255,255,255,.97)
}

.mktg-topbar>div {
    position: relative;
    height: 100%;
    max-width: 1170px;
    margin: 0 auto
}

.mktg-topbar>div>section {
    display: inline-block;
    height: 100%
}

.mktg-topbar>div>section>ul {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    text-align: center
}

.mktg-topbar>div>section>ul>li {
    position: relative;
    margin: 0;
    padding: 0 10px;
    display: inline-block;
    height: 100%
}

@media (max-width: 936px) {
    .mktg-topbar>div>section>ul>li {
        font-size:13px;
        padding: 0 8px
    }
}

.mktg-topbar>div>section>ul>li.devtheapi:hover {
    background-image: url(https://getstream.imgix.net/images/tryapidevs.svg);
    background-repeat: no-repeat;
    background-position: 32px 30px;
    transition: opacity .3s ease-in-out;
    opacity: 1
}

.mktg-topbar>div>section>ul>li.logo {
    padding: 0
}

.mktg-topbar>div>section>ul>li.logo a {
    top: 45%
}

.mktg-topbar>div>section>ul>li.last {
    padding: 0 0 0 15px
}

@media (max-width: 829px) {
    .mktg-topbar>div>section>ul>li:hover>ul.dropdown {
        display:none
    }
}

@media (min-width: 829px) {
    .mktg-topbar>div>section>ul>li:hover>ul.dropdown {
        visibility:visible;
        transform: scale(1);
        opacity: 1
    }
}

.mktg-topbar>div>section>ul>li>ul.dropdown {
    visibility: hidden;
    position: absolute;
    top: 70%;
    left: -10%;
    list-style: none;
    padding: 20px;
    background-color: #fff;
    min-width: 128px;
    border-radius: 2px;
    text-align: left;
    border: 1px solid #E6E6E6;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.1);
    white-space: nowrap;
    transition: .3s;
    opacity: 0;
    transform: scale(.5)
}

.mktg-topbar>div>section>ul>li>ul.dropdown>li {
    line-height: 36px
}

.mktg-topbar>div>section>ul>li>ul.dropdown>li>a {
    white-space: nowrap;
    color: rgba(42,64,86,.66)
}

.mktg-topbar>div>section>ul>li>ul.dropdown>li>a:hover {
    text-decoration: none;
    color: #2a4056
}

.mktg-topbar>div>section>ul>li>ul.dropdown .req-demo-nav {
    margin-top: 6px;
    display: block;
    border: 1px solid #4c8efa!important;
    color: #4c8efa!important
}

@media (max-width: 829px) {
    .mktg-topbar>div>section>ul>li {
        display:none
    }

    .mktg-topbar>div>section>ul>li.mobile {
        display: inline-block
    }
}

@media (min-width: 829px) {
    .mktg-topbar>div>section>ul>li.mobile {
        display:none
    }
}

.mktg-topbar>div>section>ul>li>a {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    display: block;
    position: relative;
    top: 50%;
    transform: translate(0,-50%)
}

.mktg-topbar>div>section>ul>li>a.sign-in {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1019px) {
    .mktg-topbar>div>section>ul>li>a.sign-in {
        padding-left:28px;
        padding-right: 28px
    }
}

.mktg-topbar>div>section.left {
    float: left
}

.mktg-topbar>div>section.right {
    float: right
}

@media (min-width: 829px) {
    .mktg-topbar>div>section.center {
        float:none;
        top: 0;
        right: 120px;
        left: 120px;
        position: absolute
    }

    .mktg-topbar>div>section.center>ul>li.active,.mktg-topbar>div>section.center>ul>li.is-active {
        border-top: 1px solid #2F7DEB
    }

    .mktg-topbar>div>section.center>ul>li.active>a,.mktg-topbar>div>section.center>ul>li.is-active>a {
        opacity: 1
    }

    .mktg-topbar>div>section.center>ul>li>a {
        opacity: .7
    }

    .mktg-topbar>div>section.center>ul>li a:active,.mktg-topbar>div>section.center>ul>li a:focus,.mktg-topbar>div>section.center>ul>li>a:hover {
        opacity: 1;
        text-decoration: none
    }
}

@media (max-width: 829px) {
    .mktg-topbar>div>section.center {
        visibility:visible;
        display: inline-block;
        opacity: 1;
        transition: .2s;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #4C8EFA;
        z-index: 999
    }

    .mktg-topbar>div>section.center.hide-menu {
        visibility: hidden;
        opacity: 0
    }

    .mktg-topbar>div>section.center>ul {
        position: relative;
        top: 24vh;
        height: auto
    }

    .mktg-topbar>div>section.center>ul>li {
        position: relative;
        margin: 0 auto;
        font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
        font-size: 21px;
        font-weight: light;
        display: block;
        color: #fff;
        max-width: 50%
    }

    .mktg-topbar>div>section.center>ul>li>a {
        color: #fff
    }

    .mktg-topbar>div>section.center>ul>li>img {
        width: 13.33%;
        height: auto;
        display: inline-block;
        margin: 0 3%
    }
}

.mktg-topbar.get_started_header {
    position: absolute;
    background-color: rgba(0,0,0,0);
    border: none;
    box-shadow: none;
    height: 100px
}

.product-announcement,nav.str-topbar {
    z-index: 1040;
    position: fixed;
    top: 0;
    max-width: inherit
}

.product-announcement .emoji {
    padding: 0 12px;
    display: inline-block
}

.product-announcement a {
    display: inline-block;
    padding-left: 12px
}

.product-announcement .btn-stream-link-default:before,.product-announcement .btn-stream-link:before,.product-announcement .hvr-line:before,.product-announcement .stream-h3:before {
    background: #fff!important
}

.product-announcement {
    border-bottom: 1px solid rgba(42,55,84,.11);
    width: 100%;
    text-align: center;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #00FFE7;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 0 0 #02E06C,0 4px 13px 0 rgba(0,238,226,.32);
    color: #000;
    font-weight: 600;
    font-size: 15
}

.dropdown.resources .inner .left ul li a,.dropdown.resources .inner .right ul li a,.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li>label,nav.str-topbar,ul.collapse-list .level-2,ul.collapse-list .level-2 a {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.product-announcement p {
    margin: 0
}

.product-announcement a {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    padding: 0
}

.product-announcement a:hover {
    transition: .2s;
    color: #fff;
    opacity: .79
}

nav.str-topbar {
    width: inherit;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.05);
    height: 70px;
    background: #23272c;
}

nav.str-topbar__simple .mktg-btn-black:hover,nav.str-topbar__simple .mktg-btn-outline-blue:hover {
    box-shadow: 0 0 0 1px #2F7DEB,0 2px 20px 1px rgba(42,55,84,.2)
}

nav.str-topbar .container,nav.str-topbar .message-fixed {
    width: 100%;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px
}

nav.str-topbar.inversed:not(.scrolled) {
    background: 0 0
}

nav.str-topbar .navbar-brand {
    padding: 12px 25px 20px 0;
    height: auto
}

nav.str-topbar.inversed .cool>li>a {
    color: #fff
}

@media (min-width: 830px) {
    nav.str-topbar.inversed .cool>li>a:hover {
        color:rgba(255,255,255,.79)
    }
}

nav.str-topbar.inversed .cool>li>a svg.contactsvg {
    fill: #fff
}

nav.str-topbar.inversed .open li>a {
    color: #000
}

nav.str-topbar.inversed .contact a svg.contact,nav.str-topbar.inversed .navbar-brand .stream,nav.str-topbar.inversed .navbar-brand .stream-mark {
    fill: #fff
}

nav.str-topbar.inversed.scrolled .navbar-brand .stream {
    fill: #2A3754
}

nav.str-topbar.inversed.scrolled .navbar-brand .stream-mark {
    fill: #2F7DEB
}

@media (max-width: 830px) {
    .product-announcement {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .product-announcement svg {
        display: none
    }

    nav.str-topbar .navbar-brand {
        padding-left: 10px
    }

    nav.str-topbar.inversed .cool>li>a {
        color: #000
    }

    nav.str-topbar.inversed .navbar-brand .stream {
        fill: #2A3754
    }

    nav.str-topbar.inversed .navbar-brand .stream-mark {
        fill: #2F7DEB
    }
}

nav.str-topbar__simple .mktg-btn-outline-blue {
    padding: 6px 15px;
    border-radius: 5px;
    border: 2px solid #2F7DEB;
    color: #2F7DEB;
    transition: box-shadow .2s ease-in-out;
    text-transform: uppercase;
    white-space: nowrap
}

nav.str-topbar__simple .mktg-btn-black {
    padding: 6px 15px;
    border-radius: 5px;
    color: #fff;
    transition: box-shadow .2s ease-in-out;
    text-transform: uppercase
}

nav.str-topbar .container .row,nav.str-topbar .message-fixed .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

nav.str-topbar .container .row>.left,nav.str-topbar .message-fixed .row>.left {
    -ms-flex: 1;
    flex: 1
}

nav.str-topbar .container .row .col-md-12,nav.str-topbar .message-fixed .row .col-md-12 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

nav.str-topbar .container .row .col-md-12>.left,nav.str-topbar .message-fixed .row .col-md-12>.left {
    -ms-flex: 1;
    flex: 1
}

.cool>li>a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    height: 70px;
    padding: 0 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Jura', sans-serif;
}

.cool>li>a.dropdown-link {
    position: relative;
    font-family: 'Jura', sans-serif;
    /*font-family: 'IBM Plex Mono', monospace;*/
}

.cool>li>a.dropdown-link:after {
    content: '';
    position: absolute;
    top: calc(50% + 2px);
    right: 10px;
    background: url(https://getstream.imgix.net/images/header2019/main-arrow-down.svg) top right no-repeat;
    width: 6px;
    height: 3px;
    filter: invert(1);
}

nav.left>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cool>li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown {
    opacity: 0;
    position: absolute;
    z-index: 10;
    padding: 0;
    top: -40px;
    transition: all .5s;
    transform: translateY(100px);
    will-change: opacity;
    display: none;
    background: #fcfcfc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

.dropdown .arrow {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 40px;
    height: 17px;
    display: block;
    background: url(https://getstream.imgix.net/images/header2019/boxarrow.svg);
    z-index: 20;
    transform: translateY(-15.6px)
}

.trigger-enter .dropdown {
    display: block
}

.trigger-enter-active .dropdown {
    opacity: 1
}

nav.left hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(90deg,#EBEBEB 0,#FFF 100%);
    transform: scaleY(-1)
}

.dropdown.company li a,.dropdown.products .product-link:not(:last-of-type) {
    border-bottom: 1px solid rgba(0,0,0,.04)
}

.dropdown.products .product-link {
    min-height: 85px;
    margin: 0
}

.dropdown.products .product-link .content .title {
    opacity: .8;
    font-size: 15.5px;
    letter-spacing: .33px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: unset
}

.dropdown.company {
    min-width: 200px;
    padding: 0;
    list-style: none
}

.dropdown.company li a {
    display: block;
    padding: 20px;
    color: #000;
    text-decoration: none
}

.dropdown.company li a:hover {
    color: #006cff
}

.dropdown.company li.blog-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.dropdown.company li.blog-link img {
    margin: 0 0 0 20px
}

.dropdown.company li.blog-link a {
    padding: 30px 0 30px 10px;
    opacity: .8;
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15.5px;
    color: #000;
    letter-spacing: .33px;
    line-height: 14px;
    border-bottom: transparent;
    font-weight: 600
}

.dropdown.company li.blog-link a:hover {
    color: #006cff
}

.str-nav__menu-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    margin-top: 20px;
    font-size: 15px;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0 30px
}

.str-nav__menu-header img {
    margin-right: 10px
}

.str-nav__menu-header.faded {
    color: rgba(0,0,0,.4)
}

.dropdown.resources {
    min-width: 460px
}

.dropdown.resources hr {
    margin: 0
}

.dropdown.resources .inner {
    display: -ms-flexbox;
    display: flex
}

.dropdown.resources .inner .left,.dropdown.resources .inner .right {
    -ms-flex: 1 0 230px;
    flex: 1 0 230px
}

.dropdown.resources .inner .left ul,.dropdown.resources .inner .right ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.dropdown.resources .inner .left ul li:not(:last-of-type),.dropdown.resources .inner .right ul li:not(:last-of-type) {
    border-bottom: 1px solid rgba(0,0,0,.04)
}

.dropdown.resources .inner .left ul li a,.dropdown.resources .inner .right ul li a {
    padding: 0 30px;
    min-height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    line-height: 9px
}

.list-header,ul.collapse-list .level-1 {
    opacity: .8;
    font-size: 15.5px;
    letter-spacing: .33px
}

.dropdown.resources .inner .left ul li a:hover,.dropdown.resources .inner .right ul li a:hover {
    color: #006cff;
    text-decoration: none
}

.list-header {
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
    color: #000;
    line-height: 14px;
    font-weight: 700;
    margin-left: 20px;
    margin-bottom: 0
}

ul.collapse-list {
    padding: 0;
    margin: 8px 0 0 22px;
    list-style-type: none;
    position: relative;
    display: block
}

ul.collapse-list li {
    list-style-type: none;
    border-left: 1px solid rgba(0,0,0,.05);
    margin-left: 10px;
    line-height: 30px
}

ul.collapse-list li ul {
    display: none;
    margin-left: 13px;
    padding: 0
}

ul.collapse-list li div,ul.collapse-list li label {
    padding-left: 28px;
    position: relative;
    cursor: pointer
}

ul.collapse-list li label img {
    position: relative;
    left: -10px
}

ul.collapse-list li div:before,ul.collapse-list li label:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    bottom: calc(50% - 2px);
    width: 17px;
    border: 1px solid rgba(0,0,0,.05);
    border-top: 0 none transparent;
    border-right: 0 none transparent
}

ul.collapse-list li ul li:last-child,ul.collapse-list>li:last-child {
    border-left: 1px solid transparent
}

ul.collapse-list li ul li div {
    padding-left: 13px
}

ul.collapse-list li ul li div::before {
    width: 8px
}

ul.collapse-list>li:first-child {
    padding-top: 0
}

ul.collapse-list input[type=checkbox] {
    display: none
}

ul.collapse-list input[type=checkbox]:checked~ul {
    display: block
}

ul.collapse-list input[type=checkbox]:checked~label img {
    transform: rotate(90deg)
}

ul.collapse-list .level-1 {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 33px;
    font-weight: 600
}

ul.collapse-list .level-1 a {
    color: #000;
    text-decoration: none
}

ul.collapse-list .level-1 a:hover {
    color: #006cff
}

ul.collapse-list .level-1:after {
    content: '';
    position: relative;
    left: 5px;
    background: url(https://getstream.imgix.net/images/header2019/arrow-right.svg) center left no-repeat;
    display: inline-block;
    width: 11px;
    height: 8px
}

ul.collapse-list .level-1:hover a {
    color: #006cff;
    text-decoration: none
}

ul.collapse-list .level-1:hover:after {
    background: url(https://getstream.imgix.net/images/header2019/arrow-right-blue.svg) center left no-repeat
}

ul.collapse-list .level-1.expandable:after {
    background: 0 0
}

ul.collapse-list .level-1.expandable {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 28px
}

ul.collapse-list .level-1.expandable:hover {
    opacity: .6
}

ul.collapse-list .level-2,ul.collapse-list .level-2 a {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    opacity: 1
}

ul.collapse-list .level-2 a:hover,ul.collapse-list .level-2:hover {
    opacity: .8;
    text-decoration: none
}

ul.collapse-list input[type=checkbox]:checked~.level-1 {
    opacity: .6
}

.product-link {
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    margin: 30px 0;
    padding: 0 30px;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
}

.product-link .content {
    padding-left: 20px
}

.product-link .title {
    opacity: .8;
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15.5px;
    color: #000;
    letter-spacing: .33px;
    line-height: 14px;
    font-weight: 600;
    text-decoration: none
}

.product-link .description,.str__cta--title {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.product-link .title span.label {
    padding: 0 4px;
    position: relative;
    display: inline-block;
    bottom: 8px;
    opacity: 1;
    font-weight: 700;
    background: rgba(80,227,94,.19);
    border-radius: 2px;
    font-size: 8px;
    color: #10C29A;
    letter-spacing: .33px;
    text-transform: uppercase
}

.product-link .title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-link .description {
    font-size: 13.5px;
    color: #000;
    line-height: 1
}

.product-link:hover a.title {
    color: #006cff
}

.str-topbar .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    width: 70px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.str-topbar .button.login {
    height: 32px;
    border: 2px solid #2893EB;
    box-shadow: 0 2px 7px 1px rgba(47,125,235,.16);
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #006CFF;
    font-family: 'Jura', sans-serif;
}

.str-topbar .button.signup {
    height: 32px;
    background: #008AFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32);
    border-radius: 4px;
    color: #fff;
    font-family: 'Jura', sans-serif;
}

.str-topbar .button.dashboard,.str-topbar .button.mobile-menu {
    background: #000;
    color: #fff;
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32),0 6px 9px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    height: 32px
}

.str-topbar .button.dashboard {
    width: 90px
}

.str-topbar nav.left>ul,.str-topbar nav.right>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.str-topbar nav.right>.mobile-buttons {
    margin-right: 15px
}

.str-topbar ul.right {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.str-topbar ul.right li:not(:last-of-type) {
    margin: 0 15px
}

.str-topbar nav.right.str-nav__mobile-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1;
    flex: 1
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    top: calc(100%);
    right: 10px;
    max-height: calc(100vh - 90px);
    position: absolute;
    width: calc(100% - 20px);
    height: auto;
    background: #fcfcfc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

.str-subnav__dropdown>li:not(:last-of-type),.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu ul li:not(:last-of-type) {
    border-bottom: 1px solid rgba(0,0,0,.04)
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown span.str-nav__mobile-dropdown--arrow {
    right: 15px
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown ul.right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown ul li a {
    color: #000;
    text-decoration: none
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown ul li a:hover {
    color: #006cff;
    text-decoration: none
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown ul li a.button {
    color: #fff
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown ul li a.button.login {
    color: #006cff
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown--arrow {
    position: absolute;
    width: 40px;
    height: 17px;
    display: block;
    right: 0;
    background: url(https://getstream.imgix.net/images/header2019/boxarrow.svg);
    z-index: 20;
    transform: translateY(-15.6px)
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li>input[type=checkbox]:checked~label>img,ul.language-dd>li:after {
    transform: rotate(90deg)
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown--inner {
    padding: 20px 0;
    overflow-y: auto;
    -ms-flex: 1;
    flex: 1
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-dropdown--footer {
    -ms-flex: 0 1 70px;
    flex: 0 1 70px;
    padding: 20px
}

.str-topbar nav.right.str-nav__mobile-nav .product-link {
    width: auto
}

.str-topbar nav.right.str-nav__mobile-nav .product-link img {
    width: 32px;
    height: 32px
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1,.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-2 {
    padding: 0;
    list-style: none
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-2 {
    display: none
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li {
    position: relative
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li>input[type=checkbox] {
    display: none;
    position: absolute;
    left: 0
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li>label {
    padding-left: 30px;
    font-size: 16px;
    color: #000;
    line-height: 10px;
    position: relative
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li>label>img {
    position: absolute;
    top: calc(50% - 1px);
    left: 20px
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-menu-level-1>li>input[type=checkbox]:checked~.mobile-menu-level-2 {
    display: block
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu-left,.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 480px) {
    .str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu-left,.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu-right {
        -ms-flex:0 0 50%;
        flex: 0 0 50%
    }
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu ul li {
    margin: 0;
    padding: 0
}

.str-topbar nav.right.str-nav__mobile-nav .mobile-resources-menu ul li .product-link {
    margin: 15px 0
}

.str-topbar nav.right.str-nav__mobile-nav li.separator hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(90deg,#EBEBEB 0,#FFF 100%);
    transform: scaleY(-1)
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-nav--toggle {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-nav--toggle~label {
    margin-right: 15px
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-nav--toggle~label:before {
    content: 'МЕНЮ'
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-nav--toggle:checked~label:before {
    content: 'close'
}

.additional-resources .product-link .links li:not(:last-of-type):after,.footer .horizontal-link-list>li:not(:last-of-type):after,.footer ul.footer-product-links li:not(:last-of-type):after {
    content: ' · '
}

.str-topbar nav.right.str-nav__mobile-nav .str-nav__mobile-nav--toggle:checked~.str-nav__mobile-dropdown {
    display: -ms-flexbox;
    display: flex
}

.additional-resources {
    padding: 0 30px 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.additional-resources .str-nav__menu-header {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0
}

.additional-resources .product-link {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding-right: 0;
    padding-left: 0;
    margin: 15px 0 0
}

@media screen and (min-width: 480px) {
    .additional-resources .product-link {
        -ms-flex:1 0 50%;
        flex: 1 0 50%
    }
}

.additional-resources .product-link .content {
    padding-left: 15px
}

.additional-resources .product-link .title {
    opacity: .4;
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    color: #000;
    letter-spacing: 2.17px;
    text-transform: uppercase;
    font-family: 'Jura', sans-serif;
}

.additional-resources .product-link .title:after {
    display: none
}

.additional-resources .product-link .links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.additional-resources .product-link .links li:not(:last-of-type) {
    margin-right: 7px
}

.additional-resources .product-link .links li a {
    color: #000;
    font-family: 'Jura', sans-serif;
}

.additional-resources .product-link .links li a:hover {
    color: #006cff;
    text-decoration: none
}

.new-wave-hero p,.new-wave-hero>section>p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 20px;
    color: #2A4056;
    line-height: 35px;
    font-weight: 200
}

.new-wave-hero {
    display: block;
    width: 100%;
    background-image: url(https://getstream.imgix.net/images/new-wave-hero.svg);
    background-position: bottom;
    background-size: cover
}

.new-wave-hero>section {
    margin: 0 auto;
    padding: 170px 0
}

.new-wave-hero>section>a {
    margin-top: 30px
}

@media (max-width: 829px) {
    .new-wave-hero>section>a {
        max-width:50%;
        margin: 30px auto;
        display: block
    }
}

.new-wave-hero>section .mktg-btn-link-links {
    margin-left: 30px
}

#acceleration .mktg-justified {
    width: 370px;
    margin: 0 auto
}

.mktg-cta {
    min-height: 276px;
    padding-top: 50px
}

.mktg-cta .cta-wave {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 80px;
    background-position: top;
    background-image: url(https://getstream.imgix.net/images/wave-cta-2.svg);
    background-size: cover
}

.mktg-cta h2 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 31px
}

.mktg-cta p {
    font-size: 16px
}

.mktg-cta .cta-btn {
    width: 100%;
    padding: 12px 0;
    margin-top: 20%
}

.str__cta {
    margin-top: 125px;
    padding: 100px 0;
    background-color: #2B2B2B
}

.str__cta h1,.str__cta h2,.str__cta h3,.str__cta h4,.str__cta h5,.str__cta h6,.str__cta p {
    color: #fff
}

.str__cta .lnd-buttons {
    margin-top: 50px
}

.str__cta .lnd-button {
    display: inline-block;
    position: relative;
    text-align: center;
    min-width: 175px
}

.str__cta .lnd-button a {
    display: block;
    position: relative;
    z-index: 100
}

@media (max-width: 667px) {
    .str__cta .lnd-buttons {
        margin:50px auto
    }

    .str__cta .lnd-button {
        margin: 0 auto
    }
}

.mktg-new-login-modal .login-padding-item,.str__cta--title {
    margin-bottom: 30px
}

.str__cta .lnd-button span {
    background-color: rgba(0,0,0,.04);
    color: rgba(255,255,255,.69);
    position: absolute;
    top: 40%;
    right: -18px;
    display: block;
    border-radius: 100rem;
    text-align: right;
    font-size: 12px;
    width: 100%;
    padding: 3.1rem 1.8rem 1rem 3rem;
    z-index: 0
}

.str__cta--title {
    color: #fff;
    font-size: 50px;
    margin-top: 0
}

.str__cta--prelabel,.str__cta--subtitle {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #fff
}

.str__cta--subtitle {
    font-size: 22px;
    line-height: 35px
}

.lnd-code-example pre,.str__cta--code-example pre {
    line-height: 27px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.str__cta--prelabel {
    opacity: .4;
    font-size: 14px;
    letter-spacing: 2.17px;
    font-weight: 600;
    text-transform: uppercase
}

.str__cta--container {
    max-width: 1200px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.lnd-code-example,.str__cta--code-example {
    max-width: 479px;
    transform: skewY(-2deg);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.35)
}

@media (max-width: 1200px) {
    .str__cta--container {
        padding:15px
    }
}

@media (max-width: 1020px) {
    .str__cta--container {
        display:block
    }
}

.str__cta--left {
    margin-right: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.str__cta--right {
    min-width: 479px
}

@media (max-width: 494px) {
    .str__cta--right {
        min-width:0;
        width: 100%
    }
}

.str__cta--code-example {
    background-color: #172026;
    padding-top: 36px;
    padding-bottom: 0;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    box-sizing: content-box
}

@media (max-width: 1020px) {
    .str__cta--code-example {
        margin:50px auto
    }
}

.str__cta--code-example pre {
    background: 0 0;
    color: rgba(255,255,255,.69);
    font-family: 'Courier New',Courier,monospace;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap
}

.str__cta--code-example pre code {
    background: 0 0;
    padding: 0;
    margin: 8px 36px 0
}

.str__cta--code-example pre code .hljs-keyword {
    color: #A33DFF
}

.str__cta--code-example pre code .hljs-string {
    color: #B8E986
}

.str__cta--code-example pre code .hljs-literal {
    color: #4A90E2
}

.str__cta--code-example pre code .hljs-comment {
    color: rgba(255,255,255,.4)
}

.str__cta--code-example pre code .hljs-number {
    color: #B8E986
}

.str__cta--code-example>* {
    transform: skewY(2deg)
}

.str__cta--code-example-logos img {
    display: block;
    border: 1px transparent;
    max-width: 80%;
    height: auto
}

.str__cta--code-example-separator {
    margin: 36px 36px 0 32px;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: rgba(255,255,255,.4);
    z-index: 0
}

.str__cta--code-example-separator p {
    font-family: realtime_roundedregular;
    position: absolute;
    display: inline-block;
    top: -1rem;
    background: #172026;
    letter-spacing: 1px;
    z-index: 1;
    padding-right: 2rem
}

.mktg-pricing-table>div,.mktg-pricing-table>div h3,.mktg-pricing-table>div h4,.mktg-pricing-table>div>span:last-of-type,.mktg-pricing-table>span {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.str__cta--code-example-separator:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: rgba(255,255,255,.4)
}

.pricing-matrix {
    margin-top: -120px
}

.mktg-pricing-table {
    z-index: 1
}

.mktg-pricing-table>div {
    background-color: #fff;
    padding: 30px 30px 50px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.04),0 0 12px 0 rgba(0,0,0,.1);
    border-radius: 4px
}

.mktg-pricing-table>div h3 {
    font-size: 31px;
    font-weight: 200
}

.mktg-pricing-table>div h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 50px
}

.mktg-pricing-table>div>span:last-of-type {
    font-size: 14px;
    color: #2A3754;
    font-weight: 100;
    display: block;
    clear: both;
    margin-bottom: 50px
}

.mktg-pricing-table>span {
    color: rgba(44,54,67,.5);
    margin: 15px 0 0;
    padding: 0;
    display: inline-block;
    width: 100%
}

.mktg-pricing-table>span>b {
    color: rgba(44,54,67,.75)
}

nav#documentation-sidebar {
    position: fixed;
    display: block;
    float: left;
    bottom: 0;
    top: 170px;
    width: 320px;
    max-height: 100vh;
    max-width: 100vw;
    padding: 32px 32px 32px 25px;
    overflow-y: scroll;
    box-shadow: 0 7px 24px rgba(42,55,84,.2);
    transition: .3s;
    z-index: 1111
}

@media (min-width: 830px) {
    nav#documentation-sidebar {
        box-shadow:none;
        max-width: 234px;
        padding-top: 64px;
        width: 26%;
        z-index: 1;
        transition: .2s
    }
}

@media (max-width: 829px) {
    nav#documentation-sidebar {
        top:0;
        left: -350px;
        padding: 32px;
        background-color: #fff
    }
}

nav#documentation-sidebar.open {
    left: 0
}

nav#documentation-sidebar>header {
    display: none
}

@media (max-width: 829px) {
    nav#documentation-sidebar>header {
        display:inline-block;
        width: 100%;
        margin-bottom: 32px
    }
}

nav#documentation-sidebar>header>h1 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #2A3754;
    margin: 0;
    padding: 0;
    float: left
}

nav#documentation-sidebar>section>ul.sidebar-dd>li,nav#documentation-sidebar>section>ul.sidebar-dd>ul>li>a,ul.language-dd,ul.mktg-pearls>li>span {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

nav#documentation-sidebar>header>button {
    color: rgba(42,55,84,.5);
    border: none;
    background: 0 0;
    line-height: .33;
    font-size: 50px;
    float: right
}

nav#documentation-sidebar>section {
    margin-bottom: 32px
}

ul.language-dd {
    font-weight: 400;
    font-size: 14px;
    color: #2C3643;
    height: 44px;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 32px
}

ul.language-dd>li {
    border-radius: 2px;
    border: 1px solid rgba(42,55,84,.2);
    height: 44px;
    padding: 14px;
    line-height: 16px
}

ul.language-dd>li>img {
    height: 16px;
    width: auto;
    float: left;
    margin-right: 14px
}

ul.language-dd>li:after {
    float: right;
    content: '\0203A';
    font-size: 24px;
    color: #99A9B3
}

ul.language-dd>ul {
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.1);
    display: none
}

ul.language-dd>ul>li {
    border: 1px solid rgba(42,55,84,.2);
    border-style: none solid;
    height: 44px;
    padding: 14px;
    line-height: 16px;
    color: #2A3754
}

ul.language-dd>ul>li:first-of-type {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

ul.language-dd>ul>li:last-of-type {
    border-style: none solid solid;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

ul.language-dd>ul>li>img {
    height: 16px;
    width: auto;
    float: left;
    margin-right: 14px
}

ul.language-dd.open>ul {
    display: block
}

div.doc-search-group {
    position: relative;
    height: 44px;
    margin-bottom: 32px
}

input#doc-search {
    height: 44px;
    border-radius: 2px;
    border-color: rgba(44,54,67,.2)
}

input#doc-search::-webkit-input-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: light;
    color: rgba(44,54,67,.2);
    font-size: 14px
}

input#doc-search:-moz-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: light;
    color: rgba(44,54,67,.2);
    font-size: 14px
}

input#doc-search::-moz-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: light;
    color: rgba(44,54,67,.2);
    font-size: 14px
}

input#doc-search:-ms-input-placeholder {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: light;
    color: rgba(44,54,67,.2);
    font-size: 14px
}

span.doc-search-icon {
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 50%;
    height: 14px;
    width: 14px;
    transform: translateY(-50%);
    background-size: contain;
    background-image: url(https://getstream.imgix.net/images/search_icon.svg);
    background-repeat: no-repeat
}

#home .code-snippets-item:first-child,ul.mktg-pearls>li:first-child {
    right: 8px
}

nav#documentation-sidebar>span.divider {
    margin-bottom: 32px;
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 1px;
    border: 1px solid rgba(42,55,84,.1)
}

nav#documentation-sidebar>section>ul.sidebar-dd {
    margin-bottom: 32px
}

nav#documentation-sidebar>section>ul.sidebar-dd>li {
    font-size: 14px;
    font-weight: 700;
    color: rgba(42,64,86,.7);
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 16px
}

nav#documentation-sidebar>section>ul.sidebar-dd>li:after {
    float: right;
    content: '\25be'
}

nav#documentation-sidebar>section>ul.sidebar-dd>ul {
    display: none
}

nav#documentation-sidebar>section>ul.sidebar-dd>ul>li>a {
    display: block;
    font-size: 16px;
    font-weight: regular;
    line-height: 40px;
    color: rgba(42,55,84,.7)
}

nav#documentation-sidebar>section>ul.sidebar-dd>ul>li>a:active,nav#documentation-sidebar>section>ul.sidebar-dd>ul>li>a:hover {
    color: #2F7DEB;
    text-decoration: none
}

nav#documentation-sidebar>section>ul.sidebar-dd.open>ul {
    display: block
}

nav#documentation-sidebar>section>ul.sidebar-dd.open>li:after {
    transform: scaleY(-1)
}

ul#setup-language-dd {
    width: 170px;
    float: right
}

.footer-cta {
    position: relative;
    background: #FAFAFA;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.07),inset 0 8px 7px 0 rgba(0,0,0,.01)
}

.footer-cta .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-cta .row:before {
    display: none
}

.footer-cta .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.footer-cta .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-cta .footer-padding {
    padding-top: 80px;
    padding-bottom: 100px
}

.footer-cta h2,.footer-cta p {
    margin: 0;
    font-family: 'IBM Plex Mono', monospace;
    font-family: 'IBM Plex Mono', monospace;
}

.footer {
    background-color: #FCFCFC;
    position: relative;
    padding-bottom: 55px
}

.footer:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-image: linear-gradient(-90deg,#EBEBEB 0,#FAFAFA 100%);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    width: 100%;
    height: 1px;
    transform: scale(-1)
}

.footer .footer-row {
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer .footer-left,.footer .footer-right {
    padding-top: 55px
}

.footer .footer-left.nopadding,.footer .footer-right.nopadding {
    padding-top: 0
}

.footer .footer-left {
    width: 100%
}

.footer .footer-right {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 830px) {
    .footer .footer-column {
        padding-left:15px;
        padding-right: 15px
    }

    .footer .footer-right {
        padding-left: 25px
    }
}

.footer .footer-right .footer-right-column {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.footer .footer-link-list {
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.footer .footer-link-list>li.separator {
    height: 1px;
    width: 30px;
    background: #F1F1F1;
    margin: 20px 0 15px
}

.footer .footer-link-list>li>a {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 23px;
    font-family: 'Jura', sans-serif;
}

.footer .footer-link-list>li>a:hover {
    text-decoration: none;
    color: #006cff
}

.footer .footer-product-block {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer .footer-product-block p {
    opacity: .8;
    font-size: 15.5px;
    color: #000;
    letter-spacing: .33px;
    line-height: 22px;
    margin-bottom: 0
}

.footer img.footer-product-image {
    margin-right: 20px
}

.footer a.footer-product-title {
    display: block;
    font-family: "IBM Plex Sans",sans-serif;
    opacity: .8;
    font-size: 15.5px;
    color: #000;
    letter-spacing: .33px;
    line-height: 14px;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Jura', sans-serif;
}

.footer a.footer-product-title:hover {
    color: #006cff
}

.footer ul.footer-product-links {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer ul.footer-product-links li {
    display: inline;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13.5px;
    position: relative
}

.footer ul.footer-product-links li a {
    color: #006CFF;
    text-decoration: none
}

.footer ul.footer-product-links li a:hover {
    opacity: .8
}

.footer p.footer a,.footer p.footer-copy {
    opacity: .5;
    font-family: 'IBM Plex Sans',sans-serif;
    font-size: 12px;
    font-family: 'Jura', sans-serif;
    color: #000;
}

.footer ul.footer-buttons {
    margin-top: 40px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.footer ul.footer-buttons>li:not(:first-of-type) {
    margin-left: 15px
}

.footer .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    width: 70px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.footer .button.login {
    height: 32px;
    border: 2px solid #2893EB;
    box-shadow: 0 2px 7px 1px rgba(47,125,235,.16);
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #006CFF
}

.footer .button.signup {
    height: 32px;
    background: #008AFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32);
    border-radius: 4px;
    color: #fff
}

.footer .button.dashboard {
    width: 90px;
    height: 32px;
    background: #000;
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32),0 6px 9px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    color: #fff
}

.footer .str-nav__menu-header.faded {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.17px;
    text-transform: uppercase;
    color: rgba(42,64,86,.5);
    margin-top: 0;
    font-family: 'Jura', sans-serif;
}

.footer .additional-resources .links,.footer .horizontal-link-list>li>a {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #000
}

.footer .additional-resources {
    padding: 40px 0
}

.footer .social-links-list {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.footer .social-links-list>li:not(:last-of-type) {
    margin-right: 30px
}

.footer .social-links-list>li>a:hover {
    opacity: .8
}

@media screen and (min-width: 1020px) {
    .footer .platform {
        margin-top:35px;
        display: block
    }
}

.footer .build-social-networks {
    margin-top: 40px;
    margin-bottom: 40px
}

.footer .horizontal-link-list {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer .horizontal-link-list>li>a {
    opacity: .5;
    line-height: 32px;
    font-family: 'Jura', sans-serif;
}

.footer .horizontal-link-list>li>a:hover {
    text-decoration: none;
    opacity: 1;
    color: #006cff
}

.footer .horizontal-link-list>li:not(:last-of-type) {
    margin-right: 10px
}

.footer .horizontal-link-list>li:not(:last-of-type):after {
    color: #000;
    opacity: .5
}

@media screen and (min-width: 1020px) {
    .footer .footer .footer-column {
        padding-bottom:50px
    }

    .footer .footer-left {
        width: 361px;
        border-right: 1px solid #F1F1F1
    }

    .footer .footer-right {
        padding-left: 120px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .footer .footer-right-column {
        -ms-flex: 1;
        flex: 1
    }

    .footer .footer-right-column:last-of-type {
        -ms-flex: 0 1 0;
        flex: 0 1 0
    }

    .footer .footer-right-column-x2 {
        -ms-flex: 2;
        flex: 2
    }

    .footer .additional-resources {
        padding: 0
    }

    .footer .build-social-networks {
        margin-bottom: 0
    }
}

ul.mktg-pearls {
    width: 95%;
    display: block;
    text-align: justify;
    list-style: none;
    padding: 0;
    height: 32px;
    background: linear-gradient(white 42%,rgba(42,55,84,.1),#fff 50%);
    margin-bottom: 36px
}

@media (max-width: 1280px) {
    ul.mktg-pearls {
        margin-top:20px
    }
}

ul.mktg-pearls>li {
    position: relative;
    display: inline-block;
    top: -2px;
    margin: 0;
    height: 32px;
    width: 32px;
    background: radial-gradient(white 42%,rgba(42,55,84,.1),rgba(0,0,0,0) 56%);
    text-align: center;
    cursor: pointer
}

ul.mktg-pearls>li>span {
    font-size: 12px;
    position: absolute;
    left: 50%;
    bottom: -24px;
    font-weight: 600;
    color: rgba(42,54,83,.6);
    transform: translateX(-50%)
}

#home .section-lead-text a,ul.mktg-pearls>li.active>span,ul.mktg-pearls>li.is-active>span,ul.mktg-pearls>li:hover>span {
    color: #2F7DEB
}

ul.mktg-pearls>li.active,ul.mktg-pearls>li.is-active {
    background: radial-gradient(white 42%,#2F7DEB,rgba(0,0,0,0) 56%)
}

ul.mktg-pearls>li:hover {
    background: radial-gradient(white 42%,#2F7DEB,rgba(0,0,0,0) 56%)
}

ul.mktg-pearls>li:last-child {
    left: 8px
}

ul.mktg-pearls:after {
    content: "";
    width: 100%;
    display: inline-block
}

.mktg-testimonial {
    padding: 30px;
    background: #fff;
    margin-top: 30px
}

.mktg-testimonial .mktg-p {
    font-weight: 200;
    color: #2A3754;
    padding-top: 20px
}

.mktg-testimonial>div div>span,.mktg-testimonial>div div>span:first-of-type {
    font-weight: light;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-testimonial>div {
    position: relative;
    display: block
}

.mktg-testimonial>div div {
    display: inline-block;
    clear: none
}

.mktg-testimonial>div div>span {
    float: left;
    clear: both;
    font-size: 14px;
    color: rgba(42,55,84,.7)
}

.mktg-testimonial>div div>span:first-of-type {
    float: left;
    font-size: 18px;
    line-height: 22px;
    color: #2A3754;
    display: block
}

.mktg-testimonial>div>img {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 401px) {
    .mktg-testimonial>div>img {
        display:none
    }
}

.mktg-fade-in {
    visibility: hidden;
    transform: rotateX(-30deg) translateY(200px);
    transition: 998ms;
    opacity: 0
}

.mktg-fade-in.faded {
    visibility: visible;
    transform: rotateX(0) translateY(0);
    opacity: 1
}

ul.nav.nav-tabs.modal-view-login,ul.nav.nav-tabs.modal-view-register {
    border: none;
    width: 100%;
    margin-top: 20px
}

ul.nav.nav-tabs.modal-view-login>li,ul.nav.nav-tabs.modal-view-register>li {
    text-align: center;
    font-sie: 15px;
    text-transform: uppercase;
    width: 50%
}

.lnd-modal__subtitle,.lnd-modal__title {
    text-transform: none;
    display: block;
    color: #000
}

ul.nav.nav-tabs.modal-view-login>li.active a,ul.nav.nav-tabs.modal-view-login>li.is-active a,ul.nav.nav-tabs.modal-view-register>li.active a,ul.nav.nav-tabs.modal-view-register>li.is-active a {
    background: 0 0;
    border: none;
    color: #2a3754;
    border-bottom: 2px solid #4c8efa
}

ul.nav.nav-tabs.modal-view-login>li a,ul.nav.nav-tabs.modal-view-register>li a {
    font-weight: 500;
    line-height: 18px;
    border: none;
    cursor: pointer;
    color: rgba(42,55,84,.5)
}

ul.nav.nav-tabs.modal-view-login>li a:hover,ul.nav.nav-tabs.modal-view-register>li a:hover {
    background: 0 0;
    border: none;
    color: #2a3754;
    border-bottom: 2px solid #4c8efa
}

ul.nav.nav-tabs.modal-view-login>li a:active,ul.nav.nav-tabs.modal-view-login>li a:focus,ul.nav.nav-tabs.modal-view-register>li a:active,ul.nav.nav-tabs.modal-view-register>li a:focus {
    border: none!important;
    background: 0 0!important;
    background-color: inherit;
    border-bottom: 2px solid #4c8efa!important;
    outline: 0
}

.mktg-new-login-modal,.tab-content.modal-view-login>div.tab-pane>section.row,.tab-content.modal-view-register>div.tab-pane>section.row {
    padding: 15px 30px 30px
}

.mktg-new-login-modal label {
    text-align: left;
    display: block
}

.mktg-new-login-modal .text-success {
    color: #16c98d
}

.mktg-large-sms-icon {
    width: 70px
}

span.mktg-or-divider {
    margin: 15px 0;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    display: inline-block;
    width: 100%;
    position: relative;
    color: rgba(0,0,0,.3);
    white-space: nowrap;
    overflow-x: hidden
}

span.mktg-or-divider:after {
    position: relative;
    display: inline-block;
    width: 100%;
    right: 0;
    top: -3px;
    height: 1px;
    content: " ";
    border-bottom: 1px solid rgba(0,0,0,.06)
}

.mktg-modal-link {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: rgba(42,55,84,.5)
}

.mktg-register-modal {
    padding: 15px 30px 30px
}

div.modal-content.zoom-in.mktg-modal-shift-left {
    transform: translateX(-150px)!important
}

.lnd-modal__logo {
    margin: 28px auto 21px
}

.lnd-modal__title {
    font-size: 22px;
    line-height: 29px;
    font-weight: 700;
    font-family: realtime_roundedregular
}

.lnd-modal__subtitle,.lnd-modal__text-divider {
    font-family: realtime_roundedregular;
    font-size: 16px
}

.lnd-modal__subtitle {
    margin-top: 9px;
    line-height: 30px
}

.lnd-modal__text-divider {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.8);
    font-weight: 700;
    text-transform: uppercase
}

.lnd-modal-view-register .btn-github,.lnd-modal-view-register input,.lnd-modal-view-register label,.str__modal--container {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.lnd-modal-view-register .btn-github {
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 28px 12px;
    border: 2px solid #0080ef;
    color: #0080ef;
    background-color: rgba(255,255,255,0);
    border-radius: 4px;
    text-decoration: none;
    transition: .2s
}

.lnd-modal-view-register .btn-github i {
    position: relative;
    top: 1.5px
}

.lnd-modal-view-register .btn-github:hover {
    text-decoration: none;
    box-shadow: 0 2px 20px 1px rgba(42,55,84,.2)
}

.lnd-modal-view-register .form-group {
    margin-bottom: 20px
}

.lnd-modal-view-register .form-group:last-of-type {
    margin-bottom: 30px
}

.lnd-modal-view-register label {
    font-weight: 700
}

.lnd-modal-view-register input:focus {
    border: 1px solid #2F7DEB
}

.lnd-modal-view-register .mktg-register-modal {
    padding-bottom: 0
}

.str__modal--container {
    position: fixed;
    z-index: 1050;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: 0 0;
    color: #fff;
    transition: background .4s;
    transition-delay: .2s
}

.component-switcher__switcher .switcher__switch .header,.str__modal--content .str__modal--sketch-file p:first-of-type {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str__modal--container.modal-open {
    display: -ms-flexbox;
    display: flex;
    background: #000;
    background: linear-gradient(rgba(0,0,0,.99),rgba(0,0,0,.8))
}

.str__modal--content {
    display: block;
    margin: 100px auto 0;
    padding: 20px;
    max-width: 570px;
    transition: all .8s
}

.str__modal--content .str__modal--heading,.str__modal--content .str__modal--lead {
    max-width: 570px;
    display: block;
    margin: 20px auto 0
}

.str__modal--content.str__modal--codepen {
    max-width: 1170px;
    width: 100%
}

.str__modal--content.str__modal--codepen .mktg-btn-blue {
    margin: 20px auto
}

.str__modal--content .str-form {
    background: #fff
}

.str__modal--content .str-form .form-group-with-button {
    padding: 5px 20px 5px 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 4px
}

.str__modal--content .str-form .form-group-with-button input {
    border-radius: 4px
}

.str__modal--content .str-form .form-group-with-button input.has-error {
    margin: 0
}

.str__modal--content .str-form .mktg-input {
    position: relative
}

.str__modal--content .str-form .mktg-input small {
    position: absolute;
    top: 15px;
    right: 150px
}

.str__modal--content .str__modal--sketch-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px auto 0
}

.str__modal--content .str__modal--sketch-file svg {
    margin-right: 20px
}

.str__modal--content .str__modal--sketch-file p {
    margin: 4px 0;
    text-align: left
}

.str__modal--content .str__modal--sketch-file p:first-of-type {
    font-weight: 700
}

.str__modal--header,.str__modal--lead {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str__modal--body {
    position: relative;
    top: 150px;
    opacity: 0
}

.str__modal--close {
    color: #fff;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0
}

.str__modal--close:focus,.str__modal--close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.str__modal--close--large {
    position: relative;
    top: 8px;
    margin: 0;
    font-size: 46px;
    line-height: 0
}

.str__modal--header {
    opacity: 0;
    color: #fff;
    font-size: 50.62px;
    line-height: 61.35px
}

.str__modal--lead {
    font-size: 22.5px;
    margin-bottom: 50px;
    line-height: 35px
}

.str__modal--container.str__modal--chat-examples {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.str__modal--container.str__modal--chat-examples .str__modal--navbar {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 15px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.str__modal--container.str__modal--chat-examples .str__modal--navbar--center,.str__modal--container.str__modal--chat-examples .str__modal--navbar--left,.str__modal--container.str__modal--chat-examples .str__modal--navbar--right {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.str__modal--container.str__modal--chat-examples .str__modal--navbar--left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.str__modal--container.str__modal--chat-examples .str__modal--navbar--right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.str__modal--container.str__modal--chat-examples .str__modal--content {
    max-width: 1170px;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.str__modal--container.str__modal--chat-examples .str__modal--body {
    display: -ms-flexbox!important;
    display: flex!important;
    width: 100%
}

.str__modal--container.str__modal--chat-examples .str__modal--body iframe {
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    border-radius: 10px
}

.str__modal--container.str__modal--chat-examples select {
    border: none;
    background: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><g fill="#4D4D4D" fill-rule="evenodd"><path d="M3.6 0l3.6 6H0zM3.6 14l3.6-6H0z"/></g></svg>') 90%/8px no-repeat;
    box-shadow: none
}

@media screen and (max-width: 1320px) {
    .str__modal--container.str__modal--chat-examples .str__modal--close {
        position:static
    }
}

@media screen and (max-width: 640px) {
    .str__modal--container.str__modal--chat-examples .str__modal--navbar {
        padding:15px 15px 0
    }

    .str__modal--container.str__modal--chat-examples .str__modal--content {
        padding: 20px
    }

    .str__modal--container.str__modal--chat-examples .str__modal--close--text {
        display: none
    }

    .str__modal--container.str__modal--chat-examples .str__modal--navbar--right {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.str__code-modal .modal-content,.str__code-modal .modal-header {
    background-color: #121212
}

.str__code-modal .modal-header .modal-title {
    color: #fff
}

.modal-content .str__code-modal .modal-header .close:after,.str__code-modal .modal-content .modal-header .close:after,.str__code-modal .modal-header .btn-close:after,.str__code-modal .modal-header .modal-content .modal-header .close:after {
    content: "\e917";
    color: #fff;
    line-height: 34px;
    font-size: 15px
}

.str__code-modal .modal-body pre {
    background: 0 0
}

.str__code-modal .modal-body pre code {
    background: 0 0;
    color: #f8f8f2
}

.str__code-modal .modal-body pre code .hljs-attr,.str__code-modal .modal-body pre code .hljs-keyword,.str__code-modal .modal-body pre code .hljs-name,.str__code-modal .modal-body pre code .hljs-selector-tag {
    color: #f92672
}

.str__code-modal .modal-body pre code .hljs-addition,.str__code-modal .modal-body pre code .hljs-built_in,.str__code-modal .modal-body pre code .hljs-builtin-name,.str__code-modal .modal-body pre code .hljs-selector-attr,.str__code-modal .modal-body pre code .hljs-selector-id,.str__code-modal .modal-body pre code .hljs-selector-pseudo,.str__code-modal .modal-body pre code .hljs-string,.str__code-modal .modal-body pre code .hljs-template-variable,.str__code-modal .modal-body pre code .hljs-type,.str__code-modal .modal-body pre code .hljs-variable {
    color: #e6db74
}

.str__code-modal .modal-body pre code .hljs-literal {
    color: #4A90E2
}

.str__code-modal .modal-body pre code .hljs-attribute {
    color: #f8f8f2
}

.str__code-modal .modal-body pre code .hljs-comment,.str__code-modal .modal-body pre code .hljs-deletion,.str__code-modal .modal-body pre code .hljs-meta {
    color: #75715e
}

.str__code-modal .modal-body pre code .hljs-number {
    color: #B8E986
}

.str__code-modal .modal-footer {
    background-color: #000;
    border-radius: 0 0 4px 4px
}

.str__code-modal .modal-footer .mktg-btn-blue {
    color: #fff;
    font-weight: 400
}

.nav-tabs-mktg {
    text-transform: uppercase;
    text-align: center;
    border: none;
    margin-bottom: 30px
}

.nav-tabs-mktg>li>a {
    font-weight: 500;
    letter-spacing: 2.33px;
    line-height: 18px;
    border: none;
    cursor: pointer;
    color: rgba(42,55,84,.5)
}

.nav-tabs-mktg>li>a:active,.nav-tabs-mktg>li>a:focus {
    border: none!important;
    background: 0 0!important;
    border-bottom: 2px solid #2f7deb!important;
    outline: 0
}

.nav-tabs-mktg>li.active>a,.nav-tabs-mktg>li.active>a:hover,.nav-tabs-mktg>li.is-active>a,.nav-tabs-mktg>li.is-active>a:hover,.nav-tabs-mktg>li>a:hover {
    background: 0 0;
    border: none;
    color: #2a3754;
    border-bottom: 2px solid #2f7deb
}

.promotion-container {
    height: 195px;
    width: 570px;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1),0 -1px 18px 0 rgba(0,0,0,.16);
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    z-index: 999;
    display: none
}

@media (max-width: 829px) {
    .promotion-container {
        display:none!important
    }
}

.promotion-container .close {
    cursor: pointer;
    height: 14px;
    width: 14px;
    background-image: url(https://getstream.imgix.net/images/promotion/close.png);
    margin: 15px
}

.promotion-container span {
    font-size: 20px;
    color: #4C8EFA
}

.promotion-container p {
    font-size: 16px;
    color: #2A4056;
    margin-bottom: 12px;
    line-height: 22px
}

.promotion-container .step {
    padding: 30px 30px 30px 50px
}

.promotion-container .step-1 {
    background-image: url(https://getstream.imgix.net/images/promotion/step-1.png);
    height: 195px
}

.promotion-container .step-1 button {
    height: 30px;
    width: 105px;
    border: none;
    outline: 0;
    background: #2A3754;
    border-radius: 4px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 0;
    padding: 4px
}

.promotion-container .step-2 {
    background-image: url(https://getstream.imgix.net/images/promotion/step-2.png);
    height: 195px;
    text-align: center;
    font-size: 14px
}

.promotion-container .step-2 p {
    margin-bottom: 28px
}

.promotion-container .step-2 input {
    height: 28px;
    width: 285px;
    border-radius: 2px;
    font-size: 14px;
    color: #2A4056;
    letter-spacing: 0;
    background: #FFF;
    border: 1px solid #4C8EFA;
    padding: 6px;
    outline: 0
}

.promotion-container .step-2 button {
    height: 29px;
    width: 108px;
    line-height: 12px;
    margin-left: 4px;
    outline: 0
}

.promotion-container .step-3 {
    background-image: url(https://getstream.imgix.net/images/promotion/step-3.png);
    height: 195px;
    text-align: center
}

.promotion-container .step-3 p {
    color: #fff;
    margin-bottom: 28px
}

.promotion-container .step-3 span {
    color: #fff
}

.promotion-container .step-3 button {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    height: 30px;
    width: 105px;
    background: #fff;
    color: #4C8EFA;
    margin-right: 30px;
    padding: 5px;
    outline: 0
}

.promotion-container .step-3 a {
    color: #fff;
    text-decoration: none
}

.component-switcher__switcher {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 50px;
    z-index: 1
}

.component-switcher__switcher .switcher__switch {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    background: rgba(245,245,245,.92);
    border: 1px solid rgba(0,0,0,.04);
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    margin: 0 15px;
    cursor: pointer
}

.component-switcher__switcher .switcher__switch .header {
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase
}

.component-switcher__switcher .switcher__switch .content,.str-portal-link p,nav.str-subnav .str-subnav__content>ul>li>a {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.component-switcher__switcher .switcher__switch .header svg {
    margin-right: 20px
}

.component-switcher__switcher .switcher__switch:last-of-type,.l-pricing-two .pricing-cards .price-card:last-of-type,body#cabin row column:last-child,body#cabin row[split] column {
    margin-right: 0
}

.component-switcher__switcher .switcher__switch .content {
    opacity: .7
}

@media screen and (max-width: 830px) {
    .component-switcher__switcher .switcher__switch .content {
        display:none
    }
}

.component-switcher__switcher .switcher__switch .footer {
    display: none;
    margin-top: 8px;
    color: rgba(0,0,0,.7);
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.component-switcher__switcher .switcher__switch .footer a {
    opacity: 1
}

.component-switcher__switcher .switcher__switch .footer p {
    margin: 0;
    font-size: 11px
}

.component-switcher__switcher .switcher__switch .footer .mktg-btn-blue {
    position: relative;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px
}

.component-switcher__switcher .switcher__switch:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242,242,242,0);
    border-bottom-color: #f2f2f2;
    border-width: 10px;
    margin-left: -10px
}

.component-switcher__switcher .switcher__switch:first-of-type {
    margin-left: 0
}

.component-switcher__switcher .switcher__switch .inactive {
    display: block
}

.component-switcher__switcher .switcher__switch .active,.component-switcher__switcher .switcher__switch .is-active {
    display: none
}

.component-switcher__switcher .switcher__switch--active {
    background: #FFF;
    border: 1px solid rgba(0,0,0,.16);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    border-radius: 6px 0 0
}

.component-switcher__switcher .switcher__switch--active .footer {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 830px) {
    .component-switcher__switcher .switcher__switch--active .footer {
        display:none
    }
}

.component-switcher__switcher .switcher__switch--active .active,.component-switcher__switcher .switcher__switch--active .is-active {
    display: block
}

.component-switcher__switcher .switcher__switch--active img.inactive {
    display: none
}

.component-switcher__switcher .switcher__switch--active:after,.component-switcher__switcher .switcher__switch--active:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.component-switcher__switcher .switcher__switch--active:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.component-switcher__switcher .switcher__switch--active:before {
    border-color: transparent;
    border-bottom-color: rgba(0,0,0,.16);
    border-width: 11px;
    margin-left: -11px
}

.str-portal-links {
    margin-bottom: 145px
}

.str-portal-link {
    height: 310px;
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    transition: transform .2s ease-in-out;
    position: relative;
    z-index: 1
}

.str-portal-link .left {
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    padding: 30px 0 30px 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2
}

.str-portal-link h2 a {
    display: -ms-flexbox;
    display: flex
}

.str-portal-link h2,.str-portal-link h2 a {
    color: #2f7deb;
    font-size: 26.5px;
    line-height: 44px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 0;
    font-family: 'Jura', sans-serif;
}

.str-portal-link .icon-bg {
    transform: translateX(-4px);
    width: 38px;
    height: 38px;
    border-radius: 25px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 16px;
    top: 3px;
    background: #FFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(0,0,0,.04) 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.11),0 2px 7px 1px rgba(47,125,235,.16)
}

.str-portal-link .icon-bg svg {
    fill: #004EFF;
    transition: transform .5s
}

.str-portal-link p {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Jura', sans-serif;
    font-family: 'IBM Plex Mono', monospace;
}

.str-portal-link img {
    position: absolute;
    right: 0;
    z-index: -1
}

.str-portal-link:hover {
    transform: scale(1.05)
}

@media (max-width: 830px) {
    .str-portal-link {
        padding:20px
    }
}

.str-portal-link.design {
    height: 250px
}

.str-portal-link.design img {
    position: absolute;
    left: 0;
    top: 0
}

.str-portal-link.design .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 574px) {
    .str-portal-link {
        height:250px
    }

    .str-portal-link .left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 10px 0 30px 40px
    }
}

nav.str-subnav {
    height: 62px;
    z-index: 1039;
    position: fixed;
    max-width: inherit;
    top: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.05),0 1px 0 0 rgba(0,0,0,.05)
}

nav.str-subnav .container,nav.str-subnav .message-fixed {
    width: 100%;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px
}

nav.str-subnav .str-subnav__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

nav.str-subnav .str-subnav__resources-header {
    border: 1px solid #DCE4F0;
    border-radius: 20px 4px 4px 20px;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    z-index: 1;
    height: 35px;
    display: -ms-flexbox;
    display: flex
}

nav.str-subnav .str-subnav__resources-header img {
    z-index: 2
}

nav.str-subnav .str-subnav__resources-header>.str-subnav__page-title {
    display: none;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px 0 0;
    margin: 0 8px 0 0
}

nav.str-subnav .str-subnav__resources-header>.str-subnav__page-title:after {
    content: '';
    position: absolute;
    background: url(https://getstream.imgix.net/images/header2019/resources-separator.svg) top left no-repeat;
    right: 0;
    top: 0;
    width: 10px;
    height: 34px
}

nav.str-subnav .str-subnav__resources-header select {
    margin: 0;
    border: none;
    min-width: 135px;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(https://getstream.imgix.net/images/header2019/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right .7em top 50%;
    background-size: 7px auto
}

nav.str-subnav .str-subnav__resources-header select,nav.str-subnav .str-subnav__resources-header select option {
    font-family: ibm_plex_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #000;
    letter-spacing: .29px;
    line-height: 14px
}

nav.str-subnav .str-subnav__content,nav.str-subnav .str-subnav__header {
    height: 62px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

nav.str-subnav .str-subnav__page-title {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    font-size: 15.5px;
    color: rgba(0,0,0,.8);
    letter-spacing: .33px;
    line-height: 14px;
    display: none
}

@media screen and (min-width: 830px) {
    nav.str-subnav .str-subnav__page-title {
        display:block
    }
}

nav.str-subnav .str-subnav__page-image {
    margin-right: 10px;
    height: 34px;
    width: 34px
}

nav.str-subnav .str-subnav__content {
    -ms-flex: 1;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

nav.str-subnav .str-subnav__content::-webkit-scrollbar {
    display: none
}

nav.str-subnav .str-subnav__content>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

nav.str-subnav .str-subnav__content>ul>li {
    height: 62px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 15px
}

nav.str-subnav .str-subnav__content>ul>li:last-of-type {
    margin: 0 0 0 15px
}

nav.str-subnav .str-subnav__content>ul>li>a {
    bottom: 2px;
    position: relative;
    font-size: 14px;
    color: #000;
    line-height: 9px
}

nav.str-subnav .str-subnav__content>ul>li>a:hover {
    color: #2f7deb;
    text-decoration: none
}

nav.str-subnav .str-subnav__content>ul>li>a.cta {
    color: #2f7deb;
    text-transform: uppercase;
    position: relative;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

nav.str-subnav .str-subnav__content>ul>li>a.cta span.label,nav.str-subnav a.list-header {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

nav.str-subnav .str-subnav__content>ul>li>a.cta span.label {
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(80,255,194,.19);
    border-radius: 2px;
    font-size: 8px;
    font-weight: 700;
    padding: 0 3px;
    color: #10C29A;
    letter-spacing: .3px;
    text-align: center
}

nav.str-subnav .str-subnav__content>ul>li>a.external {
    position: relative;
    color: #000
}

nav.str-subnav .str-subnav__content>ul>li>a.external:hover {
    color: rgba(0,0,0,.8);
    text-decoration: none
}

nav.str-subnav .str-subnav__content>ul>li>a.external:after {
    position: absolute;
    right: -12px;
    top: 2px;
    content: '';
    width: 7px;
    height: 7px;
    background: url(https://getstream.imgix.net/images/header2019/arrow-external.svg)
}

nav.str-subnav .str-subnav__content>ul>li.active>a,nav.str-subnav .str-subnav__content>ul>li.active>div,nav.str-subnav .str-subnav__content>ul>li.is-active>a,nav.str-subnav .str-subnav__content>ul>li.is-active>div {
    opacity: .69
}

nav.str-subnav .str-subnav__content-chat,nav.str-subnav .str-subnav__content-feeds {
    display: none;
    opacity: 0;
    transition: opacity .3s
}

nav.str-subnav .str-subnav__content-chat.str-subnav__content--enter,nav.str-subnav .str-subnav__content-feeds.str-subnav__content--enter {
    display: block
}

nav.str-subnav .str-subnav__content-chat.str-subnav__content--enter-active,nav.str-subnav .str-subnav__content-feeds.str-subnav__content--enter-active {
    opacity: 1
}

.str-subnav__trigger>a {
    padding-right: 10px
}

.str-subnav__trigger>div {
    bottom: 2px;
    padding-right: 10px;
    position: relative;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 9px;
    cursor: pointer
}

#features .flair .section-2-header h2,#features .hero h1,.str-subnav__dropdown>li>a,.str-team__hero-buttons>a,nav.str-subnav ul.collapse-list a,section.breadcrumbs .crumbs .crumb {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-subnav__trigger>a:after,.str-subnav__trigger>div:after {
    content: '';
    position: absolute;
    top: calc(50% + 1px);
    right: 0;
    background: url(https://getstream.imgix.net/images/header2019/main-arrow-down.svg) top right no-repeat;
    width: 6px;
    height: 3px
}

.str-subnav__dropdown {
    top: calc(100%);
    position: absolute;
    border-radius: 4px;
    background: #fff;
    background: rgba(252,252,252,.98);
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

.str-subnav__dropdown span.str-nav__mobile-dropdown--arrow {
    position: absolute;
    width: 40px;
    height: 17px;
    display: block;
    background: url(https://getstream.imgix.net/images/header2019/boxarrow.svg);
    z-index: 20;
    transform: translateY(-15.6px);
    margin: 0 auto;
    left: 0;
    right: 0
}

.str-subnav__dropdown {
    display: none;
    opacity: 0;
    transition: .5s opacity;
    z-index: 10;
    list-style: none;
    margin: 0;
    padding: 0
}

.str-subnav__dropdown.str-subnav__dropdown--enter {
    display: block
}

.str-subnav__dropdown.str-subnav__dropdown--enter-active {
    display: block;
    opacity: 1
}

.str-subnav__dropdown>li>a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 55px;
    padding: 14px;
    font-size: 14px;
    color: #000;
    line-height: 9px;
    text-decoration: none;
    min-width: 150px
}

.str-subnav__dropdown>li>a:active,.str-subnav__dropdown>li>a:focus,.str-subnav__dropdown>li>a:hover {
    text-decoration: none;
    color: #2f7deb
}

.str-subnav__dropdown>li>a>img {
    margin-right: 10px
}

nav.str-subnav a.list-header {
    opacity: .8;
    font-size: 15.5px;
    color: #000;
    letter-spacing: .33px;
    line-height: 14px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: 10px
}

nav.str-subnav a.list-header:hover {
    text-decoration: none;
    color: #006cff
}

nav.str-subnav a.list-header:after {
    content: '';
    position: relative;
    left: 5px;
    background: url(https://getstream.imgix.net/images/header2019/arrow-right.svg) center left no-repeat;
    display: inline-block;
    width: 11px;
    height: 8px
}

nav.str-subnav ul.collapse-list {
    margin: 8px 30px 0 10px
}

nav.str-subnav ul.collapse-list a {
    position: relative;
    font-size: 14px;
    color: #000;
    line-height: 9px
}

nav.str-subnav ul.collapse-list a.external {
    position: relative
}

nav.str-subnav ul.collapse-list a.external:hover {
    color: rgba(0,0,0,.8);
    text-decoration: none
}

nav.str-subnav ul.collapse-list a.external:after {
    position: absolute;
    right: -12px;
    top: 5px;
    content: '';
    width: 7px;
    height: 7px;
    background: url(https://getstream.imgix.net/images/header2019/arrow-external.svg)
}

nav.str-subnav .str-subnav__dropdown .str-subnav__submenu {
    margin-top: 20px
}

nav.str-subnav .str-subnav__dropdown .str-subnav__submenu:last-of-type {
    margin-bottom: 20px
}

@media screen and (max-width: 1019px) {
    nav.str-subnav.scrolled .str-subnav__header {
        background:#FFF;
        box-shadow: 1px 0 1px 0 rgba(0,0,0,.07)
    }

    nav.str-subnav.scrolled .str-subnav__header span {
        display: none
    }
}

section.str-clients .logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

section.str-clients .logos img {
    margin: 0 30px 60px
}

section.breadcrumbs {
    padding: 0 25px;
    width: 100%;
    max-width: 1220px
}

section.breadcrumbs .crumbs {
    line-height: 9px;
    font-size: 13px
}

section.breadcrumbs .crumbs .crumb {
    color: rgba(0,0,0,.5);
    text-transform: uppercase;
    text-decoration: none
}

section.breadcrumbs .crumbs .crumb:last-of-type {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #000
}

section.breadcrumbs .crumbs .crumb a {
    color: rgba(0,0,0,.5);
    text-decoration: none
}

section.breadcrumbs .crumbs .crumb a:hover {
    color: #006cff
}

section.breadcrumbs .crumbs .separator {
    margin: 0 10px
}

#home {
    color: #97999b;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

#home #wrap {
    padding-top: 150px;
    max-width: 1620px;
    background: #2e3237;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#home #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

.mktg-snippets-lifted {
    border-radius: 16px;
    background: rgba(42,55,84,.09)
}

.mktg-snippets-wrapper {
    position: relative;
    margin-top: 50px;
    min-height: 230px;
    border-radius: 2px;
    text-align: left
}

.mktg-snippets-wrapper .linenos {
    opacity: .91;
    background: rgba(42,55,84,.09);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.mktg-snippets-wrapper .highlight>pre,.mktg-snippets-wrapper .linenodiv>pre {
    background: 0 0
}

.mktg-snippets-wrapper table {
    border: none;
    background: rgba(42,55,84,.12);
    border-radius: 16px
}

.mktg-snippets-wrapper pre.snippet,.mktg-snippets-wrapper>div.snippet {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: .2s
}

.mktg-snippets-wrapper pre.snippet.active,.mktg-snippets-wrapper pre.snippet.is-active,.mktg-snippets-wrapper>div.snippet.active,.mktg-snippets-wrapper>div.snippet.is-active {
    display: inline-block;
    visibility: visible;
    opacity: 1
}

@media (max-width: 1280px) {
    .mktg-snippets-wrapper {
        margin-top:40px;
        height: 150px;
        overflow: scroll
    }
}

@media (max-width: 1020px) {
    .mktg-snippets-wrapper {
        width:100%;
        text-align: left
    }
}

.lnd-hero {
    margin: 50px auto 100px;
    position: relative
}

.lnd-hero .lnd-hero-art {
    position: absolute;
    top: -160px;
    right: 00px;
    z-index: 0;
    width: 712px;
    height: 657px
}

@media (max-width: 1230px) {
    .lnd-hero .lnd-hero-art {
        width:60%;
        height: auto;
        top: -100px;
        right: -100px
    }
}

@media (max-width: 1020px) {
    .lnd-hero .lnd-hero-art {
        position:relative;
        width: 50%;
        top: auto;
        left: 0;
        right: 0;
        margin: 100px auto 0
    }
}

.lnd-hero strong a {
    color: #000;
    text-decoration: none;
    font-family: 'Jura', sans-serif;
}

.scrolled .lnd-hero .lnd-hero-art {
    z-index: auto
}

.flex-container {
    max-width: 1170px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.flex-container.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-container.j-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-container.j-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-container.a-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-container.a-center {
    -ms-flex-align: center;
    align-items: center
}

.flex-container.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

#home h4.lnd-item-title {
    font-size: 18.5px;
    line-height: 22px
}

#home h4.lnd-link-item-title {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
    letter-spacing: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#home h4.lnd-link-item-title svg:first-of-type {
    margin-right: 16px;
    margin-top: 1px
}

#home h4.lnd-link-item-title svg:last-of-type {
    margin-left: 12px;
    margin-top: 2px
}

#home p.lnd-link-item-content {
    color: rgba(0,0,0,.7);
    font-size: 15px;
    line-height: 22px
}

#home .page-lead-text,#home .page-lead-title {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#home .page-lead-title {
    font-size: 50px;
    line-height: 61px;
    margin-bottom: 35px;
    margin-top: 0;
    transition: all .3s
}

#home .page-lead-title strong {
    display: block;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#home .page-lead-title .page-lead-animated {
    display: block;
    opacity: 0;
    transition: opacity 1s ease-out,top .2s ease-out;
    transform: translateZ(0);
    height: 0;
    width: 0;
    overflow: hidden;
    float: left;
    position: relative;
    top: 50px
}

#home .page-lead-title .is-showing {
    top: 0;
    opacity: 1;
    height: auto;
    width: auto
}

#home .page-lead-text {
    font-size: 22px;
    line-height: 35px;
    margin: 0 0 35px
}

#home .code-snippets-item span,#home .lnd-highlighted-case-study .tag,#home .page-lead-text strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'IBM Plex Mono', monospace;
}

#home .section-lead-text {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18.5px;
    line-height: 35px;
    margin-top: 35px;
    max-width: 551px
}

#features .use-cases .card a,#home .section-lead-text a {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#home .section-header {
    margin-bottom: 0
}

#home .section-icon {
    width: 88px;
    height: 84px;
    display: block;
    margin-bottom: 25px
}

#home .lnd-product-links {
    margin: 100px 0 -100px
}

@media (max-width: 1020px) {
    #home .lnd-product-links {
        margin:200px 0 -100px
    }
}

#home .lnd-link-item {
    display: block;
    color: rgba(0,0,0,.25);
    position: relative;
    -ms-flex: 1;
    flex: 1;
    max-width: 400px;
    min-width: 270px;
    height: 128px;
    margin: 15px;
    padding: 10px 20px;
    border-radius: 6px;
    box-shadow: 0 0 30px -5px;
    transition: .2s
}

#home .lnd-link-item:hover {
    box-shadow: 0 15px 40px 0;
    transform: translateY(-1px);
    text-decoration: none
}

#home .lnd-link-item:active,#home .lnd-link-item:focus {
    text-decoration: none
}

#home .lnd-link-item:first-of-type {
    margin: 15px 15px 0 0
}

#home .lnd-link-item:last-of-type {
    margin: 15px 0 0 15px
}

#home .lnd-link-item.product {
    color: rgba(1,120,158,.25)
}

#home .lnd-link-item.personalization {
    color: rgba(0,75,195,.25)
}

#home .lnd-link-item.developers {
    color: rgba(13,0,122,.25)
}

@media (max-width: 830px) {
    #home .lnd-link-item,#home .lnd-link-item:first-of-type,#home .lnd-link-item:last-of-type {
        margin:15px
    }
}

#home .lnd-highlighted-case-study {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    background: #FFF;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.04) 0,rgba(0,0,0,.04) 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.11),0 2px 7px 1px rgba(47,125,235,.16);
    border-radius: 47px;
    margin-top: 25px;
    height: 32px;
    padding: 3px;
    text-decoration: none
}

#home .lnd-highlighted-case-study .tag {
    background: #B7FEE0;
    border-radius: 47px;
    padding: 4px 12px;
    margin-right: 8px;
    text-transform: uppercase;
    color: #5D9B72;
    font-size: 12px
}

#home .lnd-highlighted-case-study .arrow {
    margin-left: 8px;
    margin-right: 8px
}

#home .lnd-highlighted-case-study .content {
    margin-top: -2px
}

#home .lnd-highlighted-case-study .unsplash {
    position: relative;
    top: 3px
}

@media (max-width: 480px) {
    #home .lnd-highlighted-case-study {
        padding:3px 16px
    }
}

#home .lnd-builtfor {
    padding: 100px 0;
    background: url(https://getstream.imgix.net/images/code-bg.png?auto=format,enhance) bottom 125px center no-repeat;
    background-size: 1214px 565px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #home .lnd-builtfor {
        background:url(https://getstream.imgix.net/images/code-bg@2x.png?auto=format,enhance) bottom 75px center no-repeat;
        background-size: 1214px 565px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    #home .lnd-builtfor {
        background:url(https://getstream.imgix.net/images/code-bg@3x.png?auto=format,enhance) bottom 75px center no-repeat;
        background-size: 1214px 565px
    }
}

#home .code-snippets {
    max-width: 770px;
    margin: 0 auto 70px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    height: 32px;
    background: linear-gradient(rgba(255,255,255,0) 42%,rgba(42,55,84,.1),rgba(255,255,255,0) 50%)
}

@media (max-width: 830px) {
    #home .code-snippets {
        max-width:80%
    }

    #home .lnd-product blockquote.flair-quote {
        right: -30px
    }
}

#home .code-snippets-item {
    position: relative;
    display: inline-block;
    top: -2px;
    margin: 0;
    height: 32px;
    width: 32px;
    background: radial-gradient(#fff 42%,rgba(42,55,84,.1),rgba(255,255,255,0) 65%);
    text-align: center;
    cursor: pointer
}

#home .code-snippets-item:last-child {
    left: 8px
}

#home .code-snippets-item.active,#home .code-snippets-item.is-active {
    background: radial-gradient(#004EEF 42%,rgba(42,55,84,.1) 44%,rgba(255,255,255,0) 65%)
}

#home .code-snippets-item span {
    position: absolute;
    left: 50%;
    bottom: -24px;
    color: #000;
    font-size: 14px;
    transform: translateX(-50%)
}

@media (max-width: 480px) {
    #home .code-snippets-item span {
        font-size:90%
    }
}

#home .code-snippet-container {
    max-width: 770px;
    margin: 45px auto;
    background: #121212;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.09);
    border-radius: 6px
}

#home .code-snippet-container .mktg-snippets-wrapper {
    min-height: 215px
}

#home .code-snippet-container .linenos pre {
    line-height: 1.7;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    padding: 0 8px 0 0;
    font-size: 13px;
    border: 0;
    box-sizing: border-box
}

#home .code-snippet-container footer .mktg-btn-blue,#home .lnd-product .quote-bubble {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif;
}

.job-container .job-sidebar,.lnd-code-example,body#cabin .label,body#cabin hr,body#cabin img {
    box-sizing: content-box
}

#home .code-snippet-container .highlight pre {
    line-height: 1.5
}

#home .code-snippet-container .highlighttable {
    margin: 0
}

#home .code-snippet-container pre {
    color: #B8B8B8
}

#home .code-snippet-container pre span.c1 {
    color: #60FDFF
}

#home .code-snippet-container pre span.s1 {
    color: #FFFC67
}

#home .code-snippet-container pre span.mi {
    color: #F7F
}

#home .code-snippet-container footer {
    background: #000;
    border-radius: 0 0 6px 6px;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#home .code-snippet-container footer .mktg-btn-blue {
    font-size: 14px;
    height: 32px;
    padding: 5px 11px;
    line-height: 20px
}

#home .code-snippet-container .mktg-snippets-wrapper,#home .code-snippet-container .mktg-snippets-wrapper table,#home .code-snippet-container .mktg-snippets-wrapper table td {
    background: 0 0
}

@media (max-width: 1170px) {
    #home .lnd-product .flex-container {
        -ms-flex-pack:distribute;
        justify-content: space-around
    }

    #home .lnd-product .flex-container .left {
        padding: 15px
    }
}

#home .lnd-product .left {
    max-width: 670px;
    width: 100%
}

#home .lnd-product .left .section-lead-text {
    max-width: 670px;
    width: 100%;
    margin-bottom: 52px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-family: 'Jura', sans-serif;
    font-family: 'IBM Plex Mono', monospace;
}

#home .lnd-product .left .section-lead-text strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#home .lnd-product .right {
    max-width: 500px;
    width: 100%;
    height: 550px
}

#home .lnd-product blockquote,#home .lnd-product q {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    quotes: none
}

#home .lnd-product blockquote:after,#home .lnd-product blockquote:before,#home .lnd-product q:after,#home .lnd-product q:before {
    content: '';
    content: none
}

#home .lnd-product blockquote.flair-quote {
    position: relative;
    background: url(https://getstream.imgix.net/images/homepage/quote-flair@1x.png?auto=format,enhance) bottom -70px right -90px no-repeat;
    background-size: 650px 650px
}

@media (max-width: 1170px) {
    #home .lnd-product blockquote.flair-quote {
        background-position:center center
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #home .lnd-product blockquote.flair-quote {
        background:url(https://getstream.imgix.net/images/homepage/quote-flair@2x.png?auto=format,enhance) bottom -70px right -90px no-repeat;
        background-size: 650px 650px
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width:1170px),(min-resolution:192dpi) and (max-width:1170px) {
    #home .lnd-product blockquote.flair-quote {
        background-position:center center
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    #home .lnd-product blockquote.flair-quote {
        background:url(https://getstream.imgix.net/images/homepage/quote-flair@3x.png?auto=format,enhance) bottom -70px right -90px no-repeat;
        background-size: 650px 650px
    }
}

@media (-webkit-min-device-pixel-ratio: 3) and (max-width:1170px),(min-resolution:288dpi) and (max-width:1170px) {
    #home .lnd-product blockquote.flair-quote {
        background-position:center center
    }
}

#home .lnd-product .quote-bubble {
    position: absolute;
    bottom: 150px;
    right: 0;
    width: 430px;
    height: 260px;
    background: url(https://getstream.imgix.net/images/homepage/quote-bubble@1x.png?auto=format,enhance) top left no-repeat;
    background-size: 430px 260px;
    padding: 25px 30px;
    color: #fff;
    font-size: 17px;
    letter-spacing: -.5px;
    line-height: 34px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #home .lnd-product .quote-bubble {
        background:url(https://getstream.imgix.net/images/homepage/quote-bubble@2x.png?auto=format,enhance) top left no-repeat;
        background-size: 430px 260px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    #home .lnd-product .quote-bubble {
        background:url(https://getstream.imgix.net/images/homepage/quote-bubble@3x.png?auto=format,enhance) top left no-repeat;
        background-size: 430px 260px
    }
}

#home .lnd-product .quote-author {
    width: 390px;
    position: absolute;
    bottom: 90px;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#home .lnd-product .quote-author img {
    width: 70px;
    height: 70px;
    border-radius: 100px;
}

#home .lnd-product .quote-author .content {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding-left: 30px;
    text-transform: uppercase;
    color: #2A3754
}

#home .lnd-product .quote-author .content p {
    margin-bottom: 0;
    color: #fff;
}

#home .lnd-product .quote-author .content small {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: rgba(255,255,255,.7)
}

.lnd-code-example {
    position: absolute;
    right: 82px;
    top: 170px;
    background-color: #172026;
    padding-top: 36px;
    padding-bottom: 0;
    margin: 0 auto;
    color: #fff
}

@media (max-width: 667px) {
    .lnd-code-example {
        margin-top:60px
    }
}

@media (max-width: 1019px) {
    .lnd-code-example {
        margin-top:160px auto;
        position: relative;
        right: 0;
        top: 130px
    }
}

@media (max-width: 1180px) and (min-width:1020px) {
    .lnd-code-example {
        margin-top:160px auto;
        position: absolute;
        right: 0;
        top: 160px
    }
}

.lnd-code-example pre {
    background: 0 0;
    color: rgba(255,255,255,.69);
    font-family: 'Courier New',Courier,monospace;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap
}

.lnd-code-example pre code {
    background: 0 0;
    padding: 0;
    margin: 8px 36px 0
}

.lnd-code-example pre code .hljs-keyword {
    color: #A33DFF
}

.lnd-code-example pre code .hljs-string {
    color: #B8E986
}

.lnd-code-example pre code .hljs-literal {
    color: #4A90E2
}

.lnd-code-example pre code .hljs-comment {
    color: rgba(255,255,255,.4)
}

.lnd-code-example pre code .hljs-number {
    color: #B8E986
}

.lnd-code-example>* {
    transform: skewY(2deg)
}

.lnd-code-example .lnd-code-example-separator {
    margin: 36px 36px 0 32px;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: rgba(255,255,255,.4);
    z-index: 0
}

.lnd-code-example .lnd-code-example-separator p {
    font-family: realtime_roundedregular;
    position: absolute;
    display: inline-block;
    top: -1rem;
    background: #172026;
    letter-spacing: 1px;
    z-index: 1;
    padding-right: 2rem
}

.lnd-code-example .lnd-code-example-separator:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: rgba(255,255,255,.4)
}

.lnd-code-example .lnd-code-example-logos img {
    display: block;
    border: 1px transparent;
    max-width: 80%;
    height: auto
}

.lnd-clients-flair-right {
    opacity: .18;
    background-image: linear-gradient(to right,transparent 0,#519DFF 40%);
    transform: skewY(-8deg);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
    width: 396px;
    height: 308px;
    position: absolute;
    right: -30px;
    top: 50px
}

.lnd-clients-flair-left {
    opacity: .13;
    background-image: linear-gradient(to left,transparent 0,#00C4FF 40%);
    transform: skewY(-8deg);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
    width: 396px;
    height: 294px;
    position: absolute;
    left: -30px;
    top: 95px
}

@media screen and (max-width: 830px) {
    .lnd-clients-flair-left,.lnd-clients-flair-right {
        display:none
    }
}

.lnd-clients {
    position: relative;
    padding: 200px 0 100px;
    margin: 50px 0
}

.lnd-clients .lnd-button {
    display: block;
    max-width: 200px;
    margin-top: 60px
}

.lnd-clients .lnd-clients-logo {
    margin-bottom: 50px;
    display: block
}

.lnd-tagline {
    font-size: 22px;
    line-height: 35px;
    color: #000;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px
}

.lnd-highlights {
    margin: 100px 0 50px
}

.lnd-highlight-item {
    padding: 25px 0
}

.lnd-highlight-item h5,.lnd-highlight-item p {
    margin-left: 52px
}

.lnd-highlight-item img {
    position: relative;
    left: -10px;
    top: 20px
}

.str-separator {
    border-top: 1px solid #F3F3F3;
    max-width: 1280px;
    margin: 50px auto
}

.str__jumbo {
    box-shadow: 0 2px 18px 0 rgba(0,0,0,.04);
    border-radius: 8px 8px 0 0;
    max-width: 1280px;
    margin: 100px auto 0;
    overflow: hidden
}

.str__jumbo--bottom-radius {
    border-radius: 8px
}

.str-bg--dark,.str-bg--light {
    padding-top: 50px
}

.str-bg--dark h2,.str-bg--light h2 {
    font-size: 40px
}

.str__jumbo-message {
    padding: 25px
}

.str__jumbo-message--red {
    background: #F7383B;
    color: #fff;
    text-align: center
}

.str-bg--light {
    background: #fff;
    color: #000
}

.str-bg--dark {
    background: #212326;
    color: #fff
}

.page__partners,.page__pricing--2019,.page__team-2019 {
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A
}

.page__team-2019 {
    padding: 0;
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__team-2019 #wrap {
    max-width: 1620px;
    margin: 0 auto;
    background: #fcfcfc;
    padding: 70px 0 30px
}

.page__team-2019 a::-moz-selection,.page__team-2019 blockquote::-moz-selection,.page__team-2019 h1::-moz-selection,.page__team-2019 h2::-moz-selection,.page__team-2019 h3::-moz-selection,.page__team-2019 h4::-moz-selection,.page__team-2019 h5::-moz-selection,.page__team-2019 h6::-moz-selection,.page__team-2019 li::-moz-selection,.page__team-2019 ol::-moz-selection,.page__team-2019 p::-moz-selection,.page__team-2019 span::-moz-selection,.page__team-2019 strong::-moz-selection,.page__team-2019 ul::-moz-selection {
    color: #fff;
    background: #006CFF
}

.page__team-2019 a::selection,.page__team-2019 blockquote::selection,.page__team-2019 h1::selection,.page__team-2019 h2::selection,.page__team-2019 h3::selection,.page__team-2019 h4::selection,.page__team-2019 h5::selection,.page__team-2019 h6::selection,.page__team-2019 li::selection,.page__team-2019 ol::selection,.page__team-2019 p::selection,.page__team-2019 span::selection,.page__team-2019 strong::selection,.page__team-2019 ul::selection {
    color: #fff;
    background: #006CFF
}

.str-team__founders,.str-team__hero,.str-team__pictures,.str-team__stats,.str-team__team {
    margin-top: 50px
}

.str-team__hero p.lead {
    margin-top: 30px
}

.str-team__hero-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px
}

.str-team__hero-buttons>* {
    display: block
}

.str-team__hero-buttons>:not(:first-of-type) {
    margin-left: 30px
}

.str-team__founders-ama a strong,.str-team__split a strong,.str-team__team-name {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-team__hero-buttons>a:not(.mktg-btn-blue) {
    color: #006CFF
}

.str-team__stats-content {
    margin-top: 15px;
    font-size: 35px
}

.str-team__stats-stack>img:not(:first-of-type) {
    margin-left: 8px
}

.str-team__founders {
    margin-top: 70px
}

.str-team__founders .str-team__team-member {
    display: inline-block
}

.str-team__founders .str-team__team-member:not(:first-of-type) {
    margin-left: 30px
}

.str-team__founders .str-team__team-member img {
    width: 180px;
    max-width: 180px
}

.str-team__founders .str-team__team-member .str-team__team-name {
    font-size: 20px
}

.str-team__founders .str-team__team-member .str-team__team-title {
    font-size: 15px
}

.str-team__founders blockquote {
    font-size: 19px;
    color: #000;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0;
    margin-left: 0;
    position: relative
}

.str-team__founders blockquote:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -30px;
    width: 22px;
    height: 17px;
    background: url(https://getstream.imgix.net/images/team/blockquote.svg) top left no-repeat
}

.str-team__founders-ama a,.str-team__split a {
    top: -3px;
    position: relative;
    text-decoration: none
}

.str-team__founders-ama {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.str-team__founders-ama img {
    margin-right: 8px
}

.str-team__founders-ama a {
    margin: 0;
    line-height: unset;
    font-size: 19px;
    color: #006CFF;
    letter-spacing: 0
}

.str-team__team {
    margin-top: 70px
}

.str-team__team-member,.str-team__you {
    margin-top: 30px
}

.str-team__team-member img {
    max-width: 120px
}

.str-team__team-small .str-team__team-member img,.str-team__team-title .str-team__team-member img,.str-team__you img {
    max-width: 100px
}

.str-team__team-member a {
    color: #006CFF
}

.str-team__team-name,.str-team__team-title {
    color: #000;
    letter-spacing: 0;
    text-align: center
}

.str-team__photo {
    position: relative
}

.str-team__photo .main-img {
    position: relative;
    z-index: 1;
    transition: opacity .4s ease-in-out
}

.str-team__photo .main-img:hover {
    opacity: 0
}

.str-team__photo .main-img:hover+.alt-img {
    opacity: 1
}

.str-team__photo .alt-img {
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .4s ease-in-out
}

.str-team__team-name {
    font-size: 17px;
    margin: 15px 0 0
}

.str-team__team-title {
    font-size: 13px;
    line-height: 1;
    white-space: nowrap
}

.str-team__team-big {
    display: grid;
    grid-template-columns: repeat(auto-fill,120px);
    grid-column-gap: 50px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1020px) {
    .str-team__team-member img {
        max-width:100px
    }

    .str-team__team-big {
        display: grid;
        grid-template-columns: repeat(auto-fill,100px);
        grid-column-gap: 50px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.str-team__team-small {
    display: grid;
    grid-template-columns: repeat(auto-fill,100px);
    grid-column-gap: 50px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.str-team__split a {
    margin: 0;
    line-height: unset;
    font-size: 19px;
    color: #006CFF;
    letter-spacing: 0
}

.str-team__pictures {
    margin-top: 160px
}

.str-team__culture-grid {
    max-width: 980px;
    margin: 90px auto 120px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 177px auto 162px;
    grid-template-rows: auto
}

.str-team__culture-side {
    text-align: center;
    grid-area: 1/1/1/4;
    margin-bottom: 60px
}

.str-team__culture-flags {
    font-size: 42px;
    line-height: 44px
}

.str-team__value {
    grid-column: 2/span 2
}

@media screen and (min-width: 830px) {
    .str-team__culture-side {
        margin-bottom:0;
        grid-area: 1/3/6/4
    }

    .str-team__value {
        grid-column: unset;
        margin-right: 90px
    }
}

.str-team__stat {
    display: inline-block;
    margin: 20px 10px 0
}

.str-team__stat .str-team__stats-content {
    margin-top: 4px
}

@media screen and (min-width: 830px) {
    .str-team__stat {
        marign:20px 0 0 0;
        display: block
    }
}

.str-team__perks {
    margin-top: 100px
}

.str-team__perks .container .row,.str-team__perks .message-fixed .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str-team__perks .container .row:before,.str-team__perks .message-fixed .row:before {
    display: none
}

.str-team__perks .container .row.reverse,.str-team__perks .message-fixed .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.str-team__perks .container .row>[class*=col-],.str-team__perks .message-fixed .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.str-team__perk {
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px
}

.str-team__perk>:not(:first-child) {
    margin-left: 39px
}

.str-team__perk h3 {
    font-size: 18.5px;
    line-height: 33px;
    margin-top: 0
}

.str-team__chat-channel {
    background: rgba(255,255,255,.06);
    opacity: .5;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.07);
    border-radius: 7px;
    padding: 15px;
    cursor: pointer
}

.str-team__chat-channel img {
    max-width: 50px;
    max-height: 50px;
    float: left;
    margin-right: 30px
}

.str-team__chat-channel--active,.str-team__chat-channel:focus,.str-team__chat-channel:hover,.str-team__chat-channel:visited {
    background: rgba(255,255,255,.1);
    opacity: 1
}

.str-team__chat-channel--read .str-team__chat-channel-name:after {
    background: url(https://getstream.imgix.net/images/team/check-green.svg)
}

.str-team__chat-channel:not(:last-of-type) {
    margin-bottom: 10px
}

.str-team__chat-channel:after {
    content: '';
    visibility: hidden;
    clear: both
}

.str-team__chat {
    margin-top: 50px;
    padding-bottom: 60px
}

.str-team__chat .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal-content .modal-header .prs-contact .str-form .form-control-feedback.icon-notification.close:after,.prs-contact .str-form .form-control-feedback.icon-notification.btn-close:after,.prs-contact .str-form .form-control-feedback.icon-notification.link-newtab:after,.prs-contact .str-form .form-control-feedback.icon.icon-notification,.prs-contact .str-form .modal-content .modal-header .form-control-feedback.icon-notification.close:after,.prs-contact .str-form [type=checkbox].stream-form-control:checked+label.form-control-feedback.icon-notification:after,.prs-contact .str-form [type=checkbox].stream-form-control:not(:checked)+label.form-control-feedback.icon-notification:after,.str-team__chat .row:before {
    display: none
}

.str-team__chat .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.str-team__chat .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.str-team__chat-channel-name,.str-team__chat-channel-title {
    margin: 0;
    font-family: cerebri_bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 20px
}

.str-team__chat-channel-title,.str-team__jobs input[type=text],.str-team__jobs select {
    font-family: cerebri_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-team__chat-channel-name {
    position: relative
}

.str-team__chat-channel-name:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 16px;
    height: 9px;
    background: url(https://getstream.imgix.net/images/team/check.svg)
}

.str-team__chat-channel-title {
    font-size: 15px
}

.str-team__chat-window {
    background: rgba(255,255,255,.06);
    border-radius: 7px;
    height: 100%;
    padding: 30px 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.str-team__chat-bubble {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3px;
    max-width: 60%
}

.str-team__chat-bubble--left .str-team__chat-bubble-text {
    transform: translateX(20px)
}

.str-team__chat-bubble--left+.str-team__chat-bubble--left .str-team__chat-bubble-avatar {
    visibility: hidden
}

.str-team__chat-bubble--right {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.str-team__chat-bubble--right .str-team__chat-bubble-text {
    transform: translateX(-20px)
}

.str-team__chat-bubble--right+.str-team__chat-bubble--right .str-team__chat-bubble-avatar {
    visibility: hidden
}

.str-team__chat-bubble-avatar {
    width: 50px;
    height: 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

@keyframes ellipsis {
    to {
        width: 1.25em
    }
}

.str-team__chat-bubble-text {
    background: rgba(255,255,255,.05);
    border-radius: 25.5px;
    padding: 15px 20px;
    font-size: 17px;
    color: #FFF;
    letter-spacing: 0;
    position: relative
}

.str-team__disclaimer {
    opacity: .2;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 12px
}

.str-team__disclaimer:first-of-type {
    margin-top: 30px
}

.str-team__jobs {
    margin-top: 100px;
    margin-bottom: 55px;
    padding-bottom: 100px;
    background: #fff
}

.str-team__jobs h3 {
    margin-top: 0
}

.str-team__jobs input[type=text] {
    padding-left: 40px;
    background: url(https://getstream.imgix.net/images/team/search.svg) top 13px left 10px no-repeat;
    letter-spacing: 0
}

.str-team__jobs input[type=text],.str-team__jobs select {
    font-size: 15px;
    color: #000;
    height: 44px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    width: 100%
}

.str-team__job-title,.str-team__jobs-summary {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    letter-spacing: 0
}

@media screen and (max-width: 1020px) {
    .str-team__jobs input[type=text],.str-team__jobs select {
        margin-top:10px
    }
}

.str-team__jobs input[type=text]:disabled,.str-team__jobs select:disabled {
    background-color: #f8f8f8;
    color: rgba(0,0,0,.4)
}

.str-team__jobs input[type=text]:disabled::-moz-placeholder,.str-team__jobs select:disabled::-moz-placeholder {
    color: rgba(0,0,0,.4)
}

.str-team__jobs input[type=text]:disabled:-ms-input-placeholder,.str-team__jobs select:disabled:-ms-input-placeholder {
    color: rgba(0,0,0,.4)
}

.str-team__jobs input[type=text]:disabled::placeholder,.str-team__jobs select:disabled::placeholder {
    color: rgba(0,0,0,.4)
}

.str-team__jobs-summary {
    font-size: 15px;
    color: #000;
    text-align: center;
    margin: 20px auto
}

.str-team__job-table-head {
    margin-bottom: 30px
}

.str-team__job-listing {
    display: block
}

.str-team__job-listing:hover,.str-team__job-listing:hover .str-team__job-location,.str-team__job-listing:hover .str-team__job-team,.str-team__job-listing:hover .str-team__job-title {
    color: #006CFF
}

.str-team__job-listing [class*=col-] {
    padding-top: 20px;
    padding-bottom: 20px
}

.str-team__job-listing:nth-of-type(odd) [class*=col-] {
    background: #FAFAFA
}

.str-team__job-title {
    font-size: 16px;
    color: #000
}

.str-team__job-team {
    font-size: 16px;
    color: #000;
    letter-spacing: 0
}

.str-team__job-location {
    color: #000
}

.str-team__job-location ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.str-team__job-location ul li {
    display: inline-block
}

.str-team__job-location ul li:not(:first-of-type) {
    margin-left: 5px
}

.str-team__job-location ul li:not(:first-of-type):before {
    content: '· '
}

#features {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

#features .cmd-f .feeds .mktg-prelabel,.frnt-features .mktg-prelabel {
    color: #1F2CA6
}

#features #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    padding-top: 70px
}

#features #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

#features .hero {
    background-image: url(https://getstream.imgix.net/images/product-features/hero-bg.png);
    background-size: 655px 729px;
    background-repeat: no-repeat;
    background-position: calc(100% - 0px) calc(100% - 60px);
    min-height: 750px;
    z-index: 1;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .hero {
        background-image:url(https://getstream.imgix.net/images/product-features/hero-bg@3x.png);
        background-size: 655px 729px
    }
}

@media (max-width: 1050px) {
    #features .hero {
        background-position:calc(100% - -30px) calc(100% - 20px)
    }
}

@media (max-width: 950px) {
    #features .hero {
        background-position:calc(100% - -60px) calc(100% - 20px)
    }
}

@media (max-width: 880px) {
    #features .hero {
        background-position:calc(100% - -20px) calc(100% - 130px);
        background-size: 455px 506px
    }
}

#features .hero-content {
    width: 500px;
    position: relative;
    left: 70px;
    top: 130px
}

@media (max-width: 1220px) {
    #features .hero-content {
        left:70px
    }
}

@media (max-width: 1155px) {
    #features .hero-content {
        left:30px
    }
}

@media (max-width: 1040px) {
    #features .hero-content {
        width:410px
    }
}

@media (max-width: 810px) {
    #features .hero {
        min-height:900px;
        background-position: calc(100% - 0px) calc(100% - 70px)
    }

    #features .hero-content {
        width: 80%;
        top: 50px
    }

    #features .hero .btns {
        width: 160px
    }
}

#features .hero h1 {
    font-size: 50.62px;
    line-height: 61.35px;
    margin-top: 0
}

#features .hero p {
    margin-top: 40px;
    margin-bottom: 90px
}

@media (max-width: 560px) {
    #features .hero {
        min-height:1150px;
        background-position: calc(100% - 0px) calc(100% - 120px)
    }

    #features .hero p {
        margin-bottom: 40px
    }
}

@media (max-width: 810px) {
    #features .hero .btns .btn-stream-link,#features .hero .btns .btn-stream-link-default,#features .hero .btns .hvr-line,#features .hero .btns .stream-h3 {
        margin-left:0;
        margin-top: 30px
    }
}

#features .hero .btns .mktg-btn-outline-base:hover {
    margin-left: -2px
}

@media (max-width: 810px) {
    #features .hero .btns .mktg-btn-outline-base:hover {
        margin-left:0
    }
}

#features .flair {
    min-height: 594px;
    z-index: 2;
    position: relative;
    margin-top: -120px;
    padding-top: 100px;
    background-image: url(https://getstream.imgix.net/images/product-features/flair-bg-left.png),url(https://getstream.imgix.net/images/product-features/flair-bg-right.png);
    background-position: calc(100% - 100%) calc(100% - 0px),calc(100% - 0px) calc(100% - 0px);
    background-repeat: no-repeat,no-repeat;
    background-size: 442px 592px,257px 592px
}

@media (max-width: 610px) {
    #features .flair {
        background-position:calc(100% - 110%) calc(100% - 0px),calc(100% - -60px) calc(100% - 0px)
    }
}

#features .flair ul {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    width: 80%;
    margin: 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#features .flair ul li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 10px 30px;
    text-align: center;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#features .flair .cta {
    width: 400px;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
    display: block
}

#features .flair .section-2-header {
    position: relative;
    left: 70px;
    top: 100px
}

#features .flair .section-2-header h2 {
    margin-top: 0
}

#features .use-cases {
    margin-top: -20px
}

@media (max-width: 1199px) {
    #features .use-cases {
        margin-top:30px
    }
}

@media (max-width: 1020px) {
    #features .use-cases {
        margin-top:60px
    }
}

@media (max-width: 629px) {
    #features .flair .cta {
        width:90%
    }

    #features .flair .section-2-header {
        top: 90px;
        left: 10px
    }

    #features .use-cases {
        margin-top: 110px
    }
}

#features .use-cases p {
    font-size: 15.5px;
    line-height: 25px
}

#features .use-cases .card {
    margin-bottom: 100px;
    text-align: center
}

#features .use-cases .card p {
    width: 233px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center
}

#features .use-cases .col-left {
    margin-left: 70px;
    width: 410px;
    margin-bottom: 30px
}

@media (max-width: 1200px) {
    #features .use-cases .col-left {
        margin-left:0;
        width: 100%
    }
}

#features .use-cases .col-left .first {
    font-size: 22.5px;
    line-height: 35.6px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#features .feed-qoute .name,#features .quad h3 {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#features .use-cases .item {
    margin-top: 20px
}

#features .use-cases .item p {
    margin-top: 10px;
    margin-bottom: 50px;
    opacity: .6
}

#features .quad {
    margin-top: 150px;
    background-image: url(https://getstream.imgix.net/images/product-features/accent.png);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: -100px;
    background-size: 280px 765px
}

#features .quad h3 {
    font-size: 27.75px;
    line-height: 34.61px;
    margin-top: -10px;
    margin-left: 100px;
    margin-bottom: 30px
}

@media (max-width: 410px) {
    #features .flair {
        background-position:calc(100% - 110%) calc(100% - 220px),calc(100% - -60px) calc(140% - 0px)
    }

    #features .quad h3 {
        margin-top: 20px;
        margin-left: 20px
    }
}

#features .quad p {
    margin-left: 70px;
    margin-right: 40px
}

#features .quad .cards {
    border-radius: 20px;
    padding: 10px 10px 11px;
    margin-top: 44px;
    margin-bottom: 30px;
    min-height: 345px;
    display: block
}

@media (max-width: 1199px) {
    #features .quad .cards {
        min-height:400px
    }
}

#features .quad .btn-close:after,#features .quad .icon,#features .quad .link-newtab:after,#features .quad .modal-content .modal-header .close:after,#features .quad [type=checkbox].stream-form-control:checked+label:after,#features .quad [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .close:after {
    width: 88px;
    height: 84px;
    display: block;
    margin-top: -44px;
    background-repeat: no-repeat;
    background-size: 84px 72px
}

@media (max-width: 410px) {
    #features .quad p {
        margin-left:20px
    }

    #features .quad .btn-close:after,#features .quad .icon,#features .quad .link-newtab:after,#features .quad .modal-content .modal-header .close:after,#features .quad [type=checkbox].stream-form-control:checked+label:after,#features .quad [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .close:after {
        margin-left: -20px
    }
}

#features .quad .one {
    background-image: linear-gradient(134deg,rgba(26,171,239,0) 40%,rgba(26,171,239,.14) 100%)
}

#features .quad .one .btn-close:after,#features .quad .one .icon,#features .quad .one .link-newtab:after,#features .quad .one .modal-content .modal-header .close:after,#features .quad .one [type=checkbox].stream-form-control:checked+label:after,#features .quad .one [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .one .close:after {
    background-image: url(https://getstream.imgix.net/images/product-features/icon-launch.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .quad .one .btn-close:after,#features .quad .one .icon,#features .quad .one .link-newtab:after,#features .quad .one .modal-content .modal-header .close:after,#features .quad .one [type=checkbox].stream-form-control:checked+label:after,#features .quad .one [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .one .close:after {
        background-image:url(https://getstream.imgix.net/images/product-features/icon-launch@3x.png);
        background-size: 88px 84px
    }
}

#features .quad .two {
    background-image: linear-gradient(134deg,rgba(85,182,227,0) 40%,rgba(85,182,227,.14) 100%)
}

#features .quad .two .btn-close:after,#features .quad .two .icon,#features .quad .two .link-newtab:after,#features .quad .two .modal-content .modal-header .close:after,#features .quad .two [type=checkbox].stream-form-control:checked+label:after,#features .quad .two [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .two .close:after {
    background-image: url(https://getstream.imgix.net/images/product-features/personalization-icon.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .quad .two .btn-close:after,#features .quad .two .icon,#features .quad .two .link-newtab:after,#features .quad .two .modal-content .modal-header .close:after,#features .quad .two [type=checkbox].stream-form-control:checked+label:after,#features .quad .two [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .two .close:after {
        background-image:url(https://getstream.imgix.net/images/product-features/personalization-icon@3x.png);
        background-size: 88px 84px
    }
}

#features .quad .three {
    background-image: linear-gradient(134deg,rgba(73,132,195,0) 40%,rgba(73,132,195,.14) 100%)
}

#features .quad .three .btn-close:after,#features .quad .three .icon,#features .quad .three .link-newtab:after,#features .quad .three .modal-content .modal-header .close:after,#features .quad .three [type=checkbox].stream-form-control:checked+label:after,#features .quad .three [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .three .close:after {
    background-image: url(https://getstream.imgix.net/images/product-features/ranking-icon.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .quad .three .btn-close:after,#features .quad .three .icon,#features .quad .three .link-newtab:after,#features .quad .three .modal-content .modal-header .close:after,#features .quad .three [type=checkbox].stream-form-control:checked+label:after,#features .quad .three [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .three .close:after {
        background-image:url(https://getstream.imgix.net/images/product-features/ranking-icon@3x.png);
        background-size: 88px 84px
    }
}

#features .quad .four {
    background-image: linear-gradient(134deg,rgba(85,182,227,0) 40%,rgba(85,182,227,.14) 100%)
}

#features .quad .four .btn-close:after,#features .quad .four .icon,#features .quad .four .link-newtab:after,#features .quad .four .modal-content .modal-header .close:after,#features .quad .four [type=checkbox].stream-form-control:checked+label:after,#features .quad .four [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .four .close:after {
    background-image: url(https://getstream.imgix.net/images/product-features/focus-icon.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .quad .four .btn-close:after,#features .quad .four .icon,#features .quad .four .link-newtab:after,#features .quad .four .modal-content .modal-header .close:after,#features .quad .four [type=checkbox].stream-form-control:checked+label:after,#features .quad .four [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .quad .four .close:after {
        background-image:url(https://getstream.imgix.net/images/product-features/focus-icon@3x.png);
        background-size: 88px 84px
    }
}

#features .team-value {
    margin-top: 150px
}

@media (max-width: 1019px) {
    #features .team-value {
        margin-top:75px
    }
}

#features .team-value .offset {
    margin-left: 100px
}

#features .team-value .followart {
    background-image: url(https://getstream.imgix.net/images/product-features/followart.png);
    background-repeat: no-repeat;
    background-size: 578px 668px;
    background-position-x: center;
    height: 668px;
    display: block
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .team-value .followart {
        background-image:url(https://getstream.imgix.net/images/product-features/followart@3x.png)
    }
}

@media (max-width: 510px) {
    #features .team-value .followart {
        background-size:378px 437px;
        height: 478px
    }
}

#features .team-value ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 50px
}

#features .team-value ul li {
    background-image: url(https://getstream.imgix.net/images/product-features/teamvalue-arrow.svg);
    background-repeat: no-repeat;
    background-position: 60px 10px;
    padding-left: 106px;
    margin-bottom: 30px
}

@media (max-width: 666px) {
    #features .team-value .offset {
        margin-left:0
    }

    #features .team-value ul li {
        padding-left: 20px;
        background-position: -8px 10px
    }
}

#features .feed-qoute {
    min-height: 660px;
    margin-top: -50px
}

#features .feed-qoute .name {
    position: absolute;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    width: 140px;
    top: 236px;
    left: 115px
}

#features .feed-qoute .name a {
    font-size: 13px;
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-decoration: none
}

#features .feed-qoute .container,#features .feed-qoute .message-fixed {
    position: relative
}

#features .feed-qoute .mashable-feed,#features .feed-qoute .producthunt-feed,#features .feed-qoute .techcrunch-feed {
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center
}

#features .feed-qoute .techcrunch-feed {
    width: 300px;
    height: 287px;
    background-image: url(https://getstream.imgix.net/images/product-features/techcrunch-feeds.png);
    background-size: 300px 287px;
    left: 0;
    top: 270px
}

@media (max-width: 740px) {
    #features .feed-qoute .techcrunch-feed {
        top:460px
    }
}

@media (max-width: 550px) {
    #features .feed-qoute .techcrunch-feed {
        display:none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .feed-qoute .techcrunch-feed {
        background-image:url(https://getstream.imgix.net/images/product-features/techcrunch-feeds@3x.png);
        background-size: 100%
    }
}

#features .feed-qoute .producthunt-feed {
    width: 480px;
    height: 571px;
    background-image: url(https://getstream.imgix.net/images/product-features/producthunt-feeds2.png);
    background-size: 480px 571px;
    top: 0;
    left: 380px
}

@media (max-width: 1199px) {
    #features .feed-qoute .producthunt-feed {
        left:280px
    }
}

@media (max-width: 740px) {
    #features .feed-qoute .producthunt-feed {
        left:160px
    }
}

@media (max-width: 620px) {
    #features .feed-qoute .producthunt-feed {
        left:60px
    }
}

#features .feed-qoute .producthunt-feed .name {
    top: 398px;
    left: 145px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .feed-qoute .producthunt-feed {
        background-image:url(https://getstream.imgix.net/images/product-features/producthunt-feeds2@3x.png);
        background-size: 100%
    }
}

#features .feed-qoute .mashable-feed {
    width: 290px;
    height: 287px;
    background-image: url(https://getstream.imgix.net/images/product-features/mashable-feeds.png);
    background-size: 300px 287px;
    right: 0;
    top: 270px
}

@media (max-width: 1199px) {
    #features .feed-qoute .mashable-feed {
        top:370px
    }
}

@media (max-width: 1019px) {
    #features .feed-qoute .mashable-feed {
        top:530px
    }

    #features .cmd-f {
        margin-top: 100px
    }
}

#features .feed-qoute .mashable-feed .name {
    top: 198px;
    left: 115px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .feed-qoute .mashable-feed {
        background-image:url(https://getstream.imgix.net/images/product-features/mashable-feeds@3x.png);
        background-size: 100%
    }
}

#features .cmd-f {
    background: top center no-repeat #fff;
    background-size: 292px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    #features .cmd-f {
        background-image:url(https://getstream.imgix.net/images/product-features/build-anything@3x.png)
    }
}

#features .cmd-f h3 {
    text-align: center
}

#features .cmd-f .feeds {
    margin-top: 150px
}

#features .cmd-f .features,#features .cmd-f .personalization {
    margin-top: 100px
}

#features .cmd-f .features .mktg-prelabel {
    color: #2F7DEB
}

#features .cmd-f .personalization .mktg-prelabel {
    color: #1F98A6
}

#features .cmd-f .well {
    margin-bottom: 75px
}

#features .cmd-f .well .btn-close:after,#features .cmd-f .well .icon,#features .cmd-f .well .link-newtab:after,#features .cmd-f .well .modal-content .modal-header .close:after,#features .cmd-f .well [type=checkbox].stream-form-control:checked+label:after,#features .cmd-f .well [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #features .cmd-f .well .close:after {
    width: 100%;
    height: 30px;
    display: block
}

#features .cmd-f .well h5 {
    font-size: 22.5px;
    line-height: 35.6px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 0
}

#features .cmd-f .well p {
    width: 270px;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #4d4d4d
}

#features .last-section-cta {
    min-height: 450px;
    padding-top: 100px;
    background-image: url(https://getstream.imgix.net/images/product-features/flair-bg-left.png),url(https://getstream.imgix.net/images/product-features/flair-bg-right.png);
    background-position: top left,top right;
    background-repeat: no-repeat,no-repeat;
    background-size: 442px 592px,257px 592px
}

@media (max-width: 1019px) {
    #features .cmd-f .well p {
        width:100%
    }

    #features .last-section-cta {
        background-image: url(https://getstream.imgix.net/images/product-features/flair-bg-right.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 257px 592px
    }
}

#features .last-section-cta ul {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    width: 80%;
    margin: 190px auto 0;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    opacity: .5
}

#features .last-section-cta ul li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 10px 30px;
    text-align: center;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#features .last-section-cta .section-2-header h2 {
    font-size: 33.75px;
    line-height: 39.61px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 30px
}

body.page__personalization,body.page__personalization .page-lead-text {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#features .last-section-cta .btn-group {
    margin-top: 80px
}

#features .last-section-cta .btn-group .mktg-btn-white-blue {
    margin-left: 30px
}

@media (max-width: 1019px) {
    #features .last-section-cta .btn-group {
        margin-top:30px
    }

    #features .last-section-cta .btn-group .mktg-btn-white-blue {
        margin-top: 30px;
        margin-left: 10px
    }

    .str-api-cta {
        height: 883px
    }
}

#features .footer {
    background: #0D1829;
    max-width: 1620px;
    margin: 0 auto
}

.prs-bottom-flair,.prs-contact,.prs-examples,.str-api-cta {
    background-repeat: no-repeat
}

.coolguys,.str-api-cta .btns {
    margin-top: 100px
}

.str-api-cta .btns .mktg-btn-white-blue,.str-docs__section-nav .str-docs__section-nav__vote:not(:first-of-type) {
    margin-left: 30px
}

.str-api-cta {
    background-image: url(https://getstream.imgix.net/images/product-features/streamapi2.png),url(https://getstream.imgix.net/images/product-features/streamapi-left.png);
    background-position: 100%,0;
    background-size: 739px,83px;
    min-height: 673px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-webkit-min-device-pixel-ratio:1.25),only screen and (min-resolution:120dpi) {
    .str-api-cta {
        background-image:url(https://getstream.imgix.net/images/product-features/streamapi2@3x.png),url(https://getstream.imgix.net/images/product-features/streamapi-left@3x.png)
    }
}

body.page__personalization {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

.prs-contact .str-form .mktg-input input,.prs-contact .str-form .mktg-input textarea,body.page__personalization h4.lnd-item-title,body.page__personalization h4.lnd-link-item-title,body.page__personalization p.lnd-link-item-content {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__personalization #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px
}

body.page__personalization #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

body.page__personalization h4.lnd-item-title {
    font-size: 18.5px;
    line-height: 22px
}

body.page__personalization h4.lnd-link-item-title {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
    letter-spacing: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

body.page__personalization h4.lnd-link-item-title svg:first-of-type {
    margin-right: 16px;
    margin-top: 1px
}

body.page__personalization h4.lnd-link-item-title svg:last-of-type {
    margin-left: 12px;
    margin-top: 2px
}

body.page__personalization p.lnd-link-item-content {
    color: rgba(0,0,0,.7);
    font-size: 15px;
    line-height: 22px
}

body.page__personalization .page-lead-title {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 50.62px;
    line-height: 61.35px;
    line-height: 1.2;
    margin-top: 8px;
    margin-bottom: 20px;
    transition: all .3s
}

@media (max-width: 830px) {
    body.page__personalization .page-lead-title {
        font-size:33.75px;
        line-height: 39.61px
    }
}

body.page__personalization .page-lead-title strong {
    display: block;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__personalization .page-lead-title .page-lead-animated {
    display: block;
    opacity: 0;
    transition: opacity 1s ease-out,top .2s ease-out;
    transform: translateZ(0);
    height: 0;
    width: 0;
    overflow: hidden;
    float: left;
    position: relative;
    top: 50px
}

body.page__personalization .page-lead-title .is-showing {
    top: 0;
    opacity: 1;
    height: auto;
    width: auto
}

body.page__personalization .page-lead-text {
    font-size: 22.5px;
    line-height: 35.6px;
    margin: 0 0 35px;
    max-width: 500px
}

body.page__personalization .page-lead-text strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__personalization .section-lead-text {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18.5px;
    line-height: 35px;
    margin-top: 35px;
    max-width: 551px
}

.prs-contact .str-form .mktg-input label,.prs-contact .str-form .str-form-body ul.messages li,body.page__personalization .section-lead-text a {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__react-native-chat-tutorial .tutorial-content .left,body.page__personalization .prs-hero .left {
    max-width: 580px
}

body.page__personalization .section-lead-text a {
    color: #2F7DEB
}

body.page__personalization .section-header {
    margin-bottom: 0
}

body.page__personalization .section-header h2 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 33.75px;
    line-height: 39.61px;
    color: #000;
    margin-top: 0
}

body.page__personalization .section-icon {
    width: 88px;
    height: 84px;
    display: block;
    margin-bottom: 25px
}

body.page__personalization .prs-hero {
    padding-top: 110px;
    padding-bottom: 200px;
    z-index: -1
}

body.page__personalization .prs-hero .lnd-hero-art {
    position: absolute;
    top: 110px;
    right: -50px;
    z-index: 0;
    width: 900px;
    height: auto
}

@media (max-width: 1440px) {
    body.page__personalization .prs-hero .lnd-hero-art {
        width:900px;
        height: auto;
        top: 15x
    }
}

@media (max-width: 1400px) {
    body.page__personalization .prs-hero .lnd-hero-art {
        width:850px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1300px) {
    body.page__personalization .prs-hero .lnd-hero-art {
        width:800px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1200px) {
    body.page__personalization .prs-hero .lnd-hero-art {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1020px) {
    body.page__personalization .prs-hero .lnd-hero-art {
        display:block
    }
}

@media (max-width: 1100px) {
    body.page__personalization .prs-hero .lnd-hero-art {
        height:auto;
        top: 135px;
        width: 600px
    }
}

.prs-introduction h2 {
    font-size: 33.75px;
    line-height: 39.61px;
    margin-top: 8px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    max-width: 500px
}

.prs-examples .card__body--footer__header,.prs-introduction .prs-subheader {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase
}

.prs-introduction .prs-introtext {
    font-size: 17px;
    line-height: 26px
}

.prs-introduction .prs-iconlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.prs-introduction .prs-iconlist li {
    display: inline-block;
    margin-right: 8px
}

.prs-introduction .prs-subheader {
    display: block;
    font-size: 17px;
    line-height: 26px;
    margin-top: 8px
}

.prs-examples h2,.prs-examples h4 {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-introduction .bright-blue {
    color: #0431F7
}

.prs-introduction .clear-blue {
    color: #0886D3
}

.prs-introduction .light-green {
    color: #4AE288
}

.prs-introduction p {
    padding-right: 25px
}

.prs-introduction .prs-rowspacer {
    margin-bottom: 72px
}

.prs-examples {
    background-position: top -200px left;
    background-size: 775px 885px;
    margin-top: 179px
}

.prs-examples h2 {
    font-size: 33.75px;
    line-height: 39.61px;
    margin-top: 8px
}

.prs-examples h4 {
    font-size: 22.5px;
    line-height: 35.6px;
    margin-top: 0;
    color: #2e3237;
    /*text-shadow: 4px 4px 0 #030a0b38;*/
    font: bold 23px/39px Impact,Arial,Helvetica,sans-serif;
}

.prs-examples .prs-lead {
    margin-top: 40px;
    font-size: 22.5px;
    line-height: 35.6px
}

.prs-examples .prs-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

.prs-examples .card {
    background: rgba(255,255,255,.94);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.13),0 2px 4px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    margin-top: 60px;
    width: 49%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

@media (max-width: 1020px) {
    .prs-examples .card {
        width:100%
    }
}

@media (max-width: 830px) {
    .prs-examples .card {
        width:100%;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 650px
    }

    .prs-examples .card .card__body {
        -ms-flex: 2;
        flex: 2
    }
}

.prs-examples .card p {
    font-size: 17px;
    line-height: 26px
}

.prs-examples .card--sm {
    width: 32%;
    min-height: 550px;
    -ms-flex-direction: column;
    flex-direction: column
}

.prs-examples .card--sm p {
    font-size: 15.5px;
    line-height: 25px
}

.prs-examples .card--sm .card__body {
    -ms-flex: 2;
    flex: 2
}

@media (max-width: 1020px) {
    .prs-examples .card--sm {
        width:100%;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 0
    }

    .prs-examples .card--sm .card__body {
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 830px) {
    .prs-examples .card--sm {
        width:100%;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 650px
    }

    .prs-examples .card--sm .card__body {
        -ms-flex: 2;
        flex: 2
    }
}

.prs-examples .card__header {
    position: relative;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.15);
    -ms-flex: 1;
    flex: 1
}

.prs-examples .card__header img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.prs-examples .card__header--overlay-1,.prs-examples .card__header--overlay-2,.prs-examples .card__header--overlay-3,.prs-examples .card__header--overlay-4,.prs-examples .card__header--overlay-5 {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .59
}

.prs-examples .card__header--overlay-1 {
    background-image: linear-gradient(-135deg,#00FF81 0,#00A271 100%)
}

.prs-examples .card__header--overlay-2 {
    background-image: linear-gradient(-135deg,#00FFDB 0,#00A2A1 100%)
}

.prs-examples .card__header--overlay-3 {
    background-image: linear-gradient(-135deg,#00B2FF 0,#007AA2 100%)
}

.prs-examples .card__header--overlay-4 {
    background-image: linear-gradient(-135deg,#0074FF 0,#003AA2 100%)
}

.prs-examples .card__header--overlay-5 {
    background-image: linear-gradient(-135deg,#2000FF 0,#2400A2 100%)
}

.prs-examples .card__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.prs-examples .card__body--content {
    height: 45%;
    background: #fff;
    padding: 28px 28px 0
}

.prs-examples .card__body--footer {
    -ms-flex: 1;
    flex: 1;
    min-height: 45%;
    padding: 28px 28px 50px;
    background: #F5F5F5
}

@media (max-width: 830px) {
    .prs-examples .card__body--content {
        height:180px
    }

    .prs-examples .card__body--footer {
        height: 40%
    }
}

.prs-examples .card__body--footer .img-wrapper {
    display: inline-block;
    width: 30px
}

.prs-examples .card__body--footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 35px
}

.prs-data h2,.prs-resources h2 {
    font-size: 33.75px;
    line-height: 39.61px
}

.prs-examples .card__body--footer__header--green {
    color: #12905B
}

.prs-examples .card__body--footer__header--cyan {
    color: #00A694
}

.prs-examples .card__body--footer__header--lightblue {
    color: #006DA6
}

.prs-examples .card__body--footer__header--blue {
    color: #0032A6
}

.prs-examples .card__body--footer__header--purple {
    color: #0012A6
}

.prs-data {
    position: relative;
    padding-top: 179px;
    padding-bottom: 179px
}

.prs-data h2 {
    margin-top: 8px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block .object,.prs-data .prs-data-css-graphic .prs-data-container .header {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase
}

.prs-data .prs-lead {
    margin-top: 40px;
    font-size: 17px;
    line-height: 26px
}

.prs-data__use {
    margin-top: 40px
}

.prs-data__use img,.prs-data__use svg {
    margin-bottom: 14px
}

.prs-data .prs-data-graphic {
    position: absolute;
    top: 178px;
    bottom: 0;
    right: -198px
}

.prs-data .prs-data-css-graphic {
    z-index: auto;
    position: absolute;
    width: 430px;
    height: 703px;
    top: 178px;
    right: 100px
}

@media (max-width: 1250px) {
    .prs-data .prs-data-css-graphic {
        right:-75px
    }
}

@media (max-width: 1020px) {
    .prs-data .prs-data-css-graphic {
        position:relative;
        top: initial;
        right: initial;
        margin: 50px auto 0
    }
}

.prs-data .prs-data-css-graphic .app-container {
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 367px;
    height: 700px;
    background: #FFF;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.13);
    border-radius: 6.36px;
    z-index: 3
}

.prs-data .prs-data-css-graphic .prs-data-container {
    z-index: 2;
    position: absolute;
    top: 61px;
    left: 80px;
    width: 200px;
    height: 570px;
    background: #202021;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.5);
    border-radius: 6px 0 0 6px;
    color: #fff;
    overflow: hidden;
    transition: left .6s ease-in-out
}

.prs-data .prs-data-css-graphic .prs-data-container.animate {
    left: -135px
}

.prs-data .prs-data-css-graphic .prs-data-container .header {
    background-color: #2A2A2B;
    font-size: 12px;
    padding-left: 10px;
    padding-bottom: 3px
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block {
    text-align: right;
    padding-right: 42px
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block .user {
    color: #0076FF
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block .text {
    color: #00E8FF
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block .text-extraction {
    color: #FF00EC
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block .image {
    color: #00FFAC
}

.prs-data .prs-data-css-graphic .prs-data-container .data-block .analysis {
    color: #34FF00
}

.prs-data .prs-data-css-graphic .prs-data-app {
    width: 369px;
    height: 703px
}

.prs-data .prs-data-css-graphic .prs-data-bottom-flair {
    position: absolute;
    bottom: 29px;
    left: 80px;
    z-index: 2;
    transition: left .6s ease-in-out
}

.prs-data .prs-data-css-graphic .prs-data-bottom-flair.animate {
    left: -135px
}

.prs-data .prs-data-css-graphic .prs-data-arrows {
    position: absolute;
    z-index: 3;
    top: 204px;
    left: 20px
}

.prs-data .prs-data-css-graphic .prs-data-arrows .dot {
    opacity: 0
}

.prs-data .prs-data-css-graphic .prs-data-flair {
    width: 1261px;
    height: 542px;
    z-index: 1;
    position: absolute;
    left: -100px;
    top: 75px
}

.prs-bottom-flair {
    background-position: center center;
    background-size: 1541px 948px;
    margin-bottom: -200px;
    padding-bottom: 200px
}

.prs-contact {
    min-height: 450px;
    padding-top: 150px;
    padding-bottom: 150px;
    background-position: bottom left;
    background-size: 1572px 469px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .prs-contact {
        background-position:bottom left;
        background-repeat: no-repeat;
        background-size: 1572px 469px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    .prs-contact {
        background-position:bottom left;
        background-repeat: no-repeat;
        background-size: 1572px 469px
    }
}

.prs-contact .str-form {
    margin: 30px 0;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15),0 7px 20px 0 rgba(0,0,0,.24);
    border-radius: 4px;
    background-color: #F0F0F0
}

.prs-contact .str-form button,.prs-contact .str-form button::-moz-focus-inner,.prs-contact .str-form button[disabled],.prs-contact .str-form html input[disabled],.prs-contact .str-form html input[type=button],.prs-contact .str-form input,.prs-contact .str-form input::-moz-focus-inner,.prs-contact .str-form input[type=reset],.prs-contact .str-form input[type=submit],.prs-contact .str-form input[type=checkbox],.prs-contact .str-form input[type=radio],.prs-contact .str-form input[type=number]::-webkit-inner-spin-button,.prs-contact .str-form input[type=number]::-webkit-outer-spin-button,.prs-contact .str-form input[type=search],.prs-contact .str-form input[type=search]::-webkit-search-cancel-button,.prs-contact .str-form input[type=search]::-webkit-search-decoration,.prs-contact .str-form optgroup,.prs-contact .str-form select,.prs-contact .str-form textarea {
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none
}

.prs-contact .str-form .form-control-feedback.icon.icon-checkmark:before {
    content: url("data:image/svg+xml; utf8, <svg width='10' height='8' viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><path id='a' d='M298.707 31.121L295 27.414 296.414 26l2.293 2.293L303 24l1.414 1.414z'/></defs><g transform='translate(-295 -24)' fill='none' fill-rule='evenodd'><use fill='#2F7DEB' xlink:href='#a'/><use fill='#2FEB91' xlink:href='#a'/></g></svg>");
    width: 10px;
    height: 8px
}

.prs-contact .str-form .form-control-feedback.icon.icon-notification:before {
    width: 0
}

.prs-contact .str-form .str-form-body {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prs-contact .str-form .str-form-body ul.messages {
    margin: 0;
    padding: 0!important;
    width: 100%;
    list-style: none
}

.prs-contact .str-form .str-form-body ul.messages li {
    margin: 0;
    width: 100%;
    border-radius: 4px 4px 0 0;
    padding: 14px;
    text-align: center
}

.prs-contact .str-form .str-form-body ul.messages li.info,.prs-contact .str-form .str-form-body ul.messages li.success {
    background: #2FEB91
}

.prs-contact .str-form .str-form-body ul.messages li.info {
    background: #2f9eeb
}

.prs-contact .str-form .has-error input {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    -moz-text-decoration-style: dotted;
    text-decoration-style: dotted;
    -webkit-text-decoration-color: #EB2F2F;
    -moz-text-decoration-color: #EB2F2F;
    text-decoration-color: #EB2F2F;
    text-decoration-skip: none
}

.prs-contact .str-form .str-form-footer {
    width: 100%;
    padding: 20px;
    display: -ms-flexbox;
    display: flex
}

.prs-contact .str-form .str-form-footer-left {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.prs-contact .str-form .str-form-footer-left li.str-divider,.prs-contact .str-form .str-form-footer-left li:first-child {
    margin-right: 20px
}

.prs-contact .str-form .str-form-footer-left li.str-divider:after {
    content: '';
    display: block;
    height: 30px;
    width: 1px;
    background: rgba(0,0,0,.16)
}

.prs-contact .str-form .str-form-footer-left li {
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.prs-contact .str-form .str-form-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.prs-contact .str-form .form-group {
    margin: 0
}

.prs-contact .str-form .form-group .password-reset {
    position: absolute;
    right: 25px;
    bottom: 29px;
    z-index: 10;
    padding-left: 50px;
    background: linear-gradient(45deg,transparent 0,#fff 20%);
    text-align: right
}

.prs-contact .str-form .mktg-input {
    height: 90px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-bottom: .5px solid rgba(0,0,0,.2)
}

.prs-contact .str-form .mktg-input small {
    position: absolute;
    top: 15px;
    right: 40px
}

.prs-contact .str-form .mktg-input i {
    position: absolute;
    top: 18px!important;
    right: 5px!important
}

.prs-contact .str-form .mktg-input.half {
    width: 50%;
    float: left
}

.prs-contact .str-form .mktg-input label {
    color: rgba(0,0,0,.4);
    text-transform: uppercase;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    top: 17px;
    left: 29px;
    margin: 0
}

.prs-contact .str-form .mktg-input input {
    position: absolute;
    height: 100%;
    z-index: 1;
    outline: 0;
    width: 100%;
    padding: 50px 29px 40px;
    border: none;
    background: 0 0
}

.prs-contact .str-form .mktg-input input:focus,.prs-contact .str-form .mktg-input textarea:focus {
    box-shadow: inset 3px 0 0 #2F7DEB
}

#page__case-studies a.card,.chatbeta-resources .chatbeta-resources-card,.prs-resources .prs-resources-card {
    box-shadow: 0 0 15px 0 rgba(0,0,0,.13),0 2px 4px 0 rgba(0,0,0,.1)
}

.prs-contact .str-form .mktg-input:first-of-type input {
    border-radius: 1px 0 0
}

.prs-contact .str-form .mktg-input:last-of-type textarea {
    border-radius: 0 0 0 1px
}

.prs-contact .str-form .mktg-input-large {
    min-height: 187px
}

.prs-contact .str-form .mktg-input-large span.help-block {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: right;
    padding-right: 25px;
    padding-bottom: 10px;
    margin: 3px 3px 0
}

.prs-contact .str-form .mktg-input-hidden {
    display: none
}

.prs-contact .str-form .mktg-input textarea {
    height: 100%;
    padding: 45px 29px;
    outline: 0;
    border: none;
    position: relative
}

.prs-contact .str-form .mktg-input.arrow:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    top: -5.5px;
    background: #fff;
    z-index: 1;
    border-top: .75px solid rgba(0,0,0,.1);
    border-right: .75px solid rgba(0,0,0,.1);
    transform: rotate(-45deg)
}

.prs-contact .str-form .mktg-input input,.prs-contact .str-form .mktg-input textarea {
    color: #000;
    font-size: 15px
}

.mktg-docs-introduction-tile>div>h5,article.docs-single>h3 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-contact .str-form .mktg-input input::-moz-placeholder,.prs-contact .str-form .mktg-input textarea::-moz-placeholder {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-contact .str-form .mktg-input input:-ms-input-placeholder,.prs-contact .str-form .mktg-input textarea:-ms-input-placeholder {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-contact .str-form .mktg-input input::placeholder,.prs-contact .str-form .mktg-input textarea::placeholder {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-contact .str-form button.mktg-btn-blue {
    border: none
}

.prs-resources h2 {
    margin-top: 8px;
    margin-bottom: 50px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.prs-resources h3 {
    font-size: 22.5px;
    line-height: 35.6px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 8px
}

.prs-resources .prs-resources-card {
    height: 210px;
    width: 100%;
    margin-bottom: 30px;
    background: rgba(255,255,255,.94);
    border-radius: 6px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    transition: box-shadow .4s
}

.prs-resources .prs-resources-card:focus,.prs-resources .prs-resources-card:hover {
    text-decoration: none;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.13),0 1px 2px 0 rgba(0,0,0,.1)
}

@media (max-width: 640px) {
    .prs-resources .prs-resources-card {
        -ms-flex-direction:column;
        flex-direction: column;
        height: auto
    }
}

.prs-resources .prs-resources-card img {
    width: 210px;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 640px) {
    .prs-resources .prs-resources-card img {
        -ms-flex-direction:column;
        flex-direction: column;
        width: 200%;
        height: 210px
    }
}

.prs-resources .prs-resources-card .prs-resources-card__content {
    -ms-flex: 1;
    flex: 1;
    padding: 15px 15px 15px 30px
}

@keyframes bounce {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-15px)
    }
}

#docs-body {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

#docs-body #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto
}

#docs-body #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

#docs-body .footer {
    background: #0D1829;
    max-width: 1620px;
    margin: 0 auto
}

article#docs {
    padding-top: 30px
}

.docs-title-hashlink {
    position: absolute;
    left: 100%;
    top: 139px
}

article.docs-single:before {
    height: 2px;
    background-color: rgba(0,0,0,.06)
}

article.docs-single>h3 {
    font-size: 32px;
    color: #2A3754;
    padding-bottom: 16px
}

.mktg-docs-introduction-tile>div>span,article.docs-single>h4,article.docs-single>p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

article.docs-single>h4 {
    font-size: 21px;
    color: #2A3754;
    padding-bottom: 50px
}

article.docs-single>p {
    font-size: 16px;
    color: #2A3754
}

.mktg-docs-introduction-tile {
    margin-top: 30px;
    padding: 20px;
    border-radius: 2px;
    width: 100%;
    height: 224px;
    text-decoration: none;
    transition: .2s;
    background: #fff
}

.mktg-docs-introduction-tile>img {
    margin: 0 auto
}

.mktg-docs-introduction-tile>.btn-close:after,.mktg-docs-introduction-tile>.icon,.mktg-docs-introduction-tile>.link-newtab:after,.mktg-docs-introduction-tile>[type=checkbox].stream-form-control:checked+label:after,.mktg-docs-introduction-tile>[type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .mktg-docs-introduction-tile>.close:after {
    display: block;
    height: 110px;
    vertical-align: middle
}

.mktg-docs-introduction-tile>div {
    margin: 0
}

.mktg-docs-introduction-tile>div>span {
    margin-top: 16px;
    font-weight: 700;
    letter-spacing: 1.33px;
    line-height: 10px;
    font-size: 14px;
    color: rgba(42,64,86,.5)
}

.mktg-docs-introduction-tile>div>h5 {
    font-size: 21px;
    color: #2A3754;
    line-height: 16px;
    margin: 10px 0 0
}

.mktg-docs-introduction-tile:hover {
    box-shadow: 0 0 23px 0 rgba(0,0,0,.06)
}

.mktg-docs-clients-tiles {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0
}

.mktg-docs-clients-tiles>li {
    transition: .2s;
    margin-bottom: 30px
}

.mktg-docs-clients-tiles>li div {
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    transition: .2s
}

.mktg-docs-clients-tiles>li div:hover {
    box-shadow: 0 0 23px 0 rgba(0,0,0,.06);
    text-decoration: none
}

.mktg-docs-clients-tiles>li div.example-apps a {
    color: #2F7DEB;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    display: block;
    padding-left: 10px
}

.mktg-docs-clients-tiles>li div.example-apps>meta>h4,.mktg-docs-clients-tiles>li div>h4 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18px;
    color: #2A3754
}

.mktg-docs-clients-tiles>li div.example-apps>meta {
    list-style: none;
    margin: 0;
    min-height: 100px
}

.mktg-docs-clients-tiles>li div.example-apps>meta>h4 {
    line-height: 14px;
    margin: 0;
    display: block;
    width: 100%
}

.mktg-docs-clients-tiles>li div>h4 {
    line-height: 100px;
    margin: 0 0 0 15px
}

.mktg-docs-cards {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0
}

.mktg-docs-cards>li {
    margin-bottom: 30px;
    text-align: center
}

.mktg-docs-cards>li .example {
    width: 100%;
    padding-bottom: 20px;
    min-height: 154px;
    background: #fff
}

.mktg-docs-cards>li .example a {
    color: #2A3754;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    display: block;
    clear: both;
    transition: .2s
}

.mktg-docs-cards>li .example .example-link {
    font-size: 18px;
    text-transform: none;
    text-decoration: none;
    line-height: 20px;
    margin-top: 10px;
    width: auto;
    color: #2A3754;
    transition: .2s
}

.mktg-docs-cards>li .example a:hover {
    color: #2F7DEB;
    transition: .2s
}

.mktg-docs-cards>li img {
    margin-top: 30px;
    margin-bottom: 10px
}

.str-docs__feedback-button {
    width: 20px;
    height: 15px;
    margin-left: 16px;
    border: none;
    background: url(https://getstream.imgix.net/images/docs/feedback-icon.svg) top left no-repeat
}

@media screen and (min-width: 830px) {
    .str-docs__feedback-button.in-header {
        display:none
    }
}

.mktg-docs-article {
    position: relative;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    color: #2A3754;
    padding-top: 117px;
    margin-top: -117px;
    margin-left: auto;
    margin-right: auto
}

.mktg-docs-article h1,.mktg-docs-article h2,.mktg-docs-article h3,.mktg-docs-article h4 {
    color: #000
}

.mktg-docs-article section {
    position: relative
}

.mktg-docs-article section>h2,.mktg-docs-article section>h3,.mktg-docs-article section>h4 {
    padding-right: 20px;
    position: relative
}

.mktg-docs-article section>h2 .feedback-button,.mktg-docs-article section>h2 .str-docs__header__feedback-dropdown,.mktg-docs-article section>h3 .feedback-button,.mktg-docs-article section>h3 .str-docs__header__feedback-dropdown,.mktg-docs-article section>h4 .feedback-button,.mktg-docs-article section>h4 .str-docs__header__feedback-dropdown {
    z-index: 9
}

.mktg-docs-article section>h2:hover,.mktg-docs-article section>h3:hover,.mktg-docs-article section>h4:hover {
    cursor: pointer;
    color: #2f7deb
}

.mktg-docs-article section>h2:hover:after,.mktg-docs-article section>h3:hover:after,.mktg-docs-article section>h4:hover:after {
    background: url(https://getstream.imgix.net/images/docs/link-active.svg) center center no-repeat
}

.mktg-docs-article section>h2:hover .heading-copy,.mktg-docs-article section>h3:hover .heading-copy,.mktg-docs-article section>h4:hover .heading-copy {
    display: inline-block
}

.mktg-docs-article section>h2 .heading-copy,.mktg-docs-article section>h3 .heading-copy,.mktg-docs-article section>h4 .heading-copy {
    display: none;
    position: relative;
    top: 2px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url(https://getstream.imgix.net/images/docs/link.svg) center center no-repeat
}

.mktg-docs-article section>h2:hover .heading-copy,.mktg-docs-article section>h3:hover .heading-copy,.mktg-docs-article section>h4:hover .heading-copy {
    background: url(https://getstream.imgix.net/images/docs/link-active.svg) center center no-repeat
}

.mktg-docs-article section>h2 .heading-tooltip,.mktg-docs-article section>h3 .heading-tooltip,.mktg-docs-article section>h4 .heading-tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 13px;
    top: -30px;
    right: -10px
}

.mktg-docs-article section>h2 .heading-tooltip:after,.mktg-docs-article section>h3 .heading-tooltip:after,.mktg-docs-article section>h4 .heading-tooltip:after {
    position: absolute;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #333;
    transform: rotate(-45deg);
    bottom: -4px;
    right: 10px
}

.mktg-docs-article section>h2 .feedback-button,.mktg-docs-article section>h3 .feedback-button,.mktg-docs-article section>h4 .feedback-button {
    width: 20px;
    height: 15px;
    border: none;
    background: url(https://getstream.imgix.net/images/docs/feedback-icon.svg) top left no-repeat;
    position: absolute;
    right: 0;
    top: 20px
}

.mktg-docs-article>section>ul li,.mktg-docs-table tr.expandable,.mktg-docs-table tr.expandable .afterdiv {
    position: relative
}

@media screen and (max-width: 830px) {
    .mktg-docs-article section>h2 .feedback-button,.mktg-docs-article section>h3 .feedback-button,.mktg-docs-article section>h4 .feedback-button {
        display:none
    }
}

.mktg-docs-article h1 {
    font-size: 33.75px;
    margin-top: 0
}

.mktg-docs-article h2 {
    font-size: 28px
}

.mktg-docs-article h3 {
    font-size: 22px
}

.mktg-docs-article>header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px
}

.mktg-docs-article>header h1 {
    margin-bottom: 10px;
    line-height: 30px
}

.mktg-docs-article>header>.feedback-button {
    width: 20px;
    height: 15px;
    border: none;
    background: url(https://getstream.imgix.net/images/docs/feedback-icon.svg) top left no-repeat
}

@media screen and (max-width: 830px) {
    .mktg-docs-article>header>.feedback-button {
        display:none
    }
}

.mktg-docs-article>section>ul {
    list-style: none;
    padding: 0 0 0 1em
}

.mktg-docs-article>section>ul li:before {
    content: "\2022";
    top: 0;
    position: absolute;
    color: rgba(0,0,0,.3);
    font-weight: 700;
    font-size: 12px;
    width: 1em;
    margin-left: -1em
}

.mktg-docs-article>section>ul li p {
    display: inline-block;
    margin-bottom: 0
}

.mktg-docs-article>section>p:first-of-type {
    font-size: 18px;
    line-height: 36px
}

.mktg-docs-article>section ol,.mktg-docs-article>section ul,.mktg-docs-article>section>p {
    font-family: ibm_plex_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 30px
}

.mktg-docs-article ol li:before,.mktg-docs-article>section ol strong,.mktg-docs-article>section ul strong,.mktg-docs-article>section>p strong {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.mktg-docs-article>section ol strong,.mktg-docs-article>section ul strong,.mktg-docs-article>section>p strong {
    font-weight: 700
}

.mktg-docs-article ol {
    list-style: none;
    counter-reset: ordered-list-counter
}

.mktg-docs-article ol li {
    counter-increment: ordered-list-counter;
    margin: 0
}

.mktg-docs-article ol li:before {
    content: counter(ordered-list-counter) ". ";
    font-size: 12px;
    color: rgba(0,0,0,.3);
    letter-spacing: 0;
    line-height: 33px
}

.mktg-docs-article ol li p {
    margin-bottom: 0
}

.mktg-docs-article>div>p {
    margin-top: 30px;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    color: #2A3754
}

.mktg-docs-article a {
    color: #2F7DEB
}

.mktg-docs-article code,.mktg-docs-article pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

span.mktg-docs-article-divider {
    display: inline-block;
    margin: 49px auto;
    height: 2px;
    width: 100%;
    border-top: 2px solid rgba(0,0,0,.06)
}

.mktg-docs-copy-snippet-btn {
    position: absolute;
    top: .5em;
    left: 93.5%;
    border: none;
    width: auto;
    height: auto;
    color: #fff;
    outline: 0
}

.mktg-copy-symbol:after {
    height: 1.5em;
    width: auto;
    content: url(https://getstream.imgix.net/images/copy_symbol.svg)
}

.mktg-docs-table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    max-width: 90%;
    display: inline-block;
    overflow-x: scroll;
    min-width: 100%
}

.mktg-docs-table>thead {
    background: rgba(0,0,0,.02)
}

.mktg-docs-table>thead>tr {
    overflow-x: scroll
}

.mktg-docs-table>thead>tr>th {
    font-weight: 700;
    text-align: left;
    min-width: 50px;
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #000;
    letter-spacing: 1.4px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 0
}

.mktg-docs-table>tbody>tr>td,.mktg-docs-variable-list>li,.mktg-docs-variable-list>li>code {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-docs-table>thead>tr>th:first-of-type {
    padding-left: 30px
}

.mktg-docs-table>tbody>tr {
    margin: 0 30px;
    overflow-x: scroll;
    background-color: transparent;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.05)
}

.mktg-docs-table>tbody>tr>td {
    font-weight: 400;
    color: #294762;
    text-align: left;
    padding: 24px 30px 24px 0;
    min-width: 96px
}

.mktg-docs-table>tbody>tr>td:first-child {
    font-weight: 500;
    padding: 24px 30px 24px 24px;
    color: #294762
}

.mktg-docs-table>tbody>tr>td[data-title=Desc] {
    width: 100%
}

.mktg-docs-table tr.expandable {
    cursor: pointer
}

.mktg-docs-table tr.expandable:hover {
    background: #e1e1e1
}

.mktg-docs-table tr.expandable+tr.sub {
    display: none
}

.mktg-docs-table tr.expandable.open+tr.sub {
    display: table-row
}

.chat-quicklinks .mobile-header .mktg-docs-table span:after,.chat-quicklinks li>a .mktg-docs-table .plus:after,.mktg-docs-table .chat-quicklinks .mobile-header span:after,.mktg-docs-table .chat-quicklinks li>a .plus:after,.mktg-docs-table body.page__chatbeta #toggle-key-features+label[for=toggle-key-features]:after,.mktg-docs-table tr.expandable .afterdiv:after,body.page__chatbeta .mktg-docs-table #toggle-key-features+label[for=toggle-key-features]:after {
    content: "\00a0 +";
    width: 10px;
    color: #2F7DEB
}

.chat-quicklinks li.open a .mktg-docs-table .plus:after,.mktg-docs-table .chat-quicklinks li.open a .plus:after,.mktg-docs-table body.page__chatbeta #toggle-key-features:checked+label[for=toggle-key-features]:after,.mktg-docs-table tr.expandable.open .afterdiv:after,body.page__chatbeta .mktg-docs-table #toggle-key-features:checked+label[for=toggle-key-features]:after {
    content: "\00a0 -";
    width: 10px;
    color: #2F7DEB
}

.mktg-docs-table tr.expandable .afterdiv:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(calc(-50% + 10px));
    margin: auto 0
}

.mktg-docs-table tr.sub>td {
    padding: 0 0 0 10px
}

.mktg-docs-table tr.sub tbody {
    display: table;
    width: 100%
}

.mktg-docs-table tr.sub tbody>tr:first-of-type>td:first-child {
    border-top-left-radius: 0;
    border-top-style: none
}

.mktg-docs-table tr.sub tbody>tr>td:last-child {
    border-right-style: none
}

.mktg-docs-table tr.sub tbody>tr:first-of-type>td:last-child {
    border-top-right-radius: 0;
    border-top-style: none;
    border-bottom-style: none
}

.mktg-docs-note .endpoint .endpoint-header,.mktg-docs-note-blue .endpoint .endpoint-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.mktg-docs-note .endpoint .endpoint-header .endpoint-method,.mktg-docs-note-blue .endpoint .endpoint-header .endpoint-method {
    padding: 4px 8px 3px;
    background: #478AF8;
    color: #fff;
    text-transform: uppercase;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
    font-weight: 700;
    font-size: 12px;
    border-radius: 20px;
    margin-right: 10px
}

#docs .tutorialsample li,.mktg-docs-note .endpoint .endpoint-header .endpoint-title,.mktg-docs-note-blue .endpoint .endpoint-header .endpoint-title {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.mktg-docs-note .endpoint .endpoint-header .endpoint-title,.mktg-docs-note-blue .endpoint .endpoint-header .endpoint-title {
    font-size: 22px;
    position: relative;
    top: -2px;
    color: #000
}

.mktg-docs-note .endpoint .endpoint-content .endpoint-description,.mktg-docs-note-blue .endpoint .endpoint-content .endpoint-description,h5.response-code {
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif
}

.mktg-docs-note .endpoint .endpoint-content .endpoint-description,.mktg-docs-note-blue .endpoint .endpoint-content .endpoint-description {
    color: #000;
    font-size: 16px;
    font-weight: 28px;
    margin-bottom: 30px
}

.mktg-docs-note .endpoint .endpoint-content .endpoint-path,.mktg-docs-note-blue .endpoint .endpoint-content .endpoint-path {
    padding-left: 30px;
    color: rgba(0,0,0,.7);
    background: url(https://getstream.imgix.net/images/docs/endpoint-path.svg) top 6px left no-repeat
}

h5.response-code {
    position: relative;
    padding-left: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    cursor: pointer
}

h5.response-code:before {
    position: absolute;
    content: '';
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #ccc
}

h5.response-code.code-2:before {
    background: #5CC382
}

h5.response-code.code-3:before {
    background: #F9CE58
}

h5.response-code.code-4:before {
    background: #EF5B4A
}

h5.response-code.code-5:before {
    background: #D00234
}

h5.response-code+table {
    display: none
}

h5.response-code.open+table {
    display: table
}

h5.response-code.open small {
    display: none
}

h5.response-code small {
    margin-left: 12px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0,0,0,.7)
}

.mktg-docs {
    max-width: 1170px;
    position: relative;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 829px) {
    .mktg-docs>div {
        width:70.22%;
        float: right
    }
}

@media (min-width: 1019px) {
    .mktg-docs>div {
        width:74.66%;
        float: right
    }
}

.mktg-docs-variable-list {
    list-style: none;
    padding: 0
}

.mktg-docs-variable-list>li {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #2A3754;
    background-color: rgba(42,55,84,.03);
    margin-bottom: 10px;
    padding: 0
}

.mktg-docs-variable-list>li>code {
    margin: 0 20px 0 0;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    background-color: #4D5FFE;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 20px
}

.mktg-docs-note,.mktg-docs-note-blue {
    display: block;
    padding: 30px;
    margin: 5px;
    border: 1px solid rgba(42,55,84,.1)
}

.mktg-docs-note-blue {
    background-color: rgba(76,142,250,.2)
}

.mktg-note-right {
    display: inline;
    max-width: 50%;
    margin: 0 0 30px 30px
}

#docs {
    padding-top: 70px
}

#docs .tutorialsample {
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    display: block;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px
}

#docs .tutorialsample h4 {
    font-size: 16px;
    text-align: center;
    margin: 10px 0 0
}

#docs .tutorialsample ul {
    margin-left: 0;
    padding-left: 0
}

#docs .tutorialsample li {
    list-style: none;
    padding: 12px 0 12px 15px;
    margin-left: 0;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,0,0,.06)
}

#docs .tutorialsample a {
    padding-left: 10px;
    font-size: 14px
}

body.documentation#docs {
    padding-top: 132px
}

#contact-us,.page__partners,.page__pricing--2019,body.documentation#docs.scrolled {
    padding-top: 0
}

body.documentation#docs.scrolled .str-subnav,body.documentation#docs.scrolled .str-topbar {
    display: none
}

body.documentation#docs.scrolled .str-docs__sidebar {
    max-height: calc(100vh - 62px)
}

body.documentation#docs.scrolled .str-docs__header {
    box-shadow: 0 3px 7px 0 rgba(0,0,0,.05),0 1px 0 0 rgba(0,0,0,.05);
    margin-top: 0;
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    top: 0
}

body.documentation#docs.scrolled .str-docs {
    margin-top: 0
}

body.documentation#docs.scrolled .str-docs__header-img,body.documentation#docs.scrolled .str-docs__header__permalink,body.documentation#docs.scrolled .str-docs__header__search,body.documentation#docs.scrolled .str-docs__header__title {
    display: block
}

body.documentation#docs.scrolled .str-docs__header__feedback {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 830px) {
    body.documentation#docs.scrolled .str-docs__header__permalink {
        display:none
    }
}

body.documentation#docs.scrolled .breadcrumbs {
    display: none
}

body.documentation#docs .str-docs__sidebar {
    max-height: calc(100vh - 70px - 62px - 62px)
}

.str-docs,.str-docs__sidebar__footer {
    background-image: linear-gradient(to right,rgba(0,0,0,.04) 0,rgba(0,0,0,0) 100%);
    background-size: 100% 1px;
    background-repeat: no-repeat
}

.str-docs {
    position: relative;
    margin-bottom: 150px
}

@media screen and (min-width: 830px) {
    .str-docs {
        display:-ms-flexbox;
        display: flex
    }
}

.str-docs__last-edit {
    opacity: .5;
    font-family: ibm_plex_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 11px;
    color: #000;
    letter-spacing: 0;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -ms-flex-align: center;
    align-items: center
}

.str-docs__language-selector__label,.str-docs__last-edit__label,.str-docs__on-this-page,.str-docs__on-this-page__list__item a {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs__last-edit__label {
    background: rgba(0,0,0,.05);
    border-radius: 3px;
    padding: 3px 2px 2px;
    display: block
}

.str-docs__on-this-page {
    background: rgba(0,0,0,.04);
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 13px;
    color: #000;
    letter-spacing: 0;
    padding: 0 8px;
    line-height: 25px;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 3px;
    margin-top: 25px
}

.str-docs__on-this-page__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 10px;
    padding: 0
}

.str-docs__on-this-page__label {
    opacity: .5;
    margin-top: 2px
}

.str-docs__on-this-page__list__item {
    padding: 0;
    margin: 0;
    color: rgba(0,0,0,.5)
}

.str-docs__on-this-page__list__item:not(:last-of-type) {
    margin-right: 8px
}

.str-docs__on-this-page__list__item:not(:last-of-type):after {
    content: ' ·'
}

.str-docs__on-this-page__list__item a {
    font-size: 13px;
    color: #2f7deb;
    letter-spacing: 0;
    opacity: 1
}

.str-docs__language-selector__label {
    color: rgba(0,0,0,.5);
    font-size: 13px;
    letter-spacing: 0;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.str-docs__language-selector__tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #4EFDDE;
    background-image: linear-gradient(180deg,#86FFF1 0,#28E4A2 100%);
    max-width: 160px;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 -3px 8px 0 rgba(0,0,0,.1);
    animation: bounce .5s 6 alternate;
    font-weight: "ibm_plex_reg",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 12px
}

.str-docs__language-selector__tooltip strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #000;
    font-size: 14px
}

.str-docs__language-selector__tooltip:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 10px;
    height: 10px;
    background: #28E4A2;
    transform: rotate(45deg)
}

.str-docs__header {
    position: relative;
    z-index: 10;
    height: 62px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.str-docs__header__left,.str-docs__header__right {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -ms-flex-align: center;
    align-items: center
}

.str-docs__header__right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 830px) {
    .str-docs__header__right {
        position:static
    }
}

.str-docs__header__right .row.search_row {
    margin-left: 0!important;
    margin-right: 0!important
}

.str-docs__header__right #search_results_container {
    position: absolute;
    left: 0;
    right: 0;
    top: 42px;
    max-height: 75vh;
    height: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    background: rgba(252,252,252,.98);
    border: 0 solid rgba(0,0,0,.15);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.str-docs__header__right #search_results .search_row {
    border-bottom: 1px solid rgba(0,0,0,.06)
}

.str-docs__header__right #search_results .search_row .group-title {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding-top: 10px;
    font-size: 14.5px;
    color: rgba(0,0,0,.5);
    display: inline-block;
    vertical-align: middle
}

.str-docs__header .select-css,.str-docs__header__title {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15.5px;
    opacity: .8
}

.str-docs__header__right #search_results .search_row .search-contents {
    border-left: 1px solid rgba(0,0,0,.06);
    padding-top: 10px
}

.str-docs__header__right #search_results .search_row .search-contents a {
    transition: .28s;
    color: #000
}

.str-docs__header__right #search_results .search_row .search-contents a:hover {
    color: #2f7deb;
    text-decoration: none;
    transition: .28s
}

.str-docs__header__right #search_results .search_row .search-contents b {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs__header__right #search_results .search_row .search-contents em {
    background-color: #CFFEFF
}

.str-docs__header__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 830px) {
    .str-docs__header {
        background:#fff;
        box-shadow: 0 3px 7px 0 rgba(0,0,0,.05),0 1px 0 0 rgba(0,0,0,.05)
    }

    .str-docs__header .container,.str-docs__header .message-fixed {
        margin: 0 auto;
        width: 100%
    }
}

.str-docs__header .select-css {
    display: block;
    width: 100%;
    color: #000;
    line-height: 22px;
    border: none;
    padding-left: 24px;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(https://getstream.imgix.net/images/docs/docs-sub-menu.svg);
    background-repeat: no-repeat;
    background-position: left 0 top 50%
}

.str-docs__header .select-css::-ms-expand {
    display: none
}

.str-docs__header .select-css:hover {
    border-color: #888
}

.str-docs__header .select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59,153,252,.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: 0
}

.str-docs__footer,.str-docs__section-nav {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.05),0 1px 20px 0 rgba(0,0,0,.02)
}

.str-docs__header .select-css option {
    font-weight: 400
}

.str-docs__header .select-div {
    display: none;
    width: auto
}

.str-docs__footer {
    width: 100%;
    min-height: 350px;
    background: #FFF;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px
}

.str-docs__footer .str-docs__footer-form,.str-docs__footer .str-docs__footer-related-links {
    padding: 0 30px 30px
}

.str-docs__footer .str-docs__footer-form p.h4,.str-docs__footer .str-docs__footer-related-links p.h4 {
    color: #000;
    margin-top: 30px
}

.str-docs__footer .str-docs__footer-form {
    -ms-flex: 1;
    flex: 1
}

.str-docs__footer .str-docs__footer-related-links ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.str-docs__footer .str-docs__footer-related-links ul li {
    padding: 0 0 0 24px;
    background: url(https://getstream.imgix.net/images/docs/related-link.svg) center left no-repeat;
    min-height: 12px
}

.str-docs__header__title {
    display: none;
    color: #000;
    letter-spacing: .33px;
    line-height: 14px
}

.algolia-autocomplete .algolia-docsearch-suggestion--title,.str-docs__header__feedback-dropdown__title,.str-docs__header__feedback.button.login {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs__header__feedback {
    display: none
}

.str-docs__header__feedback.button {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    margin-left: 16px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: 0 0
}

.str-docs__header__feedback.button.login {
    height: 32px;
    border: 2px solid #2893EB;
    box-shadow: 0 2px 7px 1px rgba(47,125,235,.16);
    color: #006CFF
}

.str-docs__header__feedback-dropdown {
    opacity: 0;
    display: none;
    max-width: 450px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 10;
    padding: 0 30px 30px;
    top: -50px;
    right: 0;
    transition: all .5s;
    transform: translateY(100px);
    will-change: opacity;
    background: #fcfcfc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

.str-docs__header__feedback-dropdown .arrow {
    position: absolute;
    right: 35px;
    width: 40px;
    height: 17px;
    display: block;
    background: url(https://getstream.imgix.net/images/header2019/boxarrow.svg);
    z-index: 20;
    transform: translateY(-15.6px)
}

.trigger-enter.str-docs__header__feedback-dropdown {
    display: block
}

.trigger-enter-active.str-docs__header__feedback-dropdown {
    opacity: 1
}

.str-docs__header__feedback-dropdown__title {
    margin-top: 30px;
    font-size: 18.5px;
    color: #000
}

.str-docs__header__feedback-dropdown__form input,.str-docs__header__feedback-dropdown__form textarea,.str-docs__header__feedback-p {
    font-size: 15px;
    color: #000;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs__header__feedback-dropdown__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.str-docs__header__feedback-dropdown__form input,.str-docs__header__feedback-dropdown__form textarea {
    width: 100%;
    padding: 5px 10px;
    margin-top: 15px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px
}

.str-docs__header__feedback-dropdown__form input::-moz-placeholder,.str-docs__header__feedback-dropdown__form textarea::-moz-placeholder {
    opacity: .5;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    color: #000;
    letter-spacing: 0
}

.str-docs__header__feedback-dropdown__form input:-ms-input-placeholder,.str-docs__header__feedback-dropdown__form textarea:-ms-input-placeholder {
    opacity: .5;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    color: #000;
    letter-spacing: 0
}

.str-docs__header__feedback-dropdown__form input::placeholder,.str-docs__header__feedback-dropdown__form textarea::placeholder {
    opacity: .5;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    color: #000;
    letter-spacing: 0
}

.str-docs__header__feedback-dropdown__form textarea {
    resize: none;
    padding-bottom: 40px
}

.str-docs__header__feedback-dropdown__form button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background: #008AFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32);
    border-radius: 4px;
    border: none;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    padding: 5px 8px
}

.str-docs__header__feedback-dropdown__form .message {
    padding: 0
}

.str-docs__header__feedback-dropdown__form .message:before {
    border-radius: 3px;
    padding: 3px 10px;
    display: block
}

input.str-docs__search,input.str-docs__search:active,input.str-docs__search:focus {
    transition: .3s;
    padding: 8px 30px 8px 10px;
    width: 100%;
    letter-spacing: 0;
    font-size: 15px
}

.str-docs__header__feedback-dropdown__form .message.sending:before {
    content: 'Sending...';
    background: #F6FAFF
}

.str-docs__header__feedback-dropdown__form .message.success:before {
    content: 'Success!';
    background: rgba(184,233,134,.65)
}

input.str-docs__search {
    background: url(https://getstream.imgix.net/images/docs/search.svg) no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 18px;
    border: none;
    border-bottom: 3px solid transparent;
    font-family: ibm_plex_mono_italic,"Overpass Mono",monospace;
    color: transparent
}

input.str-docs__search::-moz-placeholder {
    color: transparent
}

input.str-docs__search:-ms-input-placeholder {
    color: transparent
}

input.str-docs__search::placeholder {
    color: transparent
}

input.str-docs__search:active,input.str-docs__search:focus {
    background: url(https://getstream.imgix.net/images/docs/search-focus.svg) no-repeat;
    background-position-x: 97%;
    background-position-y: center;
    background-size: 18px;
    display: block;
    color: #000;
    border-bottom: 3px solid #2f7deb;
    outline: 0
}

input.str-docs__search:active::-moz-placeholder,input.str-docs__search:focus::-moz-placeholder {
    color: rgba(0,0,0,.5)
}

input.str-docs__search:active:-ms-input-placeholder,input.str-docs__search:focus:-ms-input-placeholder {
    color: rgba(0,0,0,.5)
}

input.str-docs__search:active::placeholder,input.str-docs__search:focus::placeholder {
    color: rgba(0,0,0,.5)
}

@media screen and (max-width: 830px) {
    input.str-docs__search {
        position:absolute!important;
        right: 40px;
        top: 12px;
        width: 30px
    }

    input.str-docs__search:focus {
        left: 15px;
        right: 15px;
        top: 12px;
        width: calc(100% - 30px);
        background: #fff
    }

    .str-docs__header .col-md-12 {
        position: unset
    }

    .algolia-autocomplete {
        position: unset!important
    }

    .algolia-autocomplete .ds-dropdown-menu {
        min-width: unset!important
    }
}

.algolia-autocomplete input:not(:focus)~.ds-dropdown-menu {
    display: none!important
}

.algolia-autocomplete .algolia-docsearch-suggestion--title {
    font-size: 13px;
    color: #000;
    line-height: 18px
}

.algolia-autocomplete .algolia-docsearch-suggestion--category-header,.str-docs__sidebar__footer .str-docs__language-selector__label,.str-docs__sidebar__footer ul.language-dd,.str-docs__sidebar__header {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.algolia-autocomplete .ds-dropdown-menu {
    margin: 0!important;
    position: absolute;
    border-radius: 0 0 4px 4px!important;
    width: 100%!important
}

.algolia-autocomplete {
    width: 100%;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.algolia-autocomplete .algolia-docsearch-suggestion--no-results {
    position: relative
}

.algolia-autocomplete .algolia-docsearch-suggestion--no-results:before {
    position: static!important;
    content: ""!important;
    display: block!important;
    width: 100px!important;
    height: 56px!important;
    left: unset!important;
    top: unset!important;
    margin: 0 auto;
    background-color: transparent!important;
    background-image: url(https://getstream.imgix.net/images/docs/hole.png)!important;
    background-position: top center!important;
    background-repeat: no-repeat!important;
    background-size: 97px 39px!important
}

.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
    opacity: .8;
    font-size: 15.5px;
    color: #000;
    letter-spacing: .33px;
    line-height: 14px
}

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column,.str-docs__section-nav .str-docs__section-nav__nav-link {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
    font-size: 13px;
    color: #000;
    line-height: 18px;
    display: none!important
}

.algolia-autocomplete .algolia-docsearch-suggestion--content {
    width: 100%!important;
    border-color: transparent!important;
    box-shadow: none!important
}

.algolia-autocomplete .algolia-docsearch-suggestion--text {
    font-family: ibm_plex_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
    background: #CFFEFF!important;
    color: unset!important;
    box-shadow: unset!important;
    border: 0!important
}

.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
    border-radius: 0 0 4px 4px!important
}

.algolia-autocomplete .ds-dropdown-menu:before {
    content: unset!important
}

.str-docs__header-img {
    display: none;
    margin-right: 16px;
    background: 0 0;
    border: none
}

.str-docs__header__permalink {
    display: none;
    position: relative;
    top: 1px;
    margin-left: 10px;
    border: none;
    min-width: 30px;
    min-height: 15px;
    background: url(https://getstream.imgix.net/images/docs/permalink.svg) center center no-repeat
}

.str-docs__sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 62px;
    height: auto;
    max-height: calc(100vh - 62px);
    border-right: 1px solid rgba(0,0,0,.04);
    -ms-flex: 1 0 262px;
    flex: 1 0 262px;
    padding: 30px 20px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.str-docs__sidebar>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 830px) {
    .str-docs__content {
        padding:20px 0 0 30px
    }
}

.str-docs__sidebar__footer,.str-docs__sidebar__header {
    -ms-flex: 0 0 54px;
    flex: 0 0 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.str-docs__sidebar__header {
    opacity: .8;
    color: #000;
    font-size: 15.5px;
    font-weight: 600;
    letter-spacing: .33px;
    line-height: 14px
}

.str-docs__sidebar__header img {
    margin-right: 8px
}

.str-docs__sidebar__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 5px
}

.str-docs__sidebar__footer .str-docs__language-selector__label {
    color: rgba(0,0,0,.5);
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 0;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.str-docs__sidebar__footer ul.language-dd {
    margin-bottom: 0;
    z-index: 11
}

.str-docs__sidebar__footer ul.sidebar-language-dd>li {
    width: 100%
}

.str-docs__sidebar__footer ul.language-dd>ul>li {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

.str-docs__sidebar__list__item,.str-docs__sidebar__sublist__item__wrapper a {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs__sidebar__footer ul.language-dd>ul>li>img {
    width: 30px
}

.str-docs__sidebar__footer ul.language-dd>li {
    background: url(https://getstream.imgix.net/images/docs/select-dark.svg) top 16px right 10px no-repeat #fff;
    background-size: 6px 10px;
    border: 0;
    padding-left: 0
}

.str-docs__sidebar__footer ul.language-dd>li:after {
    content: ''
}

.str-docs__sidebar__footer ul.language-dd.open>ul {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 100%
}

.str-docs__sidebar__content {
    overflow-y: auto;
    -ms-flex: 1;
    flex: 1
}

.str-docs__sidebar__content>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.str-docs__sidebar__list__item {
    color: #000;
    font-size: 16px;
    line-height: 10px;
    color: rgba(0,0,0,.6);
    padding: 8px 8px 8px 25px;
    margin-top: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.str-docs__sidebar__list__item:before {
    content: '';
    position: absolute;
    display: block;
    left: 8px;
    width: 3px;
    height: 6px;
    background: url(https://getstream.imgix.net/images/docs/triangle.svg) center left no-repeat;
    transform-origin: center
}

.str-docs__sidebar__list__item--active,.str-docs__sidebar__list__item:hover {
    border-radius: 4px;
    background-color: rgba(0,0,0,.04);
    color: #000
}

.str-docs__sidebar__list__item--active:before,.str-docs__sidebar__list__item:hover:before {
    transform: rotate(90deg)
}

.str-docs__sidebar__list__item--active~.str-docs__sidebar__sublist {
    display: block
}

.str-docs__sidebar__sublist {
    margin-left: 8px;
    padding: 0 0 10px;
    list-style: none;
    margin-bottom: 10px;
    display: none
}

.str-docs__sidebar__sublist__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid rgba(0,0,0,.04)
}

.str-docs__sidebar__sublist__item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10px;
    height: 1px;
    background: rgba(0,0,0,.04)
}

.str-docs__sidebar__sublist__item__wrapper {
    width: 100%
}

.str-docs__sidebar__sublist__item__wrapper a {
    position: relative;
    z-index: 10;
    display: block;
    padding: 4px 8px;
    margin: 0 0 0 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    transform: translateY(10px);
    color: rgba(0,0,0,.6)
}

.str-docs__sidebar__sublist__item__wrapper a--active,.str-docs__sidebar__sublist__item__wrapper a:hover {
    border-radius: 4px;
    background-color: rgba(0,0,0,.04);
    color: #000;
    text-decoration: none
}

.str-docs__sidebar__sublist__item__wrapper--active a {
    background: rgba(0,0,0,.04);
    color: #000;
    border-radius: 4px
}

.str-docs__section-nav {
    background: #FFF;
    border-radius: 0 0 4px 4px;
    min-height: 124px;
    margin-top: 50px;
    padding: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.str-docs__section-nav p.h4 {
    color: #000;
    margin-top: 0
}

.str-docs__section-nav .str-docs__section-nav__left {
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    text-align: left
}

.str-docs__section-nav .str-docs__section-nav__right {
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    text-align: right
}

.str-docs__section-nav .str-docs__section-nav__center {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center
}

.str-docs__section-nav .str-docs__section-nav__votes {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center
}

.str-docs__section-nav .str-docs__section-nav__vote {
    min-height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    outline: 0;
    background: #FFF;
    border: 1px solid rgba(0,0,0,.03);
    border-radius: 16px
}

.str-docs__section-nav .str-docs__section-nav__vote:hover {
    border-color: #2f7deb
}

.str-docs__section-nav .str-docs__section-nav__vote:active,.str-docs__section-nav .str-docs__section-nav__vote:focus {
    color: #000;
    background: rgba(0,0,0,.06);
    border-color: rgba(0,0,0,.03)
}

.str-docs__section-nav .str-docs__section-nav__nav-link {
    border: 1px solid rgba(0,0,0,.03);
    border-radius: 25px;
    min-height: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: rgba(0,0,0,.3);
    letter-spacing: 0;
    line-height: 13px;
    text-transform: uppercase;
    padding: 0 30px
}

.str-docs__section-nav .str-docs__section-nav__center h4 {
    margin-top: 0
}

.str-docs__section-nav .str-docs__section-nav__left .str-docs__section-nav__nav-link {
    padding-left: 40px;
    background-image: url(https://getstream.imgix.net/images/docs/arrow-thin-left.svg);
    background-position: top 5px left;
    background-repeat: no-repeat
}

.str-docs__section-nav .str-docs__section-nav__left .str-docs__section-nav__nav-link:hover {
    cursor: not-allowed
}

.str-docs__section-nav .str-docs__section-nav__left .str-docs__section-nav__nav-link:hover:not(.disabled) {
    border-color: #2f7deb;
    background-image: url(https://getstream.imgix.net/images/docs/arrow-thin-left-active.svg);
    text-decoration: none;
    color: #2f7deb;
    cursor: pointer
}

.str-docs__section-nav .str-docs__section-nav__right .str-docs__section-nav__nav-link {
    padding-right: 40px;
    background-image: url(https://getstream.imgix.net/images/docs/arrow-thin-right.svg);
    background-position: top 5px right;
    background-repeat: no-repeat
}

.str-docs__section-nav .str-docs__section-nav__right .str-docs__section-nav__nav-link:hover {
    cursor: not-allowed
}

.str-docs__section-nav .str-docs__section-nav__right .str-docs__section-nav__nav-link:hover:not(.disabled) {
    border-color: #2f7deb;
    background-image: url(https://getstream.imgix.net/images/docs/arrow-thin-right-active.svg);
    text-decoration: none;
    color: #2f7deb;
    cursor: pointer
}

.str-docs__section-nav .str-docs__section-nav__form {
    display: none
}

.str-docs__section-nav .str-docs__section-nav__form.active,.str-docs__section-nav .str-docs__section-nav__form.is-active {
    display: block
}

.str-docs__top-level-link {
    opacity: .6;
    display: block;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 10px;
    padding: 8px 8px 8px 25px;
    margin-top: 4px
}

.str-docs__top-level-link--active,.str-docs__top-level-link:hover {
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    opacity: 1;
    background-color: rgba(0,0,0,.04)
}

.str-docs .tab-content {
    background: #181818;
    border-radius: 4px
}

.str-docs .codetabs.nav.nav-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    position: absolute;
    right: 15px;
    z-index: 1;
    min-width: 150px;
    list-style: none;
    background: url(https://getstream.imgix.net/images/docs/select.png) top 16px right 10px no-repeat #2C373F;
    background-size: 6px 10px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.19),0 1px 20px 0 rgba(0,0,0,.07);
    border-radius: 0 4px;
    overflow: hidden;
    max-height: 40px
}

.str-docs .codetabs.nav.nav-tabs:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.str-docs .codetabs.nav.nav-tabs>li:before {
    content: '';
    width: 0;
    margin: 0
}

.str-docs .codetabs.nav.nav-tabs>li:not(.active):not(.is-active) {
    display: block
}

.str-docs .codetabs.nav.nav-tabs.active:before,.str-docs .codetabs.nav.nav-tabs.is-active:before,.str-docs .docs-title-hashlink {
    display: none
}

.str-docs .codetabs.nav.nav-tabs.active,.str-docs .codetabs.nav.nav-tabs.is-active {
    overflow: unset;
    max-height: unset;
    z-index: 1000
}

.str-docs .codetabs.nav.nav-tabs.active>li:not(.active):not(.is-active),.str-docs .codetabs.nav.nav-tabs.is-active>li:not(.active):not(.is-active) {
    display: block
}

.str-docs .codetabs.nav.nav-tabs>li:focus,.str-docs .codetabs.nav.nav-tabs>li:hover {
    border-bottom: 0 solid transparent
}

.str-docs .codetabs.nav.nav-tabs>li>a {
    background: 0 0;
    text-decoration: none;
    text-transform: capitalize
}

.str-docs .mktg-docs-table thead p,.str-docs .mktg-docs-table>thead>tr>th> {
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs .codetabs.nav.nav-tabs>li>a:focus,.str-docs .codetabs.nav.nav-tabs>li>a:hover {
    background: 0 0;
    color: #fff
}

.str-docs .codetabs.nav.nav-tabs>li.active,.str-docs .codetabs.nav.nav-tabs>li.is-active {
    -ms-flex-order: -1;
    order: -1;
    background: 0 0;
    border-bottom: 0 solid transparent
}

.str-docs .codetabs.nav.nav-tabs>li.active>a,.str-docs .codetabs.nav.nav-tabs>li.is-active>a {
    background: 0 0!important
}

.str-docs .mktg-docs-table {
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    display: table
}

@media screen and (min-width: 830px) {
    .str-docs .mktg-docs-table {
        table-layout:fixed
    }

    .str-docs .mktg-docs-table tbody tr,.str-docs .mktg-docs-table thead tr {
        margin: 0;
        padding-left: 30px;
        padding-right: 30px;
        overflow: hidden
    }

    .str-docs .mktg-docs-table tbody tr td,.str-docs .mktg-docs-table tbody tr th,.str-docs .mktg-docs-table thead tr td,.str-docs .mktg-docs-table thead tr th {
        padding-left: 10px;
        padding-right: 10px
    }
}

.str-docs .mktg-docs-table>thead>tr>th> {
    color: #000;
    margin-bottom: 0
}

.str-docs .mktg-docs-table thead p {
    color: rgba(0,0,0,.5);
    margin-bottom: 2px
}

.str-docs .mktg-docs-table>tbody>tr>td {
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 28px
}

.str-docs .mktg-docs-table>tbody>tr>td.name {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs .mktg-docs-table>tbody>tr>td.type {
    font-family: ibm_plex_mono,"Overpass Mono",monospace;
    font-size: 13px
}

.str-docs .mktg-docs-table>tbody>tr>td.default,.str-docs .mktg-docs-table>tbody>tr>td.description {
    font-family: ibm_plex_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs .docs-title-edit {
    position: absolute;
    left: 100%;
    top: 139px;
    z-index: 1000
}

.str-docs .mktg-docs-article .str-docs__header__feedback-dropdown {
    top: -40px;
    right: -30px
}

.str-docs .mktg-docs-article h2 .str-docs__header__feedback-dropdown,.str-docs .mktg-docs-article h3 .str-docs__header__feedback-dropdown,.str-docs .mktg-docs-article h4 .str-docs__header__feedback-dropdown {
    top: -54px;
    right: -44px
}

.str-docs .mktg-docs-article p code {
    font-family: ibm_plex_mono,"Overpass Mono",monospace;
    font-size: 12px;
    color: rgba(0,0,0,.7);
    letter-spacing: 0;
    line-height: 18px;
    background: #FFFAF0;
    border-radius: 3px
}

.str-docs .mktg-docs-article pre[class*=language-] {
    padding: 3em 1em 1em 3.8em
}

.str-docs .mktg-docs-article div.code-toolbar>.toolbar {
    left: 20px;
    top: 10px
}

.str-docs .mktg-docs-article div.code-toolbar>.toolbar a,.str-docs .mktg-docs-article div.code-toolbar>.toolbar button,.str-docs .mktg-docs-article div.code-toolbar>.toolbar span {
    border-radius: 0;
    padding-left: 20px;
    color: #fff;
    background: url(https://getstream.imgix.net/images/docs/copy-paste.svg) top left no-repeat;
    min-width: 13px;
    height: 13px
}

.str-docs .mktg-docs-note-blue {
    background: url(https://getstream.imgix.net/images/docs/info.svg) top 12px left 12px no-repeat #F6FAFF;
    border-radius: 3px;
    border: none;
    padding: 12px 40px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 22px
}

#hidden_select,.page__flutter-chat-tutorial pre[class*=language-][data-file]::before,.str-docs .mktg-docs-note-blue b,.str-docs .mktg-docs-note-blue strong {
    font-family: ibm_plex_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str-docs .code-ace,.str-docs .code-hljs {
    text-transform: unset
}

.str-docs .hljs,.str-docs .hljs-subst,.str-docs .hljs-tag {
    color: unset
}

.str-docs .hljs {
    display: unset;
    overflow-x: unset;
    padding: unset;
    background: unset
}

.str-docs .algolia-autocomplete .algolia-docsearch-footer--logo {
    width: 134px;
    height: 20px
}

.str-docs .algolia-autocomplete .algolia-docsearch-footer {
    width: 100%
}

#hidden_select {
    display: none;
    opacity: .8;
    font-size: 15.5px;
    color: #000;
    line-height: 22px;
    border: none;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.l-pricing-two .pricing-cards,.l-pricing-two .pricing-cards .price-card .label {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.l-pricing-two .pricing-cards {
    display: block;
    z-index: 6;
    position: relative
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .container,.l-pricing-two .pricing-cards .message-fixed {
        width:100%!important
    }
}

@media (max-width: 1199px) and (max-width:320px) {
    .l-pricing-two .pricing-cards .container,.l-pricing-two .pricing-cards .message-fixed {
        padding-left:5px;
        margin-top: 30px
    }
}

.l-pricing-two .pricing-cards .flexcol {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .flexcol {
        width:75%;
        margin: 0 auto
    }
}

@media (max-width: 1019px) {
    .l-pricing-two .pricing-cards .flexcol {
        width:80%;
        margin: 0 auto
    }
}

@media (max-width: 320px) {
    .l-pricing-two .pricing-cards .flexcol {
        width:110%
    }
}

.l-pricing-two .pricing-cards .l-pricing-two-flair {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/bigflair-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    margin-top: 50px;
    z-index: 20
}

@media (max-width: 1019px) {
    .l-pricing-two .pricing-cards .l-pricing-two-flair {
        background-image:url(https://getstream.imgix.net/images/pricingtwo/flairsm-2.png);
        height: 160px;
        background-size: 75%
    }
}

.l-pricing-two .pricing-cards .price-card {
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06);
    border-radius: 2px;
    height: 608px;
    position: relative
}

.l-pricing-two .pricing-cards .price-card:not(:last-child) {
    margin-right: 10px
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .price-card {
        width:auto!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

@media (max-width: 1019px) {
    .l-pricing-two .pricing-cards .price-card {
        width:auto!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 30px
    }
}

.l-pricing-two .pricing-cards .price-card .label {
    font-weight: 700;
    text-transform: uppercase;
    color: #2A3754;
    display: block;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 28px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 2.5px;
    line-height: 17px
}

.l-pricing-two .pricing-cards .price-card .money {
    display: block;
    color: #2F7DEB;
    margin: 0 auto;
    height: 70px;
    text-align: center
}

.l-pricing-two .pricing-cards .price-card .money .m {
    display: inline-block;
    font-size: 17px;
    color: #2F7DEB;
    vertical-align: 50%;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 30px
}

.l-pricing-two .pricing-cards .price-card .money .num {
    display: inline-block;
    color: #0768EF;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 44px;
    line-height: 30px
}

.l-pricing-two .pricing-cards .price-card .money .mo {
    display: inline-block;
    opacity: .5;
    color: #2F7DEB;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 17px;
    line-height: 30px
}

.l-pricing-two .pricing-cards .price-card .contact-cta-btn,.l-pricing-two .pricing-cards .price-card .learn-cta-btn,.l-pricing-two .pricing-cards .price-card .mktg-btn-link-links,.page__pricing--2019 .str-pricing__tab {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.l-pricing-two .pricing-cards .price-card .btn-close:after,.l-pricing-two .pricing-cards .price-card .icon,.l-pricing-two .pricing-cards .price-card .link-newtab:after,.l-pricing-two .pricing-cards .price-card .modal-content .modal-header .close:after,.l-pricing-two .pricing-cards .price-card [type=checkbox].stream-form-control:checked+label:after,.l-pricing-two .pricing-cards .price-card [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-pricing-two .pricing-cards .price-card .close:after {
    border-bottom: #ECEDF0 solid 1px;
    width: 100%
}

.l-pricing-two .pricing-cards .price-card .crcl {
    width: 66px;
    height: 66px;
    margin: 0 auto -33px;
    background: center no-repeat #FFF;
    border: 1px solid #ECEDF0;
    display: block;
    border-radius: 33px
}

.l-pricing-two .pricing-cards .price-card .garage {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/garage-icon.svg)
}

.l-pricing-two .pricing-cards .price-card .starter-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/starter-icon.svg)
}

.l-pricing-two .pricing-cards .price-card .growth-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/growth-icon.svg)
}

.l-pricing-two .pricing-cards .price-card .pro-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/pro-icon.svg)
}

.l-pricing-two .pricing-cards .price-card .enterprise-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/enterprise-icon.svg);
    background-color: #2C64FE;
    border: 1px solid #2C64FE
}

.l-pricing-two .pricing-cards .price-card .mktg-btn-link-links {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 0;
    text-align: center;
    display: block
}

.l-pricing-two .pricing-cards .price-card .contact-cta-btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    display: block;
    color: #fff;
    background: linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(0,0,0,.1) 100%);
    box-shadow: 0 1px 1px 0 #00349C,0 3px 13px 0 rgba(0,125,238,.32);
    border-radius: 2px;
    background-color: #008AFF
}

.l-pricing-two .pricing-cards .price-card .contact-cta-btn:hover {
    text-decoration: none;
    background: linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    background-color: #008AFF;
    box-shadow: 0 1px 1px 0 #00349C,0 1px 13px 0 rgba(0,125,238,.32)
}

.l-pricing-two .pricing-cards .price-card .learn-cta-btn {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    display: block;
    color: #006CFF;
    font-size: 14px
}

.l-pricing-two .pricing-cards ul.quick-features {
    margin-top: 50px;
    list-style: none;
    color: #000;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding-left: 0;
    font-size: 15px
}

.l-pricing-two .pricing-cards ul.quick-features .update-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/update-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .community-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/community-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .email-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/email-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .ranking-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/ranking-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .analytics-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/analytics-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .slow-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/slow-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .fast-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/fast-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .fastest-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/fastest-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .phone-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/phone-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .personalization-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/personalization-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .push-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/push-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .dedicated-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/dedicated-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features .sso-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/sso-icon.svg);
    background-position: 15px center;
    background-repeat: no-repeat
}

.l-pricing-two .pricing-cards ul.quick-features li {
    border-bottom: 1px dotted #DFE0E3;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px
}

.l-pricing-two .pricing-cards ul.quick-features li.updates {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.l-pricing-two .pricing-cards ul.quick-features li a:hover {
    color: #2F7DEB;
    text-decoration: none
}

.l-pricing-two .pricing-cards ul.quick-features li .per {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 12px;
    color: #000;
    letter-spacing: -.37px
}

.l-pricing-two .pricing-cards ul.quick-features .enterprise-fix {
    padding-left: 60px;
    background-position: 25px center
}

.l-pricing-two .pricing-cards ul.quick-features .pro-fix {
    padding-left: 55px;
    background-position: 20px center
}

.l-pricing-two .pricing-cards ul.quick-features li:last-of-type {
    border-bottom: none
}

.l-pricing-two .pricing-cards .free {
    width: 190px
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .price-card:last-of-type {
        margin-right:10px
    }

    .l-pricing-two .pricing-cards .free {
        height: 474px
    }
}

@media (max-width: 829px) {
    .l-pricing-two .pricing-cards .free {
        height:330px
    }

    .l-pricing-two .pricing-cards .free .label,.l-pricing-two .pricing-cards .free .money {
        text-align: left;
        margin-left: 30px
    }

    .l-pricing-two .pricing-cards .free .btn-close:after,.l-pricing-two .pricing-cards .free .icon,.l-pricing-two .pricing-cards .free .link-newtab:after,.l-pricing-two .pricing-cards .free .modal-content .modal-header .close:after,.l-pricing-two .pricing-cards .free [type=checkbox].stream-form-control:checked+label:after,.l-pricing-two .pricing-cards .free [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-pricing-two .pricing-cards .free .close:after {
        width: 30%;
        position: absolute;
        top: 30px;
        right: 30px
    }

    .l-pricing-two .pricing-cards .free .quick-features {
        margin-top: 0
    }
}

.l-pricing-two .pricing-cards .starter {
    width: 210px
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .starter {
        height:474px
    }
}

@media (max-width: 829px) {
    .l-pricing-two .pricing-cards .starter {
        height:330px
    }

    .l-pricing-two .pricing-cards .starter .label,.l-pricing-two .pricing-cards .starter .money {
        text-align: left;
        margin-left: 30px
    }

    .l-pricing-two .pricing-cards .starter .btn-close:after,.l-pricing-two .pricing-cards .starter .icon,.l-pricing-two .pricing-cards .starter .link-newtab:after,.l-pricing-two .pricing-cards .starter .modal-content .modal-header .close:after,.l-pricing-two .pricing-cards .starter [type=checkbox].stream-form-control:checked+label:after,.l-pricing-two .pricing-cards .starter [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-pricing-two .pricing-cards .starter .close:after {
        width: 30%;
        position: absolute;
        top: 30px;
        right: 30px
    }

    .l-pricing-two .pricing-cards .starter .quick-features {
        margin-top: 0
    }
}

@media (max-width: 549px) {
    .l-pricing-two .pricing-cards .starter {
        margin-top:10px;
        height: 330px
    }

    .l-pricing-two .pricing-cards .enterprise .money .num {
        font-size: 27px!important
    }
}

.l-pricing-two .pricing-cards .starter .money .num {
    color: #0768F0
}

.l-pricing-two .pricing-cards .growth {
    width: 220px
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .growth {
        height:474px
    }
}

@media (max-width: 829px) {
    .l-pricing-two .pricing-cards .growth {
        margin-top:10px;
        height: 430px
    }

    .l-pricing-two .pricing-cards .growth .label,.l-pricing-two .pricing-cards .growth .money {
        text-align: left;
        margin-left: 30px
    }

    .l-pricing-two .pricing-cards .growth .btn-close:after,.l-pricing-two .pricing-cards .growth .icon,.l-pricing-two .pricing-cards .growth .link-newtab:after,.l-pricing-two .pricing-cards .growth .modal-content .modal-header .close:after,.l-pricing-two .pricing-cards .growth [type=checkbox].stream-form-control:checked+label:after,.l-pricing-two .pricing-cards .growth [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-pricing-two .pricing-cards .growth .close:after {
        width: 30%;
        position: absolute;
        top: 30px;
        right: 30px
    }

    .l-pricing-two .pricing-cards .growth .quick-features {
        margin-top: 0
    }
}

.l-pricing-two .pricing-cards .growth .money .num {
    color: #064BD5
}

.l-pricing-two .pricing-cards .pro {
    width: 240px
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .pro {
        margin-top:10px;
        height: 530px
    }

    .l-pricing-two .pricing-cards .pro .label,.l-pricing-two .pricing-cards .pro .money {
        text-align: left;
        margin-left: 30px
    }

    .l-pricing-two .pricing-cards .pro .btn-close:after,.l-pricing-two .pricing-cards .pro .icon,.l-pricing-two .pricing-cards .pro .link-newtab:after,.l-pricing-two .pricing-cards .pro .modal-content .modal-header .close:after,.l-pricing-two .pricing-cards .pro [type=checkbox].stream-form-control:checked+label:after,.l-pricing-two .pricing-cards .pro [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-pricing-two .pricing-cards .pro .close:after {
        width: 30%;
        position: absolute;
        top: 30px;
        right: 30px
    }

    .l-pricing-two .pricing-cards .pro .quick-features {
        margin-top: 0
    }
}

@media (max-width: 829px) {
    .l-pricing-two .pricing-cards .pro {
        height:430px
    }
}

.l-pricing-two .pricing-cards .pro .money .num {
    color: #0033A4
}

.l-pricing-two .pricing-cards .enterprise {
    width: 270px
}

@media (min-width: 1199px) {
    .l-pricing-two .pricing-cards .enterprise {
        -ms-flex:1;
        flex: 1
    }
}

@media (max-width: 1199px) {
    .l-pricing-two .pricing-cards .enterprise {
        margin-top:10px;
        height: 530px
    }

    .l-pricing-two .pricing-cards .enterprise .label,.l-pricing-two .pricing-cards .enterprise .money {
        text-align: left;
        margin-left: 30px
    }

    .l-pricing-two .pricing-cards .enterprise .btn-close:after,.l-pricing-two .pricing-cards .enterprise .icon,.l-pricing-two .pricing-cards .enterprise .link-newtab:after,.l-pricing-two .pricing-cards .enterprise .modal-content .modal-header .close:after,.l-pricing-two .pricing-cards .enterprise [type=checkbox].stream-form-control:checked+label:after,.l-pricing-two .pricing-cards .enterprise [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-pricing-two .pricing-cards .enterprise .close:after {
        width: 30%;
        position: absolute;
        top: 30px;
        right: 30px
    }

    .l-pricing-two .pricing-cards .enterprise .quick-features {
        margin-top: 0
    }

    .l-pricing-two .fair-usage .fair-usage-block {
        overflow: hidden
    }
}

.l-pricing-two .pricing-cards .enterprise .allblue {
    color: #04F
}

.l-pricing-two .pricing-cards .enterprise .money .num {
    font-size: 34px;
    color: #001960
}

.l-pricing-two .fair-usage {
    z-index: 6;
    margin-top: 50px
}

.l-pricing-two .fair-usage .fair-usage-block {
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06);
    border-radius: 2px;
    display: block;
    color: #000
}

.l-pricing-two .fair-usage .fair-usage-block .spacing {
    margin: 30px 0 40px
}

.l-pricing-two .fair-usage .fair-usage-block .spacing:first-off-type {
    margin-left: 30px
}

.l-pricing-two .fair-usage .fair-usage-block h3 {
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 0;
    opacity: .9;
    color: #000;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 40px
}

.coolguys,.l-pricing-two .contact-cta .messages,.l-pricing-two .contact-cta .oneday,.l-pricing-two .contact-cta span,.l-pricing-two .fair-usage .table {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.l-pricing-two .fair-usage .fair-usage-block p {
    padding-left: 50px
}

.l-pricing-two .fair-usage .fair-usage-block ul {
    padding: 20px
}

.l-pricing-two .fair-usage .fair-usage-block .streamtips {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.l-pricing-two .fair-usage .fair-usage-block .fair-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/fair-icon.svg);
    background-position: 0 center;
    background-repeat: no-repeat
}

.l-pricing-two .fair-usage .fair-usage-block .redundant-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/redundant-icon.svg);
    background-position: 0 center;
    background-repeat: no-repeat
}

.l-pricing-two .fair-usage .fair-usage-block .realtime-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/realtime-icon.svg);
    background-position: 0 center;
    background-repeat: no-repeat
}

.l-pricing-two .fair-usage .table {
    width: 100%;
    clear: both;
    line-height: 60px;
    font-size: 14px
}

@media (max-width: 829px) {
    .l-pricing-two .fair-usage .table {
        display:none
    }
}

.l-pricing-two .fair-usage .table .rows {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #FFF;
    border-top: 1px solid rgba(42,55,84,.1);
    margin-bottom: 0
}

.l-pricing-two .fair-usage .table .rows li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    -ms-flex: 1;
    flex: 1;
    opacity: .8
}

.l-pricing-two .fair-usage .table .rows li:first-of-type,.l-pricing-two .fair-usage .table .table-header li {
    opacity: 1
}

.l-pricing-two .fair-usage .table .rows li a {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #2F7DEB;
    border-bottom: 2px solid #2F7DEB;
    text-transform: uppercase
}

.l-pricing-two .fair-usage .table .rows li a:hover {
    text-decoration: none
}

.l-pricing-two .fair-usage .table .rows li .tooltip-content {
    line-height: normal;
    top: 40px;
    width: 130%
}

.l-pricing-two .fair-usage .table .rows li .tooltip-content p {
    padding-left: 0
}

.l-pricing-two .fair-usage .table .rows .yes-check {
    background: url(https://getstream.imgix.net/images/pricingtwo/c-icon.svg) center no-repeat;
    height: auto;
    width: 14px;
    text-indent: -99999px
}

.l-pricing-two .fair-usage .table .rows .no-x {
    background: url(https://getstream.imgix.net/images/pricingtwo/x-icon.svg) center no-repeat;
    height: auto;
    width: 14px;
    text-indent: -99999px
}

.l-pricing-two .fair-usage .table .rows .ff-icon {
    background: url(https://getstream.imgix.net/images/pricingtwo/ff-icon.svg) no-repeat;
    margin-top: 5px;
    margin-right: 10px;
    width: 21px;
    height: 21px
}

.l-pricing-two .fair-usage .table .rows .a-icon {
    background: url(https://getstream.imgix.net/images/pricingtwo/ag-icon.svg) no-repeat;
    margin-top: 5px;
    margin-right: 10px;
    width: 21px;
    height: 21px
}

.l-pricing-two .fair-usage .table .rows .n-icon {
    background: url(https://getstream.imgix.net/images/pricingtwo/n-icon.svg) no-repeat;
    margin-top: 5px;
    margin-right: 10px;
    width: 21px;
    height: 21px
}

.l-pricing-two .fair-usage .table .rows .r-icon {
    background: url(https://getstream.imgix.net/images/pricingtwo/r-icon.svg) no-repeat;
    margin-top: 5px;
    margin-right: 10px;
    width: 21px;
    height: 21px
}

.l-pricing-two .fair-usage .table .rows .p-icon {
    background: url(https://getstream.imgix.net/images/pricingtwo/p-icon.svg) no-repeat;
    margin-top: 5px;
    margin-right: 10px;
    width: 21px;
    height: 21px
}

.l-pricing-two .fair-usage .table .table-header {
    line-height: 40px
}

.l-pricing-two .fair-usage .table .table-header label {
    line-height: 35px;
    padding-top: 5px
}

.l-pricing-two .faq {
    padding-bottom: 100px;
    padding-top: 100px;
    background-position: left top;
    background-repeat: no-repeat
}

.l-pricing-two .faq h4 {
    font-size: 33.75px;
    line-height: 39.61px;
    color: #000;
    letter-spacing: 0;
    margin-top: 0
}

.l-pricing-two .faq .ac-container {
    width: 100%;
    margin: 10px auto 30px;
    background: rgba(255,255,255,.63);
    border: 1px solid rgba(42,55,84,.1);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.06)
}

.l-pricing-two .faq .ac-container label {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding-left: 20px;
    margin-bottom: 1px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    color: #2A3754;
    line-height: 60px;
    font-size: 16px;
    background: url(https://getstream.imgix.net/images/pricingtwo/arrow-down.svg) no-repeat #fff;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.08);
    background-position: calc(100% - 20px) calc(100% - 26px)!important;
    padding-right: 30px
}

.l-pricing-two .faq .ac-container label:hover {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/arrow-down.svg)
}

.l-pricing-two .faq .ac-container input:checked+label,.l-pricing-two .faq .ac-container input:checked+label:hover {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/arrow-up.svg);
    color: #2A3754
}

.l-pricing-two .faq .ac-container input:checked+label:hover:after,.l-pricing-two .faq .ac-container label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px
}

.l-pricing-two .faq .ac-container input {
    display: none
}

.l-pricing-two .faq .ac-container article {
    background: rgba(255,255,255,.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    transition: height .3s ease-in-out,box-shadow .6s linear
}

.l-pricing-two .faq .ac-container input:checked~article.ac-large,.l-pricing-two .faq .ac-container input:checked~article.ac-medium,.l-pricing-two .faq .ac-container input:checked~article.ac-small {
    height: auto
}

.l-pricing-two .faq .ac-container input:checked~article {
    transition: height .5s ease-in-out,box-shadow .1s linear
}

.l-pricing-two .faq .ac-container article p {
    color: #2A3754;
    line-height: 23px;
    font-size: 15px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,.8)
}

@media (max-width: 829px) {
    .l-pricing-two .faq .ac-container input:checked~article.ac-small {
        height:auto;
        padding-top: 30px
    }

    .l-pricing-two .faq .ac-container input:checked~article.ac-large {
        height: 330px
    }
}

.l-pricing-two .contact-cta {
    background: #2562B8;
    padding-top: 100px;
    padding-bottom: 100px
}

.l-pricing-two .contact-cta .crcl {
    width: 66px;
    height: 66px;
    background: center no-repeat #FFF;
    border: 1px solid #ECEDF0;
    display: block;
    border-radius: 33px;
    margin-bottom: -33px
}

.l-pricing-two .contact-cta .enterprise-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/enterprise-icon.svg);
    background-color: #2C64FE;
    border: 1px solid #2C64FE
}

.l-pricing-two .contact-cta .mktg-h1 {
    margin-top: 70px
}

.l-pricing-two .contact-cta p {
    font-weight: 400;
    font-size: 16px
}

.l-pricing-two .contact-cta .more-enterprise {
    font-family: "Miriam Libre",sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
    border-bottom: rgba(255,255,255,.2);
    display: block
}

.l-pricing-two .contact-cta .more-enterprise:hover {
    text-decoration: none
}

.l-pricing-two .contact-cta .mktg-input {
    background: #2056A1;
    border-radius: 2px;
    border: none
}

.l-pricing-two .contact-cta .mktg-input-white {
    margin-bottom: 0
}

.l-pricing-two .contact-cta .mktg-input-error {
    border: 1px solid #FF5452!important
}

.l-pricing-two .contact-cta .help-block {
    background: #1E5097;
    font-weight: 200;
    padding-left: 14px;
    line-height: 20px;
    font-style: italic;
    color: #fff
}

.l-pricing-two .contact-cta .has-success .form-control-feedback {
    color: #16C98D;
    margin-right: -10px
}

.l-pricing-two .contact-cta .has-error .form-control-feedback {
    color: #FF5452;
    margin-right: -10px
}

.l-pricing-two .contact-cta input,.l-pricing-two .contact-cta select,.l-pricing-two .contact-cta textarea {
    border: none!important
}

.l-pricing-two .contact-cta textarea {
    height: 100px
}

.l-pricing-two .contact-cta .mktg-btn-links {
    background: #fff;
    color: #2F7DEB
}

@media (max-width: 1199px) {
    .l-pricing-two .contact-cta .mktg-btn-links {
        margin-top:30px!important
    }
}

.l-pricing-two .contact-cta .messages {
    list-style-type: none;
    color: #fff;
    margin: 0;
    padding: 0
}

.l-pricing-two .contact-cta .messages li {
    padding: 0;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: rgba(22,201,141,.4);
    border: 1px solid #16C98D
}

.l-pricing-two .contact-cta span {
    background: #1E5097;
    font-size: 12px;
    font-weight: 200;
    padding-left: 14px;
    line-height: 20px;
    font-style: italic;
    color: #fff;
    display: block
}

.l-pricing-two .contact-cta .oneday {
    background: 0 0;
    opacity: .4;
    font-size: 13px;
    color: #FFF;
    letter-spacing: 0
}

.coolguys .dharmesh,.coolguys .matt,.coolguys .todd {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 145px
}

.coolguys {
    margin-bottom: 100px;
    text-align: center;
    font-size: 15px;
    font-weight: 100
}

.coolguys p {
    margin-top: 10px
}

.coolguys .matt {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/matt-pic.png);
    margin: 0 auto;
    width: 128px
}

.coolguys .dharmesh {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/darmesh-pic.png);
    margin: 0 auto;
    width: 130px
}

.coolguys .todd {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/todd-pic.png);
    margin: 0 auto;
    width: 152px
}

.page__pricing--2019 {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__pricing--2019 #wrap {
    max-width: 1620px;
    background: #FCFCFC;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px
}

.page__pricing--2019 .str-pricing__hero {
    margin-top: 176px
}

.page__pricing--2019 .str-pricing__subnav {
    margin-top: 50px
}

.page__pricing--2019 .str-pricing__tabs {
    height: 60px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.page__pricing--2019 .str-pricing__tab:not(:first-of-type),body.page__chatbeta .chat-highlights .mktg-text-blocklinks {
    margin-left: 50px
}

.page__pricing--2019 .str-pricing__tab {
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    letter-spacing: 2px;
    line-height: 18px;
    font-size: 15px;
    text-decoration: none;
    color: #000
}

.page__pricing--2019 .str-pricing__tab--active,.page__pricing--2019 .str-pricing__tab:hover {
    color: #006CFF;
    box-shadow: inset 0 -2px 0 0 #006CFF
}

.page__pricing--2019 .str-pricing__cards {
    margin-top: 50px
}

.page__pricing--2019 .str-pricing__form {
    margin-top: 100px
}

.page__pricing--2019 .str-pricing__form p {
    font-size: 18.5px;
    line-height: 33px
}

.page__pricing--2019 .str-pricing__form ul {
    list-style: none;
    padding: 0
}

.page__pricing--2019 .str-pricing__form ul li {
    position: relative;
    padding: 10px 20px
}

.page__pricing--2019 .str-pricing__form ul li:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    border-radius: 100%;
    width: 3px;
    height: 3px;
    background: #000
}

.page__pricing--2019 .str-pricing__chat .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__pricing--2019 .str-pricing__chat .row:before {
    display: none
}

.page__pricing--2019 .str-pricing__chat .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page__pricing--2019 .str-pricing__chat .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.page__pricing--2019 .str-pricing__chat .str-form .mktg-input-large {
    min-height: 120px
}

.page__pricing--2019 .str-pricing__chat .chat-sales-choice {
    position: relative
}

.page__pricing--2019 .str-pricing__chat .chat-sales-choice .no-credit-card {
    margin: 0 auto;
    bottom: 16px;
    text-align: center;
    opacity: .5
}

.page__pricing--2019 .str-pricing__chat .chat-sales-choice .halfopacity {
    opacity: .5;
    margin-top: 50px;
    margin-bottom: 80px
}

.page__pricing--2019 .str-pricing__chat .chat-sales-choice .pricing-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page__pricing--2019 .str-pricing__chat .chat-sales-choice .monies {
    font-size: 66px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center
}

.page__pricing--2019 .str-pricing__chat .chat-sales-choice .monies .mini {
    position: relative;
    font-size: 16px;
    font-weight: lighter;
    top: -31px
}

.page__pricing--2019 .str-pricing__chat .chat-option {
    height: 100%;
    border-radius: 4px;
    padding: 30px 60px 1px;
    margin-top: 50px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15),0 11px 20px 0 rgba(0,0,0,.24);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page__pricing--2019 .str-pricing__chat .chat-option .button-location {
    padding-bottom: 30px;
    padding-top: 30px;
    justify-self: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

.page__pricing--2019 .str-pricing__chat .chat-option ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px
}

.page__pricing--2019 .str-pricing__chat .chat-option ul li {
    background: url(https://getstream.imgix.net/images/chat/check.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 15px;
    margin-bottom: 12px
}

.page__pricing--2019 .str-pricing__chat .chat-option h4 {
    text-align: center
}

.page__pricing--2019 .str-pricing__chat .enterprise-sales-chat ul {
    margin-bottom: 10px
}

.page__pricing--2019 .str-pricing__chat .ovrd-form-chat {
    background: 0 0;
    box-shadow: none;
    margin-top: 19px
}

.page__pricing--2019 .str-pricing__chat .form-row {
    margin-left: -60px;
    margin-right: -60px
}

.page__pricing--2019 .str-pricing__chat .form-row .messages {
    width: 100%
}

.page__pricing--2019 .str-pricing__chat .form-row .button-fix {
    margin-top: 44px;
    text-align: center
}

.page__pricing--2019 footer .footer {
    background: 0 0
}

.page__pricing--2019 footer .footer .divider {
    border-top-color: rgba(255,255,255,.1)
}

.page__pricing--checkout #wrap {
    padding-bottom: 125px
}

.page__pricing--checkout .str-pricing__cards.pricing-cards .price-card {
    padding-top: 10px;
    margin: 10px;
    border-radius: 10px
}

.page__pricing--checkout .str-pricing__cards.pricing-cards .price-card .label {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #ccc
}

.page__pricing--checkout .str-pricing__cards.pricing-cards .price-card .money {
    margin-top: 10px
}

.page__partners {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__partners #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 130px
}

.page__partners #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

.page__partners .footer {
    background: 0 0
}

.str-partners__hero {
    padding: 50px 25px 250px;
    margin-bottom: -100px
}

.str-partners__hero-image {
    position: absolute;
    right: 0;
    top: 100px;
    display: none
}

@media screen and (min-width: 1020px) {
    .str-partners__hero-image {
        right:-150px;
        display: block
    }
}

@media screen and (min-width: 1200px) {
    .str-partners__hero-image {
        right:-100px;
        display: block
    }
}

.str-partners__featured-header {
    opacity: .6;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    color: #000;
    letter-spacing: 0;
    line-height: 27px
}

.str-partners__featured-intro {
    margin-bottom: 70px
}

.str-partners__companies .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str-partners__companies .row:before {
    display: none
}

.str-partners__companies .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.str-partners__companies .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.str-partners__company-card {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    padding: 40px;
    margin-bottom: 100px
}

.str-partners__company-logo {
    min-height: 80px
}

.str-partners__company-card-footer {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.page__enterprise-2019 {
    padding: 0;
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A
}

.page__enterprise-2019 a {
    color: #006CFF
}

.page__enterprise-2019 #wrap {
    max-width: 1620px;
    margin: 0 auto;
    background: #fcfcfc;
    padding: 70px 0 30px;
    overflow: hidden;
    position: relative
}

.page__enterprise-2019 .mktg-btn-black {
    color: #fff
}

.page__enterprise-2019 .str-enterprise__flex-start .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__enterprise-2019 .str-enterprise__flex-start .row:before {
    display: none
}

.page__enterprise-2019 .str-enterprise__flex-start .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page__enterprise-2019 .str-enterprise__flex-start .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.page__enterprise-2019 .str-enterprise__orange,.page__enterprise-2019 .str-enterprise__purple,.page__enterprise-2019 .str-enterprise__red {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    letter-spacing: 2.17px
}

.page__enterprise-2019 .str-enterprise__purple {
    color: #5000D3
}

.page__enterprise-2019 .str-enterprise__red {
    color: #D30042
}

.page__enterprise-2019 .str-enterprise__orange {
    color: #D36500
}

.page__enterprise-2019 .str-enterprise__hero {
    margin-top: 95px
}

.page__enterprise-2019 .str-enterprise__hero .lead {
    max-width: 606px
}

.page__enterprise-2019 .str-enterprise__art {
    width: 931px;
    height: 939px;
    position: absolute;
    right: -100px;
    top: 50px
}

@media (max-width: 1400px) {
    .page__enterprise-2019 .str-enterprise__art {
        width:900px;
        height: auto
    }
}

@media (max-width: 1350px) {
    .page__enterprise-2019 .str-enterprise__art {
        width:850px;
        height: auto
    }
}

@media (max-width: 1300px) {
    .page__enterprise-2019 .str-enterprise__art {
        width:850px;
        height: auto
    }
}

@media (max-width: 1250px) {
    .page__enterprise-2019 .str-enterprise__art {
        width:800px;
        height: auto
    }
}

@media (max-width: 1200px) {
    .page__enterprise-2019 .str-enterprise__art {
        width:750px;
        height: auto
    }

    .getstarted .menu-icon rect {
        fill: #fff
    }
}

@media (max-width: 1150px) {
    .page__enterprise-2019 .str-enterprise__art {
        width:700px;
        height: auto
    }
}

@media (max-width: 1020px) {
    .page__enterprise-2019 .str-enterprise__art {
        display:none
    }
}

.page__enterprise-2019 .str-enterprise__customers {
    margin-top: 200px;
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: 680px auto;
    background-position: center left 70px
}

.page__enterprise-2019 .str-enterprise__customers .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__enterprise-2019 .str-enterprise__customers .row:before {
    display: none
}

.page__enterprise-2019 .str-enterprise__customers .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page__enterprise-2019 .str-enterprise__customers .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1440px) {
    .page__enterprise-2019 .str-enterprise__customers {
        background-position:center left 0
    }
}

@media screen and (max-width: 1300px) {
    .page__enterprise-2019 .str-enterprise__customers {
        background-position:center left -100px
    }
}

@media screen and (max-width: 1020px) {
    .page__enterprise-2019 .str-enterprise__customers {
        background-size:0 0
    }
}

.page__enterprise-2019 .str-enterprise__customer-logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.page__enterprise-2019 .str-enterprise__customer-logos img {
    margin: 15px 30px
}

.page__enterprise-2019 .str-enterprise__features h2 {
    margin-top: 10px;
    margin-bottom: 30px
}

.page__enterprise-2019 .str-enterprise__features h4 {
    font-size: 18.5px;
    line-height: 33px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 0
}

.page__enterprise-2019 .str-enterprise__features-text {
    font-size: 18.5px;
    line-height: 33px;
    line-height: 26.5px
}

.page__enterprise-2019 .str-enterprise__features-divider {
    width: 70px;
    height: 2px;
    background-color: rgba(0,0,0,.1)
}

.page__enterprise-2019 .str-enterprise__features-divider,.page__enterprise-2019 .str-enterprise__features-subsection {
    margin-top: 100px
}

.page__enterprise-2019 .str-enterprise__feature {
    display: -ms-flexbox;
    display: flex
}

.page__enterprise-2019 .str-enterprise__feature svg {
    transform: translateY(5px)
}

.page__enterprise-2019 .str-enterprise__feature>:not(:last-child) {
    margin-right: 10px
}

.page__enterprise-2019 .str-enterprise__success-stories {
    padding: 200px 0;
    margin: -100px 0 -200px;
    background-repeat: no-repeat;
    background-size: 498px auto;
    background-position: center left -150px
}

.mktg-analytics-section,section.mktg-trial-section>div {
    padding-bottom: 100px;
    padding-top: 100px
}

.page__enterprise-2019 .str-enterprise__success-logos {
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.page__enterprise-2019 .str-enterprise__success-logos img {
    margin: 15px 15px 0
}

.page__enterprise-2019 .str-enterprise__contact {
    margin-top: 140px;
    margin-bottom: 100px;
    background-repeat: no-repeat;
    background-size: 405px auto;
    background-position: bottom right -125px
}

.mktg-analytics-header>header {
    max-width: 1170px;
    margin: 0 auto
}

.mktg-analytics-header>header>div,.mktg-analytics-header>section {
    margin-top: 100px
}

.mktg-analytics-header>header>div>h1 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 54px;
    color: #2A3754
}

.mktg-analytics-header>header>div>p,.mktg-analytics-section>div:last-of-type>span {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.mktg-analytics-header>header>div>p {
    font-size: 20px;
    color: #2A3754
}

.mktg-analytics-header>section>div>img {
    margin-bottom: -5em;
    width: 100%;
    height: auto;
    box-shadow: 0 -6px 19px 0 rgba(92,3,170,.12),0 0 149px 0 rgba(74,144,226,.29)
}

.mktg-analytics-header .pricing {
    margin-left: 30px
}

.mktg-wave-divider {
    margin-bottom: 0
}

.mktg-analytics-section {
    max-width: 1170px;
    margin: 0 auto
}

.mktg-analytics-section .engagement {
    margin-top: 130px
}

.mktg-analytics-section .engagement-2 {
    margin-top: 100px
}

.mktg-analytics-section>div:first-of-type {
    text-align: center
}

.mktg-analytics-section>div:first-of-type>img {
    width: 100%;
    height: auto
}

.mktg-analytics-section>div:last-of-type>span {
    font-size: 14px;
    font-weight: 700;
    color: rgba(42,64,86,.5)
}

.mktg-analytics-section>div:last-of-type>h2 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 31px;
    color: #2A3754
}

.mktg-analytics-section>div:last-of-type>p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    color: #2A3754
}

.trial-section-parent {
    overflow: hidden;
    background-color: #223D63
}

section.mktg-trial-section {
    max-width: 1170px;
    margin: 0 auto
}

section.mktg-trial-section>div>h1 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 31px;
    color: #fff
}

section.mktg-trial-section>div>p,section.mktg-trial-section>div>span {
    margin-top: 30px;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

section.mktg-trial-section>div>p {
    font-size: 18px;
    color: #fff
}

section.mktg-trial-section>div>a {
    margin-top: 30px
}

section.mktg-trial-section>div>span {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.6)
}

#contact-us,body#support-page {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829
}

#contact-us #wrap {
    max-width: 1600px;
    background: url(https://getstream.imgix.net/images/contact-bg@2x.png?auto=format) center right no-repeat #fff;
    background-size: 329px 818px;
    margin: 0 auto;
    padding-top: 175px
}

#contact-us .contact-contact {
    margin: 75px 0
}

@media (max-width: 1020px) {
    #contact-us .contact-contact>.flex-container {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

#contact-us hr {
    margin: 50px 0 35px
}

#contact-us ul.contact-features {
    padding: 0 15px
}

#contact-us .svg-icon-support {
    position: relative;
    top: 5px;
    margin: 0 8px 0 0
}

@media screen and (max-width: 1020px) {
    #contact-us .flex-container.inquiries {
        display:block
    }
}

#contact-us aside#notifications,#demo--page aside#notifications,body#support-page aside#notifications {
    display: none
}

body#support-page {
    padding-top: 0
}

body#support-page #wrap {
    max-width: 1600px;
    padding: 125px 0 0;
    margin: 0 auto;
    background: #fff
}

body#support-page .svg-icon-support {
    position: relative;
    top: 5px;
    margin: 0 8px 0 0
}

body#support-page .str-support-details {
    margin-top: 75px
}

.support-page-login .modal-view-login {
    display: block
}

@media screen and (max-width: 1020px) {
    .str-support-details .flex-container {
        display:block
    }
}

#page__gettingstarted-iii .example-wrapper {
    margin: 0 auto;
    width: 1256px;
    padding-left: 30px;
    padding-right: 30px;
    clear: both
}

#page__gettingstarted-iii .example-content {
    width: 560px;
    padding-bottom: 40px;
    float: left;
    position: relative
}

#page__gettingstarted-iii .example-content .hljs {
    background-color: #121212
}

#page__gettingstarted-iii .example-content .hljs .ruby {
    padding-bottom: 100px
}

#page__gettingstarted-iii .example-content .codetabs {
    background-color: #121212;
    border-radius: 6px 6px 0 0
}

#page__gettingstarted-iii .example-content .codetabs pre {
    border-radius: 0 0 6px 6px
}

#page__gettingstarted-iii .example-content .codetabs>li>a {
    border-radius: 6px;
    color: #eee;
    text-decoration: none;
    text-transform: uppercase;
    background: #121212!important;
    font-family: "Miriam Libre",sans-serif;
    border-width: 0!important;
    border-style: initial!important;
    border-color: initial!important;
    -o-border-image: initial!important;
    border-image: initial!important;
    font-size: 11px
}

#page__gettingstarted-iii .example-content .codetabs li {
    border-radius: 6px 6px 0 0
}

#page__gettingstarted-iii .example-content .codetabs>li.active,#page__gettingstarted-iii .example-content .codetabs>li.is-active {
    background: #121212!important
}

#page__gettingstarted-iii .example-content .codetabs .code-tabs-li {
    border-radius: 6px;
    color: #eee;
    background: #121212
}

#page__gettingstarted-iii .example-content .code-tab-content {
    position: relative;
    margin-bottom: 25px;
    font-size: 13px;
    border-radius: 6px;
    background: #181818
}

#page__gettingstarted-iii .example-content .code-tab-content .tab-pane {
    border-radius: 6px
}

#page__gettingstarted-iii .example-content .code-tab-content .tab-pane pre {
    border-radius: 0 0 6px 6px
}

#page__gettingstarted-iii .example-content .code-tab-content .tab-pane pre>* {
    background-color: #121212
}

#page__gettingstarted-iii .example-content .code-tab-content .code-ace {
    background-color: #313E47!important;
    border-radius: 6px
}

#page__gettingstarted-iii .example-content .code-tab-content .code-ace .ace_marker-layer .ace_active-line,#page__gettingstarted-iii .example-content .code-tab-content .code-ace .ace_marker-layer .ace_selection {
    background-color: #313E47!important
}

#page__gettingstarted-iii .example-content .code-tab-content .li-js {
    background: #313E47
}

#page__gettingstarted-iii .example-content .code-tab-content .getstarted-run {
    left: 20px!important;
    bottom: 20px!important;
    padding: 8px 20px
}

#page__gettingstarted-iii .example-content .tab-content .active,#page__gettingstarted-iii .example-content .tab-content .is-active {
    background-color: #313E47
}

#page__gettingstarted-iii .example-content .code-hljs {
    padding-bottom: 80px
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .buttons-end {
    margin-top: 50px
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .cloud-components {
    margin-top: 50px;
    padding-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .cloud-components span {
    display: block;
    width: 100%;
    margin-bottom: 16px
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .cloud-components .cloud-component {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .cloud-components .cloud-component img {
    margin-right: 15px
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .cloud-components .cloud-component a {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #4c8efa;
    text-transform: uppercase
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .cloud-components .cloud-component a:hover {
    text-decoration: none;
    opacity: .8
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .mktg-btn-white-blue {
    display: inline-block;
    margin-left: 30px
}

#page__gettingstarted-iii .example-content .getstarted-innerstep>h2 {
    font-weight: 300;
    font-size: 31px;
    padding-top: 20px
}

#page__gettingstarted-iii .example-content .getstarted-innerstep>p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 17px;
    line-height: 30px;
    font-weight: 100;
    text-transform: none
}

#page__gettingstarted-iii .example-content .getstarted-innerstep>p:first-of-type {
    margin-top: 0
}

#page__gettingstarted-iii .example-content .getstarted-innerstep>ul {
    background-color: #313E47;
    border-radius: 2px;
    padding-top: 0;
    padding-bottom: 0
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .gs-link {
    color: #4c8efa;
    font-weight: 100
}

#page__gettingstarted-iii .example-content .getstarted-innerstep .opacity {
    opacity: .6;
    background-color: #000
}

#page__gettingstarted-iii .example-content #step-flat_feed .getstarted-innerstep-ul {
    background: rgba(49,62,71,.18);
    border-radius: 2px;
    padding: 20px 20px 20px 40px
}

#page__gettingstarted-iii .new-feed-example .cow,#page__gettingstarted-iii .new-feed-example .deer,#page__gettingstarted-iii .new-feed-example .fox {
    background-repeat: none;
    background-size: 100%;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.19)
}

#page__gettingstarted-iii .mktg-label {
    text-transform: uppercase!important;
    color: rgba(42,64,86,.7)!important;
    font-weight: 700;
    display: block;
    margin-top: 150px
}

#page__gettingstarted-iii .inquiries {
    padding-left: 20px;
    font-size: 13px
}

#page__gettingstarted-iii .inquiries li:last-of-type {
    margin-left: 30px
}

#page__gettingstarted-iii .new-feed-example {
    width: 600px;
    margin-left: -150px;
    display: block;
    float: right
}

#page__gettingstarted-iii .new-feed-example .fox {
    background-image: url(https://getstream.imgix.net/images/gsv2/fox.png)
}

#page__gettingstarted-iii .new-feed-example .cow {
    background-image: url(https://getstream.imgix.net/images/gsv2/cow.png)
}

#page__gettingstarted-iii .new-feed-example .deer {
    background-image: url(https://getstream.imgix.net/images/gsv2/deer.png)
}

#page__gettingstarted-iii .new-feed-example .scroller {
    overflow-x: hidden;
    height: 445px
}

#page__gettingstarted-iii .new-feed-example .scroller::-webkit-scrollbar {
    display: none
}

#page__gettingstarted-iii .new-feed-example .left {
    width: 282px;
    background: #FFF;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    margin-top: 80px;
    text-align: center;
    height: 553px;
    position: relative;
    top: 30px;
    left: 2px;
    z-index: 2
}

#page__gettingstarted-iii .new-feed-example .left .header {
    background: #FFF;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    height: 108px;
    width: 282px;
    color: #2A3754;
    font-family: "Miriam Libre",sans-serif
}

#page__gettingstarted-iii .new-feed-example .left .header .fox {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 0 auto;
    position: relative;
    top: -40px
}

#page__gettingstarted-iii .new-feed-example .left .header .name {
    font-size: 16px;
    display: block;
    width: 282px;
    margin-top: -30px
}

#page__gettingstarted-iii .new-feed-example .left .header .handle {
    font-size: 12px;
    opacity: .5
}

#page__gettingstarted-iii .new-feed-example .update {
    text-align: left;
    clear: both;
    width: 282px;
    display: block;
    border-bottom: 1px solid #E8E8E8
}

#page__gettingstarted-iii .new-feed-example .update .meta {
    width: 282px;
    height: 60px;
    clear: both;
    color: #2A3754;
    font-family: "Miriam Libre",sans-serif;
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    padding-top: 10px
}

#page__gettingstarted-iii .new-feed-example .update .meta .fox {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    position: relative;
    left: 0;
    top: 10px
}

#page__gettingstarted-iii .new-feed-example .update .meta .name {
    position: relative;
    font-size: 14px;
    padding-left: 40px;
    top: -20px
}

#page__gettingstarted-iii .new-feed-example .update .meta .name span {
    font-size: 12px;
    color: #6279AD
}

#page__gettingstarted-iii .new-feed-example .update .meta .timestamp {
    position: relative;
    left: 40px;
    top: -20px;
    font-size: 11px;
    color: rgba(42,54,83,.6)
}

#page__gettingstarted-iii .new-feed-example p.context {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 15px;
    display: block;
    font-weight: 100;
    color: #2A3754;
    padding-left: 20px
}

#page__gettingstarted-iii .new-feed-example p.context img {
    padding-top: 8px
}

#page__gettingstarted-iii .new-feed-example .right {
    width: 282px;
    background: #FFF;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    text-align: center;
    height: 553px;
    position: relative;
    top: -445px;
    left: 284px;
    z-index: 1;
    color: #2A3754
}

#page__gettingstarted-iii .new-feed-example .right .header {
    background: #FFF;
    box-shadow: 0 2px 34px 0 rgba(0,0,0,.14);
    border-radius: 2px;
    height: 56px;
    width: 282px;
    color: #2A3754;
    font-family: "Miriam Libre",sans-serif;
    text-align: left
}

#page__gettingstarted-iii .new-feed-example .right .header .cow {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    float: right;
    margin-right: 15px;
    margin-top: 8px
}

#page__gettingstarted-iii .new-feed-example .right .header .name {
    font-size: 14px;
    display: block;
    padding-left: 20px;
    float: left;
    padding-top: 20px
}

#page__gettingstarted-iii .new-feed-example .right .scroller {
    overflow-x: hidden;
    height: 495px
}

#page__gettingstarted-iii .modal-footer .close {
    background: #999;
    width: 100%;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.2);
    border-radius: 2px;
    padding: 13px 20px;
    font-family: "Miriam Libre",sans-serif;
    border: none
}

#page__gettingstarted-iii .rowfix {
    position: relative;
    left: 20px
}

#page__gettingstarted-iii .getting-started-nextsteps {
    background-color: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.14);
    display: block;
    width: 260px;
    height: 80px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

#page__gettingstarted-iii .getting-started-nextsteps:hover {
    transition: .2s;
    background-color: rgba(255,255,255,.09)
}

#page__gettingstarted-iii .notification {
    background-image: url(https://getstream.imgix.net/images/gsv2/notification-link.svg);
    background-position: 15px 18px;
    background-repeat: no-repeat
}

#page__gettingstarted-iii .ranked {
    background-image: url(https://getstream.imgix.net/images/gsv2/ranked-link.svg);
    background-position: 15px 18px;
    background-repeat: no-repeat
}

#page__gettingstarted-iii .personalization {
    background-image: url(https://getstream.imgix.net/images/gsv2/personalization-link.svg);
    background-position: 15px 18px;
    background-repeat: no-repeat
}

#page__gettingstarted-iii .documentation,#page__gettingstarted-iii .hashtag,#page__gettingstarted-iii .mention {
    background-position: 15px 20px;
    background-repeat: no-repeat
}

#page__gettingstarted-iii .hashtag {
    background-image: url(https://getstream.imgix.net/images/gsv2/hashtag-link.svg)
}

#page__gettingstarted-iii .mention {
    background-image: url(https://getstream.imgix.net/images/gsv2/mention-link.svg)
}

#page__gettingstarted-iii .documentation {
    background-image: url(https://getstream.imgix.net/images/gsv2/documentation-link.svg)
}

#getstarted-tutorial .stream-label-one {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 2px
}

.getstarted-step {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.getstarted-step h2,.getstarted-step>h1 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 47px;
    font-weight: 700;
    -moz-font-kerning: auto;
    font-kerning: auto;
    text-transform: none
}

.getstarted-step>p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 100;
    text-transform: none
}

.getstarted-step>p p:last-of-type {
    margin-bottom: 50px
}

.getstarted-step>ol {
    text-transform: none
}

.getstarted-client-tabs {
    list-style-type: none;
    margin-bottom: 40px;
    padding: 0
}

.getstarted-client-tabs>li {
    float: left;
    margin-right: 40px
}

.getstarted-intouch {
    background: #fff;
    border-radius: 2px;
    padding: 30px 15px
}

.getstarted-intouch .control-label {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 24px;
    line-height: 22px;
    padding-bottom: 20px;
    text-transform: none;
    color: #2a3754
}

.getstarted-intouch textarea {
    color: rgba(42,55,84,.8);
    border: 1px solid rgba(42,55,84,.2);
    border-radius: 2px
}

.mktg-getstarted-callback {
    background-color: #fff;
    width: 100%;
    max-height: 60vh;
    overflow-y: scroll;
    padding: 8px
}

.icon-refresh {
    transform-origin: 48% 52%;
    animation: rotation 2s infinite linear
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loading-status {
    cursor: wait
}

.show-on-load {
    display: none
}

.loading-status .show-on-load {
    display: block
}

.loading-status .show-on-load.inline-block {
    display: inline-block
}

.getstarted-codeblock {
    margin-top: 50px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.21);
    border-radius: 6px
}

.preview-activity-inner img {
    display: block
}

.form-ajax-msg {
    background: rgba(22,201,141,.4);
    border-radius: 4px;
    padding-bottom: 0;
    color: #000!important;
    font-size: 15px!important;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif!important;
    display: block;
    text-align: center;
    line-height: 47px;
    width: 100%
}

#page__gettingstarted-iii .iii__notice,#page__gettingstarted-iii .tutorial p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.modal-dialog .hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #fff;
    color: #000
}

.modal-dialog .hljs-addition,.modal-dialog .hljs-attribute,.modal-dialog .hljs-bullet,.modal-dialog .hljs-link,.modal-dialog .hljs-section,.modal-dialog .hljs-string,.modal-dialog .hljs-symbol,.modal-dialog .hljs-template-variable,.modal-dialog .hljs-variable {
    color: #888
}

.modal-dialog .hljs-comment,.modal-dialog .hljs-deletion,.modal-dialog .hljs-meta,.modal-dialog .hljs-quote {
    color: #ccc
}

.modal-dialog .hljs-keyword,.modal-dialog .hljs-name,.modal-dialog .hljs-section,.modal-dialog .hljs-selector-tag,.modal-dialog .hljs-strong,.modal-dialog .hljs-type {
    font-weight: 700
}

.modal-dialog .hljs-emphasis {
    font-style: italic
}

#page__gettingstarted-iii {
    padding: 0;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A
}

#page__gettingstarted-iii .str-topbar .navbar-nav>li>a {
    opacity: .3
}

#page__gettingstarted-iii .str-topbar .navbar-nav>li>a.mktg-btn-blue,#page__gettingstarted-iii .str-topbar .navbar-nav>li>a:hover {
    opacity: 1
}

#page__gettingstarted-iii #wrap {
    background: #fff;
    max-width: 1620px;
    min-height: 100vh;
    margin: 0 auto;
    color: #000;
    padding: 75px 0 0
}

#page__gettingstarted-iii.tutorial-started #wrap {
    background: url(https://getstream.imgix.net/images/get-started/tutorial-flair@1x.png) bottom right no-repeat fixed #fff
}

#page__gettingstarted-iii .lead a {
    color: #4c8efa
}

#page__gettingstarted-iii .str-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.27)
}

#page__gettingstarted-iii .str-video-container embed,#page__gettingstarted-iii .str-video-container iframe,#page__gettingstarted-iii .str-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#page__gettingstarted-iii .str-video-container .border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 5px solid rgba(0,0,17,.14)
}

#page__gettingstarted-iii .introduction {
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: 235px auto;
    background-position: center right
}

#page__gettingstarted-iii .introduction .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page__gettingstarted-iii .introduction .row:before {
    display: none
}

#page__gettingstarted-iii .introduction .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#page__gettingstarted-iii .introduction .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

#page__gettingstarted-iii .customers {
    margin: -100px 0;
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: 680px auto;
    background-position: top -30px left
}

@media screen and (max-width: 1300px) {
    #page__gettingstarted-iii .customers {
        background-position:top -30px left -100px
    }
}

#page__gettingstarted-iii .customers .customer-logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#page__gettingstarted-iii .customers .customer-logos img {
    margin: 15px 30px
}

#page__gettingstarted-iii .iii__notice {
    color: #000;
    font-size: 12px
}

#page__gettingstarted-iii .introduction .str-form-header,#page__gettingstarted-iii .tutorial h2 {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#page__gettingstarted-iii .iii__notice>a {
    text-decoration: none;
    color: #000;
    font-weight: 700
}

#page__gettingstarted-iii .introduction .str-form-body label {
    color: #000;
    opacity: .5
}

#page__gettingstarted-iii .introduction .str-form-body label:after {
    opacity: .3
}

#page__gettingstarted-iii .introduction .str-form-body input:focus+label {
    opacity: 1
}

#page__gettingstarted-iii .introduction .str-form-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#page__gettingstarted-iii .introduction .str-form-footer a,#page__gettingstarted-iii .introduction .str-form-footer button {
    -ms-flex: 1;
    flex: 1
}

#page__gettingstarted-iii .introduction .str-form-footer p {
    margin: 0 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0,0,0,.5)
}

#page__gettingstarted-iii .introduction .str-form-footer .mktg-btn-white-blue {
    color: #000
}

#page__gettingstarted-iii .tutorial {
    width: 100%;
    height: 100%;
    padding-top: 100px;
    position: relative
}

@media screen and (max-width: 1020px) {
    #page__gettingstarted-iii .customers {
        background-size:0 0
    }

    #page__gettingstarted-iii .tutorial {
        overflow-x: hidden
    }
}

#page__gettingstarted-iii .tutorial .getstarted-innerstep {
    padding: 16px 16px 0
}

#page__gettingstarted-iii .tutorial .getstarted-innerstep h2 {
    padding-top: 0
}

#page__gettingstarted-iii .tutorial .getstarted-nav-indicators {
    position: absolute;
    top: 150px;
    left: -80px;
    list-style-type: none
}

#page__gettingstarted-iii .tutorial .getstarted-nav-indicators li {
    background: #fff;
    border: 1px solid rgba(0,0,0,.5);
    margin: 5px;
    width: 8px;
    height: 8px;
    border-radius: 4px
}

#page__gettingstarted-iii .tutorial .getstarted-nav-indicators li.active,#page__gettingstarted-iii .tutorial .getstarted-nav-indicators li.is-active {
    background: #000
}

#page__gettingstarted-iii .tutorial .getstarted-nav-indicators li.done {
    background: rgba(0,0,0,.5)
}

#page__gettingstarted-iii .tutorial h2 {
    padding: 0;
    font-size: 33.75px;
    line-height: 39.61px
}

#page__gettingstarted-iii .tutorial p {
    font-size: 17px;
    line-height: 26px;
    font-weight: 200
}

#page__gettingstarted-iii .preview-activity img.mini-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 8px
}

#page__gettingstarted-iii .preview-activity .preview-activity-inner {
    padding: 0 8px
}

#page__gettingstarted-iii .preview-activity .preview-activity-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0
}

#page__gettingstarted-iii .preview-activity .preview-activity-header .name,#page__gettingstarted-iii .preview-activity .preview-activity-header .subtitle {
    display: block;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #2A3754;
    font-size: 14px;
    line-height: 1;
    margin: 0
}

#page__gettingstarted-iii .preview-activity .preview-activity-header .subtitle {
    opacity: .6;
    display: block
}

#page__gettingstarted-iii .preview-activity p {
    font-size: 15.5px;
    line-height: 25px;
    margin: 8px 0 16px
}

#page__gettingstarted-iii .getstarted-next,#page__gettingstarted-iii .getstarted-run {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #fff;
    transition: .2s
}

#page__gettingstarted-iii .getstarted-next {
    position: relative;
    margin: 0;
    line-height: 20px;
    padding: 10px 28px 12px;
    border-radius: 4px;
    border: none
}

#page__gettingstarted-iii .getstarted-next:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0f8fff;
    box-shadow: 0 1px 4px 0 #0057a3,0 4px 14px 0 rgba(0,125,238,.32),0 7px 20px 0 rgba(0,0,0,.15);
    box-sizing: border-box
}

#page__gettingstarted-iii .getstarted-run {
    position: relative;
    margin: 0;
    line-height: 20px;
    background-color: #0080EF;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #0065bc,0 3px 10px 0 rgba(0,125,238,.32),0 6px 18px 0 rgba(0,0,0,.15);
    border: none;
    padding: 20px 4px
}

#page__gettingstarted-iii .getstarted-run:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0f8fff;
    box-shadow: 0 1px 4px 0 #0057a3,0 4px 14px 0 rgba(0,125,238,.32),0 7px 20px 0 rgba(0,0,0,.15);
    box-sizing: border-box
}

#page__gettingstarted-iii .tutorial-container {
    margin: 0 auto;
    width: 1256px
}

.based-uikit {
    padding-top: 70px;
    background: #fcfcfc
}

.based-uikit .mktg-topbar {
    background: #fff;
    box-shadow: 0 1px 11px 0 rgba(0,0,0,.03)
}

.based-uikit .mktg-topbar .mktg-btn-outline-links {
    color: #fff;
    border: 1px solid #fff
}

.based-uikit .mktg-topbar .sign-in {
    color: #fff
}

.based-uikit .mktg-cta {
    padding-top: 0;
    margin-top: -30px
}

.based-uikit .mktg-bg-grey {
    background-color: transparent
}

.based-uikit .mktg-input-links input,.based-uikit .mktg-input-links select,.based-uikit .mktg-input-links textarea {
    color: #fff
}

.based-uikit .based-hero {
    background-image: url(https://getstream.imgix.net/images/based/herobg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 801px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.based-uikit .based-hero h1 {
    color: #fff
}

.based-uikit .based-hero .div-centered {
    margin: 0 auto
}

.based-uikit .based-hero .has-error .form-control-feedback {
    color: #ff0;
    text-align: right
}

.based-uikit .based-hero .has-success .form-control-feedback {
    text-align: right;
    color: #16C98D
}

.based-uikit .based-mobile-hero {
    background: #fcfcfc;
    height: 801px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.based-uikit .based-mobile-hero h1 {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #2A3754;
    font-size: 30px;
    text-align: center;
    margin-top: 30px
}

.based-uikit .based-mobile-hero p {
    padding: 20px 0 30px;
    text-rendering: optimizeLegibility;
    font-size: 20px;
    line-height: 30px;
    font-weight: 100;
    text-transform: none;
    color: #2A3754
}

.based-uikit .based-mobile-hero .div-centered {
    margin: 0 auto
}

.based-uikit .based-mobile-hero .has-error .form-control-feedback {
    color: #ff0;
    text-align: right
}

.based-uikit .based-mobile-hero .has-success .form-control-feedback {
    text-align: right;
    color: #16C98D
}

.based-uikit .get-kit {
    width: 370px;
    margin: 0 auto
}

.based-uikit .get-kit .form-group mktg-input-links {
    width: 80%
}

.based-uikit .get-kit .download-btn {
    float: right;
    width: 35%
}

.based-uikit .get-kit .download-btn button {
    background: #fff;
    color: #4C8EFA;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 24px
}

.based-uikit .get-kit .form-control .mktg-input,.based-uikit .get-kit .mktg-input-links,.based-uikit .get-kit .stream-form-control .mktg-input {
    background: rgba(255,255,255,.18)!important
}

.based-uikit .get-kit .help-block {
    color: #ccc!important;
    padding-left: 10px
}

.based-uikit .get-kit input[type=email]#id_email::-webkit-input-placeholder {
    color: #fff!important
}

.based-uikit .get-kit .mktg-input-links {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.08);
    font-style: italic;
    color: #fff!important;
    float: left;
    width: 65%
}

.based-uikit .kit-preview {
    background: url(https://getstream.imgix.net/images/based/kitpreview@2x.png) center top no-repeat;
    background-size: 1427px 624px;
    width: 100%;
    height: 680px;
    margin-top: -150px
}

.based-uikit .overview .mktg-p {
    padding: 0 12%;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.based-uikit .overview .img-overview {
    display: block;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 100px
}

.based-uikit .overview .gotit {
    font-size: 18px;
    padding: 0
}

.based-uikit .overview .gotit li {
    margin-bottom: 20px;
    list-style-type: none
}

.based-uikit .overview .gotit .material-icons {
    vertical-align: middle
}

.based-uikit .included {
    background: #F4F4F4
}

.based-uikit .included .mktg-h1 {
    padding-top: 50px
}

.based-uikit .included img {
    margin: 0 auto;
    padding-bottom: 100px
}

.based-uikit .included .content-block {
    margin-bottom: 50px;
    display: block
}

.based-uikit .included .content-block h2 {
    text-align: left;
    margin-top: 0;
    padding-top: 0
}

.based-uikit .included .content-block hr {
    border-top: #2A3754 1px solid
}

.based-uikit .included .content-block hr.light {
    border-top: rgba(42,55,84,.1) 1px solid
}

.based-uikit .included .content-block ul {
    list-style-type: none
}

.based-uikit .included .content-block ul li {
    margin-bottom: 6px
}

.based-uikit .crafted {
    height: 800px;
    background: url(https://getstream.imgix.net/images/based/carefullycrafted-bg.png) no-repeat;
    background-size: cover
}

.based-uikit .crafted .content {
    margin-top: 100px
}

.based-uikit .crafted .mktg-p {
    color: #fff;
    font-weight: lighter;
    margin-top: 40px
}

@media (max-width: 829px) {
    .based-uikit .crafted .content {
        position:relative;
        top: 450px
    }

    .based-uikit .crafted .mktg-p {
        font-size: 18px;
        padding-top: 20px
    }

    .based-uikit .endbased .card {
        height: auto;
        overflow: hidden
    }
}

.based-uikit .crafted .mktg-p a {
    color: #2F7DEB
}

.based-uikit .endbased {
    background: url(https://getstream.imgix.net/images/based/anglefooter-bg2.png) bottom no-repeat;
    background-size: 100%;
    padding-top: 100px;
    padding-bottom: 150px
}

.based-uikit .endbased .card {
    padding: 80px 0;
    text-align: center;
    display: block;
    min-height: 480px
}

.based-uikit .endbased .card .get-kit {
    margin: 50px auto 0
}

.based-uikit .endbased .card .mktg-form textarea,.based-uikit .endbased .card .mktg-form>div>input {
    border-radius: 0!important
}

.based-uikit .endbased .card .mktg-input-links {
    background: rgba(255,255,255,.18)!important;
    box-shadow: none;
    color: #ccc;
    font-style: italic;
    border-radius: 0;
    float: left;
    width: 65%
}

@media (max-width: 829px) {
    .based-uikit .endbased .card .mktg-input-links {
        width:55%;
        padding-left: 10%
    }
}

.based-uikit .endbased .card .download-btn {
    float: right;
    width: 35%
}

.based-uikit .endbased .card .download-btn button {
    background: #2F7DEB;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 24px
}

@media (max-width: 829px) {
    .based-uikit .endbased .card .download-btn button {
        width:110px;
        overflow: hidden;
        padding-left: 10%
    }
}

.based-uikit .endbased .card .for-sketch {
    color: #ccc;
    font-style: italic;
    font-size: 13px
}

.based-uikit .endbased .card .mktg-input-links input,.based-uikit .endbased .card .mktg-input-links select,.based-uikit .endbased .card .mktg-input-links textarea {
    color: #2F7DEB!important
}

.based-uikit .endbased .card input[type=email]#id_email::-webkit-input-placeholder {
    color: #2F7DEB!important
}

.based-uikit .endbased .mktg-p {
    padding: 0 12%
}

.based-uikit .endbased-no-bg {
    background: 0 0!important
}

.based-new-mobile .mktg-topbar {
    background: rgba(255,255,255,.94);
    box-shadow: 0 1px 11px 0 rgba(0,0,0,.03)
}

.based-new-mobile .mktg-topbar .mktg-btn-outline-links {
    color: #2F7DEB;
    border: 1px solid #2F7DEB
}

.based-new-mobile .mktg-topbar .sign-in {
    color: #2F7DEB
}

.based-new-mobile .kit-preview-mobile {
    margin-top: -50px
}

.based-new-mobile .based-logo {
    background: url(https://getstream.imgix.net/images/based-mobile/logo2.svg) no-repeat;
    height: 180px;
    width: 323px;
    margin: 0 auto;
    display: block
}

.based-new-mobile .get-kit .download-btn {
    float: right;
    width: 35%
}

.based-new-mobile .get-kit .download-btn button {
    background: #2F7DEB;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 24px
}

.based-new-mobile .get-kit .mktg-input-links input,.based-new-mobile .get-kit .mktg-input-links select,.based-new-mobile .get-kit .mktg-input-links textarea {
    color: #2F7DEB!important
}

.based-new-mobile .get-kit input[type=email]#id_email::-webkit-input-placeholder {
    color: #2F7DEB!important
}

#with {
    padding-top: 0
}

#with .mktg-topbar {
    background-color: transparent;
    box-shadow: none
}

@media (max-width: 829px) {
    .based-new-mobile .get-kit {
        width:300px
    }

    .based-new-mobile .get-kit .download-btn button {
        overflow: hidden;
        padding-left: 0;
        width: 120px
    }

    .based-new-mobile .get-kit .form-group mktg-input-links {
        width: 60%
    }

    #with .mktg-topbar {
        background-color: rgba(255,255,255,.97)
    }
}

#with .mktg-topbar .mktg-btn-outline-links {
    border: 1px solid #fff
}

#with .mktg-topbar .logo {
    background-image: url(https://getstream.imgix.net/images/stream_logo_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    min-width: 117px
}

#with .mktg-topbar .logo img {
    visibility: hidden
}

#with .compact .logo img,body#cabin .visible {
    visibility: visible
}

#with .mktg-topbar a {
    color: #fff
}

#with .compact a,#with .mktg-topbar .dropdown a,.l-seo-api .afd-h5 {
    color: #2A3754
}

#with .compact {
    background-color: rgba(255,255,255,.97);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.03)
}

#with .compact .logo {
    background-image: none!important
}

#with .php-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-php-hero-2.png)
}

#with .django-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-django-2.png)
}

#with .laravel-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-laravel-2.png)
}

#with .doctrine-hero,#with .symfony-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-php-hero-2.png)
}

#with .nodejs-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-node-2.png)
}

#with .ruby-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-ruby-2.png)
}

#with .python-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-python-2.png)
}

#with .java-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-java-2.png)
}

#with .golang-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-golang.png)
}

#with .scala-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-scala-hero.png)
}

#with .reactnative-hero {
    background: #1a1a1a
}

#with .meteorjs-hero {
    background-image: url(https://getstream.imgix.net/images/lang-landing/landing-page-meteorjs.png)
}

#with .meteorjs-hero .mktg-btn-brand {
    padding-top: 14px;
    padding-bottom: 14px
}

#with .with-hero {
    padding: 150px 0 120px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

#with .with-hero .mktg-title,#with .with-hero p {
    color: #fff
}

#with .with-hero p a {
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

#with .with-hero .mktg-btn-links {
    background: #fff;
    color: #2F7DEB;
    padding-top: 14px;
    padding-bottom: 14px
}

#with .with-hero .helpful-links {
    background: rgba(42,55,84,.3);
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 12px;
    margin: 0 auto;
    width: 80%
}

#with .with-hero .helpful-links .flex-item {
    -ms-flex-positive: 1;
    flex-grow: 1
}

#with .with-hero .helpful-links .php {
    color: #4A8EFF
}

#with .with-hero .helpful-links .django {
    color: #4AD89F
}

#with .with-hero .helpful-links .laravel {
    color: #FF7261
}

#with .with-hero .helpful-links .node {
    color: #9CD14C
}

#with .with-hero .helpful-links .ruby {
    color: #EB4341
}

#with .with-hero .helpful-links .python {
    color: #4C92CE
}

#with .with-hero .helpful-links .java {
    color: #FD7751
}

#with .with-hero .helpful-links .react {
    color: #00d8ff
}

#with .getting-started-cta .integrate .mktg-label,#with .with-hero .helpful-links .helpful-links-label {
    color: rgba(255,255,255,.5)
}

#with .our-flair {
    background: rgba(0,0,0,.1);
    margin-bottom: -120px;
    margin-top: 70px
}

#with .flair {
    background: url(https://getstream.imgix.net/images/case-studies/case_study-flair3.png) center no-repeat;
    background-size: 100%;
    height: 146px
}

@media (max-width: 790px) {
    #with .flair {
        background:url(https://getstream.imgix.net/images/case-studies/case_study-flair3-mobile.png) center no-repeat;
        background-size: 100%;
        height: 200px;
        transition: .5s
    }
}

@media (max-width: 1019px) {
    #with .average-stats>div {
        margin-top:50px!important
    }
}

#with .getting-started-cta {
    background: url(https://getstream.imgix.net/images/lang-landing/pixels.png)
}

#with .getting-started-cta .integrate {
    background: #4C8EFA;
    text-align: center;
    padding: 50px 50px 85px;
    margin-top: -150px;
    transition: .5s ease-in-out
}

@media (max-width: 829px) {
    #with .getting-started-cta .integrate {
        margin-top:0!important
    }
}

#with .getting-started-cta .integrate h3 {
    color: #fff;
    padding-bottom: 50px
}

#with .getting-started-cta .integrate .mktg-btn-outline-white {
    padding: 20px 60px
}

@media (max-width: 1019px) {
    #with .getting-started-cta .integrate .mktg-btn-outline-white {
        font-size:14px;
        padding: 10px 30px
    }
}

#with .getting-started-cta .integrate a {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff
}

#with .getting-started-cta .integrate:hover {
    transition: .5s ease-in-out;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12),0 12px 12px 0 rgba(0,0,0,.24),0 0 24px 0 rgba(0,0,0,.12),0 14px 24px 0 rgba(0,0,0,.24)
}

#with .seo-blob h2 {
    margin-top: 50px;
    margin-bottom: 30px;
    color: #FFF
}

#with .seo-blob h3 {
    color: #FFF;
    margin-bottom: 30px
}

#with .seo-blob .secondary-h3 {
    color: #FFF;
    letter-spacing: 0;
    line-height: 47px
}

#with .seo-blob p.intro {
    font-size: 22.5px;
    line-height: 35.6px;
    color: #FFF;
    text-rendering: optimizeLegibility;
    margin-bottom: 30px
}

#with .seo-blob p {
    font-size: 17px;
    line-height: 26px;
    color: #FFF;
    text-rendering: optimizeLegibility
}

#with .seo-blob ul {
    font-size: 18px
}

#with .seo-blob a {
    color: #2F7DEB!important
}

#with .seo-blob a-dark {
    color: #1463d3
}

#with .seo-blob a-darker {
    color: #104da4
}

#with .seo-blob a-light {
    color: #5e9aef
}

#with .seo-blob a-lighter {
    color: #8cb7f4
}

#with .social-core-content {
    background: url(https://getstream.imgix.net/images/social-networks/iso-code.png) right -50px no-repeat #192133;
    position: relative;
    padding-bottom: 200px;
    background-size: 45%;
    margin-top: 350px
}

#with .social-core-content .icon-flat {
    background-image: url(https://getstream.imgix.net/images/social-networks/icon-flat.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 300px
}

#with .social-core-content .icon-aggregated {
    background-image: url(https://getstream.imgix.net/images/social-networks/icon-aggregated.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 300px
}

#with .social-core-content .icon-notifications {
    background-image: url(https://getstream.imgix.net/images/social-networks/icon-notifications.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 300px
}

#with .social-core-content .iso-block {
    background-image: url(https://getstream.imgix.net/images/social-networks/iso-npm.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 370px;
    height: 522px
}

#with .social-core-content .iso-computer {
    background-image: url(https://getstream.imgix.net/images/social-networks/iso-computer.png);
    background-position: top right;
    background-repeat: no-repeat;
    width: 570px;
    height: 568px
}

#with .social-core-content .material-icons-list {
    list-style-type: none;
    color: #fff;
    padding-left: 0
}

#with .social-core-content .material-icons-list li {
    padding: 10px 0
}

#with .social-core-content .material-icons-list .material-icons {
    vertical-align: middle;
    margin-right: 16px
}

#with .social-core-content .features {
    margin-top: 50px
}

#with .social-core-content .features .label {
    font-size: 24px
}

#with .social-core-content .features h3 {
    text-align: center;
    padding-right: 30px
}

#with .social-core-content .features a {
    background-image: url(https://getstream.imgix.net/images/lang-landing/check_icon2.svg);
    background-repeat: no-repeat;
    background-position: left 10px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFF;
    opacity: .5;
    display: block;
    padding-left: 30px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out
}

#with .social-core-content .features a:hover {
    text-decoration: none;
    opacity: 1;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out
}

#with .social-api-for-feeds {
    position: relative;
    height: 700px;
    margin-top: -89px;
    color: #fff;
    z-index: 10
}

#with .social-api-for-feeds .mktg-p {
    color: #FFF
}

#with .social-api-for-feeds .cta-landing {
    background-color: #2F7DEB;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 19px;
    border-radius: 2px;
    text-decoration: none;
    color: #FFF!important
}

#with .social-api-for-feeds .length {
    padding-top: 10px
}

#with .social-api-for-feeds .length .time {
    margin-left: 20px
}

#with .social-api-for-feeds .length img {
    margin-right: 10px
}

#with .social-api-for-feeds .cta-landing:hover {
    background-color: #3183F5
}

#with .social-api-for-feeds .cta-section-landing {
    margin-top: 105px
}

@media (max-width: 1019px) {
    #with .social-api-for-feeds .cta-section-landing {
        margin-top:30px
    }
}

#with .social-api-for-feeds .code-example {
    display: block;
    width: 100%;
    height: 450px;
    background: #171F26;
    color: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.19);
    font-family: monospace
}

#page__case-studies,#page__case-studies-detail {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#with .social-api-for-feeds .code-example .api-code {
    background: 0 0;
    color: #FFF;
    margin: 22px;
    padding-top: 30px;
    line-height: 27px;
    display: block
}

#with .social-api-for-feeds .code-example .api-code>div {
    padding-left: 20px
}

#with .social-api-for-feeds .code-example .api-code .half {
    opacity: .3
}

#with .social-api-for-feeds .code-example .api-code .green {
    color: #B8E986
}

#with .social-api-for-feeds .code-example .api-code .purple {
    color: #A33DFF
}

#with .social-api-for-feeds .code-example .implement-with {
    margin: 0 20px;
    padding-top: 10px
}

#with .social-api-for-feeds .code-example .implement-with img {
    padding-top: 20px
}

#with .social-api-for-feeds .code-example .implement-with .block-title-name {
    background: #171F26;
    margin-bottom: -14px;
    padding-right: 20px
}

#with .social-api-for-feeds::before {
    position: absolute;
    content: " ";
    width: 100%;
    transform: skewY(-4deg);
    height: 900px;
    background: #172B4A;
    z-index: 0
}

#with .social-core-content::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 360px;
    transform: skewY(-4deg);
    top: -210px;
    left: 0;
    background: #192133;
    z-index: -1
}

@media (max-width: 829px) {
    #with .social-core-content::before {
        left:-3%
    }
}

#with .footer {
    z-index: 20;
    position: relative
}

#page__case-studies {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A;
    padding-top: 0
}

#page__case-studies #wrap {
    background: #fff;
    max-width: 1620px;
    margin: 0 auto;
    padding-top: 100px;
    min-height: 100vh;
    overflow: hidden;
    position: relative
}

#page__case-studies a.btn-stream-link,#page__case-studies a.btn-stream-link-default,#page__case-studies a.hvr-line,#page__case-studies a.stream-h3 {
    text-decoration: none;
    color: #4c8efa;
    text-transform: uppercase;
    padding: 3px 0;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#page__case-studies .row.flexplex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page__case-studies .row.flexplex:before {
    display: none
}

#page__case-studies .row.flexplex.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#page__case-studies .row.flexplex>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

#page__case-studies header.hero {
    padding: 150px 0;
    position: relative
}

#page__case-studies header.hero .btns {
    margin-top: 75px
}

#page__case-studies header.hero .hero-art {
    position: absolute;
    top: -250px;
    right: -200px;
    width: 841px;
    height: auto
}

@media screen and (max-width: 1270px) and (min-width:1200px) {
    #page__case-studies header.hero .hero-art {
        right:-180px
    }
}

@media screen and (max-width: 1019px) {
    #page__case-studies header.hero .hero-art {
        position:static;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 479px) {
    #page__case-studies header.hero .hero-art {
        display:none
    }
}

#page__case-studies section.cards,#page__case-studies section.highlights,#page__case-studies section.testimonials {
    margin: 150px 0
}

#page__case-studies a.card {
    text-decoration: none;
    background-color: #f4f4f4;
    border-radius: 6px;
    margin: 15px 0;
    overflow: hidden;
    height: 210px;
    display: -ms-flexbox;
    display: flex
}

#page__case-studies a.card img.preview {
    height: inherit;
    width: 210px;
    -o-object-fit: cover;
    object-fit: cover
}

#page__case-studies a.card img.logo {
    margin-bottom: 20px
}

#page__case-studies a.card div {
    padding: 34px 28px 24px;
    font-size: 15.5px;
    line-height: 25px;
    -ms-flex: 1;
    flex: 1
}

#page__case-studies section.highlights {
    background-position: bottom 50px left;
    background-repeat: no-repeat;
    background-size: 362px auto
}

#page__case-studies section.highlights .highlight .row.flexplex>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 830px) {
    #page__case-studies section.highlights {
        background:0 0;
        background-size: 0
    }

    #page__case-studies section.highlights .highlight .row.flexplex>[class*=col-] {
        display: block
    }
}

#page__case-studies section.testimonials {
    padding: 75px 0;
    background-size: 653px auto;
    background-repeat: no-repeat;
    background-position: top -75px center
}

#page__case-studies section.testimonials .flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#page__case-studies section.testimonials .blockquote {
    text-indent: -9999px;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 1020px) {
    #page__case-studies section.testimonials {
        background-position:center center
    }

    #page__case-studies section.testimonials .blockquote {
        margin: 30px auto
    }
}

#page__case-studies section.testimonials .blockquote.techcrunch-feeds {
    max-width: 100%;
    width: 300px;
    background-size: 300px;
    height: 257px;
    background-repeat: no-repeat;
    background-position: top left
}

@media screen and (max-width: 1200px) {
    #page__case-studies section.testimonials .blockquote.techcrunch-feeds {
        width:300px;
        background-size: 300px;
        height: 257px
    }
}

#page__case-studies section.testimonials .blockquote.producthunt-feeds {
    max-width: 100%;
    width: 450px;
    background-size: 450px;
    height: 324px;
    background-repeat: no-repeat;
    background-position: top left
}

@media screen and (max-width: 1200px) {
    #page__case-studies section.testimonials .blockquote.producthunt-feeds {
        width:400px;
        background-size: 400px;
        height: 324px
    }
}

@media screen and (max-width: 1020px) {
    #page__case-studies section.testimonials .blockquote.producthunt-feeds {
        width:450px;
        background-size: 450px;
        height: 324px
    }
}

@media screen and (max-width: 475px) {
    #page__case-studies section.testimonials .blockquote.producthunt-feeds {
        display:none
    }
}

#page__case-studies section.testimonials .blockquote.mashable-feeds {
    max-width: 100%;
    width: 300px;
    background-size: 300px;
    height: 305px;
    background-repeat: no-repeat;
    background-position: top left
}

@media screen and (max-width: 1200px) {
    #page__case-studies section.testimonials .blockquote.mashable-feeds {
        width:250px;
        background-size: 250px;
        height: 305px
    }
}

@media screen and (max-width: 1020px) {
    #page__case-studies section.testimonials .blockquote.mashable-feeds {
        width:300px;
        background-size: 300px;
        height: 305px
    }
}

#page__case-studies section.customers {
    margin: -150px 0;
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: 680px auto;
    background-position: center left 70px
}

@media screen and (max-width: 1440px) {
    #page__case-studies section.customers {
        background-position:center left 0
    }
}

@media screen and (max-width: 1300px) {
    #page__case-studies section.customers {
        background-position:center left -100px
    }
}

@media screen and (max-width: 1020px) {
    #page__case-studies section.customers {
        background-size:0 0
    }
}

#page__case-studies section.customers .customer-logos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#page__case-studies section.customers .customer-logos img {
    margin: 15px 30px
}

#page__case-studies-detail {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A;
    padding-top: 0
}

#page__case-studies-detail #wrap {
    background: #fff;
    max-width: 1620px;
    margin: 0 auto;
    padding-top: 100px;
    min-height: 100vh;
    overflow: hidden;
    position: relative
}

#page__case-studies-detail p:not(.lead) {
    font-size: 16.5px;
    line-height: 30px
}

#page__case-studies-detail p.lead2 {
    font-size: 17px;
    line-height: 26px
}

#page__case-studies-detail article {
    margin-top: 125px
}

#page__case-studies-detail article .divider {
    width: 70px;
    margin: 60px 0;
    height: 2px;
    background-color: #000
}

#page__case-studies-detail blockquote {
    padding: 15px 0;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 200
}

#page__case-studies-detail blockquote:before {
    content: url('data:image/svg+xml; utf8, <svg width="47" height="41" viewBox="0 0 47 41" xmlns="http://www.w3.org/2000/svg"><path d="M9.6.5h7.65L10.8 23.3h6.15v16.8H0V23.3L9.6.5zm37.05 0L40.2 23.3h6.15v16.8H29.4V23.3L39 .5h7.65z" fill="%23000" fill-rule="evenodd"/></svg>');
    left: -80px
}

#page__case-studies p a,#page__case-studies-detail p a {
    color: #4c8efa
}

#page__case-studies .preview,#page__case-studies-detail .preview {
    width: 100%;
    max-width: 410px;
    height: auto;
    background: #D8D8D8;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.5);
    border-radius: 4px;
    overflow: hidden
}

#page__case-studies .preview img,#page__case-studies-detail .preview img {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1020px) {
    #page__case-studies .preview,#page__case-studies-detail .preview {
        margin:0 auto 50px
    }
}

#page__case-studies section.contact,#page__case-studies-detail section.contact {
    margin-top: 150px;
    padding-bottom: 150px;
    background-size: 1523px auto;
    background-position: bottom -300px center;
    background-repeat: no-repeat
}

#page__case-studies section.contact form,#page__case-studies-detail section.contact form {
    margin: 50px auto 0;
    max-width: 671px
}

#page__case-studies .padthai,#page__case-studies-detail .padthai {
    margin-top: 50px
}

#try-the-api-landing {
    background-image: linear-gradient(-988deg,#2d3b45 35%,#0d1c26 100%);
    color: #fff;
    background-size: cover
}

#try-the-api-landing .mktg-topbar {
    background: 0 0
}

#try-the-api-landing .mktg-topbar.compact {
    background-color: #13191E;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

#try-the-api-landing .mktg-topbar.compact .logo {
    line-height: 64px
}

#try-the-api-landing .mktg-topbar .logo {
    display: block;
    line-height: 117px
}

#try-the-api-landing .mktg-label {
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
    font-weight: 400
}

#try-the-api-landing h1 {
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 50.62px;
    line-height: 61.35px;
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#try-the-api-landing .block-title-name {
    margin-bottom: -14px;
    padding-right: 20px
}

#try-the-api-landing .block-title-line {
    height: 1px;
    margin: 14px 0;
    background-color: rgba(255,255,255,.1);
    overflow: hidden;
    width: 100%;
    display: block
}

#try-the-api-landing .content {
    display: block;
    -ms-flex-align: center;
    align-items: center;
    margin: 50px 0
}

@media (min-width: 1020px) {
    #try-the-api-landing .content {
        margin:150px 0
    }
}

#try-the-api-landing .content p {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 100;
    font-size: 21px
}

#try-the-api-landing .content .min-margin {
    padding-left: 0
}

#try-the-api-landing .content .length {
    padding-top: 10px
}

#try-the-api-landing .content .length .time {
    margin-right: 20px
}

#try-the-api-landing .content .cta-landing {
    background-color: #2F7DEB;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 19px;
    border-radius: 2px;
    text-decoration: none;
    color: #FFF;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important
}

#try-the-api-landing .content .cta-landing:hover {
    background-color: #3183F5
}

#try-the-api-landing .content .cta-section-landing {
    margin-top: 105px
}

@media (max-width: 1019px) {
    #try-the-api-landing .content .cta-section-landing {
        margin-top:30px
    }
}

#try-the-api-landing .code-example {
    background: rgba(0,0,0,.3);
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 30px;
    padding-top: 30px;
    color: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.19);
    font-family: monospace
}

#try-the-api-landing .code-example .api-code {
    background: 0 0;
    color: #FFF;
    margin: 22px;
    padding: 30px 0 30;
    line-height: 27px;
    display: block
}

#try-the-api-landing .code-example .api-code>div {
    padding-left: 20px
}

#try-the-api-landing .code-example .api-code .half {
    opacity: .3
}

#try-the-api-landing .code-example .api-code .green {
    color: #B8E986
}

#try-the-api-landing .code-example .api-code .purple {
    color: #A33DFF
}

#try-the-api-landing .code-example .implement-with {
    display: none;
    margin: 0 20px
}

#try-the-api-landing .code-example .implement-with img {
    padding-top: 20px
}

#try-the-api-landing .code-example .implement-with .block-title-name {
    margin-bottom: -14px;
    padding-right: 20px
}

@media (min-width: 1020px) {
    #try-the-api-landing .code-example .implement-with {
        display:block
    }

    #try-the-api-landing .code-example {
        margin-bottom: 0;
        margin-top: 0
    }
}

#try-the-api-landing .flair {
    background: url(https://getstream.imgix.net/images/case-studies/case_study-flair3.png) center no-repeat;
    background-size: 100%;
    height: 160px;
    margin-top: 20px;
    opacity: .6
}

@media (max-width: 790px) {
    #try-the-api-landing .flair {
        background:url(https://getstream.imgix.net/images/case-studies/case_study-flair3-mobile.png) center no-repeat;
        background-size: 100%;
        height: 200px;
        transition: .5s
    }
}

.img-shadow {
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.11)
}

.l-seo-design {
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

.l-seo-design #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px
}

.l-seo-design #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

.l-seo-design .str-portal-link .left img {
    position: absolute;
    left: 0
}

.l-seo-design .str-portal-link .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.l-seo-design .activityfeed-design-hero {
    color: #000;
    margin-top: 160px
}

.l-seo-design .activityfeed-design-hero h1 {
    margin-top: 0;
    margin-bottom: 30px
}

.l-seo-design .activityfeed-design-hero .lnd-hero-art {
    position: absolute;
    top: 140px;
    right: -15px;
    z-index: 0;
    width: 930px;
    height: auto;
    background-size: auto
}

@media (max-width: 1440px) {
    .l-seo-design .activityfeed-design-hero .lnd-hero-art {
        width:900px;
        height: auto;
        top: 15x
    }
}

@media (max-width: 1400px) {
    .l-seo-design .activityfeed-design-hero .lnd-hero-art {
        width:850px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1300px) {
    .l-seo-design .activityfeed-design-hero .lnd-hero-art {
        width:800px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1200px) {
    .l-seo-design .activityfeed-design-hero .lnd-hero-art {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1100px) {
    .l-seo-design .activityfeed-design-hero .lnd-hero-art {
        height:auto;
        top: 135px;
        width: 600px
    }
}

@media (max-width: 1020px) {
    .l-seo-design .activityfeed-design-hero .lnd-hero-art {
        display:none
    }
}

.l-seo-design .publisher {
    margin-top: 80px;
    margin-bottom: 20px;
    z-index: 0
}

.l-seo-design .publisher .tilton {
    width: 70px;
    height: 70px;
    background-image: url(https://getstream.imgix.net/images/afd/tilton.png);
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.32)
}

.l-seo-design .publisher .tilton-who {
    width: 250px;
    position: relative;
    top: -57px;
    left: 90px
}

.l-seo-design .publisher .tilton-who p {
    font-size: 20px;
    color: #000
}

.l-seo-design .introduction {
    z-index: 0;
    position: relative;
    top: 100px
}

.l-seo-design .introduction .getbased {
    background: #2A3754;
    margin-top: -50px;
    display: block;
    overflow: hidden;
    width: 96%
}

.l-seo-design .introduction .getbased .section-title {
    font-size: 22px;
    line-height: 20px
}

@media (max-width: 1019px) {
    .l-seo-design .introduction .getbased {
        margin-top:0;
        margin-left: 30px;
        margin-right: 30px
    }
}

.l-seo-design .introduction .getbased .content {
    padding-top: 30px
}

.l-seo-design .introduction .dribbble-shots {
    padding-top: 30px;
    clear: both;
    display: block
}

.l-seo-design .introduction .dribbble-shots a {
    padding-bottom: 30px
}

.l-seo-design .p-open {
    margin-top: 30px;
    margin-bottom: 30px
}

.l-seo-design .why-activity {
    margin-top: -100px
}

.l-seo-design .why-activity .mktg-overpass {
    font-size: 14px
}

.l-seo-design .why-activity .callout {
    width: 270px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px
}

.l-seo-design .why-activity .callout img {
    padding-bottom: 20px
}

.l-seo-design .why-activity .gif {
    margin: 0 auto;
    width: 638px
}

.l-seo-design .why-activity .gif .qoute {
    font-size: 27px;
    color: #4C8EFA;
    letter-spacing: -.9px;
    line-height: 46px;
    width: 300px;
    position: relative;
    left: 485px;
    top: -120px
}

.l-seo-design .why-activity .str__bq {
    font-size: 27px
}

.l-seo-design .part-two {
    background: url(https://getstream.imgix.net/images/afd/left-bg-2.svg) top left no-repeat,url(https://getstream.imgix.net/images/afd/right-bg-2.svg) top right no-repeat
}

.l-seo-design .part-two .list li {
    padding-bottom: 15px
}

.l-seo-design .part-three .feed-type p {
    font-size: 15px
}

.l-seo-design .part-three .feed-type img {
    padding-bottom: 30px
}

.l-seo-design .part-five .number-p {
    font-size: 14px
}

.l-seo-design .part-five .number-block {
    display: block;
    border-bottom: #ECEDF0 solid 1px;
    height: 20px
}

.l-seo-design .part-five .number-block .number-span {
    width: 35px;
    color: #50E3C2;
    letter-spacing: 0;
    display: block;
    background: #fcfcfc
}

.l-seo-design .part-seven .kit-details {
    text-transform: uppercase;
    width: 100%;
    display: block;
    clear: both;
    padding-left: 0;
    margin-left: 0;
    margin-top: 50px
}

.l-seo-design .part-seven .kit-details li {
    list-style-type: none;
    vertical-align: middle;
    height: 24px;
    margin-bottom: 20px
}

.l-seo-design .part-seven .kit-details li a {
    transition: 1s ease-in-out;
    text-decoration: none
}

.l-seo-design .part-seven .kit-details li a:hover {
    transition: 5s ease-in-out;
    text-decoration: none;
    text-shadow: 0 2px 9px rgba(0,0,0,.5)
}

.l-seo-design .part-seven .kit-details li .material-icons {
    vertical-align: middle
}

.l-seo-design .part-seven .shot-details {
    height: 24px;
    line-height: 54px
}

.l-seo-design .part-seven .shot-details a:hover {
    text-decoration: none
}

.l-seo-design .part-seven .shot-details .material-icons {
    vertical-align: middle
}

.l-seo-design .part-eight {
    margin-bottom: 150px
}

.afd-qoute {
    color: #4C8EFA;
    display: block
}

.l-seo-api {
    padding-top: 0
}

.l-seo-api #HeaderNav,.l-seo-api #Pricing-Mobile {
    fill: #fff
}

.l-seo-api h1 {
    font-family: "Miriam Libre",sans-serif;
    font-size: 40px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 42px;
    margin-bottom: 20px
}

@media (max-width: 829px) {
    .l-seo-api h1 {
        font-size:36px;
        line-height: 48px;
        margin-left: 2%;
        margin-right: 2%
    }
}

.l-seo-api p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 100
}

.l-seo-api h3 {
    font-family: "Miriam Libre",sans-serif;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 40px
}

.l-seo-api .afd-h4 {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px
}

.l-seo-api .afd-h5,.l-seo-api .feed-content .luke blockquote,.l-seo-api .section-title {
    font-family: "Miriam Libre",sans-serif
}

.l-seo-api .afd-h5 {
    font-size: 19px;
    letter-spacing: 0;
    line-height: 40px
}

.l-seo-api .section-title {
    font-size: 31px;
    margin-top: 10px
}

.l-seo-api .mktg-topbar .sign-in {
    color: #fff
}

.l-seo-api .mktg-topbar .mktg-btn-outline-links {
    border: 1px solid #fff;
    color: #fff!important
}

.l-seo-api .mktg-topbar.compact {
    background: linear-gradient(308deg,rgba(17,124,182,.9),rgba(52,153,251,.9),rgba(2,37,77,.9),rgba(17,124,182,.9));
    background-size: 800% 800%;
    animation: AnimationName 30s ease infinite;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

.l-seo-api .hero {
    width: 100%;
    padding-top: 200px;
    text-align: left;
    background: linear-gradient(90deg,#2C3FFA 0,#00D5F0 100%);
    height: 860px;
    overflow: hidden
}

@media (max-width: 829px) {
    .l-seo-api .hero {
        text-align:center;
        height: 700px
    }
}

@media (max-width: 414px) {
    .l-seo-api .hero {
        height:950px
    }
}

@media (max-width: 320px) {
    .l-seo-api .hero {
        height:1050px
    }
}

.l-seo-api .hero .fixpos {
    position: relative
}

.l-seo-api .hero .apiseatingtheworld {
    background: url(https://getstream.imgix.net/images/api/apibreakdown.png) top right no-repeat;
    background-size: 567px 806px;
    height: 806px;
    z-index: 10;
    position: relative;
    top: -150px
}

@media (max-width: 1199px) {
    .l-seo-api .hero .apiseatingtheworld {
        right:-80px;
        top: -50px;
        background-size: 407px 578px
    }
}

@media (max-width: 1019px) {
    .l-seo-api .hero {
        padding-top:130px
    }

    .l-seo-api .hero .apiseatingtheworld {
        right: -120px;
        top: 0
    }
}

.l-seo-api .hero .iso-code {
    width: 757px;
    height: 571px;
    background: url(https://getstream.imgix.net/images/api/iso-code@2x.png) center no-repeat;
    background-size: 775px;
    position: absolute;
    right: -70px;
    top: -40px
}

@media (max-width: 1199px) {
    .l-seo-api .hero .iso-code {
        right:-230px
    }
}

@media (max-width: 1019px) {
    .l-seo-api .hero .iso-code {
        right:-330px;
        top: 0
    }
}

@media (max-width: 829px) {
    .l-seo-api .hero .iso-code {
        right:-330px;
        top: 0
    }
}

.l-seo-api .hero p {
    color: #fff;
    font-size: 19px;
    font-weight: 100;
    line-height: 28px;
    margin-left: 0!important;
    margin-right: 0 important
}

.l-seo-api .hero .mktg-btn-brand {
    background: #FFF;
    color: #0025B7;
    width: 170px;
    padding: 12px 35px;
    margin-top: 50px
}

.l-seo-api .hero::before {
    transform: skewY(-4deg);
    width: 100%;
    content: '';
    display: block;
    background-color: #fcfcfc;
    position: absolute;
    height: 180px;
    top: 727px;
    z-index: -1px
}

.l-seo-api .feed-content .afd-qoute {
    color: #002DBA;
    font-size: 20px;
    background: url(https://getstream.imgix.net/images/api/logos.png) bottom no-repeat;
    background-size: 100%;
    padding-bottom: 80px
}

.l-seo-api .feed-content .luke {
    width: 370px;
    margin: 50px auto;
    height: 220px;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06)
}

@media (max-width: 414px) {
    .l-seo-api .hero::before {
        top:990px
    }

    .l-seo-api .feed-content .luke {
        width: 95%
    }
}

.l-seo-api .feed-content .luke blockquote {
    color: #2A3754;
    font-size: 18px;
    font-weight: 100;
    margin: 30px;
    line-height: 36px;
    padding-top: 30px
}

.l-seo-api .developers .block-title-name,.l-seo-api .vs .table {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.l-seo-api .feed-content .luke .bio {
    background: url(https://getstream.imgix.net/images/api/nick.png) top center no-repeat;
    margin-bottom: -102px;
    text-align: center;
    padding-top: 110px
}

.l-seo-api .feed-content .luke .bio span {
    display: block;
    width: 100%;
    font-size: 18px
}

.l-seo-api .feed-content .luke .bio label {
    font-size: 10px
}

.l-seo-api .vs {
    background-image: url(https://getstream.imgix.net/images/api/compare.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 930px;
    position: relative;
    overflow: hidden;
    color: #fff
}

@media (max-width: 1019px) {
    .l-seo-api .vs p {
        font-size:15px
    }
}

@media (max-width: 320px) {
    .l-seo-api .hero::before {
        top:1090px
    }

    .l-seo-api .vs {
        height: 1030px
    }
}

.l-seo-api .vs .table {
    width: 100%;
    margin-top: 200px;
    clear: both;
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.l-seo-api .vs .table .column {
    margin-bottom: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    -ms-flex: 1;
    flex: 1
}

.l-seo-api .vs .table .column ul {
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.l-seo-api .vs .table .column ul li {
    border-bottom: 1px solid rgba(0,0,0,.14)
}

.l-seo-api .vs .table .column .up {
    text-transform: uppercase
}

.l-seo-api .vs .table .streamvinhouse {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px
}

.l-seo-api .vs .table .streamvinhouse .header {
    text-transform: none;
    color: #7fffd4;
    letter-spacing: normal
}

.l-seo-api .vs .table .stream-prop {
    margin-top: -20px;
    text-align: center;
    background: rgba(47,125,235,.82);
    font-weight: 600;
    transform: skewY(-4deg)
}

.l-seo-api .vs::after,.l-seo-api .vs::before {
    background-color: #fcfcfc;
    position: absolute;
    height: 180px
}

.l-seo-api .vs .table .stream-prop ul {
    transform: skewY(4deg);
    padding-top: 20px;
    padding-bottom: 13px
}

.l-seo-api .api-benefits::before,.l-seo-api .vs::after,.l-seo-api .vs::before {
    transform: skewY(-4deg);
    z-index: -1px;
    width: 100%;
    display: block;
    content: ''
}

.l-seo-api .vs .table .table-label {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px
}

.l-seo-api .vs .table .table-header {
    font-weight: 700;
    font-size: 18px;
    border-top: none;
    line-height: 60px
}

.l-seo-api .vs .table .table-header :first-of-type {
    font-size: 16px;
    color: #50E3C2
}

.l-seo-api .vs::before {
    top: -100px
}

.l-seo-api .vs::after {
    top: 840px
}

@media (max-width: 320px) {
    .l-seo-api .vs::after {
        top:1010px
    }
}

.l-seo-api .developers {
    background-image: url(https://getstream.imgix.net/images/social-networks/iso-code.png);
    background-size: 35%;
    background-position: right 150px;
    background-repeat: no-repeat;
    padding-bottom: 100px
}

@media (max-width: 1019px) {
    .l-seo-api .developers {
        background:0 0
    }
}

.l-seo-api .developers .block-title-name {
    font-size: 15px
}

.l-seo-api .developers .block-title-line {
    position: relative;
    top: 15px
}

.l-seo-api .developers .luke {
    margin-top: -140px;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06)
}

@media (max-width: 1019px) {
    .l-seo-api .developers .luke {
        margin-top:30px;
        background: 0 0;
        box-shadow: none
    }
}

.l-seo-api .developers .luke blockquote {
    font-family: "Miriam Libre",sans-serif;
    color: #2F7DEB;
    font-size: 18px;
    font-weight: 100;
    margin: 30px;
    padding-top: 30px;
    line-height: 36px
}

.l-seo-api .developers .luke .bio {
    background: url(https://getstream.imgix.net/images/api/luke.png) top center no-repeat;
    margin-bottom: -102px;
    text-align: center;
    padding-top: 110px
}

.l-seo-api .developers .luke .bio span {
    display: block;
    width: 100%;
    font-size: 18px
}

.l-seo-api .developers .luke .bio label {
    font-size: 10px
}

.l-seo-api .developers .btn-close:after,.l-seo-api .developers .icon,.l-seo-api .developers .link-newtab:after,.l-seo-api .developers .modal-content .modal-header .close:after,.l-seo-api .developers [type=checkbox].stream-form-control:checked+label:after,.l-seo-api .developers [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .l-seo-api .developers .close:after {
    padding-top: 120px
}

.l-seo-api .developers .flat {
    background: url(https://getstream.imgix.net/images/api/flat.svg) 15px top no-repeat
}

.l-seo-api .developers .aggregated {
    background: url(https://getstream.imgix.net/images/api/aggregated.svg) 15px top no-repeat
}

.l-seo-api .developers .notification {
    background: url(https://getstream.imgix.net/images/api/notification.svg) 15px top no-repeat
}

.l-seo-api .api-benefits {
    position: relative;
    height: 840px
}

@media (max-width: 414px) {
    .l-seo-api .api-benefits {
        height:1010px
    }
}

.l-seo-api .api-benefits .flyr {
    margin-top: 200px
}

.l-seo-api .api-benefits .flyr p {
    font-size: 14px;
    margin-top: 20px
}

.l-seo-api .api-benefits ul {
    padding-left: 0
}

.l-seo-api .api-benefits ul li {
    list-style-type: none;
    background: url(https://getstream.imgix.net/images/api/check.svg) no-repeat;
    margin-bottom: 25px;
    margin-left: 0;
    padding-left: 40px;
    line-height: 24px
}

.l-seo-api .api-benefits::before {
    background: #EDEEF0;
    position: absolute;
    height: 880px
}

@media (max-width: 414px) {
    .l-seo-api .api-benefits::before {
        height:1090px
    }
}

.l-seo-api .build-social-cards {
    margin-top: 0;
    margin-bottom: 0
}

.l-seo-api .fin {
    background: url(https://getstream.imgix.net/images/case-studies/benefits-icon.svg) center 100px no-repeat;
    background-size: 970px;
    padding-top: 250px;
    margin-bottom: 100px
}

@media (max-width: 960px) {
    .l-seo-api .fin {
        background-size:90%
    }
}

@media (max-width: 1019px) {
    .l-seo-api .fin {
        background:0 0;
        padding-top: 100px
    }
}

.l-seo-api .fin p {
    font-size: 21px;
    margin-bottom: 50px
}

.l-seo-api .fin .api-btn {
    font-size: 17px;
    padding: 12px 50px
}

.l-seo-social-networks {
    padding-top: 0
}

.l-seo-social-networks #HeaderNav,.l-seo-social-networks #Pricing-Mobile {
    fill: #fff
}

.l-seo-social-networks p {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 18px
}

.l-seo-social-networks h3 {
    font-family: "Miriam Libre",sans-serif;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 40px
}

.l-seo-social-networks .afd-h4 {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px
}

.l-seo-social-networks .afd-h5 {
    font-family: "Miriam Libre",sans-serif;
    font-size: 19px;
    color: #2A3754;
    letter-spacing: 0;
    line-height: 40px
}

.l-seo-social-networks .section-title {
    font-size: 31px;
    font-family: "Miriam Libre",sans-serif;
    margin-top: 10px
}

.l-seo-social-networks .mktg-topbar .sign-in {
    color: #fff
}

.l-seo-social-networks .mktg-topbar .mktg-btn-outline-links {
    border: 1px solid #fff;
    color: #fff!important
}

.l-seo-social-networks .mktg-topbar.compact {
    background: linear-gradient(308deg,rgba(17,124,182,.9),rgba(52,153,251,.9),rgba(2,37,77,.9),rgba(17,124,182,.9));
    background-size: 800% 800%;
    animation: AnimationName 30s ease infinite;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1)
}

.l-seo-social-networks .build-social-hero {
    height: 770px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #0B4FAF;
    background-image: linear-gradient(102deg,#003F99 3%,#193BBE 31%,#0B9CAF 95%)
}

.l-seo-social-networks .build-social-hero .connection {
    background-image: url(https://getstream.imgix.net/images/afd/hero2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: absolute;
    top: 0;
    height: 770px
}

.l-seo-social-networks .build-social-hero .overlayy {
    width: 100%;
    position: absolute;
    top: 0;
    height: 770px;
    background-image: url(https://getstream.imgix.net/images/social-networks/curve-left.png),url(https://getstream.imgix.net/images/social-networks/curve-btm.png);
    background-size: cover;
    background-position: top,bottom
}

.l-seo-social-networks .build-social-hero .overlayy .contenter {
    opacity: 1;
    z-index: 1;
    margin-top: 150px;
    background-image: url(https://getstream.imgix.net/images/social-networks/lang-bg.png);
    background-size: cover;
    background-position: center;
    min-height: 440px
}

@media (max-width: 376px) {
    .l-seo-social-networks .build-social-hero .overlayy .contenter {
        margin-top:100px
    }

    .l-seo-social-networks .build-social-hero .overlayy .contenter h1 {
        font-size: 35px
    }
}

.l-seo-social-networks .build-social-hero h1 {
    font-size: 53px
}

@media (max-width: 829px) {
    .l-seo-social-networks .build-social-hero h1 {
        font-size:43px
    }
}

.l-seo-social-networks .build-social-hero p {
    font-size: 22px;
    font-weight: 100;
    line-height: 40px
}

@media (max-width: 600px) {
    .l-seo-social-networks .build-social-hero p {
        font-size:18px;
        line-height: 36px
    }
}

@media (max-width: 515px) {
    .l-seo-social-networks .build-social-hero p {
        font-size:16px;
        line-height: 28px
    }
}

@media (max-width: 375px) {
    .l-seo-social-networks .build-social-hero p {
        font-size:16px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

.l-seo-social-networks .build-social-hero p:first-of-type {
    margin-top: 30px
}

.l-seo-social-networks .build-social-hero .table-of-contents {
    padding-top: 50px
}

.l-seo-social-networks .build-social-hero .table-of-contents h5 {
    font-family: "Miriam Libre",sans-serif;
    font-size: 31px;
    margin-top: 10px
}

.l-seo-social-networks .build-social-hero .table-of-contents ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.l-seo-social-networks .build-social-hero .table-of-contents ul li {
    padding: 0;
    margin: 0 0 10px;
    line-height: 24px
}

.l-seo-social-networks .build-social-hero .table-of-contents ul li a {
    color: rgba(255,255,255,.5);
    transition: 1s ease-in-out
}

.l-seo-social-networks .build-social-hero .table-of-contents ul li a:hover {
    color: #fff;
    text-decoration: none;
    transition: 1s ease-in-out
}

.l-seo-social-networks .build-social-hero .table-of-contents ul li .material-icons {
    vertical-align: middle
}

.l-seo-social-networks .build-social-hero::after {
    position: absolute;
    content: " ";
    display: block;
    left: -11%;
    top: 600px;
    transform: rotate(-8deg);
    width: 115%;
    height: 360px;
    background: #FCFCFC;
    z-index: 0
}

.l-seo-social-networks .cabin .app {
    background-image: url(https://getstream.imgix.net/images/social-networks/cabin.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    top: -310px;
    padding-bottom: 100px;
    height: auto
}

@media (max-width: 1019px) {
    .l-seo-social-networks .cabin .app {
        background-position:400px 100px;
        background-size: 48%
    }
}

@media (max-width: 830px) {
    .l-seo-social-networks .cabin .app {
        background-position:570px 100px
    }
}

@media (max-width: 670px) {
    .l-seo-social-networks .cabin .app {
        background-position:300px 100px;
        background-size: 58%
    }
}

@media (max-width: 650px) {
    .l-seo-social-networks .cabin .app {
        background-position:570px 100px
    }
}

@media (max-width: 610px) {
    .l-seo-social-networks .cabin .app {
        background-position:400px 100px;
        background-size: 65%
    }
}

@media (max-width: 414px) {
    .l-seo-social-networks .cabin .app {
        background:0 0
    }

    .l-seo-social-networks .cabin .app .col-xs-8 {
        width: 100%
    }
}

.l-seo-social-networks .cabin .app .shim {
    margin-top: 270px
}

.l-seo-social-networks .cabin .app .shim label {
    clear: both
}

.l-seo-social-networks .winds {
    clear: both;
    z-index: 1!important
}

.l-seo-social-networks .winds .app {
    background-image: url(https://getstream.imgix.net/images/social-networks/laptop.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: -310px;
    min-height: 730px;
    z-index: 1
}

@media (max-width: 1187px) {
    .l-seo-social-networks .winds .app {
        background-position:-190px 0
    }
}

@media (max-width: 1199px) {
    .l-seo-social-networks .winds .app {
        background-position:-330px 0
    }
}

@media (max-width: 829px) {
    .l-seo-social-networks .build-social-hero::after {
        left:-3%
    }

    .l-seo-social-networks .winds .app {
        background-position: -630px 0
    }
}

@media (max-width: 414px) {
    .l-seo-social-networks .winds .app {
        background:0 0
    }

    .l-seo-social-networks .winds .app .col-xs-9 {
        width: 100%;
        margin-left: 0
    }
}

.l-seo-social-networks .build-social-feeds {
    margin-top: -240px;
    position: relative
}

.l-seo-social-networks .build-social-feeds .code-bg {
    background-image: url(https://getstream.imgix.net/images/social-networks/code.png);
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 560px;
    position: relative;
    top: 170px
}

.l-seo-social-networks .build-social-feeds::before,.l-seo-social-networks .selected-articles::before {
    position: absolute;
    height: 750px;
    transform: skewY(-4deg);
    width: 100%;
    left: 0;
    content: " ";
    z-index: -1
}

@media (max-width: 1195px) {
    .l-seo-social-networks .build-social-feeds .code-bg {
        background-size:68%
    }
}

@media (max-width: 1020px) {
    .l-seo-social-networks .build-social-feeds .code-bg {
        background:0 0
    }
}

.l-seo-social-networks .build-social-feeds::before {
    top: 0;
    background: #EDEEF0
}

@media (max-width: 414px) {
    .l-seo-social-networks .build-social-feeds::before {
        top:150px
    }
}

.l-seo-social-networks .selected-articles {
    margin-bottom: 100px;
    margin-top: 180px;
    position: relative
}

.l-seo-social-networks .selected-articles .read {
    display: block;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06);
    border-radius: 2px;
    min-height: 380px
}

.l-seo-social-networks .selected-articles .read label {
    color: #2F7DEB
}

.l-seo-social-networks .selected-articles .read h4 {
    font-size: 21px
}

.l-seo-social-networks .selected-articles .read div {
    padding: 20px
}

.l-seo-social-networks .selected-articles .read p {
    font-size: 14px;
    line-height: 25px
}

.l-seo-social-networks .selected-articles .read:hover {
    text-decoration: none
}

.l-seo-social-networks .selected-articles::before {
    top: 0;
    background: #EDEEF0
}

.l-seo-social-networks .contact-cta-build {
    background: #2562B8;
    padding-top: 100px;
    padding-bottom: 100px
}

.l-seo-social-networks .contact-cta-build .crcl {
    width: 66px;
    height: 66px;
    background: center no-repeat #FFF;
    border: 1px solid #ECEDF0;
    display: block;
    border-radius: 33px;
    margin-bottom: -33px
}

.l-seo-social-networks .contact-cta-build .enterprise-icon {
    background-image: url(https://getstream.imgix.net/images/pricingtwo/enterprise-icon.svg);
    background-color: #2C64FE;
    border: 1px solid #2C64FE;
    margin-bottom: 40px
}

.l-seo-social-networks .contact-cta-build p {
    font-weight: 400;
    font-size: 16px
}

.l-seo-social-networks .contact-cta-build .more-enterprise {
    font-family: "Miriam Libre",sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
    border-bottom: rgba(255,255,255,.2);
    display: block
}

.l-seo-social-networks .contact-cta-build .more-enterprise:hover {
    text-decoration: none
}

.l-seo-social-networks .contact-cta-build .mktg-input {
    background: #2056A1;
    border-radius: 2px;
    border: none
}

.l-seo-social-networks .contact-cta-build .mktg-input-white {
    margin-bottom: 0
}

.l-seo-social-networks .contact-cta-build .mktg-input-error {
    border: 1px solid #FF5452!important
}

.l-seo-social-networks .contact-cta-build .help-block {
    background: #1E5097;
    font-weight: 200;
    padding-left: 14px;
    line-height: 20px;
    font-style: italic;
    color: #fff
}

.l-seo-social-networks .contact-cta-build .has-success .form-control-feedback {
    color: #16C98D;
    margin-right: -10px
}

.l-seo-social-networks .contact-cta-build .has-error .form-control-feedback {
    color: #FF5452;
    margin-right: -10px
}

.l-seo-social-networks .contact-cta-build input,.l-seo-social-networks .contact-cta-build select,.l-seo-social-networks .contact-cta-build textarea {
    border: none!important
}

.l-seo-social-networks .contact-cta-build textarea {
    height: 100px
}

.l-seo-social-networks .contact-cta-build .mktg-btn-links {
    background: #fff;
    color: #2F7DEB
}

.l-seo-social-networks .contact-cta-build .messages,.l-seo-social-networks .contact-cta-build span {
    color: #fff;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

@media (max-width: 1199px) {
    .l-seo-social-networks .contact-cta-build .mktg-btn-links {
        margin-top:30px!important
    }
}

.l-seo-social-networks .contact-cta-build .messages {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.l-seo-social-networks .contact-cta-build .messages li {
    padding: 0;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: rgba(22,201,141,.4);
    border: 1px solid #16C98D
}

.l-seo-social-networks .contact-cta-build span {
    background: #1E5097;
    font-size: 12px;
    font-weight: 200;
    padding-left: 14px;
    line-height: 20px;
    font-style: italic;
    display: block
}

.l-seo-social-networks .contact-cta-build .oneday {
    background: 0 0;
    opacity: .4;
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    color: #FFF;
    letter-spacing: 0
}

.build-social-cards {
    margin-top: 180px;
    margin-bottom: 100px;
    height: auto;
    display: block
}

.build-social-cards .card {
    display: block;
    height: 160px;
    margin-bottom: 30px;
    box-shadow: 0 3px 38px 0 rgba(0,0,0,.2);
    border-radius: 6px;
    text-align: center;
    transition: 1s ease-in-out;
    position: relative
}

.build-social-cards .card img {
    margin-top: 30px
}

.build-social-cards .card .label {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 30px;
    color: #fff;
    text-decoration: none;
    text-align: center
}

.build-social-cards .card:hover {
    box-shadow: 0 3px 58px 0 rgba(0,0,0,.2);
    transition: 1s ease-in-out
}

.build-social-cards .node {
    background: #4BE6FA;
    background-image: linear-gradient(-48deg,rgba(0,48,121,.36) 0,rgba(0,113,255,.23) 51%,rgba(17,63,142,.32) 100%)
}

.build-social-cards .ruby {
    background: #4BC9FA
}

.build-social-cards .python {
    background: #4BABFA
}

.build-social-cards .java {
    background: #4B85FA
}

.build-social-cards .django {
    background: #3064DA
}

.build-social-cards .php {
    background: #105EAC
}

.build-social-cards .doctrine,.build-social-cards .laravel,.build-social-cards .symfony {
    background: #224887
}

.build-social-cards .rails {
    background: #1C2F67
}

.build-social-cards .meteor {
    background: #2B354E
}

.build-social-cards .go {
    background: #2D2F37
}

.build-social-cards .net {
    background: #262626
}

.build-social-cards .scala {
    background: #222
}

.build-social-cards .overlay-color {
    background-image: linear-gradient(-48deg,rgba(0,48,121,.36) 0,rgba(0,113,255,.23) 51%,rgba(17,63,142,.32) 100%)
}

.build-social-cards .luke {
    margin-top: 100px;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.06)
}

@media (max-width: 1019px) {
    .build-social-cards .luke {
        background:0 0;
        box-shadow: none
    }
}

.build-social-cards .luke blockquote {
    font-family: "Miriam Libre",sans-serif;
    color: #2F7DEB;
    font-size: 18px;
    font-weight: 100;
    margin: 30px;
    line-height: 36px
}

.build-social-cards .luke .bio {
    background: url(https://getstream.imgix.net/images/social-networks/luke.png) top center no-repeat;
    margin-bottom: -102px;
    text-align: center;
    padding-top: 110px
}

.build-social-cards .luke .bio span {
    display: block;
    width: 100%;
    font-size: 18px
}

.build-social-cards .luke .bio label {
    font-size: 10px
}

#winds-landing {
    padding-top: 0
}

#winds-landing .messages {
    list-style-type: none;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #2A3754;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

#winds-landing .messages li {
    padding: 0;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: rgba(22,201,141,.4);
    border: 1px solid #16C98D
}

#winds-landing .wrap {
    background-image: url(https://getstream.imgix.net/images/winds/screenshot4@2x.png?auto=enhance);
    background-size: 945px 981px;
    background-position: calc(100% - 0px) calc(100% - 160px);
    background-repeat: no-repeat;
    min-height: 1000px;
    padding-bottom: 200px
}

@media (max-width: 1480px) {
    #winds-landing .wrap {
        background-position:calc(100% - -100px) calc(100% - 160px)
    }
}

@media (max-width: 1199px) {
    #winds-landing .wrap {
        background-position:calc(100% - -290px) calc(100% - -260px)
    }
}

@media (max-width: 1019px) {
    #winds-landing .wrap {
        background-position:calc(100% - -390px) calc(100% - -260px)
    }
}

@media (max-width: 829px) {
    #winds-landing .messages {
        width:100%
    }

    #winds-landing .wrap {
        background: 0 0
    }
}

#winds-landing .top {
    height: 150px;
    background-image: url(https://getstream.imgix.net/images/winds/winds-word-logo.svg);
    background-position: 20px center;
    background-repeat: no-repeat
}

#winds-landing .top .github-block {
    float: right;
    padding-top: 60px
}

#winds-landing .hero h1 {
    line-height: 61.35px;
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 0;
    font-size: 45px
}

@media (max-width: 1199px) {
    #winds-landing .hero h1 {
        font-size:41px
    }
}

@media (max-width: 1019px) {
    #winds-landing .hero h1 {
        font-size:36px
    }
}

#winds-landing .hero p {
    margin-top: 40px;
    margin-bottom: 60px
}

@media (max-width: 560px) {
    #winds-landing .hero p {
        margin-bottom:40px
    }
}

#winds-landing .hero .btns .mktg-btn-black-border {
    margin-left: 20px;
    margin-top: 40px
}

@media (max-width: 500px) {
    #winds-landing .hero .btns .mktg-btn-black-border {
        margin-top:20px;
        margin-left: 0;
        width: 100%;
        text-align: center
    }

    #winds-landing .hero .btns .mktg-btn-black {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
}

#winds-landing .hero .btns .detect-system {
    font-family: realtimetext_light,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 12px;
    padding-top: 12px;
    display: block
}

#winds-landing .hero .btns .winds-input input {
    width: 66%;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    float: left;
    padding-right: 20px
}

@media (max-width: 829px) {
    #winds-landing .hero .btns .winds-input input {
        width:100%
    }
}

#winds-landing .hero .btns .mktg-alert {
    margin-top: 10px;
    width: 66%
}

#winds-landing .hero .os-icons {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    opacity: .3;
    display: -ms-flexbox;
    display: flex;
    width: 26%;
    padding-top: 35px
}

#winds-landing .hero .well {
    margin-bottom: 55px;
    color: #000
}

#winds-landing .hero .well .btn-close:after,#winds-landing .hero .well .icon,#winds-landing .hero .well .link-newtab:after,#winds-landing .hero .well .modal-content .modal-header .close:after,#winds-landing .hero .well [type=checkbox].stream-form-control:checked+label:after,#winds-landing .hero .well [type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header #winds-landing .hero .well .close:after {
    width: 100%;
    height: 30px;
    display: block
}

#winds-landing .hero .well h5 {
    line-height: 35.6px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 0;
    font-size: 20px
}

#winds-landing .hero .well p,.str__post--section-subtitle,.str__post--section-title {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#winds-landing .hero .well p {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 15.5px;
    line-height: 25px;
    color: #4d4d4d
}

#winds-landing .app-footer .first,#winds-landing .app-footer h2 {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

@media (max-width: 1019px) {
    #winds-landing .hero .well p {
        width:100%
    }
}

#winds-landing .app-footer {
    background-image: linear-gradient(-180deg,#E4FDF7 0,#D8DCEB 100%);
    padding-top: 130px;
    padding-bottom: 130px
}

#winds-landing .app-footer h2 {
    font-size: 33.75px;
    line-height: 39.61px;
    margin-top: 0
}

#winds-landing .app-footer .first {
    font-size: 22.5px;
    line-height: 35.6px;
    padding-top: 30px
}

#winds-landing .app-footer .p-rt-15 {
    margin-bottom: 50px
}

#winds-landing .app-footer .possibilities {
    display: block;
    width: 50%;
    float: left;
    min-height: 100px;
    background-repeat: no-repeat;
    text-indent: -9999px
}

#winds-landing .app-footer .possibilities a {
    height: 100px;
    width: 100%;
    display: block
}

#winds-landing .app-footer .algolia {
    background-image: url(https://getstream.imgix.net/images/winds/algolia.svg);
    background-position: left center
}

#winds-landing .app-footer .mongo {
    background-image: url(https://getstream.imgix.net/images/winds/mongo.svg);
    background-position: center
}

#winds-landing .app-footer .email {
    background-image: url(https://getstream.imgix.net/images/winds/email.svg);
    background-position: left center
}

#winds-landing .app-footer .digitalocean {
    background-image: url(https://getstream.imgix.net/images/winds/digitalocean.svg);
    background-position: center
}

#winds-landing .app-footer .feeds {
    background-image: url(https://getstream.imgix.net/images/winds/feeds.svg);
    background-position: center
}

.winds-footer {
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    display: block;
    width: 100%
}

body#cabin {
    padding-top: 0;
    background: url(https://getstream.imgix.net/images/cabin/wrap-bg.jpg) fixed;
    min-width: 360px
}

body#cabin *,body#cabin button,body#cabin input,body#cabin select,body#cabin textarea {
    margin: 0
}

body#cabin *,body#cabin hr {
    border: 0
}

body#cabin a,body#cabin a:active,body#cabin a:hover {
    text-decoration: none
}

body#cabin *,body#cabin pre code {
    background: 0 0
}

body#cabin audio,body#cabin embed,body#cabin img,body#cabin object,body#cabin table,body#cabin video {
    max-width: 100%
}

body#cabin h6,body#cabin legend,body#cabin table caption {
    text-transform: uppercase
}

body#cabin pre,body#cabin textarea {
    overflow: auto
}

body#cabin .btn,body#cabin button,body#cabin input[type=email],body#cabin input[type=number],body#cabin input[type=password],body#cabin input[type=search],body#cabin input[type=tel],body#cabin input[type=text],body#cabin input[type=url] {
    -webkit-appearance: none
}

body#cabin .badge,body#cabin .input-append span,body#cabin .label,body#cabin legend,body#cabin sub,body#cabin sup {
    position: relative
}

body#cabin .breadcrumb li,body#cabin .pagination li {
    float: left
}

body#cabin *,body#cabin :after,body#cabin :before {
    box-sizing: inherit
}

body#cabin img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

body#cabin * {
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline
}

body#cabin a:active,body#cabin a:hover {
    outline: 0;
    font-family: "Anonymous Pro"
}

body#cabin audio:not([controls]) {
    display: none;
    height: 0
}

body#cabin blockquote,body#cabin q {
    quotes: none
}

body#cabin blockquote p:after,body#cabin blockquote p:before,body#cabin q:after,body#cabin q:before {
    content: '';
    content: none
}

body#cabin caption,body#cabin td,body#cabin th {
    text-align: left;
    vertical-align: top
}

body#cabin thead td,body#cabin thead th {
    font-weight: 700;
    vertical-align: bottom
}

body#cabin .btn,body#cabin a img,body#cabin button,body#cabin td img,body#cabin textarea,body#cabin th img {
    vertical-align: top
}

body#cabin button {
    width: auto;
    overflow: visible
}

body#cabin button,body#cabin input[type=checkbox],body#cabin input[type=file],body#cabin input[type=radio],body#cabin input[type=reset],body#cabin input[type=submit],body#cabin select {
    cursor: pointer
}

body#cabin button:active,body#cabin button:focus {
    outline: 0
}

body#cabin button::-moz-focus-inner,body#cabin input::-moz-focus-inner {
    border: 0;
    padding: 0
}

body#cabin input[type=checkbox],body#cabin input[type=radio] {
    font-size: 110%;
    position: relative;
    margin-right: 3px;
    padding: 0
}

body#cabin input[type=search]::-webkit-search-cancel-button,body#cabin input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

body#cabin hr {
    display: block;
    height: 1px;
    border-top: 1px solid rgba(0,0,0,.1)
}

body#cabin embed,body#cabin img,body#cabin object,body#cabin video {
    height: auto
}

body#cabin embed,body#cabin object {
    height: 100%
}

body#cabin html {
    box-sizing: border-box;
    font-size: 62.5%
}

body#cabin body {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    line-height: 24px;
    background: #fff;
    color: #202020
}

body#cabin a {
    color: #4C8EFA;
    font-family: 'Anonymous Pro' ,!important
}

body#cabin a:hover {
    transition: all linear .2s;
    color: #2562B8
}

body#cabin .title,body#cabin h1,body#cabin h2,body#cabin h3,body#cabin h4,body#cabin h5,body#cabin h6 {
    font-family: 'Work Sans',sans-serif;
    font-weight: 400;
    color: #2A3754;
    text-rendering: optimizeLegibility
}

body#cabin cite,body#cabin table tfoot td,body#cabin table tfoot th,body#cabin var {
    color: rgba(0,0,0,.5)
}

body#cabin .title,body#cabin h1 {
    margin-bottom: 16px
}

body#cabin h2,body#cabin h3,body#cabin h4,body#cabin h5,body#cabin h6 {
    margin-bottom: 8px
}

body#cabin .title,body#cabin h1,body#cabin h2,body#cabin h3,body#cabin h4 {
    margin-left: -1px
}

body#cabin .title {
    font-size: 4.8rem;
    line-height: 56px;
    font-family: "Anonymous Pro"
}

body#cabin h3,body#cabin h4,body#cabin h5,body#cabin h6 {
    line-height: 24px
}

body#cabin h1 {
    font-size: 54px;
    line-height: 63px
}

body#cabin h2 {
    font-size: 32px;
    line-height: 32px
}

body#cabin h3 {
    font-size: 1.969em
}

body#cabin h4 {
    font-size: 1.8rem
}

body#cabin h5 {
    font-size: 1.6rem
}

body#cabin h6 {
    font-size: 1.5rem
}

body#cabin address+h1,body#cabin address+h2,body#cabin address+h3,body#cabin address+h4,body#cabin address+h5,body#cabin address+h6,body#cabin blockquote+h1,body#cabin blockquote+h2,body#cabin blockquote+h3,body#cabin blockquote+h4,body#cabin blockquote+h5,body#cabin blockquote+h6,body#cabin dl+h1,body#cabin dl+h2,body#cabin dl+h3,body#cabin dl+h4,body#cabin dl+h5,body#cabin dl+h6,body#cabin figure+h1,body#cabin figure+h2,body#cabin figure+h3,body#cabin figure+h4,body#cabin figure+h5,body#cabin figure+h6,body#cabin form+h1,body#cabin form+h2,body#cabin form+h3,body#cabin form+h4,body#cabin form+h5,body#cabin form+h6,body#cabin hr+h1,body#cabin hr+h2,body#cabin hr+h3,body#cabin hr+h4,body#cabin hr+h5,body#cabin hr+h6,body#cabin ol+h1,body#cabin ol+h2,body#cabin ol+h3,body#cabin ol+h4,body#cabin ol+h5,body#cabin ol+h6,body#cabin p+h1,body#cabin p+h2,body#cabin p+h3,body#cabin p+h4,body#cabin p+h5,body#cabin p+h6,body#cabin pre+h1,body#cabin pre+h2,body#cabin pre+h3,body#cabin pre+h4,body#cabin pre+h5,body#cabin pre+h6,body#cabin table+h1,body#cabin table+h2,body#cabin table+h3,body#cabin table+h4,body#cabin table+h5,body#cabin table+h6,body#cabin ul+h1,body#cabin ul+h2,body#cabin ul+h3,body#cabin ul+h4,body#cabin ul+h5,body#cabin ul+h6 {
    margin-top: 24px
}

body#cabin ol,body#cabin ol ol,body#cabin ol ul,body#cabin ul,body#cabin ul ol,body#cabin ul ul {
    margin: 0 0 0 24px;
    font-family: 'Anonymous Pro';
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    color: #2A3754;
    list-style-type: none
}

body#cabin .lead,body#cabin blockquote {
    font-size: 120%;
    line-height: 28px
}

body#cabin ol ol li {
    list-style-type: lower-alpha
}

body#cabin ol ol ol li {
    list-style-type: lower-roman
}

body#cabin address,body#cabin blockquote,body#cabin dl,body#cabin fieldset,body#cabin figure,body#cabin hr,body#cabin ol,body#cabin output,body#cabin p,body#cabin pre,body#cabin table,body#cabin ul {
    margin-bottom: 16px;
    font-family: "Anonymous Pro"
}

body#cabin pre,body#cabin pre code {
    line-height: 24px
}

body#cabin blockquote {
    font-style: italic;
    padding-left: 24px;
    border-left: 1px solid rgba(0,0,0,.2)
}

body#cabin blockquote cite,body#cabin small {
    font-size: 86%;
    line-height: 20px
}

body#cabin blockquote cite {
    font-weight: 400
}

body#cabin b,body#cabin dl dt,body#cabin strong,body#cabin table caption {
    font-weight: 700
}

body#cabin address {
    font-style: normal
}

body#cabin cite,body#cabin em,body#cabin figcaption,body#cabin i {
    font-style: italic
}

body#cabin dd {
    margin-left: 24px
}

body#cabin del,body#cabin s {
    text-decoration: line-through
}

body#cabin abbr[title],body#cabin dfn[title] {
    border-bottom: 1px dotted #202020;
    cursor: help
}

body#cabin sub,body#cabin sup {
    font-size: 74%;
    line-height: 0;
    margin-left: .2rem
}

body#cabin sup {
    top: -.4rem
}

body#cabin sub {
    bottom: -.2rem
}

body#cabin figcaption {
    margin: .3rem 0;
    font-size: 86%
}

body#cabin ins,body#cabin u {
    text-decoration: underline
}

body#cabin mark {
    background-color: #ffd61e;
    color: #202020;
    text-decoration: none
}

body#cabin time {
    font-size: 74%
}

body#cabin code,body#cabin kbd,body#cabin output,body#cabin pre,body#cabin samp,body#cabin var {
    font-size: 90%;
    font-style: normal;
    font-family: Menlo,Monaco,Consolas,Courier,monospace
}

body#cabin pre {
    font-size: 90%;
    color: rgba(0,0,0,.9);
    background: rgba(0,0,0,.03);
    padding: 24px;
    word-wrap: normal
}

body#cabin td pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

body#cabin code,body#cabin kbd,body#cabin mark,body#cabin samp {
    padding: .2rem .4rem;
    display: inline-block;
    line-height: 1;
    border-radius: 2px
}

body#cabin code {
    background: rgba(0,0,0,.07)
}

body#cabin pre code {
    font-size: 100%;
    border: none;
    padding: 0
}

body#cabin samp {
    background: #46a9fc;
    color: rgba(255,255,255,.95)
}

body#cabin kbd {
    background: #202020;
    color: rgba(255,255,255,.85);
    white-space: nowrap
}

body#cabin row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 24px
}

@media (max-width: 464px) {
    body#cabin row {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

body#cabin row column {
    margin: 0;
    padding: 0
}

body#cabin row[end] {
    margin-bottom: 0
}

body#cabin row[centered] {
    -ms-flex-pack: center;
    justify-content: center
}

body#cabin row[around] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

body#cabin row[between] {
    -ms-flex-pack: justify;
    justify-content: space-between
}

body#cabin .width-1,body#cabin column[cols="1"] {
    width: 8.33333333%
}

body#cabin .width-2,body#cabin column[cols="2"] {
    width: 16.66666667%
}

body#cabin column[cols="3"] {
    width: 25%
}

body#cabin column[cols="4"] {
    width: 33.33333333%
}

body#cabin column[cols="5"] {
    width: 41.66666667%
}

body#cabin column[cols="6"] {
    width: 50%
}

body#cabin column[cols="7"] {
    width: 58.33333333%
}

body#cabin column[cols="8"] {
    width: 66.66666667%
}

body#cabin column[cols="9"] {
    width: 75%
}

body#cabin column[cols="10"] {
    width: 83.33333333%
}

body#cabin column[cols="11"] {
    width: 91.66666667%
}

body#cabin column[cols="12"] {
    width: 100%
}

body#cabin column[offset="1"] {
    margin-left: calc(9.53333333%)
}

body#cabin column[offset="2"] {
    margin-left: calc(17.86666667%)
}

body#cabin column[offset="3"] {
    margin-left: calc(26.2%)
}

body#cabin column[offset="4"] {
    margin-left: calc(34.53333333%)
}

body#cabin column[offset="5"] {
    margin-left: calc(42.86666667%)
}

body#cabin column[offset="6"] {
    margin-left: calc(51.2%)
}

body#cabin column[offset="7"] {
    margin-left: calc(59.53333333%)
}

body#cabin column[offset="8"] {
    margin-left: calc(67.86666667%)
}

body#cabin column[offset="9"] {
    margin-left: calc(76.2%)
}

body#cabin column[offset="10"] {
    margin-left: calc(84.53333333%)
}

body#cabin column[offset="11"] {
    margin-left: calc(92.86666667%)
}

body#cabin .width-3 {
    width: 25%
}

body#cabin .width-4 {
    width: 33.33333333%
}

body#cabin .width-5 {
    width: 41.66666667%
}

body#cabin .width-6 {
    width: 50%
}

body#cabin .width-7 {
    width: 58.33333333%
}

body#cabin .width-8 {
    width: 66.66666667%
}

body#cabin .width-9 {
    width: 75%
}

body#cabin .width-10 {
    width: 83.33333333%
}

body#cabin .width-11 {
    width: 91.66666667%
}

body#cabin .width-12 {
    width: 100%
}

@media (max-width: 768px) {
    body#cabin row,body#cabin row row column:last-child {
        margin-bottom:0
    }

    body#cabin row [offset] {
        margin-left: 0
    }

    body#cabin row column[cols] {
        margin-right: 0;
        width: 100%;
        margin-bottom: 24px
    }

    body#cabin .width-1,body#cabin .width-10,body#cabin .width-11,body#cabin .width-12,body#cabin .width-2,body#cabin .width-3,body#cabin .width-4,body#cabin .width-5,body#cabin .width-6,body#cabin .width-7,body#cabin .width-8,body#cabin .width-9 {
        width: 100%
    }
}

body#cabin blocks>div,body#cabin fieldset,body#cabin form {
    margin-bottom: 24px
}

body#cabin blocks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2.12765957%
}

body#cabin blocks>div {
    margin-left: 2.12765957%
}

body#cabin blocks[cols="2"]>div {
    width: 47.87234043%
}

body#cabin blocks[cols="3"]>div {
    width: 31.17234043%
}

body#cabin blocks[cols="4"]>div {
    width: 22.87234043%
}

body#cabin blocks[cols="5"]>div {
    width: 17.87234043%
}

body#cabin blocks[cols="6"]>div {
    width: 14.47234043%
}

body#cabin select[multiple=multiple],body#cabin table,body#cabin textarea {
    width: 100%
}

body#cabin table {
    empty-cells: show
}

body#cabin table caption {
    padding: 0;
    color: #000;
    font-size: 11px
}

body#cabin table td,body#cabin table th {
    font-size: 94%;
    border-bottom: 1px solid rgba(0,0,0,.04);
    padding: 16px 16px 15px
}

body#cabin table td:first-child,body#cabin table th:first-child {
    padding-left: 0
}

body#cabin table td:last-child,body#cabin table th:last-child {
    padding-right: 0
}

body#cabin table.table-bordered {
    margin-top: -1px
}

body#cabin table.table-bordered td,body#cabin table.table-bordered th {
    border: 1px solid rgba(0,0,0,.03)
}

body#cabin table.table-bordered caption,body#cabin table.table-bordered td:first-child,body#cabin table.table-bordered th:first-child,body#cabin table.table-stripped td:first-child,body#cabin table.table-stripped th:first-child {
    padding-left: 16px
}

body#cabin table.table-bordered td:last-child,body#cabin table.table-bordered th:last-child,body#cabin table.table-stripped td:last-child,body#cabin table.table-stripped th:last-child {
    padding-right: 16px
}

body#cabin table.table-simple caption,body#cabin table.table-simple td,body#cabin table.table-simple th {
    border: none;
    padding-left: 0
}

body#cabin table.table-simple td,body#cabin table.table-simple th {
    padding-bottom: 16px
}

body#cabin table.table-flat caption,body#cabin table.table-flat td,body#cabin table.table-flat th {
    border: none;
    padding: 0
}

body#cabin table.table-stroked td,body#cabin table.table-stroked th {
    border-bottom: 1px solid rgba(0,0,0,.03)
}

body#cabin table.table-stripped tbody tr:nth-child(odd) td {
    background: #f8f8f8
}

@media (max-width: 768px) {
    body#cabin blocks {
        display:block;
        margin-left: 0
    }

    body#cabin blocks[cols="3"]>div,body#cabin blocks[cols="4"]>div,body#cabin blocks[cols="5"]>div,body#cabin blocks[cols="6"]>div,body#cabin blocks[cols="2"]>div {
        width: 100%;
        margin-left: 0
    }

    body#cabin table.table-responsive {
        border: 0
    }

    body#cabin table.table-responsive thead {
        display: none
    }

    body#cabin table.table-responsive tr {
        display: block;
        border-bottom: 2px solid rgba(0,0,0,.1)
    }

    body#cabin table.table-responsive td,body#cabin table.table-responsive td:first-child,body#cabin table.table-responsive td:last-child {
        display: block;
        text-align: right;
        padding: 10px
    }

    body#cabin table.table-responsive.table-flat td {
        padding: 0
    }

    body#cabin table.table-responsive td:last-child,body#cabin table.table-responsive.table-bordered td:last-child {
        border-bottom: 0
    }

    body#cabin table.table-responsive td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-size: 86%;
        font-weight: 700;
        line-height: 2
    }
}

body#cabin .forms .checkbox-list,body#cabin .forms label,body#cabin .forms section {
    display: block
}

body#cabin .badge,body#cabin .btn,body#cabin .label,body#cabin .pagination.centered,body#cabin .text-centered,body#cabin button {
    text-align: center
}

body#cabin .breadcrumb:after,body#cabin .btn-group:after {
    content: "";
    clear: both
}

body#cabin input[type=email],body#cabin input[type=number],body#cabin input[type=password],body#cabin input[type=search],body#cabin input[type=tel],body#cabin input[type=text],body#cabin input[type=url],body#cabin select,body#cabin textarea {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    padding: .9rem 1rem;
    line-height: 1;
    height: 40px;
    outline: 0;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 0;
    color: rgba(0,0,0,.85)
}

body#cabin input[type=email][disabled],body#cabin input[type=number][disabled],body#cabin input[type=password][disabled],body#cabin input[type=search][disabled],body#cabin input[type=tel][disabled],body#cabin input[type=text][disabled],body#cabin input[type=url][disabled],body#cabin select[disabled],body#cabin textarea[disabled] {
    resize: none;
    opacity: .55;
    cursor: default
}

body#cabin select[multiple],body#cabin textarea {
    height: auto;
    line-height: 1.5
}

body#cabin textarea {
    resize: vertical;
    font-size: 15px
}

body#cabin input:focus,body#cabin select:focus,body#cabin textarea:focus {
    outline: 0;
    background: #fff
}

body#cabin fieldset {
    padding: 31px 32px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px
}

body#cabin fieldset :last-child {
    margin-bottom: 0!important
}

body#cabin legend {
    font-weight: 500;
    font-size: 86%;
    padding: 0 1em;
    margin-left: -1em;
    top: 2px;
    line-height: 0
}

body#cabin .desc,body#cabin span.desc {
    line-height: 20px
}

body#cabin .forms p,body#cabin .forms section {
    margin-bottom: 24px
}

body#cabin .forms input[type=email],body#cabin .forms input[type=number],body#cabin .forms input[type=password],body#cabin .forms input[type=search],body#cabin .forms input[type=tel],body#cabin .forms input[type=text],body#cabin .forms input[type=url],body#cabin .forms select,body#cabin .forms textarea {
    width: 100%;
    display: block
}

body#cabin .forms label {
    font-size: 94%
}

body#cabin .forms label.checkbox {
    text-transform: none;
    font-weight: 400;
    cursor: pointer;
    color: inherit;
    font-size: inherit
}

body#cabin .forms .label-top {
    padding-top: 24px
}

body#cabin .btn,body#cabin .btn-group,body#cabin .error,body#cabin .forms .checkbox-list label,body#cabin .success,body#cabin button {
    display: inline-block
}

body#cabin .forms .checkbox-list label {
    font-size: inherit;
    color: inherit;
    margin-bottom: 0;
    margin-right: 16px;
    text-transform: none;
    font-weight: 400
}

body#cabin .desc,body#cabin .error,body#cabin .success {
    text-transform: none;
    font-weight: 400;
    font-size: 12px
}

body#cabin .forms .checkbox-list-vertical .checkbox {
    margin-bottom: 8px
}

body#cabin .forms .checkbox-list-vertical .checkbox:last-child {
    margin-bottom: 0
}

body#cabin .forms input.width-1,body#cabin .forms select.width-1,body#cabin .forms textarea.width-1 {
    width: 8.33333333%
}

body#cabin .forms input.width-2,body#cabin .forms select.width-2,body#cabin .forms textarea.width-2 {
    width: 16.66666667%
}

body#cabin .forms input.width-3,body#cabin .forms select.width-3,body#cabin .forms textarea.width-3 {
    width: 25%
}

body#cabin .forms input.width-4,body#cabin .forms select.width-4,body#cabin .forms textarea.width-4 {
    width: 33.33333333%
}

body#cabin .forms input.width-5,body#cabin .forms select.width-5,body#cabin .forms textarea.width-5 {
    width: 41.66666667%
}

body#cabin .forms input.width-6,body#cabin .forms select.width-6,body#cabin .forms textarea.width-6 {
    width: 50%
}

body#cabin .forms input.width-7,body#cabin .forms select.width-7,body#cabin .forms textarea.width-7 {
    width: 58.33333333%
}

body#cabin .forms input.width-8,body#cabin .forms select.width-8,body#cabin .forms textarea.width-8 {
    width: 66.66666667%
}

body#cabin .forms input.width-9,body#cabin .forms select.width-9,body#cabin .forms textarea.width-9 {
    width: 75%
}

body#cabin .forms input.width-10,body#cabin .forms select.width-10,body#cabin .forms textarea.width-10 {
    width: 83.33333333%
}

body#cabin .forms input.width-11,body#cabin .forms select.width-11,body#cabin .forms textarea.width-11 {
    width: 91.66666667%
}

body#cabin .forms input.width-12,body#cabin .forms select.width-12,body#cabin .forms textarea.width-12 {
    width: 100%
}

body#cabin .forms .form-inline .tools-select,body#cabin .forms .form-inline input[type=email],body#cabin .forms .form-inline input[type=number],body#cabin .forms .form-inline input[type=password],body#cabin .forms .form-inline input[type=search],body#cabin .forms .form-inline input[type=tel],body#cabin .forms .form-inline input[type=text],body#cabin .forms .form-inline input[type=url],body#cabin .forms .form-inline select,body#cabin .forms .form-inline textarea,body#cabin .forms.form-inline .tools-select,body#cabin .forms.form-inline input[type=email],body#cabin .forms.form-inline input[type=number],body#cabin .forms.form-inline input[type=password],body#cabin .forms.form-inline input[type=search],body#cabin .forms.form-inline input[type=tel],body#cabin .forms.form-inline input[type=text],body#cabin .forms.form-inline input[type=url],body#cabin .forms.form-inline select,body#cabin .forms.form-inline textarea {
    width: auto;
    display: inline-block
}

@media (max-width: 768px) {
    body#cabin .forms .label-top {
        padding-top:0
    }

    body#cabin .forms input.width-1,body#cabin .forms input.width-10,body#cabin .forms input.width-11,body#cabin .forms input.width-12,body#cabin .forms input.width-2,body#cabin .forms input.width-3,body#cabin .forms input.width-4,body#cabin .forms input.width-5,body#cabin .forms input.width-6,body#cabin .forms input.width-7,body#cabin .forms input.width-8,body#cabin .forms input.width-9,body#cabin .forms select.width-1,body#cabin .forms select.width-10,body#cabin .forms select.width-11,body#cabin .forms select.width-12,body#cabin .forms select.width-2,body#cabin .forms select.width-3,body#cabin .forms select.width-4,body#cabin .forms select.width-5,body#cabin .forms select.width-6,body#cabin .forms select.width-7,body#cabin .forms select.width-8,body#cabin .forms select.width-9,body#cabin .forms textarea.width-1,body#cabin .forms textarea.width-10,body#cabin .forms textarea.width-11,body#cabin .forms textarea.width-12,body#cabin .forms textarea.width-2,body#cabin .forms textarea.width-3,body#cabin .forms textarea.width-4,body#cabin .forms textarea.width-5,body#cabin .forms textarea.width-6,body#cabin .forms textarea.width-7,body#cabin .forms textarea.width-8,body#cabin .forms textarea.width-9 {
        width: 100%
    }
}

body#cabin .desc {
    margin-top: 4px;
    color: rgba(0,0,0,.5)
}

body#cabin ul.desc {
    margin-bottom: 8px
}

body#cabin span.desc {
    margin-left: 4px
}

body#cabin span.error,body#cabin span.success {
    margin-left: .4rem
}

body#cabin .input-error,body#cabin input.input-error,body#cabin select.input-error,body#cabin textarea.input-error {
    margin-top: -1px;
    background: 0 0;
    background-color: rgba(209,17,73,.1);
    border: 1px solid #d11149
}

body#cabin .input-success,body#cabin input.input-success,body#cabin select.input-success,body#cabin textarea.input-success {
    margin-top: -1px;
    background: 0 0;
    background-color: rgba(10,135,84,.1);
    border: 1px solid #0a8754
}

body#cabin input.input-big {
    font-size: 1.8rem;
    padding: 12px 30px;
    height: 56px
}

body#cabin select.select-big {
    font-size: 1.8rem;
    height: 56px;
    padding: 6px 10px
}

body#cabin input.input-small {
    font-size: 1.2rem;
    padding: .7rem 1rem;
    height: 32px
}

body#cabin select.select-small {
    font-size: 1.2rem;
    height: 32px;
    padding: 6px 10px
}

body#cabin .input-append,body#cabin .input-prepend {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

body#cabin .input-append input,body#cabin .input-prepend input {
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0!important
}

body#cabin .btn,body#cabin .input-append span,body#cabin .input-prepend span,body#cabin button {
    line-height: 40px;
    margin: 0;
    font-weight: 400;
    white-space: nowrap
}

body#cabin .input-append span,body#cabin .input-prepend span {
    -webkit-flex-shrink: 0;
    display: block;
    background-color: #efefef;
    padding: 0 1rem;
    color: rgba(0,0,0,.6);
    font-size: 86%
}

body#cabin .input-append span {
    z-index: 1;
    border-left: none;
    border-radius: 0 2px 2px 0
}

body#cabin .btn-group .btn:first-child,body#cabin .btn-group button:first-child,body#cabin .input-append input,body#cabin .input-prepend span {
    border-radius: 2px 0 0 2px
}

body#cabin .input-prepend span {
    border-right: none
}

body#cabin .input-prepend input {
    border-radius: 0 2px 2px 0
}

body#cabin .btn-append {
    display: -ms-flexbox;
    display: flex
}

body#cabin .btn-append .btn,body#cabin .btn-append button {
    -ms-flex: 1;
    flex: 1;
    color: #4C8EFA;
    font-size: 14px;
    letter-spacing: 1.56px
}

body#cabin .btn,body#cabin button {
    font-size: 1.4rem;
    padding: 0 32px;
    height: 40px;
    text-decoration: none;
    outline: 0;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
    color: #2A3754;
    background: #e5e5e5;
    letter-spacing: 1.56px;
    text-transform: uppercase;
    font-family: 'Anonymous Pro'
}

body#cabin .btn[disabled],body#cabin .btn[outline][disabled],body#cabin button[disabled],body#cabin button[outline][disabled] {
    cursor: default;
    box-shadow: none;
    opacity: .4
}

body#cabin .btn:hover,body#cabin button:hover {
    background-color: #ededed;
    color: rgba(0,0,0,.6);
    text-decoration: none
}

body#cabin .btn::-moz-focus-inner,body#cabin button::-moz-focus-inner {
    border: 0;
    padding: 0
}

body#cabin .btn[disabled]:hover,body#cabin button[disabled]:hover {
    background: #e5e5e5;
    color: #2A3754;
    text-decoration: none
}

body#cabin .btn[outline],body#cabin button[outline] {
    padding: 0 31px;
    background: 0 0;
    border: 1px solid rgba(27,255,144,.25);
    color: rgba(27,255,144,.6)
}

body#cabin .btn[outline]:hover,body#cabin button[outline]:hover {
    border-color: #1bff90;
    color: #1bff90;
    text-decoration: none
}

body#cabin .btn[outline][disabled]:hover,body#cabin button[outline][disabled]:hover {
    border: 1px solid rgba(0,0,0,.25);
    background: 0 0;
    color: rgba(0,0,0,.7);
    text-decoration: none
}

body#cabin .btn[round],body#cabin button[round] {
    border-radius: 50px
}

body#cabin .btn[small],body#cabin button[small] {
    font-size: 1.2rem;
    padding: 0 20px;
    height: 32px;
    line-height: 32px
}

body#cabin .btn[small][outline],body#cabin button[small][outline] {
    padding: 0 19px
}

body#cabin .btn[big],body#cabin button[big] {
    height: 56px;
    line-height: 50px
}

body#cabin .btn[big][outline],body#cabin button[big][outline] {
    padding: 0 47px
}

body#cabin .btn[upper],body#cabin button[upper] {
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 0 32px;
    letter-spacing: .1em
}

body#cabin .btn[upper][outline],body#cabin button[upper][outline] {
    padding: 0 31px
}

body#cabin .btn[upper][small],body#cabin button[upper][small] {
    font-size: 1rem;
    padding: 0 20px
}

body#cabin .btn[upper][small][outline],body#cabin button[upper][small][outline] {
    padding: 0 19px
}

body#cabin .btn[upper][big],body#cabin button[upper][big] {
    font-size: 1.4rem;
    padding: 0 48px
}

body#cabin .btn[upper][big][outline],body#cabin button[upper][big][outline] {
    padding: 0 47px
}

body#cabin .btn[type=black],body#cabin button[type=black] {
    color: rgba(255,255,255,.9);
    background: #2A3754
}

body#cabin .btn[type=black]:hover,body#cabin button[type=black]:hover {
    color: rgba(255,255,255,.7);
    background-color: #333
}

body#cabin .btn[type=black][disabled]:hover,body#cabin button[type=black][disabled]:hover {
    color: rgba(255,255,255,.9);
    background: #2A3754
}

body#cabin .btn[type=black][outline],body#cabin button[type=black][outline] {
    background: 0 0;
    color: #2A3754;
    border-color: #2A3754
}

body#cabin .btn[type=black][outline]:hover,body#cabin button[type=black][outline]:hover {
    background: #2A3754;
    border-color: #2A3754;
    color: rgba(255,255,255,.9)
}

body#cabin .btn[type=black][outline][disabled]:hover,body#cabin button[type=black][outline][disabled]:hover {
    background: 0 0;
    border-color: #2A3754;
    color: #2A3754
}

body#cabin .btn[type=primary],body#cabin button[type=primary] {
    color: rgba(0,0,0,.9);
    background: #1BFF90
}

body#cabin .btn[type=primary]:hover,body#cabin button[type=primary]:hover {
    color: rgba(255,255,255,.7);
    background-color: #5992da
}

body#cabin .btn[type=primary][disabled]:hover,body#cabin button[type=primary][disabled]:hover {
    color: rgba(255,255,255,.9);
    background: #2f77d1
}

body#cabin .btn[type=primary][outline],body#cabin button[type=primary][outline] {
    background: 0 0;
    color: #2f77d1;
    border-color: #2f77d1
}

body#cabin .btn[type=primary][outline]:hover,body#cabin button[type=primary][outline]:hover {
    background: #2f77d1;
    border-color: #2f77d1;
    color: rgba(255,255,255,.9)
}

body#cabin .btn[type=primary][outline][disabled]:hover,body#cabin button[type=primary][outline][disabled]:hover {
    background: 0 0;
    border-color: #2f77d1;
    color: #2f77d1
}

body#cabin .btn[type=white],body#cabin button[type=white] {
    background: #fff
}

body#cabin .btn[type=white]:hover,body#cabin button[type=white]:hover {
    opacity: .85
}

body#cabin .btn[type=white][outline],body#cabin button[type=white][outline] {
    background: 0 0;
    color: #fff;
    border-color: rgba(255,255,255,.9)
}

body#cabin .btn[type=white][outline]:hover,body#cabin button[type=white][outline]:hover {
    opacity: 1;
    color: #000;
    border-color: #fff;
    background: #fff
}

body#cabin .btn-group {
    vertical-align: bottom
}

body#cabin .btn-group:after {
    display: block
}

body#cabin .btn-group .btn,body#cabin .btn-group button {
    float: left;
    margin-left: -1px
}

body#cabin .btn-group .btn:last-child,body#cabin .btn-group button:last-child {
    border-radius: 0 2px 2px 0
}

body#cabin .badge,body#cabin .label {
    font-size: 11px;
    font-weight: 400;
    display: inline;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    padding: .2rem .7rem
}

body#cabin .badge[bold],body#cabin .label[bold],body#cabin .message a {
    font-weight: 700
}

body#cabin .badge:empty,body#cabin .label:empty,body#cabin .message {
    display: none
}

body#cabin .badge a,body#cabin .label a {
    color: #000;
    text-decoration: none
}

body#cabin .badge a:hover,body#cabin .label a:hover {
    transition: all linear .2s;
    color: rgba(0,0,0,.6)
}

body#cabin .badge[outline],body#cabin .label[outline] {
    background: 0 0;
    color: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.5);
    padding: .1rem .6rem
}

body#cabin .badge[outline][bold],body#cabin .label[outline][bold] {
    border-width: 2px;
    padding: 0 .5rem
}

body#cabin .badge.badge-default,body#cabin .badge.label-default,body#cabin .label.badge-default,body#cabin .label.label-default {
    background: #e4e4e4;
    color: #2A3754
}

body#cabin .badge.badge-default[outline],body#cabin .badge.label-default[outline],body#cabin .label.badge-default[outline],body#cabin .label.label-default[outline] {
    background: 0 0;
    color: #e4e4e4;
    border-color: #e4e4e4
}

body#cabin .badge.badge-default a,body#cabin .badge.label-default a,body#cabin .label.badge-default a,body#cabin .label.label-default a {
    color: #2A3754;
    text-decoration: none
}

body#cabin .badge.badge-default a:hover,body#cabin .badge.label-default a:hover,body#cabin .label.badge-default a:hover,body#cabin .label.label-default a:hover {
    transition: all linear .2s;
    color: rgba(0,0,0,.6)
}

body#cabin .badge.badge-primary,body#cabin .badge.label-primary,body#cabin .label.badge-primary,body#cabin .label.label-primary {
    background: #2f77d1;
    color: #fff
}

body#cabin .badge.badge-primary[outline],body#cabin .badge.label-primary[outline],body#cabin .label.badge-primary[outline],body#cabin .label.label-primary[outline] {
    background: 0 0;
    color: #2f77d1;
    border-color: #2f77d1
}

body#cabin .badge.badge-primary a,body#cabin .badge.label-primary a,body#cabin .label.badge-primary a,body#cabin .label.label-primary a {
    color: #fff;
    text-decoration: none
}

body#cabin .badge.badge-primary a:hover,body#cabin .badge.label-primary a:hover,body#cabin .label.badge-primary a:hover,body#cabin .label.label-primary a:hover {
    transition: all linear .2s;
    color: rgba(255,255,255,.6)
}

body#cabin .badge.badge-error,body#cabin .badge.label-error,body#cabin .label.badge-error,body#cabin .label.label-error {
    background: #d11149;
    color: #fff
}

body#cabin .badge.badge-error[outline],body#cabin .badge.label-error[outline],body#cabin .label.badge-error[outline],body#cabin .label.label-error[outline] {
    background: 0 0;
    color: #d11149;
    border-color: #d11149
}

body#cabin .badge.badge-error a,body#cabin .badge.label-error a,body#cabin .label.badge-error a,body#cabin .label.label-error a {
    color: #fff;
    text-decoration: none
}

body#cabin .badge.badge-error a:hover,body#cabin .badge.label-error a:hover,body#cabin .label.badge-error a:hover,body#cabin .label.label-error a:hover {
    transition: all linear .2s;
    color: rgba(255,255,255,.6)
}

body#cabin .badge.badge-success,body#cabin .badge.label-success,body#cabin .label.badge-success,body#cabin .label.label-success {
    background: #0a8754;
    color: #fff
}

body#cabin .badge.badge-success[outline],body#cabin .badge.label-success[outline],body#cabin .label.badge-success[outline],body#cabin .label.label-success[outline] {
    background: 0 0;
    color: #0a8754;
    border-color: #0a8754
}

body#cabin .badge.badge-success a,body#cabin .badge.label-success a,body#cabin .label.badge-success a,body#cabin .label.label-success a {
    color: #fff;
    text-decoration: none
}

body#cabin .badge.badge-success a:hover,body#cabin .badge.label-success a:hover,body#cabin .label.badge-success a:hover,body#cabin .label.label-success a:hover {
    transition: all linear .2s;
    color: rgba(255,255,255,.6)
}

body#cabin .badge.badge-warning,body#cabin .badge.label-warning,body#cabin .label.badge-warning,body#cabin .label.label-warning {
    background: #f4d31e;
    color: #2A3754
}

body#cabin .badge.badge-warning[outline],body#cabin .badge.label-warning[outline],body#cabin .label.badge-warning[outline],body#cabin .label.label-warning[outline] {
    background: 0 0;
    color: #f4d31e;
    border-color: #f4d31e
}

body#cabin .badge.badge-warning a,body#cabin .badge.label-warning a,body#cabin .label.badge-warning a,body#cabin .label.label-warning a {
    color: #2A3754;
    text-decoration: none
}

body#cabin .badge.badge-warning a:hover,body#cabin .badge.label-warning a:hover,body#cabin .label.badge-warning a:hover,body#cabin .label.label-warning a:hover {
    transition: all linear .2s;
    color: rgba(0,0,0,.6)
}

body#cabin .badge.badge-black,body#cabin .badge.label-black,body#cabin .label.badge-black,body#cabin .label.label-black {
    background: #2A3754;
    color: #fff
}

body#cabin .badge.badge-black[outline],body#cabin .badge.label-black[outline],body#cabin .label.badge-black[outline],body#cabin .label.label-black[outline] {
    background: 0 0;
    color: #2A3754;
    border-color: #2A3754
}

body#cabin .badge.badge-black a,body#cabin .badge.label-black a,body#cabin .label.badge-black a,body#cabin .label.label-black a {
    color: #fff;
    text-decoration: none
}

body#cabin .badge.badge-black a:hover,body#cabin .badge.label-black a:hover,body#cabin .label.badge-black a:hover,body#cabin .label.label-black a:hover {
    transition: all linear .2s;
    color: rgba(255,255,255,.6)
}

body#cabin .badge.badge-white,body#cabin .badge.label-white,body#cabin .label.badge-white,body#cabin .label.label-white {
    background: #fff;
    color: #2A3754
}

body#cabin .badge.badge-white[outline],body#cabin .badge.label-white[outline],body#cabin .label.badge-white[outline],body#cabin .label.label-white[outline] {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

body#cabin .badge.badge-white a,body#cabin .badge.label-white a,body#cabin .label.badge-white a,body#cabin .label.label-white a {
    color: #2A3754;
    text-decoration: none
}

body#cabin .badge.badge-white a:hover,body#cabin .badge.label-white a:hover,body#cabin .label.badge-white a:hover,body#cabin .label.label-white a:hover {
    transition: all linear .2s;
    color: rgba(0,0,0,.6)
}

body#cabin .badge {
    border-radius: 30px;
    min-width: 17px
}

body#cabin .large .badge,body#cabin .large .label,body#cabin .title .badge,body#cabin .title .label,body#cabin h1 .badge,body#cabin h1 .label,body#cabin h2 .badge,body#cabin h2 .label,body#cabin h3 .badge,body#cabin h3 .label,body#cabin h4 .badge,body#cabin h4 .label,body#cabin h5 .badge,body#cabin h5 .label,body#cabin h6 .badge,body#cabin h6 .label {
    vertical-align: middle
}

body#cabin h3 .badge,body#cabin h3 .label,body#cabin h4 .badge,body#cabin h4 .label,body#cabin h5 .badge,body#cabin h5 .label {
    top: -1px
}

body#cabin h6 .badge,body#cabin h6 .label {
    top: -2px
}

body#cabin .message {
    border-radius: 2px;
    position: fixed;
    z-index: 2000;
    top: 16px;
    right: 16px;
    max-width: 360px;
    line-height: 1.45;
    font-size: 94%;
    padding: 24px 36px;
    color: rgba(0,0,0,.9)
}

body#cabin .alert,body#cabin .pagination:after {
    display: block
}

body#cabin .message.message-line {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding-right: 200px;
    max-width: none;
    border-radius: 0
}

body#cabin .message.message-line footer {
    position: absolute;
    top: 0;
    right: 2rem
}

body#cabin .message ol,body#cabin .message ul {
    margin-top: 8px;
    margin-bottom: 0
}

body#cabin .message footer {
    margin-top: 8px
}

body#cabin .message.message-error,body#cabin .message.message-error a,body#cabin .message.message-primary,body#cabin .message.message-primary a,body#cabin .message.message-success,body#cabin .message.message-success a {
    color: rgba(255,255,255,.9)
}

body#cabin .message.message-error a:hover,body#cabin .message.message-primary a:hover,body#cabin .message.message-success a:hover {
    color: rgba(255,255,255,.7)
}

body#cabin .message.message-primary {
    background: #2f77d1
}

body#cabin .message.message-error {
    background: #d11149
}

body#cabin .message.message-warning {
    background: #f4d31e
}

body#cabin .message.message-success {
    background: #0a8754
}

body#cabin .alert {
    position: relative;
    padding: 12px 32px 12px 24px;
    line-height: 24px;
    font-size: 94%;
    color: #2A3754;
    font-weight: 400;
    border-radius: 2px;
    margin-bottom: 24px
}

body#cabin .alert a,body#cabin .req {
    font-weight: 700
}

body#cabin .alert.alert-primary {
    color: #2f77d1;
    background-color: rgba(47,119,209,.15)
}

body#cabin .alert.alert-primary a,body#cabin .alert.alert-primary h5 {
    color: #2f77d1
}

body#cabin .alert.alert-error {
    color: #d11149;
    background-color: rgba(209,17,73,.15)
}

body#cabin .alert.alert-error a,body#cabin .alert.alert-error h5 {
    color: #d11149
}

body#cabin .alert.alert-warning {
    color: #bca109;
    background-color: rgba(244,211,30,.23)
}

body#cabin .alert.alert-warning a,body#cabin .alert.alert-warning h5 {
    color: #bca109
}

body#cabin .alert.alert-success {
    color: #0a8754;
    background-color: rgba(10,135,84,.13)
}

body#cabin .alert.alert-success a,body#cabin .alert.alert-success h5 {
    color: #0a8754
}

body#cabin .alert a:hover {
    color: #000
}

body#cabin .alert span.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem 1rem;
    opacity: .6;
    cursor: pointer
}

body#cabin .alert span.close:hover {
    opacity: 1
}

body#cabin .breadcrumb {
    margin: 0 0 24px;
    list-style: none;
    font-size: 86%;
    color: rgba(0,0,0,.5)
}

body#cabin .breadcrumb:after {
    display: block
}

body#cabin .breadcrumb a {
    position: relative;
    margin-right: 8px;
    padding-right: 13px;
    color: #000;
    text-decoration: none
}

body#cabin .breadcrumb a:hover {
    transition: all linear .2s;
    color: rgba(0,0,0,.6);
    text-decoration: underline
}

body#cabin .breadcrumb a:before {
    position: absolute;
    top: -5px;
    right: 0;
    content: " > ";
    color: rgba(0,0,0,.4);
    font-size: 12px
}

body#cabin .breadcrumb.breadcrumb-path a:before {
    content: " / ";
    top: -4px
}

body#cabin .group:after,body#cabin .pagination:after {
    content: "";
    clear: both
}

body#cabin .breadcrumb a.active:hover,body#cabin .breadcrumb a.is-active:hover,body#cabin .breadcrumb span {
    text-decoration: none;
    cursor: text;
    color: rgba(0,0,0,.4)
}

body#cabin .pagination {
    list-style: none;
    margin: 0 0 24px 2px;
    font-size: 94%
}

body#cabin .pagination a,body#cabin .pagination span {
    padding: 4px 8px;
    line-height: 24px;
    margin-right: 2px;
    border-radius: 2px;
    color: #000;
    text-decoration: none
}

body#cabin .pagination a.active,body#cabin .pagination a.active:hover,body#cabin .pagination a.is-active,body#cabin .pagination a.is-active:hover,body#cabin .pagination span {
    color: rgba(0,0,0,.6);
    background-color: rgba(0,0,0,.1);
    cursor: text
}

body#cabin .pagination a:focus,body#cabin .pagination a:hover {
    transition: all linear .2s;
    text-decoration: none;
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.6)
}

body#cabin .error,body#cabin .req {
    color: #d11149
}

body#cabin .pagination.centered li {
    float: none;
    display: inline-block
}

body#cabin .group:after {
    display: block
}

body#cabin .hide {
    display: none
}

body#cabin .hidden,body#cabin .is-hidden {
    visibility: hidden
}

body#cabin .centered {
    margin: auto
}

body#cabin .highlight {
    background-color: #f4f4f4
}

body#cabin .big {
    font-size: 120%
}

body#cabin .small {
    font-size: 86%
}

body#cabin .smaller {
    font-size: 74%
}

body#cabin address.small,body#cabin blockquote.small,body#cabin dl.small,body#cabin fieldset.small,body#cabin figure.small,body#cabin form.small,body#cabin hr.small,body#cabin ol.small,body#cabin p.small,body#cabin pre.small,body#cabin table.small,body#cabin ul.small {
    line-height: 20px
}

body#cabin address.smaller,body#cabin blockquote.smaller,body#cabin dl.smaller,body#cabin fieldset.smaller,body#cabin figure.smaller,body#cabin form.smaller,body#cabin hr.smaller,body#cabin ol.smaller,body#cabin p.smaller,body#cabin pre.smaller,body#cabin table.smaller,body#cabin ul.smaller {
    line-height: 16px
}

body#cabin address.big,body#cabin blockquote.big,body#cabin dl.big,body#cabin fieldset.big,body#cabin figure.big,body#cabin form.big,body#cabin hr.big,body#cabin ol.big,body#cabin p.big,body#cabin pre.big,body#cabin table.big,body#cabin ul.big {
    line-height: 50px
}

body#cabin .nowrap,body#cabin .nowrap td {
    white-space: nowrap
}

body#cabin .req {
    font-size: 1.1em;
    text-transform: none
}

body#cabin .success {
    color: #0a8754
}

body#cabin .text-right {
    text-align: right
}

body#cabin .text-left {
    text-align: left!important
}

body#cabin .start {
    margin-top: 0!important
}

body#cabin .last {
    margin-right: 0!important
}

body#cabin .end {
    margin-bottom: 0!important;
    text-align: center
}

body#cabin .normal {
    font-weight: 400!important
}

body#cabin .light {
    font-weight: 300!important
}

body#cabin .thin {
    font-weight: 100!important
}

body#cabin .bold {
    font-weight: 700!important
}

body#cabin .italic {
    font-style: italic!important
}

body#cabin .upper {
    text-transform: uppercase
}

body#cabin .list-flat {
    margin-left: 0;
    list-style: none
}

body#cabin .muted {
    color: rgba(0,0,0,.5)
}

body#cabin .soft-muted {
    color: rgba(0,0,0,.7)
}

body#cabin .color-black {
    color: #2A3754
}

body#cabin a.color-black:hover {
    color: rgba(0,0,0,.6)
}

body#cabin .color-white {
    color: #fff
}

body#cabin a.color-white:hover {
    color: rgba(255,255,255,.6)
}

@media (max-width: 768px) {
    body#cabin .hide-for-small {
        display:none
    }
}

@media (min-width: 768px) {
    body#cabin .show-for-small {
        display:none
    }

    body#cabin .left {
        float: none;
        float: left
    }

    body#cabin .right {
        float: none;
        float: right
    }
}

@media print {
    body#cabin .hide-for-print {
        display: none!important
    }

    body#cabin .show-for-print {
        display: block!important
    }
}

body#cabin .body-angle {
    background-image: url(https://getstream.imgix.net/images/cabin/body-bg-angle.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover
}

body#cabin row {
    max-width: 1170px;
    margin: 0 auto
}

body#cabin .wrap {
    max-width: 1440px;
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: 0 0 60px 0 rgba(0,0,0,.5)
}

body#cabin .white {
    color: rgba(255,255,255,.4)
}

body#cabin .grey {
    color: rgba(0,0,0,.5)
}

body#cabin .subscribe {
    display: block;
    font-family: 'Work Sans',sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
    margin-top: -15px
}

body#cabin .label,body#cabin p {
    font-size: 16px;
    color: #2A3754;
    font-family: 'Anonymous Pro'
}

body#cabin .label {
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    display: block;
    background: url(https://getstream.imgix.net/images/cabin/label-bg.svg) bottom center no-repeat;
    padding-bottom: 30px;
    margin-bottom: 30px
}

body#cabin p {
    font-weight: 400;
    letter-spacing: 0;
    line-height: 27px
}

body#cabin .forms input,body#cabin .h1,body#cabin .h2,body#cabin .hero h6 {
    font-family: 'Work Sans',sans-serif
}

body#cabin .forms {
    width: 370px;
    background: rgba(255,255,255,.95);
    border: 0 solid rgba(0,0,0,.4);
    box-shadow: 0 1px 17px 0 rgba(0,0,0,.19)
}

body#cabin .forms input {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.6);
    letter-spacing: 0;
    line-height: 11px
}

body#cabin .github-button {
    height: 100px!important
}

body#cabin .h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 32px
}

body#cabin .h1 {
    font-size: 32px;
    line-height: 63px
}

body#cabin .hero {
    background-image: url(https://getstream.imgix.net/images/cabin/hero-diagonal.png),url(https://getstream.imgix.net/images/cabin/hero_bg.png);
    background-position: top right,center;
    background-repeat: no-repeat,repeat;
    width: 100%;
    background-size: auto;
    height: 1117px;
    padding: 0 15px;
    display: block;
    position: relative
}

body#cabin .hero .art {
    width: 585px;
    height: 997px;
    background: url(https://getstream.imgix.net/images/cabin/hero_cabin.png) 100% 0 no-repeat;
    position: absolute;
    right: 0;
    top: 110px
}

body#cabin .header {
    width: 100%;
    height: 100px;
    -ms-flex-align: center;
    align-items: center
}

body#cabin .header .demo {
    margin-right: 20px
}

body#cabin .header .btn[small],body#cabin button[small] {
    font-size: 1.2rem;
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px
}

body#cabin .hero .content {
    margin-top: 105px
}

body#cabin .hero h6 {
    font-weight: 700;
    margin-top: 60px;
    font-size: 14px;
    color: #FFF;
    letter-spacing: 2.33px
}

body#cabin .hero h1 {
    color: #fff;
    font-weight: 400;
    font-size: 54px
}

body#cabin .hero p {
    color: #FFF;
    margin: 50px 0
}

body#cabin .hero-jump {
    height: 72px;
    width: 70px;
    z-index: 30000;
    position: relative;
    bottom: -80px;
    display: block;
    opacity: .6;
    background-image: url(https://getstream.imgix.net/images/cabin/chevron.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s
}

body#cabin .hero-jump:hover {
    opacity: 1
}

body#cabin .partners {
    background-image: url(https://getstream.imgix.net/images/cabin/partners-bg.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 863px;
    margin-top: 20px;
    color: #2A3754;
    text-align: center
}

body#cabin .partners .card {
    padding: 100px 40px;
    background: #FFF;
    box-shadow: 0 7px 26px 0 rgba(0,0,0,.2)
}

body#cabin .partners h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 32px
}

body#cabin .partners img {
    margin-top: 100px;
    max-width: 890px;
    width: 100%
}

body#cabin .partners .shim {
    margin-top: 80px
}

body#cabin .topics {
    margin-top: -100px;
    background-image: url(https://getstream.imgix.net/images/cabin/topics-art-1.jpg),url(https://getstream.imgix.net/images/cabin/topic-art-2.jpg),url(https://getstream.imgix.net/images/cabin/topic-art-3.jpg);
    background-position: right 190px,right 1200px,left 1960px;
    background-repeat: no-repeat
}

body#cabin .green {
    color: #fff;
    background: #16CC74;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2),0 8px 8px 0 rgba(0,0,0,.1);
    transition: .3s;
    opacity: .9
}

body#cabin .green:hover {
    opacity: 1
}

@media (max-width: 464px) {
    body#cabin .topics {
        background:0 0
    }
}

body#cabin .topics h1 {
    text-align: center
}

body#cabin .topics .shim {
    margin-bottom: 100px
}

body#cabin .topics ul {
    text-align: center;
    margin: 20px 0 100px
}

body#cabin .topics ul li {
    background: url(https://getstream.imgix.net/images/cabin/li-bg.svg) bottom center no-repeat;
    padding-bottom: 10px
}

body#cabin .topics ul li:first-of-type {
    margin-top: 5px
}

body#cabin .topics .forms {
    width: 80%;
    max-width: 470px;
    margin: 0 auto
}

body#cabin .topics h2 {
    margin: 30px 0
}

body#cabin .clicktweet {
    font-family: 'Anonymous Pro';
    font-style: italic;
    font-size: 30px;
    color: #2A3754;
    letter-spacing: 0;
    line-height: 36px;
    margin: 80px 0 50px;
    display: block
}

body#cabin .twittercta {
    width: 100%;
    height: 170px;
    background: url(https://getstream.imgix.net/images/cabin/twittercta.svg) center no-repeat;
    text-indent: -9999px;
    clear: both;
    display: block;
    margin-bottom: 100px
}

body#cabin .bonus-title {
    font-family: 'Work Sans',sans-serif;
    font-weight: 500;
    font-size: 47px;
    color: #2A3754;
    letter-spacing: 0;
    line-height: 36px;
    margin: 50px 0
}

body#cabin .bonus-img {
    margin-bottom: 30px
}

body#cabin .end img {
    width: 100%;
    max-width: 919px;
    height: auto;
    text-align: center;
    margin-bottom: 50px
}

body#cabin .end .primary {
    background: #1BFF90;
    font-weight: 700
}

body#cabin .end .demo {
    font-family: 'Anonymous Pro';
    font-size: 14px;
    font-weight: 700;
    color: #2F7DEB;
    letter-spacing: 1.55px;
    line-height: 50px;
    display: block
}

body#cabin footer {
    background: url(https://getstream.imgix.net/images/cabin/sketchapp.png) center 108px no-repeat,url(https://getstream.imgix.net/images/cabin/footer-bg.svg) top center no-repeat;
    padding-top: 400px;
    margin-top: 100px
}

body#cabin footer .label {
    color: #fff;
    text-align: center
}

body#cabin footer h2 {
    color: #fff;
    margin-bottom: 50px
}

body#cabin footer .meta {
    border-top: rgba(0,0,0,.5) 1px solid;
    display: block;
    margin-top: 50px;
    padding: 30px 0;
    color: rgba(255,255,255,.5);
    font-size: 14px
}

body#cabin footer .social a {
    margin-right: 10px;
    display: inline-block
}

@media (max-width: 1265px) {
    body#cabin .hero .art {
        background-image:url(https://getstream.imgix.net/images/cabin/hero_cabin.png);
        background-position: 100px
    }
}

@media (max-width: 1080px) {
    body#cabin .hero .art {
        background-image:url(https://getstream.imgix.net/images/cabin/hero_cabin.png);
        background-size: 95%;
        background-position: 170px
    }
}

@media (max-width: 1005px) {
    body#cabin .hero .art {
        background-image:url(https://getstream.imgix.net/images/cabin/hero_cabin.png);
        background-size: 88%;
        background-position: 220px
    }
}

@media (max-width: 860px) {
    body#cabin .hero .art {
        background-image:url(https://getstream.imgix.net/images/cabin/hero_cabin.png);
        background-size: 80%;
        background-position: 290px
    }

    body#cabin .topics {
        background: 0 0
    }
}

@media (max-width: 690px) {
    body#cabin .hero .art {
        background-image:url(https://getstream.imgix.net/images/cabin/hero_cabin.png);
        background-size: 70%;
        background-position: 340px
    }
}

@media (max-width: 630px) {
    body#cabin .hero .art {
        background-image:url(https://getstream.imgix.net/images/cabin/hero_cabin.png);
        background-size: 60%;
        background-position: 450px
    }
}

@media (max-width: 464px) {
    body#cabin .hero .content form {
        margin:0 auto;
        width: 280px
    }

    body#cabin .hero .art {
        display: none
    }

    body#cabin .logo {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px
    }

    body#cabin .header .right {
        padding-left: 23%
    }

    body#cabin .hero .content {
        margin-top: 85px;
        text-align: center
    }

    body#cabin .topics {
        margin-top: 50px
    }

    body#cabin .clicktweet {
        font-size: 21px;
        margin-right: 20px;
        margin-left: 20px
    }

    body#cabin .auto-center,body#cabin .bonus-img {
        margin: 0 auto
    }

    body#cabin footer .meta {
        margin: 0 20px;
        text-align: center
    }

    body#cabin footer .meta a {
        margin-top: 20px
    }
}

@media (max-width: 520px) {
    body#cabin .logo {
        width:60%!important
    }
}

body#cabin.cabin-demo {
    background-color: #2E353E;
    background-image: url(https://getstream.imgix.net/images/cabin/body-bg-angle.svg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain
}

body#cabin.cabin-demo .wrapper {
    overflow: hidden
}

body#cabin.cabin-demo section {
    padding: 30px 30px 30px 80px;
    transition: all .2s ease-in
}

body#cabin.cabin-demo nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    margin: 0 0 0 -250px;
    transition: all .2s ease-in;
    z-index: 10000
}

body#cabin.cabin-demo nav ul {
    width: 250px;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #22272E;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.5),2px 0 44px 0 rgba(0,0,0,.31);
    overflow: hidden
}

body#cabin.cabin-demo nav li {
    margin: 0
}

body#cabin.cabin-demo .github {
    position: absolute;
    right: 35px;
    top: 35px
}

body#cabin.cabin-demo .logo-nav {
    padding: 25px 10px
}

body#cabin.cabin-demo .logo-nav a {
    border: none;
    display: block
}

body#cabin.cabin-demo .nav-btn {
    width: 80%;
    margin: 20px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

body#cabin.cabin-demo nav a {
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 15px;
    font-weight: 300;
    letter-spacing: 2px;
    border-bottom: 1px solid #1C2026
}

body#cabin.cabin-demo nav a img {
    margin-right: 10px
}

body#cabin.cabin-demo label {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    top: 20px;
    left: 20px;
    transition: all .2s ease-in;
    z-index: 500
}

body#cabin.cabin-demo input[type=checkbox] {
    display: none
}

body#cabin.cabin-demo input[type=checkbox]:checked~nav {
    margin: 0
}

body#cabin.cabin-demo input[type=checkbox]:checked~label {
    left: 260px
}

body#cabin.cabin-demo input[type=checkbox]:checked~section {
    transform: translate3d(260px,0,0)
}

body#cabin.cabin-demo .project-info {
    color: #ccc!important
}

body#cabin.cabin-demo .project-info h6 {
    font-family: 'Work Sans',sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: rgba(255,255,255,.3);
    letter-spacing: 2.33px;
    margin-top: 0
}

body#cabin.cabin-demo .project-info h1 {
    color: rgba(255,255,255,.6);
    font-weight: 400;
    font-size: 31px;
    line-height: 42px
}

body#cabin.cabin-demo .project-info p {
    color: rgba(255,255,255,.6);
    margin: 30px 0;
    font-size: 14px
}

body#cabin.cabin-demo .aligner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 95vh
}

body#cabin.cabin-demo .frame {
    background: url(https://getstream.imgix.net/images/cabin/frame.png) center no-repeat;
    width: 454px;
    height: 920px;
    padding-top: 89px
}

body#cabin.cabin-demo .main-frame {
    background-color: #fff;
    display: block;
    overflow-y: hidden;
    margin: 0 auto
}

body#cabin.cabin-demo .second-frame {
    height: 100%;
    width: 375px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.12);
    border-radius: 40px;
    border-bottom: solid 80px #FCFCFC;
    border-top: solid 60px #FCFCFC;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    z-index: 2
}

body#cabin.cabin-demo .demo-footer {
    background: 0 0;
    padding-top: 0;
    margin-top: 0
}

body#cabin.cabin-demo .meta {
    opacity: .5;
    transition: .2s;
    border-top: rgba(0,0,0,.1) 1px solid;
    display: block;
    margin-top: 0;
    padding: 15px 0;
    color: rgba(255,255,255,.3);
    font-size: 14px
}

body#cabin.cabin-demo .meta:hover {
    opacity: 1
}

body#cabin.cabin-demo .social a {
    margin-right: 10px;
    display: inline-block
}

body#cabin.cabin-demo .step-disabled {
    cursor: not-allowed;
    opacity: .3;
    -moz-opacity: .3
}

@media (max-height: 853px) {
    body#cabin.cabin-demo .aligner {
        height:1000px
    }
}

#post-page {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

#post-page #wrap {
    max-width: 1620px;
    padding: 175px 0 0;
    background: #fff
}

#post-page.dynamo #wrap,#post-page.mongo #wrap {
    background-image: url("data:image/svg+xml;utf8,<svg width='510' height='713' viewBox='0 0 510 713' xmlns='http://www.w3.org/2000/svg'><g fill-rule='nonzero' fill='none'><path fill='#2E73B8' d='M630.213 232.917v-75.174L551.15 71.156 421.737 356.5 551.15 641.746l79.063-86.686v-75.173l-26.354 17.907v-36.11l26.354-13.677v-75.665l-26.354.688v-33.847l26.354 1.279v-73.698L603.86 252.99v-25.386z'/><path fill='#5294CF' d='M410.232 712.393l140.918-70.647V71.058L410.232.608 250.433 362.501z'/><path fill='#2E73B8' d='M212.573 712.393h197.659V.607H212.573L110.5 362.502z'/><path fill='#205B99' d='M212.573 712.393L70.377 641.746 25.633 362.502 70.377 71.058 212.18.608z'/><path fill='#19486F' d='M603.859 461.684l-52.808 25.78-140.82 30.403H212.574L74.31 487.463l-2.458-.492-1.573-.393V379.13l142.098 10.233H410.232L551.15 379.13l79.162-6.593-26.453-.196v-31.684l26.06-.295-78.77-5.805-140.917-4.526H213.655l-143.376 3.444V225.242l1.573-.295 141.803-33.356h196.577l140.918 33.356 52.709 28.14v-17.809l26.354-2.165-79.063-55.297-140.918-45.557H213.655l-143.376 47.13V71.059L1.147 157.743v75.272l19.766 2.263v18.105L1.147 265.19v75.272l19.766.196v31.684l-19.766.295v74.878l19.766 11.807v18.4L.951 479.985l.196 74.977 69.132 86.685V533.315l142.196 43.884h197.757l140.918-43.687 79.063-53.625-26.354-2.165z'/></g></svg>");
    background-repeat: no-repeat;
    background-position: top 160px right -200px;
    margin: 0 auto
}

@media (max-width: 1370px) {
    #post-page.dynamo #wrap,#post-page.mongo #wrap {
        background-position:top 160px right -300px
    }
}

@media (max-width: 1270px) {
    #post-page.dynamo #wrap,#post-page.mongo #wrap {
        background-position:top 160px right -400px
    }
}

@media (max-width: 1020px) {
    #post-page.dynamo #wrap,#post-page.mongo #wrap {
        background-image:none
    }
}

#post-page .footer {
    background: #171717
}

.str__post--container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto
}

.str__post--section {
    margin: 39px 0
}

.str__post--section-title {
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 30px;
    width: 600px;
    max-width: 100%
}

.str__post--section-subtitle {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 29px
}

.str__post--subsection {
    display: -ms-flexbox;
    display: flex
}

.str__post--subsection-title {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18px;
    line-height: 26px;
    min-width: 200px;
    margin-top: 0
}

.str__post--author-details p,.str__post--title {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

@media (max-width: 750px) {
    .str__post--container {
        padding:15px
    }

    .str__post--subsection {
        display: block
    }
}

.str__post--title {
    font-size: 50px;
    line-height: 61px;
    margin-bottom: 42px;
    width: 600px;
    max-width: 100%
}

.str__post--divider {
    width: 70px;
    height: 2px;
    margin: 50px 0 32px;
    background: #000
}

.str__post--author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transform: translateX(-100px);
    margin: 30px 0
}

@media (max-width: 960px) {
    .str__post--author {
        transform:translateX(0)
    }
}

.str__post--author-avatar {
    width: 70px;
    height: 70px;
    margin-right: 30px
}

.str__post--author-avatar img {
    width: inherit;
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100px
}

.str__post--author-details p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px
}

.str__post--lead {
    font-family: realtimetext_light,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 29px
}

.str__post--lead a {
    color: #2f7deb
}

.str__post--p {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    line-height: 25px
}

#notification-feeds-page .page-lead-title strong,.str__post--p strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.str__post--p a {
    color: #2f7deb
}

#notification-feeds-page {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding: 0
}

#notification-feeds-page #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px
}

#notification-feeds-page #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

#notification-feeds-page .page-lead-title {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 50px;
    line-height: 61px;
    margin-bottom: 35px;
    margin-top: 0;
    transition: all .3s
}

#notification-feeds-page .page-lead-title strong {
    display: block
}

#notification-feeds-page .page-lead-text {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 22px;
    line-height: 35px;
    margin: 0 0 35px
}

#notification-feeds-page .page-lead-text strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#notification-feeds-page .section-lead-text {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18.5px;
    line-height: 35px;
    margin-top: 35px;
    max-width: 551px
}

#notification-feeds-page .section-lead-text a,.ntf-section-tutorial .no-sign-up {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#notification-feeds-page .section-lead-text a {
    color: #2F7DEB
}

#notification-feeds-page .section-header h2,.frnt-subnav .frnt-subnav-inner-left select {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#notification-feeds-page .section-header {
    margin-bottom: 0
}

#notification-feeds-page .section-header h2 {
    font-size: 33px;
    line-height: 44px;
    color: #000;
    margin-top: 0
}

#notification-feeds-page .lnd-button {
    margin: 12px 26px 0 0;
    min-height: 52px;
    min-width: 170px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

#notification-feeds-page .lnd-button:last-child {
    margin-right: 0
}

@media (max-width: 500px) {
    #notification-feeds-page .lnd-button {
        display:-ms-flexbox;
        display: flex;
        width: 100%;
        margin: 24px 0 0
    }
}

#notification-feeds-page .lnd-button span {
    right: 10px;
    top: 39px;
    width: auto;
    padding-left: 26px
}

@media (max-width: 500px) {
    #notification-feeds-page .lnd-button span {
        top:48px;
        right: 0;
        width: 50%
    }
}

.ntf-hero {
    margin: 120px auto
}

.ntf-hero .ntf-hero-art {
    position: absolute;
    top: 50px;
    right: -75px;
    z-index: auto
}

@media (max-width: 1230px) {
    .ntf-hero .ntf-hero-art {
        width:70%;
        top: 35px
    }
}

@media (max-width: 1020px) {
    .ntf-hero .ntf-hero-art {
        position:relative;
        width: 100%;
        top: auto;
        left: 0;
        right: 0;
        margin: 100px auto 0
    }
}

.ntf-section-ph {
    margin-top: 100px;
    padding: 140px 0;
    background: url(https://getstream.imgix.net/images/notifications/ntf-section-ph@1x.png?auto=enhance) center left no-repeat;
    background-size: 435px 786px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .ntf-section-ph {
        background:url(https://getstream.imgix.net/images/notifications/ntf-section-ph@2x.png?auto=enhance) center left no-repeat;
        background-size: 435px 786px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    .ntf-section-ph {
        background:url(https://getstream.imgix.net/images/notifications/ntf-section-ph@3x.png?auto=enhance) center left no-repeat;
        background-size: 435px 786px
    }
}

.ntf-section-ph .bq {
    position: relative;
    margin: 50px 0;
    padding: 40px
}

.ntf-section-ph .bq:before {
    position: absolute;
    left: 0;
    top: 0;
    content: url(https://getstream.imgix.net/images/notifications/blockquote.svg)
}

.ntf-section-ph .bq .author,.ntf-section-ph .bq .company {
    text-transform: uppercase;
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 1
}

.ntf-section-ph .bq .company {
    font-size: 16px;
    margin: 30px 0 5px
}

.ntf-section-ph .bq .author {
    font-size: 10px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.ntf-section-ph img {
    box-shadow: 0 2px 9px 0 rgba(0,0,0,.1),0 2px 33px 0 rgba(0,0,0,.1)
}

@media (max-width: 1020px) {
    .ntf-section-ph {
        background-position:bottom left
    }

    .ntf-section-ph img {
        margin: 0 auto
    }
}

.case-study-cta {
    margin: 36px 0 0 36px;
    min-height: 34px;
    padding: 2px 10px 2px 2px;
    text-decoration: none;
    max-width: 390px;
    background: #FFF;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.04) 0,rgba(0,0,0,.04) 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.11),0 2px 7px 1px rgba(47,125,235,.16);
    border-radius: 47px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px
}

.case-study-cta .tag {
    display: inline-block;
    background: #B7FEE0;
    border-radius: 47px;
    color: #5D9B72;
    padding: 4px 10px 6px;
    margin-right: 10px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-transform: uppercase
}

.case-study-cta .content {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: -2px
}

.case-study-cta .content svg {
    position: relative;
    top: 2px;
    margin: 0 5px
}

@media (max-width: 1020px) {
    .case-study-cta {
        margin:36px auto
    }

    .ntf-section-feed .flex-container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.case-study-cta:active,.case-study-cta:focus,.case-study-cta:hover,.case-study-cta:visited {
    text-decoration: none
}

@media (max-width: 480px) {
    .case-study-cta {
        padding-left:10px
    }

    .case-study-cta .tag {
        display: none
    }
}

.ntf-section-feed {
    background: url(https://getstream.imgix.net/images/notifications/ntf-section-feed@1x.png?auto=enhance) center center no-repeat;
    background-size: 1142px 741px;
    padding: 100px 0;
    margin: -100px 0 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .ntf-section-feed {
        background:url(https://getstream.imgix.net/images/notifications/ntf-section-feed@2x.png?auto=enhance) center center no-repeat;
        background-size: 1142px 741px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    .ntf-section-feed {
        background:url(https://getstream.imgix.net/images/notifications/ntf-section-feed@3x.png?auto=enhance) center center no-repeat;
        background-size: 1142px 741px
    }
}

.ntf-section-feed .ntf-feed-mainImage {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.09),0 19px 30px 0 rgba(0,0,0,.13);
    border-radius: 12px
}

.ntf-section-feed__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 55px
}

@media (max-width: 830px) {
    .ntf-section-feed__item {
        padding:30px 0;
        width: 45%
    }
}

.ntf-section-feed__item h3 {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18.5px;
    line-height: 22px
}

.ntf-section-feed__item p {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15px;
    line-height: 20px
}

.ntf-section-feed__item__icon {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    background: #FBFBFB;
    border: 2px solid #FFF;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.11);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ntf-section-feed__item__icon .icon-megaphone {
    position: relative
}

.ntf-section-feed__item__icon .icon-aggregation {
    position: relative;
    left: 5px
}

.ntf-section-feed__item__icon .icon-counts {
    position: relative;
    left: 3px
}

.ntf-section-feed__item__icon .icon-real-time {
    position: relative;
    left: 5px;
    top: -5px
}

.ntf-section-tutorial {
    padding: 100px 0
}

.ntf-section-tutorial .code-example {
    box-shadow: 0 0 16px 0 rgba(0,0,0,.09)
}

.ntf-section-tutorial .code-example code,.ntf-section-tutorial .code-example pre {
    white-space: pre
}

.ntf-section-tutorial .code-example .hljs {
    line-height: 2.5;
    background: #121212;
    color: #B8B8B8;
    border-radius: 6px
}

.ntf-section-tutorial .code-example .hljs tr {
    margin-top: 30px
}

.ntf-section-tutorial .code-example .hljs td {
    margin: 30px;
    padding: 0;
    vertical-align: top
}

.ntf-section-tutorial .code-example .hljs .hljs-ln-n {
    width: 30px;
    font-family: 'Andale Mono';
    font-size: 12px;
    color: #5D5D5D
}

@media (max-width: 1020px) {
    .ntf-section-tutorial .code-example {
        margin-top:30px
    }

    .page__activity-feeds .activity-feed-art {
        display: none
    }
}

.ntf-section-tutorial p {
    font-size: 18px;
    max-width: 539px
}

.ntf-section-tutorial .no-sign-up {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    color: rgba(0,0,0,.5);
    margin-left: 38px
}

.page__activity-feeds,.page__react-components {
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 15.5px
}

.page__activity-feeds {
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

.page__activity-feeds #wrap {
    max-width: 1620px;
    min-height: 3000px;
    background: #fff;
    margin: 0 auto;
    padding-top: 70px;
    overflow: hidden;
    position: relative
}

.page__activity-feeds #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

.page__activity-feeds .prs-hero {
    padding: 176px 0 325px
}

.page__activity-feeds .activity-feed-art {
    position: absolute;
    right: -100px;
    top: 120px;
    width: 900px;
    height: auto
}

@media (max-width: 1400px) {
    .page__activity-feeds .activity-feed-art {
        width:900px;
        height: auto
    }
}

@media (max-width: 1350px) {
    .page__activity-feeds .activity-feed-art {
        width:850px;
        height: auto
    }
}

@media (max-width: 1300px) {
    .page__activity-feeds .activity-feed-art {
        width:850px;
        height: auto
    }
}

@media (max-width: 1250px) {
    .page__activity-feeds .activity-feed-art {
        width:800px;
        height: auto
    }
}

@media (max-width: 1200px) {
    .page__activity-feeds .activity-feed-art {
        width:750px;
        height: auto
    }
}

@media (max-width: 1150px) {
    .page__activity-feeds .activity-feed-art {
        width:700px;
        height: auto
    }
}

.str__timeline--featurelist .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.str__timeline--featurelist .row:before {
    display: none
}

.str__timeline--featurelist .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.str__timeline--featurelist .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.str__timeline--featurelist img {
    width: 100%;
    height: auto
}

.act-video-section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1020px) {
    .act-video-section .row {
        display:block
    }
}

.str__video-component {
    max-width: 470px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1020px) {
    .str__video-component {
        margin:-150px auto 100px
    }
}

@media screen and (max-width: 830px) {
    .page__activity-feeds .prs-hero {
        padding:100px 0 125px
    }

    .str__video-component {
        display: none
    }
}

.str__video-component .video-component__container {
    -ms-flex: 1;
    flex: 1;
    height: 666px;
    background: #fff;
    margin-bottom: 24px;
    border-radius: 6px;
    box-shadow: 0 2px 9px 0 rgba(0,0,0,.1),0 2px 33px 0 rgba(0,0,0,.1);
    overflow: hidden
}

.str__video-component .video-component__switcher {
    display: -ms-flexbox;
    display: flex
}

.str__video-component .video-component__switcher .switcher__switch {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    background: #f2f2f2;
    border-radius: 6px;
    margin: 0 5px
}

.str__video-component .video-component__switcher .switcher__switch:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242,242,242,0);
    border-bottom-color: #f2f2f2;
    border-width: 10px;
    margin-left: -10px
}

.str__video-component .video-component__switcher .switcher__switch:first-of-type {
    margin-left: 0
}

.str__video-component .video-component__switcher .switcher__switch:last-of-type {
    margin-right: 0
}

.str__video-component .video-component__switcher .switcher__switch .inactive {
    display: block
}

.str__video-component .video-component__switcher .switcher__switch .active,.str__video-component .video-component__switcher .switcher__switch .is-active {
    display: none
}

.str__video-component .video-component__switcher .switcher__switch--active {
    background: #FFF;
    border: 1px solid rgba(0,0,0,.16);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15)
}

.str__video-component .video-component__switcher .switcher__switch--active .active,.str__video-component .video-component__switcher .switcher__switch--active .is-active {
    display: block
}

.str__video-component .video-component__switcher .switcher__switch--active img.inactive {
    display: none
}

.str__video-component .video-component__switcher .switcher__switch--active:after,.str__video-component .video-component__switcher .switcher__switch--active:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.str__video-component .video-component__switcher .switcher__switch--active:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.str__video-component .video-component__switcher .switcher__switch--active:before {
    border-color: transparent transparent #c6c6c6;
    border-width: 11px;
    margin-left: -11px
}

.act-contact-section {
    padding-bottom: 200px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: top right -125px;
    background-size: 870px auto
}

@media (max-width: 1200px) {
    .act-contact-section {
        background-size:750px auto
    }
}

@media (max-width: 1150px) {
    .act-contact-section {
        background-size:700px auto
    }
}

@media (max-width: 1050px) {
    .act-contact-section {
        background-size:600px auto
    }
}

@media (max-width: 1020px) {
    .act-contact-section {
        background:0 0;
        background-size: 0 0
    }
}

.act-contact-section form {
    margin-top: 70px
}

.act-contact-section form .mktg-input {
    box-shadow: 0 0 0;
    border-bottom: .5px solid rgba(0,0,0,.2)
}

.page__react-components {
    padding: 0;
    color: #000;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A
}

.page__react-components #wrap {
    max-width: 1620px;
    margin: 0 auto;
    padding: 70px 0 0
}

.frnt-header__logo {
    margin: 82px auto 32px!important
}

.frnt-header__buttons a:first-of-type {
    display: inline-block;
    margin-right: 25px
}

.frnt-header__buttons a:last-of-type {
    display: inline-block;
    margin-left: 25px
}

.frnt-header .mktg-prelabel {
    color: #fff;
    margin: 0 0 50px
}

.frnt-subnav {
    position: relative;
    z-index: 1000;
    margin: 10px 0 20px;
    line-height: 1
}

.frnt-subnav a {
    color: #fff;
    text-transform: uppercase
}

.frnt-subnav ul {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
    padding: 0;
    -ms-flex-align: center;
    align-items: center
}

.frnt-subnav ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px;
    font-size: 15px!important
}

.frnt-subnav ul li svg {
    margin-right: 8px
}

.frnt-subnav .frnt-subnav-inner {
    padding: 0 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff
}

.frnt-subnav .frnt-subnav-inner-left {
    -ms-flex: 1;
    flex: 1
}

.frnt-subnav .frnt-subnav-inner-left ul {
    list-style-type: none
}

.frnt-subnav .frnt-subnav-inner-left select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg width="8" height="14" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="evenodd"><path d="M3.6 0l3.6 6H0zM3.6 14l3.6-6H0z"/></g></svg>') 100%/6px no-repeat;
    background-position-y: 8px;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px 0 0;
    border: none;
    color: #fff
}

.frnt-subnav .frnt-subnav-inner-right ul {
    color: #fff;
    list-style-type: disc
}

.frnt-subnav .frnt-subnav-inner-right ul li+li:before {
    content: '';
    position: relative;
    width: 4px;
    height: 4px;
    top: 3px;
    right: 7px;
    background: #fff;
    border-radius: 50%
}

.page__react-native-components,.page__react-native-tutorial {
    padding: 0;
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.frnt-inner .lead,.frnt-inner h2,.frnt-inner h3 {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__react-native-components #wrap,.page__react-native-tutorial #wrap {
    max-width: 1620px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: auto;
    padding-top: 70px
}

.page__react-native-components #wrap .mktg-topbar,.page__react-native-tutorial #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

.frnt-inner {
    position: relative;
    z-index: 1;
    background: #FCFCFC;
    border-radius: 20px 20px 0 0
}

.frnt-contact,.frnt-features__header,.frnt-header,.page__react-native-tutorial .frnt-rn-tut-hero,.second-hero {
    background-repeat: no-repeat
}

.frnt-inner h2,.frnt-inner h3 {
    color: #000
}

.frnt-inner h2 {
    font-size: 33.75px;
    line-height: 39.61px
}

.frnt-inner h3 {
    font-size: 22.5px;
    line-height: 35.6px
}

.frnt-inner .lead {
    font-size: 17px;
    line-height: 26px
}

.frnt-inner h5 {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.frnt-inner .str__cta {
    margin-top: 0
}

.second-hero {
    margin: -100px 0;
    padding: 150px 0;
    background-position: right center;
    background-size: auto 600px
}

@media screen and (max-width: 1020px) {
    .second-hero {
        background:0 0;
        background-size: 0 0
    }
}

.images-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 -15px
}

.images-container .img-container {
    padding: 15px;
    -ms-flex: 1;
    flex: 1
}

.images-container .img-container .mktg-prelabel {
    display: block;
    margin: 50px auto 25px
}

.images-container .img-container img {
    width: 100%;
    max-width: 375px;
    height: auto;
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.2);
    border-radius: 8px
}

.images-container pre {
    text-align: initial;
    background: #121212;
    color: #fff;
    border-radius: 3px;
    padding: 30px;
    position: relative;
    margin: 0
}

.images-container code {
    padding: 0;
    margin: 0;
    line-height: 1.6
}

.images-container code .hljs-ln-numbers {
    width: 20px;
    font-family: 'Andale Mono','Courier New',Courier,monospace;
    opacity: .7
}

.frnt-header__heading,.page__react-native-tutorial .frnt-subnav {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.images-container code.hljs {
    background: 0 0
}

.frnt-header {
    min-height: 400px;
    color: #fff;
    transform: translateY(20px);
    z-index: 1;
    background-position: bottom center;
    background-size: 1299px 326px;
    padding-bottom: 300px
}

.frnt-header__logo {
    display: block
}

.frnt-header__heading {
    margin: 0 auto 40px;
    max-width: 850px;
    text-align: center;
    font-size: 50.62px;
    line-height: 61.35px
}

.frnt-header__leading {
    font-size: 22.5px;
    line-height: 35.6px;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.frnt-header__buttons {
    text-align: center;
    margin: 90px auto 0
}

.frnt-hero-switcher {
    transform: translateY(-150px)
}

.frnt-features__header {
    padding: 120px 0;
    background-position: top center;
    background-size: 292px 292px
}

.frnt-features__header .mktg-btn-blue {
    margin-top: 50px
}

.frnt-features__item {
    margin-bottom: 100px
}

.frnt-contact {
    background-position: bottom left;
    background-size: 1294px 529px;
    padding-bottom: 128px;
    padding-top: 100px
}

.frnt-contact__heading {
    text-align: center;
    margin-bottom: 100px
}

.frnt-contact__heading p {
    font-size: 17px;
    line-height: 26px
}

.frnt-contact__box {
    min-height: 100px;
    background: #FFF;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.16);
    border-radius: 6px;
    padding: 50px;
    position: relative
}

.frnt-contact__box__left {
    -ms-flex: 1;
    flex: 1
}

.frnt-contact__box ul.messages {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.frnt-contact__box ul.messages li {
    padding: 7px 20px 10px;
    border-radius: 6px 6px 0 0
}

.frnt-contact__box ul.messages li.success {
    background: #2FEB91
}

.frnt-contact__box form {
    box-shadow: none;
    background: #fff;
    width: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.frnt-featurelist {
    padding: 100px 0
}

.frnt-featurelist .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.frnt-featurelist .row:before {
    display: none
}

.frnt-featurelist .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.frnt-featurelist .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.frnt-featurelist img {
    width: 100%;
    height: auto
}

.page__react-native-tutorial .react_native_toc {
    margin-top: 100;
    list-style-type: none;
    padding-left: 0;
    margin-left: -10px;
    transform: scale(.895)
}

.page__react-native-tutorial .react_native_toc li:first-of-type {
    margin-top: 20px
}

.page__react-native-tutorial .react_native_toc li {
    font-size: 13.5px
}

.page__react-native-tutorial .frnt-subnav {
    color: #fff
}

.page__react-native-tutorial .frnt-subnav .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page__react-native-tutorial .frnt-subnav .menu p {
    margin: 0 20px
}

.page__react-native-tutorial .frnt-subnav .menu p a.inactive {
    color: #fff;
    opacity: .6
}

.page__react-native-tutorial p {
    line-height: 1.6
}

.page__react-native-tutorial p span.component {
    color: #10E014
}

.page__react-native-tutorial p a {
    color: #0076FF
}

.page__react-native-tutorial p code {
    color: #000;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16.5px;
    background: #E8E8E8;
    padding: 0 4px 4px
}

.page__react-native-tutorial h1,.page__react-native-tutorial h3 {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__react-native-tutorial p code a:after {
    content: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M8.2 12.599a1 1 0 1 1 1.6-1.198 4 4 0 0 0 6.033.432l2.988-2.988a4 4 0 0 0-.049-5.607 3.997 3.997 0 0 0-5.597-.059l-1.72 1.71a1 1 0 1 1-1.41-1.418l1.73-1.72a6 6 0 0 1 8.472 8.496l-3 3a6 6 0 0 1-9.048-.648zm5.6-3.198a1 1 0 1 1-1.6 1.198 4 4 0 0 0-6.033-.432L3.18 13.155a4 4 0 0 0 .049 5.607c1.543 1.543 4.038 1.565 5.595.06l1.71-1.71a1 1 0 0 1 1.414 1.415l-1.722 1.722a6 6 0 0 1-8.472-8.496l3-3a6 6 0 0 1 9.048.648z" fill="%23000" fill-rule="nonzero" fill-opacity=".283"/></svg>');
    width: 10px;
    height: 10px;
    margin: 2px 3px 0
}

.page__react-native-tutorial h1 {
    font-size: 50.62px;
    line-height: 61.35px
}

.page__react-native-tutorial h2.anchor {
    padding-top: 70px;
    margin-top: -70px
}

.page__react-native-tutorial h3 {
    font-size: 22.5px;
    line-height: 35.6px;
    margin-top: 8px
}

.page__react-native-tutorial h4 {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 17px;
    line-height: 26px
}

.page__react-native-tutorial ul.toc {
    margin: 0;
    list-style-image: url(https://getstream.imgix.net/images/frontend-components/arrow.svg);
    padding-left: 20px;
    line-height: 38px
}

.page__react-native-tutorial ul.toc a {
    position: relative;
    color: #000;
    left: 20px
}

.page__react-native-tutorial ul.toc a:hover {
    color: #000
}

.page__react-native-tutorial .line {
    width: 70px;
    margin: 60px 8px 60px 0;
    height: 2px;
    background-color: #000
}

.page__react-native-tutorial .lead {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 22.5px;
    line-height: 35.6px
}

.page__react-native-tutorial .divider {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    margin: 100px auto;
    position: relative;
    z-index: 1
}

.page__react-native-tutorial .frnt-rn-tut-hero {
    margin: 0 0 -200px;
    padding: 100px 0;
    background-position: top -150px right -400px;
    background-size: 1188px auto
}

@media (max-width: 1200px) {
    .page__react-native-tutorial .frnt-rn-tut-hero {
        background-size:988px auto;
        background-position: top -50px right -400px
    }
}

@media (max-width: 1020px) {
    .page__react-native-tutorial .frnt-rn-tut-hero {
        background:0 0
    }
}

.page__react-native-tutorial .frnt-rn-tut-hero .note {
    padding: 15px;
    background: #f0f0f0;
    border-radius: 3px
}

.page__react-native-tutorial .str__cta {
    margin-top: 100px
}

.page__react-native-tutorial .feature-image {
    margin: 20px 0;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.15);
    border-radius: 6px
}

.page__react-native-tutorial .mktg-btn-blue {
    color: #fff;
    margin: 30px 0 50px
}

.page__react-native-tutorial .rn-codeblock {
    position: relative;
    margin: 15px 0 30px
}

.page__react-native-tutorial .rn-codeblock svg {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px
}

.page__react-native-tutorial .rn-codeblock .copied {
    position: absolute;
    opacity: 0;
    top: 3px;
    left: 30px;
    z-index: 1;
    color: rgba(255,255,255,.3);
    transition: opacity .3s
}

.page__react-native-tutorial pre {
    background: 0 0;
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 0
}

.page__react-native-tutorial pre svg {
    position: absolute;
    top: 30px;
    left: 15px;
    z-index: 2
}

.page__react-native-tutorial code {
    color: #fff;
    border-radius: 3px;
    position: relative;
    margin: 0
}

.page__react-native-tutorial .with-preview {
    position: relative;
    margin: 20px 0;
    padding: 0
}

.page__react-native-tutorial .screenshot {
    margin: 20px 50px 0 0;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 100;
    transform-origin: 100% 50%;
    transition: transform .2s
}

@media (min-width: 830px) {
    .page__react-native-tutorial .screenshot:hover {
        transform:scale(2)
    }
}

.page__react-native-tutorial .tutorial-content {
    margin-bottom: 50px
}

.page__react-native-tutorial .codetabs {
    margin: 0;
    background-color: #121212;
    border-radius: 6px 6px 0 0;
    padding-left: 0!important
}

.page__react-native-tutorial .codetabs li,.page__react-native-tutorial .codetabs li.active,.page__react-native-tutorial .codetabs li.is-active {
    background: 0 0!important
}

.page__react-native-tutorial .codetabs li.active a,.page__react-native-tutorial .codetabs li.is-active a {
    color: #fff;
    background: 0 0!important
}

.page__react-native-tutorial .codetabs a {
    background: 0 0!important
}

.page__react-native-tutorial .code-tab-content {
    margin-bottom: 0
}

.page__react-native-tutorial .code-tab-content code {
    background: 0 0;
    padding: 0
}

.page__react-native-tutorial .code-tab-content pre {
    padding: 20px;
    background: #121212!important;
    margin-bottom: 0
}

.page__react-native-tutorial .code-tab-content pre tr {
    vertical-align: top;
    line-height: 18px
}

.page__react-native-tutorial .code-tab-content pre .hljs-ln-numbers {
    font-family: 'Andale Mono','Courier New',Courier,monospace;
    color: #5D5D5D;
    padding-right: 8px
}

.page__react-native-tutorial .code-footer {
    border-radius: 0 0 6px 6px;
    background-color: #000;
    padding: 10px
}

.page__react-native-tutorial .code-footer .mktg-btn-blue {
    margin: 0
}

.page__react-native-tutorial .code-runcode {
    position: relative
}

.page__react-native-tutorial .code-runcode #code-run-errored,.page__react-native-tutorial .code-runcode #code-run-loading,.page__react-native-tutorial .code-runcode #code-run-success {
    z-index: 123;
    background: rgba(0,0,0,.85);
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22.5px;
    line-height: 35.6px;
    border-radius: 6px
}

.page__react-native-tutorial .code-runcode button {
    display: none
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border-color: #fff transparent transparent
}

.lds-ring div:nth-child(1) {
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.rn-codeblock .hljs-tag .hljs-title {
    font-weight: 700
}

.frnt-footer-tiles {
    margin: 30px 0
}

.frnt-footer-tile {
    padding: 16px 0
}

.frnt-footer-tile .mktg-prelabel {
    display: block;
    margin-top: 16px
}

.frnt-footer-tile h4 {
    margin-top: 8px
}

.page__react-native-chat-tutorial>#wrap {
    background: #fff
}

.page__react-native-chat-tutorial pre[class*=language-] {
    overflow: auto
}

.page__react-native-chat-tutorial .with-preview:after {
    content: url(/statichttps://getstream.imgix.net/images/chat/react-native-tutorial/codeblock.svg);
    right: -97px
}

.page__react-native-chat-tutorial .frnt-rn-tut-hero {
    margin-top: 100px;
    background-size: 840px;
    background-repeat: no-repeat;
    background-position: top -150px right
}

.page__react-native-chat-tutorial .tutorial-content h1 {
    margin-top: 0
}

.page__react-native-chat-tutorial .frnt-footer-tiles {
    padding: 100px 0
}

.page__react-native-chat-tutorial .lnd-hero-art-tutorial {
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 0;
    width: 665px;
    height: auto
}

@media (max-width: 1440px) {
    .page__react-native-chat-tutorial .lnd-hero-art-tutorial {
        width:665px;
        height: auto;
        top: -85x
    }
}

@media (max-width: 1400px) {
    .page__react-native-chat-tutorial .lnd-hero-art-tutorial {
        width:665px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1300px) {
    .page__react-native-chat-tutorial .lnd-hero-art-tutorial {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1200px) {
    .page__react-native-chat-tutorial .lnd-hero-art-tutorial {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1100px) {
    .page__react-native-chat-tutorial .lnd-hero-art-tutorial {
        width:500px;
        height: auto;
        top: 85px
    }
}

.page__react-tutorial {
    padding: 0;
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__react-tutorial div.code-toolbar>.toolbar a,.page__react-tutorial div.code-toolbar>.toolbar button,.page__react-tutorial div.code-toolbar>.toolbar span {
    background-color: transparent
}

.page__react-tutorial div.code-toolbar>.toolbar a:focus,.page__react-tutorial div.code-toolbar>.toolbar a:hover,.page__react-tutorial div.code-toolbar>.toolbar button:focus,.page__react-tutorial div.code-toolbar>.toolbar button:hover,.page__react-tutorial div.code-toolbar>.toolbar span:focus,.page__react-tutorial div.code-toolbar>.toolbar span:hover {
    color: #fff;
    text-decoration: none
}

.page__react-tutorial #wrap {
    max-width: 1620px;
    margin: 0 auto;
    padding: 70px 0 0
}

.page__react-tutorial #wrap .mktg-btn-blue {
    border: 0;
    font-weight: 600
}

.page__react-tutorial #wrap p,.page__react-tutorial #wrap ul {
    font-size: 16px;
    line-height: 1.6
}

.page__react-tutorial #wrap p code,.page__react-tutorial #wrap ul code {
    color: #000;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16.5px;
    background: #E8E8E8;
    padding: 0 4px 4px
}

.changelog-item>.content,.page__changelog p,body.page__chatbeta,body.page__chatbeta .page-lead-text {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__react-tutorial #wrap p code a,.page__react-tutorial #wrap ul code a {
    color: #0076FF
}

.page__react-tutorial #wrap p code a:after,.page__react-tutorial #wrap ul code a:after {
    content: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M8.2 12.599a1 1 0 1 1 1.6-1.198 4 4 0 0 0 6.033.432l2.988-2.988a4 4 0 0 0-.049-5.607 3.997 3.997 0 0 0-5.597-.059l-1.72 1.71a1 1 0 1 1-1.41-1.418l1.73-1.72a6 6 0 0 1 8.472 8.496l-3 3a6 6 0 0 1-9.048-.648zm5.6-3.198a1 1 0 1 1-1.6 1.198 4 4 0 0 0-6.033-.432L3.18 13.155a4 4 0 0 0 .049 5.607c1.543 1.543 4.038 1.565 5.595.06l1.71-1.71a1 1 0 0 1 1.414 1.415l-1.722 1.722a6 6 0 0 1-8.472-8.496l3-3a6 6 0 0 1 9.048.648z" fill="%23000" fill-rule="nonzero" fill-opacity=".283"/></svg>');
    width: 10px;
    height: 10px;
    margin: 2px 3px 0
}

.page__react-tutorial #wrap .str-topbar ul {
    font-size: 14px
}

.page__react-tutorial .frnt-rn-tut-hero {
    margin: -100px 0 -150px;
    padding: 200px 0;
    background-position: top -200px right -400px;
    background-repeat: no-repeat;
    background-size: 1188px auto
}

@media (max-width: 1200px) {
    .page__react-tutorial .frnt-rn-tut-hero {
        background-size:988px auto;
        background-position: top -50px right -400px
    }
}

@media (max-width: 1020px) {
    .page__react-native-chat-tutorial .lnd-hero-art-tutorial {
        display:block
    }

    .page__react-tutorial .frnt-rn-tut-hero {
        background: 0 0
    }
}

.page__react-tutorial .frnt-footer-tiles {
    margin: 100px 0 150px
}

.page__react-tutorial article .example {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 15px 0 30px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 12px 14px 0 rgba(0,0,0,.31);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page__react-tutorial article .example header {
    background-color: #282C33;
    border-radius: 3px 3px 0 0;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.page__react-tutorial article .example header span {
    border-radius: 5px;
    height: 8px;
    width: 8px;
    margin-right: 3px
}

.page__react-tutorial article .example header span:nth-of-type(1) {
    background-color: #FA595A
}

.page__react-tutorial article .example header span:nth-of-type(2) {
    background-color: #d0d0d0
}

.page__react-tutorial article .example header span:nth-of-type(3) {
    background-color: #1FCB52
}

.page__react-tutorial article .example main {
    padding: 15px;
    height: calc(100% - 28px);
    border-radius: 0 0 3px 3px;
    overflow-y: scroll
}

.page__react-tutorial article .note {
    padding: 15px;
    background: #f0f0f0;
    border-radius: 3px
}

.page__react-tutorial .hljs {
    display: block;
    overflow-x: auto;
    padding: 2em;
    color: #abb2bf;
    background: #282c34
}

.page__react-tutorial .hljs-comment,.page__react-tutorial .hljs-quote {
    color: #5c6370;
    font-style: italic
}

.page__react-tutorial .hljs-doctag,.page__react-tutorial .hljs-formula,.page__react-tutorial .hljs-keyword {
    color: #c678dd
}

.page__react-tutorial .hljs-deletion,.page__react-tutorial .hljs-name,.page__react-tutorial .hljs-section,.page__react-tutorial .hljs-selector-tag,.page__react-tutorial .hljs-subst {
    color: #e06c75
}

.page__react-tutorial .hljs-literal {
    color: #56b6c2
}

.page__react-tutorial .hljs-addition,.page__react-tutorial .hljs-attribute,.page__react-tutorial .hljs-meta-string,.page__react-tutorial .hljs-regexp,.page__react-tutorial .hljs-string {
    color: #98c379
}

.page__react-tutorial .hljs-built_in,.page__react-tutorial .hljs-class .hljs-title {
    color: #e6c07b
}

.page__react-tutorial .hljs-attr,.page__react-tutorial .hljs-number,.page__react-tutorial .hljs-selector-attr,.page__react-tutorial .hljs-selector-class,.page__react-tutorial .hljs-selector-pseudo,.page__react-tutorial .hljs-template-variable,.page__react-tutorial .hljs-type,.page__react-tutorial .hljs-variable {
    color: #d19a66
}

.page__react-tutorial .hljs-bullet,.page__react-tutorial .hljs-link,.page__react-tutorial .hljs-meta,.page__react-tutorial .hljs-selector-id,.page__react-tutorial .hljs-symbol,.page__react-tutorial .hljs-title {
    color: #61aeee
}

.page__react-tutorial .hljs-emphasis {
    font-style: italic
}

.page__react-tutorial .hljs-strong {
    font-weight: 700
}

.page__react-tutorial .hljs-link {
    text-decoration: underline
}

.page__changelog #wrap {
    margin: 100px 0
}

.page__changelog p.lead {
    font-size: 17px;
    line-height: 26px;
    max-width: 60%
}

.changelog-item {
    margin: 30px 0;
    background: rgba(255,255,255,.92);
    box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    height: auto
}

.changelog-item>.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid #efefef;
    background: #f8f8ff;
    border-radius: 6px 6px 0 0;
    cursor: pointer
}

.changelog-item>.header>.btn-close:after,.changelog-item>.header>.icon,.changelog-item>.header>.link-newtab:after,.changelog-item>.header>[type=checkbox].stream-form-control:checked+label:after,.changelog-item>.header>[type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .changelog-item>.header>.close:after {
    margin-right: 8px
}

.changelog-item>.header>.btn-close:after,.changelog-item>.header>.icon:after,.changelog-item>.header>.link-newtab:after,.changelog-item>.header>[type=checkbox].stream-form-control:checked+label:after,.changelog-item>.header>[type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .changelog-item>.header>.close:after {
    display: block;
    min-width: 20px;
    content: "\00a0 -";
    color: #2F7DEB
}

.changelog-item>.header p {
    margin: 0
}

.changelog-item>.content {
    padding: 16px;
    overflow: hidden
}

.changelog-item>.content h1,.changelog-item>.content h2,.changelog-item>.content h3,.changelog-item>.content h4,.changelog-item>.content h5,.chatbeta-resources h2,body.page__chatbeta .chat-sales .chat-option h4,body.page__chatbeta .page-lead-title {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.changelog-item>.content h1,.changelog-item>.content h2,.changelog-item>.content h3,.changelog-item>.content h4,.changelog-item>.content h5 {
    font-size: 22.5px;
    line-height: 35.6px;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0
}

.changelog-item>.content p {
    margin: 16px 0
}

.changelog-item>.content ul {
    margin: 16px 0;
    padding-left: 0;
    list-style: none
}

.changelog-item>.content ul li:before {
    content: "+";
    color: #2F7DEB;
    margin-right: 20px
}

.changelog-item h4 {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin: 0
}

.changelog-item.collapsed>.content {
    padding: 0;
    height: 0
}

.changelog-item.collapsed>.header {
    border-radius: 6px
}

.changelog-item.collapsed>.header>.btn-close:after,.changelog-item.collapsed>.header>.icon:after,.changelog-item.collapsed>.header>.link-newtab:after,.changelog-item.collapsed>.header>[type=checkbox].stream-form-control:checked+label:after,.changelog-item.collapsed>.header>[type=checkbox].stream-form-control:not(:checked)+label:after,.modal-content .modal-header .changelog-item.collapsed>.header>.close:after {
    display: block;
    min-width: 20px;
    content: "\00a0 +";
    color: #2F7DEB
}

.chat-quicklinks .mobile-header span:after,.chat-quicklinks li>a .plus:after,.mktg-docs-table tr.expandable .afterdiv:after,body.page__chatbeta #toggle-key-features+label[for=toggle-key-features]:after {
    content: "\00a0 +";
    width: 10px;
    color: #2F7DEB
}

.chat-quicklinks li.open a .plus:after,.mktg-docs-table tr.expandable.open .afterdiv:after,body.page__chatbeta #toggle-key-features:checked+label[for=toggle-key-features]:after {
    content: "\00a0 -";
    width: 10px;
    color: #2F7DEB
}

.chat-quicklinks {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.05);
    height: 50px;
    padding-bottom: 50px;
    text-transform: uppercase;
    top: 74px;
    padding-top: 7px;
    z-index: 1039;
    position: fixed;
    max-width: inherit;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (max-width: 1399px) {
    .chat-quicklinks {
        box-shadow:0 3px 5px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.05)
    }
}

.chat-quicklinks .demos-link {
    padding: 0 15px 0 0;
    color: #2f7deb
}

.chat-quicklinks .mktg-btn-outline-brand {
    padding-bottom: 10px
}

.chat-quicklinks .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.chat-quicklinks ul {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    padding-left: 0;
    -ms-flex-align: center;
    align-items: center;
    z-index: 200
}

.chat-quicklinks ul li {
    display: block;
    margin-right: 40px;
    padding-top: 6px
}

.chat-quicklinks ul li:first-of-type {
    margin-right: 30px
}

.chat-quicklinks ul li:first-of-type img {
    margin-left: 0
}

.chat-quicklinks ul li img:first-of-type {
    margin-right: 10px;
    margin-left: 0
}

.chat-quicklinks ul li img {
    margin-right: 10px;
    margin-top: -4px
}

.chat-quicklinks ul li .chat-icon {
    position: relative;
    top: 5px
}

.chat-quicklinks ul li a,.chat-quicklinks ul li a:hover {
    text-decoration: none;
    color: #000
}

.chat-quicklinks ul .inactive-chat-state {
    opacity: .5
}

.chat-quicklinks ul .inactive-chat-state:hover {
    opacity: 1;
    transition: .5s ease;
    transition-timing-function: linear
}

.chat-quicklinks li>a {
    -ms-flex-align: center;
    align-items: center
}

.chat-quicklinks li>a>svg {
    fill: #004EFF;
    position: relative;
    top: 0;
    margin-right: 16px;
    min-width: 32px;
    height: 24px
}

.chat-quicklinks li>a>svg.contactsvg {
    fill: #000
}

.chat-quicklinks li>a:active,.chat-quicklinks li>a:hover {
    color: #2F7DEB;
    background: 0 0
}

.chat-quicklinks li>a:focus {
    background: 0 0
}

.chat-quicklinks li>a .plus {
    width: 10px;
    position: absolute;
    top: 5px;
    left: 100%
}

.chat-quicklinks li>.dropdown-menu {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background: #fff;
    transform: translate(90%,0)
}

@media (min-width: 830px) {
    .chat-quicklinks li>.dropdown-menu {
        display:block;
        transition: all .2s ease-in-out;
        border: 1px solid rgba(0,0,0,.16);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
        border-radius: 6px;
        margin: 0 auto;
        top: 60px;
        left: 50%;
        min-width: 250px;
        right: auto;
        transform-origin: 100% 100%;
        transform: translate(-50%,5%);
        opacity: 0;
        text-align: left;
        padding: 0;
        visibility: hidden;
        text-transform: initial
    }

    .chat-quicklinks li>.dropdown-menu:after,.chat-quicklinks li>.dropdown-menu:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .chat-quicklinks li>.dropdown-menu:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }

    .chat-quicklinks li>.dropdown-menu:before {
        border-color: rgba(204,204,204,0);
        border-bottom-color: #ccc;
        border-width: 11px;
        margin-left: -11px
    }
}

.chat-quicklinks li>.dropdown-menu li {
    position: relative
}

.chat-quicklinks li>.dropdown-menu li>a {
    padding: 15px 30px;
    position: relative
}

.chat-quicklinks li>.dropdown-menu li>a .icon-bg {
    position: absolute;
    transform: translateX(-4px);
    z-index: 1;
    visibility: hidden;
    width: 38px;
    height: 38px;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.16);
    opacity: 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .8s
}

.chat-quicklinks li>.dropdown-menu li>a .icon-bg svg {
    fill: #004EFF;
    transition: transform .5s;
    transform: translateX(-24px)
}

.chat-quicklinks li>.dropdown-menu li:hover a {
    color: #004EFF
}

.chat-quicklinks li>.dropdown-menu li.divider {
    width: 30px;
    margin-left: 30px
}

@media (min-width: 830px) {
    .chat-quicklinks li>.dropdown-menu li:first-child {
        padding-top:15px
    }

    .chat-quicklinks li>.dropdown-menu li:last-child {
        padding-bottom: 15px
    }

    .chat-quicklinks li>.dropdown-menu li:last-child.str__nav--footer {
        padding-bottom: 0;
        margin-top: 15px
    }
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu {
    z-index: 1050;
    position: relative
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu {
    z-index: 1050;
    position: absolute;
    opacity: 1;
    visibility: hidden;
    min-width: 200px;
    top: 0;
    left: 358px;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 0;
    padding: 0
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu:after,.chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu:before {
    display: none;
    background: 0 0
}

@media (max-width: 830px) {
    .chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu {
        display:block
    }
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu li:first-child {
    padding-top: 0;
    border-bottom: 1px solid #D8D8D8
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu li:last-child {
    padding-bottom: 0
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu .dropdown-menu li a {
    padding: 15px 0 15px 30px
}

.chat-quicklinks li>.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    visibility: visible
}

.chat-quicklinks li.open a {
    background: 0 0
}

.chat-quicklinks li.open a .plus {
    width: 10px
}

.chat-quicklinks li.open>.dropdown-menu {
    transform: translate(0,0) scale(1);
    visibility: visible;
    opacity: 1
}

@media screen and (min-width: 830px) {
    .chat-quicklinks li.open>.dropdown-menu {
        transform:translate(-50%,0)
    }
}

.chat-quicklinks li .str__nav--footer {
    background: #fafafa;
    padding: 10px 0 0 20px;
    border-radius: 0 0 6px 6px
}

.chat-quicklinks li .str__nav--footer .mktg-prelabel {
    transform: translateX(13px);
    display: block
}

.chat-quicklinks li .str__nav--footer li a {
    padding: 10px 0 10px 10px;
    text-decoration: none
}

.chat-quicklinks .mobile-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: capitalize;
    cursor: pointer
}

.chat-quicklinks .mobile-header svg {
    fill: #004EFF;
    position: relative;
    top: 0;
    left: -3px;
    margin-right: 6px;
    min-width: 32px;
    height: 20px
}

.chat-quicklinks .mobile-header span {
    position: relative;
    top: -3px
}

.chat-quicklinks .mobile-header span:after {
    width: 10px;
    position: absolute;
    left: 105%
}

@media (max-width: 830px) {
    .chat-quicklinks {
        display:block;
        height: auto;
        min-height: 50px;
        padding-bottom: 0;
        top: 70px
    }

    .chat-quicklinks .container,.chat-quicklinks .message-fixed {
        margin: 0
    }

    .chat-quicklinks .wrapper {
        display: block
    }

    .chat-quicklinks ul {
        display: none
    }

    .chat-quicklinks ul.open {
        display: block
    }

    .chat-quicklinks ul li {
        padding: 10px 0
    }

    .chat-quicklinks ul li>.dropdown-menu {
        display: none;
        transform: unset;
        padding: 0;
        margin: 0
    }

    .chat-quicklinks ul li>.dropdown-menu li a {
        font-size: 12px;
        padding: 10px 0
    }

    .chat-quicklinks ul li.open>.dropdown-menu {
        display: block
    }

    .chat-quicklinks .dropdown-menu {
        position: static;
        top: unset;
        left: unset;
        display: block;
        float: unset;
        min-width: unset;
        padding: unset;
        margin: unset;
        background-color: unset;
        border: unset;
        border-radius: unset;
        box-shadow: unset;
        transform: unset
    }
}

body.page__chatbeta {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

body.page__chatbeta #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px
}

body.page__chatbeta #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

body.page__chatbeta .str-form .mktg-input-large {
    min-height: 120px
}

body.page__chatbeta .str-clients {
    margin-top: 150px
}

body.page__chatbeta label[for=toggle-key-features] {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: rgba(0,0,0,.5);
    letter-spacing: 0;
    background: 0 0;
    border: 0;
    margin-top: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.page__chatbeta label[for=toggle-key-features]:hover {
    color: #2f7deb
}

body.page__chatbeta .key-features-container {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height .2s ease-in-out
}

body.page__chatbeta .key-features-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: transform .4s ease-in-out
}

body.page__chatbeta #toggle-key-features {
    display: none
}

body.page__chatbeta #toggle-key-features:checked~.key-features-container {
    display: block;
    height: 440px
}

body.page__chatbeta #toggle-key-features:checked~.key-features-container:before {
    transform: translateY(100%)
}

body.page__chatbeta span.betablock {
    position: relative
}

body.page__chatbeta .superbeta,body.page__chatbeta span.betablock:after {
    background: #16C98D;
    padding: 1px 3px 3px;
    position: absolute;
    font-size: 11px;
    line-height: 6px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #fff
}

body.page__chatbeta span.betablock:after {
    content: 'BETA';
    top: 0;
    left: 75px;
    border-radius: 2px
}

body.page__chatbeta .mktg-btn-blue {
    border: none
}

body.page__chatbeta .superbeta {
    border-radius: 2px;
    display: block;
    top: 33px;
    left: 89px
}

body.page__chatbeta h4.lnd-item-title,body.page__chatbeta h4.lnd-link-item-title,body.page__chatbeta p.lnd-link-item-content {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 22px
}

body.page__chatbeta h4.lnd-item-title {
    font-size: 18.5px
}

body.page__chatbeta h4.lnd-link-item-title {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 8px;
    letter-spacing: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

body.page__chatbeta h4.lnd-link-item-title svg:first-of-type {
    margin-right: 16px;
    margin-top: 1px
}

body.page__chatbeta h4.lnd-link-item-title svg:last-of-type {
    margin-left: 12px;
    margin-top: 2px
}

body.page__chatbeta p.lnd-link-item-content {
    color: rgba(0,0,0,.7);
    font-size: 15px
}

body.page__chatbeta .sizeimgfix {
    transform: scale(.88)
}

body.page__chatbeta .page-lead-title {
    font-size: 50.62px;
    line-height: 61.35px;
    line-height: 1.2;
    margin-top: 8px;
    margin-bottom: 20px;
    transition: all .3s
}

body.page__chatbeta .page-lead-title strong {
    display: block;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__chatbeta .page-lead-title .page-lead-animated {
    display: block;
    opacity: 0;
    transition: opacity 1s ease-out,top .2s ease-out;
    transform: translateZ(0);
    height: 0;
    width: 0;
    overflow: hidden;
    float: left;
    position: relative;
    top: 50px
}

body.page__chatbeta .page-lead-title .is-showing {
    top: 0;
    opacity: 1;
    height: auto;
    width: auto
}

body.page__chatbeta .page-lead-text {
    font-size: 22.5px;
    line-height: 35.6px;
    margin: 0 0 35px;
    max-width: 600px;
    padding-bottom: 30px
}

body.page__chatbeta .page-lead-text strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__chatbeta .section-header h2,body.page__chatbeta .section-lead-text {
    font-family: realtime_roundedregular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__chatbeta .section-lead-text {
    font-size: 18.5px;
    line-height: 35px;
    margin-top: 35px;
    max-width: 551px
}

body.page__chatbeta .section-lead-text a {
    font-family: realtime_roundedbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #2f7deb
}

body.page__chatbeta .section-header {
    margin-bottom: 0
}

body.page__chatbeta .section-header h2 {
    font-size: 33.75px;
    line-height: 39.61px;
    color: #000;
    margin-top: 0
}

body.page__chatbeta .section-icon {
    width: 88px;
    height: 84px;
    display: block;
    margin-bottom: 25px
}

body.page__chatbeta .chatbeta-hero {
    padding-top: 176px;
    padding-bottom: 0;
    z-index: -1
}

body.page__chatbeta .chatbeta-hero .left {
    max-width: 580px
}

body.page__chatbeta .chatbeta-hero .lnd-hero-art {
    position: absolute;
    top: 50px;
    right: -85px;
    z-index: 0;
    width: 800px;
    height: auto
}

@media (max-width: 1440px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art {
        width:900px;
        height: auto;
        top: 15x
    }
}

@media (max-width: 1400px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art {
        width:850px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1300px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art {
        width:800px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1200px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1100px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art {
        height:auto;
        top: 135px;
        width: 600px
    }
}

body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 0;
    width: 665px;
    height: auto
}

@media (max-width: 1440px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
        width:665px;
        height: auto;
        top: -85x
    }
}

@media (max-width: 1400px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
        width:665px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1300px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1200px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
        width:600px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1100px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
        width:500px;
        height: auto;
        top: 85px
    }
}

@media (max-width: 1020px) {
    body.page__chatbeta .chatbeta-hero .lnd-hero-art,body.page__chatbeta .chatbeta-hero .lnd-hero-art-tutorial {
        display:block
    }
}

body.page__chatbeta .chatbeta-hero .key-features {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    width: 100%
}

body.page__chatbeta .chatbeta-hero .key-features .key-feature {
    -ms-flex: 0 0 175px;
    flex: 0 0 175px
}

body.page__chatbeta .chatbeta-hero .key-features .gap {
    height: 2px;
    width: 35px;
    background-color: #ccc;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin: 0 40px 0 0
}

@media (max-width: 480px) {
    body.page__chatbeta .chatbeta-hero .key-features {
        display:block;
        margin-bottom: 30px
    }
}

body.page__chatbeta .chatbeta-hero .key-features .chat-api,body.page__chatbeta .chatbeta-hero .key-features .chat-health,body.page__chatbeta .chatbeta-hero .key-features .chat-threads,body.page__chatbeta .chatbeta-hero .key-features .components,body.page__chatbeta .chatbeta-hero .key-features .reactions {
    font-weight: 800;
    padding-left: 30px;
    height: 24px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase
}

body.page__chatbeta .chatbeta-hero .key-features a {
    color: #2F7DEB
}

body.page__chatbeta .chatbeta-hero .key-features p {
    padding-top: 10px;
    display: block
}

body.page__chatbeta .chatbeta-hero .key-features .components {
    color: #5000d3;
    font-size: 18.5px;
    background: url(https://getstream.imgix.net/images/chat/components.svg) center left no-repeat;
    width: 266px
}

@media (max-width: 480px) {
    body.page__chatbeta .chatbeta-hero .key-features p {
        padding-top:0
    }

    body.page__chatbeta .chatbeta-hero .key-features .components {
        margin-top: 30px
    }

    body.page__chatbeta .chat-use-case .img-pull-social {
        display: block;
        max-width: 140%;
        height: auto
    }
}

body.page__chatbeta .chatbeta-hero .key-features .reactions {
    color: #0088d3;
    font-size: 18.5px;
    background: url(https://getstream.imgix.net/images/chatreactions.svg) center left no-repeat;
    width: 262px
}

body.page__chatbeta .chatbeta-hero .key-features .chat-threads {
    color: #0431f7;
    font-size: 18.5px;
    background: url(https://getstream.imgix.net/images/chatthreads.svg) center left no-repeat;
    width: 244px
}

body.page__chatbeta .chatbeta-hero .key-features .chat-api {
    color: #00c3ff;
    font-size: 18.5px;
    background: url(https://getstream.imgix.net/images/chatapi.svg) center left no-repeat;
    width: 267px
}

body.page__chatbeta .chatbeta-hero .key-features .chat-health {
    color: #1fd4d7;
    font-size: 18.5px;
    background: url(https://getstream.imgix.net/images/chat/chat-health.svg) center left no-repeat;
    width: 267px;
    margin-top: -40px
}

body.page__chatbeta .lnd-clients {
    margin-bottom: 0;
    padding-bottom: 0
}

body.page__chatbeta .chat-highlights {
    margin-top: 0;
    padding-top: 0
}

body.page__chatbeta .chat-use-case {
    position: relative
}

body.page__chatbeta .chat-use-case span {
    border-bottom: #000 dotted 1px
}

body.page__chatbeta .chat-use-case span:hover {
    cursor: help
}

body.page__chatbeta .chat-use-case a.mktg-btn-outline-brand {
    margin-right: 20px;
    padding: 4px 18px 6px
}

body.page__chatbeta .chat-use-case .customer-support-chat,body.page__chatbeta .chat-use-case .social-teams {
    padding-bottom: 100px
}

body.page__chatbeta .chat-use-case ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 40px
}

@media (max-width: 1020px) {
    body.page__chatbeta .chat-use-case .mktg-btn-outline-brand {
        margin-top:40px
    }

    body.page__chatbeta .chat-use-case ul {
        margin-bottom: 0;
        margin-top: 0
    }
}

body.page__chatbeta .chat-use-case ul li {
    background: url(https://getstream.imgix.net/images/chat/check.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 15px;
    margin-bottom: 12px
}

body.page__chatbeta .chat-use-case .mktg-btn-outline-brand {
    display: block;
    float: left;
    margin-bottom: 10px
}

body.page__chatbeta .chat-use-case .img-pull-social {
    position: relative;
    margin-right: -50px
}

body.page__chatbeta .chat-use-case .img-pull-customers {
    position: relative
}

@media (max-width: 480px) {
    body.page__chatbeta .chat-use-case .img-pull-customers {
        display:block;
        max-width: 100%;
        height: auto
    }
}

body.page__chatbeta .chat-use-case .img-pull-left {
    position: relative;
    margin-left: -50px
}

@media (max-width: 1187px) {
    body.page__chatbeta .chat-use-case .img-pull-left {
        margin-left:-200px
    }
}

@media (max-width: 830px) {
    body.page__chatbeta .chat-use-case .img-pull-left {
        margin-left:-100;
        display: block;
        max-width: 160%;
        height: auto
    }
}

@media (max-width: 1015px) {
    body.page__chatbeta .chat-use-case .chat-use-case-pos-ovrd {
        position:absolute;
        top: 220px;
        right: -160px;
        transform: scale(.9)
    }
}

@media (max-width: 695px) {
    body.page__chatbeta .chat-use-case .chat-use-case-pos-ovrd {
        position:absolute;
        top: 220px;
        right: -200px;
        transform: scale(.8)
    }
}

body.page__chatbeta .fullstackchat {
    padding-top: 200px;
    padding-bottom: 600px
}

body.page__chatbeta .fullstackchat ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 40px;
    margin-top: 50px
}

@media (max-width: 1020px) {
    body.page__chatbeta .fullstackchat ul {
        margin-bottom:0;
        margin-top: 0
    }

    body.page__chatbeta .fullstackchat .fullstackart {
        display: block
    }
}

body.page__chatbeta .fullstackchat ul li {
    background: url(https://getstream.imgix.net/images/chat/arrow.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 15px;
    margin-bottom: 12px
}

body.page__chatbeta .fullstackchat ul .book {
    background: url(https://getstream.imgix.net/images/chat/book.svg) center left no-repeat
}

body.page__chatbeta .fullstackchat h4 {
    text-transform: uppercase;
    font-size: 18.5px;
    background: url(https://getstream.imgix.net/images/chat/seperator.svg) center bottom no-repeat;
    margin-bottom: 26px;
    padding-bottom: 18px
}

body.page__chatbeta .fullstackchat .row-no-gutters {
    position: relative;
    left: -40px
}

@media (max-width: 570px) {
    body.page__chatbeta .fullstackchat {
        padding-bottom:400px
    }

    body.page__chatbeta .fullstackchat .xxs:first-of-type {
        padding-left: 15px
    }

    body.page__chatbeta .fullstackchat .xxs {
        width: 49%;
        position: relative;
        margin-bottom: 30px
    }
}

body.page__chatbeta .fullstackchat .fullstackart {
    position: absolute;
    top: -200px;
    right: -250px;
    z-index: 0;
    width: 700px;
    height: auto
}

@media (max-width: 1440px) {
    body.page__chatbeta .fullstackchat .fullstackart {
        width:700px;
        height: auto;
        top: -115x
    }
}

@media (max-width: 1400px) {
    body.page__chatbeta .fullstackchat .fullstackart {
        width:950px;
        height: auto;
        top: -250px
    }
}

@media (max-width: 1300px) {
    body.page__chatbeta .fullstackchat .fullstackart {
        width:900px;
        height: auto;
        top: -285px
    }
}

@media (max-width: 1200px) {
    body.page__chatbeta .fullstackchat .fullstackart {
        width:800px;
        height: auto;
        top: -180px
    }
}

@media (max-width: 1100px) {
    body.page__chatbeta .fullstackchat .fullstackart {
        top:-135px;
        width: 800px
    }
}

body.page__chatbeta .key-chat-features {
    margin-top: -280px
}

body.page__chatbeta .key-chat-features .keyfeatureart {
    margin-left: -60px;
    position: relative
}

@media (max-width: 830px) {
    body.page__chatbeta .key-chat-features .keyfeatureart {
        margin-left:0;
        width: 100%
    }
}

body.page__chatbeta .key-chat-features .key-features-quad {
    min-height: 850px
}

body.page__chatbeta .key-chat-features ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 24px;
    margin-bottom: 40px
}

@media (max-width: 376px) {
    body.page__chatbeta .key-chat-features ul {
        width:49%
    }
}

body.page__chatbeta .key-chat-features ul li {
    background: url(https://getstream.imgix.net/images/chat/check.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 15px;
    margin-bottom: 12px
}

body.page__chatbeta .chat-sales .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page__chatbeta .chat-sales .row:before {
    display: none
}

body.page__chatbeta .chat-sales .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

body.page__chatbeta .chat-sales .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

body.page__chatbeta .chat-sales .chat-sales-choice {
    position: relative
}

body.page__chatbeta .chat-sales .chat-sales-choice .no-credit-card {
    margin: 0 auto;
    bottom: 16px;
    text-align: center;
    opacity: .5;
    font-style: italic
}

body.page__chatbeta .chat-sales .chat-sales-choice .halfopacity {
    opacity: .5;
    margin-top: 50px;
    margin-bottom: 80px
}

body.page__chatbeta .chat-sales .chat-sales-choice .pricing-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

body.page__chatbeta .chat-sales .chat-sales-choice .monies {
    font-size: 66px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center
}

body.page__chatbeta .chat-sales .chat-sales-choice .monies .mini {
    position: relative;
    font-size: 16px;
    font-weight: lighter;
    top: -31px
}

body.page__chatbeta .chat-sales .chat-option {
    height: 100%;
    border-radius: 4px;
    padding: 30px 0 1px;
    margin-top: 50px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15),0 11px 20px 0 rgba(0,0,0,.24);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

body.page__chatbeta .chat-sales .chat-option h4 {
    font-size: 40.62px;
    color: #000;
    letter-spacing: 0;
    line-height: 61.35px;
    text-align: center
}

body.page__chatbeta .chat-sales .chat-option .text-faded {
    opacity: .5;
    font-size: 15px;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 8px
}

body.page__chatbeta .chat-sales .chat-option-content {
    padding: 0 60px;
    -ms-flex: 1;
    flex: 1
}

body.page__chatbeta .chat-sales .chat-option .button-location {
    padding-top: 30px;
    justify-self: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

body.page__chatbeta .chat-sales .chat-option .button-location .checkout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

body.page__chatbeta .chat-sales .chat-option .button-location a,body.page__chatbeta .chat-sales .chat-option .button-location button.mktg-btn-blue {
    height: 70px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #008AFF;
    background-image: linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32);
    border-radius: 0 0 4px 4px;
    font-size: 20px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #FFF;
    text-align: center;
    line-height: 20px
}

body.page__chatbeta .chat-sales .chat-option ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px
}

body.page__chatbeta .chat-sales .chat-option ul li {
    background: url(https://getstream.imgix.net/images/chat/check.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 15px;
    margin-bottom: 12px
}

body.page__chatbeta .chat-sales .enterprise-sales-chat ul {
    margin-bottom: 10px
}

.page__ios-activity-feed-tutorial .code-tab-content,body.page__chatbeta .chat-sales .enterprise-sales-chat .str-form {
    margin-bottom: 0
}

body.page__chatbeta .chat-sales .enterprise-sales-chat .button-location {
    padding-top: 30px;
    justify-self: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

body.page__chatbeta .chat-sales .enterprise-sales-chat .button-location .checkout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

body.page__chatbeta .chat-sales .enterprise-sales-chat .button-location a,body.page__chatbeta .chat-sales .enterprise-sales-chat .button-location button.mktg-btn-blue {
    height: 70px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #161616;
    background-image: linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(0,0,0,.03) 100%);
    box-shadow: 0 1px 1px 0 #005EAD,0 3px 13px 0 rgba(0,125,238,.32);
    border-radius: 0 0 4px 4px;
    text-transform: uppercase
}

body.page__chatbeta .chat-sales .ovrd-form-chat {
    background: 0 0;
    box-shadow: none;
    margin-top: 19px
}

body.page__chatbeta .chat-sales .form-row {
    margin-left: -60px;
    margin-right: -60px
}

body.page__chatbeta .chat-sales .form-row .messages {
    width: 100%
}

body.page__chatbeta .chat-sales .form-row .button-fix {
    margin-top: 44px;
    text-align: center
}

body.page__chatbeta .chat-tutorial-basic article .divider,body.page__chatbeta .chat-tutorial-basic article .divider2 {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    margin: 100px auto;
    position: relative;
    z-index: 1
}

body.page__chatbeta .chat-tutorial-basic article .divider3 {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0);
    margin: 50px auto;
    position: relative;
    z-index: 1
}

body.page__chatbeta .chat-tutorial-basic .codepen-mover-button {
    margin-top: 30px;
    margin-bottom: 30px
}

body.page__chatbeta pre[class*=language-] {
    padding: 3em 1em 1em 3.8em
}

.chatbeta-resources h2 {
    font-size: 33.75px;
    line-height: 39.61px;
    margin-top: 8px;
    margin-bottom: 50px
}

.chatbeta-resources h3 {
    font-size: 22.5px;
    line-height: 35.6px;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    margin-top: 8px
}

.chatbeta-resources .chatbeta-resources-card {
    height: 210px;
    width: 100%;
    margin-bottom: 30px;
    background: rgba(255,255,255,.94);
    border-radius: 6px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    transition: box-shadow .4s
}

.chatbeta-resources .chatbeta-resources-card:focus,.chatbeta-resources .chatbeta-resources-card:hover {
    text-decoration: none;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.13),0 1px 2px 0 rgba(0,0,0,.1)
}

@media (max-width: 640px) {
    .chatbeta-resources .chatbeta-resources-card {
        -ms-flex-direction:column;
        flex-direction: column;
        height: auto
    }
}

.chatbeta-resources .chatbeta-resources-card img {
    width: 210px;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 640px) {
    .chatbeta-resources .chatbeta-resources-card img {
        -ms-flex-direction:column;
        flex-direction: column;
        width: 200%;
        height: 210px
    }
}

.chatbeta-resources .chatbeta-resources-card .chatbeta-resources-card__content {
    -ms-flex: 1;
    flex: 1;
    padding: 15px 15px 15px 30px
}

.documentation .chat-quicklinks,.documentation .str-topbar,.documentation.scrolled .chat-quicklinks,.page__chat-getstarted .chat-quicklinks,.page__chat-getstarted .str-topbar,.page__chat-getstarted.scrolled .chat-quicklinks,.page__chat-ui-kit .chat-quicklinks,.page__chat-ui-kit .str-topbar,.page__chat-ui-kit.scrolled .chat-quicklinks,.page__chatbeta .chat-quicklinks,.page__chatbeta .str-topbar,.page__chatbeta.scrolled .chat-quicklinks {
    background: #fff
}

.documentation .design-cta,.page__chat-getstarted .design-cta,.page__chat-ui-kit .design-cta,.page__chatbeta .design-cta {
    margin-top: 200px;
    padding-bottom: 100px
}

.documentation .design-cta .design-talk,.page__chat-getstarted .design-cta .design-talk,.page__chat-ui-kit .design-cta .design-talk,.page__chatbeta .design-cta .design-talk {
    background: url(https://getstream.imgix.net/images/chat/joshtalking@1x.png) center left no-repeat;
    background-size: 537px 109px;
    width: 537px;
    height: 109px;
    margin-left: -50px;
    padding: 10px 20px 0 156px;
    margin-bottom: 50px;
    text-indent: -9999px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .documentation .design-cta .design-talk,.page__chat-getstarted .design-cta .design-talk,.page__chat-ui-kit .design-cta .design-talk,.page__chatbeta .design-cta .design-talk {
        background:url(https://getstream.imgix.net/images/chat/joshtalking@2x.png) center left no-repeat;
        background-size: 537px 109px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    .documentation .design-cta .design-talk,.page__chat-getstarted .design-cta .design-talk,.page__chat-ui-kit .design-cta .design-talk,.page__chatbeta .design-cta .design-talk {
        background:url(https://getstream.imgix.net/images/chat/joshtalking@3x.png) center left no-repeat;
        background-size: 537px 109px
    }
}

@media (max-width: 830px) {
    .documentation .design-cta .design-talk,.page__chat-getstarted .design-cta .design-talk,.page__chat-ui-kit .design-cta .design-talk,.page__chatbeta .design-cta .design-talk {
        transform:scale(.7);
        margin-left: -100px
    }
}

@media (max-width: 320px) {
    .documentation .design-cta .design-talk,.page__chat-getstarted .design-cta .design-talk,.page__chat-ui-kit .design-cta .design-talk,.page__chatbeta .design-cta .design-talk {
        transform:scale(.57);
        margin-left: -130px
    }
}

.documentation .design-cta .signature,.page__chat-getstarted .design-cta .signature,.page__chat-ui-kit .design-cta .signature,.page__chatbeta .design-cta .signature {
    clear: both;
    margin-top: 50px
}

.documentation .design-cta .signature img,.page__chat-getstarted .design-cta .signature img,.page__chat-ui-kit .design-cta .signature img,.page__chatbeta .design-cta .signature img {
    clear: both
}

.documentation .design-cta .signature span,.page__chat-getstarted .design-cta .signature span,.page__chat-ui-kit .design-cta .signature span,.page__chatbeta .design-cta .signature span {
    padding-top: 20px;
    opacity: .5;
    clear: both;
    display: block
}

.documentation .design-cta .sketchuikitchat,.page__chat-getstarted .design-cta .sketchuikitchat,.page__chat-ui-kit .design-cta .sketchuikitchat,.page__chatbeta .design-cta .sketchuikitchat {
    position: absolute;
    top: -300px;
    right: -350px;
    z-index: 0;
    width: 900px;
    height: auto
}

@media (max-width: 1440px) {
    .documentation .design-cta .sketchuikitchat,.page__chat-getstarted .design-cta .sketchuikitchat,.page__chat-ui-kit .design-cta .sketchuikitchat,.page__chatbeta .design-cta .sketchuikitchat {
        width:900px;
        height: auto;
        top: 15x
    }
}

@media (max-width: 1400px) {
    .documentation .design-cta .sketchuikitchat,.page__chat-getstarted .design-cta .sketchuikitchat,.page__chat-ui-kit .design-cta .sketchuikitchat,.page__chatbeta .design-cta .sketchuikitchat {
        width:850px;
        height: auto;
        top: -185px
    }
}

@media (max-width: 1200px) {
    .documentation .design-cta .sketchuikitchat,.page__chat-getstarted .design-cta .sketchuikitchat,.page__chat-ui-kit .design-cta .sketchuikitchat,.page__chatbeta .design-cta .sketchuikitchat {
        width:700px;
        height: auto;
        top: -185px
    }
}

.page__chat-getstarted {
    padding: 0;
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A
}

.page__chat-demos a.back-btn-content .big-text,.page__flutter-chat-tutorial ol>li strong,.page__flutter-chat-tutorial ul>li strong,.page__ios-chat-tutorial ol>li strong,.page__ios-chat-tutorial ul>li strong {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__chat-getstarted #wrap {
    background: #fff;
    max-width: 1620px;
    margin: 0 auto;
    padding: 70px 0 30px
}

.page__chat-getstarted iframe#chat-getstarted {
    border: none;
    width: 100%;
    margin: 50px auto 0;
    min-height: 1200px
}

.page__flutter-chat-tutorial p,.page__ios-chat-tutorial p {
    font-size: 16.5px
}

.page__flutter-chat-tutorial p.h4,.page__ios-chat-tutorial p.h4 {
    font-size: 22.5px;
    line-height: 35.6px
}

.page__android-chat-tutorial .android_toc li,.page__flutter-chat-tutorial .react_native_toc li,.page__ios-chat-tutorial .react_native_toc li {
    font-size: 13.5px
}

.page__flutter-chat-tutorial .note,.page__ios-chat-tutorial .note {
    padding: 15px;
    background: #f0f0f0;
    border-radius: 3px
}

.page__flutter-chat-tutorial .react_native_toc,.page__ios-chat-tutorial .react_native_toc {
    margin-top: 100;
    list-style-type: none;
    padding-left: 0;
    margin-left: -10px;
    transform: scale(.895)
}

.page__flutter-chat-tutorial .react_native_toc li:first-of-type,.page__flutter-chat-tutorial div.prism+p,.page__ios-chat-tutorial .react_native_toc li:first-of-type {
    margin-top: 20px
}

.page__flutter-chat-tutorial ol>li,.page__ios-chat-tutorial ol>li {
    display: block;
    position: relative
}

.page__flutter-chat-tutorial ol>li:before,.page__ios-chat-tutorial ol>li:before {
    position: absolute;
    content: counters(item,".") ". ";
    display: block;
    left: -20px;
    padding-right: .6em
}

.page__flutter-chat-tutorial .frnt-footer-tile,.page__ios-chat-tutorial .frnt-footer-tile {
    margin-top: 30px
}

.page__flutter-chat-tutorial .chatbeta-hero,.page__ios-chat-tutorial .chatbeta-hero {
    margin-bottom: 75px
}

.page__flutter-chat-tutorial .screenshot,.page__ios-chat-tutorial .screenshot {
    margin: 20px 50px 0 0;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 100;
    transform-origin: 100% 50%;
    transition: transform .2s
}

@media (min-width: 830px) {
    .page__flutter-chat-tutorial .screenshot:hover,.page__ios-chat-tutorial .screenshot:hover {
        transform:scale(2)
    }
}

.page__flutter-chat-tutorial div.code-toolbar>.toolbar {
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.05);
    padding: 4px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page__flutter-chat-tutorial div.code-toolbar>.toolbar .toolbar-item button {
    box-shadow: none;
    position: relative;
    top: -2px;
    border-radius: 0;
    padding-right: 20px;
    color: #fff;
    background: url(https://getstream.imgix.net/images/docs/copy-paste.svg) top 4px right 0 no-repeat;
    min-width: 13px;
    height: 17px
}

.page__flutter-chat-tutorial pre[class*=language-] {
    padding: 3em 1em 1em 3.8em!important;
    white-space: pre
}

.page__flutter-chat-tutorial pre[class*=language-][data-file]::before {
    content: attr(data-file);
    position: absolute;
    color: rgba(255,255,255,.8);
    line-height: 25px;
    padding: 4px 20px;
    top: 0;
    left: 0
}

.page__android-chat-tutorial .android_toc {
    margin-top: 100;
    list-style-type: none;
    padding-left: 0;
    margin-left: -10px;
    transform: scale(.895)
}

.page__android-chat-tutorial .android_toc li:first-of-type {
    margin-top: 20px
}

.page__android-chat-tutorial .chatbeta-hero {
    margin-bottom: 75px
}

.page__android-chat-tutorial .placeholder {
    display: block;
    width: 100%;
    padding: 5rem 0;
    margin: 2em 0;
    text-align: center;
    background: #ccc;
    border: 1px solid #aaa;
    color: #2f7deb
}

.page__android-chat-tutorial .language__tabs {
    height: 60px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.page__android-chat-tutorial .language__tab {
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    letter-spacing: 2px;
    line-height: 18px;
    font-size: 15px;
    text-decoration: none;
    background: 0 0;
    border: none;
    color: #000
}

.page__chat-demos,.page__chat-trial,.page__chat-trial-success {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__android-chat-tutorial .language__tab:not(:first-of-type) {
    margin-left: 50px
}

.page__android-chat-tutorial .language__tab--active,.page__android-chat-tutorial .language__tab:hover {
    color: #006CFF;
    box-shadow: inset 0 -2px 0 0 #006CFF
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.page__chat-demos {
    color: #000;
    padding-top: 0;
    min-height: 100vh
}

.page__chat-demos #wrap,.page__chat-demos main {
    height: auto
}

.page__chat-demos .channel-intro {
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif
}

.page__chat-demos .channel-intro h1 {
    font-weight: 600;
    font-size: 35px;
    color: rgba(0,0,0,.9)
}

.page__chat-demos .channel-intro p {
    font-size: 18px;
    color: rgba(0,0,0,.9);
    line-height: 29px
}

.page__chat-demos .channel-intro ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: rgba(62,61,61,.9);
    line-height: 38px
}

.page__chat-demos .fade-enter.main-app:before {
    opacity: 0;
    transition: opacity 250ms ease-in
}

.page__chat-demos .fade-enter .feature-tour {
    opacity: 0;
    transition: opacity 250ms ease-in .5s
}

.page__chat-demos .fade-enter .edit-on-codepen,.page__chat-demos .fade-enter .example-container {
    opacity: 0;
    transition: opacity .5s ease-in 750ms
}

.page__chat-demos .fade-enter .example-footer {
    opacity: 0;
    transform: translateY(100px);
    transition: all 250ms ease-in 1s
}

.page__chat-demos .fade-enter .slide-nav {
    opacity: 0;
    transition: opacity 250ms ease-in 1s
}

.page__chat-demos .fade-enter.fade-enter-active .edit-on-codepen,.page__chat-demos .fade-enter.fade-enter-active .example-container,.page__chat-demos .fade-enter.fade-enter-active .feature-tour,.page__chat-demos .fade-enter.fade-enter-active.main-app:before {
    opacity: 1
}

.page__chat-demos .fade-enter.fade-enter-active .example-footer {
    opacity: 1;
    transform: translateY(0)
}

.page__chat-demos .fade-enter.fade-enter-active .slide-nav {
    opacity: .3
}

.page__chat-demos .fade-exit {
    opacity: 1;
    transition: opacity 250ms ease-in
}

.page__chat-demos .fade-exit.fade-exit-active {
    opacity: 0
}

.page__chat-demos .slide-nav {
    position: fixed;
    top: 50%;
    background: rgba(255,255,255,.07);
    box-shadow: 0 2px 26px 0 rgba(0,0,0,.35);
    border-radius: 100px;
    height: 50px;
    width: 50px;
    opacity: .3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page__chat-demos .back-btn,.page__chat-demos a.logo,.page__chat-demos header {
    background: rgba(0,0,0,.25);
    box-shadow: 0 2px 19px 0 rgba(0,0,0,.19)
}

.page__chat-demos .slide-nav:hover {
    opacity: 1
}

.page__chat-demos .slide-nav.next {
    right: 20px
}

.page__chat-demos .slide-nav.next svg {
    transform: translateX(2px)
}

.page__chat-demos .slide-nav.prev {
    left: 20px
}

.page__chat-demos .slide-nav.prev svg {
    transform: translateX(-2px)
}

.page__chat-demos header {
    height: 70px;
    width: 100%;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000
}

.page__chat-demos a.logo {
    -ms-flex: 0 0 93px;
    flex: 0 0 93px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page__chat-demos .back-btn {
    -ms-flex: 0 0 305px;
    flex: 0 0 305px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page__chat-demos a.back-btn-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 26px
}

.page__chat-demos a.back-btn-content .big-text {
    font-size: 18.5px;
    color: #FFF;
    line-height: 19px
}

.page__chat-demos a.back-btn-content .small-text {
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    color: #FFF;
    line-height: 19px;
    margin-top: 2px
}

.page__chat-demos a.back-btn-content .small-text svg {
    margin-right: 4px
}

.page__chat-demos a.back-btn-content .small-text .blue {
    color: #2f7deb
}

.page__chat-demos nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1;
    flex: 1
}

.page__chat-demos nav .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
    margin: 0 12px;
    padding: 0
}

.page__chat-demos nav .left li {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.page__chat-demos nav .left li a,.page__chat-demos nav .right li {
    -ms-flex-align: center;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__chat-demos nav .left li a {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 15px;
    color: #FFF;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none
}

.page__chat-demos nav .left li a.active,.page__chat-demos nav .left li a.is-active,.page__chat-demos nav .left li a:focus,.page__chat-demos nav .left li a:hover {
    color: #50E3C2;
    box-shadow: inset 0 -3px 0 0 #50E3C2
}

.page__chat-demos nav .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
    margin: 0 12px;
    padding: 0
}

.page__chat-demos nav .right li {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 15px;
    color: #FFF
}

.page__chat-demos nav .right li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.page__chat-demos nav .right li a svg {
    margin-right: 10px;
    transform: translateY(2px)
}

.page__chat-demos .example-customers,.page__chat-demos .example-entry,.page__chat-demos .example-livestream,.page__chat-demos .example-messaging,.page__chat-demos .example-signup,.page__chat-demos .example-team {
    padding-top: 130px;
    width: 100%;
    min-height: 100vh;
    z-index: 100;
    position: absolute
}

.page__chat-demos .example-customers:before,.page__chat-demos .example-entry:before,.page__chat-demos .example-livestream:before,.page__chat-demos .example-messaging:before,.page__chat-demos .example-signup:before,.page__chat-demos .example-team:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.page__chat-demos .example-customers .checklist,.page__chat-demos .example-entry .checklist,.page__chat-demos .example-livestream .checklist,.page__chat-demos .example-messaging .checklist,.page__chat-demos .example-signup .checklist,.page__chat-demos .example-team .checklist {
    list-style: none;
    margin: 0;
    padding: 0
}

.page__chat-demos .example-customers .checklist li,.page__chat-demos .example-entry .checklist li,.page__chat-demos .example-livestream .checklist li,.page__chat-demos .example-messaging .checklist li,.page__chat-demos .example-signup .checklist li,.page__chat-demos .example-team .checklist li {
    background: url(https://getstream.imgix.net/images/chat-demos/check.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 15px;
    margin-bottom: 12px
}

.page__chat-demos .example-entry {
    padding-top: 100px;
    color: #fff
}

.page__chat-demos .example-entry:before {
    background-color: #000;
    background-image: linear-gradient(180deg,#343434 0,rgba(52,52,52,.738) 19%,rgba(52,52,52,.541) 34%,rgba(52,52,52,.382) 47%,rgba(52,52,52,.278) 56.5%,rgba(52,52,52,.194) 65%,rgba(52,52,52,.126) 73%,rgba(52,52,52,.075) 80.2%,rgba(52,52,52,.042) 86.1%,rgba(52,52,52,.021) 91%,rgba(52,52,52,.008) 95.2%,rgba(52,52,52,.002) 98.2%,rgba(52,52,52,0) 100%)
}

.page__chat-demos .example-entry .example-buttons {
    margin: 100px 0 50px
}

.page__chat-demos .example-entry .example-buttons a {
    color: #fff;
    text-decoration: none
}

.page__chat-demos .example-entry .example-buttons img {
    background: #D8D8D8;
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.5);
    border-radius: 5px;
    margin-bottom: 10px
}

.page__chat-demos .example-customers:before,.page__chat-demos .example-livestream:before,.page__chat-demos .example-messaging:before,.page__chat-demos .example-signup:before,.page__chat-demos .example-team:before {
    background-image: linear-gradient(180deg,#343434 0,rgba(52,52,52,.738) 19%,rgba(52,52,52,.541) 34%,rgba(52,52,52,.382) 47%,rgba(52,52,52,.278) 56.5%,rgba(52,52,52,.194) 65%,rgba(52,52,52,.126) 73%,rgba(52,52,52,.075) 80.2%,rgba(52,52,52,.042) 86.1%,rgba(52,52,52,.021) 91%,rgba(52,52,52,.008) 95.2%,rgba(52,52,52,.002) 98.2%,rgba(52,52,52,0) 100%)
}

.page__chat-demos .example-team .channel-intro {
    padding: 0 40px;
    margin-bottom: 40px
}

.page__chat-demos .example-team:before {
    background-color: #160828
}

.page__chat-demos .example-team .team.str-chat .str-chat__input-emojiselect {
    top: calc(100% - 47px)
}

.page__chat-demos .example-messaging:before {
    background-color: #003B8C
}

.page__chat-demos .example-livestream:before {
    background-color: #68000A
}

.page__chat-demos .example-livestream .livestream.str-chat .str-chat__input-emojiselect {
    top: calc(100% - 43px)
}

.page__chat-demos .example-customers:before {
    background-color: #3E5961
}

.page__chat-demos .example-signup {
    padding-top: 170px;
    color: #fff
}

.page__chat-demos .example-signup:before {
    background-color: #000
}

.page__chat-demos .example-signup .mktg-prelabel {
    margin-top: 100px;
    opacity: .4;
    color: #FFF
}

.page__chat-demos .example-signup .signup-logos {
    margin-top: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__chat-demos .example-signup .checklist li {
    background: url(https://getstream.imgix.net/images/chat/check.svg) center left no-repeat
}

.page__chat-demos .feature-tour {
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.12);
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 15.5px;
    line-height: 25px;
    margin: 20px
}

.page__chat-demos .feature-tour .left .close-button div.title,.page__chat-demos .feature-tour .left span.title {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16px;
    color: #FFF
}

.page__chat-demos .feature-tour .left {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 201px;
    flex: 0 0 201px;
    background: rgba(0,0,0,.4);
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.12);
    border-radius: 10px 0 0 10px;
    -ms-flex-align: center;
    align-items: center
}

.page__chat-demos .feature-tour .left span.title {
    margin: -3px 0 0 20px;
    background: -webkit-linear-gradient(190deg,#FF23A9,#358BFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page__chat-demos .feature-tour .left .close-button {
    border: 0;
    z-index: 11;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(181,1,1,.4);
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.12);
    border-radius: 10px 0 0 10px;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.page__chat-demos .feature-tour .left .close-button .x {
    border-radius: 10px 0 0 10px;
    height: 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255,0,202,.4);
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.12)
}

.page__chat-demos .feature-tour .left .close-button div.title {
    margin: -3px 0 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.page__chat-demos .feature-tour .left:hover .letter p,.page__chat-demos .feature-tour .left:hover span.title {
    visibility: hidden
}

.page__chat-demos .feature-tour .left:hover .close-button {
    visibility: visible;
    opacity: 1
}

.page__chat-demos .feature-tour .middle {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    font-family: realtimetext_semi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.page__chat-demos .feature-tour .middle p {
    margin: -3px 0 0
}

.page__chat-demos .feature-tour .right {
    padding: 0 20px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page__chat-demos .feature-tour .right .arrow {
    height: 12px;
    width: 7px;
    background: 0 0;
    border: none;
    position: relative
}

.page__chat-demos .feature-tour .right .arrow.arrow-back {
    background: url(https://getstream.imgix.net/images/chat-demos/arrow-left.svg) center left no-repeat;
    margin-right: 14px
}

.page__chat-demos .feature-tour .right .arrow.arrow-forward {
    background: url(https://getstream.imgix.net/images/chat-demos/arrow-right.svg) center left no-repeat
}

.page__chat-demos .feature-tour .right .run-example-btn {
    background: #50E3C2;
    background-image: linear-gradient(180deg,rgba(67,225,239,0) 0,rgba(0,8,108,.2) 100%);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.27),0 3px 13px 0 rgba(24,24,24,.32),0 6px 9px 0 rgba(0,0,0,.15);
    border-radius: 4px;
    border: none;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    padding: 6px 15px;
    margin-right: 20px
}

.page__chat-demos .feature-tour .letter {
    border-radius: 10px 0 0 10px;
    height: 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page__chat-demos .feature-tour .letter p {
    font-size: 35px;
    line-height: 35px;
    margin-top: 10px;
    color: #FFF;
    letter-spacing: 0
}

.page__chat-demos .feature-tour .letter.a {
    background: rgba(255,0,202,.4);
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.12)
}

.page__chat-demos .example-container {
    background: #FFF;
    border-radius: 10px;
    height: 687px;
    margin: 20px;
    overflow: hidden
}

.page__chat-demos .example-container .str-chat {
    height: 100%
}

.page__chat-demos .edit-on-codepen {
    float: right;
    margin: 10px 20px 40px
}

.page__chat-demos .example-footer {
    color: #fff;
    font-size: 15.5px;
    line-height: 25px
}

.page__chat-demos #livestream-root {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-1383/bg.png) top left no-repeat;
    background-size: cover;
    max-height: 687px
}

.page__chat-demos #livestream-root .livestream-video-container {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: space-between;
    align-items: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    max-height: 687px
}

.page__chat-demos #livestream-root .livestream-header-backbutton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    opacity: .7;
    margin-bottom: 24px
}

.page__chat-demos #livestream-root .livestream-header-backbutton img {
    margin-right: 10px
}

.page__chat-demos #livestream-root .livestream-header-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px
}

.page__chat-demos #livestream-root .livestream-header-info-avatar {
    margin-right: 20px
}

.page__chat-demos #livestream-root .livestream-header-info-avatar img {
    width: 80px;
    height: 80px
}

.page__chat-demos #livestream-root .livestream-header-info-title {
    -ms-flex: 1;
    flex: 1
}

.page__chat-demos #livestream-root .livestream-header-info-title-title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 11px
}

.page__chat-demos #livestream-root .livestream-video {
    width: 100%;
    height: 100%;
    max-height: 580px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 22px 0 rgba(0,0,0,.5)
}

.page__chat-demos #livestream-root .livestream-controls {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 20px 0 0
}

.page__chat-demos #livestream-root .livestream-controls-bar {
    height: 5px;
    width: 100%;
    background: rgba(0,0,0,.8);
    border-radius: 5px
}

.page__chat-demos #livestream-root .livestream-controls-controls {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page__chat-demos #livestream-root .livestream-controls-controls-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page__chat-demos #livestream-root .livestream-controls-controls-left>* {
    margin: 0 5px
}

.page__chat-demos #livestream-root .livestream-controls-controls-left>:first-child {
    margin: 0 5px 0 0
}

.page__chat-demos #livestream-root .livestream-controls-controls-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page__chat-demos #livestream-root .livestream-controls-controls-right>* {
    margin: 0 5px
}

.page__chat-demos #livestream-root .livestream-controls-controls-right>:last-child {
    margin: 0 0 0 5px
}

.page__chat-demos #livestream-root .livestream-video img {
    width: inherit;
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.page__chat-demos #livestream-root .str-chat__container {
    min-width: 375px;
    max-width: 500px;
    width: 100%;
    background: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 0 rgba(0,0,0,.1)
}

@media screen and (max-width: 960px) {
    .page__chat-demos #livestream-root .str-chat__container {
        max-width:375px
    }
}

@media screen and (max-width: 640px) {
    .page__chat-demos #livestream-root {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .page__chat-demos #livestream-root .str-chat__container {
        max-width: 640px
    }

    .page__chat-demos #livestream-root .livestream-video {
        min-height: 240px
    }
}

.page__chat-demos #commerce-root {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: url(https://images.pexels.com/photos/1421903/pexels-photo-1421903.jpeg) top left no-repeat;
    background-size: cover
}

.page__chat-demos #commerce-root .str-chat {
    max-height: 100%
}

.page__chat-demos #commerce-root .str-chat-channel .str-chat__container {
    height: auto;
    max-height: 100%;
    border-radius: 10px;
    max-width: 375px
}

.page__chat-demos #commerce-root .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    padding: 30px
}

.page__chat-demos #commerce-root .wrapper--open .str-chat__container {
    height: 100%
}

.page__chat-demos #commerce-root .button {
    height: 60px;
    width: 60px;
    margin-top: 16px;
    border-radius: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    background: #fff;
    background-image: linear-gradient(-180deg,rgba(255,255,255,.1) 0,rgba(0,0,0,.1) 100%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.5),inset 0 1px 0 0 rgba(255,255,255,.24);
    cursor: pointer
}

.page__chat-demos #commerce-root .button svg {
    fill: #000;
    opacity: .8
}

.page__chat-demos #commerce-root .button--closed svg {
    position: relative;
    left: 3px;
    fill: #0043f7
}

.page__chat-demos #commerce-root .button:hover svg {
    opacity: 1
}

.page__chat-demos .messaging.str-chat .str-chat__ul,.page__chat-demos .messaging.str-chat li {
    line-height: unset;
    min-height: 32px
}

.page__chat-demos .messaging.str-chat .str-chat__message {
    font-size: 15px;
    line-height: 20px
}

.page__chat-trial {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A;
    padding-top: 0
}

.page__chat-trial main {
    padding-top: 150px;
    background-position: top 50px right -100px;
    background-repeat: no-repeat;
    background-size: 341px 679px
}

.page__chat-trial #wrap {
    background: #FCFCFC;
    min-height: 100vh;
    max-width: 1620px;
    margin: 0 auto;
    padding-bottom: 64px
}

.page__chat-trial .disclaimer {
    font-family: "Hanken Sans","Helvetica Neue",Helvetica,sans-serif
}

.page__chat-trial .disclaimer a {
    color: #000;
    text-decoration: none;
    font-weight: 600
}

.page__chat-trial .disclaimer a:hover {
    text-decoration: none
}

.page__chat-trial .feature-list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 35px
}

@media (max-width: 1020px) {
    .page__chat-trial .feature-list {
        margin-bottom:0;
        margin-top: 0
    }
}

.page__chat-trial .feature-list li {
    background: url(https://getstream.imgix.net/images/check.svg) center left no-repeat;
    padding-left: 25px;
    font-size: 18.75px;
    line-height: 45px;
    margin-bottom: 12px
}

.page__chat-trial .hero {
    margin-bottom: 87px
}

.page__chat-trial-success {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A;
    padding-top: 0
}

.page__chat-trial-success main {
    padding-top: 150px;
    background-position: top 50px right -100px;
    background-repeat: no-repeat;
    background-size: 341px 679px
}

.page__chat-trial-success #wrap {
    background: #FCFCFC;
    min-height: 100vh;
    max-width: 1620px;
    margin: 0 auto;
    padding-bottom: 64px
}

.page__chat-trial-success .hero {
    margin-bottom: 75px
}

.page__chat-trial-success .green {
    color: #3EC074
}

.page__chat-trial-success .app {
    padding: 30px;
    margin-bottom: 75px;
    min-height: 238px;
    background: #FFF;
    border: 1px solid rgba(153,169,179,.13);
    box-shadow: 0 0 7px 0 rgba(0,0,0,.03)
}

.page__chat-trial-success .applabel {
    font-size: 14px;
    color: #000;
    font-family: realtime_textblack,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase
}

.page__chat-trial-success .applabel.grey {
    color: rgba(0,0,0,.7)
}

.page__chat-trial-success .apptitle {
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 21px;
    color: #006CFF;
    line-height: 15px
}

.page__chat-trial-success .appkey {
    font-family: realtimetext_light,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 21px;
    color: #2A3754;
    letter-spacing: 0;
    text-align: left;
    margin-top: 20px
}

.page__chat-trial-success h3 {
    margin-top: 0
}

.page__chat-trial-success .tutorial-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.page__chat-trial-success .tutorial-link svg {
    margin-right: 8px
}

.page__chat-trial-success .tutorial-link a {
    font-family: realtime_roundedsemibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 18px;
    color: #006CFF;
    letter-spacing: 0
}

.page__ios-activity-feed-tutorial,body.page__chat-ui-kit {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

body.page__chat-ui-kit {
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #0D1829;
    padding-top: 0
}

body.page__chat-ui-kit .intro-text,body.page__chat-ui-kit section.five .use-card h3,body.page__chat-ui-kit section.intro .intro-text {
    font-size: 18.5px;
    line-height: 33px
}

body.page__chat-ui-kit #wrap {
    max-width: 1620px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px
}

body.page__chat-ui-kit #wrap .mktg-topbar {
    position: relative;
    width: 100%;
    box-shadow: none
}

body.page__chat-ui-kit section.hero {
    margin-top: 150px;
    padding-bottom: 675px;
    background-size: 1468px auto;
    background-repeat: no-repeat;
    background-position: bottom right -100px
}

body.page__chat-ui-kit section.hero h1,body.page__chat-ui-kit section.intro h2 {
    margin-top: 0
}

@media screen and (max-width: 1200px) {
    body.page__chat-ui-kit section.hero {
        background-size:1200px auto;
        padding-bottom: 550px
    }
}

@media screen and (max-width: 1020px) {
    body.page__chat-ui-kit section.hero {
        background-size:1020px auto;
        padding-bottom: 425px
    }
}

@media screen and (max-width: 800px) {
    body.page__chat-ui-kit section.hero {
        background-size:0 auto;
        padding-bottom: 125px
    }
}

body.page__chat-ui-kit section.five .flex-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

body.page__chat-ui-kit section.five .flex-box.around,body.page__chat-ui-kit section.five .flex-box.between {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

body.page__chat-ui-kit section.five .use-card {
    width: 270px;
    margin-top: 50px
}

body.page__chat-ui-kit section.five .use-card img {
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.5);
    border-radius: 5px
}

body.page__chat-ui-kit section.features {
    margin-top: 175px
}

body.page__chat-ui-kit section.features .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page__chat-ui-kit section.features .row:before {
    display: none
}

body.page__chat-ui-kit section.features .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

body.page__chat-ui-kit section.features .row>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

body.page__chat-ui-kit section.features h3 {
    margin-top: 0
}

body.page__chat-ui-kit section.features .breath100 {
    margin-top: 100px
}

body.page__chat-ui-kit footer .footer {
    background: 0 0
}

body.page__chat-ui-kit .design-cta img.sketchuikitchat {
    transform: translateY(100px)
}

body.page__chat-ui-kit .design-cta .design-talk {
    background: url(https://getstream.imgix.net/images/chat/joshtalking2@1x.png) center left no-repeat;
    background-size: 537px 109px;
    width: 537px;
    height: 109px;
    margin-left: -50px;
    padding: 10px 20px 0 156px;
    margin-bottom: 50px;
    text-indent: -9999px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    body.page__chat-ui-kit .design-cta .design-talk {
        background:url(https://getstream.imgix.net/images/chat/joshtalking2@2x.png) center left no-repeat;
        background-size: 537px 109px
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    body.page__chat-ui-kit .design-cta .design-talk {
        background:url(https://getstream.imgix.net/images/chat/joshtalking2@3x.png) center left no-repeat;
        background-size: 537px 109px
    }
}

@media (max-width: 830px) {
    body.page__chat-ui-kit .design-cta .design-talk {
        transform:scale(.7);
        margin-left: -100px
    }
}

@media (max-width: 320px) {
    body.page__chat-ui-kit .design-cta .design-talk {
        transform:scale(.57);
        margin-left: -130px
    }
}

.page__ios-activity-feed-tutorial {
    padding: 0;
    color: #000;
    font-size: 15.5px;
    line-height: 25px;
    background: url(https://getstream.imgix.net/images/stream-grain-bg.png) #1A1A1A
}

.page__ios-activity-feed-tutorial #wrap {
    max-width: 1620px;
    margin: 0 auto;
    padding: 70px 0 30px;
    background: #fff
}

.page__ios-activity-feed-tutorial #wrap .mktg-btn-blue {
    border: 0;
    font-weight: 600
}

.page__ios-activity-feed-tutorial #wrap p,.page__ios-activity-feed-tutorial #wrap ul {
    font-size: 16px;
    line-height: 1.6
}

.page__ios-activity-feed-tutorial #wrap p code,.page__ios-activity-feed-tutorial #wrap ul code {
    color: #000;
    font-family: realtime_textbold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16.5px;
    background: #E8E8E8;
    padding: 0 4px 4px
}

.page__ios-activity-feed-tutorial #wrap p code a,.page__ios-activity-feed-tutorial #wrap ul code a {
    color: #0076FF
}

.page__ios-activity-feed-tutorial #wrap p code a:after,.page__ios-activity-feed-tutorial #wrap ul code a:after {
    content: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M8.2 12.599a1 1 0 1 1 1.6-1.198 4 4 0 0 0 6.033.432l2.988-2.988a4 4 0 0 0-.049-5.607 3.997 3.997 0 0 0-5.597-.059l-1.72 1.71a1 1 0 1 1-1.41-1.418l1.73-1.72a6 6 0 0 1 8.472 8.496l-3 3a6 6 0 0 1-9.048-.648zm5.6-3.198a1 1 0 1 1-1.6 1.198 4 4 0 0 0-6.033-.432L3.18 13.155a4 4 0 0 0 .049 5.607c1.543 1.543 4.038 1.565 5.595.06l1.71-1.71a1 1 0 0 1 1.414 1.415l-1.722 1.722a6 6 0 0 1-8.472-8.496l3-3a6 6 0 0 1 9.048.648z" fill="%23000" fill-rule="nonzero" fill-opacity=".283"/></svg>');
    width: 10px;
    height: 10px;
    margin: 2px 3px 0
}

.page__ios-activity-feed-tutorial #wrap .str-topbar ul {
    font-size: 14px
}

.page__ios-activity-feed-tutorial footer .footer {
    background: 0 0
}

.page__ios-activity-feed-tutorial .str-ios-hero {
    margin: -200px 0 -300px;
    padding: 300px 0 350px;
    background-position: top -100px right -400px;
    background-repeat: no-repeat;
    background-size: 1188px auto
}

@media (max-width: 1200px) {
    .page__ios-activity-feed-tutorial .str-ios-hero {
        background-size:988px auto;
        background-position: top -50px right -400px
    }
}

@media (max-width: 1020px) {
    .page__ios-activity-feed-tutorial .str-ios-hero {
        background:0 0
    }
}

.page__ios-activity-feed-tutorial .rn-codeblock {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    margin: 15px 0 30px
}

.page__ios-activity-feed-tutorial .rn-codeblock svg {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    cursor: pointer
}

.page__ios-activity-feed-tutorial .rn-codeblock .copied {
    position: absolute;
    opacity: 0;
    top: 3px;
    left: 30px;
    z-index: 1;
    color: rgba(255,255,255,.3);
    transition: opacity .3s
}

.page__ios-activity-feed-tutorial pre {
    background: 0 0;
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 0
}

.page__ios-activity-feed-tutorial pre svg {
    position: absolute;
    top: 30px;
    left: 15px;
    z-index: 2
}

.page__ios-activity-feed-tutorial pre code {
    display: block;
    background: #434343;
    color: #fff;
    border-radius: 3px;
    padding: 30px;
    position: relative;
    margin: 0
}

.page__ios-activity-feed-tutorial div.prism pre code {
    padding: 0;
    background: 0 0
}

.page__ios-activity-feed-tutorial article .divider {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    margin: 100px auto;
    position: relative;
    z-index: 1
}

.page__ios-activity-feed-tutorial article .divider2 {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0);
    margin: 100px auto;
    position: relative;
    z-index: 1
}

.page__ios-activity-feed-tutorial article .divider3 {
    width: 100%;
    height: 1px;
    background-color: rgba(0,0,0,0);
    margin: 50px auto;
    position: relative;
    z-index: 1
}

.page__ios-activity-feed-tutorial p.note {
    padding: 15px;
    margin: 30px 0 0;
    background: #f0f0f0;
    border-radius: 3px
}

.page__ios-activity-feed-tutorial .screenshot {
    margin: 20px 50px 0 0;
    position: relative;
    z-index: 100;
    transform-origin: 100% 50%;
    transition: transform .2s
}

@media (min-width: 830px) {
    .page__ios-activity-feed-tutorial .screenshot:hover {
        transform:scale(2)
    }
}

.page__ios-activity-feed-tutorial .swift-tutorial-conclusion {
    margin: 150px 0
}

.page__ios-activity-feed-tutorial .swift-tutorial-conclusion a {
    text-decoration: none
}

.page__ios-activity-feed-tutorial .code-runcode {
    position: relative
}

.page__ios-activity-feed-tutorial .code-runcode #code-run-errored,.page__ios-activity-feed-tutorial .code-runcode #code-run-loading,.page__ios-activity-feed-tutorial .code-runcode #code-run-success {
    z-index: 123;
    background: rgba(0,0,0,.85);
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22.5px;
    line-height: 35.6px;
    border-radius: 6px
}

.page__ios-activity-feed-tutorial .code-runcode button {
    display: none
}

.page__ios-activity-feed-tutorial .code-footer {
    border-radius: 0 0 6px 6px;
    background-color: #000;
    padding: 10px
}

.page__ios-activity-feed-tutorial .code-footer .mktg-btn-blue {
    margin: 0
}

.page__ios-activity-feed-tutorial .codetabs {
    background: #121212;
    border-radius: 6px 6px 0 0
}

.page__ios-activity-feed-tutorial .codetabs li a,.page__ios-activity-feed-tutorial .codetabs li.active a,.page__ios-activity-feed-tutorial .codetabs li.is-active a {
    background: inherit!important
}

.page__ios-activity-feed-tutorial .code-tab-content pre code {
    border-radius: 0;
    background: #121212
}

.page__ios-activity-feed-tutorial h3 {
    margin-top: 50px
}

.str-tutorial h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.str-tutorial .str-docs__header__feedback-dropdown {
    top: -50px;
    right: -45px
}

.str-tutorial .feedback-button {
    width: 20px;
    height: 15px;
    border: none;
    background: url(https://getstream.imgix.net/images/docs/feedback-icon.svg) top left no-repeat;
    right: 0
}

.str-tutorial .message {
    font-family: realtimetext_regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 16px
}

.job-container {
    width: 100%;
    max-width: 1282px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -7px 10px 0 rgba(0,0,0,.05);
    overflow: hidden
}

.job-container a {
    color: #006CFF
}

@media screen and (max-width: 830px) {
    .str-tutorial .feedback-button {
        display:none
    }

    .job-container {
        width: 90%
    }
}

.job-container .job-inner {
    padding-bottom: 60px
}

.job-container .job-inner:after {
    content: '';
    visibility: hidden;
    display: inline;
    clear: both
}

.job-container .job-inner h2:first-of-type {
    margin-top: 0;
    padding-top: 40px
}

.job-container .job-sidebar {
    float: right;
    width: 274px;
    border-left: 2px solid #F9F9F9;
    padding: 40px 0 80px 40px;
    margin: 0 0 0 40px
}

@media screen and (max-width: 830px) {
    .job-container .job-sidebar {
        display:none;
        float: none;
        width: unset;
        box-sizing: border-box;
        border: none;
        padding: 0;
        margin: 40px 0 0
    }
}

.job-container .job-sidebar img {
    margin-bottom: 30px
}

.job-container .job-sidebar p {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0,0,0,.6)
}

.job-container .job-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px
}

.job-container .job-footer a:not(:first-of-type) {
    display: block;
    margin-left: 20px
}

.job-container .job-hiring-img {
    margin: 20px 0;
    width: 274px
}

.job-container .job-hiring-name,.job-container .job-hiring-title {
    display: block;
    font-size: 18px;
    font-family: cerebri_reg,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}

.job-container .job-hiring-title {
    font-size: 14px
}

.str-header {
    padding: 80px 0
}

.str-header-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.str-header-inner h1 {
    margin-top: 0
}

@media screen and (max-width: 830px) {
    .str-header-inner {
        display:block
    }

    .str-header-inner .str-button {
        margin-top: 30px
    }
}

.str-header-content {
    -ms-flex: 1;
    flex: 1
}

.str-last-section-cta {
    min-height: 450px;
    padding-top: 100px;
    padding-bottom: 0;
    background-image: url(https://getstream.imgix.net/images/bottom-cta-bg@1x.png?auto=format,enhance);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 1572px 469px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .str-last-section-cta {
        background:url(https://getstream.imgix.net/images/bottom-cta-bg@2x.png?auto=format,enhance) bottom left no-repeat;
        background-size: 1572px 469px
    }
}

@media (max-width: 830px) {
    .str-last-section-cta {
        background:0 0
    }
}

@media (max-width: 843px) {
    .str-last-section-cta>.flex-container {
        display:block
    }

    .str-last-section-cta>.flex-container .right {
        margin-top: 50px
    }
}

.str-last-section-cta .left {
    width: 100%;
    max-width: 527px
}

.str-last-section-cta .right {
    -ms-flex: 1;
    flex: 1;
    max-width: 370px
}

.str-last-section-cta .brands {
    margin-top: 60px
}

.str-last-section-cta .brands img {
    margin-bottom: 30px
}

.str-last-section-cta .btn-group {
    margin-top: 80px
}

.str-last-section-cta .btn-group .mktg-btn-white-blue {
    margin-left: 30px
}

@media (max-width: 1019px) {
    .str-last-section-cta .btn-group {
        margin-top:30px
    }

    .str-last-section-cta .btn-group .mktg-btn-white-blue {
        margin-top: 30px;
        margin-left: 10px
    }
}

.hll {
    background-color: #ffffcc
}

.c {
    color: #cccccc
}

/* Comment */
.err {
    color: #a61717;
    background-color: #e3d2d2
}

/* Error */
.k {
    color: #000080;
    font-weight: bold
}

/* Keyword */
.ch {
    color: #cccccc
}

/* Comment.Hashbang */
.cm {
    color: #cccccc
}

/* Comment.Multiline */
.cp {
    color: #008080
}

/* Comment.Preproc */
.cpf {
    color: #cccccc
}

/* Comment.PreprocFile */
.c1 {
    color: #cccccc
}

/* Comment.Single */
.cs {
    color: #cccccc;
    font-weight: bold
}

/* Comment.Special */
.gd {
    color: #000000;
    background-color: #ffdddd
}

/* Generic.Deleted */
.ge {
    font-style: italic
}

/* Generic.Emph */
.gr {
    color: #aa0000
}

/* Generic.Error */
.gh {
    color: #999999
}

/* Generic.Heading */
.gi {
    color: #000000;
    background-color: #ddffdd
}

/* Generic.Inserted */
.go {
    color: #888888
}

/* Generic.Output */
.gp {
    color: #555555
}

/* Generic.Prompt */
.gs {
    font-weight: bold
}

/* Generic.Strong */
.gu {
    color: #aaaaaa
}

/* Generic.Subheading */
.gt {
    color: #aa0000
}

/* Generic.Traceback */
.kc {
    color: #000080;
    font-weight: bold
}

/* Keyword.Constant */
.kd {
    color: #000080;
    font-weight: bold
}

/* Keyword.Declaration */
.kn {
    color: #000080;
    font-weight: bold
}

/* Keyword.Namespace */
.kp {
    color: #000080;
    font-weight: bold
}

/* Keyword.Pseudo */
.kr {
    color: #000080;
    font-weight: bold
}

/* Keyword.Reserved */
.kt {
    color: #000080;
    font-weight: bold
}

/* Keyword.Type */
.m {
    color: #0000FF
}

/* Literal.Number */
.s {
    color: #0000FF
}

/* Literal.String */
.na {
    color: #FF0000
}

/* Name.Attribute */
.nt {
    color: #000080;
    font-weight: bold
}

/* Name.Tag */
.ow {
    font-weight: bold
}

/* Operator.Word */
.w {
    color: #bbbbbb
}

/* Text.Whitespace */
.mb {
    color: #0000FF
}

/* Literal.Number.Bin */
.mf {
    color: #0000FF
}

/* Literal.Number.Float */
.mh {
    color: #0000FF
}

/* Literal.Number.Hex */
.mi {
    color: #0000FF
}

/* Literal.Number.Integer */
.mo {
    color: #0000FF
}

/* Literal.Number.Oct */
.sb {
    color: #0000FF
}

/* Literal.String.Backtick */
.sc {
    color: #800080
}

/* Literal.String.Char */
.sd {
    color: #0000FF
}

/* Literal.String.Doc */
.s2 {
    color: #0000FF
}

/* Literal.String.Double */
.se {
    color: #0000FF
}

/* Literal.String.Escape */
.sh {
    color: #0000FF
}

/* Literal.String.Heredoc */
.si {
    color: #0000FF
}

/* Literal.String.Interpol */
.sx {
    color: #0000FF
}

/* Literal.String.Other */
.sr {
    color: #0000FF
}

/* Literal.String.Regex */
.s1 {
    color: #0000FF
}

/* Literal.String.Single */
.ss {
    color: #0000FF
}

/* Literal.String.Symbol */
.il {
    color: #0000FF
}

/* Literal.Number.Integer.Long */
.linenos {
    height: 100%;
    background: whitesmoke;
    padding-top: 10px;
}

.linenos > pre {
    height: 100%;
}

.linenodiv {
    margin-right: 16px;
    width: 100%;
    text-align: right;
}

.linenodiv > pre {
    width: 100%;
    padding: 0 8px;
}

.code {
    width: 100%;
    white-space: nowrap;
    margin: 0;
    padding 0; }

.highlight {
    margin: 0;
    padding: 0;
}

.highlight > pre {
    padding-left: 8px;
    background-color: white;
    margin: 0;
}

/* PrismJS 1.17.1
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+c+bash+ruby+diff+markup-templating+erb+go+groovy+java+php+javadoclike+json+kotlin+typescript+objectivec+phpdoc+python+jsx+swift+tsx&plugins=toolbar+keep-markup+copy-to-clipboard+diff-highlight */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*="language-"], pre[class*="language-"] {
    color: #f8f8f2;
    background: #181818;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    /* font-family: inherit !important;
        font-size: inherit !important; */
    text-align: left;
    white-space: pre-wrap;
    word-spacing: normal;
    word-break: break-all;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-family: 'Jura', sans-serif;
}

/* Code blocks */
pre[class*="language-"] {
    padding: 1em;
    margin: 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0.3em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: #2b536d;
}

.token.punctuation {
    color: #798ea1;
}

.namespace {
    opacity: 0.7;
}

.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted {
    color: #00afc8;
}

.token.boolean, .token.number {
    color: #00a0dd;
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color: #566a81;
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
    color: #798ea1;
}

.token.atrule, .token.attr-value, .token.function, .token.class-name {
    color: #77ffed;
}

.token.keyword {
    color: #0585ff;
}

.token.regex, .token.important {
    color: #00ad81;
}

.token.important, .token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

div.code-toolbar {
    position: relative;
}

div.code-toolbar > .toolbar {
    position: absolute;
    top: .3em;
    left: .2em;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

div.code-toolbar:hover > .toolbar {
    opacity: 1;
}

/* Separate line b/c rules are thrown out if selector is invalid.
   IE11 and old Edge versions don't support :focus-within. */
div.code-toolbar:focus-within > .toolbar {
    opacity: 1;
}

div.code-toolbar > .toolbar .toolbar-item {
    display: inline-block;
}

div.code-toolbar > .toolbar a {
    cursor: pointer;
}

div.code-toolbar > .toolbar button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
}

div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
    color: #bbb;
    font-size: .8em;
    padding: 0 .5em;
    background: #f5f2f0;
    background: rgba(224, 224, 224, 0.2);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    border-radius: .5em;
}

div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar span:hover, div.code-toolbar > .toolbar span:focus {
    color: inherit;
    text-decoration: none;
}

pre.diff-highlight > code .token.deleted:not(.prefix), pre > code.diff-highlight .token.deleted:not(.prefix) {
    background-color: rgba(255, 0, 0, .1);
    color: inherit;
    display: block;
}

pre.diff-highlight > code .token.inserted:not(.prefix), pre > code.diff-highlight .token.inserted:not(.prefix) {
    background-color: rgba(0, 255, 128, .1);
    color: inherit;
    display: block;
}

pre[class*="language-"].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit;
}

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #566a81;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}


#home .lnd-builtfor {
    background: url(https://toyfight.co/wp-content/themes/toybox/img/figures/tinified/footer-rock.png) no-repeat;
    /* background-size: 1214px 565px; */
}