.ais-clear, .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    color: #4d545d;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    height: 32px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    vertical-align: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap
}

.ais-clear:hover, .button:hover {
    border-color: #aeb1b5
}

.ais-clear:active, .ais-clear:focus, .button.is-active, .button:active, .button:focus, .is-active.ais-clear {
    border-color: #274a9c;
    outline: 0
}

.button.is-disabled, .button[disabled], .is-disabled.ais-clear, [disabled].ais-clear {
    background-color: #f5f7fa;
    border-color: #d7d7d7;
    cursor: not-allowed;
    pointer-events: none
}

.button.is-disabled::-moz-placeholder, .button[disabled]::-moz-placeholder, .is-disabled.ais-clear::-moz-placeholder, [disabled].ais-clear::-moz-placeholder {
    color: rgba(77, 84, 93, .3)
}

.button.is-disabled::-webkit-input-placeholder, .button[disabled]::-webkit-input-placeholder, .is-disabled.ais-clear::-webkit-input-placeholder, [disabled].ais-clear::-webkit-input-placeholder {
    color: rgba(77, 84, 93, .3)
}

.button.is-disabled:-moz-placeholder, .button[disabled]:-moz-placeholder, .is-disabled.ais-clear:-moz-placeholder, [disabled].ais-clear:-moz-placeholder {
    color: rgba(77, 84, 93, .3)
}

.button.is-disabled:-ms-input-placeholder, .button[disabled]:-ms-input-placeholder, .is-disabled.ais-clear:-ms-input-placeholder, [disabled].ais-clear:-ms-input-placeholder {
    color: rgba(77, 84, 93, .3)
}

.ais-clear strong, .button strong {
    color: inherit
}

.ais-clear small, .button small {
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-top: 5px
}

.ais-clear .ais-refinement-list--count:first-child, .ais-clear .icon:first-child, .ais-clear .tag:first-child, .button .ais-refinement-list--count:first-child, .button .icon:first-child, .button .tag:first-child {
    margin-left: -2px;
    margin-right: 4px
}

.ais-clear .ais-refinement-list--count:last-child, .ais-clear .icon:last-child, .ais-clear .tag:last-child, .button .ais-refinement-list--count:last-child, .button .icon:last-child, .button .tag:last-child {
    margin-left: 4px;
    margin-right: -2px
}

.ais-clear:focus, .ais-clear:hover, .button.is-active, .button:focus, .button:hover, .is-active.ais-clear {
    color: #4d545d
}

.ais-clear:active, .button:active {
    -webkit-box-shadow: inset 0 1px 2px hsla(0, 0%, 7%, .2);
    box-shadow: inset 0 1px 2px hsla(0, 0%, 7%, .2)
}

.button.is-white, .is-white.ais-clear {
    background-color: #fff;
    border-color: transparent;
    color: #111
}

.button.is-white.is-active, .button.is-white:focus, .button.is-white:hover, .is-white.ais-clear:focus, .is-white.ais-clear:hover, .is-white.is-active.ais-clear {
    background-color: #e6e5e5;
    border-color: transparent;
    color: #111
}

.button.is-white:active, .is-white.ais-clear:active {
    border-color: transparent
}

.button.is-white.is-inverted, .is-white.is-inverted.ais-clear {
    background-color: #111;
    color: #fff
}

.button.is-white.is-inverted:hover, .is-white.is-inverted.ais-clear:hover {
    background-color: #040404
}

.button.is-white.is-loading:after, .is-white.is-loading.ais-clear:after {
    border-color: transparent transparent #111 #111 !important
}

.button.is-white.is-outlined, .is-white.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.button.is-white.is-outlined:focus, .button.is-white.is-outlined:hover, .is-white.is-outlined.ais-clear:focus, .is-white.is-outlined.ais-clear:hover {
    background-color: #fff;
    border-color: #fff;
    color: #111
}

.button.is-black, .is-black.ais-clear {
    background-color: #111;
    border-color: transparent;
    color: #fff
}

.button.is-black.is-active, .button.is-black:focus, .button.is-black:hover, .is-black.ais-clear:focus, .is-black.ais-clear:hover, .is-black.is-active.ais-clear {
    background-color: #000;
    border-color: transparent;
    color: #fff
}

.button.is-black:active, .is-black.ais-clear:active {
    border-color: transparent
}

.button.is-black.is-inverted, .is-black.is-inverted.ais-clear {
    background-color: #fff;
    color: #111
}

.button.is-black.is-inverted:hover, .is-black.is-inverted.ais-clear:hover {
    background-color: #f2f2f2
}

.button.is-black.is-loading:after, .is-black.is-loading.ais-clear:after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-black.is-outlined, .is-black.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #111;
    color: #111
}

.button.is-black.is-outlined:focus, .button.is-black.is-outlined:hover, .is-black.is-outlined.ais-clear:focus, .is-black.is-outlined.ais-clear:hover {
    background-color: #111;
    border-color: #111;
    color: #fff
}

.button.is-light, .is-light.ais-clear {
    background-color: #f5f7fa;
    border-color: transparent;
    color: #69707a
}

.button.is-light.is-active, .button.is-light:focus, .button.is-light:hover, .is-light.ais-clear:focus, .is-light.ais-clear:hover, .is-light.is-active.ais-clear {
    background-color: #d3dce9;
    border-color: transparent;
    color: #69707a
}

.button.is-light:active, .is-light.ais-clear:active {
    border-color: transparent
}

.button.is-light.is-inverted, .is-light.is-inverted.ais-clear {
    background-color: #69707a;
    color: #f5f7fa
}

.button.is-light.is-inverted:hover, .is-light.is-inverted.ais-clear:hover {
    background-color: #5d636c
}

.button.is-light.is-loading:after, .is-light.is-loading.ais-clear:after {
    border-color: transparent transparent #69707a #69707a !important
}

.button.is-light.is-outlined, .is-light.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #f5f7fa;
    color: #f5f7fa
}

.button.is-light.is-outlined:focus, .button.is-light.is-outlined:hover, .is-light.is-outlined.ais-clear:focus, .is-light.is-outlined.ais-clear:hover {
    background-color: #f5f7fa;
    border-color: #f5f7fa;
    color: #69707a
}

.button.is-dark, .is-dark.ais-clear {
    background-color: #69707a;
    border-color: transparent;
    color: #f5f7fa
}

.button.is-dark.is-active, .button.is-dark:focus, .button.is-dark:hover, .is-dark.ais-clear:focus, .is-dark.ais-clear:hover, .is-dark.is-active.ais-clear {
    background-color: #51575f;
    border-color: transparent;
    color: #f5f7fa
}

.button.is-dark:active, .is-dark.ais-clear:active {
    border-color: transparent
}

.button.is-dark.is-inverted, .is-dark.is-inverted.ais-clear {
    background-color: #f5f7fa;
    color: #69707a
}

.button.is-dark.is-inverted:hover, .is-dark.is-inverted.ais-clear:hover {
    background-color: #e4e9f2
}

.button.is-dark.is-loading:after, .is-dark.is-loading.ais-clear:after {
    border-color: transparent transparent #f5f7fa #f5f7fa !important
}

.button.is-dark.is-outlined, .is-dark.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #69707a;
    color: #69707a
}

.button.is-dark.is-outlined:focus, .button.is-dark.is-outlined:hover, .is-dark.is-outlined.ais-clear:focus, .is-dark.is-outlined.ais-clear:hover {
    background-color: #69707a;
    border-color: #69707a;
    color: #f5f7fa
}

.button.is-primary, .is-primary.ais-clear {
    background-color: #274a9c;
    border-color: transparent;
    color: #fff
}

.button.is-primary.is-active, .button.is-primary:focus, .button.is-primary:hover, .is-primary.ais-clear:focus, .is-primary.ais-clear:hover, .is-primary.is-active.ais-clear {
    background-color: #007f80;
    border-color: transparent;
    color: #fff
}

.button.is-primary:active, .is-primary.ais-clear:active {
    border-color: transparent
}

.button.is-primary.is-inverted, .is-primary.is-inverted.ais-clear {
    background-color: #fff;
    color: #274a9c
}

.button.is-primary.is-inverted:hover, .is-primary.is-inverted.ais-clear:hover {
    background-color: #f2f2f2
}

.button.is-primary.is-loading:after, .is-primary.is-loading.ais-clear:after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-outlined, .is-primary.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #274a9c;
    color: #274a9c
}

.button.is-primary.is-outlined:focus, .button.is-primary.is-outlined:hover, .is-primary.is-outlined.ais-clear:focus, .is-primary.is-outlined.ais-clear:hover {
    background-color: #274a9c;
    border-color: #274a9c;
    color: #fff
}

.ais-clear, .button.is-secondary {
    background-color: #274a9c;
    border-color: transparent;
    color: #fff
}

.ais-clear:focus, .ais-clear:hover, .button.is-secondary.is-active, .button.is-secondary:focus, .button.is-secondary:hover, .is-active.ais-clear {
    background-color: #3d5a9c;
    border-color: transparent;
    color: #fff
}

.ais-clear:active, .button.is-secondary:active {
    border-color: transparent
}

.button.is-secondary.is-inverted, .is-inverted.ais-clear {
    background-color: #fff;
    color: #274a9c
}

.button.is-secondary.is-inverted:hover, .is-inverted.ais-clear:hover {
    background-color: #f2f2f2
}

.button.is-secondary.is-loading:after, .is-loading.ais-clear:after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-secondary.is-outlined, .is-outlined.ais-clear {
    background-color: transparent;
    border-color: #274a9c;
    color: #274a9c
}

.button.is-secondary.is-outlined:focus, .button.is-secondary.is-outlined:hover, .is-outlined.ais-clear:focus, .is-outlined.ais-clear:hover {
    background-color: #274a9c;
    border-color: #274a9c;
    color: #fff
}

.button.is-info, .is-info.ais-clear {
    background-color: #42afe3;
    border-color: transparent;
    color: #fff
}

.button.is-info.is-active, .button.is-info:focus, .button.is-info:hover, .is-info.ais-clear:focus, .is-info.ais-clear:hover, .is-info.is-active.ais-clear {
    background-color: #1f99d3;
    border-color: transparent;
    color: #fff
}

.button.is-info:active, .is-info.ais-clear:active {
    border-color: transparent
}

.button.is-info.is-inverted, .is-info.is-inverted.ais-clear {
    background-color: #fff;
    color: #42afe3
}

.button.is-info.is-inverted:hover, .is-info.is-inverted.ais-clear:hover {
    background-color: #f2f2f2
}

.button.is-info.is-loading:after, .is-info.is-loading.ais-clear:after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-info.is-outlined, .is-info.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #42afe3;
    color: #42afe3
}

.button.is-info.is-outlined:focus, .button.is-info.is-outlined:hover, .is-info.is-outlined.ais-clear:focus, .is-info.is-outlined.ais-clear:hover {
    background-color: #42afe3;
    border-color: #42afe3;
    color: #fff
}

.button.is-success, .is-success.ais-clear {
    background-color: #ef6733;
    border-color: transparent;
    color: #fff
}

.button.is-success.is-active, .button.is-success:focus, .button.is-success:hover, .is-success.ais-clear:focus, .is-success.ais-clear:hover, .is-success.is-active.ais-clear {
    background-color: #de4a11;
    border-color: transparent;
    color: #fff
}

.button.is-success:active, .is-success.ais-clear:active {
    border-color: transparent
}

.button.is-success.is-inverted, .is-success.is-inverted.ais-clear {
    background-color: #fff;
    color: #ef6733
}

.button.is-success.is-inverted:hover, .is-success.is-inverted.ais-clear:hover {
    background-color: #f2f2f2
}

.button.is-success.is-loading:after, .is-success.is-loading.ais-clear:after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-outlined, .is-success.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #ef6733;
    color: #ef6733
}

.button.is-success.is-outlined:focus, .button.is-success.is-outlined:hover, .is-success.is-outlined.ais-clear:focus, .is-success.is-outlined.ais-clear:hover {
    background-color: #ef6733;
    border-color: #ef6733;
    color: #fff
}

.button.is-warning, .is-warning.ais-clear {
    background-color: #fce473;
    border-color: transparent;
    color: hsla(0, 0%, 7%, .5)
}

.button.is-warning.is-active, .button.is-warning:focus, .button.is-warning:hover, .is-warning.ais-clear:focus, .is-warning.ais-clear:hover, .is-warning.is-active.ais-clear {
    background-color: #fbda41;
    border-color: transparent;
    color: hsla(0, 0%, 7%, .5)
}

.button.is-warning:active, .is-warning.ais-clear:active {
    border-color: transparent
}

.button.is-warning.is-inverted, .is-warning.is-inverted.ais-clear {
    background-color: hsla(0, 0%, 7%, .5);
    color: #fce473
}

.button.is-warning.is-inverted:hover, .is-warning.is-inverted.ais-clear:hover {
    background-color: rgba(4, 4, 4, .5)
}

.button.is-warning.is-loading:after, .is-warning.is-loading.ais-clear:after {
    border-color: transparent transparent hsla(0, 0%, 7%, .5) hsla(0, 0%, 7%, .5) !important
}

.button.is-warning.is-outlined, .is-warning.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #fce473;
    color: #fce473
}

.button.is-warning.is-outlined:focus, .button.is-warning.is-outlined:hover, .is-warning.is-outlined.ais-clear:focus, .is-warning.is-outlined.ais-clear:hover {
    background-color: #fce473;
    border-color: #fce473;
    color: hsla(0, 0%, 7%, .5)
}

.button.is-danger, .is-danger.ais-clear {
    background-color: #ed6c63;
    border-color: transparent;
    color: #fff
}

.button.is-danger.is-active, .button.is-danger:focus, .button.is-danger:hover, .is-danger.ais-clear:focus, .is-danger.ais-clear:hover, .is-danger.is-active.ais-clear {
    background-color: #e84135;
    border-color: transparent;
    color: #fff
}

.button.is-danger:active, .is-danger.ais-clear:active {
    border-color: transparent
}

.button.is-danger.is-inverted, .is-danger.is-inverted.ais-clear {
    background-color: #fff;
    color: #ed6c63
}

.button.is-danger.is-inverted:hover, .is-danger.is-inverted.ais-clear:hover {
    background-color: #f2f2f2
}

.button.is-danger.is-loading:after, .is-danger.is-loading.ais-clear:after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-danger.is-outlined, .is-danger.is-outlined.ais-clear {
    background-color: transparent;
    border-color: #ed6c63;
    color: #ed6c63
}

.button.is-danger.is-outlined:focus, .button.is-danger.is-outlined:hover, .is-danger.is-outlined.ais-clear:focus, .is-danger.is-outlined.ais-clear:hover {
    background-color: #ed6c63;
    border-color: #ed6c63;
    color: #fff
}

.button.is-link, .is-link.ais-clear {
    background-color: transparent;
    border-color: transparent;
    color: #4d545d;
    text-decoration: underline
}

.button.is-link:focus, .button.is-link:hover, .is-link.ais-clear:focus, .is-link.ais-clear:hover {
    background-color: #d7d7d7;
    color: #4d545d
}

.button.is-small, .is-small.ais-clear {
    border-radius: 2px;
    font-size: 11px;
    height: 24px;
    line-height: 16px;
    padding-left: 6px;
    padding-right: 6px
}

.button.is-medium, .is-medium.ais-clear {
    font-size: 18px;
    height: 40px;
    padding-left: 14px;
    padding-right: 14px
}

.button.is-large, .is-large.ais-clear {
    font-size: 22px;
    height: 48px;
    padding-left: 20px;
    padding-right: 20px
}

.button.is-disabled, .button[disabled], .is-disabled.ais-clear, [disabled].ais-clear {
    opacity: .5
}

.button.is-fullwidth, .is-fullwidth.ais-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.button.is-loading, .is-loading.ais-clear {
    color: transparent !important;
    pointer-events: none
}

.button.is-loading:after, .is-loading.ais-clear:after {
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    position: absolute !important
}

.content a:not(.button):not(.ais-clear) {
    border-bottom: 1px solid #d7d7d7
}

.content a:not(.button):not(.ais-clear):visited {
    color: #847bb9
}

.content a:not(.button):not(.ais-clear):hover {
    border-bottom-color: #274a9c
}

.content li + li {
    margin-top: .25em
}

.content blockquote:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #4d545d;
    font-weight: 300;
    line-height: 1.125;
    margin-bottom: 20px
}

.content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child) {
    margin-top: 40px
}

.content blockquote {
    background-color: #f5f7fa;
    border-left: 5px solid #d7d7d7;
    padding: 1.5em
}

.content h1 {
    font-size: 2em
}

.content h2 {
    font-size: 1.75em
}

.content h3 {
    font-size: 1.5em
}

.content h4 {
    font-size: 1.25em
}

.content h5 {
    font-size: 1.125em
}

.content h6 {
    font-size: 1em
}

.content ol {
    list-style: decimal outside
}

.content ol, .content ul {
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 1em
}

.content ul {
    list-style: disc outside
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content.is-medium {
    font-size: 18px
}

.content.is-medium code {
    font-size: 16px
}

.content.is-large {
    font-size: 24px
}

.content.is-large code {
    font-size: 18px
}

.ais-search-box {
    height: 32px;
}

.ais-input, .input, .textarea, .ais-search-box--input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    color: #4d545d;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    height: 32px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    vertical-align: top;
    -webkit-box-shadow: inset 0 1px 2px hsla(0, 0%, 7%, .1);
    box-shadow: inset 0 1px 2px hsla(0, 0%, 7%, .1);
    max-width: 100%;
    width: 100%
}

.ais-input:hover, .input:hover, .textarea:hover, .ais-search-box--input:hover {
    border-color: #aeb1b5
}

.ais-input:active, .ais-input:focus, .input.is-active, .input:active, .input:focus, .is-active.ais-input, .is-active.textarea, .textarea:active, .textarea:focus {
    border-color: #274a9c;
    outline: 0
}

.input.is-disabled, .input[disabled], .is-disabled.ais-input, .is-disabled.textarea, [disabled].ais-input, [disabled].textarea {
    background-color: #f5f7fa;
    border-color: #d7d7d7;
    cursor: not-allowed;
    pointer-events: none
}

.input.is-disabled::-moz-placeholder, .input[disabled]::-moz-placeholder, .is-disabled.ais-input::-moz-placeholder, .is-disabled.textarea::-moz-placeholder, [disabled].ais-input::-moz-placeholder, [disabled].textarea::-moz-placeholder {
    color: rgba(77, 84, 93, .3)
}

.input.is-disabled::-webkit-input-placeholder, .input[disabled]::-webkit-input-placeholder, .is-disabled.ais-input::-webkit-input-placeholder, .is-disabled.textarea::-webkit-input-placeholder, [disabled].ais-input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder {
    color: rgba(77, 84, 93, .3)
}

.input.is-disabled:-moz-placeholder, .input[disabled]:-moz-placeholder, .is-disabled.ais-input:-moz-placeholder, .is-disabled.textarea:-moz-placeholder, [disabled].ais-input:-moz-placeholder, [disabled].textarea:-moz-placeholder {
    color: rgba(77, 84, 93, .3)
}

.input.is-disabled:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder, .is-disabled.ais-input:-ms-input-placeholder, .is-disabled.textarea:-ms-input-placeholder, [disabled].ais-input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder {
    color: rgba(77, 84, 93, .3)
}

.input.is-white, .is-white.ais-input, .is-white.textarea {
    border-color: #fff
}

.input.is-black, .is-black.ais-input, .is-black.textarea {
    border-color: #111
}

.input.is-light, .is-light.ais-input, .is-light.textarea {
    border-color: #f5f7fa
}

.input.is-dark, .is-dark.ais-input, .is-dark.textarea {
    border-color: #69707a
}

.input.is-primary, .is-primary.ais-input, .is-primary.textarea {
    border-color: #274a9c
}

.input.is-secondary, .is-secondary.ais-input, .is-secondary.textarea {
    border-color: #274a9c
}

.input.is-info, .is-info.ais-input, .is-info.textarea {
    border-color: #42afe3
}

.input.is-success, .is-success.ais-input, .is-success.textarea {
    border-color: #ef6733
}

.input.is-warning, .is-warning.ais-input, .is-warning.textarea {
    border-color: #fce473
}

.input.is-danger, .is-danger.ais-input, .is-danger.textarea {
    border-color: #ed6c63
}

.input.is-small, .is-small.ais-input, .is-small.textarea {
    border-radius: 2px;
    font-size: 11px;
    height: 24px;
    line-height: 16px;
    padding-left: 6px;
    padding-right: 6px
}

.input.is-medium, .is-medium.ais-input, .is-medium.textarea {
    font-size: 18px;
    height: 40px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px
}

.input.is-large, .is-large.ais-input, .is-large.textarea {
    font-size: 24px;
    height: 48px;
    line-height: 40px;
    padding-left: 12px;
    padding-right: 12px
}

.input.is-fullwidth, .is-fullwidth.ais-input, .is-fullwidth.textarea {
    display: block;
    width: 100%
}

.input.is-inline, .is-inline.ais-input, .is-inline.textarea {
    display: inline;
    width: auto
}

.textarea {
    display: block;
    line-height: 1.2;
    max-height: 600px;
    max-width: 100%;
    min-height: 120px;
    min-width: 100%;
    padding: 10px;
    resize: vertical
}

.checkbox, .radio {
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    position: relative;
    vertical-align: top
}

.checkbox input, .radio input {
    cursor: pointer
}

.checkbox:hover, .radio:hover {
    color: #4d545d
}

.is-disabled.checkbox, .is-disabled.radio {
    color: #59616b;
    pointer-events: none
}

.is-disabled.checkbox input, .is-disabled.radio input {
    pointer-events: none
}

.radio + .radio {
    margin-left: 10px
}

.select {
    display: inline-block
}

.select, .select select {
    height: 32px;
    position: relative;
    vertical-align: top
}

.select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    color: #4d545d;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    display: block;
    outline: 0;
    padding-right: 36px
}

.select select.is-active, .select select:active, .select select:focus {
    border-color: #274a9c;
    outline: 0
}

.select select.is-disabled, .select select[disabled] {
    background-color: #f5f7fa;
    border-color: #d7d7d7;
    cursor: not-allowed;
    pointer-events: none
}

.select select.is-disabled::-moz-placeholder, .select select[disabled]::-moz-placeholder {
    color: rgba(77, 84, 93, .3)
}

.select select.is-disabled::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder {
    color: rgba(77, 84, 93, .3)
}

.select select.is-disabled:-moz-placeholder, .select select[disabled]:-moz-placeholder {
    color: rgba(77, 84, 93, .3)
}

.select select.is-disabled:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder {
    color: rgba(77, 84, 93, .3)
}

.select select.is-white {
    border-color: #fff
}

.select select.is-black {
    border-color: #111
}

.select select.is-light {
    border-color: #f5f7fa
}

.select select.is-dark {
    border-color: #69707a
}

.select select.is-primary {
    border-color: #274a9c
}

.select select.is-secondary {
    border-color: #274a9c
}

.select select.is-info {
    border-color: #42afe3
}

.select select.is-success {
    border-color: #ef6733
}

.select select.is-warning {
    border-color: #fce473
}

.select select.is-danger {
    border-color: #ed6c63
}

.select select:hover {
    border-color: #aeb1b5
}

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

.select.is-fullwidth, .select.is-fullwidth select {
    width: 100%
}

.select:after {
    border: 1px solid #274a9c;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 7px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px;
    right: 16px;
    top: 50%
}

.select:hover:after {
    border-color: #4d545d
}

.select.is-small {
    height: 24px
}

.select.is-small select {
    border-radius: 2px;
    font-size: 11px;
    height: 24px;
    line-height: 16px;
    padding-left: 6px;
    padding-right: 6px;
    padding-right: 28px
}

.select.is-medium {
    height: 40px
}

.select.is-medium select {
    font-size: 18px;
    height: 40px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    padding-right: 44px
}

.select.is-large {
    height: 48px
}

.select.is-large select {
    font-size: 24px;
    height: 48px;
    line-height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    padding-right: 52px
}

.label:not(:last-child) {
    margin-bottom: 5px
}

.help {
    display: block;
    font-size: 11px;
    margin-top: 5px
}

.help.is-white {
    color: #fff
}

.help.is-black {
    color: #111
}

.help.is-light {
    color: #f5f7fa
}

.help.is-dark {
    color: #69707a
}

.help.is-primary {
    color: #274a9c
}

.help.is-secondary {
    color: #274a9c
}

.help.is-info {
    color: #42afe3
}

.help.is-success {
    color: #ef6733
}

.help.is-warning {
    color: #fce473
}

.help.is-danger {
    color: #ed6c63
}

