@charset "UTF-8";
#start-resizable-editor-section {
    display: none
}

.wp-block-audio {
    margin: 0 0 1em
}

.wp-block-audio figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-audio audio {
    width: 100%;
    min-width: 300px
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    box-sizing: border-box
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
    color: #fff
}

.wp-block-button__link.aligncenter {
    text-align: center
}

.wp-block-button__link.alignright {
    text-align: right
}

.wp-block-buttons>.wp-block-button.has-custom-width {
    max-width: none
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: calc(25% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
    width: calc(50% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
    width: calc(75% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
    width: calc(100% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100:only-child {
    margin-right: 0;
    width: 100%
}

@supports (column-gap:.5em) {
    .wp-block-buttons.is-content-justification-right>.wp-block-button.wp-block-button,
    .wp-block-buttons>.wp-block-button.wp-block-button {
        margin-right: 0;
        margin-left: 0
    }
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
        width: calc(25% - .375em)
    }
    .wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
        width: calc(50% - .25em)
    }
    .wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
        width: calc(75% - .125em)
    }
    .wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
        width: auto;
        flex-basis: 100%
    }
}

.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
    border-radius: 0
}

.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
    border-radius: 0 !important
}

.is-style-outline>.wp-block-button__link,
.wp-block-button__link.is-style-outline {
    border: 2px solid;
    padding: .667em 1.333em
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
    color: currentColor
}

.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
    background-color: transparent
}

.wp-block-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: .5em
}

.wp-block-buttons.is-vertical {
    flex-direction: column
}

.wp-block-buttons.is-vertical>.wp-block-button {
    margin-right: 0
}

.wp-block-buttons.is-vertical>.wp-block-button:last-child {
    margin-bottom: 0
}

.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin-left: 0;
    margin-right: .5em;
    margin-bottom: .5em
}

.wp-block-buttons>.wp-block-button:last-child {
    margin-right: 0
}

.wp-block-buttons.is-content-justification-left {
    justify-content: flex-start
}

.wp-block-buttons.is-content-justification-left.is-vertical {
    align-items: flex-start
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center
}

.wp-block-buttons.is-content-justification-center.is-vertical {
    align-items: center
}

.wp-block-buttons.is-content-justification-right {
    justify-content: flex-end
}

.wp-block-buttons.is-content-justification-right>.wp-block-button {
    margin-left: .5em;
    margin-right: 0
}

.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child {
    margin-left: 0
}

.wp-block-buttons.is-content-justification-right.is-vertical {
    align-items: flex-end
}

.wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between
}

.wp-block-buttons.aligncenter {
    text-align: center
}

.wp-block-buttons.alignleft .wp-block-button {
    margin-left: 0;
    margin-right: .5em
}

.wp-block-buttons.alignleft .wp-block-button:last-child {
    margin-right: 0
}

.wp-block-buttons.alignright .wp-block-button {
    margin-right: 0;
    margin-left: .5em
}

.wp-block-buttons.alignright .wp-block-button:first-child {
    margin-left: 0
}

.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    width: 100%
}

.wp-block-button.aligncenter,
.wp-block-calendar {
    text-align: center
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
    padding: .25em;
    border: 1px solid #ddd
}

.wp-block-calendar tfoot td {
    border: none
}

.wp-block-calendar table {
    width: 100%;
    border-collapse: collapse
}

.wp-block-calendar table th {
    font-weight: 400;
    background: #ddd
}

.wp-block-calendar a {
    text-decoration: underline
}

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
    color: #40464d
}

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-code code {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap
}

@media (min-width:782px) {
    .wp-block-columns {
        flex-wrap: nowrap
    }
}

.wp-block-columns.has-background {
    padding: 1.25em 2.375em
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width:599px) {
    .wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width:600px) and (max-width:781px) {
    .wp-block-column:not(:only-child) {
        flex-basis: calc(50% - 1em) !important;
        flex-grow: 0
    }
    .wp-block-column:nth-child(2n) {
        margin-left: 2em
    }
}

@media (min-width:782px) {
    .wp-block-column {
        flex-basis: 0%;
        flex-grow: 1
    }
    .wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }
    .wp-block-column:not(:first-child) {
        margin-left: 2em
    }
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
    width: 100%
}

.wp-block-cover,
.wp-block-cover-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    box-sizing: border-box
}

.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
    background-attachment: fixed
}

@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
    background-repeat: repeat;
    background-size: auto
}

.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
    background-color: #000
}

.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
    content: "";
    background-color: inherit
}

.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
    opacity: 1
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-cover-image:after,
.wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports (position:sticky) {
    .wp-block-cover-image:after,
    .wp-block-cover:after {
        content: none
    }
}

.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    display: flex
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    color: #fff
}

.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
    color: inherit
}

.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
    align-items: center;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center
}

.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: auto
}

.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
    box-shadow: none
}

.wp-block-cover__image-background,
.wp-block-cover__video-background {
    z-index: 0
}

.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
    color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 840px;
    padding: .44em;
    text-align: center
}

.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
    max-width: 360px;
    width: 100%
}

.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
    min-width: 280px
}

.wp-block-cover .wp-block-embed {
    min-width: 320px;
    min-height: 240px
}

.wp-block-embed {
    margin: 0 0 1em
}

.wp-block-embed figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-embed iframe {
    max-width: 100%
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
    padding-top: 177.77%
}

.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file {
    margin-bottom: 1.5em
}

.wp-block-file.aligncenter {
    text-align: center
}

.wp-block-file.alignright {
    text-align: right
}

.wp-block-file .wp-block-file__embed {
    margin-bottom: 1em
}

.wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: .8em;
    padding: .5em 1em
}

.wp-block-file a.wp-block-file__button {
    text-decoration: none
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-file *+.wp-block-file__button {
    margin-left: .75em
}

.blocks-gallery-grid,
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    margin: 0 1em 1em 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
    align-self: flex-start;
    width: calc(50% - 1em)
}

.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}

.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
    margin: 0;
    height: 100%
}

@supports (position:sticky) {
    .blocks-gallery-grid .blocks-gallery-image figure,
    .blocks-gallery-grid .blocks-gallery-item figure,
    .wp-block-gallery .blocks-gallery-image figure,
    .wp-block-gallery .blocks-gallery-item figure {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

@supports (position:sticky) {
    .blocks-gallery-grid .blocks-gallery-image img,
    .blocks-gallery-grid .blocks-gallery-item img,
    .wp-block-gallery .blocks-gallery-image img,
    .wp-block-gallery .blocks-gallery-item img {
        width: auto
    }
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 3em .77em .7em;
    color: #fff;
    text-align: center;
    font-size: .8em;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
    box-sizing: border-box;
    margin: 0
}

.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
    display: inline
}

.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption {
    flex-grow: 1
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image,
.blocks-gallery-grid.is-cropped .blocks-gallery-item,
.wp-block-gallery.is-cropped .blocks-gallery-image,
.wp-block-gallery.is-cropped .blocks-gallery-item {
    align-self: inherit
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    width: 100%
}

@supports (position:sticky) {
    .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
    .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
    .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
    .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
    .wp-block-gallery.is-cropped .blocks-gallery-image a,
    .wp-block-gallery.is-cropped .blocks-gallery-image img,
    .wp-block-gallery.is-cropped .blocks-gallery-item a,
    .wp-block-gallery.is-cropped .blocks-gallery-item img {
        height: 100%;
        flex: 1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0
}

@media (min-width:600px) {
    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item,
    .wp-block-gallery.columns-3 .blocks-gallery-image,
    .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: calc(33.33333% - .66667em);
        margin-right: 1em
    }
    .blocks-gallery-grid.columns-4 .blocks-gallery-image,
    .blocks-gallery-grid.columns-4 .blocks-gallery-item,
    .wp-block-gallery.columns-4 .blocks-gallery-image,
    .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc(25% - .75em);
        margin-right: 1em
    }
    .blocks-gallery-grid.columns-5 .blocks-gallery-image,
    .blocks-gallery-grid.columns-5 .blocks-gallery-item,
    .wp-block-gallery.columns-5 .blocks-gallery-image,
    .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: calc(20% - .8em);
        margin-right: 1em
    }
    .blocks-gallery-grid.columns-6 .blocks-gallery-image,
    .blocks-gallery-grid.columns-6 .blocks-gallery-item,
    .wp-block-gallery.columns-6 .blocks-gallery-image,
    .wp-block-gallery.columns-6 .blocks-gallery-item {
        width: calc(16.66667% - .83333em);
        margin-right: 1em
    }
    .blocks-gallery-grid.columns-7 .blocks-gallery-image,
    .blocks-gallery-grid.columns-7 .blocks-gallery-item,
    .wp-block-gallery.columns-7 .blocks-gallery-image,
    .wp-block-gallery.columns-7 .blocks-gallery-item {
        width: calc(14.28571% - .85714em);
        margin-right: 1em
    }
    .blocks-gallery-grid.columns-8 .blocks-gallery-image,
    .blocks-gallery-grid.columns-8 .blocks-gallery-item,
    .wp-block-gallery.columns-8 .blocks-gallery-image,
    .wp-block-gallery.columns-8 .blocks-gallery-item {
        width: calc(12.5% - .875em);
        margin-right: 1em
    }
    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
    .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
        margin-right: 0
    }
}

.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0
}

.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
    max-width: 420px;
    width: 100%
}

.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-group {
    box-sizing: border-box
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
    padding: 1.25em 2.375em
}

.wp-block-image {
    margin: 0 0 1em
}

.wp-block-image img {
    max-width: 100%
}

.wp-block-image:not(.is-style-rounded) img {
    border-radius: inherit
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    width: 100%
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
    display: table
}

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption {
    display: table-caption;
    caption-side: bottom
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
    border-radius: 9999px
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: 0
    }
}

.wp-block-image figure {
    margin: 0
}

ol.wp-block-latest-comments {
    margin-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments__comment {
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 2.25em;
    list-style: none
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 3.25em
}

.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-latest-comments__comment-date {
    display: block;
    font-size: .75em
}

.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    padding-left: 0
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both
}

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.wp-block-latest-posts.is-grid li {
    margin: 0 1.25em 1.25em 0;
    width: 100%
}

@media (min-width:600px) {
    .wp-block-latest-posts.columns-2 li {
        width: calc(50% - .625em)
    }
    .wp-block-latest-posts.columns-2 li:nth-child(2n) {
        margin-right: 0
    }
    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - .83333em)
    }
    .wp-block-latest-posts.columns-3 li:nth-child(3n) {
        margin-right: 0
    }
    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - .9375em)
    }
    .wp-block-latest-posts.columns-4 li:nth-child(4n) {
        margin-right: 0
    }
    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 1em)
    }
    .wp-block-latest-posts.columns-5 li:nth-child(5n) {
        margin-right: 0
    }
    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 1.04167em)
    }
    .wp-block-latest-posts.columns-6 li:nth-child(6n) {
        margin-right: 0
    }
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    display: block;
    color: #555;
    font-size: .8125em
}

