:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87
}

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

.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: none;
    border-radius: 28px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word
}

    .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-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 {
        color: #32373c;
        background-color: transparent;
        border: 2px solid
    }

.wp-block-buttons .wp-block-button {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px
}

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

.wp-block-buttons.alignright .wp-block-button {
    margin-right: 0;
    margin-left: 8px
}

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

.wp-block-buttons.alignleft .wp-block-button {
    margin-left: 0;
    margin-right: 8px
}

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

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

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

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

    .wp-block-calendar table {
        width: 100%;
        border-collapse: collapse;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
    }

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

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

    .wp-block-calendar tfoot a {
        color: #007cba;
        color: var(--wp-admin-theme-color)
    }

    .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-columns {
    display: flex;
    margin-bottom: 28px;
    flex-wrap: wrap
}

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

.wp-block-columns.has-background {
    padding: 20px 38px
}

.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 {
        flex-basis: calc(50% - 16px) !important;
        flex-grow: 0
    }

        .wp-block-column:nth-child(2n) {
            margin-left: 32px
        }
}

@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: 32px
        }
}

.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.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    -ms-grid-row-align: 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;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px
}

    .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.has-background-dim, .wp-block-cover.has-background-dim {
    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
    }

    .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 {
        opacity: .5
    }

    .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:not(.has-background-gradient):before {
        opacity: .1
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
        opacity: .1
    }

    .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:not(.has-background-gradient):before {
        opacity: .2
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
        opacity: .2
    }

    .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:not(.has-background-gradient):before {
        opacity: .3
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
        opacity: .3
    }

    .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:not(.has-background-gradient):before {
        opacity: .4
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
        opacity: .4
    }

    .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:not(.has-background-gradient):before {
        opacity: .5
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
        opacity: .5
    }

    .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:not(.has-background-gradient):before {
        opacity: .6
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
        opacity: .6
    }

    .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:not(.has-background-gradient):before {
        opacity: .7
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
        opacity: .7
    }

    .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:not(.has-background-gradient):before {
        opacity: .8
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
        opacity: .8
    }

    .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:not(.has-background-gradient):before {
        opacity: .9
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
        opacity: .9
    }

    .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:not(.has-background-gradient):before {
        opacity: 1
    }

    .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
        opacity: 1
    }

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

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

@supports ((position:-webkit-sticky) or (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: calc(100% - 70px);
    z-index: 1;
    color: #fff
}

.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .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 .wp-block-subhead: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__video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover
}

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

    .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 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 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: 580px;
    padding: 14px;
    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-embed {
    margin-bottom: 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-6 .wp-block-embed__wrapper:before {
    padding-top: 66.66%
}

.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__button {
        background: #32373c;
        border-radius: 2em;
        color: #fff;
        font-size: 13px;
        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 16px 16px 0;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        position: relative
    }

        .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:-webkit-sticky) or (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:-webkit-sticky) or (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: 40px 10px 9px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)
}

    .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.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:-webkit-sticky) or (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;
        object-fit: cover
    }
}

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    width: calc(50% - 16px)
}

    .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.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% - 10.66667px);
        margin-right: 16px
    }

    .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% - 12px);
        margin-right: 16px
    }

    .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% - 12.8px);
        margin-right: 16px
    }

    .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% - 13.33333px);
        margin-right: 16px
    }

    .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% - 13.71429px);
        margin-right: 16px
    }

    .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% - 14px);
        margin-right: 16px
    }

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

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

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

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

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

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

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

    .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-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: 290px;
    width: 100%
}

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

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 20px 38px
}

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

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

    .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, .wp-block-image.is-resized {
        display: table
    }

        .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > 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
    }

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

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .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-latest-comments__comment {
    font-size: 15px;
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 36px;
    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: 52px
    }

.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: 14px;
    line-height: 1.8;
    margin: 5px 0 20px
}

.wp-block-latest-comments__comment-date {
    color: #8f98a1;
    display: block;
    font-size: 12px
}

.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
    border-radius: 24px;
    display: block;
    float: left;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.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
}

    .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 20px 20px 0;
        width: 100%
    }

@media (min-width:600px) {
    .wp-block-latest-posts.columns-2 li {
        width: calc(50% - 20px)
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - 20px)
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - 20px)
    }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 20px)
    }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 20px)
    }
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
    display: block;
    color: #6c7781;
    font-size: 13px
}

.wp-block-latest-posts__post-excerpt {
    margin-top: 8px;
    margin-bottom: 16px
}

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

.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
}

.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
    margin-bottom: 20px
}

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

    .wp-block-media-text.has-media-on-the-right {
        -ms-grid-columns: 1fr 50%;
        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 {
        -ms-grid-row-align: start;
        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 {
        -ms-grid-row-align: center;
        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 {
        -ms-grid-row-align: end;
        align-self: end
    }

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

    .wp-block-media-text .wp-block-media-text__content {
        direction: ltr;
        /*!rtl:begin:ignore*/ -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        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*/ -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1
        /*!rtl:end:ignore*/
    }

    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
        /*!rtl:begin:ignore*/ -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 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 figure.wp-block-media-text__media {
    height: 100%;
    min-height: 250px;
    background-size: cover
}

    .wp-block-media-text.is-image-fill figure.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 {
        -ms-grid-columns: 100% !important;
        grid-template-columns: 100% !important
    }

        .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
            -ms-grid-column: 1;
            grid-column: 1;
            -ms-grid-row: 1;
            grid-row: 1
        }

        .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
            -ms-grid-column: 1;
            grid-column: 1;
            -ms-grid-row: 2;
            grid-row: 2
        }

        .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
            -ms-grid-column: 1;
            grid-column: 1;
            -ms-grid-row: 1;
            grid-row: 1
        }
}

.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation .wp-block-navigation-link:not(.has-text-color) {
    color: #1e1e1e
}

.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
    background-color: #fff
}

.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
    color: #fff
}

.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
    background-color: #1e1e1e
}

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

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

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

.wp-block-navigation-link {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0
}

    .wp-block-navigation-link .wp-block-navigation__container:empty {
        display: none
    }

.wp-block-navigation__container {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap
}

.is-vertical .wp-block-navigation__container {
    display: block
}

.has-child .wp-block-navigation__container {
    border: 1px solid rgba(0,0,0,.15);
    background-color: inherit;
    color: inherit;
    position: absolute;
    left: 0;
    top: 100%;
    width: fit-content;
    z-index: 1;
    opacity: 0;
    transition: opacity .1s linear;
    visibility: hidden
}

    .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
        flex-grow: 1
    }

    .has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
        padding-right: 8px
    }

@media (min-width:782px) {
    .has-child .wp-block-navigation__container {
        left: 24px
    }

        .has-child .wp-block-navigation__container .wp-block-navigation__container {
            left: 100%;
            top: -1px
        }

            .has-child .wp-block-navigation__container .wp-block-navigation__container:before {
                content: "";
                position: absolute;
                right: 100%;
                height: 100%;
                display: block;
                width: 8px;
                background: transparent
            }

        .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
            transform: rotate(0)
        }
}

.has-child:hover {
    cursor: pointer
}

    .has-child:hover > .wp-block-navigation__container {
        visibility: visible;
        opacity: 1;
        display: flex;
        flex-direction: column
    }

.has-child:focus-within {
    cursor: pointer
}

    .has-child:focus-within > .wp-block-navigation__container {
        visibility: visible;
        opacity: 1;
        display: flex;
        flex-direction: column
    }

.wp-block-navigation-link__content {
    text-decoration: none;
    padding: 8px 16px
}

    .wp-block-navigation-link__content + .wp-block-navigation-link__content {
        padding-top: 0
    }

.has-text-color .wp-block-navigation-link__content {
    color: inherit
}

.wp-block-navigation-link__label {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    word-break: normal;
    overflow-wrap: break-word
}

.wp-block-navigation-link__submenu-icon {
    height: inherit;
    padding: 6px 16px
}

    .wp-block-navigation-link__submenu-icon svg {
        fill: currentColor
    }

@media (min-width:782px) {
    .wp-block-navigation-link__submenu-icon svg {
        transform: rotate(90deg)
    }
}

.is-small-text {
    font-size: 14px
}

.is-regular-text {
    font-size: 16px
}

.is-large-text {
    font-size: 36px
}

.is-larger-text {
    font-size: 48px
}

.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-background {
    padding: 20px 38px
}

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

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

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

.wp-block-post-author__avatar {
    margin-right: 16px
}

.wp-block-post-author__bio {
    margin-bottom: 8px;
    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-pullquote {
    padding: 3em 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center
}

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

        .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
            font-size: 20px
        }

    .wp-block-pullquote p {
        font-size: 28px;
        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: 32px
            }

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

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

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

    .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
        font-size: 24px;
        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: 18px;
        text-align: right
    }

.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 16px 16px 0;
        width: 100%
    }

@media (min-width:600px) {
    .wp-block-rss.columns-2 li {
        width: calc(50% - 16px)
    }

    .wp-block-rss.columns-3 li {
        width: calc(33.33333% - 16px)
    }

    .wp-block-rss.columns-4 li {
        width: calc(25% - 16px)
    }

    .wp-block-rss.columns-5 li {
        width: calc(20% - 16px)
    }

    .wp-block-rss.columns-6 li {
        width: calc(16.66667% - 16px)
    }
}

.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
    display: block;
    color: #6c7781;
    font-size: 13px
}

.wp-block-search {
    display: flex;
    flex-wrap: wrap
}

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

    .wp-block-search .wp-block-search__input {
        flex-grow: 1;
        max-width: 360px
    }

    .wp-block-search .wp-block-search__button {
        margin-left: 10px
    }

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

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

    .wp-block-separator.is-style-dots:before {
        content: "\00b7 \00b7 \00b7";
        color: currentColor;
        font-size: 20px;
        letter-spacing: 2em;
        padding-left: 2em;
        font-family: serif
    }

.wp-block-social-links {
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 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-social-link {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    margin-right: 8px;
    transition: transform .1s ease
}

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

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

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

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

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

.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-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-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 svg {
        width: 28px;
        height: 28px
    }

.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-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-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 {
    background-color: #d32422;
    color: #fff
}

.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: 16px;
        padding-right: 16px
    }

.wp-block-spacer {
    clear: both
}

p.wp-block-subhead {
    font-size: 1.1em;
    font-style: italic;
    opacity: .75
}

.wp-block-table {
    overflow-x: auto
}

    .wp-block-table table {
        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-text-columns, .wp-block-text-columns.aligncenter {
    display: flex
}

    .wp-block-text-columns .wp-block-column {
        margin: 0 16px;
        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%
    }

.wp-block-video {
    margin-left: 0;
    margin-right: 0
}

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

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

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

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

:root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color {
    background-color: #f78da7
}

:root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color {
    background-color: #cf2e2e
}

:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900
}

:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color {
    background-color: #fcb900
}

:root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color {
    background-color: #7bdcb5
}

:root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color {
    background-color: #00d084
}

:root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color {
    background-color: #8ed1fc
}

:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color {
    background-color: #0693e3
}

:root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color {
    background-color: #9b51e0
}

:root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color {
    background-color: #fff
}

:root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color {
    background-color: #abb8c3
}

:root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color {
    background-color: #000
}

:root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color {
    color: #f78da7
}

:root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color {
    color: #cf2e2e
}

:root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color {
    color: #ff6900
}

:root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color {
    color: #fcb900
}

:root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color {
    color: #7bdcb5
}

:root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color {
    color: #00d084
}

:root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color {
    color: #8ed1fc
}

:root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color {
    color: #0693e3
}

:root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color {
    color: #9b51e0
}

:root .editor-styles-wrapper .has-white-color, :root .has-white-color {
    color: #fff
}

:root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color {
    color: #eee
}

:root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color {
    color: #abb8c3
}

:root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color {
    color: #313131
}

:root .editor-styles-wrapper .has-black-color, :root .has-black-color {
    color: #000
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root .editor-styles-wrapper .has-link-color a, :root .has-link-color a {
    color: #00e;
    color: var(--wp--style--color--link,#00e)
}

.editor-styles-wrapper .has-small-font-size, .has-small-font-size {
    font-size: 13px
}

.editor-styles-wrapper .has-normal-font-size, .editor-styles-wrapper .has-regular-font-size, .has-normal-font-size, .has-regular-font-size {
    font-size: 16px
}

.editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
    font-size: 20px
}

.editor-styles-wrapper .has-large-font-size, .has-large-font-size {
    font-size: 36px
}

.editor-styles-wrapper .has-huge-font-size, .editor-styles-wrapper .has-larger-font-size, .has-huge-font-size, .has-larger-font-size {
    font-size: 42px
}

.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
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {
    content: " "
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../plugins/contact-form-7/images/ajax-loader-x95685.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle
}

    div.wpcf7 .ajax-loader.is-active {
        visibility: visible
    }

div.wpcf7 div.ajax-error {
    display: none
}

div.wpcf7 .placeheld {
    color: #888
}

div.wpcf7 input[type="file"] {
    cursor: pointer
}

    div.wpcf7 input[type="file"]:disabled {
        cursor: default
    }

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: ltr
}

.wpml-ls-legacy-dropdown-click {
    width: 15.5em;
    max-width: 100%
}

    .wpml-ls-legacy-dropdown-click > ul {
        position: relative;
        padding: 0;
        margin: 0 !important;
        list-style-type: none
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-item {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

    .wpml-ls-legacy-dropdown-click a {
        display: block;
        text-decoration: none;
        color: #444;
        border: 1px solid #cdcdcd;
        background-color: #fff;
        padding: 5px 10px;
        line-height: 1
    }

        .wpml-ls-legacy-dropdown-click a span {
            vertical-align: middle
        }

        .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
            position: relative;
            padding-right: calc(10px + .7em + .7em)
        }

.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding-right: 10px;
    padding-left: calc(10px + .7em + .7em)
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: .35em solid transparent;
    border-top: .5em solid;
    position: absolute;
    right: 10px;
    top: calc(50% - .175em)
}

.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    right: auto;
    left: 10px
}

.wpml-ls-legacy-dropdown-click a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a {
    color: #000;
    background: #eee
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    border-top: 1px solid #cdcdcd;
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 101
}

    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
        border-width: 0 1px 1px 1px
    }

.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    display: inline;
    vertical-align: middle;
    width: 18px;
    height: 12px
}

    .wpml-ls-legacy-dropdown-click .wpml-ls-flag + span {
        margin-left: .4em
    }

.rtl .wpml-ls-legacy-dropdown-click .wpml-ls-flag + span {
    margin-left: 0;
    margin-right: .4em
}

#wpadminbar #wp-admin-bar-translate .ab-icon {
    top: 3px;
    opacity: 0.6;
    filter: alpha(opacity=60)
}

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

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

.main-menu, ul:not([class]):not([id]), .social, .footer-nav, .footer-list, .company-list, .video-list, .slick-dots, .article-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.clearfix:after, dl:after, .widget:after, .search-form:after, .post-password-form p:after, .navigation-single:after {
    content: "";
    display: block;
    clear: both
}

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

html {
    box-sizing: border-box
}

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

* {
    max-height: 1000000px
}

body {
    color: #26282d;
    background: #fff;
    font: 13px/1.54 "Montserrat","Helvetica Neue","Helvetica",sans-serif;
    font-display: swap;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

.gm-style img {
    max-width: none
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
    margin: 0 0 1.54em
}

blockquote {
    border-left: 4px solid #26282d;
    padding-left: .5em;
    margin-left: 1.54em
}

th, td {
    border: 1px solid #26282d;
    padding: .5em;
    text-align: left;
    vertical-align: top
}

th {
    text-align: center;
    vertical-align: middle
}

ul, ol {
    padding-left: 3em
}

    ul ul, ul ol, ol ul, ol ol {
        padding-left: 3em;
        margin: 0
    }

ul {
    list-style-type: disc
}

dl dt {
    float: left;
    clear: left;
    padding-right: .3em;
    font-weight: bold
}

dl dd {
    overflow: hidden
}

pre {
    max-width: 100%
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    border: 1px solid #dcddde;
    padding: 5px 8px
}

    input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
        border-color: #9c9fa7
    }

    input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #bbbdbf
    }

    input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        color: #bbbdbf
    }

    input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder {
        color: #bbbdbf
    }

    input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #bbbdbf
    }

    input[type="text"].placeholder, input[type="tel"].placeholder, input[type="email"].placeholder, input[type="search"].placeholder, input[type="password"].placeholder, textarea.placeholder {
        color: #bbbdbf
    }

select {
    -webkit-border-radius: 0
}

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

button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer
}

.widget {
    margin-bottom: 1.54em
}

    .widget ul {
        padding-left: 2em
    }

    .widget select {
        min-width: 150px
    }

.comment-form label {
    display: block;
    padding-bottom: 4px
}

.comment-form textarea {
    overflow: auto;
    margin: 0;
    height: 120px;
    min-height: 120px
}

.comment-form textarea, .comment-form input[type="text"] {
    margin: 0 4px 0 0;
    max-width: 300px;
    width: 100%
}

.comment-form input[type="submit"] {
    display: block;
    float: none
}