@media screen and (max-width: 768px) {
    .control-label {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 769px) {
    .control-label {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 20px;
        padding-top: 7px;
        text-align: right
    }
}

.control {
    position: relative;
    text-align: left
}

.control:not(:last-child) {
    margin-bottom: 10px
}

.control.has-addons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.control.has-addons .ais-clear, .control.has-addons .ais-input, .control.has-addons .button, .control.has-addons .input, .control.has-addons .select, .control.has-addons .textarea {
    border-radius: 0;
    margin-right: -1px;
    width: auto
}

.control.has-addons .ais-clear:hover, .control.has-addons .ais-input:hover, .control.has-addons .button:hover, .control.has-addons .input:hover, .control.has-addons .select:hover, .control.has-addons .textarea:hover {
    z-index: 2
}

.control.has-addons .ais-clear:active, .control.has-addons .ais-clear:focus, .control.has-addons .ais-input:active, .control.has-addons .ais-input:focus, .control.has-addons .button:active, .control.has-addons .button:focus, .control.has-addons .input:active, .control.has-addons .input:focus, .control.has-addons .select:active, .control.has-addons .select:focus, .control.has-addons .textarea:active, .control.has-addons .textarea:focus {
    z-index: 3
}

.control.has-addons .ais-clear:first-child, .control.has-addons .ais-clear:first-child select, .control.has-addons .ais-input:first-child, .control.has-addons .ais-input:first-child select, .control.has-addons .button:first-child, .control.has-addons .button:first-child select, .control.has-addons .input:first-child, .control.has-addons .input:first-child select, .control.has-addons .select:first-child, .control.has-addons .select:first-child select, .control.has-addons .textarea:first-child, .control.has-addons .textarea:first-child select {
    border-radius: 3px 0 0 3px
}

.control.has-addons .ais-clear:last-child, .control.has-addons .ais-clear:last-child select, .control.has-addons .ais-input:last-child, .control.has-addons .ais-input:last-child select, .control.has-addons .button:last-child, .control.has-addons .button:last-child select, .control.has-addons .input:last-child, .control.has-addons .input:last-child select, .control.has-addons .select:last-child, .control.has-addons .select:last-child select, .control.has-addons .textarea:last-child, .control.has-addons .textarea:last-child select {
    border-radius: 0 3px 3px 0
}

.control.has-addons .button.is-expanded, .control.has-addons .input.is-expanded, .control.has-addons .is-expanded.ais-clear, .control.has-addons .is-expanded.ais-input, .control.has-addons .is-expanded.textarea, .control.has-addons .select.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.control.has-addons.has-addons-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.control.has-addons.has-addons-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.control.has-addons.has-addons-fullwidth .ais-clear, .control.has-addons.has-addons-fullwidth .ais-input, .control.has-addons.has-addons-fullwidth .button, .control.has-addons.has-addons-fullwidth .input, .control.has-addons.has-addons-fullwidth .select, .control.has-addons.has-addons-fullwidth .textarea {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.control.has-icon > .fa {
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 24px;
    color: #59616b;
    pointer-events: none;
    position: absolute;
    top: 4px;
    z-index: 4
}

.control.has-icon .ais-input:focus + .fa, .control.has-icon .input:focus + .fa, .control.has-icon .textarea:focus + .fa {
    color: #4d545d
}

.control.has-icon .input.is-small + .fa, .control.has-icon .is-small.ais-input + .fa, .control.has-icon .is-small.textarea + .fa {
    font-size: 10.5px;
    top: 0
}

.control.has-icon .input.is-medium + .fa, .control.has-icon .is-medium.ais-input + .fa, .control.has-icon .is-medium.textarea + .fa {
    font-size: 21px;
    top: 8px
}

.control.has-icon .input.is-large + .fa, .control.has-icon .is-large.ais-input + .fa, .control.has-icon .is-large.textarea + .fa {
    font-size: 21px;
    top: 12px
}

.control.has-icon:not(.has-icon-right) > .fa {
    left: 4px
}

.control.has-icon:not(.has-icon-right) .ais-input, .control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .textarea {
    padding-left: 32px
}

.control.has-icon:not(.has-icon-right) .input.is-small, .control.has-icon:not(.has-icon-right) .is-small.ais-input, .control.has-icon:not(.has-icon-right) .is-small.textarea {
    padding-left: 24px
}

.control.has-icon:not(.has-icon-right) .input.is-small + .fa, .control.has-icon:not(.has-icon-right) .is-small.ais-input + .fa, .control.has-icon:not(.has-icon-right) .is-small.textarea + .fa {
    left: 0
}

.control.has-icon:not(.has-icon-right) .input.is-medium, .control.has-icon:not(.has-icon-right) .is-medium.ais-input, .control.has-icon:not(.has-icon-right) .is-medium.textarea {
    padding-left: 40px
}

.control.has-icon:not(.has-icon-right) .input.is-medium + .fa, .control.has-icon:not(.has-icon-right) .is-medium.ais-input + .fa, .control.has-icon:not(.has-icon-right) .is-medium.textarea + .fa {
    left: 8px
}

.control.has-icon:not(.has-icon-right) .input.is-large, .control.has-icon:not(.has-icon-right) .is-large.ais-input, .control.has-icon:not(.has-icon-right) .is-large.textarea {
    padding-left: 48px
}

.control.has-icon:not(.has-icon-right) .input.is-large + .fa, .control.has-icon:not(.has-icon-right) .is-large.ais-input + .fa, .control.has-icon:not(.has-icon-right) .is-large.textarea + .fa {
    left: 12px
}

.control.has-icon.has-icon-right > .fa {
    right: 4px
}

.control.has-icon.has-icon-right .ais-input, .control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .textarea {
    padding-right: 32px
}

.control.has-icon.has-icon-right .input.is-small, .control.has-icon.has-icon-right .is-small.ais-input, .control.has-icon.has-icon-right .is-small.textarea {
    padding-right: 24px
}

.control.has-icon.has-icon-right .input.is-small + .fa, .control.has-icon.has-icon-right .is-small.ais-input + .fa, .control.has-icon.has-icon-right .is-small.textarea + .fa {
    right: 0
}

.control.has-icon.has-icon-right .input.is-medium, .control.has-icon.has-icon-right .is-medium.ais-input, .control.has-icon.has-icon-right .is-medium.textarea {
    padding-right: 40px
}

.control.has-icon.has-icon-right .input.is-medium + .fa, .control.has-icon.has-icon-right .is-medium.ais-input + .fa, .control.has-icon.has-icon-right .is-medium.textarea + .fa {
    right: 8px
}

.control.has-icon.has-icon-right .input.is-large, .control.has-icon.has-icon-right .is-large.ais-input, .control.has-icon.has-icon-right .is-large.textarea {
    padding-right: 48px
}

.control.has-icon.has-icon-right .input.is-large + .fa, .control.has-icon.has-icon-right .is-large.ais-input + .fa, .control.has-icon.has-icon-right .is-large.textarea + .fa {
    right: 12px
}

.control.is-grouped {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.control.is-grouped > .control:not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px
}

.control.is-grouped > .control.is-expanded {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.control.is-grouped.is-grouped-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.control.is-grouped.is-grouped-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 769px) {
    .control.is-horizontal, .control.is-horizontal > .control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .control.is-horizontal > .control {
        -webkit-box-flex: 5;
        -ms-flex-positive: 5;
        flex-grow: 5
    }
}

.control.is-loading:after {
    position: absolute !important;
    right: 8px;
    top: 8px
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.image.is-16by9 img, .image.is-1by1 img, .image.is-2by1 img, .image.is-3by2 img, .image.is-4by3 img, .image.is-square img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.image.is-1by1, .image.is-square {
    padding-top: 100%
}

.image.is-4by3 {
    padding-top: 75%
}

.image.is-3by2 {
    padding-top: 66.6666%
}

.image.is-16by9 {
    padding-top: 56.25%
}

.image.is-2by1 {
    padding-top: 50%
}

.image.is-16x16 {
    height: 16px;
    width: 16px
}

.image.is-24x24 {
    height: 24px;
    width: 24px
}

.image.is-32x32 {
    height: 32px;
    width: 32px
}

.image.is-48x48 {
    height: 48px;
    width: 48px
}

.image.is-64x64 {
    height: 64px;
    width: 64px
}

.image.is-75x75 {
    height: 75px;
    width: 75px
}

.image.is-96x96 {
    height: 96px;
    width: 96px
}

.image.is-128x128 {
    height: 128px;
    width: 128px
}

.notification {
    background-color: #f5f7fa;
    border-radius: 3px;
    padding: 16px 20px;
    position: relative
}

.notification:after {
    clear: both;
    content: " ";
    display: table
}

.notification .delete, .notification .modal-close {
    border-radius: 0 3px;
    float: right;
    margin: -16px -20px 0 20px
}

.footer-section .notification .newsletter-heading, .notification .footer-section .newsletter-heading, .notification .heading, .notification .subheading, .notification .subtitle, .notification .title {
    color: inherit
}

.notification.is-white {
    background-color: #fff;
    color: #111
}

.notification.is-black {
    background-color: #111;
    color: #fff
}

.notification.is-light {
    background-color: #f5f7fa;
    color: #69707a
}

.notification.is-dark {
    background-color: #69707a;
    color: #f5f7fa
}

.notification.is-primary {
    background-color: #274a9c;
    color: #fff
}

.notification.is-secondary {
    background-color: #274a9c;
    color: #fff
}

.notification.is-info {
    background-color: #42afe3;
    color: #fff
}

.notification.is-success {
    background-color: #ef6733;
    color: #fff
}

.notification.is-warning {
    background-color: #fce473;
    color: hsla(0, 0%, 7%, .5)
}

.notification.is-danger {
    background-color: #ed6c63;
    color: #fff
}

.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 290486px;
    display: block;
    height: 12px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.progress::-webkit-progress-bar {
    background-color: #d7d7d7
}

.progress::-webkit-progress-value {
    background-color: #4d545d
}

.progress::-moz-progress-bar {
    background-color: #4d545d
}

.progress.is-white::-webkit-progress-value {
    background-color: #fff
}

.progress.is-white::-moz-progress-bar {
    background-color: #fff
}

.progress.is-black::-webkit-progress-value {
    background-color: #111
}

.progress.is-black::-moz-progress-bar {
    background-color: #111
}

.progress.is-light::-webkit-progress-value {
    background-color: #f5f7fa
}

.progress.is-light::-moz-progress-bar {
    background-color: #f5f7fa
}

.progress.is-dark::-webkit-progress-value {
    background-color: #69707a
}

.progress.is-dark::-moz-progress-bar {
    background-color: #69707a
}

.progress.is-primary::-webkit-progress-value {
    background-color: #274a9c
}

.progress.is-primary::-moz-progress-bar {
    background-color: #274a9c
}

.progress.is-secondary::-webkit-progress-value {
    background-color: #274a9c
}

.progress.is-secondary::-moz-progress-bar {
    background-color: #274a9c
}

.progress.is-info::-webkit-progress-value {
    background-color: #42afe3
}

.progress.is-info::-moz-progress-bar {
    background-color: #42afe3
}

.progress.is-success::-webkit-progress-value {
    background-color: #ef6733
}

.progress.is-success::-moz-progress-bar {
    background-color: #ef6733
}

.progress.is-warning::-webkit-progress-value {
    background-color: #fce473
}

.progress.is-warning::-moz-progress-bar {
    background-color: #fce473
}

.progress.is-danger::-webkit-progress-value {
    background-color: #ed6c63
}

.progress.is-danger::-moz-progress-bar {
    background-color: #ed6c63
}

.progress.is-small {
    height: 8px
}

.progress.is-medium {
    height: 16px
}

.progress.is-large {
    height: 20px
}

.footer-section .newsletter-heading, .heading, .subheading, .subtitle, .title {
    font-weight: 500;
    word-break: break-word
}

.footer-section .newsletter-heading em, .footer-section .newsletter-heading span, .heading em, .heading span, .subheading em, .subheading span, .subtitle em, .subtitle span, .title em, .title span {
    font-weight: 500
}

.footer-section .newsletter-heading a:hover, .heading a:hover, .subheading a:hover, .subtitle a:hover, .title a:hover {
    border-bottom: 1px solid
}

.footer-section .newsletter-heading strong, .heading strong, .subheading strong, .subtitle strong, .title strong {
    font-weight: 700
}

.footer-section .newsletter-heading .ais-refinement-list--count, .footer-section .newsletter-heading .tag, .heading .ais-refinement-list--count, .heading .tag, .subheading .ais-refinement-list--count, .subheading .tag, .subtitle .ais-refinement-list--count, .subtitle .tag, .title .ais-refinement-list--count, .title .tag {
    vertical-align: bottom
}

.footer-section .newsletter-heading, .heading, .title {
    color: #4d545d;
    font-size: 28px;
    line-height: 1
}

.footer-section .newsletter-heading code, .heading code, .title code {
    display: inline-block;
    font-size: 28px
}

.footer-section .newsletter-heading strong, .heading strong, .title strong {
    color: inherit
}

.footer-section .newsletter-heading + .highlight, .footer-section .newsletter-heading + .subheading, .footer-section .newsletter-heading + .subtitle, .heading + .highlight, .heading + .subheading, .heading + .subtitle, .title + .highlight, .title + .subheading, .title + .subtitle {
    margin-top: -10px
}

.footer-section .is-1.newsletter-heading, .is-1.heading, .title.is-1 {
    font-size: 48px
}

.footer-section .is-1.newsletter-heading code, .footer-section .is-2.newsletter-heading, .is-1.heading code, .is-2.heading, .title.is-1 code, .title.is-2 {
    font-size: 40px
}

.footer-section .is-2.newsletter-heading code, .footer-section .is-3.newsletter-heading, .is-2.heading code, .is-3.heading, .title.is-2 code, .title.is-3 {
    font-size: 28px
}

.footer-section .is-3.newsletter-heading code, .footer-section .is-4.newsletter-heading, .is-3.heading code, .is-4.heading, .title.is-3 code, .title.is-4 {
    font-size: 24px
}

.footer-section .is-4.newsletter-heading code, .footer-section .is-5.newsletter-heading, .is-4.heading code, .is-5.heading, .title.is-4 code, .title.is-5 {
    font-size: 18px
}

.footer-section .is-5.newsletter-heading code, .footer-section .is-6.newsletter-heading, .footer-section .is-6.newsletter-heading code, .is-5.heading code, .is-6.heading, .is-6.heading code, .title.is-5 code, .title.is-6, .title.is-6 code {
    font-size: 16px
}

.footer-section .is-normal.newsletter-heading, .is-normal.heading, .title.is-normal {
    font-weight: 400
}

.footer-section .is-normal.newsletter-heading strong, .is-normal.heading strong, .title.is-normal strong {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .footer-section .newsletter-heading + .subheading, .footer-section .newsletter-heading + .subtitle, .heading + .subheading, .heading + .subtitle, .title + .subheading, .title + .subtitle {
        margin-top: -15px
    }
}

.subheading, .subtitle {
    color: #4d545d;
    font-size: 18px;
    line-height: 1.125
}

.subheading code, .subtitle code {
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    padding: 2px 3px;
    vertical-align: top
}

.subheading strong, .subtitle strong {
    color: #4d545d
}

.footer-section .subheading + .newsletter-heading, .footer-section .subtitle + .newsletter-heading, .subheading + .heading, .subheading + .title, .subtitle + .heading, .subtitle + .title {
    margin-top: -20px
}

.is-1.subheading, .subtitle.is-1 {
    font-size: 48px
}

.is-1.subheading code, .is-2.subheading, .subtitle.is-1 code, .subtitle.is-2 {
    font-size: 40px
}

.is-2.subheading code, .is-3.subheading, .subtitle.is-2 code, .subtitle.is-3 {
    font-size: 28px
}

.is-3.subheading code, .is-4.subheading, .subtitle.is-3 code, .subtitle.is-4 {
    font-size: 24px
}

.is-4.subheading code, .is-5.subheading, .subtitle.is-4 code, .subtitle.is-5 {
    font-size: 18px
}

.is-5.subheading code, .is-6.subheading, .is-6.subheading code, .subtitle.is-5 code, .subtitle.is-6, .subtitle.is-6 code {
    font-size: 16px
}

.is-normal.subheading, .subtitle.is-normal {
    font-weight: 400
}

.is-normal.subheading strong, .subtitle.is-normal strong {
    font-weight: 700
}

.delete, .modal-close {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: hsla(0, 0%, 7%, .2);
    border: 0;
    border-radius: 290486px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    vertical-align: top;
    width: 24px
}

.delete:after, .delete:before, .modal-close:after, .modal-close:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -25%;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 50%
}

.delete:before, .modal-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.delete:after, .modal-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.delete:hover, .modal-close:hover {
    background-color: hsla(0, 0%, 7%, .5)
}

.ais-refinement-list--count:not(.is-large) .delete, .ais-refinement-list--count:not(.is-large) .modal-close, .delete.is-small, .is-small.modal-close, .tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close {
    height: 16px;
    width: 16px
}

.delete.is-medium, .is-medium.modal-close {
    height: 32px;
    width: 32px
}

.delete.is-large, .is-large.modal-close {
    height: 40px;
    width: 40px
}

.icon {
    display: inline-block;
    font-size: 21px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    width: 24px
}

.icon .fa {
    font-size: inherit;
    line-height: inherit
}

.icon.is-small {
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    width: 16px
}

.icon.is-medium, .icon.is-small {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.icon.is-medium {
    font-size: 28px;
    height: 32px;
    line-height: 32px;
    width: 32px
}

.icon.is-large {
    display: inline-block;
    font-size: 42px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    vertical-align: top;
    width: 48px
}

.hamburger, .nav-toggle {
    cursor: pointer;
    display: block;
    height: 50px;
    position: relative;
    width: 50px
}

.hamburger span, .nav-toggle span {
    background-color: #4d545d;
    display: block;
    height: 1px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: 50%;
    -webkit-transition: none 86ms ease-out;
    transition: none 86ms ease-out;
    -webkit-transition-property: background, left, opacity, -webkit-transform;
    transition-property: background, left, opacity, -webkit-transform;
    transition-property: background, left, opacity, transform;
    transition-property: background, left, opacity, transform, -webkit-transform;
    width: 15px
}

.hamburger span:first-child, .nav-toggle span:first-child {
    margin-top: -6px
}

.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
    margin-top: -1px
}

.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
    margin-top: 4px
}

.hamburger:hover, .nav-toggle:hover {
    background-color: #f5f7fa
}

.hamburger.is-active span, .is-active.nav-toggle span {
    background-color: #274a9c
}

.hamburger.is-active span:first-child, .is-active.nav-toggle span:first-child {
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
    opacity: 0
}

.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
    margin-left: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.footer-section .newsletter-heading, .heading {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.highlight {
    font-size: 12px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    padding: 0
}

.highlight pre {
    overflow: auto;
    max-width: 100%
}

.button.is-loading:after, .control.is-loading:after, .is-loading.ais-clear:after, .loader {
    -webkit-animation: spin-around .5s infinite linear;
    animation: spin-around .5s infinite linear;
    border: 2px solid #d7d7d7;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 16px;
    position: relative;
    width: 16px
}

.number {
    display: inline-block;
    font-size: 18px
}

.ais-refinement-list--count, .number, .tag {
    background-color: #f5f7fa;
    border-radius: 290486px;
    vertical-align: top
}

.ais-refinement-list--count, .tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4d545d;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap
}

.ais-refinement-list--count .delete, .ais-refinement-list--count .modal-close, .tag .delete, .tag .modal-close {
    margin-left: 4px;
    margin-right: -6px
}

.is-white.ais-refinement-list--count, .tag.is-white {
    background-color: #fff;
    color: #111
}

.is-black.ais-refinement-list--count, .tag.is-black {
    background-color: #111;
    color: #fff
}

.is-light.ais-refinement-list--count, .tag.is-light {
    background-color: #f5f7fa;
    color: #69707a
}

.is-dark.ais-refinement-list--count, .tag.is-dark {
    background-color: #69707a;
    color: #f5f7fa
}

.ais-refinement-list--count, .tag.is-primary {
    background-color: #274a9c;
    color: #fff
}

.is-secondary.ais-refinement-list--count, .tag.is-secondary {
    background-color: #274a9c;
    color: #fff
}

.is-info.ais-refinement-list--count, .tag.is-info {
    background-color: #42afe3;
    color: #fff
}

.is-success.ais-refinement-list--count, .tag.is-success {
    background-color: #ef6733;
    color: #fff
}

.is-warning.ais-refinement-list--count, .tag.is-warning {
    background-color: #fce473;
    color: hsla(0, 0%, 7%, .5)
}

.is-danger.ais-refinement-list--count, .tag.is-danger {
    background-color: #ed6c63;
    color: #fff
}

.is-small.ais-refinement-list--count, .tag.is-small {
    font-size: 11px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px
}

.is-medium.ais-refinement-list--count, .tag.is-medium {
    font-size: 16px;
    height: 32px;
    padding-left: 14px;
    padding-right: 14px
}

.is-large.ais-refinement-list--count, .tag.is-large {
    font-size: 18px;
    height: 40px;
    line-height: 24px;
    padding-left: 18px;
    padding-right: 18px
}

.is-large.ais-refinement-list--count .delete, .is-large.ais-refinement-list--count .modal-close, .tag.is-large .delete, .tag.is-large .modal-close {
    margin-left: 4px;
    margin-right: -8px
}

.ais-clear, .button, .delete, .is-unselectable, .modal-close, .tabs, .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-header {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 1px 2px hsla(0, 0%, 7%, .1);
    box-shadow: 0 1px 2px hsla(0, 0%, 7%, .1);
    min-height: 40px
}

.card-header, .card-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-header-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #4d545d;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700;
    padding: 10px
}

.card-header-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px
}

.card-image {
    display: block;
    position: relative
}

.card-content {
    padding: 20px
}

.card-content .footer-section .newsletter-heading + .subheading, .card-content .footer-section .newsletter-heading + .subtitle, .card-content .heading + .subheading, .card-content .heading + .subtitle, .card-content .title + .subheading, .card-content .title + .subtitle, .footer-section .card-content .newsletter-heading + .subheading, .footer-section .card-content .newsletter-heading + .subtitle {
    margin-top: -20px
}

.card-footer {
    border-top: 1px solid #d7d7d7;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.card-footer, .card-footer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-footer-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.card-footer-item:not(:last-child) {
    border-right: 1px solid #d7d7d7
}

.card {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px hsla(0, 0%, 7%, .1), 0 0 0 1px hsla(0, 0%, 7%, .1);
    box-shadow: 0 2px 3px hsla(0, 0%, 7%, .1), 0 0 0 1px hsla(0, 0%, 7%, .1);
    color: #4d545d;
    max-width: 100%;
    position: relative;
    width: 300px
}

.card .media:not(:last-child) {
    margin-bottom: 10px
}

.card.is-fullwidth {
    width: 100%
}

.card.is-rounded {
    border-radius: 5px
}

.column {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px
}

.columns.is-mobile > .column.is-full, .columns.is-mobile > .column.is-narrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.columns.is-mobile > .column.is-full {
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-1 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 8.33333333%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333333%
}

.columns.is-mobile > .column.is-2 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16.66666667%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66666667%
}

.columns.is-mobile > .column.is-3 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333333%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333333%
}

.columns.is-mobile > .column.is-5 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 41.66666667%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66666667%
}

.columns.is-mobile > .column.is-6 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 58.33333333%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333333%
}

.columns.is-mobile > .column.is-8 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 66.66666667%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66666667%
}

.columns.is-mobile > .column.is-9 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 83.33333333%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333333%
}

.columns.is-mobile > .column.is-11 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 91.66666667%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66666667%
}

.columns.is-mobile > .column.is-12 {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 768px) {
    .column.is-full-mobile, .column.is-narrow-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-mobile {
        width: 100%
    }

    .column.is-three-quarters-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-1-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333333%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333333%
    }

    .column.is-2-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666667%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666667%
    }

    .column.is-3-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333333%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333333%
    }

    .column.is-5-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666667%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666667%
    }

    .column.is-6-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333333%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333333%
    }

    .column.is-8-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666667%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666667%
    }

    .column.is-9-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333333%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333333%
    }

    .column.is-11-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666667%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666667%
    }

    .column.is-12-mobile {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 769px) {
    .column.is-full, .column.is-full-tablet, .column.is-narrow, .column.is-narrow-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full, .column.is-full-tablet {
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-1, .column.is-1-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333333%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333333%
    }

    .column.is-2, .column.is-2-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666667%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66666667%
    }

    .column.is-3, .column.is-3-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333333%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333333%
    }

    .column.is-5, .column.is-5-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666667%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66666667%
    }

    .column.is-6, .column.is-6-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333333%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333333%
    }

    .column.is-8, .column.is-8-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666667%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66666667%
    }

    .column.is-9, .column.is-9-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333333%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333333%
    }

    .column.is-11, .column.is-11-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666667%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66666667%
    }

    .column.is-12, .column.is-12-tablet {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (min-width: 980px) {
    .column.is-full-desktop, .column.is-narrow-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-desktop {
        width: 100%
    }

    .column.is-three-quarters-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-1-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333333%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333333%
    }

    .column.is-2-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666667%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666667%
    }

    .column.is-3-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333333%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333333%
    }

    .column.is-5-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666667%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666667%
    }

    .column.is-6-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333333%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333333%
    }

    .column.is-8-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666667%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666667%
    }

    .column.is-9-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333333%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333333%
    }

    .column.is-11-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666667%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666667%
    }

    .column.is-12-desktop {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1180px) {
    .column.is-full-widescreen, .column.is-narrow-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .column.is-full-widescreen {
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-1-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 8.33333333%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333333%
    }

    .column.is-2-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 16.66666667%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666667%
    }

    .column.is-3-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 33.33333333%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333333%
    }

    .column.is-5-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 41.66666667%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666667%
    }

    .column.is-6-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 58.33333333%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333333%
    }

    .column.is-8-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 66.66666667%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666667%
    }

    .column.is-9-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 83.33333333%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333333%
    }

    .column.is-11-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 91.66666667%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666667%
    }

    .column.is-12-widescreen {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

.columns {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
}

.columns:last-child {
    margin-bottom: -10px
}

.columns:not(:last-child) {
    margin-bottom: 10px
}

.columns.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 20px
}

.columns.is-gapless > .column {
    margin: 0;
    padding: 0
}

@media screen and (min-width: 769px) {
    .columns.is-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .columns.is-grid > .column {
        max-width: 33.3333%;
        padding: 10px;
        width: 33.3333%
    }

    .columns.is-grid > .column + .column {
        margin-left: 0
    }
}

.columns.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.columns.is-multiline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns.is-vcentered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 769px) {
    .columns:not(.is-desktop) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 980px) {
    .columns.is-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.tile {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px
}

.tile.is-ancestor:last-child {
    margin-bottom: -10px
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: 10px
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: 10px
}

.tile.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
    margin-bottom: 20px !important
}

@media screen and (min-width: 769px) {
    .tile:not(.is-child) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tile.is-1 {
        width: 8.33333333%
    }

    .tile.is-1, .tile.is-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-2 {
        width: 16.66666667%
    }

    .tile.is-3 {
        width: 25%
    }

    .tile.is-3, .tile.is-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-4 {
        width: 33.33333333%
    }

    .tile.is-5 {
        width: 41.66666667%
    }

    .tile.is-5, .tile.is-6 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-6 {
        width: 50%
    }

    .tile.is-7 {
        width: 58.33333333%
    }

    .tile.is-7, .tile.is-8 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-8 {
        width: 66.66666667%
    }

    .tile.is-9 {
        width: 75%
    }

    .tile.is-10, .tile.is-9 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-10 {
        width: 83.33333333%
    }

    .tile.is-11 {
        width: 91.66666667%
    }

    .tile.is-11, .tile.is-12 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .tile.is-12 {
        width: 100%
    }
}

.highlight {
    background-color: #fdf6e3;
    color: #586e75
}

.highlight .c {
    color: #93a1a1
}

.highlight .err, .highlight .g {
    color: #586e75
}

.highlight .k {
    color: #859900
}

.highlight .l, .highlight .n {
    color: #586e75
}

.highlight .o {
    color: #859900
}

.highlight .x {
    color: #cb4b16
}

.highlight .p {
    color: #586e75
}

.highlight .cm {
    color: #93a1a1
}

.highlight .cp {
    color: #859900
}

.highlight .c1 {
    color: #93a1a1
}

.highlight .cs {
    color: #859900
}

.highlight .gd {
    color: #2aa198
}

.highlight .ge {
    color: #586e75;
    font-style: italic
}

.highlight .gr {
    color: #dc322f
}

.highlight .gh {
    color: #cb4b16
}

.highlight .gi {
    color: #859900
}

.highlight .go, .highlight .gp {
    color: #586e75
}

