@import 'https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,600,600i,700,700i';
@import 'https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,600,600i,700,700i';

div[data-id="1109179"] {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("../images/source-elements-support-bg6-4k-2 2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

div[data-id="1109231"] {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("../images/source-elements-support-bg6-4k-2 2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.se-products-container {
    all: revert;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 4rem 8%;
    box-sizing: border-box;
    position: relative
}

.se-products-container * {
    all: revert;
    box-sizing: border-box
}

.se-products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
    padding: 0
}

.se-product-primary {
    flex: 7 1 0%;
    transition: flex 1.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 1.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.se-product-secondary {
    flex: 5 1 0%;
    transition: flex 1.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 1.5s cubic-bezier(0.4, 0, 0.2, 1)
}

.se-products-grid:has(.se-product-secondary:hover) .se-product-primary {
    flex: 5 1 0%
}

.se-products-grid:has(.se-product-secondary:hover) .se-product-secondary {
    flex: 7 1 0%
}

.se-product-card {
    position: relative;
    background: linear-gradient(135deg, #31373E 0%, #282E33 100%);
    border: 2px solid #3A4249;
    border-radius: 16px;
    padding: 40px;
    overflow: hidden;
    z-index: 1
}

.se-product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(197, 232, 108, 0.05), rgba(61, 165, 217, 0.05));
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 2
}

.se-product-card:hover::before {
    opacity: 1
}

.se-product-primary,
.se-product-secondary {
    border: 2px solid;
    position: relative;
    overflow: hidden
}

.se-product-primary::before,
.se-product-secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.05);
    pointer-events: none;
    z-index: 1
}

.se-product-primary::after,
.se-product-secondary::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
    z-index: 0
}

.se-product-primary {
    border-color: #C5E86C;
    background: linear-gradient(135deg, rgba(197, 232, 108, 0.15), rgba(168, 209, 86, 0.1))
}

.se-product-primary::after {
    background: radial-gradient(circle 400px at 30% 40%, rgba(197, 232, 108, 0.4), transparent 50%), radial-gradient(circle 350px at 70% 60%, rgba(180, 220, 100, 0.3), transparent 50%), radial-gradient(circle 300px at 50% 50%, rgba(197, 232, 108, 0.25), transparent 50%);
    animation: se-light-move-green 12s ease-in-out infinite
}

@keyframes se-light-move-green {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg)
    }

    25% {
        transform: translate(-10%, 10%) rotate(-90deg)
    }

    50% {
        transform: translate(-5%, -10%) rotate(-180deg)
    }

    75% {
        transform: translate(10%, 5%) rotate(-270deg)
    }
}

.se-product-secondary {
    border-color: #3DA5D9;
    background: linear-gradient(135deg, rgba(61, 165, 217, 0.15), rgba(42, 140, 196, 0.1))
}

.se-product-secondary::after {
    background: radial-gradient(circle 400px at 20% 30%, rgba(61, 165, 217, 0.4), transparent 50%), radial-gradient(circle 350px at 80% 70%, rgba(52, 150, 210, 0.3), transparent 50%), radial-gradient(circle 300px at 50% 50%, rgba(61, 165, 217, 0.25), transparent 50%);
    animation: se-light-move-blue 15s ease-in-out infinite
}

@keyframes se-light-move-blue {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg)
    }

    25% {
        transform: translate(10%, -10%) rotate(90deg)
    }

    50% {
        transform: translate(-10%, 10%) rotate(180deg)
    }

    75% {
        transform: translate(5%, -5%) rotate(270deg)
    }
}

.se-product-title {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    z-index: 3;
    position: relative;
    line-height: 1.2
}

.se-product-description {
    color: #B0B8C1;
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 24px;
    z-index: 3;
    position: relative
}

.se-product-meta {
    color: #8A939E;
    font-size: 0.95rem;
    line-height: 1.8;
    margin-bottom: 24px;
    z-index: 3;
    position: relative
}

.se-product-button {
    display: inline-block;
    padding: 0.9rem 2rem;
    background: linear-gradient(135deg, #C5E86C, #E3FF9C);
    color: #1a1f23;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(197, 232, 108, 0.3);
    transition: all 0.3s ease;
    margin-top: 12px;
    z-index: 3;
    position: relative
}

.se-product-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(197, 232, 108, 0.4)
}

.se-product-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 32px;
    cursor: pointer;
    z-index: 3;
    background: rgba(0, 0, 0, 0.3)
}

.se-product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    display: block
}

.se-product-image-container:hover .se-product-image {
    transform: scale(1.05)
}

.se-product-fullscreen-hint {
    position: absolute;
    bottom: 16px;
    right: 16px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 4
}

.se-product-image-container:hover .se-product-fullscreen-hint {
    opacity: 1;
    transform: translateY(0)
}

.se-product-image-container.holding .se-product-fullscreen-hint {
    opacity: 1;
    background: rgba(197, 232, 108, 0.9);
    color: #262C31
}

.se-product-content {
    z-index: 3;
    position: relative
}

.se-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 999998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.se-modal-backdrop.active {
    opacity: 1;
    visibility: visible
}

.se-fullscreen-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none
}

.se-fullscreen-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

@media (max-width: 1024px) {
    .se-products-container {
        padding: 3rem 6%
    }

    .se-products-grid {
        gap: 16px
    }
}

@media (max-width: 768px) {
    .se-products-container {
        padding: 2rem 6%
    }

    .se-products-grid {
        gap: 16px
    }

    .se-product-primary,
    .se-product-secondary {
        flex: 0 0 100%
    }

    .se-product-card {
        padding: 28px 24px
    }

    .se-product-title {
        font-size: 1.5rem
    }
}

@media (max-width: 480px) {
    .se-products-container {
        padding: 1.5rem 4%
    }

    .se-product-card {
        padding: 20px 16px
    }

    .se-product-title {
        font-size: 1.3rem
    }

    .se-product-description {
        font-size: 0.95rem
    }
}

.se-guide-section {
    margin-bottom: 20px
}

.se-guide-section:last-child {
    margin-bottom: 0
}

.se-guide-label {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    display: block
}

.se-nav-buttons {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center
}

.se-nav-button-multi {
    padding: 14px 24px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    transition: all 0.2s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.se-nav-button-multi:hover {
    background: #9ACD32;
    border-color: #9ACD32;
    color: #333
}

.se-nav-button-multi.se-back {
    font-weight: 500
}

.separator {
    height: 1px;
    background: #e0e0e0;
    margin: 20px 0
}

.se-style-2 .se-guide-section {
    background: #f9f9f9;
    padding: 16px;
    border-radius: 6px;
    border-left: 3px solid #9ACD32
}

.se-style-2 .se-guide-section:last-child {
    border-left-color: #6B8E23
}

.se-style-2 .separator {
    display: none
}

.label-tag {
    margin-top: 30px;
    padding: 12px;
    background: #f0f0f0;
    border-radius: 4px;
    font-size: 14px;
    color: #666
}

.se-article-navigation {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 15px !important;
    margin-top: 40px !important;
    padding-top: 30px !important;
    align-items: center !important
}

.se-nav-button {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 20px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    color: #333 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important
}

.se-nav-button:hover {
    background-color: #b3df74 !important;
    color: black !important;
    border-color: #b3df74 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3) !important
}

.se-nav-previous {
    grid-column: 1 !important
}

.se-nav-middle {
    grid-column: 2 !important;
    justify-self: center !important
}

.se-nav-next {
    grid-column: 3 !important;
    justify-content: flex-end !important
}

.se-nav-arrow {
    font-size: 18px !important
}

.se-nav-text {
    white-space: nowrap !important
}

.se-nav-context {
    margin-top: 40px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: -60px
}

@media (max-width: 768px) {
    .article-navigation {
        grid-template-columns: 1fr !important
    }

    .se-nav-previous,
    .se-nav-middle,
    .se-nav-next {
        grid-column: 1 !important;
        justify-content: center !important
    }
}

.home-logo {
    margin-right: 30px
}

.home-logo:after {
    content: none !important
}

.sc4-hub-welcome,
.snex-hub-welcome {
    text-align: center !important
}

.category-name-crumb {
    background: #c4daf2 !important;
    padding: 6px 6px 6px 6px !important;
    margin: 5px 5px 5px 5px !important;
    align-content: center !important;
    border: 2px solid #0e68ca !important;
    border-radius: 15px
}

.category-name-crumb a {
    color: #0e68ca !important
}

.contact-us {
    color: white !important
}

#main-site-title {
    color: white !important;
    text-decoration: none !important;
    font-size: 29px !important
}

.footer-dark {
    padding: 50px 0;
    color: #f0f9ff;
    background-color: #1A1F23
}

.footer-dark h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px
}

.footer-dark ul {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0
}

.footer-dark ul a {
    color: inherit;
    text-decoration: none;
    opacity: 0.6
}

.footer-dark ul a:hover {
    opacity: 0.8
}

@media (max-width: 767px) {
    .footer-dark .item:not(.social) {
        text-align: center;
        padding-bottom: 20px
    }
}

.footer-dark .item.text {
    margin-bottom: 36px
}

@media (max-width: 767px) {
    .footer-dark .item.text {
        margin-bottom: 0
    }

    .footer-dark .copyright {
        margin-bottom: 30px !important
    }
}

.footer-dark .item.text p {
    opacity: 0.6;
    margin-bottom: 0
}

.footer-dark .item.social {
    text-align: center
}

@media (max-width: 991px) {
    .footer-dark .item.social {
        text-align: center;
        margin-top: 20px
    }
}

.footer-dark .item.social>a {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
    margin: 0 8px;
    color: #fff;
    opacity: 0.75
}

.footer-dark .item.social>a:hover {
    opacity: 0.9
}

.footer-dark .copyright {
    text-align: center;
    padding-top: 24px;
    opacity: 0.9;
    font-size: 13px;
    margin-bottom: 0
}

.footer-dark h3 {
    color: #a7e163
}

.background-se {
    background-color: #121619 !important
}

.background-se h2 {
    color: white !important
}

.background-se p {
    color: white !important
}

.green-se {
    color: #A7E163
}

.row-container-se {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.cols-se {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.se-card {
    border: none;
    background-color: transparent;
    border-radius: 0;
    height: 165px
}

.se-card a {
    text-decoration: none
}

.se-card-blue {
    color: #121619 !important;
    border: 2px solid #3DA5D9;
    background-color: #121619
}

.se-card-grey {
    color: #FAFAFA !important;
    border: 2px solid #333F47;
    background-color: #121619
}

.se-card-green {
    color: #121619 !important;
    border: 2px solid #A7E163;
    background-color: #121619
}

.se-card-honey {
    color: #121619 !important;
    border: 2px solid #F7B226;
    background-color: #121619
}

.se-card-spanishrose {
    color: #121619 !important;
    border: 2px solid #FF1F6D;
    background-color: #121619
}

.se-card-blue:hover {
    border: 2px solid #3DA5D9;
    background-color: #3DA5D9;
    transition: all 0.15s ease;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.se-card-grey:hover {
    border: 2px solid #333F47;
    background-color: #333F47
}

.se-card-green:hover {
    border: 2px solid #A7E163;
    background-color: #A7E163;
    transition: all 0.15s ease;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.se-card-honey:hover {
    border: 2px solid #F7B226;
    background-color: #F7B226;
    transition: all 0.15s ease;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.se-card-spanishrose:hover {
    border: 2px solid #FF1F6D;
    background-color: #FF1F6D;
    transition: all 0.15s ease;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

.card-body.se-card-body {
    padding: 1rem !important
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.se-card-blue h3 {
    color: #3DA5D9
}

.se-card-grey h3 {
    color: white
}

.se-card-green h3 {
    color: #A7E163
}

.se-card-honey h3 {
    color: white
}

.se-card-spanishrose h3 {
    color: white
}

.se-card-blue:hover h3 {
    color: #121619;
    transition: all 0.15s ease
}

.se-card-grey:hover h3 {
    color: white;
    transition: all 0.15s ease
}

.se-card-green:hover h3 {
    color: #121619;
    transition: all 0.15s ease
}

.se-card-honey:hover h3 {
    color: #FCFCFD;
    transition: all 0.15s ease
}

.se-card-spanishrose:hover h3 {
    color: white;
    transition: all 0.15s ease
}

.se-card-body h3 {
    font-size: 1.2rem;
    line-height: 2.2rem;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .se-card {
        margin-bottom: 40px
    }
}

.nexus-warning-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 20px;
    background-color: #eeffe4;
    color: #367712;
    border: 1px solid #d4ffbc;
    border-radius: 5px;
    width: 80%;
    max-width: 1200px;
    margin: 20px 20px 40px 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
}

.nexus-warning-icon {
    font-size: 40px;
    margin-right: 15px
}

.nexus-warning-message {
    font-size: 16px
}

@media (min-width: 320px) {

    img.sc4-image,
    img.snex-image {
        width: 15%;
        height: auto
    }
}

@media (min-width: 768px) {

    img.sc4-image,
    img.snex-image {
        width: 15%;
        height: auto
    }
}

@media (min-width: 1024px) {

    img.sc4-image,
    img.snex-image {
        width: 15%;
        height: auto
    }
}

@media (min-width: 1440px) {

    img.sc4-image,
    img.snex-image {
        width: 15%;
        height: auto
    }
}

table#table-sc4-buttons {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 12px
}

td#sc4-buttons {
    text-align: center;
    border-radius: 20px;
    background-color: #6fbce3;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    padding: 15px
}

table#table-sc4-buttons th td {
    display: table-cell !important
}

@media (max-width: 768px) {

    .table-sc4-buttons td:nth-child(2),
    .table-sc4-buttons th:nth-child(2),
    .table-sc4-buttons td:nth-child(3),
    .table-sc4-buttons th:nth-child(3) {
        display: none !important
    }
}

@media (max-width: 480px) {

    .table-sc4-buttons td:nth-child(3),
    .table-sc4-buttons th:nth-child(3) {
        display: none !important
    }
}

/*!
 * froala_editor v4.0.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */
.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
    -moz-box-shadow: 10px 10px 5px 0px #cccccc;
    box-shadow: 10px 10px 5px 0px #cccccc
}

.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
    border: solid 5px #ccc
}

.fr-view img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: whitesmoke
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #ddd
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th {
    background: #ececec
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: normal
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5e35b1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir="rtl"] blockquote blockquote {
    border-color: #00bcd4
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
    border-color: #43a047
}

.fr-view blockquote {
    border-left: solid 2px #5e35b1;
    margin-left: 0;
    padding-left: 5px;
    color: #5e35b1
}

.fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.fr-view span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -0.1em 0.1em 0.1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #aaa !important
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view .fr-class-highlighted {
    background-color: #ffff00
}

.fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: 0.5
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.fr-view .fr-video.fr-rv>iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-view .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

.fr-view .fr-class-highlighted {
    background-color: #ffff00
}

.fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: 0.5
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    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;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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
}

input {
    -webkit-appearance: none;
    appearance: none
}

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 {
    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"] {
    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
}

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

[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],
.hidden {
    display: none
}

.container {
    max-width: 1200px;
    padding: 0 16px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .container {
        padding: 0 32px
    }
}

@media (min-width: 1280px) {
    .container {
        padding: 0
    }
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.visually-hidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.visually-hidden--focusable:focus,
.visually-hidden--focusable:active {
    clip-path: none !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    width: auto !important;
    white-space: normal !important
}

body {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    color: #747474;
    display: flex;
    flex-direction: column
}

body.no-scroll {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", sans-serif;
    color: #2f2f2f;
    outline: none
}

h1:focus,
h1:active,
h2:focus,
h2:active,
h3:focus,
h3:active,
h4:focus,
h4:active,
h5:focus,
h5:active,
h6:focus,
h6:active {
    outline: none
}

p {
    color: #747474;
    line-height: 1.3
}

a {
    color: #0e68ca
}

img {
    max-width: 100%
}

::-webkit-input-placeholder {
    color: #2f2f2f;
    opacity: .3
}

::-moz-placeholder {
    color: #2f2f2f;
    opacity: .3
}

:-ms-input-placeholder {
    color: #2f2f2f;
    opacity: .3
}

:-moz-placeholder {
    color: #2f2f2f;
    opacity: .3
}

#admin-toolbar {
    background: #223141;
    display: none;
    padding: 0 40px
}