.post-password-form label {
    display: block;
    margin-bottom: 4px
}

.post-password-form input[type="password"] {
    margin: 0 4px 0 0;
    max-width: 300px;
    width: 100%
}

.search-form {
    margin-bottom: 15px
}

    .search-form input {
        float: left;
        height: 2em
    }

        .search-form input[type="search"] {
            margin: 0 4px 0 0;
            width: 150px
        }

.post-password-form input {
    float: left;
    height: 2em
}

    .post-password-form input[type="password"] {
        width: 150px
    }

    .comment-form input[type="submit"], .post-password-form input[type="submit"], .search-form input[type="submit"] {
        background: #26282d;
        color: #fff;
        height: 2em;
        border: none;
        padding: 0 .5em
    }

        .comment-form input[type="submit"]:hover, .post-password-form input[type="submit"]:hover, .search-form input[type="submit"]:hover {
            opacity: .8
        }

.commentlist {
    margin: 0 0 1.54em
}

    .commentlist .edit-link {
        margin: 0
    }

    .commentlist .avatar-holder {
        float: left;
        margin: 0 1.54em 4px 0
    }

.commentlist-item .commentlist-item {
    padding: 0
}

.comment, .commentlist-holder {
    overflow: hidden
}

.commentlist-item .commentlist-item, .commentlist-item + .commentlist-item {
    padding-top: 1.54em
}

.widget_calendar #next {
    text-align: right
}

.gallery-item dt {
    float: none;
    padding: 0
}

.navigation, .navigation-comments {
    position: relative;
    vertical-align: middle;
    margin-bottom: 1.54em
}

    .navigation .screen-reader-text, .navigation-comments .screen-reader-text {
        position: absolute;
        left: -99999px
    }

    .navigation .page-numbers, .navigation-comments .page-numbers {
        display: inline-block;
        vertical-align: middle;
        padding: 0 .4em
    }

    .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev {
        display: inline-block;
        vertical-align: middle;
        max-width: 48%;
        background: #26282d;
        color: #fff;
        padding: .4em;
        text-decoration: none
    }

        .navigation .next:hover, .navigation .prev:hover, .navigation-comments .next:hover, .navigation-comments .prev:hover {
            opacity: .8
        }

.navigation-single {
    margin-bottom: 1.54em
}

    .navigation-single .next, .navigation-single .prev {
        float: left;
        vertical-align: middle;
        max-width: 48%;
        background: #26282d;
        color: #fff;
        text-decoration: none
    }

        .navigation-single .next:hover, .navigation-single .prev:hover {
            opacity: .8
        }

        .navigation-single .next a, .navigation-single .prev a {
            color: inherit;
            text-decoration: none;
            padding: .4em;
            display: block
        }

    .navigation-single .next {
        float: right
    }

.wp-caption {
    max-width: 100%;
    clear: both;
    border: 1px solid #26282d;
    padding: .4em;
    margin-bottom: 1.54em
}

    .wp-caption img {
        margin: 0;
        vertical-align: top
    }

    .wp-caption p {
        margin: .4em 0 0
    }

div.aligncenter {
    margin: 0 auto 1.54em
}

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

.alignleft {
    float: left;
    margin: 0 1.54em 4px 0
}

.textalignleft {
    text-align: left
}

.alignright {
    float: right;
    margin: 0 0 4px 1.54em
}

.mejs-container {
    margin-bottom: 1.54em
}

.wp-caption-text, .gallery, .alignnone, .gallery-caption, .sticky, .bypostauthor {
    height: auto
}

#wp-calendar tbody td {
    text-align: center
}

#wp-calendar td, #wp-calendar th {
    border: 1px solid #26282d
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
    font-family: inherit;
    font-weight: bold;
    margin: 0 0 .5em;
    color: inherit
}

h1, .h1 {
    font-size: 21px
}

h2, .h2 {
    font-size: 27px
}

h3, .h3 {
    font-size: 16px
}

h4, .h4 {
    font-size: 13px
}

h5, .h5 {
    font-size: 13px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 1em
}

a {
    color: inherit
}

    a:hover, a:focus {
        text-decoration: none
    }

@font-face {
    font-family: "icomoon";
    font-display: swap;
    src: url("../../themes/tomsplanner/fonts/icomoon-irltal&x95685.ttf") format("truetype"), url("../../themes/tomsplanner/fonts/icomoon-irltal&x95685.woff") format("woff"), url("../../themes/tomsplanner/fonts/icomoon-irltal.svg#icomoon&x95685") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"], ul:not([class]):not([id]) li:before, .jcf-select .jcf-select-opener:after, .language-select .jcf-select-opener:after {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/*
.icon-plus:before {
    content: ""
}

.icon-check-round:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-chevron-small-up:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-chevron-small-right:before {
    content: ""
}

.icon-chevron-small-left:before {
    content: ""
}

.icon-chevron-small-down:before {
    content: ""
}*/

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #777;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 26px
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 13px;
        line-height: 26px;
        margin: 0 35px 0 8px
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        text-align: center;
        background: #aaa;
        width: 26px;
        bottom: 0;
        right: 0;
        top: 0
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 999
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0
    }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 999;
    top: 100%;
    left: -1px;
    right: -1px
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%
    }

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

        .jcf-list ul li {
            overflow: hidden;
            display: block
        }

    .jcf-list .jcf-overflow {
        overflow: auto
    }

    .jcf-list .jcf-option {
        overflow: hidden;
        cursor: default;
        display: block;
        padding: 5px 9px;
        color: #656565;
        height: 1%
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #aaa !important
    }

.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-disabled {
    background: #ddd !important
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancy-box-video-anchor-position {
  scroll-margin-top: 7.5rem;
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 9992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 9997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 9994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 9994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 9998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 9996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 9999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 9995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 9991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.resize-active *, .resize-active:after, .resize-active:before {
    -webkit-transition: none !important;
    transition: none !important
}

body.nav-active {
    overflow: hidden
}

    body.nav-active .header:after {
        opacity: 1;
        visibility: visible
    }

.header {
    padding: 25px 0;
    box-shadow: 0 1px 0 1px rgba(193, 193, 193, .75);
    position: relative;
    z-index: 10
}

.templates-container {
  display: none;
}

.free-trial .header .container::before {
    content: "";
    min-height: 20px
}

.header .btn-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.logo {
    display: block;
    width: 136px;
    margin: 0 auto 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .logo:last-child {
        margin-bottom: 0
    }

    .logo img {
        display: block;
        width: 100%;
        max-height: 36px
    }

    .logo a {
        display: block;
        text-decoration: none;
        color: inherit
    }

.nav-opener {
    width: 40px;
    height: 38px;
    display: block;
    position: relative;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    top: 48%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .nav-opener.nav-close {
        top: 10px;
        left: auto;
        right: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

        .nav-opener.nav-close span {
            left: 50%;
            right: 50%;
            opacity: 0
        }

        .nav-opener.nav-close:before, .nav-opener.nav-close:after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 50%;
            left: 15%;
            right: 15%
        }

        .nav-opener.nav-close:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .nav-opener span, .nav-opener:before, .nav-opener:after {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background: #26282d;
        position: absolute;
        top: 50%;
        left: 12%;
        right: 12%;
        height: 4px;
        margin-top: -2px
    }

    .nav-opener:before, .nav-opener:after {
        content: "";
        top: 30%
    }

    .nav-opener:after {
        top: 70%
    }

.nav-drop {
    min-width: 1%
}

.main-menu {
    font-size: 13px;
    line-height: 1.46
}

    .main-menu li {
        margin-bottom: 10px
    }

        .main-menu li.active a {
            color: #008126
        }

            .main-menu li.active a:after {
                opacity: 1;
                right: 0
            }

    .main-menu a {
        position: relative;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        padding: 3px 0;
        font-weight: 500
    }

        .main-menu a:hover {
            color: #008126
        }

            .main-menu a:hover:after {
                opacity: 1;
                right: 0
            }

        .main-menu a:after {
            -webkit-transition: opacity .3s ease-in-out, right .3s ease-in-out;
            transition: opacity .3s ease-in-out, right .3s ease-in-out;
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 100%;
            height: 2px;
            background: currentColor;
            opacity: 0
        }

#wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0
}

body {
    min-height: 100%;
    font-weight: 500
}

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

    .container.container-lg {
        max-width: 1350px
    }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    display: block
}

h1, .h1 {
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.25;
    margin-bottom: 5px
}

h2, .h2 {
    font-weight: 800;
    line-height: 1.3
}

h3, .h3 {
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.2
}

h4, .h4 {
    margin-bottom: 7px
}

.display-3 {
    font-size: 25px
}

a {
    -webkit-transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
    text-decoration: underline;
    font-weight: 700
}

    a:hover {
        color: #3a8eed;
        text-decoration: none
    }

ul:not([class]):not([id]) li {
    position: relative;
    padding-left: 33px;
    margin-bottom: 12px
}

    ul:not([class]):not([id]) li:before {
        content: "";
        color: #3a8eed;
        font-size: 18px;
        position: absolute;
        top: 2px;
        left: 2px
    }

img.bordered-img {
    border-radius: 9px;
    border: 9px solid #fff;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 5px 35px 0 rgba(220,224,229,.75)
}

.base-block {
    box-shadow: 0 5px 35px 0 rgba(220,224,229,.75);
    border-radius: 4px;
    padding: 15px
}

.btn {
    -webkit-transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out, box-shadow .3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #26282d;
    color: #fff;
    background: #26282d;
    font-size: 11px;
    font-weight: 800;
    line-height: 18px;
    padding: 12px 8px;
    min-width: 85px;
    border-radius: 4px;
    box-shadow: 0 4px 21px 0 rgba(174,176,183,.75)
}

    .btn:hover {
        text-decoration: none;
        color: #fff;
        background: #131417;
        border-color: #131417
    }

    .btn.btn-blue {
        background: #3a8eed;
        border-color: #3a8eed
    }

        .btn.btn-blue:hover {
            border-color: #1579e9;
            background: #1579e9
        }

    .btn.btn-green {
        background: #008126;
        border-color: #008126
    }

        .btn.btn-green:hover {
            border-color: #00681e;
            background: #00681e
        }

    .btn.btn-orange {
        background: #fe7420;
        border-color: #fe7420
    }

        .btn.btn-orange:hover {
            border-color: #f45d01;
            background: #f45d01
        }

    .btn.btn-block {
        width: 100%;
        display: block
    }

    .btn.btn-sm {
        font-size: 10px;
        padding: 3px 15px
    }

    .btn.btn-lg {
        padding: 17px 12px;
        font-size: 15px
    }

.text-green {
    color: #008126
}

.text-blue {
    color: #3a8eed
}

.text-orange {
    color: #fe7420
}

.text-dark {
    color: #313337
}

.btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -3px
}

    .btn-group .btn {
        margin: 3px
    }

.bg-gray {
    background: #26282d
}

.bg-light {
    background: #f7f8f9
}

.sign-up {
    color: #3a8eed;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    line-height: 40px
}

    .sign-up:hover {
        color: #008126
    }

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px;
    font-size: 27px;
    line-height: 0;
    outline: none
}

    .social li {
        padding: 10px 20px
    }

.base-section, .faq-section.base-section {
    padding: 40px 0;
    position: relative
}

    .base-section.padding-0 {
        padding: 0
    }

    .base-section.custom-heading {
        margin-top: 40px
    }

    .base-section .plus-heading {
        margin-bottom: 20px
    }

        .base-section .plus-heading h2, .base-section .plus-heading .h2 {
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.section-btn {
    text-align: center;
    margin: 0 -10px;
    padding-top: 20px
}

    .section-btn .btn {
        margin: 10px;
        min-width: 250px
    }

.plus-heading {
    text-align: center
}

    .plus-heading .icon-plus {
        color: #3a8eed;
        font-size: 23px
    }

    .plus-heading h2, .plus-heading .h2 {
        display: inline-block;
        vertical-align: middle;
        padding: 14px 15px;
        min-width: 200px;
        border-radius: 60px;
        margin: 0 auto;
        border: 2px solid #f7f8f9;
        background: #fff
    }

.section-heading {
    text-align: center;
    margin-bottom: 25px
}

    .section-heading h2 {
        line-height: 1.743
    }

        .section-heading h1 a, .section-heading .h1 a, .section-heading h2 a, .section-heading .h2 a, .section-heading h3 a, .section-heading .h3 a, .section-heading h4 a, .section-heading .h4 a, .section-heading h5 a, .section-heading .h5 a, .section-heading h6 a, .section-heading .h6 a {
            color: #fe7420;
            text-decoration: none;
            display: inline-block;
            border-bottom: 2px solid #fe7420;
            line-height: 1.5
        }

            .section-heading h1 a:hover, .section-heading .h1 a:hover, .section-heading h2 a:hover, .section-heading .h2 a:hover, .section-heading h3 a:hover, .section-heading .h3 a:hover, .section-heading h4 a:hover, .section-heading .h4 a:hover, .section-heading h5 a:hover, .section-heading .h5 a:hover, .section-heading h6 a:hover, .section-heading .h6 a:hover {
                color: #008126;
                display: inline-block;
                border-bottom: 2px solid #008126;
                line-height: 1.5
            }

    .section-heading.sm {
        max-width: 410px;
        margin: 0 auto
    }

        .section-heading.sm h2, .section-heading.sm .h2 {
            margin-bottom: 25px
        }

    .section-heading.with-decor {
        position: relative;
        padding-bottom: 30px
    }

        .section-heading.with-decor:after {
            content: "";
            display: block;
            width: 194px;
            height: 3px;
            background: #008126;
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

.user-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .user-img.with-decor {
        width: 46px;
        height: 46px;
        border: 3px solid #fff;
        box-shadow: 0 5px 35px 0 rgba(220, 224, 229, .75)
    }

    .user-img img {
        width: 100%
    }

.blockquote-block {
    text-align: center
}

    .blockquote-block .user-img {
        margin: 0 auto 10px
    }

    .blockquote-block blockquote {
        border: 0;
        padding: 0;
        font-size: 27px;
        color: #9c9fa7;
        max-width: 320px;
        margin: 0 auto;
        line-height: 1.45
    }

        .blockquote-block blockquote p {
            margin-bottom: 0
        }

    .blockquote-block cite {
        font-size: 15px;
        font-weight: 700;
        color: #26282d;
        font-style: normal
    }

        .blockquote-block cite span {
            font-weight: 500
        }

blockquote {
    margin: 0 0 10px;
    border-left: 2px solid #3a8eed;
    padding-left: 15px;
    font-size: 12px;
    line-height: 1.25;
    font-style: italic;
    font-weight: 500
}

    blockquote q, blockquote p {
        display: block;
        margin-bottom: 15px
    }

.blockquote-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .blockquote-footer .user-img {
        margin-right: 9px
    }

    .blockquote-footer cite {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        line-height: 1.4;
        font-size: 13px;
        font-style: italic;
        color: #9c9fa7
    }

        .blockquote-footer cite a {
            line-height: 1.4;
            font-size: 13px;
            font-style: italic;
            color: #9c9fa7;
            font-weight: normal;
            text-decoration: none
        }

            .blockquote-footer cite a:hover {
                text-decoration: underline
            }

        .blockquote-footer cite p:last-child {
            margin-bottom: 0
        }

.hidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: -9999px;
    width: 0;
    height: 0
}

/* footer refactored for extended nav links */
.footer {
    color: #fff;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer_top-container {
  display: flex;
  flex-direction: column;
  gap: 50px; 
  padding-bottom: 20px;
}

.footer_top-container_links-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-right: auto;
}

.footer_top-container_links-container_column-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  list-style-type: none;
}

    .footer_top-container_links-container_column-container p {
      margin-bottom: 0.5em;
      color: rgb(157, 159, 166);
    }
    
    .footer_top-container_links-container_column-container a {
      font-weight: lighter;
    }

.footer_top-container_links-container_column-container_anchor-links-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.footer_top-container_details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.footer_top-container_details-container_lang-social-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-right: 20px;
}

.footer_top-container_details-container_lang-social-container_social {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: nowrap;
  font-size: 24px;
  justify-content: flex-end;
}

.icon-twitter:before {
  content: ""
}
    
.icon-facebook:before {
    content: ""
}

.footer_bottom-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-top: 35px;
  border-top: 1px solid rgb(54, 55, 60);
}
/* footer refactored for extended nav links */

    .footer .logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 137px;
        display: block;
        margin: 0 auto 33px;
        line-height: 1
    }

    .footer a {
        text-decoration: none
    }

.footer-top {
    padding: 10px 0 16px;
    margin-bottom: 27px;
    border-bottom: 1px solid #45464b
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 21px
}

    .footer-nav li {
        margin-right: 10px
    }

        .footer-nav li:last-child {
            margin-right: 0
        }

    .footer-nav a {
        font-weight: 500
    }

.footer-block {
    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
}

.footer-list {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
    font-size: 10px;
    font-weight: 300;
    color: #9c9fa7
}

    .footer-list li {
        padding: 0 10px;
        position: relative
    }

        .footer-list li:before {
            content: "|";
            position: absolute;
            top: 0;
            left: auto;
            right: -2px
        }

        .footer-list li:last-child:before {
            display: none
        }

    .footer-list a {
        font-weight: 300
    }