.highlight .gs {
    color: #586e75;
    font-weight: 700
}

.highlight .gu {
    color: #cb4b16
}

.highlight .gt {
    color: #586e75
}

.highlight .kc {
    color: #cb4b16
}

.highlight .kd {
    color: #268bd2
}

.highlight .kn, .highlight .kp {
    color: #859900
}

.highlight .kr {
    color: #268bd2
}

.highlight .kt {
    color: #dc322f
}

.highlight .ld {
    color: #586e75
}

.highlight .m, .highlight .s {
    color: #2aa198
}

.highlight .na {
    color: #b58900
}

.highlight .nb {
    color: #586e75
}

.highlight .nc {
    color: #268bd2
}

.highlight .no {
    color: #cb4b16
}

.highlight .nd {
    color: #268bd2
}

.highlight .ne, .highlight .ni {
    color: #cb4b16
}

.highlight .nf {
    color: #268bd2
}

.highlight .nl, .highlight .nn, .highlight .nx, .highlight .py {
    color: #586e75
}

.highlight .nt, .highlight .nv {
    color: #268bd2
}

.highlight .ow {
    color: #859900
}

.highlight .w {
    color: #586e75
}

.highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
    color: #2aa198
}

.highlight .sb {
    color: #93a1a1
}

.highlight .sc {
    color: #2aa198
}

.highlight .sd {
    color: #586e75
}

.highlight .s2 {
    color: #2aa198
}

.highlight .se {
    color: #cb4b16
}

.highlight .sh {
    color: #586e75
}

.highlight .si, .highlight .sx {
    color: #2aa198
}

.highlight .sr {
    color: #dc322f
}

.highlight .s1, .highlight .ss {
    color: #2aa198
}

.highlight .bp, .highlight .vc, .highlight .vg, .highlight .vi {
    color: #268bd2
}

.highlight .il {
    color: #2aa198
}

.footer-section .level-item .newsletter-heading, .level-item .footer-section .newsletter-heading, .level-item .heading, .level-item .subheading, .level-item .subtitle, .level-item .title {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: 10px
    }
}

.level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) {
    margin-right: 10px
}

.level-left .level-item.is-flexible, .level-right .level-item.is-flexible {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 20px
    }
}

@media screen and (min-width: 769px) {
    .level-left, .level-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .level-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.level code {
    border-radius: 3px
}

.level img {
    display: inline-block;
    vertical-align: top
}

.level.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.level.is-mobile > .level-item:not(:last-child) {
    margin-bottom: 0
}

.level.is-mobile > .level-item:not(.is-narrow) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 769px) {
    .level {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .level > .level-item:not(.is-narrow) {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.media-number {
    background-color: #f5f7fa;
    border-radius: 290486px;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 24px;
    min-width: 32px;
    padding: 4px 8px;
    text-align: center;
    vertical-align: top
}

@media screen and (max-width: 768px) {
    .media-number {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 769px) {
    .media-number {
        margin-right: 10px
    }
}

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

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

.media-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    position: relative
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.media .content:not(:last-child) {
    margin-bottom: 10px
}

.media .media {
    border-top: 1px solid hsla(0, 0%, 84%, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px
}

.media .media .content:not(:last-child), .media .media .control:not(:last-child) {
    margin-bottom: 5px
}

.media .media .media {
    padding-top: 5px
}

.media .media .media + .media {
    margin-top: 5px
}

.media + .media {
    border-top: 1px solid hsla(0, 0%, 84%, .5);
    margin-top: 10px;
    padding-top: 10px
}

.media.is-large + .media {
    margin-top: 20px;
    padding-top: 20px
}

@media screen and (min-width: 769px) {
    .media.is-large .media-number {
        margin-right: 20px
    }
}

.menu-list a, .menu-nav a {
    display: block;
    padding: 5px 10px
}

.menu-list a {
    border-radius: 2px;
    color: #4d545d
}

.menu-list a:hover {
    background-color: #f5f7fa;
    color: #274a9c
}

.menu-list a.is-active {
    background-color: #274a9c;
    color: #fff
}

.menu-list li ul {
    border-left: 1px solid #d7d7d7;
    margin: 10px;
    padding-left: 10px
}

.menu-label {
    color: #59616b;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.menu-label:not(:first-child) {
    margin-top: 20px
}

.message-body {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 12px 15px
}

.message-body strong {
    color: inherit
}

.message-header {
    background-color: #4d545d;
    border-radius: 3px 3px 0 0;
    color: #fff;
    padding: 7px 10px
}

.message-header strong {
    color: inherit
}

.message-header + .message-body {
    border-radius: 0 0 3px 3px;
    border-top: 0
}

.message {
    background-color: #f5f7fa;
    border-radius: 3px
}

.message.is-white {
    background-color: #fff
}

.message.is-white .message-header {
    background-color: #fff;
    color: #111
}

.message.is-white .message-body {
    border-color: #fff;
    color: #666
}

.message.is-black {
    background-color: #f5f5f5
}

.message.is-black .message-header {
    background-color: #111;
    color: #fff
}

.message.is-black .message-body {
    border-color: #111;
    color: #807f7f
}

.message.is-light {
    background-color: #f5f7fa
}

.message.is-light .message-header {
    background-color: #f5f7fa;
    color: #69707a
}

.message.is-light .message-body {
    border-color: #f5f7fa;
    color: #666
}

.message.is-dark {
    background-color: #f4f5f6
}

.message.is-dark .message-header {
    background-color: #69707a;
    color: #f5f7fa
}

.message.is-dark .message-body {
    border-color: #69707a;
    color: #807f7f
}

.message.is-primary {
    background-color: #ebffff
}

.message.is-primary .message-header {
    background-color: #274a9c;
    color: #fff
}

.message.is-primary .message-body {
    border-color: #274a9c;
    color: #807f7f
}

.message.is-secondary {
    background-color: #f4f4f6
}

.message.is-secondary .message-header {
    background-color: #274a9c;
    color: #fff
}

.message.is-secondary .message-body {
    border-color: #274a9c;
    color: #807f7f
}

.message.is-info {
    background-color: #edf7fc
}

.message.is-info .message-header {
    background-color: #42afe3;
    color: #fff
}

.message.is-info .message-body {
    border-color: #42afe3;
    color: #807f7f
}

.message.is-success {
    background-color: #fef1ec
}

.message.is-success .message-header {
    background-color: #ef6733;
    color: #fff
}

.message.is-success .message-body {
    border-color: #ef6733;
    color: #807f7f
}

.message.is-warning {
    background-color: #fffbeb
}

.message.is-warning .message-header {
    background-color: #fce473;
    color: hsla(0, 0%, 7%, .5)
}

.message.is-warning .message-body {
    border-color: #fce473;
    color: #666
}

.message.is-danger {
    background-color: #fdeeed
}

.message.is-danger .message-header {
    background-color: #ed6c63;
    color: #fff
}

.message.is-danger .message-body {
    border-color: #ed6c63;
    color: #807f7f
}

.ais-pagination, .pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.ais-pagination a, .pagination a {
    display: block;
    min-width: 32px;
    padding: 3px 8px
}

.ais-pagination span, .pagination span {
    color: #59616b;
    display: block;
    margin: 0 4px
}

.ais-pagination li, .pagination li {
    margin: 0 2px
}

.ais-pagination ul, .pagination ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .ais-pagination, .pagination {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ais-pagination > a, .pagination > a {
        width: calc(50% - 5px)
    }

    .ais-pagination > a:not(:first-child), .pagination > a:not(:first-child) {
        margin-left: 10px
    }

    .ais-pagination li, .pagination li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ais-pagination ul, .pagination ul {
        margin-top: 10px
    }
}

@media screen and (min-width: 769px) {
    .ais-pagination > a:not(:first-child), .pagination > a:not(:first-child) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: top;
    width: 16px;
    color: #59616b;
    float: left;
    margin: 0 4px 0 -2px
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.panel-heading {
    background-color: #f5f7fa;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 4px 4px 0 0;
    color: #4d545d;
    font-size: 18px;
    font-weight: 300;
    padding: 10px
}

.panel-list a {
    color: #4d545d
}

.panel-list a:hover {
    color: #274a9c
}

.panel-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    padding: 5px 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: -1px;
    padding: 5px
}

.panel-tabs a.is-active {
    border-bottom-color: #4d545d;
    color: #4d545d
}

.panel-tabs:not(:last-child) {
    border-bottom: 1px solid #d7d7d7
}

.panel-block {
    color: #4d545d;
    display: block;
    line-height: 16px;
    padding: 10px
}

.panel-block:not(:last-child) {
    border-bottom: 1px solid #d7d7d7
}

a.panel-block:hover {
    background-color: #f5f7fa
}

.panel {
    border: 1px solid #d7d7d7;
    border-radius: 5px
}

.panel:not(:last-child) {
    margin-bottom: 20px
}

.tabs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs, .tabs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tabs a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
    color: #4d545d;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -1px;
    padding: 6px 12px;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: #4d545d;
    color: #4d545d
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: #274a9c;
    color: #274a9c
}

.tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d7d7d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tabs ul.is-left {
    padding-right: 10px
}

.tabs ul.is-center {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px
}

.tabs ul.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 10px
}

.tabs .icon:first-child {
    margin-right: 8px
}

.tabs .icon:last-child {
    margin-left: 8px
}

.tabs.is-centered ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs.is-right ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    padding-bottom: 5px;
    padding-top: 5px
}

.tabs.is-boxed a:hover {
    background-color: #f5f7fa;
    border-bottom-color: #d7d7d7
}

.tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #d7d7d7;
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.tabs.is-toggle a {
    border: 1px solid #d7d7d7;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative
}

.tabs.is-toggle a:hover {
    background-color: #f5f7fa;
    border-color: #aeb1b5;
    z-index: 2
}

.tabs.is-toggle li + li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-radius: 3px 0 0 3px
}

.tabs.is-toggle li:last-child a {
    border-radius: 0 3px 3px 0
}

.tabs.is-toggle li.is-active a {
    background-color: #274a9c;
    border-color: #274a9c;
    color: #fff;
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: 0
}

.tabs.is-small {
    font-size: 11px
}

.tabs.is-small a {
    padding: 2px 8px
}

.tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a {
    padding-bottom: 1px;
    padding-top: 1px
}

.tabs.is-medium {
    font-size: 18px
}

.tabs.is-medium a {
    padding: 10px 16px
}

.tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a {
    padding-bottom: 9px;
    padding-top: 9px
}

.tabs.is-large {
    font-size: 28px
}

.tabs.is-large a {
    padding: 14px 20px
}

.tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a {
    padding-bottom: 13px;
    padding-top: 13px
}

.hero-video {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width: 768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .hero-buttons .ais-clear, .hero-buttons .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .hero-buttons .ais-clear:not(:last-child), .hero-buttons .button:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 769px) {
    .hero-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-buttons .ais-clear:not(:last-child), .hero-buttons .button:not(:last-child) {
        margin-right: 20px
    }
}

.hero-foot, .hero-head {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hero-body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 40px 20px
}

@media screen and (min-width: 980px) {
    .hero-body {
        padding-left: 0;
        padding-right: 0
    }
}

.hero {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero .nav {
    background: 0 0;
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 84%, .3);
    box-shadow: 0 1px 0 hsla(0, 0%, 84%, .3)
}

.hero .tabs ul {
    border-bottom: 0
}

.hero.is-white {
    background-color: #fff;
    color: #111
}

.footer-section .hero.is-white .newsletter-heading, .hero.is-white .footer-section .newsletter-heading, .hero.is-white .heading, .hero.is-white .title {
    color: #111
}

.footer-section .hero.is-white .newsletter-heading a, .footer-section .hero.is-white .newsletter-heading strong, .hero.is-white .footer-section .newsletter-heading a, .hero.is-white .footer-section .newsletter-heading strong, .hero.is-white .heading a, .hero.is-white .heading strong, .hero.is-white .title a, .hero.is-white .title strong {
    color: inherit
}

.hero.is-white .subheading, .hero.is-white .subtitle {
    color: hsla(0, 0%, 7%, .7)
}

.hero.is-white .subheading a, .hero.is-white .subheading strong, .hero.is-white .subtitle a, .hero.is-white .subtitle strong {
    color: #111
}

.hero.is-white .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 7%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 7%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-white .nav-menu {
        background-color: #fff
    }
}

.hero.is-white .nav-item a:not(.button):not(.ais-clear), .hero.is-white a.nav-item {
    color: hsla(0, 0%, 7%, .5)
}

.hero.is-white .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-white .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-white a.nav-item.is-active, .hero.is-white a.nav-item:hover {
    color: #111
}

.hero.is-white .tabs a {
    color: #111;
    opacity: .5
}

.hero.is-white .tabs a:hover, .hero.is-white .tabs li.is-active a {
    opacity: 1
}

.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
    color: #111
}

.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #111;
    border-color: #111;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e6e5e5, #fff 71%, #fff)
}

@media screen and (max-width: 768px) {
    .hero.is-white .nav-toggle span {
        background-color: #111
    }

    .hero.is-white .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-white .nav-toggle.is-active span {
        background-color: #111
    }

    .hero.is-white .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 7%, .2)
    }
}

.hero.is-black {
    background-color: #111;
    color: #fff
}

.footer-section .hero.is-black .newsletter-heading, .hero.is-black .footer-section .newsletter-heading, .hero.is-black .heading, .hero.is-black .title {
    color: #fff
}

.footer-section .hero.is-black .newsletter-heading a, .footer-section .hero.is-black .newsletter-heading strong, .hero.is-black .footer-section .newsletter-heading a, .hero.is-black .footer-section .newsletter-heading strong, .hero.is-black .heading a, .hero.is-black .heading strong, .hero.is-black .title a, .hero.is-black .title strong {
    color: inherit
}

.hero.is-black .subheading, .hero.is-black .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-black .subheading a, .hero.is-black .subheading strong, .hero.is-black .subtitle a, .hero.is-black .subtitle strong {
    color: #fff
}

.hero.is-black .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-black .nav-menu {
        background-color: #111
    }
}

.hero.is-black .nav-item a:not(.button):not(.ais-clear), .hero.is-black a.nav-item {
    color: hsla(0, 0%, 100%, .5)
}

.hero.is-black .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-black .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-black a.nav-item.is-active, .hero.is-black a.nav-item:hover {
    color: #fff
}

.hero.is-black .tabs a {
    color: #fff;
    opacity: .5
}

.hero.is-black .tabs a:hover, .hero.is-black .tabs li.is-active a {
    opacity: 1
}

.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
    color: #fff
}

.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #111
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, #000, #111 71%, #1f1d1c)
}

@media screen and (max-width: 768px) {
    .hero.is-black .nav-toggle span {
        background-color: #fff
    }

    .hero.is-black .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-black .nav-toggle.is-active span {
        background-color: #fff
    }

    .hero.is-black .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 100%, .2)
    }
}

.hero.is-light {
    background-color: #f5f7fa;
    color: #69707a
}

.footer-section .hero.is-light .newsletter-heading, .hero.is-light .footer-section .newsletter-heading, .hero.is-light .heading, .hero.is-light .title {
    color: #69707a
}

.footer-section .hero.is-light .newsletter-heading a, .footer-section .hero.is-light .newsletter-heading strong, .hero.is-light .footer-section .newsletter-heading a, .hero.is-light .footer-section .newsletter-heading strong, .hero.is-light .heading a, .hero.is-light .heading strong, .hero.is-light .title a, .hero.is-light .title strong {
    color: inherit
}

.hero.is-light .subheading, .hero.is-light .subtitle {
    color: hsla(215, 7%, 45%, .7)
}

.hero.is-light .subheading a, .hero.is-light .subheading strong, .hero.is-light .subtitle a, .hero.is-light .subtitle strong {
    color: #69707a
}

.hero.is-light .nav {
    -webkit-box-shadow: 0 1px 0 hsla(215, 7%, 45%, .2);
    box-shadow: 0 1px 0 hsla(215, 7%, 45%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-light .nav-menu {
        background-color: #f5f7fa
    }
}

.hero.is-light .nav-item a:not(.button):not(.ais-clear), .hero.is-light a.nav-item {
    color: hsla(215, 7%, 45%, .5)
}

.hero.is-light .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-light .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-light a.nav-item.is-active, .hero.is-light a.nav-item:hover {
    color: #69707a
}

.hero.is-light .tabs a {
    color: #69707a;
    opacity: .5
}

.hero.is-light .tabs a:hover, .hero.is-light .tabs li.is-active a {
    opacity: 1
}

.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
    color: #69707a
}

.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: #69707a;
    border-color: #69707a;
    color: #f5f7fa
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #d0e0ec, #f5f7fa 71%, #fff)
}

@media screen and (max-width: 768px) {
    .hero.is-light .nav-toggle span {
        background-color: #69707a
    }

    .hero.is-light .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-light .nav-toggle.is-active span {
        background-color: #69707a
    }

    .hero.is-light .nav-menu .nav-item {
        border-top-color: hsla(215, 7%, 45%, .2)
    }
}

.hero.is-dark {
    background-color: #69707a;
    color: #f5f7fa
}

.footer-section .hero.is-dark .newsletter-heading, .hero.is-dark .footer-section .newsletter-heading, .hero.is-dark .heading, .hero.is-dark .title {
    color: #f5f7fa
}

.footer-section .hero.is-dark .newsletter-heading a, .footer-section .hero.is-dark .newsletter-heading strong, .hero.is-dark .footer-section .newsletter-heading a, .hero.is-dark .footer-section .newsletter-heading strong, .hero.is-dark .heading a, .hero.is-dark .heading strong, .hero.is-dark .title a, .hero.is-dark .title strong {
    color: inherit
}

.hero.is-dark .subheading, .hero.is-dark .subtitle {
    color: rgba(245, 247, 250, .7)
}

.hero.is-dark .subheading a, .hero.is-dark .subheading strong, .hero.is-dark .subtitle a, .hero.is-dark .subtitle strong {
    color: #f5f7fa
}

.hero.is-dark .nav {
    -webkit-box-shadow: 0 1px 0 rgba(245, 247, 250, .2);
    box-shadow: 0 1px 0 rgba(245, 247, 250, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-dark .nav-menu {
        background-color: #69707a
    }
}

.hero.is-dark .nav-item a:not(.button):not(.ais-clear), .hero.is-dark a.nav-item {
    color: rgba(245, 247, 250, .5)
}

.hero.is-dark .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-dark .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-dark a.nav-item.is-active, .hero.is-dark a.nav-item:hover {
    color: #f5f7fa
}

.hero.is-dark .tabs a {
    color: #f5f7fa;
    opacity: .5
}

.hero.is-dark .tabs a:hover, .hero.is-dark .tabs li.is-active a {
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
    color: #f5f7fa
}

.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #f5f7fa;
    border-color: #f5f7fa;
    color: #69707a
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #495a67, #69707a 71%, #6e768e)
}

@media screen and (max-width: 768px) {
    .hero.is-dark .nav-toggle span {
        background-color: #f5f7fa
    }

    .hero.is-dark .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-dark .nav-toggle.is-active span {
        background-color: #f5f7fa
    }

    .hero.is-dark .nav-menu .nav-item {
        border-top-color: rgba(245, 247, 250, .2)
    }
}

.hero.is-primary {
    background-color: #274a9c;
    color: #fff
}

.footer-section .hero.is-primary .newsletter-heading, .hero.is-primary .footer-section .newsletter-heading, .hero.is-primary .heading, .hero.is-primary .title {
    color: #fff
}

.footer-section .hero.is-primary .newsletter-heading a, .footer-section .hero.is-primary .newsletter-heading strong, .hero.is-primary .footer-section .newsletter-heading a, .hero.is-primary .footer-section .newsletter-heading strong, .hero.is-primary .heading a, .hero.is-primary .heading strong, .hero.is-primary .title a, .hero.is-primary .title strong {
    color: inherit
}

.hero.is-primary .subheading, .hero.is-primary .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-primary .subheading a, .hero.is-primary .subheading strong, .hero.is-primary .subtitle a, .hero.is-primary .subtitle strong {
    color: #fff
}

.hero.is-primary .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-primary .nav-menu {
        background-color: #274a9c
    }
}

.hero.is-primary .nav-item a:not(.button):not(.ais-clear), .hero.is-primary a.nav-item {
    color: hsla(0, 0%, 100%, .5)
}

.hero.is-primary .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-primary .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-primary a.nav-item.is-active, .hero.is-primary a.nav-item:hover {
    color: #fff
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .5
}

.hero.is-primary .tabs a:hover, .hero.is-primary .tabs li.is-active a {
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #274a9c
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #00806c, #274a9c 71%, #00a8cd)
}

@media screen and (max-width: 768px) {
    .hero.is-primary .nav-toggle span {
        background-color: #fff
    }

    .hero.is-primary .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-primary .nav-toggle.is-active span {
        background-color: #fff
    }

    .hero.is-primary .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 100%, .2)
    }
}

.hero.is-secondary {
    background-color: #274a9c;
    color: #fff
}

.footer-section .hero.is-secondary .newsletter-heading, .hero.is-secondary .footer-section .newsletter-heading, .hero.is-secondary .heading, .hero.is-secondary .title {
    color: #fff
}

.footer-section .hero.is-secondary .newsletter-heading a, .footer-section .hero.is-secondary .newsletter-heading strong, .hero.is-secondary .footer-section .newsletter-heading a, .hero.is-secondary .footer-section .newsletter-heading strong, .hero.is-secondary .heading a, .hero.is-secondary .heading strong, .hero.is-secondary .title a, .hero.is-secondary .title strong {
    color: inherit
}

.hero.is-secondary .subheading, .hero.is-secondary .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-secondary .subheading a, .hero.is-secondary .subheading strong, .hero.is-secondary .subtitle a, .hero.is-secondary .subtitle strong {
    color: #fff
}

.hero.is-secondary .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-secondary .nav-menu {
        background-color: #274a9c
    }
}

.hero.is-secondary .nav-item a:not(.button):not(.ais-clear), .hero.is-secondary a.nav-item {
    color: hsla(0, 0%, 100%, .5)
}

.hero.is-secondary .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-secondary .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-secondary a.nav-item.is-active, .hero.is-secondary a.nav-item:hover {
    color: #fff
}

.hero.is-secondary .tabs a {
    color: #fff;
    opacity: .5
}

.hero.is-secondary .tabs a:hover, .hero.is-secondary .tabs li.is-active a {
    opacity: 1
}

.hero.is-secondary .tabs.is-boxed a, .hero.is-secondary .tabs.is-toggle a {
    color: #fff
}

.hero.is-secondary .tabs.is-boxed a:hover, .hero.is-secondary .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-secondary .tabs.is-boxed li.is-active a, .hero.is-secondary .tabs.is-boxed li.is-active a:hover, .hero.is-secondary .tabs.is-toggle li.is-active a, .hero.is-secondary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #274a9c
}

.hero.is-secondary.is-bold {
    background-image: linear-gradient(141deg, #4f486c, #274a9c 71%, #816d93)
}

@media screen and (max-width: 768px) {
    .hero.is-secondary .nav-toggle span {
        background-color: #fff
    }

    .hero.is-secondary .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-secondary .nav-toggle.is-active span {
        background-color: #fff
    }

    .hero.is-secondary .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 100%, .2)
    }
}

.hero.is-info {
    background-color: #42afe3;
    color: #fff
}

.footer-section .hero.is-info .newsletter-heading, .hero.is-info .footer-section .newsletter-heading, .hero.is-info .heading, .hero.is-info .title {
    color: #fff
}

.footer-section .hero.is-info .newsletter-heading a, .footer-section .hero.is-info .newsletter-heading strong, .hero.is-info .footer-section .newsletter-heading a, .hero.is-info .footer-section .newsletter-heading strong, .hero.is-info .heading a, .hero.is-info .heading strong, .hero.is-info .title a, .hero.is-info .title strong {
    color: inherit
}

.hero.is-info .subheading, .hero.is-info .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-info .subheading a, .hero.is-info .subheading strong, .hero.is-info .subtitle a, .hero.is-info .subtitle strong {
    color: #fff
}

.hero.is-info .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-info .nav-menu {
        background-color: #42afe3
    }
}

.hero.is-info .nav-item a:not(.button):not(.ais-clear), .hero.is-info a.nav-item {
    color: hsla(0, 0%, 100%, .5)
}

.hero.is-info .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-info .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-info a.nav-item.is-active, .hero.is-info a.nav-item:hover {
    color: #fff
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: .5
}

.hero.is-info .tabs a:hover, .hero.is-info .tabs li.is-active a {
    opacity: 1
}

.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #42afe3
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #13bfdf, #42afe3 71%, #53a1eb)
}

@media screen and (max-width: 768px) {
    .hero.is-info .nav-toggle span {
        background-color: #fff
    }

    .hero.is-info .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-info .nav-toggle.is-active span {
        background-color: #fff
    }

    .hero.is-info .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 100%, .2)
    }
}

.hero.is-success {
    background-color: #ef6733;
    color: #fff
}

.footer-section .hero.is-success .newsletter-heading, .hero.is-success .footer-section .newsletter-heading, .hero.is-success .heading, .hero.is-success .title {
    color: #fff
}

.footer-section .hero.is-success .newsletter-heading a, .footer-section .hero.is-success .newsletter-heading strong, .hero.is-success .footer-section .newsletter-heading a, .hero.is-success .footer-section .newsletter-heading strong, .hero.is-success .heading a, .hero.is-success .heading strong, .hero.is-success .title a, .hero.is-success .title strong {
    color: inherit
}

.hero.is-success .subheading, .hero.is-success .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-success .subheading a, .hero.is-success .subheading strong, .hero.is-success .subtitle a, .hero.is-success .subtitle strong {
    color: #fff
}

.hero.is-success .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-success .nav-menu {
        background-color: #ef6733
    }
}

.hero.is-success .nav-item a:not(.button):not(.ais-clear), .hero.is-success a.nav-item {
    color: hsla(0, 0%, 100%, .5)
}

.hero.is-success .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-success .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-success a.nav-item.is-active, .hero.is-success a.nav-item:hover {
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .5
}

.hero.is-success .tabs a:hover, .hero.is-success .tabs li.is-active a {
    opacity: 1
}

.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ef6733
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #ea1f05, #ef6733 71%, #f69446)
}

@media screen and (max-width: 768px) {
    .hero.is-success .nav-toggle span {
        background-color: #fff
    }

    .hero.is-success .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-success .nav-toggle.is-active span {
        background-color: #fff
    }

    .hero.is-success .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 100%, .2)
    }
}

.hero.is-warning {
    background-color: #fce473
}

.footer-section .hero.is-warning .newsletter-heading, .hero.is-warning, .hero.is-warning .footer-section .newsletter-heading, .hero.is-warning .heading, .hero.is-warning .title {
    color: hsla(0, 0%, 7%, .5)
}