#admin-toolbar nav {
    flex: 0 1 50%
}

#admin-toolbar nav.toolbar-navigation ul,
#admin-toolbar nav.user-nav ul {
    margin: 0;
    padding: 0
}

#admin-toolbar nav.toolbar-navigation ul li,
#admin-toolbar nav.user-nav ul li {
    margin: 0 20px 0 0;
    list-style-type: none
}

#admin-toolbar nav.toolbar-navigation ul li img,
#admin-toolbar nav.user-nav ul li img {
    vertical-align: middle
}

#admin-toolbar nav.toolbar-navigation ul li a,
#admin-toolbar nav.user-nav ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease
}

#admin-toolbar nav.toolbar-navigation ul li a:hover,
#admin-toolbar nav.toolbar-navigation ul li a:focus,
#admin-toolbar nav.toolbar-navigation ul li a:active,
#admin-toolbar nav.user-nav ul li a:hover,
#admin-toolbar nav.user-nav ul li a:focus,
#admin-toolbar nav.user-nav ul li a:active {
    text-decoration: underline
}

#admin-toolbar nav.toolbar-navigation ul {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#admin-toolbar nav.user-nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#admin-toolbar nav.user-nav ul li {
    position: relative
}

#admin-toolbar nav.user-nav ul li img {
    width: 32px;
    height: 32px;
    background-size: cover !important
}

#admin-toolbar nav.user-nav ul li.user-avatar {
    margin-right: 5px
}

#admin-toolbar nav.user-nav ul li:last-child {
    margin: 0
}

#admin-toolbar nav.user-nav ul li:last-child .open-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px
}

#admin-toolbar nav.user-nav ul li:last-child .open-dropdown:hover,
#admin-toolbar nav.user-nav ul li:last-child .open-dropdown:focus,
#admin-toolbar nav.user-nav ul li:last-child .open-dropdown:active {
    text-decoration: none
}

#admin-toolbar nav.user-nav ul li:last-child .open-dropdown i {
    font-size: 20px
}

#admin-toolbar nav.user-nav ul li .user-dropdown {
    position: absolute;
    z-index: 1100;
    top: 25px;
    right: 0;
    width: 200px;
    background: #223141;
    padding: 10px 20px;
    border-radius: 0 0 5px 5px;
    display: none
}

#admin-toolbar nav.user-nav ul li .user-dropdown.active {
    display: block
}

#admin-toolbar nav.user-nav ul li .user-dropdown ul {
    display: block
}

#admin-toolbar nav.user-nav ul li .user-dropdown ul li {
    margin-bottom: 5px
}

@media (min-width: 1024px) {
    #admin-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

#main-header {
    background: #131619;
    padding: 20px 0
}

#main-header .two-col-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#main-header .two-col-layout .column-left {
    flex: 0 1 240px
}

#main-header .two-col-layout .column-left #branding {
    display: flex
}

#main-header .two-col-layout .column-left #branding .logo {
    background-image: url("../images/Source-Elements-logo.png");
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    height: 60px;
    flex-grow: 1
}

#main-header .two-col-layout .column-left .search-form {
    display: none;
    margin-top: 20px
}

#main-header .two-col-layout .column-left .search-form .search-area {
    max-width: 380px;
    width: 100%;
    position: relative
}

#main-header .two-col-layout .column-left .search-form .search-area .closeSearch {
    position: absolute;
    display: none;
    z-index: 999;
    top: 10px;
    right: 12px;
    font-size: 16px;
    color: #808a98;
    cursor: pointer
}

#main-header .two-col-layout .column-left .search-form #search-second {
    border: none;
    outline: none;
    background: #f7f7f9;
    width: 100%;
    max-width: 380px;
    border-radius: 8px;
    height: 36px;
    padding: 0 20px;
    border: 1px solid #e9e9f1;
    color: #1c2c40;
    transition: .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#main-header .two-col-layout .column-left .search-form #search-second:focus {
    border: 1px solid #6c6ca2
}

#main-header .two-col-layout .column-left .search-form #search_results_second {
    position: absolute;
    top: 115px;
    margin: 0 16px;
    left: 0;
    width: calc(100% - 32px);
    max-width: 750px;
    max-height: 400px;
    z-index: 900;
    background: #fff;
    padding: 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0px 12px 32px rgba(31, 33, 98, 0.1);
    box-shadow: 0px 12px 32px rgba(31, 33, 98, 0.1);
    overflow-y: auto
}

#main-header .two-col-layout .column-left .search-form #search_results_second h1 {
    font-size: 20px;
    color: #2f2f2f;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadae7;
    margin: 0
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second {
    padding: 0 10px
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row {
    max-height: 400px;
    overflow-y: auto
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second {
    padding: 0;
    color: #2f2f2f
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second li {
    padding: 8px;
    background: none;
    transition: .3s ease;
    margin: 0 0 10px 0
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second li:hover h2 {
    text-decoration: underline
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 6px 0
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second a {
    font-size: 20px;
    color: #2f2f2f;
    text-decoration: none
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second a:hover {
    text-decoration: none
}

#main-header .two-col-layout .column-left .search-form #search_results_second #results-second .row .search-results-second p {
    font-size: 16px;
    color: #939393;
    margin: 0;
    word-break: break-word
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second p {
    font-size: 14px;
    color: #939393
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset {
    margin: 0;
    padding: 0;
    border: none;
    outline: none
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset label,
#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset input {
    display: block;
    color: #747474
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset label {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset input {
    height: 45px
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset input,
#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset textarea {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    width: 100%;
    max-width: 480px;
    margin-bottom: 20px;
    outline: none;
    transition: .3s ease;
    color: #2f2f2f;
    padding: 0 16px;
    font-size: 16px;
    font-weight: normal
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset input:focus,
#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset textarea:focus {
    border: 1px solid #2f2f2f
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset textarea {
    margin: 0;
    padding: 16px
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset #question_submit {
    background: #0e68ca;
    color: #fff;
    width: 170px;
    border: none;
    transition: .3s ease;
    margin: 30px 0 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600
}

#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset #question_submit:focus,
#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset #question_submit:hover,
#main-header .two-col-layout .column-left .search-form #search_results_second #no-results-second fieldset #question_submit:active {
    border: none;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

#main-header .two-col-layout .column-right {
    flex: 0 1 30px
}

#main-header .two-col-layout .column-right .fa-bars,
#main-header .two-col-layout .column-right .fa-times {
    font-size: 32px;
    color: #747474
}

#main-header .two-col-layout .column-right .open-user-nav {
    display: inline-block;
    margin-top: 2px
}

#main-header .two-col-layout .column-right .open-user-nav i.clicked {
    margin-right: 20px
}

#main-header .two-col-layout .column-right .user-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0px 3px 12px rgba(14, 104, 202, 0.06);
    box-shadow: 0px 3px 12px rgba(14, 104, 202, 0.06);
    z-index: 1000;
    background: #131619;
    padding: 20px;
    display: none
}

#main-header .two-col-layout .column-right .user-nav.active {
    display: block
}

#main-header .two-col-layout .column-right .user-nav header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#main-header .two-col-layout .column-right .user-nav .close-user-nav {
    text-align: right;
    display: block
}

#main-header .two-col-layout .column-right .user-nav ul {
    margin: 20px 0 0 0;
    padding: 0;
    text-align: right
}

#main-header .two-col-layout .column-right .user-nav ul li {
    list-style-type: none;
    margin: 10px 0;
    padding: 5px 0
}

#main-header .two-col-layout .column-right .user-nav ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #868686;
    text-decoration: none;
    transition: .3s ease
}

#main-header .two-col-layout .column-right .user-nav ul li a:hover,
#main-header .two-col-layout .column-right .user-nav ul li a:focus,
#main-header .two-col-layout .column-right .user-nav ul li a:active {
    text-decoration: underline
}

@media (min-width: 768px) {
    #main-header .two-col-layout .column-left {
        flex: 0 1 calc(100% - 50px);
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    #main-header .two-col-layout .column-left #branding {
        flex: 0 1 160px;
        margin-right: 40px
    }

    #main-header .two-col-layout .column-left .search-form {
        margin: 0;
        flex: 0 1 calc(100% - 200px)
    }

    #main-header .two-col-layout .column-left .search-form #search_results_second {
        top: 60px;
        max-height: 600px
    }

    #main-header .two-col-layout .column-right {
        flex: 0 1 30px
    }
}

@media (min-width: 1024px) {
    #main-header .container {
        max-width: 90%;
        width: 90%
    }

    #main-header .two-col-layout {
        align-items: center
    }

    #main-header .two-col-layout .column-left {
        flex: 0 1 56%
    }

    #main-header .two-col-layout .column-left .search-form {
        position: relative
    }

    #main-header .two-col-layout .column-left .search-form #search_results_second {
        margin: 0;
        width: 750px;
        top: 45px
    }

    #main-header .two-col-layout .column-right {
        flex: 0 1 44%
    }

    #main-header .two-col-layout .column-right .open-user-nav {
        display: none
    }

    #main-header .two-col-layout .column-right .user-nav {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin: 0
    }

    #main-header .two-col-layout .column-right .user-nav header {
        display: none
    }

    #main-header .two-col-layout .column-right .user-nav ul {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    #main-header .two-col-layout .column-right .user-nav ul li {
        margin: 0 0 0 20px;
        padding: 0;
        border: none
    }
}

#main-header.scroll-state {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9000;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1)
}

#main-header.scroll-state .two-col-layout .column-left .search-form {
    display: block;
    margin-top: 0
}

@media (max-width: 1023px) {
    #main-header.scroll-state .two-col-layout .column-left #branding {
        display: none
    }
}

#footer {
    margin-top: auto;
    background: #223141;
    padding: 0
}

#footer .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

#footer .copyright,
#footer .footer-navigation,
#footer .knowledge {
    flex: 0 1 100%
}

#footer .copyright {
    flex: 0 1 100%
}

#footer .copyright p {
    font-size: 16px;
    color: #BDC4CA;
    margin: 8px 0
}

#footer .copyright p.small {
    font-size: 13px
}

#footer .copyright a {
    color: #fff;
    text-decoration: none;
    transition: .3s ease
}

#footer .copyright a:hover,
#footer .copyright a:active {
    text-decoration: underline
}

#footer .footer-navigation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 48px
}

#footer .footer-navigation .footer-column {
    flex: 0 1 48%
}

#footer .footer-navigation .footer-column ul {
    margin: 0 0 16px 0;
    padding: 0
}

#footer .footer-navigation .footer-column ul li {
    list-style-type: none;
    margin: 5px 0;
    padding: 0
}

#footer .footer-navigation .footer-column ul li a {
    color: #BDC4CA;
    text-decoration: none;
    transition: .3s ease;
    font-size: 14px;
    font-weight: 600
}

#footer .footer-navigation .footer-column ul li a:hover,
#footer .footer-navigation .footer-column ul li a:active {
    text-decoration: underline
}

#footer .knowledge {
    padding: 24px 0;
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

#footer .knowledge .column-left {
    margin-bottom: 30px
}

#footer .knowledge h3 {
    font-size: 16px;
    color: #fff
}

#footer .knowledge p {
    font-size: 14px;
    font-weight: 600;
    color: #BDC4CA
}

#footer .kb-info {
    background: #384C60;
    padding: 10px 0
}

#footer .kb-info .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

#footer .kb-info .container .column-left,
#footer .kb-info .container .column-right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 100%
}

#footer .kb-info .container .column-left p,
#footer .kb-info .container .column-right p {
    font-size: 14px;
    color: #BDC4CA
}

#footer .kb-info .container .column-right a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease
}

#footer .kb-info .container .column-right a:hover,
#footer .kb-info .container .column-right a:active {
    text-decoration: underline
}

#footer .kb-info .container .column-right a:last-child {
    margin-left: 10px;
    font-size: 14px
}

@media (min-width: 768px) {
    #footer .footer-navigation .footer-column {
        flex: 0 1 23%
    }

    #footer .knowledge {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    #footer .knowledge .column-left,
    #footer .knowledge .column-right {
        flex: 0 1 45%;
        margin: 0
    }

    #footer .kb-info .container .column-left,
    #footer .kb-info .container .column-right {
        flex: 0 1 45%
    }

    #footer .kb-info .container .column-left {
        justify-content: flex-start
    }

    #footer .kb-info .container .column-right {
        justify-content: flex-end
    }
}

@media (min-width: 1280px) {
    #footer .copyright {
        flex: 0 1 400px
    }

    #footer .footer-navigation {
        flex: 0 1 calc(100% - 440px);
        margin: 0
    }
}

.page-intro {
    padding: 50px 0 50px 0;
    background: #1a1f23;
    background-size: cover;
    background-position: center;
    color: #fff;
    text-align: center
}

.page-intro h1 {
    font-size: 24px;
    font-weight: 900;
    margin: 0 0 36px 0;
    color: #fff
}

.page-intro .search-form {
    position: relative;
    margin: 36px 0;
    max-width: 700px;
    margin: 0 auto
}

.page-intro .search-form .fa-search {
    position: absolute;
    display: inline-block;
    z-index: 999;
    top: 12px;
    left: 16px;
    font-size: 24px;
    color: #808a98
}

.page-intro .search-form .close-search {
    position: absolute;
    display: none;
    z-index: 999;
    top: 20px;
    right: 16px;
    font-size: 20px;
    color: #808a98;
    cursor: pointer
}

.page-intro .search-form input#search {
    width: 100%;
    height: 48px;
    padding: 0 16px 0 60px;
    background: #fff;
    outline: none;
    border-radius: 8px;
    font-size: 20px;
    color: #747474;
    border: 3px solid transparent;
    transition: border .3s ease
}

.page-intro .search-form input#search:focus,
.page-intro .search-form input#search:active {
    border: 3px solid rgba(14, 104, 202, 0.3);
    border-radius: 8px
}

.page-intro .search-form #search_results {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    max-width: 750px;
    z-index: 900;
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 12px 32px rgba(31, 33, 98, 0.1);
    box-shadow: 0px 12px 32px rgba(31, 33, 98, 0.1);
    text-align: left
}

.page-intro .search-form #search_results h1 {
    font-size: 20px;
    color: #2f2f2f;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadae7
}

.page-intro .search-form #search_results #results {
    padding: 0 10px
}

.page-intro .search-form #search_results #results .row {
    max-height: 400px;
    overflow-y: auto
}

.page-intro .search-form #search_results #results .row .search-results {
    padding: 0;
    color: #2f2f2f
}

.page-intro .search-form #search_results #results .row .search-results li {
    padding: 8px;
    background: none;
    transition: .3s ease;
    margin: 0 0 10px 0
}

.page-intro .search-form #search_results #results .row .search-results li:hover h2 {
    text-decoration: underline
}

.page-intro .search-form #search_results #results .row .search-results h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 6px 0
}

.page-intro .search-form #search_results #results .row .search-results a {
    font-size: 20px;
    color: #2f2f2f;
    text-decoration: none
}

.page-intro .search-form #search_results #results .row .search-results p {
    font-size: 16px;
    color: #939393;
    margin: 0;
    word-break: break-word
}

.page-intro .search-form #search_results #no-results p {
    font-size: 14px;
    color: #939393
}

.page-intro .search-form #search_results #no-results fieldset {
    margin: 0;
    padding: 0;
    border: none;
    outline: none
}

.page-intro .search-form #search_results #no-results fieldset label,
.page-intro .search-form #search_results #no-results fieldset input {
    display: block;
    color: #747474
}

.page-intro .search-form #search_results #no-results fieldset label {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase
}

.page-intro .search-form #search_results #no-results fieldset input {
    height: 45px
}

.page-intro .search-form #search_results #no-results fieldset input,
.page-intro .search-form #search_results #no-results fieldset textarea {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    width: 100%;
    max-width: 480px;
    margin-bottom: 20px;
    outline: none;
    transition: .3s ease;
    color: #2f2f2f;
    padding: 0 16px;
    font-size: 16px;
    font-weight: normal
}