.intro {
    padding: 17px 0
}

.intro-content {
    text-align: center;
    font-size: 12px;
    line-height: 1.67;
    overflow: hidden
}

    .intro-content .text-holder {
        max-width: 92%;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .intro-content a {
        color: #008126;
        text-decoration: none
    }

        .intro-content a:hover {
            color: #3a8eed
        }

.free-trial .intro-content a {
    color: #fe7420
}

    .free-trial .intro-content a:hover {
        color: #008126
    }

.intro-img {
    text-align: center
}

    .intro-img img {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-51%);
        -ms-transform: translateX(-51%);
        transform: translateX(-51%);
        min-width: 635px;
        z-index: -1
    }

.intro-video {
    position: relative
}

    .intro-video .video-block {
        position: relative
    }

.cta-section {
    padding: 12px 0 23px
}

    .cta-section .container {
        max-width: 990px
    }

    .cta-section.modify {
        padding: 38px 0 10px
    }

        .cta-section.modify .block-heading {
            margin-bottom: 20px
        }

            .cta-section.modify .block-heading br {
                display: block
            }

        .cta-section.modify .additional-info {
            padding: 8px 0
        }

            .cta-section.modify .additional-info:before {
                display: none
            }

    .cta-section .row .col {
        width: 100%;
        text-align: center
    }

        .cta-section .row .col:only-child {
            margin: 0 auto
        }

    .cta-section .btn {
        width: 100%;
        margin-bottom: 8px
    }

    .cta-section .sign-up-form {
        text-align: center;
        margin-bottom: 30px
    }

        .cta-section .sign-up-form h1, .cta-section .sign-up-form .h1, .cta-section .sign-up-form h2, .cta-section .sign-up-form .h2, .cta-section .sign-up-form h3, .cta-section .sign-up-form .h3, .cta-section .sign-up-form h4, .cta-section .sign-up-form .h4, .cta-section .sign-up-form h5, .cta-section .sign-up-form .h5, .cta-section .sign-up-form h6, .cta-section .sign-up-form .h6 {
            font-size: 25px;
            line-height: 1.5;
            margin-bottom: 32px
        }

        .cta-section .sign-up-form .form-holder {
            max-width: 100%;
            width: 340px;
            margin: 0 auto
        }

    .cta-section blockquote {
        width: 100%;
        font-size: 25px
    }

        .cta-section blockquote q {
            line-height: 1.55
        }

        .cta-section blockquote cite {
            line-height: 1
        }

.block-heading {
    text-align: center;
    margin-bottom: 27px
}

.jcf-select {
    background: #f7f8f9;
    height: 36px;
    border-color: #dcddde;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px
}

.bg-light .jcf-select {
    background: #fff;
    border-color: #f7f8f9
}

.jcf-select .jcf-select-text {
    margin: 0;
    font-size: 17px;
    line-height: 1.3;
    color: #9c9fa7
}

    .jcf-select .jcf-select-text img {
        display: none
    }

.jcf-select-drop-content {
    border-top: 1px solid #e6e6e6;
    text-align: left
}

    .jcf-select-drop-content .jcf-option {
        -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
        transition: background .3s ease-in-out, color .3s ease-in-out;
        padding: 12px 16px;
        cursor: pointer;
        font-size: 17px
    }

        .jcf-select-drop-content .jcf-option img {
            width: 15px;
            height: 15px;
            margin-right: 4px;
            border-radius: 50%
        }

.jcf-select .jcf-select-opener {
    background: transparent;
    width: 10px;
    right: 12px
}

    .jcf-select .jcf-select-opener:after {
        content: "▼";
        color: #9c9fa7;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 16px
    }

.language-select {
    /* margin-right: 6px; */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.bg-light .language-select .jcf-select {
    color: #000
}

.language-select .jcf-select {
    background: transparent;
    border: 0;
    color: #9c9fa7;
    min-width: 85px;
    height: auto;
    padding: 5px 18px 5px 5px;
    margin: 0;
    cursor: pointer
}

    .language-select .jcf-select .jcf-select-text img {
        display: block
    }

.language-select .jcf-select-opener {
    background: transparent;
    width: 10px;
    right: 8px
}
/*
    .language-select .jcf-select-opener:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 7px
    }*/

.language-select .jcf-select-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    cursor: pointer
}

    .language-select .jcf-select-text img {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.language-select .jcf-select-drop-content {
    border: 0
}

    .language-select .jcf-select-drop-content .jcf-option {
        padding: 8px 6px;
        font-size: 13px
    }

        .language-select .jcf-select-drop-content .jcf-option img {
            width: 15px;
            height: 15px;
            margin-right: 4px;
            border-radius: 50%
        }

.language-select .jcf-select-drop {
    padding-top: 5px;
    min-width: 140px
}

input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, .jcf-fake-input {
    -webkit-transition: border-color .3s ease-in-out;
    transition: border-color .3s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100%;
    display: block;
    max-width: 100%;
    background: #f7f8f9;
    height: 38px;
    line-height: normal;
    text-align: left
}

.input-holder {
    margin-bottom: 12px
}

.formtitlelabel {
    margin-bottom: 6px
}

.input-holder-radio {
    text-align: left
}

    .input-holder-radio input {
        margin-right: 10px
    }

.sign-up-form {
    max-width: 330px;
    margin: 0 auto;
    text-align: center
}

    .sign-up-form input[type="email"], .sign-up-form input[type="password"], .sign-up-form input[type="search"], .sign-up-form input[type="tel"], .sign-up-form input[type="text"], .sign-up-form input[type="url"], .sign-up-form textarea {
        outline: none
    }

.bg-light .sign-up-form input[type="email"], .bg-light .sign-up-form input[type="password"], .bg-light .sign-up-form input[type="search"], .bg-light .sign-up-form input[type="tel"], .bg-light .sign-up-form input[type="text"], .bg-light .sign-up-form input[type="url"], .bg-light .sign-up-form textarea {
    background: #fff;
    border-color: #dcddde
}

.sign-up-form h1, .sign-up-form .h1, .sign-up-form h2, .sign-up-form .h2, .sign-up-form h3, .sign-up-form .h3, .sign-up-form h4, .sign-up-form .h4, .sign-up-form h5, .sign-up-form .h5, .sign-up-form h6, .sign-up-form .h6 {
    line-height: 1.6;
    margin-bottom: 15px
}

.additional-info {
    display: block;
    position: relative;
    padding: 15px 0;
    font-size: 10px;
    color: #838486
}

.form-heading {
    margin: 0 auto 31px;
    line-height: 1.6;
    max-width: 580px
}

.template-form {
    max-width: 390px;
    margin: 0 auto
}

    .template-form .input-holder {
        font-size: 17px;
        position: relative;
        margin-bottom: 12px
    }

        .template-form .input-holder [class*="jcf-extension-"] .jcf-fake-input {
            color: #26282d
        }

        .template-form .input-holder .jcf-fake-input {
            color: #9c9fa7
        }

        .template-form .input-holder input[type="text"], .template-form .input-holder input[type="email"], .template-form .input-holder textarea, .template-form .input-holder .jcf-fake-input {
            background: #fff;
            padding: 10px 16px;
            display: block
        }

            .template-form .input-holder input[type="text"]::-webkit-input-placeholder, .template-form .input-holder input[type="email"]::-webkit-input-placeholder, .template-form .input-holder textarea::-webkit-input-placeholder, .template-form .input-holder .jcf-fake-input::-webkit-input-placeholder {
                color: #dcddde
            }

            .template-form .input-holder input[type="text"]::-moz-placeholder, .template-form .input-holder input[type="email"]::-moz-placeholder, .template-form .input-holder textarea::-moz-placeholder, .template-form .input-holder .jcf-fake-input::-moz-placeholder {
                opacity: 1;
                color: #dcddde
            }

            .template-form .input-holder input[type="text"]:-moz-placeholder, .template-form .input-holder input[type="email"]:-moz-placeholder, .template-form .input-holder textarea:-moz-placeholder, .template-form .input-holder .jcf-fake-input:-moz-placeholder {
                color: #dcddde
            }

            .template-form .input-holder input[type="text"]:-ms-input-placeholder, .template-form .input-holder input[type="email"]:-ms-input-placeholder, .template-form .input-holder textarea:-ms-input-placeholder, .template-form .input-holder .jcf-fake-input:-ms-input-placeholder {
                color: #dcddde
            }

            .template-form .input-holder input[type="text"].placeholder, .template-form .input-holder input[type="email"].placeholder, .template-form .input-holder textarea.placeholder, .template-form .input-holder .jcf-fake-input.placeholder {
                color: #dcddde
            }

.bg-light .template-form .input-holder input[type="text"], .bg-light .template-form .input-holder input[type="email"], .bg-light .template-form .input-holder textarea, .bg-light .template-form .input-holder .jcf-fake-input {
    border-color: #fff
}

.template-form .input-holder textarea {
    height: 116px;
    resize: none;
    padding-top: 16px;
    margin-bottom: 22px
}

.template-form .input-holder .btn {
    position: absolute;
    right: 13px;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 97px;
    box-shadow: none;
    text-transform: none;
    font-weight: 500
}

.template-form .btn-wrapper .btn {
    width: 100%;
    line-height: 1.25
}

.template-form .jcf-real-element {
    right: 0;
    top: 0;
    left: auto;
    bottom: 0;
    z-index: 9;
    width: 100%
}

.note-section {
    position: relative
}

    .note-section .section-heading .user-img {
        margin: 0 auto
    }

    .note-section .img-holder {
        margin-bottom: 8px
    }

.content-block .img-holder {
    max-width: 290px;
    margin: 0 auto 28px
}

    .content-block .img-holder:last-child {
        margin: 0 auto
    }

    .content-block .img-holder.modify {
        max-width: 260px;
        margin-bottom: 10px
    }

    .content-block .img-holder.sm {
        max-width: 200px;
        margin-bottom: 5px
    }

    .content-block .img-holder.lg {
        max-width: 100%;
        width: 100%;
        margin-bottom: 27px
    }

    .content-block .img-holder.bg-stretch {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 52%
    }

.content-block .text-block p {
    margin-bottom: 22px
}

.company-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -11px 25px
}

    .company-list li {
        width: 25%;
        padding: 0 11px 13px;
        line-height: 1;
        text-align: center
    }

    .company-list img {
        vertical-align: middle;
        max-height: 40px
    }

.review-list {
    margin: 0 -30px;
    padding: 0 30px
}

    .review-list .review-block:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

.review-block {
    margin-bottom: 20px
}

    .review-block:last-child {
        margin-bottom: 0
    }

    .review-block > .img-holder {
        margin: 0 auto 13px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        z-index: 2;
        text-align: center
    }

        .review-block > .img-holder img {
            max-height: 330px
        }

.review-info {
    font-size: 16px;
    padding: 27px 0;
    line-height: 1.6;
    position: relative;
    z-index: 1
}

    .review-info:after {
        content: "";
        background: #f7f8f9;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -999px;
        right: -999px;
        z-index: -1
    }

    .review-info h3, .review-info .h3 {
        margin-bottom: 15px;
        line-height: 1.4
    }

    .review-info blockquote {
        padding: 0;
        border: 0;
        font-size: inherit
    }

.video-label {
    margin-bottom: 30px
}

    .video-label h3, .video-label .h3 {
        text-align: center;
        margin-bottom: 20px
    }

.video-holder {
    position: relative;
    text-align: center;
    width: 250px;
    height: 160px;
    margin: 0 auto;
    background: #26282d;
    box-shadow: 0 5px 35px 0 rgba(220, 224, 229, .75);
    border-radius: 5px
}

    .video-holder a {
        text-decoration: none;
        font-size: 82px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #3a8eed
    }

        .video-holder a:hover {
            color: #fe7420
        }

.two-col-section {
    padding: 10px 0 30px
}

    .two-col-section .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -10px
    }

        .two-col-section .row .col {
            padding: 0 10px
        }

    .two-col-section .info-holder {
        padding-bottom: 70px;
        position: relative;
        margin-bottom: 7px
    }

        .two-col-section .info-holder .img-holder {
            position: absolute;
            left: 50%;
            bottom: 10px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .two-col-section .base-block {
        padding: 18px 30px
    }

.sign-up-form .form-holder {
    max-width: 238px;
    margin: 0 auto
}

.sign-up-form .input-holder:last-child {
    margin-bottom: 0
}

.sign-up-form h3, .sign-up-form .h3 {
    margin-bottom: 20px
}

.sign-up-form form {
    margin-bottom: 20px
}

.sign-up-form .additional-info:last-child {
    padding-bottom: 0
}

.info-section {
    padding-top: 30px
}

.info-block:nth-child(odd) .text-holder:after {
    content: "";
    background: #f7f8f9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    z-index: -1
}

.info-block.bg-light {
    position: relative;
    z-index: 2
}

    .info-block.bg-light:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -9999px;
        right: -9999px
    }

.info-block .img-holder {
    width: 175px;
    margin: 0 auto;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .info-block .img-holder a {
        text-decoration: none
    }

        .info-block .img-holder a:hover {
            text-decoration: none
        }

.info-block .text-holder {
    padding: 40px 15px;
    position: relative;
    line-height: 1.62
}

    .info-block .text-holder h2, .info-block .text-holder .h2 {
        margin-bottom: 18px
    }

    .info-block .text-holder h3, .info-block .text-holder .h3 {
        margin-bottom: 14px
    }

    .info-block .text-holder p {
        margin-bottom: 21px
    }

        .info-block .text-holder p:last-child {
            margin-bottom: 0
        }

.info-block .btn {
    min-width: 153px;
    margin-right: 15px;
    margin-bottom: 15px
}

.info-block_button {
    padding-bottom: 80px
}

.about-section .reversed .info-block .text-holder {
    padding: 45px 30px 45px 27px
}

    .about-section .reversed .info-block .text-holder:before {
        top: 45px
    }

.about-section .reversed .img-holder {
    margin-bottom: 0;
    width: 220px
}

.templates-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

    .templates-section .row .col {
        width: 100%;
        padding: 0 8px
    }

.templates-section .section-heading {
    margin-bottom: 20px
}

.templates-section .about-block {
    margin-top: 50px
}

.template-card {
    -webkit-transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    border: 1px solid #313337;
    border-radius: 8px;
    padding: 36px 12px;
    text-align: center;
    display: block;
    text-decoration: none
}

    .template-card:hover {
        box-shadow: 0 5px 35px 0 rgba(220, 224, 229, .75)
    }

        .template-card:hover .template-heading {
            color: #008126
        }

    .template-card .img-holder {
        height: 122px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        margin: 0 auto 26px
    }

        .template-card .img-holder img {
            max-height: 100%
        }

.template-heading {
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    display: block;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fe7420
}

.about-block {
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    color: #9c9fa7;
    text-align: center;
    margin-top: 20px;
    padding: 25px 14px;
    border: 1px solid;
    border-width: 1px 0 1px 0;
    border-color: #9c9fa7;
    line-height: 1.47
}

    .about-block:last-child {
        margin-bottom: 0
    }

    .about-block.modify {
        padding: 25px 8px;
        line-height: 1.3;
        margin-bottom: 27px
    }

        .about-block.modify p:last-child {
            margin-bottom: 12px
        }

    .about-block p:last-child {
        margin-bottom: 0
    }

.about-section .info-block {
    margin-bottom: 20px
}

    .about-section .info-block .img-holder {
        margin-bottom: 23px
    }

    .about-section .info-block .text-holder {
        line-height: 1.62
    }

        .about-section .info-block .text-holder:before {
            content: "";
            position: absolute;
            top: 40px;
            left: 0;
            bottom: 47px;
            background: #3a8eed;
            width: 3px
        }

.timeline-holder {
    position: relative;
    z-index: 2;
    padding: 19px 40px 0 30px;
    overflow: hidden;
    margin: 0 -30px
}

.timeline-block {
    margin-bottom: 50px;
    position: relative
}

    .timeline-block:last-child:before {
        width: 10px;
        height: 10px;
        bottom: -50px;
        border-radius: 50%;
        -webkit-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
        transform: translate(50%,0);
        top: auto
    }

    .timeline-block:before, .timeline-block:after {
        content: "";
        position: absolute;
        top: calc(175px + ((100% - 175px)/2));
        width: 1px;
        bottom: -9999px;
        background: #008126;
        right: -17px;
        z-index: 3
    }

    .timeline-block:after {
        width: 10px;
        height: 10px;
        bottom: auto;
        border-radius: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .timeline-block .img-holder {
        height: 175px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: center;
        padding: 10px 15px
    }

        .timeline-block .img-holder img {
            max-height: 100%
        }

    .timeline-block .text-holder {
        position: relative;
        z-index: 2
    }

        .timeline-block .text-holder:after {
            height: 0;
            width: 0;
            border-bottom: 9px solid transparent;
            border-left: 9px solid #fff;
            border-top: 9px solid transparent;
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translate(100%, -50%);
            -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%)
        }

        .timeline-block .text-holder p {
            margin-bottom: 24px
        }

            .timeline-block .text-holder p:last-child {
                margin-bottom: 0
            }

    .timeline-block a {
        font-weight: 500;
        color: #008126
    }

.faq-section {
    padding: 20px 0
}

.faq-card {
    line-height: 1.6;
    margin-bottom: 28px
}

    .faq-card h4, .faq-card .h4 {
        color: #3a8eed
    }

.faq-bottom a {
    text-decoration: none
}

.charts-block {
    background: #f7f8f9;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px 30px 26px
}

    .charts-block.promo-active {
        border: 1px solid #3a8eed;
        background: #fff;
        box-shadow: 0 5px 51px 0 #d0cece;
        z-index: 2
    }

        .charts-block.promo-active .promo-label {
            display: block
        }

        .charts-block.promo-active .charts-heading, .charts-block.promo-active .price-holder {
            border-color: #3a8eed
        }

    .charts-block .promo-label {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #3a8eed;
        padding: 11px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .22em;
        display: none
    }

    .charts-block .frame {
        margin: 0 0 auto
    }

    .charts-block .alt-link {
        color: #3a8eed;
        text-decoration: none;
        font-weight: 500
    }

        .charts-block .alt-link:hover {
            color: #008126;
            text-decoration: underline
        }

    .charts-block .charts-heading {
        text-align: center;
        border-bottom: 1px solid #9c9fa7;
        font-size: 11px;
        line-height: 16px;
        font-weight: 500;
        margin: 0 0 21px;
        padding: 16px 0 0
    }

        .charts-block .charts-heading h2, .charts-block .charts-heading .h2 {
            font-weight: 500;
            margin: 0 0 4px
        }

        .charts-block .charts-heading p {
            margin: 0 0 27px
        }

    .charts-block .price-holder {
        border-top: 1px solid #9c9fa7;
        text-align: center;
        padding: 18px 0 0
    }

        .charts-block .price-holder .price {
            font-size: 32px;
            line-height: 34px;
            color: #fe7420;
            font-weight: 500;
            margin: 0 0 14px
        }

            .charts-block .price-holder .price.active {
                display: block
            }

            .charts-block .price-holder .price small {
                color: #313337;
                font-size: 40%
            }

    .charts-block .subtitle {
        display: block;
        margin: 0 0 23px
    }

    .charts-block .btn {
        width: 100%;
        display: block;
        margin: 0 0 5px
    }

    .charts-block ul:not([class]):not([id]) {
        margin: 0 0 32px;
        text-align: left
    }

.charts-columns {
    padding: 0 0 35px
}

.toggle-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 190px;
    margin: 0 auto 40px
}

    .toggle-holder .toggle-text {
        font-weight: bold;
        font-size: 10px;
        line-height: 20px
    }

    .toggle-holder .sale-text {
        color: #9c9fa7
    }