.footer-section .hero.is-warning .newsletter-heading a, .footer-section .hero.is-warning .newsletter-heading strong, .hero.is-warning .footer-section .newsletter-heading a, .hero.is-warning .footer-section .newsletter-heading strong, .hero.is-warning .heading a, .hero.is-warning .heading strong, .hero.is-warning .title a, .hero.is-warning .title strong {
    color: inherit
}

.hero.is-warning .subheading, .hero.is-warning .subtitle {
    color: hsla(0, 0%, 7%, .7)
}

.hero.is-warning .subheading a, .hero.is-warning .subheading strong, .hero.is-warning .subtitle a, .hero.is-warning .subtitle strong {
    color: hsla(0, 0%, 7%, .5)
}

.hero.is-warning .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 7%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 7%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-warning .nav-menu {
        background-color: #fce473
    }
}

.hero.is-warning .nav-item a:not(.button):not(.ais-clear), .hero.is-warning .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-warning .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-warning a.nav-item, .hero.is-warning a.nav-item.is-active, .hero.is-warning a.nav-item:hover {
    color: hsla(0, 0%, 7%, .5)
}

.hero.is-warning .tabs a {
    color: hsla(0, 0%, 7%, .5);
    opacity: .5
}

.hero.is-warning .tabs a:hover, .hero.is-warning .tabs li.is-active a {
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
    color: hsla(0, 0%, 7%, .5)
}

.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: hsla(0, 0%, 7%, .5);
    border-color: hsla(0, 0%, 7%, .5);
    color: #fce473
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffbd3d, #fce473 71%, #fffe8a)
}

@media screen and (max-width: 768px) {
    .hero.is-warning .nav-toggle span {
        background-color: hsla(0, 0%, 7%, .5)
    }

    .hero.is-warning .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-warning .nav-toggle.is-active span {
        background-color: hsla(0, 0%, 7%, .5)
    }

    .hero.is-warning .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 7%, .2)
    }
}

.hero.is-danger {
    background-color: #ed6c63;
    color: #fff
}

.footer-section .hero.is-danger .newsletter-heading, .hero.is-danger .footer-section .newsletter-heading, .hero.is-danger .heading, .hero.is-danger .title {
    color: #fff
}

.footer-section .hero.is-danger .newsletter-heading a, .footer-section .hero.is-danger .newsletter-heading strong, .hero.is-danger .footer-section .newsletter-heading a, .hero.is-danger .footer-section .newsletter-heading strong, .hero.is-danger .heading a, .hero.is-danger .heading strong, .hero.is-danger .title a, .hero.is-danger .title strong {
    color: inherit
}

.hero.is-danger .subheading, .hero.is-danger .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-danger .subheading a, .hero.is-danger .subheading strong, .hero.is-danger .subtitle a, .hero.is-danger .subtitle strong {
    color: #fff
}

.hero.is-danger .nav {
    -webkit-box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width: 768px) {
    .hero.is-danger .nav-menu {
        background-color: #ed6c63
    }
}

.hero.is-danger .nav-item a:not(.button):not(.ais-clear), .hero.is-danger a.nav-item {
    color: hsla(0, 0%, 100%, .5)
}

.hero.is-danger .nav-item a:not(.button):not(.ais-clear).is-active, .hero.is-danger .nav-item a:not(.button):not(.ais-clear):hover, .hero.is-danger a.nav-item.is-active, .hero.is-danger a.nav-item:hover {
    color: #fff
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .5
}

.hero.is-danger .tabs a:hover, .hero.is-danger .tabs li.is-active a {
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
    background-color: hsla(0, 0%, 7%, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ed6c63
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #f32a3e, #ed6c63 71%, #f39376)
}

@media screen and (max-width: 768px) {
    .hero.is-danger .nav-toggle span {
        background-color: #fff
    }

    .hero.is-danger .nav-toggle:hover {
        background-color: hsla(0, 0%, 7%, .1)
    }

    .hero.is-danger .nav-toggle.is-active span {
        background-color: #fff
    }

    .hero.is-danger .nav-menu .nav-item {
        border-top-color: hsla(0, 0%, 100%, .2)
    }
}

@media screen and (min-width: 769px) {
    .hero.is-medium .hero-body {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media screen and (min-width: 769px) {
    .hero.is-large .hero-body {
        padding-bottom: 240px;
        padding-top: 240px
    }
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero.is-fullheight .hero-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero.is-fullheight .hero-body > .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.section, section {
    background-color: #fff;
    padding: 40px 20px
}

@media screen and (min-width: 980px) {
    .is-medium.section, section.is-medium {
        padding: 120px 20px
    }

    .is-large.section, section.is-large {
        padding: 240px 20px
    }
}

.ais-clear, .button, button {
    font-family: Montserrat, Helvetica, Arial, sans-serif
}

button.ais-clear:not(.is-naked), button.button:not(.is-naked) {
    height: inherit;
    padding: 7px 20px
}

.ais-clear, .button {
    font-weight: 700;
    font-size: small;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .ais-clear, .button {
        font-size: 90%
    }
}

.button.is-naked, .is-naked.ais-clear {
    background: 0 0;
    border: 0;
    border-radius: 0;
    height: auto
}

.button.is-naked:active, .is-naked.ais-clear:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.is-transparent, .is-transparent.ais-clear {
    background: hsla(0, 0%, 100%, .2);
    border: 2px solid hsla(0, 0%, 100%, .4);
    color: #fff
}

.button.is-transparent:hover, .is-transparent.ais-clear:hover {
    background: hsla(0, 0%, 100%, .4);
    border: 2px solid hsla(0, 0%, 100%, .6)
}

.button.is-submit, .is-submit.ais-clear {
    width: 100%;
    height: auto;
    display: block
}

@media screen and (max-width: 768px) {
    .button.is-submit-mobile, .is-submit-mobile.ais-clear {
        width: 100%;
        height: auto;
        display: block
    }
}

.button.is-default, .button.is-padded, .is-default.ais-clear, .is-padded.ais-clear {
    padding: 20px
}

.button.is-checkmark, .is-checkmark.ais-clear {
    background: #d7d7d7;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    padding: 1px
}

.button.is-checkmark.is-active, .is-checkmark.is-active.ais-clear {
    background: #97cd76
}

.button.is-checkmark .icon, .is-checkmark.ais-clear .icon {
    fill: #fff;
    height: 15px
}

.button.is-input-addon, .is-input-addon.ais-clear {
    padding: 0
}

.button.is-rounded, .is-rounded.ais-clear {
    border-radius: 20px
}

.button.is-30x30, .is-30x30.ais-clear {
    width: 30px;
    height: 30px
}

.button.is-outlined, .is-outlined.ais-clear {
    border-width: 2px
}

.button.is-outlined.is-default, .button.is-outlined.is-padded, .is-outlined.is-default.ais-clear, .is-outlined.is-padded.ais-clear {
    padding: 19px 20px
}

#app .button.has-dropdown, #app .has-dropdown.ais-clear {
    border: 0;
    color: inherit;
    font-size: inherit;
    padding: inherit;
    margin: inherit;
    background: 0 0;
    font-weight: inherit;
    height: inherit
}

#app .button.is-toggle:focus, #app .is-toggle.ais-clear:focus {
    background: #e3e4e6;
    color: #aeb1b5
}

#app .button.is-toggle.is-active, #app .button.is-toggle:hover, #app .is-toggle.ais-clear:hover, #app .is-toggle.is-active.ais-clear {
    background: #274a9c;
    border: 2px solid #274a9c;
    color: #fff
}

#app .button.is-toggle.is-active [class^=icon], #app .button.is-toggle:hover [class^=icon], #app .is-toggle.ais-clear:hover [class^=icon], #app .is-toggle.is-active.ais-clear [class^=icon] {
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

.ais-clear > a, .button > a {
    color: inherit
}

@media screen and (max-width: 768px) {
    .footer-section .is-1.newsletter-heading, .is-1.heading, .title.is-1 {
        font-size: 25px
    }

    .footer-section .is-5.newsletter-heading, .is-5.heading, .title.is-5 {
        font-size: 14px
    }
}

.footer-section .newsletter-heading, .heading, .title {
    font-size: 1.3em
}

@media screen and (min-width: 980px) {
    .footer-section .newsletter-heading, .heading, .title {
        font-size: 1.86em
    }
}

.footer-section .newsletter-heading, .heading {
    font-size: 2.6rem;
    font-weight: 500;
    margin-bottom: 1em !important;
    text-transform: none;
    letter-spacing: -.025em
}

@media screen and (max-width: 768px) {
    .footer-section .newsletter-heading, .heading {
        font-size: 1.8rem
    }
}

.footer-section .is-light.newsletter-heading, .heading.is-light {
    font-weight: 100
}

.footer-section .is-5.newsletter-heading, .heading.is-5 {
    font-size: 18px
}

.footer-section .adjusted-for-line-height.newsletter-heading, .heading.adjusted-for-line-height {
    margin-top: -.3em
}

.footer-section .has-icon.newsletter-heading, .heading.has-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-section .has-icon.newsletter-heading > .heading-icon, .heading.has-icon > .heading-icon {
    padding-right: 8px;
    -webkit-filter: invert(.7);
    filter: invert(.7)
}

.footer-section .is-primary.newsletter-heading, .heading.is-primary {
    color: #274a9c
}

.footer-section .is-success.newsletter-heading, .heading.is-success {
    color: #ef6733
}

@media screen and (min-width: 980px) {
    .subheading {
        padding-left: 5em;
        padding-right: 5em
    }
}

.subheading.has-no-padding {
    padding: 0
}

.subheading, .subtitle {
    line-height: 1.4;
    color: #919499
}

@media screen and (max-width: 768px) {
    .subheading, .subtitle {
        font-size: 90%
    }
}

.callout-heading {
    text-align: center
}

@media screen and (min-width: 769px) {
    .callout-heading {
        margin-bottom: 60px;
        border-bottom: 3px solid #274a9c;
        text-align: left
    }

    .callout-heading.button.is-default, .callout-heading.is-default.ais-clear, .callout-heading.is-padded {
        margin-left: 60px;
        margin-right: 60px
    }

    .callout-heading > .heading, .footer-section .callout-heading > .newsletter-heading {
        margin-bottom: 0 !important;
        background: #fff;
        position: relative;
        top: 14px;
        display: inline;
        text-align: center;
        padding: 0 30px;
        left: 60px;
        text-transform: uppercase;
        font-weight: 700
    }
}

.centered-heading {
    text-align: center
}

.centered-heading:after {
    width: 40px;
    height: 4px;
    background: #274a9c;
    display: block;
    content: "";
    border-radius: 4px;
    margin: 2em auto 5em
}

.centered-heading > .heading, .footer-section .centered-heading > .newsletter-heading {
    font-size: 24px
}

.centered-heading > .subheading, .centered-heading > .subtitle {
    margin-top: -10px
}

@media screen and (min-width: 980px) {
    .centered-heading > .subheading, .centered-heading > .subtitle {
        padding-left: 150px;
        padding-right: 150px
    }
}

.icon.is-16x16 {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.icon.is-18x18 {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.icon.is-28x28 {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.icon.is-32x32 {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.icon.is-40x40 {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon.is-50x50 {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.icon.is-faded {
    color: hsla(0, 0%, 100%, .2);
    fill: hsla(0, 0%, 100%, .2)
}

.icon.is-white {
    color: #fff;
    fill: #fff
}

.icon.is-active {
    fill: #ef6733;
    color: #ef6733
}

.icon.is-circle {
    border: 3px solid currentColor;
    width: 15px;
    height: 15px;
    margin-right: 10px
}

#app .has-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#app .has-icon > .icon {
    padding-right: 10px
}

#app .has-icon > .icon:hover {
    fill: #ef6733
}

#app .has-icon > .icon.is-grey {
    fill: #aeb1b5;
    -webkit-filter: invert(.7);
    filter: invert(.7)
}

#app .has-icon > .icon.is-success {
    fill: #ef6733
}

#app .has-icon > .icon.is-toggle {
    fill: #aeb1b5
}

#app .has-icon > .icon.is-toggle.is-active, #app .has-icon > .icon.is-toggle:hover {
    fill: #ef6733
}

.button.is-naked .icon:first-child, .button.is-naked .icon:last-child, .is-naked.ais-clear .icon:first-child, .is-naked.ais-clear .icon:last-child {
    margin-left: 0;
    margin-right: 0
}

.icon.is-outlined {
    border-radius: 50%;
    border: 1px solid #a1a1a1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #a1a1a1;
    margin-right: 10px
}

.icon.is-outlined:hover {
    background: #274a9c;
    color: #fff;
    cursor: pointer;
    border: 1px solid #007f80
}

.icon.is-outlined > i {
    display: block
}

.icon.is-muted {
    -webkit-filter: invert(.7);
    filter: invert(.7)
}

.icon-podcast {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDQyIDQ0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQyIDQ0MiI+PHBhdGggZD0iTTM3Ny4zMDYgNjQuNjkzQzMzNS41ODggMjIuOTc2IDI4MC4wNzcuMCAyMjEgMFMxMDYuNDEyIDIyLjk3NiA2NC42OTQgNjQuNjkzQzIyLjk3NiAxMDYuNDEyLjAgMTYxLjkyMy4wIDIyMXMyMi45NzYgMTE0LjU4OCA2NC42OTQgMTU2LjMwN0MxMDYuNDEyIDQxOS4wMjQgMTYxLjkyMyA0NDIgMjIxIDQ0MnMxMTQuNTg4LTIyLjk3NiAxNTYuMzA2LTY0LjY5M0M0MTkuMDI0IDMzNS41ODggNDQyIDI4MC4wNzcgNDQyIDIyMVM0MTkuMDI0IDEwNi40MTIgMzc3LjMwNiA2NC42OTN6TTM2OS45NTYgMzU1LjgxM2wtMzUuNTYxLTM1LjU2YzIxLjkxMy0yNC45NyAzNC43ODEtNTYuMDY0IDM2LjkzNy04OS4yNTNoNTAuNDE4QzQxOS4zOTIgMjc4Ljg5OCA0MDAuMTkgMzIyLjQzOSAzNjkuOTU2IDM1NS44MTN6TTIwLjI1IDIzMWg1MC40MThjMi4xNTYgMzMuMTg5IDE1LjAyNSA2NC4yODMgMzYuOTM3IDg5LjI1M2wtMzUuNTYxIDM1LjU2QzQxLjgxIDMyMi40MzkgMjIuNjA4IDI3OC44OTggMjAuMjUgMjMxek03Mi4wNDQgODYuMTg3bDM1LjU2MSAzNS41NkM4NS42OTIgMTQ2LjcxNyA3Mi44MjQgMTc3LjgxMSA3MC42NjcgMjExSDIwLjI1QzIyLjYwOCAxNjMuMTAyIDQxLjgxIDExOS41NjEgNzIuMDQ0IDg2LjE4N3pNMjIxIDM1MS42NjdjLTcyLjA1LjAtMTMwLjY2Ny01OC42MTctMTMwLjY2Ny0xMzAuNjY3UzE0OC45NSA5MC4zMzMgMjIxIDkwLjMzMyAzNTEuNjY3IDE0OC45NSAzNTEuNjY3IDIyMSAyOTMuMDUgMzUxLjY2NyAyMjEgMzUxLjY2N3pNMzIwLjI1MyAxMDcuNjA1QzI5NS4yODMgODUuNjkyIDI2NC4xODkgNzIuODIzIDIzMSA3MC42NjdWMjAuMjVjNDcuODk4IDIuMzU4IDkxLjQ0IDIxLjU2MSAxMjQuODE0IDUxLjc5NUwzMjAuMjUzIDEwNy42MDV6TTIxMSA3MC42NjdjLTMzLjE4OSAyLjE1Ni02NC4yODMgMTUuMDI1LTg5LjI1MyAzNi45MzhsLTM1LjU2MS0zNS41NkMxMTkuNTYgNDEuODEgMTYzLjEwMiAyMi42MDggMjExIDIwLjI1VjcwLjY2N3pNMTIxLjc0NyAzMzQuMzk1YzI0Ljk3IDIxLjkxMyA1Ni4wNjQgMzQuNzgxIDg5LjI1MyAzNi45Mzh2NTAuNDE3Yy00Ny44OTgtMi4zNTgtOTEuNDQtMjEuNTYxLTEyNC44MTQtNTEuNzk1TDEyMS43NDcgMzM0LjM5NXpNMjMxIDM3MS4zMzNjMzMuMTg5LTIuMTU2IDY0LjI4My0xNS4wMjUgODkuMjUzLTM2LjkzOGwzNS41NjEgMzUuNTZDMzIyLjQ0IDQwMC4xOSAyNzguODk4IDQxOS4zOTIgMjMxIDQyMS43NVYzNzEuMzMzek0zNzEuMzMzIDIxMWMtMi4xNTYtMzMuMTg5LTE1LjAyNS02NC4yODMtMzYuOTM3LTg5LjI1M2wzNS41NjEtMzUuNTZDNDAwLjE5IDExOS41NjEgNDE5LjM5MiAxNjMuMTAyIDQyMS43NSAyMTFIMzcxLjMzM3oiLz48cGF0aCBkPSJNMjIxIDE0MC42NjdjLTQ0LjI5Ni4wLTgwLjMzMyAzNi4wMzctODAuMzMzIDgwLjMzM3MzNi4wMzggODAuMzMzIDgwLjMzMyA4MC4zMzMgODAuMzMzLTM2LjAzNyA4MC4zMzMtODAuMzMzUzI2NS4yOTYgMTQwLjY2NyAyMjEgMTQwLjY2N3pNMjIxIDI4MS4zMzNjLTMzLjI2OC4wLTYwLjMzMy0yNy4wNjUtNjAuMzMzLTYwLjMzM3MyNy4wNjUtNjAuMzMzIDYwLjMzMy02MC4zMzMgNjAuMzMzIDI3LjA2NSA2MC4zMzMgNjAuMzMzUzI1NC4yNjggMjgxLjMzMyAyMjEgMjgxLjMzM3oiLz48L3N2Zz4=);
    -webkit-filter: invert(.6);
    filter: invert(.6)
}

.icon-discuss, .icon-podcast {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat
}

.icon-discuss {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6LjR9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEzOS40NSA5NWgtMjguNzhhLjYxNS42MTUuMCAwIDAtLjYxLjYxMnYxMS4zMjdhLjYxNS42MTUuMCAwIDAgLjYxLjYxMmgxNy4yNWw1LjM1IDMuODY0YS42NDYuNjQ2LjAgMCAwIC4zNi4xMTYuNjA5LjYwOS4wIDAgMCAuMjgtLjA2OC42LjYuMCAwIDAgLjMzLS41NDV2LTMuMzY3aDUuMjFhLjYwOS42MDkuMCAwIDAgLjYxLS42MTJWOTUuNjEyQS42MDkuNjA5LjAgMCAwIDExMzkuNDUgOTV6bS0uNjEgMTEuMzI3aC01LjIxYS42MDkuNjA5LjAgMCAwLS42MS42MTJ2Mi43ODJsLTQuNTQtMy4yNzlhLjYwNi42MDYuMCAwIDAtLjM2LS4xMTVoLTE2Ljgzdi0xMC4xaDI3LjU1djEwLjF6bS42MSA2LjQyOEgxMTIyLjJsLTUuMzUtMy44NjNhLjYxLjYxLjAgMCAwLS45Ny41djMuMzY3aC01LjIxYS42MTUuNjE1LjAgMCAwLS42MS42MTJ2MTEuMDIxYS42MTUuNjE1LjAgMCAwIC42MS42MTJoMjguNzhhLjYwOS42MDkuMCAwIDAgLjYxLS42MTJWMTEzLjM2N0EuNjA5LjYwOS4wIDAgMCAxMTM5LjQ1IDExMi43NTV6bS0uNjEgMTEuMDJoLTI3LjU1di05LjhoNS4yYS42MS42MS4wIDAgMCAuNjEtLjYxM3YtMi43ODJsNC41NCAzLjI3OWEuNjMuNjMuMCAwIDAgLjM2LjExNmgxNi44NHY5Ljh6bS0yNS4xMS0yNi4wMmgyMi42NlY5OC45OGgtMjIuNjZWOTcuNzU1em0wIDIuNDQ5aDIyLjY2djEuMjI1aC0yMi42NlYxMDAuMnptMCAyLjQ0OWgxNy40NXYxLjIyNWgtMTcuNDV2LTEuMjI1em0zLjk4IDEzLjc3NmgxOC42OHYxLjIyNGgtMTguNjh2LTEuMjI0em0tMy45OCAyLjQ0OGgyMi42NlYxMjAuMWgtMjIuNjZ2LTEuMjI1em0wIDIuNDVoMTkuNnYxLjIyNGgtMTkuNnYtMS4yMjR6bTIxLjEzLTE4LjY3NGgxLjUzdjEuMjI1aC0xLjUzdi0xLjIyNXptLTIuNDUuMGgxLjUzdjEuMjI1aC0xLjUzdi0xLjIyNXptLTE4LjY4IDEzLjc3NmgxLjU0djEuMjI0aC0xLjU0di0xLjIyNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTEwLjA2IC05NSkiLz48L3N2Zz4=)
}

.icon-skills {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4wMzEiIGhlaWdodD0iMjkuOTY5IiB2aWV3Qm94PSIwIDAgMzAuMDMxIDI5Ljk2OSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsLXJ1bGU6ZXZlbm9kZDtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJza2lsbHMiIGNsYXNzPSJjbHMtMSIgZD0iTTY3Ni45ODggMTA4LjM4YS42NzIuNjcyLjAgMCAwIC45NS0uOTUxbC0xLjI1MS0xLjI1IDEuNzkzLTEuNzkxYS42NzIuNjcyLjAgMCAwLS45NTEtLjk1bC0xLjc5MiAxLjc5MS0xLjU3NS0xLjU3MyAxLjc5My0xLjc5MmEuNjcyLjY3Mi4wIDEgMC0uOTUxLS45NDlsLTEuNzkzIDEuNzkxLTMuNTgzLTMuNTgxIDMuNTE1LTMuNDg4IDguMyA4LjI5MmEuNjcyLjY3Mi4wIDEgMCAuOTUxLS45NWwtOC43NzItOC43NjZhLjY3NC42NzQuMCAwIDAtLjk1LjBMNjY4LjIgOTguNjQ3YS42NzIuNjcyLjAgMCAwIDAgLjk1MnpNNjk3LjgyNiAxMTguNGwtOC43NzktOC43NzNhLjY3Mi42NzIuMCAxIDAtLjk1MS45NWw4LjMgOC4zLTMuNSAzLjUtMy41ODQtMy41ODIgMS43OTItMS43OTFhLjY3Mi42NzIuMCAwIDAtLjk1MS0uOTVsLTEuNzkyIDEuNzkxLTEuNTc0LTEuNTczIDEuNzkyLTEuNzkyYS42NzIuNjcyLjAgMCAwLS45NTEtLjk1bC0xLjc5MiAxLjc5Mi0xLjI0NC0xLjI0M2EuNjcyLjY3Mi4wIDEgMC0uOTUuOTVsOC43NzkgOC43NzNhLjY3Mi42NzIuMCAwIDAgLjk1MS4wbDQuNDUzLTQuNDVBLjY3MS42NzEuMCAwIDAgNjk3LjgyNiAxMTguNHptLTI1LjU2NS0yMC4yM2ExLjM0NSAxLjM0NS4wIDEgMCAuOTUtLjM5NEExLjMzNCAxLjMzNC4wIDAgMCA2NzIuMjYxIDk4LjE3M3ptMjEuNTg3IDIxLjU3M2ExLjM0NCAxLjM0NC4wIDEgMC0uOTUxLjM5NEExLjMzNCAxLjMzNC4wIDAgMCA2OTMuODQ4IDExOS43NDZ6bTEuMjA5LTE4LjAyM2gwbDEuOTI2LTEuOTI0YTMuMzYgMy4zNi4wIDAgMC00Ljc1NC00Ljc1bC0xLjkyNSAxLjkyNGgwbC0yLjM3NiAyLjM3NGgwbC0xNS40MDkgMTUuNHYwYS41MDkuNTA5LjAgMCAwLS4wNTcuMDY2LjA5MS4wOTEuMCAwIDAtLjAxMS4wMTYuNTg3LjU4Ny4wIDAgMC0uMDQzLjA2Ny4wMzUuMDM1LjAgMCAxIDAgLjAwOGwtMi41IDQuNzM1YS4wMTYuMDE2LjAgMCAwIDAgLjAwN2wtMS43NTQgMy4zMTdhLjY3MS42NzEuMCAwIDAgLjU5NC45ODUuNjY0LjY2NC4wIDAgMCAuMzE0LS4wNzhsMy4zMi0xLjc1MmguMDA2bDQuNzM5LTIuNXYwYy4wMjUtLjAxNS4wNS0uMDMuMDc0LS4wNDdsLjAxMi0uMDA5YS42MTkuNjE5LjAgMCAwIC4wNjctLjA1OHYwek02NzIuMTgxIDEyMC43bC0uODY2LS44NjYgMS40MTUtMi42NzYuMjkxIDEuMzI0di4wMWEuNjI5LjYyOS4wIDAgMCAuMDIyLjA3NHMwIC4wMS4wLjAxNGEuNjIuNjIuMCAwIDAgLjAzNi4wNzlsLjAwNy4wMTJhLjU4MS41ODEuMCAwIDAgLjA0LjA2MWwuMDEyLjAxN2MuMDE4LjAyMi4wMzYuMDQ0LjA1Ni4wNjVzLjA0My4wMzguMDY1LjA1NmwuMDE3LjAxMmEuNS41LjAgMCAwIC4wNjIuMDRsLjAxMS4wMDdhLjYyLjYyLjAgMCAwIC4wNzkuMDM2aC4wMTNhLjcwOC43MDguMCAwIDAgLjA3NS4wMjJoLjAxbDEuMzI1LjI5em0yLjg0MS0yLjc1NSAyLjQ3MS0yLjQ3YS42NzIuNjcyLjAgMCAwLS45NTEtLjk0OWwtMi40NzEgMi40NjktLjM0Mi0xLjU1OEw2ODguNCAxMDAuNzczbC45NS45NUw2NzguMTY0IDExMi45YS42NzIuNjcyLjAgMSAwIC45NS45NWwxMS4xOS0xMS4xODEuOTUxLjk1LTE0LjY3NCAxNC42NjN6TTY5MC43NzkgOTguNGwyLjg1MiAyLjg1LTEuNDI2IDEuNDI1LTIuODUyLTIuODV6bTIuNC0yLjRhMi4wMTYgMi4wMTYuMCAxIDEgMi44NTIgMi44NWwtMS40NTEgMS40NS0yLjg1Mi0yLjg1MXptLTIyLjUyMyAyNS4wNzguMjc5LjI3OS0uNTkyLjMxM3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjggLTk0LjAzMSkiLz48L3N2Zz4=);
    height: 30px
}

