@font-face {
    font-display: swap;
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: url("/dist/fonts/MaterialIcons-Regular.e79bfd88537d.eot");
    src: url("/dist/fonts/MaterialIcons-Regular.e79bfd88537d.eot?#iefix") format("embedded-opentype"), url("/dist/fonts/MaterialIcons-Regular.570eb83859dc.woff2") format("woff2"), url("/dist/fonts/MaterialIcons-Regular.012cf6a10129.woff") format("woff"), url("/dist/fonts/MaterialIcons-Regular.a37b0c01c0ba.ttf") format("truetype"), url("/dist/images/MaterialIcons-Regular.c9c462c2be78.svg#material_icons") format("svg")
}

.material-icons {
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    direction: ltr;
    display: inline-block;
    font-family: Material Icons;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap
}

@media (min-width: 768.02px) {
    .sidebar__sticky {
        position: sticky;
        top: 107.75px;
        transition: top .3s ease-out
    }
}

.post__body .anchor-offset {
    display: block;
    position: relative;
    visibility: hidden
}

@media (min-width: 768.02px) {
    .post__body .anchor-offset {
        top: -107.75px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .post .block__container {
        max-width: 850px
    }
}

.post__row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.post__body, .post__hero, .post__sidebar {
    flex: 1;
    min-height: 1px;
    position: relative;
    width: 100%
}

@media (min-width: 1200.02px) {

}

@media (min-width: 768px) and (max-width: 1200px) {
    .post__hero {
        flex: 0 0 100%;
        max-width: 100%
    }

    .post__body {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .post__sidebar {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        order: 3
    }
}

@media (max-width: 768px) {
    .post__body, .post__hero, .post__sidebar {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.post .image__container--body img, .post__footer img, .post__hero img {
    height: auto;
    width: 100%
}

@media (min-width: 1200.02px) {
    .post__body, .post__header {
        padding-left: 85px;
        padding-right: 85px
    }
}

.post__header {
    padding-top: 15px
}

.post__header__title .subtitle {
    color: #515775;
    padding-top: 15px
}

.post__header__breadcrumbs {
    padding-bottom: 15px
}

.post__header__breadcrumbs a {
    color: #595959;
    text-decoration: none
}

.post__header__breadcrumbs a:hover span {
    text-decoration: underline
}

.post__header__breadcrumbs a:not(:first-child):before {
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: Material Icons;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width: 768px) {
    .post__header__breadcrumbs a:not(:last-child) {
        display: none
    }

    .post__header__breadcrumbs a:before {
        content: "" !important;
        padding-right: 7.5px
    }
}

.post__hero__media {
    max-width: 850px;
    padding: 15px 0;
    position: relative
}

.post__hero__media__caption {
    margin-top: 15px
}

.post__hero__media .video__container.loading {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.post__sidebar__sticky {
    overflow-wrap: anywhere
}

.post__body {
    padding-bottom: 30px
}

.post__body__block {
    padding-bottom: 10px
}

.post__body__block .block__container {
    width: 100%
}

.post__body__block .block--faq {
    margin: 15px 0
}

.post__body__block .block--faq__category {
    margin-bottom: 30px
}

.post__body__block .block--faq h2, .post__body__block .block--faq__category h3 {
    margin-bottom: 15px
}

.post__body__block .block--faq .block__container {
    padding: 0
}

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

.post__body__block > .btn {
    padding: 0
}

.post__body__block:not(:first-child) .image__container--body, .post__body__block:not(:first-child) .post__body__block__title {
    margin-top: 15px
}

.post__mobile__tree {
    margin-top: 30px
}

@media (min-width: 768.02px) {
    .post__mobile__tree {
        display: none
    }
}

@media (max-width: 768px) {
    .post__sidebar .tree-view {
        display: none
    }
}

.post__footer {
    padding-bottom: 15px;
    padding-top: 30px
}

.post__footer__caption {
    color: #0b0b0b
}

.post__footer__content {
    flex: 1;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    min-height: 1px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (max-width: 768px) {
    .post__footer__content {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.post__footer__title {
    color: #333;
    display: block
}

.post__footer__title h5 {
    padding-bottom: 10px;
    padding-top: 10px
}

.post__footer__title:active, .post__footer__title:focus, .post__footer__title:hover, .post__footer__title:visited {
    color: #333
}

.post__footer__title:not(:hover) {
    text-decoration: none
}

.post__footer__description p {
    color: #828282;
    margin-bottom: 10px
}

.post__body img {
    max-width: 100%;
}

.post__body, .post__hero, .post__sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.post__header {
    padding-left: 0;
    padding-right: 0;
}