.toggle-button {
    position: relative;
    width: 45px;
    height: 20px;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 auto
}

    .toggle-button .checkbox {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 3
    }

        .toggle-button .checkbox:checked + .btn-slider {
            background: #008126
        }

            .toggle-button .checkbox:checked + .btn-slider:before {
                left: 27px
            }

    .toggle-button .btn-slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #3a8eed;
        z-index: 2;
        -webkit-transition: .3s ease-in-out background;
        transition: .3s ease-in-out background;
        border-radius: 40px
    }

        .toggle-button .btn-slider:before {
            -webkit-transition: .3s cubic-bezier(.18, .89, .35, 1.15) left;
            transition: .3s cubic-bezier(.18, .89, .35, 1.15) left;
            content: "";
            position: absolute;
            top: 2px;
            left: 2px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #fff
        }

.organize-section .info-block .img-holder {
    width: 260px;
    max-width: 100%;
    margin: 0
}

.organize-section .info-block .text-holder p {
    margin-bottom: 8px
}

.organize-section .info-block .text-holder blockquote {
    margin-top: 20px
}

.play-footer {
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    margin: 15px 0 0
}

    .play-footer .footer-text {
        font-size: 12px;
        line-height: 1.33;
        font-weight: 500;
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto
    }

    .play-footer .btn-play {
        margin-right: 10px
    }

a:hover > .play-footer {
    background: #e8ebee
}

    a:hover > .play-footer .btn-play {
        background: #3a8eed
    }

.btn-play_02 {
    cursor: pointer
}

.btn-play {
    -webkit-transition: background .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: background .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
    width: 52px;
    height: 48px;
    background: #12812d;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    border-radius: 4px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .btn-play.btn-round {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: #313337
    }

        .btn-play.btn-round:hover:after {
            border-left-color: #fff
        }

        .btn-play.btn-round:after {
            border-left-color: #3a8eed;
            border-left-width: 13px;
            margin-left: 2px
        }

    .btn-play:hover {
        background: #3a8eed
    }

    .btn-play:after {
        -webkit-transition: border-color .3s ease-in-out;
        transition: border-color .3s ease-in-out;
        height: 0;
        width: 0;
        border-bottom: 13px solid #0000;
        border-left: 16px solid #fff;
        border-top: 13px solid #0000;
        content: "";
        position: absolute;
        top: 50%;
        left: 55%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.video-block {
    width: 100%;
    max-width: 608px;
    margin: 20px auto;
    position: relative
}

    .video-block.play-video .btn-play {
        opacity: 0;
        visibility: hidden
    }

    .video-block .btn-play {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3
    }

    .video-block iframe {
        width: 100%
    }

.video-link {
    text-align: center
}

    .video-link .img-holder {
        margin-bottom: 16px;
        position: relative
    }

        .video-link .img-holder .bordered-img {
            border-radius: 5px;
            border: 0
        }

        .video-link .img-holder .btn-play {
            width: 85px;
            height: 85px;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .video-link a {
        text-decoration: none
    }

.video-list li {
    margin-bottom: 29px
}

.video-list .btn-play {
    width: 66px;
    margin-right: 17px
}

.video-list a {
    text-decoration: none
}

.tutorial-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 17px
}

    .tutorial-link:hover .btn-play {
        background: #3a8eed
    }

    .tutorial-link p {
        margin-bottom: 0;
        line-height: 1
    }

.list-heading {
    border-bottom: 2px solid #dcddde;
    margin-bottom: 23px
}

    .list-heading h1, .list-heading .h1, .list-heading h2, .list-heading .h2, .list-heading h3, .list-heading .h3, .list-heading h4, .list-heading .h4, .list-heading h5, .list-heading .h5, .list-heading h6, .list-heading .h6 {
        color: #fe7420;
        margin-bottom: 15px
    }

.link-block {
    text-align: center;
    font-size: 21px;
    font-weight: 800;
    padding-top: 20px;
    line-height: 1
}

    .link-block a {
        color: #3a8eed
    }

        .link-block a:hover {
            color: #fe7420
        }

.vertical-block {
    margin-bottom: 25px
}

    .vertical-block.style-2 {
        margin-bottom: 30px
    }

        .vertical-block.style-2 .text-holder {
            font-weight: 500;
            font-size: 17px;
            line-height: 1.59
        }

            .vertical-block.style-2 .text-holder h1, .vertical-block.style-2 .text-holder .h1, .vertical-block.style-2 .text-holder h2, .vertical-block.style-2 .text-holder .h2, .vertical-block.style-2 .text-holder h3, .vertical-block.style-2 .text-holder .h3, .vertical-block.style-2 .text-holder h4, .vertical-block.style-2 .text-holder .h4, .vertical-block.style-2 .text-holder h5, .vertical-block.style-2 .text-holder .h5, .vertical-block.style-2 .text-holder h6, .vertical-block.style-2 .text-holder .h6 {
                color: #000
            }

        .vertical-block.style-2 h4, .vertical-block.style-2 .h4 {
            font-size: 17px
        }

        .vertical-block.style-2 .img-holder {
            margin-bottom: 30px
        }

            .vertical-block.style-2 .img-holder img {
                max-width: 330px;
                max-height: none
            }

    .vertical-block .img-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 13px;
        justify-content: center
    }

        .vertical-block .img-holder img {
            min-width: 1%
        }

    .vertical-block .text-holder h1, .vertical-block .text-holder .h1, .vertical-block .text-holder h2, .vertical-block .text-holder .h2, .vertical-block .text-holder h3, .vertical-block .text-holder .h3, .vertical-block .text-holder h4, .vertical-block .text-holder .h4, .vertical-block .text-holder h5, .vertical-block .text-holder .h5, .vertical-block .text-holder h6, .vertical-block .text-holder .h6 {
        color: #fe7420;
        margin-bottom: 5px
    }

    .vertical-block .text-holder h4, .vertical-block .text-holder .h4 {
        text-transform: uppercase
    }

.slick-dots {
    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;
    margin: 0 -4.5px;
    line-height: 0
}

    .slick-dots li {
        padding: 0 4.5px
    }

        .slick-dots li.slick-active button {
            background: #3a8eed
        }

    .slick-dots button {
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
        width: 8px;
        height: 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0;
        border: 0;
        border-radius: 50%;
        text-indent: -999px;
        overflow: hidden;
        font-size: 0;
        background: #9c9fa7
    }

.base-slider .about-block {
    padding-top: 12px;
    padding-bottom: 50px
}

.base-slider .blockquote-block {
    margin: 0
}