.icon-catalog, .icon-skills {
    width: 30px;
    background-repeat: no-repeat
}

.icon-catalog {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDMwIDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6LjR9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9ImNhdGFsb2ciIGNsYXNzPSJjbHMtMSIgZD0iTTMuMjkzLjBBMy4yNjggMy4yNjguMCAwIDAgLjAwOCAzLjI0NWEzLjI4NSAzLjI4NS4wIDAgMCA2LjU2OS4wQTMuMjY4IDMuMjY4LjAgMCAwIDMuMjkzLjB6bTAgNC44QTEuNTUyIDEuNTUyLjAgMSAxIDQuODY0IDMuMjQ1IDEuNTYzIDEuNTYzLjAgMCAxIDMuMjkzIDQuOHpNMjkuMTQxIDIuNEg5LjE0OGEuODQ2Ljg0Ni4wIDEgMCAwIDEuNjkzSDI5LjE0MWEuODQ2Ljg0Ni4wIDEgMCAwLTEuNjkzek0zLjI5MyA4Ljc0N2EuODQ2Ljg0Ni4wIDEgMCAwIDEuNjkyIDEuNTUyIDEuNTUyLjAgMSAxLTEuNTcxIDEuNTUyLjg1Mi44NTIuMCAwIDAtLjg1Ny0uODQ2Ljg1Mi44NTIuMCAwIDAtLjg1Ny44NDYgMy4yODUgMy4yODUuMCAwIDAgNi41NjkuMEEzLjI2OCAzLjI2OC4wIDAgMCAzLjI5MyA4Ljc0N3ptMjUuODQ4IDIuNEg5LjE0OGEuODQ2Ljg0Ni4wIDEgMCAwIDEuNjkzSDI5LjE0MUEuODQ2Ljg0Ni4wIDEgMCAyOS4xNDEgMTEuMTQ0ek0zLjI5MyAxNy40OTJhMy4yNDUgMy4yNDUuMCAxIDAgMy4yODUgMy4yNDRBMy4yNjggMy4yNjguMCAwIDAgMy4yOTMgMTcuNDkyem0wIDQuOGExLjU1MiAxLjU1Mi4wIDEgMSAxLjU3MS0xLjU1MkExLjU2MyAxLjU2My4wIDAgMSAzLjI5MyAyMi4yODh6bTI1Ljg0OC0yLjRIOS4xNDhhLjg0Ni44NDYuMCAxIDAgMCAxLjY5M0gyOS4xNDFBLjg0Ni44NDYuMCAxIDAgMjkuMTQxIDE5Ljg5eiIvPjwvc3ZnPg==);
    height: 240
}

.icon-series {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDQwIDI3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6LjR9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9InNlcmllcyIgY2xhc3M9ImNscy0xIiBkPSJNNDc0LjI4NiA5N0g0MzUuNzE0YS43MTQuNzE0LjAgMCAwLS43MTQuNzE0djI1LjU3MWEuNzE0LjcxNC4wIDAgMCAuNzE0LjcxNWgzOC41NzJhLjcxNC43MTQuMCAwIDAgLjcxNC0uNzE1Vjk3LjcxNEEuNzE0LjcxNC4wIDAgMCA0NzQuMjg2IDk3em0tMzcuODU4IDQuNDI5aDYuNDI5djEyLjg1N2gtNi40MjlWMTAxLjQyOXptMzcuMTQ0IDEyLjg1N2gtMi4xNDNWMTAxLjQyOWgyLjE0M3YxMi44NTd6bTAtMTQuMjg2aC0yLjg1N2EuNzE1LjcxNS4wIDAgMC0uNzE1LjcxNVYxMTVhLjcxNC43MTQuMCAwIDAgLjcxNS43MTRoMi44NTd2Ni44NTdINDM2LjQyOHYtNi44NTdoNy4xNDNhLjcxNS43MTUuMCAwIDAgLjcxNS0uNzE0VjEwMC43MTRhLjcxNS43MTUuMCAwIDAtLjcxNS0uNzE0aC03LjE0M1Y5OC40MjloMzcuMTQ0VjFlMnptLTE3Ljg1OCAxNy41NzFBMS40MjkgMS40MjkuMCAxIDEgNDU0LjI4NiAxMTkgMS40MjkgMS40MjkuMCAwIDEgNDU1LjcxNCAxMTcuNTcxem0tOC41NzEtMS44NTdoMjBhLjcxMy43MTMuMCAwIDAgLjcxNC0uNzE0VjEwMC43MTRhLjcxNC43MTQuMCAwIDAtLjcxNC0uNzE0aC0yMGEuNzE1LjcxNS4wIDAgMC0uNzE1LjcxNVYxMTVBLjcxNC43MTQuMCAwIDAgNDQ3LjE0MyAxMTUuNzE0em0uNzE0LTE0LjI4NWgxOC41NzJ2MTIuODU3SDQ0Ny44NTdWMTAxLjQyOXptLS43MTQgMTYuODU2aDIuMTQzdjEuNDI5aC0yLjE0M3YtMS40Mjl6bTMuNTcxLjBoMi4xNDN2MS40MjloLTIuMTQzdi0xLjQyOXptNy44NTcuMGgyLjE0M3YxLjQyOWgtMi4xNDN2LTEuNDI5em0zLjU3Mi4waDIuMTQzdjEuNDI5aC0yLjE0M3YtMS40Mjl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM1IC05NykiLz48L3N2Zz4=);
    width: 40px;
    height: 27px;
    background-repeat: no-repeat
}

.icon-clock {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy45NyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIzLjk3IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6LjR9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9IkZvcm1hXzEiIGRhdGEtbmFtZT0iRm9ybWEgMSIgY2xhc3M9ImNscy0xIiBkPSJNMTA4My4wMiA2MzEuMDJhMTIuMDA4IDEyLjAwOC4wIDEgMS04LjQ4IDMuNTE0IDExLjk4NiAxMS45ODYuMCAwIDEgOC40OC0zLjUxNGgwem02LjExIDExLjM0NWEuNjU1LjY1NS4wIDAgMSAwIDEuMzA5aC02LjExYS42NjcuNjY3LjAgMCAxLS41Ny0uMzMxbC0uMDEtLjAxaDBsLS4wMS0uMDE4aDB2LS4wMDloMGwtLjAxLS4wMTloMHYtLjAxOWgwdi0uMDA5aDBsLS4wMS0uMDE5aDBsLS4wMS0uMDA5aDB2LS4wMThoMGwtLjAxLS4wMTloMHYtLjAwOWgwbC0uMDEtLjAxOWgwdi0uMDE4aDB2LS4wMTlsLS4wMS0uMDA5aDBWNjQzLjFoMHYtLjAxOGgwdi0uMDE3aDB2LS4wMDloMHYtLjAxOWgwVjY0My4wMmgwdi03LjgxM2EuNjM3LjYzNy4wIDAgMSAuNjQtLjY0NS42NTQuNjU0LjAgMCAxIC42Ni42NDV2Ny4xNThoNS40NnptMS40NS02LjkwOGExMC43IDEwLjcuMCAxIDAgMy4xMyA3LjU2MyAxMC42NTggMTAuNjU4LjAgMCAwLTMuMTMtNy41NjNoMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDcxLjAzIC02MzEuMDMxKSIvPjwvc3ZnPg==)
}

.icon-clock, .icon-play-button {
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.icon-play-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6LjR9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9IkZvcm1hXzEiIGRhdGEtbmFtZT0iRm9ybWEgMSIgY2xhc3M9ImNscy0xIiBkPSJNOTI5LjgxIDY0Mi41NzlsLTYuNjE3LTQuNTI2YS41MDkuNTA5LjAgMCAwLS44LjQyMXY5LjA1MmEuNTA4LjUwOC4wIDAgMCAuOC40MjFsNi42MTctNC41MjZBLjUwOS41MDkuMCAwIDAgOTI5LjgxIDY0Mi41Nzl6bS02LjM5MiAzLjk4MnYtNy4xMjJsNS4yIDMuNTYxek05MjUgNjMxYTEyIDEyIDAgMSAwIDEyIDEyIDEyLjAxMyAxMi4wMTMuMCAwIDAtMTItMTJ6bTAgMjIuOTc2QTEwLjk3NiAxMC45NzYuMCAxIDEgOTM1Ljk3NiA2NDMgMTAuOTg2IDEwLjk4Ni4wIDAgMSA5MjUgNjUzLjk3NnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MTMgLTYzMSkiLz48L3N2Zz4=)
}

.icon-list {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI2IDE5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzM3M2Q0NjtmaWxsLXJ1bGU6ZXZlbm9kZDtvcGFjaXR5Oi43fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJsaXN0IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMjg4IDE1OGgyNnYzaC0yNnYtM3ptMCA0aDI2djNoLTI2di0zem0wIDRoMjZ2M2gtMjZ2LTN6bTAgNGgyNnYzaC0yNnYtM3ptMCA0aDI2djNoLTI2di0zeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyODggLTE1OCkiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    width: 26px;
    height: 19px;
    -webkit-filter: invert(1);
    filter: invert(1)
}

.active .icon-list, .icon-list:hover {
    -webkit-filter: brightness(1%);
    filter: brightness(1%)
}

.icon-grid {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI2IDE5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzI0MjcyYztmaWxsLXJ1bGU6ZXZlbm9kZDtvcGFjaXR5Oi4yfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJSZWN0YW5nbGVfMThfY29weV80IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxOCBjb3B5IDQiIGNsYXNzPSJjbHMtMSIgZD0iTTEyNTMgMTU4aDh2OWgtOHYtOXptOSAwaDh2OWgtOHYtOXptOSAwaDh2OWgtOHYtOXptLTE4IDEwaDh2OWgtOHYtOXptOSAwaDh2OWgtOHYtOXptOSAwaDh2OWgtOHYtOXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjUzIC0xNTgpIi8+PC9zdmc+);
    background-repeat: no-repeat;
    width: 26px;
    height: 19px
}

.active .icon-grid, .icon-grid:hover {
    -webkit-filter: invert(1) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000);
    filter: invert(1) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000) drop-shadow(0 0 0 #000)
}

.icon-play {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDkiIGhlaWdodD0iMTA5IiB2aWV3Qm94PSIwIDAgMTA5IDEwOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7ZmlsbC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9IkZvcm1hXzEiIGRhdGEtbmFtZT0iRm9ybWEgMSIgY2xhc3M9ImNscy0xIiBkPSJNNzUwLjUgNDI4YTU0LjU3NSA1NC41NzUuMCAwIDAtMjYuMDU5IDYuNjI0IDIuMTU5IDIuMTU5LjAgMSAwIDIuMDY4IDMuNzkgNTAuMjgxIDUwLjI4MS4wIDEgMS0xMS4yNzEgOC4zODggMi4xNTcgMi4xNTcuMCAxIDAtMy4wMzMtMy4wNjlBNTQuNDkyIDU0LjQ5Mi4wIDEgMCA3NTAuNSA0Mjh6bS0xOSA4NS42MjdhMi4xNTggMi4xNTguMCAwIDAgMy4wMDcuNTI0bDQyLjQ4Mi0yOS44ODVhMi4xNTkgMi4xNTkuMCAwIDAgMC0zLjUzMkw3MzQuNSA0NTAuODQ5YTIuMTU4IDIuMTU4LjAgMCAwLTMuNCAxLjc2NnY0MC44NTZhMi4xNTkgMi4xNTkuMCAxIDAgNC4zMTcuMHYtMzYuN0w3NzEuOTkzIDQ4Mi41IDczMi4wMiA1MTAuNjJBMi4xNTkgMi4xNTkuMCAwIDAgNzMxLjUgNTEzLjYyN3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02OTYgLTQyOCkiLz48L3N2Zz4=);
    width: 109px;
    height: 109px
}

.icon-eye, .icon-play {
    background-repeat: no-repeat
}

.icon-eye {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDIxIDEzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZH08L3N0eWxlPjwvZGVmcz48cGF0aCBpZD0iRm9ybWFfMSIgZGF0YS1uYW1lPSJGb3JtYSAxIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDMwLjUgMjE0Yy02LjU2LjAtMTAuNSA2LjQ2LTEwLjUgNi40NnMzLjk0IDYuNTQgMTAuNSA2LjU0IDEwLjUtNi41IDEwLjUtNi41UzEwMzcuMDYgMjE0IDEwMzAuNSAyMTR6bTAgMTEuN2MtNS43NC4wLTguODYtNS4yLTguODYtNS4yczMuMTItNS4yIDguODYtNS4yIDguODYgNS4yIDguODYgNS4yUzEwMzYuMjQgMjI1LjcgMTAzMC41IDIyNS43em0wLTkuMWEzLjkgMy45LjAgMSAxLTMuOTQgMy45QTMuOTI0IDMuOTI0LjAgMCAxIDEwMzAuNSAyMTYuNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDIwIC0yMTQpIi8+PC9zdmc+);
    width: 38px;
    height: 13px
}

.icon-download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE5IDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGwtcnVsZTpldmVub2RkO29wYWNpdHk6LjJ9PC9zdHlsZT48L2RlZnM+PHBhdGggaWQ9IkZvcm1hXzEiIGRhdGEtbmFtZT0iRm9ybWEgMSIgY2xhc3M9ImNscy0xIiBkPSJNMjEzLjA1IDEyNDUuOGgtMTcuMWEuOTU0Ljk1NC4wIDAgMC0uOTQ3Ljk2djEuMjhhLjk1Ni45NTYuMCAwIDAgLjk0Ny45NmgxNy4xYS45NTQuOTU0LjAgMCAwIC45NDctLjk2di0xLjI4QS45NDIuOTQyLjAgMCAwIDIxMy4wNSAxMjQ1Ljh6bS05LjIxNC0xLjcyYS45MzcuOTM3LjAgMCAwIC42NjcuMjkuOTI3LjkyNy4wIDAgMCAuNjY4LS4yOWw2LjQ3Ny02LjU2YS45NzguOTc4LjAgMCAwIDAtMS4zNmwtLjktLjlhLjkzMS45MzEuMCAwIDAtMS4zNDEuMGwtMy4zMjkgMy4zN3YtOC42N2EuOTU2Ljk1Ni4wIDAgMC0uOTQ3LS45NkgyMDMuODdhLjk1NC45NTQuMCAwIDAtLjk0Ny45NnY4LjY4bC0zLjMzMy0zLjM4YS45NDkuOTQ5LjAgMCAwLTEuMzQxLjBsLS45LjkxYS45NzguOTc4LjAgMCAwIDAgMS4zNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTUgLTEyMjkpIi8+PC9zdmc+);
    width: 19px;
    height: 20px
}

.icon-download, .icon-like {
    background-repeat: no-repeat
}

.icon-like {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDIzIDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NjYztmaWxsLXJ1bGU6ZXZlbm9kZH08L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zOTUuMzQyIDEyNDEuMzJhMy4wMTYgMy4wMTYuMCAwIDAgLjY4Ny0yIDMuMDQ4IDMuMDQ4LjAgMCAwLS42NDMtMS43MiAyLjcxMyAyLjcxMy4wIDAgMC0uNjI4LTMuMDljLS43ODctLjczLTIuMTIzLTEuMDUtMy45NzQtLjk2YTE1LjcwNiAxNS43MDYuMCAwIDAtMi40MzQuMzFoMGMtLjI0OC4wNS0uNTEuMS0uNzc3LjE2YTguOCA4LjguMCAwIDEgLjYxOC0yLjkxYy42OTMtMi4xNC42NTMtMy43OC0uMTI4LTQuODdhMy4xMjYgMy4xMjYuMCAwIDAtMi41MTktMS4yNCAxLjI1MyAxLjI1My4wIDAgMC0uOTU1LjQ0IDMuNDMyIDMuNDMyLjAgMCAwLS40MTYgMi40Yy0uNjUzIDEuNzctMi40ODQgNi4xMy00LjAzMyA3LjM0YS4zNjguMzY4LjAgMCAwLS4wNzkuMDcgNS40NjIgNS40NjIuMCAwIDAtLjk3IDEuNDcgMi4wMjMgMi4wMjMuMCAwIDAtLjk3OS0uMjVoLTMuMDE5YTIuMDc2IDIuMDc2LjAgMCAwLTIuMDU4IDIuMDl2OC4xNmEyLjA3MSAyLjA3MS4wIDAgMCAyLjA1OCAyLjA4aDMuMDE5YTIuMDM4IDIuMDM4LjAgMCAwIDEuMTg3LS4zOGwxLjE2My4xNGE0Ny4wOTMgNDcuMDkzLjAgMCAwIDYuNi4zN2MuNTg5LjA0IDEuMTQzLjA3IDEuNjU4LjA3YTEwLjk4OCAxMC45ODguMCAwIDAgMi4zLS4yMSA0LjMwOSA0LjMwOS4wIDAgMCAzLjA3My0xLjk0IDMuMSAzLjEuMCAwIDAgLjMzNi0xLjkyIDMuMjE5IDMuMjE5LjAgMCAwIDEuMTIzLTIuNjFBMy4zNDkgMy4zNDkuMCAwIDAgMzk1LjM0MiAxMjQxLjMyem0tMjAuMjU0IDYuMTNhLjcyNy43MjcuMCAwIDEtLjcyMi0uNzN2LTguMTZhLjczMi43MzIuMCAwIDEgLjcyMi0uNzRoMy4wMTlhLjczLjczLjAgMCAxIC43MjIuNzR2OC4xNWEuNzI0LjcyNC4wIDAgMS0uNzIyLjczaC0zLjAxOXYuMDF6bTE4Ljk4Ny02LjcyYS42ODMuNjgzLjAgMCAwLS4wODkuODIgMS45NCAxLjk0LjAgMCAxLS43IDIuNTcuNjg3LjY4Ny4wIDAgMC0uMjI4Ljc3IDEuODExIDEuODExLjAgMCAxLS4xMzMgMS4zIDMuMDkyIDMuMDkyLjAgMCAxLTIuMTg3IDEuMjcgMTIuMzU4IDEyLjM1OC4wIDAgMS0zLjYwOC4xMWgtLjA2OWE0OS44MzIgNDkuODMyLjAgMCAxLTYuNDMzLS4zNWgwbC0uNS0uMDZhMi4xODkgMi4xODkuMCAwIDAgLjA0NC0uNDR2LTguMTZhMi4yMTcgMi4yMTcuMCAwIDAtLjA5NC0uNjMgNC4yNzUgNC4yNzUuMCAwIDEgLjkyLTEuNzJjMi4yMjItMS43OCA0LjQtNy44MSA0LjQ4OS04LjA3YS42NjIuNjYyLjAgMCAwIC4wMjktLjM0IDMuMTQ2IDMuMTQ2LjAgMCAxIC4wNjUtMS40NSAxLjc1OCAxLjc1OC4wIDAgMSAxLjM5NS42N2MuNS43MS40ODUgMS45OC0uMDU5IDMuNjUtLjgzMiAyLjU2LS45IDMuOS0uMjQzIDQuNDlhMS4wNzMgMS4wNzMuMCAwIDAgMS4wNzkuMnEuNDUzLS4xLjg2MS0uMThjLjAyLjAuMDQ0LS4wMS4wNjQtLjAxIDEuNTE5LS4zNCA0LjI0MS0uNTQgNS4xODYuMzNhMS40NTUgMS40NTUuMCAwIDEgLjE2OCAxLjgzLjY3My42NzMuMCAwIDAgLjExOS44NyAxLjk1NCAxLjk1NC4wIDAgMSAuNTQ5IDEuMTdBMS44NzggMS44NzguMCAwIDEgMzk0LjA3NSAxMjQwLjczeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3My4wMzEgLTEyMjUpIi8+PC9zdmc+);
    background-size: cover;
    width: 23px;
    height: 24px
}

.icon-like.is-small {
    width: 19px;
    height: 19px
}

.icon-checkmark {
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
    background: 0 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    outline: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-checkmark.is-success {
    background: #97cd76;
    fill: #fff;
    border: 1px solid #7bbf51
}

.section, section {
    position: relative
}

@media screen and (max-width: 768px) {
    .section, section {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width: 769px) {
    .section, section {
        padding-left: 60px;
        padding-right: 60px
    }

    .is-normal.section, section.is-normal {
        padding: 60px
    }
}

@media screen and (max-width: 768px) {
    .is-medium.section, section.is-medium {
        padding: 40px 20px
    }
}

@media screen and (min-width: 769px) {
    .is-medium.section, section.is-medium {
        padding: 40px 60px
    }
}

@media screen and (min-width: 980px) {
    .is-medium.section, section.is-medium {
        padding: 60px 20px
    }
}

@media screen and (min-height: 1300px) and (min-width: 769px) {
    .is-medium.section, section.is-medium {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.is-grey.section, section.is-grey {
    background: #fafafa;
    border-bottom: 1px solid #f6f6f6
}

.section + .is-grey.section, .section + section.is-grey, section + .is-grey.section, section + .section.is-grey, section + section.is-grey {
    border-top: 1px solid #f1f1f1
}

.is-greydient.section, section.is-greydient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));
    background-image: linear-gradient(180deg, #fafafa, #fff);
    border-bottom: 1px solid #f6f6f6
}

.section + .is-greydient.section, .section + section.is-greydient, section + .is-greydient.section, section + .section.is-greydient, section + section.is-greydient {
    border-top: 1px solid #f1f1f1
}

.is-grey-darker.section, section.is-grey-darker {
    background-color: #f5f5f5
}

@media screen and (min-width: 769px) {
    .is-featured.section, section.is-featured {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.section > .section, .section > section, section > .section, section > section {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 768px) {
    .section > .section, .section > section, section > .section, section > section {
        padding-top: 0
    }
}

.is-square.ais-refinement-list--count, .tag.is-square {
    border-radius: 0;
    padding: 6px 8px;
    text-transform: uppercase;
    height: auto;
    font-size: 14px
}

.is-white.ais-refinement-list--count, .tag.is-white {
    background: #fff;
    color: #4d545d
}

.ais-refinement-list--count a, .tag a {
    color: inherit
}

.ais-refinement-list--count a:hover, .tag a:hover {
    text-decoration: underline
}

.has-columns {
    -webkit-column-gap: 70px;
    column-gap: 70px
}

.has-columns.has-borders {
    -webkit-column-rule: 2px dashed #d7d7d7;
    column-rule: 2px dashed #d7d7d7
}

@media screen and (min-width: 769px) {
    .has-columns.has-three, .has-columns.has-two {
        -webkit-column-count: 2;
        column-count: 2
    }
}

@media screen and (min-width: 980px) {
    .has-columns.has-three {
        -webkit-column-count: 3;
        column-count: 3
    }
}

.has-columns .column-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 4em
}

.video-player-wrap {
    background: #000
}

.video-player {
    margin-bottom: -8px;
    margin: 0 auto;
    position: relative;
    max-width: 100%
}

@media screen and (min-width: 769px) {
    .video-player {
        width: calc(100vh - 10px)
    }
}

@media screen and (min-width: 980px) {
    .video-player {
        min-width: 70%;
        max-width: 90%
    }
}

.video-details .watch-later-button {
    padding: 0;
    line-height: inherit;
    color: #919499
}

.video-details .watch-later-button.is-active {
    color: #97cd76
}

.next-lesson-arrow {
    background: #274a9c;
    padding: 8px 15px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 50%;
    z-index: 2;
    margin-top: -20px;
    display: none;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width: 768px) {
    .next-lesson-arrow {
        right: 0;
        top: 109%;
        display: block
    }
}

.next-lesson-arrow.previous {
    left: 0;
    right: inherit
}

@media screen and (max-width: 768px) {
    .next-lesson-arrow.previous {
        left: 0
    }
}

.next-lesson-arrow:hover {
    opacity: 1
}

.next-lesson-arrow a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.next-lesson-arrow .arrow {
    font-size: 48px
}

.next-lesson-arrow-title {
    display: none
}

.next-lesson-arrow:hover .next-lesson-arrow-title, .video-player:hover .next-lesson-arrow {
    display: block
}

.next-lesson-arrow:hover .icon {
    padding-left: 20px
}

.next-lesson-arrow:hover.previous .icon {
    padding-left: 0;
    padding-right: 20px
}

#app .video-title-series {
    color: #93979d
}

#app .video-title-series:hover {
    color: #274a9c;
    border-bottom: 0
}

.video-details {
    font-size: .93em
}

@media screen and (max-width: 768px) {
    .video-details {
        text-align: center
    }

    .video-details .lesson-complete-button {
        text-align: center !important
    }
}

.video-details-publish-date {
    color: #cacaca;
    margin-bottom: 3px
}

#app .video-details-buttons .for-download {
    color: #aeb1b5
}

.footer-section .video-details .newsletter-heading, .video-details .footer-section .newsletter-heading, .video-details .heading, .video-details .title {
    margin-bottom: 10px;
    color: #2b2a2a;
    letter-spacing: -.05em;
    font-weight: 500
}

@media screen and (min-width: 769px) {
    .footer-section .video-details .newsletter-heading, .video-details .footer-section .newsletter-heading, .video-details .heading, .video-details .title {
        font-size: 60px
    }
}

.video-details .lesson-complete-button {
    background: 0 0;
    border: 0;
    text-align: left;
    color: #cacaca;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    outline: 0;
    padding: 0
}

.video-details .lesson-complete-button .icon {
    border-radius: 50%;
    padding: 10px;
    font-size: 30px;
    margin-bottom: 7px;
    color: #7d8793;
    border: 1px solid #d7d7d7
}

.video-details .lesson-complete-button .icon path {
    fill: #cacaca
}

.video-details .lesson-complete-button span {
    display: block
}

.video-details.is-complete .lesson-complete-button {
    color: #97cd76
}

.video-details.is-complete .lesson-complete-button .icon {
    color: #fff;
    background: #97cd76;
    border: 0
}

.video-details.is-complete .lesson-complete-button .icon path {
    fill: #fff
}

.video-description {
    color: #7d8793;
    font-weight: 400
}

@media screen and (min-width: 980px) {
    .video-description {
        font-size: 18px
    }
}

#app .video-details-buttons .ais-clear, #app .video-details-buttons .button {
    padding: 12px 20px;
    height: inherit
}

#app .video-details-buttons .icon-download, #app .video-details-buttons .icon-like {
    margin-right: 10px
}

.video-comments {
    border-top: 1px solid #d7d7d7
}

.video-comments .comments {
    margin-top: -3em;
    padding-top: 3em
}

@media screen and (min-width: 769px) {
    .video-comments .comments {
        border-right: 1px solid #d7d7d7
    }
}

