.tm-tweet-clear {
    zoom: 1
}

.tm-tweet-clear:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}

.tm-click-to-tweet {
    display: block;
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 30px;
    margin: 15px 0px;
    zoom: 1
}

.tm-click-to-tweet .clearfix {
    zoom: 1
}

.tm-click-to-tweet .clearfix:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}

.tm-click-to-tweet .clear {
    clear: both
}

.tm-click-to-tweet .f-left {
    float: left;
    display: inline-block;
    position: relative
}

.tm-click-to-tweet .f-right {
    float: right;
    display: inline-block;
    position: relative
}

.tm-click-to-tweet .list-reset {
    list-style: none;
    margin: 0;
    padding: 0
}

.tm-click-to-tweet .list-reset li {
    list-style: none;
    margin: 0;
    padding: 0
}

.tm-click-to-tweet .list-float {
    zoom: 1
}

.tm-click-to-tweet .list-float:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}

.tm-click-to-tweet .list-float li {
    float: left;
    display: inline-block
}

.tm-click-to-tweet .kill-box-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.tm-click-to-tweet .alignright {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: right
}

.tm-click-to-tweet .alignleft {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: right
}

.tm-click-to-tweet:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.tm-click-to-tweet .tm-ctt-reset {
    margin: 0;
    padding: 0;
    position: relative
}

.tm-click-to-tweet:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."
}

.tm-click-to-tweet a {
    text-decoration: none;
    text-transform: none
}

.tm-click-to-tweet a:hover {
    text-decoration: none
}

.tm-click-to-tweet .tm-ctt-text {
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
    word-wrap: break-word
}

.tm-click-to-tweet .tm-ctt-text a {
    margin: 0;
    padding: 0;
    position: relative;
    color: #999;
    font-size: 24px;
    line-height: 140%;
    text-transform: none;
    letter-spacing: 0.05em;
    font-weight: 100;
    text-decoration: none;
    text-transform: none
}

.tm-click-to-tweet .tm-ctt-text a:hover {
    text-decoration: none;
    color: #666
}

.tm-click-to-tweet a.tm-ctt-btn {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    color: #999;
    float: right;
    padding-right: 24px;
    text-decoration: none;
    background: transparent url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/click-to-tweet-by-todaymade/assets/img/twitter-little-bird.png) no-repeat right top
}

.tm-click-to-tweet a.tm-ctt-btn:hover {
    text-decoration: none;
    color: #666;
    text-transform: uppercase
}

.tm-click-to-tweet .tm-powered-by {
    font-size: 10px;
    color: #999
}

.tm-click-to-tweet .tm-powered-by a {
    font-size: 10px;
    color: #999 !important
}

.tm-click-to-tweet .tm-powered-by a:hover {
    color: #999 !important;
    text-decoration: underline !important
}

ul.related-posts.extended_view,
ul.related_du-posts.extended_view {
    margin: 0;
    list-style: none
}

li.related-post.extended_view,
li.related_du-post.extended_view {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none;
    width: 31%;
    min-height: 20px;
    margin: 0 2% 10px 0;
    padding: 0;
    cursor: pointer
}

.extended_view a.related-post-link,
.extended_view a.related_du-post-link {}

.extended_view img.related-posts-image,
.extended_view img.related_du-posts-image {
    width: 100%
}

.extended_view span.related-post-title,
.extended_view span.related_du-post-title {
    font-size: 12px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    background-color: #444;
    background: rgba( 0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    margin: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    line-height: 20px
}

.wp_syntax {
    color: #100;
    background-color: #f9f9f9;
    border: 1px solid silver;
    margin: 0 0 1.5em 0;
    overflow: auto
}

.wp_syntax {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15: 0);
    width: 99%
}

.wp_syntax table {
    border: none !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.wp_syntax caption {
    margin: 0 !important;
    padding: 2px 0 !important;
    width: 100% !important;
    background-color: #def !important;
    text-align: left !important;
    font-family: monospace !important;
    font-size: 12px !important;
    line-height: 1.2em !important
}

.wp_syntax caption a {
    color: #1982d1 !important;
    text-align: left !important;
    font-family: monospace !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-decoration: none !important
}

.wp_syntax caption a:hover {
    color: #1982d1 !important;
    text-decoration: underline !important
}

.wp_syntax div,
.wp_syntax td {
    border: none !important;
    text-align: left !important;
    padding: 0 !important;
    vertical-align: top !important
}

.wp_syntax td.code {
    background-color: #EEE;
    background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50%);
    background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50%);
    background-image: -ms-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50%);
    background-image: -o-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50%);
    background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50%);
    background-size: 1px 32px;
    line-height: normal !important;
    white-space: normal !important;
    width: 100% !important
}

.wp_syntax pre {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
    overflow: visible !important;
    font-family: monospace !important;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 0 4px !important;
    white-space: pre !important;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.wp_syntax td.line_numbers pre {
    background-color: #def !important;
    color: gray !important;
    text-align: right !important;
    min-width: 16px !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}


/*!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 */


/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
    display: inline-block
}

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