.wp-block-latest-posts__post-excerpt {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-latest-posts__featured-image a {
    display: inline-block
}

.wp-block-latest-posts__featured-image img {
    height: auto;
    width: auto;
    max-width: 100%
}

.wp-block-latest-posts__featured-image.alignleft {
    margin-right: 1em
}

.wp-block-latest-posts__featured-image.alignright {
    margin-left: 1em
}

.wp-block-latest-posts__featured-image.aligncenter {
    margin-bottom: 1em;
    text-align: center
}

.block-editor-image-alignment-control__row .components-base-control__field {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
    margin-bottom: 0
}

ol.has-background,
ul.has-background {
    padding: 1.25em 2.375em
}

.wp-block-media-text {
    /*!rtl:begin:ignore*/
    direction: ltr;
    /*!rtl:end:ignore*/
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 50%
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
    align-self: start
}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
    align-self: center
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
    align-self: end
}

.wp-block-media-text .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1;
    /*!rtl:end:ignore*/
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1;
    /*!rtl:end:ignore*/
    padding: 0 8%;
    word-break: break-word
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1/*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1/*!rtl:end:ignore*/
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    height: 100%;
    min-height: 250px;
    background-size: cover
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
    display: block;
    height: 100%
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (max-width:600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }
}

.wp-block-navigation {
    position: relative
}

.wp-block-navigation ul,
.wp-block-navigation ul li {
    list-style: none;
    padding: 0
}

.wp-block-navigation .wp-block-navigation-link,
.wp-block-navigation .wp-block-pages-list__item {
    display: flex;
    align-items: center;
    position: relative
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty,
.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty {
    display: none
}

.wp-block-navigation .wp-block-navigation-link__content,
.wp-block-navigation .wp-block-pages-list__item__link {
    color: inherit;
    display: block
}

.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,
.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus {
    text-decoration: inherit
}

.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus {
    text-decoration: none
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon,
.wp-block-navigation .wp-block-page-list__submenu-icon {
    height: inherit
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,
.wp-block-navigation .wp-block-page-list__submenu-icon svg {
    stroke: currentColor
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,
.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link {
    padding: 0
}

.wp-block-navigation .has-child>.wp-block-navigation-link__content,
.wp-block-navigation .has-child>.wp-block-pages-list__item__link {
    margin-right: .5em
}

.wp-block-navigation .has-child .submenu-container,
.wp-block-navigation .has-child .wp-block-navigation-link__container {
    background-color: inherit;
    color: inherit;
    position: absolute;
    z-index: 2;
    flex-direction: column;
    align-items: normal;
    min-width: 200px;
    display: none;
    opacity: 0;
    transition: opacity .1s linear;
    visibility: hidden
}

.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__content,
.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-pages-list__item__link,
.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__content,
.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-pages-list__item__link,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__content,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-pages-list__item__link,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__content,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-pages-list__item__link {
    flex-grow: 1
}

.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,
.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon {
    padding-right: .5em
}

@media (min-width:782px) {
    .wp-block-navigation .has-child .submenu-container .submenu-container:before,
    .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before,
    .wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before,
    .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before {
        content: "";
        position: absolute;
        right: 100%;
        height: 100%;
        display: block;
        width: .5em;
        background: transparent
    }
    .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,
    .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,
    .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg,
    .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg {
        transform: rotate(-90deg)
    }
}

.wp-block-navigation .has-child:hover>.wp-block-navigation-link__container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation .has-child:focus-within>.wp-block-navigation-link__container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation .has-child:hover {
    cursor: pointer
}

.wp-block-navigation .has-child:hover>.submenu-container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation .has-child:focus-within {
    cursor: pointer
}

.wp-block-navigation .has-child:focus-within>.submenu-container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container {
    left: auto;
    right: 0
}

.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
    left: auto;
    right: 100%
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation .wp-block-page-list,
.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item {
    margin: 0 2em 0 0
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link:last-child,
.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,
.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item:last-child {
    margin-right: 0
}

.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container>.wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list>.wp-block-pages-list__item {
    margin: 0 .5em 0 0
}

.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link {
    padding: .5em 1em
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container {
    left: -1em;
    top: 100%
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item {
    margin: 0
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link {
    padding: .5em 1em
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
    left: -1px
}

@media (min-width:782px) {
    .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,
    .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,
    .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,
    .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
        left: 100%;
        top: -1px
    }
}

.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {
    left: 0;
    top: 100%
}

.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,
.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
    left: 0
}

@media (min-width:782px) {
    .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,
    .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,
    .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,
    .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
        left: 100%;
        top: 0
    }
}

.wp-block-navigation:not(.has-background) .submenu-container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .15)
}

.wp-block-navigation__container {
    align-items: center;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.wp-block-navigation__container .is-responsive {
    display: none
}

@media (min-width:600px) {
    .wp-block-navigation__container {
        display: flex;
        flex-wrap: wrap
    }
    .is-vertical .wp-block-navigation__container {
        display: block;
        flex-direction: column;
        align-items: flex-start
    }
}

.items-justified-center .wp-block-navigation__container {
    justify-content: center
}

.items-justified-right .wp-block-navigation__container {
    justify-content: flex-end
}

.items-justified-space-between .wp-block-navigation__container {
    justify-content: space-between
}

.is-vertical.items-justified-center>ul {
    align-items: center
}

.is-vertical.items-justified-right>ul {
    align-items: flex-end
}

.is-vertical.items-justified-right>ul .wp-block-navigation-link,
.is-vertical.items-justified-right>ul .wp-block-pages-list__item {
    margin-right: 0;
    justify-content: flex-end
}

.wp-block-navigation__responsive-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-navigation__responsive-container.is-menu-open {
    display: flex;
    flex-direction: column;
    overflow: auto;
    z-index: 100000;
    padding: 24px;
    background-color: inherit
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
    line-height: 48px;
    padding: 0
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {
    flex-direction: column
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container {
    background: transparent !important
}

@media (min-width:600px) {
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: flex;
        flex-direction: row;
        position: relative;
        background-color: inherit
    }
    .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display: none
    }
    .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {
        left: 0
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #000
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
    vertical-align: middle;
    cursor: pointer;
    color: currentColor;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    pointer-events: none;
    display: block;
    width: 24px;
    height: 24px
}

.wp-block-navigation__responsive-container-open {
    display: flex
}

@media (min-width:600px) {
    .wp-block-navigation__responsive-container-open {
        display: none
    }
}

.items-justified-left .wp-block-navigation__responsive-container-open {
    margin-left: 0;
    margin-right: auto
}

.items-justified-center .wp-block-navigation__responsive-container-open {
    margin-left: auto;
    margin-right: auto
}

.items-justified-right .wp-block-navigation__responsive-container-open {
    margin-left: auto;
    margin-right: 0
}

.wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2
}

.wp-block-navigation__responsive-close {
    width: 100%
}

.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
    width: 100%;
    height: 100%
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon {
    display: none
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {
    position: relative;
    opacity: 1;
    visibility: visible;
    padding: 0 0 0 32px;
    border: none
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
    flex-direction: column;
    align-items: flex-start
}

html.has-modal-open {
    overflow: hidden
}

.wp-block-navigation .wp-block-navigation-link__label {
    word-break: normal;
    overflow-wrap: break-word
}

.wp-block-navigation .wp-block-home-link__content {
    color: inherit;
    display: block;
    padding: .5em 1em
}

.wp-block-navigation[style*=text-decoration] .wp-block-home-link,
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content,
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active,
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus {
    text-decoration: inherit
}

.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus {
    text-decoration: none
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .15)
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
    top: -1px
}

.wp-block-navigation .wp-block-page-list {
    display: flex;
    flex-wrap: wrap;
    background-color: inherit
}

.wp-block-navigation .wp-block-pages-list__item {
    background-color: inherit
}

.wp-block-navigation .wp-block-page-list__submenu-icon {
    display: none
}

.is-open .wp-block-navigation__container .wp-block-page-list,
.is-vertical .wp-block-navigation__container .wp-block-page-list,
.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
    display: block
}

@media (min-width:480px) {
    .is-open .wp-block-navigation__container .wp-block-page-list {
        display: flex
    }
}

.items-justified-space-between .wp-block-page-list {
    display: contents
}

.is-small-text {
    font-size: .875em
}

.is-regular-text {
    font-size: 1em
}

.is-large-text {
    font-size: 2.25em
}

.is-larger-text {
    font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

p.has-drop-cap.has-background {
    overflow: hidden
}

p.has-background {
    padding: 1.25em 2.375em
}

p.has-text-color a {
    color: inherit
}

.wp-block-post-author {
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-author__byline {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .5em
}

.wp-block-post-author__avatar {
    margin-right: 1em
}

.wp-block-post-author__bio {
    margin-bottom: .7em;
    font-size: .7em
}

.wp-block-post-author__content {
    flex-grow: 1;
    flex-basis: 0%
}

.wp-block-post-author__name {
    font-weight: 700;
    margin: 0
}

.wp-block-post-comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .commentlist .comment {
    min-height: 2.25em;
    padding-left: 3.25em
}

.wp-block-post-comments .commentlist .comment p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-post-comments .commentlist .children {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .comment-author {
    line-height: 1.5;
    margin-left: -3.25em
}

.wp-block-post-comments .comment-author .avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-post-comments .comment-author cite {
    font-style: normal
}

.wp-block-post-comments .comment-meta {
    line-height: 1.5;
    margin-left: -3.25em
}

.wp-block-post-comments .comment-body .commentmetadata {
    font-size: .75em
}

.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
    display: block
}

.wp-block-post-comments .comment-form-comment textarea {
    box-sizing: border-box;
    width: 100%
}

.wp-block-post-comments .reply {
    font-size: .75em;
    margin-bottom: 1.4em
}

.wp-block-post-comments input,
.wp-block-post-comments textarea {
    border: 1px solid #949494
}

.wp-block-post-comments-form input[type=submit] {
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    overflow-wrap: break-word
}

.wp-block-post-excerpt__more-link,
.wp-block-post-title a {
    display: inline-block
}

.wp-block-preformatted {
    white-space: pre-wrap
}

.wp-block-preformatted.has-background {
    padding: 1.25em 2.375em
}

.wp-block-pullquote {
    margin: 0 0 1em;
    padding: 3em 0;
    text-align: center
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    max-width: 420px
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: 1.25em
}

.wp-block-pullquote p {
    font-size: 1.75em;
    line-height: 1.6
}

.wp-block-pullquote cite,
.wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: none
}

.wp-block-pullquote.is-style-solid-color {
    border: none
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal
}

.wp-block-pullquote cite {
    color: inherit
}

.wp-block-post-template,
.wp-block-query-loop {
    max-width: 100%;
    list-style: none;
    padding: 0
}

.wp-block-post-template li,
.wp-block-query-loop li {
    clear: both
}

.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
    margin: 0 0 1.25em;
    width: 100%
}

@media (min-width:600px) {
    .wp-block-post-template.is-flex-container li,
    .wp-block-query-loop.is-flex-container li {
        margin-right: 1.25em
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
        width: calc(50% - .625em)
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li:nth-child(2n),
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n) {
        margin-right: 0
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
        width: calc(33.33333% - .83333em)
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:nth-child(3n),
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n) {
        margin-right: 0
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
        width: calc(25% - .9375em)
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li:nth-child(4n),
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n) {
        margin-right: 0
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
        width: calc(20% - 1em)
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li:nth-child(5n),
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n) {
        margin-right: 0
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
        width: calc(16.66667% - 1.04167em)
    }
    .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li:nth-child(6n),
    .wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n) {
        margin-right: 0
    }
}

.wp-block-query-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .5em
}

.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
    margin-right: 0
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin-bottom: 1em;
    padding: 0 1em
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    font-size: 1.125em;
    text-align: right
}