.ais-input, .input, .textarea {
    padding: 0 15px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 42px
}

@media screen and (max-width: 768px) {
    .ais-input, .input, .textarea {
        font-size: 11px
    }
}

.textarea {
    padding: 20px 15px
}

.input.is-naked, .is-naked.ais-input, .is-naked.textarea {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.textarea {
    max-height: 100%
}

fieldset + fieldset {
    margin-top: 2em
}

#app legend {
    background: #fff;
    padding: 0 1em;
    font-weight: 700
}

form.box {
    width: 400px;
    max-width: 100%
}

.control:not(:last-child) {
    margin-bottom: 1.3em
}

@media screen and (max-width: 768px) {
    .control.is-grouped {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.select {
    height: 42px
}

.select:after {
    margin-top: -6px
}

.select select {
    height: 100%;
    padding-left: 15px
}

#carbonads {
    display: block;
    overflow: hidden;
    margin-bottom: 3em;
    padding: 1em;
    border: 1px dashed #d7d7d7;
    background-color: #fafafa;
    font-size: 13px;
    line-height: 1.5
}

#carbonads a {
    color: inherit
}

#carbonads a:hover {
    color: #00b1b4
}

#carbonads span {
    position: relative;
    display: block;
    overflow: hidden
}

.carbon-img {
    float: left;
    margin-right: 1em
}

.carbon-img img, .carbon-text {
    display: block
}

.carbon-text {
    float: left;
    max-width: calc(100% - 130px - 1em);
    text-align: left
}

.carbon-poweredby {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    font-size: 11px
}

.color-primary {
    color: #274a9c !important
}

.bg-primary {
    background: #274a9c !important
}

.color-secondary {
    color: #274a9c !important
}

.bg-secondary {
    background: #274a9c !important
}

.color-black {
    color: #111 !important
}

.bg-black {
    background: #111 !important
}

.color-blue {
    color: #3898d4 !important
}

.bg-blue {
    background: #3898d4 !important
}

.color-success {
    color: #ef6733 !important
}

.bg-success {
    background: #ef6733 !important
}

.color-white {
    color: #fff !important
}

.bg-white {
    background: #fff !important
}

.color-green {
    color: #97cd76 !important
}

.bg-green {
    background: #97cd76 !important
}

.color-red {
    color: #ed6c63 !important
}

.bg-red {
    background: #ed6c63 !important
}

.color-grey-darker {
    color: #4d545d !important
}

.bg-grey-darker {
    background: #4d545d !important
}

.color-text-lighter {
    color: #7d8793 !important
}

.bg-text-lighter {
    background: #7d8793 !important
}

.color-text-lightest {
    color: #cacaca !important
}

.bg-text-lightest {
    background: #cacaca !important
}

::-webkit-input-placeholder {
    color: #cacbce;
    font-weight: 700
}

::-moz-placeholder {
    color: #cacbce;
    font-weight: 700
}

:-ms-input-placeholder {
    color: #cacbce;
    font-weight: 700
}

:-moz-placeholder {
    color: #cacbce;
    font-weight: 700
}

#app .is-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width: 769px) {
    .dont-flex {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.is-flex.is-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 768px) {
    .is-column-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.is-justified-to-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

@media screen and (max-width: 768px) {
    .is-justified-to-center-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.is-justified-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.is-justified-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.is-aligned-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .is-aligned-center-mobile {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 980px) {
    .is-aligned-center-desktop {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-centered, .is-vertically-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 769px) {
    .is-vertically-centered-tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 980px) {
    .is-vertically-centered-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-0 {
    padding: 0 !important
}

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

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

.p-1 {
    padding: 1em !important
}

.px-1 {
    padding-left: 1em !important;
    padding-right: 1em !important
}

.py-1 {
    padding-top: 1em !important;
    padding-bottom: 1em !important
}

.p-2 {
    padding: 2em !important
}

.px-2 {
    padding-left: 2em !important;
    padding-right: 2em !important
}

.py-2 {
    padding-top: 2em !important;
    padding-bottom: 2em !important
}

.p-3 {
    padding: 3em !important
}

.px-3 {
    padding-left: 3em !important;
    padding-right: 3em !important
}

.py-3 {
    padding-top: 3em !important;
    padding-bottom: 3em !important
}

.p-4 {
    padding: 4em !important
}

.px-4 {
    padding-left: 4em !important;
    padding-right: 4em !important
}

.py-4 {
    padding-top: 4em !important;
    padding-bottom: 4em !important
}

.p-5 {
    padding: 5em !important
}

.px-5 {
    padding-left: 5em !important;
    padding-right: 5em !important
}

.py-5 {
    padding-top: 5em !important;
    padding-bottom: 5em !important
}

.p-6 {
    padding: 6em !important
}

.px-6 {
    padding-left: 6em !important;
    padding-right: 6em !important
}

.py-6 {
    padding-top: 6em !important;
    padding-bottom: 6em !important
}

@media screen and (max-width: 768px) {
    .p-0-mobile {
        padding: 0 !important
    }

    .px-0-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-1-mobile {
        padding: 1em !important
    }

    .px-1-mobile {
        padding-left: 1em !important;
        padding-right: 1em !important
    }

    .p-2-mobile {
        padding: 2em !important
    }

    .px-2-mobile {
        padding-left: 2em !important;
        padding-right: 2em !important
    }

    .p-3-mobile {
        padding: 3em !important
    }

    .px-3-mobile {
        padding-left: 3em !important;
        padding-right: 3em !important
    }

    .p-4-mobile {
        padding: 4em !important
    }

    .px-4-mobile {
        padding-left: 4em !important;
        padding-right: 4em !important
    }

    .p-5-mobile {
        padding: 5em !important
    }

    .px-5-mobile {
        padding-left: 5em !important;
        padding-right: 5em !important
    }

    .p-6-mobile {
        padding: 6em !important
    }

    .px-6-mobile {
        padding-left: 6em !important;
        padding-right: 6em !important
    }
}

@media screen and (min-width: 769px) {
    .mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .px-0-tablet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mx-1 {
        margin-left: 1em !important;
        margin-right: 1em !important
    }

    .px-1-tablet {
        padding-left: 1em !important;
        padding-right: 1em !important
    }

    .mx-2 {
        margin-left: 2em !important;
        margin-right: 2em !important
    }

    .px-2-tablet {
        padding-left: 2em !important;
        padding-right: 2em !important
    }

    .mx-3 {
        margin-left: 3em !important;
        margin-right: 3em !important
    }

    .px-3-tablet {
        padding-left: 3em !important;
        padding-right: 3em !important
    }

    .mx-4 {
        margin-left: 4em !important;
        margin-right: 4em !important
    }

    .px-4-tablet {
        padding-left: 4em !important;
        padding-right: 4em !important
    }

    .mx-5 {
        margin-left: 5em !important;
        margin-right: 5em !important
    }

    .px-5-tablet {
        padding-left: 5em !important;
        padding-right: 5em !important
    }

    .mx-6 {
        margin-left: 6em !important;
        margin-right: 6em !important
    }

    .px-6-tablet {
        padding-left: 6em !important;
        padding-right: 6em !important
    }
}

@media screen and (min-width: 980px) {
    .mx-0-desktop {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .px-0-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mx-1-desktop {
        margin-left: 1em !important;
        margin-right: 1em !important
    }

    .px-1-desktop {
        padding-left: 1em !important;
        padding-right: 1em !important
    }

    .mx-2-desktop {
        margin-left: 2em !important;
        margin-right: 2em !important
    }

    .px-2-desktop {
        padding-left: 2em !important;
        padding-right: 2em !important
    }

    .mx-3-desktop {
        margin-left: 3em !important;
        margin-right: 3em !important
    }

    .px-3-desktop {
        padding-left: 3em !important;
        padding-right: 3em !important
    }

    .mx-4-desktop {
        margin-left: 4em !important;
        margin-right: 4em !important
    }

    .px-4-desktop {
        padding-left: 4em !important;
        padding-right: 4em !important
    }

    .mx-5-desktop {
        margin-left: 5em !important;
        margin-right: 5em !important
    }

    .px-5-desktop {
        padding-left: 5em !important;
        padding-right: 5em !important
    }

    .mx-6-desktop {
        margin-left: 6em !important;
        margin-right: 6em !important
    }

    .px-6-desktop {
        padding-left: 6em !important;
        padding-right: 6em !important
    }
}

@media screen and (min-width: 1180px) {
    .px-0-widescreen {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .px-1-widescreen {
        padding-left: 1em !important;
        padding-right: 1em !important
    }

    .px-2-widescreen {
        padding-left: 2em !important;
        padding-right: 2em !important
    }

    .px-3-widescreen {
        padding-left: 3em !important;
        padding-right: 3em !important
    }

    .px-4-widescreen {
        padding-left: 4em !important;
        padding-right: 4em !important
    }

    .px-5-widescreen {
        padding-left: 5em !important;
        padding-right: 5em !important
    }

    .px-6-widescreen {
        padding-left: 6em !important;
        padding-right: 6em !important
    }
}

.mt-a {
    margin-top: auto !important
}

.mbt-1 {
    margin-top: 8px !important
}

.pbt-1 {
    padding-top: 8px !important
}

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

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

.mt-1 {
    margin-top: 1em !important
}

.pt-1 {
    padding-top: 1em !important
}

.mt-2 {
    margin-top: 2em !important
}

.pt-2 {
    padding-top: 2em !important
}

.mt-3 {
    margin-top: 3em !important
}

.pt-3 {
    padding-top: 3em !important
}

.mt-4 {
    margin-top: 4em !important
}

.pt-4 {
    padding-top: 4em !important
}

.mt-5 {
    margin-top: 5em !important
}

.pt-5 {
    padding-top: 5em !important
}

.mt-6 {
    margin-top: 6em !important
}

.pt-6 {
    padding-top: 6em !important
}

@media screen and (max-width: 768px) {
    .mt-0-mobile {
        margin-top: 0 !important
    }

    .pt-0-mobile {
        padding-top: 0 !important
    }

    .mt-1-mobile {
        margin-top: 1em !important
    }

    .pt-1-mobile {
        padding-top: 1em !important
    }

    .mt-2-mobile {
        margin-top: 2em !important
    }

    .pt-2-mobile {
        padding-top: 2em !important
    }

    .mt-3-mobile {
        margin-top: 3em !important
    }

    .pt-3-mobile {
        padding-top: 3em !important
    }

    .mt-4-mobile {
        margin-top: 4em !important
    }

    .pt-4-mobile {
        padding-top: 4em !important
    }

    .mt-5-mobile {
        margin-top: 5em !important
    }

    .pt-5-mobile {
        padding-top: 5em !important
    }

    .mt-6-mobile {
        margin-top: 6em !important
    }

    .pt-6-mobile {
        padding-top: 6em !important
    }
}

@media screen and (min-width: 769px) {
    .mbt-1-tablet {
        margin-top: 8px !important
    }

    .mt-0-tablet {
        margin-top: 0 !important
    }

    .pt-0-tablet {
        padding-top: 0 !important
    }

    .mt-1-tablet {
        margin-top: 1em !important
    }

    .pt-1-tablet {
        padding-top: 1em !important
    }

    .mt-2-tablet {
        margin-top: 2em !important
    }

    .pt-2-tablet {
        padding-top: 2em !important
    }

    .mt-3-tablet {
        margin-top: 3em !important
    }

    .pt-3-tablet {
        padding-top: 3em !important
    }

    .mt-4-tablet {
        margin-top: 4em !important
    }

    .pt-4-tablet {
        padding-top: 4em !important
    }

    .mt-5-tablet {
        margin-top: 5em !important
    }

    .pt-5-tablet {
        padding-top: 5em !important
    }

    .mt-6-tablet {
        margin-top: 6em !important
    }

    .pt-6-tablet {
        padding-top: 6em !important
    }
}

@media screen and (min-width: 980px) {
    .pt-100-desktop {
        padding-top: 100px
    }

    .pt-0-desktop {
        padding-top: 0 !important
    }

    .pt-1-desktop {
        padding-top: 1em !important
    }

    .pt-2-desktop {
        padding-top: 2em !important
    }

    .pt-3-desktop {
        padding-top: 3em !important
    }

    .pt-4-desktop {
        padding-top: 4em !important
    }

    .pt-5-desktop {
        padding-top: 5em !important
    }

    .pt-6-desktop {
        padding-top: 6em !important
    }
}

.mr-a {
    margin-right: auto !important
}

.mbr-1 {
    margin-right: 8px !important
}

.pbr-1 {
    padding-right: 8px !important
}

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

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

.mr-1 {
    margin-right: 1em !important
}

.pr-1 {
    padding-right: 1em !important
}

.mr-2 {
    margin-right: 2em !important
}

.pr-2 {
    padding-right: 2em !important
}

.mr-3 {
    margin-right: 3em !important
}

.pr-3 {
    padding-right: 3em !important
}

.mr-4 {
    margin-right: 4em !important
}

.pr-4 {
    padding-right: 4em !important
}

.mr-5 {
    margin-right: 5em !important
}

.pr-5 {
    padding-right: 5em !important
}

.mr-6 {
    margin-right: 6em !important
}

.pr-6 {
    padding-right: 6em !important
}

@media screen and (max-width: 768px) {
    .mr-0-mobile {
        margin-right: 0 !important
    }

    .pr-0-mobile {
        padding-right: 0 !important
    }

    .mr-1-mobile {
        margin-right: 1em !important
    }

    .pr-1-mobile {
        padding-right: 1em !important
    }

    .mr-2-mobile {
        margin-right: 2em !important
    }

    .pr-2-mobile {
        padding-right: 2em !important
    }

    .mr-3-mobile {
        margin-right: 3em !important
    }

    .pr-3-mobile {
        padding-right: 3em !important
    }

    .mr-4-mobile {
        margin-right: 4em !important
    }

    .pr-4-mobile {
        padding-right: 4em !important
    }

    .mr-5-mobile {
        margin-right: 5em !important
    }

    .pr-5-mobile {
        padding-right: 5em !important
    }

    .mr-6-mobile {
        margin-right: 6em !important
    }

    .pr-6-mobile {
        padding-right: 6em !important
    }
}

@media screen and (min-width: 769px) {
    .mbr-1-tablet {
        margin-right: 8px !important
    }

    .mr-0-tablet {
        margin-right: 0 !important
    }

    .pr-0-tablet {
        padding-right: 0 !important
    }

    .mr-1-tablet {
        margin-right: 1em !important
    }

    .pr-1-tablet {
        padding-right: 1em !important
    }

    .mr-2-tablet {
        margin-right: 2em !important
    }

    .pr-2-tablet {
        padding-right: 2em !important
    }

    .mr-3-tablet {
        margin-right: 3em !important
    }

    .pr-3-tablet {
        padding-right: 3em !important
    }

    .mr-4-tablet {
        margin-right: 4em !important
    }

    .pr-4-tablet {
        padding-right: 4em !important
    }

    .mr-5-tablet {
        margin-right: 5em !important
    }

    .pr-5-tablet {
        padding-right: 5em !important
    }

    .mr-6-tablet {
        margin-right: 6em !important
    }

    .pr-6-tablet {
        padding-right: 6em !important
    }
}

@media screen and (min-width: 980px) {
    .pr-100-desktop {
        padding-right: 100px
    }

    .pr-0-desktop {
        padding-right: 0 !important
    }

    .pr-1-desktop {
        padding-right: 1em !important
    }

    .pr-2-desktop {
        padding-right: 2em !important
    }

    .pr-3-desktop {
        padding-right: 3em !important
    }

    .pr-4-desktop {
        padding-right: 4em !important
    }

    .pr-5-desktop {
        padding-right: 5em !important
    }

    .pr-6-desktop {
        padding-right: 6em !important
    }
}

.mb-a {
    margin-bottom: auto !important
}

.mbb-1 {
    margin-bottom: 8px !important
}

.pbb-1 {
    padding-bottom: 8px !important
}

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

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

.mb-1 {
    margin-bottom: 1em !important
}

.pb-1 {
    padding-bottom: 1em !important
}

.mb-2 {
    margin-bottom: 2em !important
}

.pb-2 {
    padding-bottom: 2em !important
}

.mb-3 {
    margin-bottom: 3em !important
}

.pb-3 {
    padding-bottom: 3em !important
}

.mb-4 {
    margin-bottom: 4em !important
}

.pb-4 {
    padding-bottom: 4em !important
}

.mb-5 {
    margin-bottom: 5em !important
}

.pb-5 {
    padding-bottom: 5em !important
}

.mb-6 {
    margin-bottom: 6em !important
}

.pb-6 {
    padding-bottom: 6em !important
}

@media screen and (max-width: 768px) {
    .mb-0-mobile {
        margin-bottom: 0 !important
    }

    .pb-0-mobile {
        padding-bottom: 0 !important
    }

    .mb-1-mobile {
        margin-bottom: 1em !important
    }

    .pb-1-mobile {
        padding-bottom: 1em !important
    }

    .mb-2-mobile {
        margin-bottom: 2em !important
    }

    .pb-2-mobile {
        padding-bottom: 2em !important
    }

    .mb-3-mobile {
        margin-bottom: 3em !important
    }

    .pb-3-mobile {
        padding-bottom: 3em !important
    }

    .mb-4-mobile {
        margin-bottom: 4em !important
    }

    .pb-4-mobile {
        padding-bottom: 4em !important
    }

    .mb-5-mobile {
        margin-bottom: 5em !important
    }

    .pb-5-mobile {
        padding-bottom: 5em !important
    }

    .mb-6-mobile {
        margin-bottom: 6em !important
    }

    .pb-6-mobile {
        padding-bottom: 6em !important
    }
}

@media screen and (min-width: 769px) {
    .mbb-1-tablet {
        margin-bottom: 8px !important
    }

    .mb-0-tablet {
        margin-bottom: 0 !important
    }

    .pb-0-tablet {
        padding-bottom: 0 !important
    }

    .mb-1-tablet {
        margin-bottom: 1em !important
    }

    .pb-1-tablet {
        padding-bottom: 1em !important
    }

    .mb-2-tablet {
        margin-bottom: 2em !important
    }

    .pb-2-tablet {
        padding-bottom: 2em !important
    }

    .mb-3-tablet {
        margin-bottom: 3em !important
    }

    .pb-3-tablet {
        padding-bottom: 3em !important
    }

    .mb-4-tablet {
        margin-bottom: 4em !important
    }

    .pb-4-tablet {
        padding-bottom: 4em !important
    }

    .mb-5-tablet {
        margin-bottom: 5em !important
    }

    .pb-5-tablet {
        padding-bottom: 5em !important
    }

    .mb-6-tablet {
        margin-bottom: 6em !important
    }

    .pb-6-tablet {
        padding-bottom: 6em !important
    }
}

@media screen and (min-width: 980px) {
    .pb-100-desktop {
        padding-bottom: 100px
    }

    .pb-0-desktop {
        padding-bottom: 0 !important
    }

    .pb-1-desktop {
        padding-bottom: 1em !important
    }

    .pb-2-desktop {
        padding-bottom: 2em !important
    }

    .pb-3-desktop {
        padding-bottom: 3em !important
    }

    .pb-4-desktop {
        padding-bottom: 4em !important
    }

    .pb-5-desktop {
        padding-bottom: 5em !important
    }

    .pb-6-desktop {
        padding-bottom: 6em !important
    }
}

.ml-a {
    margin-left: auto !important
}

.mbl-1 {
    margin-left: 8px !important
}

.pbl-1 {
    padding-left: 8px !important
}

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

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

.ml-1 {
    margin-left: 1em !important
}

.pl-1 {
    padding-left: 1em !important
}

.ml-2 {
    margin-left: 2em !important
}

.pl-2 {
    padding-left: 2em !important
}

.ml-3 {
    margin-left: 3em !important
}

.pl-3 {
    padding-left: 3em !important
}

.ml-4 {
    margin-left: 4em !important
}

.pl-4 {
    padding-left: 4em !important
}

.ml-5 {
    margin-left: 5em !important
}

.pl-5 {
    padding-left: 5em !important
}

.ml-6 {
    margin-left: 6em !important
}

.pl-6 {
    padding-left: 6em !important
}

@media screen and (max-width: 768px) {
    .ml-0-mobile {
        margin-left: 0 !important
    }

    .pl-0-mobile {
        padding-left: 0 !important
    }

    .ml-1-mobile {
        margin-left: 1em !important
    }

    .pl-1-mobile {
        padding-left: 1em !important
    }

    .ml-2-mobile {
        margin-left: 2em !important
    }

    .pl-2-mobile {
        padding-left: 2em !important
    }

    .ml-3-mobile {
        margin-left: 3em !important
    }

    .pl-3-mobile {
        padding-left: 3em !important
    }

    .ml-4-mobile {
        margin-left: 4em !important
    }

    .pl-4-mobile {
        padding-left: 4em !important
    }

    .ml-5-mobile {
        margin-left: 5em !important
    }

    .pl-5-mobile {
        padding-left: 5em !important
    }

    .ml-6-mobile {
        margin-left: 6em !important
    }

    .pl-6-mobile {
        padding-left: 6em !important
    }
}

@media screen and (min-width: 769px) {
    .mbl-1-tablet {
        margin-left: 8px !important
    }

    .ml-0-tablet {
        margin-left: 0 !important
    }

    .pl-0-tablet {
        padding-left: 0 !important
    }

    .ml-1-tablet {
        margin-left: 1em !important
    }

    .pl-1-tablet {
        padding-left: 1em !important
    }

    .ml-2-tablet {
        margin-left: 2em !important
    }

    .pl-2-tablet {
        padding-left: 2em !important
    }

    .ml-3-tablet {
        margin-left: 3em !important
    }

    .pl-3-tablet {
        padding-left: 3em !important
    }

    .ml-4-tablet {
        margin-left: 4em !important
    }

    .pl-4-tablet {
        padding-left: 4em !important
    }

    .ml-5-tablet {
        margin-left: 5em !important
    }

    .pl-5-tablet {
        padding-left: 5em !important
    }

    .ml-6-tablet {
        margin-left: 6em !important
    }

    .pl-6-tablet {
        padding-left: 6em !important
    }
}

@media screen and (min-width: 980px) {
    .pl-100-desktop {
        padding-left: 100px
    }

    .pl-0-desktop {
        padding-left: 0 !important
    }

    .pl-1-desktop {
        padding-left: 1em !important
    }

    .pl-2-desktop {
        padding-left: 2em !important
    }

    .pl-3-desktop {
        padding-left: 3em !important
    }

    .pl-4-desktop {
        padding-left: 4em !important
    }

    .pl-5-desktop {
        padding-left: 5em !important
    }

    .pl-6-desktop {
        padding-left: 6em !important
    }
}

.ma {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 769px) {
    .mb-0-last-2-tablet:nth-last-of-type(-n+2) {
        margin-bottom: 0 !important
    }
}

.in-caps {
    text-transform: uppercase
}

.is-heavy {
    font-weight: 500
}

.is-bold {
    font-weight: 700
}

.is-muted {
    color: #919499
}

.inherits-color {
    color: inherit
}

@media screen and (max-width: 768px) {
    .has-text-right {
        text-align: left
    }
}

.content {
    line-height: 1.4em
}

.content strong {
    color: #69707a
}

.text {
    font-size: 18px;
    color: #919499
}

.wait-\.3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@media screen and (min-width: 980px) {
    .wait-\.3s-desktop {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }
}

.wait-\.5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@media screen and (min-width: 980px) {
    .wait-\.5s-desktop {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }
}

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

@media screen and (min-width: 980px) {
    .wait-1s-desktop {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
}

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

@media screen and (min-width: 980px) {
    .wait-2s-desktop {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }
}

.wait-2\.5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

@media screen and (min-width: 980px) {
    .wait-2\.5s-desktop {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s
    }
}

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

@media screen and (min-width: 980px) {
    .wait-3s-desktop {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }
}

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

@media screen and (min-width: 980px) {
    .wait-4s-desktop {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }
}

.fade-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

@media screen and (min-width: 980px) {
    .fade-in-desktop {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        opacity: 0
    }
}

.fade-in-desktop.is-fast, .fade-in.is-fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

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

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

.wow {
    visibility: hidden
}

.hide {
    display: none
}

.is-divider {
    padding: 0 3px
}

.is-circle {
    border-radius: 50%
}

.is-circle.is-outlined {
    border: 2px solid #fff
}

.w-100 {
    width: 100%
}

@media screen and (max-width: 768px) {
    .w-100-mobile {
        width: 100%
    }
}

.h-100 {
    height: 100%
}

.w-a {
    width: auto
}

@media screen and (min-width: 769px) {
    .w-80 {
        width: 80%
    }
}

.h-a {
    height: auto !important
}

.lh-1 {
    line-height: 1 !important
}

.b-1 {
    border: 1px solid #e6e5e5
}

.b-1.is-rounded {
    border-radius: 4px
}

.bt-0 {
    border-top: 0 !important
}

.bb-0 {
    border-bottom: 0 !important
}

.bb-1 {
    border-bottom: 1px solid #e6e5e5
}

.bb-1.is-dashed {
    border-style: dashed
}

.bt-1 {
    border-top: 1px solid #e6e5e5
}

.bt-1.is-dashed {
    border-style: dashed
}

.br-1 {
    border-right: 1px solid #e6e5e5
}

.br-1.is-dashed {
    border-style: dashed
}

#app .fs-smaller {
    font-size: .9em
}

#app .fs-smallest {
    font-size: .7em
}

.is-light {
    font-weight: 100
}

@media screen and (max-width: 768px) {
    .has-text-centered-mobile {
        text-align: center
    }
}

.o-2 {
    opacity: .2
}

.o-2:hover, svg.is-active .o-2 {
    opacity: 1
}

.o-4 {
    opacity: .4
}

.o-4:hover, svg.is-active .o-4 {
    opacity: 1
}

.o-8 {
    opacity: .8
}

.algolia-autocomplete {
    width: 100%
}

.algolia-autocomplete .aa-hint, .algolia-autocomplete .aa-input {
    width: 100%;
    min-height: 44px;
    text-indent: 10px;
    background: 0 0 !important
}

.algolia-autocomplete .aa-hint {
    color: #999
}

.algolia-autocomplete .aa-dropdown-menu {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .1);
    text-align: left;
    padding: 10px
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
    cursor: pointer;
    padding: 10px 4px;
    border-bottom: 1px dashed #ddd;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion:last-child {
    border-bottom: 0
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
    background-color: rgba(0, 0, 0, .1)
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
    font-weight: 700;
    color: #274a9c;
    font-style: normal
}

.algolia-autocomplete .category {
    text-align: left;
    background: #274a9c;
    color: #fff;
    padding: 10px 5px;
    font-weight: 700
}

.signup-banner {
    position: relative;
    background: #274a9c
}

@media screen and (min-width: 769px) {
    .signup-banner {
        min-height: 564px;
        background: #45abb2 url(/images/header-character.svg) no-repeat calc(50% - 225px) 100%
    }
}

.signup-banner .ais-clear, .signup-banner .button {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.signup-banner .ais-clear:hover, .signup-banner .button:hover {
    background: #ef6733
}

.footer-section {
    background: #e2e4e7
}

.footer-section .newsletter-heading {
    line-height: 1.2em
}

@media screen and (min-width: 980px) {
    .footer-section .newsletter-heading {
        margin-top: -12px !important
    }
}

.footer-section .newsletter-signup > input[type=email] {
    width: 100%;
    height: 73px;
    padding-left: 15px
}

@media screen and (min-width: 769px) {
    .footer-section .newsletter-signup > input[type=email] {
        font-size: 18px
    }
}

.footer-section .newsletter-signup > .ais-clear, .footer-section .newsletter-signup > .button {
    background-color: #274a9c;
    color: #fff
}

@media screen and (min-width: 769px) {
    .footer-section.top {
        padding-top: 100px
    }
}

.footer-section.top > .container {
    padding-bottom: 82px;
    border-bottom: 2px dashed #b7b7b7
}

@media screen and (min-width: 769px) {
    .footer-section.bottom {
        padding-top: 70px;
        padding-bottom: 100px
    }
}

.footer-description {
    color: #4e545d
}

.footer-links-list > li {
    line-height: 1.95em;
    font-weight: 400
}

.footer-links-list > li a {
    color: #59616b
}

.footer-links-list > li a:hover {
    text-decoration: underline
}

.hosting {
    font-size: 16px
}

@media screen and (min-width: 980px) {
    .pi {
        position: fixed;
        bottom: 15px;
        right: 15px;
        color: #274a9c
    }
}

html.is-centered {
    height: 100%;
    background: #274a9c
}

html.is-centered.is-bold {
    background-image: linear-gradient(141deg, #00806c, #274a9c 71%, #00a8cd)
}

html.is-centered body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

@media screen and (min-width: 769px) {
    .column.is-faded {
        padding-left: 50px;
        margin-top: -30px;
        padding-top: 50px;
        background: linear-gradient(90deg, #f9f9f9, #fff 20px)
    }
}

.series-card {
    position: relative
}

.series-card + .series-card {
    margin-top: 33px
}

.home .series-card + .series-card {
    position: relative;
    left: -70px;
    margin-top: 13px;
    margin-bottom: 0
}

.series-card > a {
    position: relative;
    display: block
}

.series-card:hover > a {
    z-index: 10
}

.series-card-index {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 177, 179, .8);
    color: #fff;
    padding: 10px 15px;
    z-index: 20
}

.series-card-index strong {
    color: #fff
}

.series-card-thumbnail img {
    display: block;
    width: 100%
}

.series-card-details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 25px 25px 20px;
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 10;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

@media screen and (min-width: 769px) {
    .series-card:hover .series-card-details {
        opacity: 0
    }
}

@media screen and (max-width: 768px) {
    .home .series-card-details {
        opacity: 0
    }
}

.series-card-skill {
    margin-bottom: .6em
}

.series-card-skill p {
    margin-bottom: 0;
    padding: 4px 5px;
    color: #fff;
    font-size: .8em
}

.series-card-title {
    font-weight: 400;
    color: #fff
}

.series-card-title a:hover {
    color: #e6e5e5;
    border-bottom: 0
}

.series-card.is-complete .series-completed {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -53px;
    margin-top: -61px;
    color: #97cd76
}

.series-card.is-complete .series-card-thumbnail {
    background: #000
}

@media screen and (min-width: 980px) {
    .series-collection:first-child {
        padding-top: 60px
    }
}

.carousel {
    margin-left: -10px;
    margin-right: -10px
}

.flickity-prev-next-button {
    opacity: .3;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.flickity-page-dots {
    display: none
}

section.series-collection:hover .flickity-prev-next-button {
    opacity: 1
}

.home .carousel {
    max-height: 550px;
    overflow: hidden
}

.carousel-cell-image {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0
}

.carousel-cell-image.flickity-lazyerror, .carousel-cell-image.flickity-lazyloaded {
    opacity: 1
}

.carousel-cell {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%
}

.home .carousel-cell {
    margin-right: 1em;
    width: 358px
}

@media screen and (max-width: 768px) {
    .home .carousel-cell {
        width: 150px
    }
}

.carousel-cell img {
    width: 337px;
    height: 223px
}

.home .carousel-cell img {
    width: 100%;
    height: auto
}

.plans-section {
    background: url(/images/home/plans-bg.png) no-repeat 50% 119%
}

@media screen and (min-width: 769px) {
    .plans-section {
        padding-bottom: 200px
    }
}

@media screen and (min-width: 980px) {
    .plans-section {
        padding-top: 100px
    }
}

.plan {
    background: #f9f9f9;
    border: 2px solid #f5f5f5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 40px 40px 50px;
    position: relative;
    border-radius: 3px
}

@media screen and (min-width: 980px) {
    .plan.bump {
        margin-top: -20px
    }
}

@media screen and (max-width: 768px) {
    .plan {
        margin-bottom: 50px
    }
}

.plan-type:after {
    content: "";
    border-radius: 20px;
    display: block;
    height: 5px;
    width: 35px;
    margin: 12px auto 10px;
    background: #c7c7c7
}

.plan-type > h3 {
    color: #274a9c;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase
}

.plan-price {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 65px;
    font-weight: lighter;
    color: #4d545d;
    line-height: 1
}

.plan-price .dollar {
    font-size: 28px;
    color: #c7c7c7;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-right: 3px;
    margin-left: -.7em
}

.plan-price.is-discounted .dollar:first-child {
    font-weight: 400;
    font-size: 18px;
    margin-top: 10px
}

.plan-description {
    font-size: 100%;
    padding-bottom: 1em
}

@media screen and (max-width: 768px) {
    .plan-description {
        font-size: 13px
    }
}

.plan-button {
    margin-top: 22px;
    margin-bottom: -73px
}

.plan-button > .ais-clear, .plan-button > .button {
    color: #ef6733
}

.plan-button > .ais-clear:hover, .plan-button > .button:hover {
    background: #ef6733;
    border: 1px solid #de4a11;
    color: #fff
}

.plan-slash {
    position: relative;
    color: #aeb1b5;
    padding-right: 30px;
    font-size: 40px
}

.plan-slash:after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
    left: -6px;
    background: #aeb1b5
}

.plan-slash.is-2:after {
    width: 60px
}

.plan-slash.is-3:after {
    width: 70px;
    left: 5px;
    top: 16px
}

.plan-slash + .dollar {
    color: #4d545d;
    margin-top: 6px;
    font-weight: 700;
    font-size: 28px;
    padding-right: 0
}

.bar {
    border-bottom: 1px solid #efefef;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    z-index: 30;
    background: #fff
}

.bar.for-forum {
    padding: 1em 3em
}

#app .bar.for-forum .arrow {
    border-color: #274a9c
}

.bar.for-forum .dropdown.is-active .dropdown-heading, .bar.for-forum .dropdown:hover .dropdown-heading {
    color: #274a9c
}

.bar.is-small {
    padding-top: 15px;
    padding-bottom: 15px
}

.bar a.bar-link {
    color: #274a9c
}

.bar .active a.bar-link, .bar a.bar-link:hover {
    color: #4d545d;
    font-weight: 700
}

@media screen and (min-width: 980px) {
    .question {
        margin-bottom: 2em
    }

    .question:nth-child(odd) {
        padding-right: 4em
    }

    .question:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

.question .box {
    height: 100%
}

.question .answer {
    color: #aeb1b5;
    margin-bottom: 4em
}

@media screen and (min-width: 980px) {
    .question .answer {
        font-size: 16px;
        line-height: 1.7em
    }
}

.episode-list {
    border: 1px solid #eee;
    background: #fff
}

.episode-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.episode-list-item:nth-child(2n) {
    background: #f7f7f7
}

.episode-list-item > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em 1em 0
}

@media screen and (min-width: 769px) {
    .episode-list-item > * {
        padding: 60px
    }
}

.episode-list-index {
    padding-right: 0
}

.circle, .episode-list-index {
    color: #fff;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-size: 35px;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #274a9c;
    border: 1px solid #007f80
}

.circle.is-medium {
    width: 200px;
    height: 200px;
    line-height: 200px
}

.episode-list-completed-status {
    display: none;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.episode-list-completed-status form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.episode-list-completed-status button {
    border: 0;
    background: 0 0;
    outline: 0
}

.episode-list-completed-status i {
    color: #cacaca;
    font-size: 60px
}

.signedIn .episode-list-item.is-complete .episode-list-index .circle {
    border: 1px solid #89c663
}

.signedIn .episode-list-item.is-complete .circle, .signedIn .episode-list-item.is-complete .episode-list-index .circle:hover {
    background: #97cd76
}

.signedIn .episode-list-item.is-complete .circle .position {
    display: none
}

.signedIn .episode-list-item.is-complete .episode-list-completed-status {
    display: inherit
}

.signedIn .episode-list-item.is-complete i {
    color: #97cd76
}

.signedIn .episode-list-item.is-complete .episode-list-title {
    text-decoration: line-through;
    color: #cacaca
}

.signedIn .episode-list-index.has-toggle:hover .circle {
    background: #fff
}

.signedIn .episode-list-index.has-toggle:hover .circle .position {
    display: none
}

.signedIn .episode-list-index.has-toggle:hover .episode-list-completed-status {
    display: inherit
}

.episode-list-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.episode-list-details li {
    list-style: bullet
}

.episode-list-meta {
    text-transform: uppercase;
    margin-bottom: .7em;
    color: #cacaca;
    font-weight: 700
}

.episode-list-meta .position {
    color: inherit
}

.episode-list-meta .position:hover {
    text-decoration: underline
}

.episode-list-meta .running-time {
    color: #274a9c
}

.episode-list-meta .divider {
    padding: 0 4px;
    font-size: .5em;
    position: relative;
    top: -3px;
    vertical-align: text-bottom
}

.episode-list-title {
    margin-bottom: 10px
}

.episode-list-title a {
    color: inherit
}

@media screen and (max-width: 768px) {
    .episode-list-title a {
        display: block
    }
}

.episode-list-title a:hover {
    color: #274a9c
}

.episode-list-title .ais-refinement-list--count, .episode-list-title .tag {
    vertical-align: middle;
    margin-left: .8em;
    position: relative;
    top: -2px
}

@media screen and (max-width: 768px) {
    .episode-list-title .ais-refinement-list--count, .episode-list-title .tag {
        top: 0;
        margin-left: 0;
        margin-top: 10px
    }
}

@media screen and (max-width: 768px) {
    .episode-list-excerpt {
        display: none
    }
}

@media screen and (min-width: 980px) {
    .episode-list-excerpt {
        max-width: 700px
    }
}

.notification.for-user {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 200;
    border-radius: 0
}

.global-notification {
    background: #274a9c;
    color: #e6ffff;
    text-align: center;
    padding: 1em 0
}

.global-notification.is-secondary {
    background: #274a9c
}

.global-notification a, .global-notification strong {
    color: inherit
}

.global-notification a:hover {
    text-decoration: underline
}

.dropdown {
    display: inline-block;
    z-index: 100
}

@media screen and (min-width: 769px) {
    .dropdown {
        position: relative
    }
}

.dropdown-heading {
    line-height: 1em
}

.dropdown-heading.is-primary {
    color: #274a9c
}

.dropdown-heading p {
    font-weight: 700
}

.dropdown-heading:hover {
    text-decoration: none !important
}

.dropdown button:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown-heading.has-arrow {
    padding-right: 17px
}

.dropdown-heading.has-arrow .arrow {
    border: 1px solid #fff;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 7px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px;
    right: 0;
    top: 0
}

@media screen and (min-width: 769px) {
    .dropdown-heading.has-arrow .arrow {
        top: 2.5px;
        border-width: 2px
    }
}

.dropdown-heading.has-arrow .arrow.is-white {
    border-color: #fff
}

.dropdown-menu {
    display: none;
    position: absolute;
    padding-top: 11px;
    text-align: left;
    left: 0;
    z-index: 1
}

@media screen and (min-width: 769px) {
    .dropdown-menu {
        font-size: 16px;
        left: -5px
    }
}

.dropdown-item {
    padding: .7em 0;
    text-transform: uppercase
}

.dropdown-item:not(:last-child) {
    border-bottom: 1px dashed #d7d7d7
}

.dropdown-item a.is-active, .dropdown-item.is-active {
    font-weight: 700;
    color: #274a9c
}

.dropdown-item a.is-active a, .dropdown-item.is-active a {
    color: inherit
}

@media screen and (min-width: 769px) {
    .dropdown-item:first-child {
        padding-top: 0
    }

    .dropdown-item:last-child {
        padding-bottom: 0
    }
}

.dropdown-item a {
    color: #7d8793;
    text-transform: none
}

.dropdown-item a:hover {
    color: #274a9c;
    text-decoration: none
}

.dropdown-item i {
    margin-right: 7px;
    width: 23px
}

.dropdown-item .icon.is-circle {
    border: 3px solid currentColor;
    width: 15px;
    height: 15px;
    margin-right: 10px
}

.dropdown.is-active .dropdown-menu {
    display: block
}

.dropdown.is-active .dropdown-heading {
    color: #274a9c
}

.dropdown.is-active .dropdown-heading.has-arrow .arrow {
    border-color: #274a9c
}

@media screen and (min-width: 769px) {
    .dropdown:hover .dropdown-menu {
        display: block
    }

    .dropdown:hover .dropdown-heading {
        color: #274a9c
    }

    .dropdown:hover .dropdown-heading.has-arrow .arrow {
        border-color: #274a9c
    }
}

.search-result-list {
    list-style: none;
    padding: 0 0 20px
}

.search-result-list.is-condensed {
    border: 1px solid #f1f1f1;
    padding: 0
}

.search-result-list-item {
    color: #cacaca;
    border-bottom: 1px solid #f1f0f0;
    padding: 10px 0;
}

.is-condensed .search-result-list-item {
    padding: 20px
}

.search-result-list-item.is-complete {
    color: #97cd76
}

.search-result-list-status {
    margin-right: 1.8em
}

@media screen and (max-width: 768px) {
    .search-result-list-status {
        margin-right: 1em
    }
}

.search-result-list-status button {
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
    background: 0 0;
    border-radius: 50%;
    outline: 0;
    padding: 10px
}

@media screen and (max-width: 768px) {
    .search-result-list-status button {
        padding: 3px
    }
}

@media screen and (min-width: 769px) {
    .search-result-list-status button {
        padding: 5px
    }
}

#app .search-result-list .search-result-list-title {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    #app .search-result-list .search-result-list-title {
        font-size: 1.1em
    }
}

@media screen and (min-width: 769px) {
    #app .search-result-list .search-result-list-title {
        font-size: 18px;
        letter-spacing: -1px
    }
}

#app .search-result-list .search-result-list-title a:hover {
    border-bottom: 0;
    text-decoration: underline
}

.search-result-list-subtitle a {
    color: #888
}

.search-result-list-subtitle a:hover {
    text-decoration: underline
}

.search-result-list-subtitle small {
    font-size: 13px
}

.search-result-list-subtitle small a {
    font-size: inherit
}

.search-result-list-run-time {
    color: #cacaca
}

.is-condensed .search-result-list-run-time {
    display: none
}

.search-result-list-aside {
    color: #ffc2a8;
    font-size: 16px;
    -ms-flex-item-align: center;
    align-self: center
}

.is-condensed .search-result-list-aside {
    display: none
}

@media screen and (max-width: 768px) {
    .search-result-list-aside {
        display: none
    }
}

.ais-pagination a, .pagination a {
    color: #fdfdfd;
    padding: 0
}

.ais-pagination li.active, .pagination li.active {
    margin: 0 10px 0 3px
}

.ais-pagination li.active span, .ais-pagination li:hover a, .pagination li.active span, .pagination li:hover a {
    color: #274a9c;
    font-weight: 700
}

.is-complete .search-result-list-status button {
    border-color: transparent;
    background: #97cd76
}

.is-complete .search-result-list-status button path {
    fill: #fff
}

.conversation-list.has-borders {
    border: 1px solid #f1f1f1
}

.conversation-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #818181;
    margin: 0 0 1em;
    border-bottom: 1px solid #f1f0f0
}

@media screen and (max-width: 768px) {
    .conversation-list-item {
        font-size: .8em;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 1em
    }
}

@media screen and (min-width: 769px) {
    .conversation-list-item {
        padding: 0 0 1em
    }
}

.has-borders .conversation-list-item {
    padding: 20px;
    margin-bottom: 0
}

.conversation-list.columns .conversation-list-item {
    border-bottom: 0
}

.conversation-list.columns .conversation-list-item:nth-last-of-type(-n+2) {
    margin-bottom: 0;
    padding-bottom: 0
}

.conversation-list-avatar {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .conversation-list-avatar {
        margin-right: 10px
    }
}

.conversation-list-avatar .is-answered {
    width: 40px;
    height: 40px;
    background: #97cd76;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: relative
}

@media screen and (max-width: 768px) {
    .conversation-list-avatar .is-answered {
        width: 20px;
        height: 20px
    }
}

.conversation-list-avatar .is-answered a {
    position: absolute;
    left: 0;
    top: 0
}

.conversation-list-avatar .is-answered img {
    opacity: .2
}

.conversation-list-avatar a {
    display: block
}

@media screen and (max-width: 768px) {
    .conversation-list-avatar a {
        width: 20px
    }
}

.conversation-list-avatar img {
    width: 40px
}

@media screen and (max-width: 768px) {
    .conversation-list-avatar img {
        width: 20px
    }
}

.is-condensed .conversation-list-title {
    width: 100%
}

@media screen and (min-width: 769px) {
    .conversation-list-title {
        width: 75%;
        margin-right: auto
    }
}

.conversation-list-title .footer-section .newsletter-heading, .conversation-list-title .heading, .conversation-list-title .title, .footer-section .conversation-list-title .newsletter-heading {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 7px
}

@media screen and (min-width: 769px) {
    .conversation-list-title .footer-section .newsletter-heading, .conversation-list-title .heading, .conversation-list-title .title, .footer-section .conversation-list-title .newsletter-heading {
        margin-bottom: 0;
        line-height: 1.5;
        font-size: 16px;
        font-weight: 600
    }
}

.conversation-list-title .footer-section .newsletter-heading a, .conversation-list-title .heading a, .conversation-list-title .title a, .footer-section .conversation-list-title .newsletter-heading a {
    color: #4d545d
}

.conversation-list-title .footer-section .newsletter-heading .signedIn a, .conversation-list-title .heading .signedIn a, .conversation-list-title .title .signedIn a, .footer-section .conversation-list-title .newsletter-heading .signedIn a {
    color: #92989e
}

.conversation-list-title .meta {
    font-size: .7em;
    font-weight: 700;
    color: #cacaca
}

@media screen and (max-width: 768px) {
    .conversation-list-title .content {
        font-size: 10px
    }
}

@media screen and (min-width: 769px) {
    .conversation-list-title .content {
        font-size: 12px
    }
}

@media screen and (min-width: 980px) {
    .conversation-list-title .content {
        font-size: 12.5px
    }
}

.conversation-list-channel {
    width: 150px
}

.conversation-list-channel .channel-circle {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-width: 5px;
    border-style: solid;
    margin-right: 10px
}

.conversation-list-channel a {
    color: inherit;
    text-transform: lowercase
}

.conversation-list-reply-count {
    margin-left: auto;
    color: #cacaca;
    font-weight: 700;
    text-align: right;
    -ms-flex-preferred-size: 75px;
    flex-basis: 75px;
    line-height: 1;
    position: relative
}

.conversation-list.is-condensed .conversation-list-item:nth-child(odd) {
    padding-right: 40px
}

.conversation-list.is-condensed .conversation-list-channel, .conversation-list.is-condensed .conversation-list-reply-count {
    display: none
}

.conversation-list.is-condensed .conversation-list-title .footer-section .newsletter-heading, .conversation-list.is-condensed .conversation-list-title .heading, .conversation-list.is-condensed .conversation-list-title .title, .footer-section .conversation-list.is-condensed .conversation-list-title .newsletter-heading {
    font-size: 17px
}

.conversation-list.is-condensed .conversation-list-title .content {
    font-size: .9em
}

.conversation-list.is-condensed .conversation-list-avatar {
    margin-right: 1em;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.conversation-list.is-condensed .conversation-list-avatar .is-answered {
    width: 50px;
    height: 50px;
    font-size: 32px
}

.conversation-list.is-condensed .conversation-list-avatar a {
    width: 50px
}

.conversation-list.is-condensed .conversation-list-avatar a img {
    width: inherit
}

.box {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    position: relative
}

@media screen and (min-width: 769px) {
    .box {
        padding: 2em
    }
}

.is-small.box {
    padding: 1em
}

.is-rounded.box {
    border-radius: 4px
}

.is-darker.box {
    background: #fafafa;
    border: 1px solid #e1e0e0
}

.hero.is-blue {
    background: linear-gradient(-45deg, #274a9c, #1d5086);
    color: #fff
}

.footer-section .hero.is-blue .newsletter-heading, .hero.is-blue .footer-section .newsletter-heading, .hero.is-blue .heading, .hero.is-blue .title {
    color: #fff
}

.hero.is-blue .subheading, .hero.is-blue .subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-blue a:not(.button):not(.ais-clear) {
    color: inherit
}

@media screen and (max-width: 768px) {
    .hero-body {
        padding: 0
    }
}

a.ais-refinement-list--count:hover, a.tag:hover.is-primary {
    background: #007f80
}

@media screen and (max-width: 768px) {
    .ais-pagination > li:not(:first-child):not(:last-child), .pagination > li:not(:first-child):not(:last-child) {
        display: none
    }
}

.ais-pagination a, .pagination a {
    color: #ffffff
}

#geo-search-container a {
    color: black;
    text-decoration: underline;
}

#geo-search-container a:hover {
    color: #274a9c;
    text-decoration: underline;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
    text-decoration: none !important;
}

.table + .table {
    margin-top: 2em
}

@media screen and (max-width: 768px) {
    .table.is-condensed-for-mobile thead {
        display: none
    }

    .table.is-condensed-for-mobile tr {
        border-bottom: 2em solid #fff;
        width: 100%
    }

    .table.is-condensed-for-mobile td:not(.is-hidden-mobile) {
        display: block;
        text-align: center
    }
}

#app .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    #app .breadcrumb {
        font-size: 10px
    }

    #app .breadcrumb > li {
        margin-right: 0
    }
}