[hidden] {
    display: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img,
legend {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver
}

button,
input,
textarea {
    font-family: inherit
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button {
    -webkit-appearance: button
}

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

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

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

input[type=search] {
    -webkit-appearance: textfield
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,
*:after,
*:before {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

blockquote,
caption,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
    margin: 0;
    padding: 0
}

abbr[title],
dfn[title] {
    cursor: help
}

ins,
u {
    text-decoration: none
}

ins {
    border-bottom: 1px solid
}

img {
    font-style: italic
}

button,
label,
option {
    cursor: pointer
}

.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
    cursor: text;
    outline: none
}

.blog-author:after,
.blog-tools:after,
.cf:after,
.container:after,
.nav-links:after,
.pagination:after,
.under-speech-bubble:after {
    content: "";
    display: table;
    clear: both
}

.island,
.islet,
.media,
address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ol,
p,
pre,
table,
ul {
    margin-bottom: 28px;
    margin-bottom: 1.55556rem
}

.islet .island,
.islet .islet,
.islet .media,
.islet address,
.islet blockquote,
.islet dl,
.islet fieldset,
.islet figure,
.islet h1,
.islet h2,
.islet h3,
.islet h4,
.islet h5,
.islet h6,
.islet hgroup,
.islet ol,
.islet p,
.islet pre,
.islet table,
.islet ul {
    margin-bottom: 14px;
    margin-bottom: .77778rem
}

.landmark {
    margin-bottom: 56px;
    margin-bottom: 3.11111rem
}

hr {
    margin-bottom: 26px;
    margin-bottom: 1.44444rem
}

dd,
ol,
ul {
    margin-left: 56px;
    margin-left: 3.11111rem
}

html {
    font: 1.125em/1.55556 "BrandonText-Regular", sans-serif;
    overflow-y: scroll;
    min-height: 100%
}

.alpha,
h1 {
    font-size: 48px;
    font-size: 2.66667rem;
    line-height: 1.16667
}

.beta,
h2 {
    font-size: 42px;
    font-size: 2.33333rem;
    line-height: 1.33333
}

.gamma,
.post-title,
h3 {
    font-size: 36px;
    font-size: 2rem
}

.delta,
h4 {
    font-size: 24px;
    font-size: 1.33333rem
}

.epsilon,
h5 {
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 1.4
}

.zeta,
h6 {
    font-size: 19px;
    font-size: 1.05556rem;
    line-height: 1.47368
}

hgroup .hN {
    margin-bottom: 0
}

.giga,
.kilo,
.mega {
    font-size: 96px;
    font-size: 5.33333rem;
    line-height: 1.16667
}

.kilo,
.mega {
    font-size: 72px;
    font-size: 4rem
}

.kilo {
    font-size: 48px;
    font-size: 2.66667rem
}

.lead,
.lede {
    font-size: 20.25px;
    font-size: 1.125rem;
    line-height: 1.38272
}

img {
    max-width: 100%
}

.img--round {
    border-radius: 4px
}

.img--right {
    float: right;
    margin-bottom: 28px;
    margin-left: 28px
}

.img--left {
    float: left;
    margin-right: 28px;
    margin-bottom: 28px
}

.img--center {
    display: block;
    margin-right: auto;
    margin-bottom: 28px;
    margin-left: auto
}

.img--short {
    height: 140px
}

.img--medium {
    height: 280px
}

.img--tall {
    height: 420px
}

figure>img {
    display: block
}

.grid {
    margin-left: -28px;
    list-style: none;
    margin-bottom: 0
}

.grid>.grid {
    margin-left: 0
}

.grid__item {
    display: inline-block;
    width: 100%;
    padding-left: 28px;
    vertical-align: top
}

.one-whole {
    width: 100%
}

.five-tenths,
.four-eighths,
.one-half,
.six-twelfths,
.three-sixths,
.two-quarters {
    width: 50%
}

.four-twelfths,
.one-third,
.two-sixths {
    width: 33.333%
}

.eight-twelfths,
.four-sixths,
.two-thirds {
    width: 66.666%
}

.one-quarter,
.three-twelfths,
.two-eighths {
    width: 25%
}

.nine-twelfths,
.six-eighths,
.three-quarters {
    width: 75%
}

.one-fifth,
.two-tenths {
    width: 20%
}

.four-tenths,
.two-fifths {
    width: 40%
}

.six-tenths,
.three-fifths {
    width: 60%
}

.eight-tenths,
.four-fifths {
    width: 80%
}

.one-sixth,
.two-twelfths {
    width: 16.666%
}

.five-sixths,
.ten-twelfths {
    width: 83.333%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

@media only screen and (max-width:719px) {
    .palm-one-whole {
        width: 100%
    }
    .palm-five-tenths,
    .palm-four-eighths,
    .palm-one-half,
    .palm-six-twelfths,
    .palm-three-sixths,
    .palm-two-quarters {
        width: 50%
    }
    .palm-four-twelfths,
    .palm-one-third,
    .palm-two-sixths {
        width: 33.333%
    }
    .palm-eight-twelfths,
    .palm-four-sixths,
    .palm-two-thirds {
        width: 66.666%
    }
    .palm-one-quarter,
    .palm-three-twelfths,
    .palm-two-eighths {
        width: 25%
    }
    .palm-nine-twelfths,
    .palm-six-eighths,
    .palm-three-quarters {
        width: 75%
    }
    .palm-one-fifth,
    .palm-two-tenths {
        width: 20%
    }
    .palm-four-tenths,
    .palm-two-fifths {
        width: 40%
    }
    .palm-six-tenths,
    .palm-three-fifths {
        width: 60%
    }
    .palm-eight-tenths,
    .palm-four-fifths {
        width: 80%
    }
    .palm-one-sixth,
    .palm-two-twelfths {
        width: 16.666%
    }
    .palm-five-sixths,
    .palm-ten-twelfths {
        width: 83.333%
    }
    .palm-one-eighth {
        width: 12.5%
    }
    .palm-three-eighths {
        width: 37.5%
    }
    .palm-five-eighths {
        width: 62.5%
    }
    .palm-seven-eighths {
        width: 87.5%
    }
    .palm-one-tenth {
        width: 10%
    }
    .palm-three-tenths {
        width: 30%
    }
    .palm-seven-tenths {
        width: 70%
    }
    .palm-nine-tenths {
        width: 90%
    }
    .palm-one-twelfth {
        width: 8.333%
    }
    .palm-five-twelfths {
        width: 41.666%
    }
    .palm-seven-twelfths {
        width: 58.333%
    }
    .palm-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .lap-one-whole {
        width: 100%
    }
    .lap-five-tenths,
    .lap-four-eighths,
    .lap-one-half,
    .lap-six-twelfths,
    .lap-three-sixths,
    .lap-two-quarters {
        width: 50%
    }
    .lap-four-twelfths,
    .lap-one-third,
    .lap-two-sixths {
        width: 33.333%
    }
    .lap-eight-twelfths,
    .lap-four-sixths,
    .lap-two-thirds {
        width: 66.666%
    }
    .lap-one-quarter,
    .lap-three-twelfths,
    .lap-two-eighths {
        width: 25%
    }
    .lap-nine-twelfths,
    .lap-six-eighths,
    .lap-three-quarters {
        width: 75%
    }
    .lap-one-fifth,
    .lap-two-tenths {
        width: 20%
    }
    .lap-four-tenths,
    .lap-two-fifths {
        width: 40%
    }
    .lap-six-tenths,
    .lap-three-fifths {
        width: 60%
    }
    .lap-eight-tenths,
    .lap-four-fifths {
        width: 80%
    }
    .lap-one-sixth,
    .lap-two-twelfths {
        width: 16.666%
    }
    .lap-five-sixths,
    .lap-ten-twelfths {
        width: 83.333%
    }
    .lap-one-eighth {
        width: 12.5%
    }
    .lap-three-eighths {
        width: 37.5%
    }
    .lap-five-eighths {
        width: 62.5%
    }
    .lap-seven-eighths {
        width: 87.5%
    }
    .lap-one-tenth {
        width: 10%
    }
    .lap-three-tenths {
        width: 30%
    }
    .lap-seven-tenths {
        width: 70%
    }
    .lap-nine-tenths {
        width: 90%
    }
    .lap-one-twelfth {
        width: 8.333%
    }
    .lap-five-twelfths {
        width: 41.666%
    }
    .lap-seven-twelfths {
        width: 58.333%
    }
    .lap-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:720px) {
    .lap-and-up-one-whole {
        width: 100%
    }
    .lap-and-up-five-tenths,
    .lap-and-up-four-eighths,
    .lap-and-up-one-half,
    .lap-and-up-six-twelfths,
    .lap-and-up-three-sixths,
    .lap-and-up-two-quarters {
        width: 50%
    }
    .lap-and-up-four-twelfths,
    .lap-and-up-one-third,
    .lap-and-up-two-sixths {
        width: 33.333%
    }
    .lap-and-up-eight-twelfths,
    .lap-and-up-four-sixths,
    .lap-and-up-two-thirds {
        width: 66.666%
    }
    .lap-and-up-one-quarter,
    .lap-and-up-three-twelfths,
    .lap-and-up-two-eighths {
        width: 25%
    }
    .lap-and-up-nine-twelfths,
    .lap-and-up-six-eighths,
    .lap-and-up-three-quarters {
        width: 75%
    }
    .lap-and-up-one-fifth,
    .lap-and-up-two-tenths {
        width: 20%
    }
    .lap-and-up-four-tenths,
    .lap-and-up-two-fifths {
        width: 40%
    }
    .lap-and-up-six-tenths,
    .lap-and-up-three-fifths {
        width: 60%
    }
    .lap-and-up-eight-tenths,
    .lap-and-up-four-fifths {
        width: 80%
    }
    .lap-and-up-one-sixth,
    .lap-and-up-two-twelfths {
        width: 16.666%
    }
    .lap-and-up-five-sixths,
    .lap-and-up-ten-twelfths {
        width: 83.333%
    }
    .lap-and-up-one-eighth {
        width: 12.5%
    }
    .lap-and-up-three-eighths {
        width: 37.5%
    }
    .lap-and-up-five-eighths {
        width: 62.5%
    }
    .lap-and-up-seven-eighths {
        width: 87.5%
    }
    .lap-and-up-one-tenth {
        width: 10%
    }
    .lap-and-up-three-tenths {
        width: 30%
    }
    .lap-and-up-seven-tenths {
        width: 70%
    }
    .lap-and-up-nine-tenths {
        width: 90%
    }
    .lap-and-up-one-twelfth {
        width: 8.333%
    }
    .lap-and-up-five-twelfths {
        width: 41.666%
    }
    .lap-and-up-seven-twelfths {
        width: 58.333%
    }
    .lap-and-up-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (max-width:929px) {
    .portable-one-whole {
        width: 100%
    }
    .portable-five-tenths,
    .portable-four-eighths,
    .portable-one-half,
    .portable-six-twelfths,
    .portable-three-sixths,
    .portable-two-quarters {
        width: 50%
    }
    .portable-four-twelfths,
    .portable-one-third,
    .portable-two-sixths {
        width: 33.333%
    }
    .portable-eight-twelfths,
    .portable-four-sixths,
    .portable-two-thirds {
        width: 66.666%
    }
    .portable-one-quarter,
    .portable-three-twelfths,
    .portable-two-eighths {
        width: 25%
    }
    .portable-nine-twelfths,
    .portable-six-eighths,
    .portable-three-quarters {
        width: 75%
    }
    .portable-one-fifth,
    .portable-two-tenths {
        width: 20%
    }
    .portable-four-tenths,
    .portable-two-fifths {
        width: 40%
    }
    .portable-six-tenths,
    .portable-three-fifths {
        width: 60%
    }
    .portable-eight-tenths,
    .portable-four-fifths {
        width: 80%
    }
    .portable-one-sixth,
    .portable-two-twelfths {
        width: 16.666%
    }
    .portable-five-sixths,
    .portable-ten-twelfths {
        width: 83.333%
    }
    .portable-one-eighth {
        width: 12.5%
    }
    .portable-three-eighths {
        width: 37.5%
    }
    .portable-five-eighths {
        width: 62.5%
    }
    .portable-seven-eighths {
        width: 87.5%
    }
    .portable-one-tenth {
        width: 10%
    }
    .portable-three-tenths {
        width: 30%
    }
    .portable-seven-tenths {
        width: 70%
    }
    .portable-nine-tenths {
        width: 90%
    }
    .portable-one-twelfth {
        width: 8.333%
    }
    .portable-five-twelfths {
        width: 41.666%
    }
    .portable-seven-twelfths {
        width: 58.333%
    }
    .portable-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:930px) {
    .desk-one-whole {
        width: 100%
    }
    .desk-five-tenths,
    .desk-four-eighths,
    .desk-one-half,
    .desk-six-twelfths,
    .desk-three-sixths,
    .desk-two-quarters {
        width: 50%
    }
    .desk-four-twelfths,
    .desk-one-third,
    .desk-two-sixths {
        width: 33.333%
    }
    .desk-eight-twelfths,
    .desk-four-sixths,
    .desk-two-thirds {
        width: 66.666%
    }
    .desk-one-quarter,
    .desk-three-twelfths,
    .desk-two-eighths {
        width: 25%
    }
    .desk-nine-twelfths,
    .desk-six-eighths,
    .desk-three-quarters {
        width: 75%
    }
    .desk-one-fifth,
    .desk-two-tenths {
        width: 20%
    }
    .desk-four-tenths,
    .desk-two-fifths {
        width: 40%
    }
    .desk-six-tenths,
    .desk-three-fifths {
        width: 60%
    }
    .desk-eight-tenths,
    .desk-four-fifths {
        width: 80%
    }
    .desk-one-sixth,
    .desk-two-twelfths {
        width: 16.666%
    }
    .desk-five-sixths,
    .desk-ten-twelfths {
        width: 83.333%
    }
    .desk-one-eighth {
        width: 12.5%
    }
    .desk-three-eighths {
        width: 37.5%
    }
    .desk-five-eighths {
        width: 62.5%
    }
    .desk-seven-eighths {
        width: 87.5%
    }
    .desk-one-tenth {
        width: 10%
    }
    .desk-three-tenths {
        width: 30%
    }
    .desk-seven-tenths {
        width: 70%
    }
    .desk-nine-tenths {
        width: 90%
    }
    .desk-one-twelfth {
        width: 8.333%
    }
    .desk-five-twelfths {
        width: 41.666%
    }
    .desk-seven-twelfths {
        width: 58.333%
    }
    .desk-eleven-twelfths {
        width: 91.666%
    }
}

@media only screen and (min-width:1170px) {
    .desk-wide-one-whole {
        width: 100%
    }
    .desk-wide-five-tenths,
    .desk-wide-four-eighths,
    .desk-wide-one-half,
    .desk-wide-six-twelfths,
    .desk-wide-three-sixths,
    .desk-wide-two-quarters {
        width: 50%
    }
    .desk-wide-four-twelfths,
    .desk-wide-one-third,
    .desk-wide-two-sixths {
        width: 33.333%
    }
    .desk-wide-eight-twelfths,
    .desk-wide-four-sixths,
    .desk-wide-two-thirds {
        width: 66.666%
    }
    .desk-wide-one-quarter,
    .desk-wide-three-twelfths,
    .desk-wide-two-eighths {
        width: 25%
    }
    .desk-wide-nine-twelfths,
    .desk-wide-six-eighths,
    .desk-wide-three-quarters {
        width: 75%
    }
    .desk-wide-one-fifth,
    .desk-wide-two-tenths {
        width: 20%
    }
    .desk-wide-four-tenths,
    .desk-wide-two-fifths {
        width: 40%
    }
    .desk-wide-six-tenths,
    .desk-wide-three-fifths {
        width: 60%
    }
    .desk-wide-eight-tenths,
    .desk-wide-four-fifths {
        width: 80%
    }
    .desk-wide-one-sixth,
    .desk-wide-two-twelfths {
        width: 16.666%
    }
    .desk-wide-five-sixths,
    .desk-wide-ten-twelfths {
        width: 83.333%
    }
    .desk-wide-one-eighth {
        width: 12.5%
    }
    .desk-wide-three-eighths {
        width: 37.5%
    }
    .desk-wide-five-eighths {
        width: 62.5%
    }
    .desk-wide-seven-eighths {
        width: 87.5%
    }
    .desk-wide-one-tenth {
        width: 10%
    }
    .desk-wide-three-tenths {
        width: 30%
    }
    .desk-wide-seven-tenths {
        width: 70%
    }
    .desk-wide-nine-tenths {
        width: 90%
    }
    .desk-wide-one-twelfth {
        width: 8.333%
    }
    .desk-wide-five-twelfths {
        width: 41.666%
    }
    .desk-wide-seven-twelfths {
        width: 58.333%
    }
    .desk-wide-eleven-twelfths {
        width: 91.666%
    }
}

[class*=push--] {
    position: relative
}

@media only screen and (max-width:719px) {
    .push--palm-one-whole {
        left: 100%
    }
    .push--palm-five-tenths,
    .push--palm-four-eighths,
    .push--palm-one-half,
    .push--palm-six-twelfths,
    .push--palm-three-sixths,
    .push--palm-two-quarters {
        left: 50%
    }
    .push--palm-four-twelfths,
    .push--palm-one-third,
    .push--palm-two-sixths {
        left: 33.333%
    }
    .push--palm-eight-twelfths,
    .push--palm-four-sixths,
    .push--palm-two-thirds {
        left: 66.666%
    }
    .push--palm-one-quarter,
    .push--palm-three-twelfths,
    .push--palm-two-eighths {
        left: 25%
    }
    .push--palm-nine-twelfths,
    .push--palm-six-eighths,
    .push--palm-three-quarters {
        left: 75%
    }
    .push--palm-one-fifth,
    .push--palm-two-tenths {
        left: 20%
    }
    .push--palm-four-tenths,
    .push--palm-two-fifths {
        left: 40%
    }
    .push--palm-six-tenths,
    .push--palm-three-fifths {
        left: 60%
    }
    .push--palm-eight-tenths,
    .push--palm-four-fifths {
        left: 80%
    }
    .push--palm-one-sixth,
    .push--palm-two-twelfths {
        left: 16.666%
    }
    .push--palm-five-sixths,
    .push--palm-ten-twelfths {
        left: 83.333%
    }
    .push--palm-one-eighth {
        left: 12.5%
    }
    .push--palm-three-eighths {
        left: 37.5%
    }
    .push--palm-five-eighths {
        left: 62.5%
    }
    .push--palm-seven-eighths {
        left: 87.5%
    }
    .push--palm-one-tenth {
        left: 10%
    }
    .push--palm-three-tenths {
        left: 30%
    }
    .push--palm-seven-tenths {
        left: 70%
    }
    .push--palm-nine-tenths {
        left: 90%
    }
    .push--palm-one-twelfth {
        left: 8.333%
    }
    .push--palm-five-twelfths {
        left: 41.666%
    }
    .push--palm-seven-twelfths {
        left: 58.333%
    }
    .push--palm-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .push--lap-one-whole {
        left: 100%
    }
    .push--lap-five-tenths,
    .push--lap-four-eighths,
    .push--lap-one-half,
    .push--lap-six-twelfths,
    .push--lap-three-sixths,
    .push--lap-two-quarters {
        left: 50%
    }
    .push--lap-four-twelfths,
    .push--lap-one-third,
    .push--lap-two-sixths {
        left: 33.333%
    }
    .push--lap-eight-twelfths,
    .push--lap-four-sixths,
    .push--lap-two-thirds {
        left: 66.666%
    }
    .push--lap-one-quarter,
    .push--lap-three-twelfths,
    .push--lap-two-eighths {
        left: 25%
    }
    .push--lap-nine-twelfths,
    .push--lap-six-eighths,
    .push--lap-three-quarters {
        left: 75%
    }
    .push--lap-one-fifth,
    .push--lap-two-tenths {
        left: 20%
    }
    .push--lap-four-tenths,
    .push--lap-two-fifths {
        left: 40%
    }
    .push--lap-six-tenths,
    .push--lap-three-fifths {
        left: 60%
    }
    .push--lap-eight-tenths,
    .push--lap-four-fifths {
        left: 80%
    }
    .push--lap-one-sixth,
    .push--lap-two-twelfths {
        left: 16.666%
    }
    .push--lap-five-sixths,
    .push--lap-ten-twelfths {
        left: 83.333%
    }
    .push--lap-one-eighth {
        left: 12.5%
    }
    .push--lap-three-eighths {
        left: 37.5%
    }
    .push--lap-five-eighths {
        left: 62.5%
    }
    .push--lap-seven-eighths {
        left: 87.5%
    }
    .push--lap-one-tenth {
        left: 10%
    }
    .push--lap-three-tenths {
        left: 30%
    }
    .push--lap-seven-tenths {
        left: 70%
    }
    .push--lap-nine-tenths {
        left: 90%
    }
    .push--lap-one-twelfth {
        left: 8.333%
    }
    .push--lap-five-twelfths {
        left: 41.666%
    }
    .push--lap-seven-twelfths {
        left: 58.333%
    }
    .push--lap-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (min-width:720px) {
    .push--lap-and-up-one-whole {
        left: 100%
    }
    .push--lap-and-up-five-tenths,
    .push--lap-and-up-four-eighths,
    .push--lap-and-up-one-half,
    .push--lap-and-up-six-twelfths,
    .push--lap-and-up-three-sixths,
    .push--lap-and-up-two-quarters {
        left: 50%
    }
    .push--lap-and-up-four-twelfths,
    .push--lap-and-up-one-third,
    .push--lap-and-up-two-sixths {
        left: 33.333%
    }
    .push--lap-and-up-eight-twelfths,
    .push--lap-and-up-four-sixths,
    .push--lap-and-up-two-thirds {
        left: 66.666%
    }
    .push--lap-and-up-one-quarter,
    .push--lap-and-up-three-twelfths,
    .push--lap-and-up-two-eighths {
        left: 25%
    }
    .push--lap-and-up-nine-twelfths,
    .push--lap-and-up-six-eighths,
    .push--lap-and-up-three-quarters {
        left: 75%
    }
    .push--lap-and-up-one-fifth,
    .push--lap-and-up-two-tenths {
        left: 20%
    }
    .push--lap-and-up-four-tenths,
    .push--lap-and-up-two-fifths {
        left: 40%
    }
    .push--lap-and-up-six-tenths,
    .push--lap-and-up-three-fifths {
        left: 60%
    }
    .push--lap-and-up-eight-tenths,
    .push--lap-and-up-four-fifths {
        left: 80%
    }
    .push--lap-and-up-one-sixth,
    .push--lap-and-up-two-twelfths {
        left: 16.666%
    }
    .push--lap-and-up-five-sixths,
    .push--lap-and-up-ten-twelfths {
        left: 83.333%
    }
    .push--lap-and-up-one-eighth {
        left: 12.5%
    }
    .push--lap-and-up-three-eighths {
        left: 37.5%
    }
    .push--lap-and-up-five-eighths {
        left: 62.5%
    }
    .push--lap-and-up-seven-eighths {
        left: 87.5%
    }
    .push--lap-and-up-one-tenth {
        left: 10%
    }
    .push--lap-and-up-three-tenths {
        left: 30%
    }
    .push--lap-and-up-seven-tenths {
        left: 70%
    }
    .push--lap-and-up-nine-tenths {
        left: 90%
    }
    .push--lap-and-up-one-twelfth {
        left: 8.333%
    }
    .push--lap-and-up-five-twelfths {
        left: 41.666%
    }
    .push--lap-and-up-seven-twelfths {
        left: 58.333%
    }
    .push--lap-and-up-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (max-width:929px) {
    .push--portable-one-whole {
        left: 100%
    }
    .push--portable-five-tenths,
    .push--portable-four-eighths,
    .push--portable-one-half,
    .push--portable-six-twelfths,
    .push--portable-three-sixths,
    .push--portable-two-quarters {
        left: 50%
    }
    .push--portable-four-twelfths,
    .push--portable-one-third,
    .push--portable-two-sixths {
        left: 33.333%
    }
    .push--portable-eight-twelfths,
    .push--portable-four-sixths,
    .push--portable-two-thirds {
        left: 66.666%
    }
    .push--portable-one-quarter,
    .push--portable-three-twelfths,
    .push--portable-two-eighths {
        left: 25%
    }
    .push--portable-nine-twelfths,
    .push--portable-six-eighths,
    .push--portable-three-quarters {
        left: 75%
    }
    .push--portable-one-fifth,
    .push--portable-two-tenths {
        left: 20%
    }
    .push--portable-four-tenths,
    .push--portable-two-fifths {
        left: 40%
    }
    .push--portable-six-tenths,
    .push--portable-three-fifths {
        left: 60%
    }
    .push--portable-eight-tenths,
    .push--portable-four-fifths {
        left: 80%
    }
    .push--portable-one-sixth,
    .push--portable-two-twelfths {
        left: 16.666%
    }
    .push--portable-five-sixths,
    .push--portable-ten-twelfths {
        left: 83.333%
    }
    .push--portable-one-eighth {
        left: 12.5%
    }
    .push--portable-three-eighths {
        left: 37.5%
    }
    .push--portable-five-eighths {
        left: 62.5%
    }
    .push--portable-seven-eighths {
        left: 87.5%
    }
    .push--portable-one-tenth {
        left: 10%
    }
    .push--portable-three-tenths {
        left: 30%
    }
    .push--portable-seven-tenths {
        left: 70%
    }
    .push--portable-nine-tenths {
        left: 90%
    }
    .push--portable-one-twelfth {
        left: 8.333%
    }
    .push--portable-five-twelfths {
        left: 41.666%
    }
    .push--portable-seven-twelfths {
        left: 58.333%
    }
    .push--portable-eleven-twelfths {
        left: 91.666%
    }
}

@media only screen and (min-width:930px) {
    .push--desk-one-whole {
        left: 100%
    }
    .push--desk-five-tenths,
    .push--desk-four-eighths,
    .push--desk-one-half,
    .push--desk-six-twelfths,
    .push--desk-three-sixths,
    .push--desk-two-quarters {
        left: 50%
    }
    .push--desk-four-twelfths,
    .push--desk-one-third,
    .push--desk-two-sixths {
        left: 33.333%
    }
    .push--desk-eight-twelfths,
    .push--desk-four-sixths,
    .push--desk-two-thirds {
        left: 66.666%
    }
    .push--desk-one-quarter,
    .push--desk-three-twelfths,
    .push--desk-two-eighths {
        left: 25%
    }
    .push--desk-nine-twelfths,
    .push--desk-six-eighths,
    .push--desk-three-quarters {
        left: 75%
    }
    .push--desk-one-fifth,
    .push--desk-two-tenths {
        left: 20%
    }
    .push--desk-four-tenths,
    .push--desk-two-fifths {
        left: 40%
    }
    .push--desk-six-tenths,
    .push--desk-three-fifths {
        left: 60%
    }
    .push--desk-eight-tenths,
    .push--desk-four-fifths {
        left: 80%
    }
    .push--desk-one-sixth,
    .push--desk-two-twelfths {
        left: 16.666%
    }
    .push--desk-five-sixths,
    .push--desk-ten-twelfths {
        left: 83.333%
    }
    .push--desk-one-eighth {
        left: 12.5%
    }
    .push--desk-three-eighths {
        left: 37.5%
    }
    .push--desk-five-eighths {
        left: 62.5%
    }
    .push--desk-seven-eighths {
        left: 87.5%
    }
    .push--desk-one-tenth {
        left: 10%
    }
    .push--desk-three-tenths {
        left: 30%
    }
    .push--desk-seven-tenths {
        left: 70%
    }
    .push--desk-nine-tenths {
        left: 90%
    }
    .push--desk-one-twelfth {
        left: 8.333%
    }
    .push--desk-five-twelfths {
        left: 41.666%
    }
    .push--desk-seven-twelfths {
        left: 58.333%
    }
    .push--desk-eleven-twelfths {
        left: 91.666%
    }
}

[class*=pull--] {
    position: relative
}

.pull--one-whole {
    right: 100%
}

.pull--five-tenths,
.pull--four-eighths,
.pull--one-half,
.pull--six-twelfths,
.pull--three-sixths,
.pull--two-quarters {
    right: 50%
}

.pull--four-twelfths,
.pull--one-third,
.pull--two-sixths {
    right: 33.333%
}

.pull--eight-twelfths,
.pull--four-sixths,
.pull--two-thirds {
    right: 66.666%
}

.pull--one-quarter,
.pull--three-twelfths,
.pull--two-eighths {
    right: 25%
}

.pull--nine-twelfths,
.pull--six-eighths,
.pull--three-quarters {
    right: 75%
}

.pull--one-fifth,
.pull--two-tenths {
    right: 20%
}

.pull--four-tenths,
.pull--two-fifths {
    right: 40%
}

.pull--six-tenths,
.pull--three-fifths {
    right: 60%
}

.pull--eight-tenths,
.pull--four-fifths {
    right: 80%
}

.pull--one-sixth,
.pull--two-twelfths {
    right: 16.666%
}

.pull--five-sixths,
.pull--ten-twelfths {
    right: 83.333%
}

.pull--one-eighth {
    right: 12.5%
}

.pull--three-eighths {
    right: 37.5%
}

.pull--five-eighths {
    right: 62.5%
}

.pull--seven-eighths {
    right: 87.5%
}

.pull--one-tenth {
    right: 10%
}

.pull--three-tenths {
    right: 30%
}

.pull--seven-tenths {
    right: 70%
}

.pull--nine-tenths {
    right: 90%
}

.pull--one-twelfth {
    right: 8.333%
}

.pull--five-twelfths {
    right: 41.666%
}

.pull--seven-twelfths {
    right: 58.333%
}

.pull--eleven-twelfths {
    right: 91.666%
}

@media only screen and (max-width:719px) {
    .pull--palm-one-whole {
        right: 100%
    }
    .pull--palm-five-tenths,
    .pull--palm-four-eighths,
    .pull--palm-one-half,
    .pull--palm-six-twelfths,
    .pull--palm-three-sixths,
    .pull--palm-two-quarters {
        right: 50%
    }
    .pull--palm-four-twelfths,
    .pull--palm-one-third,
    .pull--palm-two-sixths {
        right: 33.333%
    }
    .pull--palm-eight-twelfths,
    .pull--palm-four-sixths,
    .pull--palm-two-thirds {
        right: 66.666%
    }
    .pull--palm-one-quarter,
    .pull--palm-three-twelfths,
    .pull--palm-two-eighths {
        right: 25%
    }
    .pull--palm-nine-twelfths,
    .pull--palm-six-eighths,
    .pull--palm-three-quarters {
        right: 75%
    }
    .pull--palm-one-fifth,
    .pull--palm-two-tenths {
        right: 20%
    }
    .pull--palm-four-tenths,
    .pull--palm-two-fifths {
        right: 40%
    }
    .pull--palm-six-tenths,
    .pull--palm-three-fifths {
        right: 60%
    }
    .pull--palm-eight-tenths,
    .pull--palm-four-fifths {
        right: 80%
    }
    .pull--palm-one-sixth,
    .pull--palm-two-twelfths {
        right: 16.666%
    }
    .pull--palm-five-sixths,
    .pull--palm-ten-twelfths {
        right: 83.333%
    }
    .pull--palm-one-eighth {
        right: 12.5%
    }
    .pull--palm-three-eighths {
        right: 37.5%
    }
    .pull--palm-five-eighths {
        right: 62.5%
    }
    .pull--palm-seven-eighths {
        right: 87.5%
    }
    .pull--palm-one-tenth {
        right: 10%
    }
    .pull--palm-three-tenths {
        right: 30%
    }
    .pull--palm-seven-tenths {
        right: 70%
    }
    .pull--palm-nine-tenths {
        right: 90%
    }
    .pull--palm-one-twelfth {
        right: 8.333%
    }
    .pull--palm-five-twelfths {
        right: 41.666%
    }
    .pull--palm-seven-twelfths {
        right: 58.333%
    }
    .pull--palm-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .pull--lap-one-whole {
        right: 100%
    }
    .pull--lap-five-tenths,
    .pull--lap-four-eighths,
    .pull--lap-one-half,
    .pull--lap-six-twelfths,
    .pull--lap-three-sixths,
    .pull--lap-two-quarters {
        right: 50%
    }
    .pull--lap-four-twelfths,
    .pull--lap-one-third,
    .pull--lap-two-sixths {
        right: 33.333%
    }
    .pull--lap-eight-twelfths,
    .pull--lap-four-sixths,
    .pull--lap-two-thirds {
        right: 66.666%
    }
    .pull--lap-one-quarter,
    .pull--lap-three-twelfths,
    .pull--lap-two-eighths {
        right: 25%
    }
    .pull--lap-nine-twelfths,
    .pull--lap-six-eighths,
    .pull--lap-three-quarters {
        right: 75%
    }
    .pull--lap-one-fifth,
    .pull--lap-two-tenths {
        right: 20%
    }
    .pull--lap-four-tenths,
    .pull--lap-two-fifths {
        right: 40%
    }
    .pull--lap-six-tenths,
    .pull--lap-three-fifths {
        right: 60%
    }
    .pull--lap-eight-tenths,
    .pull--lap-four-fifths {
        right: 80%
    }
    .pull--lap-one-sixth,
    .pull--lap-two-twelfths {
        right: 16.666%
    }
    .pull--lap-five-sixths,
    .pull--lap-ten-twelfths {
        right: 83.333%
    }
    .pull--lap-one-eighth {
        right: 12.5%
    }
    .pull--lap-three-eighths {
        right: 37.5%
    }
    .pull--lap-five-eighths {
        right: 62.5%
    }
    .pull--lap-seven-eighths {
        right: 87.5%
    }
    .pull--lap-one-tenth {
        right: 10%
    }
    .pull--lap-three-tenths {
        right: 30%
    }
    .pull--lap-seven-tenths {
        right: 70%
    }
    .pull--lap-nine-tenths {
        right: 90%
    }
    .pull--lap-one-twelfth {
        right: 8.333%
    }
    .pull--lap-five-twelfths {
        right: 41.666%
    }
    .pull--lap-seven-twelfths {
        right: 58.333%
    }
    .pull--lap-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width:720px) {
    .pull--lap-and-up-one-whole {
        right: 100%
    }
    .pull--lap-and-up-five-tenths,
    .pull--lap-and-up-four-eighths,
    .pull--lap-and-up-one-half,
    .pull--lap-and-up-six-twelfths,
    .pull--lap-and-up-three-sixths,
    .pull--lap-and-up-two-quarters {
        right: 50%
    }
    .pull--lap-and-up-four-twelfths,
    .pull--lap-and-up-one-third,
    .pull--lap-and-up-two-sixths {
        right: 33.333%
    }
    .pull--lap-and-up-eight-twelfths,
    .pull--lap-and-up-four-sixths,
    .pull--lap-and-up-two-thirds {
        right: 66.666%
    }
    .pull--lap-and-up-one-quarter,
    .pull--lap-and-up-three-twelfths,
    .pull--lap-and-up-two-eighths {
        right: 25%
    }
    .pull--lap-and-up-nine-twelfths,
    .pull--lap-and-up-six-eighths,
    .pull--lap-and-up-three-quarters {
        right: 75%
    }
    .pull--lap-and-up-one-fifth,
    .pull--lap-and-up-two-tenths {
        right: 20%
    }
    .pull--lap-and-up-four-tenths,
    .pull--lap-and-up-two-fifths {
        right: 40%
    }
    .pull--lap-and-up-six-tenths,
    .pull--lap-and-up-three-fifths {
        right: 60%
    }
    .pull--lap-and-up-eight-tenths,
    .pull--lap-and-up-four-fifths {
        right: 80%
    }
    .pull--lap-and-up-one-sixth,
    .pull--lap-and-up-two-twelfths {
        right: 16.666%
    }
    .pull--lap-and-up-five-sixths,
    .pull--lap-and-up-ten-twelfths {
        right: 83.333%
    }
    .pull--lap-and-up-one-eighth {
        right: 12.5%
    }
    .pull--lap-and-up-three-eighths {
        right: 37.5%
    }
    .pull--lap-and-up-five-eighths {
        right: 62.5%
    }
    .pull--lap-and-up-seven-eighths {
        right: 87.5%
    }
    .pull--lap-and-up-one-tenth {
        right: 10%
    }
    .pull--lap-and-up-three-tenths {
        right: 30%
    }
    .pull--lap-and-up-seven-tenths {
        right: 70%
    }
    .pull--lap-and-up-nine-tenths {
        right: 90%
    }
    .pull--lap-and-up-one-twelfth {
        right: 8.333%
    }
    .pull--lap-and-up-five-twelfths {
        right: 41.666%
    }
    .pull--lap-and-up-seven-twelfths {
        right: 58.333%
    }
    .pull--lap-and-up-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (max-width:929px) {
    .pull--portable-one-whole {
        right: 100%
    }
    .pull--portable-five-tenths,
    .pull--portable-four-eighths,
    .pull--portable-one-half,
    .pull--portable-six-twelfths,
    .pull--portable-three-sixths,
    .pull--portable-two-quarters {
        right: 50%
    }
    .pull--portable-four-twelfths,
    .pull--portable-one-third,
    .pull--portable-two-sixths {
        right: 33.333%
    }
    .pull--portable-eight-twelfths,
    .pull--portable-four-sixths,
    .pull--portable-two-thirds {
        right: 66.666%
    }
    .pull--portable-one-quarter,
    .pull--portable-three-twelfths,
    .pull--portable-two-eighths {
        right: 25%
    }
    .pull--portable-nine-twelfths,
    .pull--portable-six-eighths,
    .pull--portable-three-quarters {
        right: 75%
    }
    .pull--portable-one-fifth,
    .pull--portable-two-tenths {
        right: 20%
    }
    .pull--portable-four-tenths,
    .pull--portable-two-fifths {
        right: 40%
    }
    .pull--portable-six-tenths,
    .pull--portable-three-fifths {
        right: 60%
    }
    .pull--portable-eight-tenths,
    .pull--portable-four-fifths {
        right: 80%
    }
    .pull--portable-one-sixth,
    .pull--portable-two-twelfths {
        right: 16.666%
    }
    .pull--portable-five-sixths,
    .pull--portable-ten-twelfths {
        right: 83.333%
    }
    .pull--portable-one-eighth {
        right: 12.5%
    }
    .pull--portable-three-eighths {
        right: 37.5%
    }
    .pull--portable-five-eighths {
        right: 62.5%
    }
    .pull--portable-seven-eighths {
        right: 87.5%
    }
    .pull--portable-one-tenth {
        right: 10%
    }
    .pull--portable-three-tenths {
        right: 30%
    }
    .pull--portable-seven-tenths {
        right: 70%
    }
    .pull--portable-nine-tenths {
        right: 90%
    }
    .pull--portable-one-twelfth {
        right: 8.333%
    }
    .pull--portable-five-twelfths {
        right: 41.666%
    }
    .pull--portable-seven-twelfths {
        right: 58.333%
    }
    .pull--portable-eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width:930px) {
    .pull--desk-one-whole {
        right: 100%
    }
    .pull--desk-five-tenths,
    .pull--desk-four-eighths,
    .pull--desk-one-half,
    .pull--desk-six-twelfths,
    .pull--desk-three-sixths,
    .pull--desk-two-quarters {
        right: 50%
    }
    .pull--desk-four-twelfths,
    .pull--desk-one-third,
    .pull--desk-two-sixths {
        right: 33.333%
    }
    .pull--desk-eight-twelfths,
    .pull--desk-four-sixths,
    .pull--desk-two-thirds {
        right: 66.666%
    }
    .pull--desk-one-quarter,
    .pull--desk-three-twelfths,
    .pull--desk-two-eighths {
        right: 25%
    }
    .pull--desk-nine-twelfths,
    .pull--desk-six-eighths,
    .pull--desk-three-quarters {
        right: 75%
    }
    .pull--desk-one-fifth,
    .pull--desk-two-tenths {
        right: 20%
    }
    .pull--desk-four-tenths,
    .pull--desk-two-fifths {
        right: 40%
    }
    .pull--desk-six-tenths,
    .pull--desk-three-fifths {
        right: 60%
    }
    .pull--desk-eight-tenths,
    .pull--desk-four-fifths {
        right: 80%
    }
    .pull--desk-one-sixth,
    .pull--desk-two-twelfths {
        right: 16.666%
    }
    .pull--desk-five-sixths,
    .pull--desk-ten-twelfths {
        right: 83.333%
    }
    .pull--desk-one-eighth {
        right: 12.5%
    }
    .pull--desk-three-eighths {
        right: 37.5%
    }
    .pull--desk-five-eighths {
        right: 62.5%
    }
    .pull--desk-seven-eighths {
        right: 87.5%
    }
    .pull--desk-one-tenth {
        right: 10%
    }
    .pull--desk-three-tenths {
        right: 30%
    }
    .pull--desk-seven-tenths {
        right: 70%
    }
    .pull--desk-nine-tenths {
        right: 90%
    }
    .pull--desk-one-twelfth {
        right: 8.333%
    }
    .pull--desk-five-twelfths {
        right: 41.666%
    }
    .pull--desk-seven-twelfths {
        right: 58.333%
    }
    .pull--desk-eleven-twelfths {
        right: 91.666%
    }
}

.float--right,
.nav-links .nav-next {
    float: right!important
}

.float--left,
.nav-links .nav-previous {
    float: left!important
}

.float--none {
    float: none!important
}

.text--left {
    text-align: left!important
}

.text--center {
    text-align: center!important
}

.text--right {
    text-align: right!important
}

.weight--light {
    font-weight: 300!important
}

.weight--normal {
    font-weight: 400!important
}

.weight--semibold {
    font-weight: 600!important
}

.push {
    margin: 28px!important
}

.push--top {
    margin-top: 28px!important
}

.push--right {
    margin-right: 28px!important
}

.push--bottom {
    margin-bottom: 28px!important
}

.push--left {
    margin-left: 28px!important
}

.push--ends {
    margin-top: 28px!important;
    margin-bottom: 28px!important
}

.push--sides {
    margin-right: 28px!important;
    margin-left: 28px!important
}

.push-half {
    margin: 14px!important
}

.push-half--top {
    margin-top: 14px!important
}

.push-half--right {
    margin-right: 14px!important
}

.push-half--bottom {
    margin-bottom: 14px!important
}

.push-half--left {
    margin-left: 14px!important
}

.push-half--ends {
    margin-top: 14px!important;
    margin-bottom: 14px!important
}

.push-half--sides {
    margin-right: 14px!important;
    margin-left: 14px!important
}

.flush {
    margin: 0!important
}

.flush--top {
    margin-top: 0!important
}

.flush--right {
    margin-right: 0!important
}

.flush--bottom {
    margin-bottom: 0!important
}

.flush--left {
    margin-left: 0!important
}

.flush--ends {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.flush--sides {
    margin-right: 0!important;
    margin-left: 0!important
}

.soft {
    padding: 28px!important
}

.soft--top {
    padding-top: 28px!important
}

.soft--right {
    padding-right: 28px!important
}

.soft--bottom {
    padding-bottom: 28px!important
}

.soft--left {
    padding-left: 28px!important
}

.soft--ends {
    padding-top: 28px!important;
    padding-bottom: 28px!important
}

.soft--sides {
    padding-right: 28px!important;
    padding-left: 28px!important
}

.soft-half {
    padding: 14px!important
}

.soft-half--top {
    padding-top: 14px!important
}

.soft-half--right {
    padding-right: 14px!important
}

.soft-half--bottom {
    padding-bottom: 14px!important
}

.soft-half--left {
    padding-left: 14px!important
}

.soft-half--ends {
    padding-top: 14px!important;
    padding-bottom: 14px!important
}

.soft-half--sides {
    padding-right: 14px!important;
    padding-left: 14px!important
}

.hard {
    padding: 0!important
}

.hard--top {
    padding-top: 0!important
}

.hard--right {
    padding-right: 0!important
}

.hard--bottom {
    padding-bottom: 0!important
}

.hard--left {
    padding-left: 0!important
}

.hard--ends {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.hard--sides {
    padding-right: 0!important;
    padding-left: 0!important
}

.full-bleed {
    margin-right: -28px!important;
    margin-left: -28px!important
}

.islet .full-bleed {
    margin-right: -14px!important;
    margin-left: -14px!important
}

.informative {
    cursor: help!important
}

.muted {
    opacity: .5!important;
    filter: alpha(opacity=50)!important
}

.proceed {
    text-align: right!important
}

.go:after {
    content: " " "»"!important
}

.caps {
    text-transform: uppercase!important
}

.accessibility,
.visuallyhidden {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

@media only screen and (max-width:719px) {
    .accessibility--palm,
    .visuallyhidden--palm {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .accessibility--lap,
    .visuallyhidden--lap {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@media only screen and (min-width:720px) {
    .accessibility--lap-and-up,
    .visuallyhidden--lap-and-up {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@media only screen and (max-width:929px) {
    .accessibility--portable,
    .visuallyhidden--portable {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@media only screen and (min-width:930px) {
    .accessibility--desk,
    .visuallyhidden--desk {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@media only screen and (min-width:1170px) {
    .accessibility--desk-wide,
    .visuallyhidden--desk-wide {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@font-face {
    font-family: BrandonText-Light;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_2_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_2_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_2_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_2_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_2_0.ttf") format("truetype")
}

@font-face {
    font-family: BrandonText-LightItalic;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_1_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_1_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_1_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_1_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_1_0.ttf") format("truetype")
}

@font-face {
    font-family: BrandonText-Regular;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_4_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_4_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_4_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_4_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_4_0.ttf") format("truetype")
}

@font-face {
    font-family: BrandonText-RegularItalic;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_3_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_3_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_3_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_3_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_3_0.ttf") format("truetype")
}

@font-face {
    font-family: BrandonText-Medium;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_5_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_5_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_5_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_5_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_5_0.ttf") format("truetype")
}

@font-face {
    font-family: BrandonText-MediumItalic;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_6_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_6_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_6_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_6_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_6_0.ttf") format("truetype")
}

@font-face {
    font-family: BrandonText-Bold;
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_0_0.eot");
    src: url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_0_0-.eot#iefix") format("embedded-opentype"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_0_0.woff2") format("woff2"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_0_0.woff") format("woff"), url("../themes/rainlab-vanilla/assets/webfonts/2F3E50_0_0.ttf") format("truetype")
}

.push--one-whole {
    left: 100%
}

.push--five-tenths,
.push--four-eighths,
.push--one-half,
.push--six-twelfths,
.push--three-sixths,
.push--two-quarters {
    left: 50%
}

.push--four-twelfths,
.push--one-third,
.push--two-sixths {
    left: 33.333%
}

.push--eight-twelfths,
.push--four-sixths,
.push--two-thirds {
    left: 66.666%
}

.push--one-quarter,
.push--three-twelfths,
.push--two-eighths {
    left: 25%
}

.push--nine-twelfths,
.push--six-eighths,
.push--three-quarters {
    left: 75%
}

.push--one-fifth,
.push--two-tenths {
    left: 20%
}

.push--four-tenths,
.push--two-fifths {
    left: 40%
}

.push--six-tenths,
.push--three-fifths {
    left: 60%
}

.push--eight-tenths,
.push--four-fifths {
    left: 80%
}

.push--one-sixth,
.push--two-twelfths {
    left: 16.666%
}

.push--five-sixths,
.push--ten-twelfths {
    left: 83.333%
}

.push--one-eighth {
    left: 12.5%
}

.push--three-eighths {
    left: 37.5%
}

.push--five-eighths {
    left: 62.5%
}

.push--seven-eighths {
    left: 87.5%
}

.push--one-tenth {
    left: 10%
}

.push--three-tenths {
    left: 30%
}

.push--seven-tenths {
    left: 70%
}

.push--nine-tenths {
    left: 90%
}

.push--one-twelfth {
    left: 8.333%
}

.push--five-twelfths {
    left: 41.666%
}

.push--seven-twelfths {
    left: 58.333%
}

.push--eleven-twelfths {
    left: 91.666%
}

@media only screen and (min-width:1170px) {
    .push--desk-wide-one-whole {
        left: 100%
    }
    .push--desk-wide-five-tenths,
    .push--desk-wide-four-eighths,
    .push--desk-wide-one-half,
    .push--desk-wide-six-twelfths,
    .push--desk-wide-three-sixths,
    .push--desk-wide-two-quarters {
        left: 50%
    }
    .push--desk-wide-four-twelfths,
    .push--desk-wide-one-third,
    .push--desk-wide-two-sixths {
        left: 33.333%
    }
    .push--desk-wide-eight-twelfths,
    .push--desk-wide-four-sixths,
    .push--desk-wide-two-thirds {
        left: 66.666%
    }
    .push--desk-wide-one-quarter,
    .push--desk-wide-three-twelfths,
    .push--desk-wide-two-eighths {
        left: 25%
    }
    .push--desk-wide-nine-twelfths,
    .push--desk-wide-six-eighths,
    .push--desk-wide-three-quarters {
        left: 75%
    }
    .push--desk-wide-one-fifth,
    .push--desk-wide-two-tenths {
        left: 20%
    }
    .push--desk-wide-four-tenths,
    .push--desk-wide-two-fifths {
        left: 40%
    }
    .push--desk-wide-six-tenths,
    .push--desk-wide-three-fifths {
        left: 60%
    }
    .push--desk-wide-eight-tenths,
    .push--desk-wide-four-fifths {
        left: 80%
    }
    .push--desk-wide-one-sixth,
    .push--desk-wide-two-twelfths {
        left: 16.666%
    }
    .push--desk-wide-five-sixths,
    .push--desk-wide-ten-twelfths {
        left: 83.333%
    }
    .push--desk-wide-one-eighth {
        left: 12.5%
    }
    .push--desk-wide-three-eighths {
        left: 37.5%
    }
    .push--desk-wide-five-eighths {
        left: 62.5%
    }
    .push--desk-wide-seven-eighths {
        left: 87.5%
    }
    .push--desk-wide-one-tenth {
        left: 10%
    }
    .push--desk-wide-three-tenths {
        left: 30%
    }
    .push--desk-wide-seven-tenths {
        left: 70%
    }
    .push--desk-wide-nine-tenths {
        left: 90%
    }
    .push--desk-wide-one-twelfth {
        left: 8.333%
    }
    .push--desk-wide-five-twelfths {
        left: 41.666%
    }
    .push--desk-wide-seven-twelfths {
        left: 58.333%
    }
    .push--desk-wide-eleven-twelfths {
        left: 91.666%
    }
    .pull--desk-wide-one-whole {
        right: 100%
    }
    .pull--desk-wide-five-tenths,
    .pull--desk-wide-four-eighths,
    .pull--desk-wide-one-half,
    .pull--desk-wide-six-twelfths,
    .pull--desk-wide-three-sixths,
    .pull--desk-wide-two-quarters {
        right: 50%
    }
    .pull--desk-wide-four-twelfths,
    .pull--desk-wide-one-third,
    .pull--desk-wide-two-sixths {
        right: 33.333%
    }
    .pull--desk-wide-eight-twelfths,
    .pull--desk-wide-four-sixths,
    .pull--desk-wide-two-thirds {
        right: 66.666%
    }
    .pull--desk-wide-one-quarter,
    .pull--desk-wide-three-twelfths,
    .pull--desk-wide-two-eighths {
        right: 25%
    }
    .pull--desk-wide-nine-twelfths,
    .pull--desk-wide-six-eighths,
    .pull--desk-wide-three-quarters {
        right: 75%
    }
    .pull--desk-wide-one-fifth,
    .pull--desk-wide-two-tenths {
        right: 20%
    }
    .pull--desk-wide-four-tenths,
    .pull--desk-wide-two-fifths {
        right: 40%
    }
    .pull--desk-wide-six-tenths,
    .pull--desk-wide-three-fifths {
        right: 60%
    }
    .pull--desk-wide-eight-tenths,
    .pull--desk-wide-four-fifths {
        right: 80%
    }
    .pull--desk-wide-one-sixth,
    .pull--desk-wide-two-twelfths {
        right: 16.666%
    }
    .pull--desk-wide-five-sixths,
    .pull--desk-wide-ten-twelfths {
        right: 83.333%
    }
    .pull--desk-wide-one-eighth {
        right: 12.5%
    }
    .pull--desk-wide-three-eighths {
        right: 37.5%
    }
    .pull--desk-wide-five-eighths {
        right: 62.5%
    }
    .pull--desk-wide-seven-eighths {
        right: 87.5%
    }
    .pull--desk-wide-one-tenth {
        right: 10%
    }
    .pull--desk-wide-three-tenths {
        right: 30%
    }
    .pull--desk-wide-seven-tenths {
        right: 70%
    }
    .pull--desk-wide-nine-tenths {
        right: 90%
    }
    .pull--desk-wide-one-twelfth {
        right: 8.333%
    }
    .pull--desk-wide-five-twelfths {
        right: 41.666%
    }
    .pull--desk-wide-seven-twelfths {
        right: 58.333%
    }
    .pull--desk-wide-eleven-twelfths {
        right: 91.666%
    }
    .push--desk-wide-none {
        left: 0
    }
}

.butt {
    background-color: #f1703f;
    color: #fff
}

.butt,
.cat-navigation .current-cat a {
    border: none;
    border-radius: .222rem;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    padding: .444rem 1.389rem;
    vertical-align: middle;
    white-space: nowrap
}

.cat-navigation .current-cat .wf-loading a,
.wf-loading .butt,
.wf-loading .cat-navigation .current-cat a {
    visibility: hidden
}

.cat-navigation .current-cat .wf-active a,
.wf-active .butt,
.wf-active .cat-navigation .current-cat a {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.cat-navigation .current-cat .wf-inactive a,
.wf-inactive .butt,
.wf-inactive .cat-navigation .current-cat a {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

.butt:hover {
    background-color: #f48c66;
    color: #fff
}

.butt:active,
.butt:focus,
.cat-navigation .current-cat a:active,
.cat-navigation .current-cat a:focus {
    outline: none
}

.butt--small {
    padding: .333rem .889rem;
    font-size: 16px
}

.butt--big {
    padding: .611rem .833rem
}

.butt--brighter {
    background-color: #f37070
}

.butt--outline {
    border: 1px #f48c66 solid;
    background-color: transparent
}

.butt--outline:hover {
    border-color: inherit;
    background-color: transparent;
    opacity: .7;
    color: inherit
}

.butt--outline.moss {
    border-color: #adb483;
    color: #adb483
}

.butt--uppercase {
    text-transform: uppercase;
    font-size: 14px;
    font-size: .77778rem;
    line-height: 2;
    letter-spacing: 1px
}

.butt--solid--eggplant {
    background-color: #40364d;
    color: #fff
}

.butt--solid--sky {
    background-color: #9fc7cd
}

.butt--solid--sky:hover {
    background-color: #7db3bc
}

.butt--solid--coral {
    background-color: #f58d8c
}

.butt--solid--coral:hover {
    background-color: #f15e5d
}

.butt--solid--moss {
    background-color: #adb483
}

.butt--solid--moss:hover {
    background-color: #98a163
}

.butt--outline--eggplant {
    color: #40364d;
    border-color: #40364d
}

.butt--outline--eggplant:hover,
.butt--outline--white:hover {
    border-color: inherit;
    opacity: .7
}

.butt--outline--white {
    color: #fff;
    border-color: #fff
}

.butt--white-blue {
    background-color: #fff;
    border-color: #87b8c0;
    color: #87b8c0
}

.butt--active,
.butt--active:hover,
.cat-navigation .current-cat a,
.cat-navigation .current-cat a:hover {
    background-color: #e9eff1;
    color: #87b8c0
}

.butt--full {
    text-align: center;
    width: 100%
}

.bttn,
.tabs {
    border-radius: .33333rem;
    display: inline-block
}

.tabs {
    background-color: #ebeef0;
    padding: 6px
}

.cat-navigation .current-cat .tabs a,
.tabs .butt,
.tabs .cat-navigation .current-cat a {
    border-radius: .33333rem;
    background-color: transparent;
    color: #a1aaaf;
    border-right: 0;
    font-size: 16px;
    font-size: .88889rem;
    line-height: auto;
    padding-top: 5px;
    padding-bottom: 5px
}

.cat-navigation .current-cat .tabs a.active,
.tabs .butt.active,
.tabs .cat-navigation .current-cat a.active {
    background-color: #fff;
    color: #5f6c73;
    cursor: default
}

.bttn {
    background: 0 0;
    border: .05556rem solid transparent;
    cursor: pointer;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.wf-loading .bttn {
    visibility: hidden
}

.wf-active .bttn {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .bttn {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

.bttn:active,
.bttn:focus {
    outline: none
}

.bttn:disabled {
    opacity: .6
}

.bttn:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.bttn--large {
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 1.4;
    height: 2.77778rem;
    padding: .55556rem 1.66667rem
}

.bttn--medium {
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75;
    height: 2.38889rem;
    padding: .38889rem 1.33333rem
}

.bttn--small {
    font-size: 14px;
    font-size: .77778rem;
    line-height: 2;
    height: 1.88889rem;
    padding: .16667rem 1.22222rem
}

.bttn--mango {
    background-color: #f48c66;
    box-shadow: 0 .05556rem 0 0 #ef561f;
    color: #fff
}

.bttn--mango:hover {
    background-color: #f27749;
    color: #fff
}

.bttn--mango:active {
    box-shadow: inset 0 .05556rem 0 0 #ef561f
}

.bttn--mango-bright {
    background-color: #f1703f;
    box-shadow: 0 .05556rem 0 0 #d4460f;
    color: #fff
}

.bttn--mango-bright:hover {
    background-color: #ef5b22;
    color: #fff
}

.bttn--mango-bright:active,
.bttn--mango-bright:focus {
    box-shadow: inset 0 .05556rem 0 0 #d4460f
}

.bttn--white-invert {
    background-color: #ffffff;
    box-shadow: none;
    color: #f40009;
}

.bttn--white-invertt:hover {
    background-color: #ffffff;
    color: #f40009;
}

.bttn--white-invert:active,
.bttn--white-invert:focus {
    box-shadow: inset 0 .05556rem 0 0 #d4460f
}

.bttn--sky {
    background-color: #9fc7cd;
    box-shadow: 0 .05556rem 0 0 #6daab3;
    color: #fff
}

.bttn--sky:hover {
    background-color: #8bbbc3;
    color: #fff
}

.bttn--sky:active {
    box-shadow: inset 0 .05556rem 0 0 #6daab3
}

.bttn--sky-bright {
    background-color: #87b8c0;
    box-shadow: 0 .05556rem 0 0 #5699a4;
    color: #fff
}

.bttn--sky-bright:hover {
    background-color: #73acb5;
    color: #fff
}

.bttn--sky-bright:active {
    box-shadow: inset 0 .05556rem 0 0 #5699a4
}

.bttn--coral {
    background-color: #f58d8c;
    box-shadow: 0 .05556rem 0 0 #ef4746;
    color: #fff
}

.bttn--coral:hover {
    background-color: #f37170;
    color: #fff
}

.bttn--coral:active {
    box-shadow: inset 0 .05556rem 0 0 #ef4746
}

.bttn--coral-bright {
    background-color: #f37070;
    box-shadow: 0 .05556rem 0 0 #ed2929;
    color: #fff
}

.bttn--coral-bright:hover {
    background-color: #f15454;
    color: #fff
}

.bttn--coral-bright:active {
    box-shadow: inset 0 .05556rem 0 0 #ed2929
}

.bttn--moss {
    background-color: #adb483;
    box-shadow: 0 .05556rem 0 0 #8a9258;
    color: #fff
}

.bttn--moss:hover {
    background-color: #a0a870;
    color: #fff
}

.bttn--moss:active {
    box-shadow: inset 0 .05556rem 0 0 #8a9258
}

.bttn--moss-bright {
    background-color: #98a162;
    box-shadow: 0 .05556rem 0 0 #6c7244;
    color: #fff
}

.bttn--moss-bright:hover {
    background-color: #878f56;
    color: #fff
}

.bttn--moss-bright:active {
    box-shadow: inset 0 .05556rem 0 0 #6c7244
}

.bttn--rose {
    background-color: #fbc2b6;
    box-shadow: 0 .05556rem 0 0 #f7856d;
    color: #fff
}

.bttn--rose:hover {
    background-color: #f9aa99;
    color: #fff
}

.bttn--rose:active {
    box-shadow: inset 0 .05556rem 0 0 #f7856d
}

.bttn--rose-bright {
    background-color: #ffb2a4;
    box-shadow: 0 .05556rem 0 0 #ff7158;
    color: #fff
}

.bttn--rose-bright:hover {
    background-color: #ff9885;
    color: #fff
}

.bttn--rose-bright:active {
    box-shadow: inset 0 .05556rem 0 0 #ff7158
}

.bttn--mustard {
    background-color: #f9d480;
    box-shadow: 0 .05556rem 0 0 #f6bb37;
    color: #fff
}

.bttn--mustard:hover {
    background-color: #f8ca63;
    color: #fff
}

.bttn--mustard:active {
    box-shadow: inset 0 .05556rem 0 0 #f6bb37
}

.bttn--mustard-bright {
    background-color: #f8c960;
    box-shadow: 0 .05556rem 0 0 #f5b017;
    color: #fff
}

.bttn--mustard-bright:hover {
    background-color: #f7bf43;
    color: #fff
}

.bttn--mustard-bright:active {
    box-shadow: inset 0 .05556rem 0 0 #f5b017
}

.bttn--eggplant {
    background-color: #40364d;
    box-shadow: 0 .05556rem 0 0 #1b1620;
    color: #fff
}

.bttn--eggplant:hover {
    background-color: #31293b;
    color: #fff
}

.bttn--eggplant:active {
    box-shadow: inset 0 .05556rem 0 0 #1b1620
}

.bttn--transparent--dark {
    background-color: none;
    border: .05556rem solid #40364d;
    color: #40364d;
    opacity: .9
}

.bttn--transparent--dark:hover {
    opacity: 1;
    color: #40364d
}

.bttn--transparent--dark:active {
    background: #f4f2f6
}

.bttn--transparent--dark.bttn--medium {
    height: 2.5rem
}

.bttn--transparent--light {
    background-color: none;
    border: .05556rem solid #fff;
    color: #fff;
    opacity: .9
}

.bttn--transparent--light:hover {
    opacity: 1;
    color: #fff
}

.bttn--transparent--light:active {
    background-color: none
}

.bttn--transparent--light.bttn--medium {
    height: 2.5rem
}

.bttn--white--sky-bright {
    background-color: #fff;
    border: .05556rem solid #87b8c0;
    color: #87b8c0;
    opacity: .9
}

.bttn--white--sky-bright:hover {
    opacity: 1;
    color: #87b8c0
}

.bttn--white--sky-bright:active {
    background-color: #fff
}

.bttn--white--sky-bright.bttn--medium {
    height: 2.5rem
}

input,
textarea {
    border: 1px #d1d5d7 solid;
    border-radius: .222rem;
    color: inherit;
    cursor: text;
    outline: 0;
    padding: .333rem .556rem;
    max-width: 100%;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06);
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

input:focus,
textarea:focus {
    border: 1px #87b8c0 solid
}

input[type=search],
input[type=text],
textarea {
    box-sizing: border-box
}

.invalid-keypress {
    background-color: #fbd3d2!important
}

.input--big {
    padding: .5rem .833rem
}

.input--empty,
.input--empty:focus {
    border-color: #f37070;
    box-shadow: 0 1px 2px 0 rgba(243, 112, 112, .4), inset 0 1px 1px 0 rgba(0, 0, 0, .08)
}

.field-wrapper {
    position: relative
}

.form--margin {
    margin-bottom: 1.667rem
}

.form--margin--mini {
    margin-bottom: 1.111rem
}

textarea {
    height: 7em
}

input[title] {
    cursor: default
}

.label-along-input {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px
}

label.milli {
    line-height: 1.4;
    margin-bottom: 7px
}

.one-line-form__input {
    vertical-align: middle;
    border-radius: .222rem;
    width: 100%
}

@media only screen and (min-width:720px) {
    .one-line-form__input {
        width: 60%;
        border-radius: .222rem 0 0 .222rem
    }
}

.one-line-form__button {
    vertical-align: middle;
    border-radius: .222rem;
    margin-top: 1.111rem;
    width: 100%
}

@media only screen and (min-width:720px) {
    .one-line-form__button {
        border-radius: 0 .222rem .222rem 0;
        margin-left: -.333rem;
        margin-top: 0;
        width: 30%
    }
}

.radio {
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, .8)0%, #fafafa 100%);
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, .8)0%, #fafafa 100%);
    border-radius: 50%;
    border: 1px solid #bec4c7;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 4px 5px 4px -10px;
    position: relative;
    vertical-align: top;
    width: 20px
}

.radio:before {
    background-color: #40364d;
    border-radius: 50%;
    content: '';
    height: 10px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    width: 10px
}

.radio-input {
    display: none
}

.radio-input:checked+.radio:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.select-wrapper {
    display: inline-block;
    position: relative
}

.select-wrapper:before {
    content: '▾';
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 7px
}

select {
    background-color: #fff;
    border: 1px solid #d1d5d7;
    border-radius: .222rem;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .06);
    color: #a1aaaf;
    cursor: pointer;
    display: block;
    font-family: "BrandonText-Regular", sans-serif;
    min-width: 8em;
    outline: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #5f6c73
}

select::-ms-expand {
    display: none
}

select:focus {
    border: 1px #87b8c0 solid
}

.a-down {
    -webkit-animation-name: a-down;
    animation-name: a-down;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes a-down {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes a-down {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

a {
    color: #f1703f;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

a:hover {
    color: #ec4d11
}

a:focus {
    outline: none
}

a.sky-bright {
    color: #87b8c0
}

a.sky-bright:hover {
    color: #66a4ae
}

a.sky-bright:focus {
    outline: none
}

.tooltip-link {
    color: #5f6c73;
    border-bottom: 1px dotted #d1d5d7;
    position: relative;
    cursor: help
}

.tooltip,
.tooltip:after {
    left: 50%;
    position: absolute
}

.tooltip {
    background-color: #40364d;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 12px;
    border-radius: .222rem;
    top: 100%;
    margin-top: 5px;
    z-index: 2;
    text-align: left;
    width: 160px;
    margin-left: -80px
}

.tooltip:after {
    bottom: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(64, 54, 77, 0);
    border-bottom-color: #40364d;
    border-width: 6px;
    margin-left: -6px
}

.bubble-nav {
    margin-bottom: 1.667rem;
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75
}

.wf-loading .bubble-nav {
    visibility: hidden
}

.wf-active .bubble-nav {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .bubble-nav {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

.bubble-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.bubble-nav a,
.bubble-nav li {
    display: inline-block
}

.bubble-nav a {
    color: #a1aaaf;
    padding: 3px 12px
}

.bubble-nav a:hover {
    color: #838d94
}

.bubble-nav .current a {
    background-color: #ebeef0;
    border-radius: 500px;
    color: #5f6c73
}

@media only screen and (min-width:720px) {
    .bubble-nav {
        margin-bottom: 2.5005rem
    }
}

.nav-links,
.pagination {
    border-top: 1px #ebeef0 solid;
    list-style: none;
    margin: 0;
    padding: 1.667rem 0;
    text-align: center;
    font-size: 16px;
    font-size: .88889rem;
    line-height: normal
}

.wf-loading .nav-links,
.wf-loading .pagination {
    visibility: hidden
}

.wf-active .nav-links,
.wf-active .pagination {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .nav-links,
.wf-inactive .pagination {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

.nav-links li,
.pagination li {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.nav-links a,
.pagination a {
    border-radius: .222rem;
    color: #87b8c0;
    display: inline-block;
    padding: .278rem .833rem
}

.nav-links a:hover,
.pagination a:hover {
    opacity: .7
}

.nav-links .nav-next a,
.nav-links .nav-previous a,
.pagination-link--active,
.pagination-link--newer,
.pagination-link--older,
.pagination-link__wrap a {
    border: 1px #d1d5d7 solid
}

@media only screen and (max-width:719px) {
    .nav-links .nav-next,
    .nav-links .nav-previous,
    .pagination-link__wrap {
        width: 100%
    }
    .nav-links .nav-next a,
    .nav-links .nav-previous a,
    .pagination-link__wrap a {
        display: block
    }
    .nav-links .nav-next:first-of-type,
    .nav-links .nav-previous:first-of-type,
    .pagination-link__wrap:first-of-type {
        margin-bottom: 1.111rem
    }
    .nav-links .nav-next:last-of-type,
    .nav-links .nav-previous:last-of-type,
    .pagination-link__wrap:last-of-type {
        margin-top: 1.111rem
    }
}

.social-circle-link {
    background-color: #ebeef0;
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 14px;
    text-indent: -9999px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.social-circle-link.twitter {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-icons/twitter_icon.svg)
}

.social-circle-link.fb {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-icons/facebook_icon.svg)
}

.social-circle-link.linkedin {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-icons/linkedin_icon.svg)
}

.social-circle-link.google {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-icons/googleplus_icon.svg)
}

.social-circle-link:hover {
    opacity: .75
}

body {
    color: #5f6c73;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:719px) {
    body {
        font-size: 16px
    }
}

.milli {
    color: #5f6c73;
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75
}

.wf-loading .milli {
    visibility: hidden
}

.wf-active .milli {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .milli {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.milli-size {
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75
}

.mini-caps {
    color: #87b8c0;
    text-transform: uppercase;
    font-size: 12px;
    font-size: .66667rem;
    line-height: 2.33333;
    letter-spacing: 1px
}

.wf-loading .mini-caps {
    visibility: hidden
}

.wf-active .mini-caps {
    font-family: 'BrandonText-Bold', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .mini-caps {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 700
}

.mini-caps a {
    color: #87b8c0
}

.mini-caps--grey {
    color: #a1aaaf
}

.module-split-wrap {
    width: 100%;
    height: 1px;
    background-color: #ebeef0;
    margin-bottom: 1.667rem
}

.module-split-wrap .module-split-title {
    position: relative;
    bottom: -1px
}

.module-split-title {
    background-color: #fff;
    display: inline-block;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    top: -.9rem;
    margin-bottom: .3rem
}

.blog-post--single .entry-content h6,
.meta {
    color: #a1aaaf;
    font-size: 14px;
    font-size: .77778rem;
    line-height: 2
}

.blog-post--single .entry-content .wf-loading h6,
.wf-loading .blog-post--single .entry-content h6,
.wf-loading .meta {
    visibility: hidden
}

.blog-post--single .entry-content .wf-active h6,
.wf-active .blog-post--single .entry-content h6,
.wf-active .meta {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.blog-post--single .entry-content .wf-inactive h6,
.wf-inactive .blog-post--single .entry-content h6,
.wf-inactive .meta {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.blog-post--single .entry-content>p:first-child,
.emphasised {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.55556
}

.blog-post--single .wf-loading .entry-content>p:first-child,
.wf-loading .blog-post--single .entry-content>p:first-child,
.wf-loading .emphasised {
    visibility: hidden
}

.blog-post--single .wf-active .entry-content>p:first-child,
.wf-active .blog-post--single .entry-content>p:first-child,
.wf-active .emphasised {
    font-family: 'BrandonText-Light', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.blog-post--single .wf-inactive .entry-content>p:first-child,
.wf-inactive .blog-post--single .entry-content>p:first-child,
.wf-inactive .emphasised {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 200
}

@media only screen and (min-width:720px) {
    .blog-post--single .entry-content>p:first-child,
    .emphasised {
        font-size: 23px;
        font-size: 1.27778rem;
        line-height: 1.6
    }
}

.minute {
    font-size: 14px;
    font-size: .77778rem;
    line-height: 1.5
}

.tiny {
    font-size: 12px;
    font-size: .66667rem;
    line-height: 1.4
}

.note,
.note a {
    color: #87b8c0
}

.wf-loading .note a,
.wf-loading .subtle {
    visibility: hidden
}

.wf-active .note a {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .note a {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.note a:hover {
    opacity: .7
}

.subtle {
    color: #a1aaaf
}

.wf-active .subtle {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .subtle {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.wf-loading .medium {
    visibility: hidden
}

.wf-active .medium {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .medium {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

.bold {
    font-family: "BrandonText-Bold"
}

.italic {
    font-family: "BrandonText-RegularItalic"
}

.mini-margin {
    margin-bottom: .5rem
}

.faded {
    color: #838d94
}

.big-margin {
    margin-bottom: 1.5rem
}

@media only screen and (min-width:720px) {
    .big-margin {
        margin-bottom: 3rem
    }
}

.mob-margin {
    margin-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .mob-margin {
        margin-bottom: 0
    }
}

.wf-loading .headline-quote,
.wf-loading .tm-click-to-tweet,
.wf-loading address,
.wf-loading b,
.wf-loading blockquote cite,
.wf-loading blockquote p,
.wf-loading strong {
    visibility: hidden
}

.wf-active b,
.wf-active strong {
    font-family: 'BrandonText-Bold', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive b,
.wf-inactive strong {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 700
}

.wf-active address {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-active blockquote p,
.wf-inactive address,
.wf-inactive blockquote cite,
.wf-inactive blockquote p {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

blockquote {
    quotes: none;
    text-indent: 0
}

.wf-active blockquote p {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    visibility: visible
}

.wf-inactive blockquote cite,
.wf-inactive blockquote p {
    font-style: italic
}

blockquote cite {
    font-size: 14px;
    font-size: .77778rem;
    line-height: 2;
    color: #f1703f
}

.wf-active blockquote cite {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive blockquote cite {
    font-style: normal
}

.uppercase {
    text-transform: uppercase
}

.titlecase {
    text-transform: capitalize
}

.headline-quote {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/images/quote-decoration.svg);
    margin-top: 3.889rem;
    margin-bottom: 3.889rem;
    position: relative
}

.headline-quote,
.tm-click-to-tweet {
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 1.667rem;
    font-size: 22px;
    font-size: 1.22222rem;
    line-height: 1.4
}

.wf-active .headline-quote,
.wf-active .tm-click-to-tweet {
    font-family: 'BrandonText-LightItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .headline-quote,
.wf-inactive .tm-click-to-tweet {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 200
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .headline-quote,
    .tm-click-to-tweet {
        font-size: 27px;
        font-size: 1.5rem;
        line-height: 1.4
    }
}

@media only screen and (min-width:930px) {
    .headline-quote,
    .tm-click-to-tweet {
        font-size: 32px;
        font-size: 1.77778rem;
        line-height: 1.4
    }
}

.popout-wrap__quote {
    font-size: 22px;
    font-size: 1.22222rem;
    line-height: 1.4;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased
}

.wf-loading .popout-wrap__quote,
.wf-loading .popout-wrap__quote p {
    visibility: hidden
}

.wf-active .popout-wrap__quote {
    font-family: 'BrandonText-Light', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .popout-wrap__quote,
.wf-inactive .popout-wrap__quote p {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 200
}

.wf-active .popout-wrap__quote p {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .popout-wrap__quote p {
    font-weight: 400;
    font-style: normal
}

.popout-wrap__quote:after,
.popout-wrap__quote:before {
    content: ''
}

.blog-post--single .entry-content blockquote,
.bordered-quote {
    border-left: 4px #f1703f solid;
    color: #838d94;
    padding-left: 1.667rem
}

.or-sep {
    display: inline-block;
    margin-left: .5em;
    margin-right: .5em
}

.title-description {
    margin-bottom: 1.667rem;
    font-size: 20px;
    font-size: 1.11111rem
}

@media only screen and (min-width:720px) {
    .title-description {
        margin-bottom: 2.5005rem
    }
}

.huge-thin {
    font-size: 108px;
    font-size: 6rem;
    line-height: 1.1
}

.wf-loading .huge-thin {
    visibility: hidden
}

.wf-active .huge-thin {
    font-family: 'BrandonText-Light', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .huge-thin {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 200
}

@media only screen and (max-width:719px) {
    .huge-thin {
        font-size: 70px;
        font-size: 3.88889rem;
        line-height: 1.2
    }
    .text--left--mob {
        text-align: left!important
    }
}

.wf-loading .italic-intro {
    visibility: hidden
}

.wf-active .italic-intro {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .italic-intro {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .italic-intro {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 1.3
    }
}

@media only screen and (min-width:930px) {
    .italic-intro {
        font-size: 22px;
        font-size: 1.22222rem;
        line-height: 1.4
    }
}

.regular-intro {
    -webkit-font-smoothing: antialiased
}

.wf-loading .regular-intro {
    visibility: hidden
}

.wf-active .regular-intro {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .regular-intro {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .regular-intro {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 1.3
    }
}

@media only screen and (min-width:930px) {
    .regular-intro {
        font-size: 22px;
        font-size: 1.22222rem;
        line-height: 1.4
    }
}

.regular-italic {
    font-weight: 400
}

.wf-loading .regular-italic {
    visibility: hidden
}

.wf-active .regular-italic {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .regular-italic {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.big-caps {
    text-transform: uppercase;
    font-size: 32px
}

.wf-loading .big-caps {
    visibility: hidden
}

.wf-active .big-caps {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .big-caps {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.white {
    color: #fff
}

.eggplant {
    color: #40364d
}

.mango {
    color: #f48c66
}

.mango-bright {
    color: #f1703f
}

.mustard {
    color: #f9d480
}

.rose {
    color: #fbc2b6
}

.sky {
    color: #9fc7cd
}

.sky-bright {
    color: #87b8c0
}

.coral {
    color: #f58d8c
}

.coral-bright {
    color: #f37070
}

.moss {
    color: #adb483
}

.moss-bright {
    color: #98a162
}

.eggplant-muted {
    color: #b3afb8
}

.brewfictus {
    color: #d9a267
}

.grey3 {
    color: #d1d5d7
}

.grey5 {
    color: #a1aaaf
}

.grey6 {
    color: #838d94
}

.grey7 {
    color: #5f6c73
}

.eggplant-muted2 {
    color: #a097ad
}

.alpha,
h1 {
    color: #40364d
}

.wf-loading .alpha,
.wf-loading h1 {
    visibility: hidden
}

.wf-active .alpha,
.wf-active h1 {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .alpha,
.wf-inactive h1 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

@media screen and (max-width:1185px) {
    .alpha,
    h1 {
        font-size: 40px;
        font-size: 2.22222rem;
        line-height: 1.3
    }
}

@media only screen and (max-width:719px) {
    .alpha,
    h1 {
        font-size: 32px;
        font-size: 1.77778rem;
        line-height: 1.3
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .alpha,
    h1 {
        font-size: 36px;
        font-size: 2rem;
        line-height: 1.3
    }
}

.wf-loading .beta,
.wf-loading h2 {
    visibility: hidden
}

.wf-active .beta,
.wf-active h2 {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .beta,
.wf-inactive h2 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

@media screen and (max-width:1185px) {
    .beta,
    h2 {
        font-size: 36px;
        font-size: 2rem;
        line-height: 1.3
    }
}

@media only screen and (max-width:719px) {
    .beta,
    h2 {
        font-size: 27px;
        font-size: 1.5rem;
        line-height: 1.3
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .beta,
    h2 {
        font-size: 32px;
        font-size: 1.77778rem;
        line-height: 1.3
    }
}

.gamma,
.post-title,
h3 {
    line-height: 1.3
}

.wf-loading .gamma,
.wf-loading .post-title,
.wf-loading h3 {
    visibility: hidden
}

.wf-active .gamma,
.wf-active .post-title,
.wf-active h3 {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .gamma,
.wf-inactive .post-title,
.wf-inactive h3 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

@media screen and (max-width:1185px) {
    .gamma,
    .post-title,
    h3 {
        font-size: 30px;
        font-size: 1.66667rem;
        line-height: 1.3
    }
}

@media only screen and (max-width:719px) {
    .gamma,
    .post-title,
    h3 {
        font-size: 25px;
        font-size: 1.38889rem;
        line-height: 1.3
    }
}

.delta,
h4 {
    line-height: 1.4
}

.wf-loading .delta,
.wf-loading h4 {
    visibility: hidden
}

.wf-active .delta,
.wf-active h4 {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .delta,
.wf-inactive h4 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

@media only screen and (max-width:719px) {
    .delta,
    h4 {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 1.4
    }
}

.wf-loading .epsilon,
.wf-loading h5 {
    visibility: hidden
}

.wf-active .epsilon,
.wf-active h5 {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .epsilon,
.wf-inactive h5 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

@media only screen and (max-width:719px) {
    .epsilon,
    h5 {
        font-size: 18px;
        font-size: 1rem;
        line-height: 1.4
    }
}

.wf-loading .zeta,
.wf-loading h6 {
    visibility: hidden
}

.wf-active .zeta,
.wf-active h6 {
    font-family: 'BrandonText-Medium', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .zeta,
.wf-inactive h6 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 500
}

@media only screen and (max-width:719px) {
    .zeta,
    h6 {
        font-size: 17px;
        font-size: .94444rem;
        line-height: 1.4
    }
}

.wf-loading .light {
    visibility: hidden
}

.wf-active .light {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .light {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.intro-subheadline {
    color: #a097ad
}

.wf-loading .intro-subheadline {
    visibility: hidden
}

.wf-active .intro-subheadline {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .intro-subheadline {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.intro-subheadline.coral-bright {
    color: #f37070
}

.intro-subheadline--sky-bright {
    color: #87b8c0
}

.wf-loading .intro-subheadline--sky-bright {
    visibility: hidden
}

.wf-active .intro-subheadline--sky-bright {
    font-family: 'BrandonText-RegularItalic', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .intro-subheadline--sky-bright {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.bubble-title-wrap {
    text-align: center;
    background-color: #ebeef0;
    height: 1px;
    margin-bottom: 2.5005rem
}

@media only screen and (min-width:720px) {
    .bubble-title-wrap {
        margin-bottom: 3.889rem
    }
}

.bubble-title {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.4;
    display: inline-block;
    background-color: #ebeef0;
    border-radius: 500px;
    padding: 8px 25px;
    color: #a1aaaf;
    position: relative;
    top: -20px
}

.wf-loading .bubble-title {
    visibility: hidden
}

.wf-active .bubble-title {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .bubble-title {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.animated,
.animated--fast {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animated--fast {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.delay-01 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.delay-02 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.delay-03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay-04 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.delay-05 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-06 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.delay-07 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.delay-08 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.delay-09 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.delay-10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.duration-05 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.duration-10 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.duration-15 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.duration-20 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.duration-25 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.duration-30 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@-webkit-keyframes opacity-100 {
    0% {
        opacity: 0!important
    }
    to {
        opacity: 1
    }
}

@keyframes opacity-100 {
    0% {
        opacity: 0!important
    }
    to {
        opacity: 1
    }
}

.opacity-50 {
    -webkit-animation-name: opacity-100;
    animation-name: opacity-100
}

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpFull {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpFull {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpFull {
    -webkit-animation-name: fadeInUpFull;
    animation-name: fadeInUpFull
}

@-webkit-keyframes fadeInUpLarge {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpLarge {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpLarge {
    -webkit-animation-name: fadeInUpLarge;
    animation-name: fadeInUpLarge
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.bird {
    -webkit-animation: bird ease-in-out 15s;
    animation: bird ease-in-out 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes bird {
    0%,
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    25%,
    76% {
        -webkit-transform: translate(-49px, -49px);
        transform: translate(-49px, -49px)
    }
    50% {
        -webkit-transform: translate(1px, 0);
        transform: translate(1px, 0)
    }
}

@keyframes bird {
    0%,
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    25%,
    76% {
        -webkit-transform: translate(-49px, -49px);
        transform: translate(-49px, -49px)
    }
    50% {
        -webkit-transform: translate(1px, 0);
        transform: translate(1px, 0)
    }
}

@-webkit-keyframes social__intro__cloud1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(192px, -163px);
        transform: translate(192px, -163px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(-46px, -13px);
        transform: translate(-46px, -13px)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-284px, 136px);
        transform: translate(-284px, 136px)
    }
}

@keyframes social__intro__cloud1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(192px, -163px);
        transform: translate(192px, -163px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(-46px, -13px);
        transform: translate(-46px, -13px)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-284px, 136px);
        transform: translate(-284px, 136px)
    }
}

@-webkit-keyframes social__intro__cloud2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(192px, -163px);
        transform: translate(192px, -163px)
    }
    25% {
        opacity: 1;
        -webkit-transform: translate(-46px, -13px);
        transform: translate(-46px, -13px)
    }
    50%,
    to {
        opacity: 0;
        -webkit-transform: translate(-284px, 136px);
        transform: translate(-284px, 136px)
    }
}

@keyframes social__intro__cloud2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(192px, -163px);
        transform: translate(192px, -163px)
    }
    25% {
        opacity: 1;
        -webkit-transform: translate(-46px, -13px);
        transform: translate(-46px, -13px)
    }
    50%,
    to {
        opacity: 0;
        -webkit-transform: translate(-284px, 136px);
        transform: translate(-284px, 136px)
    }
}

@-webkit-keyframes social__intro__cloud3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(192px, -163px);
        transform: translate(192px, -163px)
    }
    12% {
        opacity: 1;
        -webkit-transform: translate(-46px, -13px);
        transform: translate(-46px, -13px)
    }
    24%,
    to {
        opacity: 0;
        -webkit-transform: translate(-284px, 136px);
        transform: translate(-284px, 136px)
    }
}

@keyframes social__intro__cloud3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(192px, -163px);
        transform: translate(192px, -163px)
    }
    12% {
        opacity: 1;
        -webkit-transform: translate(-46px, -13px);
        transform: translate(-46px, -13px)
    }
    24%,
    to {
        opacity: 0;
        -webkit-transform: translate(-284px, 136px);
        transform: translate(-284px, 136px)
    }
}

.social__intro__cloud1 {
    -webkit-animation: social__intro__cloud1 linear 4s -2s infinite;
    animation: social__intro__cloud1 linear 4s -2s infinite
}

.social__intro__cloud2 {
    -webkit-animation: social__intro__cloud2 linear 8s -1s infinite;
    animation: social__intro__cloud2 linear 8s -1s infinite
}

.social__intro__cloud3 {
    -webkit-animation: social__intro__cloud2 linear 6s -3s infinite;
    animation: social__intro__cloud2 linear 6s -3s infinite
}

.fall {
    -webkit-animation-name: fall;
    animation-name: fall;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes fall {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(0, 600px);
        transform: translate(0, 600px)
    }
}

@keyframes fall {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    to {
        -webkit-transform: translate(0, 600px);
        transform: translate(0, 600px)
    }
}

@-webkit-keyframes scale__intro__cloud1 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: .5;
        margin-left: 0
    }
}

@keyframes scale__intro__cloud1 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: .5;
        margin-left: 0
    }
}

@-webkit-keyframes scale__intro__cloud2 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        margin-left: 0
    }
}

@keyframes scale__intro__cloud2 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        margin-left: 0
    }
}

@-webkit-keyframes scale__intro__cloud3 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: .5;
        margin-left: 0
    }
}

@keyframes scale__intro__cloud3 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: .5;
        margin-left: 0
    }
}

@-webkit-keyframes scale__intro__cloud4 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        margin-left: 0
    }
}

@keyframes scale__intro__cloud4 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        margin-left: 0
    }
}

@-webkit-keyframes scale__intro__cloud5 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        margin-left: 0
    }
}

@keyframes scale__intro__cloud5 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: 0;
        margin-left: 0
    }
}

@-webkit-keyframes scale__intro__cloud6 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: .5;
        margin-left: 0
    }
}

@keyframes scale__intro__cloud6 {
    0% {
        opacity: 0;
        margin-left: -100%
    }
    25%,
    75% {
        opacity: 1
    }
    to {
        opacity: .5;
        margin-left: 0
    }
}

.scale__intro__cloud1 {
    -webkit-animation: scale__intro__cloud1 linear 35s infinite;
    animation: scale__intro__cloud1 linear 35s infinite
}

.scale__intro__cloud2 {
    -webkit-animation: scale__intro__cloud2 linear 25s infinite;
    animation: scale__intro__cloud2 linear 25s infinite
}

.scale__intro__cloud3 {
    -webkit-animation: scale__intro__cloud2 linear 38s infinite;
    animation: scale__intro__cloud2 linear 38s infinite
}

.scale__intro__cloud4 {
    -webkit-animation: scale__intro__cloud5 linear 40s infinite;
    animation: scale__intro__cloud5 linear 40s infinite
}

.scale__intro__cloud5 {
    -webkit-animation: scale__intro__cloud5 linear 70s infinite;
    animation: scale__intro__cloud5 linear 70s infinite
}

.scale__intro__cloud6 {
    -webkit-animation: scale__intro__cloud5 linear 45s infinite;
    animation: scale__intro__cloud5 linear 45s infinite
}

.submenu-in {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: submenu-in;
    animation-name: submenu-in
}

@-webkit-keyframes submenu-in {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 5px, 0) scale(.98);
        transform: translate3d(0, 5px, 0) scale(.98)
    }
    40% {
        opacity: .8;
        -webkit-transform: translate3d(0, 0, 0) scale(1.01);
        transform: translate3d(0, 0, 0) scale(1.01)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes submenu-in {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, 5px, 0) scale(.98);
        transform: translate3d(0, 5px, 0) scale(.98)
    }
    40% {
        opacity: .8;
        -webkit-transform: translate3d(0, 0, 0) scale(1.01);
        transform: translate3d(0, 0, 0) scale(1.01)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@media only screen and (max-width:719px) {
    body,
    html {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 100%;
        overflow-x: hidden
    }
}

body {
    background-color: #fff
}

img[height],
img[width] {
    height: auto!important;
    max-width: 100%!important
}

.container {
    margin: auto;
    max-width: 1230px;
    max-width: 68.333rem;
    padding-left: 1.111rem;
    padding-right: 1.111rem
}

@media only screen and (min-width:720px) {
    .container {
      /* padding-left: 1.667rem;
        padding-right: 1.667rem */
    }
}

@media only screen and (max-width:929px) {
    .container.container--portable-no-padding {
        padding-left: 0;
        padding-right: 0
    }
}

.grey-body,
.module-block {
    background-color: #f7f8f9
}

.module-block {
    color: #838d94;
    padding: 1.111rem
}

@media only screen and (min-width:720px) {
    .module-block {
        padding: 1.667rem
    }
}

.module-block__inner-gutter {
    padding: 1.111rem
}

@media only screen and (min-width:720px) {
    .module-block__inner-gutter {
        padding: 1.667rem
    }
}

.module-block--largergutter {
    padding: 3.889rem
}

@media only screen and (max-width:719px) {
    .module-block--largergutter {
        padding: 1.111rem
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .module-block--largergutter {
        padding: 1.667rem
    }
}

.module-block--withmargin {
    margin-bottom: 3.889rem
}

.module-block--white {
    background-color: #fff;
    border: 1px #ebeef0 solid;
    color: #5f6c73;
    padding: 1.667rem;
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75
}

.module-block.module-block--no-padding {
    padding: 0
}

.module-block--border-title {
    padding-top: 0
}

.zigzag-strip {
    background: #40364d url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-patterns/bg-pattern.jpg) 0 0;
    color: #fff;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .zigzag-strip {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.dotted-strip {
    background-color: #40364d;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-patterns/dotted-pattern.svg);
    color: #fff;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .dotted-strip {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.cubes-strip {
    background-color: #40364d;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-patterns/cubes-pattern.jpg);
    color: #fff;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .cubes-strip {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.eggplant-strip {
    background-color: #40364d;
    color: #fff;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .eggplant-strip {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.speech-bubble {
    background-color: #fff;
    color: #40364d;
    padding: 1.111rem;
    box-shadow: inset 0 5px 0 0 #9fc7cd;
    border-radius: .222rem;
    position: relative
}

.speech-bubble:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-right: 25px solid transparent;
    position: absolute;
    top: 100%;
    left: 10%
}

@media only screen and (min-width:720px) {
    .speech-bubble {
        padding: 1.667rem
    }
}

.under-speech-bubble {
    margin-top: 2.08375rem;
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75;
    margin-bottom: 1.667rem
}

@media only screen and (max-width:719px) {
    .under-speech-bubble:last-of-type {
        margin-bottom: 0
    }
}

@media only screen and (min-width:930px) {
    .under-speech-bubble {
        margin-bottom: 0
    }
}

.under-speech-bubble p {
    margin: 0
}

.icon-row {
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .icon-row {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.grey-1-intro {
    background-color: #f7f8f9;
    border-bottom: 1px #ebeef0 solid
}

.grey-1-intro__inner {
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .grey-1-intro__inner {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (min-width:930px) {
    .grey-1-intro__inner {
        padding-top: 5.556rem;
        padding-bottom: 5.556rem
    }
}

.pink-intro {
    background-color: #fff8f5
}

.pink-intro__inner {
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .pink-intro__inner {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (min-width:930px) {
    .pink-intro__inner {
        padding-top: 5.556rem;
        padding-bottom: 5.556rem
    }
}

.sep {
    display: block;
    height: 1px;
    width: 100%;
    margin-bottom: 28px
}

.sep--light {
    background-color: rgba(255, 255, 255, .15)
}

hr {
    background: #ebeef0;
    border: 1px #ebeef0 solid
}

.full-width {
    width: 100%
}

.default-page-content {
    padding-top: 1.667rem;
    padding-bottom: 1.667rem;
    border-bottom: 1px #ebeef0 solid
}

@media only screen and (min-width:720px) {
    .default-page-content {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.automation-examples {
    margin-top: 1.667rem;
    margin-bottom: 1.667rem
}

@media only screen and (max-width:719px) {
    .automation-examples img {
        width: 100%
    }
}

.eggplant-three-col {
    background-color: #40364d;
    color: #fff;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .eggplant-three-col {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (min-width:930px) {
    .eggplant-three-col {
        padding-top: 5.556rem;
        padding-bottom: 5.556rem
    }
}

.testimonials-section .testimonials-section__speech-bubble--mango {
    box-shadow: inset 0 5px 0 0 #f48c66
}

.testimonials-section .testimonials-section__speech-bubble--coral {
    box-shadow: inset 0 5px 0 0 #f58d8c
}

.testimonials-section .testimonials-section__speech-bubble--moss {
    box-shadow: inset 0 5px 0 0 #adb483
}

.testimonials-section__avatar {
    float: left;
    margin-right: 1rem;
    max-width: 64px
}

@media only screen and (max-width:719px) {
    .testimonials-section__entry {
        margin-bottom: 1.667rem
    }
}

.testimonials-section__cta {
    margin-top: 3.334rem
}

@media only screen and (max-width:719px) {
    .testimonials-section__cta {
        margin-top: 3.334rem
    }
}

.news-area {
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) {
    .news-area {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

.news-area__entry {
    display: block;
    border-bottom: 1px #ebeef0 solid;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #fff;
    padding-right: 3.334rem
}

.news-area__entry:last-of-type {
    border-bottom: 0
}

a.news-area__entry:hover {
    background-color: #f7f8f9;
    padding-left: 18px;
    padding-right: 18px
}

.popout {
    background-color: #fff;
    border-radius: .222rem;
    padding: 1.667rem;
    z-index: 5;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(80%) scale(.8);
    transform: translateY(80%) scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.3, 0, 0, 1.3);
    transition-timing-function: cubic-bezier(.3, 0, 0, 1.3);
    opacity: 0
}

.popout.popout--large-gutter {
    padding: 3.889rem
}

@media only screen and (max-width:719px) {
    .popout.popout--large-gutter {
        padding: 1.111rem
    }
    .popout {
        position: fixed;
        top: 1.111rem;
        left: 1.111rem;
        right: 1.111rem
    }
}

.popout-wrap {
    position: absolute;
    top: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.popout-wrap.popout-wrap--open {
    z-index: 3
}

@media only screen and (max-width:719px) {
    .popout-wrap {
        top: auto
    }
}

.popout-wrap--open .popout {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:719px) {
    .popout-wrap--open .popout {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.popout-close-area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: -1
}

.popout-close-area.popout-close-area--open {
    display: block;
    z-index: 4;
    cursor: pointer
}

.big-intro {
    background-color: #40364d;
    color: #fff
}

.big-intro h1 {
    color: #fff
}

.big-intro__inner {
    border-top: 1px rgba(255, 255, 255, .15)solid;
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .big-intro__inner {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (min-width:930px) {
    .big-intro__inner {
        padding-top: 5.556rem;
        padding-bottom: 5.556rem
    }
}

.main-content-grey {
    background-color: #f7f8f9;
    padding-top: 1.667rem
}

@media only screen and (min-width:930px) {
    .main-content-grey {
        padding-top: 5.556rem;
        padding-bottom: 1.667rem;
        padding-right: 3.889rem
    }
    .main-content-grey.main-content-grey--reduced-padding {
        padding-top: 3.889rem
    }
}

@media only screen and (max-width:929px) {
    .container--portable-no-padding .main-content-grey {
        padding-left: 1.667rem;
        padding-right: 1.667rem
    }
}

.sidebar-dark-block {
    padding-left: 3.889rem;
    padding-right: 3.889rem;
    background: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-patterns/bg-pattern-sidebar.png) 0 0;
    color: #fff
}

.sidebar-dark-block a {
    color: #fff
}

.sidebar-dark-block ul {
    margin: 0;
    list-style: none
}

.sidebar-dark-block li {
    margin-bottom: 1.667rem
}

.sidebar-dark-block .current a {
    color: #f48c66
}

@media only screen and (max-width:929px) {
    .sidebar-dark-block.sidebar-dark-block--mob-hidden {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

@media only screen and (min-width:930px) {
    .sidebar-dark-block {
        position: absolute;
        right: 0;
        width: 41%
    }
}

.sidebar-dark-block.sidebar-dark-block--padded:before {
    content: "";
    display: block;
    width: 100%;
    height: 3.889rem
}

.sidebar-dark-block.sidebar-dark-block--padded:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.667rem
}

.sidebar-dark-block__nav {
    padding: 5.556rem 0 3.889rem
}

.container--portable-no-padding .sidebar-dark-block {
    padding-left: 1.667rem;
    padding-right: 1.667rem
}

.tab-content {
    display: none
}

#tab-1 {
    display: inline
}

.avatar,
.mini-avatar {
    border-radius: .222rem
}

.mini-avatar {
    height: 1.94444rem;
    width: 1.94444rem
}

.site-newsletter-promo {
    background-color: #f7f8f9;
    padding-top: 1.111rem;
    padding-bottom: 1.111rem;
    border-top: 1px #ebeef0 solid;
    border-bottom: 1px #ebeef0 solid
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .site-newsletter-promo {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (min-width:930px) {
    .site-newsletter-promo {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (min-width:1170px) {
    .site-newsletter-promo {
        padding-top: 3.889rem;
        padding-bottom: 3.889rem
    }
}

@media only screen and (max-width:719px) {
    .site-newsletter-promo h3 {
        font-size: 24px;
        font-size: 1.33333rem;
        margin-bottom: 1.111rem;
        margin-top: 1.111rem
    }
}

@media only screen and (min-width:1170px) {
    .site-newsletter-promo h3 {
        font-size: 30px;
        font-size: 1.66667rem;
        margin-bottom: 1.111rem
    }
}

@media only screen and (min-width:720px) {
    .site-newsletter-promo__form {
        margin-top: 1.111rem
    }
}

.site-newsletter-promo__form button,
.site-newsletter-promo__form input {
    width: 100%;
    margin-top: 1.111rem
}

.site-newsletter-promo__logos {
    margin-top: 1.667rem;
    opacity: .7
}

.site-newsletter-promo__logos img {
    height: 40px;
    margin: 0 1.667rem 12px;
    vertical-align: middle;
    display: inline-block
}

@media only screen and (max-width:719px) {
    .site-newsletter-promo__logos img {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin: 0
    }
}

.site-newsletter-promo__logos .site-newsletter-promo__logos__acer {
    height: 18px;
    margin-top: 10px
}

.site-newsletter-promo__logos .site-newsletter-promo__logos__peugeot {
    height: 42px;
    margin-top: 10px
}

.site-newsletter-promo__logos .site-newsletter-promo__logos__fedex {
    height: 25px;
    margin-top: 8px
}

.site-newsletter-promo__logos .site-newsletter-promo__logos__mtv {
    height: 37px;
    margin-top: 3px
}

.site-newsletter-promo__logos .site-newsletter-promo__logos__unicef {
    height: 28px;
    margin-top: 3px
}

@media only screen and (min-width:720px) {
    .site-newsletter-promo__logos {
        margin-top: 3.889rem
    }
}

.intro-icon-blocks {
    padding-top: 1.667rem;
    padding-bottom: 1.667rem
}

@media only screen and (max-width:719px) {
    .intro-icon-blocks {
        text-align: center
    }
    .intro-icon-blocks img {
        margin-bottom: 8px
    }
}

@media only screen and (min-width:720px) {
    .intro-icon-blocks {
        padding-top: 5.556rem;
        padding-bottom: 5.556rem
    }
    .intro-icon-blocks img {
        margin-bottom: -8px
    }
}

@media only screen and (max-width:719px) {
    .intro-icon-blocks__intro {
        margin-bottom: 1.111rem
    }
}

@media only screen and (min-width:720px) {
    .intro-icon-blocks__bottom-left-entry p {
        margin-bottom: 0
    }
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.v-center {
    vertical-align: middle
}

.v-top {
    vertical-align: top
}

.v-bottom {
    vertical-align: bottom
}

.o-hidden {
    overflow: hidden
}

@media only screen and (max-width:1170px) {
    .visuallyhidden--noextra {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

.loading {
    height: 32px;
    width: 32px;
    margin: 0 auto
}

@media only screen and (min-width:720px) {
    .header-padding {
        padding-top: 99px
    }
}

.website-header {
    padding-bottom: 1.111rem;
    z-index: 3;
    position: relative;
    text-align: right;
    padding-bottom: 19px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (min-width:720px) {
    .website-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10
    }
    .website-header.scrolling-header {
        background-color: #e10600!important;
        box-shadow: 0 0 2px rgba(0, 0, 0, .15);
        padding-bottom: 0;
        -webkit-transition: all .2 ease-in-out;
        transition: all .2 ease-in-out
    }
    .website-header.scrolling-header .website-header__nav__list .website-header__nav a,
    .website-header.scrolling-header.website-header--dark .website-header__nav a,
    .website-header.scrolling-header.website-header--dark--transparent .website-header__nav a {
        color: rgba(255, 255, 255, 0.80);
    }
    .website-header.scrolling-header .website-header__nav a.current,
    .website-header.scrolling-header .website-header__nav__list .website-header__nav a.current,
    .website-header.scrolling-header .website-header__nav__list .website-header__nav a:hover,
    .website-header.scrolling-header.website-header--dark .website-header__nav a.current,
    .website-header.scrolling-header.website-header--dark .website-header__nav a:hover,
    .website-header.scrolling-header.website-header--dark--transparent .website-header__nav a.current,
    .website-header.scrolling-header.website-header--dark--transparent .website-header__nav a:hover {
        color: #ffffff
    }
    .website-header.scrolling-header .website-header__nav {
        margin-top: 12px;
        margin-bottom: 12px
    }
}

.website-header.scrolling-header .website-header__logo {
    display: inline-block
}

@media only screen and (max-width:719px) {
    .website-header.scrolling-header .website-header__logo {
        margin-top: 14px
    }
}

@media only screen and (min-width:720px) {
    .website-header.scrolling-header .website-header__logo {
        margin-top: 4px;
        margin-bottom: 0;
        float: left
    }
}

.website-header.website-header--dark {
    /* background-color: #40364d */
    background-color: #e10600;
}

@media only screen and (min-width:720px) {
    .website-header.website-header--dark .website-header__nav a,
    .website-header.website-header--dark--transparent .website-header__nav a {
        color: rgba(255, 255, 255, 0.80)
    }
    .website-header.website-header--dark .website-header__nav a.current,
    .website-header.website-header--dark .website-header__nav a:hover,
    .website-header.website-header--dark--transparent .website-header__nav a.current,
    .website-header.website-header--dark--transparent .website-header__nav a:hover {
        color: #fff
    }
    .website-header.website-header--dark .website-header__nav .website-header__nav__sub a,
    .website-header.website-header--dark--transparent .website-header__nav .website-header__nav__sub a {
        color: #838d94
    }
    .website-header.website-header--dark .website-header__nav .website-header__nav__sub a.current,
    .website-header.website-header--dark .website-header__nav .website-header__nav__sub a:hover,
    .website-header.website-header--dark--transparent .website-header__nav .website-header__nav__sub a.current,
    .website-header.website-header--dark--transparent .website-header__nav .website-header__nav__sub a:hover {
        color: #2d3138
    }
}

@media only screen and (max-width:719px) {
    .website-header.website-header--dark .website-header__mobile-menu-link,
    .website-header.website-header--dark--transparent .website-header__mobile-menu-link {
        color: #fff
    }
    .website-header.website-header--dark .website-header__mobile-menu-link.active,
    .website-header.website-header--dark--transparent .website-header__mobile-menu-link.active {
        color: #5f6c73
    }
}

.website-header.website-header--dark--transparent,
.website-header.website-header--transparent {
    background-color: transparent
}

.website-header.website-header--dark-border {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .075)
}

.website-header__logo {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    float: left
}

@media only screen and (max-width:719px) {
    .website-header__logo {
        margin-top: 15px
    }
}

@media only screen and (min-width:720px) {
    .website-header__logo {
    margin-top: 20px;
    margin-bottom: 9px;
    }
}

.website-header__logo__img--mini {
    display: none;
    height: 55px
}

@media screen and (max-width:810px) {
    .website-header__logo__img--mini {
        display: inline-block;
        vertical-align: bottom
    }
}

.website-header__logo__img--large {
    vertical-align: bottom;
    height: 55px;
    width: 170px;
}

@media screen and (max-width:810px) {
    .website-header__logo__img--large {
        display: none
    }
}

@media only screen and (max-width:719px) {
    .website-header__mobile-menu-link {
        font-size: 14px;
        font-size: .77778rem;
        line-height: 2;
        padding: 30px 1.111rem;
        text-transform: uppercase;
        color: #5f6c73;
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .wf-loading .website-header__mobile-menu-link {
        visibility: hidden
    }
    .wf-active .website-header__mobile-menu-link {
        font-family: 'BrandonText-Bold', sans-serif;
        font-style: normal;
        font-weight: 400;
        visibility: visible
    }
    .wf-inactive .website-header__mobile-menu-link {
        font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
        font-weight: 700
    }
    .website-header__mobile-menu-link:hover {
        color: #838d94
    }
    .website-header__mobile-menu-link.active {
        background-color: #fff;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
        border-radius: 0 0 0 .222rem;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media only screen and (min-width:720px) {
    .website-header__mobile-menu-link {
        display: none
    }
}

.website-header__mobile-menu-link__img {
    vertical-align: middle;
    margin-left: 8px;
    position: relative;
    top: -2px
}

@media only screen and (max-width:719px) {
    .website-header__mobile-menu-link--close {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 50px;
        background-color: #fff;
        background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-icons/nav-close-arrow.svg);
        background-repeat: no-repeat;
        background-position: center 45px;
        font-size: 11px
    }
    .wf-loading .website-header__mobile-menu-link--close {
        visibility: hidden
    }
    .wf-active .website-header__mobile-menu-link--close {
        font-family: 'BrandonText-Medium', sans-serif;
        font-style: normal;
        font-weight: 400;
        visibility: visible
    }
    .wf-inactive .website-header__mobile-menu-link--close {
        font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
        font-weight: 500
    }
    .website-header__mobile-menu-link--close span {
        display: inline-block;
        margin-top: 15px
    }
}

@media only screen and (min-width:720px) {
    .website-header__mobile-menu-link--close {
        display: none
    }
}

.website-header__nav a.website-header__mobile-menu-link--close {
    color: #838d94;
    text-transform: none;
    text-align: center
}

.website-header__nav {
    font-size: 14px;
    font-size: .77778rem;
    line-height: 1.5;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.website-header__nav.is-resized {
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .website-header__nav {
        width: 80%
    }
}

@media screen and (max-width:800px) {
    .website-header__nav {
        width: 90%
    }
}

@media only screen and (max-width:719px) {
    .website-header__nav {
        position: fixed;
        z-index: 10;
        overflow: scroll;
        top: 0;
        left: 100%;
        height: 100%;
        width: 100%;
        background: #40364d;
        box-shadow: inset 50px 0 0 0 #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        padding: 1.111rem 1.111rem 1.111rem 3.889rem
    }
    .website-header__nav a {
        color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block
    }
    .website-header__nav .website-header__nav__more-link {
        display: none
    }
}

@media only screen and (min-width:720px) {
    .website-header__nav {
        display: inline-block;
        text-align: right;
        margin-top: 1.667rem
    }
    .website-header__nav li {
        display: inline-block
    }
    .website-header__nav li:hover .website-header__nav__sub {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        z-index: 5
    }
    .website-header__nav li:hover .website-header__nav__sub a {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .website-header__nav a {
        color: #838d94
    }
    .wf-loading .website-header__nav a,
    .wf-loading .website-header__nav a.website-header__nav__cta {
        visibility: hidden
    }
    .wf-active .website-header__nav a {
        font-family: 'BrandonText-Bold', sans-serif;
        font-style: normal;
        font-weight: 400;
        visibility: visible
    }
    .wf-inactive .website-header__nav a {
        font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
        font-weight: 700
    }
    .website-header__nav a.website-header__nav__cta {
        color: #f40009!important
    }
    .wf-active .website-header__nav a.website-header__nav__cta {
        font-family: 'BrandonText-Medium', sans-serif;
        font-style: normal;
        font-weight: 400;
        visibility: visible
    }
    .wf-inactive .website-header__nav a.website-header__nav__cta {
        font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
        font-weight: 500
    }
    .website-header__nav a.current,
    .website-header__nav a:hover {
        color: #2d3138
    }
}

@media only screen and (min-width:930px) {
    .website-header__nav {
        width: 70%
    }
}

@media only screen and (min-width:1170px) {
    .website-header__nav {
        width: 70%
    }
}

@media screen and (min-width:719px) and (max-width:900px) {
    .website-header__nav {
        font-size: 13px;
        font-size: .72222rem;
        line-height: 1.5
    }
}

.website-header__nav__drop-down-icon {
    display: none
}

@media only screen and (min-width:720px) {
    .website-header__nav__drop-down-icon {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2.5px;
        position: relative;
        top: -2.5px
    }
    .website-header__nav__sub {
        position: absolute;
        top: 100%;
        left: 10px;
        width: 155px;
        padding: 8px 0;
        font-size: 16px;
        font-size: .88889rem;
        line-height: 1.75;
        background-color: #fff;
        text-align: left;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25);
        border-radius: .222rem;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 3px, 0) scale(.98);
        transform: translate3d(0, 3px, 0) scale(.98);
        -webkit-transition: all .15s ease;
        transition: all .15s ease
    }
    .website-header__nav__sub:before {
        bottom: 100%;
        left: 49%;
        content: " ";
        height: 25px;
        width: 25px;
        background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/stylesheets/img/sitewide-icons/nav-arrow.png);
        position: absolute;
        background-size: 18px auto;
        background-position: bottom center;
        background-repeat: no-repeat;
        margin-left: -12px
    }
    .website-header__nav__sub li {
        display: block
    }
    .website-header__nav__sub li:first-child a {
        -webkit-transition-delay: .06s;
        transition-delay: .06s
    }
    .website-header__nav__sub li:nth-child(2) a {
        -webkit-transition-delay: .08s;
        transition-delay: .08s
    }
    .website-header__nav__sub li:nth-child(3) a {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
    .website-header__nav__sub li:nth-child(4) a {
        -webkit-transition-delay: .12s;
        transition-delay: .12s
    }
    .website-header__nav__sub li:nth-child(5) a {
        -webkit-transition-delay: .14s;
        transition-delay: .14s
    }
    .website-header__nav__sub li:nth-child(6) a {
        -webkit-transition-delay: .16s;
        transition-delay: .16s
    }
    .website-header__nav__sub li:nth-child(7) a {
        -webkit-transition-delay: .18s;
        transition-delay: .18s
    }
    .website-header__nav__sub a {
        color: #838d94;
        padding: 7px 15px;
        display: block;
        visibility: inherit!important;
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-transition: all .3s cubic-bezier(.22, .61, .36, 1);
        transition: all .3s cubic-bezier(.22, .61, .36, 1)
    }
    .wf-loading .website-header__nav__sub a {
        visibility: hidden
    }
    .wf-active .website-header__nav__sub a {
        font-family: 'BrandonText-Regular', sans-serif;
        font-style: normal;
        font-weight: 400;
        visibility: visible
    }
    .wf-inactive .website-header__nav__sub a {
        font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
        font-weight: 400;
        font-style: normal
    }
    .website-header__nav__sub a:hover {
        color: #2d3138;
        opacity: 1
    }
    .website-header__nav__sub a.current {
        color: #2d3138
    }
}

.website-header__nav__sub--one {
    text-transform: none;
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.5
}

@media only screen and (max-width:719px) {
    .website-header__nav__sub--one {
        padding-left: 1.111rem;
        margin-bottom: .5555rem
    }
    .website-header__nav__sub--one a {
        color: #9fc7cd
    }
}

.website-header__nav__sub--two {
    text-transform: none;
    line-height: 1.75
}

@media only screen and (max-width:719px) {
    .website-header__nav__sub--two {
        margin-top: 1.111rem
    }
}

.website-header__nav__sub--two:before {
    left: 32%
}

.website-header__nav__sub-wrapper {
    position: relative
}

.website-header__nav--open {
    left: 0
}

.website-header__nav__cta {
    text-transform: none
}

@media only screen and (max-width:719px) {
    .website-header__nav__cta {
        width: 100%;
        text-align: center;
        margin-bottom: 1.111rem
    }
}

@media only screen and (min-width:720px) {
    .website-header__nav__cta {
        float: right;
        margin-left: .5555rem;
        height: 38px;
        padding-top: 4px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.website-header__nav__list {
    margin-bottom: 0;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

.website-header__nav__list,
.website-header__nav__list ul {
    margin-left: 0;
    list-style: none
}

@media only screen and (min-width:720px) {
    .website-header__nav__list {
        text-align: right
    }
    .website-header__nav__list>li>a {
        padding: 9px 8px;
        display: inline-block
    }
}

.webite-header__about-nav {
    list-style: none;
    text-align: center;
    margin-top: 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.webite-header__about-nav ul {
    list-style: none;
    margin: 0
}

.webite-header__about-nav li {
    display: inline-block
}

.webite-header__about-nav li a {
    padding: 3px 16px;
    margin: 12px 0;
    font-size: 16px;
    display: inline-block;
    color: rgba(255, 255, 255, .6)
}

.webite-header__about-nav li a:hover {
    color: #fff
}

.webite-header__about-nav li a.current {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 5rem;
    color: #fff
}

@media only screen and (max-width:719px) {
    .webite-header__about-nav {
        display: none
    }
}

.scrolling-header .webite-header__about-nav {
    background-color: #f7f8f9;
    margin-top: 0;
    padding-bottom: 0
}

.scrolling-header .webite-header__about-nav li a {
    margin: 6px 0;
    color: #838d94
}

.scrolling-header .webite-header__about-nav li a.current {
    background-color: #ebeef0;
    color: #2d3138
}

.scrolling-header .webite-header__about-nav li a:hover {
    color: #2d3138
}

.blog-author {
    display: inline-block;
    text-align: left
}

@media only screen and (min-width:720px) {
    .blog-author {
        display: inline
    }
}

.blog-author__avatar {
    float: left;
    margin-right: 1.11111rem
}

.blog-author__text {
    display: inline-block
}

.blog-author__title {
    line-height: 1.2;
    margin: 0 0 .27778rem 0;
    vertical-align: top
}

.blog-author__title_link:hover {
    opacity: .7
}

.archive .page-title,
.author .page-title {
    margin-top: 1.667rem
}

.blog-footer {
    background-color: #f7f8f9;
    border-top: .1rem solid #ebeef0;
    color: #40364d;
    margin-top: 3.889rem;
    padding: 3rem 0
}

.blog-footer h4 {
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 1.4
}

.wf-loading .blog-footer h4 {
    visibility: hidden
}

.wf-active .blog-footer h4 {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .blog-footer h4 {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .blog-footer h4 {
        font-size: 24px;
        font-size: 1.33333rem;
        line-height: 1.5
    }
}

@media only screen and (min-width:930px) {
    .blog-footer h4 {
        font-size: 30px;
        font-size: 1.66667rem;
        line-height: 1.5
    }
}

@media only screen and (min-width:720px) {
    .blog-footer h4 span {
        display: block
    }
}

@media only screen and (max-width:719px) {
    .blog-footer {
        margin-top: 1.667rem
    }
}

@media only screen and (min-width:930px) {
    .blog-footer {
        padding: 6rem 0
    }
}

@media only screen and (min-width:720px) {
    .post-title {
        margin-top: -.2rem
    }
}

.page-header {
    margin: 0 0 2rem 0;
    text-align: center
}

@media only screen and (min-width:720px) {
    .page-header {
        margin-bottom: 4rem
    }
}

.post-date {
    line-height: 1.2;
    vertical-align: top
}

.blog-post--single .entry-content h6 a,
.meta a {
    color: #a1aaaf
}

.blog-post--single .entry-content h6 a:hover,
.meta a:hover {
    color: #f1703f
}

.blog-post--headline {
    background-color: #f7f8f9;
    border-bottom: 1px #ebeef0 solid;
    padding-bottom: 1.111rem;
    padding-top: 1.111rem;
    text-align: center
}

@media only screen and (min-width:720px) {
    .blog-post--headline {
        text-align: left
    }
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .blog-post--headline {
        padding-bottom: 1.667rem;
        padding-top: 1.667rem
    }
}

@media only screen and (min-width:930px) {
    .blog-post--headline {
        padding-bottom: 3.889rem;
        padding-top: 3.889rem
    }
}

@media only screen and (min-width:1170px) {
    .blog-post--headline {
        padding-bottom: 3.889rem;
        padding-top: 3.889rem
    }
}

@media only screen and (max-width:719px) {
    .attachment-post-thumb-highlight {
        margin-bottom: 1.111rem
    }
    .blog-post--standard {
        text-align: center;
        margin-bottom: 1.667rem
    }
}

@media only screen and (min-width:720px) {
    .blog-post--standard {
        margin-bottom: 3.889rem
    }
}

@media only screen and (max-width:719px) {
    .attachment-post-thumbnail {
        margin-bottom: 1.111rem
    }
}

.post-title a {
    color: #40364d
}

.post-title a:hover {
    color: #8b7aa2
}

.blog-post-bg {
    background-color: #f7f8f9;
    border-bottom: 1px #ebeef0 solid;
    height: 37.222rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.blog-post--single .attachment-post-thumb-header {
    width: 100%
}

.blog-post--single .entry-content {
    font-size: 1.1em;
    line-height: 1.6;
    color: #35383a;
    -webkit-font-smoothing: antialiased
}

.blog-post--single .entry-content p {
    margin-bottom: 1.8rem
}

.blog-post--single .entry-content>p:first-child:first-letter {
    color: #f1703f;
    float: left;
    font-size: 74px;
    font-size: 4.11111rem;
    padding-right: .66667rem;
    line-height: 1;
    margin-right: 11px;
    margin-bottom: -6px
}

.wf-loading .blog-post--single .entry-content>p:first-child:first-letter {
    visibility: hidden
}

.wf-active .blog-post--single .entry-content>p:first-child:first-letter {
    font-family: 'BrandonText-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .blog-post--single .entry-content>p:first-child:first-letter {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.blog-post--single .entry-content img.size-full,
.blog-post--single .entry-content img.size-large {
    margin-top: 3.889rem;
    margin-bottom: 3.889rem;
    display: block
}

.blog-post--single .entry-content .wp-caption-text {
    color: #838d94;
    font-style: italic
}

.blog-post--single .entry-content .gamma,
.blog-post--single .entry-content .post-title,
.blog-post--single .entry-content h3 {
    line-height: 1.3;
    font-size: 32px;
    color: #5f6c73
}

.blog-post--single .entry-content h4 {
    color: #5f6c73
}

.blog-post--single .entry-content h2 {
    color: #40364d
}

.blog-post--single .entry-content ol,
.blog-post--single .entry-content ul {
    margin-left: 2.5rem;
    margin-bottom: 1.8rem
}

.blog-post--single .entry-content ol li,
.blog-post--single .entry-content ul li {
    margin-bottom: 20px
}

.blog-post--single .entry-content ol li:last-of-type,
.blog-post--single .entry-content ul li:last-of-type {
    margin-bottom: 0
}

.attachment-post-thumb-header {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
    margin-bottom: 3.889rem
}

.blog-post__sidebar-meta {
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75
}

.blog-post__sidebar-meta a {
    color: #87b8c0
}

.blog-post__sidebar-meta a:hover {
    color: #9fc7cd
}

.tm-click-to-tweet {
    border: inherit;
    margin: .5em 0 1.5em;
    padding-left: inherit;
    padding-right: inherit;
    padding-top: inherit;
    position: relative;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_quote-decoration.svg)
}

.tm-click-to-tweet .tm-ctt-text a {
    color: #a1aaaf;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.tm-click-to-tweet .tm-ctt-text a:hover {
    color: #838d94
}

.tm-click-to-tweet:hover p {
    opacity: 1;
    right: -3rem
}

.tm-click-to-tweet p {
    margin-top: -1.5rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.tm-click-to-tweet a.tm-ctt-btn {
    background: 0 0;
    background-color: #ebeef0;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_twitter.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    border-radius: .222rem;
    color: inherit;
    display: inline-block;
    font: inherit;
    height: 1.66667rem;
    text-indent: -999em;
    padding: inherit;
    width: 1.66667rem
}

.tm-click-to-tweet a.tm-ctt-btn:after {
    border: solid transparent;
    border-color: transparent #ebeef0 transparent transparent;
    border-width: 5px;
    content: " ";
    right: 100%;
    height: 0;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0
}

#disqus_thread {
    margin-bottom: 5rem
}

.blog-post__share {
    margin-bottom: 3.889rem;
    margin-top: 3.889rem
}

.blog-post__related-articles {
    margin-bottom: 1.667rem
}

.blog-post__related-articles__link {
    background-color: #f7f8f9;
    border-radius: .222rem;
    color: #40364d;
    display: inline-block;
    height: 13.33333rem;
    overflow: hidden;
    padding: 1.667rem;
    padding-top: 2rem;
    position: relative;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 100%
}

@media only screen and (min-width:720px) {
    .blog-post__related-articles__link {
        width: 50%
    }
    .blog-post__related-articles__link:first-of-type {
        border-radius: .222rem 0 0 .222rem
    }
    .blog-post__related-articles__link:last-of-type {
        border-radius: 0 .222rem .222rem 0
    }
}

.blog-post__related-articles__link span {
    display: block;
    margin-bottom: .2rem;
    z-index: 2
}

.blog-post__related-articles__link h4 {
    font-weight: 400;
    line-height: 1.3;
    z-index: 2
}

.blog-post__related-articles__link img {
    left: 0;
    max-width: 130%!important;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.blog-post__related-articles__link:hover {
    background-color: #40364d;
    color: #fff
}

.blog-post__related-articles__link:hover img {
    opacity: .2
}

.bordered-image {
    border: 1px rgba(0, 0, 0, .15)solid;
    padding: 15px;
    background: #fff
}

.twitter-tweet {
    margin-top: 50px!important;
    margin-bottom: 50px!important
}

@media only screen and (max-width:719px) {
    .blog-promotional-row {
        margin-bottom: 1.667rem
    }
}

@media only screen and (min-width:720px) {
    .blog-promotional-row {
        margin-bottom: 3.889rem
    }
}

.blog-ebook-promo {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/illustrations/ebook-feedback-illustration.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 310px;
    background-size: 200px;
    display: block
}

@media only screen and (max-width:719px) {
    .blog-ebook-promo {
        margin-bottom: 1.667rem;
        min-height: 190px;
        background-size: 120px
    }
}

.blog-cta-butt {
    padding-top: 10px;
    padding-bottom: 10px
}

.subscription-success {
    padding-top: 1.111rem;
    padding-bottom: 1.111rem;
    background-color: #84c950;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: all .25s;
    transition: all .25s;
    height: 0;
    opacity: 0
}

@media only screen and (min-width:720px) {
    .subscription-success {
        padding-top: 1.667rem;
        padding-bottom: 1.667rem
    }
}

.subscription-success.active {
    height: auto;
    opacity: 1
}

.subscribe-modal-wrap {
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .7);
    text-align: center;
    white-space: nowrap
}

.subscribe-modal-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.subscribe-modal-wrap.active {
    opacity: 1;
    z-index: 15
}

.subscribe-modal-close {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    cursor: pointer
}

.subscribe-modal {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    background-color: #fff;
    border-radius: .33333rem;
    padding: 1.667rem;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .08);
    position: relative;
    z-index: 16
}

@media only screen and (max-width:719px) {
    .subscribe-modal {
        width: auto;
        padding: 1.111rem;
        margin-left: 1.111rem;
        margin-right: 1.111rem
    }
}

.blog-tools {
    font-size: 16px;
    font-size: .88889rem;
    line-height: 1.75;
    padding-bottom: 1.667rem;
    padding-top: 1.667rem
}

@media only screen and (min-width:930px) {
    .blog-tools {
        padding-bottom: 3.889rem;
        padding-top: 3.889rem
    }
}

.blog-tools a {
    color: #a1aaaf
}

.blog-tools a:hover {
    color: #f1703f
}

.blog-tools .butt--active:hover,
.blog-tools .cat-navigation .current-cat a:hover,
.cat-navigation .current-cat .blog-tools a:hover {
    color: #87b8c0
}

.blog-tools nav {
    position: relative
}

.blog-tools--singlepost {
    padding-top: 1.667rem
}

.blog-tools__categories {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 85%
}

.blog-tools__categories li {
    display: none;
    margin: .5rem 0 0 0;
    padding: 0
}

@media only screen and (min-width:720px) {
    .blog-tools__categories li {
        margin: 0;
        display: inline-block
    }
}

.blog-tools__categories li.blog-tools__change-category {
    display: block;
    margin: 0
}

@media only screen and (min-width:720px) {
    .blog-tools__categories li.blog-tools__change-category {
        display: none
    }
}

.blog-tools__categories li a {
    width: 100%;
    display: block
}

@media only screen and (min-width:720px) {
    .blog-tools__categories li a {
        padding: .389rem .6rem;
        white-space: nowrap
    }
}

@media only screen and (min-width:930px) {
    .blog-tools__categories li a {
        padding: .389rem .8rem
    }
}

@media only screen and (min-width:1170px) {
    .blog-tools__categories li a {
        padding: .389rem 1.1rem
    }
}

.blog-tools__categories .butt,
.blog-tools__categories .cat-navigation .current-cat a,
.cat-navigation .current-cat .blog-tools__categories a {
    color: #87b8c0
}

@media only screen and (min-width:720px) {
    .blog-tools__categories {
        font-size: 14px;
        font-size: .77778rem;
        line-height: 2;
        width: auto
    }
}

@media only screen and (min-width:1170px) {
    .blog-tools__categories {
        font-size: 16px;
        font-size: .88889rem;
        line-height: 1.75
    }
}

.blog-tools__categories--active li {
    display: block
}

@media only screen and (min-width:720px) {
    .blog-tools__categories--active li {
        display: inline-block
    }
}

.cat-navigation .cat-item {
    vertical-align: middle
}

.cat-navigation .cat-item-single {
    display: inline-block
}

@media only screen and (min-width:720px) and (max-width:929px) {
    .cat-navigation .current-cat a {
        padding: .389rem .6rem
    }
}

@media only screen and (min-width:930px) {
    .cat-navigation .current-cat a {
        padding: .389rem .8rem
    }
}

@media only screen and (min-width:1170px) {
    .cat-navigation .current-cat a {
        padding: .389rem 1.1rem
    }
}

.butt--change-category {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_arrow_down.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    width: 100%
}

.butt--change-category--menu-open {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_arrow_up.svg);
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #d1d5d7
}

.blog-tools__search {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 0;
    z-index: -1
}

@media only screen and (min-width:1170px) {
    .blog-tools__search {
        background-image: url(/themes/rainlab-vanilla/assets/img/elements/icon_search.svg);
        background-repeat: no-repeat;
        background-position: 4% center;
        background-size: 14px;
        float: right;
        padding-left: 1.6rem;
        position: static;
        opacity: 1;
        width: 8rem;
        z-index: 1
    }
}

@media only screen and (min-width:720px) {
    .blog-tools__search {
        margin: .18rem 0 0 0
    }
}

@media only screen and (min-width:930px) {
    .blog-tools__search {
        width: 9rem
    }
}

.blog-tools__search:focus {
    border: 1px #f1703f solid
}

.blog-tools__search--active {
    opacity: 1;
    width: 100%;
    z-index: 1
}

.blog-tools__search-controller {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_search.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: .222rem;
    border: 1px #d1d5d7 solid;
    display: inline-block;
    float: right;
    height: 2rem;
    position: relative;
    vertical-align: middle;
    width: 10%;
    z-index: 2
}

.blog-tools__search-controller img {
    width: 14px;
    vertical-align: middle
}

@media only screen and (min-width:720px) {
    .blog-tools__search-controller {
        margin: .2rem 0 0 0
    }
}

@media only screen and (min-width:1170px) {
    .blog-tools__search-controller {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
}

.blog-tools__search-controller--close {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_close.svg);
    border: 1px transparent solid;
    margin: 0
}

@media only screen and (min-width:720px) {
    .blog-tools__search-controller--close {
        margin: .18rem 0 0 0
    }
}

.nav-links .nav-next a,
.nav-links .nav-previous a {
    background: 0 0;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_pagination_left.svg);
    background-repeat: no-repeat;
    background-position: center left;
    max-width: 16.66667rem;
    overflow: hidden;
    padding: .27778rem .83333rem .27778rem 2.22222rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.nav-links .nav-next a {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_pagination_right.svg);
    background-position: center right;
    padding: .27778rem 2.22222rem .27778rem .83333rem
}

.social-counter {
    background-color: #ebeef0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .72222rem;
    border-radius: .222rem;
    color: #838d94;
    display: inline-block;
    font-size: 12px;
    font-size: .66667rem;
    line-height: normal;
    margin: 0 .25rem;
    height: 36px;
    width: 36px
}

.wf-loading .social-counter {
    visibility: hidden
}

.wf-active .social-counter {
    font-family: 'BrandonText-Bold', sans-serif;
    font-style: normal;
    font-weight: 400;
    visibility: visible
}

.wf-inactive .social-counter {
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    font-weight: 700
}

.social-counter:hover {
    color: #838d94;
    background-color: #f7f8f9
}

.social-counter--twitter {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_twitter.svg)
}

.social-counter--facebook {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_facebook.svg)
}

.social-counter--linkedin {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_linkedin.svg)
}

.social-counter--googleplus {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_googleplus.svg)
}

.social-circle {
    border-radius: 50%;
    display: inline-block;
    width: 1.667rem;
    height: 1.667rem;
    background-color: #ebeef0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    margin-right: .5rem;
    text-indent: -999rem
}

.social-circle:hover {
    background-color: #f7f8f9
}

.social-circle--facebook {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_facebook.svg)
}

.social-circle--twitter {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_twitter.svg)
}

.social-circle--googleplus {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_googleplus.svg)
}

.social-circle--linkedin {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/themes/denovo/assets/icons/icon_linkedin.svg)
}

td,
th {
    border: 1px solid #dfdfdf
}

@media screen and (min-width:480px) {
    td,
    th {
        padding: 10px
    }
}


/*!
* Do not modify this file directly.  It is concatenated from individual module CSS files.
*/

.jp-carousel-wrap * {
    line-height: inherit
}

.jp-carousel-overlay {
    background: #000
}

div.jp-carousel-fadeaway {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    position: fixed;
    bottom: 0;
    z-index: 2147483647;
    width: 100%;
    height: 15px
}

.jp-carousel-next-button span,
.jp-carousel-previous-button span {
    background: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/carousel/images/arrows.png) no-repeat center center;
    background-size: 200px 126px
}

.jp-carousel-msg {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    display: inline-block;
    line-height: 19px;
    padding: 11px 15px;
    font-size: 14px;
    text-align: center;
    margin: 25px 20px 0 2px;
    background-color: #fff;
    border-left: 4px solid #ffba00;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .jp-carousel-next-button span,
    .jp-carousel-previous-button span {
        background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/carousel/images/arrows-2x.png)
    }
}

.jp-carousel-wrap {
    font-family: "Helvetica Neue", sans-serif!important
}

.jp-carousel-info {
    position: absolute;
    bottom: 0;
    text-align: left!important;
    -webkit-font-smoothing: subpixel-antialiased!important
}

.jp-carousel-info::-moz-selection {
    background: #68c9e8;
    color: #fff
}

.jp-carousel-info::selection {
    background: #68c9e8;
    color: #fff
}

.jp-carousel-info::-moz-selection {
    background: #68c9e8;
    color: #fff
}

.jp-carousel-photo-info {
    position: relative;
    left: 25%;
    width: 50%
}

.jp-carousel-transitions .jp-carousel-photo-info {
    transition: .4s ease-out
}

.jp-carousel-info h2 {
    background: 0 0!important;
    border: none!important;
    color: #999;
    display: block!important;
    font: normal 13px/1.25em "Helvetica Neue", sans-serif!important;
    letter-spacing: 0!important;
    margin: 7px 0 0 0!important;
    padding: 10px 0 0!important;
    overflow: hidden;
    text-align: left;
    text-shadow: none!important;
    text-transform: none!important;
    -webkit-font-smoothing: subpixel-antialiased
}

.jp-carousel-next-button,
.jp-carousel-previous-button {
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer
}

.jp-carousel-next-button span,
.jp-carousel-previous-button span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 82px;
    zoom: 1;
    filter: alpha(opacity=20);
    opacity: .2
}

.jp-carousel-transitions .jp-carousel-next-button span,
.jp-carousel-transitions .jp-carousel-previous-button span {
    transition: .5s opacity ease-out
}

.jp-carousel-next-button:hover span,
.jp-carousel-previous-button:hover span {
    filter: alpha(opacity=60);
    opacity: .6
}

.jp-carousel-next-button span {
    background-position: -110px center;
    right: 0
}

.jp-carousel-previous-button span {
    background-position: -10px center;
    left: 0
}

.jp-carousel-buttons {
    margin: -18px -20px 15px;
    padding: 8px 10px;
    border-bottom: 1px solid #222;
    background: #222;
    text-align: center
}

div.jp-carousel-buttons a {
    border: none!important;
    color: #999;
    font: normal 11px/1.2em "Helvetica Neue", sans-serif!important;
    letter-spacing: 0!important;
    padding: 5px 2px 5px 0;
    text-decoration: none!important;
    text-shadow: none!important;
    vertical-align: middle;
    -webkit-font-smoothing: subpixel-antialiased
}

div.jp-carousel-buttons a:hover {
    color: #68c9e8;
    border: none!important
}

.jp-carousel-transitions div.jp-carousel-buttons a:hover {
    transition: none!important
}

.jp-carousel-next-button,
.jp-carousel-previous-button,
.jp-carousel-slide,
.jp-carousel-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.jp-carousel-slide {
    position: fixed;
    width: 0;
    bottom: 0;
    background-color: #000;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.jp-carousel-transitions .jp-carousel-slide {
    transition: .3s ease-out
}

.jp-carousel-slide.selected {
    position: absolute!important;
    filter: alpha(opacity=100);
    opacity: 1
}

.jp-carousel-slide {
    filter: alpha(opacity=25);
    opacity: .25
}

.jp-carousel-slide img {
    display: block;
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important;
    background: 0 0!important;
    border: none!important;
    padding: 0!important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    zoom: 1
}

.jp-carousel-transitions .jp-carousel-slide {
    transition: opacity .4s linear
}

.jp-carousel-close-hint {
    color: #999;
    cursor: default;
    letter-spacing: 0!important;
    padding: .35em 0 0;
    position: absolute;
    text-align: right;
    width: 90%
}

.jp-carousel-transitions .jp-carousel-close-hint {
    transition: color .2s linear
}

.jp-carousel-close-hint span {
    cursor: pointer;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    display: inline-block;
    height: 22px;
    font: 400 24px/1 "Helvetica Neue", sans-serif!important;
    line-height: 22px;
    margin: 0 0 0 .4em;
    text-align: center;
    vertical-align: middle;
    width: 22px;
    border-radius: 4px
}

.jp-carousel-transitions .jp-carousel-close-hint span {
    transition: border-color .2s linear
}

.jp-carousel-close-hint:hover {
    cursor: default;
    color: #fff
}

.jp-carousel-close-hint:hover span {
    border-color: #fff
}

a.jp-carousel-image-download,
div.jp-carousel-buttons a.jp-carousel-commentlink,
div.jp-carousel-buttons a.jp-carousel-reblog {
    background: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/carousel/images/carousel-sprite.png?5) no-repeat;
    background-size: 16px 200px
}

div.jp-carousel-buttons a.jp-carousel-commentlink,
div.jp-carousel-buttons a.jp-carousel-reblog {
    margin: 0 14px 0 0!important
}

div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    background-color: #303030;
    padding-right: 8px!important;
    border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    margin: 0 2px 0 -12px!important
}

div.jp-carousel-buttons a.jp-carousel-reblog,
div.jp-carousel-buttons a.jp-carousel-reblog.reblogged:hover {
    background-position: 6px -36px;
    padding-right: auto!important;
    padding-left: 26px!important;
    color: #999
}

div.jp-carousel-buttons a.jp-carousel-commentlink {
    background-position: 0 -156px;
    padding-left: 19px!important
}

div.jp-carousel-buttons a.jp-carousel-reblog.reblogged:hover {
    cursor: default
}

div.jp-carousel-buttons a.jp-carousel-reblog:hover {
    background-position: 6px -56px;
    color: #68c9e8
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    a.jp-carousel-image-download,
    div.jp-carousel-buttons a.jp-carousel-commentlink,
    div.jp-carousel-buttons a.jp-carousel-reblog {
        background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/carousel/images/carousel-sprite-2x.png?5)
    }
}

div#carousel-reblog-box {
    background: #222;
    background: -moz-linear-gradient(bottom, #222, #333);
    background: -webkit-gradient(linear, left bottom, left top, from(#222), to(#333));
    padding: 3px 0 0;
    display: none;
    margin: 5px auto 0;
    border-radius: 2px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .9);
    height: 74px;
    width: 565px
}

#carousel-reblog-box textarea {
    background: #999;
    font: 13px/1.4 "Helvetica Neue", sans-serif!important;
    color: #444;
    padding: 3px 6px;
    width: 370px;
    height: 48px;
    float: left;
    margin: 6px 9px 0 9px;
    border: 1px solid #666;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 2px
}

#carousel-reblog-box textarea:focus {
    background: #ccc;
    color: #222
}

#carousel-reblog-box label {
    color: #aaa;
    font-size: 11px;
    padding-right: 2px;
    padding-left: 2px;
    display: inline;
    font-weight: 400
}

#carousel-reblog-box select {
    width: 110px;
    padding: 0;
    font-size: 12px;
    font-family: "Helvetica Neue", sans-serif!important;
    background: #333;
    color: #eee;
    border: 1px solid #444;
    margin-top: 5px
}

#carousel-reblog-box .submit,
#wrapper #carousel-reblog-box p.response {
    float: left;
    width: 154px;
    padding-top: 0;
    padding-left: 1px;
    overflow: hidden;
    height: 34px;
    margin: 3px 0 0 2px!important
}

#wrapper #carousel-reblog-box p.response {
    font-size: 13px;
    clear: none;
    padding-left: 2px;
    height: 34px;
    color: #aaa
}

#carousel-reblog-box input#carousel-reblog-submit,
#jp-carousel-comment-form-button-submit {
    font: 13px/24px "Helvetica Neue", sans-serif!important;
    margin-top: 8px;
    padding: 0 10px!important;
    border-radius: 1em;
    height: 24px;
    color: #333;
    cursor: pointer;
    font-weight: 400;
    background: #aaa;
    background: -moz-linear-gradient(bottom, #aaa, #ccc);
    background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#ccc));
    border: 1px solid #444
}

#carousel-reblog-box input#carousel-reblog-submit:hover,
#jp-carousel-comment-form-button-submit:hover {
    background: #ccc;
    background: -moz-linear-gradient(bottom, #ccc, #eee);
    background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#eee))
}

#carousel-reblog-box .canceltext {
    color: #aaa;
    font-size: 11px;
    line-height: 24px
}

#carousel-reblog-box .canceltext a {
    color: #fff
}

.jp-carousel-titleanddesc {
    border-top: 1px solid #222;
    color: #999;
    font-size: 15px;
    padding-top: 24px;
    margin-bottom: 20px;
    font-weight: 400
}

.jp-carousel-titleanddesc-title {
    font: 300 1.5em/1.1 "Helvetica Neue", sans-serif!important;
    text-transform: none!important;
    color: #fff;
    margin: 0 0 15px;
    padding: 0
}

.jp-carousel-titleanddesc-desc p {
    color: #999;
    line-height: 1.4;
    margin-bottom: .75em
}

.jp-carousel-comments p a,
.jp-carousel-info h2 a,
.jp-carousel-titleanddesc p a {
    color: #fff!important;
    border: none!important;
    text-decoration: underline!important;
    font-weight: 400!important;
    font-style: normal!important
}

.jp-carousel-titleanddesc p b,
.jp-carousel-titleanddesc p strong {
    font-weight: 700;
    color: #999
}

.jp-carousel-titleanddesc p em,
.jp-carousel-titleanddesc p i {
    font-style: italic;
    color: #999
}

.jp-carousel-comments p a:hover,
.jp-carousel-info h2 a:hover,
.jp-carousel-titleanddesc p a:hover {
    color: #68c9e8!important
}

.jp-carousel-titleanddesc p:empty {
    display: none
}

.jp-carousel-left-column-wrapper h1:after,
.jp-carousel-left-column-wrapper h1:before,
.jp-carousel-photo-info h1:after,
.jp-carousel-photo-info h1:before {
    content: none!important
}

.jp-carousel-image-meta {
    background: #111;
    border: 1px solid #222;
    color: #fff;
    font-size: 13px;
    font: 12px/1.4 "Helvetica Neue", sans-serif!important;
    overflow: hidden;
    padding: 18px 20px;
    width: 209px!important
}

.jp-carousel-image-meta h5,
.jp-carousel-image-meta li {
    font-family: "Helvetica Neue", sans-serif!important;
    position: inherit!important;
    top: auto!important;
    right: auto!important;
    left: auto!important;
    bottom: auto!important;
    background: 0 0!important;
    border: none!important;
    font-weight: 400!important;
    line-height: 1.3em!important
}

.jp-carousel-image-meta ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important
}

.jp-carousel-image-meta li {
    width: 48%!important;
    display: inline-block!important;
    vertical-align: top!important;
    margin: 0 2% 15px 0!important;
    color: #fff!important;
    font-size: 13px!important
}

.jp-carousel-image-meta h5 {
    color: #999!important;
    text-transform: uppercase!important;
    font-size: 10px!important;
    margin: 0 0 2px!important;
    letter-spacing: .1em!important
}

a.jp-carousel-image-download {
    padding-left: 23px;
    display: inline-block;
    clear: both;
    color: #999;
    line-height: 1;
    font-weight: 400;
    font-size: 13px;
    text-decoration: none;
    background-position: 0 -82px
}

a.jp-carousel-image-download span.photo-size {
    font-size: 11px;
    border-radius: 1em;
    margin-left: 2px;
    display: inline-block
}

a.jp-carousel-image-download span.photo-size-times {
    padding: 0 1px 0 2px
}

a.jp-carousel-image-download:hover {
    background-position: 0 -122px;
    color: #68c9e8;
    border: none!important
}

.jp-carousel-image-map {
    position: relative;
    margin: -20px -20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .17);
    height: 154px
}

.jp-carousel-image-map img.gmap-main {
    border-top-left-radius: 6px;
    border-right: 1px solid rgba(255, 255, 255, .17)
}

.jp-carousel-image-map div.gmap-topright {
    width: 94px;
    height: 154px;
    position: absolute;
    top: 0;
    right: 0
}

.jp-carousel-image-map div.imgclip {
    overflow: hidden;
    border-top-right-radius: 6px
}

.jp-carousel-image-map div.gmap-topright img {
    margin-left: -40px
}

.jp-carousel-image-map img.gmap-bottomright {
    position: absolute;
    top: 96px;
    right: 0
}

.jp-carousel-comments {
    font: 15px/1.7 "Helvetica Neue", sans-serif!important;
    font-weight: 400;
    background: none transparent
}

.jp-carousel-comments p a:active,
.jp-carousel-comments p a:focus,
.jp-carousel-comments p a:hover {
    color: #68c9e8!important
}

.jp-carousel-comment {
    background: none transparent;
    color: #999;
    margin-bottom: 20px;
    clear: left;
    overflow: auto;
    width: 100%
}

.jp-carousel-comment p {
    color: #999!important
}

.jp-carousel-comment .comment-author {
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    width: auto;
    display: inline;
    float: none;
    border: none;
    margin: 0
}

.jp-carousel-comment .comment-author a {
    color: #fff
}

.jp-carousel-comment .comment-gravatar {
    float: left
}

.jp-carousel-comment .comment-content {
    border: none;
    margin-left: 85px;
    padding: 0
}

.jp-carousel-comment .avatar {
    margin: 0 20px 0 0;
    border-radius: 4px;
    border: none!important;
    padding: 0!important;
    background-color: transparent!important
}

.jp-carousel-comment .comment-date {
    color: #999;
    margin-top: 4px;
    font-size: 11px;
    display: inline;
    float: right
}

#jp-carousel-comment-form {
    margin: 0 0 10px!important;
    float: left;
    width: 100%
}

textarea#jp-carousel-comment-form-comment-field {
    background: rgba(34, 34, 34, .9);
    border: 1px solid #3a3a3a;
    color: #aaa;
    font: 15px/1.4 "Helvetica Neue", sans-serif!important;
    width: 100%;
    padding: 10px 10px 5px;
    margin: 0;
    float: none;
    height: 147px;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box
}

textarea#jp-carousel-comment-form-comment-field::-webkit-input-placeholder {
    color: #555
}

textarea#jp-carousel-comment-form-comment-field:focus {
    background: #ccc;
    color: #222
}

textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder {
    color: #aaa
}

#jp-carousel-comment-form-spinner {
    color: #fff;
    margin: 22px 0 0 10px;
    display: block;
    width: 20px;
    height: 20px;
    float: left
}

#jp-carousel-comment-form-submit-and-info-wrapper {
    display: none;
    overflow: hidden;
    width: 100%
}

#jp-carousel-comment-form-commenting-as input {
    background: rgba(34, 34, 34, .9);
    border: 1px solid #3a3a3a;
    color: #aaa;
    font: 13px/1.4 "Helvetica Neue", sans-serif!important;
    padding: 3px 6px;
    float: left;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .2);
    border-radius: 2px;
    width: 285px
}

#jp-carousel-comment-form-commenting-as input:focus {
    background: #ccc;
    color: #222
}

#jp-carousel-comment-form-commenting-as p {
    font: 400 13px/1.7 "Helvetica Neue", sans-serif!important;
    margin: 22px 0 0;
    float: left
}

#jp-carousel-comment-form-commenting-as fieldset {
    float: left;
    border: none;
    margin: 20px 0 0 0;
    padding: 0
}

#jp-carousel-comment-form-commenting-as fieldset {
    clear: both
}

#jp-carousel-comment-form-commenting-as label {
    font: 400 13px/1.7 "Helvetica Neue", sans-serif!important;
    margin: 0 20px 3px 0;
    float: left;
    width: 100px
}

#jp-carousel-comment-form-button-submit {
    margin-top: 20px;
    float: right
}

#js-carousel-comment-form-container {
    margin-bottom: 15px;
    overflow: auto;
    width: 100%
}

#jp-carousel-comment-form-container {
    margin-bottom: 15px;
    overflow: auto;
    width: 100%
}

#jp-carousel-comment-post-results {
    display: none;
    overflow: auto;
    width: 100%
}

#jp-carousel-comment-post-results span {
    display: block;
    text-align: center;
    margin-top: 20px;
    width: 100%;
    overflow: auto;
    padding: 1em 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .7);
    border-radius: 2px;
    font: 13px/1.4 "Helvetica Neue", sans-serif!important;
    border: 1px solid rgba(255, 255, 255, .17);
    box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 1)
}

.jp-carousel-comment-post-error {
    color: #df4926
}

#jp-carousel-comments-closed {
    display: none;
    color: #999
}

#jp-carousel-comments-loading {
    font: 400 15px/1.7 "Helvetica Neue", sans-serif!important;
    display: none;
    color: #999;
    text-align: left;
    margin-bottom: 20px
}

.jp-carousel-light .jp-carousel-overlay {
    background: #fff
}

.jp-carousel-light .jp-carousel-next-button:hover span,
.jp-carousel-light .jp-carousel-previous-button:hover span {
    opacity: .8
}

.jp-carousel-light .jp-carousel-close-hint:hover,
.jp-carousel-light .jp-carousel-titleanddesc div {
    color: #000!important
}

.jp-carousel-light .jp-carousel-comment .comment-author a,
.jp-carousel-light .jp-carousel-comments p a,
.jp-carousel-light .jp-carousel-info h2 a,
.jp-carousel-light .jp-carousel-titleanddesc p a {
    color: #1e8cbe!important
}

.jp-carousel-light .jp-carousel-comment .comment-author a:hover,
.jp-carousel-light .jp-carousel-comments p a:hover,
.jp-carousel-light .jp-carousel-info h2 a:hover,
.jp-carousel-light .jp-carousel-titleanddesc p a:hover {
    color: #f1831e!important
}

.jp-carousel-light .jp-carousel-comment,
.jp-carousel-light .jp-carousel-comment p,
.jp-carousel-light .jp-carousel-info h2,
.jp-carousel-light .jp-carousel-titleanddesc,
.jp-carousel-light .jp-carousel-titleanddesc p,
.jp-carousel-light .jp-carousel-titleanddesc p b,
.jp-carousel-light .jp-carousel-titleanddesc p em,
.jp-carousel-light .jp-carousel-titleanddesc p i,
.jp-carousel-light .jp-carousel-titleanddesc p strong,
.jp-carousel-light div.jp-carousel-buttons a {
    color: #666
}

.jp-carousel-light .jp-carousel-buttons {
    border-bottom-color: #f0f0f0;
    background: #f5f5f5
}

.jp-carousel-light div.jp-carousel-buttons a:hover {
    text-decoration: none;
    color: #f1831e
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog,
.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog:hover {
    background-position: 4px -56px;
    padding-left: 24px!important
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    background-color: #2ea2cc;
    color: #fff
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-commentlink {
    background-position: 0 -176px
}

.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
    background-position: 5px -36px
}

.jp-carousel-light div#carousel-reblog-box {
    background: #eee;
    background: -moz-linear-gradient(bottom, #ececec, #f7f7f7);
    background: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f7f7f7));
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    border: 1px solid #ddd
}

.jp-carousel-light #carousel-reblog-box textarea {
    border: 1px inset #ccc;
    color: #666;
    border: 1px solid #cfcfcf;
    background: #fff
}

.jp-carousel-light #carousel-reblog-box .canceltext {
    color: #888
}

.jp-carousel-light #carousel-reblog-box .canceltext a {
    color: #666
}

.jp-carousel-light #carousel-reblog-box select {
    background: #eee;
    color: #333;
    border: 1px solid #aaa
}

#jp-carousel-comment-form-button-submit,
.jp-carousel-light #carousel-reblog-box input#carousel-reblog-submit {
    color: #333;
    background: #fff;
    background: -moz-linear-gradient(bottom, #ddd, #fff);
    background: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
    border: 1px solid #aaa
}

.jp-carousel-light .jp-carousel-image-meta {
    background: #fafafa;
    border: 1px solid #eee;
    border-top-color: #f5f5f5;
    border-left-color: #f5f5f5;
    color: #333
}

.jp-carousel-light .jp-carousel-image-meta li {
    color: #000!important
}

.jp-carousel-light .jp-carousel-close-hint {
    color: #ccc
}

.jp-carousel-light .jp-carousel-close-hint span {
    background-color: #fff;
    border-color: #ccc
}

.jp-carousel-light #jp-carousel-comment-form-comment-field::-webkit-input-placeholder {
    color: #aaa
}

.jp-carousel-light #jp-carousel-comment-form-comment-field:focus {
    color: #333
}

.jp-carousel-light #jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder {
    color: #ddd
}

.jp-carousel-light a.jp-carousel-image-download {
    background-position: 0 -122px
}

.jp-carousel-light a.jp-carousel-image-download:hover {
    background-position: 0 -122px;
    color: #f1831e
}

.jp-carousel-light textarea#jp-carousel-comment-form-comment-field {
    background: #fbfbfb;
    color: #333;
    border: 1px solid #dfdfdf;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1)
}

.jp-carousel-light #jp-carousel-comment-form-commenting-as input {
    background: #fbfbfb;
    border: 1px solid #dfdfdf;
    color: #333;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1)
}

.jp-carousel-light #jp-carousel-comment-form-commenting-as input:focus {
    background: #fbfbfb;
    color: #333
}

.jp-carousel-light #jp-carousel-comment-post-results span {
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .05)
}

.jp-carousel-light .jp-carousel-slide {
    background-color: #fff
}

.jp-carousel-light .jp-carousel-titleanddesc {
    border-top: 1px solid #eee
}

.jp-carousel-light .jp-carousel-fadeaway {
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .75), rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .75)), to(rgba(255, 255, 255, 0)))
}

@media only screen and (max-width:760px) {
    .jp-carousel-info {
        margin: 0 10px!important
    }
    .jp-carousel-next-button,
    .jp-carousel-previous-button {
        display: none!important
    }
    .jp-carousel-buttons {
        display: none!important
    }
    .jp-carousel-image-meta {
        float: none!important;
        width: 100%!important;
        box-sizing: border-box
    }
    .jp-carousel-close-hint {
        font-weight: 800!important;
        font-size: 26px!important;
        position: fixed!important;
        top: -10px
    }
    .jp-carousel-slide img {
        filter: alpha(opacity=100);
        opacity: 1
    }
    .jp-carousel-wrap {
        background-color: #000
    }
    .jp-carousel-fadeaway {
        display: none
    }
    #jp-carousel-comment-form-container {
        display: none!important
    }
    .jp-carousel-titleanddesc {
        padding-top: 0!important;
        border: none!important
    }
    .jp-carousel-titleanddesc-title {
        font-size: 1em!important
    }
    .jp-carousel-left-column-wrapper {
        padding: 0;
        width: 100%!important
    }
    .jp-carousel-photo-info {
        left: 0!important;
        width: 100%!important
    }
}

.contact-form .clear-form {
    clear: both
}

.contact-form input[type=email],
.contact-form input[type=text],
.contact-form input[type=url] {
    width: 300px;
    max-width: 98%;
    margin-bottom: 13px
}

.contact-form select {
    margin-bottom: 13px
}

.contact-form textarea {
    height: 200px;
    width: 80%;
    float: none;
    margin-bottom: 13px
}

.contact-form input[type=checkbox],
.contact-form input[type=radio] {
    float: none;
    margin-bottom: 13px
}

.contact-form label {
    margin-bottom: 3px;
    float: none;
    font-weight: 700;
    display: block
}

.contact-form label.checkbox,
.contact-form label.radio {
    margin-bottom: 3px;
    float: none;
    font-weight: 700;
    display: inline-block
}

.contact-form label span {
    color: #aaa;
    margin-left: 4px;
    font-weight: 400
}

.contact-form-submission {
    margin-bottom: 4em;
    padding: 1.5em 1em
}

.contact-form-submission p {
    margin: 0 auto
}

.form-errors .form-error-message {
    color: red
}

.textwidget .contact-form input[type=email],
.textwidget .contact-form input[type=text],
.textwidget .contact-form input[type=url],
.textwidget .contact-form textarea {
    width: 250px;
    max-width: 100%;
    box-sizing: border-box
}

#jetpack-check-feedback-spam {
    margin: 1px 8px 0 0
}

.jetpack-check-feedback-spam-spinner {
    display: inline-block;
    margin-top: 7px
}

.infinite-loader {
    color: #000;
    display: block;
    height: 28px;
    text-indent: -9999px
}

#infinite-handle span {
    background: #333;
    border-radius: 1px;
    color: #eee;
    cursor: pointer;
    font-size: 13px;
    padding: 6px 16px
}

#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover {
    display: inline;
    position: static;
    padding: 0;
    margin: 0;
    border: none;
    line-height: inherit;
    background: 0 0;
    color: inherit;
    cursor: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit
}