.page-intro .search-form #search_results #no-results fieldset input:focus,
.page-intro .search-form #search_results #no-results fieldset textarea:focus {
    border: 1px solid #2f2f2f
}

.page-intro .search-form #search_results #no-results fieldset textarea {
    margin: 0;
    padding: 16px
}

.page-intro .search-form #search_results #no-results fieldset #question_submit {
    background: #0e68ca;
    color: #fff;
    width: 170px;
    border: none;
    transition: .3s ease;
    margin: 30px 0 0;
    cursor: pointer;
    font-weight: 600
}

.page-intro .search-form #search_results #no-results fieldset #question_submit:focus,
.page-intro .search-form #search_results #no-results fieldset #question_submit:hover,
.page-intro .search-form #search_results #no-results fieldset #question_submit:active {
    border: none;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.page-intro p.popular-topics {
    max-width: 700px;
    margin: 12px auto 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.page-intro p.popular-topics a {
    color: #eee;
    text-decoration: none;
    transition: .3s ease;
    margin-left: 2px
}

.page-intro p.popular-topics a:hover {
    text-decoration: underline
}

.page-intro p.popular-topics a:last-child span {
    display: none
}

.page-intro .quick-view-cat {
    display: none
}

.page-intro.category-page-intro {
    text-align: left
}

.page-intro.category-page-intro h1.category-name {
    font-size: 36px;
    margin: 12px 0 0
}

@media (min-width: 768px) {
    .page-intro.category-page-intro h1.category-name {
        font-size: 48px
    }
}

.page-intro.category-page-intro p.category-description {
    font-size: 20px;
    color: #fff;
    margin: 8px 0 0
}

.page-intro.category-page-intro .search-form .close-search {
    top: 14px
}

.page-intro.category-page-intro .two-col-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    align-items: center !important
}

.page-intro.category-page-intro .two-col-layout .column-left,
.page-intro.category-page-intro .two-col-layout .column-right {
    flex: 0 1 100%
}

.page-intro.category-page-intro .two-col-layout .column-left .search-form,
.page-intro.category-page-intro .two-col-layout .column-right .search-form {
    margin: 20px 0 0 0
}

.page-intro.category-page-intro .two-col-layout .column-left .search-form #search,
.page-intro.category-page-intro .two-col-layout .column-right .search-form #search {
    height: 48px;
    padding: 0 16px;
    border: 2px solid transparent
}

.page-intro.category-page-intro .two-col-layout .column-left .search-form #search:focus,
.page-intro.category-page-intro .two-col-layout .column-right .search-form #search:focus {
    border: 2px solid rgba(14, 104, 202, 0.3)
}

.page-intro.category-page-intro .two-col-layout .column-left .search-form .fa-search,
.page-intro.category-page-intro .two-col-layout .column-right .search-form .fa-search {
    display: none
}

@media (min-width: 768px) {
    .page-intro h1 {
        font-size: 36px
    }
}

@media (min-width: 1024px) {
    .page-intro .quick-view-cat {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 24px 0 0 0
    }

    .page-intro .quick-view-cat .categories-nav {
        flex: 0 1 calc(100% - 70px);
        margin: 0;
        height: 36px;
        transition: height .3s ease;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        text-align: left
    }

    .page-intro .quick-view-cat .categories-nav.full-content {
        height: auto
    }

    .page-intro .quick-view-cat .categories-nav .item {
        position: relative;
        list-style-type: none;
        color: #fff
    }

    .page-intro .quick-view-cat .categories-nav .item a {
        color: #fff;
        width: 100%
    }

    .page-intro .quick-view-cat .categories-nav .item .category-item {
        padding: 10px;
        border-radius: 5px 5px 0 0;
        background: none;
        font-size: 11px;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        justify-content: center
    }

    .page-intro .quick-view-cat .categories-nav .item .category-item.active {
        background: #fff;
        color: #0e68ca
    }

    .page-intro .quick-view-cat .categories-nav .item .dropdown {
        display: none;
        position: absolute;
        top: 32px;
        left: 0;
        width: 250px;
        z-index: 500;
        border-top: none;
        border-radius: 0 0 8px 8px;
        background: #fff;
        padding: 8px;
        -webkit-box-shadow: 0px 1px 2px rgba(15, 36, 64, 0.12);
        box-shadow: 0px 1px 2px rgba(15, 36, 64, 0.12)
    }

    .page-intro .quick-view-cat .categories-nav .item .dropdown a {
        font-size: 13px;
        font-weight: 600;
        display: block;
        color: #747474;
        padding: 10px;
        text-decoration: none;
        transition: .3s ease
    }

    .page-intro .quick-view-cat .categories-nav .item .dropdown a:hover {
        text-decoration: underline
    }

    .page-intro .quick-view-cat .categories-nav .item.active .dropdown {
        display: block
    }

    .page-intro .quick-view-cat .categories-nav .item:hover .category-item {
        background: #fff;
        color: #0e68ca
    }

    .page-intro .quick-view-cat a.view-more {
        flex: 0 1 60px;
        color: #fff;
        opacity: .5;
        height: 32px;
        display: none;
        transition: opacity .3s ease
    }

    .page-intro .quick-view-cat a.view-more:hover {
        opacity: 1
    }

    .page-intro .quick-view-cat a.view-more.active {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1280px) {
    .page-intro h1 {
        font-size: 48px
    }

    .page-intro .quick-view-cat .categories-nav .item .category-item {
        font-size: 14px
    }

    .page-intro.category-page-intro {
        padding: 48px 0 48px
    }

    .page-intro.category-page-intro .two-col-layout {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: nowrap
    }

    .page-intro.category-page-intro .two-col-layout .column-left {
        flex: 0 1 55%
    }

    .page-intro.category-page-intro .two-col-layout .column-right {
        flex: 0 1 40%
    }
}

.view-category {
    display: inline-block;
    padding: 8px 24px;
    background: #fff;
    color: #0e68ca;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 24px;
    border-radius: 4px;
    border: 1px solid #e9f0fa;
    transition: .3s ease
}

.view-category:hover,
.view-category:active {
    text-decoration: underline
}

ul.breadcrumbs {
    margin: 0;
    padding: 0;
    margin-top: -10px;
    margin-left: -10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

ul.breadcrumbs li {
    display: none;
    margin: 0 10px 0 0;
    padding: 0;
    list-style-type: none;
    color: #fff
}

ul.breadcrumbs li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold
}

ul.breadcrumbs li a:hover {
    text-decoration: underline
}

ul.breadcrumbs li::after {
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    margin-left: 10px
}

ul.breadcrumbs li:last-child::after {
    content: none
}

ul.breadcrumbs li:nth-child(-n+3) {
    display: list-item
}

.article-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 36, 64, 0.29);
    z-index: 9999;
    display: none
}

.article-modal>.content {
    background: none;
    width: 100%;
    height: 100%;
    display: flex
}

.article-modal>.content .sidebar {
    flex: 0 1 150px;
    background: none;
    height: 200px;
    padding-top: 50px
}

.article-modal>.content .sidebar .button {
    background: #fff;
    outline: none;
    color: #0e68ca;
    border: none;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-transform: uppercase;
    width: 135px;
    margin: 20px 5px;
    padding: 8px 20px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 17px
}

.article-modal>.content .sidebar .button i {
    font-size: 22px;
    color: #0e68ca;
    margin-left: 10px
}

.article-modal>.content .sidebar .button.close i {
    margin-right: 2px;
    margin-left: 16px
}

.article-modal>.content .sidebar .button:hover {
    text-decoration: none
}

.article-modal>.content .main-content {
    flex: 0 1 calc(100% - 150px);
    background: #fff;
    height: 100%;
    padding: 48px;
    overflow-y: auto
}

.article-modal>.content .main-content header {
    margin-bottom: 48px
}

.article-modal>.content .main-content header .article-name {
    color: #0e68ca;
    font-size: 32px;
    font-weight: 900;
    margin: 0 0 14px 0
}

.article-modal>.content .main-content header .article-description {
    font-size: 16px;
    color: #939393;
    margin: 0 0 12px 0
}

.article-modal>.content .main-content div.body {
    font-size: 18px
}

.article-modal>.content .main-content div.body ul li,
.article-modal>.content .main-content div.body ol li {
    margin: 5px 0
}

.article-modal>.content .main-content div.body .kb-table-of-contents {
    display: none
}

@media (min-width: 1280px) {
    .article-modal>.content {
        width: 65%;
        margin-left: auto;
        display: flex;
        justify-content: flex-end
    }
}

.popular-categories {
    padding: 48px 0
}

.popular-categories #categories {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px
}

.popular-categories #categories .category {
    padding: 30px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease;
    border-radius: 8px
}

.popular-categories #categories .category:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: #F9F9FB
}

.popular-categories #categories .category .icon i {
    font-size: 64px
}

.popular-categories #categories .category p {
    font-weight: 600;
    color: #2f2f2f;
    opacity: .5
}

@media (min-width: 768px) {
    .popular-categories #categories {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 1024px) {
    .popular-categories #categories {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
        grid-template-columns: repeat(3, 1fr)
    }
}

section.popular-articles,
section.video-articles,
.related-articles,
.request-a-demo {
    padding: 48px 0;
    background: #F9F9FB
}

section.popular-articles h2,
section.video-articles h2,
.related-articles h2,
.request-a-demo h2 {
    font-size: 24px;
    margin: 0
}

section.popular-articles h2 i,
section.video-articles h2 i,
.related-articles h2 i,
.request-a-demo h2 i {
    font-size: 20px;
    color: #A7E163;
    margin-right: 10px
}

section.popular-articles .popular-articles-list,
section.popular-articles .related-articles-list,
section.video-articles .popular-articles-list,
section.video-articles .related-articles-list,
.related-articles .popular-articles-list,
.related-articles .related-articles-list,
.request-a-demo .popular-articles-list,
.request-a-demo .related-articles-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 36px 0 0 0;
    padding: 0 0 0 20px
}

section.popular-articles .popular-articles-list .article,
section.popular-articles .related-articles-list .article,
section.video-articles .popular-articles-list .article,
section.video-articles .related-articles-list .article,
.related-articles .popular-articles-list .article,
.related-articles .related-articles-list .article,
.request-a-demo .popular-articles-list .article,
.request-a-demo .related-articles-list .article {
    flex: 0 1 100%;
    margin: 5px 0;
    padding: 0;
    list-style: decimal
}

section.popular-articles .popular-articles-list .article a,
section.popular-articles .related-articles-list .article a,
section.video-articles .popular-articles-list .article a,
section.video-articles .related-articles-list .article a,
.related-articles .popular-articles-list .article a,
.related-articles .related-articles-list .article a,
.request-a-demo .popular-articles-list .article a,
.request-a-demo .related-articles-list .article a {
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
    color: #2d51a5
}

section.popular-articles .popular-articles-list .article a:hover,
section.popular-articles .related-articles-list .article a:hover,
section.video-articles .popular-articles-list .article a:hover,
section.video-articles .related-articles-list .article a:hover,
.related-articles .popular-articles-list .article a:hover,
.related-articles .related-articles-list .article a:hover,
.request-a-demo .popular-articles-list .article a:hover,
.request-a-demo .related-articles-list .article a:hover {
    text-decoration: underline
}

@media (min-width: 768px) {

    section.popular-articles .popular-articles-list .article,
    section.popular-articles .related-articles-list .article,
    section.video-articles .popular-articles-list .article,
    section.video-articles .related-articles-list .article,
    .related-articles .popular-articles-list .article,
    .related-articles .related-articles-list .article,
    .request-a-demo .popular-articles-list .article,
    .request-a-demo .related-articles-list .article {
        flex: 0 1 45%
    }
}

@media (min-width: 1024px) {

    section.popular-articles .popular-articles-list .article,
    section.video-articles .popular-articles-list .article,
    .related-articles .popular-articles-list .article,
    .request-a-demo .popular-articles-list .article {
        flex: 0 1 30%
    }
}

section.video-articles h2 i {
    color: #0e68ca
}

section.video-articles ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 36px 0 0 0;
    padding: 0
}

section.video-articles ul .article {
    list-style-type: none;
    padding: 16px;
    flex: 0 1 100%;
    background: #fff
}

section.video-articles ul .article h3 {
    margin: 0 0 20px 0
}

section.video-articles ul .article .video-thumbnail {
    position: relative
}

section.video-articles ul .article .video-thumbnail .play-icon {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    transition: .3s ease;
    padding: 0 0 0 5px;
    opacity: .8
}

section.video-articles ul .article .video-thumbnail .play-icon:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

section.video-articles ul .article .video-thumbnail .play-icon i {
    font-size: 20px;
    color: #0e68ca
}

@media (min-width: 768px) {
    section.video-articles ul .article {
        flex: 0 1 32%
    }
}

.youtube-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: none
}

.youtube-modal.active {
    display: flex;
    justify-content: center;
    align-items: center
}

.youtube-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: none;
    outline: none;
    cursor: pointer
}

.youtube-modal .close i {
    font-size: 24px;
    color: #fff
}

@media (min-width: 1024px) {
    .youtube-modal .close {
        top: 30px;
        right: 30px
    }
}

.youtube-modal .content {
    width: 100%;
    max-width: 800px;
    margin: auto;
    background: #fff
}

.youtube-modal .content .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.youtube-modal .content .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.request-a-demo h2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

section.request-a-demo h2 i {
    padding-top: 3px;
    color: #ffb100
}

section.request-a-demo .two-col-layout {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 36px;
    background: #fff
}

section.request-a-demo .two-col-layout .column-left,
section.request-a-demo .two-col-layout .column-right {
    flex: 0 1 100%
}

section.request-a-demo .two-col-layout .column-left {
    background: #fff;
    padding: 16px;
    margin-bottom: 30px
}

section.request-a-demo .two-col-layout .column-left h3 {
    margin-top: 0
}

section.request-a-demo .two-col-layout .column-right {
    position: relative;
    min-height: 90px
}

section.request-a-demo .two-col-layout .column-right .schedule-demo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 32px);
    max-width: 400px;
    height: 60px;
    border-radius: 10px;
    background: #0e68ca;
    color: #fff;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    transition: .3s ease;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

section.request-a-demo .two-col-layout .column-right .schedule-demo:hover {
    text-decoration: underline
}

@media (min-width: 1024px) {
    section.request-a-demo .two-col-layout {
        flex-wrap: nowrap
    }

    section.request-a-demo .two-col-layout .column-left {
        flex: 0 1 60%;
        padding: 32px;
        margin-bottom: 0
    }

    section.request-a-demo .two-col-layout .column-right {
        flex: 0 1 40%
    }
}

section.request-a-demo .loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #0e68ca;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1.5s linear 1;
    animation: spin 1.5s linear 1;
    display: none;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 9999
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.categories-content {
    position: relative;
    padding: 48px 0 0;
    background: #fff
}

.category-content h2 {
    margin: 48px 0 0
}

.subcategories-list .subcategory {
    padding-bottom: 48px;
    border-bottom: 1px solid #dadae7;
    margin-bottom: 48px
}

.subcategories-list .subcategory:last-child {
    border: none;
    margin: 0
}

.subcategories-list .subcategory .subcategory-url {
    text-decoration: none
}

.subcategories-list .subcategory .subcategory-url i {
    font-size: 30px;
    color: #0e68ca;
    margin-right: 20px
}

.subcategories-list .subcategory .subcategory-url h2 {
    color: #2f2f2f;
    transition: .3s ease;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.subcategories-list .subcategory .subcategory-url h2:hover {
    color: #0e68ca
}

.subcategories-list h2,
.articles-list h2 {
    margin: 0
}

.subcategories-list h3.cat-description,
.articles-list h3.cat-description {
    opacity: .5;
    font-weight: 600
}

.subcategories-list ul,
.articles-list ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.subcategories-list ul li,
.articles-list ul li {
    flex: 0 1 100%;
    margin: 5px 0;
    padding: 0 10px
}

.subcategories-list ul li a,
.articles-list ul li a {
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s ease;
    color: #2d51a5
}

.subcategories-list ul li a:hover,
.articles-list ul li a:hover {
    text-decoration: underline
}

@media (min-width: 768px) {

    .subcategories-list ul li,
    .articles-list ul li {
        flex: 0 1 45%
    }
}

.articles-list {
    margin-bottom: 64px
}

#support-onboarding {
    margin-bottom: 30px !important
}