#app .breadcrumb > li + li:before {
    content: "/";
    padding: 0 10px;
    color: rgba(0, 0, 0, .4);
    font-weight: 400
}

@media screen and (max-width: 768px) {
    #app .breadcrumb > li + li:before {
        padding: 0 5px
    }
}

#app .breadcrumb > li > a {
    font-weight: 700
}

#user-notifications {
    border-radius: 0;
    margin: 0;
    -webkit-box-shadow: -1px 0 39px -5px #4b4b4b;
    box-shadow: -1px 0 39px -5px #4b4b4b;
    width: 400px;
    right: -400px;
    min-height: 100vh;
    background: #fff;
    z-index: 200;
    position: absolute;
    top: 0
}

@media screen and (max-width: 768px) {
    #user-notifications {
        display: none
    }
}

#user-notifications svg#icon-alarm {
    position: relative;
    margin-right: 20px;
    top: inherit;
    width: 26px;
    padding: 4px
}

#user-notifications .panel-block strong {
    display: block;
    margin-bottom: 1em
}

svg#icon-alarm {
    position: absolute;
    left: 9px;
    top: -10px;
    padding: 3px;
    fill: #274a9c;
    background: #4d545d;
    border-radius: 50%
}

.home svg#icon-alarm {
    background: #fff
}

#user-notifications-toggle {
    z-index: 110
}

.modal-card-head.is-primary {
    background: #274a9c
}

.modal-card-head.is-primary .modal-card-title {
    color: #fff
}

.modal-card-body, .modal-card-foot, .modal-card-head {
    padding: 2em
}

@media screen and (min-width: 769px) {
    .modal.is-medium > .modal-card, .modal.is-medium > .modal-content {
        width: 400px;
        max-width: 80%
    }
}

.level.is-narrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.level.is-narrow .level-item {
    margin-right: 1em
}

@media screen and (max-width: 768px) {
    .level.is-narrow .level-item:last-child {
        margin-bottom: 10px
    }
}

.ad {
    color: #fff;
    background: #4d545d;
    padding-top: 1em;
    padding-bottom: 1em
}

@media screen and (max-width: 768px) {
    .ad {
        display: none
    }
}

.ad-thumbnail {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.ad-description .ad-title, .ad-description > a {
    color: inherit
}

.ad-description > a:hover {
    text-decoration: underline
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.home .header {
    margin-bottom: -5px;
    padding-bottom: 0;
    border-top: 0
}

@media screen and (min-width: 769px) {
    .home .header {
        padding-top: 15px
    }
}

.footer-section .home .header .newsletter-heading, .home .header .footer-section .newsletter-heading, .home .header .heading, .home .header .title {
    font-weight: lighter;
    margin-bottom: .7em
}

@media screen and (max-width: 768px) {
    svg#header-person {
        max-width: 100% !important
    }
}

@media screen and (min-width: 769px) {
    svg#header-person {
        max-width: 65%;
        margin-bottom: -14px
    }
}

@media screen and (min-width: 980px) {
    svg#header-person {
        max-width: 50%;
        margin-bottom: -17px
    }
}

@media (min-width: 980px) and (min-height: 900px) {
    svg#header-person {
        max-width: 786px;
        margin-bottom: -23px
    }
}

.skills {
    width: 100%;
    padding-top: 85px;
    padding-bottom: 85px
}

@media screen and (max-width: 768px) {
    .skills {
        display: none
    }
}

@media screen and (min-width: 980px) {
    .skills {
        padding-bottom: 135px
    }
}

.skills .column {
    position: relative
}