#infinite-handle span button::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: none
}

@media (max-width:800px) {
    #infinite-handle span:before {
        display: none
    }
    #infinite-handle span {
        display: block
    }
}

#infinite-footer {
    position: fixed;
    bottom: -50px;
    left: 0;
    width: 100%
}

#infinite-footer a {
    text-decoration: none
}

#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a:hover {
    color: #444;
    text-decoration: underline
}

#infinite-footer .container {
    background: rgba(255, 255, 255, .8);
    border-color: #ccc;
    border-color: rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: 1px 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    padding: 1px 20px;
    width: 780px
}

#infinite-footer .blog-credits,
#infinite-footer .blog-info {
    box-sizing: border-box;
    line-height: 25px
}

#infinite-footer .blog-info {
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%
}

#infinite-footer .blog-credits {
    font-weight: 400;
    float: right;
    width: 60%
}

#infinite-footer .blog-info a {
    color: #111;
    font-size: 14px;
    font-weight: 700
}

#infinite-footer .blog-credits {
    color: #888;
    font-size: 12px;
    text-align: right
}

#infinite-footer .blog-credits a {
    color: #666
}

.infinity-end.neverending #infinite-footer {
    display: none
}

@media (max-width:640px) {
    #infinite-footer .container {
        box-sizing: border-box;
        width: 100%
    }
    #infinite-footer .blog-info {
        width: 30%
    }
    #infinite-footer .blog-credits {
        width: 70%
    }
    #infinite-footer .blog-credits,
    #infinite-footer .blog-info a {
        font-size: 10px
    }
}