.base-slider .slick-dots {
    position: absolute;
    bottom: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.person-block {
    text-align: center;
    max-width: 550px;
    margin: 0 auto
}

    .person-block .user-img {
        width: 110px;
        height: 110px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .person-block .text-holder {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 500;
        padding-top: 32px;
        text-align: justify;
        text-align-last: center
    }

        .person-block .text-holder h2, .person-block .text-holder .h2 {
            margin-bottom: 17px
        }

        .person-block .text-holder h3, .person-block .text-holder .h3 {
            margin-bottom: 16px
        }

        .person-block .text-holder p {
            margin-bottom: 24px
        }

.article-section {
    line-height: 1.6;
    margin-bottom: 37px
}

    .article-section .article-img {
        width: 192px;
        border: 1px solid #9e9e9e;
        border-radius: 4px;
        background: #fff;
        padding: 7px;
        margin-bottom: 43px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

        .article-section .article-img img {
            width: 100%
        }

    .article-section figure {
        margin: 0
    }

        .article-section figure.article-img {
            margin-bottom: 35px
        }

    .article-section > h3, .article-section .h3 {
        line-height: 1;
        margin-bottom: 5px
    }

    .article-section p {
        margin-bottom: 21px
    }

    .article-section .text-holder {
        font-size: 17px
    }

        .article-section .text-holder h3, .article-section .text-holder .h3 {
            font-size: 21px;
            line-height: 1;
            margin-bottom: 5px
        }

            .article-section .text-holder h3 a, .article-section .text-holder .h3 a {
                font-weight: 800;
                text-decoration: none
            }

        .article-section .text-holder time {
            font-size: 17px
        }

        .article-section .text-holder p {
            margin-bottom: 17px
        }

        .article-section .text-holder .read-more {
            color: #3a8eed
        }

.twocol-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.widget {
    font-size: 15px;
    line-height: 1.6
}

    .widget .vertical-block {
        margin-bottom: 31px
    }

        .widget .vertical-block .img-holder {
            margin-bottom: 30px;
            height: auto;
            width: auto;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

            .widget .vertical-block .img-holder img {
                max-width: 256px
            }

time {
    font-size: 13px;
    font-weight: 700;
    color: #9c9fa7;
    margin-bottom: 5px;
    display: block
}

.article-list {
    margin-bottom: 20px
}

    .article-list li {
        padding: 18px 0
    }

.nav-wrapper {
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-navigation {
    padding: 6px 0;
    background: #3a8eed;
    color: #fff
}

    .search-navigation .search-form {
        padding: 7px 5px;
        margin-bottom: 0
    }

        .search-navigation .search-form input[type="search"] {
            background: #96c7ff;
            border-color: #96c7ff;
            color: #fff;
            width: 220px;
            max-width: 100%;
            margin: 0;
            padding: 2px 13px;
            line-height: normal;
            font-weight: 500;
            font-size: 12px
        }

            .search-navigation .search-form input[type="search"]::-webkit-input-placeholder {
                font-style: italic;
                color: #3a8eed
            }

            .search-navigation .search-form input[type="search"]::-moz-placeholder {
                opacity: 1;
                font-style: italic;
                color: #3a8eed
            }

            .search-navigation .search-form input[type="search"]:-moz-placeholder {
                font-style: italic;
                color: #3a8eed
            }

            .search-navigation .search-form input[type="search"]:-ms-input-placeholder {
                font-style: italic;
                color: #3a8eed
            }

            .search-navigation .search-form input[type="search"].placeholder {
                font-style: italic;
                color: #3a8eed
            }

    .search-navigation .tag-cloud {
        padding: 5px
    }

.tag-cloud {
    padding: 5px 0
}

.tag-link {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0;
    padding: 5px 7px;
    border: 1px solid currentColor;
    color: currentColor;
    font-size: 10px;
    line-height: 1.6;
    text-decoration: none;
    border-radius: 60px;
    min-width: 40px;
    text-align: center;
    font-weight: 500
}

    .tag-link:hover {
        color: #3a8eed;
        background: #fff
    }

.nav-links {
    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;
    padding: 60px 0 20px
}

.page-numbers {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    color: #313337;
    padding: 2px;
    margin: 0 5px
}

    .page-numbers.current {
        color: #3a8eed
    }

    .page-numbers:hover {
        color: #3a8eed
    }

    .page-numbers.disabled {
        display: none
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("../../themes/tomsplanner/images/fancybox/fancybox_sprite@2x-x95685.png");
        background-size: 44px 152px
    }

        #fancybox-loading div {
            background-image: url("../../themes/tomsplanner/images/fancybox/fancybox_loading@2x-x95685.gif");
            background-size: 24px 24px
        }
}

@media (min-width: 480px) {
    .header {
        padding: 27px 0 20px
    }

    .free-trial .header .container::before {
        min-height: 60px
    }

    .base-section.custom-heading {
        margin-top: 23px
    }

    .section-btn .btn {
        min-width: 300px
    }

    .intro-content .text-holder {
        max-width: 440px
    }

    .cta-section .row {
        margin: 0 -3px
    }

        .cta-section .row .col {
            padding: 0 3px;
            width: 50%
        }

    .company-list li {
        width: 16.6666%
    }

    .review-block {
        margin-bottom: 40px
    }

        .review-block > .img-holder {
            width: 350px
        }

    .review-info {
        padding: 37px 30px 37px 10px
    }

    .video-holder {
        width: 440px;
        height: 250px
    }

    .info-block .text-holder {
        padding: 40px 18px
    }

    .templates-section .section-heading {
        margin-bottom: 30px
    }

    .timeline-holder {
        padding-right: 137px
    }

    .btn-play.btn-round {
        width: 77px;
        height: 77px
    }

        .btn-play.btn-round:after {
            border-width: 15px;
            border-left-width: 20px;
            margin-left: 3px
        }

    .page-numbers {
        font-size: 17px;
        margin: 0 14px;
        padding: 2px 4px
    }
}

@media (min-width: 768px) {
    .commentlist-item .commentlist-item {
        padding: 0 0 0 2em
    }

    .header {
        padding: 10px 0
    }

        .header .container {
            padding: 0 19px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .free-trial .header .container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .logo {
        margin: 0 10px 0 0
    }

    .nav-opener {
        display: none
    }

    .main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 1%;
        margin: 0 -12px
    }

        .main-menu li {
            margin: 0;
            padding: 5px 12px
        }

    .container {
        padding: 0 30px
    }

    /* extended header templates section */
    .templates-container {
      display: block;
      width: 100%;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }

    .templates-header:hover ~ .templates-container,
    .templates-container:hover {
      opacity: 1;
      max-height: fit-content; 
    }

        .templates-container .lighter {
          color: rgb(157, 159, 166);
        }

    .templates-main-sections-container {
      padding-top: 25px;
      padding-bottom: 10px;
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    .templates-columns-container {
      display: flex;
      flex-direction: row;
      gap: 40px;
    }

    .templates-column-container {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
    }

    .template-anchor {
      text-decoration: none;
      padding: 3px 0;
      font-weight: 500;
      cursor: pointer;                  
    }

    .template-anchor:hover,
    .all-templates-anchor:hover::after {
      color: green;
    }

    .template-anchor-description {
      font-size: 0.8em;
    }

    .all-templates-anchor-container {
      margin: auto auto 0 0;      
    }

    .all-templates-anchor::after {
      content: "\25BA";
      margin-left: 5px;
      vertical-align: middle;
      color: rgb(157, 159, 166);
    }
    /* extended header templates section */

    h1, .h1 {
        font-size: 27px;
        line-height: 1.4;
        margin-bottom: 8px
    }

    h2, .h2 {
        margin-bottom: 19px
    }

    .display-3 {
        font-size: 27px
    }

    ul:not([class]):not([id]) li {
        margin-bottom: 10px
    }

    .btn {
        min-width: 104px
    }

        .btn.btn-sm {
            padding: 8px 15px;
            font-size: 12px
        }

    .btn-group {
        margin: 0 -6px
    }

        .btn-group .btn {
            margin: 6px
        }

    .base-section, .faq-section.base-section {
        padding: 40px 0 45px
    }

        .base-section.custom-heading {
            margin-top: 40px
        }

    .section-btn {
        padding-top: 0
    }

    .section-heading {
        max-width: 625px;
        margin: 0 auto 42px
    }

        .section-heading.sm {
            max-width: 605px
        }

            .section-heading.sm h2, .section-heading.sm .h2 {
                margin-bottom: 15px
            }

        .section-heading.with-decor {
            padding-bottom: 25px;
            margin-bottom: 25px
        }

    .blockquote-block blockquote {
        max-width: 100%
    }

    blockquote q, blockquote p {
        margin-bottom: 11px
    }

    .hide-on-desktop {
        display: none
    }

    /* footer refactored for extended nav links */
    .footer_top-container {
      gap: 80px;
    }

    .footer_top-container_links-container {
      flex-direction: row;
      justify-content: space-between;
      margin-right: 0;
    }

    .footer_top-container_details-container_lang-social-container {
      padding: 0;
    }

    .footer_top-container_details-container_lang-social-container_social {
      padding: 0;
    }
    /* footer refactored for extended nav links */

    .footer {
        padding: 50px 0 30px
    }

        .footer .logo {
            margin: 0 23px 0 0
        }

    .footer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 0 67px
    }

    .footer-nav {
        margin: 0 20px 0 0
    }

        .footer-nav li {
            margin-right: 12px
        }

    .intro {
        padding: 22px 0
    }

    .intro-content .text-holder {
        max-width: 450px
    }

    .intro-video .video-block .btn-play {
        width: 106px;
        height: 106px
    }

        .intro-video .video-block .btn-play:after {
            border-width: 20px;
            border-left-width: 25px
        }

    .cta-section {
        padding: 60px 0 50px
    }

        .cta-section.modify .block-heading {
            margin-bottom: 48px
        }

        .cta-section .row {
            margin: 0 -12px
        }

            .cta-section .row .col {
                padding: 0 12px
            }

        .cta-section .sign-up br {
            display: none
        }

        .cta-section .sign-up-form {
            margin-bottom: 25px
        }

            .cta-section .sign-up-form h1, .cta-section .sign-up-form .h1, .cta-section .sign-up-form h2, .cta-section .sign-up-form .h2, .cta-section .sign-up-form h3, .cta-section .sign-up-form .h3, .cta-section .sign-up-form h4, .cta-section .sign-up-form .h4, .cta-section .sign-up-form h5, .cta-section .sign-up-form .h5, .cta-section .sign-up-form h6, .cta-section .sign-up-form .h6 {
                font-size: 27px;
                margin-bottom: 25px
            }

        .cta-section blockquote {
            font-size: 27px
        }

            .cta-section blockquote q {
                line-height: 1.35;
                margin-bottom: 5px
            }

    .block-heading {
        margin-bottom: 48px
    }

    .form-heading h1, .form-heading .h1, .form-heading h2, .form-heading .h2, .form-heading h3, .form-heading .h3, .form-heading h4, .form-heading .h4, .form-heading h5, .form-heading .h5, .form-heading h6, .form-heading .h6 {
        margin-bottom: 10px
    }

    .template-form .input-holder .btn {
        padding: 2px 10px
    }

    .note-section .section-heading {
        max-width: 510px
    }

    .content-block {
        max-width: 350px;
        margin: 0 auto;
        position: relative
    }

        .content-block .img-wrapper {
            margin: 0 -200px
        }

        .content-block .img-holder {
            max-width: 390px
        }

            .content-block .img-holder.left {
                left: 0;
                -webkit-transform: translate(-210px, -23px);
                -ms-transform: translate(-210px, -23px);
                transform: translate(-210px, -23px);
                margin-bottom: 0;
                position: absolute
            }

            .content-block .img-holder.right {
                left: auto;
                right: 10px;
                -webkit-transform: translate(210px, 40px);
                -ms-transform: translate(210px, 40px);
                transform: translate(210px, 40px);
                margin-bottom: 0;
                position: absolute
            }

    .company-list li {
        width: 12.5%
    }

    .review-list .review-block {
        position: relative;
        z-index: 2
    }

        .review-list .review-block .review-info {
            position: static
        }

        .review-list .review-block:nth-child(odd) > .img-holder img {
            margin-left: 0;
            margin-right: -35px
        }

        .review-list .review-block:nth-child(odd) .review-info {
            padding: 46px 20px 50px 30px
        }

            .review-list .review-block:nth-child(odd) .review-info:after {
                left: 0;
                right: 240px
            }

    .review-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .review-block > .img-holder {
            margin-bottom: 0;
            padding: 10px 0
        }

            .review-block > .img-holder.sm {
                width: 250px
            }

            .review-block > .img-holder img {
                max-height: none;
                margin-left: -35px
            }

    .review-info {
        padding: 46px 30px 50px 20px
    }

        .review-info:after {
            right: 0;
            left: 240px
        }

        .review-info h3, .review-info .h3 {
            margin-bottom: 10px
        }

    .video-label {
        margin-bottom: 16px
    }

    .video-holder {
        width: 490px;
        height: 280px
    }

    .two-col-section {
        padding: 37px 0 0;
        position: relative
    }

        .two-col-section .row .col {
            width: 50%
        }

        .two-col-section .info-holder {
            padding-bottom: 0;
            position: static
        }

            .two-col-section .info-holder .img-holder {
                top: 0;
                bottom: auto;
                max-width: 202px
            }

        .two-col-section .base-block {
            padding: 20px 37px
        }

    .sign-up-form {
        margin: 0 0 20px;
        max-width: 100%
    }

        .sign-up-form h3, .sign-up-form .h3 {
            margin-bottom: 16px
        }

        .sign-up-form .btn {
            font-size: 13px
        }

    .info-section {
        padding-top: 0
    }

    .info-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .info-block:nth-child(odd) {
            position: relative;
            z-index: 2
        }

            .info-block:nth-child(odd):after {
                content: "";
                background: #f7f8f9;
                position: absolute;
                top: 0;
                bottom: 0;
                left: -9999px;
                right: -9999px;
                z-index: -1
            }

        .info-block .img-holder {
            width: 190px;
            padding: 40px 0
        }

        .info-block .text-holder {
            padding-right: 18px;
            padding-left: 0;
            -webkit-box-flex: 1;
            -ms-flex: 1 auto;
            flex: 1 auto
        }

            .info-block .text-holder h2, .info-block .text-holder .h2 {
                margin-bottom: 10px
            }

    .reversed .info-block:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .reversed .info-block:nth-child(even) .text-holder {
            padding-left: 18px;
            padding-right: 0
        }

    .about-section .reversed .info-block:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .about-section .reversed .info-block:nth-child(even) .text-holder {
            padding: 35px 15px 35px 22px
        }

    .about-section .reversed .info-block .text-holder {
        padding: 35px 30px 35px 22px
    }

        .about-section .reversed .info-block .text-holder:before {
            top: 40px;
            bottom: 40px
        }

    .templates-section .row .col {
        width: 33.3333%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .templates-section .about-block {
        margin-top: 20px
    }

    .template-card {
        padding: 10px 12px;
        margin-bottom: 16px;
        font-size: 13px;
        height: 100%
    }

        .template-card .img-holder {
            margin: 0 auto 20px
        }

    .template-heading {
        margin-bottom: 13px
    }

    .about-block {
        font-size: 27px;
        padding: 17px 0
    }

        .about-block.modify {
            line-height: 1.4;
            padding: 20px 3px;
            margin-top: 50px
        }

    .about-section .info-block {
        margin-bottom: 0
    }

        .about-section .info-block .img-holder {
            margin-bottom: 0;
            padding: 40px 0
        }

        .about-section .info-block .text-holder {
            padding-left: 18px;
            padding-right: 65px
        }

    .timeline-holder {
        padding-right: 30px
    }

    .timeline-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

        .timeline-block:nth-child(odd) {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .timeline-block:nth-child(odd) .img-holder {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                margin-left: auto
            }

        .timeline-block:nth-child(even) .text-holder:after {
            right: auto;
            left: 0;
            -webkit-transform: translate(-100%, -50%);
            -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
            border-left: 0;
            border-right: 9px solid #fff
        }

        .timeline-block:last-child {
            margin-bottom: 60px
        }

            .timeline-block:last-child:before {
                bottom: -60px
            }

        .timeline-block:before, .timeline-block:after {
            right: 50%;
            top: 50%
        }

        .timeline-block .img-holder {
            height: auto;
            width: calc(50% - 18px);
            margin-right: auto
        }

        .timeline-block .text-holder {
            width: calc(50% - 18px)
        }

    .faq-card {
        margin-bottom: 33px;
        padding-right: 6px
    }

    .faq-bottom {
        max-width: 270px;
        margin: 0 auto;
        text-align: center
    }

    .charts-block {
        width: 50%
    }

    .charts-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 40px
    }

    .organize-section .info-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0
    }

        .organize-section .info-block .img-holder {
            width: 270px
        }

    .video-block {
        margin: 30px auto
    }

    .three-col-row.lg {
        margin: 0 -8px
    }

        .three-col-row.lg .col {
            padding: 0 8px
        }

    .video-list li {
        margin-bottom: 21px
    }

    .video-list .btn-play {
        width: 52px;
        height: 37px;
        margin-right: 12px
    }

    .three-col-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -23px
    }

        .three-col-row .col {
            padding: 0 23px;
            width: 33.33%
        }

    .two-col-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -15px
    }

        .two-col-row .col {
            padding: 0 15px;
            width: 50%
        }

    .vertical-block {
        padding-top: 25px
    }

        .vertical-block.style-2 {
            padding-top: 5px
        }

            .vertical-block.style-2 .img-holder {
                height: auto;
                margin-bottom: 14px
            }

                .vertical-block.style-2 .img-holder img {
                    max-width: 100%
                }

        .vertical-block .img-holder {
            height: 145px;
            width: 100%
        }

            .vertical-block .img-holder img {
                max-height: 100%
            }

    .person-block .text-holder h3, .person-block .text-holder .h3 {
        margin-bottom: 20px
    }

    .article-section .article-img {
        width: 126px;
        margin: 0 14px 0 0
    }

    .article-section figure.article-img {
        float: left;
        margin: 0 16px 10px 0
    }

    .article-section p {
        margin-bottom: 16px
    }

    .article-section .text-holder {
        font-size: 10px;
        line-height: 1.38
    }

        .article-section .text-holder p {
            margin-bottom: 10px
        }

        .article-section .text-holder .read-more {
            font-size: 13px
        }

    .sidebar {
        margin: 0 -25px 12px
    }

    .widget {
        font-size: 10px
    }

        .widget .vertical-block .img-holder img {
            max-width: 182px;
            height: 124px
        }

    .article-list {
        margin-bottom: 5px
    }

        .article-list li {
            padding: 15px 0
        }

    .article-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .article-item {
        padding-right: 20px
    }

    .nav-wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -10px
    }

    .search-navigation {
        padding: 15px 0
    }

        .search-navigation .container {
            padding: 0 19px
        }

        .search-navigation .search-form {
            padding: 10px
        }

        .search-navigation .tag-cloud {
            padding: 10px
        }

    .tag-cloud {
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        flex: 1 auto;
        padding: 10px 0
    }

    .tag-link {
        padding: 5px 12px
    }

    .nav-links {
        padding: 55px 0 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .free-trial .header .container::before {
        min-height: 50px
    }

    .section-heading.with-decor:after {
        width: 150px
    }

    .template-form {
        max-width: 300px
    }

        .template-form .input-holder {
            font-size: 13px;
            margin-bottom: 7px
        }

            .template-form .input-holder input[type="text"], .template-form .input-holder input[type="email"], .template-form .input-holder textarea, .template-form .input-holder .jcf-fake-input {
                height: 36px
            }

            .template-form .input-holder textarea {
                height: 91px;
                margin-bottom: 14px
            }

            .template-form .input-holder .btn {
                right: 6px;
                min-width: 75px
            }

    .info-block .btn {
        min-width: 119px
    }

    .video-link .img-holder .btn-play {
        width: 66px;
        height: 66px
    }

    .tutorial-link {
        font-size: 13px
    }

    .list-heading {
        margin-bottom: 14px
    }

    .link-block {
        font-size: 16px;
        padding-top: 26px
    }

    .vertical-block.style-2 .text-holder {
        font-size: 13px
    }

    .vertical-block.style-2 h4, .vertical-block.style-2 .h4 {
        font-size: 13px
    }

    .article-section {
        margin-bottom: 20px
    }

        .article-section figure.article-img {
            width: 150px
        }

        .article-section .text-holder h3, .article-section .text-holder .h3 {
            font-size: 16px;
            font-weight: 800
        }

        .article-section .text-holder time {
            font-size: 13px
        }

    .page-numbers {
        font-size: 13px;
        margin: 0 10px
    }

    .review-list .review-block:nth-child(odd) .review-info {
        padding: 40px 0 40px 48px
    }

    review-info {
        font-size: 21px;
        padding: 40px 46px 40px 36px
    }
}

@media (min-width: 768px) and (max-width: 1159px) {
    .widget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .widget .vertical-block {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            width: 50%;
            padding: 0 5px;
            margin-bottom: 0
        }

            .widget .vertical-block .img-holder {
                margin-right: 5px
            }
}

@media (min-width: 992px) {
    .header {
        padding: 15px 0
    }

        .header .btn-group {
            margin: 0 -6px 0 10px
        }

    .logo {
        width: 185px;
        margin: 0 20px 5px 0
    }

    .main-menu {
        font-size: 17px;
        margin: 0 -16px
    }

        .main-menu li {
            padding: 5px 16px
        }

    body {
        font-size: 17px;
        line-height: 1.59
    }

    h1, .h1 {
        font-size: 35px
    }

    h2, .h2 {
        font-size: 35px;
        margin-bottom: 23px
    }

    h3, .h3 {
        font-size: 21px;
        margin-bottom: 8px;
        line-height: 1.45
    }

    h4, .h4 {
        font-size: 17px;
        margin-bottom: 12px
    }

    .display-3 {
        font-size: 35px
    }

    ul:not([class]):not([id]) li {
        padding-left: 42px;
        margin-bottom: 11px
    }

        ul:not([class]):not([id]) li:before {
            font-size: 22px;
            top: 1px
        }

    .btn {
        font-size: 15px;
        line-height: 29px;
        min-width: 133px
    }

        .btn.btn-sm {
            font-size: 15px
        }

    .sign-up {
        font-size: 17px
    }

    .social {
        font-size: 33px;
        margin: 0 -9px
    }

        .social li {
            padding: 2px 9px
        }

    .base-section, .faq-section.base-section {
        padding: 50px 0 60px
    }

        .base-section.custom-heading {
            margin-top: 60px
        }

    .section-btn {
        padding-top: 10px
    }

        .section-btn .btn {
            min-width: 390px
        }

    .plus-heading .icon-plus {
        font-size: 32px
    }

    .plus-heading h2, .plus-heading .h2 {
        min-width: 250px;
        line-height: 1.3145;
        padding: 18px 25px
    }

    .section-heading {
        margin-bottom: 60px;
        max-width: 810px
    }

        .section-heading.sm {
            max-width: 790px
        }

        .section-heading.with-decor {
            margin-bottom: 52px
        }

            .section-heading.with-decor:after {
                height: 4px
            }

    .user-img {
        width: 52px;
        height: 52px
    }

        .user-img.with-decor {
            width: 60px;
            height: 60px;
            border-width: 4px
        }

    .blockquote-block blockquote {
        font-size: 35px;
        line-height: 1.43
    }

        .blockquote-block blockquote p {
            margin-bottom: 10px
        }

    .blockquote-block cite {
        font-size: 19px
    }

    blockquote {
        font-size: 15px;
        line-height: 1.33
    }

    .blockquote-footer cite, .blockquote-footer cite a {
        font-size: 17px
    }

    .footer {
        padding: 67px 0 35px
    }

        .footer .logo {
            width: 176px;
            margin: 0 31px 0 0
        }

    .footer-top {
        padding: 10px 0 43px;
        margin-bottom: 30px
    }

    .footer-nav {
        font-size: 17px;
        margin: 0 35px 0 0
    }

        .footer-nav li {
            margin-right: 13px
        }

    .footer-list {
        font-size: 13px;
        margin: 0 -12px
    }

        .footer-list li {
            padding: 0 12px
        }

    .intro {
        padding: 30px 0
    }

    .intro-content {
        font-size: 15px
    }

        .intro-content.lg {
            font-size: 19px;
            line-height: 1.63
        }

        .intro-content .text-holder {
            max-width: 660px
        }

    .intro-img {
        margin: -7.3% -15px 0
    }

    .intro-video .video-block .btn-play {
        width: 135px;
        height: 135px
    }

        .intro-video .video-block .btn-play:after {
            border-width: 27px;
            border-left-width: 35px;
            margin-left: 7px
        }

    .cta-section {
        padding: 65px 0
    }

        .cta-section.modify {
            padding: 47px 0 30px
        }

            .cta-section.modify .block-heading {
                margin-bottom: 60px
            }

            .cta-section.modify .additional-info {
                font-size: 13px
            }

        .cta-section .row {
            margin: 0 -16px
        }

            .cta-section .row .col {
                padding: 0 16px
            }

        .cta-section .sign-up-form {
            margin-bottom: 30px
        }

            .cta-section .sign-up-form h1, .cta-section .sign-up-form .h1, .cta-section .sign-up-form h2, .cta-section .sign-up-form .h2, .cta-section .sign-up-form h3, .cta-section .sign-up-form .h3, .cta-section .sign-up-form h4, .cta-section .sign-up-form .h4, .cta-section .sign-up-form h5, .cta-section .sign-up-form .h5, .cta-section .sign-up-form h6, .cta-section .sign-up-form .h6 {
                font-size: 35px;
                margin-bottom: 35px
            }

            .cta-section .sign-up-form .form-holder {
                width: 435px
            }

        .cta-section blockquote {
            font-size: 35px
        }

    .block-heading {
        margin-bottom: 60px
    }

    .jcf-select {
        height: 48px
    }

    .jcf-select-drop-content .jcf-option img {
        width: 18px;
        height: 18px
    }

    .jcf-select .jcf-select-opener {
        right: 15px
    }


        .language-select .jcf-select-opener {
            right: 3px
        }

        .language-select .jcf-select-text {
            font-size: 15px
        }

            .language-select .jcf-select-text img {
                width: 18px;
                height: 18px
            }

        .language-select .jcf-select-drop-content .jcf-option img {
            width: 18px;
            height: 18px
        }

    input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, .jcf-fake-input {
        height: 48px
    }

    .additional-info {
        font-size: 13px
    }

    .form-heading {
        max-width: 764px;
        margin: 0 auto 38px
    }

    .template-form .input-holder {
        margin-bottom: 10px
    }

    .note-section .section-heading {
        max-width: 670px
    }

    .content-block {
        max-width: 447px
    }

        .content-block .img-wrapper {
            margin: 0 -260px
        }

        .content-block .img-holder {
            max-width: 510px
        }

            .content-block .img-holder.left {
                -webkit-transform: translate(-270px, -23px);
                -ms-transform: translate(-270px, -23px);
                transform: translate(-270px, -23px)
            }

            .content-block .img-holder.right {
                -webkit-transform: translate(270px, 40px);
                -ms-transform: translate(270px, 40px);
                transform: translate(270px, 40px)
            }

            .content-block .img-holder.sm {
                max-width: 260px
            }

    .company-list img {
        max-height: 54px
    }

    .review-list .review-block:nth-child(odd) > .img-holder img {
        margin-right: -40px
    }

    .review-list .review-block:nth-child(odd) .review-info {
        padding: 60px 0 60px 48px
    }

        .review-list .review-block:nth-child(odd) .review-info:after {
            right: 320px
        }

    .review-block > .img-holder {
        width: 425px
    }

        .review-block > .img-holder.sm {
            width: 318px
        }

        .review-block > .img-holder img {
            margin-left: -40px
        }

    .review-info {
        font-size: 21px;
        padding: 60px 46px 60px 36px
    }

        .review-info:after {
            left: 320px
        }

        .review-info h3, .review-info .h3 {
            margin-bottom: 15px
        }

        .review-info p {
            margin-bottom: 8px
        }

    .video-label {
        margin-bottom: 10px
    }

    .video-holder {
        width: 630px;
        height: 380px
    }

        .video-holder a {
            font-size: 105px
        }

    .two-col-section {
        padding: 60px 0
    }

        .two-col-section .info-holder .img-holder {
            max-width: 100%
        }

        .two-col-section .base-block {
            padding: 28px 37px
        }

    .sign-up-form .form-holder {
        max-width: 310px
    }

    .sign-up-form .input-holder {
        margin-bottom: 17px
    }

    .sign-up-form h3, .sign-up-form .h3 {
        margin-bottom: 20px
    }

    .sign-up-form form {
        margin-bottom: 30px
    }

    .sign-up-form .btn {
        font-size: 15px
    }

    .sign-up-form p {
        margin-bottom: 20px;
        line-height: 50px
    }

    .sign-up-form .additional-info {
        font-size: 13px
    }

    .info-block .img-holder {
        width: 230px
    }

    .info-block .text-holder {
        padding: 47px 25px 47px 0
    }

        .info-block .text-holder p {
            margin-bottom: 25px
        }

    .reversed .info-block {
        margin-bottom: 15px
    }

        .reversed .info-block:nth-child(even) .text-holder {
            padding-left: 28px;
            margin-left: 7px
        }

    .about-section .reversed .info-block:nth-child(even) .text-holder {
        padding: 35px 15px 35px 28px
    }

    .about-section .reversed .info-block .text-holder {
        padding: 40px 39px 40px 30px
    }

        .about-section .reversed .info-block .text-holder:before {
            top: 50px;
            bottom: 50px
        }

    .about-section .reversed .img-holder {
        width: 275px
    }

    .templates-section .row {
        margin: 0 -11px
    }

        .templates-section .row .col {
            padding: 0 11px
        }

    .templates-section .section-heading {
        margin-bottom: 50px
    }

    .templates-section .section-heading {
        margin-bottom: 65px
    }

    .template-card {
        font-size: 17px;
        padding: 10px 12px;
        margin-bottom: 22px
    }

        .template-card .img-holder {
            margin-bottom: 23px
        }

    .template-heading {
        margin-bottom: 18px
    }

    .about-block {
        font-size: 35px;
        padding: 21px 0
    }

        .about-block.modify {
            margin-bottom: 40px
        }

    .about-section .info-block .text-holder {
        padding-left: 25px;
        padding-right: 70px
    }

        .about-section .info-block .text-holder:before {
            top: 54px;
            bottom: 54px
        }

    .timeline-block:nth-child(even) .text-holder:after {
        border-width: 13px
    }

    .timeline-block:last-child:before {
        width: 13px;
        height: 13px
    }

    .timeline-block:after {
        width: 13px;
        height: 13px
    }

    .timeline-block .img-holder {
        height: auto;
        width: calc(50% - 22px)
    }

    .timeline-block .text-holder {
        padding: 26px 19px;
        width: calc(50% - 22px)
    }

        .timeline-block .text-holder:after {
            border-width: 13px
        }

    .faq-bottom {
        max-width: 370px
    }

    .charts-block {
        padding: 45px 45px 35px
    }

        .charts-block .promo-label {
            font-size: 13px;
            line-height: 14px;
            padding: 15px
        }

        .charts-block .charts-heading {
            font-size: 15px;
            line-height: 22px;
            padding: 37px 0 0;
            margin: 0 0 28px
        }

            .charts-block .charts-heading h2, .charts-block .charts-heading .h2 {
                margin: 0 0 6px
            }

            .charts-block .charts-heading p {
                margin: 0 0 38px
            }

        .charts-block .price-holder {
            padding: 25px 0 0
        }

            .charts-block .price-holder .price {
                font-size: 44px;
                line-height: 46px;
                margin: 0 0 20px
            }

        .charts-block .btn {
            margin: 0 0 12px
        }

        .charts-block ul:not([class]):not([id]) li {
            margin-bottom: 9px
        }

    .charts-columns {
        padding: 0 0 50px
    }

    .toggle-holder {
        margin: 0 auto 30px;
        max-width: 250px
    }

        .toggle-holder .toggle-text {
            font-size: 13px;
            line-height: 27px
        }

    .toggle-button {
        width: 55px;
        height: 25px
    }

        .toggle-button .checkbox:checked + .btn-slider:before {
            left: 32px
        }

        .toggle-button .btn-slider:before {
            width: 21px;
            height: 21px
        }

    .organize-section .info-block .img-holder {
        width: 343px;
        padding: 55px 0
    }

    .play-footer {
        padding: 7px
    }

        .play-footer .footer-text {
            font-size: 15px;
            line-height: 1.33
        }

        .play-footer .btn-play {
            margin-right: 15px
        }

    .btn-play {
        width: 67px;
        height: 61px
    }

    .video-block {
        max-width: 785px;
        margin: 50px auto 30px
    }

    .video-list li {
        margin-bottom: 27px
    }

    .video-list .btn-play {
        width: 66px;
        height: 48px;
        margin-right: 18px
    }

    .link-block {
        padding-top: 32px
    }

    .vertical-block {
        padding-top: 30px;
        margin-bottom: 30px
    }

        .vertical-block.style-2 {
            padding-top: 10px
        }

            .vertical-block.style-2 .img-holder {
                margin-bottom: 20px
            }

        .vertical-block .img-holder {
            height: 180px;
            margin-bottom: 18px;
            align-items: center
        }

    .slick-dots li {
        padding: 0 5px
    }

    .slick-dots button {
        width: 9px;
        height: 9px
    }

        .slick-dots button:hover {
            background: #3a8eed
        }

    .base-slider .about-block {
        padding: 12px 50px 50px
    }

    .base-slider blockquote p {
        margin-bottom: 0
    }

    .person-block {
        max-width: 708px
    }

        .person-block .user-img {
            width: 140px;
            height: 140px
        }

        .person-block .text-holder {
            padding-top: 45px;
            font-size: 21px
        }

            .person-block .text-holder h3, .person-block .text-holder .h3 {
                margin-bottom: 24px
            }

            .person-block .text-holder p {
                margin-bottom: 30px
            }

    .article-section .article-img {
        width: 152px;
        margin: 0 18px 0 0
    }

    .article-section .text-holder {
        font-size: 13px;
        line-height: 1.3
    }

        .article-section .text-holder time {
            margin-bottom: 8px
        }

        .article-section .text-holder .read-more {
            font-size: 17px
        }

    .sidebar {
        margin: 0 -30px 12px
    }

    .widget {
        font-size: 13px
    }

        .widget .vertical-block .img-holder img {
            max-width: 100%;
            width: 230px;
            height: 160px
        }

    time {
        margin-bottom: 12px
    }

    .article-list li {
        padding: 22px 0
    }

    .article-item {
        padding-right: 35px
    }

    .search-navigation {
        padding: 20px 0
    }

        .search-navigation .search-form input[type="search"] {
            width: 283px
        }

    .tag-link {
        font-size: 13px;
        padding: 6px 16px;
        margin: 2px
    }

    .nav-links {
        padding: 70px 0 0
    }
}

@media (min-width: 1160px) {
    .header {
        padding: 25px 0
    }

        .header .container {
            padding: 0 30px
        }

    .free-trial .header .container::before {
        min-height: 60px
    }

    .header .btn-group {
        margin: 0 -7px 0 10px
    }

    .logo {
        width: 210px;
        margin-right: 26px
    }

    h1, .h1 {
        font-size: 44px;
        margin-bottom: 13px
    }

    h2, .h2 {
        margin-bottom: 28px
    }

    ul:not([class]):not([id]) li {
        margin-bottom: 19px
    }

    .btn {
        min-width: 153px
    }

    .btn-group {
        margin: 0 -7px
    }

        .btn-group .btn {
            margin: 7px
        }

    .base-section.custom-heading {
        margin-top: 50px
    }

    .section-btn {
        padding-top: 17px
    }

    .section-heading {
        max-width: 965px
    }

        .section-heading.sm h2, .section-heading.sm .h2 {
            margin-bottom: 16px
        }

        .section-heading.with-decor {
            padding-bottom: 30px;
            margin-bottom: 55px
        }

    .blockquote-block blockquote p {
        margin-bottom: 5px
    }

    .hide-on-widescreen {
        display: none
    }

    .footer .logo {
        width: 209px;
        margin: 0 45px 0 0
    }

    .intro {
        padding: 38px 0
    }

    .intro-content {
        font-size: 19px;
        line-height: 1.63
    }

        .intro-content .text-holder {
            max-width: 750px
        }

    .cta-section .row .col.centered-on-widescreen {
        margin: 0 auto
    }

    .content-block {
        max-width: 480px
    }

        .content-block .img-holder.left {
            -webkit-transform: translate(-353px, -52px);
            -ms-transform: translate(-353px, -52px);
            transform: translate(-353px, -52px)
        }

        .content-block .img-holder.right {
            -webkit-transform: translate(340px, 40px);
            -ms-transform: translate(340px, 40px);
            transform: translate(340px, 40px)
        }

        .content-block .img-holder.sm {
            max-width: 350px
        }

        .content-block .img-holder.lg {
            margin-bottom: 5px
        }

        .content-block .text-block p:last-child {
            margin-bottom: 49px
        }

    .company-list {
        margin-bottom: 106px
    }

        .company-list img {
            max-height: 72px
        }

    .review-block {
        margin-bottom: 87px
    }

    .two-col-section .base-block {
        padding: 30px 37px
    }

    .sign-up-form .form-holder {
        max-width: 430px
    }

    .sign-up-form h3, .sign-up-form .h3 {
        margin-bottom: 27px
    }

    .info-block .img-holder {
        width: 350px
    }

    .info-block .text-holder {
        padding: 48px 35px 58px 0
    }

    .reversed .info-block {
        margin-bottom: 20px
    }

        .reversed .info-block:nth-child(even) .text-holder {
            margin-left: 55px
        }

    .about-section .reversed .info-block:nth-child(even) .text-holder {
        padding: 80px 5px 80px 27px
    }

    .about-section .reversed .info-block .text-holder {
        padding: 65px 45px 65px 27px;
        margin-left: 0
    }

        .about-section .reversed .info-block .text-holder:before {
            top: 72px;
            bottom: 72px
        }

    .about-block {
        margin-bottom: 52px
    }

        .about-block.modify {
            padding: 20px 65px;
            margin-bottom: 55px
        }

    .about-section .info-block .text-holder {
        margin-left: 84px;
        padding-right: 10px
    }

        .about-section .info-block .text-holder:before {
            bottom: 66px
        }

    .timeline-block {
        margin-bottom: 40px
    }

        .timeline-block .text-holder {
            padding: 36px 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .faq-section .two-col-row {
        margin: 0 -30px
    }

        .faq-section .two-col-row .col {
            padding: 0 30px
        }

    .faq-card {
        padding-right: 0
    }

        .faq-card br {
            display: none
        }

    .charts-block ul:not([class]):not([id]) li {
        margin-bottom: 18px
    }

    .charts-columns {
        padding: 0 65px 58px
    }

    .toggle-holder {
        margin: 0 auto 70px
    }

    .organize-section .info-block .img-holder {
        width: 320px
    }

    .organize-section .info-block .text-holder blockquote {
        margin-top: 33px
    }

    .video-block {
        margin-top: 60px
    }

    .three-col-row.lg {
        margin: 0 -22px
    }

        .three-col-row.lg .col {
            padding: 0 22px
        }

    .three-col-row.sm {
        margin: 0 -23px
    }

        .three-col-row.sm .col {
            padding: 0 23px
        }

    .video-list li {
        margin-bottom: 29px
    }

    .three-col-row {
        margin: 0 -15px
    }

        .three-col-row .col {
            padding: 0 15px
        }

    .two-col-row {
        margin: 0 -20px
    }

        .two-col-row .col {
            padding: 0 20px
        }

    .vertical-block.style-2 .img-holder {
        margin-bottom: 27px
    }

    .vertical-block .img-holder {
        margin-bottom: 40px
    }

    .article-section p {
        margin-bottom: 27px
    }

    .sidebar {
        display: block !important;
        width: 260px;
        margin: 0 0 0 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .widget {
        font-size: 15px
    }

        .widget .vertical-block .img-holder {
            margin-bottom: 20px
        }

            .widget .vertical-block .img-holder img {
                width: 100%
            }

    time {
        font-size: 17px;
        margin-bottom: 5px
    }

    .article-list li {
        padding: 42px 0
    }

        .article-list li:nth-child(odd) {
            position: relative;
            z-index: 1
        }

            .article-list li:nth-child(odd):before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: -999px;
                right: -999px;
                background: #f7f8f9;
                z-index: -1
            }

    .search-navigation {
        background: #fff;
        color: #9e9e9e;
        padding: 23px 0
    }

        .search-navigation .container {
            padding: 0 30px
        }

        .search-navigation .search-form input[type="search"] {
            background: #fff;
            border-color: #9e9e9e;
            color: black;
            font-size: 15px;
            width: 320px
        }

            .search-navigation .search-form input[type="search"]::-webkit-input-placeholder {
                color: #9e9e9e
            }

            .search-navigation .search-form input[type="search"]::-moz-placeholder {
                color: #9e9e9e
            }

            .search-navigation .search-form input[type="search"]:-moz-placeholder {
                color: #9e9e9e
            }

            .search-navigation .search-form input[type="search"]:-ms-input-placeholder {
                color: #9e9e9e
            }

            .search-navigation .search-form input[type="search"].placeholder {
                color: #9e9e9e
            }

    .tag-link {
        font-size: 15px;
        background: #eeeff0;
        border-color: #eeeff0;
        padding: 6px 20px
    }

    .page-numbers.disabled {
        opacity: 0;
        visibility: hidden;
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width: 1360px) {
    .cta-section {
        padding: 80px 0
    }

    .content-block {
        max-width: 525px
    }

        .content-block .img-wrapper {
            margin: 0 -370px
        }

        .content-block .img-holder.left {
            -webkit-transform: translate(-393px, -52px);
            -ms-transform: translate(-393px, -52px);
            transform: translate(-393px, -52px)
        }

        .content-block .img-holder.right {
            -webkit-transform: translate(390px, 47px);
            -ms-transform: translate(390px, 47px);
            transform: translate(390px, 47px)
        }

        .content-block .img-holder.bg-stretch {
            padding-top: 0;
            height: 520px
        }

    .review-list .review-block:nth-child(odd) > .img-holder img {
        margin-right: -60px
    }

    .review-block > .img-holder {
        width: 520px
    }

        .review-block > .img-holder.sm {
            width: 440px
        }

        .review-block > .img-holder img {
            margin-left: -60px
        }

    .two-col-section {
        padding: 75px 0
    }

        .two-col-section .info-holder .img-holder {
            top: 10px
        }

    .templates-section .row {
        margin: 0 -18px
    }

        .templates-section .row .col {
            padding: 0 18px
        }

    .templates-section .about-block {
        margin-top: 34px
    }

    .template-card {
        margin-bottom: 36px
    }

    .vertical-block {
        padding-top: 49px;
        margin-bottom: 49px
    }

    .article-section .article-img {
        width: 192px
    }

    .article-section .text-holder {
        font-size: 17px;
        line-height: 1.5
    }

        .article-section .text-holder time {
            margin-bottom: 12px
        }

    .widget .vertical-block {
        padding-top: 0;
        margin-bottom: 55px
    }

    .article-item {
        padding-right: 60px
    }

    .nav-links {
        padding-top: 93px
    }
}

@media (max-width: 1159px) {
    .block-heading br {
        display: none
    }

    .about-block br {
        display: none
    }

    .timeline-block .text-holder {
        height: auto !important
    }

    .twocol-layout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 991px) {
    iframe {
        width: 100%
    }
}

@media (max-width: 767px) {
    .navigation .page-numbers, .navigation-comments .page-numbers {
        padding: 0 3px
    }

    .info-block_button {
        padding: 40px 18px
    }

    .navigation .next, .navigation .prev, .navigation-comments .next, .navigation-comments .prev {
        padding: .2em
    }

    .navigation-single .next a, .navigation-single .prev a {
        padding: .2em
    }

    .header:after {
        -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 150vw;
        height: 150vh;
        background: rgba(247, 248, 249, .9);
        opacity: 0;
        visibility: hidden;
        z-index: 5
    }

    .header .container {
        padding: 0 80px
    }

    .free-trial .header .container {
        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
    }

    .nav-drop {
        -webkit-transition: left .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
        transition: left .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
        position: fixed;
        top: 0;
        height: 100vh;
        min-height: 100%;
        left: -300px;
        width: 280px;
        padding: 60px 30px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        box-shadow: 0 5px 35px 0 rgba(220, 224, 229, .75);
        z-index: 10
    }

    .nav-active .nav-drop {
        opacity: 1;
        visibility: visible;
        left: 0
    }

    .nav-drop .nav-inner {
        max-height: 100%;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden
    }

    .display-4 {
        font-size: 21px
    }

    .section-heading.sm h2, .section-heading.sm .h2 {
        line-height: 1.5;
        font-size: 21px
    }

    .section-heading.with-decor {
        margin-bottom: 26px
    }

    .hide-on-mobile {
        display: none
    }

    .mobile-text-center {
        text-align: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .intro-content.lg {
        font-size: 15px
    }

    .cta-section.modify .row .col {
        width: 100%
    }

    .cta-section.modify .btn {
        max-width: 336px;
        margin: 20px 0 0
    }

    .cta-section.modify .sign-up {
        display: block;
        margin-top: 6px
    }

    .cta-section .row .col:nth-child(2) {
        -webkit-box-ordinal-group: -4;
        -ms-flex-order: -5;
        order: -5
    }

    .cta-section .row .col:only-child {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .cta-section .btn {
        max-width: 338px
    }

    .form-heading.lg {
        font-size: 17px
    }

    .form-heading h1, .form-heading .h1, .form-heading h2, .form-heading .h2, .form-heading h3, .form-heading .h3, .form-heading h4, .form-heading .h4, .form-heading h5, .form-heading .h5, .form-heading h6, .form-heading .h6 {
        font-size: 35px;
        margin-bottom: 13px
    }

    .template-form .input-holder .btn {
        font-size: 15px
    }

    .reversed .info-block {
        position: relative;
        padding-top: 26px
    }

        .reversed .info-block:nth-child(odd):after {
            content: "";
            background: #f7f8f9;
            position: absolute;
            top: 0;
            bottom: 0;
            left: -9999px;
            right: -9999px;
            z-index: -1
        }

    .about-section .reversed h2, .about-section .reversed .h2 {
        font-size: 21px
    }

    .templates-section .row .col:last-child .template-card {
        margin-bottom: 0
    }

    .template-card {
        max-width: 349px;
        margin: 0 auto 25px
    }

    .charts-block {
        max-width: 355px;
        margin: 0 auto
    }

    .organize-section .info-block .text-holder {
        padding-top: 20px
    }

    .three-col-row.sm .col:last-child .tutorial-card {
        margin-bottom: 0
    }

    .video-link {
        max-width: 340px;
        margin: 0 auto 35px
    }

        .video-link h1, .video-link .h1, .video-link h2, .video-link .h2, .video-link h3, .video-link .h3, .video-link h4, .video-link .h4, .video-link h5, .video-link .h5, .video-link h6, .video-link .h6 {
            font-size: 17px
        }

    .tutorial-card {
        max-width: 355px;
        margin: 0 auto 33px
    }

    .list-heading h1, .list-heading .h1, .list-heading h2, .list-heading .h2, .list-heading h3, .list-heading .h3, .list-heading h4, .list-heading .h4, .list-heading h5, .list-heading .h5, .list-heading h6, .list-heading .h6 {
        font-size: 17px
    }

    .link-block {
        max-width: 310px;
        margin: 0 auto;
        line-height: 1.65
    }

    .vertical-block .img-holder img {
        max-height: 191px;
        max-width: 220px
    }

    .widget .vertical-block h1, .widget .vertical-block .h1, .widget .vertical-block h2, .widget .vertical-block .h2, .widget .vertical-block h3, .widget .vertical-block .h3, .widget .vertical-block h4, .widget .vertical-block .h4, .widget .vertical-block h5, .widget .vertical-block .h5, .widget .vertical-block h6, .widget .vertical-block .h6 {
        font-size: 17px
    }
}

ul.drop-submenu {
    margin-top: 10px
}

@media (max-width: 479px) {
    .header .container {
        padding: 0 60px
    }

    .nav-opener {
        left: 9px
    }

    .video-block .btn-play {
        display: none
    }

    .language-select {
        position: relative
    }

    ul.drop-submenu {
        margin-top: 0;
        bottom: 30px;
        min-width: 120px
    }

        ul.drop-submenu li a {
            white-space: normal !important
        }
}

.error-holder {
    margin-bottom: 18px;
    color: #F00;
    height: 100%;
    display: none
}

#additional-infohome, .containerpasswordfield {
    height: 100%;
    display: none
}

.companies-section {
    padding-top: 80px
}

@media (max-width: 991px) {
    .companies-section {
        padding-top: 60px
    }
}

@media (max-width: 480px) {
    .companies-section {
        padding-top: 40px
    }
}

@media (max-width: 768px) {
    .video-label {
        margin-bottom: 15px
    }
}

.adresstp {
    font-weight: 300;
    color: #9c9fa7;
    font-size: 10px
}

.white {
    color: #fff
}

#header {
    position: fixed;
    width: 100%;
    background-color: #FFF;
    top: 0px;
    left: 0px;
    z-index: 999
}

.navdropshadow #header {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.61);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.61)
}

body {
    padding-top: 110px
}

.intro-video .video-block {
    text-align: center
}

.home .video-section h2 {
    text-align: center
}

.theorange {
    color: #fe7420
}

.fancybox-inner p {
    width: 480px
}

.fancybox-content .sign-up-form {
    padding-left: 30px;
    padding-right: 30px
}

.fancybox-inner .buttonbar {
    text-align: center
}

.notify-padding {
    padding: 20px
}

h1 span, .h1 span {
    color: #fe7420
}

.pricesextrainfo {
    font-size: 12px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
    color: #9c9fa7
}

.macos .template-heading {
    font-size: 18px
}

.macos .vertical-block.style-2 h4, .macos .vertical-block.style-2 .h4 {
    font-size: 18px
}

.block-heading {
    margin-bottom: 0px !important
}

.btn-play {
    box-shadow: 0 5px 35px 0 rgba(220,224,229,.75)
}

.vertical-block.style-3 {
    padding-top: 0px !important
}

.page-template-tempalte-how-it-works-page .info-block:hover .btn-play {
    background: #3a8eed !important
}

.page-template-tempalte-how-it-works-page .info-block .footer-text {
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.page-template-tempalte-how-it-works-page .info-block:hover .footer-text {
    color: #3a8eed !important
}

.vertical-block.style-1 {
    padding-top: 0px
}

.sidebar {
    display: none
}

@media (min-width: 480px) {
    body {
        padding-top: 107px
    }

    .home .video-section img, .page-template-tempalte-how-it-works-page .video-block img {
        max-width: 379px
    }

    .fancybox-slide--iframe .fancybox-content {
        height: 270px;
        width: 480px;
        margin: 0
    }
}

@media (min-width: 768px) {
    body {
        padding-top: 68px
    }

    .home .video-section h2 {
        max-width: 579px
    }

    .home .video-section img {
        max-width: 379px
    }

    .page-template-tempalte-how-it-works-page .video-block img {
        max-width: 479px
    }

    .fancybox-slide--iframe .fancybox-content {
        width: 768px;
        height: 432px;
        margin: 0
    }
}

@media (min-width: 991px) {
    .macos h4, .macos .h4 {
        font-size: 18px
    }

    body {
        padding-top: 89px
    }

    .home .video-section h2 {
        max-width: 679px
    }

    .home .video-section img, .page-template-tempalte-how-it-works-page .video-block img {
        max-width: 479px
    }

    .pricesextrainfo {
        font-size: 14px
    }

    .fancybox-slide--iframe .fancybox-content {
        width: 960px;
        height: 540px;
        margin: 0
    }
}

@media (min-width: 1159px) {
    body {
        padding-top: 111px
    }

    .home .video-section h2 {
        max-width: 779px
    }

    .home .video-section img, .page-template-tempalte-how-it-works-page .video-block img {
        max-width: 579px
    }

    .fancybox-slide--iframe .fancybox-content {
        width: 960px;
        height: 540px;
        margin: 0
    }
}

@media (min-width: 1360px) {
    body {
        padding-top: 111px
    }

    .home .video-section h2 {
        max-width: 879px
    }

    .home .video-section img, .page-template-tempalte-how-it-works-page .video-block img {
        max-width: 679px
    }
}

@media print {
    #header {
        display: none !important;
        position: relative !important
    }

    body {
        padding-top: 0px !important
    }
}

#orregisterbuttongoogle {
    position: relative;
    background: url("../../uploads/2020/01/btn_google_light_normal_ios_2.svg") 11px center no-repeat;
    font-family: Roboto,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 44px;
    height: 40px;
    line-height: 41px;
    color: rgba(0, 0, 0, 0.54);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
    padding-right: 16px;
    text-transform: none;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #efefef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none
}

.isedgebrowser #orregisterbuttongoogle {
    background-image: url("../../uploads/2020/01/btn_google_light_normal_ios_2.png")
}