.skills .column:after {
    width: 1px;
    height: 135px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(20%, #f0f0f0), color-stop(80%, #f0f0f0), to(#fff));
    background: linear-gradient(180deg, #fff, #f0f0f0 20%, #f0f0f0 80%, #fff);
    position: absolute;
    right: -4px;
    top: 0;
    content: ""
}

.skills .column:last-child:after {
    display: none
}

.skills .skill-heading {
    color: #4e555e;
    font-weight: 400;
    margin-bottom: .8em;
    font-size: 14px
}

@media screen and (min-width: 980px) {
    .skills .skill-heading {
        font-size: 18px
    }
}

.skills .skill-heading > a {
    color: inherit
}

.skills .h-divider {
    width: 50px;
    height: 1px;
    display: block;
    margin: 0 auto 10px;
    background: #f0f0f0
}

@media screen and (min-width: 980px) {
    .skills .h-divider {
        width: 155px
    }
}

.skills .ais-clear, .skills .button {
    display: inline-block;
    line-height: 24px
}

@media screen and (max-width: 768px) {
    .about-laracasts {
        text-align: center
    }
}

@media screen and (min-width: 769px) {
    .about-laracasts {
        padding-bottom: 100px
    }
}

.featured-series {
    background: #fbfbfb;
    overflow: hidden
}

@media screen and (min-width: 769px) {
    .featured-series {
        padding-bottom: 60px
    }
}

#app .invest-in-yourself {
    margin-bottom: 10px !important;
    position: relative
}

@media screen and (min-width: 769px) {
    #app .invest-in-yourself {
        background: url(/images/home/invest-in-yourself.png) 50% 100% no-repeat;
        background-size: 900px;
        min-height: 710px;
        padding-bottom: 0
    }
}

@media screen and (min-width: 769px) {
    .invest-in-yourself-join-button {
        position: absolute;
        bottom: 60px;
        left: 50%;
        margin-left: -160px;
        width: 320px
    }

    .invest-in-yourself-join-button > a {
        font-size: .9em;
        color: #fff
    }

    .invest-in-yourself-join-button > a:hover {
        color: #fff;
        text-decoration: underline
    }
}

.home .testimonials {
    background: #fbfbfb
}

@media screen and (max-width: 768px) {
    .home .testimonials {
        text-align: center
    }
}

@media screen and (min-width: 1180px) {
    .home .testimonials {
        height: 730px
    }

    .home .testimonials .container {
        background: #fbfbfb url(/images/home/testimonial-graph.png);
        background-position: 25% 50%;
        background-size: 1 e3px;
        background-repeat: no-repeat;
        text-align: left
    }

    .home .testimonials .container .avatars {
        display: block !important
    }
}

.home .testimonials .columns, .home .testimonials > .container {
    height: 100%
}

@media screen and (min-width: 769px) {
    .home .testimonials .columns, .home .testimonials > .container {
        text-align: center
    }
}

@media screen and (min-width: 1180px) {
    .home .testimonials .columns, .home .testimonials > .container {
        text-align: left
    }
}

.home .testimonials .avatars {
    display: none;
    z-index: 10;
    left: 0;
    top: 0;
    position: absolute;
    width: 641px;
    height: 607px
}

@media screen and (min-width: 769px) {
    .home .testimonials .avatars {
        display: none
    }
}

@media screen and (min-width: 1180px) {
    .home .testimonials .avatars {
        display: block;
        margin-left: -48px;
        margin-top: -95px
    }
}

@media screen and (min-width: 1300px) {
    .home .testimonials .avatars {
        width: 550px;
        height: 677px;
        margin-left: -48px
    }
}

.home .testimonial-avatar {
    position: absolute;
    width: 50px;
    height: 50px
}

.home .testimonial-avatar:hover {
    -webkit-animation-play-state: pause;
    animation-play-state: pause;
    z-index: 100
}

.home .testimonial-avatar:hover img {
    -webkit-box-shadow: 0 0 0 4px #fbfbfb, 0 0 0 6px rgba(0, 0, 0, .1), 0 0 0 10px #fbfbfb, 0 0 0 12px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 4px #fbfbfb, 0 0 0 6px rgba(0, 0, 0, .1), 0 0 0 10px #fbfbfb, 0 0 0 12px rgba(0, 0, 0, .1)
}

.home .testimonial-avatar:hover .testimony {
    display: block
}

.home #testimonial-1 {
    left: 181px;
    top: 360px
}

.home #testimonial-2 {
    left: 374px;
    top: 110px
}

.home #testimonial-3 {
    top: 299px;
    left: 330px
}

.home #testimonial-4 {
    left: 528px;
    top: 190px
}

.home #testimonial-5 {
    top: 579px;
    left: 482px
}

.home #testimonial-6 {
    left: 290px;
    top: 487px
}

.home #testimonial-7 {
    left: 499px;
    top: 400px
}

.home #testimonial-8 {
    top: 237px;
    left: 226px
}

.home #testimonial-9 {
    top: 317px;
    left: 617px
}

@media screen and (min-height: 1300px) and (min-width: 769px) {
    .home #testimonial-1 {
        left: 181px;
        top: 360px
    }

    .home #testimonial-2 {
        left: 374px;
        top: 110px
    }

    .home #testimonial-3 {
        top: 299px;
        left: 305px
    }

    .home #testimonial-4 {
        left: 500px;
        top: 190px
    }

    .home #testimonial-5 {
        top: 512px;
        left: 482px
    }

    .home #testimonial-6 {
        left: 290px;
        top: 487px
    }

    .home #testimonial-7 {
        left: 450px;
        top: 400px
    }

    .home #testimonial-8 {
        top: 210px;
        left: 208px
    }

    .home #testimonial-9 {
        top: 317px;
        left: 617px
    }
}

.home .testimonial-avatar:hover .testimony {
    top: -10px;
    opacity: 1;
    visibility: visible
}

.home .testimonial-avatar .testimony {
    background: #fff;
    width: 320px;
    top: -20px;
    left: 100%;
    position: absolute;
    color: #4d545d;
    border: 0;
    -webkit-box-shadow: 5px 6px 5px rgba(51, 51, 51, .02);
    box-shadow: 5px 6px 5px rgba(51, 51, 51, .02);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: top .5s, opacity .3s;
    transition: top .5s, opacity .3s
}

.home .testimonial-avatar .testimony:after {
    content: "";
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    position: absolute;
    top: 25px;
    left: -10px;
    width: 0;
    display: block
}

.home .testimonial-avatar .testimony .name {
    color: #111;
    font-weight: 700;
    display: block;
    text-transform: uppercase
}

.home .testimonial-avatar .testimony .job {
    color: #274a9c;
    font-size: .9em
}

.meet-jeffrey-section {
    background: #333 url(/images/home/meet-jeffrey-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

@media screen and (min-width: 769px) {
    .meet-jeffrey-section {
        height: 920px
    }
}

@media screen and (min-width: 980px) {
    .meet-jeffrey-section {
        background-size: 1600px
    }
}

.meet-jeffrey-section .content {
    line-height: 1.5em
}

@media screen and (max-width: 768px) {
    .meet-jeffrey-section .content {
        font-size: 1em
    }
}

.meet-jeffrey-section .content a {
    background-color: #274a9c;
    color: #fff;
    border-bottom: 0;
    padding: 2px 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.meet-jeffrey-section .content a:visited {
    color: #fff
}

.meet-jeffrey-section .content a:hover {
    cursor: pointer;
    background: #007f80
}

@media screen and (min-width: 769px) {
    .footer-section .join-section .newsletter-heading, .join-section .footer-section .newsletter-heading, .join-section .heading {
        margin-top: -7px
    }
}

.join-section .plan {
    margin-bottom: 23px
}

.signup-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#apple-pay-button {
    background-color: #000;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 132px;
    height: 40px;
    padding: 10px 0;
    border: 0
}

.faq-content {
    color: #aeb1b5;
    line-height: 1.7em;
    margin-bottom: 4em
}

.series-banner {
    overflow: hidden
}

@media screen and (min-width: 980px) {
    .series-banner {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.series-banner .primary {
    text-align: center
}

@media screen and (min-width: 980px) {
    .series-banner .primary {
        text-align: left;
        padding-right: 100px
    }
}

.series-banner .series-difficulty {
    display: inline-block;
    margin-bottom: 1em
}

@media screen and (min-width: 769px) {
    .series-banner .series-difficulty {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.series-banner .series-title {
    color: #fff;
    line-height: 1.05em;
    text-align: center
}

@media screen and (min-width: 769px) {
    .series-banner .series-title {
        letter-spacing: -2px
    }
}

@media screen and (min-width: 980px) {
    .series-banner .series-title {
        text-align: left
    }
}

.series-banner .series-custom-url {
    margin-top: -1.5em;
    margin-bottom: 2em
}

@media screen and (min-width: 769px) {
    .series-banner .series-custom-url {
        margin-top: -2.5em
    }
}

.series-banner .series-thumbnail {
    border-radius: 50%;
    border: 5px solid hsla(0, 0%, 100%, .2);
    -ms-flex-item-align: center;
    align-self: center;
    width: 50%
}

@media screen and (min-width: 980px) {
    .series-banner .series-thumbnail {
        width: 100%
    }
}

.series-banner .series-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 980px) {
    .series-banner .series-buttons {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

#app .series-description {
    line-height: 1.6em;
    padding: 0;
    margin-bottom: 2em
}

@media screen and (min-width: 980px) {
    #app .series-description {
        margin-bottom: 4em
    }
}

@media screen and (min-width: 769px) {
    #app .series-description p {
        letter-spacing: -1px
    }
}

#app .series-description p + p {
    margin-top: 1em
}

#app .series-description a {
    color: #fff;
    font-weight: 700
}

#app .series-description strong {
    color: inherit
}

.series-share {
    font-size: .9em;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.series-share .icon path {
    fill: hsla(0, 0%, 100%, .2)
}

.series-share .icon:hover path {
    fill: #274a9c
}

#app .series-banner-meta {
    padding-top: 0;
    padding-bottom: 0
}

#app .series-banner-meta .level-item {
    padding: 15px 20px;
    margin-right: 0 !important;
    border-left: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    line-height: 1;
    color: #7d8793;
    font-weight: 500
}

#app .series-banner-meta .level-item strong {
    color: #4d545d
}

#app .series-banner-meta .level-left .level-item:first-child {
    padding-left: 0;
    border-left: 0
}

#app .series-banner-meta .level-right .level-item:last-child {
    border-right: 0
}

#app .series-banner-meta .arrow {
    font-size: 27px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

@media screen and (min-width: 769px) {
    .index-section .index-wrap {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-rule: 2px dashed #d7d7d7;
        column-rule: 2px dashed #d7d7d7;
        -webkit-column-gap: 70px;
        column-gap: 70px
    }
}

@media screen and (min-width: 980px) {
    .index-section .index-wrap {
        -webkit-column-count: 3;
        column-count: 3
    }
}

.index-section .letter-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-top: 0;
    padding-bottom: 2em
}

@media screen and (max-width: 768px) {
    .index-section .letter-group {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 769px) {
    .index-section .letter-group {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.index-section .letter-group .letter {
    background: #aeb1b5;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 0
}

@media screen and (max-width: 768px) {
    .filterable .sidebar, .filterable aside {
        padding-top: 0
    }
}

@media screen and (min-width: 769px) {
    .filterable .sidebar, .filterable aside {
        margin-right: 0
    }
}

@media screen and (min-width: 980px) {
    .filterable .sidebar, .filterable aside {
        padding-right: 3em
    }
}

@media screen and (max-width: 768px) {
    .filterable .primary {
        padding-top: 0
    }
}

@media screen and (min-width: 769px) {
    .filterable .primary {
        margin-top: -30px;
        padding-top: 40px;
        padding-left: 2em
    }
}

@media screen and (min-width: 980px) {
    .filterable .primary {
        background: linear-gradient(90deg, #f9f9f9, #fff 20px);
        padding-left: 3em
    }
}

.filterable .primary .in-progress {
    border-bottom: 1px solid #f1f0f0;
    margin-bottom: 3em;
    padding-bottom: 1em
}

@media screen and (min-width: 769px) {
    .filterable.reversed .primary {
        margin-top: 0;
        padding-top: 0;
        padding-left: 10px
    }
}

@media screen and (min-width: 980px) {
    .filterable.reversed .primary {
        background: 0 0
    }
}

@media screen and (min-width: 769px) {
    .filterable.reversed .forum-sidebar, .filterable.reversed .sidebar {
        margin-top: -30px;
        padding-top: 40px;
        padding-left: 2em
    }
}

@media screen and (min-width: 980px) {
    .filterable.reversed .forum-sidebar, .filterable.reversed .sidebar {
        background: linear-gradient(90deg, #f9f9f9, #fff 20px)
    }
}

#app .filterable .catalog-title {
    color: #363b41;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 2px
}

.filterable-item {
    margin-bottom: 2em;
    border-bottom: 1px solid #f1f0f0;
    padding-bottom: 2em
}

.filterable-heading {
    color: #274a9c;
    text-transform: uppercase;
    font-weight: 700;
    margin: 1em 0
}

.ais-refinement-list--item label, .filterable-label {
    font-size: 15px;
    line-height: 2em
}

.ais-refinement-list--item label input[type=checkbox], .filterable-label input[type=checkbox] {
    margin-right: 12px
}

.ais-refinement-list--item label input[type=checkbox]:checked + a, .filterable-label input[type=checkbox]:checked + a {
    color: #78a304;
    font-weight: 500
}

.ais-refinement-list--item label a, .filterable-label a {
    color: #7d8793
}

.condensed-episode-list-item {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.condensed-episode-list-item:not(:last-child) {
    border-bottom: 1px dashed #d7d7d7
}

.condensed-episode-list-item .position {
    color: #274a9c;
    padding-right: 1em
}

.condensed-episode-list-item .episode-title {
    max-width: 205px;
    font-weight: 400;
    color: inherit
}

.condensed-episode-list-item .episode-title:hover {
    text-decoration: underline
}

.condensed-episode-list-item .length {
    color: #cacaca;
    margin-left: auto
}

.condensed-episode-list-item.is-active, .condensed-episode-list-item.is-active .episode-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.condensed-episode-list-item.is-active .episode-title {
    color: #274a9c;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.condensed-episode-list-item.is-active .episode-title .icon {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
    position: relative;
    left: 8px
}

.condensed-episode-list-item.is-complete .episode-title {
    color: #97cd76;
    font-weight: 700
}

.sidebar-section {
    margin-bottom: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 30px
}

.sidebar-section:not(:last-child) {
    border-bottom: 1px dashed #d7d7d7
}

@media screen and (max-width: 768px) {
    .filterable > .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.forum-question {
    margin-bottom: 2.5em
}

.forum-back-arrow {
    width: 30px;
    fill: #d7d7d7;
    position: absolute;
    left: -60px
}

.forum-back-arrow:hover {
    fill: #aeb1b5
}

#app .forum-sidebar {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    #app .forum-sidebar {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 2em;
        padding-top: 2.5em;
        border-top: 1px solid #d7d7d7
    }
}

@media screen and (min-width: 980px) {
    #app .forum-sidebar {
        padding-right: 3em
    }
}

#app .forum-sidebar .menu-label {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -.5px;
    margin-bottom: 1em;
    color: #cacaca
}

#app .forum-sidebar li:last-child a {
    border-bottom: 0
}

#app .forum-sidebar li > a {
    border-bottom: 1px dotted #d7d7d7;
    padding: 10px 0;
    -webkit-transition: padding-left .4s;
    transition: padding-left .4s;
    color: #828994;
    letter-spacing: -.5px
}

@media screen and (min-width: 980px) {
    #app .forum-sidebar li > a:not(.is-active):hover {
        padding-left: 10px
    }
}

#app .forum-sidebar a.active, #app .forum-sidebar a.is-active {
    background: 0 0;
    color: #274a9c;
    font-weight: 700
}

.reply {
    position: relative;
    padding: 2.5em 0;
    border-bottom: 1px solid #f5f5f5
}

@media screen and (max-width: 768px) {
    .reply {
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }
}

.reply:first-child {
    border-top: 1px solid #f5f5f5
}

.reply-avatar {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .reply-avatar {
        display: none
    }
}

.reply-avatar img {
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .1)
}

.reply-avatar .likes-count {
    font-size: 10px;
    position: relative;
    top: -7px;
    left: -7px;
    color: #ef6733
}

.reply-edit-links {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width: 768px) {
    .reply .reply-edit-links {
        opacity: 1
    }
}

.reply:hover .reply-edit-links {
    opacity: 1
}

.best-answer-panel {
    padding: 0
}

.best-answer-panel .footer-section .newsletter-heading, .best-answer-panel .heading, .best-answer-panel .title, .footer-section .best-answer-panel .newsletter-heading {
    padding: 1em 2em;
    border-bottom: 1px solid #00a2a4;
    background: #274a9c;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.best-answer-panel small {
    color: hsla(0, 0%, 100%, .7)
}

.best-answer-panel footer {
    display: none
}

.best-answer-panel .best-answer-reply-wrap {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media screen and (min-width: 769px) {
    .best-answer-panel .best-answer-reply-wrap {
        padding: 2.5em
    }
}

.best-answer-panel .reply {
    border: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0
}

#app .user-content {
    line-height: 1.6;
    margin-bottom: 0;
    letter-spacing: 0;
    word-break: break-word;
    font-size: 14px
}

@media screen and (max-width: 768px) {
    #app .user-content {
        font-size: 12px
    }
}

#app .user-content blockquote {
    background: #fff;
    border-left: 5px solid #274a9c;
    font-style: italic
}

#app .user-content a {
    border: 0
}

#app .user-content pre {
    word-wrap: normal;
    white-space: pre-wrap
}

#app .user-content pre:not(:last-child) {
    margin-bottom: 1em
}

#app .user-content pre > code {
    padding: 20px;
    background: #474949;
    border-radius: 4px;
    line-height: 1.5em;
    font-family: Fira Code, menlo, monospace
}

@media screen and (max-width: 768px) {
    #app .user-content pre > code {
        font-size: 10px
    }
}

@media screen and (min-width: 980px) {
    .profile .hero {
        padding-top: 150px
    }
}

.profile .hero .hero-body {
    z-index: 31
}

.profile .hero a.github .icon, .profile .hero a.twitter .icon {
    color: #fff
}

@media screen and (max-width: 768px) {
    .profile .hero .media {
        display: block;
        text-align: center
    }
}

.profile .hero .media-left {
    margin-right: 0
}

@media screen and (min-width: 769px) {
    .profile .hero .media-left {
        margin-right: 30px
    }
}

@media screen and (min-width: 980px) {
    .profile .hero .media-left img {
        margin-bottom: -60px
    }
}

.profile .hero .media-left img {
    width: 200px;
    border: 4px solid #fff
}

@media screen and (min-width: 980px) {
    .profile .hero .media-content {
        padding-top: 30px
    }
}

.footer-section .profile .hero .experience-count.newsletter-heading, .profile .hero .experience-count.heading, .profile .hero .footer-section .experience-count.newsletter-heading, .profile .hero .title.experience-count {
    font-weight: bolder
}

@media screen and (min-width: 980px) {
    .footer-section .profile .hero .experience-count.newsletter-heading, .profile .hero .experience-count.heading, .profile .hero .footer-section .experience-count.newsletter-heading, .profile .hero .title.experience-count {
        font-size: 66px
    }
}

.profile .hero .hire-me {
    position: relative;
    display: none
}

@media screen and (min-width: 980px) {
    .profile .hero .hire-me {
        display: inherit;
        top: -40px
    }
}

.profile .hero .hire-me .ais-clear, .profile .hero .hire-me .button {
    color: #fff;
    border-radius: 0;
    border: 0;
    padding-left: 20px;
    padding-right: 20px
}

.profile .bar ul {
    color: #7d8793
}

@media screen and (min-width: 980px) {
    .profile .bar ul {
        padding-left: 230px
    }
}

.profile .bar ul strong {
    color: inherit
}

.profile .bar ul li:not(:last-child) {
    margin-right: 2em
}

.timeline-section {
    position: relative
}

@media screen and (min-width: 980px) {
    .timeline-section:before {
        border-right: 1px dashed #d7d7d7;
        width: 0;
        height: 100%;
        content: "";
        display: block;
        position: absolute;
        left: 20%;
        top: 0
    }

    .timeline-section:not(:first-child):after {
        border-bottom: 1px dashed #d7d7d7;
        content: "";
        display: block;
        width: 80%;
        left: 20%;
        position: absolute
    }
}

.timeline-date {
    padding-top: 0
}

.timeline-date, .timeline-date > .body {
    position: relative
}

@media screen and (max-width: 768px) {
    .timeline-date > .body {
        top: -10px
    }
}

@media screen and (min-width: 769px) {
    .timeline-date > .body {
        top: 1em
    }
}

@media screen and (min-width: 980px) {
    .timeline-date > .body {
        top: -10px
    }
}

@media screen and (max-width: 768px) {
    .timeline-date {
        padding-bottom: 0;
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 1em;
        text-align: center
    }
}

@media screen and (min-width: 980px) {
    .timeline-date:after {
        content: "";
        display: block;
        position: absolute;
        top: -4px;
        left: calc(80% - 5px);
        width: 10px;
        height: 10px;
        background: #274a9c;
        border-radius: 50%;
        z-index: 2;
        padding: 4px;
        -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #d7d7d7;
        box-shadow: 0 0 0 3px #fff, 0 0 0 4px #d7d7d7
    }
}

@media screen and (min-width: 980px) {
    .timeline-contents {
        padding-top: 50px
    }
}

.timeline-contents pre {
    margin-bottom: 1em
}

.timeline-contents pre code.hljs {
    padding: 20px
}

.timeline-contents-item {
    position: relative
}

@media screen and (min-width: 980px) {
    .timeline-contents-item:before {
        width: 40px;
        border-top: 1px dashed #d7d7d7;
        content: "";
        display: block;
        position: absolute;
        height: 5px;
        left: -68px;
        top: 10px
    }
}

.leaderboard-position {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 160px;
    color: #f7f7f7;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .settings-nav {
        border-top: 1px solid #d7d7d7;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1em;
        padding-top: 2em
    }
}

.sale-page .hero {
    background: #4f3b46;
    padding-top: 0;
    padding-bottom: 0
}

.sale-page .hero.is-winter-themed {
    background: #4ba3d0
}

@media screen and (max-width: 768px) {
    .sale-page .hero {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .sale-page .hero .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 769px) {
    .sale-page .hero .container {
        background: #4f3b46 url(/images/sale/sale-banner.png) no-repeat;
        background-size: contain;
        min-height: 500px;
        background-position: 100% 50%
    }
}

@media screen and (min-width: 1180px) {
    .sale-page .hero .container {
        background-size: 1063px;
        background-position: 172px -95px;
        min-height: 603px
    }
}

@media screen and (min-width: 769px) {
    .sale-page .hero.is-winter-themed .container {
        background: #4ba3d0 url(/images/sale/sale-winter-banner.jpg) no-repeat;
        background-size: cover;
        background-position: 50% 20%
    }
}

.footer-section .sale-page .hero .is-stacked.newsletter-heading, .sale-page .hero .footer-section .is-stacked.newsletter-heading, .sale-page .hero .heading.is-stacked {
    display: inline-block
}

@media screen and (min-width: 769px) {
    .footer-section .sale-page .hero .is-stacked.newsletter-heading, .sale-page .hero .footer-section .is-stacked.newsletter-heading, .sale-page .hero .heading.is-stacked {
        text-align: left
    }
}

.footer-section .sale-page .hero .is-stacked.newsletter-heading .is-top, .sale-page .hero .footer-section .is-stacked.newsletter-heading .is-top, .sale-page .hero .heading.is-stacked .is-top {
    display: block;
    text-transform: inherit;
    color: #256c90;
    font-size: 20px
}

@media screen and (min-width: 769px) {
    .footer-section .sale-page .hero .is-stacked.newsletter-heading .is-top, .sale-page .hero .footer-section .is-stacked.newsletter-heading .is-top, .sale-page .hero .heading.is-stacked .is-top {
        font-size: 30px
    }
}

.footer-section .sale-page .hero .is-stacked.newsletter-heading .is-bottom, .sale-page .hero .footer-section .is-stacked.newsletter-heading .is-bottom, .sale-page .hero .heading.is-stacked .is-bottom {
    display: block;
    font-size: 20px;
    color: #256c90;
    font-variant: normal;
    text-transform: lowercase;
    padding-right: 5px
}

@media screen and (min-width: 769px) {
    .footer-section .sale-page .hero .is-stacked.newsletter-heading .is-bottom, .sale-page .hero .footer-section .is-stacked.newsletter-heading .is-bottom, .sale-page .hero .heading.is-stacked .is-bottom {
        text-align: right
    }
}

.footer-section .sale-page .hero .newsletter-heading, .sale-page .hero .footer-section .newsletter-heading, .sale-page .hero .heading, .sale-page .hero .title {
    color: #fff;
    font-weight: lighter;
    font-size: 40px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 30px
}

@media screen and (min-width: 769px) {
    .footer-section .sale-page .hero .newsletter-heading, .sale-page .hero .footer-section .newsletter-heading, .sale-page .hero .heading, .sale-page .hero .title {
        font-size: 60px
    }
}

@media screen and (min-width: 980px) {
    .footer-section .sale-page .hero .newsletter-heading, .sale-page .hero .footer-section .newsletter-heading, .sale-page .hero .heading, .sale-page .hero .title {
        font-size: 85px
    }
}

.sale-page .hero .subheading, .sale-page .hero .subtitle {
    color: #fff;
    font-weight: 400
}

.sale-page .hero .subheading:after, .sale-page .hero .subtitle:after {
    content: "";
    display: block;
    width: 100%;
    background: #6c5160;
    height: 1px;
    margin: 50px 0
}

@media screen and (min-width: 769px) {
    .sale-page .hero .subheading:after, .sale-page .hero .subtitle:after {
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #6c5160), to(transparent));
        background: linear-gradient(90deg, #6c5160 30%, transparent)
    }
}

@media screen and (min-width: 769px) {
    .sale-page .hero .subheading, .sale-page .hero .subtitle {
        padding-right: 5em
    }
}

.sale-page .hero .hero-copy {
    width: 350px
}

#app .vote-button {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px
}

.ais-refinement-list--count {
    margin-left: auto
}

.ais-refinement-list__value {
    color: #7d8793;
    max-width: 250px
}

.ais-refinement-list--item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ais-refinement-list__value {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ais-refinement-list--item {
    min-height: 35px
}

.ais-index .filterable-item form[role=search] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ais-index .filterable-item form[role=search] input[type=search] {
    border-radius: 0;
    margin-right: 1em
}

.ais-pagination__item--active a {
    color: #274a9c;
    font-weight: 700
}

.ais-clear.ais-clear--disabled {
    background: #465e98;
    border: 0
}

.filterable-item:empty {
    display: none
}

.swal-overlay {
    background-color: rgba(0, 0, 0, .8)
}

.swal-modal {
    padding: 20px 30px
}

.swal-button--close {
    background: #aeb1b5
}

.swal-footer, .swal-text {
    text-align: center
}

.ais-highlight em, .ais-snippet em {
    background: #cff53a;
}

.ais-stats {
    font-weight: lighter;
}

#app * {
    text-transform: none;
}