@media (max-width:640px) {
    #infinite-footer {
        position: static
    }
}

@font-face {
    font-family: Noticons;
    src: url(https://web.archive.org/web/20180111002310im_/https://wordpress.com/i/noticons/Noticons.woff)
}

#jp-post-flair {
    padding-top: .5em
}

#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
    clear: both
}

div.sharedaddy h3.sd-title {
    margin: 0 0 1em 0;
    display: inline-block;
    line-height: 1.2;
    font-size: 9pt;
    font-weight: 700
}

div.sharedaddy h3.sd-title:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    margin-bottom: 1em
}

#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
    width: 61px;
    overflow: hidden
}

#wpadminbar iframe.admin-bar-likes-widget {
    width: 61px;
    height: 28px;
    min-height: 28px;
    border-width: 0;
    position: absolute;
    top: 0
}

div.jetpack-likes-widget-wrapper {
    width: 100%;
    min-height: 50px;
    position: relative
}

div.jetpack-likes-widget-wrapper .sd-link-color {
    font-size: 12px
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
    width: 1px;
    min-height: 0
}

div.jetpack-comment-likes-widget-wrapper {
    width: 100%;
    position: relative;
    min-height: 31px
}

div.jetpack-comment-likes-widget-wrapper iframe {
    margin-bottom: 0
}