.support-center a {
    background: #3DA5D9 !important;
    border-radius: 5px !important
}

.quick-start-guides a {
    background: #FF1F6D !important;
    border-radius: 5px !important
}

.page-intro.article-page-intro {
    padding: 48px 0
}

.page-intro.article-page-intro ul.breadcrumbs {
    max-width: 780px
}

.page-intro.article-page-intro ul.breadcrumbs li {
    color: #fff
}

.page-intro.article-page-intro ul.breadcrumbs li a {
    color: #fff
}

.page-intro.article-page-intro .two-col-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    align-items: center !important;
    justify-content: space-around !important
}

@media (max-width: 2600px) and (min-width: 1191px) {
    .page-intro.article-page-intro .two-col-layout {
        margin-left: -60px
    }
}

@media (max-width: 1190px) and (min-width: 1093px) {
    .page-intro.article-page-intro .two-col-layout {
        margin-left: -40px
    }
}

.page-intro.article-page-intro .search-form .close-search {
    top: 14px
}

.page-intro.article-page-intro .article-header>.col-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px
}

@media (max-width: 1279px) {
    .page-intro.article-page-intro .article-header>.col-layout {
        flex-direction: column
    }
}

.page-intro.article-page-intro .article-header>.col-layout .col-left {
    flex: 0 1 100%
}

.page-intro.article-page-intro .article-header>.col-layout .col-right {
    width: 100%
}

.page-intro.article-page-intro .article-header>.col-layout .col-right .search-form {
    margin: 6px 0px
}

.page-intro.article-page-intro .article-header .title {
    margin-top: 24px
}

.page-intro.article-page-intro .article-header .title h1 {
    font-size: 36px;
    font-weight: 900;
    margin: 0 0 20px 0;
    color: #fff;
    text-align: left
}

.page-intro.article-page-intro .article-header .title form .follow-article {
    background: none;
    padding: 4px 8px;
    border-radius: 2px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: .3s ease;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-intro.article-page-intro .article-header .title form .follow-article i,
.page-intro.article-page-intro .article-header .title form .follow-article span {
    color: #FF4141;
    transition: .3s ease
}

.page-intro.article-page-intro .article-header .title form .follow-article span {
    font-size: 12px
}

.page-intro.article-page-intro .article-header .title form .follow-article:hover i,
.page-intro.article-page-intro .article-header .title form .follow-article:active i {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.page-intro.article-page-intro .article-header .title form .follow-article.unfollowed i,
.page-intro.article-page-intro .article-header .title form .follow-article.unfollowed span {
    color: #fff
}

.page-intro.article-page-intro .article-header .title form .follow-article.unfollowed.follow i,
.page-intro.article-page-intro .article-header .title form .follow-article.unfollowed.follow span {
    color: #FF4141
}

@media (min-width: 1800px) {
    .page-intro.article-page-intro .article-header .title {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start
    }

    .page-intro.article-page-intro .article-header .title form {
        margin: 8px 10px 0 -44px
    }
}

.page-intro.article-page-intro .article-header .article-description {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-top: 0;
    opacity: .5;
    text-align: left
}

.page-intro.article-page-intro .article-header .author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.page-intro.article-page-intro .article-header .author .column-left {
    flex: 0 1 32px
}

.page-intro.article-page-intro .article-header .author .column-left img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: cover !important
}

.page-intro.article-page-intro .article-header .author .column-right {
    flex: 0 1 calc(100% - 50px);
    text-align: left
}

.page-intro.article-page-intro .article-header .author .column-right .name {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #fff
}

.page-intro.article-page-intro .article-header .author .column-right .name a {
    color: #fff;
    text-decoration: none
}

.page-intro.article-page-intro .article-header .author .column-right .name a:hover {
    text-decoration: underline
}

.page-intro.article-page-intro .article-header .author .column-right .date {
    font-size: 12px;
    margin: 0;
    color: #fff;
    opacity: .5
}

@media (min-width: 768px) {
    .page-intro.article-page-intro .article-header h1 {
        font-size: 48px
    }

    .page-intro.article-page-intro .article-header .article-description {
        font-size: 24px
    }
}

@media (min-width: 1280px) {
    .page-intro.article-page-intro .article-header .col-layout {
        flex-wrap: nowrap
    }

    .page-intro.article-page-intro .article-header .col-layout .col-left {
        flex: 0 1 660px
    }

    .page-intro.article-page-intro .article-header .col-layout .col-right {
        display: block;
        flex: 0 1 calc(100% - 700px)
    }

    .page-intro.article-page-intro .article-header .col-layout .col-right .search-form {
        margin: 20px 0 0 0
    }

    .page-intro.article-page-intro .article-header .col-layout .col-right .search-form #search {
        height: 48px;
        padding: 0 16px;
        border: 2px solid transparent
    }

    .page-intro.article-page-intro .article-header .col-layout .col-right .search-form #search:focus {
        border: 2px solid rgba(14, 104, 202, 0.3)
    }

    .page-intro.article-page-intro .article-header .col-layout .col-right .search-form .fa-search {
        display: none
    }
}

.article-content {
    position: relative;
    background: #fff
}

.article-content>.container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.article-content>.container .fr-view {
    flex: 0 1 100%;
    order: 2;
    word-break: break-word
}

.article-content>.container .table-of-contents {
    flex: 0 1 100%;
    order: 1;
    background: #eeeeee;
    width: 100%;
    max-width: 400px;
    padding: 16px;
    margin-top: 48px;
    display: none
}

.article-content>.container .table-of-contents>.toc-list {
    max-height: 500px;
    overflow-y: auto
}

.article-content>.container .table-of-contents h3 {
    border-bottom: 1px solid #dadada;
    padding-bottom: 11px
}

.article-content>.container .table-of-contents ul,
.article-content>.container .table-of-contents ol {
    margin: 0;
    padding: 0 0 0 20px
}

.article-content>.container .table-of-contents ul li,
.article-content>.container .table-of-contents ol li {
    margin: 7px 0 7px 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #747474
}

.article-content>.container .table-of-contents ul li a,
.article-content>.container .table-of-contents ol li a {
    color: #747474;
    text-decoration: none;
    transition: .3s ease;
    display: block;
    transition: .3s ease
}

.article-content>.container .table-of-contents ul li.is-active-li,
.article-content>.container .table-of-contents ul li:hover,
.article-content>.container .table-of-contents ol li.is-active-li,
.article-content>.container .table-of-contents ol li:hover {
    color: #020202
}

.article-content>.container .table-of-contents ul li.is-active-li>a,
.article-content>.container .table-of-contents ul li:hover>a,
.article-content>.container .table-of-contents ol li.is-active-li>a,
.article-content>.container .table-of-contents ol li:hover>a {
    color: #020202
}

.article-content>.container .table-of-contents.fixed {
    top: 124px;
    margin: 0
}

@media (min-width: 1280px) {
    .article-content>.container .fr-view {
        flex: 1;
        order: 0
    }

    .article-content>.container .table-of-contents {
        display: inline-block;
        position: fixed;
        right: 0;
        width: 400px
    }
}

.fr-view {
    padding: 30px 0;
    font-size: 16px
}

.fr-view p {
    line-height: 1.5
}

.fr-view .tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.fr-view .tags a {
    display: flex;
    justify-content: center;
    align-items: center
}

.fr-view .tags a:hover {
    text-decoration: none;
    color: #0e68ca
}

.fr-view .tags span {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    background: #eaeaf1;
    color: #2f2f2f;
    padding: 6px 12px;
    border-radius: 2px;
    margin: 0 10px 10px 0
}

.fr-view footer {
    margin-top: 48px;
    padding: 10px 0;
    border-top: 1px solid #dadae7;
    text-align: center
}

.fr-view footer p {
    font-size: 14px;
    font-weight: bold;
    color: #2f2f2f
}

.fr-view footer form {
    display: flex;
    justify-content: center;
    align-items: center
}

.fr-view footer form a {
    padding: 8px 16px;
    margin: 0 5px;
    border: 2px solid #0e68ca;
    border-radius: 4px;
    transition: .3s ease;
    color: #0e68ca;
    cursor: pointer;
    width: 100px
}

.fr-view footer form a div {
    display: flex;
    justify-content: center;
    align-items: center
}

.fr-view footer form a div i {
    margin-right: 10px
}

.fr-view footer form a:hover {
    background: #0e68ca;
    color: #fff
}

@media (min-width: 1024px) {
    .fr-view {
        font-size: 18px
    }
}

main.contact-content {
    padding-bottom: 96px
}

main.contact-content .contactForm {
    margin-top: -40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

main.contact-content .contactForm .column-left,
main.contact-content .contactForm .column-right {
    background: #fff;
    border-radius: 24px;
    padding: 16px;
    -webkit-box-shadow: 0px 3px 12px rgba(31, 33, 98, 0.06);
    box-shadow: 0px 3px 12px rgba(31, 33, 98, 0.06);
    flex: 0 1 100%
}

main.contact-content .contactForm .column-left p,
main.contact-content .contactForm .column-right p {
    font-size: 18px
}

main.contact-content .contactForm .column-left form {
    display: flex;
    flex-direction: column
}

main.contact-content .contactForm .column-left form label {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #747474;
    margin-bottom: 10px
}

main.contact-content .contactForm .column-left form input {
    padding: 0 16px;
    height: 45px
}

main.contact-content .contactForm .column-left form input,
main.contact-content .contactForm .column-left form textarea {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #2f2f2f;
    width: 100%
}

main.contact-content .contactForm .column-left form input:focus,
main.contact-content .contactForm .column-left form input:active,
main.contact-content .contactForm .column-left form textarea:focus,
main.contact-content .contactForm .column-left form textarea:active {
    border: 1px solid #747474;
    outline: none
}

main.contact-content .contactForm .column-left form input[type="submit"] {
    background: #0e68ca;
    width: 200px;
    color: #fff;
    outline: none;
    border: none;
    transition: .3s ease;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer
}

main.contact-content .contactForm .column-left form input[type="submit"]:hover,
main.contact-content .contactForm .column-left form input[type="submit"]:focus,
main.contact-content .contactForm .column-left form input[type="submit"]:active {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    border: none
}

main.contact-content .contactForm .column-left form textarea {
    padding: 16px
}

main.contact-content .contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 806px;
    margin-top: 48px
}

main.contact-content .contact-info a {
    margin: 0 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold
}

main.contact-content .contact-info a:hover {
    text-decoration: underline
}

@media (min-width: 1024px) {
    main.contact-content .contactForm {
        flex-wrap: nowrap
    }

    main.contact-content .contactForm .column-left {
        flex: 0 1 65%;
        padding: 32px
    }

    main.contact-content .contactForm .column-right {
        flex: 0 1 30%;
        padding: 32px
    }
}

.author-info .column-left,
.author-info .column-right {
    background: #fff;
    border-radius: 32px;
    padding: 32px;
    -webkit-box-shadow: 0px 3px 96px rgba(15, 36, 64, 0.06);
    box-shadow: 0px 3px 96px rgba(15, 36, 64, 0.06);
    border: 1px solid #E9F0FA
}

.author-info .column-left {
    margin-bottom: 30px;
    text-align: left
}

.author-info .column-left img {
    border-radius: 50%;
    background-size: cover !important;
    width: 96px;
    height: 96px
}

.author-info .column-left h2 {
    font-size: 24px;
    font-weight: 900;
    color: #2f2f2f;
    margin: 0
}

.author-info .column-left .email {
    font-size: 16px;
    color: #939393;
    margin: 0 0 10px
}

.author-info .column-left .articles-and-followers {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px
}

.author-info .column-left .articles-and-followers span {
    font-size: 16px;
    font-weight: bold;
    color: #2f2f2f
}

.author-info .column-left .articles-and-followers span.articles {
    margin-right: 10px
}

.author-info .column-left .follow-author {
    background: #0e68ca;
    color: #fff;
    padding: 8px 24px;
    border: none;
    outline: none;
    transition: 0.3s ease;
    border-radius: 24px;
    cursor: pointer
}

.author-info .column-left .follow-author:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.author-info .column-right .activity {
    flex: 0 1 180px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.author-info .column-right .activity span {
    flex: 0 1 60px;
    font-size: 48px;
    font-weight: 900;
    color: #2f2f2f;
    margin: 0
}

.author-info .column-right .activity .articles-last-month {
    font-size: 14px;
    flex: 0 1 calc(100% - 70px);
    color: #939393;
    text-transform: uppercase;
    margin: 0
}

.author-info .column-right .activity .increase,
.author-info .column-right .activity .decrease {
    flex: 0 1 100%;
    font-size: 24px;
    font-weight: 600;
    margin: 6px 0
}

.author-info .column-right .activity .increase {
    color: #5EE2A0
}

.author-info .column-right .activity .decrease {
    color: #ff4141
}

.author-info .column-right .chart {
    flex: 0 1 300px
}

.author-info .column-right .chart #userChart svg {
    height: 130px !important
}

.author-info .column-right .chart #userChart .morris-hover.morris-default-style {
    display: none !important
}

@media (min-width: 768px) {
    .author-info .column-left {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .author-info .column-left img {
        flex: 0 1 96px
    }

    .author-info .column-left .info {
        flex: 0 1 calc(100% - 120px)
    }

    .author-info .column-right {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }
}

@media (min-width: 1024px) {
    .author-info {
        display: flex;
        justify-content: space-between;
        align-items: stretch
    }

    .author-info .column-left,
    .author-info .column-right {
        flex: 0 1 48%;
        margin: 0
    }
}

section.main {
    margin-top: 64px
}

section.main .author-content {
    padding-bottom: 64px
}

section.main .author-content nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 64px
}

section.main .author-content nav h2 {
    flex: 0 1 100%
}

section.main .author-content nav .show-author-categories {
    flex: 0 1 100%;
    position: relative
}

section.main .author-content nav .show-author-categories .currentCategory {
    width: 100%;
    padding: 8px 16px;
    background: #F9F9FB;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px
}

section.main .author-content nav .show-author-categories .author-categories {
    display: none;
    position: absolute;
    width: 300px;
    right: 0;
    top: 40px;
    background: #fff;
    z-index: 999;
    border: 1px solid #E9F0FA;
    -webkit-box-shadow: 0px 3px 96px rgba(15, 36, 64, 0.06);
    box-shadow: 0px 3px 96px rgba(15, 36, 64, 0.06);
    padding: 8px;
    border-radius: 8px
}

section.main .author-content nav .show-author-categories .author-categories ul {
    padding: 0;
    margin: 0
}

section.main .author-content nav .show-author-categories .author-categories ul li {
    list-style-type: none;
    padding: 8px;
    transition: .3s ease;
    border-radius: 5px;
    cursor: pointer;
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 600
}

section.main .author-content nav .show-author-categories .author-categories ul li:hover {
    background: #F9F9FB
}

section.main .author-content nav .show-author-categories .author-categories.active {
    display: block
}

@media (min-width: 768px) {
    section.main .author-content nav h2 {
        flex: 0 1 calc(100% - 240px);
        margin: 0
    }

    section.main .author-content nav .show-author-categories {
        flex: 0 1 200px
    }
}

section.main .author-content #author-articles .author-article {
    display: none;
    margin-bottom: 30px
}

section.main .author-content #author-articles .author-article .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

section.main .author-content #author-articles .author-article .content .left {
    flex: 0 1 40px
}

section.main .author-content #author-articles .author-article .content .left form button {
    width: 32px;
    height: 48px;
    border-radius: 5px;
    background: none;
    outline: none;
    border: none;
    transition: .3s ease;
    cursor: pointer;
    padding: 0
}