#orregisterbuttongoogle:hover {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.5)
}

.icon-check:before {
    content: "";
    background: url("../../themes/tomsplanner/images/icon-check-x95685.png");
    width: 20px;
    height: 17px;
    display: block;
    margin: 0 auto
}

.tarif-plans-section .container {
    max-width: 948px
}

.tarif-plans-section .open-close {
    cursor: default
}

    .tarif-plans-section .open-close:hover .slide {
        display: block
    }

    .tarif-plans-section .open-close .slide {
        position: absolute;
        display: none;
        z-index: 10;
        left: -1px;
        right: -1px;
        top: calc(100% + 2px);
        background: #fff;
        padding: 13px 15px;
        box-shadow: 3px 4px 51px 0 rgba(0, 0, 0, 0.2);
        text-align: left;
        font-size: 12px;
        line-height: 1.5;
        pointer-events: none
    }

@media (max-width: 991px) {
    .tarif-plans-section .open-close .slide {
        right: auto;
        width: 200px
    }
}

.tarif-plans-section .open-close .slide:before {
    content: '';
    border: 8px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -14px;
    left: 8vw
}

@media (min-width: 768px) {
    .tarif-plans-section .open-close .slide:before {
        left: 38%
    }
}

@media (min-width: 992px) {
    .tarif-plans-section .open-close .slide:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.tarif-plans-section .open-close .slide:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px;
    z-index: -1
}