#likes-other-gravatars {
    display: none;
    position: absolute;
    padding: 10px 10px 12px 10px;
    background-color: #2e4453;
    border-width: 0;
    box-shadow: 0 0 10px #2e4453;
    box-shadow: 0 0 10px rgba(46, 68, 83, .6);
    min-width: 130px;
    z-index: 1000
}

#likes-other-gravatars * {
    line-height: normal
}

#likes-other-gravatars .likes-text {
    color: #fff;
    font-size: 12px;
    padding-bottom: 8px
}

#likes-other-gravatars li,
#likes-other-gravatars ul {
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none
}

#likes-other-gravatars li::before {
    content: ""
}

#likes-other-gravatars ul.wpl-avatars {
    overflow: auto;
    display: block;
    max-height: 190px
}

#likes-other-gravatars ul.wpl-avatars li {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 5px 5px 0
}

#likes-other-gravatars ul.wpl-avatars li a {
    margin: 0 2px 0 0;
    border-bottom: none!important;
    display: block
}

#likes-other-gravatars ul.wpl-avatars li a img {
    background: 0 0;
    border: none;
    margin: 0!important;
    padding: 0!important;
    position: static
}

div.sd-box {
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, .13)
}

.comment-likes-widget,
.entry-content .post-likes-widget,
.post-likes-widget {
    margin: 0;
    border-width: 0;
    display: block
}