section.main .author-content #author-articles .author-article .content .left form button:hover,
section.main .author-content #author-articles .author-article .content .left form button:focus,
section.main .author-content #author-articles .author-article .content .left form button:active {
    background: #F9F9FB
}

section.main .author-content #author-articles .author-article .content .left form button i,
section.main .author-content #author-articles .author-article .content .left form button span {
    display: block
}

section.main .author-content #author-articles .author-article .content .left form button.followed i,
section.main .author-content #author-articles .author-article .content .left form button.followed span {
    color: #FF4141
}

section.main .author-content #author-articles .author-article .content .left form button.unfollowed i,
section.main .author-content #author-articles .author-article .content .left form button.unfollowed span {
    color: #939393
}

section.main .author-content #author-articles .author-article .content .left form button.follow-article.unfollowed.follow i,
section.main .author-content #author-articles .author-article .content .left form button.follow-article.unfollowed.follow span {
    color: #FF4141
}

section.main .author-content #author-articles .author-article .content .right {
    flex: 0 1 calc(100% - 50px)
}

section.main .author-content #author-articles .author-article .content .right .article {
    display: block
}

section.main .author-content #author-articles .author-article .content .right .article .updated {
    color: #2f2f2f;
    opacity: .5
}

section.main .author-content #author-articles .author-article .content .right .article h3 {
    font-size: 20px;
    margin: 0 0 8px 0
}

section.main .author-content #author-articles .author-article .content .right .article h3 i {
    font-size: 18px;
    margin-right: 10px
}

section.main .author-content #author-articles .author-article .content .right .article h3 a {
    text-decoration: none;
    transition: .3s ease;
    color: #2f2f2f
}

section.main .author-content #author-articles .author-article .content .right .article h3 a:hover {
    text-decoration: underline
}

section.main .author-content #author-articles .author-article .content .right .article h4 {
    margin: 0;
    font-weight: normal
}

section.main .author-content #author-articles .author-article .content .right .article h4 span {
    color: #2f2f2f;
    opacity: .5
}

section.main .author-content #author-articles .author-article .content .right .article h4 a {
    color: #2f2f2f;
    opacity: .5
}

section.main .author-content #author-articles .author-article .content .right .article h4 a:hover {
    color: #0e68ca;
    opacity: 1
}

section.main .author-content #author-articles .author-article .content .right .article p {
    word-break: break-word;
    color: #747474
}

section.main .author-content #author-articles .author-article .content .right .article footer span {
    background: #F9F9FB;
    color: #2f2f2f;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    margin-right: 10px
}

section.main .author-content .load-more-author-articles {
    margin: 48px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    background: #fff;
    color: #0e68ca;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #e9f0fa;
    transition: .3s ease;
    cursor: pointer;
    width: 160px;
    height: 40px
}

section.main .author-content .load-more-author-articles:hover,
section.main .author-content .load-more-author-articles:active {
    text-decoration: underline
}

section.main aside.sidebar {
    margin: 0 16px
}

section.main aside.sidebar .followed-articles,
section.main aside.sidebar .member-of-groups {
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 12px rgba(14, 72, 202, 0.06);
    box-shadow: 0px 3px 12px rgba(14, 72, 202, 0.06)
}

section.main aside.sidebar .followed-articles h3,
section.main aside.sidebar .member-of-groups h3 {
    font-size: 20px;
    font-weight: 700;
    color: #2f2f2f;
    margin: 0 0 24px 0
}

section.main aside.sidebar .followed-articles {
    margin-bottom: 32px
}

section.main aside.sidebar .followed-articles ul {
    margin: 0;
    padding: 0;
    min-height: 100px;
    max-height: 200px;
    overflow-y: auto
}

section.main aside.sidebar .followed-articles ul li {
    list-style-type: none;
    margin: 5px 0
}

section.main aside.sidebar .followed-articles ul li a {
    text-decoration: none;
    transition: .3s ease;
    color: #747474
}

section.main aside.sidebar .followed-articles ul li a:hover {
    text-decoration: underline
}

section.main aside.sidebar .member-of-groups {
    margin-bottom: 20px
}

section.main aside.sidebar .member-of-groups .group {
    display: inline-block;
    padding: 12px;
    background: #F9F9FB;
    font-size: 14px;
    font-weight: bold;
    color: #2f2f2f;
    margin: 0 5px 5px 0
}

section.main aside.sidebar .member-of-groups .group a {
    text-decoration: none;
    color: #2f2f2f;
    transition: .4s ease
}

section.main aside.sidebar .member-of-groups .group a:hover {
    color: #0e68ca
}

section.main aside.sidebar.fixed {
    position: fixed;
    top: 200px;
    right: 0;
    width: 480px;
    z-index: 100
}

section.main aside.sidebar.fixed .followed-articles,
section.main aside.sidebar.fixed .member-of-groups {
    border-radius: 32px 0 0 32px
}

@media (min-width: 1280px) {
    main.author-page section.main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    main.author-page section.main .author-content {
        flex: 0 1 740px
    }

    main.author-page section.main aside {
        flex: 0 1 400px;
        margin: 0
    }

    main.author-page section.main aside .followed-articles,
    main.author-page section.main aside .member-of-groups {
        padding: 32px;
        border-radius: 32px
    }
}

.thanks-page {
    padding-bottom: 96px
}

.thanks-page .container .content {
    max-width: 780px;
    background: #fff;
    border-radius: 24px;
    padding: 16px;
    -webkit-box-shadow: 0px 3px 12px rgba(31, 33, 98, 0.06);
    box-shadow: 0px 3px 12px rgba(31, 33, 98, 0.06)
}

@media (min-width: 1024px) {
    .thanks-page .container .content {
        padding: 32px
    }
}

.fr-view table,
.article-modal table {
    border-collapse: collapse
}

.fr-view table th,
.fr-view table td,
.article-modal table th,
.article-modal table td {
    padding: 16px;
    vertical-align: baseline;
    text-align: left
}

.fr-view table th,
.article-modal table th {
    background: #F9F9FB;
    color: #2f2f2f
}

.fr-view table.fr-table-border-0 td,
.fr-view table.fr-table-border-0 th,
.article-modal table.fr-table-border-0 td,
.article-modal table.fr-table-border-0 th {
    border-width: 0px
}

.fr-view table.fr-table-border-1 td,
.fr-view table.fr-table-border-1 th,
.article-modal table.fr-table-border-1 td,
.article-modal table.fr-table-border-1 th {
    border-width: 1px
}

.fr-view table.fr-table-border-2 td,
.fr-view table.fr-table-border-2 th,
.article-modal table.fr-table-border-2 td,
.article-modal table.fr-table-border-2 th {
    border-width: 2px
}

.fr-view table.fr-table-border-3 td,
.fr-view table.fr-table-border-3 th,
.article-modal table.fr-table-border-3 td,
.article-modal table.fr-table-border-3 th {
    border-width: 3px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th,
.article-modal table.fr-dashed-borders td,
.article-modal table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n),
.article-modal table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted,
.article-modal table td.fr-highlighted,
.article-modal table th.fr-highlighted {
    border: 1px double #F25555
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick,
.article-modal table td.fr-thick,
.article-modal table th.fr-thick {
    border-width: 2px
}

.fr-view img.fr-dib,
.article-modal img.fr-dib {
    margin: auto;
    display: block;
    float: none;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 5px
}

.fr-view img.fr-dib.fr-fil,
.article-modal img.fr-dib.fr-fil {
    margin: 5px auto 5px 0;
    left: 5px
}

.fr-view img.fr-dib.fr-fir,
.article-modal img.fr-dib.fr-fir {
    margin: 5px 0 5px auto;
    right: 5px
}

.fr-view img.fr-dii,
.article-modal img.fr-dii {
    margin: auto;
    display: inline-block;
    float: none;
    margin-top: 5px;
    margin-bottom: 5px
}

.fr-view img.fr-dii.fr-fil,
.article-modal img.fr-dii.fr-fil {
    margin: 5px 10px 5px 0;
    left: 5px;
    float: left
}

.fr-view img.fr-dii.fr-fir,
.article-modal img.fr-dii.fr-fir {
    margin: 5px 0 5px 10px;
    right: 5px;
    float: right
}

.fr-view img.fr-rounded,
.article-modal img.fr-rounded {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view img.fr-bordered,
.article-modal img.fr-bordered {
    border: solid 10px #eeeeee
}

.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img,
.article-modal img.fr-shadow,
.article-modal .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 0px 0px 6px rgba(87, 102, 187, 0.12);
    box-shadow: 0px 0px 6px rgba(87, 102, 187, 0.12)
}

.fr-view pre,
.article-modal pre {
    display: block;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word;
    color: #titles_color;
    background-color: #F9F9FB;
    border: 1px solid #dadae7;
    border-radius: 4px;
    white-space: pre-wrap
}

.fr-view .f-tabs .tab-bar,
.article-modal .f-tabs .tab-bar {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.fr-view .f-tabs .tab-bar .tab-title,
.article-modal .f-tabs .tab-bar .tab-title {
    border: 1px solid #dadae7;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 24px;
    margin-right: 1px;
    cursor: pointer
}

.fr-view .f-tabs .tab-bar .tab-title.active,
.article-modal .f-tabs .tab-bar .tab-title.active {
    background: #F9F9FB;
    color: #0e68ca
}

.fr-view .f-tabs .tab-contents,
.article-modal .f-tabs .tab-contents {
    border: 1px solid #dadae7;
    padding: 16px;
    border-radius: 0 5px 5px 5px
}

.fr-view .f-tabs .tab-contents .tab-content,
.article-modal .f-tabs .tab-contents .tab-content {
    display: none
}

.fr-view .f-tabs .tab-contents .tab-content.active,
.article-modal .f-tabs .tab-contents .tab-content.active {
    display: block
}

.fr-view .f-accordion-panel,
.article-modal .f-accordion-panel {
    border: 1px solid #dadae7;
    border-radius: 5px;
    margin-bottom: 1px
}

.fr-view .f-accordion-panel .panel-title,
.article-modal .f-accordion-panel .panel-title {
    position: relative;
    padding: 16px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #2f2f2f;
    background: #fff;
    transition: .3s ease;
    border-radius: 5px
}

.fr-view .f-accordion-panel .panel-title:hover,
.article-modal .f-accordion-panel .panel-title:hover {
    background: #F9F9FB
}

.fr-view .f-accordion-panel .panel-title::after,
.article-modal .f-accordion-panel .panel-title::after {
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    font-weight: 400;
    color: #2f2f2f;
    position: absolute;
    right: 16px
}

.fr-view .f-accordion-panel .panel-content,
.article-modal .f-accordion-panel .panel-content {
    display: none;
    padding: 16px
}

.fr-view .f-accordion-panel.active .panel-title,
.article-modal .f-accordion-panel.active .panel-title {
    color: #0e68ca;
    background: #F9F9FB;
    border-radius: 5px 5px 0 0
}

.fr-view .f-accordion-panel.active .panel-title::after,
.article-modal .f-accordion-panel.active .panel-title::after {
    content: '\f068';
    color: #0e68ca
}

.fr-view .f-accordion-panel.active .panel-content,
.article-modal .f-accordion-panel.active .panel-content {
    display: block
}

.fr-view .kb-alert-block,
.article-modal .kb-alert-block {
    margin-bottom: 16px
}

.fr-view .kb-alert-block .alert-message,
.article-modal .kb-alert-block .alert-message {
    padding: 16px
}

.fr-view .kb-alert-block.kb-info-block,
.article-modal .kb-alert-block.kb-info-block {
    border-left: 5px solid #2196F3;
    background: #daf1f8
}

.fr-view .kb-alert-block.kb-info-block *,
.article-modal .kb-alert-block.kb-info-block * {
    color: #3E729F
}

.fr-view .kb-alert-block.kb-warning-block,
.article-modal .kb-alert-block.kb-warning-block {
    border-left: 5px solid #FF9800;
    background: #f8d9ac
}

.fr-view .kb-alert-block.kb-warning-block *,
.article-modal .kb-alert-block.kb-warning-block * {
    color: #8A6D3C
}

.fr-view .kb-alert-block.kb-success-block,
.article-modal .kb-alert-block.kb-success-block {
    border-left: 5px solid #4CAF50;
    background: #c7e6c7
}

.fr-view .kb-alert-block.kb-success-block *,
.article-modal .kb-alert-block.kb-success-block * {
    color: #4A7D61
}

.fr-view .kb-alert-block.kb-error-block,
.article-modal .kb-alert-block.kb-error-block {
    border-left: 5px solid #F44336;
    background: #f4cecd
}

.fr-view .kb-alert-block.kb-error-block *,
.article-modal .kb-alert-block.kb-error-block * {
    color: #A4474F
}

.fr-view .kb-alert-block .fa-trash-alt,
.article-modal .kb-alert-block .fa-trash-alt {
    display: none
}

.fr-view div.internal-article,
.article-modal div.internal-article {
    padding: 8px 16px;
    border-radius: 4px;
    background: #daf1f8;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3E729F;
    margin: -24px 0 36px
}

.fr-view div.internal-article i,
.article-modal div.internal-article i {
    margin-right: 10px;
    font-size: 24px
}

.fr-view div.internal-article p,
.article-modal div.internal-article p {
    font-weight: bold;
    margin: 0;
    color: #3E729F
}

.fr-view iframe,
.article-modal iframe {
    max-width: 100%
}

.fr-view .fr-video.fr-dvb,
.article-modal .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl,
.article-modal .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr,
.article-modal .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi,
.article-modal .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl,
.article-modal .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr,
.article-modal .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view blockquote,
.article-modal blockquote {
    position: relative;
    padding: 20px 20px 20px 60px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #7B8994;
    background: #F2F4F6;
    quotes: "“" "”" "‘" "’";
    font-family: Georgia, serif
}

.fr-view blockquote p,
.article-modal blockquote p {
    margin-bottom: 10px
}

.fr-view blockquote::before,
.article-modal blockquote::before {
    content: open-quote;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 0;
    font-family: Georgia, serif;
    font-style: normal;
    font-size: 5em;
    color: #7B8994
}

.fr-view ul li,
.fr-view ol li,
.article-modal ul li,
.article-modal ol li {
    margin: 6px 0
}

div.popup-image {
    position: relative;
    overflow: hidden
}

div.popup-image .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    cursor: pointer;
    transition: transform .5s ease;
    font-weight: 600
}

div.popup-image img {
    transition: transform .5s ease;
    cursor: pointer;
    height: auto;
    max-height: 150%
}

div.popup-image:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

div.popup-image:hover .overlay {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

div.popup-image.active {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    padding: 5%;
    overflow-x: hidden;
    overflow-y: auto
}

div.popup-image.active .overlay {
    opacity: 0
}

div.popup-image.active img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 90%;
    width: auto;
    margin: auto !important;
    animation: scaleImage .5s ease-in-out
}

@media (min-width: 1200px) {
    div.popup-image.active img {
        max-width: 80%;
        max-height: 80vh
    }
}

@media (min-width: 1440px) {
    div.popup-image.active img {
        max-width: 1400px
    }
}

div.popup-image.active:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

@keyframes scaleImage {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.kb-dt-container {
    position: relative;
    border-radius: 10px;
    padding: 30px;
    margin: 30px 5px;
    min-height: 170px;
    background: #FFFFFF;
    border: 1px solid #dadae7
}

.kb-dt-container .delete-kb-dt-container,
.kb-dt-container .delete-dt-tab,
.kb-dt-container .add-dt-tab,
.kb-dt-container .add-answers,
.kb-dt-container .start {
    display: none !important
}

.kb-dt-container .dt-tab-content {
    display: none
}

.kb-dt-container .back {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    width: 37px;
    height: 37px;
    border: 1px solid #dadae7;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    transition: .3s ease
}

.kb-dt-container .back i {
    color: #2f2f2f
}

.kb-dt-container .back:hover {
    background: #F9F9FB
}

.kb-dt-container p,
.kb-dt-container ul,
.kb-dt-container h1,
.kb-dt-container h2,
.kb-dt-container h3,
.kb-dt-container h4,
.kb-dt-container img {
    text-align: left
}

.kb-dt-container h3 {
    margin-top: 0
}

.kb-dt-container .kb-dt-tabs {
    margin-top: 20px
}

.kb-dt-container .kb-dt-tabs>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 10px 0 0
}

.kb-dt-container .kb-dt-tabs>ul li {
    list-style-type: none;
    flex: 0 1 100%;
    margin: 3px 0
}

.kb-dt-container .kb-dt-tabs .dt-tab {
    padding: 10px 30px;
    background: #fff;
    border: 1px solid #dadae7;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #2f2f2f;
    cursor: pointer;
    transition: .3s ease
}

.kb-dt-container .kb-dt-tabs .dt-tab .response {
    color: #titles_color;
    margin: 0 !important
}

.kb-dt-container .kb-dt-tabs .dt-tab:hover {
    background: #F9F9FB;
    color: #0e68ca
}

.kb-dt-container .kb-dt-tabs .dt-tab:hover .response {
    color: #0e68ca
}

.kb-internal-block {
    position: relative;
    border-top: 2px solid #F0F3F9;
    border-bottom: 2px solid #F0F3F9;
    padding: 35px 0;
    margin-top: 10px
}

.kb-internal-block .header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: -48px 0 20px 0px;
    user-select: none
}