.wp-block-rss.wp-block-rss {
    box-sizing: border-box
}

.wp-block-rss.alignleft {
    margin-right: 2em
}

.wp-block-rss.alignright {
    margin-left: 2em
}

.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.wp-block-rss.is-grid li {
    margin: 0 1em 1em 0;
    width: 100%
}

@media (min-width:600px) {
    .wp-block-rss.columns-2 li {
        width: calc(50% - 1em)
    }
    .wp-block-rss.columns-3 li {
        width: calc(33.33333% - 1em)
    }
    .wp-block-rss.columns-4 li {
        width: calc(25% - 1em)
    }
    .wp-block-rss.columns-5 li {
        width: calc(20% - 1em)
    }
    .wp-block-rss.columns-6 li {
        width: calc(16.66667% - 1em)
    }
}

.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
    display: block;
    color: #555;
    font-size: .8125em
}

.wp-block-search .wp-block-search__button {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: .375em .625em;
    color: #32373c;
    margin-left: .625em;
    word-break: normal
}

.wp-block-search .wp-block-search__button.has-icon {
    line-height: 0
}

.wp-block-search .wp-block-search__button svg {
    min-width: 1.5em;
    min-height: 1.5em
}

.wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%
}

.wp-block-search .wp-block-search__label {
    width: 100%
}

.wp-block-search .wp-block-search__input {
    flex-grow: 1;
    min-width: 3em;
    border: 1px solid #949494
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    margin-left: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 4px;
    border: 1px solid #949494
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border-radius: 0;
    border: none;
    padding: 0 0 0 .25em
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
    outline: none
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
    padding: .125em .5em
}

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    margin: auto
}

.wp-block-separator {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 1px
}

.wp-block-separator.is-style-dots {
    background: none !important;
    border: none;
    text-align: center;
    width: none;
    line-height: 1;
    height: auto
}

.wp-block-separator.is-style-dots:before {
    content: "···";
    color: currentColor;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em;
    font-family: serif
}

.wp-block-site-logo {
    line-height: 0
}

.wp-block-site-logo a {
    display: inline-block
}

.wp-block-site-logo.is-default-size img {
    width: 120px;
    height: auto
}

.wp-block-site-logo .aligncenter {
    display: table
}

.wp-block-site-logo.is-style-rounded img {
    border-radius: 9999px
}

.wp-block-social-links {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
    margin-left: 0
}

.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
    text-decoration: none;
    border-bottom: 0;
    box-shadow: none
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    margin: 4px 8px 4px 0
}

.wp-block-social-links .wp-social-link a {
    padding: .25em
}

.wp-block-social-links .wp-social-link svg {
    width: 1em;
    height: 1em
}

.wp-block-social-links.has-small-icon-size {
    font-size: 16px
}

.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
    font-size: 24px
}

.wp-block-social-links.has-large-icon-size {
    font-size: 36px
}

.wp-block-social-links.has-huge-icon-size {
    font-size: 48px
}

.wp-block-social-links.aligncenter {
    justify-content: center;
    display: flex
}

.wp-block-social-links.alignright {
    justify-content: flex-end
}

.wp-block-social-link {
    display: block;
    border-radius: 9999px;
    transition: transform .1s ease;
    height: auto
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-social-link {
        transition-duration: 0s;
        transition-delay: 0s
    }
}

.wp-block-social-link a {
    display: block;
    line-height: 0;
    transition: transform .1s ease
}

.wp-block-social-link:hover {
    transform: scale(1.1)
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    color: currentColor;
    fill: currentColor
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #1778f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
    background-color: #02ab6c;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
    background-color: #ff424d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #fe4500;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
    background: none;
    padding: 4px
}

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
    color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
    color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
    color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
    color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
    color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
    color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
    color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
    color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
    color: #1778f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
    color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
    color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
    color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
    color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
    color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
    color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
    color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
    color: #0d66c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
    color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
    color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
    color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
    color: #ff424d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
    color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
    color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
    color: #fe4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
    color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
    color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
    color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
    color: #2aabee
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
    color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
    color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
    color: #1da1f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
    color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
    color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
    color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
    color: #d32422
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
    color: red
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
    width: auto
}

.wp-block-social-links.is-style-pill-shape .wp-social-link a {
    padding-left: .66667em;
    padding-right: .66667em
}

.wp-block-spacer {
    clear: both
}

.wp-block-tag-cloud.aligncenter {
    text-align: center
}

.wp-block-tag-cloud.alignfull {
    padding-left: 1em;
    padding-right: 1em
}

.wp-block-table {
    margin: 0 0 1em;
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent
}

.wp-block-table .has-border-color>*,
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr {
    border-color: inherit
}

.wp-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
    border-style: inherit
}

.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
    border-width: inherit
}

.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
    display: flex
}

.wp-block-text-columns .wp-block-column {
    margin: 0 1em;
    padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
    margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
    margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
    width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
    width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
    width: 25%
}

pre.wp-block-verse {
    font-family: inherit;
    overflow: auto;
    white-space: pre-wrap
}

.wp-block-video {
    margin: 0 0 1em
}

.wp-block-video video {
    width: 100%
}

@supports (position:sticky) {
    .wp-block-video [poster] {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-post-featured-image {
    margin-left: 0;
    margin-right: 0
}

.wp-block-post-featured-image a {
    display: inline-block
}

.wp-block-post-featured-image img {
    max-width: 100%;
    height: auto
}

.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
    width: 100%
}

:root .has-pale-pink-background-color {
    background-color: #f78da7
}

:root .has-vivid-red-background-color {
    background-color: #cf2e2e
}

:root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900
}

:root .has-luminous-vivid-amber-background-color {
    background-color: #fcb900
}

:root .has-light-green-cyan-background-color {
    background-color: #7bdcb5
}

:root .has-vivid-green-cyan-background-color {
    background-color: #00d084
}

:root .has-pale-cyan-blue-background-color {
    background-color: #8ed1fc
}

:root .has-vivid-cyan-blue-background-color {
    background-color: #0693e3
}

:root .has-vivid-purple-background-color {
    background-color: #9b51e0
}