.comment-likes-widget-placeholder,
.post-likes-widget-placeholder {
    margin: 0;
    border-width: 0;
    position: relative
}

.comment-likes-widget-placeholder {
    height: 18px;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    margin-top: 4px
}

.comment-likes-widget-placeholder::before {
    -webkit-font-smoothing: antialiased;
    font-family: Noticons;
    font-size: 20px;
    line-height: .9;
    color: #5cb5d4;
    content: '\f408';
    width: 16px;
    display: inline-block;
    vertical-align: middle
}

.post-likes-widget-placeholder .button {
    display: none
}

.comment-likes-widget-placeholder .loading,
.post-likes-widget-placeholder .loading {
    color: #999;
    font-size: 12px
}

.comment-likes-widget-placeholder .loading {
    padding-left: 5px;
    margin-top: 2px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #4e4e4e
}

.slim-likes-widget .post-likes-widget {
    width: auto;
    float: none
}

div.sharedaddy.sd-like-enabled .sd-like h3 {
    display: none
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
    width: 100%;
    float: none;
    position: absolute;
    top: 0
}

.comment-likes-widget {
    width: 100%
}

.pd-rating {
    display: block!important
}

.sd-gplus .sd-title {
    display: none
}

#jp-relatedposts {
    display: none;
    padding-top: 1em;
    margin: 1em 0;
    position: relative;
    clear: both
}