.kb-internal-block .header div {
    margin: 0 16px 0 0 !important;
    font-size: 14px;
    font-weight: 600;
    background: #FFFFFF;
    color: #7b8994;
    padding: 1px 3px
}

.kb-internal-block .header div i {
    font-size: 14px;
    margin-right: 6px
}

.kb-internal-block .header a {
    display: none
}

.kb-internal-block .header .fa-trash-alt {
    display: none
}

.kb-glossary-item {
    border-bottom: 1px dashed #126CFF;
    transition: .3s ease
}

.kb-glossary-item:hover {
    border-bottom: 1px solid #126CFF
}

.glossary-modal {
    position: absolute;
    width: 300px;
    border: 1px solid #E6E6E6;
    padding: 20px;
    background: #FFFFFF;
    z-index: 100;
    display: none
}

.glossary-modal header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0;
    border: none
}

.glossary-modal header .term-expression {
    margin: 0;
    flex: 0 1 calc(100% - 50px);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline
}

.glossary-modal header .edit-term-expression {
    flex: 0 1 20px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

.glossary-modal header .edit-term-expression:hover,
.glossary-modal header .edit-term-expression:focus,
.glossary-modal header .edit-term-expression:active {
    text-decoration: none
}

.glossary-modal header .edit-term-expression i {
    font-size: 10px;
    color: #A2A2A2
}

.glossary-modal .body {
    padding: 0 0 0 10px;
    margin-bottom: 25px;
    border: none
}

.glossary-modal .body p {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #7C7C7C
}

.glossary-modal footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    border: none;
    background: none
}

.glossary-modal footer h4 {
    flex: 0 1 calc(100% - 65px);
    font-size: 11px;
    color: #A2A2A2;
    margin: 0;
    text-align: left
}

.glossary-modal footer h4 a {
    text-decoration: underline;
    color: #126CFF
}

.glossary-modal footer .term-feedback {
    margin-left: 10px;
    cursor: pointer;
    text-decoration: none;
    color: #4E4E4E
}

.glossary-modal footer .term-feedback:hover,
.glossary-modal footer .term-feedback:focus,
.glossary-modal footer .term-feedback:active {
    text-decoration: none
}

.glossary-modal footer .term-feedback i,
.glossary-modal footer .term-feedback span {
    font-size: 10px;
    color: #4E4E4E
}

@media (min-width: 768px) {
    .glossary-modal::before {
        content: '';
        width: 10px;
        height: 10px;
        border-left: 1px solid #E6E6E6;
        border-top: 1px solid #E6E6E6;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        z-index: 110;
        top: -6px;
        left: 10px;
        background: #FFFFFF
    }
}

.kb-table-of-contents {
    background: #eeeeee;
    padding: 16px;
    margin-bottom: 20px
}

.kb-table-of-contents .fa-trash-alt,
.kb-table-of-contents .update-toc {
    display: none
}

.kb-table-of-contents h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
    color: #2f2f2f !important;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px
}

.kb-table-of-contents a {
    display: block;
    color: #747474 !important;
    margin: 5px 0;
    text-decoration: none
}

.kb-table-of-contents a:hover {
    color: #2f2f2f !important
}

@media (min-width: 1280px) {
    .kb-table-of-contents {
        position: fixed;
        top: 40%;
        right: 0;
        z-index: 999;
        width: 280px;
        margin-bottom: 0
    }
}

@media (min-width: 1440px) {
    .kb-table-of-contents {
        width: 320px
    }
}

@media (min-width: 1920px) {
    .kb-table-of-contents {
        width: 400px
    }
}

#glossary-article .glossary-locked-article {
    display: none
}

#glossary-article .glossary-article-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

#glossary-article .glossary-article-header h2 {
    flex: 0 1 100%;
    font-size: 36px;
    font-weight: bold;
    color: #1E293A;
    margin: 0 0 20px 0
}

#glossary-article .glossary-article-header input {
    flex: 0 1 280px;
    width: 280px;
    height: 36px;
    border: 1px solid #E2E5E9;
    border-radius: 36px;
    padding: 0 20px;
    outline: none;
    -webkit-appearance: none;
    appearance: none
}

#glossary-article .glossary-article-header p {
    color: #747474;
    margin: 20px 0;
    font-size: 17px !important;
    flex: 0 1 100%
}

#glossary-article .glossary-article-header .alphabetical-navigation {
    flex: 0 1 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee
}

#glossary-article .glossary-article-header .alphabetical-navigation button {
    width: 26px;
    height: 26px;
    font-size: 14px;
    color: #7B8994;
    border: 1px solid #E2E5E9;
    background: #FFFFFF;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px 10px 1px 0;
    cursor: pointer;
    padding: 0
}

#glossary-article .glossary-article-header .alphabetical-navigation button.active {
    background: #0e68ca;
    border: 1px solid #0e68ca;
    color: #FFFFFF
}

@media (min-width: 768px) {
    #glossary-article .glossary-article-header h2 {
        flex: 0 1 calc(100% - 330px);
        margin: 0
    }
}

#glossary-article .glossary-terms {
    margin-top: 50px
}

#glossary-article .glossary-terms ul {
    margin: 0;
    padding: 0
}

#glossary-article .glossary-terms ul li {
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px 0
}

#glossary-article .glossary-terms ul li h4 {
    font-size: 20px;
    font-weight: 600;
    color: #0e68ca;
    margin: 0 0 5px 0;
    text-decoration: underline
}

#glossary-article .glossary-terms ul li p {
    font-size: 16px;
    font-weight: normal;
    color: #7B8994;
    margin: 0
}

.kb-language-switcher {
    display: inline-block;
    position: relative;
    margin-left: 10px
}

.kb-language-switcher .current-language {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 20px;
    background: #7f8d9c;
    border-radius: 2px;
    cursor: pointer
}

.kb-language-switcher .current-language .flag-icon,
.kb-language-switcher .current-language .fi {
    margin-right: 10px;
    background-size: 16px
}

.kb-language-switcher .current-language .language-name {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF
}

.kb-language-switcher .current-language::after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    position: absolute;
    right: 10px;
    top: 13px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    z-index: 999
}

.kb-language-switcher .languages {
    position: absolute;
    display: none;
    margin: 0;
    padding: 5px;
    top: 65px;
    left: calc(50% - 125px);
    z-index: 9999;
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(87, 187, 255, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(87, 187, 255, 0.25);
    border-radius: 5px;
    min-width: 250px
}

.kb-language-switcher .languages.active {
    display: block
}

.kb-language-switcher .languages::before {
    content: '';
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 15px);
    margin-top: -19px;
    z-index: -1;
    box-shadow: 0 0 5px rgba(87, 187, 255, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(87, 187, 255, 0.25)
}

.kb-language-switcher .languages a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #7f8d9c;
    text-decoration: none;
    background: #FFFFFF;
    cursor: pointer;
    width: 100%;
    padding: 10px;
    border-radius: 3px
}

.kb-language-switcher .languages a.current {
    background: #bde0ff
}

.kb-language-switcher .languages a:hover {
    text-decoration: none !important;
    background: #bde0ff
}

.kb-language-switcher .languages a .language-code {
    display: none
}

.kb-language-switcher .languages a .flag-icon,
.kb-language-switcher .languages a .fi {
    margin-right: 12px;
    background-size: 16px
}

.kb-language-switcher .languages a .language-name {
    font-size: 14px;
    font-weight: 600;
    color: #7f8d9c
}

.kb-language-switcher.mobile {
    display: inline-flex;
    width: 100%;
    margin: 0 0 10px 0
}

@media (min-width: 1024px) {
    .kb-language-switcher.mobile {
        display: none
    }
}

.kb-language-switcher.mobile .current-language {
    margin-left: auto
}

.kb-language-switcher.mobile .current-language .flag-icon,
.kb-language-switcher.mobile .current-language .fi {
    margin: 0
}

.kb-language-switcher.mobile .languages {
    top: 40px;
    left: inherit
}

.kb-language-switcher.mobile .languages::before {
    content: none
}

@media (max-width: 1023px) {
    .kb-language-switcher.desktop {
        display: none
    }
}

.kb-language-switcher.desktop .current-language {
    padding: 10px 40px 10px 20px
}

.kb-language-switcher.desktop .current-language::after {
    right: 18px
}

.fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-text-gray {
    color: #aaa !important
}

.fr-text-uppercase {
    text-transform: uppercase
}

.fr-text-spaced {
    letter-spacing: 1px
}

img.avatar {
    background-size: cover !important
}

.fa-trash-alt,
.line-break {
    display: none !important
}

.article-item .kb-editor-content h1,
.article-item .kb-editor-content h2,
.article-item .kb-editor-content h3,
.article-item .kb-editor-content h4,
.article-item .kb-editor-content p,
.article-item .kb-editor-content li,
.article-item .kb-editor-content div,
.article-item .body .kb-editor-content h1,
.article-item .body .kb-editor-content h2,
.article-item .body .kb-editor-content h3,
.article-item .body .kb-editor-content h4,
.article-item .body .kb-editor-content p,
.article-item .body .kb-editor-content li,
.article-item .body .kb-editor-content div,
.fr-view .kb-editor-content h1,
.fr-view .kb-editor-content h2,
.fr-view .kb-editor-content h3,
.fr-view .kb-editor-content h4,
.fr-view .kb-editor-content p,
.fr-view .kb-editor-content li,
.fr-view .kb-editor-content div,
article .kb-editor-content h1,
article .kb-editor-content h2,
article .kb-editor-content h3,
article .kb-editor-content h4,
article .kb-editor-content p,
article .kb-editor-content li,
article .kb-editor-content div,
.answer .kb-editor-content h1,
.answer .kb-editor-content h2,
.answer .kb-editor-content h3,
.answer .kb-editor-content h4,
.answer .kb-editor-content p,
.answer .kb-editor-content li,
.answer .kb-editor-content div,
#answer .kb-editor-content h1,
#answer .kb-editor-content h2,
#answer .kb-editor-content h3,
#answer .kb-editor-content h4,
#answer .kb-editor-content p,
#answer .kb-editor-content li,
#answer .kb-editor-content div,
.article-content .kb-editor-content h1,
.article-content .kb-editor-content h2,
.article-content .kb-editor-content h3,
.article-content .kb-editor-content h4,
.article-content .kb-editor-content p,
.article-content .kb-editor-content li,
.article-content .kb-editor-content div {
    color: rgba(0, 0, 0, 0.87);
    font-family: "Open Sans", sans-serif;
    font-weight: initial
}

.article-item .kb-editor-content h1,
.article-item .kb-editor-content h2,
.article-item .kb-editor-content h3,
.article-item .kb-editor-content h4,
.article-item .kb-editor-content h5,
.article-item .body .kb-editor-content h1,
.article-item .body .kb-editor-content h2,
.article-item .body .kb-editor-content h3,
.article-item .body .kb-editor-content h4,
.article-item .body .kb-editor-content h5,
.fr-view .kb-editor-content h1,
.fr-view .kb-editor-content h2,
.fr-view .kb-editor-content h3,
.fr-view .kb-editor-content h4,
.fr-view .kb-editor-content h5,
article .kb-editor-content h1,
article .kb-editor-content h2,
article .kb-editor-content h3,
article .kb-editor-content h4,
article .kb-editor-content h5,
.answer .kb-editor-content h1,
.answer .kb-editor-content h2,
.answer .kb-editor-content h3,
.answer .kb-editor-content h4,
.answer .kb-editor-content h5,
#answer .kb-editor-content h1,
#answer .kb-editor-content h2,
#answer .kb-editor-content h3,
#answer .kb-editor-content h4,
#answer .kb-editor-content h5,
.article-content .kb-editor-content h1,
.article-content .kb-editor-content h2,
.article-content .kb-editor-content h3,
.article-content .kb-editor-content h4,
.article-content .kb-editor-content h5 {
    line-height: 1.1;
    font-weight: inherit;
    text-transform: initial;
    letter-spacing: initial
}

.article-item .kb-editor-content p,
.article-item .body .kb-editor-content p,
.fr-view .kb-editor-content p,
article .kb-editor-content p,
.answer .kb-editor-content p,
#answer .kb-editor-content p,
.article-content .kb-editor-content p {
    font-size: 18px;
    margin: 18px 0;
    line-height: 1.5;
    padding: 0 !important
}

.article-item .kb-editor-content p span,
.article-item .body .kb-editor-content p span,
.fr-view .kb-editor-content p span,
article .kb-editor-content p span,
.answer .kb-editor-content p span,
#answer .kb-editor-content p span,
.article-content .kb-editor-content p span {
    font-size: 18px
}

.article-item .kb-editor-content h1,
.article-item .body .kb-editor-content h1,
.fr-view .kb-editor-content h1,
article .kb-editor-content h1,
.answer .kb-editor-content h1,
#answer .kb-editor-content h1,
.article-content .kb-editor-content h1 {
    font-size: 40px;
    margin: 24px 0
}

.article-item .kb-editor-content h2,
.article-item .body .kb-editor-content h2,
.fr-view .kb-editor-content h2,
article .kb-editor-content h2,
.answer .kb-editor-content h2,
#answer .kb-editor-content h2,
.article-content .kb-editor-content h2 {
    font-size: 32px;
    margin: 20px 0
}

.article-item .kb-editor-content h3,
.article-item .body .kb-editor-content h3,
.fr-view .kb-editor-content h3,
article .kb-editor-content h3,
.answer .kb-editor-content h3,
#answer .kb-editor-content h3,
.article-content .kb-editor-content h3 {
    font-size: 24px;
    margin: 18px 0
}

.article-item .kb-editor-content h4,
.article-item .body .kb-editor-content h4,
.fr-view .kb-editor-content h4,
article .kb-editor-content h4,
.answer .kb-editor-content h4,
#answer .kb-editor-content h4,
.article-content .kb-editor-content h4 {
    font-size: 20px;
    margin: 16px 0
}

.article-item .kb-editor-content span.kb-unselectable,
.article-item .body .kb-editor-content span.kb-unselectable,
.fr-view .kb-editor-content span.kb-unselectable,
article .kb-editor-content span.kb-unselectable,
.answer .kb-editor-content span.kb-unselectable,
#answer .kb-editor-content span.kb-unselectable,
.article-content .kb-editor-content span.kb-unselectable {
    opacity: 0.7
}

.article-item .kb-editor-content ul li,
.article-item .kb-editor-content ol li,
.article-item .body .kb-editor-content ul li,
.article-item .body .kb-editor-content ol li,
.fr-view .kb-editor-content ul li,
.fr-view .kb-editor-content ol li,
article .kb-editor-content ul li,
article .kb-editor-content ol li,
.answer .kb-editor-content ul li,
.answer .kb-editor-content ol li,
#answer .kb-editor-content ul li,
#answer .kb-editor-content ol li,
.article-content .kb-editor-content ul li,
.article-content .kb-editor-content ol li {
    font-size: 18px
}