:root .has-white-background-color {
    background-color: #fff
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-cyan-bluish-gray-background-color {
    background-color: #abb8c3
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-black-background-color {
    background-color: #000
}

:root .has-pale-pink-color {
    color: #f78da7
}

:root .has-vivid-red-color {
    color: #cf2e2e
}

:root .has-luminous-vivid-orange-color {
    color: #ff6900
}

:root .has-luminous-vivid-amber-color {
    color: #fcb900
}

:root .has-light-green-cyan-color {
    color: #7bdcb5
}

:root .has-vivid-green-cyan-color {
    color: #00d084
}

:root .has-pale-cyan-blue-color {
    color: #8ed1fc
}

:root .has-vivid-cyan-blue-color {
    color: #0693e3
}

:root .has-vivid-purple-color {
    color: #9b51e0
}

:root .has-white-color {
    color: #fff
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-cyan-bluish-gray-color {
    color: #abb8c3
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-black-color {
    color: #000
}

:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: linear-gradient(135deg, #0693e3, #9b51e0)
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: linear-gradient(135deg, #7adcb4, #00d082)
}

:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: linear-gradient(135deg, #fcb900, #ff6900)
}

:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: linear-gradient(135deg, #ff6900, #cf2e2e)
}

:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: linear-gradient(135deg, #eee, #a9b8c3)
}

:root .has-cool-to-warm-spectrum-gradient-background {
    background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}

:root .has-blush-light-purple-gradient-background {
    background: linear-gradient(135deg, #ffceec, #9896f0)
}

:root .has-blush-bordeaux-gradient-background {
    background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-luminous-dusk-gradient-background {
    background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-pale-ocean-gradient-background {
    background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}

:root .has-electric-grass-gradient-background {
    background: linear-gradient(135deg, #caf880, #71ce7e)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381, #2874fc)
}

.has-small-font-size {
    font-size: .8125em
}

.has-normal-font-size,
.has-regular-font-size {
    font-size: 1em
}

.has-medium-font-size {
    font-size: 1.25em
}

.has-large-font-size {
    font-size: 2.25em
}

.has-huge-font-size,
.has-larger-font-size {
    font-size: 2.625em
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

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

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

a.afc_std_close {
    cursor: pointer
}

@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    from,
    11.1%,
    to {
        transform: none
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

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

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

[hidden],
audio:not([controls]) {
    display: none
}

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

body {
    font-size: 16px
}

blockquote,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 3% 0;
    padding: 0
}

ins {
    background: #ff9;
    text-decoration: none
}

ins,
mark {
    color: #000
}

mark {
    background: #ff0;
    font-style: italic;
    font-weight: 700
}

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: "";
    content: none
}

small {
    font-size: 85%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ol,
ul {
    padding: 0
}

dd,
ol,
ul {
    margin: 0
}

nav ol,
nav ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure,
form {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    border: 0;
    padding: 0
}

legend {
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal;
    *overflow: visible
}

table button,
table input {
    *overflow: auto
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

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

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

input:invalid,
textarea:invalid {
    background-color: #f0dddd
}

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

td {
    vertical-align: top
}

.nocallout {
    -webkit-touch-callout: none
}

textarea[contenteditable] {
    -webkit-appearance: none
}

.gifhidden {
    position: absolute;
    left: -100%
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.ir br {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

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

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

.invisible {
    visibility: hidden
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

a:active,
a:focus {
    outline: none
}

*,
:after,
:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

svg {
    width: 100% !important;
    height: auto !important
}

a[href^=tel] {
    color: inherit;
    text-decoration: none
}

button {
    border: none;
    outline: none;
    padding: 0;
    background: transparent
}

::selection {
    background: #666;
    color: #fff
}

::-moz-selection {
    background: #666;
    color: #fff
}

body,
html {
    height: 100%
}

body {
    background: #fff;
    font-family: Raleway, sans-serif;
    font-size: 62.5%;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    color: #666
}

button,
input,
select {
    -webkit-appearance: none
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.video {
    position: relative;
    padding-bottom: 56.25%
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.svg-container {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.svg-container svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

h1 a,
h2 a,
h3 a,
h4 a {
    color: inherit;
    text-decoration: none;
    border: none !important
}

a {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

@font-face {
    font-display: swap;
    font-family: opencrm;
    src: url(../../../themes/opencrm/fonts/opencrm843d.eot?63389146);
    src: url(../../../themes/opencrm/fonts/opencrm843d.eot?63389146#iefix) format("embedded-opentype"), url(../../../themes/opencrm/fonts/opencrm843d.html?63389146) format("woff2"), url(../../../themes/opencrm/fonts/opencrm843d-2.html?63389146) format("woff"), url(../../../themes/opencrm/fonts/opencrm843d-3.html?63389146) format("truetype"), url(../../../themes/opencrm/fonts/opencrm843d.svg?63389146#opencrm) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: opencrm;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-facebook:before {
    content: "\e800"
}

.icon-google-plus:before {
    content: "\e801"
}

.icon-linkedin:before {
    content: "\e802"
}

.icon-pinterest:before {
    content: "\e803"
}

.icon-twitter:before {
    content: "\e804"
}

.icon-tick:before {
    content: "\e805"
}

.section,
.section--full-bleed .full-bleed {
    position: relative;
    padding: 120px 0
}

.section--full-bleed,
.section--map {
    padding: 0
}

.container {
    width: 100%;
    max-width: 1140px;
    padding: 0 50px;
    margin: 0 auto
}

.narrow .container {
    max-width: 750px
}

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

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

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

.top--pad {
    padding: 120px 0 0
}

.bottom--pad {
    padding: 0 0 120px
}

.small--pad {
    padding-bottom: 50px
}

.no--pad {
    padding: 0
}

.no-hero {
    padding-top: 190px
}

@media (max-width:1023px) {
    .section,
    .section--full-bleed .full-bleed {
        padding: 60px 0
    }
    .top--pad {
        padding: 60px 0 0
    }
    .bottom--pad {
        padding: 0 0 60px
    }
    .small--pad {
        padding-bottom: 25px
    }
    .no--pad {
        padding: 0
    }
    .no-hero {
        padding-top: 130px
    }
}

@media (max-width:639px) {
    .section,
    .section--full-bleed .full-bleed {
        padding: 40px 0
    }
    .top--pad {
        padding: 40px 0 0
    }
    .bottom--pad {
        padding: 0 0 40px
    }
    .small--pad {
        padding-bottom: 20px
    }
    .no--pad {
        padding: 0
    }
    .no-hero {
        padding-top: 110px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: #ffffff;
    position: relative;
    line-height: 1.2;
    margin-bottom: 20px
}

h1 {
    font-size: 5em
}

h2 {
    font-size: 4em
}

h3 {
    font-size: 3em
}

h4 {
    font-size: 2.5em
}

.title-only h1,
.title-only h2,
.title-only h3,
.title-only h4 {
    margin: 0
}

p {
    font-size: 1.6em;
    margin-bottom: 25px
}

p:last-child {
    margin-bottom: 0
}

.small {
    font-size: 1.4em
}

strong {
    font-weight: 600
}

cite,
em {
    font-style: italic
}

ul {
    list-style-type: disc;
    font-size: 1em;
    margin-bottom: 25px
}

ol {
    list-style-type: decimal
}

ol li,
ul li {
    font-size: 1.6em;
    line-height: 1.9
}

ol ul,
ul ul {
    list-style-type: circle;
    margin-left: 20px
}

ol ol,
ol ul,
ul ol,
ul ul {
    list-style-position: inside
}

ol ol,
ul ol {
    list-style-type: lower-latin;
    margin-left: 15px
}

blockquote {
    margin: 0;
    padding: 0
}

blockquote .name,
blockquote .title {
    font-size: 1.4em;
    display: block;
    margin: 0
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-family: Playfair Display, serif;
    font-size: 40px;
    line-height: 0;
    margin-right: 0;
    display: none
}

blockquote p {
    display: inline
}

@media (max-width:639px) {
    h1 {
        font-size: 4em
    }
    h2 {
        font-size: 2.8em
    }
    h3 {
        font-size: 2em
    }
    h4 {
        font-size: 1.8em
    }
}

@media (max-width:340px) {
    h2 {
        font-size: 2.6em
    }
}

.alignnone {
    margin: 0
}

.alignleft {
    float: left;
    margin: 0 30px 30px 0
}

.alignright {
    float: right;
    margin: 0 0 30px 30px
}

.aligncenter {
    display: block;
    margin: 0 auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignleft,
.wp-caption.alignnone {
    margin: 0 30px 30px 0
}

.wp-caption.alignright {
    margin: 0 0 30px 30px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    margin: 0;
    padding: 0 4px 5px
}

.col-wrapper {
    margin: 0 -7px
}

[class*=" col--"],
[class^=col--] {
    float: left;
    min-height: 1px;
    padding: 0 30px
}

[class*=" col--"] .image,
[class^=col--] .image {
    margin-bottom: 30px
}

.col--10 {
    width: 10%
}

.col--20 {
    width: 20%
}

.col--25 {
    width: 25%
}

.col--30 {
    width: 30%
}

.col--33 {
    width: 33.333%
}

.col--40 {
    width: 40%
}

.col--50 {
    width: 50%
}

.col--60 {
    width: 60%
}

.col--66 {
    width: 66.666%
}

.col--70 {
    width: 70%
}

.col--75 {
    width: 75%
}

.col--80 {
    width: 80%
}

.col--90 {
    width: 90%
}

.col--100 {
    width: 100%;
    float: none;
    clear: both
}

.col--no-pad {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.col--20:nth-child(5n+1),
.col--25:nth-child(4n+1),
.col--33:nth-child(3n+1),
.col--50:nth-child(odd) {
    clear: left
}

@media (max-width:1023px) {
    .col--20 {
        width: 33.333%
    }
    .col--25 {
        width: 25%
    }
    .col--33 {
        width: 33.333%
    }
}

@media (max-width:768px) {
    .col-wrapper {
        margin: 0 -20px
    }
    [class*=" col--"],
    [class^=col--] {
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .col--20,
    .col--25 {
        width: 50%
    }
    .col--20:nth-child(5n+1),
    .col--25:nth-child(4n+1) {
        clear: none
    }
    .col--20:nth-child(odd),
    .col--25:nth-child(odd) {
        clear: left
    }
}

@media (max-width:639px) {
    .container {
        padding: 0 20px
    }
    .col-wrapper {
        margin: 0 -10px
    }
    [class*=" col--"],
    [class^=col--] {
        padding: 0 10px
    }
    .col--10,
    .col--20,
    .col--25,
    .col--30,
    .col--33,
    .col--40,
    .col--50,
    .col--60,
    .col--66,
    .col--70,
    .col--75,
    .col--80,
    .col--90,
    .col--100 {
        width: 100%
    }
    .col--50 {
        padding-top: 20px
    }
    .col--50:first-child {
        padding-top: 0
    }
}

.page-wrapper {
    position: relative;
    overflow: hidden;
    left: 0;
    transition: all .3s
}

.home-hero-container {
    width: 600px;
    display: block
}

.static-wrap {
    display: none
}

.why-container {
    padding-bottom: 93.87755%
}

.benefits-container {
    padding-bottom: 90.81633%
}

@media (max-width:1270px) {
    .home-hero-container {
        width: 550px
    }
}

@media (max-width:1180px) {
    .home-hero-container {
        width: 100%
    }
}

@media (max-width:768px) {
    .home-hero-container {
        padding: 0;
        height: auto
    }
}

.hero--full .hero-content.about-hero-content,
.hero-content.about-hero-content .container {
    max-width: 100%;
    width: 100%;
    padding-bottom: 0
}

.about-hero-container {
    padding-bottom: 14.20849%
}

.what-we-do-container {
    padding-bottom: 58.16327%
}

.we-understand-container {
    padding-bottom: 108.16327%
}

.about-us-container {
    padding-bottom: 75.30612%
}

.careers-hero-container {
    padding-bottom: 49.90826%
}

.features-container {
    padding-bottom: 35.71429%
}

.inner-hero-image {
    max-width: 385px;
    margin: 0 auto
}

.sales-management-container {
    padding-bottom: 94.69388%
}

.contact-management-hero-container {
    padding-bottom: 50%
}

.contact-management-container {
    padding-bottom: 74.69388%
}

.activity-management-container {
    padding-bottom: 81.63265%
}

.project-management-container {
    padding-bottom: 79.59184%
}

.product-management-container {
    padding-bottom: 65.5102%
}

.animation-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block
}

#bodymovin,
#bodymovin svg,
.animation-wrap {
    width: 628px !important;
    height: 528px !important
}

.comparison-hero .inner-hero-image {
    max-width: 500px
}

.competitors-hero-container {
    padding-bottom: 57.11538%
}

.comparison-customisability {
    width: 100%;
    max-width: 360px;
    height: 260px;
    padding: 0;
    float: right
}

.comparison-features {
    width: 100%;
    max-width: 360px;
    height: 310px;
    padding: 0;
    float: right
}

.comparison-file-storage {
    width: 100%;
    max-width: 350px;
    height: 237px;
    padding: 0;
    float: right
}

.comparison-price {
    width: 100%;
    max-width: 215px;
    height: 284px;
    padding: 0;
    float: right
}

.security-container {
    width: 100%;
    max-width: 327px;
    height: 287px;
    padding: 0;
    float: right
}

.comparison-container {
    width: 100%;
    max-width: 216px;
    height: 267px;
    padding: 0
}

.faq-container {
    width: 100%;
    max-width: 329px;
    height: 240px;
    padding: 0;
    float: right
}

@media (min-width:1400px) {
    .security-container {
        max-width: 327px
    }
}

@media (max-width:1280px) {
    #bodymovin,
    #bodymovin svg,
    .animation-wrap {
        width: 528px !important;
        height: 428px !important
    }
}

@media (max-width:1080px) {
    #bodymovin,
    #bodymovin svg,
    .animation-wrap {
        width: 500px !important;
        height: 400px !important
    }
}

@media (max-width:1024px) {
    .comparison-hero .inner-hero-image {
        max-width: 385px
    }
    .inner-hero-image {
        max-width: 280px
    }
}

@media (max-width:768px) {
    .animation-wrap {
        display: none
    }
    .static-wrap {
        display: block
    }
}

@media (max-width:639px) {
    .comparison-container,
    .comparison-customisability,
    .comparison-features,
    .comparison-file-storage,
    .comparison-price,
    .faq-container,
    .security-container {
        width: 100%;
        max-width: 100%;
        float: none;
        height: auto;
        padding-bottom: 100%
    }
    .comparison-container svg,
    .comparison-customisability svg,
    .comparison-features svg,
    .comparison-file-storage svg,
    .comparison-price svg,
    .faq-container,
    .security-container svg {
        height: 100% !important
    }
    .inner-hero-image {
        max-width: 180px
    }
    .page-id-9 .hero-image {
        max-width: 200px;
        margin: 0 auto
    }
    
    .width-for-mobile{
        width: 100% !important
    }
 
    .hero-errors{
        position: relative;
        top: 0px !important;
    }
    
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 50px;
    z-index: 5;
    background: hsla(0, 0%, 98%, 0);
    box-shadow: 0 0 25px 0 transparent;
    transition: top .3s, left .3s, background .3s, padding .3s, box-shadow .3s
}

.header.active {
    top: 0px !important;
    background: linear-gradient(334deg, #e31773 40%, #6b2382 90%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.header .content {
    position: relative
}

.header .logo {
    display: inline-block;
    width: 139px;
    position: absolute;
    top: -21px;
    font-size: 0
}

.header .logo:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 0
}

.header .logo svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.header.active .btn {
    background: linear-gradient(107deg, #3b92a2 40%, #32558b 90%);
    ;
    color: #ffffff
}

.header .btn {
    position: absolute;
    right: 0;
    cursor: pointer
}

@media (max-width:1060px) {
    .header .btn {
        right: 55px
    }
}

@media (max-width:639px) {
    .header,
    .header.active {
        background: hsl(249deg 51% 18%);
        padding: 22px 20px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        top: 0px !important;
    }
    .header .logo {
        width: 100px;
        top: -20px
    }
    .header .btn {
        display: none
    }
    
    .top-bar{
        display: none;
    }
    
}

.menu {
    display: inline-block
}

.menu-item {
    list-style: none;
    position: relative
}

.menu-item a {
    position: relative;
    color: #fff;
    text-transform: capitalize;
    display: block;
    text-decoration: none
}

.current-menu-item a,
.parent-pageid-7 .menu-item-21 a,
.parent-pageid-9 .menu-item-20 a,
.single-post .menu-item-18 a {
    font-weight: 700
}

.header-nav {
    float: right;
    margin: 0 124px 0 auto;
    padding-right: 20px;
    text-align: left;
    transition: all .3s ease-in-out
}

.header-nav li {
    display: inline-block;
    padding: 0 10px
}

.header-nav li a {
    color: #ffffff;
    padding: 0 .75em;
    line-height: 45px;
    font-weight: bold;
}

.header-nav .current-menu-item a,
.header-nav li a:hover,
.parent-pageid-7 .header-nav .menu-item-21 a,
.parent-pageid-9 .header-nav .menu-item-20 a,
.single-post .header-nav .menu-item-18 a {
    color: #ffffff;
    background: #356a93;
}

.nav-toggle {
    display: none;
    height: 21px;
    z-index: 5;
    float: right;
    margin: 12px 0;
    text-align: center
}

.nav-toggle,
.nav-toggle-line {
    width: 25px;
    transition: all .3s ease-in-out
}

.nav-toggle-line {
    display: block;
    height: 3px;
    margin: 0 auto 6px;
    background: #706f73;
    position: relative
}

.nav-toggle-line:nth-child(3) {
    margin-bottom: 0
}

.side-nav {
    height: 100%;
    overflow: auto;
    position: fixed;
    background: #1a2738;
    right: -250px;
    top: 0;
    transition: right .3s ease 0s;
    width: 250px;
    z-index: 7
}

.side-nav .menu {
    display: block
}

.side-nav .menu-item {
    display: block;
    padding: 0
}

.side-nav li,
.side-nav li a {
    color: #fff;
    display: block;
    text-decoration: none
}

.side-nav li a {
    padding: 0 20px;
    line-height: 80px;
    position: relative
}

.side-nav .current-menu-item a,
.side-nav li a:hover,
.single-post .side-nav .menu-item-18 a {
    background: rgba(0, 0, 0, .2)
}

.trial-btn {
    display: none;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px
}

.side-nav .btn {
    font-size: 2em
}

@media (max-width:1200px) {
    .header-nav {
        padding-right: 10px
    }
    .header-nav li {
        padding: 0 5px
    }
}

@media (max-width:1060px) {
    .header-nav {
        display: none
    }
    .header-nav .menu li:last-child,
    .nav-toggle {
        display: block
    }
    html.nav-open .header {
        left: -250px
    }
    html.nav-open .blocker {
        border: 0 solid hsla(0, 0%, 39%, 0);
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        margin: 0;
        overflow: hidden;
        right: 250px;
        top: 0;
        z-index: 6;
        cursor: pointer
    }
    html.nav-open .nav-toggle .nav-toggle-line:first-child {
        bottom: -1px;
        margin-bottom: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    html.nav-open .nav-toggle .nav-toggle-line:nth-child(2) {
        display: none
    }
    html.nav-open .nav-toggle .nav-toggle-line:nth-child(3) {
        bottom: 2px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    html.nav-open .page-wrapper {
        overflow: hidden;
        left: -250px;
        z-index: 0
    }
    html.nav-open .side-nav {
        right: 0;
        -webkit-overflow-scrolling: touch
    }
    html.nav-opened {
        overflow: hidden;
        position: relative
    }
}

@media (max-width:639px) {
    .nav-toggle {
        margin: 0
    }
    .side-nav {
        top: 65px;
        right: 0;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: calc(100% - 65px);
        transition: opacity .3s ease 0s
    }
    html.nav-open .header {
        left: 0
    }
    html.nav-open .blocker {
        display: none
    }
    html.nav-open .side-nav {
        visibility: visible;
        opacity: 1
    }
    html.nav-open .page-wrapper {
        left: 0
    }
    .side-nav-inner {
        position: relative;
        padding: 20px;
        height: 100%
    }
    .side-nav .menu {
        padding-top: 30px
    }
    .side-nav li a {
        font-size: 1.5em;
        line-height: 65px;
        opacity: 0;
        color: #fff
    }
    html.nav-open .side-nav li a {
        opacity: 1
    }
    .side-nav .current-menu-item a,
    .side-nav li a:hover,
    .single-post .side-nav .menu-item-18 a {
        background: none
    }
    html.nav-open .side-nav .trial-btn {
        display: block
    }
}

@media (max-width:375px) and (max-height:650px) {
    .side-nav .menu {
        padding-top: 20px
    }
    .side-nav li a {
        font-size: 1.2em;
        line-height: 50px
    }
}

@media (max-width:350px) and (max-height:650px) {
    .side-nav .menu {
        padding-top: 0
    }
    .side-nav li a {
        line-height: 42px
    }
}

.hero {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    -ms-flex-align: end;
    -ms-flex-pack: center;
    position: relative;
    height: 750px;
    background: #272253
}

.hero-content {
    padding-bottom: 90px
}

.hero-col {
    width: 50%
}

.hero-text h1 {
    font-size: 4em;
    line-height: 1.1;
    letter-spacing: -.025em;
    position: relative
}

.hero-text p {
    font-size: 1.6em;
    line-height: 1.7
}

.hero--home .hero-content .container {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -ms-flexbox;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.hero--home .hero-text h1 {
    max-width: 90%
}

.hero--home .hero-text p {
    max-width: 80%
}

.hero--home .trial-form {
    max-width: 80%;
    position: relative
}

.hero--home .trial-form .form-inputs {
    padding-right: 140.55px
}

.hero--home .trial-form input[type=text] {
    border: 1px solid #b2d01b;
    border-right: none
}

.hero--home .trial-form .form-footer {
    position: absolute;
    top: 0;
    right: 0
}

.hero--home .trial-form.error input[type=text] {
    border: 1px solid red
}

.hero--home .trial-form input[type=submit] {
    line-height: 46px;
    border-radius: 0;
    -webkit-appearance: none
}

.hero--home .trial-form .btn {
    background: #b2d01b;
    border: 2px solid #b2d01b
}

.hero--home .trial-form .btn:hover {
    background: rgba(178, 208, 27, .8);
    color: #fff
}

.hero--full.hero--about .hero-text {
    padding-bottom: 140px
}

.hero--full .hero-content {
    max-width: 940px;
    text-align: center
}

.hero--full .hero-text {
    max-width: 680px;
    margin: 0 auto;
    padding-bottom: 30px
}

.scroll {
    cursor: pointer;
    width: 60px;
    height: 60px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid hsla(207, 4%, 47%, .2);
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.scroll:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.scroll:after {
    position: absolute;
    content: "";
    border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    width: 48px;
    height: 48px;
    background: rgba(178, 208, 27, 0);
    border: 1px solid rgb(39 34 83);
}

.scroll .mouse,
.scroll:after {
    transition: all .3s;
    -webkit-transition: all .3s
}

.scroll .mouse {
    display: block;
    height: 30px;
    width: 18px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #272253;
    position: relative;
    top: 14px;
    z-index: 2
}

.scroll .mouse:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 5px;
    background: #272253;
    top: 6px;
    left: 50%;
    margin-left: -1px;
    -webkit-animation: mouse 1s 1s infinite;
    animation: mouse 1s 1s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media (max-width:1024px) {
    .hero {
        height: 650px
    }
    .hero--inner {
        height: 450px
    }
}

@media (max-width:768px) {
    .hero--home,
    .hero--home .hero-content .container {
        display: block
    }
    .hero--home .trial-form {
        max-width: 100%
    }
    .hero--home .trial-form .form-inputs {
        padding-right: 110.55px
    }
    .hero--about {
        max-height: 500px
    }
    .hero--home .trial-form input[type=submit] {
        padding: 0 15px
    }
    .hero-col {
        width: 100%
    }
    .hero--home .hero-content,
    .hero .hero-content {
        padding: 125px 0 20px
    }
    .hero--home .hero-content {
        height: 100%
    }
    .hero--home .hero-text h1 {
        font-size: 2.8em;
        margin-bottom: 10px
    }
    .hero--home .hero-text p {
        font-size: 1.6em
    }
    .hero--home .hero-text h1,
    .hero--home .hero-text p {
        max-width: 100%
    }
    .hero--home .hero-image {
        width: 48%;
        padding-top: 20px;
        margin: 0 auto
    }
    .hero--home .hero-image .home-hero-container {
        max-width: 100%
    }
    .hero--home .hero-text {
        position: relative;
        z-index: 2
    }
    .hero--home .scroll {
        bottom: 20px
    }
    .hero--full .hero-content.about-hero-content {
        position: relative
    }
    .hero-content.about-hero-content .container {
        position: absolute;
        bottom: 0
    }
    .hero--full.hero--about .hero-text {
        padding-bottom: 100px
    }
}

@media (max-width:639px) {
    .hero {
        height: 672px
    }
    .hero--full {
        max-height: 420px
    }
    .hero--home,
    .hero--home .hero-content .container {
        display: block
    }
    .hero-col {
        width: 100%
    }
    .hero--home .hero-content,
    .hero .hero-content {
        padding: 85px 0 20px
    }
    .hero--home .hero-text h1,
    .hero-text h1 {
        font-size: 3em;
        margin-bottom: 10px;
    }
   
    .hero-content .hero-text .main-heading{
        text-align: center;    
        padding: 100px 0;
    }
    
    .padding-for-mobile{
        padding: 0 !important;
    }
    
    .hero--home .hero-text p,
    .hero-text p {
        font-size: 1.4em
    }
    .hero--full.hero--about .hero-text {
        padding-bottom: 40px
    }
    .scroll {
        bottom: 20px
    }
    
    .hero-image{
        display: none;
    }
    
    .form-for-mobile{
        top: 50px;
    }
    
    .form-for-mobile-re-top{
        top: 0px;
    }
    
    .scroll{
        display: none;
    }
    
}

@media (max-width:360px) {
    .hero--home .hero-image {
        width: 52%
    }
}

@media (max-width:340px) {
    .hero {
        height: 400px
    }
    .hero-text h1 {
        font-size: 2.6em
    }
}

@media (max-width:320px) {
    .hero--home .hero-image {
        display: none
    }
}

.intro p {
    font-size: 1.8em
}

.section--svg .col-wrapper {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section--svg.svg--left .col--50,
.section--svg.svg--left .col--60 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.section--svg.svg--left .col--40,
.section--svg.svg--left .col--50:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.section--svg.small-svg-50 .col--50:nth-child(2) .text {
    width: 50%;
    margin: 0 auto
}

.section--svg.small-svg-80 .col--50:nth-child(2) .text {
    width: 80%;
    margin: 0 auto
}

@media (max-width:639px) {
    .section--svg .col-wrapper {
        display: block
    }
    .section--svg [class*=" col--"],
    .section--svg [class^=col--] {
        padding-top: 40px
    }
    .section--svg [class*=" col--"]:first-child,
    .section--svg [class^=col--]:first-child {
        padding-top: 0
    }
    .section--svg .col--50:nth-child(2) .text {
        width: 75%;
        margin: 0 auto
    }
}

@media (max-width:639px) {
    .home .hide-svg .col--50:first-child,
    .page-id-7 .hide-svg .col--50:nth-child(2) {
        display: none
    }
}

.job-listings {
    text-align: left
}

.job-listings .text {
    background: #f9f9f9;
    padding: 50px
}

.job-listings .text p {
    font-size: 16px;
    line-height: 28px
}

.job-listings .text .col-wrapper p {
    margin: 0 0 10px
}

.job-listings .text ul li {
    padding: 0 0 0 30px;
    margin: 0 0 10px;
    list-style: none;
    line-height: 24px;
    position: relative
}

.job-listings .text ul li:before {
    position: absolute;
    font-family: opencrm;
    font-size: .8em;
    color: #b2d01b;
    content: "\e805";
    display: block;
    top: 2px;
    left: 0
}

.tabs-wrapper {
    margin: 0 auto;
    text-align: center;
    list-style: none;
    margin-bottom: 50px
}

.tabs {
    display: inline-block;
    border-bottom: 2px solid #e9e9e9
}

.tabs li:first-child {
    padding: 0
}

.tabs li {
    display: inline-block;
    padding: 0 0 0 40px;
    font-size: 1.6em;
    color: #999;
    transition: all .3s ease-in-out
}

.tabs li div {
    padding: 10px 0;
    cursor: pointer;
    position: relative
}

.tabs li div.active {
    color: #b2d01b
}

.tabs li div.active:after {
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #b2d01b;
    transition: all .3s ease-in-out
}

.tabs li.inactive {
    opacity: .3;
    pointer-events: none
}

.tab-text {
    display: none
}

.tab-text.active {
    display: inherit
}

.tab-text ul {
    margin-left: 20px
}

.tab-text ul li {
    padding-top: 10px
}

.tab-text ul li:first-child {
    padding: 0
}

.tab-text a {
    color: #b2d01b
}

.tab-text a:hover {
    opacity: .8
}

.vertical-tabbed-content .tabs-wrapper {
    width: 25%;
    float: left;
    text-align: left;
    padding: 0 50px 0 0
}

.vertical-tabbed-content .tab-text {
    padding: 0 0 0 25%
}

.vertical-tabbed-content .tabs {
    border: none;
    width: 100%
}

.vertical-tabbed-content .tabs li {
    padding: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #e5e5e5
}

.vertical-tabbed-content .tabs li div:after {
    display: none !important
}

@media (max-width:767px) {
    .vertical-tabbed-content .tabs-wrapper {
        width: 100%;
        float: none;
        text-align: left;
        padding: 0
    }
    .vertical-tabbed-content .tab-text {
        padding: 0
    }
}

.accordion .item {
    border-top: 1px solid #e9e9e9
}

.accordion .title {
    position: relative
}

.accordion .title h3 {
    font-size: 1.8em;
    font-weight: 600;
    margin: 0;
    padding: 40px 0;
    width: 100%;
    cursor: pointer
}

.accordion .title .arrow {
    position: absolute;
    right: 0;
    top: 43px;
    height: 20px;
    width: 20px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    transition: all .5s
}

.accordion .title .arrow span {
    display: block;
    height: 3px;
    width: 12px;
    background: #b2d01b;
    top: 6.5px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative
}

.accordion .title .arrow span:nth-child(2) {
    top: 3.5px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.accordion .title.open .arrow span {
    width: 20px;
    top: 7.5px;
    left: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion .title.open .arrow span:nth-child(2) {
    top: 4.5px;
    left: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.accordion .text {
    display: none;
    padding-bottom: 50px
}

.accordion .text p {
    font-size: 1.6em
}

@media (max-width:1060px) {
    .accordion .text .col--30 {
        width: 100%
    }
}

@media (max-width:640px) {
    .accordion .title h3 {
        padding: 30px 0
    }
    .accordion .title .arrow {
        top: 30px
    }
    .accordion .text {
        padding: 30px
    }
    .accordion .text p {
        font-size: 1.4em
    }
    .job-listings .text ul li {
        font-size: 1.4em;
        line-height: 22px
    }
}

.pricing-table {
    border: 1px solid #f1f1f1;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    width: 100%;
    max-width: 680px;
    margin: 0 auto 60px;
    position: relative;
    top: -70px
}

.pricing-table.summary {
    margin: 0;
    height: 320px;
    width: 100%
}

.pricing-table.summary .display-table-cell {
    width: 50%;
    padding: 50px;
    position: relative
}

.pricing-table.summary .green-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    background: #b2d01b
}

.pricing-table.summary .green-bg:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -50px;
    width: 100px;
    height: 120%;
    border-radius: 50%;
    background: #b2d01b;
    margin-top: -40%
}

.pricing-table .bottom {
    padding: 60px 80px
}

.pricing-table .top {
    position: relative;
    height: 460px;
    padding: 50px 120px
}

.pricing-table .top:before {
    content: "";
    display: block;
    background: #3b92a2;
    position: absolute;
    border-bottom-left-radius: 150% 50%;
    border-bottom-right-radius: 150% 50%;
    width: calc(100% + 20px);
    height: 100%;
    top: 0;
    left: -10px;
    bottom: 0
}

.pricing-table .bottom .tick-list ul {
    text-align: left
}

.pricing-table h2 {
    font-size: 8em;
    font-weight: 600;
    position: relative;
    margin: 0
}

.pricing-table p,
.pricing-table span {
    position: relative
}

.pricing-table p.subtitle {
    font-size: 2.5em;
    font-weight: 600;
    margin: 0 0 10px
}

.pricing-table span {
    font-size: 2em;
    margin: 0 0 20px;
    display: block
}

.pricing-table .col-right p {
    font-size: 2em
}

.pricing-summary {
    width: 100%;
    float: left;
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    position: relative;
    overflow: hidden
}

.pricing-summary .col-left,
.pricing-summary .col-right {
    width: 50%;
    padding: 60px
}

.pricing-summary .col-right {
    padding: 60px
}

.pricing-summary:before {
    content: "";
    display: block;
    background: #3b92a2;
    position: absolute;
    border-top-right-radius: 35% 150%;
    border-bottom-right-radius: 35% 150%;
    width: 50%;
    height: calc(100% + 20px);
    top: -10px;
    left: 0
}

.pricing-summary .title-with-svg {
    position: relative;
    top: -30px;
    float: left;
    width: 100%
}

.pricing-summary h2 {
    font-size: 8em;
    font-weight: 600;
    margin: 0;
    float: left;
    margin-left: 25%;
    padding-left: 20px
}

.pricing-summary span {
    font-size: 1.6em;
    margin: 0 0 20px;
    display: block;
    position: relative;
    top: -30px
}

.pricing-summary p {
    color: #b2d01b;
    font-weight: 500;
    font-size: 1.8em
}

.pricing-summary p.subtitle {
    font-size: 2.2em;
    font-weight: 600;
    margin: 0 0 10px
}

.pricing-table .pricing-plane {
    position: absolute;
    padding: 0;
    z-index: 4;
    top: 25px;
    left: 30px;
    float: right
}

.pricing-table .pricing-plane svg {
    width: 70px !important;
    height: 137px !important
}

.pricing-table .pricing-clock {
    position: absolute;
    max-width: 110px;
    padding: 0;
    z-index: 4;
    top: 34px;
    right: 5px
}

.pricing-table .pricing-clock svg {
    width: 110px !important;
    height: 100px !important
}

.pricing-table .pricing-docs {
    position: absolute;
    width: 100%;
    max-width: 200px;
    padding: 0;
    z-index: 4;
    top: 320px;
    left: 100px
}

.pricing-table .pricing-docs svg {
    width: 200px !important;
    height: 100px !important
}

.pricing-table .pricing-calendar {
    position: absolute;
    width: 100%;
    max-width: 285px;
    padding: 0;
    z-index: 4;
    top: 362px;
    right: 103px
}

.pricing-table .pricing-calendar svg {
    width: 285px !important;
    height: 118px !important
}

.pricing-summary .pricing-clock {
    position: absolute;
    padding: 0;
    float: left
}

.pricing-summary .pricing-clock svg {
    width: 100px !important;
    height: 92px !important
}

.pricing-summary .homepage-pricing-calendar {
    position: absolute;
    padding: 0;
    z-index: 3;
    position: relative;
    bottom: 50px;
    float: right;
    margin-right: 20px
}

.pricing-summary .homepage-pricing-calendar svg {
    width: 350px !important;
    height: 88px !important;
    left: auto;
    right: 0
}

.pricing-summary .pricing-plane {
    position: absolute;
    width: 100%;
    max-width: 55px;
    padding: 0;
    z-index: 4;
    top: 40px;
    left: 385px
}

@media (max-width:1024px) {
    .pricing-table .two-column-list li {
        width: 50%
    }
}

@media (max-width:1023px) {
    .pricing-table {
        top: -20px
    }
    .pricing-summary .col-left,
    .pricing-summary .col-right {
        padding: 40px
    }
    .pricing-table .top {
        padding: 40px 80px
    }
    .pricing-table .bottom {
        padding: 40px
    }
}

@media (max-width:980px) {
    .pricing-table .col,
    .pricing-table.summary .col {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        min-width: 33.33%
    }
}

@media (max-width:780px) {
    .pricing-summary .pricing-clock {
        display: none
    }
    .pricing-summary h2 {
        float: none;
        padding: 0;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .pricing-summary .pricing-clock {
        display: none
    }
    .pricing-summary h2 {
        float: none;
        padding: 0;
        margin: 0 auto
    }
    .pricing-table .pricing-plane {
        max-width: 50px
    }
    .pricing-table .pricing-clock {
        max-width: 80px
    }
    .pricing-table .pricing-docs {
        max-width: 150px
    }
    .pricing-table .pricing-calendar {
        max-width: 220px
    }
}

@media (max-width:639px) {
    .pricing-summary .col-left,
    .pricing-summary .col-right {
        padding: 20px
    }
    .pricing-table .top {
        padding: 20px;
        height: auto
    }
    .pricing-table .bottom {
        padding: 20px
    }
    .pricing-table .pricing-calendar,
    .pricing-table .pricing-clock,
    .pricing-table .pricing-docs,
    .pricing-table .pricing-plane {
        display: none
    }
    .pricing-table .two-column-list ul {
        display: inline-block;
        margin: 0 auto 25px;
        width: 100%
    }
    .pricing-table .two-column-list li {
        display: block
    }
    .pricing-summary:before {
        border-radius: 0;
        border-bottom-left-radius: 50% 20%;
        border-bottom-right-radius: 50% 20%;
        width: calc(100% + 20px);
        height: 38%;
        top: -10px;
        left: -10px
    }
    .pricing-summary .col-left,
    .pricing-summary .col-right {
        display: block;
        width: 100%
    }
    .pricing-summary .title-with-svg {
        top: 0;
        float: none
    }
    .pricing-summary h2,
    .pricing-summary span {
        top: 0;
        margin: 0
    }
    .pricing-summary h2,
    .pricing-table h2 {
        font-size: 5em
    }
    .pricing-summary span,
    .pricing-table span {
        font-size: 1.4em
    }
    .pricing-summary p,
    .pricing-table p {
        font-size: 1.6em
    }
    .pricing-table ul li {
        font-size: 1.4em
    }
    .pricing-summary p.subtitle,
    .pricing-table p.subtitle {
        font-size: 2em;
        font-weight: 600;
        margin: 0 0 10px
    }
    .pricing-summary .homepage-pricing-calendar {
        display: none
    }
}

@media (max-width:400px) {
    .pricing-table .two-column-list li {
        width: 100%
    }
}

.icon-columns-small .image {
    width: 80px
}

.icon-columns-large .image {
    width: 105px
}

.icon-columns [class*=" col--"]:nth-child(n+4),
.icon-columns [class^=col--]:nth-child(n+4) {
    padding-top: 100px
}

@media (max-width:639px) {
    .icon-columns [class*=" col--"],
    .icon-columns [class*=" col--"]:nth-child(n+4),
    .icon-columns [class^=col--],
    .icon-columns [class^=col--]:nth-child(n+4) {
        padding-top: 20px
    }
    .icon-columns [class*=" col--"]:first-child,
    .icon-columns [class^=col--]:first-child {
        padding-top: 0
    }
}

.case-studies [class*=" col--"]:nth-child(n+4),
.case-studies [class^=col--]:nth-child(n+4) {
    margin-top: 60px
}

.case-studies .box {
    padding: 50px 50px 100px;
    position: relative
}

.case-studies a:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.case-studies .box .cs-logo {
    max-height: 40px;
    margin-bottom: 25px
}

.case-studies .box .text p {
    margin-bottom: 25px
}

.case-studies .box .btn {
    width: auto;
    text-align: center;
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 50px
}

.case-studies .image {
    width: 60px;
    height: 60px;
    margin: 0;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.case-studies .name,
.case-studies .title {
    font-size: 1.4em
}

.cs-testimonial .image {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

@media (max-width:1024px) {
    .case-studies [class*=" col--"],
    .case-studies [class^=col--] {
        width: 50%
    }
}

@media (max-width:639px) {
    .case-studies [class*=" col--"],
    .case-studies [class^=col--] {
        width: 100%;
        padding-top: 20px
    }
    .case-studies [class*=" col--"]:first-child,
    .case-studies [class^=col--]:first-child {
        padding-top: 0
    }
}

.blog .col-wrapper {
    margin: 0 -15px
}

.blog .col--33 {
    padding: 0 15px 30px
}

.blog .col--33 a:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.blog .image {
    margin: 0
}

.blog .text {
    background: #fff;
    padding: 30px
}

.blog h3 {
    font-size: 2em
}

.blog .date {
    font-size: 1.2em;
    display: block;
    margin: 0
}

.posts .pagination {
    margin: 0 auto;
    padding-top: 60px;
    text-align: center
}

.single .posts .container {
    max-width: 970px
}

.single .posts p a,
.single .posts ul li a {
    color: #b2d01b;
    text-decoration: none
}

.single .posts p a:hover,
.single .posts ul li a:hover {
    color: rgba(178, 208, 27, .8)
}

.single .posts ol,
.single .posts ul {
    margin-left: 20px
}

.single .posts .image {
    margin: 50px 0
}

.single h3 {
    font-size: 2em
}

.single .date {
    font-size: 1.4em
}

.single .share {
    padding-top: 30px
}

.single .share ul {
    height: 30.8px
}

.single .share li:first-child {
    padding-left: 0
}

.single .share li:last-child {
    position: relative;
    top: 1px
}

.single .share li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px
}

.single .fb_iframe_widget span {
    display: block
}

.single .posts-bottom-nav .btn {
    margin-top: 60px
}

@media (max-width:639px) {
    .posts .pagination {
        padding-top: 0
    }
}

.text-with-sidebar {
    position: relative
}

.text-with-sidebar .sidebar {
    width: 320px;
    position: absolute;
    top: 0;
    left: 0
}

.text-with-sidebar .sidebar .image {
    padding-bottom: 30px;
    margin: 0 auto 30px;
    text-align: center;
    border-bottom: 2px solid #eaeaea
}

.text-with-sidebar .sidebar h4 {
    font-size: 1.6em
}

.text-with-sidebar .tick-list ul li {
    margin-top: 20px
}

.text-with-sidebar .tick-list ul li:first-child {
    margin-top: 0
}

.text-with-sidebar .text {
    margin-left: 320px;
    padding-left: 50px
}

@media (max-width:768px) {
    .text-with-sidebar .sidebar,
    .text-with-sidebar .text {
        position: relative;
        width: 100%;
        margin-left: 0;
        padding-left: 0
    }
    .text-with-sidebar .sidebar {
        padding-top: 60px
    }
}

@media (max-width:639px) {
    .text-with-sidebar .sidebar {
        padding-top: 30px
    }
}

.full-bleed {
    height: 650px
}

@media (max-width:1023px) {
    .full-bleed {
        height: 450px
    }
}

@media (max-width:767px) {
    .full-bleed {
        height: 350px
    }
}

@media (max-width:639px) {
    .full-bleed {
        height: 250px
    }
}

.text--hover {
    display: none
}

.col--text-hover:hover .text--hover {
    display: block
}

.col--text-hover .bg--cover {
    padding: 30px
}

.col--text-hover .image {
    height: 350px;
    padding: 30px
}

.map {
    min-height: 500px
}

@media (max-width:1023px) {
    .map {
        min-height: 400px
    }
}

@media (max-width:767px) {
    .map {
        min-height: 350px
    }
}

@media (max-width:639px) {
    .map {
        min-height: 300px
    }
}

.logo-grid {
    margin: 0 auto;
    text-align: center
}

.logo-grid .item {
    display: inline-block;
    padding: 0 30px 15px
}

.logo-grid .item img {
    max-height: 70px
}

@media (max-width:1023px) {
    .logo-grid .item img {
        max-height: 50px
    }
}

@media (max-width:767px) {
    .logo-grid .item img {
        max-height: 40px
    }
}

@media (max-width:639px) {
    .logo-grid .item img {
        max-height: 30px
    }
}

.testimonials {
    position: relative
}

.testimonials blockquote {
    border: none;
    padding: 0
}

.testimonials .speech-mark {
    width: 50px;
    display: inline-block;
    padding-bottom: 40px
}

.testimonials .quote {
    padding: 0 20px;
    margin-bottom: 20px
}

.testimonials .quote h4 {
    font-size: 4em
}

.testimonials .quote h4,
.testimonials .quote p {
    color: #fff
}

.testimonials .name,
.testimonials .title {
    font-size: 1.2em;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin: 0
}

.testimonials .name {
    color: #b2d01b
}

.testimonials .title {
    color: #fff
}

.testimonials.slider {
    padding-bottom: 40px
}

@media (max-width:639px) {
    .testimonials .speech-mark {
        width: 40px;
        padding-bottom: 20px
    }
    .testimonials .quote h4 {
        font-size: 2.4em
    }
}

.two-column-list ul {
    float: left;
    width: 100%
}

.two-column-list li {
    float: left;
    width: 100%
}

.h4-package{
    color: black;
    width: 127%;
    margin-left: -36px;
    font-size: 20px;
    font-weight: 500;
}

.two-column-list li:nth-child(odd) {
    padding-right: 40px
}

@media (max-width:1024px) {
    .two-column-list li {
        width: 100%
    }
}

@media (max-width:639px) {
    .two-column-list li:nth-child(odd) {
        padding-right: 0
    }
}

.features-columns .box {
    position: relative
}

.features-columns [class*=" col--"]:nth-child(n+3),
.features-columns [class^=col--]:nth-child(n+3) {
    margin-top: 100px
}

.features-columns .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 105px
}

.features-columns .text {
    margin-left: 105px;
    padding-left: 30px
}

@media (max-width:768px) {
    .features-columns .image {
        left: 20px;
        width: 60px;
        height: 60px
    }
    .features-columns .text {
        margin-left: 60px
    }
}

@media (max-width:639px) {
    .features-columns [class^=col--]:nth-child(n+3) {
        margin-top: 20px
    }
    .features-columns .image {
        left: 10px;
        width: 20px;
        height: 20px
    }
    .features-columns .text {
        margin-left: 20px;
        padding-left: 20px
    }
}

.sign-up-box .text {
    position: relative;
    padding: 40px 205px 40px 50px;
    border: 2px solid #f3f3f3
}

.sign-up-box h3 {
    margin-bottom: 10px
}

.sign-up-box p {
    margin: 0
}

.sign-up-box .btn {
    position: absolute;
    top: 50px;
    right: 50px
}

@media (max-width:1024px) {
    .sign-up-box .text {
        padding: 20px
    }
    .sign-up-box p {
        margin-bottom: 20px
    }
    .sign-up-box .btn {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        text-align: center
    }
}

.section--with-image .col-wrapper {
    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
}

.section--with-image .image {
    padding-bottom: 62.5%;
    margin: 0
}

.section--with-image.image-left .image {
    margin-right: 20%
}

.section--with-image.image-right .image {
    margin-left: 20%
}

.search-form {
    position: relative
}

.search-form .form-footer {
    position: absolute;
    top: 0;
    right: 0
}

.search-form .btn {
    height: 50px
}

.support-cards .col-wrapper {
    margin: 0 -25px
}

.support-cards [class*=" col--"],
.support-cards [class^=col--] {
    padding: 0 25px
}

.support-cards .box {
    background: #fff;
    height: 100%;
    padding: 25px;
    -webkit-transform: scale(1) perspective(1px) translateZ(0);
    transform: scale(1) perspective(1px) translateZ(0);
    transition: all .3s ease-in-out;
    cursor: pointer
}

.support-cards .box,
.support-cards .box:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.support-cards .box:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    -webkit-transform: scale(1.1) perspective(1px) translateZ(0);
    transform: scale(1.1) perspective(1px) translateZ(0)
}

.support-cards .box .image {
    margin-bottom: 20px
}

.support-cards .box h3 {
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: 10px
}

.support-cards .box p {
    font-size: 1.4em;
    color: #999
}

.support-lists h3 {
    font-size: 2em;
    font-weight: 600
}

.support-lists ul {
    list-style: none;
    margin: 0 0 80px
}

.support-lists ul:last-of-type {
    margin: 0
}

.support-lists li:first-child {
    margin-top: 0
}

.support-lists li {
    position: relative;
    padding: 0 0 0 30px !important;
    margin-top: 10px;
    line-height: 24px
}

.support-lists li a {
    color: #666;
    text-decoration: none
}

.support-lists li a:hover {
    opacity: .8
}

.support-lists li:after {
    position: absolute;
    content: "";
    display: block;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #b2d01b;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

@media (max-width:900px) {
    .support-cards .col-wrapper {
        margin: 0 -15px
    }
    .support-cards [class*=" col--"],
    .support-cards [class^=col--] {
        padding: 0 15px
    }
}

@media (max-width:768px) {
    .support-cards .col-wrapper {
        margin: 0 -15px
    }
    .support-cards [class*=" col--"],
    .support-cards [class^=col--] {
        width: 50%
    }
    .support-cards [class*=" col--"]:nth-child(n+3),
    .support-cards [class^=col--]:nth-child(n+3) {
        margin-top: 30px
    }
}

@media (max-width:639px) {
    .support-cards [class*=" col--"],
    .support-cards [class^=col--] {
        width: 100%;
        margin-top: 20px
    }
    .support-cards [class*=" col--"]:first-child,
    .support-cards [class^=col--]:first-child {
        margin-top: 0
    }
    .search-form .form-footer {
        position: relative;
        margin-top: 10px
    }
    
    .contact-dtl-bg {

        background: linear-gradient(90deg, #3b92a2 60%, #272253 100%);
        padding: 30px 0px 30px 0px !important;

    }

    .col-width-mobile{
        width: 100% !important;
    }
    
}

.contact-details {
    margin-bottom: 30px
}

.contact-details .col-wrapper {
    margin: 0 -15px
}

.contact-details [class*=" col--"],
.contact-details [class^=col--] {
    padding: 0 15px
}

.contact-details .social {
    padding-bottom: 30px
}

.contact-details .social li a {
    background: #272253;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: .95em
}

.contact-details .social li a:hover {
    background: rgb(59 146 162);
}

.contact-details .social .icon-pinterest {
    font-size: 1.2em
}

.contact-details .social .icon-linkedin {
    position: relative;
    font-size: 1.1em;
    top: -1px
}

.contact-form {
    background: #3b92a2;
    padding: 50px;
    padding-bottom: 5px;
}

@media (max-width:900px) {
    .contact-details .col-wrapper {
        margin: 0 -10px
    }
    .contact-details [class*=" col--"],
    .contact-details [class^=col--] {
        padding: 0 10px
    }
    .contact-details .social li {
        padding-left: 5px
    }
    .contact-details .social li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: .65em
    }
    .contact-form {
        padding: 25px
    }
}

.call-to-action {
    height: 460px
}

.call-to-action,
.call-to-action .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.call-to-action .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.call-to-action h2,
.call-to-action p {
    color: #fff
}

.call-to-action p {
    font-size: 2.2em
}

.call-to-action .icon-columns {
    padding-top: 30px;
    display: inline-block
}

.call-to-action .icon-columns .col-wrapper {
    margin: 0 -50px
}

.call-to-action .icon-columns .col {
    float: left;
    padding: 0 50px
}

.call-to-action .icon-columns .cta-container {
    height: 90px;
    width: 90px;
    margin: 0 auto 10px
}

.call-to-action .icon-columns h4 {
    font-weight: 500;
    margin: 0
}

.call-to-action .demo-form {
    max-width: 100%;
    position: relative
}

.call-to-action .demo-form .form-inputs {
    padding-right: 170.33px
}

.call-to-action .demo-form .form-footer {
    position: absolute;
    top: 0;
    right: 0
}

.call-to-action .demo-form.error input[type=text] {
    border: 1px solid red
}

.call-to-action .demo-form input[type=submit] {
    line-height: 46px
}

@media (max-width:1023px) {
    .call-to-action .icon-columns .col-wrapper {
        margin: 0 -25px
    }
    .call-to-action .icon-columns .col {
        padding: 0 25px
    }
}

@media (max-width:767px) {
    .call-to-action .icon-columns h4 {
        font-size: 2em
    }
}

@media (max-width:639px) {
    .call-to-action {
        height: auto
    }
    .call-to-action p {
        font-size: 1.8em
    }
    .call-to-action .icon-columns .col-wrapper {
        margin: 0 -10px
    }
    .call-to-action .icon-columns .col {
        width: 33.33%;
        padding: 0 10px
    }
    .call-to-action .icon-columns .cta-container {
        height: 50px;
        width: 50px
    }
    .call-to-action .icon-columns h4 {
        font-size: 1.4em
    }
    .call-to-action .demo-form .form-inputs {
        padding-right: 0
    }
    .call-to-action .demo-form .form-footer {
        position: relative;
        padding-top: 20px
    }
}

.social li {
    float: left;
    padding-left: 10px
}

.social li:first-child {
    padding-left: 0
}

.social li a {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: .65em;
    background: #fff;
    color: #3b92a2;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.social li a:hover {
    background: hsla(0, 0%, 100%, .8)
}

.social .icon-google-plus {
    position: relative;
    left: 1px
}

.social .icon-pinterest {
    font-size: 1.2em
}

.social .icon-linkedin {
    position: relative;
    font-size: 1.1em;
    top: -1px
}

.footer {
    padding: 120px 0 50px;
    background: #272253
}

.footer .trial-form {
    position: relative
}

.footer .trial-form .form-inputs {
    padding-right: 136.55px
}

.footer .trial-form .form-footer {
    position: absolute;
    top: 0;
    right: 0
}

.footer .trial-form.error input[type=text] {
    border: 1px solid red
}

.footer .trial-form input[type=submit] {
    line-height: 46px;
    border-radius: 0;
    -webkit-appearance: none
}

.footer .trial-form .btn {
    background: #1a2738;
    color: #fff;
    height: 50px;
    border: 0
}

.footer .trial-form .btn:hover {
    background: rgba(26, 39, 56, .8);
    color: #fff
}

.footer h3 {
    font-size: 2.2em
}

.footer-block {
    margin-top: 80px
}

.footer .info .footer-contact,
.footer .info .footer-nav {
    float: left;
    padding: 0 25px
}

.footer .info .footer-nav {
    float: left;
    width: 60%;
    margin: 0 -25px
}

.footer .info .footer-contact {
    width: 40%
}

.footer .info .footer-contact p {
    line-height: 1.8;
    margin: 0
}

.footer .info .footer-nav .menu {
    display: block
}

.footer .info .footer-nav .menu-item a {
    display: initial
}

.footer .info .footer-nav li {
    min-width: 120px;
    padding: 0 25px
}

.footer .info .footer-nav li:nth-child(odd) {
    clear: left
}

.footer .info .logo {
    display: inline-block;
    width: 222px;
    float: right
}

.footer .copyright {
    padding-top: 50px;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.footer .current-menu-item a {
    font-weight: 400
}

@media (max-width:1130px) {
    .footer .info .footer-nav {
        width: 70%
    }
    .footer .info .footer-contact {
        width: 30%
    }
}

@media (max-width:1023px) {
    .footer {
        padding: 60px 0 30px
    }
    .footer-block {
        margin-top: 60px
    }
    .footer .copyright {
        padding-top: 30px
    }
}

@media (max-width:980px) {
    .footer .form .col--50 {
        width: 100%
    }
    .footer h3 {
        margin: 0 0 20px
    }
    .footer .info .col--66 {
        width: 100%
    }
    .footer .info .footer-nav {
        width: 70%
    }
    .footer .info .footer-contact {
        width: 30%
    }
    .footer .info .logo {
        display: none
    }
}

@media (max-width:700px) {
    .footer {
        padding: 40px 0 20px
    }
    .footer-block {
        margin-top: 40px
    }
    .footer h3 {
        font-size: 1.8em
    }
    .footer .info .footer-contact,
    .footer .info .footer-nav {
        width: 100%;
        padding: 0 10px
    }
    .footer .info .footer-nav li {
        float: none;
        min-width: 100%
    }
    .footer .copyright,
    .footer .info .footer-contact {
        padding-top: 20px
    }
    .footer .copyright .f--left,
    .footer .copyright .f--right {
        float: none;
        width: 100%
    }
    .footer .copyright .f--right {
        padding-top: 20px
    }
}

@media (max-width:639px) {
    .footer h3 {
        margin: 0
    }
}

@media (max-width:480px) {
    .footer .trial-form .form-inputs {
        padding-right: 0
    }
    .footer .trial-form .form-footer {
        position: relative;
        padding-top: 10px
    }
}

@media (max-width:359px) {
    .footer .copyright p {
        font-size: 1.4em
    }
}

.btn {
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    font-size: 1.6em;
    color: #fff;
    text-decoration: none;
    line-height: 42px;
    display: inline-block;
    padding: 0 20px;
    border: none;
    transition: all .3s ease-in-out
}

.btn--primary {
    background: linear-gradient(334deg, #e31773 40%, #6b2382 90%)
}

.btn--primary:hover {
    background: rgba(178, 208, 27, 0);
    color: #b2d01b
}

.btn--outline {
    background: rgba(178, 208, 27, 0);
    border: 2px solid #b2d01b;
    color: #b2d01b
}

.btn--outline:hover {
    background: #b2d01b;
    border: 2px solid #b2d01b;
    color: #fff
}

.btn--secondary {
    background: #1a2738;
    border: 2px solid #1a2738
}

.btn--secondary:hover {
    background: rgba(26, 39, 56, 0);
    color: #1a2738
}

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

.link--text a {
    color: #b2d01b
}

.link--text a:hover {
    color: rgba(178, 208, 27, .8)
}

.link--block,
.link--inherit {
    color: inherit;
    text-decoration: none
}

.link--block {
    width: 100%;
    height: 100%;
    display: block
}

.bg--cover {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.bg--white {
    background-color: #fff
}

.bg--grey {
    background-color: #f9f9f9
}

.bg--pattern {
    background: url(../../../themes/opencrm/img/footer-pattern-smaller.png) #1a2738
}

.bg--gradient {
    background: #f9f9f9;
    background: linear-gradient(180deg, #f9f9f9 35%, #fff 0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#ffffff", GradientType=0)
}

.border-bottom {
    position: relative
}

.border-bottom:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    margin-left: -520px;
    background: hsla(0, 0%, 80%, .25);
    height: 1px;
    width: 100%;
    max-width: 1040px
}

.colour--white {
    color: #fff
}

.colour--green {
    color: #b2d01b
}

.colour--grey {
    color: #999
}

.display-table {
    display: table;
    width: 100%;
    height: 100%
}

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

.no-margin {
    margin: 0
}

.f--left {
    float: left
}

.f--right {
    float: right
}

.tick-list ul li {
    position: relative;
    list-style: none;
    padding-left: 30px;
    line-height: 1.9
}

.tick-list ul li:before {
    position: absolute;
    font-family: opencrm;
    font-size: .8em;
    color: #3b92a2;
    content: "\e805";
    display: block;
    top: 3px;
    left: 0
}

.numerical {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    text-transform: uppercase
}

.form {
    position: relative
}

.form ul,
.form ul ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.form li {
    padding-bottom: 20px;
    position: relative
}

.form label {
    display: none
}

.demo-form input[type=text],
.form input[type=email],
.form input[type=text],
.form select,
.form textarea,
.trial-form input[type=text] {
    font-family: Raleway, sans-serif;
    font-size: 19px;
    background: #fff;
    color: #666;
    line-height: 50px;
    height: 50px;
    width: 100%;
    padding: 0 20px;
    outline: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -webkit-appearance: none
}

.trial-form input[type=text]:focus {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.form textarea {
    min-height: 200px;
    width: 100%;
    padding: 15px 20px;
    outline: 0 none;
    border: 0 none
}

.form select {
    cursor: pointer;
    box-shadow: 0
}

.form input[type=checkbox] {
    background: #f5f5f5;
    box-shadow: 0;
    -webkit-appearance: checkbox
}

.form input[type=radio] {
    background: #f5f5f5;
    box-shadow: 0;
    -webkit-appearance: radio
}

::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

:-moz-placeholder,
::-moz-placeholder {
    color: #999;
    opacity: 1
}

:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.singlefaqtext ul {
    margin: 0 0 25px 40px !important;
    list-style-type: disc
}

.singlefaqtext ol {
    margin: 0 0 25px 40px !important
}

.singlefaqtext li {
    font-size: 1rem
}

.anchor {
    margin-top: -120px;
    padding-top: 120px
}

.idea-padding {
    padding-bottom: 20px
}

.calendly-booking {
    background-color: #fbfcfd
}

@charset "UTF-8";
.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,
.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}

.fancybox-slide:before,
.fancybox-slide>* {
    display: inline-block;
    vertical-align: middle
}

.fancybox-slide>* {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: transparent
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,
.fancybox-placeholder,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.fancybox-image,
.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover {
    background: rgba(0, 0, 0, .8)
}

.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled:after,
.fancybox-button--disabled:before {
    opacity: .5
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media (max-width:800px) {
    .fancybox-controls {
        text-align: left
    }
    .fancybox-button--left,
    .fancybox-button--right,
    .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important
    }
    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        display: none !important
    }
    .fancybox-container--thumbs .fancybox-caption-wrap,
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}