.jp-relatedposts:after {
    content: '';
    display: block;
    clear: both
}

#jp-relatedposts h3.jp-relatedposts-headline {
    margin: 0 0 1em 0;
    display: inline-block;
    float: left;
    font-size: 9pt;
    font-weight: 700;
    font-family: inherit
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 1em
}

#jp-relatedposts h3.jp-relatedposts-headline em {
    font-style: normal;
    font-weight: 700
}

#jp-relatedposts .jp-relatedposts-items {
    clear: left
}

#jp-relatedposts .jp-relatedposts-items-visual {
    margin-right: -20px
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    float: left;
    width: 33%;
    margin: 0 0 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    padding-right: 20px;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4),
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) {
    clear: both
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: underline
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

#jp-relatedposts .jp-relatedposts-items p,
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
    position: relative
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border-bottom: 0
}

#jp-relatedposts .jp-relatedposts-items p {
    margin-bottom: 0
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    text-transform: none;
    margin: 0;
    font-family: inherit;
    display: block;
    max-width: 100%
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
    text-decoration: underline
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
    display: block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
    max-width: 100%
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    opacity: .6
}

.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    display: none
}

#jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
    display: none
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
    overflow: hidden
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
    margin-bottom: 1em
}

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
    clear: both;
    width: 100%
}

#jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
    float: left;
    overflow: hidden;
    max-width: 33%;
    margin-right: 3%
}

#jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
    display: inline-block;
    max-width: 63%
}

@media only screen and (max-width:640px) {
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 50%
    }
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
        clear: left
    }
    #jp-relatedposts .jp-relatedposts-items-visual {
        margin-right: 20px
    }
}

@media only screen and (max-width:320px) {
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 100%;
        clear: both;
        margin: 0 0 1em
    }
    #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img,
    #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title {
        float: none;
        max-width: 100%;
        margin-right: 0
    }
}

#jp-post-flair {
    padding-top: .5em
}

#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
    clear: both
}

div.sharedaddy h3.sd-title {
    margin: 0 0 1em 0;
    display: inline-block;
    line-height: 1.2;
    font-size: 9pt;
    font-weight: 700
}

div.sharedaddy h3.sd-title:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    margin-bottom: 1em
}

body.highlander-light h3.sd-title:before {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

body.highlander-dark h3.sd-title:before {
    border-top: 1px solid rgba(255, 255, 255, .4)
}

.sd-content ul {
    padding: 0!important;
    margin: 0 0 .7em 0!important;
    list-style: none!important
}

.sd-content ul li {
    display: inline-block
}

.sd-block.sd-gplus {
    margin: 0 0 .5em 0
}

.sd-gplus .sd-content {
    font-size: 12px
}

#sharing_email .sharing_send,
.sd-content ul li .option a.share-ustom,
.sd-content ul li a.sd-button,
.sd-content ul li.advanced a.share-more,
.sd-content ul li.preview-item div.option.option-smart-off a,
.sd-social-icon .sd-content ul li a.sd-button,
.sd-social-icon-text .sd-content ul li a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button,
.sd-social-text .sd-content ul li a.sd-button {
    text-decoration: none!important;
    display: inline-block;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    border-radius: 3px;
    color: #777!important;
    background: #f8f8f8;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
    text-shadow: none;
    line-height: 23px;
    padding: 1px 8px 0 5px
}

.sd-content ul li .option a.share-ustom span,
.sd-content ul li a.sd-button>span,
.sd-content ul li.advanced a.share-more span,
.sd-content ul li.preview-item div.option.option-smart-off a span,
.sd-social-icon-text .sd-content ul li a.sd-button>span,
.sd-social-official .sd-content>ul>li .digg_button>a span,
.sd-social-official .sd-content>ul>li>a.sd-button span,
.sd-social-text .sd-content ul li a.sd-button span {
    line-height: 23px
}

.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button,
.sd-social-official .sd-content>ul>li .digg_button>a,
.sd-social-official .sd-content>ul>li>a.sd-button {
    line-height: 17px;
    box-shadow: none;
    vertical-align: top
}

.sd-social-official .sd-content ul li a.sd-button>span {
    line-height: 17px
}

.sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before,
.sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,
.sd-social-official .sd-content>ul>li .digg_button>a:before,
.sd-social-official .sd-content>ul>li>a.sd-button:before {
    margin-bottom: -1px
}

.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-icon .sd-content ul li a.sd-button:hover,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:hover,
.sd-social-official .sd-content>ul>li .digg_button>a:active,
.sd-social-official .sd-content>ul>li .digg_button>a:hover,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-official .sd-content>ul>li>a.sd-button:hover,
.sd-social-text .sd-content ul li a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:hover {
    color: #555;
    background: #fafafa;
    border: 1px solid #999
}

.sd-social-icon .sd-content ul li a.sd-button:active,
.sd-social-icon-text .sd-content ul li a.sd-button:active,
.sd-social-official .sd-content>ul>li .digg_button>a:active,
.sd-social-official .sd-content>ul>li>a.sd-button:active,
.sd-social-text .sd-content ul li a.sd-button:active {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .16)
}

.sd-content ul li a.sd-button:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 18px/1 social-logos;
    vertical-align: top;
    text-align: center
}

.sd-social-icon-text ul li a.sd-button:before {
    position: relative;
    top: 2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sd-content ul li a.sd-button:before {
        position: relative;
        top: 2px
    }
}

.sd-social-official ul li a.sd-button:before {
    position: relative;
    top: -2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sd-social-official ul li a.sd-button:before {
        top: 0
    }
}

.sd-content ul li {
    margin: 0 5px 5px 0;
    padding: 0
}

.jp-sharing-input-touch .sd-content ul li {
    padding-left: 10px
}

.sd-content ul li.preview-item a.sd-button span,
.sd-social-icon-text .sd-content ul li a span,
.sd-social-official .sd-content ul li a.sd-button span {
    margin-left: 3px
}

.sd-content ul li.preview-item.no-icon a.sd-button span {
    margin-left: 0
}

.sd-content ul li.no-icon a:before,
.sd-social-text .sd-content ul li a:before {
    display: none
}

body .sd-content ul li.share-custom.no-icon a span,
body .sd-social-text .sd-content ul li.share-custom a span {
    background-image: none;
    background-position: -500px -500px!important;
    background-repeat: no-repeat!important;
    padding-left: 0;
    height: 0;
    line-height: inherit
}

.sd-social-icon .sd-content ul li a.share-more {
    position: relative;
    top: -4px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sd-social-icon .sd-content ul li a.share-more {
        top: 2px
    }
}

@-moz-document url-prefix() {
    .sd-social-icon .sd-content ul li a.share-more {
        top: 2px
    }
}

.sd-social-icon .sd-content ul li a.share-more span {
    margin-left: 3px
}

.sd-content ul li.share-print div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-print a:before,
.sd-social-icon-text .sd-content li.share-print a:before,
.sd-social-official .sd-content li.share-print a:before,
.sd-social-text .sd-content ul li.share-print a:before {
    content: '\f469'
}

.sd-content ul li.share-email div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-email a:before,
.sd-social-icon-text .sd-content li.share-email a:before,
.sd-social-official .sd-content li.share-email a:before,
.sd-social-text .sd-content ul li.share-email a:before {
    content: '\f410'
}

.sd-content ul li.share-linkedin div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-linkedin a:before,
.sd-social-icon-text .sd-content li.share-linkedin a:before,
.sd-social-text .sd-content ul li.share-linkedin a:before {
    content: '\f207'
}

.sd-content ul li.share-twitter div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-twitter a:before,
.sd-social-icon-text .sd-content li.share-twitter a:before,
.sd-social-text .sd-content ul li.share-twitter a:before {
    content: '\f202'
}

.sd-content ul li.share-reddit div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-reddit a:before,
.sd-social-icon-text .sd-content li.share-reddit a:before,
.sd-social-text .sd-content ul li.share-reddit a:before {
    content: '\f222'
}

.sd-content ul li.share-tumblr div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-tumblr a:before,
.sd-social-icon-text .sd-content li.share-tumblr a:before,
.sd-social-text .sd-content ul li.share-tumblr a:before {
    content: '\f607'
}

.sd-content ul li.share-pocket div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-pocket a:before,
.sd-social-icon-text .sd-content li.share-pocket a:before,
.sd-social-text .sd-content ul li.share-pocket a:before {
    content: '\f224'
}

.sd-content ul li.share-pinterest div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-pinterest a:before,
.sd-social-icon-text .sd-content li.share-pinterest a:before,
.sd-social-text .sd-content ul li.share-pinterest a:before {
    content: '\f210'
}

.sd-content ul li.share-google-plus-1 div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-google-plus-1 a:before,
.sd-social-icon-text .sd-content li.share-google-plus-1 a:before,
.sd-social-text .sd-content ul li.share-google-plus-1 a:before {
    content: '\f218'
}

.sd-content ul li.share-facebook div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-facebook a:before,
.sd-social-icon-text .sd-content li.share-facebook a:before,
.sd-social-text .sd-content ul li.share-facebook a:before {
    content: '\f203'
}

.sd-content ul li.share-press-this div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-press-this a:before,
.sd-social-icon-text .sd-content li.share-press-this a:before,
.sd-social-official .sd-content li.share-press-this a:before,
.sd-social-text .sd-content ul li.share-press-this a:before {
    content: '\f205'
}

.sd-social-official .sd-content li.share-press-this a:before {
    color: #2ba1cb
}

.sd-content ul li.share-telegram div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-telegram a:before,
.sd-social-icon-text .sd-content li.share-telegram a:before,
.sd-social-official .sd-content li.share-telegram a:before,
.sd-social-text .sd-content ul li.share-telegram a:before {
    content: '\f606'
}

.sd-social-official .sd-content li.share-telegram a:before {
    color: #08c
}

.sd-content ul li.share-skype div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-skype a:before,
.sd-social-icon-text .sd-content li.share-skype a:before,
.sd-social-text .sd-content ul li.share-skype a:before {
    content: '\f220'
}

.sd-content ul li.advanced a.share-more:before,
.sd-social-icon .sd-content ul a.share-more:before,
.sd-social-icon-text .sd-content a.share-more:before,
.sd-social-official .sd-content a.share-more:before,
.sd-social-text .sd-content ul a.share-more:before {
    content: '\f415'
}

.sd-social-official .sd-content a.share-more:before {
    color: #2ba1cb
}

.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,
.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,
.sd-social-official .sd-content li.share-jetpack-whatsapp a:before,
.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before {
    content: '\f608'
}

.sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
    color: #43d854
}

.sd-social-icon .sd-content ul li[class*=share-].share-jetpack-whatsapp a.sd-button {
    background: #43d854;
    color: #fff!important
}

.sd-social .sd-button .share-count {
    background: #2ea2cc;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    padding: 1px 3px;
    line-height: 1
}

.sd-social-official .sd-content ul,
.sd-social-official .sd-content ul li {
    line-height: 25px!important
}

.sd-social-official .sd-content>ul>li>a.sd-button span {
    line-height: 1
}

.sd-social-official .sd-content ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.sd-social-official .sd-content li.share-press-this a {
    margin: 0 0 5px 0
}

.sd-social-official .sd-content ul>li {
    display: block;
    float: left;
    margin: 0 10px 5px 0!important;
    height: 25px
}

.sd-social-official .fb-share-button>span {
    vertical-align: top!important
}

.sd-social-official .sd-content .pocket_button iframe {
    width: 98px
}

.googleplus1_button .g-plus {
    vertical-align: top!important
}

.reddit_button iframe {
    margin-top: 1px
}

.googleplus1_button iframe,
.linkedin_button>span,
.pinterest_button,
.pocket_button iframe,
.twitter_button {
    margin: 0!important
}

.sd-social-official .sd-content .share-skype {
    width: 55px
}

body .sd-social-official li a.share-more,
body .sd-social-official li.share-custom a,
body .sd-social-official li.share-digg a,
body .sd-social-official li.share-email a,
body .sd-social-official li.share-press-this a,
body .sd-social-official li.share-print {
    position: relative;
    top: 0
}

body .sd-social-icon .sd-content li.share-custom>a {
    padding: 2px 3px 0 3px;
    position: relative;
    top: 4px
}

body .sd-content ul li.share-custom a.share-icon span,
body .sd-social-icon .sd-content li.share-custom a span,
body .sd-social-icon-text .sd-content li.share-custom a span,
body .sd-social-official .sd-content li.share-custom a span,
body .sd-social-text .sd-content li.share-custom a span {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    margin-left: 0;
    padding: 0 0 0 19px;
    display: inline-block;
    height: 21px;
    line-height: 16px
}