.article-item .kb-editor-content a,
.article-item .kb-editor-content span,
.article-item .body .kb-editor-content a,
.article-item .body .kb-editor-content span,
.fr-view .kb-editor-content a,
.fr-view .kb-editor-content span,
article .kb-editor-content a,
article .kb-editor-content span,
.answer .kb-editor-content a,
.answer .kb-editor-content span,
#answer .kb-editor-content a,
#answer .kb-editor-content span,
.article-content .kb-editor-content a,
.article-content .kb-editor-content span {
    font-family: "Open Sans", sans-serif;
    font-weight: initial
}

.article-item .kb-editor-content .fr-text-bordered,
.article-item .body .kb-editor-content .fr-text-bordered,
.fr-view .kb-editor-content .fr-text-bordered,
article .kb-editor-content .fr-text-bordered,
.answer .kb-editor-content .fr-text-bordered,
#answer .kb-editor-content .fr-text-bordered,
.article-content .kb-editor-content .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.article-item .kb-editor-content .fr-text-spaced,
.article-item .body .kb-editor-content .fr-text-spaced,
.fr-view .kb-editor-content .fr-text-spaced,
article .kb-editor-content .fr-text-spaced,
.answer .kb-editor-content .fr-text-spaced,
#answer .kb-editor-content .fr-text-spaced,
.article-content .kb-editor-content .fr-text-spaced {
    letter-spacing: 1px
}

.article-item .kb-editor-content .fr-text-uppercase,
.article-item .body .kb-editor-content .fr-text-uppercase,
.fr-view .kb-editor-content .fr-text-uppercase,
article .kb-editor-content .fr-text-uppercase,
.answer .kb-editor-content .fr-text-uppercase,
#answer .kb-editor-content .fr-text-uppercase,
.article-content .kb-editor-content .fr-text-uppercase {
    text-transform: uppercase
}

.article-item .kb-editor-content table td,
.article-item .kb-editor-content table th,
.article-item .body .kb-editor-content table td,
.article-item .body .kb-editor-content table th,
.fr-view .kb-editor-content table td,
.fr-view .kb-editor-content table th,
article .kb-editor-content table td,
article .kb-editor-content table th,
.answer .kb-editor-content table td,
.answer .kb-editor-content table th,
#answer .kb-editor-content table td,
#answer .kb-editor-content table th,
.article-content .kb-editor-content table td,
.article-content .kb-editor-content table th {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.87)
}

.article-item .kb-editor-content table th,
.article-item .body .kb-editor-content table th,
.fr-view .kb-editor-content table th,
article .kb-editor-content table th,
.answer .kb-editor-content table th,
#answer .kb-editor-content table th,
.article-content .kb-editor-content table th {
    font-weight: bold
}

.kb-table-of-contents-container p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px
}

.kb-table-of-contents-container .kb-toc-items {
    padding: 0
}

.kb-table-of-contents-container .kb-toc-items a {
    font-size: 14px
}

@media (max-width: 1279px) {
    .kb-table-of-contents-container {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .kb-table-of-contents-container {
        position: sticky;
        top: 150px !important;
        margin-top: 16px;
        margin-left: 24px;
        margin-bottom: 16px;
        right: 0;
        z-index: 1;
        width: 350px;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        height: auto
    }
}

.side-container {
    width: 25%;
    overflow: hidden
}

.categories_map {
    position: relative;
    flex-basis: 25%;
    background: #F5F6FA;
    padding: 0 0 0 40px
}

.categories_map>div {
    overflow: auto;
    width: 221px;
    padding: 40px 25px 0 0;
    position: sticky;
    top: 90px;
    width: auto
}

.categories_map.fixedTop>div {
    position: fixed !important;
    top: 90px !important
}

.categories_map.fixedBottom>div {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100%
}

.categories_map h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 17px;
    margin-top: 0;
    color: #3D466E;
    margin-bottom: 30px
}

.categories_map .sitemap>.category {
    margin-bottom: 9px;
    padding-bottom: 1px
}

.categories_map .category h3 {
    display: flex;
    font-size: 11px;
    font-weight: 500;
    color: #3D466E;
    margin: 0 0 15px;
    cursor: pointer
}

.categories_map .category h3 a {
    padding-right: 10px;
    font-size: 16px
}

.categories_map .category h3 svg {
    transform: rotate(180deg);
    min-width: 10px;
    flex-basis: 10px;
    position: relative;
    margin: auto
}

.categories_map .category p {
    display: none;
    font-size: 10px;
    margin: 0 0 15px;
    color: #3D466E
}

.categories_map .category.open>h3 svg {
    transform: rotate(0)
}

.categories_map .category.open p {
    display: block
}

.category_page .categories-content {
    display: flex;
    padding-top: 0
}

.category_page .categories-content .container {
    padding: 30px 20px 0
}

.category ul {
    display: none
}

.category.open ul {
    display: block
}

header#main-header {
    background-image: url(https://www.source-elements.com/wp-content/uploads/2021/06/bg_about_us-scaled.jpg)
}

header#main-header .two-col-layout ul {
    margin: 0
}

header#main-header .column-left {
    flex: 0 1 auto !important
}

header#main-header .column-left .links ul {
    display: flex
}

@media (max-width: 1024px) {
    header#main-header .column-left .links ul {
        flex-direction: column;
        align-items: flex-start;
        padding: 0
    }
}

header#main-header .column-left .links ul li {
    color: #e9eaeb;
    text-transform: capitalize;
    list-style: none
}

@media (max-width: 1024px) {
    header#main-header .column-left .links ul li {
        margin: 0 !important
    }
}

header#main-header .column-left .links ul li:first-child {
    text-align: center
}

header#main-header .column-left .links ul li:first-child a {
    text-align: left;
    position: relative
}

header#main-header .column-left .links ul li:first-child a:after {
    position: absolute;
    content: '';
    right: -2px;
    top: 13px;
    width: 11px;
    height: 11px;
    border: 2px solid;
    transform: rotate(45deg);
    border-bottom-color: transparent;
    border-left-color: transparent
}

header#main-header .column-left .links ul li:last-child {
    margin-left: 30px
}

header#main-header .column-left .links ul li a {
    text-decoration: none !important;
    color: white !important;
    border-radius: 5px !important
}

@media (max-width: 1023px) {
    header#main-header .column-left .links.mobile {
        display: none
    }
}

header#main-header .column-right {
    flex: 0 1 auto !important
}

header#main-header .column-right .user-nav {
    background: transparent !important
}

header#main-header .column-right .user-nav.active ul {
    background: #282e34;
    opacity: 0.9;
    padding: 20px 20px 20px 0px
}

@media (max-width: 768px) {
    header#main-header .column-right .user-nav ul {
        flex-direction: column;
        align-items: center;
        margin-left: auto !important
    }
}

@media (min-width: 1023px) {
    header#main-header .column-right .user-nav ul li.mobile {
        display: none
    }
}

header#main-header .column-right .user-nav ul li {
    list-style: none;
    margin-right: 20px
}

@media (max-width: 768px) {
    header#main-header .column-right .user-nav ul li {
        border: none !important
    }
}

header#main-header .column-right .user-nav ul li a {
    color: white !important;
    text-decoration: none !important;
    font-size: 15px
}

header#main-header .column-right .user-nav ul li a.button {
    border: 2px solid #b3df74;
    color: #b3df74 !important;
    border-radius: 2rem;
    padding: 8px 20px
}

header#main-header h1 {
    text-align: center;
    font-size: 18px;
    color: white;
    text-transform: uppercase
}

@media (min-width: 768px) and (max-width: 1024px) {
    header#main-header h1 {
        margin-left: -14%
    }
}

@media (max-width: 767px) {
    header#main-header h1 {
        align-self: flex-end;
        margin-left: -15%
    }
}

.main-layout,
.category-547117,
.category-552632,
.category-520185,
.category-504534 {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../../assets/images/source-elements-support-bg6-4k-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.main-layout .nav-menu,
.category-547117 .nav-menu,
.category-552632 .nav-menu,
.category-520185 .nav-menu,
.category-504534 .nav-menu {
    background: #1a1f23;
    display: flex;
    align-items: center;
    height: 81px
}

@media (max-width: 767px) {

    .main-layout .nav-menu,
    .category-547117 .nav-menu,
    .category-552632 .nav-menu,
    .category-520185 .nav-menu,
    .category-504534 .nav-menu {
        height: 100px
    }
}

.main-layout .nav-menu .nav-list,
.category-547117 .nav-menu .nav-list,
.category-552632 .nav-menu .nav-list,
.category-520185 .nav-menu .nav-list,
.category-504534 .nav-menu .nav-list {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    background: transparent;
    color: white;
    font-size: 18px;
    font-weight: 100;
    padding-top: 20px;
    padding-bottom: 8px
}

@media (max-width: 767px) {

    .main-layout .nav-menu .nav-list,
    .category-547117 .nav-menu .nav-list,
    .category-552632 .nav-menu .nav-list,
    .category-520185 .nav-menu .nav-list,
    .category-504534 .nav-menu .nav-list {
        padding: 10px;
        flex-wrap: wrap
    }
}

.main-layout .nav-menu .nav-list li,
.category-547117 .nav-menu .nav-list li,
.category-552632 .nav-menu .nav-list li,
.category-520185 .nav-menu .nav-list li,
.category-504534 .nav-menu .nav-list li {
    list-style: none
}

.main-layout .nav-menu .nav-list-item,
.category-547117 .nav-menu .nav-list-item,
.category-552632 .nav-menu .nav-list-item,
.category-520185 .nav-menu .nav-list-item,
.category-504534 .nav-menu .nav-list-item {
    position: relative;
    list-style: none;
    cursor: pointer
}

@media (max-width: 767px) {

    .main-layout .nav-menu .nav-list-item,
    .category-547117 .nav-menu .nav-list-item,
    .category-552632 .nav-menu .nav-list-item,
    .category-520185 .nav-menu .nav-list-item,
    .category-504534 .nav-menu .nav-list-item {
        margin: 5px
    }
}

.main-layout .nav-menu .nav-list-item>*:first-child,
.category-547117 .nav-menu .nav-list-item>*:first-child,
.category-552632 .nav-menu .nav-list-item>*:first-child,
.category-520185 .nav-menu .nav-list-item>*:first-child,
.category-504534 .nav-menu .nav-list-item>*:first-child {
    display: inline-block
}

.main-layout .nav-menu .nav-list-item *,
.category-547117 .nav-menu .nav-list-item *,
.category-552632 .nav-menu .nav-list-item *,
.category-520185 .nav-menu .nav-list-item *,
.category-504534 .nav-menu .nav-list-item * {
    color: white;
    text-decoration: none !important;
    font-size: 16px
}

@media (max-width: 768px) {

    .main-layout .nav-menu .nav-list-item *,
    .category-547117 .nav-menu .nav-list-item *,
    .category-552632 .nav-menu .nav-list-item *,
    .category-520185 .nav-menu .nav-list-item *,
    .category-504534 .nav-menu .nav-list-item * {
        font-size: 12px !important
    }
}

@media (max-width: 500px) {

    .main-layout .nav-menu .nav-list-item,
    .category-547117 .nav-menu .nav-list-item,
    .category-552632 .nav-menu .nav-list-item,
    .category-520185 .nav-menu .nav-list-item,
    .category-504534 .nav-menu .nav-list-item {
        flex: 0 1 30%;
        text-align: center;
        line-height: 1
    }
}

@media (max-width: 500px) {

    .main-layout .nav-menu .nav-list-item .has-child:first-child:after,
    .category-547117 .nav-menu .nav-list-item .has-child:first-child:after,
    .category-552632 .nav-menu .nav-list-item .has-child:first-child:after,
    .category-520185 .nav-menu .nav-list-item .has-child:first-child:after,
    .category-504534 .nav-menu .nav-list-item .has-child:first-child:after {
        top: 13px
    }
}

.main-layout .nav-menu .nav-list-item .has-child:after,
.category-547117 .nav-menu .nav-list-item .has-child:after,
.category-552632 .nav-menu .nav-list-item .has-child:after,
.category-520185 .nav-menu .nav-list-item .has-child:after,
.category-504534 .nav-menu .nav-list-item .has-child:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border: 6px solid;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    transform: rotate(45deg);
    right: -35px;
    top: 5px
}

@media (max-width: 768px) {

    .main-layout .nav-menu .nav-list-item .has-child:after,
    .category-547117 .nav-menu .nav-list-item .has-child:after,
    .category-552632 .nav-menu .nav-list-item .has-child:after,
    .category-520185 .nav-menu .nav-list-item .has-child:after,
    .category-504534 .nav-menu .nav-list-item .has-child:after {
        right: 40%;
        top: 18px;
        width: 7px;
        height: 7px;
        border: 4px solid
    }
}

@media (max-width: 500px) {

    .main-layout .nav-menu .nav-list-item .has-child:after,
    .category-547117 .nav-menu .nav-list-item .has-child:after,
    .category-552632 .nav-menu .nav-list-item .has-child:after,
    .category-520185 .nav-menu .nav-list-item .has-child:after,
    .category-504534 .nav-menu .nav-list-item .has-child:after {
        right: 2%;
        top: 5px
    }
}

.main-layout .nav-menu .nav-list-details,
.category-547117 .nav-menu .nav-list-details,
.category-552632 .nav-menu .nav-list-details,
.category-520185 .nav-menu .nav-list-details,
.category-504534 .nav-menu .nav-list-details {
    display: none;
    position: absolute;
    min-width: 300px;
    width: fit-content;
    background: #282c2f;
    padding: 20px;
    z-index: 9999;
    text-align: left
}

@media (max-width: 768px) {

    .main-layout .nav-menu .nav-list-details,
    .category-547117 .nav-menu .nav-list-details,
    .category-552632 .nav-menu .nav-list-details,
    .category-520185 .nav-menu .nav-list-details,
    .category-504534 .nav-menu .nav-list-details {
        min-width: 200px;
        left: -28px;
        top: 40px
    }
}

.main-layout .nav-menu .nav-list-details li,
.category-547117 .nav-menu .nav-list-details li,
.category-552632 .nav-menu .nav-list-details li,
.category-520185 .nav-menu .nav-list-details li,
.category-504534 .nav-menu .nav-list-details li {
    margin-bottom: 11px
}

.main-layout .nav-menu .nav-list-details li:hover,
.category-547117 .nav-menu .nav-list-details li:hover,
.category-552632 .nav-menu .nav-list-details li:hover,
.category-520185 .nav-menu .nav-list-details li:hover,
.category-504534 .nav-menu .nav-list-details li:hover {
    padding-left: 15px;
    transition: 0.5s;
    font-weight: 600
}

.main-layout .nav-menu .nav-list-details li a,
.category-547117 .nav-menu .nav-list-details li a,
.category-552632 .nav-menu .nav-list-details li a,
.category-520185 .nav-menu .nav-list-details li a,
.category-504534 .nav-menu .nav-list-details li a {
    font-size: 15px;
    white-space: nowrap
}

.main-layout .nav-menu .nav-list-details.show,
.category-547117 .nav-menu .nav-list-details.show,
.category-552632 .nav-menu .nav-list-details.show,
.category-520185 .nav-menu .nav-list-details.show,
.category-504534 .nav-menu .nav-list-details.show {
    display: block !important
}

.main-layout .page-intro,
.category-547117 .page-intro,
.category-552632 .page-intro,
.category-520185 .page-intro,
.category-504534 .page-intro {
    background: transparent
}

.main-layout .page-intro .welcome-h4,
.category-547117 .page-intro .welcome-h4,
.category-552632 .page-intro .welcome-h4,
.category-520185 .page-intro .welcome-h4,
.category-504534 .page-intro .welcome-h4 {
    margin-bottom: 15px;
    font-size: 18px;
    color: white
}