@media (max-width: 767px) {
    .tarif-plans-section .open-close .slide:after {
        right: auto;
        left: 10%;
        width: 100px
    }
}

.tarif-plans-section .open-close .slide p {
    margin: 0 0 17px
}

    .tarif-plans-section .open-close .slide p:last-child {
        margin: 0
    }

.tarif-plans-section .open-close .opener {
    font-weight: 700;
    font-size: 16px
}

@media (max-width: 479px) {
    .tarif-plans-wrap {
        overflow-x: auto;
        overflow-y: visible;
        margin-right: -20px
    }
}

.tarif-plans {
    font-size: 14px;
    line-height: 1.1;
    text-align: center;
    padding-top: 20px
}

@media (min-width: 768px) {
    .tarif-plans {
        max-width: 720px;
        margin: 0 auto
    }
}

@media (min-width: 992px) {
    .tarif-plans {
        max-width: 100%
    }
}

@media (max-width: 479px) {
    .tarif-plans {
        min-width: 442px
    }
}

@media (min-width: 768px) {
    .tarif-plans .heading-row {
        font-size: 21px;
        line-height: 1.1
    }
}

.tarif-plans .heading-row .item-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 768px) {
    .tarif-plans .heading-row .item-col:first-child {
        text-align: center !important;
        font-size: 19px
    }
}

.tarif-plans .heading-row .item-col:first-child .heading-title {
    border-bottom: none
}

    .tarif-plans .heading-row .item-col:first-child .heading-title p {
        margin: 0
    }

    .tarif-plans .heading-row .item-col:first-child .heading-title:after {
        display: none
    }

@media (min-width: 480px) {
    .tarif-plans .heading-row .item-col.lead {
        margin-top: -20px
    }
}

.tarif-plans .heading-row .item-col.lead .heading-title {
    padding: 10px 6px
}

@media (max-width: 480px) {
    .tarif-plans .heading-row .item-col.lead .heading-title {
        padding: 31px 6px
    }
}

.tarif-plans .item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .tarif-plans .item-row .item-col {
        width: 21.66%;
        border-left: 1px solid #989ca0
    }

@media (min-width: 768px) {
    .tarif-plans .item-row .item-col {
        width: 25%
    }
}

.tarif-plans .item-row .item-col:first-child {
    text-align: left
}

@media (max-width: 767px) {
    .tarif-plans .item-row .item-col:first-child {
        width: 35%
    }
}

@media (max-width: 991px) {
    .tarif-plans .item-row .item-col:first-child .wrap {
        padding-right: 9px
    }
}

.tarif-plans .item-row .item-col:last-child {
    border-right: 1px solid #989ca0
}

    .tarif-plans .item-row .item-col:last-child .slide {
        left: auto;
        right: 0
    }

@media (max-width: 991px) {
    .tarif-plans .item-row .item-col:last-child .slide:before {
        right: 38%;
        left: auto
    }
}

@media (max-width: 767px) {
    .tarif-plans .item-row .item-col:last-child .slide:before {
        right: 8vw
    }
}

.tarif-plans .item-row .item-col.lead {
    border-right: 1px solid #3a8eed;
    border-left: 1px solid #3a8eed
}

    .tarif-plans .item-row .item-col.lead .heading-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        background: #3a8eed
    }

        .tarif-plans .item-row .item-col.lead .heading-title:after {
            background: #3a8eed
        }

        .tarif-plans .item-row .item-col.lead .heading-title:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: -1
        }

@media (min-width: 480px) {
    .tarif-plans .item-row .item-col.lead .heading-title:before {
        bottom: -999px;
        box-shadow: 3px 4px 51px 0 rgba(0, 0, 0, 0.25)
    }
}

.tarif-plans .item-row .lead + .item-col {
    border-left: none
}

.tarif-plans .item-row .wrap {
    padding: 11px 2px;
    position: relative
}

@media (min-width: 768px) {
    .tarif-plans .item-row .wrap {
        padding: 11px 9px
    }
}

@media (min-width: 992px) {
    .tarif-plans .item-row .wrap {
        padding: 10px 16px 9px
    }
}

.tarif-plans .item-row:not(.heading-row):last-child .item-col:first-child {
    border-bottom: 1px solid #989ca0
}

.tarif-plans .item-row .dash {
    width: 14px;
    height: 1px;
    background: #989ca0;
    display: block;
    margin: 10px auto 0
}