body .sd-social-icon .sd-content li.share-custom a span {
    width: 0
}

body .sd-social-icon .sd-content li.share-custom a span {
    padding-left: 16px!important
}

.sharing-hidden .inner {
    position: absolute;
    z-index: 2;
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    border-radius: 2px;
    margin-top: 5px;
    max-width: 400px
}

.sharing-hidden .inner ul {
    margin: 0!important
}

.sd-social-official .sd-content .sharing-hidden ul>li.share-end {
    clear: both;
    margin: 0!important;
    height: 0!important
}

.sharing-hidden .inner:after,
.sharing-hidden .inner:before {
    position: absolute;
    z-index: 1;
    top: -8px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #ccc;
    content: "";
    display: block
}

.sharing-hidden .inner:after {
    z-index: 2;
    top: -7px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fff
}

.sharing-hidden ul {
    margin: 0
}

.sd-social-icon .sd-content ul li[class*=share-] a,
.sd-social-icon .sd-content ul li[class*=share-] a:hover,
.sd-social-icon .sd-content ul li[class*=share-] div.option a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 0;
    box-shadow: none;
    padding: 7px;
    position: relative;
    top: -2px;
    line-height: 1;
    width: auto;
    height: auto;
    margin-bottom: 0
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button>span,
.sd-social-icon .sd-content ul li[class*=share-] div.option a span {
    line-height: 1
}

.sd-social-icon .sd-content ul li[class*=share-] a:hover,
.sd-social-icon .sd-content ul li[class*=share-] div.option a:hover {
    border: none;
    opacity: .6
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {
    top: 1px;
    top: 0\9;
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button.share-custom {
    padding: 8px 8px 6px 8px;
    top: 5px
}

.sd-social-icon .sd-content ul li a.sd-button.share-more {
    margin-left: 10px
}

.sd-social-icon .sd-content ul li:first-child a.sd-button.share-more {
    margin-left: 0
}

.sd-social-icon .sd-button span.share-count {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    background: #555;
    font-size: 9px
}

.sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
    background: #e9e9e9;
    margin-top: 2px;
    text-indent: 0
}

.sd-social-icon .sd-content ul li[class*=share-].share-tumblr a.sd-button {
    background: #2c4762;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button {
    background: #3b5998;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button {
    background: #00acee;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button {
    background: #ca1f27;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-digg a.sd-button {
    color: #555!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-press-this a.sd-button {
    background: #1e8cbe;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-telegram a.sd-button {
    background: #08c;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button {
    background: #0077b5;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-google-plus-1 a.sd-button {
    background: #dd4b39;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-pocket a.sd-button {
    background: #ee4056;
    color: #fff!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-reddit a.sd-button {
    background: #cee3f8;
    color: #555!important
}

.sd-social-icon .sd-content ul li[class*=share-].share-skype a.sd-button {
    background: #00aff0;
    color: #fff!important
}

.sharing-screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.sharing-screen-reader-text:active,
.sharing-screen-reader-text:focus,
.sharing-screen-reader-text:hover {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#sharing_email {
    width: 342px;
    position: absolute;
    z-index: 1001;
    border: 1px solid #ccc;
    padding: 15px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    text-align: left
}

div.sharedaddy.sharedaddy-dark #sharing_email {
    border-color: #fff
}

#sharing_email .errors {
    color: #fff;
    background-color: #771a09;
    font-size: 12px;
    padding: 5px 8px;
    line-height: 1;
    margin: 10px 0 0 0
}

#sharing_email label {
    font-size: 12px;
    color: #333;
    font-weight: 700;
    display: block;
    padding: 0 0 4px 0;
    text-align: left;
    text-shadow: none
}

#sharing_email form {
    margin: 0
}

#sharing_email input[type=email],
#sharing_email input[type=text] {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ccc;
    margin-bottom: 1em;
    background: #fff;
    font-size: 12px;
    color: #333;
    max-width: none;
    padding: 1px 3px
}

#jetpack-source_f_name {
    display: none!important;
    position: absolute!important;
    left: -9000px
}

#sharing_email .sharing_cancel {
    padding: 0 0 0 1em;
    font-size: 12px;
    text-shadow: none
}

#sharing_email .recaptcha {
    width: 312px;
    height: 123px;
    margin: 0 0 1em 0
}

.slideshow-window {
    background-color: #222;
    border: 20px solid #222;
    border-radius: 10px;
    height: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 30px!important;
    padding-bottom: 56.25%!important;
    position: relative;
    z-index: 1
}

.slideshow-window.slideshow-white {
    background-color: #fff;
    border-color: #fff
}

.slideshow-window,
.slideshow-window * {
    box-sizing: content-box
}

.slideshow-loading {
    height: 100%;
    text-align: center;
    margin: auto
}

body div.slideshow-window * img {
    background-color: transparent!important;
    background-image: none!important;
    border-width: 0!important;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    padding: 0!important;
    position: relative;
    transform: translateY(-50%);
    top: 50%
}

.slideshow-loading img {
    vertical-align: middle
}

.slideshow-slide {
    display: none;
    height: 100%!important;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%!important
}

.slideshow-slide img {
    vertical-align: middle
}

.slideshow-line-height-hack {
    overflow: hidden;
    width: 0;
    font-size: 0
}

.slideshow-slide-caption {
    font-size: 13px;
    font-family: "Helvetica Neue", sans-serif;
    color: #f7f7f7;
    text-shadow: #222 1px 1px 2px;
    line-height: 25px;
    height: 25px;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 100;
    width: 100%;
    text-align: center
}

.slideshow-controls {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    margin: auto;
    text-align: center;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    direction: ltr;
    transition: .3s opacity ease-out
}

.slideshow-window:hover .slideshow-controls {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

body div div.slideshow-controls a,
body div div.slideshow-controls a:hover {
    border: 2px solid rgba(255, 255, 255, .1)!important;
    background-color: #000!important;
    background-color: rgba(0, 0, 0, .6)!important;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/shortcodes/img/slideshow-controls.png)!important;
    background-repeat: no-repeat;
    background-size: 142px 16px!important;
    background-position: -34px 8px!important;
    color: #222!important;
    margin: 0 5px!important;
    padding: 0!important;
    display: inline-block!important;
    *display: inline;
    zoom: 1;
    height: 32px!important;
    width: 32px!important;
    line-height: 32px!important;
    text-align: center!important;
    border-radius: 10em!important;
    transition: .3s border-color ease-out
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
    body div div.slideshow-controls a,
    body div div.slideshow-controls a:hover {
        background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/shortcodes/img/slideshow-controls-2x.png)!important
    }
}

body div div.slideshow-controls a:hover {
    border-color: rgba(255, 255, 255, 1)!important
}

body div div.slideshow-controls a:first-child {
    background-position: -76px 8px!important
}

body div div.slideshow-controls a:last-child {
    background-position: -117px 8px!important
}

body div div.slideshow-controls a:nth-child(2) {
    background-position: -34px 8px!important
}

body div div.slideshow-controls a.running {
    background-position: -34px 8px!important
}

body div div.slideshow-controls a.paused {
    background-position: 9px 8px!important
}

.slideshow-controls a img {
    border: 50px dotted #f0f
}

body.presentation-wrapper-fullscreen-parent,
html.presentation-wrapper-fullscreen-parent {
    overflow: hidden!important
}

.presentation-wrapper-fullscreen-parent #wpadminbar {
    display: none
}

.presentation-wrapper-fullscreen,
.presentation-wrapper-fullscreen-parent {
    min-width: 100%!important;
    min-height: 100%!important;
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    margin: 0!important;
    padding: 0!important;
    z-index: 10000!important
}

.presentation-wrapper-fullscreen {
    background-color: grey;
    border: none!important
}

.presentation-wrapper-fullscreen .nav-arrow-left,
.presentation-wrapper-fullscreen .nav-arrow-right {
    z-index: 20001
}

.presentation-wrapper-fullscreen .nav-fullscreen-button {
    z-index: 20002
}

.presentation-wrapper {
    margin: 20px auto;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    line-height: normal
}

.presentation {
    position: relative;
    margin: 0;
    overflow: hidden;
    outline: 0
}

.presentation,
.presentation .step {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

.presentation .step.fade:not(.active) {
    opacity: 0
}

.presentation .slide-content {
    padding: 30px
}

.presentation .nav-arrow-left,
.presentation .nav-arrow-right,
.presentation .nav-fullscreen-button {
    position: absolute;
    width: 34px;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0;
    transition: opacity .25s
}

.presentation .nav-arrow-left,
.presentation .nav-arrow-right {
    height: 100%;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/shortcodes/images/slide-nav.png);
    background-size: 450% 61px
}

.presentation .nav-arrow-left {
    left: 0;
    background-position: 4px 50%
}

.presentation .nav-arrow-right {
    right: 0;
    background-position: -120px 50%
}

.presentation .nav-fullscreen-button {
    width: 32px;
    height: 32px;
    margin: 4px;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/shortcodes/images/expand.png);
    background-size: 100% 100%
}

.presentation:hover .nav-arrow-left,
.presentation:hover .nav-arrow-right {
    opacity: 1
}

.presentation:hover .nav-fullscreen-button {
    opacity: .8
}

.presentation-wrapper-fullscreen .nav-fullscreen-button {
    background-image: url(/web/20180111002310im_/https://www.kayako.com/blog/wp-content/plugins/jetpack/modules/shortcodes/images/collapse.png)
}

.presentation .autoplay-overlay {
    height: 15%;
    width: 80%;
    margin: 30% 10%;
    position: relative;
    z-index: 100;
    display: table;
    border-radius: 50px;
    background-color: #e5e5e5;
    background-color: rgba(0, 0, 0, .75);
    transition: opacity .5s
}

.presentation .autoplay-overlay .overlay-msg {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.presentation .will-fade {
    opacity: 0
}

.presentation .do-fade {
    opacity: 1;
    transition: opacity .5s
}

div.jetpack-quiz {
    border: 1px solid #deede3;
    background-color: #f3f3f3;
    padding: 1em;
    line-height: 1.3em;
    margin-bottom: 2em;
    border-radius: .2em
}

div.jetpack-quiz div.jetpack-quiz-question {
    margin-bottom: .5em;
    font-weight: 700
}

div.jetpack-quiz div.jetpack-quiz-answer {
    cursor: pointer;
    margin-bottom: .5em;
    padding: 1em 0 1em 1em;
    border-bottom: 1px dotted #999
}

div.jetpack-quiz div.jetpack-quiz-answer.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

div.jetpack-quiz div.jetpack-quiz-answer.correct {
    color: green
}

div.jetpack-quiz div.jetpack-quiz-answer.wrong {
    color: red
}

div.jetpack-quiz div.jetpack-quiz-answer div.jetpack-quiz-explanation {
    display: none
}

div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation,
div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation {
    display: block;
    color: #000;
    font-size: 90%;
    margin-top: 1em
}

div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation tt,
div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation tt {
    font-size: 85%
}

div.jetpack-quiz pre {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    background: 0 0;
    margin: 0;
    padding: 0
}

#subscribe-email input {
    width: 95%
}

.comment-subscription-form .subscribe-label {
    display: inline!important
}

.jetpack-video-wrapper {
    margin-bottom: 1.6em
}

.jetpack-video-wrapper>.wp-video,
.jetpack-video-wrapper>embed,
.jetpack-video-wrapper>iframe,
.jetpack-video-wrapper>object {
    margin-bottom: 0
}

.jetpack-social-navigation ul {
    display: block;
    margin: 0 0 1.5em;
    padding: 0
}

.jetpack-social-navigation li {
    display: inline-block;
    margin: 0;
    line-height: 1
}

.jetpack-social-navigation a {
    border: 0;
    height: 1em;
    text-decoration: none;
    width: 1em
}

.jetpack-social-navigation-svg .icon {
    color: inherit;
    fill: currentColor;
    height: 1em;
    vertical-align: middle;
    width: 1em
}

.jetpack-social-navigation-genericons a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Genericons;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    height: 1em;
    line-height: 1;
    speak: none;
    text-decoration: inherit;
    vertical-align: top;
    width: 1em
}

.jetpack-social-navigation-genericons a:before {
    content: "\f415"
}

.jetpack-social-navigation-genericons a[href*="codepen.io"]:before {
    content: "\f216"
}

.jetpack-social-navigation-genericons a[href*="digg.com"]:before {
    content: "\f221"
}

.jetpack-social-navigation-genericons a[href*="dribbble.com"]:before {
    content: "\f201"
}

.jetpack-social-navigation-genericons a[href*="dropbox.com"]:before {
    content: "\f225"
}

.jetpack-social-navigation-genericons a[href*="mailto:"]:before {
    content: "\f410"
}

.jetpack-social-navigation-genericons a[href*="facebook.com"]:before {
    content: "\f203"
}

.jetpack-social-navigation-genericons a[href*="flickr.com"]:before {
    content: "\f211"
}

.jetpack-social-navigation-genericons a[href*="foursquare.com"]:before {
    content: "\f226"
}

.jetpack-social-navigation-genericons a[href*="github.com"]:before {
    content: "\f200"
}

.jetpack-social-navigation-genericons a[href*="plus.google.com"]:before {
    content: "\f206"
}

.jetpack-social-navigation-genericons a[href*="instagram.com"]:before {
    content: "\f215"
}

.jetpack-social-navigation-genericons a[href*="linkedin.com"]:before {
    content: "\f208"
}

.jetpack-social-navigation-genericons a[href*="path.com"]:before {
    content: "\f219"
}

.jetpack-social-navigation-genericons a[href*="pinterest.com"]:before {
    content: "\f210"
}

.jetpack-social-navigation-genericons a[href*="getpocket.com"]:before {
    content: "\f224"
}

.jetpack-social-navigation-genericons a[href*="polldaddy.com"]:before {
    content: "\f217"
}

.jetpack-social-navigation-genericons a[href*="reddit.com"]:before {
    content: "\f222"
}

.jetpack-social-navigation-genericons a[href$="/feed/"]:before {
    content: "\f413"
}

.jetpack-social-navigation-genericons a[href*="skype:"]:before {
    content: "\f220"
}

.jetpack-social-navigation-genericons a[href*="spotify.com"]:before {
    content: "\f515"
}

.jetpack-social-navigation-genericons a[href*="stumbleupon.com"]:before {
    content: "\f223"
}

.jetpack-social-navigation-genericons a[href*="tumblr.com"]:before {
    content: "\f214"
}

.jetpack-social-navigation-genericons a[href*="twitch.tv"]:before {
    content: "\f516"
}

.jetpack-social-navigation-genericons a[href*="twitter.com"]:before {
    content: "\f202"
}

.jetpack-social-navigation-genericons a[href*="vimeo.com"]:before {
    content: "\f212"
}

.jetpack-social-navigation-genericons a[href*="vine.co"]:before {
    content: "\f517"
}

.jetpack-social-navigation-genericons a[href*="wordpress.com"]:before,
.jetpack-social-navigation-genericons a[href*="wordpress.org"]:before {
    content: "\f205"
}

.jetpack-social-navigation-genericons a[href*="youtube.com"]:before {
    content: "\f213"
}

.tiled-gallery {
    clear: both;
    margin: 0 0 20px;
    overflow: hidden
}

.tiled-gallery img {
    margin: 2px!important
}

.tiled-gallery .gallery-group {
    float: left;
    position: relative
}

.tiled-gallery .tiled-gallery-item {
    float: left;
    margin: 0;
    position: relative;
    width: inherit
}

.tiled-gallery .gallery-row {
    overflow: hidden
}

.tiled-gallery .tiled-gallery-item a {
    background: 0 0;
    border: none;
    color: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto
}

.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover {
    background: 0 0;
    border: none;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
    vertical-align: middle
}

.tiled-gallery-caption {
    background: #eee;
    background: rgba(255, 255, 255, .8);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap
}

.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
    font-size: 11px
}

.widget-gallery .tiled-gallery-unresized {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.tiled-gallery .tiled-gallery-item img.grayscale {
    position: absolute;
    left: 0;
    top: 0
}

.tiled-gallery .tiled-gallery-item img.grayscale:hover {
    opacity: 0
}

.tiled-gallery.type-circle .tiled-gallery-item img {
    border-radius: 50%!important
}

.tiled-gallery.type-circle .tiled-gallery-caption {
    display: none;
    opacity: 0
}

.jetpack-display-remote-posts {
    margin: 5px 0 20px 0
}

.jetpack-display-remote-posts h4 {
    font-size: 90%;
    margin: 5px 0;
    padding: 0
}

.jetpack-display-remote-posts h4 a {
    text-decoration: none
}

.jetpack-display-remote-posts p {
    margin: 0!important;
    padding: 0;
    line-height: 1.4em!important;
    font-size: 90%
}

.jetpack-display-remote-posts img {
    max-width: 100%
}

.widget-grofile h4 {
    margin: 1em 0 .5em
}

.widget-grofile ul.grofile-urls {
    margin-left: 0;
    overflow: hidden
}

.widget-grofile ul.grofile-accounts li {
    list-style: none;
    display: inline
}

.widget-grofile ul.grofile-accounts li::before {
    content: ""!important
}

.widget-grofile .grofile-accounts-logo {
    background-image: url(https://web.archive.org/web/20180111002310im_/https://secure.gravatar.com/images/grav-share-sprite.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px
}

.rtl .widget-grofile .grofile-accounts-logo {
    margin-left: 8px;
    margin-right: 0
}

.grofile-thumbnail {
    width: 500px;
    max-width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .widget-grofile .grofile-accounts-logo {
        background-image: url(https://web.archive.org/web/20180111002310im_/https://secure.gravatar.com/images/grav-share-sprite-2x.png);
        background-size: 16px 784px
    }
}

div[class^=gr_custom_container] {
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px 5px 10px 5px;
    background-color: #fff;
    color: #000
}

div[class^=gr_custom_container] a {
    color: #000
}

h2[class^=gr_custom_header] {
    display: none
}

div[class^=gr_custom_each_container] {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    overflow: auto;
    padding-bottom: 4px;
    border-bottom: 1px solid #aaa
}

div[class^=gr_custom_book_container] {
    float: right;
    overflow: hidden;
    height: 60px;
    margin-left: 4px;
    width: 39px
}

div[class^=gr_custom_author] {
    font-size: 10px
}

div[class^=gr_custom_tags] {
    font-size: 10px;
    color: gray
}

div[class^=gr_custom_rating] {
    display: none
}

.widget_wpcom_social_media_icons_widget ul {
    list-style-type: none;
    margin-left: 0
}

.widget_wpcom_social_media_icons_widget ul li {
    border: 0 none;
    display: inline;
    margin-right: .5em
}

.widget_wpcom_social_media_icons_widget li a {
    border: 0 none;
    text-decoration: none
}

.widget_wpcom_social_media_icons_widget .genericon {
    font-family: Genericons
}

.widget_wpcom_social_media_icons_widget .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.widget_wpcom_social_media_icons_widget .screen-reader-text:active,
.widget_wpcom_social_media_icons_widget .screen-reader-text:focus,
.widget_wpcom_social_media_icons_widget .screen-reader-text:hover {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.widgets-grid-layout {
    width: 100%
}

.widgets-grid-layout:after,
.widgets-grid-layout:before {
    content: " ";
    display: table
}

.widgets-grid-layout:after {
    clear: both
}

.widget-grid-view-image {
    float: left;
    max-width: 50%
}

.widget-grid-view-image a {
    display: block;
    margin: 0 2px 4px 0
}

.widget-grid-view-image:nth-child(even) {
    float: right
}

.widget-grid-view-image:nth-child(even) a {
    margin: 0 0 4px 2px
}

.widgets-grid-layout .widget-grid-view-image img {
    max-width: 100%;
    height: auto
}

.widgets-multi-column-grid ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widgets-multi-column-grid ul li {
    background: 0 0;
    clear: none;
    float: left;
    margin: 0 -5px -3px 0;
    padding: 0 8px 6px 0;
    border: none;
    list-style-type: none!important
}

.widgets-multi-column-grid ul li a {
    background: 0 0;
    margin: 0;
    padding: 0;
    border: 0
}

.widgets-multi-column-grid .avatar {
    vertical-align: middle
}

.widgets-list-layout {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widgets-list-layout li:after,
.widgets-list-layout li:before {
    content: "";
    display: table
}

.widgets-list-layout li:after {
    clear: both
}

.widgets-list-layout li {
    zoom: 1;
    margin-bottom: 1em;
    list-style-type: none!important
}

.widgets-list-layout .widgets-list-layout-blavatar {
    float: left;
    width: 21.276596%;
    max-width: 40px;
    height: auto
}

.widgets-list-layout-links {
    float: right;
    width: 73.404255%
}

.widgets-list-layout span {
    opacity: .5
}

.widgets-list-layout span:hover {
    opacity: .8
}

.jetpack-image-container:after {
    clear: both
}

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

.widgets-multi-column-grid ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.widgets-multi-column-grid ul li {
    background: 0 0;
    clear: none;
    float: left;
    margin: 0 -5px -3px 0;
    padding: 0 8px 6px 0;
    border: none;
    list-style-type: none!important
}

.widgets-multi-column-grid ul li a {
    background: 0 0;
    margin: 0;
    padding: 0;
    border: 0
}

.widgets-multi-column-grid .avatar {
    vertical-align: middle
}

.widget_jetpack_my_community .avatar-240,
.widget_jetpack_my_community .avatar-48 {
    max-width: 48px;
    max-height: 48px
}

.widget.widget_authors li>ul,
.widget_authors>ul {
    margin-left: inherit;
    padding-left: 0
}

.widget_authors ul li li {
    padding-left: 0
}

.widget_authors>ul>li {
    margin-bottom: 1em;
    list-style: none
}

.widget_authors>ul>li+li {
    border-top: 0
}

.widget.widget_authors img {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    box-shadow: none
}

.wpcnt {
    text-align: center;
    line-height: 2
}

.wpa {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.wpa-about {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    display: block;
    margin-top: 0;
    color: #888;
    font: 10px/1 "Open Sans", Arial, sans-serif!important;
    text-align: left!important;
    text-decoration: none!important;
    opacity: .85;
    border-bottom: none!important;
    box-shadow: none!important
}

.wpa .u>div {
    display: block;
    margin-top: 5px;
    margin-bottom: 1em
}

div.wpa>div {
    margin-top: 20px
}

.wpa .u .adsbygoogle {
    display: block;
    margin-top: 17px;
    margin-bottom: 1em;
    background-color: transparent
}

.widget_eu_cookie_law_widget.widget {
    border: none;
    bottom: 1em;
    display: none;
    left: 1em;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 1em;
    width: auto;
    z-index: 50001
}

#eu-cookie-law {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #2e4467;
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    padding: 6px 6px 6px 15px;
    position: relative
}

#eu-cookie-law a,
#eu-cookie-law a:active,
#eu-cookie-law a:visited {
    color: inherit;
    cursor: inherit;
    text-decoration: underline
}

#eu-cookie-law a:hover {
    cursor: pointer;
    text-decoration: none
}

#eu-cookie-law.negative {
    background-color: #000;
    border: none;
    color: #fff
}

#eu-cookie-law input,
#eu-cookie-law input:focus,
#eu-cookie-law input:hover {
    background: #f3f3f3;
    border: 1px solid #dedede;
    border-radius: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #2e4453;
    cursor: pointer;
    display: inline;
    float: right;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    line-height: inherit;
    margin: 0 0 0 5%;
    padding: 8px 12px;
    position: static;
    text-transform: none
}

#eu-cookie-law.negative input,
#eu-cookie-law.negative input:focus,
#eu-cookie-law.negative input:hover {
    background: #282828;
    border-color: #535353;
    color: #fff
}

@media (max-width:600px) {
    #eu-cookie-law {
        padding-bottom: 55px
    }
    #eu-cookie-law input.accept {
        bottom: 8px;
        position: absolute;
        right: 8px
    }
}

.flickr-images {
    text-align: center
}

.flickr-size-thumbnail .flickr-images {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.flickr-images img {
    max-width: 100%;
    margin: 5px
}

.hs-team-avatar {
    float: left;
    padding: 0 10px 10px 0
}

.hs-team {
    display: block;
    min-height: 130px;
    vertical-align: top;
    padding-bottom: 30px
}

.hs-description img {
    float: left;
    margin: 0;
    padding: 0 3px 0 0
}

#hs_custom_form table,
#hs_custom_form tr,
#hs_custom_form tr td {
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    background: none;
    vertical-align: top
}

#hs_custom_form tr td {
    padding: 6px 24px
}

#hs_custom_form textarea {
    width: 100%;
    height: 100px
}

input.hs-button {
    background: #88b8bf!important;
    color: #fff;
    text-transform: none;
    border-radius: 3px;
    font-size: 16px;
    height: 36px;
    padding: 10px 30px;
    box-shadow: none;
    white-space: nowrap;
    line-height: 1;
    overflow: hidden;
    font-family: 'BrandonText-Medium', sans-serif;
    margin-top: 20px;
    border: none;
    margin-bottom: 20px
}

.hs-form-field {
    text-align: left;
    margin-bottom: 10px
}

.hs-form-field label {
    text-align: left;
    font-size: 15px;
    font-weight: 600
}

.hbspt-form {
    margin-top: -20px
}
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(/web/20180111001255im_/https://www.kayako.com/_themes/novo/css/vendor/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
     FILE ARCHIVED ON 00:12:55 Jan 11, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:01:41 Jan 14, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 118.291 (3)
  esindex: 0.027
  captures_list: 154.796
  CDXLines.iter: 25.363 (3)
  PetaboxLoader3.datanode: 118.028 (5)
  exclusion.robots: 0.212
  exclusion.robots.policy: 0.198
  RedisCDXSource: 2.127
  PetaboxLoader3.resolve: 258.762 (3)
  load_resource: 314.597
*/