/*
Theme Name: wordherd
Theme URI: https://wordherd.io
Author: WordHerd
Author URI: https://wordherd.io
Description: Description
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wordherd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wordherd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Default Fonts */
@font-face {
    font-family: Untitled Sans;
    src: url(fonts/untitledsans-light.6b281b65.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Untitled Sans;
    src: url(fonts/untitledsans-regular.232daed4.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Untitled Sans;
    src: url(fonts/untitledsans-medium.82a9ec97.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Untitled Sans;
    src: url(fonts/untitledsans-bold.6c0fb184.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Tiempos;
    src: url(fonts/tiempos-text-web-regular.38e869ff.woff2) format("woff2"),
        url(fonts/tiempos-text-web-regular.37224626.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Tiempos;
    src: url(fonts/tiempos-text-web-regular-italic.96bc5d49.woff2)
            format("woff2"),
        url(fonts/tiempos-text-web-regular-italic.6f9e299f.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: fallback;
}
@font-face {
    font-family: Tiempos;
    src: url(fonts/tiempos-text-web-semibold.8dbd891c.woff2) format("woff2"),
        url(fonts/tiempos-text-web-semibold.883d0e51.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: Tiempos;
    src: url(fonts/tiempos-fine-web-semibold.7bbe594b.woff2) format("woff2"),
        url(fonts/tiempos-fine-web-semibold.8139fa5f.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: fallback;
}

html {
    font-family: Untitled Sans, system-ui, -apple-system, Segoe UI, Roboto,
        Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
        Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji,
        Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
}

body {
    background-color: #000;
    overflow-x: clip;
}

/* Full Width Gutenberg */
.alignwide {
    margin-left: -80px;
    margin-right: -80px;
}
.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}
/* .alignfull img { width: 100vw } */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: 800;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
body,
button,
input,
select,
optgroup,
textarea,
ul,
ol,
li {
    color: #404040;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
p {
    margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* body { background: #fff } */
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
figure {
    margin: 1em 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
/* button, */
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}
select {
    border: 1px solid #ccc;
}
textarea {
    width: 100%;
}
/* a { color: #4169e1 }
a:visited { color: #800080 }
a:hover, a:focus, a:active { color: #191970 } */
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
.main-navigation {
    display: block;
    width: 100%;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation ul ul {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}
.main-navigation li {
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
#primary[tabindex="-1"]:focus {
    outline: 0;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}
.widget {
    margin: 0;
}
.widget select {
    max-width: 100%;
}
.sticky {
    display: block;
}
.post,
.page {
    margin: 0;
}
.updated:not(.published) {
    display: none;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}
.infinity-end.neverending .site-footer {
    display: block;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
embed,
iframe,
object {
    max-width: 100%;
}
.custom-logo-link {
    display: inline-block;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
.gallery {
    margin-bottom: 1.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.body-copy {color:#fff;}
.white-link a,
.white-link a:visited {
    color:#fff;
    border-bottom:1px solid #fff;
    padding-bottom:4px;
}
.white-link a:hover,
.white-link a:active,
.white-link a:focus {
    color:#fff;
}
/*Theme layout Option CSS*/

body > #page > .content-area.boxed {
    width: 1250px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 20px;
}
body > #page > .content-area.no-sidebar > main.site-main {
    width: 100%;
}
body > #page > .content-area.left-sidebar,
body > #page > .content-area.right-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body > #page > .content-area.left-sidebar > main.site-main,
body > #page > .content-area.right-sidebar > main.site-main {
    width: calc(100% - 250px);
}
body > #page > .content-area.left-sidebar > aside.widget-area,
body > #page > .content-area.right-sidebar > aside.widget-area {
    width: 250px;
}

body.single,
body.archive,
.archive {
    background-color: #fff;
}

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

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-list-style {
    list-style: none !important;
}
.plans-hero-button{
    display: block !important;
    margin-top: 20px;
}
.plans-hero-button .kt-btn-inner-text{
    font-weight: 400; 
}
.wp-block-image {
    margin: 0;
}

.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.relative {
    position: relative;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-12 {
    grid-column: span 12 / span 12;
}
.col-span-full {
    grid-column: 1/-1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-end-5 {
    grid-column-end: 5;
}
.col-end-7 {
    grid-column-end: 7;
}
.col-end-13 {
    grid-column-end: 13;
}

.navbar {
    /* -webkit-transition: background-color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out;
    background-color: transparent; */
    /* background-color: #000; */
    position: fixed;
    width: 100%;
    height: 55px;
    border-top: 10px solid #fff00b;
    border-bottom: 1px solid #fff;
    z-index: 99;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* top: 32px; */
    /* top: 0; */
}
.promo-showing .navbar {
    top: 32px;
}
/* body.logged-in .navbar {
    top: 66px;
} */
@media screen and (min-width: 1024px) {
    .navbar {
        height: 80px;
    }
    .website-templates {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.navbar--is-solid {
    background-color: #000;
}
.navbar__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.navbar__badge-anchor {
    display: none;
}
@media screen and (min-width: 1170px) {
    .navbar__badge-anchor {
        display: inline-block;
    }
}
.navbar__badge {
    width: 40px;
    height: auto;
}
.navbar__left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
}
@media screen and (min-width: 1024px) {
    .navbar__left {
        padding-left: 30px;
    }
}
.navbar__links {
    display: none;
    margin-left: 32px;
    padding-top: 13px;
}
@media screen and (min-width: 1170px) {
    .navbar__links {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.navbar__link {
    color: #fff;
    font-size: 15px;
    margin-left: 24px;
    padding-bottom: 8px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
.navbar__link:first-child {
    margin-left: 0;
}
.navbar__link:hover {
    opacity: 1;
    border-bottom: 2px solid #fff00b;
}
.navbar__link-badge {
    display: inline-block;
    vertical-align: baseline;
    padding: 1px 5px;
    color: #000;
    background-color: #fff00b;
    font-size: 11px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.navbar__right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.navbar__mobile-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 21px;
    height: 18px;
    margin-right: 15px;
    outline: none;
    position: relative;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .navbar__mobile-trigger {
        margin-right: 25px;
    }
}
@media screen and (min-width: 1170px) {
    .navbar__mobile-trigger {
        display: none;
    }
}
.navbar__mobile-trigger-lines {
    -webkit-transition: background-color 250ms ease;
    transition: background-color 250ms ease;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.navbar__mobile-trigger-lines::before {
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
    content: "";
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 2px;
}
.navbar__mobile-trigger-lines::after {
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
    content: "";
    -webkit-transform-origin: center;
    transform-origin: center;
    background-color: #fff;
    display: block;
    width: 21px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.navbar__mobile-trigger--active .navbar__mobile-trigger-lines {
    background-color: transparent;
}
.navbar__mobile-trigger--active .navbar__mobile-trigger-lines::before {
    -webkit-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}
.navbar__mobile-trigger--active .navbar__mobile-trigger-lines::after {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}
.navbar__mobile-container {
    -webkit-transition: opacity 250ms ease;
    transition: opacity 250ms ease;
    background-color: #fff;
    border-top: 1px solid #000;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    height: calc(100vh - (55px - 1px));
    z-index: 1;
    overflow: scroll;
}
@media screen and (min-width: 1024px) {
    .navbar__mobile-container {
        height: calc(100vh - (80px - 1px));
        top: 79px;
    }
}
.navbar__mobile-container--active {
    opacity: 1;
    pointer-events: auto;
    overflow:scroll;
}
.navbar__mobile-item {
    color: #000;
    line-height: 1;
    margin-bottom: 40px;
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px) {
    .navbar__mobile-item {
        padding: 0 58px;
    }
}
.navbar__mobile-item:last-child {
    margin-bottom: 0;
}
.navbar__mobile-item .navbar__link-badge {
    margin: 1px 0 0 10px;
}
.navbar__mobile-items-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 25px;
}
.navbar__mobile-items-group:first-child {
    font-size: 21px;
    border-bottom: 1px solid #000;
}
.navbar__mobile-items-group:first-child .navbar__mobile-item {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}
.navbar__mobile-items-group:first-child .navbar__mobile-item:last-child {
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
    padding-bottom: 0;
}
.navbar__mobile-social-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px;
}
@media screen and (min-width: 1024px) {
    .navbar__mobile-social-links {
        padding: 0 58px;
    }
}
.navbar__mobile-social-link {
    color: #000;
    display: inline-block;
    margin-right: 22px;
    text-decoration: none;
}
.navbar__mobile-social-link-icon {
    height: 20px;
    width: auto;
}
.navbar__logo-link {
    display: block;
    color: #fff;
    width: 100px;
    height: auto;
}
.navbar__logo-link > img {
    height: 100%;
}
@media screen and (min-width: 1024px) {
    .navbar__logo-link {
        width: 120px;
        left: 50%;
        position: absolute;
        margin-left: -95px;
    }
}
.navbar__get-started,
.navbar__manage-site {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    width: 102px;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .navbar__get-started,
    .navbar__manage-site {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 15px;
        padding: 0 24px;
        width: 136px;
    }
}
.navbar__get-started-icon,
.navbar__manage-site-icon {
    display: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 13px;
}
@media screen and (min-width: 1024px) {
    .navbar__get-started-icon,
    .navbar__manage-site-icon {
        -webkit-transition: -webkit-transform 350ms ease-in-out;
        transition: -webkit-transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out,
            -webkit-transform 350ms ease-in-out;
        display: block;
        width: 16px;
    }
}
.navbar__get-started:hover,
.navbar__manage-site:hover {
    background-color: #000;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .navbar__get-started:hover .navbar__get-started-icon,
    .navbar__manage-site:hover .navbar__get-started-icon {
        -webkit-transform: translateX(12px);
        transform: translateX(12px);
    }
}
.navbar__link--login {
    margin-right: 15px;
    padding-top: 8px;
}
.logged-in .navbar__link--login {
    display: none;
}
@media screen and (min-width: 1024px) {
    .navbar__link--login {
        display: inline-block;
        margin-right: 40px;
    }
}
.logged-in .navbar__get-started {
    display: none;
}
body:not(.logged-in) .navbar__manage-site {
    display: none;
}
.navbar-scroll-pixel {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    visibility: hidden;
}
.solutions__link--divider {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
}
.solutions__link--submenu {
    display: none;
    cursor: pointer;
    position: absolute;
    background: #fff;
    top: 80px;
    left: 100px;
    padding: 11px 35px;
    /* width: 388px; */
    width: 320px;
    margin: 0;
    list-style: none;
}
.solutions__link--submenu-item {
    -webkit-transition: 300ms;
    transition: 300ms;
    padding: 18px 0;
    /* min-height: 106px; */
    min-height: 66px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.solutions__link--submenu-item a {
    color: #000;
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.solutions__link--submenu-arrow {
    width: 25px;
}
.solutions__link--submenu-heading {
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-transform: initial;
    font-weight: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.solutions__link--submenu-heading.smaller-spacing {
    letter-spacing: -0.03em;
}
.solutions__link--submenu-heading .navbar__link-badge {
    margin-left: 10px;
    padding: 1px 14px;
}
.solutions__link--submenu-description {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    line-height: 1.4;
    width: 255px;
    margin: 0;
}

.hero {
    position: relative;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    padding-top: 120px;
    background-color: #000;
    /* padding-bottom: 40px */
}
@media screen and (min-width: 1024px) {
    .hero {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .hero {
        max-width: 1240px;
    }
}
@media screen and (min-width: 800px) {
    .hero {
        padding-top: 120px;
    }
}
@media screen and (min-width: 1024px) {
    .hero {
        padding-top: 185px;
    }
}
@media screen and (min-width: 1440px) {
    .hero {
        padding-top: 174px;
    }
}
@media screen and (min-width: 1024px) {
    .hero {
        padding-bottom: 40px;
        overflow:hidden;
    }
}

/* .page-id-11619 .hero__image {
    opacity: 0;
} */
/* .hero__images {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}
.hero__image {
    will-change: opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}
.hero__image--mobile {
    display: block
}
@media screen and (min-width: 1024px) {
    .hero__image--mobile {
        display: none
    }
}
.hero__image--tablet {
    display: none
}
@media screen and (min-width: 1024px) {
    .hero__image--tablet {
        display: block
    }
}
@media screen and (min-width: 1440px) {
    .hero__image--tablet {
        display: none
    }
}
.hero__image--desktop {
    display: none
}
@media screen and (min-width: 1440px) {
    .hero__image--desktop {
        display: block
    }
} */
/* .hero__inner > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    padding-top: 80px
}
@media screen and (min-width: 1024px) {
    .hero__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
@media screen and (min-width: 1024px) {
    .hero__inner > .kt-inside-inner-col {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner > .kt-inside-inner-col {
        max-width: 1240px
    }
}
@media screen and (min-width: 800px) {
    .hero__inner > .kt-inside-inner-col {
        padding-top: 120px
    }
}
@media screen and (min-width: 1024px) {
    .hero__inner > .kt-inside-inner-col {
        padding-top: 185px
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner > .kt-inside-inner-col {
        padding-top: 174px
    }
} */

.hero__form__box__form {
    padding: 35px 30px 40px;
}
.hero__form__box__download,
.hero__form__box__form,
.hero__form__box__pending {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero__form__box__download,.hero__form__box__pending {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none
}

.hero__form__box__download__force,.hero__form__box__pending__force {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #000;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    padding-bottom: 8px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit
}

.hero__form__box__download__force:after,.hero__form__box__pending__force:after {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear,-webkit-transform .25s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    content: "";
    background-color: #000;
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0
}

.hero__form__box__download__force:hover:after,.hero__form__box__pending__force:hover:after {
    -webkit-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0)
}

.hero__form__box__download h4,.hero__form__box__pending h4 {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    font-size: 26px;
    margin-bottom: 15px
}

.hero__form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .hero__form__field {
        margin-bottom:25px
    }
}

.hero__form__field label {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #000 !important;
}

.hero__form__field input {
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000 !important;
}

@media screen and (min-width: 1024px) {
    .hero__form__field input {
        height:50px;
        line-height: 50px
    }
}

.hero__form__field__message {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff0036
}

.hero__form__submit {
    -webkit-transition: background-color .35s ease-in-out,color .35s ease-in-out;
    transition: background-color .35s ease-in-out,color .35s ease-in-out;
    background-color: #fff;
    border-radius: 999px;
    color: #000 !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px!important;
    height: 60px!important;
    padding: 0 25px!important;
    text-decoration: none;
    margin-top: 10px!important;
    border: none;
    background-color: #fff00b;
    cursor: pointer
}

.hero__form__submit svg {
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px
}

.hero__form__submit:hover {
    background-color: #fff00b;
    color: #000
}

.hero__form__submit:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

@media screen and (min-width: 1024px) {
    .hero__form__submit {
        margin-top:30px
    }
}

.hero__form__subtitle {
    margin: 20px;
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    color: #000 !important;
}

@media screen and (min-width: 1024px) {
    .hero__form__subtitle {
        font-size:18px
    }
}

.hero__user-theme-container {
    display: none;
}
@media screen and (min-width: 1024px) {
    .hero__user-theme-container {
        display: block;
        grid-column: 4 / -1;
        margin-bottom: 16px;
        position: relative;
        width: 105.57%;
        height: 22px;
    }
}
@media screen and (min-width: 1440px) {
    .hero__user-theme-container {
        grid-column: 6 / -1;
        width: 99.44%;
    }
}
.hero__user-theme {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
}
.hero__user-theme--active {
    opacity: 1;
}
.hero__user-theme a {
    color: #fff;
}
.hero__text {
    color: #fff;
    grid-column: 1 / -1;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 1024px) {
    .hero__text {
        grid-column: 1 / 4;
        max-width: 90%;
    }
}
@media screen and (min-width: 1440px) {
    .hero__text {
        grid-column: 1 / 6;
        max-width: none;
    }
}
.hero__title,
.hero-title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;

    font-weight: 300;
    text-transform: initial;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .hero__title,
    .hero-title {
        font-size: 50px;
        letter-spacing: initial;
        line-height: 1.2;
        font-weight: 300;
        text-transform: initial;
    }
}
.hero-title.black {
    color: #000;
}
/* .hero__title-trademark {
    font-size: 0.5em;
    vertical-align: super;
    position: relative;
    left: -0.1em
} */
.hero__blurb,
.hero-blurb {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;

    font-weight: 300;
    text-transform: initial;
    margin-top: 25px !important;
    color: #fff;
}
.hero__blurb a,
.hero-blurb a {
    color: #fff;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .hero__blurb,
    .hero-blurb {
        font-size: 22px;
        letter-spacing: initial;
        line-height: 1.36;

        font-weight: 300;
        text-transform: initial;
        max-width: 89.33%;
    }
}
.hero-blurb.black {
    color: #000;
}
/* .hero__cta-container .kt-inside-inner-col {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
@media screen and (min-width: 1024px) {
    .hero__cta-container .kt-inside-inner-col {
        width: auto
    }
} */

.hero-cta-container .kt-row-column-wrap {
    width: auto !important;
}

.hero-cta-container .inner-column-1 {
    margin-bottom: 0 !important;
}
.hero__cta {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff00b;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
    margin: 32px auto 0;
    font-size: 16px;
    height: 50px;
}
.hero__cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.hero__cta:hover {
    background-color: #fff00b;
    color: #000;
}
.hero__cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
.hero__cta:hover {
    background-color: #fff;
}
@media screen and (min-width: 1024px) {
    .hero__cta {
        margin: 64px auto 0 0;
        font-size: 21px;
        height: 60px;
    }
}
.hero__cta-caption,
.hero-cta-caption {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.67;

    font-weight: 300;
    text-transform: initial;
    margin: 0;
    margin-top: 15px;
    width: 100%;
    /* text-align: center */
    color: #fff;
}
@media screen and (min-width: 768px) {
    .hero-cta-caption {
        margin-left: 7px;
    }
}
.hero__browsers {
    grid-column: 1 / -1;
    margin-top: 10px;
    opacity: 0;
    pointer-events: none;
    position: relative;
    z-index: 0;
}
.hero__browsers--visible {
    opacity: 1;
}
@media screen and (min-width: 800px) {
    .hero__browsers {
        margin-top: 30px;
        z-index: 1;
    }
}
@media screen and (min-width: 1024px) {
    .hero__browsers {
        grid-column: 4 / -1;
        left: -3%;
    }
}
@media screen and (min-width: 1440px) {
    .hero__browsers {
        grid-column: 6 / -1;
        left: 5%;
    }
}
.hero__browsers .browser {
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    position: absolute;
    top: 0;
    left: 0;
    width: 92.64%;
    z-index: 6;
}
@media screen and (min-width: 800px) {
    .hero__browsers .browser {
        width: 80%;
    }
}
@media screen and (min-width: 1024px) {
    .hero__browsers .browser {
        width: 105.57%;
    }
}
@media screen and (min-width: 1440px) {
    .hero__browsers .browser {
        width: 99.44%;
    }
}
.hero__browsers .browser:nth-child(2) {
    z-index: 4;
}
.hero__browsers .browser:nth-child(3) {
    z-index: 3;
}
.hero__browsers .browser:nth-child(4) {
    z-index: 2;
}
.hero__browsers .browser:nth-child(5) {
    z-index: 1;
}
.hero__browsers .browser:nth-child(6) {
    z-index: 0;
}
.hero__browsers .browser:nth-child(7) {
    z-index: -1;
}
/* .hero__slideshow > .kt-inside-inner-col {
    grid-column: 1 / -1;
    margin-top: 10px;
    pointer-events: none;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64vw;
    z-index: 0
}
@media screen and (min-width: 1024px) {
    .hero__slideshow {
        grid-column: 4 / -1;
        height: auto;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0
    }
}
@media screen and (min-width: 1440px) {
    .hero__slideshow {
        grid-column: 6 / -1
    }
} */
.hero .inner-column-2, 
.hero .kt-inside-inner-col {
    height: 100%;
}
/* .hero__slideshow {
    background: url(/wp-content/uploads/creative-professional-online-portfolio-example-design.jpg) 20px center no-repeat;
    height: 100%;
    background-size: 100%;
} */
.hero__slideshow .kt-inside-inner-col {
    position: relative;
    height: 64vw;
    z-index: 0;
}
@media screen and (min-width: 1024px) {
    .hero__slideshow .kt-inside-inner-col {
        height: auto;
    }
}
.hero__slideshow__item,
.hero__slideshow__frame {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
    z-index: 1;
}
.hero__slideshow__item--active,
.hero__slideshow__frame--active {
    opacity: 1;
}
.hero__slideshow img {
    width: 100%;
}
@media screen and (min-width: 1440px) {
    .hero__slideshow img {
        position: relative;
        right: -20px;
    }
}
.hero__slideshow__frame {
    opacity: 1;
    z-index: 2;
}

.socialprrof {
    background: #fff;
    color: #000;
}
.socialprrof__inner .kt-inside-inner-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 28px 15px;
}
@media screen and (min-width: 1024px) {
    .socialprrof__inner .kt-inside-inner-col {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 1240px;
        margin: 0 auto;
        padding: 36px 15px 30px;
    }
}
.socialprrof__heading {
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: 500;
    text-transform: initial;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .socialprrof__heading {
        padding-bottom: 4px;
        font-size: 18px;
        line-height: 24px;
    }
}
.socialprrof__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .socialprrof__list {
        width: auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 45px;
    }
}
.socialprrof__list li {
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    padding: 5px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .socialprrof__list li {
        font-size: 18px;
        padding: 0 18px;
        border-right: 1px solid #bfbfbf;
    }
    .socialprrof__list li:last-child {
        border-right: none;
    }
}
/* .socialprrof__list li span {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 8px
} */

.socialprrof__list li::before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 8px;
}

.socialprrof__list li:nth-child(1)::before {
    content: url("/wp-content/uploads/icon-photographers.svg");
}

.socialprrof__list li:nth-child(2)::before {
    content: url("/wp-content/uploads/icon-countries.svg");
}

.socialprrof__list li:nth-child(3)::before {
    content: url("/wp-content/uploads/icon-years.svg");
}

/* .anchors {
    display: none
} */
@media screen and (min-width: 1024px) {
    .anchors {
        /* display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; */
        border: 2px solid #fff;
        border-left: none;
        border-right: none;
        /* -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center */
    }
}
.anchors a {
    text-decoration: none;
    font-size: 1.125rem !important;
}
.anchor {
    color: #fff;
    width: 100%;
    padding: 45px 0 45px 10%;
    /* max-width: 750px */
}
.anchor:first-child, .anchor-center {
    border-right: 2px solid #fff;
}
.anchor__label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    color: #fff00b;
    font-size: 28px;
    font-weight: 500;
}
.anchor__description {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    width: 70%;
}
.anchor__content .kt-inside-inner-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.description {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    padding: 45px 25px;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}
@media screen and (min-width: 1024px) {
    .description {
        margin: 0 auto;
        max-width: 86.93%;
        width: 100%;
        font-size: 28px;
        padding: 45px 0 52px;
        border: none;
        line-height: 44px;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .description {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .description {
        max-width: 1240px;
    }
}
.description__text {
    margin: 0 auto 24px;
    max-width: 760px;
}
.description__text:last-child {
    margin-bottom: 0;
}

.portfolio {
    padding: 55px 0 0;
    border-top: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
    .portfolio {
        padding: 75px 0 50px;
    }
}
@media screen and (max-width: 1023px) {
    .portfolio {
        padding: 15px 0 10px;
    }
}
.portfolio__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -1.5px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
}
@media screen and (min-width: 1024px) {
    .portfolio__title {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 110px;
    }
}
.portfolio__logo {
    height: 25px;
    margin-right: 10px;
}
@media screen and (min-width: 1024px) {
    .portfolio__logo {
        height: 66px;
    }
}
.portfolio__description {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin: 45px auto;
    opacity: 0.7;
}
@media screen and (min-width: 1024px) {
    .portfolio__description {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .portfolio__description {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .portfolio__description {
        max-width: 1015px;
        margin: 60px auto 80px;
        text-align: center;
        font-size: 22px;
    }
}
.portfolio__cta-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.portfolio__cta {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff00b;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    margin: 12px auto;
}
.portfolio__cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.portfolio__cta:hover {
    background-color: #fff00b;
    color: #000;
}
.portfolio__cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
.portfolio__cta svg {
    margin-left: 15px;
}
@media screen and (min-width: 1024px) {
    .portfolio__cta {
        font-size: 18px;
        padding: 0 30px;
        margin: 0 auto;
    }
}
.portfolio__cta:hover {
    background-color: #fff;
}
.portfolio__browsers {
/*    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(0, 0, 0, 0.2)),
            color-stop(rgba(0, 0, 0, 0)),
            color-stop(rgba(0, 0, 0, 0)),
            to(black)
        ),
        url(/wp-content/uploads/blurred-portfolio-full-bleed-4a9a8901ca0066f64a2ced3e0af166c39e95946fa879663dcf21cb820eafd541.jpg);
    background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0),
            black
        ),
        url(/wp-content/uploads/blurred-portfolio-full-bleed-4a9a8901ca0066f64a2ced3e0af166c39e95946fa879663dcf21cb820eafd541.jpg);
    background-repeat: no-repeat;
    background-size: cover;
*/
    padding: 50px 0;
    margin-top: 30px;
}
@media screen and (min-width: 1024px) {
    .portfolio__browsers {
        padding: 100px 0 50px;
    }
}
.browser-gallery {
    overflow: hidden;
}
.browser-gallery .kb-gallery-figure {
    background-image: url("/wp-content/uploads/Frame-1269-m-black.png");
/*    
    background-image: url("data:image/svg+xml,%3Csvg class='browser__frame' viewBox='0 0 473 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd' fill='none'%3E%3Cg stroke-width='1.2px' stroke='%23FFFFFF' fill='none'%3E%3Cpath d='M14.89 14.798L1.269 289.628l13.298 13.234 456.868-.102-.632-288.293-13.4-13.24L14.89 14.799z' fill='%23000' stroke='%23FFFFFF' stroke-width='1.2px'%3E%3C/path%3E%3Cpath d='M471.277 302.54l-14.21-13.1' stroke-linecap='square' stroke='%23FFFFFF' fill='none' stroke-width='1.2px'%3E%3C/path%3E%3Cg fill='%23000' stroke='%23FFFFFF' stroke-width='1.2px'%3E%3Cpath d='M1.256 1.32h455.883v288.047H1.256z' stroke='%23FFFFFF' stroke-width='1.2px'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg fill='%23FFFFFF' transform='translate(24.021 20.754)'%3E%3Cellipse cx='3.086' cy='3.088' rx='3.086' ry='3.088' fill='%23FFFFFF'%3E%3C/ellipse%3E%3Cellipse cx='13.824' cy='3.088' rx='3.086' ry='3.088' fill='%23FFFFFF'%3E%3C/ellipse%3E%3Cellipse cx='24.561' cy='3.088' rx='3.086' ry='3.088' fill='%23FFFFFF'%3E%3C/ellipse%3E%3C/g%3E%3Cg transform='translate(422.919 17.736)' fill='none'%3E%3Cpath d='M7.984 4.77H5.61v.57H7.88v1.3H5.61v1.73H4.04V3.422h3.944z' fill-rule='nonzero' fill='%23FFFFFF'%3E%3C/path%3E%3Cellipse cx='5.897' cy='5.9' rx='5.297' ry='5.3' stroke-width='1.2px' stroke='%23FFFFFF' fill='none'%3E%3C/ellipse%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
*/
    background-repeat: no-repeat;
    background-size:contain;
}

.browser-gallery .kb-gal-image-radius {
    /* position: relative !important; */
    /* top: 15% !important; */
    width: 270px !important;
    height: 200px !important;
    padding: 0 5% 0 5% !important;
    /* overflow: hidden !important; */
}

@media screen and (min-width: 768px) {
    .browser-gallery .kb-gal-image-radius {
        width: 400px !important;
        height: 275px !important;
    }
}

.browser-gallery .kb-gallery-image-contain {
    position: relative;
    /* height: 0; */
    /* padding-bottom: 53.88% !important; */
    top: 6%;
}

/*@media screen and (min-width: 540px) {
    .browser-gallery .kb-gallery-image-contain {
        top: 12%;
    }
}

@media screen and (min-width: 768px) {
    .browser-gallery .kb-gallery-image-contain {
        top: 13%;
    }
}

@media screen and (min-width: 1024px) {
    .browser-gallery .kb-gallery-image-contain {
        top: 15%;
    }
}*/

.browser-gallery .kb-gallery-image-contain img {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    -o-object-position: center top !important;
    object-position: center top !important;
}
.browser-gallery .kadence-blocks-gallery-item__caption {
    top: 12px !important;
    bottom: initial !important;
    background: none !important;
    padding: 0 !important;
    font-size: 13px !important;
    margin-left: 5%;
    text-align:left !important;
}
@media screen and (min-width: 768px) {
    .browser-gallery .kadence-blocks-gallery-item__caption {
        top: 18px !important;
    }
}
.portfolio__browsers .slideshow__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.portfolio__browsers .slideshow__container .browser {
    position: absolute;
    width: 70%;
    left: -20%;
}
@media screen and (min-width: 1024px) {
    .portfolio__browsers .slideshow__container .browser {
        width: 31%;
        left: 2.5%;
    }
}
.portfolio__browsers .slideshow__container .browser:first-child {
    position: relative;
}
.portfolio__highlights {
    margin: 65px auto 50px auto !important;
}
@media screen and (min-width: 1024px) {
    .portfolio__highlights {
        margin: 0 auto;
        max-width: 86.93%;
        width: 100%;
        margin: 65px auto;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .portfolio__highlights {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .portfolio__highlights {
        max-width: 1240px;
    }
}
.portfolio__features {
    display: none;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .portfolio__features {
        display: block;
    }
}
@media screen and (min-width: 1024px) {
    .portfolio__features {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .portfolio__features {
        max-width: 1240px;
    }
}
.portfolio__features h4 {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
    text-align: center;
    width: 60%;
    max-width: 700px;
    margin: 0 auto 60px;
}
@media screen and (min-width: 1024px) {
    .portfolio__features h4 {
        max-height: 1000px;
        margin: 0 auto 80px;
    }
}
.portfolio__features ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .portfolio__features ul {
        max-height: 1000px;
    }
}
@media screen and (min-width: 1440px) {
    .portfolio__features ul {
        max-height: 960px;
    }
}
.portfolio__features li {
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    text-transform: initial;
    width: 32%;
    padding: 40px;
    margin: 10px 0;
    background: #0c0c0c;
    font-weight: 300;
    color: #fff;
}
.portfolio__features--container .kt-inside-inner-col {
    position: relative;
}
.portfolio__features--container .kt-inside-inner-col::after {
    content: "";
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.75)),
        to(transparent)
    );
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    display: block;
    position: absolute;
    height: 500px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.highlight--container {
    margin-bottom: 16px !important;
}
@media screen and (min-width: 1024px) {
    .highlight--container {
        margin-bottom: 12px !important;
    }
}
.highlight--block {
    background: #171717;
    color: #fff;
    /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; */
    padding: 40px 25px;
    opacity: 0;
    -webkit-transition: opacity 2000ms;
    transition: opacity 2000ms;
}
@media screen and (min-width: 1024px) {
    .highlight--block {
        padding: 55px 50px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 480px;
    }
}
.highlight--block svg {
    width: 34px;
}
@media screen and (min-width: 1024px) {
    .highlight--block svg {
        width: 44px;
    }
}
.highlight--block h5 {
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-transform: initial;
    font-size: 26px;
    margin: 24px 0 0 0 !important;
}
.highlight--block p {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    font-size: 18px;
    line-height: 27px;
    margin: 12px 0 0 0;
    opacity: 0.7;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .highlight--block p {
        margin-top: 30px;
    }
}
.highlight--block--active {
    opacity: 1;
}
@media screen and (min-width: 1024px) {
    .highlight--container:nth-child(even)
        .highlight--block:not(.highlight--block--centered) {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
.highlight--image img {
    width: 100%;
    margin-bottom: 50px;
    padding: 16px;
}
@media screen and (min-width: 1024px) {
    .highlight--image img {
        /* width: 44%; */
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1023px) {
    .highlight--image img {
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 1024px) {
    .highlight--content {
        width: 44%;
    }
}
.highlight--block--centered {
    display: block;
    text-align: center;
    padding-bottom: 0;
}
.highlight--block--centered .highlight--content {
    width: auto;
}
.highlight--block--centered .highlight--image img {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .highlight--block--centered .highlight--image img {
        width: 90%;
        margin-top: -50px;
    }
}
.highlight__callout .kt-inside-inner-col {
    color: #000;
    background: #fff;
    position: relative;
    margin: 45px 0 0;
    padding-left: 165px;
}
.highlight__callout p {
    color: #000;
    margin: 0;
    padding: 15px 15px 15px 0;
    font-size: 17px;
    line-height: 1.3;
    opacity: 1;
}
.highlight__callout p a {
    font-weight: 500;
    color: #000;
}
.highlight__callout p a:hover {
    text-decoration: none;
}
.highlight__callout--image {
    position: absolute;
    left: 21px;
    top: 50%;
    margin-top: -64px;
    width: 128px;
    height: 128px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#000),
        to(#343434)
    );
    background: linear-gradient(0deg, #000, #343434);
    -webkit-box-shadow: -12px 4px 3px 0.2px rgba(0, 0, 0, 0.05),
        -5px 4px 3px 0.2px rgba(0, 0, 0, 0.15);
    box-shadow: -12px 4px 3px 0.2px rgba(0, 0, 0, 0.05),
        -5px 4px 3px 0.2px rgba(0, 0, 0, 0.15);
    border-radius: 1px;
}
.highlight__callout--image img {
    width: 84px;
    height: 84px;
    outline: 14px solid #fff;
}

.workflow {
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
    .workflow {
        padding-bottom: 55px;
    }
}
.workflow__inner .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .workflow__inner .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .workflow__inner .kt-inside-inner-col {
        max-width: 1240px;
    }
}
.workflow__hero-container {
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(0, 0, 0, 0.65)),
            to(black)
        ),
        url(/wp-content/uploads/workflow-bgimage-31d13cbd588dfac1962b370a6b537b4e4da6aa3c91257b22d35d41aad4e71e18.jpg-scaled-1.jpg);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), black),
        url(/wp-content/uploads/workflow-bgimage-31d13cbd588dfac1962b370a6b537b4e4da6aa3c91257b22d35d41aad4e71e18.jpg-scaled-1.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 80px;
}
@media screen and (min-width: 1024px) {
    .workflow__hero-container {
        padding-top: 85px;
    }
}
.workflow__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -1.5px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px) {
    .workflow__title {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 110px;
    }
}
.workflow__launch-offer {
    background: #fff00b;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    margin: 25px auto;
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
@media screen and (min-width: 1024px) {
    .workflow__launch-offer {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        padding: 10px 25px;
    }
    .workflow__launch-offer p:first-child {
        margin-right: 5px;
    }
}
.workflow__description {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;

    font-weight: 300;
    text-transform: initial;
    font-size: 18px;
    margin: 45px 0 55px;
    text-align: left;
    color: #fff;
    /* opacity: 0.7; */
}
.workflow__description span,
.workflow__description {
    color: #a6a5a4;
    /* opacity: 0.7 */
}
.workflow__description--learn-more,
.workflow__description a {
    color: #fff;
    font-weight: 500;
    /* opacity: 1 !important; */
}
@media screen and (min-width: 1024px) {
    .workflow__description {
        max-width: 770px;
        margin: 25px auto 80px;
        text-align: center;
        font-size: 22px;
    }
}
.workflow__logo {
    height: 25px;
    margin-right: 10px;
}
@media screen and (min-width: 1024px) {
    .workflow__logo {
        height: 66px;
    }
}
.workflow__cta-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.workflow__cta {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff00b;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    cursor: pointer;
}
.workflow__cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.workflow__cta:hover {
    background-color: #fff00b;
    color: #000;
}
.workflow__cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
.workflow__cta:hover {
    background-color: #fff;
}
@media screen and (min-width: 1024px) {
    .workflow__cta {
        font-size: 18px;
    }
}
.workflow__cta--loading {
    opacity: 0.5;
    cursor: not-allowed;
}
.workflow__highlights {
    margin: 50px 0;
}
@media screen and (min-width: 1024px) {
    .workflow__highlights {
        margin: 0 auto;
        max-width: 86.93%;
        width: 100%;
        margin: 100px auto 80px;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .workflow__highlights {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .workflow__highlights {
        max-width: 1240px;
    }
}

/*.showcase {
    background-image: url(/wp-content/uploads/workflow-showcase-bg-mobile-b794d3570861c182825be796349528fd617e11db51daa8d72f1c598f0f7151fc.png.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 25px 40px;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .showcase {
        background-image: url(/wp-content/uploads/workflow-showcase-bg-mobile-b794d3570861c182825be796349528fd617e11db51daa8d72f1c598f0f7151fc.png.png);
        background-size: cover;
        padding: 300px 0 115px;
    }
}*/
@media screen and (min-width: 1024px) {
    .showcase--content--inner .kt-inside-inner-col {
/*        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 3.99%;
*/        
        max-width: 340px;
        width: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .showcase--content--inner .kt-inside-inner-col {
        /*grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;*/
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .showcase--content--inner .kt-inside-inner-col {
        /*grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;*/
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .showcase--content--inner .kt-inside-inner-col {
/*        max-width: 90.04%;*/
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .showcase--content--inner .kt-inside-inner-col {
/*        max-width: 1240px;*/
    }
}
.showcase--content h4 {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;

    font-weight: 300;
    text-transform: initial;
    font-size: 28px;
    line-height: 40px;
    width: 90%;
}
@media screen and (min-width: 1024px) {
    .showcase--content h4 {
        grid-column: 11 / -1;
        font-size: 34px;
        line-height: 1.25;
    }
}
.showcase--content p {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;

    font-weight: 300;
    text-transform: initial;
    grid-column: 11 / -1;
    margin-top: 12px !important;
    line-height: 22px;
}
@media screen and (min-width: 1024px) {
    .showcase--content p {
        margin-top: 20px !important;
    }
}
.showcase--cta {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 999px;
    font-size: 15px;
    text-align: center;
    grid-column: 11;
    margin-top: 24px;
}
.showcase--cta a {
    color: #fff;
    text-decoration: none;
    padding: 0 25px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 40px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.showcase--cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.showcase--cta:hover {
    background-color: #fff;
}
.showcase--cta:hover a {
    color: #000;
}
.showcase--cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
@media screen and (min-width: 1024px) {
    .showcase--cta {
        -webkit-transition: background-color 350ms ease-in-out,
            color 350ms ease-in-out;
        transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 999px;
        color: #fff;
        white-space: nowrap;
        font-size: 21px;
        margin-top: 40px;
    }
    .showcase--cta a {
        color: #fff;
        text-decoration: none;
        padding: 0 25px;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        height: 60px;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .showcase--cta svg {
        -webkit-transition: -webkit-transform 350ms ease-in-out;
        transition: -webkit-transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out,
            -webkit-transform 350ms ease-in-out;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 20px;
        width: auto;
        margin-left: 35px;
    }
    .showcase--cta:hover {
        background-color: #fff;
        color: #000;
    }
    .showcase--cta:hover svg {
        -webkit-transform: translateX(12px);
        transform: translateX(12px);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.member .kt-inside-inner-col,
.member-wrapper .kt-inside-inner-col {
    background-color: #000;
    position: relative;
    overflow: hidden;
}
.member-wrapper.light .kt-inside-inner-col {
    background-color: #F3EFEA;
}
/* .member__bg-container .kt-inside-inner-col {
    width: 100vw;
    height: 0;
    padding-bottom: 97.87%; 
    position: relative
}
@media screen and (min-width: 1024px) {
    .member__bg-container .kt-inside-inner-col {
        width: 50vw;
        height: 100%;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 0
    }
} */
.member-img-designer {
    flex-direction: row !important;
}
.member__bg img,
.member-img img {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
}
.member__circle-text img,
.spinning_circle {
    -webkit-animation: rotate 25000ms linear infinite;
    animation: rotate 25000ms linear infinite;
    /* -webkit-transform-origin: center center;
    transform-origin: center center; */
    /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; */
    /* -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; */
    position: absolute;
    top: 5%;
    right: -10%;
    /* left: 45%; */
    width: 200px;
    height: 200px;
    z-index: 100;
    /* transform: translateX(-50%); */
}
/* .member__circle-text > .member__circle {
    width: 100%;
    height: auto
} */
@media screen and (min-width: 1024px) {
    .member__circle-text img,
    .spinning_circle {
        width: 150px;
        height: 150px;
        top: 7%;
        left: 38%;
    }
    .member-wrapper .spinning_circle {
        top: 27%;
        left: 53%;
    }
}
@media screen and (min-width: 1440px) {
    .member__circle-text img,
    .spinning_circle {
        width: 200px;
        height: 200px;
        top: 12%;
        left: 50%;
        margin-left: -100px;
    }
}
@media screen and (max-width: 1023px) {
    .member-inner {
        padding-bottom: 75px;
    }
    .member-wrapper .spinning_circle {
        top: 27%;
        right: -30%;
    }
    .anchor:first-child, .anchor-center {
        border-right: none;
    }
}
/* .member__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    color: #fff;
    padding: 25px 0 75px
}
@media screen and (min-width: 1024px) {
    .member__inner {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .member__inner {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
@media screen and (min-width: 1024px) {
    .member__inner {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .member__inner {
        max-width: 1240px
    }
}
@media screen and (min-width: 1024px) {
    .member__inner {
        padding: 80px 0
    }
}
@media screen and (min-width: 1440px) {
    .member__inner {
        padding: 204px 0 113px
    }
}
.member__content {
    grid-column: 1 / -1
}
@media screen and (min-width: 1024px) {
    .member__content {
        grid-column: 4 / -1
    }
}
@media screen and (min-width: 1440px) {
    .member__content {
        grid-column: 8 / -1
    }
} */
.member__badge .kt-inside-inner-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.member__badge-name,
.member__badge-bottom,
.member-badge-name,
.member-badge-bottom .kt-inside-inner-col {
    display: inline-block;
    font-size: 35px;
    position: relative;
    text-transform: uppercase;
    color: #fff;
}
.member-badge-name.black {
    color: #000;
    font-size: 42px;
}
.member__badge-bottom::before,
.member-badge-bottom .kt-inside-inner-col::before {
    content: "";
    display: block;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 6px;
    margin: 12px 0;
}
.member__badge-bottom.black::before,
.member-badge-bottom.black .kt-inside-inner-col::before {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    width: 100%;
    margin: 0;
}
.member-badge-bottom.black span {
    color: #000;
}
/* .member__text {
    grid-column: 1 / -1;
    margin-top: 25px
} */
/* @media screen and (min-width: 1024px) { */
.member__text,
.member-text,
.member-badge {
    max-width: 78.84%;
    width: 100%;
    margin: 50px auto 0;
}

.member-badge {
    margin: 0 auto;
}

.member-badge .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
}
/* } */
@media screen and (min-width: 1440px) {
    .member__text,
    .member-text {
        margin: 75px auto 0;
        /* max-width: none */
    }
    .member-text.margin-small {
        margin: 50px auto 0;
        /* max-width: none */
    }
}
.member__blurb,
.member-text p {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    color: #fff;
    margin: 0;
}
.one-pager .member-text p {
    font-size:22px;
}
.member-wrapper.light .member-text p {
    color: #000;
}
.member__cta,
.member-text a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    padding-bottom: 8px;
    position: relative;
    text-decoration: none;
    margin-top: 16px;
}
.member-wrapper.light .member-text a {
    color: #000;
}
.member__cta::after,
.member-text a::after {
    -webkit-transition: -webkit-transform 250ms linear;
    transition: -webkit-transform 250ms linear;
    transition: transform 250ms linear;
    transition: transform 250ms linear, -webkit-transform 250ms linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    content: "";
    background-color: #fff;
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.member__cta:hover::after,
.member-text a:hover::after {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.member-wrapper.light .member-text a::after {
    background-color: #000;
}

.member-badge .black img {
    filter: brightness(0);
    margin-top: 0;
}

.member-badge .black figure {
    display: grid;
}

.try {
    background-color: #ffe10d;
    padding: 50px 0;
}
.try.black {
    background-color: #232323;
}
.try.black h2.try__title {
    font-weight: 300;
    color: #fff;
}
.try.white {
    background-color: #fff;
}
.try.white h2.try__title {
    font-weight: 300;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .try {
        padding: 75px 0;
        /* margin-top: 50px */
    }
    .try.white {
        padding: 50px 0;
    }
}
.try__inner .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .try__inner .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .try__inner .kt-inside-inner-col {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .try__inner .kt-inside-inner-col {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.try__title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;

    font-weight: 300;
    text-transform: initial;
    color: #000;
    grid-column: 1 / -1;
}
@media screen and (min-width: 1024px) {
    .try__title {
        font-size: 26px;
        letter-spacing: 1px;
        line-height: 1.31;
        font-weight: 400;
        text-transform: uppercase;
        grid-column: 1 / 4;
        letter-spacing: unset;
        text-transform: unset;
    }
}
@media screen and (min-width: 1440px) {
    .try__title {
        grid-column: 1 / 9;
    }
}
.try__cta-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
}
@media screen and (min-width: 1024px) {
    .try__cta-container {
        margin-top: 0;
        margin-left: 50px;
    }
}
.try__cta {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
}
.try__cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.try__cta:hover {
    background-color: #fff00b;
    color: #000;
}
.try__cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
.try__cta:hover {
    background: #000;
    color: #fff;
}

.faq {
    background: #191919;
    padding: 25px 0;
}
@media screen and (min-width: 1024px) {
    .faq {
        padding: 120px 0;
    }
}
@media screen and (min-width: 1440px) {
    .faq {
        padding: 140px 0;
    }
}
.faq.black {
    background: #000;
    padding: 25px 0;
}
@media screen and (min-width: 1024px) {
    .faq.black {
        padding: 80px 0;
    }
}
@media screen and (min-width: 1440px) {
    .faq.black {
        padding: 100px 0;
    }
}
.faq__inner .kt-inside-inner-col {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%; */
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
/* @media screen and (min-width: 1024px) {
    .faq__inner .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .faq__inner .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
} */
@media screen and (min-width: 1024px) {
    .faq__inner .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .faq__inner .kt-inside-inner-col {
        max-width: 1240px;
    }
}
.faq__title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;

    font-weight: 300;
    text-transform: initial;
    color: #fff;
    /* grid-column: 1 / -1; */
    max-width: 95%;
}
.faq__accordion .kt-accordion-header-wrap {
    cursor: pointer !important;
}
.faq__accordion {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /* grid-column: 1 / -1; */
    margin-top: 20px;
    padding: 20px 0;
}
.faq__accordion-question {
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
}
[aria-selected="true"] .faq__accordion-question {
    padding: 15px 0 0;
}
.faq__accordion-question-copy,
.faq__accordion .kt-blocks-accordion-title-wrap {
    color: #fff;

    font-weight: 300;
    font-size: 15px;
    line-height: 1.2;
    /* max-width: 298px */
}
.faq__accordion .kt-blocks-accordion-icon-trigger::before,
.faq__accordion .kt-blocks-accordion-icon-trigger::after {
    background-color: #fff !important;
}
@media screen and (min-width: 1024px) {
    .faq__accordion-question-copy {
        max-width: 545px;
    }
}
@media screen and (min-width: 1440px) {
    .faq__accordion-question-copy {
        max-width: 690px;
    }
}
.faq__accordion-toggle-icon {
    color: #fff;
    display: inline-block;
    position: relative;
    top: 4px;
    width: 14px;
}
[aria-selected="true"] .faq__accordion-toggle-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq__accordion-tabpanel {
    color: #fff;
    display: none;
    max-width: 298px;
}
@media screen and (min-width: 1024px) {
    .faq__accordion-tabpanel {
        max-width: 545px;
    }
}
@media screen and (min-width: 1440px) {
    .faq__accordion-tabpanel {
        max-width: 690px;
    }
}
[aria-selected="true"] .faq__accordion-tabpanel,
.faq__inner .kt-accordion-panel-inner {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;

    font-weight: 300;
    text-transform: initial;
    display: block;
    margin-top: 20px;
    padding-bottom: 30px;
    color: #fff;
}
.cta-link.cta-link--faq,
.faq__accordion a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}

.faq__accordion .kt-accordion-panel-inner {
    width: 65%;
}

.lazyload,
.lazyloading {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: -webkit-filter 300ms;
    transition: -webkit-filter 300ms;
    transition: filter 300ms;
    transition: filter 300ms, -webkit-filter 300ms;
}

/* body:not(.home) .navbar, */
body.blog .navbar,
body.single .navbar {
    border-bottom: 1px solid #fff;
    background-color: #000;
}

.subnav {
    margin: 91px 0 0 0;
    display: none;
    background-color: #f5f1ed;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    list-style: none;
    position: fixed;
    z-index: 50;
    height: 48px;
    top: 33px;
}

@media screen and (min-width: 1024px) {
    .subnav {
        display: flex;
    }
}

.subnav a,
.subnav span {
    margin-left: 32px;
    margin-right: 32px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
}

.subnav li span {
    cursor: pointer;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 86.933333333%;
}
@media screen and (min-width: 1024px) {
    .container {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .container {
        max-width: 1240px;
    }
}

.main-wrapper {
    padding-top: 58px;
    background-color: #fff;
}

@media screen and (min-width: 1024px) {
    .main-wrapper {
        padding-top: 128px;
    }
    .single-post .main-wrapper {
        padding-top: 93px;
    }
}

/* body:not(.home, .single) .site-main {
    padding-top: 40px;
} */

.blog-top-content {
    display: flex;
    flex-direction: column;
}

.blog-index-left {
    width: 100%;
}

.blog-index-right {
    width: 100%;
    padding-left: 0px;
    margin-top: 40px;
}

@media screen and (min-width: 1024px) {
    .blog-top-content {
        flex-direction: row;
    }
    .blog-index-left {
        width: 65%;
    }

    .blog-index-right {
        width: 35%;
        padding-left: 40px;
        margin-top: 22px;
    }
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: none;
}
@media screen and (min-width: 1024px) {
    .grid-container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .grid-container {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
        max-width: 1240px;
    }
}

.blog-grid-left {
    grid-column-start: 1;
    grid-column-end: 5;
    margin-left: auto;
    margin-right: auto;
    max-width: 86.933333333%;
}
@media screen and (min-width: 1024px) {
    .blog-grid-left {
        padding-right: 6.5279vw;
        max-width: none;
        grid-row-start: 1;
    }
}
@media screen and (min-width: 1440px) {
    .blog-grid-left {
        padding-right: 0;
        grid-column-end: 8;
    }
}

.blog-grid-right {
    margin-left: auto;
    margin-right: auto;
    max-width: 86.933333333%;
    grid-column-start: 1;
    grid-column-end: 5;
}
@media screen and (min-width: 1024px) {
    .blog-grid-right {
        padding-left: 13.0558vw;
        margin-top: 0;
        max-width: none;
        grid-column-start: 4;
        grid-column-end: 7;
        grid-row-start: 1;
    }
}
@media screen and (min-width: 1440px) {
    .blog-grid-right {
        padding-left: 42.5165px;
        grid-column-start: 8;
        grid-column-end: 13;
    }
}

.site-footer {
    padding: 75px 0 0px; /* removed padding on bottom 37px not needed site-wide */
    background-color: #000;
}

.site-footer ul li {
    margin-bottom: 15px;
}

.site-footer ul a {
    color: #fff;
    text-decoration: none;
}

.site-footer ul li:first-child {
    font-weight: bold;
    color: #fff;
}

.site-footer .footer-bottom p {
    margin: 0;
    font-size: 13px;
}

.site-footer .footer-bottom ul {
    display: flex;
}

.site-footer .footer-bottom li a {
    font-size: 13px;
}

.site-footer .footer-bottom ul li:first-child {
    font-weight: normal;
}

.site-footer .footer-bottom li:not(:last-child) {
    margin: 0 15px 0 0;
}

.site-footer .wp-block-social-links,
.site-footer .wp-block-social-links li,
.site-footer .footer-bottom li {
    margin: 0;
}

.blog .site-footer {
    background:#fff;
    color:#000;
}

.blog .site-footer ul a {
    color:#000;
}

.blog .site-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #000;
}

.blog .site-footer .footer-bottom ul a {
    color:#fff;
}

.blog .site-footer .wp-block-image a::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' class='footer__badge'%3E%3Cpath d='M20 39.048C9.48 39.048.952 30.52.952 20 .952 9.48 9.48.952 20 .952 30.52.952 39.048 9.48 39.048 20c0 10.52-8.528 19.048-19.048 19.048zm6.667-22.858v-4.76H13.333v17.14h4.762v-5.735l7.62.021v-4.762h-7.687V16.19h8.639z' fill='currentColor' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    width:40px;
    height:40px;
    position:absolute;
}
.blog .site-footer .wp-block-image a img {display:none;}

/*
body:not(.home) .site-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #fff;
}

body:not(.home) .site-footer .wp-block-image img {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}

body:not(.home) .site-footer {
    padding: 75px 0 0;
    background-color: #fff;
}

body:not(.home) .site-footer ul a,
body:not(.home) .site-footer ul li:first-child {
    color: #000;
}

body:not(.home) .site-footer .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #000;
}

body:not(.home) .site-footer .footer-bottom ul a {
    color: #fff;
}

*/
.site-footer
    .wp-block-social-links
    .wp-block-social-link
    .wp-block-social-link-anchor
    svg {
    fill: #fff;
}

.blog-popular {
    margin-top: 80px;
}

@media (min-width: 1024px) {
    .blog-popular {
        margin-top: 96px;
    }
}

@media (min-width: 1440px) {
    .blog-popular {
        margin-top: 136px;
    }
}

.blog-popular-content {
    margin-top: 96px;
}

.blog-popular-content-wrapper {
    display: flex;
    flex-direction: column;
}

.blog-lead-gen-wrapper {
    margin-top:40px;
}

.blog-popular-posts-wrapper {
    width: 100%;
}

.blog-popular-subscribe-wrapper {
    width: 100%;
    padding-left: 0px;
    margin-top: 40px;
}

@media (min-width: 1440px) {
    .blog-popular-content {
        margin-top: 136px;
    }

    .blog-popular-content-wrapper {
        flex-direction: row;
    }

    .blog-popular-posts-wrapper {
        width: 75%;
    }

    .blog-popular-subscribe-wrapper {
        width: 25%;
        padding-left: 20px;
        margin-top: 0px;
    }
}

h2.header-title {
    padding-bottom: 16px;
    margin-top: 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #000;
}

.blog-index-right .post:not(:first-child) {
    margin-top: 40px;
}

.blog-latest-posts-wrapper .post .post-thumbnail-wrapper,
.more-category-posts-wrapper .post .post-thumbnail-wrapper,
.category-top-posts-wrapper-inner .post .post-thumbnail-wrapper,
.blog-popular-posts-wrapper .post .post-thumbnail-wrapper,
.single-latest-posts-wrapper .post .post-thumbnail-wrapper,
.blog-top-content .post .post-thumbnail-wrapper {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.blog-latest-posts-wrapper .post .post-thumbnail-wrapper::before,
.more-category-posts-wrapper .post .post-thumbnail-wrapper::before,
.category-top-posts-wrapper-inner .post .post-thumbnail-wrapper::before,
.blog-popular-posts-wrapper .post .post-thumbnail-wrapper::before,
.single-latest-posts-wrapper .post .post-thumbnail-wrapper::before,
.blog-top-content .post .post-thumbnail-wrapper::before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 55.08%;
    margin-left: -1px;
}

.blog-latest-posts-wrapper .post .post-thumbnail-wrapper img,
.more-category-posts-wrapper .post .post-thumbnail-wrapper img,
.category-top-posts-wrapper-inner .post .post-thumbnail-wrapper img,
.blog-popular-posts-wrapper .post .post-thumbnail-wrapper img,
.single-latest-posts-wrapper .post .post-thumbnail-wrapper img,
.blog-top-content .post .post-thumbnail-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sticky-content .post .post-thumbnail-wrapper img {
    object-fit: contain !important;
}
.single-page-latest
    .kt-post-slider-item:hover
    .kadence-post-image-inner-intrisic
    img,
.blog-latest-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.more-category-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.category-top-posts-wrapper-inner .post:hover .post-thumbnail-wrapper img,
.blog-popular-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.single-latest-posts-wrapper .post:hover .post-thumbnail-wrapper img,
.blog-top-content .post:hover .post-thumbnail-wrapper img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.blog-latest-posts-wrapper .post .posted-on,
.more-category-posts-wrapper .post .posted-on,
.category-top-posts-wrapper-inner .post .posted-on,
.blog-popular-posts-wrapper .post .posted-on,
.single-latest-posts-wrapper .post .posted-on,
.blog-top-content .post .posted-on {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.2px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 20px;
    color: #000;
}

.blog-latest-posts-wrapper .post .cat-links a,
.more-category-posts-wrapper .post .cat-links a,
.category-top-posts-wrapper-inner .post .cat-links a,
.blog-popular-posts-wrapper .post .cat-links a,
.single-latest-posts-wrapper .post .cat-links a,
.blog-top-content .post .cat-links a {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    opacity: 0.35;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}

.blog-latest-posts-wrapper .post .cat-links a:hover,
.more-category-posts-wrapper .post .cat-links a:hover,
.category-top-posts-wrapper-inner .post .cat-links a:hover,
.blog-popular-posts-wrapper .post .cat-links a:hover,
.single-latest-posts-wrapper .post .cat-links a:hover,
.blog-top-content .post .cat-links a:hover {
    opacity: 1;
}

.blog-latest-posts-wrapper .post .entry-title a,
.more-category-posts-wrapper .post .entry-title a,
.category-top-posts-wrapper-inner .post .entry-title a,
.blog-popular-posts-wrapper .post .entry-title a,
.single-latest-posts-wrapper .post .entry-title a,
.blog-top-content .post .entry-title a {
    color: #000;
    text-decoration: none;
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
}

.category-top-posts-wrapper-inner .post .entry-title a,
.blog-top-content .post .entry-title a {
    font-weight: 400;
}

.blog-index-left .post .entry-title a {
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

@media (min-width: 1440px) {
    .blog-index-left .post .entry-title a {
        font-size: 38px;
        line-height: 48px;
    }
}

.blog-index-left .post .entry-excerpt {
    margin-top: 16px;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.2px;
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    color: #000;
}

.blog-index-left .post .entry-excerpt p {
    margin: 0;
}

.blog-latest-posts-wrapper .post:hover .entry-title a,
.more-category-posts-wrapper .post:hover .entry-title a,
.category-top-posts-wrapper-inner .post:hover .entry-title a,
.blog-popular-posts-wrapper .post:hover .entry-title a,
.single-latest-posts-wrapper .post:hover .entry-title a,
.blog-top-content .post:hover .entry-title a {
    text-decoration: underline;
}

.blog-latest-posts-wrapper .post .entry-meta,
.more-category-posts-wrapper .post .entry-meta,
.category-top-posts-wrapper-inner .post .entry-meta,
.blog-popular-posts-wrapper .post .entry-meta,
.single-latest-posts-wrapper .post .entry-meta,
.blog-top-content .post .entry-meta {
    margin-top: 20px;
}

.blog-index-right .article-cards .post .wp-block-post-title a,
.blog-latest-posts-wrapper .post .entry-title a {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
}

.blog-latest-posts-wrapper .post .entry-title,
.blog-latest-posts-wrapper .post .entry-title,
.more-category-posts-wrapper .post .entry-title,
.category-top-posts-wrapper-inner .post .entry-title,
.blog-popular-posts-wrapper .post .entry-title,
.single-latest-posts-wrapper .post .entry-title,
.blog-top-content .post .entry-title {
    margin: 10px 0 0;
}

.blog-popular-posts-wrapper .kt-inside-inner-col {
    display: flex;
    align-items: center;
}

.subscribe-box-black {
    padding: 22px 0 26px;
    position: relative;
    background-color: #191919;
    background-color: rgba(25, 25, 25, 1);
}

.subscribe-box-black .gform_validation_container,
.subscribe-box-black .gfield_required,
.subscribe-box .gform_validation_container,
.subscribe-box .gfield_required {
    display:none !important;
}

.subscribe-box-black h3 {
    color: #fff;
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 1px;
}

.subscribe-box-black form {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.35);
    display: flex;
    margin-top: 24px;
    height: 32px;
    align-items: flex-start;
}

.subscribe-box-black form:focus-within {
    border-bottom: 1px solid #fff;
}

.subscribe-box-black form input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    min-width: 0;
    height: 100%;
    flex-grow: 1;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #fff !important;
    border: 0;
    border-radius: 0px;
    padding: 0;
}

.subscribe-box-black .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
    width: 26px;
    height: 100%;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    background-image: none;
    border: 0;
    cursor: pointer;
    background:url(https://www.format.com/wp-content/uploads/right-arrow-image-white.svg);
    background-repeat: no-repeat;
}

@media (min-width: 1024px) {
    .subscribe-box-black {
        padding-left: 32px;
        margin-top: 80px;
        height: 168px;
    }
    .subscribe-box-black h3 {
        max-width: 52.82%;
        margin-right: 88px;
        font-size: 28px;
        line-height: 38px;
    }
    .subscribe-box-black form {
        margin-top: 0;
        flex-grow: 1;
        height: 56px;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_body,
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer  {
        padding: 16px 0;
    }
    .subscribe-box-black .gform_fields input.medium {
        width: 100% !important;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
        width: 52px;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
        width: 15px;
        height:20px;
    }
/* newsletter-task */
}

@media (min-width: 1440px) {
    .subscribe-box-black {
        height: auto;
        padding: 30px 23px 56px 30px;
        margin-top: 0;
    }
    .subscribe-box-black h3 {
        max-width: none;
        margin: 0;
    }
    .subscribe-box-black form {
        margin-top: 18px;
        width: 100%;
    }
    .subscribe-box-black form button {
        width: 39px;
    }
    .subscribe-box-black form button svg {
        height: 15px;
    }
}

.blog-latest {
    background-color: #f5f1ed;
    padding-top: 64px;
}

@media (min-width: 1024px) {
    .blog-latest {
        padding-bottom: 80px;
        margin-top: 104px;
    }
}

@media (min-width: 1440px) {
    .blog-latest {
        padding-top: 96px;
    }
}

.blog-latest h3 {
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1.5px;
    color: #000;
}

@media (min-width: 1024px) {
    .blog-latest h3 {
        margin-bottom: 64px;
    }
}

@media (min-width: 1440px) {
    .blog-latest h3 {
        margin-bottom: 48px;
    }
}

.career-options .kt-blocks-info-box-media {
    overflow: visible;
}
.career-options .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic {
    width: 32px !important;
    height: 32px !important;
}
.career-options .paid-parental .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic {
    width: 26px !important;
    height: 26px !important;
}
.gform_wrapper .gform_validation_errors {
    visibility: hidden !important;
}
.subscribe-light .gform_confirmation_message_2 {
    color:#000;
}
.gform_confirmation_message_2 {
    color:#fff;
    margin-top:20px;
}
.subscribe-box {
    padding: 38px 0 32px;
    background-color: #f5f1ed;
}

.subscribe-box .container {
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

.subscribe-box h3 {
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 1px;
    margin-right: 96px;
    color: #000;
}

.subscribe-box .email-form {
    position: relative;
}

.subscribe-box .email-form form {
    margin-top: 24px;
    padding: 0 18px;
    height: 64px;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.subscribe-box .email-form form input {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    flex-grow: 1;
    height: 100%;
    min-width: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    color: #000;
    border: none;
}

.subscribe-box .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
    width: 36px;
    height: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background: transparent;
    background:url(https://www.format.com/wp-content/uploads/right-arrow-image-gray.svg);
    background-repeat: no-repeat;
}

.podcast-episode__actions .subscribe-box .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
    background:url(https://www.format.com/wp-content/uploads/right-arrow-image-white.svg);
    background-repeat: no-repeat;
}

.podcast-episode__actions .subscribe-box .email-form form input {
    color:#fff;
}

.subscribe-box .email-form form button svg {
    height: 11px;
    width: auto;
}

@media (max-width: 1023px) {
    .subscribe-box .gform_wrapper.gravity-theme .gform_body,
    .subscribe-box .gform_wrapper.gravity-theme .gform_body input {
        width:100% !important;
    }
}

@media (min-width: 1024px) {
    .subscribe-box {
        padding: 0;
        background-color: transparent;
    }
    .subscribe-box .container {
        flex-direction: row;
        height: 120px;
        padding-left: 32px;
        padding-right: 32px;
        justify-content: space-around;
        align-items: center;
        background-color: #f5f1ed;
    }
    .subscribe-box h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .subscribe-box .email-form form {
        height: 66px;
        margin-top: 0;
        padding: 0 11px 0 26px;
        width: 351px;
    }
    .podcast-episode__actions .subscribe-box .email-form form {
        width:450px;
    }
    .subscribe-box .email-form form button {
        width: 52px;
        height: 52px;
    }
    .subscribe-box .email-form form button svg {
        height: 21px;
    }
}

@media (min-width: 1440px) {
    .subscribe-box {
        /* margin-top: 32px; */
    }
    .subscribe-box .container {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }
    .subscribe-box .email-form form {
        width: 433px;
    }
    .podcast-episode__actions .subscribe-box .email-form form {
        width:550px;
    }
    
}

.breadcrumbs {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.breadcrumbs a {
    color: #000;
    text-decoration: none;
    margin: 0 5px;
}

body:not(.archive) .breadcrumbs {
    margin-top: 40px;
    margin-left: -5px;
}
body .archive .breadcrumbs {
    margin-left: 0;
}

@media (min-width: 1024px) {
    .breadcrumbs {
        padding-right: 6.5279vw;
    }
    .archive .breadcrumbs {
        padding-right: 0;
    }
    body:not(.archive) .breadcrumbs {
        margin-top: 96px;
    }
    body .archive .breadcrumbs {
        margin-top: 40px;
    }
}

@media (min-width: 1440px) {
    .breadcrumbs {
        padding-right: 0;
    }
}

.single .entry-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .single .entry-header {
        flex-direction: row;
    }
}

.single .entry-header .content {
    width: 100%;
}

@media (min-width: 1024px) {
    .single .entry-header .content {
        width: 50%;
    }
}

@media (min-width: 1440px) {
    .single .entry-header .content {
        width: 60%;
    }
}

.single .entry-header .post-thumbnail img {
    width: 500px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

@media (min-width: 1024px) {
    .single .entry-header .post-thumbnail {
        width: 40%;
    }
}

@media (min-width: 1440px) {
    .single .entry-header .post-thumbnail {
        margin-right: -100px;
    }
}

.single .site-main .entry-header .entry-title {
    padding-right: 16px;
    margin-top: 40px;
    font-weight: 500;
    color: #000;
}

@media (min-width: 1024px) {
    .single .site-main .entry-header .entry-title {
        margin-top: 64px;
        padding-right: 0;
        font-size: 44px;
        line-height: 56px;
        letter-spacing: -1px;
    }
}

@media (min-width: 1440px) {
    .single .site-main .entry-header .entry-title {
        padding-right: 0;
        font-size: 52px;
        line-height: 64px;
    }
}
.single .archive .site-main .entry-header .entry-title {
    margin-top: 10px;
    line-height: 12px;
    letter-spacing: 0;
}

.single .entry-header .entry-excerpt {
    margin-top: 16px;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    color: #000;
}

@media (min-width: 1440px) {
    .single .entry-header .entry-excerpt {
        font-size: 24px;
        line-height: 34px;
    }
}

.single .entry-header .entry-meta,
.single-page-latest .kt-blocks-date,
.single-page-latest .kt-blocks-post-author {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    margin-top: 16px;
}

@media (min-width: 1024px) {
    .single .entry-header .entry-meta {
        margin-top: 24px;
        margin-bottom: 56px;
    }
}

.single .entry-header .entry-meta a {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}

.single .entry-header .entry-meta .posted-on {
    margin-left: 16px;
    opacity: 0.5;
}

.single .single-content {
    display: flex;
    flex-direction: column;
}

.single .single-content-left {
    width: 100%;
    padding-right: 0px;
    display: flex;
    margin-top: 56px;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .single .single-content-left {
        flex-direction: row;
    }
}

@media (min-width: 1440px) {
    .single .single-content {
        flex-direction: row;
    }
    .single .single-content-left {
        width: 75%;
        padding-right: 40px;
    }
}

.single .single-content-right {
    width: 100%;
    margin-top: 40px;
    /* display: none; */
}

.single .single-content-right .format-cta-image {
    display: none;
}

@media (min-width: 1440px) {
    .single .single-content-right {
        width: 25%;
        /* display: block; */
    }
    .single .single-content-right .format-cta-image {
        display: block;
    }
}

/* @media (min-width: 768px) and (max-width: 1023px) {
    .blog-popular-subscribe-wrapper .subscribe-box-black {
        flex-direction: row;
    }
} */

@media (max-width: 1023px) {
    .single .single-content-right .subscribe-box-black,
    .blog-popular-subscribe-wrapper .subscribe-box-black {
        display: flex;
        flex-direction: column;
        padding-right: 32px;
        padding-left: 32px;
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
    }
    .single .single-content-right .subscribe-box-black form,
    .blog-popular-subscribe-wrapper .subscribe-box-black form {
        width: 100%;
    }
    .single .single-content-right .subscribe-box-black form button,
    .blog-popular-subscribe-wrapper .subscribe-box-black form button,
    .archive .subscribe-box-black form button {
        width: 36px;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer .gform_image_button {
        width: 15px;
        height: 20px;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
        width: 52px;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_body {
        width:100%;
    }
    .subscribe-box-black .gform_wrapper.gravity-theme .gform_body, .subscribe-box-black .gform_wrapper.gravity-theme .gform_footer {
        padding: 16px 0;
    }
    .subscribe-box-black .gform_fields input.medium {
        width: 100% !important;
    }
    .subscribe-box-black form {
        height: 55px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .blog-popular-content-wrapper .subscribe-box-black {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-right: 32px;
        padding-left: 32px;
    }
    .subscribe-box-black .email-form,
    .subscribe-box-black .gform_wrapper {
        width:100% !important;
    }
    .subscribe-box-black form, 
    .subscribe-box-black .gform_fields input.medium {
        width: 100% !important;
    }
    .subscribe-box-black .gform_body {
        width:100% !important;
    }
}

@media (max-width: 1440px) {
    .single .single-content-right .subscribe-box-black {
        display: flex;
        align-items: center;
        padding-right: 32px;
        padding-left: 32px;
    }
}

.single-page-latest .kt-blocks-post-grid-item-inner header {
    display: flex;
    flex-direction: column;
}

.single-page-latest .kt-blocks-post-grid-item-inner header .entry-title {
    order: 2;
}

.single-page-latest
    .kt-blocks-post-grid-item-inner
    header
    .kt-blocks-post-top-meta {
    order: 1;
}

.single-page-latest .kt-blocks-date {
    margin-right: 24px;
}

.single-page-latest .kt-blocks-post-author a {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    opacity: 0.6;
}

.single-page-latest .kt-blocks-post-author a:hover {
    opacity: 1;
}

.single-page-latest .kt-post-slider-item:hover .entry-title a {
    text-decoration: underline !important;
}

.single-content-right .format-cta-image {
    margin-bottom: 20px;
}

.single-content-left .entry-content {
    max-width: 100%;
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 32px;
    /* margin-top: 32px; */
    letter-spacing: 0.2px;
    color: #000;
}
.main-wrapper.video .single-content-left .entry-content {
    margin: auto;
}
.single-content-left .entry-content figcaption.wp-element-caption {
    font-size: 14px;
    line-height: 24px;
}
.main-wrapper.video .wp-block-embed__wrapper iframe {
    width: 100%;
    height: 470px;
}

.single-content-left .entry-content > p a {
    text-decoration: underline;
    word-break: break-word;
    color: #2288fc;
}

.single-content-left .entry-content > p a:hover {
    text-decoration: none;
}

.single-content-left .entry-content > ul {
    margin: 32px 0 0;
    list-style: none;
    padding: 0;
}

.single-content-left .entry-content > ul li {
    position: relative;
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.2px;
    padding-left: 36px;
    color: #000;
}

.single-content-left .entry-content > ul li + li {
    margin-top: 24px;
}

.single-content-left .entry-content > ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: 10px;
    background-color: #000;
    border-radius: 50%;
}

.single-content-left .entry-content > ul li a {
    text-decoration: underline;
    color: #2288fc;
}

.single-content-left .entry-content > ol {
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.single-content-left .entry-content > ol:not([start]) {
    counter-reset: ol-counter;
}

.single-content-left .entry-content > ol li {
    position: relative;
    font-weight: 500;
    line-height: 30px;
    padding-left: 36px;
    color: #000;
}

.single-content-left .entry-content > ol li + li {
    margin-top: 24px;
}

.single-content-left .entry-content > ol li:before {
    counter-increment: ol-counter;
    content: counter(ol-counter);
    display: block;
    font-size: 0.89em;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    border-bottom: 1px solid;
}

.single-content-left .entry-content > ol li a {
    text-decoration: underline;
    color: #2288fc;
}

@media (min-width: 1024px) {
    .single-content-left .entry-content {
        max-width: 95%;
    }
}

.single-content-left .entry-content h1,
.single-content-left .entry-content h2,
.single-content-left .entry-content h3,
.single-content-left .entry-content h4 {
    font-weight: 500;
    color: #000;
    margin-top: 25px;
}

.single-content-left .entry-content h1 a,
.single-content-left .entry-content h2 a,
.single-content-left .entry-content h3 a,
.single-content-left .entry-content h4 a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
}

.single-content-left .entry-content h1 a::after,
.single-content-left .entry-content h2 a::after,
.single-content-left .entry-content h3 a::after,
.single-content-left .entry-content h4 a::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");
    font-size: 16px;
    padding-left: 10px;
    width: 26px;
    height: 26px;
    display: inline-block;
}

.single-content-left .entry-content h2 a::after {
    top: -3px;
    position: relative;
}

.sticky-content {
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
}

.single-sticky-yellow-bar,
.sticky-cta {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 0;
    display: none;
    z-index: 49;
}

.single-sticky-yellow-bar .kt-inside-inner-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .single-sticky-yellow-bar .kt-row-layout-inner {
        background-color: #000 !important;
    }
    .single-sticky-yellow-bar .kt-row-layout-inner p {
        color: #fff !important;
        font-size: 15px !important;
        margin-right: 15px !important;
    }
    .single-sticky-yellow-bar .kt-row-layout-inner .kt-button {
        background-color: #ffe10d !important;
        color: #000 !important;
        padding: 4px 8px !important;
        font-size: 14px !important;
    }
    .single-sticky-yellow-bar .kt-row-layout-inner .kt-button:hover {
        background-color: #fff !important;
    }
}

.single-content-left .share-icons-wrapper {
    padding-right: 0px;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.single-content-left .share-icons {
    background-color: #f5f1ed;
    display: flex;
    flex-direction: row;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
}

.single-content-left .share-icons .social-icons {
    display: flex;
}

.single-content-left .share-icons .social-icon {
    width: 25px;
    height: auto;
    padding: 10px 0;
    margin-right: 10px;
}

.single-content-left .share-icons-wrapper .share-article {
    display: block;
}

@media (min-width: 1024px) {
    .single-content-left .share-icons-wrapper {
        display: block;
        padding-right: 40px;
        max-width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .single-content-left .share-icons {
        flex-direction: column;
        padding: 0 8px;
        justify-content: center;
    }
    .single-content-left .share-icons .social-icons {
        flex-direction: column;
    }
    .single-content-left .share-icons .social-icon {
        margin-right: 0px;
        width: 17px;
    }
    .single-content-left .share-icons-wrapper .share-article {
        display: none;
    }
}

.blog-latest-posts-wrapper {
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    /* grid-gap: 20px; */
    grid-column-gap: 20px;
    grid-row-gap: 40px;
}

@media (min-width: 1024px) {
    .blog-latest-posts-wrapper {
        /* grid-template-columns: repeat(3, 1fr); */
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .blog-latest-posts-wrapper {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .blog-latest-posts-wrapper article:nth-child(1) {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 3;
    }
    .blog-latest-posts-wrapper article:nth-child(2) {
        grid-row-start: 1;
        grid-column-start: 3;
        grid-row-end: 2;
        grid-column-end: 5;
    }
    .blog-latest-posts-wrapper article:nth-child(3) {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 2;
    }
    .blog-latest-posts-wrapper article:nth-child(4) {
        grid-row-start: 2;
        grid-column-start: 2;
        grid-row-end: 3;
        grid-column-end: 3;
    }
    .blog-latest-posts-wrapper article:nth-child(5) {
        grid-row-start: 2;
        grid-column-start: 3;
        grid-row-end: 3;
        grid-column-end: 5;
    }
    .blog-latest-posts-wrapper article:nth-child(6) {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-column-end: 2;
    }
    .blog-latest-posts-wrapper article:nth-child(7) {
        grid-row-start: 3;
        grid-column-start: 2;
        grid-row-end: 4;
        grid-column-end: 3;
    }
    .blog-latest-posts-wrapper article:nth-child(8) {
        grid-row-start: 3;
        grid-column-start: 3;
        grid-row-end: 4;
        grid-column-end: 4;
    }
    .blog-latest-posts-wrapper article:nth-child(9) {
        grid-row-start: 3;
        grid-column-start: 4;
        grid-row-end: 4;
        grid-column-end: 5;
    }
    .blog-latest-posts-wrapper article:nth-child(10) {
        grid-row-start: 4;
        grid-column-start: 1;
        grid-row-end: 5;
        grid-column-end: 3;
    }
    .blog-latest-posts-wrapper article:nth-child(11) {
        grid-row-start: 4;
        grid-column-start: 3;
        grid-row-end: 5;
        grid-column-end: 5;
    }
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.pagination-wrapper .page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    background-color: #fff;
}

.archive .pagination-wrapper .page-numbers {
    background-color: #f5f1ed;
}

.pagination-wrapper .page-numbers li {
    width: 40px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 16px;
}

.pagination-wrapper .page-numbers li a {
    color: #000;
    text-decoration: none;
}

.pagination-wrapper .page-numbers .next,
.pagination-wrapper .page-numbers .prev {
    padding-bottom: 2px;
}

.pagination-wrapper .page-numbers li .current {
    font-weight: 600;
}

.archive .page-header {
    text-align: center;
}

.archive .page-header h1 {
    font-weight: 500;
    color: #000;
    margin-top: 24px;
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    .archive .page-header h1 {
        margin-top: 32px;
        font-size: 52px;
    }
}

@media (min-width: 1440px) {
    .archive .page-header h1 {
        margin-top: 48px;
        line-height: 64px;
    }
}

.archive .page-header p {
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 8px;
    margin-bottom: 0;
    max-width: 600px;
    margin: 24px auto 0;
}

@media (min-width: 1440px) {
    .archive .page-header p {
        font-size: 24px;
        line-height: 34px;
    }
}

.category-top-posts-wrapper {
    background-color: #f5f1ed;
    margin-top: 48px;
}

@media (min-width: 1024px) {
    .category-top-posts-wrapper {
        padding-bottom: 64px;
        margin-top: 80px;
    }
}

@media (min-width: 1440px) {
    .category-top-posts-wrapper {
        padding-bottom: 96px;
        margin-top: 96px;
    }
}

.category-top-posts-wrapper-inner {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    /* grid-gap: 20px; */
    grid-column-gap: 20px;
    grid-row-gap: 40px;
}

@media (min-width: 1024px) {
    .category-top-posts-wrapper-inner {
        /* grid-template-rows: 1fr 1fr; */
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .category-top-posts-wrapper-inner article:nth-child(1) {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 3;
    }
    .category-top-posts-wrapper-inner article:nth-child(2) {
        grid-row-start: 1;
        grid-column-start: 3;
        grid-row-end: 2;
        grid-column-end: 5;
    }
    .category-top-posts-wrapper-inner article:nth-child(3) {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 2;
    }
    .category-top-posts-wrapper-inner article:nth-child(4) {
        grid-row-start: 2;
        grid-column-start: 2;
        grid-row-end: 3;
        grid-column-end: 3;
    }
    .category-top-posts-wrapper-inner article:nth-child(5) {
        grid-row-start: 2;
        grid-column-start: 3;
        grid-row-end: 3;
        grid-column-end: 4;
    }
    .category-top-posts-wrapper-inner article:nth-child(6) {
        grid-row-start: 2;
        grid-column-start: 4;
        grid-row-end: 3;
        grid-column-end: 5;
    }
}

@media (min-width: 1440px) {
    .category-top-posts-wrapper-inner article:nth-child(1) .entry-title a,
    .category-top-posts-wrapper-inner article:nth-child(2) .entry-title a,
    .blog-latest-posts-wrapper article:nth-child(1) .entry-title a,
    .blog-latest-posts-wrapper article:nth-child(2) .entry-title a,
    .blog-latest-posts-wrapper article:nth-child(5) .entry-title a,
    .blog-latest-posts-wrapper article:nth-child(10) .entry-title a,
    .blog-latest-posts-wrapper article:nth-child(11) .entry-title a {
        font-size: 30px;
        line-height: 40px;
    }
}

.archive .subscribe-box-black {
    margin-top: 48px;
    margin-bottom: 48px;
    display: flex;
    flex-direction: column;
    padding-right: 32px;
    padding-left: 32px;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

@media (min-width: 1024px) {
    .archive .subscribe-box-black {
        margin-top: 64px;
        margin-bottom: 64px;
        margin-left: auto;
        margin-right: auto;
        max-width: none;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .archive .subscribe-box-black h3 {
        max-width: 52.82%;
        margin-right: 88px;
    }
    .archive .subscribe-box-black-archive .email-form {
        width:40%;
    }
}

@media (min-width: 1440px) {
    .archive .subscribe-box-black {
        margin-top: 80px;
        margin-bottom: 96px;
    }
    .archive .subscribe-box-black form {
        width: 60%;
    }
}

.more-category-posts-wrapper,
.blog-popular-posts-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    margin-bottom: 50px;
}

.blog-popular-posts-wrapper {
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    .more-category-posts-wrapper,
    .blog-popular-posts-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1440px) {
    .more-category-posts-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

.single-latest-posts-wrapper {
    background-color: #f5f1ed;
    position: relative;
    overflow: hidden;
    padding: 48px 0;
}

.single-latest-posts-wrapper h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}

.single-latest-posts-wrapper .slider {
    margin-top: 24px;
}

.single-latest-posts-wrapper .post {
    margin-right: 20px;
}

@media (min-width: 1024px) {
    .single-latest-posts-wrapper {
        margin-top: 72px;
    }
}

@media (min-width: 1440px) {
    .single-latest-posts-wrapper {
        padding: 56px 0;
    }
}

@media screen and (min-width: 769px) {
    body > #page > .content-area.left-sidebar > main.site-main {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 3%;
    }
    body > #page > .content-area.right-sidebar > main.site-main {
        padding-right: 3%;
    }
    body > #page > .content-area.left-sidebar > aside.widget-area {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media screen and (max-width: 992px) {
    body > #page > .content-area.left-sidebar > aside.widget-area,
    body > #page > .content-area.right-sidebar > aside.widget-area {
        width: 200px;
    }
    body > #page > .content-area.left-sidebar > main.site-main,
    body > #page > .content-area.right-sidebar > main.site-main {
        width: calc(100% - 200px);
    }

    .site-footer .wp-block-social-links {
        justify-content: flex-start;
    }
}
@media screen and (max-width: 768px) {
    body > #page > .content-area > main.site-main {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    body > #page > .content-area > aside.widget-area,
    body > #page > .content-area > main.site-main {
        width: 100% !important;
    }
    body > #page > .content-area.left-sidebar > main.site-main,
    body > #page > .content-area.left-sidebar > aside.widget-area {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .site-footer .footer-bottom p {
        text-align: left;
    }
}

/* Website Templates Page 
 * Line 1887 - 2219 of original style.css
 */

.header[data-v-18c45cc5] {
    color: #fff;
    padding-top: 160px;
    padding-bottom: 48px;
}
.header__inner[data-v-18c45cc5] {
    margin: 0 auto;
    width: 90%;
}
@media screen and (min-width: 1024px) {
    .header[data-v-18c45cc5] {
        padding-bottom: 80px;
    }
}
@media screen and (min-width: 1440px) {
    .header[data-v-18c45cc5] {
        padding-bottom: 100px;
    }
}
.header__eyebrow[data-v-18c45cc5] {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    color: hsla(0, 0%, 100%, 0.5);
    grid-column: 1/-1;
    margin-bottom: 20px;
}
.header__eyebrow[data-v-18c45cc5]:before {
    content: "●";
    color: #fff00b;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: text-bottom;
}
.header__headline[data-v-18c45cc5] {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    letter-spacing: -0.5px;
    grid-row: 2;
    margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
    .header__headline[data-v-18c45cc5] {
        grid-column: 1/-1;
        margin-bottom: 32px;
    }
}
@media screen and (min-width: 1440px) {
    .header__headline[data-v-18c45cc5] {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
    }
}
.header__subheadline[data-v-18c45cc5] {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
}
.filter[data-v-65f45b1d] {
    background-color: #000;
    color: #d8d8d8;
    font-weight: 500;
    grid-column: span 2;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 1;
}
/* body.logged-in .filter[data-v-65f45b1d] {
    top: 156px;
} */
.filter__categories[data-v-65f45b1d] {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    background: #191919;
    color: #fff;
    /* position: fixed; */
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    padding: 22px 100px;
    /* top: 67px; */
}
@media screen and (min-width: 1024px) {
    .filter__categories[data-v-65f45b1d] {
        display: none;
    }
}
.filter__categories--chevron-up[data-v-65f45b1d] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.filter__categories--chevron-down[data-v-65f45b1d] {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.filter__selection[data-v-65f45b1d] {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}
.filter__selection.active[data-v-65f45b1d] {
    display: block;
}
@media screen and (max-width: 1023px) {
    .filter__selection[data-v-65f45b1d] {
        background: #000;
        font-size: 15px;
        position: fixed;
        height: calc(100vh - 110px);
        width: 100%;
        /* margin-top: 59px; */
        /* margin-top: 105px; */
        padding: 35px 10px;
        overflow-y: auto;
        display: none;
    }
    .filter__selection .filter__heading[data-v-65f45b1d] {
        font-size: 14px;
    }
}
@media screen and (min-width: 1024px) {
    .filter[data-v-65f45b1d] {
        background-color: #191919;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: sticky;
        top: 90px;
        height: calc(100vh - 80px);
        width: 250px;
        padding: 30px 20px 0;
        overflow-y: auto;
    }
}
.filter__title[data-v-65f45b1d] {
    margin-bottom: 32px;
    padding-left: 10px;
    padding-bottom: 16px;
    cursor: pointer;
    border-bottom: 1px solid #191919;
}
.filter__title--text[data-v-65f45b1d] {
    color: #fff;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .filter__title[data-v-65f45b1d] {
        padding: 0;
        text-align: center;
    }
}
.filter__title .all-selected[data-v-65f45b1d],
.filter__title:hover a[data-v-65f45b1d] {
    border-bottom: 1px solid #fff00b;
}
.filter__list[data-v-65f45b1d] {
    margin: 20px 0;
    padding: 0;
    text-transform: capitalize;
}
.filter__list a[data-v-65f45b1d] {
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.filter__list li[data-v-65f45b1d] {
    border-bottom: 1px solid #191919;
}
.filter__list li[data-v-65f45b1d]:first-child {
    border-top: 1px solid #191919;
}
.filter__section[data-v-65f45b1d] {
    margin-top: 38px;
}
.filter__heading[data-v-65f45b1d] {
    margin: 10px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}
.filter .filter__type--text[data-v-65f45b1d] {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.filter .filter__type--selected[data-v-65f45b1d],
.filter .filter__type[data-v-65f45b1d] {
    font-weight: 300;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    line-height: 22px;
    padding: 15px;
}
@media screen and (min-width: 1024px) {
    .filter .filter__type--selected[data-v-65f45b1d],
    .filter .filter__type[data-v-65f45b1d] {
        padding: 5px;
        margin: 8px 0;
    }
}
.filter .filter__type--selected .filter__type--bullet[data-v-65f45b1d],
.filter .filter__type .filter__type--bullet[data-v-65f45b1d] {
    opacity: 0.5;
    vertical-align: super;
    margin: 0 10px;
}
.filter
    .filter__type--selected--selected
    .filter__galleryType--icon[data-v-65f45b1d],
.filter
    .filter__type--selected--selected
    .filter__type--bullet[data-v-65f45b1d],
.filter .filter__type--selected .filter__galleryType--icon[data-v-65f45b1d],
.filter .filter__type--selected .filter__type--bullet[data-v-65f45b1d],
.filter
    .filter__type--selected:hover
    .filter__galleryType--icon[data-v-65f45b1d],
.filter .filter__type--selected:hover .filter__type--bullet[data-v-65f45b1d],
.filter .filter__type:hover .filter__galleryType--icon[data-v-65f45b1d],
.filter .filter__type:hover .filter__type--bullet[data-v-65f45b1d] {
    opacity: 1;
}
.filter .filter__type--selected--selected .filter__type--text[data-v-65f45b1d],
.filter .filter__type--selected--selected .filter__type[data-v-65f45b1d],
.filter .filter__type--selected .filter__type--text[data-v-65f45b1d],
.filter .filter__type--selected .filter__type[data-v-65f45b1d],
.filter .filter__type--selected:hover .filter__type--text[data-v-65f45b1d],
.filter .filter__type--selected:hover .filter__type[data-v-65f45b1d],
.filter .filter__type:hover .filter__type--text[data-v-65f45b1d],
.filter .filter__type:hover .filter__type[data-v-65f45b1d] {
    border-bottom: 1px solid #fff00b;
    font-weight: 400;
}
.filter__galleryType[data-v-65f45b1d] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.filter__galleryType--icon[data-v-65f45b1d] {
    width: 32px;
    min-height: 27px;
    margin: 0 15px;
    opacity: 0.3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.filter__professions[data-v-65f45b1d] {
    margin-bottom: 50px;
}
.website-templates-layout .navbar {
    background: #000;
}
.website-templates__header {
    padding: 160px 0 50px;
}
@media screen and (min-width: 1024px) {
    .website-templates {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .website-templates__filter {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .website-templates__main {
        max-width: calc(100vw - 250px);
        width: 100%;
    }
}
.header__inner {
    width: 90%;
}

/* Website Templates Page Showcase 
 * 2624-2965 original css
 */
.theme[data-v-7b50cd4d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.theme__label[data-v-7b50cd4d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    color: #fff;
    margin: 28px 0;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media screen and (min-width: 1024px) {
    .theme__label[data-v-7b50cd4d] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .theme__label[data-v-7b50cd4d] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.theme__label .theme__title[data-v-7b50cd4d] {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    text-transform: capitalize;
}
.theme__label-cta[data-v-7b50cd4d] {
    color: #fff;
    grid-column: 3/-1;
    font-size: 14px;
    margin: auto 0;
}
.theme__label-cta span[data-v-7b50cd4d] {
    padding-bottom: 3px;
    border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1440px) {
    .theme__label .theme__title[data-v-7b50cd4d] {
        grid-column: 1/6;
    }
    .theme__label-cta[data-v-7b50cd4d] {
        grid-column: 6/-1;
    }
}
.theme__link[data-v-7b50cd4d] {
    text-decoration: none;
    color: #fff;
}
.theme__link .theme__info[data-v-7b50cd4d] {
    display: none;
}
@media screen and (min-width: 1024px) {
    .theme__link .theme__info[data-v-7b50cd4d] {
        background: rgba(0, 0, 0, 0.8);
        border: 1px solid #fff;
        padding: 32px;
        min-height: 87%;
        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;
        position: absolute;
        top: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .theme__link .theme__info .theme__title[data-v-7b50cd4d] {
        font-size: 24px;
        text-transform: capitalize;
        grid-column: 1/3;
    }
    .theme__link .theme__info-description[data-v-7b50cd4d] {
        font-size: 15px;
        letter-spacing: normal;
        line-height: 1.67;
        font-weight: 300;
        text-transform: none;
        margin-top: 30px;
    }
}
@media screen and (min-width: 1440px) {
    .theme__link .theme__info[data-v-7b50cd4d] {
        min-height: 85%;
    }
}
.theme__link:hover .theme__label[data-v-7b50cd4d] {
    opacity: 0.2;
}
.theme__link:hover .theme__info[data-v-7b50cd4d] {
    visibility: visible;
    opacity: 1;
}
.theme__screens[data-v-7b50cd4d] {
    -ms-flex-negative: 0.5;
    flex-shrink: 0.5;
    position: relative;
    min-height: 220px;
}
@media screen and (min-width: 1024px) {
    .theme__screens[data-v-7b50cd4d] {
        min-height: 270px;
    }
}
.theme__screens--browser[data-v-7b50cd4d] {
    width: 100%;
}
.theme__screens--browser-frame[data-v-7b50cd4d] {
    width: 90%;
    position: relative;
}
.theme__screens--browser-image[data-v-7b50cd4d],
.online-portfolio-web-template.online-portfolio-web-template-page-online-portfolio-website-best .theme__screens--browser-image[data-v-7b50cd4d] {
    width: 76%;
    left: 4.3%;
    top: 11.5%;
    position: absolute;
}
.online-portfolio-web-template-page-online-portfolio-website-solutions .theme__screens--browser-image[data-v-7b50cd4d],
.online-portfolio-web-template-page-online-portfolio-website-example .theme__screens--browser-image[data-v-7b50cd4d],
.website-templates .theme__screens--browser-image[data-v-7b50cd4d],
.online-portfolio-web-template .theme__screens--browser-image[data-v-7b50cd4d] {
  width: 87%;
}
.theme__screens--phone-frame[data-v-7b50cd4d] {
    width: 25%;
    bottom: -3%;
    right: 1%;
    position: absolute;
}
.theme__screens--phone-image[data-v-7b50cd4d] {
    width: 18%;
    right: 5.8%;
    bottom: 5%;
    position: absolute;
}

/* added custom css to override previous .showcase styles above */
.showcase[data-v-af454840] {
    margin: 0 auto;
    width: 90%;
    background: none;
    padding: 0;
}
.showcase__collection[data-v-af454840] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    overflow: hidden;
    min-height: 300px;
}
@media screen and (min-width: 1024px) {
    .showcase__collection[data-v-af454840] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .showcase__collection[data-v-af454840] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.showcase__collection-templates[data-v-af454840] {
    grid-column: 1/-1;
    margin-bottom: 64px;
}
@media screen and (min-width: 1024px) {
    .showcase__collection[data-v-af454840] {
        grid-column-gap: 4.5%;
    }
    .showcase__collection-templates[data-v-af454840] {
        margin-bottom: 80px;
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .showcase__collection[data-v-af454840] {
        margin-bottom: 104px;
    }
    .showcase__collection-templates[data-v-af454840] {
        grid-column: span 4;
    }
}
.plan-features[data-v-2e48a198] {
    color: #fff;
    background: #000;
}
.plan-features__inner[data-v-2e48a198] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    padding-top: 60px;
}
@media screen and (min-width: 1024px) {
    .plan-features__inner[data-v-2e48a198] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .plan-features__inner[data-v-2e48a198] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .plan-features__inner[data-v-2e48a198] {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .plan-features__inner[data-v-2e48a198] {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .plan-features__inner[data-v-2e48a198] {
        padding-top: 0;
    }
}
.plan-features__item[data-v-2e48a198] {
    grid-column: 1/-1;
    text-align: center;
    margin: 0 auto 60px;
    max-width: 320px;
}
@media screen and (min-width: 1024px) {
    .plan-features__item[data-v-2e48a198] {
        min-width: 240px;
        max-width: unset;
    }
}
.plan-features__item--image[data-v-2e48a198] {
    display: block;
    margin: 0 auto 30px;
    width: 100%;
}
@media screen and (min-width: 1440px) {
    .plan-features__item--image[data-v-2e48a198] {
        height: 55%;
        margin-bottom: 50px;
        max-width: unset;
    }
}
.plan-features__item--headline[data-v-2e48a198] {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
    .plan-features__item--headline[data-v-2e48a198] {
        font-size: 24px;
    }
}
.plan-features__item--body[data-v-2e48a198] {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
}
@media screen and (min-width: 1024px) {
    .plan-features__item[data-v-2e48a198] {
        grid-column: span 2;
        max-width: 224px;
        margin: 100px 0;
    }
}
@media screen and (min-width: 1440px) {
    .plan-features__item[data-v-2e48a198] {
        grid-column: span 4;
        margin: 120px 0;
        max-width: 295.02662px;
    }
}

/* Copied from main css for buttons and ul */

ul {
    margin: 0;
    padding: 0;
}

.btn--tertiary.btn--light {
    background-color: #fff00b;
    color: #000;
}
.btn--tertiary.btn--light:hover {
    background-color: #fff;
    color: #000;
}
.btn {
    -webkit-transition: background-color 0.35s ease-in-out,
        color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
    border-radius: 999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    font-size: 21px;
    padding: 0 25px;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    cursor: pointer;
}
.btn--sm {
    font-size: 15px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.btn--primary.btn--light {
    background-color: #fff;
    color: #000;
}
.btn--primary.btn--dark {
    background-color: #000;
    color: #fff;
}
.btn--primary:hover {
    background-color: #fff00b;
    color: #000;
}
.btn--secondary {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
}
.btn--secondary.btn--light {
    border-color: #000;
    color: #000;
}
.btn--secondary.btn--light:hover {
    background-color: #000;
    color: #fff;
}
.btn--secondary.btn--dark {
    border-color: #fff;
    color: #fff;
}
.btn--secondary.btn--dark:hover {
    background-color: #fff;
    color: #000;
}

.btn--tertiary.btn--dark {
    background-color: #000;
    color: #fff00b;
}
.btn--has-arrow svg {
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.btn--has-arrow:hover {
    background-color: #fff00b;
    color: #000;
}
.btn--has-arrow:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}



/* Website Templates Detail Page -- Money Page 
   * 9330-10976
   */

.preview-template {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background: #f5f1ed;
}
.preview-template__navbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    height: 50px;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .preview-template__navbar {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .preview-template__navbar {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar {
        height: 80px;
    }
}
.preview-template__navbar--arrow {
    margin: 18px;
    left: 0;
    position: absolute;
    color: #000;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 25px;
    width: 25px;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--arrow {
        left: 3%;
        margin: 32px;
    }
}
.preview-template__navbar--arrow:hover {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.preview-template__navbar--title {
    margin: auto;
    color: #000;
    grid-column: span 2;
    font-size: 20px;
}
.preview-template__navbar--icons {
    grid-column: 6/8;
    margin: auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.preview-template__navbar--desktop-icon,
.preview-template__navbar--mobile-icon {
    display: none;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--desktop-icon,
    .preview-template__navbar--mobile-icon {
        display: block;
        margin: auto 0;
        opacity: 0.25;
        cursor: pointer;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
}
@media screen and (min-width: 1440px) {
    .preview-template__navbar--desktop-icon,
    .preview-template__navbar--mobile-icon {
        margin: auto;
    }
}
.preview-template__navbar--desktop-icon:hover,
.preview-template__navbar--mobile-icon:hover {
    opacity: 1;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--desktop-icon {
        grid-column: 3;
        margin-left: auto;
        margin-right: 10px;
    }
}
@media screen and (min-width: 1440px) {
    .preview-template__navbar--desktop-icon {
        grid-column: 6;
    }
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--mobile-icon {
        grid-column: 4;
        margin-right: auto;
        margin-left: 10px;
    }
}
@media screen and (min-width: 1440px) {
    .preview-template__navbar--mobile-icon {
        grid-column: 7;
    }
}
.preview-template__navbar--cta {
    font-size: 12px;
    background-color: #000;
    position: absolute;
    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: 20px 10px;
    height: 50px;
    right: 0;
    grid-column: span 2;
    -webkit-transition: background-color 0.35s ease-in-out,
        color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
}
.preview-template__navbar--cta--hiddenBtn {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -10px;
    opacity: 0;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--cta {
        height: 80px;
        padding: 25px;
        font-size: 15px;
    }
}
.preview-template__navbar--cta--arrow {
    display: none;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--cta--arrow {
        display: block;
        width: 15px;
        margin-left: 35px;
        -webkit-transition: -webkit-transform 0.35s ease-in-out;
        transition: -webkit-transform 0.35s ease-in-out;
        transition: transform 0.35s ease-in-out;
        transition: transform 0.35s ease-in-out,
            -webkit-transform 0.35s ease-in-out;
    }
}
.preview-template__navbar--cta:hover {
    background-color: #fff;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .preview-template__navbar--cta:hover .preview-template__navbar--cta--arrow {
        -webkit-transform: translateX(12px);
        transform: translateX(12px);
    }
}
.preview-template__site-container {
    background: #fff;
    height: calc(100vh - 50px);
}

.preview-template__site-container__mobile {
  width: 480px;
  margin: 0 auto;
  height: 800px;
}
@media screen and (min-width: 1024px) {
    .preview-template__site-container {
        height: calc(100vh - 80px);
    }
}
.preview-template__iframe {
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
}
.preview-template .active {
    opacity: 1;
}
.preview-template .mobile-preview {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .preview-template .mobile-preview {
        width: 400px;
    }
}
.template-hero {
    background-color: #000;
    color: #fff;
}
.template-hero__screens {
    grid-column: 1/-1;
    position: relative;
    margin: 35px 0 40px;
}
.template-hero__screens-placeholder {
    min-height: 250px;
}
.template-hero__screens-laptop {
    position: relative;
    width: 100%;
}
.template-hero__screens-desktopImage {
    position: absolute;
    width: 75%;
    top: 5%;
    right: 13%;
}
.template-hero__screens-mobile {
    position: absolute;
    width: 20%;
    bottom: 0;
    right: 7%;
}
.template-hero__screens-mobileImage {
    position: absolute;
    width: 17.7%;
    right: 8%;
    bottom: 3.3%;
    display: block;
}
.template-hero__info {
    grid-column: 1/-1;
    text-align: center;
    padding-bottom: 66px;
    margin: 0 24px;
}
.template-hero__info-eyebrow {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    opacity: 0.5;
    margin-bottom: 30px;
}
.template-hero__info-title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 30px;
}
.template-hero__info-description {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 35px;
}
.template-hero__info-cta {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.template-hero__info-cta-tryBtn {
    padding: 0 36px;
    border: none;
}
.template-hero__info-cta-preview,
.template-hero__info-cta-tryBtn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
}
.template-hero__info-cta-preview {
    margin-top: 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1024px) {
    .template-hero__info-cta-preview {
        margin-top: 40px;
    }
}
@media screen and (min-width: 1024px) {
    .template-hero__inner {
        margin: 0 auto;
        max-width: 86.93%;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .template-hero__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .template-hero__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .template-hero__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .template-hero__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .template-hero__screens {
        grid-column: 1/5;
        margin: 50px 0 70px;
        -webkit-transform: scale(1.2) translate(-10%, 5%);
        transform: scale(1.2) translate(-10%, 5%);
    }
    .template-hero__screens-laptop {
        left: -10%;
        bottom: 2%;
    }
    .template-hero__screens-desktopImage {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
        left: 2%;
    }
    .template-hero__screens--mobile-mocks {
        -webkit-transform: scale(0.99) translateY(4%);
        transform: scale(0.99) translateY(4%);
    }
    .template-hero__screens-mobile {
        bottom: 18%;
        right: 17%;
    }
    .template-hero__screens-mobileImage {
        bottom: 15%;
        height: auto;
        right: 18%;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    .template-hero__info {
        grid-column: 5/-1;
        text-align: left;
        padding: 60px 0 85px;
        margin: 0;
    }
    .template-hero__info-title {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
    }
    .template-hero__info-cta {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .template-hero__info-cta-preview {
        margin-top: 35px;
        -webkit-transition: 0.1s;
        transition: 0.1s;
    }
    .template-hero__info-cta-preview:hover {
        padding-bottom: 2px;
    }
}
@media screen and (min-width: 1440px) {
    .template-hero__screens {
        grid-column: 1/9;
        margin: 0;
        -webkit-transform: scale(1.2) translate(-10%, 18%);
        transform: scale(1.2) translate(-10%, 18%);
        align-self: baseline;
    }
    .template-hero__screens-mobileImage {
        height: auto;
        right: 19%;
        -webkit-transform: translate(4.5%, -6%);
        transform: translate(4.5%,-6%);
    }
    .template-hero__info {
        grid-column: 9/-1;
        padding: 149px 0;
        margin: 0;
    }
    .template-hero__info-title {
        font-size: 60px;
    }
    .template-hero__info-cta {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .template-hero__info-cta-tryBtn {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
    .template-hero__info-cta-preview {
        margin-top: 0;
        margin-left: 30px;
    }
}
.template-hero__gallery-type {
    background: #191919;
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .template-hero__gallery-type {
        padding: 60px 0;
    }
}
@media screen and (min-width: 1440px) {
    .template-hero__gallery-type {
        padding: 100px 0;
    }
}
.template-hero__gallery-type--inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .template-hero__gallery-type--inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .template-hero__gallery-type--inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .template-hero__gallery-type--inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .template-hero__gallery-type--inner {
        max-width: 1240px;
    }
}
.template-hero__gallery-type * {
    -ms-flex-item-align: center;
    align-self: center;
}
.template-hero__gallery-type--icon {
    grid-column: 1;
    width: 80%;
}
.template-hero__gallery-type--title {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    grid-column: 2/-1;
    text-transform: capitalize;
    margin: 0 15px;
}
.template-hero__gallery-type--description {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    grid-column: 1/-1;
    margin-top: 25px;
}
.template-hero__gallery-type--description p > a {
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .template-hero__gallery-type--icon {
        grid-column: 1/3;
        grid-row: span 2;
        width: 35%;
        margin: 0 auto;
    }
    .template-hero__gallery-type--title {
        grid-column: 3/-1;
        margin: 0;
    }
    .template-hero__gallery-type--description {
        grid-column: 3/-1;
    }
}
@media screen and (min-width: 1440px) {
    .template-hero__gallery-type--icon {
        grid-column: 2;
        width: 100%;
    }
    .template-hero__gallery-type--title {
        grid-column: 4/8;
    }
    .template-hero__gallery-type--description {
        grid-column: 9/-1;
        margin-top: 0;
    }
}
.template-features__features--title,
.template-features__section--title {
    font-size: 28px;
    line-height: 38px;
    margin: 0 45px 30px;
}
@media screen and (min-width: 1024px) {
    .template-features__features--title,
    .template-features__section--title {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 40px;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__features--title,
    .template-features__section--title {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
    }
}
.template-features__features {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding: 48px 0;
}
@media screen and (min-width: 1024px) {
    .template-features__features {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__features {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .template-features__features {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__features {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
        padding: 100px 0;
    }
}
.template-features__features--title {
    text-align: center;
    grid-column: 1/-1;
}
@media screen and (min-width: 1440px) {
    .template-features__features--title {
        grid-column: 4/10;
    }
}
.template-features__features--blurb {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    text-align: center;
    grid-column: 1/-1;
    margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
    .template-features__features--blurb {
        margin-bottom: 70px;
        grid-column: 2/6;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__features--blurb {
        grid-column: 4/10;
    }
}
.template-features__features--list {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}
@media screen and (min-width: 1024px) {
    .template-features__features--list {
        margin: 1.5%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__features--list {
        margin: auto;
        grid-column: 3/11;
    }
}
.template-features__features--list-item {
    background-color: #191919;
    grid-column: span 2;
    width: 48%;
    margin-bottom: 3.99%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 157px;
    padding: 10px 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.template-features__features--list-item:nth-child(2n) {
    margin-left: 3.99%;
}
@media screen and (min-width: 1024px) {
    .template-features__features--list-item {
        width: 190px;
        height: 200px;
        padding: 10px 24px;
        margin: 4% 5%;
    }
    .template-features__features--list-item:nth-child(2n) {
        margin-left: 5%;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__features--list-item {
        margin: 0 0 70px;
    }
    .template-features__features--list-item:nth-child(2n) {
        margin-left: auto;
    }
    .template-features__features--list-item:nth-child(3n-1) {
        margin: 0 15.2%;
    }
}
.template-features__features--list-item-icon {
    width: 45px;
}
.template-features__features--list-item-title {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    text-align: center;
    font-size: 15px;
}
@media screen and (min-width: 1024px) {
    .template-features__features--list-item-title {
        font-size: 18px;
    }
}
.template-features__page-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media screen and (min-width: 1024px) {
    .template-features__page-elements {
        margin: 0 auto;
        max-width: 86.93%;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .template-features__page-elements {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .template-features__page-elements {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .template-features__page-elements {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .template-features__page-elements {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.template-features__page-elements--content {
    margin-top: 50px;
    text-align: center;
}
.template-features__page-elements--content li {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
}
@media screen and (min-width: 1024px) {
    .template-features__page-elements--content {
        grid-column: span 2;
        text-align: left;
        margin-top: 0;
        padding: 40px 0;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__page-elements--content {
        grid-column: span 4;
        padding: 180px 0 100px;
    }
}
.template-features__page-elements--right-container {
    overflow: hidden;
    height: 315px;
}
@media screen and (min-width: 1024px) {
    .template-features__page-elements--right-container {
        position: absolute;
        height: 506px;
        background-color: #191919;
        right: 0;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__page-elements--right-container {
        height: 688px;
    }
}
.template-features__page-elements--image {
    display: block;
    width: 100%;
    -webkit-animation-name: scrollup;
    animation-name: scrollup;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    padding-bottom: 20px;
}
@-webkit-keyframes scrollup {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes scrollup {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
.template-features__easy-to-use {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .template-features__easy-to-use {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__easy-to-use {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .template-features__easy-to-use {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__easy-to-use {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .template-features__easy-to-use {
        padding: 130px 0;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__easy-to-use {
        padding: 180px 0;
    }
}
.template-features__easy-to-use--image {
    width: 100%;
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .template-features__easy-to-use--image {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__easy-to-use--image {
        grid-column: span 7;
    }
}
.template-features__easy-to-use--content {
    margin-top: 44px;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    grid-column: 1/-1;
}
.template-features__easy-to-use--content > .template-features__section--title {
    margin: 0 0 35px;
}
@media screen and (min-width: 1024px) {
    .template-features__easy-to-use--content {
        grid-column: 5/-1;
    }
}
@media screen and (min-width: 1440px) {
    .template-features__easy-to-use--content {
        margin-top: 150px;
        grid-column: 9/-1;
    }
}

@media (max-width: 767px) {
    #kt-layout-id_558e6e-ab > .kt-row-column-wrap {
        padding-top: 100px !important;
    }
}
.user-showcase {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding-bottom: 50px;
}
@media screen and (min-width: 1024px) {
    .user-showcase {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .user-showcase {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .user-showcase {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .user-showcase {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .user-showcase {
        padding-bottom: 15%;
    }
}
@media screen and (min-width: 1440px) {
    .user-showcase {
        padding-bottom: 150px;
    }
}
.user-showcase__content {
    /* padding: 80% 0 60px; */
    grid-column: 1/-1;
    grid-row: 2;
}
@media screen and (min-width: 1024px) {
    .user-showcase__content {
        grid-column: 1/4;
        grid-row: 1;
        margin-right: 100px;
        padding: 50px 0;
    }
}
@media screen and (min-width: 1440px) {
    .user-showcase__content {
        grid-column: 1/6;
        margin-right: 50px;
        padding: 100px 0;
    }
}
.user-showcase__content--title {
    margin: 30px 0;
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
}
@media screen and (min-width: 1024px) {
    .user-showcase__content--title {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 30px;
    }
}
@media screen and (min-width: 1440px) {
    .user-showcase__content--title {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
    }
}
.user-showcase__content--blurb {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 20px;
}
.user-showcase__user-sites {
    position: relative;
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .user-showcase__user-sites {
        grid-column: 4/-1;
    }
}
@media screen and (min-width: 1440px) {
    .user-showcase__user-sites {
        grid-column: 7/-1;
    }
}
/* 
 .user-showcase__user-sites--slide {
     text-align: center;
     position: absolute;
     width: 80%;
     -webkit-transform: translateX(12.5%);
     transform: translateX(12.5%)
 }
 @media screen and (min-width:1024px) {
     .user-showcase__user-sites--slide {
         width: 90%;
         -webkit-transform: translateY(-5%);
         transform: translateY(-5%)
     }
 }
 @media screen and (min-width:1440px) {
     .user-showcase__user-sites--slide {
         width: 90%
     }
 }
 
  */
.user-showcase__user-sites--slide-url {
    text-align: center;
    margin-top: 20px;
}
.user-showcase__user-sites--slide-img {
    width: 100%;
}
.user-showcase__arrow {
    width: 25%;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
}

.user-showcase__user-sites .slick-prev::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class='user-showcase__arrow user-showcase__arrow--left'%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inherit;
}

.user-showcase__user-sites .slick-next::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class='user-showcase__arrow user-showcase__arrow--left'%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.user-showcase__arrow--left {
    top: 0;
    left: 0;
    -webkit-transform: translate(-40%, 40%) scale(0.15) rotate(180deg);
    transform: translate(-40%, 40%) scale(0.15) rotate(180deg);
}
.user-showcase__arrow--right {
    top: 0;
    right: 0;
    -webkit-transform: translate(40%, 40%) scale(0.15);
    transform: translate(40%, 40%) scale(0.15);
}
@media screen and (min-width: 1024px) {
    .user-showcase__arrow {
        -ms-flex-negative: 1.3;
        flex-shrink: 1.3;
    }
    .user-showcase__arrow--left {
        -webkit-transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
        transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
    }
    .user-showcase__arrow--left:hover {
        -webkit-transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
        transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
    }
    .user-showcase__arrow--right {
        -webkit-transform: translate(15%, 40%) scale(0.15);
        transform: translate(15%, 40%) scale(0.15);
    }
    .user-showcase__arrow--right:hover {
        -webkit-transform: translate(20%, 40%) scale(0.15);
        transform: translate(20%, 40%) scale(0.15);
    }
}
@media screen and (min-width: 1024px) {
    .user-showcase__arrow--left {
        -webkit-transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
        transform: translate(-85%, 45%) scale(0.2) rotate(180deg);
    }
    .user-showcase__arrow--left:hover {
        -webkit-transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
        transform: translate(-90%, 45%) scale(0.2) rotate(180deg);
    }
    .user-showcase__arrow--right {
        -webkit-transform: translate(45%, 50%) scale(0.2);
        transform: translate(45%, 50%) scale(0.2);
    }
    .user-showcase__arrow--right:hover {
        -webkit-transform: translate(50%, 50%) scale(0.2);
        transform: translate(50%, 50%) scale(0.2);
    }
}
.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.user-reviews__get-started {
    grid-column: 1/-1;
    padding: 50px 0;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .user-reviews__get-started {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .user-reviews__get-started {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .user-reviews__get-started {
        grid-column: 4/-1;
        margin: auto;
    }
}
@media screen and (min-width: 1440px) {
    .user-reviews__get-started {
        grid-column: 7/12;
    }
}
.user-reviews__get-started--eyebrow {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 30px;
    color: #fff;
}
.user-reviews__get-started--callout {
    margin-right: 40px;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    font-weight: 300;
}
@media screen and (min-width: 1024px) {
    .user-reviews__get-started--callout {
        margin-right: 0;
        font-size: 30px;
        line-height: 40px;
    }
}
@media screen and (min-width: 1440px) {
    .user-reviews__get-started--callout {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
        grid-column: 7/12;
    }
}

.user-reviews__get-started a.kt-button {
    background: transparent !important;
    color: #fff !important;
    font-size: 21px;
}

.user-reviews__get-started a.kt-button::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    height: 20px;
    width: 20px;
    margin-left: 35px;
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.user-reviews__get-started a.kt-button:hover {
    color: #000 !important;
}

.user-reviews__get-started a.kt-button:hover::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.money-page {
    background-color: #000;
    color: #fff !important;
}

.money-page p,
.money-page li {
    color: #fff !important;
}
.money-page__eyebrow {
    font-size: 14px;
    font-weight: 500;
    grid-column: 1/-1;
    color: #fff;
    text-decoration: none;
}
@media screen and (min-width: 1440px) {
    .money-page__eyebrow {
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%);
    }
}

@media screen and (min-width: 1024px) {
    .money-page__eyebrow-arrow {
        left: 2%;
    }
}
@media screen and (min-width: 1440px) {
    .money-page__eyebrow-arrow {
        position: relative;
        top: 25%;
        left: 0;
        margin-right: 10px;
    }
}

@media screen and (min-width: 1024px) {
    .money-page__eyebrow-text {
        margin-left: 0;
    }
}

.money-page__header {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding-top: 100px;
}
@media screen and (min-width: 1024px) {
    .money-page__header {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .money-page__header {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .money-page__header {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .money-page__header {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .money-page__header {
        padding: 150px 0 72px;
    }
}
@media screen and (min-width: 1440px) {
    .money-page__header {
        padding: 160px 0 10px;
    }
}
.money-page__header--content {
    grid-column: 1/-1;
    margin-left: 32px;
}
@media screen and (min-width: 1024px) {
    .money-page__header--content {
        margin-left: 0;
    }
}
.money-page__header--content-title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 25px;
}
@media screen and (min-width: 1024px) {
    .money-page__header--content-title {
        margin-top: 36px;
    }
}
.money-page__header--content-subtitle {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
}

/* WH Customizations */

/* Money page - Website Template Detail Page */
.arrow-move {
    height: 32px;
}
.arrow-move svg {
    -webkit-transition: 0.1s;
    transition: 0.1s;
}
.arrow-move .kt-svg-icon-list-text {
    -webkit-transition: 0.1s;
    transition: 0.1s;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
}
.arrow-move .kt-svg-icon-list-text a {
    text-decoration: none;
}
.arrow-move:hover svg {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
}
.arrow-move:hover .kt-svg-icon-list-text {
    padding-bottom: 2px;
}

.height-200 .kt-blocks-info-box-link-wrap {
    height: 200px;
    padding-top: 1px !important;
}

.height-200 .kt-blocks-info-box-link-wrap:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* User Reviews - Website Template Detail Page */
.user-reviews,
.user-reviews > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    background-color: #191919;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1024px) {
    .user-reviews,
    .user-reviews > .kt-inside-inner-col {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .user-reviews,
    .user-reviews > .kt-inside-inner-col {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.user-reviews__design-badge {
    position: absolute;
    -webkit-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
    -webkit-transform: translate(-75%, -100%) rotate(0) scale(0.9);
    transform: translate(-75%, -100%) rotate(0) scale(0.9);
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-75%, -100%) rotate(0) scale(0.9);
        transform: translate(-75%, -100%) rotate(0) scale(0.9);
    }
    to {
        -webkit-transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
        transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: translate(-75%, -100%) rotate(0) scale(0.9);
        transform: translate(-75%, -100%) rotate(0) scale(0.9);
    }
    to {
        -webkit-transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
        transform: translate(-75%, -100%) rotate(1turn) scale(0.9);
    }
}
@media (max-width:767px) {
    .user-reviews__design-badge {
        -webkit-transform: translate(-80%, -70%) rotate(0) scale(0.9);
        transform: translate(-70%, -80%) rotate(0) scale(0.9);
    }
    @-webkit-keyframes rotate {
        0% {
            -webkit-transform: translate(-80%, -70%) rotate(0) scale(0.9);
            transform: translate(-80%, -70%) rotate(0) scale(0.9);
        }
        to {
            -webkit-transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
            transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
        }
    }
    @keyframes rotate {
        0% {
            -webkit-transform: translate(-80%, -70%) rotate(0) scale(0.9);
            transform: translate(-80%, -70%) rotate(0) scale(0.9);
        }
        to {
            -webkit-transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
            transform: translate(-80%, -70%) rotate(1turn) scale(0.9);
        }
    }
}
.user-reviews__review {
    position: relative;
}
@media (max-width: 767px) {
    .user-reviews__review.slick-slide { 
        margin-top: 90px !important;
    }
}
.user-reviews__image-container {
    grid-column: 1/-1;
    overflow: hidden;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .user-reviews__image-container {
        padding: 160px 0 88px;
        grid-column: 1/4;
        background-size: 110%;
    }
}
@media screen and (min-width: 1440px) {
    .user-reviews__image-container {
        grid-column: 1/6;
    }
}
.user-reviews__review--background {
    position: absolute;
    top: 0;
    z-index: 1;
}
@media (max-width: 768px) {
    .user-reviews__review--background {
        width: 100%;
        top: -90px;
    }
}
.user-reviews__review--wrap {
    position: relative;
    background-color: #000;
    padding: 95px 50px 50px;
    margin-left: auto;
    width: 75%;
    z-index: 2;
}
@media screen and (min-width: 1440px) {
    .user-reviews__review--wrap {
        width: 65%;
    }
}
@media screen and (max-width: 767px) {
    .user-reviews__review--wrap {
        position: relative;
        background-color: #000;
        padding: 25px;
        margin-left: auto;
        width: 65%;
        z-index: 2;
    }
}
.user-reviews__review--quote {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 20px;
    color: #fff;
}
.user-reviews__review--quote p {
    display: inline;
}
.user-reviews__review--name {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.slick-list {
    overflow: visible !important;
}
.slick-slide {
    margin-top: 160px;
}

.browser-gallery .slick-slide {
    margin-top: 0;
}

.single-latest-posts-wrapper .slick-slide {
    margin-top: 0;
}

body.page-template-page-reverse .entry-content {
    background-color: #000;
}
body.page-template-page-reverse .entry-content,
.page-template-page-reverse .entry-content button,
.page-template-page-reverse .entry-content input,
.page-template-page-reverse .entry-content select,
.page-template-page-reverse .entry-content optgroup,
.page-template-page-reverse .entry-content textarea,
.page-template-page-reverse .entry-content ul,
.page-template-page-reverse .entry-content ol,
.page-template-page-reverse .entry-content a {
    color: #fff;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 400;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.page-template-page-reverse .entry-content li {
    color: #fff;
}
.page-template-page-reverse h3 {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    margin: 50px 0 30px;
}

.white-background {
    background-color: #fff;
    color: #000;
}
.page-template-page-reverse .entry-content .white-background a {
    color: #000;
}
.dark-gray {
    background-color: #191919;
}
.black-background {
    background-color: #000;
}

.no-bullet {
    list-style: none;
}
.page-template-page-reverse .entry-content ul.no-bullet a {
    font-size: 18px;
}

/* Default Button White */
.wp-block-kadence-advancedbtn a.kt-button:not(.link) {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #000000;
    font-size: 18px;
/*    background: #ffffff;*/
    border-color: #555555;
    border-radius: 50px;
    border-width: 0px;
    text-decoration: none;
}
.wp-block-kadence-advancedbtn a.kt-button.btn-white-txt {
    color:#fff;
}
.wp-block-kadence-advancedbtn a.kt-button:hover {
    color: #000000;
    background: #fff00b;
    border-color: #555555;
}

/* Default Button Black */
.wp-block-kadence-advancedbtn.btn-black a.kt-button:not(.link) {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    font-size: 18px;
    background: #000; 
    border-color: #555555;
    border-radius: 50px;
    border-width: 0px;
    text-decoration: none;
}
.wp-block-kadence-advancedbtn a.kt-button.btn-white-txt {
    color:#fff;
}
.wp-block-kadence-advancedbtn a.kt-button:hover {
    color: #000 !important;
    background: #fff !important;
    border-color: #555555;
}

.hero__top .kt-inside-inner-col {
    display: flex;
    align-content: space-evenly;
    align-items: center;
}
.hero p.intro-text {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
}
@media (max-width: 767px) {
    .hero p.intro-text {
        font-size: 15px;
    }
}
.hero .section-intro-title {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #8a8a8a;
    margin-left: 10px;
}
.hero .section-intro-title:before {
    background-color: #fff00b;
    border-radius: 50%;
    display: inline-block;
    width: 11px;
    height: 11px;
    position: relative;
    top: -1px;
    content: "";
    margin-right: 10px;
}

.spotlights-header {
    background-color: #000;
}

.spotlights-header {
    color: #fff;
    padding: 25px 0 130px;
}

@media screen and (min-width: 1024px) {
    .spotlights-header {
        padding: 120px 0 90px;
    }
}

.spotlights-header .grid-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spotlights-header__half {
    grid-column: 1/-1;
}

@media screen and (min-width: 1024px) {
    .spotlights-header__half {
        grid-column: span 3;
    }
}

@media screen and (min-width: 1440px) {
    .spotlights-header__half {
        grid-column: span 6;
    }
}

.spotlights-header__title {
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
    .spotlights-header__title {
        font-size: 50px;
        line-height: 60px;
        margin-top: 10px;
        margin-bottom: 0;
        grid-column: span 3;
    }
}

@media screen and (min-width: 1440px) {
    .spotlights-header__title {
        padding-right: 85.03289px;
    }
}

.spotlights-header__breadcrumbs {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
}

.spotlights-header__breadcrumbs a {
    color: #fff;
    text-decoration: none;
}

.spotlights-header__breadcrumbs a:hover {
    color: #fff00b;
}

.spotlights-header__breadcrumbs span {
    display: inline-block;
    margin: 0 6px;
}

@media screen and (min-width: 1024px) {
    .spotlights-header__breadcrumbs {
        margin-bottom: 0;
    }
}

.spotlights-header__info {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
    .spotlights-header__info {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

.spotlights-header__date {
    font-size: 12px;
    line-height: 22px;
}

.spotlights-list__inner {
    padding-top: 66px;
    background-color: #191919;
}

@media screen and (min-width: 1024px) {
    .spotlights-list__inner {
        padding-top: 91px;
    }
}

.spotlights-list__content {
    padding: 60px 0;
}

.spotlights-list__content .cta-text {
    margin-bottom: 50px;
    color: #fff;
}

.spotlights-list__content .cta-text a {
    color: #fff;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky {
    color: #000;
}

@media screen and (min-width: 1024px) {
    .spotlights-list__sidebar .cta-text.cta-text--sticky {
        display: block;
        margin-bottom: 60px;
        padding: 40px 32px;
        position: sticky;
        top: 91px;
    }
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 45px;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__button {
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__button a {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.spotlights-list__sidebar .cta-text.cta-text--sticky .cta-text__button svg {
    margin-left: 0;
}

.spotlights-list .navbar {
    background-color: #000;
}

.spotlights-list .fade-enter-active,
.spotlights-list .fade-leave-active {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.spotlights-list .fade-enter,
.spotlights-list .fade-leave-to {
    opacity: 0;
}

.grid-container {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
}

@media screen and (min-width: 1024px) {
    .grid-container {
        max-width: 90.04%;
    }
}

@media screen and (min-width: 1440px) {
    .grid-container {
        max-width: 1240px;
    }
}

@media screen and (min-width: 1024px) {
    .grid-container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}

@media screen and (min-width: 1440px) {
    .grid-container {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}

.grid-container .col-content {
    grid-column: 1/-1;
}

@media screen and (min-width: 1100px) {
    .grid-container .col-content {
        grid-column: span 4;
    }
}

@media screen and (min-width: 1440px) {
    .grid-container .col-content {
        grid-column: span 8;
    }
}

.grid-container .col-aside {
    grid-column: 1/-1;
    grid-row: 3;
    margin-top: 56px;
}

@media screen and (min-width: 1100px) {
    .grid-container .col-aside {
        grid-column: 5/-1;
        grid-row: 1;
        margin-top: 0;
        padding-left: 24px;
    }
}

@media screen and (min-width: 1440px) {
    .grid-container .col-aside {
        grid-column: 9/-1;
        padding-left: 40px;
    }
}

.cta-text {
    background: #f5f1ed;
    color: #000;
    padding: 40px 24px;
}

@media screen and (min-width: 1024px) {
    .cta-text {
        padding: 40px 32px;
    }
}

.cta-text__inner {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1024px) {
    .cta-text__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.cta-text__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 18px;
}

@media screen and (min-width: 1024px) {
    .cta-text__title {
        margin-bottom: 12px;
        font-size: 32px;
    }
}

.cta-text__blurb, .cta-text__blurb p {
    font-size: 15px !important;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
}

.cta-text__button {
    margin-top: 32px;
}

@media screen and (min-width: 1024px) {
    .cta-text__button {
        margin-top: 0;
        margin-left: auto;
    }
}

.cta-text__cta {
    width: 100%;
    font-size: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1100px) and (max-width:1200px) {
  .cta-text__cta {
    width:98%;
  }
  .online-portfolio-web-template-page-online-portfolio-website-guide .cta-text__button .btn {
    padding:0 20px;
  }
  .online-portfolio-web-template-page-online-portfolio-website-guide .btn--has-arrow svg {
    margin-left:15px;
  }
}

@media screen and (min-width: 1024px) {
    .cta-text__cta {
        font-size: 20px;
        width: auto;
    }
}

.cta-text.cta-text--has-image {
    background: #191919;
    color: #fff;
    padding: 50px 0;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image {
        padding: 85px 0;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image {
        padding: 100px 0;
    }
}

.cta-text.cta-text--has-image .cta-text__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__inner {
        max-width: 90.04%;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__inner {
        max-width: 1240px;
    }
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__inner {
        position: relative;
    }
}

.cta-text.cta-text--has-image .cta-text__image__container {
    grid-column: 1/-1;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__image__container {
        grid-column: 1/4;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__image__container {
        grid-column: 1/7;
    }
}

.cta-text.cta-text--has-image .cta-text__image {
    width: 114%;
    margin: 0 -7% 50px;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__image {
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        right: 0;
        width: auto;
        height: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__image {
        right: 19.96397px;
    }
}

.cta-text.cta-text--has-image .cta-text__text {
    grid-column: 1/-1;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__text {
        grid-column: 4/-1;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__text {
        grid-column: 7/12;
        padding: 50px 0;
    }
}

.cta-text.cta-text--has-image .cta-text__title {
    font-size: 30px;
    font-weight: 300;
    line-height: 38px;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__title {
        font-size: 46px;
        line-height: 60px;
    }
}

.cta-text.cta-text--has-image .cta-text__blurb {
    font-size: 16px;
    line-height: 25px;
    margin: 30px 0;
}

.cta-text.cta-text--has-image .cta-text__blurb p {
    margin-bottom: 25px;
}

.cta-text.cta-text--has-image .cta-text__blurb p a {
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__blurb {
        margin: 40px 0 75px;
    }
}

.cta-text.cta-text--has-image .cta-text__button {
    grid-column: 1/-1;
    margin-left: 0;
}

@media screen and (min-width: 1024px) {
    .cta-text.cta-text--has-image .cta-text__button {
        grid-column: 4/-1;
    }
}

@media screen and (min-width: 1440px) {
    .cta-text.cta-text--has-image .cta-text__button {
        grid-column: 7/12;
    }
}

.user-showcase__user-sites .slick-list {
    overflow: hidden !important;
}
.user-showcase__user-sites .slick-slide {
    margin-top: 0px;
    width: 500px;
}
.user-showcase__user-sites .slick-slide picture {
    width: 500px;
}

/* Press */

.press-hero {
    background-color: #000;
    padding: 115px 0 60px;
}
@media screen and (min-width: 1024px) {
    .press-hero {
        padding: 200px 0 120px;
    }
}
@media screen and (min-width: 1440px) {
    .press-hero {
        padding: 240px 0 120px;
    }
}
.hero__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .hero__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .hero__inner {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .hero__inner {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;
    }
}
.hero__text {
    grid-column: 1 / -1;
}
.hero__text-eyebrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero__text-eyebrow .eyebrow-title__dot {
    background-color: #fff00b;
    border-radius: 50%;
    display: inline-block;
    width: 11px;
    height: 11px;
    position: relative;
    top: -1px;
}
.hero__text-eyebrow .eyebrow-title__text {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.5;
    margin-left: 10px;
}
.hero__text .hero__title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .hero__text .hero__title {
        font-size: 50px;
        letter-spacing: initial;
        line-height: 1.2;
        font-weight: 300;
        text-transform: initial;
    }
}
@media screen and (min-width: 1440px) {
    .hero__text .hero__title {
        font-size: 70px;
        letter-spacing: initial;
        line-height: 1.11;
        font-weight: 300;
        text-transform: initial;
    }
}

.article-single {
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .article-single {
        padding: 80px 0;
    }
}
@media screen and (min-width: 1440px) {
    .article-single {
        padding: 100px 0;
    }
}
.article-single .list__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .article-single .list__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .article-single .list__inner {
        max-width: 1240px;
    }
}
.article-single-eyebrow {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 1.8em;
    border-bottom: 1px solid #e2ded9;
}
.article-single article {
    padding-top: 4em;
}
.article-single article .article-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
    .article-single article .article-container {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .article-single article .article-container {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;
    }
}
.article-single article .date {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    display: block;
    margin-bottom: 1.6em;
}
.article-single article h1 {
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-transform: initial;
    grid-column: 1 / -1;
    margin: 0 0 1em 0;
}
@media screen and (min-width: 1024px) {
    .article-single article h1 {
        font-size: 40px;
        letter-spacing: initial;
        line-height: 1.25;
        font-weight: 300;
        text-transform: initial;
    }
}
@media screen and (min-width: 1440px) {
    .article-single article h1 {
        font-size: 50px;
        letter-spacing: initial;
        line-height: 1.2;
        font-weight: 300;
        text-transform: initial;
    }
}
.article-single article .links {
    grid-column: 1 / -1;
}
.article-single article .origin-link {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    margin-top: 22px;
}
.article-single article .origin-link:hover {
    text-decoration: underline;
}
.article-single article .article-body {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    grid-column: 1 / -1;
}
@media screen and (min-width: 1024px) {
    .article-single article .article-body {
        grid-column: 1 / 6;
    }
}
@media screen and (min-width: 1440px) {
    .article-single article .article-body {
        grid-column: 1 / 8;
    }
}
.article-single article .article-body em {
    font-style: italic;
}
.article-single article .article-body ul {
    padding: 0 0 0 40px;
    list-style-type: disc;
    list-style-position: outside;
}
.article-single article .article-body ol {
    padding: 0 0 0 40px;
    list-style-type: decimal;
    list-style-position: outside;
}
.article-single article .article-body li {
    margin-bottom: 1em;
}
.article-single article .article-body p,
.article-single article .article-body li {
    margin: 0 0 2em;
}
.article-single article .article-body p a,
.article-single article .article-body li a {
    display: inline-block;
    border-bottom: 2px solid #000;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
}
.article-single article .article-body p a:hover,
.article-single article .article-body li a:hover {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    border-color: transparent;
}
.article-single article .article-body img {
    max-width: 100%;
    margin-bottom: 1em;
}
.article-single .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #000;
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
    position: relative;
    text-decoration: none;
    margin-top: 3em;
    cursor: pointer;
}
.article-single .button svg {
    display: inline-block;
    vertical-align: -2px;
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0) rotate(180deg);
    transform: translateX(0) rotate(180deg);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 21px;
    width: auto;
    margin-right: 5px;
}
.article-single .button:hover {
    color: #191919;
}
.article-single .button:hover svg {
    -webkit-transform: translateX(-5px) rotate(180deg);
    transform: translateX(-5px) rotate(180deg);
}

.articles-list {
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .articles-list {
        padding: 80px 0;
    }
}
@media screen and (min-width: 1440px) {
    .articles-list {
        padding: 100px 0;
    }
}
.articles-list .list__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .articles-list .list__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .articles-list .list__inner {
        max-width: 1240px;
    }
}
.articles-list li.news-article {
    padding: 2.4em 0 1.8em;
    border-bottom: 1px solid #e2ded9;
}
.articles-list li a {
    text-decoration: none;
    color: #000;
}
.articles-list li a:hover {
    text-decoration: underline;
}
.articles-list h3 {
    margin-bottom: 0.5em;
    font-weight: 300;
}
.articles-list h3 a {
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-transform: initial;
    font-size: 24px;
    color: #000;
}
.articles-list .date {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    text-transform: initial;
    display: block;
    margin-bottom: 1.6em;
    font-weight: 300;
}
.articles-list .alm-load-more-btn {
    -webkit-transition: background-color 350ms ease-in-out,
        color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 15px;
    height: 40px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 2em;
    cursor: pointer;
}
.articles-list .alm-load-more-btn:hover {
    background-color: #000;
    color: #fff;
}
.articles-list .origin-link {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    font-weight: 400;
    letter-spacing: normal;
}

/* Main Press Page Template */
.page-template-page-press #page {
    background: #fff;
}

h2.copy,
.copy h2 {
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}

#ajax-load-more ul {
    list-style-type: none;
}

.media-list {
    background: #000;
    color: #fff;
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .media-list {
        padding: 80px 0;
    }
}
@media screen and (min-width: 1440px) {
    .media-list {
        padding: 100px 0;
    }
}
.media-list.media-images {
    background: #191919;
}
/* .page-id-11841 .media-list__inner>.kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%
}
@media screen and (min-width: 1024px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        max-width: 1240px
    }
}
@media screen and (min-width: 1024px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .page-id-11841 .media-list__inner>.kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
.page-id-11841 .media-list__inner .copy {
    grid-column: 1/-1
}
@media screen and (min-width: 1024px) {
    .page-id-11841 .media-list__inner .copy {
        max-width: 50%
    }
} */
.media-list__inner .copy p,
.media-list__inner .copy .article-single article .article-body li,
.article-single article .article-body .media-list__inner .copy li {
    margin-top: 22px;
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
}
.media-list a {
    color: #fff;
}
.media-list a:hover {
    color: #fff00b;
}
.media-list .image-container > .kt-inside-inner-col {
    grid-column: 1/-1;
    margin-top: 2em;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
    .media-list .image-container > .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .media-list .image-container > .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;
    }
}
.media-list .linkback {
    grid-column: 1 / -1;
    margin-top: 50px;
}
.media-list .linkback img {
    display: inline-block;
    vertical-align: -4px;
}
.media-list .image {
    grid-column: 1/-1;
    margin: 2em 0;
}
@media screen and (min-width: 1024px) {
    .media-list .image {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .media-list .image {
        grid-column: span 4;
    }
}
@media screen and (min-width: 1024px) {
    .media-list .image.squere {
        grid-column: span 2;
    }
}
.media-list .image img {
    width: 100%;
    height: auto;
}
.media-list .image.black img {
    -webkit-box-shadow: 0 0 0 1px #2f2f2f;
    box-shadow: 0 0 0 1px #2f2f2f;
}
.media-list .download {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
.media-list .download a {
    margin-right: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    text-decoration: none;
}
.media-list .download a:hover {
    border-color: transparent;
}

.sub-navbar {
    height: 70px;
    background: #191919;
    z-index: 15;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .sub-navbar {
        padding: 0 30px;
    }
}
@media screen and (max-width: 1023px) {
    .sub-navbar {
        margin-top:44px;
    }
}
.sub-navbar__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
@media screen and (min-width: 1024px) {
    .sub-navbar__links {
        overflow-x: visible;
    }
}
.sub-navbar__link {
    display: block;
    height: 100%;
    padding: 0 10px;
    -webkit-transition: background-color 0.1s, color 0.1s;
    transition: background-color 0.1s, color 0.1s;
}
@media screen and (max-width: 1023px) {
    .sub-navbar__link:first-child {
        padding-left: 15px;
    }
}
.sub-navbar__link--active.sub-navbar__link {
    background-color: #fff00b;
    font-weight: 700;
}
.sub-navbar__link--active.sub-navbar__link a {
    color: #000;
}
.sub-navbar__link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.sub-navbar__link:hover {
    background-color: #fff00b;
}
.sub-navbar__link:hover a {
    color: #000;
}

.page-id-11849 .navbar__link_portfolio, 
.page-id-14554 .navbar__link_portfolio, 
.page-id-13217 .navbar__link_portfolio, 
.page-id-14296 .navbar__link_portfolio, 
.page-id-11619 .navbar__link_portfolio {
    display: none;
}

.spotlight-item-link {
    color: #fff;
    display: block;
    text-decoration: none;
    position: relative;
}
.spotlight-item-link__overlay {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 107%;
    background-color: rgba(0, 0, 0, 0.75);
    border: 1px solid #fff;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    font-size: 20px;
    line-height: 28px;
}
.spotlight-item-link__overlay__icon {
    margin-bottom: 20px;
}
.spotlight-item-link:hover .spotlight-item-link__overlay {
    opacity: 1;
}
.spotlight-item-thumbs {
    margin-bottom: 10%;
}
@media screen and (min-width: 1440px) {
    .spotlight-item {
        margin-bottom: 120px;
    }
}
.spotlight-item--closed {
    display: none;
}
.spotlight-item-header__expand,
.spotlight-item-header__theme {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #d8d8d8;
    cursor: pointer;
}
.spotlight-item-header__expand-icon {
    height: 10px;
    width: 10px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.spotlight-item-header__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.spotlight-item-description {
    -webkit-transition: max-height 0.25s ease, border 0.25s ease;
    transition: max-height 0.25s ease, border 0.25s ease;
    border-bottom: 1px solid hsla(0, 0%, 74.9%, 0);
    overflow: hidden;
    position: relative;
    color: #fff;
    padding-top: 10px;
}
.spotlight-item-description__text {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
}
.spotlight-item-description__site {
    display: inline-block;
    margin: 20px 0;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}
.spotlight-item-description__site:hover {
    text-decoration: underline;
}
.spotlight-item--active .spotlight-item-description {
    border-bottom: 1px solid #bfbfbf;
}
.spotlight-item-collapse {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    display: none;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
}
.spotlight-item-collapse:hover {
    color: #fff00b;
}
.spotlight-item-collapse.active {
    display: block;
}

.spotlight-item-header {
    color: #fff;
}
.spotlight-item-header__name {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px;
}
.spotlight-item-header__theme {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #d8d8d8;
    cursor: pointer;
}
.spotlight-item-header__theme:hover {
    text-decoration: none;
}
/* Customer Social Media Links */

.spotlight-item__social-links a {
    font-size: 0;
}

.spotlight-item__social-links a:hover::before {
    opacity: 0.8;
}
.spotlight-item__social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    list-style-type: none;
}
.spotlight-item__social-link {
    margin-right: 15px;
}
.spotlight-item__social-links a::before {
    width: 16px;
    height: 16px;
}
.spotlight-item__social-links a.home::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M4.126 5.813c.292-.293.617-.534.962-.725 1.925-1.06 4.393-.497 5.63 1.38L9.222 7.963a2.256 2.256 0 00-2.556-1.3c-.4.09-.779.29-1.089.6l-2.869 2.87a2.237 2.237 0 000 3.16 2.237 2.237 0 003.16 0l.885-.885c.804.32 1.667.447 2.52.384l-1.954 1.953a4.286 4.286 0 11-6.062-6.063l2.87-2.87zm4.557-4.558L6.73 3.208a5.69 5.69 0 012.52.383l.884-.884a2.237 2.237 0 013.16 0 2.237 2.237 0 010 3.16l-2.87 2.87a2.239 2.239 0 01-3.16 0 2.378 2.378 0 01-.485-.7L5.282 9.532c.157.238.32.444.53.655a4.294 4.294 0 006.062 0l2.87-2.87a4.286 4.286 0 10-6.06-6.063z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.instagram::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 19' xmlns='http://www.w3.org/2000/svg' height='16px' width='17px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M9.997.006c-2.715 0-3.056.01-4.122.057C4.811.11 4.085.27 3.45.505A4.934 4.934 0 001.678 1.6 4.638 4.638 0 00.525 3.282C.278 3.886.109 4.577.06 5.587.012 6.6 0 6.924 0 9.503c0 2.58.012 2.903.06 3.916.049 1.01.218 1.7.465 2.305a4.638 4.638 0 001.153 1.682 4.934 4.934 0 001.77 1.095c.636.235 1.363.396 2.427.442 1.066.046 1.407.057 4.122.057s3.055-.01 4.122-.057c1.064-.046 1.79-.207 2.426-.442a4.934 4.934 0 001.77-1.095 4.639 4.639 0 001.154-1.682c.247-.604.416-1.295.465-2.305.048-1.013.06-1.337.06-3.916 0-2.58-.012-2.903-.06-3.916-.049-1.01-.218-1.7-.465-2.305A4.639 4.639 0 0018.316 1.6a4.934 4.934 0 00-1.77-1.095C15.908.27 15.182.109 14.118.063 13.052.017 12.712.006 9.997.006zm0 1.711c2.67 0 2.985.01 4.04.056.974.042 1.503.196 1.856.327.466.172.8.378 1.15.71.349.332.566.649.747 1.092.137.335.3.837.344 1.763.048 1.002.058 1.302.058 3.838s-.01 2.836-.058 3.838c-.044.926-.207 1.428-.344 1.763-.181.443-.398.76-.748 1.092-.35.332-.683.538-1.15.71-.352.13-.88.285-1.856.327-1.054.046-1.37.056-4.04.056-2.669 0-2.985-.01-4.039-.056-.974-.042-1.504-.196-1.856-.327a3.117 3.117 0 01-1.15-.71 2.933 2.933 0 01-.747-1.092c-.137-.335-.3-.837-.344-1.763-.049-1.002-.059-1.302-.059-3.838s.01-2.836.059-3.838c.044-.926.207-1.428.344-1.763.181-.443.398-.76.748-1.092.35-.332.682-.538 1.149-.71.352-.13.882-.285 1.856-.327 1.054-.046 1.37-.056 4.04-.056z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M9.997 12.669c-1.84 0-3.332-1.418-3.332-3.166s1.491-3.166 3.332-3.166c1.84 0 3.332 1.418 3.332 3.166s-1.492 3.166-3.332 3.166zm0-8.043c-2.835 0-5.134 2.184-5.134 4.877 0 2.693 2.299 4.877 5.134 4.877 2.835 0 5.133-2.184 5.133-4.877 0-2.693-2.298-4.877-5.133-4.877zm6.536-.193c0 .63-.537 1.14-1.2 1.14-.662 0-1.2-.51-1.2-1.14s.538-1.14 1.2-1.14c.663 0 1.2.511 1.2 1.14' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.facebook::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 20' xmlns='http://www.w3.org/2000/svg' height='16px' width='9px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M6.703 19.032v-8.654h3.004l.45-3.388H6.703V4.832c0-.978.28-1.645 1.725-1.645h1.83V.164A25.363 25.363 0 007.576.032c-2.655 0-4.473 1.574-4.473 4.465V6.99H.11v3.388h2.993v8.654h3.6' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.twitter::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 19' xmlns='http://www.w3.org/2000/svg' height='16px' width='21px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M7.74 19c9.286 0 14.365-7.31 14.365-13.647 0-.208-.005-.415-.015-.62a10.003 10.003 0 002.519-2.484c-.905.382-1.878.64-2.9.755 1.043-.593 1.843-1.533 2.22-2.653-.975.55-2.055.95-3.205 1.164A5.17 5.17 0 0017.038 0c-2.788 0-5.05 2.148-5.05 4.796 0 .377.045.743.132 1.094C7.924 5.69 4.203 3.78 1.713.878a4.598 4.598 0 00-.684 2.411c0 1.664.891 3.133 2.247 3.993a5.214 5.214 0 01-2.287-.6l-.001.06c0 2.324 1.74 4.263 4.05 4.703a5.314 5.314 0 01-2.28.082c.643 1.906 2.507 3.293 4.717 3.332a10.475 10.475 0 01-6.27 2.053c-.408 0-.81-.022-1.205-.066A14.845 14.845 0 007.74 19' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.linkedin::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 19' xmlns='http://www.w3.org/2000/svg' height='16px' width='18px' class='spotlight-item__social-link-icon'%3E%3Cpath d='M18.74 0c.826 0 1.499.613 1.499 1.37v16.26c0 .756-.673 1.37-1.499 1.37H1.494C.67 19 0 18.386 0 17.63V1.37C0 .612.67 0 1.494 0H18.74zM4.554 2.85c-.84 0-1.518.639-1.518 1.425S3.715 5.7 4.554 5.7c.837 0 1.517-.639 1.517-1.425S5.391 2.85 4.554 2.85zm-1.518 13.3H6.07V7.6H3.036v8.55zm5.06-9.27v9.27h2.917v-4.586c0-1.209.234-2.38 1.753-2.38 1.498 0 1.518 1.383 1.518 2.458v4.508h2.918v-5.085c0-2.495-.546-4.415-3.503-4.415-1.42 0-2.374.768-2.764 1.497h-.039V6.88h-2.8z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.spotlight-item__social-links a.behance::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.spotlight-item__social-links a.pinterest::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 496 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.tumblr::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}
.spotlight-item__social-links a.flickr::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM144.5 319c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5zm159 0c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.youtube::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.vimeo::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M403.2 32H44.8C20.1 32 0 52.1 0 76.8v358.4C0 459.9 20.1 480 44.8 480h358.4c24.7 0 44.8-20.1 44.8-44.8V76.8c0-24.7-20.1-44.8-44.8-44.8zM377 180.8c-1.4 31.5-23.4 74.7-66 129.4-44 57.2-81.3 85.8-111.7 85.8-18.9 0-34.8-17.4-47.9-52.3-25.5-93.3-36.4-148-57.4-148-2.4 0-10.9 5.1-25.4 15.2l-15.2-19.6c37.3-32.8 72.9-69.2 95.2-71.2 25.2-2.4 40.7 14.8 46.5 51.7 20.7 131.2 29.9 151 67.6 91.6 13.5-21.4 20.8-37.7 21.8-48.9 3.5-33.2-25.9-30.9-45.8-22.4 15.9-52.1 46.3-77.4 91.2-76 33.3.9 49 22.5 47.1 64.7z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.imdb::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M89.5 323.6H53.93V186.2H89.5V323.6zM156.1 250.5L165.2 186.2H211.5V323.6H180.5V230.9L167.1 323.6H145.8L132.8 232.9L132.7 323.6H101.5V186.2H147.6C148.1 194.5 150.4 204.3 151.9 215.6L156.1 250.5zM223.7 323.6V186.2H250.3C267.3 186.2 277.3 187.1 283.3 188.6C289.4 190.3 294 192.8 297.2 196.5C300.3 199.8 302.3 203.1 303 208.5C303.9 212.9 304.4 221.6 304.4 234.7V282.9C304.4 295.2 303.7 303.4 302.5 307.6C301.4 311.7 299.4 315 296.5 317.3C293.7 319.7 290.1 321.4 285.8 322.3C281.6 323.1 275.2 323.6 266.7 323.6H223.7zM259.2 209.7V299.1C264.3 299.1 267.5 298.1 268.6 296.8C269.7 294.8 270.4 289.2 270.4 280.1V226.8C270.4 220.6 270.3 216.6 269.7 214.8C269.4 213 268.5 211.8 267.1 210.1C265.7 210.1 263 209.7 259.2 209.7V209.7zM316.5 323.6V186.2H350.6V230.1C353.5 227.7 356.7 225.2 360.1 223.5C363.7 222 368.9 221.1 372.9 221.1C377.7 221.1 381.8 221.9 385.2 223.3C388.6 224.8 391.2 226.8 393.2 229.5C394.9 232.1 395.9 234.8 396.3 237.3C396.7 239.9 396.1 245.3 396.1 253.5V292.1C396.1 300.3 396.3 306.4 395.3 310.5C394.2 314.5 391.5 318.1 387.5 320.1C383.4 324 378.6 325.4 372.9 325.4C368.9 325.4 363.7 324.5 360.2 322.9C356.7 321.1 353.5 318.4 350.6 314.9L348.5 323.6L316.5 323.6zM361.6 302.9C362.3 301.1 362.6 296.9 362.6 290.4V255C362.6 249.4 362.3 245.5 361.5 243.8C360.8 241.9 357.8 241.1 355.7 241.1C353.7 241.1 352.3 241.9 351.6 243.4C351 244.9 350.6 248.8 350.6 255V291.4C350.6 297.5 351 301.4 351.8 303C352.4 304.7 353.9 305.5 355.9 305.5C358.1 305.5 360.1 304.7 361.6 302.9L361.6 302.9zM418.4 32.04C434.1 33.27 447.1 47.28 447.1 63.92V448.1C447.1 464.5 435.2 478.5 418.9 479.1C418.6 479.1 418.4 480 418.1 480H29.88C29.6 480 29.32 479.1 29.04 479.9C13.31 478.5 1.093 466.1 0 449.7L.0186 61.78C1.081 45.88 13.82 33.09 30.26 31.1H417.7C417.9 31.1 418.2 32.01 418.4 32.04L418.4 32.04zM30.27 41.26C19 42.01 10.02 51.01 9.257 62.4V449.7C9.63 455.1 11.91 460.2 15.7 464C19.48 467.9 24.51 470.3 29.89 470.7H418.1C429.6 469.7 438.7 459.1 438.7 448.1V63.91C438.7 58.17 436.6 52.65 432.7 48.45C428.8 44.24 423.4 41.67 417.7 41.26L30.27 41.26z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.soundcloud::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 640 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.dribbble::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z' fill='%23fff'/%3E%3C/svg%3E");
}
.spotlight-item__social-links a.500px::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M103.3 344.3c-6.5-14.2-6.9-18.3 7.4-23.1 25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2 53.9 0 97.7 43.5 97.7 96.8 0 63.4-60.8 113.2-128.5 93.3-10.5-4.2-2.1-31.7 8.5-28.6 53 0 89.4-10.1 89.4-64.4 0-61-77.1-89.6-116.9-44.6-23.5 26.4-17.6 42.1-17.6 157.6 50.7 31 118.3 22 160.4-20.1 24.8-24.8 38.5-58 38.5-93 0-35.2-13.8-68.2-38.8-93.3-24.8-24.8-57.8-38.5-93.3-38.5s-68.8 13.8-93.5 38.5c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1-6.9-1.7-14.3-5.8-14.3-11.8V20c0-5 3.9-10.5 10.5-10.5h241.3c8.3 0 8.3 11.6 8.3 15.1 0 3.9 0 15.1-8.3 15.1H130.3v132.9h.3c104.2-109.8 282.8-36 282.8 108.9 0 178.1-244.8 220.3-310.1 62.8zm63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6C306 56.6 384 144.5 390.6 144.5c4.8 0 22.8-15.3 14.3-22.8-93.2-89-234.5-57-238.3-38.2zM393 414.7C283 524.6 94 475.5 61 310.5c0-12.2-30.4-7.4-28.9 3.3 24 173.4 246 256.9 381.6 121.3 6.9-7.8-12.6-28.4-20.7-20.4zM213.6 306.6c0 4 4.3 7.3 5.5 8.5 3 3 6.1 4.4 8.5 4.4 3.8 0 2.6.2 22.3-19.5 19.6 19.3 19.1 19.5 22.3 19.5 5.4 0 18.5-10.4 10.7-18.2L265.6 284l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L249.7 268c-18.6-18.8-18.4-19.5-21.5-19.5-5 0-18 11.7-12.4 17.3L234 284c-18.1 17.9-20.4 19.2-20.4 22.6z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Website Example page */
.spotlights-list__content__item {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .spotlights-list__content__item {
        grid-column: span 2;
    }
}
@media screen and (min-width: 1440px) {
    .spotlights-list__content__item {
        grid-column: span 4;
    }
}
.spotlight-item-header__expand {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #d8d8d8;
    cursor: pointer;
    text-decoration: none;
}
.spotlight-item-header__expand-icon {
    height: 10px;
    width: 10px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.spotlight-item-header__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.spotlight-item-preview {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
}
.spotlight-item-preview__top-bar {
    border-bottom: 1px solid #bfbfbf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 0 10px 0 20px;
}
.spotlight-item-preview__content {
    width: 100vw;
    height: calc(100vh - 60px);
}
.spotlight-item-preview__back {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    cursor: pointer;
}
.spotlight-item-preview__info {
    color: #737373;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.spotlight-item-preview__info,
.spotlight-item-preview__try {
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.spotlight-item-preview__try {
    background-color: #000;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;

    font-weight: 500;
    outline: none;
    position: relative;
    text-decoration: none;
    width: 155px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px;
    white-space: nowrap;
}
.spotlight-cta-text {
    background-color: #000;
    color: #fff;
    padding: 50px 25px;
}
@media screen and (min-width: 1024px) {
    .spotlight-cta-text {
        text-align: center;
        padding: 70px 0;
    }
}
.spotlight-cta-text__title {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 34px;
}
@media screen and (min-width: 1024px) {
    .spotlight-cta-text__title {
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 34px;
    }
}
.spotlight-cta-text__blurb {
    max-width: 820px;
    color: hsla(0, 0%, 100%, 0.7);
    margin: 0 0 50px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}
@media screen and (min-width: 1024px) {
    .spotlight-cta-text__blurb {
        margin: 0 auto 70px;
        font-size: 18px;
        line-height: 27px;
    }
}
.spotlight-cta-text__blurb a {
    color: hsla(0, 0%, 100%, 0.7);
}
.spotlight-cta-text .btn--primary.btn--light,
.btn--primary.cta-text__cta {
    width: 330px;
    max-width: 100%;
    margin: auto;
}

/* Online Portfolio Websites Templates */
.templates-header {
    width: 100%;
    padding: 30px 0 30px;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    position: relative;
}
.templates-header .grid-container {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px) {
    .templates-header .grid-container {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .templates-header .grid-container {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .templates-header .grid-container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .templates-header .grid-container {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.templates-header__half {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .templates-header__half {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .templates-header__half {
        grid-column: span 6;
    }
}
.templates-header__title {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.2;
}
@media screen and (min-width: 1024px) {
    .templates-header__title {
        font-size: 44px;
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .templates-header__title {
        padding-right: 85.03289px;
    }
}
.templates-header__image {
    margin-top: 0px;
}

.seo-templates {
    background: #000;
    color: #fff !important;
}
.seo-templates .navbar {
    background-color: #000;
}
@media screen and (min-width: 1024px) {
    .seo-templates .sub-navbar {
        position: sticky;
        left: 0;
        right: 0;
        top: 91px;
        z-index: 10;
    }
}

.seo-templates__step.is-expanded
    .seo-templates__step__header__icon__incomplete:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.seo-templates__step.is-expanded
    .seo-templates__step__header__icon__incomplete:after {
    -webkit-transform: none;
    transform: none;
}

.seo-templates__step__content {
    overflow: hidden;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
@media screen and (min-width: 1024px) {
    .seo-templates__step__content {
        border: none;
    }
}
.seo-templates__step__header {
    padding: 30px 0;
    background: #fff00b;
}
.seo-templates__step__header .container-width {
    padding-right: 70px;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .seo-templates__step__header {
        color: #000;
        padding: 10px 0 8px;
        margin-bottom: 0;
    }
    .seo-templates__step__header .container-width {
        padding-right: 0;
    }
}
.seo-templates__step__header__number {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;

    font-weight: 300;
    text-transform: none;
    font-size: 14px;
    color: #000;
    display: block;
    margin-bottom: 3px;
    text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
    .seo-templates__step__header__number {
        font-size: 22px;
    }
}
.seo-templates__step__header__title {
    font-size: 20px;
    font-weight: 300;

    line-height: 1.45;
    color: #000;
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .seo-templates__step__header__title {
        font-size: 30px;
    }
}
.seo-templates__step__header__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    top: 5px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .seo-templates__step__header__icon {
        display: none;
    }
}
.seo-templates__step__header__icon__complete {
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
}
.seo-templates__step__header__icon__incomplete {
    position: relative;
    width: 15px;
    height: 15px;
}
.seo-templates__step__header__icon__incomplete:after,
.seo-templates__step__header__icon__incomplete:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 6px;
    background: currentColor;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.seo-templates__step__header__icon__incomplete:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.seo-templates__step__header.is-expanded
    .seo-templates__step__header__icon__incomplete:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.seo-templates__step__header.is-expanded
    .seo-templates__step__header__icon__incomplete:after {
    -webkit-transform: none;
    transform: none;
}
.container-width {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .container-width {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .container-width {
        max-width: 1240px;
    }
}
.gallery-types__navigation {
    background: #191919;
    overflow: auto;
}
.gallery-types__navigation__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    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;
}
@media screen and (min-width: 1024px) {
    .gallery-types__navigation__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .gallery-types__navigation__inner {
        max-width: 1240px;
    }
}
.gallery-types__navigation__list {
    height: 80px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.gallery-types__navigation__list__item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 40px;
    height: 80px;
    line-height: 78px;
    cursor: pointer;
    font-size: 15px;
    border-bottom: 4px solid transparent;
    color: #fff;
}
.gallery-types__navigation__list .active {
    font-weight: 700;
    border-bottom-color: #fff;
}
.gallery-types__navigation .btn-next {
    padding: 15px 16px;
    cursor: pointer;
}
.gallery-types__navigation .btn-next .arrow-icon {
    width: 20px;
    height: 20px;
}
.gallery-types__content__item__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding: 60px 0;
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .gallery-types__content__item__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .gallery-types__content__item__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__inner {
        padding: 100px 0;
    }
}
.gallery-types__content__item__icon {
    grid-column: 1/-1;
    margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__icon {
        grid-column: span 1;
        margin-bottom: 0;
    }
}
.gallery-types__content__item__icon picture {
    display: block;
    max-width: 75px;
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__icon picture {
        max-width: 85px;
    }
}
.gallery-types__content__item__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    grid-column: 1/-1;
    margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__title {
        grid-column: 2/4;
        font-size: 28px;
        margin: 0;
    }
}
@media screen and (min-width: 1440px) {
    .gallery-types__content__item__title {
        grid-column: 3/5;
    }
}
.gallery-types__content__item__blurb {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: hsla(0, 0%, 100%, 0.7);
    grid-column: 1/-1;
}
.gallery-types__content__item__blurb p {
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__blurb {
        grid-column: 4/-1;
        font-size: 22px;
        color: #fff;
        font-weight: 300;
    }
}
@media screen and (min-width: 1440px) {
    .gallery-types__content__item__blurb {
        grid-column: 6/-1;
    }
}
.gallery-types__content__item__blurb a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.gallery-types__content__item__blurb a:hover {
    border-bottom-color: inherit;
}
.gallery-types__content .fade-leave-active {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.gallery-types__content .fade-enter-active {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
.gallery-types__content .fade-enter,
.gallery-types__content .fade-leave-to {
    opacity: 0;
}
.gallery-types__content .fade-enter-to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.gallery-types__content__item__icon picture {
    display: block;
    width: 75px !important;
    opacity: 1 !important;
    margin: 0 !important;
    max-width: 75px;
}
@media screen and (min-width: 1024px) {
    .gallery-types__content__item__icon picture {
        width: 85px !important;
        max-width: 85px;
    }
}

.seo-templates .showcase {
    margin: 0 auto;
    width: 90%;
    padding-top: 0;
}
.seo-templates .showcase__collection {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    overflow: hidden;
    min-height: 300px;
    padding-top: 76px;
}
@media screen and (min-width: 1024px) {
    .seo-templates .showcase__collection {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-templates .showcase__collection {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.seo-templates .showcase__collection-templates {
    grid-column: 1/-1;
    margin-bottom: 64px;
}
@media screen and (min-width: 1024px) {
    .seo-templates .showcase__collection {
        grid-column-gap: 4.5%;
    }
    .seo-templates .showcase__collection-templates {
        margin-bottom: 80px;
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .seo-templates .showcase__collection {
        margin-bottom: 104px;
    }
    .seo-templates .showcase__collection-templates {
        grid-column: span 4;
    }
}

.seo-templates .showcase__collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: auto;
    min-height: 300px;
    margin-right: -11%;
    padding-right: 30px;
    padding-top: 50px;
    scroll-behavior: smooth;
}
.seo-templates .showcase__collection-templates {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    margin-right: 15px;
}
@media screen and (min-width: 1024px) {
    .seo-templates .showcase__collection-templates {
        margin-top: 64px;
    }
}
@media screen and (min-width: 1024px) {
    .seo-templates .showcase__collection {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
        overflow: hidden;
        grid-column-gap: 4.5%;
        margin-right: 0;
        padding-right: 0;
        padding-top: 76px;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .seo-templates .showcase__collection {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .seo-templates .showcase__collection {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .seo-templates .showcase__collection-templates {
        margin-bottom: 80px;
        grid-column: span 3;
        grid-row: unset;
    }
}
@media screen and (min-width: 1440px) {
    .seo-templates .showcase__collection {
        margin-bottom: 104px;
    }
    .seo-templates .showcase__collection-templates {
        grid-column: span 4;
    }
}
.seo-templates .showcase__collection__navigation {
    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;
}
@media screen and (min-width: 1024px) {
    .seo-templates .showcase__collection__navigation {
        display: none;
    }
}
.seo-templates .showcase__collection__navigation + .showcase__details:empty {
    padding-top: 2em;
}
.seo-templates .showcase__collection__navigation > span {
    width: 37px;
    height: 37px;
    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;
}
.seo-templates .showcase__collection__navigation > span:hover {
    background: #191919;
}
.seo-templates .showcase__collection__navigation > span svg {
    width: 16px;
    height: 16px;
}
.seo-templates .showcase__collection__navigation__prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.theme[data-v-43fae5f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.theme__label[data-v-43fae5f5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    color: #fff;
    margin: 28px 0;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media screen and (min-width: 1024px) {
    .theme__label[data-v-43fae5f5] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .theme__label[data-v-43fae5f5] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.theme__label .theme__title[data-v-43fae5f5] {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-size: 16px;
    text-transform: capitalize;
}
@media screen and (min-width: 1024px) {
    .theme__label .theme__title[data-v-43fae5f5] {
        font-size: 20px;
        letter-spacing: normal;
        line-height: 1.4;
        font-weight: 400;
        text-transform: none;
        font-size: 28px;
    }
}
.theme__label-explore__cta[data-v-43fae5f5],
.theme__label-preview__cta[data-v-43fae5f5] {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 300;
    cursor: pointer;
}
@media screen and (min-width: 1024px) {
    .theme__label-explore__cta[data-v-43fae5f5],
    .theme__label-preview__cta[data-v-43fae5f5] {
        font-size: 22px;
    }
}
.theme__label-explore[data-v-43fae5f5] {
    grid-column: 3/-1;
    text-align: right;
}
.theme__label-explore__cta[data-v-43fae5f5] {
    -webkit-transition: background-color 0.35s ease-in-out,
        color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
    background-color: transparent;
    border-radius: 999px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    height: 30px;
    border: 1px solid #fff;
    text-decoration: none;
    font-size: 14px;
}
.theme__label-explore__cta svg[data-v-43fae5f5] {
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px;
}
.theme__label-explore__cta[data-v-43fae5f5]:hover {
    background-color: #fff;
    color: #000;
}
.theme__label-explore__cta:hover svg[data-v-43fae5f5] {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
@media screen and (min-width: 1024px) {
    .theme__label-explore__cta[data-v-43fae5f5] {
        font-size: 22px;
        height: 40px;
    }
}
.theme__label-preview[data-v-43fae5f5] {
    grid-column: 1/-1;
    grid-row: 2;
}
.theme__label-preview__cta[data-v-43fae5f5] {
    color: #fff;
    text-decoration: underline;
    opacity: 0.4;
}
.theme__label-preview__cta[data-v-43fae5f5]:hover {
    opacity: 1;
}
@media screen and (min-width: 1440px) {
    .theme__label .theme__title[data-v-43fae5f5] {
        grid-column: 1/7;
    }
    .theme__label-explore[data-v-43fae5f5] {
        grid-column: 7/-1;
    }
}
.theme__link[data-v-43fae5f5] {
    text-decoration: none;
    color: #fff;
}
.theme__link .theme__info[data-v-43fae5f5] {
    display: none;
    width: 100%;
    z-index: 2;
}
@media screen and (min-width: 1024px) {
    .theme__link .theme__info[data-v-43fae5f5] {
        background: rgba(0, 0, 0, 0.8);
        border: 1px solid #fff;
        padding: 32px;
        height: 102%;
        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;
        position: absolute;
        top: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        overflow-y: auto;
    }
    .theme__link .theme__info .theme__title[data-v-43fae5f5] {
        font-size: 24px;
        text-transform: capitalize;
        grid-column: 1/3;
    }
    .theme__link .theme__info-description[data-v-43fae5f5] {
        font-size: 15px;
        letter-spacing: normal;
        line-height: 1.67;
        font-weight: 300;
        text-transform: none;
        margin-top: 30px !important;
    }
}
@media screen and (min-width: 1440px) {
    .theme__link .theme__info[data-v-43fae5f5] {
        min-height: 85%;
    }
}
.theme__link:hover .theme__info[data-v-43fae5f5] {
    visibility: visible;
    opacity: 1;
}
.theme__screens[data-v-43fae5f5] {
    -ms-flex-negative: 0.5;
    flex-shrink: 0.5;
    position: relative;
    min-height: 155px;
}
.theme__screens--browser[data-v-43fae5f5] {
    width: 100%;
}
.theme__screens--browser-frame[data-v-43fae5f5] {
    width: 96.24%;
    position: relative;
}
.theme__screens--browser-image[data-v-43fae5f5] {
    width: 71.3%;
    left: 12.2%;
    top: 5.5%;
    position: absolute;
}
.theme__screens--phone-frame[data-v-43fae5f5] {
    width: 23.81%;
    bottom: -3%;
    right: 0;
    position: absolute;
    z-index: 2;
}
.theme__screens--phone-image[data-v-43fae5f5] {
    width: 21.4%;
    right: 1.2%;
    bottom: -1.1%;
    position: absolute;
    border-radius: 1vw;
    padding-top: 3%;
    background: #ebebeb;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}
@media screen and (min-width: 1024px) {
    .theme__screens--phone-image[data-v-43fae5f5] {
        border-radius: 0.5vw;
    }
}

h2,
.seo-template p,
p.theme__label-explore,
p.theme__label-preview {
    margin: 0;
}

.seo-templates__features {
    background: #191919;
    padding-top: 40px;
}
@media screen and (min-width: 1024px) {
    .seo-templates__features {
        padding-bottom: 30px;
    }
}
.seo-templates__features__inner > .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .seo-templates__features__inner > .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-templates__features__inner > .kt-inside-inner-col {
        max-width: 1240px;
    }
}
.seo-templates__features__title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    font-size: 30px;
    margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
    .seo-templates__features__title {
        display: none;
    }
}
.seo-templates__features__list > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
    .seo-templates__features__list > .kt-inside-inner-col {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-templates__features__list > .kt-inside-inner-col {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.seo-templates__features-item {
    grid-column: 1/-1;
    margin-bottom: 40px;
}
@media screen and (min-width: 767px) {
    .seo-templates__features-item {
        grid-column: span 2;
    }
}
@media screen and (min-width: 1440px) {
    .seo-templates__features-item {
        grid-column: span 4;
    }
}
.seo-templates__features-item__image img {
    max-width: 296px;
    height: 230px;
}
.seo-templates__features-item__title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    font-size: 28px;
    margin: 30px 0 15px;
}
@media screen and (min-width: 1024px) {
    .seo-templates__features-item__title {
        margin-top: 74px;
    }
}
.seo-templates__features-item__blurb {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    max-width: 350px;
}

.seo-templates .cta-text {
    background: #000;
    color: #fff;
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .seo-templates .cta-text {
        padding: 100px 0;
    }
}
.seo-templates .cta-text__inner {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.seo-templates .cta-text__title {
    font-size: 30px;
}
@media screen and (min-width: 1024px) {
    .seo-templates .cta-text__title {
        font-size: 60px;
    }
}
.seo-templates .cta-text__button {
    margin: 38px 0 auto;
}
@media screen and (min-width: 1024px) {
    .seo-templates .cta-text__button {
        margin-top: 56px;
    }
}
.seo-templates .cta-yellow-button .kt-button {
    color: #000 !important;
    background-color: #fff00b !important;
    padding: 13px 25px !important;
    font-size: 21px !important;
}
.seo-templates .cta-yellow-button .kt-button:hover {
    background-color: #fff !important;
}

.has-arrow a::after,
.has-arrow-reverse a::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-top:6px;
}

.has-arrow-reverse a::after {
    margin-top:0px;
}

.has-arrow-reverse a::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.has-arrow-reverse a:hover::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.has-arrow a:hover::after,
.has-arrow-reverse a:hover::after,
.has-arrow.btn-black a:hover::after {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.has-arrow-reverse.white a {
    color: #fff !important;
}

.has-arrow-reverse.white a:hover {
    color: #000 !important;
}

.has-arrow.white-hover a:hover::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.section-professions .has-arrow.white-hover a:hover::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* black button */
.has-arrow.btn-black a::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    margin-left: 30px;
    margin-right: 10px;
    margin-top:6px;
}
.has-arrow.btn-black a:hover::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='black' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.page-id-17585 .has-arrow-reverse a::after {
    margin-left: 10px;
    margin-right: 0;
}

.sticky-cta__text {
    margin: 0 0 5px;
    text-align: center;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .sticky-cta__text {
        margin: 0 0px 0 0;
        text-align: left;
    }
}
.sticky-cta__title {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 5px;
    line-height: 1;
    font-weight: 500;
    margin: 4px 0 0 0;
}
.sticky-cta__body,
.sticky-cta__title {
    letter-spacing: normal;
    text-transform: none;
}
.sticky-cta__body {
    font-size: 15px;
    line-height: 1.67;
    font-weight: 300;
    font-weight: 400;
    margin: 0;
}

.sticky-cta .sticky-cta__cta a {
    color: #fff !important;
    background-color: #000 !important;
    font-size: 15px !important;
    padding: 8px 25px !important;
}
.sticky-cta .sticky-cta__cta a:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* Online Portfolio Website: Solutions */

.index-header {
    width: 100%;
    padding: 25px 0 0;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .index-header {
        padding-top: 120px;
    }
}
.index-header .grid-container {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px) {
    .index-header .grid-container {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .index-header .grid-container {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .index-header .grid-container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .index-header .grid-container {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.index-header__half {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .index-header__half {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .index-header__half {
        grid-column: span 6;
    }
}
.index-header__title {
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
    .index-header__title {
        font-size: 50px;
        line-height: 60px;
        margin-top: 10px;
        margin-bottom: 0;
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .index-header__title {
        padding-right: 85.03289px;
    }
}
.index-header__breadcrumbs {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
}
.index-header__breadcrumbs a {
    color: #fff;
    text-decoration: none;
}
.index-header__breadcrumbs a:hover {
    color: #fff00b;
}
.index-header__breadcrumbs span {
    display: inline-block;
    margin: 0 6px;
}
@media screen and (min-width: 1024px) {
    .index-header__breadcrumbs {
        margin-bottom: 0;
    }
}
.index-header__info {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
}
@media screen and (min-width: 1024px) {
    .index-header__info {
        font-size: 22px;
        letter-spacing: normal;
        line-height: 1.36;
        font-weight: 300;
        text-transform: none;
    }
}
.index-header__image {
    height: 150px;
    margin-top: 60px;
    text-align: center;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .index-header__image {
        height: 290px;
        margin-top: 100px;
    }
}
.index-header__image__picture {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    height: 100%;
    /* width: auto; */
    min-width: 88vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.seo-index__content {
    background: #f3efea;
    color: #000;
}
.seo-index__content
    .seo-index__top-description
    .kt-row-layout-inner
    > .kt-row-column-wrap {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding: 50px 0;
}
@media screen and (min-width: 1024px) {
    .seo-index__content
        .seo-index__top-description
        .kt-row-layout-inner
        > .kt-row-column-wrap {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__content
        .seo-index__top-description
        .kt-row-layout-inner
        > .kt-row-column-wrap {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__content
        .seo-index__top-description
        .kt-row-layout-inner
        > .kt-row-column-wrap {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__content
        .seo-index__top-description
        .kt-row-layout-inner
        > .kt-row-column-wrap {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__content
        .seo-index__top-description
        .kt-row-layout-inner
        > .kt-row-column-wrap {
        padding: 100px 0;
    }
}
.seo-index__content .seo-index__top-description .title-content__inner {
    grid-column: 1/-1;
    width: auto;
}
@media screen and (min-width: 1024px) {
    .seo-index__content .seo-index__top-description .title-content__inner {
        grid-column: 2/6;
        text-align: center;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__content .seo-index__top-description .title-content__inner {
        grid-column: 3/11;
    }
}
.seo-index__content .seo-index__top-description .title-content__title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
    .seo-index__content .seo-index__top-description .title-content__title {
        font-size: 26px;
        font-weight: 300;
        margin-bottom: 20px;
    }
}
.seo-index__content .seo-index__top-description .title-content__title b {
    font-weight: 500;
}
@media screen and (min-width: 1024px) {
    .seo-index__content .seo-index__top-description .title-content__title b {
        display: block;
    }
}
.seo-index__content .seo-index__top-description .title-content__body {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
    color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
    .seo-index__content .seo-index__top-description .title-content__body {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 1.5;
        font-weight: 300;
        text-transform: none;
    }
}

.solutions-tabs {
    font-weight: 300;
}
@media (min-width: 1025px) {
    .solutions-tabs {
        border-top: 80px solid #ece3d8;
    }
    /* .solutions-tabs .wp-block-kadence-tabs {
        margin-top: -80px;
    } */
}
.solutions-tabs h2 {
    font-size: 26px;
    line-height: 1.3;
}
.solutions-tabs p {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px 0 0 0;
}

.solutions-tabs .kt-tab-title-active {
    font-weight: 700;
    border-bottom: 4px solid #000;
}

.solutions-tabs .kt-tabs-title-list {
    background: #ece3d8;
    position: relative;
}

.solutions-tabs .kt-tabs-title-list::before {
    content: '';
    display: block;
    background-color: #ece3d8;
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 100vw;
}

.solutions-tabs .kt-tabs-title-list::after {
    content: '';
    display: block;
    background-color: #ece3d8;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100vw;
}

@media (max-width: 1024px) {
    .solutions-tabs .kt-title-text {
        padding-left: 20px;
    }
}

.main-wrapper.video .post-thumbnail {
    display: none;
}
.single .main-wrapper.video .entry-header .content {
    width: 100%;
}

.seo-index__numbers > .kt-row-layout-inner > .kt-row-column-wrap {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 60px 0 30px;
}
@media screen and (min-width: 1440px) {
    .seo-index__numbers > .kt-row-layout-inner > .kt-row-column-wrap {
        padding-bottom: 60px;
    }
}
.seo-index__numbers .title-content__inner > .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .seo-index__numbers .title-content__inner > .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__numbers .title-content__inner > .kt-inside-inner-col {
        max-width: 1240px;
    }
}
.seo-index__numbers .title-content__image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.seo-index__numbers ul {
    list-style-type: none;
}
.seo-index__numbers .title-content__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.seo-index__numbers .title-content__body,
.seo-index__numbers .title-content__title {
    position: relative;
    z-index: 1;
}
.seo-index__numbers .title-content__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 30px 0;
    text-transform: none;
    text-align: center;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .seo-index__numbers .title-content__title {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__numbers .title-content__body .kt-inside-inner-col > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        list-style-type: none;
    }
}
.seo-index__numbers .title-content__body .kt-inside-inner-col > ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    font-size: 20px;
    font-weight: 500;
    color: #fff !important;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .seo-index__numbers .title-content__body .kt-inside-inner-col > ul li {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__numbers
        .title-content__body
        .kt-inside-inner-col
        > ul
        li
        strong {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
        display: block;
    }
}
.portfolios {
    padding: 40px 0;
}
@media screen and (min-width: 1024px) {
    .portfolios {
        padding: 100px 0;
    }
}
.portfolios__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .portfolios__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .portfolios__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .portfolios__inner {
        text-align: center;
    }
}
.portfolios__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .portfolios__title {
        font-size: 26px;
        font-weight: 300;
        margin: 0 auto 30px;
        max-width: 500px;
    }
}
.portfolios__body {
    font-size: 13px;
    line-height: 1.38;
    color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
    .portfolios__body {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 1.5;
        font-weight: 300;
        text-transform: none;
    }
}
.portfolios__cta {
    font-size: 18px;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .portfolios__cta {
        position: relative;
        z-index: 2;
        margin-top: -30px;
    }
}
@media screen and (max-width: 400px) {
    .portfolios__cta.btn--has-arrow svg {
        margin-left: 10px;
    }
}
.portfolios .portfolios__spotlights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    padding-top: 65px;
    text-align: left;
}
@media screen and (min-width: 1024px) {
    .portfolios .portfolios__spotlights {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .portfolios .portfolios__spotlights {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.portfolios .portfolios__spotlights__item {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .portfolios .portfolios__spotlights__item {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .portfolios .portfolios__spotlights__item {
        grid-column: span 4;
    }
}
@media screen and (max-width: 1023px) {
    .portfolios .portfolios__spotlights__item:last-child {
        display: none;
    }
    .portfolios .portfolios__spotlights__item:nth-child(2) {
        position: relative;
        max-height: 50vw;
        overflow: hidden;
    }
    .portfolios .portfolios__spotlights__item:nth-child(2) .spotlight-item,
    .portfolios
        .portfolios__spotlights__item:nth-child(2)
        .spotlight-item-thumbs {
        margin-bottom: 0 !important;
    }
    .portfolios .portfolios__spotlights__item:nth-child(2):after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 50%;
        width: 100%;
        background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(243, 239, 234, 0)),
            color-stop(43.75%, #f3efea),
            color-stop(66.67%, #f3efea)
        );
        background: linear-gradient(
            180deg,
            rgba(243, 239, 234, 0),
            #f3efea 43.75%,
            #f3efea 66.67%
        );
    }
}
.portfolios .spotlight-item-header__name {
    color: #000;
}
.portfolios .spotlight-item {
    margin-bottom: 80px;
}

.seo-index__inner .cta-text {
    background: #060607;
    color: #fff;
    padding: 0;
    overflow: hidden;
}
.seo-index__inner .cta-text__inner > .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px) {
    .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__inner .cta-text__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.seo-index__inner .cta-text__image__container {
    grid-column: 1/-1;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .seo-index__inner .cta-text__image__container {
        grid-column: 4/-1;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__inner .cta-text__image__container {
        grid-column: 7/-1;
    }
}
.seo-index__inner .cta-text__image__container .cta-text__image {
    width: 130%;
    margin-left: -15%;
}
@media screen and (min-width: 1024px) {
    .seo-index__inner .cta-text__image__container .cta-text__image {
        width: 100%;
        margin: 0;
    }
}
.seo-index__inner .cta-text__text {
    grid-column: 1/-1;
    padding: 40px 0 25px;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .seo-index__inner .cta-text__text {
        grid-column: 1/4;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__inner .cta-text__text {
        grid-column: 1/5;
        padding: 50px 0;
    }
}
.seo-index__inner .cta-text__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 18px;
}
@media screen and (min-width: 1024px) {
    .seo-index__inner .cta-text__title {
        margin-bottom: 12px;
    }
}
.seo-index__inner .cta-text__blurb {
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    margin: 20px 0;
    color: #d8d8d8;
}
.seo-index__inner .cta-text__blurb p {
    margin: 0;
}
.seo-index__inner .cta-text__blurb p a {
    color: #fff;
}
@media screen and (min-width: 1440px) {
    .seo-index__inner .cta-text__blurb {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 1.5;
        font-weight: 300;
        text-transform: none;
        color: hsla(0, 0%, 100%, 0.7);
        margin: 10px 0 35px;
    }
}
.seo-index__inner .cta-text__cta {
    min-width: 270px;
    width: auto;
    font-size: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
}

.page-template-page-portfolio .navbar,
.page-template-page-portfolio .top-footer {
    display: none;
}

.page-template-page-portfolio .site-main {
    padding-top: 0 !important;
}

.page-template-page-portfolio .site-footer {
    padding: 75px 0 0;
}

.page-template-page-portfolio .hero-title {
    max-width: 710px;
    margin: 0 auto;
}

.page-template-page-portfolio .hero-blurb {
    max-width: 500px;
    margin: 50px auto !important;
}

.page-template-page-portfolio .hero-blurb.left {
    margin: 25px 0 !important;
}

.white-btn a {
    padding: 12px 25px !important;
}

.seo-index__faq {
    padding: 40px 0;
    color: #fff;
    background: #000;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq {
        padding: 100px 0;
    }
}
.seo-index__faq__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__faq__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__faq__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.seo-index__faq__half {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__half {
        grid-column: span 4;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__faq__half {
        grid-column: span 6;
    }
}
.seo-index__faq__text {
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__text {
        max-width: 345px;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 1;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__faq__text {
        grid-column: 1/6;
    }
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__links {
        grid-column-start: 4;
        grid-column-end: -1;
        grid-row-start: 1;
        grid-row-end: 4;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__faq__links {
        grid-column: 6/-1;
    }
}
.seo-index__faq__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__title {
        font-size: 26px;
        margin-bottom: 10px;
    }
}
.seo-index__faq__blurb {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    color: hsla(0, 0%, 100%, 0.7);
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__blurb {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 1.5;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 10px;
    }
}
.seo-index__faq__cta {
    grid-column: 1/-1;
    grid-row: 3;
    margin-top: 30px;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__cta {
        grid-column-start: 1;
        grid-row-start: 2;
    }
}
@media screen and (min-width: 1440px) {
    .seo-index__faq__cta {
        grid-column: 1/6;
    }
}
.seo-index__faq__cta__button {
    font-size: 18px;
    font-weight: 500;
}
.seo-index__faq__cta__button.btn--primary.btn--light {
    background-color: #fff00b;
}
.seo-index__faq__cta__button.btn--primary.btn--light:hover {
    background-color: #fff;
}
.seo-index__faq__arrow {
    margin: 4px 20px 0 0;
    width: 12px;
    height: 12px;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__arrow {
        width: 20px;
        height: 20px;
    }
}
.seo-index__faq__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5px;
}
.seo-index__faq__item__link {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.7);
    text-decoration: none;
    margin-left: 5px;
}
@media screen and (min-width: 1024px) {
    .seo-index__faq__item__link {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 1.5;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 10px;
    }
}
.seo-index__faq__item__link:hover {
    color: #fff;
    text-decoration: underline;
}

.page-template-page-portfolio .content-image-column {
    background-color: #000;
    padding: 60px 0;
    position: relative;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .page-template-page-portfolio .content-image-column {
        padding: 120px;
    }
}

.page-template-page-portfolio .content-image-column__title {
    letter-spacing: -0.5px;
    margin-bottom: 35px;
    font-size: 34px;
    line-height: 1.3;
}

@media screen and (min-width: 1440px) {
    .page-template-page-portfolio .content-image-column__content {
        font-weight: 300;
        font-size: 20px;
        letter-spacing: 0;
        text-align: left;
        line-height: 32px;
        margin-bottom: 80px;
    }
}

@media screen and (min-width: 1024px) {
    .page-template-page-portfolio .content-image-column__title {
        font-weight: 300;
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 50px;
    }
}

.lp-quote {
    background: #191919;
    color: #fff;
    text-align: center;
    padding: 75px 0;
}

@media screen and (min-width: 1024px) {
    .lp-quote {
        padding: 100px 0;
    }
}

.lp-quote__body {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    max-width: 86.93%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 27px;
}

@media screen and (min-width: 1024px) {
    .lp-quote__body {
        max-width: unset;
        font-size: 37px;
    }
}

.lp-quote__body p {
    margin: 0;
}

.lp-quote__author {
    margin: 30px auto 60px;
    font-size: 12px;
}

@media screen and (min-width: 1024px) {
    .lp-quote__author {
        font-size: 18px;
    }
}

.plan-features {
    color: #fff;
    background: #000;
}

.plan-features__item--image {
    display: block;
    margin: 0 auto 30px;
    width: 100%;
}

@media screen and (min-width: 1440px) {
    .plan-features__item--image {
        height: 55%;
        margin-bottom: 50px;
        max-width: unset;
    }
}

.plan-features__item--headline {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
    .plan-features__item--headline {
        font-size: 24px;
    }
}

.plan-features__item--body {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
}

.kt-btns_60c06a-3c {
    margin-left: 15px;
}

 .yellow-btn {
    background-color: #fff00b !important;
    color: #000 !important;
}

.yellow-btn:hover {
    background-color: #fff00b !important;
} 

@media screen and (min-width: 1024px) {
    body.online-portfolio-web-template .layout, .page-id-13700 .layout {
        /* padding-top: 124px; */
        padding-top: 99px;
    }
    body.online-portfolio-web-template.logged-in.admin-bar .layout, .page-id-13700 .layout {
        padding-top: 99px;
    }
}
@media screen and (max-width: 1024px) {
    body.online-portfolio-web-template .layout, .page-id-13700 .layout {
        /* padding-top: 99px; */
        padding-top: 29px;
    }
    body.online-portfolio-web-template.logged-in.admin-bar .layout, .page-id-13700 .layout {
        padding-top: 29px;
    }
}

.professions-cta {
    padding: 40px 0 0;
}

.professions-cta__inner .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    color: #fff;
}

.professions-cta__heading {
    font-size: 22px;
    line-height: 1.2;
    margin: 0 auto 50px;
}

@media screen and (min-width: 1024px) {
    .professions-cta__heading {
        font-size: 29px;
        line-height: 40px;
        max-width: 863px;
        text-align: center;
    }
}

.professions-cta__image__heading {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    text-transform: capitalize;
    margin-bottom: 8px;
}

:root {
    --ticker-width: 0;
}
@-webkit-keyframes scroll {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(var(--ticker-width), 0, 0);
        transform: translate3d(var(--ticker-width), 0, 0);
    }
}
@keyframes scroll {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(var(--ticker-width), 0, 0);
        transform: translate3d(var(--ticker-width), 0, 0);
    }
}

.ticker {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.31;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: -15px;
    font-size: 17px;
    background-color: #fff;
    height: 50px;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .ticker {
        height: 90px;
    }
}

.ticker__inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
}

.ticker__inner,
.ticker__inner ul {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
}

@media screen and (min-width: 1024px) {
    .ticker__inner,
    .ticker__inner ul {
        height: 90px;
    }
}

.ticker__inner ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    list-style: none;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.ticker__inner ul li {
    white-space: nowrap;
}

.ticker__inner ul li p {
    display: inline;
}

.ticker__inner ul li::after {
    content: "•";
    display: inline-block;
    margin: 0px 25px;
}

.ticker__inner {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
.ticker--is-animating .ticker__inner {
    -webkit-animation-name: scroll;
    animation-name: scroll;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 30000ms;
    animation-duration: 30000ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}


.browser {
    position: relative;
    width: auto;
    font-size: 0;
}
.browser svg {
    width: 100%;
    height: auto;
}
.browser__thumb-container {
    position: absolute;
    top: 15%;
    width: 100%;
    padding: 0 8% 0 5%;
    overflow: hidden;
    font-size: 0;
}
.browser__thumb {
    position: relative;
    height: 0;
    padding-bottom: 53.88%;
}
.browser__thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
}

.bottom .kt-inside-inner-col {
    height: 0;
    padding-bottom: 36%;
    position: relative;
}

.bottom__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.bottom__image > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.bottom__text {
    color: #fff;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    margin: 0;
}

/* Magazine Header */

@media (min-width: 376px) {
    .sm\:aspect-landscape {
        position: relative;
    }
    .sm\:aspect-landscape:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 70.82%;
        margin-left: -1px;
    }
    .sm\:aspect-landscape:after {
        content: "";
        display: table;
        clear: both;
    }
    .sm\:aspect-square {
        position: relative;
    }
    .sm\:aspect-square:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 100%;
        margin-left: -1px;
    }
    .sm\:aspect-square:after {
        content: "";
        display: table;
        clear: both;
    }
    .sm\:aspect-pano {
        position: relative;
    }
    .sm\:aspect-pano:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 55.08%;
        margin-left: -1px;
    }
    .sm\:aspect-pano:after {
        content: "";
        display: table;
        clear: both;
    }
    .sm\:aspect-article-header {
        position: relative;
    }
    .sm\:aspect-article-header:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 114.6%;
        margin-left: -1px;
    }
    .sm\:aspect-article-header:after {
        content: "";
        display: table;
        clear: both;
    }
}
@media (min-width: 376px) {
    .sm\:text-left {
        text-align: left;
    }
}
@media (min-width: 1024px) {
    .md\:aspect-landscape {
        position: relative;
    }
    .md\:aspect-landscape:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 70.82%;
        margin-left: -1px;
    }
    .md\:aspect-landscape:after {
        content: "";
        display: table;
        clear: both;
    }
    .md\:aspect-square {
        position: relative;
    }
    .md\:aspect-square:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 100%;
        margin-left: -1px;
    }
    .md\:aspect-square:after {
        content: "";
        display: table;
        clear: both;
    }
    .md\:aspect-pano {
        position: relative;
    }
    .md\:aspect-pano:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 55.08%;
        margin-left: -1px;
    }
    .md\:aspect-pano:after {
        content: "";
        display: table;
        clear: both;
    }
    .md\:aspect-article-header {
        position: relative;
    }
    .md\:aspect-article-header:before {
        content: "";
        width: 1px;
        height: 0;
        float: left;
        padding-bottom: 114.6%;
        margin-left: -1px;
    }
    .md\:aspect-article-header:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media (min-width: 1024px) {
    .md\:bg-cream {
        --bg-opacity: 1;
        background-color: #f5f1ed;
        background-color: rgba(245, 241, 237, var(--bg-opacity));
    }
    .md\:bg-transparent {
        background-color: transparent;
    }
    .md\:block {
        display: block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-wrap {
        flex-wrap: wrap;
    }
    .md\:items-center {
        align-items: center;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:justify-around {
        justify-content: space-around;
    }
    .md\:flex-grow {
        flex-grow: 1;
    }
    .md\:h-7 {
        height: 56px;
    }
    .md\:h-15 {
        height: 120px;
    }
    .md\:h-21 {
        height: 168px;
    }
    .md\:text-22 {
        font-size: 22px;
    }
    .md\:text-38 {
        font-size: 38px;
    }
    .md\:text-52 {
        font-size: 52px;
    }
    .md\:leading-48 {
        line-height: 48px;
    }
    .md\:m-0 {
        margin: 0;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:mb-1 {
        margin-bottom: 8px;
    }
    .md\:mt-2 {
        margin-top: 16px;
    }
    .md\:mb-2 {
        margin-bottom: 16px;
    }
    .md\:mt-3 {
        margin-top: 24px;
    }
    .md\:mt-4 {
        margin-top: 32px;
    }
    .md\:mb-4 {
        margin-bottom: 32px;
    }
    .md\:mt-5 {
        margin-top: 40px;
    }
    .md\:mt-6 {
        margin-top: 48px;
    }
    .md\:mt-7 {
        margin-top: 56px;
    }
    .md\:mt-8 {
        margin-top: 64px;
    }
    .md\:mb-8 {
        margin-bottom: 64px;
    }
    .md\:mt-9 {
        margin-top: 72px;
    }
    .md\:mb-9 {
        margin-bottom: 72px;
    }
    .md\:mt-10 {
        margin-top: 80px;
    }
    .md\:mr-11 {
        margin-right: 88px;
    }
    .md\:mt-12 {
        margin-top: 96px;
    }
    .md\:mt-13 {
        margin-top: 104px;
    }
    .md\:max-w-none {
        max-width: none;
    }
    .md\:max-w-screen-md {
        max-width: 90.04%;
    }
    .md\:p-0 {
        padding: 0;
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:px-4 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .md\:pt-0 {
        padding-top: 0;
    }
    .md\:pr-0 {
        padding-right: 0;
    }
    .md\:pb-1 {
        padding-bottom: 8px;
    }
    .md\:pt-2 {
        padding-top: 16px;
    }
    .md\:pr-4 {
        padding-right: 32px;
    }
    .md\:pb-4 {
        padding-bottom: 32px;
    }
    .md\:pt-8 {
        padding-top: 64px;
    }
    .md\:pb-8 {
        padding-bottom: 64px;
    }
    .md\:pt-10 {
        padding-top: 80px;
    }
    .md\:pb-10 {
        padding-bottom: 80px;
    }
    .md\:pt-12 {
        padding-top: 96px;
    }
    .md\:pr-12 {
        padding-right: 96px;
    }
    .md\:pb-12 {
        padding-bottom: 96px;
    }
    .md\:pt-16 {
        padding-top: 128px;
    }
    .md\:fixed {
        position: fixed;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:sticky {
        position: -webkit-sticky;
        position: sticky;
    }
    .md\:bottom-0 {
        bottom: 0;
    }
    .md\:right-28 {
        right: 28%;
    }
    .md\:left-28 {
        left: 28%;
    }
    .md\:top-auto {
        top: auto;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:w-5 {
        width: 40px;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .md\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .md\:col-start-2 {
        grid-column-start: 2;
    }
    .md\:col-start-4 {
        grid-column-start: 4;
    }
    .md\:col-start-5 {
        grid-column-start: 5;
    }
    .md\:col-end-6 {
        grid-column-end: 6;
    }
    .md\:col-end-7 {
        grid-column-end: 7;
    }
    .md\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .md\:row-start-1 {
        grid-row-start: 1;
    }
    .md\:row-end-4 {
        grid-row-end: 4;
    }
}

@media (min-width: 1440px) {
    .lg\:border-black {
        --border-opacity: 1;
        border-color: #000;
        border-color: rgba(0, 0, 0, var(--border-opacity));
    }
    .lg\:border-none {
        border-style: none;
    }
    .lg\:border-b {
        border-bottom-width: 1px;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:grid {
        display: grid;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:h-px {
        height: 1px;
    }
    .lg\:text-38 {
        font-size: 38px;
    }
    .lg\:leading-48 {
        line-height: 48px;
    }
    .lg\:m-0 {
        margin: 0;
    }
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .lg\:mt-0 {
        margin-top: 0;
    }
    .lg\:mb-0 {
        margin-bottom: 0;
    }
    .lg\:mt-2 {
        margin-top: 16px;
    }
    .lg\:mb-3 {
        margin-bottom: 24px;
    }
    .lg\:mt-4 {
        margin-top: 32px;
    }
    .lg\:mt-5 {
        margin-top: 40px;
    }
    .lg\:mb-5 {
        margin-bottom: 40px;
    }
    .lg\:mt-6 {
        margin-top: 48px;
    }
    .lg\:mb-6 {
        margin-bottom: 48px;
    }
    .lg\:mt-9 {
        margin-top: 72px;
    }
    .lg\:mt-12 {
        margin-top: 96px;
    }
    .lg\:mt-17 {
        margin-top: 136px;
    }
    .lg\:max-w-screen-lg {
        max-width: 1240px;
    }
    .lg\:p-3 {
        padding: 24px;
    }
    .lg\:px-0 {
        padding-left: 0;
    }
    .lg\:pr-0,
    .lg\:px-0 {
        padding-right: 0;
    }
    .lg\:pb-0 {
        padding-bottom: 0;
    }
    .lg\:pt-10 {
        padding-top: 80px;
    }
    .lg\:pb-11 {
        padding-bottom: 88px;
    }
    .lg\:pt-12 {
        padding-top: 96px;
    }
    .lg\:pb-12 {
        padding-bottom: 96px;
    }
    .lg\:sticky {
        position: -webkit-sticky;
        position: sticky;
    }
    .lg\:top-10 {
        top: 10%;
    }
    .lg\:top-15 {
        top: 15%;
    }
    .lg\:bottom-100 {
        bottom: 100%;
    }
    .lg\:top-auto {
        top: auto;
    }
    .lg\:right-auto {
        right: auto;
    }
    .lg\:bottom-auto {
        bottom: auto;
    }
    .lg\:left-auto {
        left: auto;
    }
    .lg\:w-25 {
        width: 200px;
    }
    .lg\:w-1\/3 {
        width: 33.333333%;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .lg\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .lg\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .lg\:col-span-9 {
        grid-column: span 9 / span 9;
    }
    .lg\:col-span-10 {
        grid-column: span 10 / span 10;
    }
    .lg\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .lg\:col-start-1 {
        grid-column-start: 1;
    }
    .lg\:col-start-2 {
        grid-column-start: 2;
    }
    .lg\:col-start-3 {
        grid-column-start: 3;
    }
    .lg\:col-start-4 {
        grid-column-start: 4;
    }
    .lg\:col-start-8 {
        grid-column-start: 8;
    }
    .lg\:col-start-9 {
        grid-column-start: 9;
    }
    .lg\:col-end-8 {
        grid-column-end: 8;
    }
    .lg\:col-end-10 {
        grid-column-end: 10;
    }
    .lg\:col-end-13 {
        grid-column-end: 13;
    }
}

.article-header .breadcrumbs {
    margin-top: 0 !important;
}
h1.entry-title {
    font-family: Untitled Sans, system-ui, -apple-system, Segoe UI, Roboto,
        Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
        Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji,
        Segoe UI Symbol, Noto Color Emoji;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.5px;
}
@media screen and (min-width: 1024px) {
    h1.entry-title {
        font-size: 44px;
        line-height: 56px;
        letter-spacing: -1px;
    }
}
@media screen and (min-width: 1440px) {
    h1.entry-title {
        font-size: 52px;
        line-height: 64px;
    }
}

.text-subhead {
    font-family: Tiempos, Georgia, Cambria, Times New Roman, Times, serif;
}
.text-subhead {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.5px;
}
@media screen and (min-width: 1440px) {
    .text-subhead {
        font-size: 24px;
        line-height: 34px;
    }
}
.article-header {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
@media (max-width: 1024px) {
    .article-header {
        padding-top: 48px;
    }
}
@media screen and (min-width: 1024px) {
    .article-header__meta {
        margin-bottom: 56px;
    }
}

.text-article-author-date,
.text-article-author-name {
    font-family: Untitled Sans, system-ui, -apple-system, Segoe UI, Roboto,
        Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
        Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji,
        Segoe UI Symbol, Noto Color Emoji;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.text-article-author-name {
    margin-right: 15px;
}
.text-article-author-date {
    opacity: 0.5;
}
@media screen and (min-width: 1024px) {
    .article-header__image {
        width: 370px;
        left: -28px;
    }
}
@media screen and (min-width: 1440px) {
    .article-header__image {
        width: 500px;
        left: 0;
    }
}
figure.aspect-article-header {
    position: relative;
    margin: 0 !important;
}
.aspect-article-header:before {
    content: "";
    width: 1px;
    height: 0;
    float: left;
    padding-bottom: 114.6%;
    margin-left: -1px;
}
.aspect-article-header:after {
    content: "";
    display: table;
    clear: both;
}

.image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feature-asset__headline {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 24px;
}

@media screen and (min-width: 1024px) {
    .feature-asset__headline {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 30px;
        max-width: 420px;
    }
}

.feature-asset__headline span,
.feature-asset__headline__pre {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    opacity: 0.5;
    margin-bottom: 10px;
}

.feature-asset__blurb {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
}

.social-share a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    color: #fff;
}
.social-share a + a {
    margin-left: 15px;
}
.social-share a:hover {
    color: #fff00b;
}

.hero_podcast-episode {
    overflow: visible;
    position: relative;
    padding: 67px 0 0;
    background-color: #1a1919;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode {
        padding: 91px 0 0;
        background-size: cover;
        background-position: 50%;
    }
}
.hero_podcast-episode:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 125px;
    background: url("/wp-content/uploads/podcast-wave.7bfafb21.png") repeat-x;
    background-size: auto 100%;
    z-index: 2;
}
.hero_podcast-episode .hero__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode .hero__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode .hero__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.hero_podcast-episode .hero_podcast__image {
    grid-column: 1/-1;
    grid-row: 2;
    text-align: center;
    position: relative;
    height: 50vh;
    margin-left: -7.6%;
    margin-right: -7.6%;
    overflow: hidden;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode .hero_podcast__image {
        grid-column: 4/-1;
        grid-row: 1;
        height: auto;
        margin: 0;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero_podcast__image {
        grid-column: 7/-1;
        padding: 0 22px;
    }
}
@media screen and (max-width: 1023px) {
    .hero_podcast-episode .hero_podcast__image__picture {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
    }
}
.hero_podcast-episode .hero__breadcrumbs {
    padding: 47px 0 32px;
    font-size: 14px;
    line-height: 24px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode .hero__breadcrumbs {
        padding: 72px 0 50px;
    }
}
.hero_podcast-episode .hero__breadcrumbs a {
    color: #fff;
    text-decoration: none;
}
.hero_podcast-episode .hero__breadcrumbs span {
    display: inline-block;
    margin: 0 8px;
}
.hero_podcast-episode .hero__text {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    grid-column: 1/-1;
    grid-row: 1;
    position: relative;
    z-index: 3;
    margin: 0;
    padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode .hero__text {
        grid-column: span 3;
        padding-bottom: 175px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__text {
        font-size: 22px;
        letter-spacing: normal;
        line-height: 1.36;
        font-weight: 300;
        text-transform: none;
        grid-column: span 5;
    }
}
.hero_podcast-episode .hero__text .hero__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 300;
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__text .hero__title {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
        margin-bottom: 27px;
        text-transform: uppercase;
        font-weight: 400;
    }
}
.hero_podcast-episode .hero__text .hero__episode-blurb {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-episode .hero__text .hero__episode-blurb {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
        font-size: 22px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__text .hero__episode-blurb {
        font-size: 30px;
        margin-bottom: 39px;
    }
}
.hero_podcast-episode .hero__text .hero__episode-meta {
    margin-bottom: 28px;
    opacity: 0.5;
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__text .hero__episode-meta {
        margin-bottom: 53px;
    }
}
.hero_podcast-episode .hero__text .hero__episode-meta__item {
    display: inline-block;
}
.hero_podcast-episode .hero__cta {
    margin-top: 0;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__cta {
        height: 60px;
        font-size: 21px;
        font-weight: 300;
    }
}
.hero_podcast-episode .hero__cta svg {
    height: 15px;
    margin-left: 15px;
}
@media screen and (min-width: 1440px) {
    .hero_podcast-episode .hero__cta svg {
        height: 20px;
        margin-left: 35px;
    }
}

.titled-text-section {
    background-color: #fff;
    padding: 60px 0;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .titled-text-section {
        padding: 120px 0;
    }
}

.titled-text-section__block {
    margin-bottom: 30px;
}
.titled-text-section__block p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 30px;
    margin-top: 0;
}
.titled-text-section__block a {
    color: #000;
}
.titled-text-section__block a u {
    text-decoration: none;
}
.titled-text-section__block ul li {
    margin-bottom: 1.5em;
    padding-left: 25px;
    position: relative;
}
.titled-text-section__block ul li:before {
    content: "";
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    top: 9px;
}
.titled-text-section__block ul li p {
    display: inline;
}
.titled-text-section__block ul li ul {
    margin-top: 1.5em;
}
.titled-text-section__block ol {
    counter-reset: sections;
}
.titled-text-section__block ol li {
    margin-bottom: 1.5em;
    position: relative;
}
.titled-text-section__block ol li p {
    text-indent: 2ch;
}
.titled-text-section__block ol li:before {
    counter-increment: sections;
    content: counter(sections) ".";
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    position: absolute;
}

.single-podcast {
    color: #fff;
    background-color: #000 !important;
}
.single-podcast .section-title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
    margin-bottom: 60px;
}
@media screen and (min-width: 1440px) {
    .single-podcast .section-title {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
    }
}
.single-podcast .text-section,
.single-podcast .titled-text-section {
    color: #fff;
    background-color: #000;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__top summary {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
    .podcast-episode__top summary {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
    .podcast-episode__top summary {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.podcast-episode__top .text-section {
    max-width: 762px;
    margin: 0 auto;
    padding: 35px 0;
    background-color: #000;
    color: #fff;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__top .text-section {
        grid-column: 2/6;
    }
    .podcast-episode__top .text-section__inner {
        max-width: unset;
    }
}
@media screen and (min-width: 1024px) {
    .podcast-episode__top .text-section {
        padding: 70px 0;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__top .text-section {
        padding: 120px 0;
    }
}
.podcast-episode__top .text-section p {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
}
.podcast-episode__top .text-section ul {
    list-style: none;
}
.podcast-episode__top .text-section li {
    position: relative;
    color: #fff;
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 1.5em;
}
/* .podcast-episode__top .text-section li p {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 0
} */
.podcast-episode__top .text-section li:before {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
}
.podcast-episode__watch {
    max-width: 1336px;
    margin: 0 auto;
    padding: 60px 20px;
    color: #fff;
    text-align: center;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__watch {
        padding: 0 50px 60px;
    }
}
.podcast-episode__watch__iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.podcast-episode__watch__iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.podcast-episode__listen {
    padding: 60px 20px;
    margin: 0 auto;
    max-width: 1027px;
    text-align: center;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__listen {
        padding: 60px 50px;
    }
}
.podcast-episode__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
    -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;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.podcast-episode__actions .cta-text {
    width: 100%;
    border-bottom: 1px solid #fff;
    max-width: 750px;
    background-color: #000;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__actions .cta-text:first-child {
        border-right: 1px solid #fff;
        border-bottom: none;
    }
}
.podcast-episode__share {
    max-width: 86.93%;
    width: 100%;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    padding: 50px 0 40px;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__share {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__share {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__share {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
    .podcast-episode__share {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
    .podcast-episode__share {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__share .podcast-episode__share__title {
        grid-column: 2/4;
    }
    .podcast-episode__share .social-share {
        grid-column: 4/6;
        text-align: right;
    }
}
@media screen and (min-width: 1024px) {
    .podcast-episode__share {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__share {
        max-width: 460px;
        padding: 120px 0;
    }
}
.podcast-episode__share__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__share__title {
        font-size: 26px;
        margin-bottom: 0;
    }
}
.podcast-episode__transcript {
    padding-bottom: 60px;
}
.podcast-episode__transcript .text-section {
    padding: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__transcript .text-section__inner {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
    .podcast-episode__transcript .text-section__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
    .podcast-episode__transcript .text-section__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__transcript .text-section__inner .text-section__block {
        grid-column: 2/6;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__transcript .text-section__inner {
        max-width: 1027px;
        margin: 0 auto;
    }
}
.podcast-episode__transcript .text-section__block {
    position: relative;
    overflow: hidden;
    max-height: 215px;
}
.podcast-episode__transcript .text-section__block:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90%;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        to(#000)
    );
    background-image: linear-gradient(transparent, #000);
}
.podcast-episode__transcript .text-section-expanded .text-section__block {
    max-height: unset;
}
.podcast-episode__transcript
    .text-section-expanded
    .text-section__block:before {
    display: none;
}
.podcast-episode__transcript
    .text-section-expanded
    + .podcast-episode__transcript-collapse
    .podcast-episode__transcript-collapse__inner {
    border-top: 1px solid #fff;
}
.podcast-episode__transcript .text-section__block p {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    color: hsla(0, 0%, 100%, 0.7);
}
.podcast-episode__transcript-collapse {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__transcript-collapse {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__transcript-collapse {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__transcript-collapse {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
    .podcast-episode__transcript-collapse {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
    .podcast-episode__transcript-collapse {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__transcript-collapse__inner {
        grid-column: 2/6;
    }
}
.podcast-episode__transcript-collapse__inner {
    padding-top: 20px;
}
@media screen and (min-width: 1440px) {
    .podcast-episode__transcript-collapse {
        max-width: 1027px;
    }
}
.podcast-episode__transcript-collapse__btn {
    cursor: pointer;
}
.podcast-episode__transcript-collapse__btn:hover {
    opacity: 0.7;
}

.inline-icons {
    display: none;
}

.social-links__block a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #fff;
}
.social-links__block a + a {
    margin-left: 5px;
}
.social-links__block a:hover {
    opacity: 0.75;
}
.social-links__block a svg {
    width: 22px;
    height: 16px;
}
.social-links__block a.social-facebook svg {
    width: 12px;
}

.podcast-episode__author-bio {
    max-width: 86.93%;
    width: 100%;
    margin: 0 auto 100px;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__author-bio {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__author-bio {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__author-bio {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 3.99%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) {
    .podcast-episode__author-bio {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
    .podcast-episode__author-bio {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .podcast-episode__author-bio .titled-text-section__inner {
        grid-column: 2/6;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-episode__author-bio {
        padding: 0;
    }
}
.podcast-episode__author-bio .titled-text-section__block {
    margin-bottom: 0;
}
.podcast-episode__author-bio .titled-text-section__block p {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    color: hsla(0, 0%, 100%, 0.7);
}
.podcast-episode__author-bio .author-bio__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 790px;
    margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__author-bio .author-bio__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto 30px;
    }
}
.podcast-episode__author-bio .author-bio__header .titled-text-section__title {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
    .podcast-episode__author-bio
        .author-bio__header
        .titled-text-section__title {
        margin-bottom: 0;
    }
}

.hero_podcast-all {
    overflow: visible;
    position: relative;
    padding: 67px 0 0;
    background-repeat: no-repeat;
    background-color: #1a1919;
    background-size: 100% auto;
    background-position: 100% 100%;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .hero_podcast-all {
        background: none !important;
    }
}
@media screen and (min-width: 768px) {
    .hero_podcast-all {
        padding: 163px 0 180px;
        background-size: auto calc(100% - 66px);
        background-position: 50vw 66px;
    }
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all {
        padding: 163px 0 188px;
        background-size: auto calc(100% - 91px);
        background-position: 50vw 91px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all {
        padding: 163px 0 280px;
    }
}
.hero_podcast-all:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 115px;
    background: url("/wp-content/uploads/podcast-wave.7bfafb21.png") repeat-x;
    background-size: auto 100%;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all:after {
        bottom: 5px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all:after {
        height: 219px;
        bottom: 30px;
    }
}
.hero_podcast-all .hero__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    position: relative;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__inner {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all .hero__inner {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all .hero__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.hero_podcast-all .hero__image {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .hero_podcast-all .hero__image {
        display: none;
    }
}
.hero_podcast-all .hero__text {
    grid-column: 1/-1;
    z-index: 2;
    margin: 0;
    padding-bottom: 60px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__text {
        grid-column: span 3;
        padding-bottom: 0;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all .hero__text {
        grid-column: span 7;
    }
}
.hero_podcast-all .hero__text .hero__breadcrumbs {
    padding: 47px 0 32px;
    font-size: 14px;
    line-height: 24px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__text .hero__breadcrumbs {
        padding: 0 0 50px;
    }
}
.hero_podcast-all .hero__text .hero__breadcrumbs a {
    color: #fff;
    text-decoration: none;
}
.hero_podcast-all .hero__text .hero__breadcrumbs span {
    display: inline-block;
    margin: 0 8px;
}
.hero_podcast-all .hero__text .hero__title {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    text-transform: none;
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__text .hero__title {
        margin-bottom: 35px;
        font-size: 38px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all .hero__text .hero__title {
        margin-bottom: 60px;
        font-size: 48px;
    }
}
.hero_podcast-all .hero__text .hero__title__logo {
    display: inline-block;
    height: 20px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__text .hero__title__logo {
        height: 29px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all .hero__text .hero__title__logo {
        height: 36px;
    }
}
.hero_podcast-all .hero__text .hero__podcast-blurb {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-weight: 300;
    max-width: 450px;
}
@media screen and (min-width: 1024px) {
    .hero_podcast-all .hero__text .hero__podcast-blurb {
        font-size: 22px;
    }
}
@media screen and (min-width: 1440px) {
    .hero_podcast-all .hero__text .hero__podcast-blurb {
        font-size: 30px;
    }
}

.post-type-archive-podcast {
    color: #fff;
    background-color: #000 !important;
}
.podcast-all__content {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .podcast-all__content {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__content {
        max-width: 1240px;
    }
}
.podcast-all__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
}
@media screen and (min-width: 1024px) {
    .podcast-all__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.post-type-archive-podcast .titled-text-section {
    color: #fff;
    background-color: #000;
}
.post-type-archive-podcast .titled-text-section__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    max-width: unset;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .titled-text-section__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .post-type-archive-podcast .titled-text-section__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
.post-type-archive-podcast .titled-text-section__title {
    font-size: 30px;
    line-height: 38px;
    font-weight: 400;
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .titled-text-section__title {
        grid-column: 1/4;
    }
}
@media screen and (min-width: 1440px) {
    .post-type-archive-podcast .titled-text-section__title {
        grid-column: 1/6;
    }
}
.post-type-archive-podcast .titled-text-section__block {
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .titled-text-section__block {
        grid-column: 4/-1;
    }
}
@media screen and (min-width: 1440px) {
    .post-type-archive-podcast .titled-text-section__block {
        grid-column: 7/-1;
    }
}
.podcast-all__aside {
    grid-column: 1/-1;
    margin-bottom: 20px;
}
@media screen and (min-width: 1440px) {
    .podcast-all__aside {
        grid-column: span 3;
    }
}
.post-type-archive-podcast .podcasts-all__filter__item {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    line-height: 2.3;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    max-width: 38.26224vw;
    margin-bottom: 10px;
    display: block;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .podcasts-all__filter__item {
        font-size: 24px;
        display: inline-block;
        min-width: 13.0558vw;
        margin-right: 2.34104vw;
        argin-bottom: 30px;
        padding: 0;
        border-bottom-color: transparent;
    }
}
@media screen and (min-width: 1440px) {
    .post-type-archive-podcast .podcasts-all__filter__item {
        display: block;
        position: relative;
        font-size: 24px;
        min-width: 200px;
        left: -40px;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 0;
        border-bottom-color: transparent;
    }
}
.post-type-archive-podcast .podcasts-all__filter__item--active {
    font-weight: 500;
    border-bottom-color: #fff00b;
    color: #fff;
}
.podcast-all__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    grid-column: 1/-1;
}
@media screen and (min-width: 1024px) {
    .podcast-all__list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__list {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
        grid-column: span 9;
        grid-column-gap: 2.6%;
        margin-right: -40px;
    }
}
.podcast-all__list .podcast-episodes__list__item {
    grid-column: 1/-1;
    margin-bottom: 80px;
}
@media screen and (min-width: 1024px) {
    .podcast-all__list .podcast-episodes__list__item {
        grid-column: span 3;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__list .podcast-episodes__list__item {
        grid-column: span 6;
    }
}
.podcast-episodes__list__item__thumbnail {
    margin-bottom: 20px;
}
.podcast-episodes__list__item__thumbnail .g-image {
    max-width: 100%;
    height: auto;
}
.podcast-episodes__list__item__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-size: 26px;
}
.podcast-episodes__list__item__title a {
    text-decoration: none;
    color: #fff;
}
.podcast-episodes__list__item__title a:hover {
    opacity: 0.8;
}
.podcast-episodes__list__item__description,
.podcast-episodes__list__item__subtitle {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
}
.podcast-episodes__list__item__description {
    margin: 10px 0 30px;
    color: hsla(0, 0%, 100%, 0.7);
}
@media screen and (min-width: 1024px) {
    .podcast-episodes__list__item__description {
        margin-bottom: 50px;
    }
}
.podcast-episodes__list__item__description div,
.podcast-episodes__list__item__description p:not(:first-child),
.podcast-episodes__list__item__description ul {
    display: none;
}
.podcast-episodes__list__item__description p:first-child {
    max-height: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.podcast-episodes__list__item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.podcast-episodes__list__item__actions .btn + .btn {
    margin-left: 20px;
}
.podcast-all__meet-the-host {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    background: #191919;
    max-width: unset;
    margin-left: -7.6%;
    margin-right: -7.6%;
    width: auto;
}
@media screen and (min-width: 1024px) {
    .podcast-all__meet-the-host {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__meet-the-host {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media screen and (min-width: 1024px) {
    .podcast-all__meet-the-host {
        margin: 0;
        padding: 65px 50px;
    }
}
.podcast-all__meet-the-host .feature-asset__content {
    grid-column: 1/-1;
    grid-row: 2;
    width: auto;
}
@media screen and (max-width: 1023px) {
    .podcast-all__meet-the-host .feature-asset__content {
        padding: 0 7.6% 55px;
    }
}
@media screen and (min-width: 1024px) {
    .podcast-all__meet-the-host .feature-asset__content {
        grid-column: 1/4;
        grid-row: 1;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__meet-the-host .feature-asset__content {
        grid-column: 1/7;
    }
}
.podcast-all__meet-the-host .feature-asset__headline {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    font-weight: 700;
    margin: 0;
    color: hsla(0, 0%, 100%, 0.7);
}
.podcast-all__meet-the-host .feature-asset__headline span {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    color: #fff;
    opacity: 1;
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .podcast-all__meet-the-host .feature-asset__headline span {
        margin-bottom: 48px;
    }
}
.podcast-all__meet-the-host .feature-asset__blurb {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    color: hsla(0, 0%, 100%, 0.7);
    margin: 0;
}
.podcast-all__meet-the-host .feature-asset__image {
    grid-column: 1/-1;
    text-align: center;
    width: auto;
    margin: 0 0 40px;
}
@media screen and (min-width: 1024px) {
    .podcast-all__meet-the-host .feature-asset__image {
        grid-column: 4/-1;
        margin: 0;
    }
}
@media screen and (min-width: 1440px) {
    .podcast-all__meet-the-host .feature-asset__image {
        grid-column: 7/-1;
    }
}
@media screen and (min-width: 1024px) {
    .podcast-all__meet-the-host .feature-asset__image img {
        max-width: 350px;
    }
}
.post-type-archive-podcast .podcast-episode__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
    -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;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .podcast-episode__actions {
        margin-top: 46px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.post-type-archive-podcast .podcast-episode__actions .cta-text {
    width: 100%;
    border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .podcast-episode__actions .cta-text:first-child {
        border-right: 1px solid #fff;
        border-bottom: none;
    }
}
.post-type-archive-podcast .podcast-episode__actions .cta-text__title,
.post-type-archive-podcast
    .podcast-episode__actions
    .subscribe-box__title
    strong {
    font-weight: 400;
}

.post-type-archive-podcast .subscribe-box,
.single-podcast .subscribe-box {
    padding: 40px 0;
    background: #000;
    color: #fff;
    margin-top: 0;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box,
    .single-podcast .subscribe-box {
        max-width: 750px;
        padding: 45px 5%;
    }
}
.post-type-archive-podcast .subscribe-box .email-form,
.single-podcast .subscribe-box .email-form {
    position: relative;
}
.post-type-archive-podcast .subscribe-box__inner,
.single-podcast .subscribe-box__inner {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 86.93%;
    margin: 0 auto;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box__inner,
    .single-podcast .subscribe-box__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: unset;
    }
}
.post-type-archive-podcast .subscribe-box__title,
.single-podcast .subscribe-box__title {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 0;
    color: #fff;
    font-family: Untitled Sans, Helvetica Neue, Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box__title,
    .single-podcast .subscribe-box__title {
        font-size: 28px;
        margin-right: 30px;
    }
}
.post-type-archive-podcast .subscribe-box__title strong,
.single-podcast .subscribe-box__title strong {
    font-weight: 400;
}
.post-type-archive-podcast .subscribe-box .email-form,
.single-podcast .subscribe-box .email-form {
    width: 100%;
    max-width: 350px;
    margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box .email-form,
    .single-podcast .subscribe-box .email-form {
        max-width: 350px;
        margin-top: 10px;
    }
    .subscribe-box .email-form {
        width:50%;
    }
    .subscribe-box .email-form-full-width {
        width:100%;
    }
    .subscribe-box .gform_wrapper {
        width:100% !important;
    }
    .subscribe-box form, 
    .subscribe-box .gform_fields input.medium {
        width: 70% !important;
    }
    .podcast-episode__actions .subscribe-box form, 
    .podcast-episode__actions .subscribe-box .gform_fields input.medium {
        width: 85% !important;
    }
    .subscribe-box .gform_body {
        width:100% !important;
    }

}
.post-type-archive-podcast .subscribe-box .email-form form,
.single-podcast .subscribe-box .email-form form {
    margin-top: 24px;
    padding: 0;
    height: 64px;
    display: flex;
    align-items: center;
    background-color: #000;
}
.subscribe-box__label,
.subscribe-box__label {
    opacity: 0;
    position: absolute;
}
.post-type-archive-podcast .subscribe-box .subscribed-message,
.single-podcast .subscribe-box .subscribed-message {
    width: 100%;
    margin-top: 15px;
    line-height: 1.2;
    font-weight: 300;
    font-size: 22px;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box .subscribed-message,
    .single-podcast .subscribe-box .subscribed-message {
        font-size: 28px;
    }
}
.post-type-archive-podcast .subscribe-box__form,
.single-podcast .subscribe-box__form {
    position: relative;
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.35);
    margin-top: 10px;
}
.post-type-archive-podcast .subscribe-box__form:focus-within,
.single-podcast .subscribe-box__form:focus-within {
    border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box__form,
    .single-podcast .subscribe-box__form {
        margin-top: 0;
    }
}
.post-type-archive-podcast .subscribe-box__form__input,
.single-podcast .subscribe-box__form__input {
    width: calc(100% - 30px);
    height: 55px;
    background: transparent;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff;
}
.post-type-archive-podcast .subscribe-box__form input:-webkit-autofill,
.post-type-archive-podcast .subscribe-box__form input:-webkit-autofill:focus,
.post-type-archive-podcast .subscribe-box__form input:-webkit-autofill:hover,
.single-podcast .subscribe-box__form input:-webkit-autofill,
.single-podcast .subscribe-box__form input:-webkit-autofill:focus,
.single-podcast .subscribe-box__form input:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.post-type-archive-podcast .subscribe-box__form button,
.single-podcast .subscribe-box__form button {
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background: transparent;
    color: #fff;
    border: none;
    width: 26px;
    cursor: pointer;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box__form button,
    .single-podcast .subscribe-box__form button {
        width: 52px;
    }
}
.post-type-archive-podcast .subscribe-box__form button svg,
.single-podcast .subscribe-box__form button svg {
    height: 16px;
    width: auto;
}
@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .subscribe-box__form button svg,
    .single-podcast .subscribe-box__form button svg {
        height: 21px;
    }
}

.post-type-archive-podcast .cta-text__blurb,
.single-podcast .cta-text__blurb {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
}

@media screen and (min-width: 1024px) {
    .post-type-archive-podcast .cta-text__blurb,
    .single-podcast .cta-text__blurb {
        font-size: 28px;
    }
}

.post-type-archive-podcast .cta-text__blurb p,
.single-podcast .cta-text__blurb p {
    margin: 0;
}

.post-type-archive-podcast .cta-text__blurb a,
.single-podcast .cta-text__blurb a {
    color: #fff;
}

.post-type-archive-podcast .cta-text__blurb a:hover,
.single-podcast .cta-text__blurb a:hover {
    color: #fff00b;
    text-decoration: none;
}

.header {
    color: #fff;
    padding: 100px 0 50px;
}

@media screen and (min-width: 1024px) {
    .header {
        padding-top: 180px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 1440px) {
    .header {
        padding-bottom: 100px;
    }
}

.header__inner {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 1024px) {
    .header__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header__eyebrow {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    color: hsla(0, 0%, 100%, 0.5);
    grid-column: 1/-1;
    margin-bottom: 20px;
}
.header__eyebrow:before {
    content: "●";
    color: #fff00b;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: text-bottom;
}
.header__eyebrow_tagline {
    font-size: 15px;
    margin: 20px 0 0;
}
.header__eyebrow_tagline_yellow {
    color:#fff00b;
}
@media screen and (min-width: 1024px) {
    .header__eyebrow_tagline {
        font-size: 18px;
        margin: 20px 0 20px;
    }
}
.header__headline {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    letter-spacing: -0.5px;
    grid-row: 2;
    margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
    .header__headline {
        grid-column: 1/-1;
        margin-bottom: 32px;
    }
}
@media screen and (min-width: 1440px) {
    .header__headline {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
    }
}

.pricing__header {
    max-width: 86.93%;
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 1024px) {
    .pricing__header {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .pricing__header {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .pricing__header {
        padding-top: 160px;
    }
}
@media screen and (min-width: 1440px) {
    .pricing__header {
        padding-top: 180px;
    }
}
@media screen and (min-width: 1024px) {
    .pricing__header .header__headline {
        font-size: 70px;
        letter-spacing: normal;
        line-height: 1.11;
        font-weight: 300;
        text-transform: none;
        font-size: 60px;
    }
}
@media screen and (min-width: 1024px) {
    .pricing__header .header__subheadline {
        width: 80%;
    }
}
.pricing__tabs {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
}
@media screen and (min-width: 1024px) {
    .pricing__tabs {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .pricing__tabs {
        max-width: 1240px;
    }
}
.pricing__tabs--active,
.pricing__tabs--inactive {
    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;
    text-decoration: none;
    width: 50%;
    height: 65px;
    margin: 0 7px;
    color: #000;
}
@media screen and (min-width: 1024px) {
    .pricing__tabs--active,
    .pricing__tabs--inactive {
        font-size: 22px;
        letter-spacing: normal;
        line-height: 1.36;
        font-weight: 300;
        text-transform: none;
        width: 265px;
        height: 66px;
        margin-right: 20px;
    }
}
.pricing__tabs--active {
    background: #fff;
}
.pricing__tabs--inactive {
    background: #515151;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.pricing__tabs--inactive:hover {
    background: #fff;
    color: #000;
}

.pricing__sticky-cta {
    background: rgba(255, 240, 11, 0.85);
    -webkit-transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
    transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
    transition: transform 0.75s ease, opacity 0.75s ease;
    transition: transform 0.75s ease, opacity 0.75s ease,
        -webkit-transform 0.75s ease;
}

.pricing__sticky-inner {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / 60%);
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 60%);
}

.pricing__sticky-cta .btn--has-arrow:hover {
    background-color: #fff;
    color: #000;
}

.full-bleed__inner {
    width: 100%;
    height: 0;
    padding-bottom: 36%;
    position: relative;
}

.full-bleed__img img {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.page-template-page-pricing .kb-advanced-slide-item {
    margin-top: 0;
}

.page-template-page-pricing .site-main {
    padding-top: 0 !important;
}

.testimonial__quote {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    width: 80%;
    font-size: 26px;
    margin: 60px auto 20px;
    position: relative;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .testimonial__quote {
        font-size: 30px;
        line-height: 1.33;
        margin: 0 0 30px;
    }
}

@media screen and (min-width: 1440px) {
    .testimonial__quote {
        font-size: 40px;
        line-height: 1.25;
    }
}

.testimonial__cite {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 10%;
    display: block;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .testimonial__cite {
        margin-left: 0;
    }
}

.circle-slider .slick-slide {
    margin-top: 0;
}
.circle-slider .kt-blocks-carousel .slick-prev, 
.circle-slider .kt-blocks-carousel .slick-next {
    background: #ffffff !important;
    opacity: 1;
    border: none;
    border-radius: 50%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 25px;
    z-index: 1;
    cursor: pointer;
    text-indent: -1000px;
}
.circle-slider .kt-blocks-carousel .slick-prev:before, 
.circle-slider .kt-blocks-carousel .slick-next:before {
    color: #000;
}

.slider-custom-right-arrow {
    overflow: hidden;
}

.slider-no-left-arrow .slick-prev {
    display: none !important;
}

.slider-custom-right-arrow .slick-next {
    border: none !important;
    opacity: 1 !important;
}

.slider-custom-right-arrow .slick-next::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' title='arrow' class='slideshow__arrow'%3E%3Cg stroke='%23fff' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
    border-style: initial !important;
    border-width: initial !important;
    display: initial !important;
    height: initial !important;
    position: initial !important;
    top: initial !important;
    left: initial !important;
    transform: initial !important;
    vertical-align: initial !important;
    width: initial !important;
}

.slider-custom-right-arrow .slick-next:hover::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' title='arrow' class='slideshow__arrow'%3E%3Cg stroke='%23fff00b' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}

.slider-custom-right-arrow .slick-next:hover::before {
    color: #fff00bd9 !important;
}

.benefits__text__list {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    line-height: 1.47;
    list-style: disc;
}
.benefits__text__list li {
    margin: 0 0 23px 20px;
    font-size: 15px;
}

.testimonials__cta-btn a.kt-button {
    -webkit-transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff !important;
    border-radius: 999px;
    color: #000 !important;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
    max-width: 100%;
}
.testimonials__cta-btn a.kt-button:after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.testimonials__cta-btn a.kt-button:hover {
    background-color: #fff00b !important;
    color: #000 !important;
}

.comparison-chart--blurb {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    /* grid-column: 1/-1; */
    background: #f3f3f3;
    /* margin: -40px 25px 35px; */
    padding: 10px 20px;
}

.comparison-chart[data-v-1d892f19] {
    background: #fff;
    color: #000;
}
@media screen and (max-width: 1024px) {
    .comparison-chart.alignfull-mobile[data-v-1d892f19] {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
    }
}
.comparison-chart--inner[data-v-1d892f19] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    /* padding-top: 100px; */
}
@media screen and (min-width: 1024px) {
    .comparison-chart--inner[data-v-1d892f19] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .comparison-chart--inner[data-v-1d892f19] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%;
    }
}
@media (min-width: 1024px) {
    .comparison-chart--inner[data-v-1d892f19] {
        margin: 0 auto;
        max-width: 86.93%;
        width: 100%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .comparison-chart--inner[data-v-1d892f19] {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .comparison-chart--inner[data-v-1d892f19] {
        max-width: 1240px;
    }
}
.comparison-chart--blurb[data-v-1d892f19] {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    grid-column: 1/-1;
    background: #f3f3f3;
    margin: -40px 25px 35px;
    padding: 10px 20px;
}
.comparison-chart--blurb[data-v-1d892f19] p {
    margin-bottom: 1em;
}
@media screen and (min-width: 1024px) {
    .comparison-chart--blurb[data-v-1d892f19] {
        margin: -40px 25px 80px;
        text-align: center;
        grid-column: 3/-1;
    }
}
@media screen and (min-width: 1440px) {
    .comparison-chart--blurb[data-v-1d892f19] {
        grid-column: 4/-1;
        padding: 0px 90px;
    }
}
.comparison-chart--blurb[data-v-1d892f19] h2 {
    display: block;
    margin: -10px -20px 10px;
    padding: 10px 20px;
    background: #fff00b;
    font-weight: 400;
    font-size: 125%;
}
.comparison-chart--blurb[data-v-1d892f19] h2 b {
    font-weight: 600;
}
@media screen and (min-width: 1440px) {
    .comparison-chart--blurb[data-v-1d892f19] h2 {
        margin: -17px -120px 10px;
    }
}
.comparison-table[data-v-1d892f19] {
    grid-column: 1/-1;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
@media screen and (min-width: 1024px) {
    .comparison-table[data-v-1d892f19] {
        border-bottom: none;
    }
}
.comparison-table--single[data-v-1d892f19] {
    max-width: 1000px;
}
.comparison-table--single
    .comparison-table--row:nth-child(2)
    .mostPopularEmpty[data-v-1d892f19],
.comparison-table--single .comparison-table--row[data-v-1d892f19]:nth-child(2) {
    border-top: none;
}
.comparison-table--row[data-v-1d892f19] {
    border-top: 1px solid #e2ded9;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    vertical-align: baseline;
}
@media screen and (min-width: 1024px) {
    .comparison-table--row[data-v-1d892f19] {
        display: table-row;
    }
}
.comparison-table--row td[data-v-1d892f19] {
    border-bottom: none;
}
.comparison-table--row[data-v-1d892f19]:first-child {
    border-top: none;
    position: sticky;
    top: 124px;
    background-color: rgb(255 255 255 / 95%);
    z-index: 99999999;
}
/* body.logged-in .comparison-table--row[data-v-1d892f19]:first-child {
    top: 155px;
} */
/* .comparison-table--row[data-v-1d892f19].is-pinned:first-child {
    z-index: 99999999;
    background-color: rgb(255 255 255 / 90%);
} */
.comparison-table--row:last-child .comparison-table--column[data-v-1d892f19] {
    padding-bottom: 100px;
    border-bottom: none;
}
.comparison-table--row-hover[data-v-1d892f19] {
    position: absolute;
    padding: 17px 24px;
    max-width: 300px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #000;
    -webkit-transform: translateX(35%);
    transform: translateX(35%);
    display: none;
}
.comparison-table--column--feature:hover .comparison-table--row-hover[data-v-1d892f19] {
    display: block;
}
.comparison-table--column[data-v-1d892f19] {
    border-bottom: none;
    width: 100vw;
    padding: 35px 24px;
    text-align: left;
}
@media screen and (min-width: 1024px) {
    .comparison-table--column[data-v-1d892f19] {
        width: 20%;
        padding: 17px 24px;
        text-align: center;
    }
}
@media screen and (min-width: 1440px) {
    .comparison-table--column[data-v-1d892f19] {
        width: 30%;
        min-width: 200px;
    }
}
.comparison-table--column--feature[data-v-1d892f19] {
    line-height: 25px;
    cursor: pointer;
    width: auto;
}
@media screen and (min-width: 1440px) {
    .comparison-table--column--feature[data-v-1d892f19] {
        min-width: 400px;
    }
}
.comparison-table--column--feature-title[data-v-1d892f19] {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 60px 0 30px;
}
.comparison-table--column--feature-blurb[data-v-1d892f19] {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
}
@media screen and (min-width: 1024px) {
    .comparison-table--column--feature-blurb[data-v-1d892f19] {
        width: 300px;
    }
}
.comparison-table--icon[data-v-1d892f19] {
    max-width: 252px;
}
.comparison-table--icon svg[data-v-1d892f19] {
    color: #000;
}
.comparison-table--plan-name[data-v-1d892f19] {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.63;
    margin-bottom: 5px;
}
.comparison-table--plan-name[data-v-1d892f19].is-pinned {
    margin: 0;
}
.comparison-table--plan-tagline[data-v-1d892f19] {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
    transition: all 0.3s ease;
}
.comparison-table--plan-price[data-v-1d892f19] {
    margin-top: 20px;
    transition: all 0.3s ease;
}
@media screen and (min-width: 1024px) {
    .comparison-table--plan-price[data-v-1d892f19] {
        margin-top: 40px;
    }
}
.comparison-table--plan-price.no-button[data-v-1d892f19] {
    margin-bottom: 20px;
}
.comparison-table--plan-price-annually[data-v-1d892f19] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
    .comparison-table--plan-price-annually[data-v-1d892f19] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.comparison-table--plan-price-currency[data-v-1d892f19] {
    font-size: 12px;
    font-weight: 400;
    margin-top: 1px;
    top: 0;
}
.comparison-table--plan-price-amount[data-v-1d892f19] {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 0.8;
    margin: 0 5px;
}
.comparison-table--plan-price-frequency[data-v-1d892f19] {
    display: block;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: 300;
}
.comparison-table--plan-price-frequency--long[data-v-1d892f19] {
    margin: -2px 0 8px;
    color: #6f6c7b;
}
.comparison-table--plan-price-monthly[data-v-1d892f19] {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 0.5;
    display: block;
    margin-top: 5px;
    transition: all 0.3s ease;
}
.comparison-table--plan-price-monthly--old[data-v-1d892f19] {
    text-decoration: line-through;
}
.comparison-table--plan-price-old[data-v-1d892f19] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* margin-right: -51px; */
    vertical-align: -1px;
    font-weight: 300;
    color: #6f6c7b;
    margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
    .comparison-table--plan-price-old[data-v-1d892f19] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.comparison-table--plan-price-old
    .comparison-table--plan-price-amount[data-v-1d892f19] {
    font-size: 20px;
    position: relative;
}
.comparison-table--plan-price-old
    .comparison-table--plan-price-amount[data-v-1d892f19]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    width: 135%;
    height: 2px;
    background: #6f6c7b;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
}
.comparison-table--plan-cta[data-v-1d892f19] {
    margin: 25px 0 40px;
    border: none;
    min-width: 200px;
    font-weight: 400;
    transition: all 0.3s ease;
}
.mostPopular[data-v-1d892f19] {
    position: relative;
    border-top: 1px solid #383838;
    border-bottom: none;
}
.mostPopular--single[data-v-1d892f19] {
    min-width: 400px;
}
.mostPopular__banner[data-v-1d892f19] {
    background: #fff00b;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    padding: 3px;
    position: absolute;
    width: 100%;
    top: -32px;
    left: 0;
}
/* .comparison-table--row[data-v-1d892f19].is-pinned .mostPopular__banner[data-v-1d892f19] {
    top: 0px;
} */
.mostPopularEmpty[data-v-1d892f19] {
    background: #191919;
    border-top: 1px solid #383838;
    border-bottom: none;
}
.mostPopular .comparison-table--icon[data-v-1d892f19] {
    font-weight: 500;
}
.mostPopular .comparison-table--plan-price-annually[data-v-1d892f19],
.mostPopular .comparison-table--plan-price-frequency--long[data-v-1d892f19],
.mostPopular svg.comparison-table--icon[data-v-1d892f19], 
.mostPopular svg.mobile-comparison__table--icon {
    color: #fff00b;
}
.mostPopular .comparison-table--plan-price-old[data-v-1d892f19] {
    color: #fff;
}
.mostPopular
    .comparison-table--plan-price-old
    .comparison-table--plan-price-amount[data-v-1d892f19]:after {
    background-color: #fff;
}
.desktop-feature[data-v-1d892f19] {
    display: none;
}
@media (min-width: 1024px) {
    .desktop-feature[data-v-1d892f19] {
        display: table-row;
    }
}
.mobile-comparison-plan[data-v-1d892f19] {
    display: block;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .mobile-comparison-plan[data-v-1d892f19] {
        display: none;
    }
}
.mobile-comparison-plan__list[data-v-1d892f19] {
    padding-bottom: 70px;
    grid-column: 1/-1;
    position: relative;
}
.mobile-comparison-plan__list.collapse[data-v-1d892f19] {
    height: 250px;
    overflow: hidden;
}
.mobile-comparison-plan__list.collapse[data-v-1d892f19]:before {
    content: "";
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(hsla(0, 0%, 100%, 0)),
        to(#fff)
    );
    background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    pointer-events: none;
    z-index: 1;
}
.mobile-comparison-plan--blurb[data-v-1d892f19] {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    grid-column: 1/-1;
    background: #f3f3f3;
    padding: 10px 20px;
}
@media screen and (min-width: 1024px) {
    .mobile-comparison-plan--blurb[data-v-1d892f19] {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .mobile-comparison-plan--blurb[data-v-1d892f19] {
        max-width: 1240px;
    }
}
.mobile-comparison-plan-feature-title[data-v-1d892f19] {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 40px;
    padding-bottom: 7px;
}
.mobile-comparison-plan-features[data-v-1d892f19] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #e2ded9;
    line-height: 25px;
    padding: 12px 0;
}
.mobile-comparison__table--icon[data-v-1d892f19] {
    margin: auto;
    text-align: center;
    font-weight: 300;
}
.mobile-comparison__table--row[data-v-1d892f19] {
    position: relative;
}
.mobile-comparison__table--row-hover[data-v-1d892f19] {
    position: absolute;
    padding: 17px 24px;
    max-width: 300px;
    z-index: 9999;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    top: 100%;
    left: 20%;
    display: none;
}
.mobile-comparison-plan-features:hover .mobile-comparison__table--row-hover {
    display: block;
}
.mobile-comparison__table--arrow[data-v-1d892f19] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.mobile-comparison__table--arrow svg[data-v-1d892f19] {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    width: 7%;
    max-width: 30px;
    margin: 35px auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.mobile-comparison__table--arrow svg.arrowUp[data-v-1d892f19] {
    -webkit-transform: rotate(270deg) translateX(-50%);
    transform: rotate(270deg) translateX(-50%);
}
.mostPopular[data-v-1d892f19] {
    background: #191919;
}
.mostPopular[data-v-1d892f19], 
.mostPopular[data-v-1d892f19] li {
    color: #fff;
}
.mostPopular .mobile-comparison-plan-features[data-v-1d892f19] {
    border-color: #383838;
}
.mostPopular
    .mobile-comparison-plan-features
    svg.mobile-comparison__table--icon[data-v-1d892f19] {
    color: #fff00b;
    font-weight: 300;
}
.mostPopular
    .mobile-comparison-plan-features
    span.mobile-comparison__table--icon[data-v-1d892f19] {
    font-weight: 300;
}
.mostPopular .collapse[data-v-1d892f19]:before {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(25, 25, 25, 0)),
        to(#191919)
    );
    background-image: linear-gradient(rgba(25, 25, 25, 0), #191919);
}
.mark-down-price[data-v-1d892f19] {
    opacity: 0.5;
    text-decoration: line-through;
    text-decoration-thickness: 3px;
    margin-left: 10px;
}
.launch-offer[data-v-1d892f19] {
    background: #fff00b;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
}
@media screen and (min-width: 1024px) {
    .launch-offer[data-v-1d892f19] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
@media screen and (min-width: 1440px) {
    .launch-offer[data-v-1d892f19] {
        font-size: 17px;
    }
}
.limited-time-offer[data-v-1d892f19] {
    background: #fff00b;
    color: #000;
    font-size: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    padding: 12px;
    margin-top: 15px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
@media screen and (min-width: 1024px) {
    .limited-time-offer[data-v-1d892f19] {
        width: 100%;
    }
}
th[data-v-1d892f19],
tr[data-v-1d892f19] {
    border-bottom: none;
}

.wbs {
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 55px
}
@media screen and (min-width: 1024px) {
    .wbs {
        padding-bottom: 80px
    }
}
.wbs__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%
}
@media screen and (min-width: 1024px) {
    .wbs__inner {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .wbs__inner {
        max-width: 1240px
    }
}
.wbs__bg-container {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(black)), url(/wp-content/uploads/wbs-bgimage-b8dbf2776b9f589127d6080c9f8b44c506146addd6325747044f58ed8412ff0b.jpg);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), black), url(/wp-content/uploads/example-carousel.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 80px
}
@media screen and (min-width: 1024px) {
    .wbs__bg-container {
        padding-top: 215px
    }
}
.wbs__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -1.5px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
@media screen and (min-width: 1024px) {
    .wbs__title {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 110px
    }
}
.wbs__description {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
    font-size: 18px;
    margin: 45px 0 55px;
    text-align: left
}
.wbs__description span {
    color: #fff;
    opacity: 0.7
}
.wbs__description--learn-more {
    color: #fff;
    font-weight: 500
}
@media screen and (min-width: 1024px) {
    .wbs__description {
        max-width: 770px;
        margin: 25px auto 80px;
        text-align: center;
        font-size: 22px
    }
}
.wbs__cta-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.wbs__cta {
    -webkit-transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff00b;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    cursor: pointer
}
.wbs__cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px
}
.wbs__cta:hover {
    background-color: #fff00b;
    color: #000
}
.wbs__cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}
.wbs__cta:hover {
    background-color: #fff
}
@media screen and (min-width: 1024px) {
    .wbs__cta {
        font-size: 18px
    }
}
.wbs__cta--loading {
    opacity: 0.5;
    cursor: not-allowed
}

.bg-below-nav {
    margin-top: 99px;
}
@media (max-width:1023px) {
    .bg-below-nav {
        margin-top: 74px;
    }
    .hero-col-bg .kt-inside-inner-col::before {
        background-color:transparent !important;
    }
}
/* .hero-bg {
    background-size: cover;
    background-position: 50%;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.hero-bg__logo-text {
    color: #04ef7e;
}
.hero-bg__headline, .hero-bg__logo-text {
    font-size: 70px;
    letter-spacing: normal;
    line-height: 1.11;
    font-weight: 300;
    text-transform: none;
    width: 100%;
    max-width: 715px;
}
.hero-bg__blurb {
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.36;
    font-weight: 300;
    text-transform: none;
    max-width: 500px;
} */

.hero-bg__headline, 
.hero-bg__logo-text {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    /* max-width: 250px; */
}

@media screen and (min-width: 1024px) {
    .hero-bg__headline, 
    .hero-bg__logo-text {
        font-size: 70px;
        letter-spacing: normal;
        line-height: 1.11;
        font-weight: 300;
        text-transform: none;
        width: 100%;
        max-width: 715px;
    }
}

.hero-bg__blurb {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    width: 100%;
    margin: 30px 0;
}

@media screen and (min-width: 1024px) {
    .hero-bg__blurb {
        font-size: 22px;
        letter-spacing: normal;
        line-height: 1.36;
        font-weight: 300;
        text-transform: none;
        max-width: 500px;
    }
}

.hero-bg__blurb p {
    margin-bottom: 25px;
}

.callout__headline {
    width: 90%;
    margin: 0 auto 24px;
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
}

@media screen and (min-width: 1024px) {
    .callout__headline {
        margin-bottom: 30px;
        font-size: 70px;
        letter-spacing: normal;
        line-height: 1.11;
        font-weight: 300;
        text-transform: none;
    }
}

.callout__body {
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 32px;
}

@media screen and (min-width: 1024px) {
    .callout__body {
        font-size: 22px;
        letter-spacing: normal;
        line-height: 1.36;
        font-weight: 300;
        text-transform: none;
        max-width: 860px;
        margin: auto auto 40px;
    }
}

.quote__body {
    font-size: 40px;
    letter-spacing: normal;
    line-height: 1.25;
    font-weight: 300;
    text-transform: none;
    margin: 0;
}

@media screen and (min-width: 1024px) {
    .quote__body {
        font-size: 50px;
        letter-spacing: normal;
        line-height: 1.2;
        font-weight: 300;
        text-transform: none;
    }
}

.quote__body p {
    margin: 0;
}

.steps-section__title {
    margin-top: 20px;
    max-width: 400px;
    font-size: 20px;
    line-height: 1.38;
}

@media screen and (min-width: 1024px) {
    .steps-section__title {
        font-size: 26px;
    }
}

.steps-section__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
}

.sbs-faq-list .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before,
.sbs-faq-list .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after {
    height: 2px !important;
    width: 10px !important;
}

.feature-set {
    background-color: #191919;
    position: relative;
    overflow: hidden;
}

.feature-set__top {
    background-color: #616b6e;
    /* padding: 40px 0 107px; */
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    .feature-set__top {
        /* padding: 62px 0; */
    }
}

@media screen and (min-width: 1024px) {
    .feature-set--design .feature-set__top {
        /* padding: 80px 0; */
    }
}

.feature-set__top-inner > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 40px 0 107px;
}

@media screen and (min-width: 1024px) {
    .feature-set__top-inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;
        padding: 80px 0;
        max-width: 90.04%;
    }
    .page-id-17585 .feature-set__top-inner > .kt-inside-inner-col {
        padding: 120px 0;
    }
}

@media screen and (min-width: 1440px) {
    .feature-set__top-inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;
        max-width: 1240px;
    }
}

.feature-set__top-title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
    color: #fff;
    /* grid-column: 1 / 4; */
}

.page-id-14305 .feature-set__top-title,
.page-id-17585 .feature-set__top-title {
    grid-column: 1 / 4;
}

@media screen and (min-width: 1024px) {
    .feature-set__top-title {
        font-size: 50px;
        letter-spacing: initial;
        line-height: 1.2;
        font-weight: 300;
        text-transform: initial;
        /* grid-column: 1 / 3; */
    }
    .page-id-14305 .feature-set__top-title,
    .page-id-17585 .feature-set__top-title {
        grid-column: 1 / 3;
    }
}

@media screen and (min-width: 1440px) {
    .feature-set__top-title {
        font-size: 70px;
        letter-spacing: initial;
        line-height: 1.11;
        font-weight: 300;
        text-transform: initial;
        /* grid-column: 1 / 6; */
    }
    .page-id-14305 .feature-set__top-title,
    .page-id-17585 .feature-set__top-title {
        grid-column: 1 / 6;
    }
    .page-id-17585 .feature-set__top-title {
        grid-column: 1 / 8;
    }
}

.feature-set__top-browsers {
    /* -webkit-transform: translateY(-106%);
    transform: translateY(-106%); */
    display: none;
    position: relative;
    height: 372px;
}

@media screen and (min-width: 1024px) {
    .feature-set__top-browsers {
        display: block;
        grid-column: 4 / -1;
        height: 392px;
    }
}

@media screen and (min-width: 1440px) {
    .feature-set__top-browsers {
        grid-column: 7 / -1;
    }
}

.feature-set__top-browsers .browser.slick-slide {
    margin-top: 20px;
}

/* h1.hero-title.scroll-heading {
    font-size: 46px;
} */

.feature-set__sticky-box {
    background-color: #000;
    color: #fff;
    /* display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; */
    width: 100%;
    /* height: 290px; */
    padding: 40px 30px;
    position: relative;
}

.page-id-14305 .feature-set__sticky-box,
.page-id-17585 .feature-set__sticky-box {
    background-color: #000;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 290px;
    padding: 40px 30px;
    position: relative;
}

.page-id-17585 .feature-set__sticky-box {
    background-color: #34333A;
}

@media screen and (min-width: 1024px) {
    .feature-set__sticky-box {
        /* grid-column: 1 / 3; */
        /* height: 377px; */
        padding: 50px 30px 50px 50px;
        /* position: -webkit-sticky;
        position: sticky;
        top: 140px; */
    }

    .page-id-14305 .feature-set__sticky-box,
    .page-id-17585 .feature-set__sticky-box {
        grid-column: 1 / 3;
        height: 377px;
        padding: 50px 30px 50px 50px;
        position: -webkit-sticky;
        position: sticky;
        top: 140px;
    }
    .page-id-17585 .feature-set__sticky-box {
        padding: 20px 30px 30px 30px;
        height: auto;
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__sticky-box,
    .page-id-17585 .feature-set__sticky-box {
        grid-column: 1 / 4;
    }
}

.feature-set__features > .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    margin-top: -67px;
    padding-bottom: 100px;
}
@media screen and (min-width: 1024px) {
    .feature-set__features > .kt-inside-inner-col {
        max-width: 90.04%;
    }
    .feature-set__features > .kt-inside-inner-col {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 3.99%;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .feature-set__features > .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .feature-set__features > .kt-inside-inner-col {
        max-width: 1240px;
    }
    .feature-set__features > .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;
    }
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set__features-list,
    .page-id-17585 .feature-set__features-list {
        grid-column: 4 / -1;
        grid-row: 1;
        margin-top: 107px
    }
}
@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__features-list,
    .page-id-17585 .feature-set__features-list {
        grid-column: 5 / -1;
        /* margin-top: 147px */
        margin-top: 0;
    }
}
.page-id-14305 .feature-set__feature,
.page-id-17585 .feature-set__feature {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 3.99%;
    margin-top: 70px
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set__feature,
    .page-id-17585 .feature-set__feature {
        grid-template-columns:repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__feature,
    .page-id-17585 .feature-set__feature {
        grid-template-columns:repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set__feature,
    .page-id-17585 .feature-set__feature {
        display:block;
        margin-top: 100px
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__feature,
    .page-id-17585 .feature-set__feature {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 120px
    }

    /* .page-id-17585 .feature-set__feature {
        margin-top: 50px;
    } */

    .page-id-17585 .feature-set__features-list > .kt-inside-inner-col {
        margin-top: 0;
    }

    .page-id-14305 .feature-set__feature:nth-of-type(even),
    .page-id-17585 .feature-set__feature:nth-of-type(even) {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}
.page-id-14305 .feature-set__feature-image-container,
.page-id-17585 .feature-set__feature-image-container {
    grid-column: 1 / 4;
    position: relative
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set__feature-image-container,
    .page-id-17585 .feature-set__feature-image-container {
        max-width:64.81%
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__feature-image-container,
    .page-id-17585 .feature-set__feature-image-container {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: calc(calc( (((1440px * 0.8611111111) - ((1440px * 0.8611111111 * 0.0161) * 11)) / 12) * 3) + calc((1440px * 0.8611111111 * 0.0161) * 2))
    }
}

.page-id-14305 .feature-set__feature-text,
.page-id-17585 .feature-set__feature-text {
    color: #fff;
    grid-column: 1 / -1;
    margin-top: 30px
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set__feature-text,
    .page-id-17585 .feature-set__feature-text {
        margin-top:50px
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__feature-text,
    .page-id-17585 .feature-set__feature-text {
        max-width:calc( calc( (((1440px * 0.8611111111) - ((1440px * 0.8611111111 * 0.0161) * 11)) / 12) * 4) + calc((1440px * 0.8611111111 * 0.0161) * 4) + (calc( (((1440px * 0.8611111111) - ((1440px * 0.8611111111 * 0.0161) * 11)) / 12) * 1) / 2));
        margin-top: 0;
        margin-left: 0
    }
}

.page-id-14305 .feature-set__feature-text-title,
.page-id-17585 .feature-set__feature-text-title {
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-transform: initial
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set__feature-text-title,
    .page-id-17585 .feature-set__feature-text-title {
        font-size:30px
    }
}

.page-id-14305 .feature-set__feature-text-blurb,
.page-id-17585 .feature-set__feature-text-blurb {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    margin-top: 20px
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set__feature-text-blurb,
    .page-id-17585 .feature-set__feature-text-blurb {
        margin-top:30px
    }
}
.page-id-14305 .feature-set__feature-animatable,
.page-id-17585 .feature-set__feature-animatable {
    -webkit-transition: opacity 850ms ease-in-out;
    transition: opacity 850ms ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.001
}

.page-id-14305 .feature-set__feature-animatable--active,
.page-id-17585 .feature-set__feature-animatable--active {
    opacity: 1
}
.page-id-14305 .feature-set--alternate,
.page-id-17585 .feature-set--alternate {
    background-color: #000
}

.page-id-14305 .feature-set--alternate .feature-set__sticky-box,
.page-id-17585 .feature-set--alternate .feature-set__sticky-box {
    background-color: #191919
}

.page-id-17585 .feature-set--alternate .feature-set__sticky-box {
    background-color: #34333A;
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set--alternate .feature-set__sticky-box,
    .page-id-17585 .feature-set--alternate .feature-set__sticky-box {
        grid-column:5 / -1
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set--alternate .feature-set__sticky-box,
    .page-id-17585 .feature-set--alternate .feature-set__sticky-box {
        grid-column:10 / -1
    }
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set--alternate .feature-set__features-list,
    .page-id-17585 .feature-set--alternate .feature-set__features-list {
        grid-column:1 / 4
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set--alternate .feature-set__features-list,
    .page-id-17585 .feature-set--alternate .feature-set__features-list {
        grid-column:1 / 9
    }
    .page-id-17585 .feature-set--alternate .feature-set__features-list {
        grid-column:1 / 10
    }
}

@media screen and (min-width: 1024px) {
    .page-id-14305 .feature-set--resources .feature-set__top-title,
    .page-id-17585 .feature-set--resources .feature-set__top-title {
        grid-column:4 / -1
    }
}

@media screen and (min-width: 1440px) {
    .page-id-14305 .feature-set--resources .feature-set__top-title,
    .page-id-17585 .feature-set--resources .feature-set__top-title {
        grid-column:6 / 11
    }
    .page-id-17585 .feature-set--resources .feature-set__top-title {
        grid-column:1 / 9
    }
}
.page-id-14305 .feature-set__sticky-box-cta a,
.page-id-17585 .feature-set__sticky-box-cta a {
    -webkit-transition: background-color 350ms ease-in-out, color 350ms ease-in-out !important;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out !important;
    background-color: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 0 25px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    height: 40px !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: auto !important
}

.page-id-14305 .feature-set__sticky-box-cta svg,
.page-id-17585 .feature-set__sticky-box-cta svg {
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    transition: -webkit-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    width: auto;
    margin-left: 35px
}

.page-id-14305 .feature-set__sticky-box-cta a:hover,
.page-id-17585 .feature-set__sticky-box-cta a:hover {
    background-color: #fff !important;
    color: #000 !important
}

.page-id-14305 .feature-set__sticky-box-cta:hover svg,
.page-id-17585 .feature-set__sticky-box-cta:hover svg {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}


.feature-set__sticky-box-dot {
    background-color: #fff00b;
    border-radius: 50%;
    display: inline-block;
    width: 11px;
    height: 11px;
}

.feature-set__sticky-box-title {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
    margin-top: 25px;
}

@media screen and (min-width: 1024px) {
    .feature-set__sticky-box-title {
        font-size: 40px;
        letter-spacing: initial;
        line-height: 1.25;
        font-weight: 300;
        text-transform: initial;
        font-size: 28px;
        margin-top: 20px;
    }
}

.accordion .kt-accordion-panel-inner a {
    color: #fff;
}

.medium-text {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
}

.born-from-creativity {
    margin-top: 60px;
    padding: 60px 0 20px;
    background: #191919;
}

@media screen and (min-width: 1024px) {
    .born-from-creativity {
        margin-top: 120px;
        padding: 120px 0 80px;
    }
}

.born-from-creativity .we-are {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
    display: none;
}

@media screen and (min-width: 1024px) {
    .born-from-creativity .we-are {
        display: block;
    }
}

.born-from-creativity .medium-text {
    margin-bottom: 30px;
}

.born-from-creativity .values-accordion {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    grid-column: 1 / -1; */
    padding-top: 120px
}
/* @media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .born-from-creativity .values-accordion {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
} */
.born-from-creativity .values-accordion .box-wrapper {
    /* grid-column: 1 / -1; */
    overflow: hidden
}
/* @media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion .box-wrapper {
        grid-column: span 3
    }
} */
.born-from-creativity .values-accordion .border-wrapper {
    border-bottom: 1px solid #737373;
    max-height: 100px;
    padding-bottom: 35px;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}
.born-from-creativity .values-accordion .box-title .kt-inside-inner-col {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}
.born-from-creativity .values-accordion .box-title .arrow-down {
    display: block
}
@media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion .box-title .arrow-down {
        display: none
    }
}
@media screen and (min-width: 1440px) {
    .born-from-creativity .values-accordion .box-title {
        display: block
    }
}
.born-from-creativity .values-accordion .box-title h3 {
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-transform: initial;
    max-width: 170px;
    margin-top: 0;
    margin-bottom: 0
}
@media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion .box-title h3 {
        padding-top: 5px
    }
}
@media screen and (min-width: 400px) {
    .born-from-creativity .values-accordion .box-title h3 {
        max-width: unset
    }
}
.born-from-creativity .values-accordion .box-icon {
    pointer-events: none;
    display: inline-block;
    padding-right: 20px
}
@media only screen and (max-width: 1401px) {
    .born-from-creativity .values-accordion {
        padding-top: 50px
    }
    .born-from-creativity .values-accordion div {
        margin-bottom: 60px
    }
    .born-from-creativity .values-accordion h3 {
        margin-bottom: 0px;
        pointer-events: none
    }
    .born-from-creativity .values-accordion .arrow-down {
        border: none;
        background: transparent;
        position: absolute;
        cursor: pointer;
        padding: 10px;
        top: 28px;
        right: 5px;
        outline: none
    }
    .born-from-creativity .values-accordion .arrow-down .faq__accordion-toggle-icon:before {
        opacity: 1;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }
    .born-from-creativity .values-accordion .arrow-down img {
        width: 13px
    }
    .born-from-creativity .values-accordion .about-accordion-open {
        max-height: 360px
    }
    .born-from-creativity .values-accordion .about-accordion-open .faq__accordion-toggle-icon:before {
        opacity: 0
    }
    .born-from-creativity .values-accordion div {
        margin-bottom: 0px
    }
}
.born-from-creativity .values-accordion .box-icon img {
    width: 30px;
    height: 30px;
    margin-bottom: 20px
}
@media only screen and (max-width: 1401px) {
    .born-from-creativity .values-accordion .box-icon img {
        margin-bottom: -10px
    }
}
.born-from-creativity .values-accordion {
    padding-top: 0;
    margin-top: -10px;
    margin-bottom: 20px
}
@media screen and (min-width: 1024px) {
    .born-from-creativity .values-accordion {
        margin-top: 100px
    }
    .born-from-creativity .values-accordion .box-wrapper {
        margin-bottom: 20px
    }
    .born-from-creativity .values-accordion .border-wrapper {
        border: none;
        max-height: 100%;
        padding-bottom: 20px;
        margin-bottom: 0
    }
    .born-from-creativity .values-accordion .border-wrapper p {
        font-size: 15px;
        letter-spacing: initial;
        line-height: 1.67;
        font-weight: 300;
        text-transform: initial
    }
    .born-from-creativity .values-accordion .box-title .kt-inside-inner-col {
        padding-top: 0px;
        padding-bottom: 0;
        margin-bottom: 20px;
        display: initial;
    }
    .born-from-creativity .values-accordion .box-title .box-icon img {
        width: 40px;
        height: 40px;
        margin-bottom: 10px
    }
}

.we-love-our-work h2 {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial;
}

.we-love-our-work .smaller-text {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    margin-top: 20px;
    font-size: 18px;
}

.hero__cta-blurb {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    margin: 0 0 30px;
}

@media screen and (min-width: 1024px) {
    .hero__cta-blurb {
        font-size: 22px;
        letter-spacing: initial;
        line-height: 1.36;
        font-weight: 300;
        text-transform: initial;
    }
}

.slider-3-col .slick-slide img {
    border-radius: 5px;
}

.slider-3-col .slick-slide.slick-active[data-slick-index='0'] img,
.slider-3-col .slick-slide.slick-active[data-slick-index='2'] img {
    opacity: 0.4;
}

.main-copy {
    padding: 60px 0;
    background: #191919;
}

@media screen and (min-width: 1024px) {
    .main-copy {
        padding: 120px 0;
    }
}

@media screen and (min-width: 1440px) {
    .main-copy {
        padding-top: 160px;
    }
}

.how-we-work {
    padding-bottom: 0px;
    padding-top: 60px;
}

@media screen and (min-width: 1440px) {
    .how-we-work {
        padding-top: 100px;
    }
}

@media screen and (min-width: 1024px) {
    .how-we-work-list {
        padding-top: 60px;
    }
}

@media screen and (min-width: 1024px) {
    .how-we-work-list {
        margin-top: 80px;
    }
}

.how-we-work-list .box-wrap {
    /* grid-column: 1 / -1; */
    max-height: 100px;
    overflow: hidden;
    margin-top: 20px;
    -webkit-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

@media screen and (min-width: 1024px) {
    .how-we-work-list .box-wrap {
        /* grid-column: span 3; */
        max-height: unset;
    }
}

@media screen and (min-width: 1440px) {
    .how-we-work-list .box-wrap {
        /* grid-column: span 6; */
        padding-right: calc(calc( (((1440px * 0.8611111111) - ((1440px * 0.8611111111 * 0.0161) * 11)) / 12) * 1) + calc((1440px * 0.8611111111 * 0.0161) * 1));
    }
}

.how-we-work-list .box-title {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
    padding-top: 25px;
    border-top: 1px solid #737373;
    width: 100%;
    display: block;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .how-we-work-list .box-title {
        border-top: transparent;
    }
}

@media screen and (min-width: 400px) {
    .how-we-work-list .box-title {
        padding-top: 25px;
    }
}

.how-we-work-list .box-title {
    font-size: 22px;
    letter-spacing: initial;
    line-height: 1.36;
    font-weight: 300;
    text-transform: initial;
}

@media screen and (max-width: 1024px) {
    .how-we-work-list .box-title {
        display: flex !important;
        justify-content: space-between;
    }
}

.how-we-work-list .box-title.no-border {
    border: none;
}

.how-we-work-list .box-title .text-only {
    max-width: 170px;
    display: inline-block;
}

@media screen and (min-width: 400px) {
    .how-we-work-list .box-title .text-only {
        max-width: unset;
    }
}

.how-we-work-list .box-title .arrow-down {
    border: none;
    background: transparent;
    display: block;
    position: absolute;
    cursor: pointer;
    padding: 10px;
    top: 26px;
    right: 5px;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .how-we-work-list .box-title .arrow-down {
        display: none;
    }
}

/* @media (max-width: 1024px) {
    .how-we-work-list .box-title::after {
        content: "\f107";
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
    }
} */

.how-we-work-list .box-wrap.about-accordion-open .box-title::after, 
.how-we-work-list .box-wrap.about-accordion-open.always-one-line .box-title::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.how-we-work p {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    padding: 20px 0 40px;
    margin: 0;
}

@media screen and (min-width: 1024px) {
    .how-we-work-list .box-wrap p {
        padding-top: 20px;
    }
}

.how-we-work-list .box-wrap.always-one-line {
    max-height: 80px;
}

.how-we-work-list .box-wrap.about-accordion-open, 
.how-we-work-list .box-wrap.about-accordion-open.always-one-line {
    max-height: 435px;
}

@media (max-width: 1024px) {
    .how-we-work-list .kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
        margin-bottom: 0px;
    }
}

.img-copy .kadence-column_a0d2c3-73 > .kt-inside-inner-col {
    position: relative;
    padding-top: 60px;
    padding-bottom: 300px;
    max-height: 600px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 1440px) {
    .img-copy .kt-inside-inner-col {
        padding-bottom: 540px;
    }
}

.img-copy__background {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.img-copy__background img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.img-copy .quote {
    border-radius: 10px;
    background-color: #ffffff;
    color: #000;
    padding: 30px;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .img-copy .quote {
        max-width: 460px;
    }
}

@media screen and (min-width: 1440px) {
    .img-copy .quote {
        padding: 60px;
        max-width: 750px;
    }
}

.img-copy .quote h2 {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
    margin-bottom: 30px;
}

.img-copy .career-link {
    position: relative;
}

.img-copy .quote .kt-inside-inner-col {
    padding: 0;
}

.img-copy .quote a {
    color: #000;
    font-size: 20px;
    letter-spacing: initial;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none;
}

.img-copy .quote h3 {
    text-transform: initial;
    position: relative;
    width: auto;
    display: inline-block;
    padding-right: 50px;
    cursor: pointer;
    margin: 0;
    line-height: 1;
}

.img-copy .career-link:after {
    content: "";
    transition: -webkit-transform 300ms;
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    position: absolute;
    right: -3px;
    /* top: 2px; */
    top: 15px;
    width: 31px;
    height: 16px;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/arrow-right-adea1931b9189803a085d480d3c92e4148b813830de42894693bc9c1466f28dd.svg');
}

.img-copy .career-link:hover:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.error404 .navbar, 
.error404 .site-footer {
    display: none;
}
.not-found .outer-wrapper {
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.not-found .outer-wrapper #header {
    text-align: center;
}
.not-found .outer-wrapper #header span {
    font-family: 'PxGroteskRegular';
    font-weight: normal;
    font-style: normal;
    font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
    display: block;
    font-size: 30vw;
    color: #191919;
    line-height: 0.8;
}
.not-found .outer-wrapper #header h1.logo {
    position: relative !important;
    left: -2px;
    margin: -30% auto 0 auto;
    text-align: center;
    display: block;
}
.not-found .outer-wrapper #header h1.logo a {
    display: inline-block;
    z-index: 333;
    margin-top: 35px;
    background-size: 100%;
}
.not-found .outer-wrapper #header h1.logo a>img {
    width: auto;
    height: 42px;
}
.not-found .dialog {
    font-family: 'PxGroteskRegular';
    font-weight: normal;
    font-style: normal;
    font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
    margin: 2% auto 0 auto;
    font-weight: 300;
    width: 80%;
    max-width: 1400px;
    text-align: center;
}
@media (min-width: 1750px) {
    .not-found .dialog h1 {
        font-size: 105px;
    }
}
.not-found .dialog h1 {
    font-family: 'PxGroteskRegular';
    font-weight: normal;
    font-style: normal;
    font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
    font-size: 105px;
    font-size: 6vw;
    color: #fff;
    line-height: 1;
    margin: 0 0 4% 0;
}
.not-found .dialog p {
    font-size: 20px;
    font-size: 2vw;
    color: #fff;
    font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
    margin: 0 auto 4% auto;
    line-height: 1.5em;
    max-width: 600px;
}
.not-found .dialog a {
    font-size: 20px;
    font-size: 2vw;
    -webkit-transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
    background-color: #fff;
    border-radius: 999px;
    color: #000;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 21px;
    height: 60px;
    padding: 0 25px;
    text-decoration: none;
}
@media (min-width: 1000px) {
    .not-found .dialog p {
        font-size: 20px;
    }
    .not-found .dialog a {
        font-size: 20px;
    }
}

.testimonials {
    background: #000;
    margin-top: 40px;
    position: relative;
    padding-top: 90px;
    padding-bottom: 53px
}
@media screen and (min-width: 1024px) {
    .testimonials {
        padding-top: 110px;
        padding-bottom: 60px
    }
}
@media screen and (min-width: 1440px) {
    .testimonials {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 400px;
        padding-bottom: 65px
    }
}
@media screen and (min-width: 1920px) {
    .testimonials {
        padding-top: 182px;
        padding-bottom: 100px
    }
}
.testimonials__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    position: relative
}
@media screen and (min-width: 1024px) {
    .testimonials__inner {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__inner {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
@media screen and (min-width: 1024px) {
    .testimonials__inner {
        max-width: 90.04%
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__inner {
        max-width: 1240px
    }
}
.testimonials__text {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 50px;
    opacity: 0;
    position: relative
}
@media screen and (min-width: 1024px) {
    .testimonials__text {
        grid-column: 2 / -1
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__text {
        grid-column: 1 / 6;
        grid-row: 1;
        margin-top: 0;
        height: 397px;
        width: 100%
    }
}
.testimonial {
    -webkit-transition: opacity 700ms ease;
    transition: opacity 700ms ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 90%
}
@media screen and (min-width: 1024px) {
    .testimonial {
        margin-left: -1em
    }
}
@media screen and (min-width: 1440px) {
    .testimonial {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }
}
.testimonial:not(.testimonial--active) {
    opacity: 0
}
.testimonial__quote {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
    font-size: 22px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .testimonial__quote {
        font-size: 34px
    }
}
.testimonial__quote::before {
    content: "“";
    position: absolute;
    top: 0;
    left: 0
}
.testimonial__cite {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-top: 30px;
    padding-left: 15px
}
.testimonials__slideshow {
    grid-column: 1 / -1;
    overflow: visible;
    position: relative
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow {
        grid-column: 2 / 10;
        margin-top: 60px
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__slideshow {
        grid-row: 1;
        grid-column: 6 / -1;
        margin-top: 0;
        overflow: visible
    }
}
@media screen and (min-width: 1920px) {
    .testimonials__slideshow {
        grid-column: 6 / 12
    }
}
.testimonials__slideshow-slides {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    position: relative
}
.testimonials__slideshow-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: calc(calc((((100vw * 0.8693) - ((100vw * 0.8693 * 0.0399) * 3)) / 4) * 1) + calc((100vw * 0.8693 * 0.0399) * 1));
    width: 80%
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow-item {
        margin-right: calc(calc((((100vw * 0.9004) - ((100vw * 0.9004 * 0.026) * 5)) / 6) * 2) + calc((100vw * 0.9004 * 0.026) * 2));
        width: 100%
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__slideshow-item {
        margin-right: calc(calc((((1440px * 0.8611111111) - ((1440px * 0.8611111111 * 0.0161) * 11)) / 12) * 1) + calc((1440px * 0.8611111111 * 0.0161) * 1))
    }
}
.testimonials__slideshow-next-btn {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-family: "Untitled Sans", "Helvetica Neue", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 155px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 25px;
    z-index: 1
}
.testimonials__slideshow-next-btn::after {
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    content: "";
    background: transparent;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}
.testimonials__slideshow-next-btn:hover::after {
    opacity: 0.3
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow-next-btn {
        margin-top: -25px;
        width: 50px;
        height: 50px;
        right: 0
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__slideshow-next-btn {
        right: -84px
    }
}
@media screen and (min-width: 1920px) {
    .testimonials__slideshow-next-btn {
        margin-top: -43px;
        width: 85px;
        height: 85px;
        right: -175px
    }
}
.testimonials__slideshow-next-btn svg {
    width: 6px;
    height: 10px;
    position: relative
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow-next-btn svg {
        width: 11px;
        height: 20px;
        left: 1px
    }
}
@media screen and (min-width: 1920px) {
    .testimonials__slideshow-next-btn svg {
        width: 19px;
        height: 34px;
        left: 1px
    }
}

    
.testimonials-wrap {
    padding-top: 40px;
    overflow: hidden;
    width: 100%
}
@media (min-width: 1024px) {
    .testimonials-wrap {
        padding-top: 90px
    }
}
.testimonials-wrap .show-full-width.container {
    overflow: visible
}
.header {
    padding-bottom: 60px
}
@media (min-width: 1024px) {
    .header {
        padding-bottom: 20px
    }
}
.about-us-testimonials {
    position: relative;
    padding-bottom: 60px;
    margin-top: 75px;
    margin: 0 auto;
    overflow: visible;
    grid-column: 1/-1
}
@media (min-width: 1024px) {
    .about-us-testimonials {
        margin-top: 80px
    }
}
@media (min-width: 1440px) {
    .about-us-testimonials {
        width: 100%
    }
    .about-us-testimonials .testimonial {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}
.about-us-testimonials .we-love-our-work {
    position: relative;
    margin: 0 auto 80px
}
@media (min-width: 1024px) {
    .about-us-testimonials .we-love-our-work {
        margin: 0 auto 20px
    }
}
@media (min-width: 1440px) {
    .about-us-testimonials .we-love-our-work {
        max-width: calc(calc((((1440px * 0.8611111111) - ((1440px * 0.8611111111 * 0.0161) * 11)) / 12) * 6) + calc((1440px * 0.8611111111 * 0.0161) * 6));
        margin-left: 0
    }
}
.about-us-testimonials .we-love-our-work h2 {
    font-size: 50px;
    letter-spacing: initial;
    line-height: 1.2;
    font-weight: 300;
    text-transform: initial
}
.about-us-testimonials .we-love-our-work .smaller-text {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    margin-top: 20px;
    font-size: 18px
}
.testimonials__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    max-width: 505px
}
@media screen and (min-width: 1024px) {
    .testimonials__inner {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__inner {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%
    }
}
@media screen and (min-width: 1024px) {
    .testimonials__inner {
        max-width: 100%
    }
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow {
        grid-column: 1 / 12
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__slideshow {
        max-width: 90%;
        grid-column: 9 / 26;
        margin-top: 0
    }
}
.testimonials__slideshow--next-arrow {
    background-color: #ffffff;
    border: none;
    border-radius: 50%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 25px;
    z-index: 1;
    cursor: pointer
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow--next-arrow {
        margin-top: -25px;
        width: 50px;
        height: 50px
    }
}
@media screen and (min-width: 1440px) {
    .testimonials__slideshow--next-arrow {
        right: -84px
    }
}
.testimonials__slideshow--next-arrow:focus {
    outline: none
}
.testimonials__slideshow--next-arrow:before {
    content: none
}
.testimonials__slideshow--next-arrow:after {
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    content: "";
    background: transparent;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}
.testimonials__slideshow--next-arrow:hover::after {
    opacity: 0.3
}
.testimonials__slideshow--next-arrow svg {
    width: 6px;
    height: 10px;
    position: relative;
    top: 0
}
@media screen and (min-width: 1024px) {
    .testimonials__slideshow--next-arrow svg {
        width: 11px;
        height: 20px;
        left: 2px
    }
}
.testimonials__text {
    grid-column: 1/-1
}
@media screen and (min-width: 1440px) {
    .testimonials__text {
        grid-column: 1/9;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }
}
.testimonials__text .centered-text {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.testimonials__slideshow-slides {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    position: relative
}
.testimonials__slideshow-item {
    height: 300px;
    margin-right: 40px;
    opacity: 0.25
}
.testimonials__slideshow-item--active {
    opacity: 1
}
.testimonials__slideshow-item.image1 img,
.testimonials__slideshow-item.image2 img {
    -o-object-position: top;
    object-position: top
}
.testimonials__slideshow-item .testimonial-image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}
.testimonials__slideshow-item .testimonial-image__tag {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}
@media (min-width: 1024px) {
    .testimonials__slideshow-item {
        height: 400px;
        max-width: 590px
    }
}
@media (min-width: 992px) {
    .testimonials__slideshow-item {
        height: 470px;
        max-width: 640px
    }
}
@media (min-width: 1440px) {
    .testimonials__slideshow-item {
        height: 590px;
        max-width: 640px
    }
}

.slider-wrapper {
    overflow: hidden
}

.main-slider {
    position: relative;
    padding: 0
}
@media screen and (min-width: 375px) {
    .main-slider {
        padding: 0 10%
    }
}
@media screen and (min-width: 768px) {
    .main-slider {
        padding: 0 15%
    }
}
@media screen and (min-width: 992px) {
    .main-slider {
        padding: 0 20%
    }
}
@media screen and (min-width: 1200px) {
    .main-slider {
        padding: 0 25%
    }
}
.main-slider .slide.slick-slide {
    border-radius: 5px;
    opacity: 0.4;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-property: opacity, scale();
    transition-property: opacity, scale();
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    height: 100%
}
.main-slider .slide.slick-slide img {
    border-radius: 5px;
    /* max-width: 750px; */
    max-width: 100%;
    margin: 0 auto
}
.main-slider .slide.slick-slide:focus {
    outline: none
}
.main-slider .slide.slick-center {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.main-slider .testimonials__slideshow--next-arrow {
    right: 5%
}
.main-slider .testimonials__slideshow--next-arrow:focus {
    outline: none
}
.main-slider .slick-arrow:focus {
    background: #fff;
}
.main-slider .testimonials__slideshow--next-arrow.testimonials__slideshow--prev-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 5%;
    right: 80%
}
.main-slider .testimonials__slideshow--next-arrow.testimonials__slideshow--prev-arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-slider {
    margin-top: 50px
}
@media screen and (min-width: 1024px) {
    .main-slider {
        margin-top: 110px
    }
}
@media screen and (min-width: 1440px) {
    .main-slider {
        margin-top: 150px
    }
}

    
@media screen and (min-width: 400px) {
    .main-slider .slide.slick-center {
        margin-right: -1px
    }
}

.main-slider .slick-slide {
    margin-top: 0;
}

.main-slider .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/* HOME PAGE HERO */
/* new feedaback */

html body header .hero__browsers.hero__browsers--visible {
  margin: auto;
  position: relative;
}

html body .bm-gif-section {
  display: flex;
  justify-content: center;
  align-items: center;
}

html body .bm-gif-section img {
  width: 100%;
}

@media screen and (max-width:1023px) {
  html body header .hero__browsers.hero__browsers--visible {
    width: 100%;
    margin: auto;
  }
}

@media screen and (min-width: 1024px) and (max-width:1439px) {
  html body section.ticker.ticker--is-animating {
    margin-top: 10px;
  }
}

html body section.ticker.ticker--is-animating {
  z-index: 1;
}

/* new feedaback */
.scrolling-words-box {
    height: 3.5rem;
    margin: auto;
    overflow: hidden;
}

.scrolling-words-box ul {
    margin: 0 0.625rem 0 0;
    padding: 0;
    animation: scrollUp 25s infinite;
}

.scrolling-words-box ul li {
    height: 3.8rem;
    line-height: 1.2;
    list-style: none;
    font-size: 46px;
    color: #fff;
}

@keyframes scrollUp {

    5%,
    10% {
        transform: translateY(0%);
    }

    15%,
    20% {
        transform: translateY(-10%);
    }

    25%,
    30% {
        transform: translateY(-20%);
    }

    35%,
    40% {
        transform: translateY(-30%);
    }

    45%,
    50% {
        transform: translateY(-40%);
    }

    55%,
    60% {
        transform: translateY(-50%);
    }

    65%,
    70% {
        transform: translateY(-60%);
    }

    75%,
    80% {
        transform: translateY(-70%);
    }

    85%,
    90% {
        transform: translateY(-80%);
    }

    95%,
    100% {
        transform: translateY(-90%);
    }

}
h1.hero__title.scroll-heading {
    font-size: 46px !important;
}
h1 span {
    display: block;
}
@media only screen and (max-width:1200px) and (min-width:1024px) {
    .scrolling-words-box ul li.item-1 {
        font-size:40px !important;
    }
}
@media only screen and (max-width:1023px) and (min-width:768px) {
    .scrolling-words-box ul li.item-1 {
        font-size:26px !important;
    }
}
@media only screen and (max-width:767px) and (min-width:600px) {
    .scrolling-words-box ul li.item-1 {
        font-size:40px !important;
    }
}
@media only screen and (max-width:599px) {
    .scrolling-words-box ul li.item-1 {
        font-size:30px !important;
    }
    h1.hero__title.scroll-heading,  .hero-blurb, .hero .hero-cta-caption {
        margin-top: 0 !important;
        margin-bottom: 5px;
    }
    .hero .wp-block-kadence-advancedbtn .kb-button {
        margin-top: 25px !important;
    }
}
.seo-lander__header {
    overflow: visible;
    padding: 0 0 32px;
}
.plain-list li::before {
  content:'' !important;
}
.plain-list {
  list-style-type: none;
}
.page-id-11838 .sub-navbar {
  display: none;
}

.professions_selector {
    background-color: #fff00b;
    padding: 35px 0
}
.professions_selector__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%
}
@media screen and (min-width:1024px) {
    .professions_selector__inner {
        max-width: 90.04%
    }
}
@media screen and (min-width:1440px) {
    .professions_selector__inner {
        max-width: 1240px
    }
}
@media screen and (min-width:1024px) {
    .professions_selector__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width:1440px) {
    .professions_selector__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%
    }
}
.professions_selector__half {
    grid-column: 1/-1
}
@media screen and (min-width:1024px) {
    .professions_selector__half {
        grid-column: span 3
    }
}
@media screen and (min-width:1440px) {
    .professions_selector__half {
        grid-column: span 6
    }
}
.professions_selector__content h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin:0;
}
@media screen and (min-width:1024px) {
    .professions_selector__content h4 {
        font-size: 26px;
        line-height: 34px;
    }
}
.professions_selector__content p {
    font-size: 16px;
    font-weight: 400;
    margin:0;
}
@media screen and (min-width:1024px) {
    .professions_selector__content p {
        font-size: 22px;
        letter-spacing: normal;
        line-height: 1.36;
        font-weight: 300;
        text-transform: none;
        font-weight: 400
    }
}
.professions_selector__title {
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px
}
@media screen and (min-width:1024px) {
    .professions_selector__title {
        font-size: 50px;
        line-height: 60px;
        margin-top: 10px;
        margin-bottom: 0;
        grid-column: span 3
    }
}
@media screen and (min-width:1440px) {
    .professions_selector__title {
        padding-right: 85.03289px
    }
}
.professions_selector__breadcrumbs {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .3px;
    margin-bottom: 16px
}
.professions_selector__breadcrumbs a {
    color: #fff;
    text-decoration: none
}
.professions_selector__breadcrumbs a:hover {
    color: #fff00b
}
.professions_selector__breadcrumbs span {
    display: inline-block;
    margin: 0 6px
}
@media screen and (min-width:1024px) {
    .professions_selector__breadcrumbs {
        margin-bottom: 0
    }
}
.professions_selector__info {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 15px
}
@media screen and (min-width:1024px) {
    .professions_selector__info {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px
    }
}
@media screen and (min-width:1440px) {
    .professions_selector__right {
        grid-column: 7/12;
        text-align: right
    }
}
.professions_selector__dropdown {
    margin-top: 25px
}
@media screen and (min-width:1024px) {
    .professions_selector__dropdown {
        margin-top: 0;
        margin-left: auto
    }
}
.dropdown[data-v-64c91b6c] {
    position: relative;
    max-width: 345px;
    text-align: left
}
.dropdown_toggle[data-v-64c91b6c] {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    font-weight: 500;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 32px;
    border-radius: 30px;
    background: #fff;
    color: #000;
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}
.dropdown_toggle .dropdown_toggle__caret[data-v-64c91b6c] {
    position: absolute;
    right: 25px;
    top: 24px;
    width: 23px;
    height: 12px
}
.dropdown_toggle[data-v-64c91b6c]:hover {
    background: #000;
    color: #fff
}
.dropdown_toggle:hover .dropdown_toggle__caret[data-v-64c91b6c] {
    color: #fff
}
.dropdown_menu[data-v-64c91b6c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    color: #000;
    padding: 20px 10px;
    border-radius: 30px;
    -webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, .2);
    box-shadow: 20px 30px 50px rgba(0, 0, 0, .2)
}
.dropdown_menu__filter[data-v-64c91b6c] {
    padding: 0 20px;
    margin-bottom: 10px
}
.dropdown_menu__filter__input[data-v-64c91b6c] {
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    border: none;
    border-bottom: 1px solid #000;
    outline: none
}
.dropdown_menu ul[data-v-64c91b6c] {
    max-height: 50vh;
    overflow-y: auto
}
@media screen and (min-width:1024px) {
    .dropdown_menu ul[data-v-64c91b6c] {
        max-height: 300px
    }
}
.dropdown_menu__item a[data-v-64c91b6c] {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    display: block;
    padding: .5em 20px
}
.dropdown_menu__item a[data-v-64c91b6c]:hover {
    background: #f5f1ed
}
.slide-fade-enter-active[data-v-64c91b6c],
.slide-fade-leave-active[data-v-64c91b6c] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
.slide-fade-enter[data-v-64c91b6c],
.slide-fade-leave-to[data-v-64c91b6c] {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0
}

.slideshowSection h2 {
  font-weight:300;
}

/* Advertorial Lander Top Photographers Choose Format */

.advertorial-lander {
    background: #f5f1ed;
}
.advertorial-lander .navbar {
    background: #000
}
.advertorial-lander .hero .kt-row-column-wrap {
    padding: 50px 0 !important;
}
.advertorial-lander .hero {
    background: transparent !important;
    max-width:unset;
    width:100%;
    overflow: hidden;
    padding: 105px 0 0
}
@media screen and (min-width:1025px) {
    .advertorial-lander .hero {
        padding: 180px 0 130px;
        overflow: visible;
    }
}
.advertorial-lander .hero__inner {
    color: #000;
    margin:0 auto;
    display:grid
}
.advertorial-lander .hero__image {
    width: 105%;
    position: relative;
    top: 0;
    margin-top: 6vw
}
@media screen and (min-width:768px) {
    .advertorial-lander .hero__image {
        grid-column: 3/-1;
        grid-row: 1
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander .hero__image {
        grid-column: 1/-1;
        position: absolute;
        top: 0;
        left: auto;
        right: -19%;
        width: 69.2%;
        margin-top: -8vw
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander .hero__image {
        top: -155px;
        width: 71.8%;
        margin-top: 70px
    }
}
.advertorial-lander .hero__text {
  display:contents;
}

@media screen and (min-width:768px) {
    .advertorial-lander .hero__text > .kt-inside-inner-col {
        grid-column: 1/3
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander .hero__text > .kt-inside-inner-col {
        grid-column: 1/4
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander .hero__text > .kt-inside-inner-col {
        grid-column: 1/7
    }
}
.advertorial-lander .hero__text .white-btn:after {
    font-size: 12px;
    letter-spacing: .07em;
    line-height: 1.67;
    font-weight: 300;
    text-transform: none;
    content: "No credit card required.";
    display: block;
    margin-top: 10px;
    width: 257px;
    text-align: center;
    font-weight: 400
}
.advertorial-lander .hero__title {
    font-weight: 400
}
@media screen and (min-width:1024px) {
    .advertorial-lander .hero__title {
        font-size: 60px
    }
}
.advertorial-lander .hero__blurb {
    font-size: 20px
}
@media screen and (min-width:1440px) {
    .advertorial-lander .hero__blurb {
        padding-right: 25px
    }
}
.advertorial-lander .hero__cta {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px
}
.advertorial-lander .hero__cta:not(:hover) {
    background: #000;
    color: #fff;
    font-weight: 500
}
.advertorial-lander__inner {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%
}
@media screen and (min-width:1024px) {
    .advertorial-lander__inner {
        max-width: 90.04%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__inner {
        max-width: 1240px
    }
}
.advertorial-lander__subheader {
    margin-top: -20px;
    padding-bottom: 40px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__subheader {
        margin-top: 40px;
        padding-bottom: 100px
    }
}
.advertorial-lander__subheader .title-content__inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%
}
@media screen and (min-width:1024px) {
    .advertorial-lander__subheader .title-content__inner {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__subheader .title-content__inner {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%
    }
}
.advertorial-lander__subheader .title-content__body,
.advertorial-lander__subheader .title-content__title {
    grid-column: 1/-1
}
@media screen and (min-width:1024px) {
    .advertorial-lander__subheader .title-content__body,
    .advertorial-lander__subheader .title-content__title {
        grid-column: 1/5
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__subheader .title-content__body,
    .advertorial-lander__subheader .title-content__title {
        grid-column: 1/8
    }
}
.advertorial-lander__subheader .title-content__title {
    margin-bottom: 30px
}
.advertorial-lander__subheader .title-content__body {
    grid-row: 2
}
.advertorial-lander__advantages {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%
}
@media screen and (min-width:1024px) {
    .advertorial-lander__advantages {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__advantages {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%
    }
}
.advertorial-lander__advantages .title-content {
    grid-column: 1/-1;
    padding: 0 7px 50px 0
}
@media screen and (min-width:1024px) {
    .advertorial-lander__advantages .title-content {
        grid-column: span 3
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__advantages .title-content {
        grid-column: span 4
    }
}
.advertorial-lander__advantages .title-content .title-content__title {
    margin-top: 20px;
    font-size: 26px
}
.advertorial-lander__features .advertorial-lander__features-header {
    padding-top: 0;
    padding-bottom: 80px;
    text-align: center
}
.advertorial-lander__features__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%
}
@media screen and (min-width:1024px) {
    .advertorial-lander__features__list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__features__list {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%
    }
}
.advertorial-lander__features__list .title-content {
    grid-column: 1/-1;
    margin-bottom: 20px;
    padding: 30px;
    background: #ddd7cf
}
@media screen and (min-width:1024px) {
    .advertorial-lander__features__list .title-content {
        grid-column: span 3
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__features__list .title-content {
        grid-column: span 6
    }
}
.advertorial-lander__features__list .title-content__title {
    margin-bottom: 0;
    font-size: 26px
}
.advertorial-lander__features__list .title-content__image {
    text-align: center;
    margin-bottom: 20px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__features__list .title-content__image {
        height: 325px;
        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
    }
}
.advertorial-lander__features__list .title-content__image img {
    max-width: 100%
}
@media screen and (min-width:1024px) {
    .advertorial-lander__features__list .title-content:nth-child(2) .title-content__image {
        height: 402px
    }
}
.advertorial-lander__features__list .title-content:nth-child(2) .title-content__title {
    margin-top: -50px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__features__list .title-content:nth-child(2) .title-content__title {
        margin-top: -77px
    }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header {
    padding-bottom: 80px;
    text-align: center
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes .advertorial-lander__quotes-header .title-content__title {
        margin-bottom: 40px
    }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul {
    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;
    list-style-type: none;
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
    margin: 5px 10px;
    white-space: nowrap;
    
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
        margin: 10px 30px
    }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 500;
    color:#ffffff;
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes .advertorial-lander__quotes-header ul li {
        font-size: 37px
    }
}
.advertorial-lander__quotes .advertorial-lander__quotes-header ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes .advertorial-lander__quotes-header ul li:before {
        width: 22px;
        height: 22px;
        margin-right: 29px
    }
}
.advertorial-lander__quotes__list .title-content {
    padding-top: 0;
    padding-bottom: 80px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content {
        padding-bottom: 35px
    }
}
.advertorial-lander__quotes__list .title-content__inner > .kt-inside-inner-col {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__quotes__list .title-content__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%
    }
}
.advertorial-lander__quotes__list .title-content__title {
    display: none
}
.advertorial-lander__quotes__list .title-content__image {
    grid-row: 2;
    grid-column: 1/-1;
    margin-top: 30px
}
@media screen and (min-width:768px) {
    .advertorial-lander__quotes__list .title-content__image {
        grid-column: 2/4
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content__image {
        grid-row: 1;
        grid-column: 4/-1;
        margin-top: 0
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__quotes__list .title-content__image {
        grid-column: 8/12
    }
}
.advertorial-lander__quotes__list .title-content__image img {
    max-width: 100%
}
.advertorial-lander__quotes__list .title-content__body {
    grid-row: 1;
    grid-column: 1/-1
}
@media screen and (min-width:768px) {
    .advertorial-lander__quotes__list .title-content__body {
        grid-column: 2/4
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content__body {
        grid-column: 1/4
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__quotes__list .title-content__body {
        grid-column: span 6
    }
}
.advertorial-lander__quotes__list .title-content__body blockquote {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 300
}
.advertorial-lander__quotes__list .title-content__body blockquote p {
  margin:0; 
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content__body blockquote {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none
    }
}
.advertorial-lander__quotes__list .title-content__body blockquote cite {
    font-size: 18px;
    font-style:normal;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7)
}
.advertorial-lander__quotes__list .title-content__body blockquote cite::before {
    content: '\2014 ';
    margin-right:5px;
}
.advertorial-lander__quotes__list .title-content__body blockquote cite a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-bottom: 1px solid
}
.advertorial-lander__quotes__list .title-content__body blockquote cite a:hover {
    color: #fff;
    border-bottom-color: transparent
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content:nth-child(2n) .title-content__image {
        grid-row: 1;
        grid-column: 1/4
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__quotes__list .title-content:nth-child(2n) .title-content__image {
        grid-column: 2/6
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander__quotes__list .title-content:nth-child(2n) .title-content__body {
        grid-column: 4/-1
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__quotes__list .title-content:nth-child(2n) .title-content__body {
        grid-column: 7/-1
    }
}
.advertorial-lander__cta-footer.cta-text {
    background: #000;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-top: 20px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__cta-footer.cta-text {
        margin-top: 65px
    }
}
.advertorial-lander__cta-footer.cta-text .cta-text__inner > .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 3.99%
}
@media (max-width: 550px) {
  .advertorial-lander__cta-footer.cta-text .cta-text__inner > .kt-inside-inner-col {
      max-width: 100%;
      width: 100%;
  } 
  .advertorial-lander__cta-footer .black-btn a {
    font-size: 17px !important;
  } 
}
@media screen and (min-width:1024px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__inner > .kt-inside-inner-col {
        max-width: 90.04%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__inner > .kt-inside-inner-col {
        max-width: 1240px
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-column-gap: 2.6%
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-column-gap: 1.61%
    }
}
.advertorial-lander__cta-footer.cta-text .cta-text__text {
    grid-column: 1/-1;
    text-align: center;
    margin-bottom: 40px
}
@media screen and (min-width:1024px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__text {
        grid-column: 1/5;
        text-align: left;
        margin-bottom: 0
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__text {
        grid-column: 2/8
    }
}
.advertorial-lander__cta-footer.cta-text .cta-text__button {
    grid-row: 2;
    grid-column: 1/-1;
    margin: auto;
    text-align: center
}
@media screen and (min-width:1024px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__button {
        grid-row: 1;
        grid-column: 5/-1
    }
}
@media screen and (min-width:1440px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__button {
        grid-column: 8/-1
    }
}
@media screen and (min-width:1024px) {
    .advertorial-lander__cta-footer.cta-text .cta-text__title {
        font-size: 40px
    }
}
.advertorial-lander__cta-footer.cta-text .cta-text__blurb {
    font-size: 18px !important;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    font-weight: 400
}
.advertorial-lander__cta-footer.cta-text .cta-text__cta {
    font-size: 18px;
    font-weight: 500
}
.advertorial-lander__cta-footer.cta-text .cta-text__cta:not(:hover) {
    background: #fff;
    color: #000
}
.advertorial-lander--Dark,
.advertorial-lander--Dark .article-cta,
.advertorial-lander--Dark .hero__inner {
    background-color: #000;
    color: #fff
}
.advertorial-lander--Dark .article-cta {
    border: 2px solid #fff;
    margin-top:100px;
    margin-bottom: 80px;
    padding:100px 0;
}
.advertorial-lander--Dark .article-cta__cta:not(:hover),
.advertorial-lander--Dark .hero__cta:not(:hover) {
    background: #fff;
    color: #000
}
.advertorial-lander--Dark .advertorial-lander__features__list .title-content {
    background: #0c0c0c
}
.advertorial-lander--Dark .advertorial-lander__quotes .advertorial-lander__quotes-header ul li:before {
    background: #fff
}
.advertorial-lander--Dark .advertorial-lander__quotes__list .title-content__body blockquote cite,
.advertorial-lander--Dark .advertorial-lander__quotes__list .title-content__body blockquote cite a {
    color: hsla(0, 0%, 100%, .7)
}
.advertorial-lander--Dark .advertorial-lander__cta-footer.cta-text {
    background: #fff00b;
    color: #000;
    border: none
}
.advertorial-lander--Dark .advertorial-lander__cta-footer.cta-text .cta-text__cta a {
    background: #000;
    color: #fff
}
.advertorial-lander--Dark .advertorial-lander__cta-footer.cta-text .cta-text__cta a:hover {
    background: #fff;
    color: #000
}

.advertorial-lander .hero > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column {
  display:contents;
}
.advertorial-lander .hero__inner > .kt-inside-inner-col {
    margin: 0 auto;
    max-width: 86.93%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3.99%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
@media screen and (min-width: 1024px) {
    .advertorial-lander.hero__inner > .kt-inside-inner-col {
        max-width: 90.04%;
    }
}
@media screen and (min-width: 1440px) {
    .advertorial-lander .hero__inner > .kt-inside-inner-col {
        max-width: 1240px;
    }
}
@media screen and (min-width: 1024px) {
    .advertorial-lander .hero__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 2.6%;
    }
}
@media screen and (min-width: 1440px) {
    .advertorial-lander .hero__inner > .kt-inside-inner-col {
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 1.61%;
    }
}
.max-800 {
  max-width: 800px;
}
.advertorial-lander .article-cta__button > .kt-inside-inner-col {
    margin-top: 30px;
    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-align: center;
    -ms-flex-align: center;
    justify-self: center;
    justify-content: center;
    grid-column: 1/-1;
    margin-left: 0;
    gap:50px;
}
@media screen and (min-width:1024px) {
    .advertorial-lander .article-cta__button > .kt-inside-inner-col {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-column: 4/-1
    }
}
.advertorial-lander .article-cta__button img {
    width: 172px;
    height: auto;
    margin-bottom: 20px
}
@media screen and (min-width:1024px) {
    .advertorial-lander .article-cta__button img {
        margin-bottom: 0
    }
}

@media screen and (min-width:1440px) {
    .advertorial-lander .article-cta__button > .kt-inside-inner-col {
        grid-column: 7/12
    }
}
@media (max-width: 1100px) {
  .advertorial-lander blockquote {
    margin:0;
  }
}

.dark-gray-bg {
  background-color: #0c0c0c;
}

.special-margin {
  margin:-90px 0 0 0 !important;
}
.title-content__title {
    font-size: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
    font-size: 26px;
    margin-bottom: 30px
}
@media screen and (min-width:1024px) {
    .title-content__title {
        font-size: 40px;
        letter-spacing: normal;
        line-height: 1.25;
        font-weight: 300;
        text-transform: none;
        font-weight: 400
    }
}
.title-content__body {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 300;
    text-transform: none;
    font-weight: 400
}
.page-template-page-advertorial > #page > .content-area.boxed {
  padding:0;
  width:unset;
}

/* Magazine Old layout */

@media (min-width: 1024px) {
  .postid-15892 .single-content-left .entry-content, 
  .postid-15878 .single-content-left .entry-content, 
  .postid-15879 .single-content-left .entry-content, 
  .postid-15880 .single-content-left .entry-content, 
  .postid-15881 .single-content-left .entry-content, 
  .postid-15882 .single-content-left .entry-content, 
  .postid-15883 .single-content-left .entry-content, 
  .postid-10024 .single-content-left .entry-content, 
  .postid-15885 .single-content-left .entry-content, 
  .postid-15886 .single-content-left .entry-content, 
  .postid-15887 .single-content-left .entry-content, 
  .postid-15888 .single-content-left .entry-content, 
  .postid-15889 .single-content-left .entry-content, 
  .postid-15890 .single-content-left .entry-content, 
  .postid-15891 .single-content-left .entry-content, 
  .postid-15893 .single-content-left .entry-content {
      max-width: 97%;
  }
}
@media screen and (min-width:1440px) {
    .dialogue__section--header-background {
        height: calc(100vh - 48px)
    }
}
.image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.bg-white {
    background-color: #fff;
}
.untitled-sans {
  font-family: Untitled Sans;
}
.text-article-quote {
    font-family: Tiempos,Georgia,Cambria,Times New Roman,Times,serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
}

.hero.education {
    padding-top: 90px;
    padding-bottom: 0px;
    max-width: 100%;
    margin-bottom: -5px !important;
    margin: 0;
}

@media (max-width: 1023px) {
    .hero.education {
        padding-top: 65px;
    }
}

.hero.education .inner-column-1 .kt-inside-inner-col {
/*  padding: 90px 110px 0 120px; */
    padding: 10%;
}

/* @media (max-width: 1023px) {
    .hero.education .inner-column-1 .kt-inside-inner-col {
        padding: 90px 110px 0 40px;
    }
} */

.hero.education .inner-column-2 .kt-inside-inner-col {
    padding: 75px 0 0 0;
}

@media (min-width: 1024px) {
    .hero.education .inner-column-2 .kt-inside-inner-col .hero__image {
        margin-left: -160px;
    }
}

@media (min-width: 820px) and (max-width: 1023px) {
    .hero.education .inner-column-2 .kt-inside-inner-col .hero__image {
        margin-top: 206px;
    }
}

@media (min-width: 768px) and (max-width: 819px) {
    .hero.education .inner-column-2 .kt-inside-inner-col .hero__image {
        margin-top: 292px;
    }
}

.hero.education .inner-column-2 .kt-inside-inner-col .hero__image img {
    width: 100%;
}

@media (max-width: 767px) {
    .education-tabs {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
    }
    .education-tabs .kt-tabs-content-wrap > .wp-block-kadence-tab {
        padding: 20px 20px 20px 20px !important;
    }
}

.education-tabs .kt-tabs-title-list {
/*  justify-content: center; */
    max-width: 1240px;
    background-color: #191919;
    margin: 0 auto !important;
    position: relative;
}

@media (max-width: 767px) {
    .education-tabs .kt-tabs-title-list {
        flex-wrap: nowrap !important;
        overflow: scroll;
        padding: 0 0 0 20px !important;
    }
    .education-tabs .kt-tabs-title-list .kt-title-item {
        white-space: nowrap;
    }
    .education-tabs .kt-tabs-title-list::-webkit-scrollbar {
        display: none;
    }
}

.education-tabs .kt-tabs-title-list::before {
    content: "";
    display: block;
    background-color: #191919;
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    width: 100vw;
}

.education-tabs .kt-tabs-title-list::after {
    content: "";
    display: block;
    background-color: #191919;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100vw;
}

@media (max-width: 767px) {
    .education-tabs .kt-tabs-title-list::after {
        width: initial;
    }
}

.education-tabs .kt-tabs-content-wrap > .wp-block-kadence-tab {
    background: #000 !important;
    border-width: 0 !important;
}

.education-tabs .kt-tabs-content-wrap > .wp-block-kadence-tab > .kt-tab-inner-content-inner {
    max-width: 1240px;
    margin: 0 auto;
}

@media screen and (min-width: 1024px) {
    .spinning_circle.education {
        width: 200px;
        height: 200px;
        top: 30%;
        left: 85%;
    }
    .spinning_circle.education.success {
        top: 110%;
        left: 50%;
    }
}

@media screen and (min-width: 1440px) {
    .spinning_circle.education {
        top: 30%;
        left: 95%;
    }
}


@media screen and (max-width: 1023px) {
    .spinning_circle.education {
        width: 150px;
        height: 150px;
        top: 61%;
        left: 55%;
    }
    .spinning_circle.education.success {
        top: 94%;
        left: 90%;
    }
}
@media screen and (max-width: 767px) {
    .spinning_circle.education {
        top: 64%;
    }
}

@media screen and (min-width: 820px) and (max-width: 1023px) {
    .spinning_circle.education {
        width: 150px;
        height: 150px;
        top: 67%;
        left: 55%;
    }
    .spinning_circle.education.success {
        top: 100%;
        left: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 819px) {
    .spinning_circle.education {
        width: 150px;
        height: 150px;
        top: 65%;
        left: 55%;
    }
    .spinning_circle.education.success {
        top: 100%;
        left: 55%;
    }
}

.education-quote__text {
    font-weight: 300;
    font-size: 22px;
    line-height: 38px;
}

.education-hr {
    width: 15%;
    margin: 0;
    border: 0;
}

.education-success__text {
    font-weight: 300;
    font-size: 20px;
    line-height: 35px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .education-success__text {
        font-weight: 300;
        font-size: 16px;
        line-height: 23px;
    }
}

@media screen and (min-width: 1024px) {
    .educators-quote:nth-of-type(1) .kt-row-column-wrap {
        margin-left: 0 !important;
    }

    .educators-quote:nth-of-type(2) .kt-row-column-wrap {
        margin-right: 0 !important;
    }
    .educators-quote:nth-of-type(2) {
        margin-top: -60px;
    }
}

.educators-quote__school {
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: underline;
    margin: 15px 0 0;
}

.success-story__name {
    font-size: 18px;
    margin-bottom: 0;
}

.success-story__name strong {
    font-size: 16px;
    font-weight: normal;
    display: none;
}

@media screen and (min-width: 768px) {
    .success-story__name strong {
        display: inline-block;
    }
}
/* Promo Bar */
.promo-bar {
  /* height: 25px; */
  width: 100%;
  text-align: center;
  position: fixed !important;
  z-index: 100 !important;
  padding: 0;
  top:0;
}
/* div.promo-bar + nav.navbar {
  margin-top:25px;
}  */
.show-mobile {
  display:none; 
}
.hide-mobile {
  display:block;
}
@media (max-width: 680px) {
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
}
.promo-showing {
    padding-top:25px;
}
/* test removing logged in state- reports of overlapping navbar 8/21/23 */
/*
body.logged-in .promo-showing {
    padding-top: 0;
}
*/
.promo-showing .filter[data-v-65f45b1d] {
  top:100px;
}
@media screen and (min-width: 1024px) {
  .promo-showing .filter[data-v-65f45b1d] {
    top:124px;
  }
}
.promo-showing .preview-template {
  top:35px;
}
.hero__image figcaption, .cta-text__image__container figcaption {text-align:center;}
.cta-text__image__container figcaption a {color:#fff;}

.promo-bar .kt-row-column-wrap {
    padding-top: 10px !important;
}

/* body.logged-in .promo-bar {
    top: 32px;
} */

@media screen and (max-width: 600px) {
    .pricing__tabs,
    .page-template-page-pricing .header__cta {
        display: none;
    }
}

.is-pinned .comparison-table--plan-tagline[data-v-1d892f19],
.is-pinned .comparison-table--plan-name[data-v-1d892f19] {
    margin: 5px 0;
}

.is-pinned .comparison-table--plan-price[data-v-1d892f19],
.is-pinned .comparison-table--plan-cta[data-v-1d892f19] {
    margin-top: 10px;
}

.is-pinned .comparison-table--plan-price-monthly[data-v-1d892f19] {
    margin-bottom: 0;
}

.pricing-table--package,
.is-pinned .mostPopular__banner[data-v-1d892f19] {
    display: none;
}

.pricing-table--box {
    padding: 15px;
    background-color: #fff;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.pricing-table--box ul {
    list-style: disc;
}

.pricing-table--package .comparison-table--column[data-v-1d892f19] {
    width: 100%;
    padding: 0;
}

@media screen and (max-width: 1024px) {
    .pricing-table--package .comparison-chart.alignfull-mobile[data-v-1d892f19] {
        margin-left: initial;
        margin-right: initial;
        max-width: initial;
    }
}
.has-white-color li {
  color:#ffffff!important;
}
.btn_black_white_font {color:#fff !important;}
.layout.page-online-portfolio .howto-toc ul li,
.layout.page-online-portfolio .howto-toc ul li a { color:#fff; }
.text-white, .text-white a {color:#fff !important}

.pink-gradient-bg {
    background: linear-gradient(180deg, #BC8284 0%, #CC9598 49.86%, #DCA9AD 100%) !important;
}

.teal-gradient-bg {
    background: linear-gradient(180deg, #3BA79E 0%, #3BA79E 49.86%, #6CD5D2 100%) !important;
}

.blue-gradient-bg {
    background: linear-gradient(180deg, #6884AD 0%, #7E9FC5 49.86%, #A6BFDD 100%) !important;
}
.purple-gradient-bg {
    background: linear-gradient(180deg, #D2AFFF 0%, #E1C4FF 49.86%, #E6D7FF 100%) !important;   
}
.bluegray-gradient-bg {
    background: linear-gradient(180deg, #8C89AD 0%, #A69DB9 49.86%, #D8D2DD 100%) !important;   
}
.lavender-gradient-bg {
    background: linear-gradient(180deg, #8E5CD0 0%, #B38EE4 49.86%, #CCADF6 100%) !important;   
}
.green-gradient-bg {
    background: linear-gradient(180deg, #788954 0%, #9aa67e 49.86%, #B6C59D 100%) !important;   
}

.one-pager-hero {
    padding: 95px 0 0;
}
.one-pager-designer-hero {
    padding-bottom:0px !important;
}
.artist-nav {
    border-bottom: 2px solid #000 !important;
    z-index: 9999;
}

@media screen and (min-width: 1300px) {
    .artist-hero-inner {
        margin-top: -80px !important;
        margin-bottom: -120px !important;
    }
}
/* @media screen and (max-width: 768px) {
    .artist-hero-inner {
        margin-top: 40px !important;
        margin-bottom: -60px !important;
    }
} */

.artist-nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .artist-nav ul {
        overflow: scroll;
        align-items: center;
    }
}

.artist-nav ul li {
    padding: 15px;
    text-align: center;
}

.artist-nav a {
    color: #000;
    text-decoration: none;
}

.artist-nav a:hover {
    text-decoration: underline;
}

.beige-bg {
    background-color: #ECE3D8;
}

.light-beige-bg {
    background-color: #F3EFEA;
}
.light-beige-bg p {
    font-size:18px;
}
.one-pager-gradient-split {
    display: flex;
    overflow: hidden;
}
.pink-gradient-split {
    background-image: linear-gradient(180deg, #BC8284 0%, #CC9598 49.86%, #DCA9AD 100%);
}
.teal-gradient-split {
    background-image: linear-gradient(180deg, #3BA79E 0%, #3BA79E 49.86%, #6CD5D2 100%) !important;
}
.blue-gradient-split {
    background: linear-gradient(180deg, #6884AD 0%, #7E9FC5 49.86%, #A6BFDD 100%) !important;
}
.purple-gradient-split {
    background: linear-gradient(180deg, #D2AFFF 0%, #E1C4FF 49.86%, #E6D7FF 100%) !important;   
}
.bluegray-gradient-split {
    background: linear-gradient(180deg, #8C89AD 0%, #A69DB9 49.86%, #D8D2DD 100%) !important;   
}
.lavender-gradient-split {
    background: linear-gradient(180deg, #8E5CD0 0%, #B38EE4 49.86%, #CCADF6 100%) !important;   
}
.green-gradient-split {
    background: linear-gradient(180deg, #788954 0%, #9aa67e 49.86%, #B6C59D 100%) !important; 
}

.one-pager-gradient-split::before {
    content: "";
    flex: 1;
    position: absolute;
    width: 55%;
    height: 100%
}
.pink-gradient-split::before {
    background-image: linear-gradient(180deg, #BC8284 0%, #CC9598 49.86%, #DCA9AD 100%);
}
.teal-gradient-split::before {
    background-image: linear-gradient(180deg, #3BA79E 0%, #3BA79E 49.86%, #6CD5D2 100%) !important;
}
.blue-gradient-split::before {
        background: linear-gradient(180deg, #6884AD 0%, #7E9FC5 49.86%, #A6BFDD 100%) !important;
}
.purple-gradient-split::before {
        background: linear-gradient(180deg, #D2AFFF 0%, #E1C4FF 49.86%, #E6D7FF 100%) !important;   
}
.bluegray-gradient-split::before {
    background: linear-gradient(180deg, #8C89AD 0%, #A69DB9 49.86%, #D8D2DD 100%) !important;   
}
.green-gradient-split::before {
    background: linear-gradient(180deg, #788954 0%, #9aa67e 49.86%, #B6C59D 100%) !important; 
}

.one-pager-gradient-split::after {
    content: "";
    flex: 1;
    position: absolute;
    width: 45%;
    height: 100%;
    right: 0;
}
.pink-gradient-split::after {
    background-color: #F3EFEA;
}
.teal-gradient-split::after {
    background-color: #F3EFEA;
}
.blue-gradient-split::after {
    background-color: #F3EFEA;
}
.purple-gradient-split::after {
    background-color: #F3EFEA;
}
.bluegray-gradient-split::after {
    background-color: #F3EFEA;
}
.green-gradient-split::after {
    background-color: #F3EFEA;
}

@media (max-width: 768px) {
    .one-pager-gradient-split::before {
        width: 100%;
        height: 75%;
    }

    .one-pager-gradient-split::after {
        width: 100%;
        height: 25%;
        bottom: 0;
    }

    .artist-nav ul {
        overflow: scroll;
        align-items: center;
    }
}
.artist-image-border img {
    border-radius: 21px;
    border: 2px solid #000;
    padding: 10px;
}
.artist-image-border img:hover,
.one-pager-image-link-wrap:hover {
    -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.4); 
    transition: transform ease 0.2s, box-shadow ease 0.2s;  
}

/* @media (max-width: 768px) {
    .artist-image-border {
        text-align: center;
    }
    .artist-image-border img {
        width: 90%;
    }

} */

.disclaimer-text {
    background-color: #191919;
    color: #fff;
    padding: 30px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
}

.no-cc {
    max-width: 250px;
    text-align: center;
    color: #000;
}

.no-cc.white {
    color: #fff;
}

.no-cc.small {
    font-size: 12px;
    letter-spacing: 0.07em;
    line-height: 1.67;
    font-weight: 300;
    max-width: 225px;
}

@media (max-width: 1024px) {
    .no-cc,
    .no-cc.small {
        max-width: 100%;
    }
}

.subheader-title {
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
    color: #000;
}

.subheader-title-small {
    font-weight: 400;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 30px;
    color: #000;
}

.subheader-title-small.light {
    font-weight: 300;
    font-size: 20px;
}

.subheader-title-smaller {
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #000;
    margin-top: 10px;
}

.subheader-title-smaller.white {
    color: #fff;
}

.subheader-body {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #000;
}

.subheader-body.white {
    color: #fff;
}

.one-pager-pricing-table,
.one-pager-pricing-table .comparison-chart,
.one-pager-pricing-table .comparison-table--row:first-child {
    background: #F3EFEA;
}

.one-pager-pricing-table .mostPopular__banner {
    line-height: 1;
    padding: 10px 10px 6px;
    font-size: 15px;
    text-transform: uppercase;
}
.artist-pricing-table .mostPopular__banner {
    background: #DCA9AD;
}
.designer-pricing-table .mostPopular__banner {
    background: #65CECA;
}
.film-pricing-table .mostPopular__banner {
    background: #7E9FC5;
}
.fashion-pricing-table .mostPopular__banner {
    background: #D2AFFF;
}
.photography-pricing-table .mostPopular__banner {
    background: #8C89AD;
}
.architecture-pricing-table .mostPopular__banner {
    background: #80A15E;
    top:-47px;
}
.one-pager-pricing-table .mostPopular .comparison-table--plan-price-annually {
    color: #fff;
}

.one-pager-pricing-table .desktop-feature {
    display: none;
    transition: 0.4s ease all;
}

.hide-navbar .navbar {
    display: none;
}

.hide-navbar .one-pager-hero {
    padding-top: 0;
}

.one-pager-creatives-websites p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    margin: 10px 0;
}

.one-pager-creatives-websites p a {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #000;
}

.one-pager-creatives-websites p a:hover {
    text-decoration: none;
}

/* .one-pager-pricing-table .comparison-table--plan-cta {
    background-color: #fff;
} */

.one-pager-pricing-table .comparison-table--plan-cta:hover {
    background-color: #fff;
    color: #000;
}

.one-pager-pricing-table .mostPopular .comparison-table--plan-cta {
    background-color: #fff;
}

.one-pager-pricing-table .mostPopular .comparison-table--plan-cta:hover {
    background-color: #000;
    color: #fff;
}

/* .artist-hero-gallery {
    background-image: url('/wp-content/uploads/Macbook-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    padding: 7vh 0 6vh 9vw;
} */

/* @media (max-width: 1024px) {
    .artist-hero-gallery {
        padding: 3vh 0 8vh 6vw;
    }
}

@media (max-width: 768px) {
    .artist-hero-gallery {
        padding: 3vh 0 8vh 4vw;
    }
}

@media (max-width: 480px) {
    .artist-hero-gallery {
        padding: 3vh 0 8vh 2vw;
    }
} */

.one-pager-gallery {
    position: relative;
    /* padding: 7vh 0 6vh 9vw; */
    padding: 16%;
    padding-right: 0 !important;
    
}
.one-pager-gallery::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    z-index: -1;

}
.artist-hero-gallery::before {
    background-image: url('/wp-content/uploads/Macbook-1.png');
}
.designer-hero-gallery::before {
    background-image: url('/wp-content/uploads/macbook-teal-cut-bg.png');
}
.film-hero-gallery::before {
    background-image: url('/wp-content/uploads/Macbook-Pro-blue-cut.png');
}
.fashion-hero-gallery::before {
    background-image: url('/wp-content/uploads/macbook-lavender-cutoff.png');
}
.photography-hero-gallery::before {
    background-image: url('/wp-content/uploads/Macbook-Pro-purple-cut.png');
}
.architecture-hero-gallery::before {
    background-image: url('/wp-content/uploads/macbook-green-cut.png');
}

/* add for wide screen so laptop not cut off */
@media (min-width:1440px) {
    .one-pager-gallery::before {
        left:18px;
    }
    .artist-hero-gallery::before {
        background-image: url('/wp-content/uploads/macbook-rose.png');
    }   
    .designer-hero-gallery::before {
        background-image: url('/wp-content/uploads/macbook-teal-bg.png');
    }
    .film-hero-gallery::before {
        background-image: url('/wp-content/uploads/Macbook-Pro-blue-full.png');
    }   
    .fashion-hero-gallery::before {
        background-image: url('/wp-content/uploads/macbook-lavender-full.png');
    }   
    .photography-hero-gallery::before {
        background-image: url('/wp-content/uploads/Macbook-Pro-purple-full.png');
    }   
    .architecture-hero-gallery::before {
        background-image: url('/wp-content/uploads/macbook-green.png');
    }   
    .one-pager-gallery {
        padding-top: 16%;
        padding-right: 13% !important;
        padding-left: 15.5%;
        padding-bottom: 16%;
    }
    .artist-hero-gallery {
        padding-right: 13% !important;
        padding-left: 15.5%;
    }
    .designer-hero-gallery {
        padding-right: 13.5% !important;
        padding-left: 14.5%;
    }
    .film-hero-gallery,
    .fashion-hero-gallery,
    .photography-hero-gallery {
        padding-right: 13.5% !important;
        padding-left: 14.5%;
    }
}

.one-pager-gallery img {
    height: auto !important;
    top: 1px !important;
    left: 1px !important;
}

.black-link-underline {
    margin: 0;
}

.black-link-underline a,
.button-clear {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #000;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 8px;
    position: relative;
    text-decoration: none;
    margin-top: 16px;
}

.black-link-underline a::after,
.button-clear::after {
    -webkit-transition: -webkit-transform 250ms linear;
    transition: -webkit-transform 250ms linear;
    transition: transform 250ms linear;
    transition: transform 250ms linear, -webkit-transform 250ms linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    content: "";
    background-color: #000;
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.black-link-underline a:hover::after,
.button-clear:hover::after {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}
.button-clear {
    background:none !important;
    padding-left:0 !important;
    border-radius:0 !important;
}

.top-theme-title {
    font-size: 19px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}
#store, #pricing, #templates, #examples, #domain { scroll-margin-top: 110px; }

.one-pager-pricing-table tr:nth-child(8),
.one-pager-pricing-table tr:nth-child(9),
.one-pager-pricing-table tr:nth-child(10),
.one-pager-pricing-table tr:nth-child(11),
.one-pager-pricing-table tr:nth-child(12),
.one-pager-pricing-table tr:nth-child(13),
.one-pager-pricing-table tr:nth-child(14),
.one-pager-pricing-table tr:nth-child(15),
.one-pager-pricing-table tr:nth-child(16),
.one-pager-pricing-table tr:nth-child(17),
.one-pager-pricing-table tr:nth-child(18),
.one-pager-pricing-table tr:nth-child(19),
.one-pager-pricing-table tr:nth-child(20),
.one-pager-pricing-table tr:nth-child(23),
.one-pager-pricing-table tr:nth-child(24),
.one-pager-pricing-table tr:nth-child(25),
.one-pager-pricing-table tr:nth-child(26) {
    display: none !important;
}

#artist-pricing-button-full {
    display: none;
}
.number-bullet-22 li {
    font-size:22px;
}
.btn-trans-bg {
    background:none !important;
    border:2px solid #fff !important;
    color:#fff !important;
}
a.btn-trans-bg::after {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 23' xmlns='http://www.w3.org/2000/svg' class=''%3E%3Cg stroke='white' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M11.982 1.372l8.71 9.713-8.66 9.726M19.088 11.091H1.67'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}
.legal-row {
    color:#fff;
}

.hero--spotlight-index {
    background-image: linear-gradient(180deg, #bd8d83 0%, #f3c5ba 100%);
}

.hero_online-portfolio.hero-only .hero__image img {
    margin-left: 0;
}

@media screen and (min-width: 1024px) {
    .hero_online-portfolio.hero-only .hero__text {
        grid-column: 4/-1;
        max-width: 100%;
    }
    .hero_online-portfolio.hero-only .hero__image {
        top: 40%;
    }
}

@media screen and (min-width: 1440px) {
    .hero_online-portfolio.hero-only .hero__image {
        top: -75px;
        left: -25%;
        margin-bottom: 0;
    }
    .hero_online-portfolio.hero-only .hero__text {
        grid-column: 7/-1;
        max-width: 100%;
    }
}

.hero_online-portfolio.hero-only .hero__title {
    font-size: 40px;
    letter-spacing: initial;
    line-height: 1.25;
    font-weight: 300;
    text-transform: initial;
}

@media screen and (min-width: 1024px) {
    .hero_online-portfolio.hero-only .hero__title {
        font-size: 50px;
        letter-spacing: initial;
        line-height: 1.2;
        font-weight: 300;
        text-transform: initial;
        width: 98%;
        margin-left: 0;
    }
}

@media screen and (min-width: 1440px) {
    .hero_online-portfolio.hero-only .hero__title {
        font-size: 70px;
        letter-spacing: initial;
        line-height: 1.11;
        font-weight: 300;
        text-transform: initial;
    }
}

.hero_online-portfolio.hero-only .hero__blurb {
    font-size: 15px;
    letter-spacing: initial;
    line-height: 1.67;
    font-weight: 300;
    text-transform: initial;
    margin-top: 25px;
}

@media screen and (min-width: 1024px) {
    .hero_online-portfolio.hero-only .hero__blurb {
        font-size: 22px;
        letter-spacing: initial;
        line-height: 1.36;
        font-weight: 300;
        text-transform: initial;
        max-width: 89.33%;
    }
}
/*.selling_row_alt {
    padding:15px;
    background-color: #171717;
    margin-bottom:25px;
}*/
.home-swimlane {
    background-color: #171717;
}
.home-swimlane.swimlane-black {
    background-color: #000;
}
.home-swimlane h2 {
    color:#fff;
    font-size: 40px;
    font-weight: 300;
    line-height: 50px; 
}
.home-swimlane p  {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;    
}
.home-swimlane .p-sub {
    font-size: 26px;
    font-weight: 400;
    line-height: 41px;
}
.home-swimlane .p-header {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 1px;
    text-transform: uppercase;    
}
/* additional Made For navigation */
.professions_submenu, 
.navbar__badge-anchor {display:none;}
#solutionsMenu {
    left:30px;
}
#professions_submenu {
  left:120px;
}
@media screen and (min-width: 1024px) {
    .navbar__left {padding-left: 0;}
}
@media screen and (max-width:1220px) {
  .navbar__links {
    margin-left:5px;
  }
  #solutionsMenu {
        left:5px;
    }
    #professions_submenu {
    left:135px;
    }
}
/* mobile */
.navbar__mobile-container--active {overflow:scroll}
.floatingCarot {
    margin-left: auto;
  margin-right:25px;
  order: 2;
  font-size:24px
}
#mobileSubNav {display:none}
#mobileSubNav .navbar__mobile-item {padding-left:50px}
figure.image-round-column {
    width: 184px;
    text-align: center;
    margin: 0 auto;
}
.button-outline-long .kt-button.kb-button.kb-btn-global-fill,
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:visited {
    background:transparent;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    color:#fff;
    width:184px;
    padding: 8px 0;
    font-size: 14px !important;
}
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:hover,
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:active,
.button-outline-long .kt-button.kb-button.kb-btn-global-fill:focus {
    color:#000;
    background:#fff;
}
.row-section-link-hover {
    cursor: pointer;
    transform: scale(1);
    transition: transform 0.3s ease;
}
.row-section-link-hover figure {
    opacity: 0.5;
    transform: scale(1.1);
    transition: transform 0.3s ease;
}
.row-section-link-hover .button-outline-long .kt-button.kb-button.kb-btn-global-fill {
    color:#000;
    background:#fff;
}

.page-id-17585 .navbar {
    background-color: #000;
}

.page-id-17585 .slick-vertical .slick-slide {
    height: 280px;
    border: 1px solid #fff;
    border-radius: 20px;
}

.page-id-17585 .browser__thumb-container {
    padding: 0 3%;
    top: 5%
}

.page-id-17585 .browser__thumb {
    padding-bottom: 64%;
}

.page-id-17585 .browser__thumb-img img {
    border-radius: 10px;
    height: 100%;
}

@media screen and (min-width: 1440px) {
    .page-id-17585 .feature-set__feature > .kt-inside-inner-col {
        grid-column-gap: 4%;
    }
}

.page-id-17585 .wp-block-kadence-column {
    overflow: visible;
}
.eyebrow {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
.quote-large {
    font-size: 50px !important;
    font-weight: 300 !important;
    line-height: 60px !important;
}
.popup-row .gform_button {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-radius: 150px;
    padding: 8px 30px;
    transition: all .3s ease;
    border: none;
    display: inline-block;
    margin: 3px 4px;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    background-color: black;
}
.frame-thumbnail {
    border:4px solid #000 !important;
    border-radius:30px;
    width:100%;
    line-height:0;
    margin-top: 50px;
    margin-bottom: 50px 
}
.frame-thumbnail img {
    line-height:0;
    border-radius:15px;
    box-shadow:2px 5px 5px rgba(0,6,16,.15);
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
  width:2.25em;
  height:2.25em;
}
.page-template-page-website-templates .theme__screens--browser-image[data-v-7b50cd4d] {
  width:87%;
}

.pp-multiple-authors-layout-boxed ul li, .pp-multiple-authors-layout-centered ul li {
	border:0px !important;
	border-top: 1px solid #999 !important;	
}
@media (min-width: 769px) {
	.pp-multiple-authors-layout-boxed ul li > div:nth-child(1) {
		flex: 0 0 200px !important;
	}
}
.pp-multiple-authors-boxes-wrapper .pp-author-boxes-avatar img {
	object-fit: cover;
}
.pp-multiple-authors-layout-boxed .avatar, .pp-multiple-authors-layout-boxed .photo, .pp-multiple-authors-layout-centered .avatar, .pp-multiple-authors-layout-centered .photo {
	width:160px !important;
	height: 160px !important;
}
.fa-brands {
	font-family: "Font Awesome 6 Brands";
}
i.fa-brands {
	font-style: normal !important;
}
a.author-social {
	font-size:30px;
	margin-right:3px;
	text-align: center;
	background-color:transparent !important;
	color:#000 !important
}
.multiple-authors-links a.gray {
	background: #fff00bd9 !important;
	color:#000 !important;
}
.multiple-authors-links {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
    font-family: 'Untitled Sans';
}

.pp-multiple-authors-layout-boxed .multiple-authors-links a, .pp-multiple-authors-layout-centered .multiple-authors-links a, a.ppma-author-field-meta {
    padding: 10px 0;
    border-radius: 30px;
}

.multiple-authors-name a {
    font-family: 'Untitled Sans';
    font-size: 30px !important;
    color: #000;
}

.pp-multiple-authors-boxes-wrapper .widget-title.box-header-title {
    margin-bottom: 20px;
}