.main-layout .page-intro .search-form+h5,
.category-547117 .page-intro .search-form+h5,
.category-552632 .page-intro .search-form+h5,
.category-520185 .page-intro .search-form+h5,
.category-504534 .page-intro .search-form+h5 {
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 15px
}

.main-layout .page-intro.article-page-intro,
.category-547117 .page-intro.article-page-intro,
.category-552632 .page-intro.article-page-intro,
.category-520185 .page-intro.article-page-intro,
.category-504534 .page-intro.article-page-intro {
    background: #161616 !important
}

#category_547117.category_page .nav-menu .page-title,
#category_552632.category_page .nav-menu .page-title,
#category_520185.category_page .nav-menu .page-title,
#category_504534.category_page .nav-menu .page-title {
    color: white;
    position: relative
}

#category_547117.category_page .nav-menu span.dot,
#category_552632.category_page .nav-menu span.dot,
#category_520185.category_page .nav-menu span.dot,
#category_504534.category_page .nav-menu span.dot {
    width: 8px;
    height: 8px;
    background: #A7E163;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -10px;
    top: 2px
}

#category_547117.category_page .btn,
#category_552632.category_page .btn,
#category_520185.category_page .btn,
#category_504534.category_page .btn {
    border-radius: 2px !important;
    background: transparent;
    padding: 6px 35px !important;
    font-size: 15px;
    outline: none !important
}

@media (max-width: 768px) {

    #category_547117.category_page .btn,
    #category_552632.category_page .btn,
    #category_520185.category_page .btn,
    #category_504534.category_page .btn {
        font-size: 10px
    }
}

#category_547117.category_page .btn-primary,
#category_552632.category_page .btn-primary,
#category_520185.category_page .btn-primary,
#category_504534.category_page .btn-primary {
    border-color: white
}

#category_547117.category_page .btn-secondary,
#category_552632.category_page .btn-secondary,
#category_520185.category_page .btn-secondary,
#category_504534.category_page .btn-secondary {
    border-color: #A7E163;
    color: #A7E163
}

.card-hp {
    flex-direction: column-reverse;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem
}

.cards-hp {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 80px;
    text-align: center
}

.cards-hp .card-content-hp {
    flex: 0 1 416px;
    box-shadow: 1px 1px 1px 1px #242e3a, 1px 1px 1px 6px rgba(104, 108, 120, 0.5);
    border-radius: 10px;
    background: #31373E
}

.highlighted-card-sc4 {
    background: #A7E163 !important;
    box-shadow: 1px 1px 20px 1px #242e3a, 1px 1px 1px 6px rgba(104, 108, 120, 0.5) !important
}

.highlighted-card-sc4 .card-hp {
    background: #A7E163 !important
}

.highlighted-card-sc4 a.button {
    margin-bottom: 3px;
    background: #b1cd6b;
    width: fit-content;
    padding: 8px 43px;
    border-radius: 15px;
    border: 4px solid #3D432E;
    color: black;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500
}

.highlighted-card-nex {
    background: #00bdfc !important;
    box-shadow: 1px 1px 20px 1px #242e3a, 1px 1px 1px 6px rgba(104, 108, 120, 0.5) !important
}

.highlighted-card-nex .card-hp {
    background: #A7E163 !important
}

.highlighted-card-nex a.button {
    margin-bottom: 3px;
    background: #b1cd6b;
    width: fit-content;
    padding: 8px 43px;
    border-radius: 15px;
    border: 4px solid #00bdfc;
    color: black;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500
}

@media (max-width: 931px) and (min-width: 769px) {
    .cards-hp {
        gap: 70px
    }

    .cards-hp .card-content-hp {
        flex: 0 1 316px;
        box-shadow: 1px 1px 1px 1px #242e3a, 1px 1px 1px 6px rgba(104, 108, 120, 0.5);
        border-radius: 10px;
        background: #31373E
    }
}

@media (max-width: 675px) and (min-width: 446px) {
    .cards-hp .card-content-hp {
        margin: 0px 20px 0px 20px
    }
}

@media (max-width: 445px) {
    .cards-hp {
        gap: 50px !important
    }

    .cards-hp .card-content-hp {
        margin: 0px 30px 15px 30px
    }
}

.cards-hp .card-hp {
    background-color: #31373E !important;
    flex-direction: column;
    padding: 12px 12px 28px;
    text-align: center;
    justify-content: space-around;
    border-radius: 6px
}

@media (max-width: 768px) {
    .cards-hp .card-hp {
        height: 352px
    }
}

.cards-hp .card-title {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #A7E163;
    text-transform: uppercase;
    margin-bottom: 20px
}

.cards-hp h3 {
    color: white !important;
    padding: 20px 0px 0px 0px
}

.sign-up-source-connect-4-beta {
    color: #262C31 !important;
    font-weight: 600 !important
}

.sc4-subtext {
    color: #31373E !important
}

.sc4-beta-button {
    background: #31373E !important;
    border-radius: 8px !important;
    border: 3px solid #717171 !important;
    color: white !important;
    font-weight: 500;
    padding: 8px 43px !important;
    margin: 0 auto !important
}

.cards-hp .card-img {
    margin-bottom: 10px;
    height: 140px
}

.cards-hp .card-img img {
    opacity: 0.8
}

.cards-hp .card-hp p {
    font-size: 14px;
    color: #ffffffd4;
    font-weight: 400;
    margin: 20px 10px 30px 10px
}

.cards-hp .card-hp a.button {
    margin-bottom: 3px;
    background: #b1cd6b;
    width: fit-content;
    padding: 8px 43px;
    border-radius: 15px;
    border: 5px solid #3D432E;
    color: black;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500
}

.cards-hp .card-hp .button {
    background: #c9eb74;
    color: black;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    margin: 0 auto
}

.card {
    flex-direction: column-reverse;
    position: relative;
    display: flex;
    lex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem
}

.cards {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 100px;
    margin-bottom: 80px;
    text-align: center
}

@media (max-width: 768px) {
    .cards {
        gap: 30px
    }
}

@media (min-width: 769px) and (max-width: 1176px) {
    .cards {
        justify-content: center
    }
}

@media (max-width: 1177px) {
    .cards {
        gap: 50px
    }
}

.cards .card-content {
    flex: 0 1 309px
}

@media (max-width: 768px) {
    .cards .card-content {
        flex: 1 0 200px
    }
}

.cards .card {
    background-color: #31373E !important;
    flex-direction: column;
    padding: 30px 30px 30px 30px;
    text-align: left;
    height: 419px;
    border-radius: 6px;
    border: 3px solid #262C31;
    box-shadow: 0 0 0 3px #31373E
}

@media (max-width: 768px) {
    .cards .card {
        height: 380px
    }
}

.cards .card-title {
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    color: #A7E163;
    text-transform: uppercase;
    margin-bottom: 20px
}

.cards .card-img {
    margin-bottom: 30px;
    text-align: left !important
}

.cards .card-img img {
    opacity: 0.8
}

.cards .card p {
    font-size: 16px;
    color: #ffffffd4;
    font-weight: 400;
    text-align: left !important;
    margin-bottom: 30px
}

.cards .card p.title-sc4-card,
.cards .card p.title-snex-card {
    margin: 20px 20px 0 0px;
    font-size: 21px;
    font-family: 'Open Sans';
    font-weight: 500 !important
}

.cards .card p.sc4-card-vbg,
.cards .card p.snex-card-vbg {
    opacity: 0.8 !important;
    padding-bottom: 15px
}

.cards .card .button {
    background: #c9eb74;
    color: black;
    padding: 13px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    margin: 0 auto
}

.cards .card .scnex-button {
    background: #00bdfc;
    color: black;
    padding: 13px 22px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    margin: 0 auto
}

.category-content.category-547117,
.category-content.category-552632,
.category-content.category-520185,
.category-content.category-504534 {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(../../assets/images/source-elements-support-bg6-4k-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 80vh
}

.category-content.category-547117 .page-intro,
.category-content.category-552632 .page-intro,
.category-content.category-520185 .page-intro,
.category-content.category-504534 .page-intro {
    background: transparent;
    padding: 70px 0
}

.category-content.category-547117 .page-intro p.hub-welcome,
.category-content.category-552632 .page-intro p.hub-welcome,
.category-content.category-520185 .page-intro p.hub-welcome,
.category-content.category-504534 .page-intro p.hub-welcome {
    text-align: center;
    color: white;
    font-size: 15px;
    width: 50%;
    margin: 10px auto
}

@media (max-width: 768px) {

    .category-content.category-547117 .page-intro p.hub-welcome,
    .category-content.category-552632 .page-intro p.hub-welcome,
    .category-content.category-520185 .page-intro p.hub-welcome,
    .category-content.category-504534 .page-intro p.hub-welcome {
        width: 80%
    }
}

@media (max-width: 768px) {

    .category-content.category-547117 .nav-menu .nav-list .page-title,
    .category-content.category-552632 .nav-menu .nav-list .page-title,
    .category-content.category-520185 .nav-menu .nav-list .page-title,
    .category-content.category-504534 .nav-menu .nav-list .page-title {
        font-size: 14px
    }

    .category-content.category-547117 .nav-menu .nav-list .btn-primary,
    .category-content.category-552632 .nav-menu .nav-list .btn-primary,
    .category-content.category-520185 .nav-menu .nav-list .btn-primary,
    .category-content.category-504534 .nav-menu .nav-list .btn-primary {
        order: 3
    }
}

.category-content.category-547117 .categories-content,
.category-content.category-552632 .categories-content,
.category-content.category-520185 .categories-content,
.category-content.category-504534 .categories-content {
    background: transparent
}

.main-categories {
    margin-bottom: 50px
}

.main-categories .category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 15px;
    background: #2C333A;
    border-radius: 10px;
    position: relative;
    width: calc(100% / 3);
    box-shadow: 1px 1px 1px 1px #242e3a, 1px 1px 1px 6px rgba(104, 108, 120, 0.5)
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-categories .category {
        width: 80%;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .main-categories .category {
        width: 95%;
        height: 500px
    }

    .main-categories .category h3 {
        font-size: 21px
    }

    .main-categories .category p {
        font-size: 12px !important
    }
}

.main-categories .category * {
    color: white
}

.main-categories .category p {
    font-size: 14px;
    margin: 23px 0
}

.main-categories .category a.button {
    margin-bottom: 25px;
    background: #b1cd6b;
    width: fit-content;
    padding: 8px 43px;
    border-radius: 15px;
    border: 5px solid #3D432E;
    color: black;
    text-transform: capitalize
}

.main-categories .category div {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px
}

.main-categories .category .card-img-container {
    position: absolute;
    top: -12%;
    display: flex;
    align-items: flex-end;
    height: 200px
}

.class_368356,
.class_520195 {
    display: none
}

.categories-content[data-id="368356"],
.categories-content[data-id="520195"] {
    background-image: url("../images/1701453363091-Rectangle+622.png");
    background-repeat: no-repeat;
    background-size: cover
}

.about-us_page {
    text-align: center
}

.about-us_page h2 {
    font-size: 40px;
    color: #85898C;
    line-height: 60px
}

.about-us_page h2+ {
    color: #e1dbdb
}

.about-us_page .meet-our-team {
    color: white;
    line-height: 1.3;
    font-size: large
}

.about-us_page .team {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 60px auto
}

.about-us_page .team .member {
    width: 23%;
    border: 5px solid #5A636B;
    border-radius: 3px;
    position: relative;
    padding: 5px;
    padding-bottom: 25px;
    background: #485159
}

.about-us_page .team .member img.member-img {
    border: solid 4px white
}

.about-us_page .team .member p.name {
    margin-top: 10px;
    margin-bottom: 3px;
    color: white;
    font-weight: 100
}

.about-us_page .team .member p.member-location {
    color: white !important
}

.about-us_page .team .member span.rounded-ball {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #B9E782;
    border-radius: 50%;
    position: absolute;
    bottom: 35px;
    left: 25px
}

@media (max-width: 567px) {
    .about-us_page .team .member {
        width: 100% !important
    }

    .about-us_page .team .member span.rounded-ball {
        bottom: -35px
    }
}

@media (max-width: 768px) {
    .about-us_page .team .member {
        width: 48%
    }
}

@media (max-width: 1200px) {
    .about-us_page .team .member {
        width: 31%
    }
}

#answer .kb-editor-content .image img,
.answer .kb-editor-content .image img,
.article-content .kb-editor-content .image img,
.article-item .body .kb-editor-content .image img,
.article-item .kb-editor-content .image img,
.fr-view .kb-editor-content .image img,
article .kb-editor-content .image img {
    max-width: auto;
    min-width: auto
}

#cCarousel {
    position: relative;
    margin: auto;
    max-width: 1579px
}

@media screen and (max-width: 1680px) {
    #cCarousel {
        max-width: 1279px;
        padding: 0 32px
    }
}

@media screen and (max-width: 1370px) {
    #cCarousel {
        max-width: 900px
    }
}

@media screen and (max-width: 1080px) {
    #cCarousel {
        max-width: 100%
    }
}

#cCarousel .arrow {
    position: absolute;
    top: 50%;
    display: flex;
    width: 50px;
    height: 48px;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    background: url("../../assets/images/left-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain
}

#cCarousel .next-arrow {
    background: url("../../assets/images/right-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain
}

#cCarousel #prev {
    left: -38px
}

@media screen and (max-width: 1080px) {
    #cCarousel #prev {
        left: 56px
    }
}

#cCarousel #next {
    right: -38px
}

@media screen and (max-width: 1080px) {
    #cCarousel #next {
        right: 56px
    }
}

#cCarousel #carousel-bullets {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: -40px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    gap: 81px
}

@media screen and (max-width: 660px) {
    #cCarousel #carousel-bullets {
        gap: 24px;
        bottom: 0
    }
}

#cCarousel .bullet-parent {
    border-radius: 50%;
    background-color: #C6BCBC;
    width: 25px;
    height: 25px
}

@media screen and (max-width: 660px) {
    #cCarousel .bullet-parent {
        width: 24px;
        height: 24px
    }
}

#cCarousel .bullet {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: background-color 0.3s ease-in-out
}

#cCarousel .bullet.active {
    background-color: #E2FF98
}

#cCarousel #carousel-vp {
    max-width: 1579px;
    height: 400px;
    display: flex;
    align-items: center;
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    margin: auto
}

@media screen and (max-width: 1680px) {
    #cCarousel #carousel-vp {
        max-width: 1279px
    }
}

@media screen and (max-width: 660px) {
    #cCarousel #carousel-vp {
        height: 670px
    }
}

#cCarousel #carousel-vp #cCarousel-inner {
    display: flex;
    position: absolute;
    transition: 0.3s ease-in-out;
    gap: 112px;
    left: 0px
}

#cCarousel #carousel-vp #cCarousel-inner .cCarousel-item {
    width: 416px;
    display: flex;
    flex-direction: column
}

#cCarousel #carousel-vp #cCarousel-inner .cCarousel-item:first-child {
    margin-left: 52.5px
}

@media screen and (max-width: 1680px) {
    #cCarousel #carousel-vp #cCarousel-inner .cCarousel-item:first-child {
        margin-left: 10px
    }
}

#cCarousel #carousel-vp #cCarousel-inner .cCarousel-item .category {
    width: 100%
}

.question_page .fr-view .kb-editor-content .kb-accordion,
.question_page article .kb-editor-content .kb-accordion {
    border: 2px solid #b3df74 !important
}

.question_page .kb-accordion-toggle,
.question_page article .kb-editor-content .kb-accordion-toggle {
    background: #b3df74 !important
}

.category_page .fr-view .kb-editor-content .kb-accordion,
.category_page article .kb-editor-content .kb-accordion {
    border: 2px solid #b3df74 !important
}

.category_page .kb-accordion-toggle-toggle,
.category_page article .kb-editor-content .kb-accordion-toggle {
    background: #b3df74 !important
}

#email-hint {
    font-size: 14px
}

#email-heading {
    width: 100%
}

#feedback_comment_email {
    margin: 10px 0 0 !important
}

#feedback-form form .field input[type=email] {
    margin-bottom: 20px !important
}

#feedback-form form h3 {
    margin-bottom: 0px !important
}