.tarif-plans .tarif-price {
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin: 0 0 14px;
    line-height: 1.3
}

@media (min-width: 768px) {
    .tarif-plans .tarif-price {
        font-size: 19px;
        line-height: 1.1
    }
}

.tarif-plans .tarif-price mark {
    background: transparent;
    color: #fe7420;
    font-size: 21px;
    line-height: .8;
    font-weight: 500;
    text-transform: none;
    display: block
}

@media (min-width: 768px) {
    .tarif-plans .tarif-price mark {
        font-size: 22px;
        display: inline-block
    }
}

@media (min-width: 992px) {
    .tarif-plans .tarif-price mark {
        font-size: 30px;
        vertical-align: bottom
    }
}

.tarif-plans .row-title {
    font-weight: 400;
    display: block;
    margin: 0 0 7px
}

@media (min-width: 768px) {
    .tarif-plans .row-title {
        margin: 0 0 8px
    }
}

@media (max-width: 767px) {
    .tarif-plans .row-title {
        padding: 0 0 0 6px
    }
}

.tarif-plans .row-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 10px;
    height: 1px;
    background: #e6e6e6
}

@media (min-width: 992px) {
    .tarif-plans .row-title:after {
        right: 16px
    }
}

.tarif-plans [class^="icon-"] {
    color: #3a8eed;
    font-size: 24px
}

.tarif-plans .heading-title {
    line-height: 1.5;
    display: block;
    padding: 31px 10px 0;
    border-bottom: 1px solid #989ca0;
    border-top: 1px solid #989ca0;
    margin: 0 0 40px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .tarif-plans .heading-title {
        padding: 20px 10px 0
    }
}

.tarif-plans .heading-title:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45);
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.tarif-plans .tarif-footer .item-col {
    border-bottom: 1px solid #989ca0
}

    .tarif-plans .tarif-footer .item-col:first-child {
        border: none !important
    }

    .tarif-plans .tarif-footer .item-col.lead {
        position: relative;
        z-index: 3;
        background: #fff;
        border-bottom: none
    }

@media (min-width: 480px) {
    .tarif-plans .tarif-footer .item-col.lead {
        margin: 0 0 -20px
    }
}

.tarif-plans .tarif-footer .item-col.lead:after {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0;
    top: 0;
    z-index: -1;
    border-bottom: 1px solid #3a8eed;
    border-right: 1px solid #3a8eed;
    border-left: 1px solid #3a8eed
}

@media (min-width: 480px) {
    .tarif-plans .tarif-footer .item-col.lead:after {
        box-shadow: 0 48px 42px 0 rgba(0, 0, 0, 0.1)
    }
}

.tarif-plans .tarif-footer .wrap {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 992px) {
    .tarif-plans .tarif-footer .wrap {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 16px
    }
}

.tarif-plans .btn-wrap {
    margin: 0 4px 20px
}

@media (min-width: 768px) {
    .tarif-plans .btn-wrap {
        margin: 0 10px 20px
    }
}

@media (min-width: 992px) {
    .tarif-plans .btn-wrap {
        margin: 0 5px 20px
    }
}

.tarif-plans .btn-wrap .btn {
    width: 100%
}

@media (max-width: 991px) {
    .tarif-plans .btn-wrap .btn {
        font-size: 15px;
        padding: 17px 10px
    }
}

@media (max-width: 767px) {
    .tarif-plans .btn-wrap .btn {
        font-size: 12px;
        padding: 12px 4px
    }
}

.tarif-plans .info-text {
    color: #3a8eed;
    line-height: 1.5;
    position: relative
}

    .tarif-plans .info-text p {
        margin: 0
    }

@media (min-width: 992px) {
    .tarif-plans .info-text {
        font-size: 17px;
        line-height: 1.3
    }
}

.tarif-plans .text-block {
    font-size: 12px;
    line-height: 1.75
}

@media (min-width: 992px) {
    .lead .info-text:after {
        -webkit-transform: translate(-125%,72%);
        -ms-transform: translate(-125%,72%);
        transform: translate(-125%,72%)
    }
}

.tarif-plans-info {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 80px 0 50px 0px
}

@media (min-width: 768px) {
    .tarif-plans-info {
        max-width: 720px;
        margin: 0 auto
    }
}

@media (min-width: 992px) {
    .tarif-plans-info {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .tarif-plans-info .two-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) {
    .tarif-plans-info .two-column .column {
        width: 50%
    }
}

.tarif-plans-content h2 p {
    margin: 0
}

.tarif-plans-content h2, .tarif-plans-content .h2 {
    margin: 0 0 14px
}

.price-table {
    background: #fff;
    box-shadow: 3px 4px 51px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.1;
    font-weight: 700;
    padding: 0 22px;
    position: relative
}

@media (min-width: 992px) {
    .price-table {
        font-size: 17px
    }
}

.price-table .text-mark {
    color: #3a8eed;
    text-transform: uppercase;
    letter-spacing: 1px
}

.price-table table {
    margin: 0
}

.price-table td, .price-table th {
    border: none;
    text-align: left
}

.price-table th {
    padding: 28px 20px 14px 0
}

@media (min-width: 992px) {
    .price-table th {
        padding: 28px 40px 14px 0
    }
}

.price-table th:last-child {
    padding-right: 0
}

.price-table td {
    padding: 19px 20px 19px 0
}

@media (min-width: 992px) {
    .price-table td {
        padding: 19px 40px 19px 0
    }
}

.price-table td:last-child {
    padding-right: 0
}

.price-table tfoot {
    font-weight: 400;
    border-top: 1px solid #e6e6e6
}

@media (min-width: 992px) {
    .price-table tfoot {
        font-size: 14px
    }
}

.price-table tfoot td {
    padding-top: 12px
}

.price-table thead {
    border-bottom: 1px solid #e6e6e6
}

.tarif-plans-section p {
    margin: 0
}

@media (min-width: 992px) {
    body.lang-de .price-table th {
        padding: 28px 20px 14px 0
    }

    body.lang-de .lead .info-text:after {
        transform: translate(-100%,90%)
    }

    body.lang-fr .tarif-plans-info .two-column .column:first-child {
        padding-right: 40px
    }

    body.lang-fr .price-table th {
        padding: 28px 20px 14px 0
    }

    body.lang-fr .lead .info-text:after {
        transform: translate(-90%,100%)
    }

    body.lang-es .tarif-plans-info .two-column .column:first-child {
        padding-right: 40px
    }

    body.lang-es .price-table th {
        padding: 28px 20px 14px 0
    }

    body.lang-es .lead .info-text:after {
        transform: translate(-100%,75%)
    }

    body.lang-nl .tarif-plans-info .two-column .column:first-child {
        padding-right: 40px
    }

    body.lang-nl .price-table th {
        padding: 28px 20px 14px 0
    }

    body.lang-nl .lead .info-text:after {
        transform: translate(-100%,75%)
    }
}

.lang-es .tarif-plans-content, .lang-fr .tarif-plans-content, .lang-de .tarif-plans-content {
    padding-left: 20px
}

@media (max-width: 768px) {
    .tarif-plans-content {
        padding-top: 40px
    }

    .tarif-plans-info .column:first-child {
        text-align: center
    }
}

a.lang_sel_other {
    display: flex;
    align-items: center
}

#wpml_lang img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

ul#wpml_lang {
    padding: 0;
    margin: 0
}

    ul#wpml_lang > li {
        float: left;
        list-style-type: none;
        position: relative
    }

.wplm-label {
    position: relative;
    display: flex;
    padding: 0 18px 0 8px;
    transition: background 0.3s;
    cursor: pointer;
    align-items: center;
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    color: #9c9fa7
}

    .wplm-label:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 7px;
        font-family: "icomoon" !important
    }

#wpml_lang input {
    display: none
}

    #wpml_lang input:checked ~ ul.drop-submenu {
        max-height: 300px;
        transition: max-height 0.5s ease-in
    }

ul.drop-submenu {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    background: rgb(230, 230, 230);
    ;
    box-shadow: 0 0 1px rgba(0, 0, 0, .3);
    transition: max-height 0.5s ease-out;
    position: absolute
}

    ul.drop-submenu li a {
        display: block;
        color: #000;
        text-decoration: none;
        transition: background .3s;
        white-space: nowrap;
        padding: 8px;
        font-size: 13px
    }

        ul.drop-submenu li a:hover {
            background: rgba(0, 0, 0, .3)
        }

.bg-light .sign-up-form input[type="password"]::placeholder, .bg-light .sign-up-form input[type="email"]::placeholder {
    color: #dcddde;
    opacity: 1
}

.bg-light .sign-up-form input[type="password"]:-ms-input-placeholder, .bg-light .sign-up-form input[type="email"]:-ms-input-placeholder {
    color: #dcddde
}

.bg-light .sign-up-form input[type="password"]::-ms-input-placeholder, .bg-light .sign-up-form input[type="email"]::-ms-input-placeholder {
    color: #dcddde
}

.social {
    flex-wrap: nowrap
}

@media (min-width: 992px) {
    .footer-nav {
        font-size: 14px;
        margin: 0 0 0 0
    }

        .footer-nav li {
            margin-right: 12px
        }

    .toggle-holder {
        max-width: 310px
    }

    .btn {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .footer-nav {
        font-size: 16px;
        margin: 0 35px 0 0
    }
}

.content-block .img-holder.sm {
    margin-bottom: 20px;
    text-align: center
}

p {
    margin: 0 0 2em
}

.review-info {
    line-height: 1.75
}

.template-card .img-holder {
    height: 140px
}

.vim_player {
    padding: 56.25% 0 0 0;
    position: relative;
    display: none
}

@media (min-width: 768px) {
    .content-block .img-holder.left_1 {
        -webkit-transform: translate(-168px, 55px);
        -ms-transform: translate(-168px, 55px);
        transform: translate(-168px, 55px);
        left: 0;
        position: absolute
    }

    .content-block .img-holder.left {
        -webkit-transform: translate(-168px, -35px);
        -ms-transform: translate(-168px, -35px);
        transform: translate(-168px, -35px)
    }

    .content-block .img-holder.right {
        -webkit-transform: translate(218px, 45px);
        -ms-transform: translate(218px, 45px);
        transform: translate(218px, 45px)
    }

    .content-block .img-holder.right_1 {
        left: auto;
        right: 10px;
        position: absolute;
        -webkit-transform: translate(215px, -170px);
        -ms-transform: translate(215px, -170px);
        transform: translate(215px, -170px)
    }

    .content-block .img-holder.sm {
        margin-bottom: 5px
    }
}

@media (min-width: 992px) {
    .content-block .img-holder.left_1 {
        -webkit-transform: translate(-168px, 115px);
        -ms-transform: translate(-168px, 115px);
        transform: translate(-168px, 115px)
    }

    .content-block .img-holder.left {
        -webkit-transform: translate(-168px, -25px);
        -ms-transform: translate(-168px, -25px);
        transform: translate(-168px, -25px)
    }

    .content-block .img-holder.right {
        -webkit-transform: translate(260px, 90px);
        -ms-transform: translate(260px, 90px);
        transform: translate(260px, 90px)
    }

    .content-block .img-holder.right_1 {
        -webkit-transform: translate(260px,-180px);
        -ms-transform: translate(260px,-180px);
        transform: translate(260px,-180px)
    }

    h3, .h3 {
        margin-bottom: 50px
    }

    .intro-img {
        margin: 0 -15px 0
    }

    .review-info p {
        margin-bottom: 25px
    }
}

@media (min-width: 1160px) {
    .content-block .img-holder.left_1 {
        -webkit-transform: translate(-200px, 115px);
        -ms-transform: translate(-200px, 115px);
        transform: translate(-200px, 115px)
    }

    .content-block .img-holder.left {
        -webkit-transform: translate(-200px, -25px);
        -ms-transform: translate(-200px, -25px);
        transform: translate(-200px, -25px)
    }

    .content-block .img-holder.right {
        -webkit-transform: translate(235px, 90px);
        -ms-transform: translate(235px, 90px);
        transform: translate(235px, 90px)
    }

    .content-block .img-holder.right_1 {
        -webkit-transform: translate(260px, -180px);
        -ms-transform: translate(260px, -180px);
        transform: translate(260px, -180px)
    }
}

@media (min-width: 1360px) {
    .review-list .review-block:nth-child(odd) > .img-holder img {
        margin-right: -40px
    }

    .review-block > .img-holder img {
        margin-left: 15px
    }

    .content-block .img-holder.left_1 {
        -webkit-transform: translate(-210px, 90px);
        -ms-transform: translate(-210px, 90px);
        transform: translate(-210px, 90px)
    }

    .content-block .img-holder.left {
        -webkit-transform: translate(-210px, -25px);
        -ms-transform: translate(-210px, -25px);
        transform: translate(-210px, -25px)
    }

    .content-block .img-holder.right {
        -webkit-transform: translate(260px, 90px);
        -ms-transform: translate(260px, 90px);
        transform: translate(260px, 90px)
    }

    .content-block .img-holder.right_1 {
        -webkit-transform: translate(260px, -180px);
        -ms-transform: translate(260px, -180px);
        transform: translate(260px, -180px)
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .btn.btn-sm {
        padding: 6px
    }

    .main-menu li {
        padding: 5px 12px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .btn.btn-sm {
        padding: 7px
    }

    .btn-group .btn {
        margin: 3px
    }

    .main-menu li {
        padding: 5px 7px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .main-menu li {
        padding: 5px 12px
    }
}

.main-menu .current-menu-item a, .single-templates-examp .menu-item-object-templates-examp a {
    color: #008126
}

    .main-menu .current-menu-item a:after, .single-templates-examp .menu-item-object-templates-examp a:after {
        -webkit-transition: opacity .3s ease-in-out, right .3s ease-in-out;
        transition: opacity .3s ease-in-out, right .3s ease-in-out;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 100%;
        height: 2px;
        background: currentColor;
        opacity: 1;
        width: 100%
    }

#term-cat63 {
    display: none
}

@media screen and (min-width: 1020px) {
    .fancybox-slide--iframe .fancybox-content {
        height: 540px;
        width: 960px;
        margin: 0
    }
}

.home .video-section h2 {
    margin: 0 auto
}

.mobile-links {
    display: none
}

@media screen and (max-width: 767px) {
    .mobile-links {
        display: block
    }
}

.error404 {
    height: 100vh
}

    .error404 #wrapper {
        min-height: calc(100vh - 111px)
    }

    .error404 #footer {
    }

.col:nth-child(5) .template-card .img-holder img {
    margin-bottom: 15px
}

.col:nth-child(7) .template-card .img-holder img {
    margin-right: 35px
}

.col:nth-child(8) .template-card .img-holder img {
    margin-bottom: -30px
}

@media screen and (min-width: 992px) {
    .page-template-tempalte-how-it-works-page .vertical-block .img-holder {
        min-height: 241px;
        align-items: center;
        margin-bottom: 15px
    }
}

.page-template-tempalte-how-it-works-page .info-block:last-child img.bordered-img {
    box-shadow: none
}

.why-toms-planner .col:nth-child(1) img {
    margin-top: 17px
}

.why-toms-planner .col:nth-child(3) img {
    margin-top: 5px
}

.accounttypeselector {
    width: 100%;
    padding-left: 10px;
    color: #9c9fa7
}

.paymentintervalradiobutton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #c8c9ca;
    background-color: #f7f8f9;
    transition: 0.1s all linear;
    outline: none;
    position: relative;
    top: 2px
}

input:checked {
    border: 6px solid #c8c9ca
}

.sign-up-form .input-holder {
    text-align: left
}

.sign-up-form input[type=radio] {
    margin-right: 10px
}

.paymentintervalpro, .paymentintervalunl {
    height: 0px;
    overflow: hidden
}

    .paymentintervalpro .input-holder, .paymentintervalunl .input-holder {
        padding-bottom: 17px
    }

.sign-up-form-popup {
    width: 400px
}

    .sign-up-form-popup .additional-info {
        padding-top: 45px
    }

.google-sign-up-form-popup .additional-info {
    padding-top: 15px
}

.input-label {
    text-align: left;
    padding-bottom: 7px;
    padding-top: 5px;
    color: #838486
}

.jcf-select {
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.bg-light .jcf-select {
    border-color: #dcddde
}

.jcf-select .jcf-select-text, .sign-up-form label {
    font-size: 13px
}

@media (min-width: 992px) {
    .jcf-select .jcf-select-text, .sign-up-form label {
        font-size: 16px
    }
}

/*some resets for the blog articles*/
.single-post .article-section .alignright {
    float: none;
    margin: 0 15px 5px 0px;
}

.single-post .article-section img.aligncenter {
    display: inline;
    margin: 0 15px 5px 0px;
}

.single-post .article-section ul
{
    margin: 12px !important;
    padding: initial !important;
    list-style: initial !important;
    padding-left: initial !important;
}

.single-post .article-section li:before {
    display: none !important;
}
.single-post .article-section li {
    margin: initial !important;
    padding: initial !important;
    padding-left: initial !important;
    padding-left: initial !important;
    margin-bottom: initial !important;
}