*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
li {
    list-style: none;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
button,
input,
select,
textarea {
    font: inherit;
}
address {
    font-style: normal;
}
.facebook {
    background: #3b5998;
}
.twitter {
    background: #55acee;
}
.instagram {
    background: #405de6;
}
.vimeo {
    background: #1ab7ea;
}
.pinterest {
    background: #bd081c;
}
.youtube {
    background: #cd201f;
}
.linkedin {
    background: #0077b5;
}
.buffer {
    background: #222;
}
.mix {
    background: #fd8235;
}
.whatsapp {
    background: #25d366;
}
::-moz-selection {
    background: #000;
    color: #fff;
}
::selection {
    background: #000;
    color: #fff;
}
html {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}
html {
    font-size: 1rem;
}
@media screen and (min-width: 20rem) {
    html {
        font-size: calc(1rem + 0.1 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    html {
        font-size: 1.1rem;
    }
}
html.no-scroll {
    overflow: hidden;
    position: fixed;
}
body {
  /*  background: #f7f5ea;*/
    background: #54565A;
    color: #4a4a4f;
    font-weight: 400;
    line-height: 1.7;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}
a:hover {
    color: #2c2a29;
}
a:active {
    color: #2c2a29;
}
a:focus {
    color: #2c2a29;
}
.invert {
    color: #2c2a29;
    text-decoration: none;
    -webkit-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}
.invert:hover {
    color: #000;
}
.invert:active {
    color: #000;
}
.invert:focus {
    color: #000;
}
dl,
figure,
ol,
p,
ul {
    margin-top: calc(1.7rem + 0.5vw);
}
blockquote,
hr {
    margin-top: calc(2.2666666667rem + 0.5vw);
    margin-bottom: calc(2.2666666667rem + 0.25vw);
}
pre,
table {
    margin-top: calc(1.7rem + 0.5vw);
    margin-bottom: calc(2.2666666667rem + 0.5vw);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2c2a29;
    font-weight: 600;
    line-height: 1.2;
    margin-top: calc(2.2666666667rem + 0.5vw);
    text-transform: none;
    padding-bottom: 20px;
}
.h1,
h1 {
    font-size: 1.6018066406rem;
}
@media screen and (min-width: 20rem) {
    .h1,
    h1 {
        font-size: calc(1.6018066406rem + 2.051429513 * ((60vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .h1,
    h1 {
        font-size: 3.6532361537rem;
    }
}
.h2,
h2 {
    font-size: 1.265625rem;
}
@media screen and (min-width: 20rem) {
    .h2,
    h2 {
        font-size: calc(1.265625rem + 1.0150723457 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .h2,
    h2 {
        font-size: 2.2806973457rem;
    }
}
.h3,
h3 {
    font-size: 1.125rem;
}
@media screen and (min-width: 20rem) {
    .h3,
    h3 {
        font-size: calc(1.125rem + 0.4768066406 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .h3,
    h3 {
        font-size: 1.6018066406rem;
    }
}
.h4,
h4 {
    font-size: 1rem;
}
@media screen and (min-width: 20rem) {
    .h4,
    h4 {
        font-size: calc(1rem + 0.423828125 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .h4,
    h4 {
        font-size: 1.423828125rem;
    }
}
.h5,
h5 {
    font-size: 1rem;
}
@media screen and (min-width: 20rem) {
    .h5,
    h5 {
        font-size: calc(1rem + 0.265625 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .h5,
    h5 {
        font-size: 1.265625rem;
    }
}
.h6,
h6 {
    font-size: 1rem;
}
@media screen and (min-width: 20rem) {
    .h6,
    h6 {
        font-size: calc(1rem + 0.125 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .h6,
    h6 {
        font-size: 1.125rem;
    }
}
h2 + *,
h3 + *,
h4 + *,
h5 + *,
h6 + * {
    margin-top: calc(0.5666666667rem + 0.25vw);
}
b,
strong {
    font-weight: 600;
}
blockquote {
    padding: 3.4rem 0 2.2666666667rem;
    position: relative;
    text-align: center;
}
blockquote {
    font-size: 1.125rem;
}
@media screen and (min-width: 20rem) {
    blockquote {
        font-size: calc(1.125rem + 0.140625 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    blockquote {
        font-size: 1.265625rem;
    }
}
@media all and (min-width: 37.5em) {
    blockquote {
        padding: 3.9666666667rem 2rem 2.2666666667rem;
    }
}
blockquote::before {
    color: #000;
    content: "“";
    font: normal 380%/0.9 Georgia, Times, Times New Roman, serif;
    top: 0.5666666667rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
blockquote > :nth-child(1) {
    margin-top: 0;
}
ol,
ul {
    margin-left: 2rem;
}
ol > li,
ul > li {
    list-style: inherit;
    padding: 0 0 0.5666666667rem 0.5666666667rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: calc(0.5666666667rem + 0.5vw);
    margin-top: calc(0.5666666667rem + 0.5vw);
}
dl dt {
    font-weight: 600;
}
pre {
    background-color: #f7f8fb;
    font-size: 0.8888888889rem;
    padding: 1.7rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}
pre > code {
    color: #4a4a4f;
    display: inline-block;
}
code {
    background-color: #f7f8fb;
    color: #2c2a29;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 0.8888em;
}
table {
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
    text-align: left;
    width: 100%;
}
table th {
    font-weight: 600;
    padding: 0.7083333333rem 1.1333333333rem;
}
table td {
    border-top: 1px solid #e1e1e1;
    padding: 0.7083333333rem 1.1333333333rem;
}
.table-striped tr:nth-child(2n) {
    background: #f7f8fb;
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #e1e1e1;
}
.table-title th {
    background: #f7f8fb;
}
figcaption {
    color: #4a4a4f;
    font-weight: 400;
    font-size: 0.7901234568rem;
    margin-top: 1.1333333333rem;
}
kbd {
    background: #2a2734;
    border-radius: 2px;
    color: #fff;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 0.8888em;
    padding: 0.1416666667rem 0.425rem;
}
sub,
sup {
    font-size: 65%;
}
small {
    font-size: 0.7901234568rem;
}
.separator,
hr {
    background: 0 0;
    border: none;
    height: auto;
    line-height: 1;
    max-width: none;
    text-align: center;
}
.separator::before,
hr::before {
    content: "···";
    color: #2c2a29;
    font-size: 1.423828125rem;
    font-weight: 600;
    letter-spacing: 1.265625rem;
    padding-left: 1.265625rem;
}
.separator--dot::before {
    content: "·";
    color: #2c2a29;
    font-size: 1.423828125rem;
    font-weight: 600;
    letter-spacing: 1.265625rem;
    padding-left: 1.265625rem;
}
.separator--long-line {
    position: relative;
}
.separator--long-line::before {
    content: "";
    height: 1.423828125rem;
}
.separator--long-line::after {
    border-top: 1px solid #e1e1e1;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}
.btn,
[type="button"],
[type="submit"],
button {
    background: #000;
    border: 1px solid #000;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 0.8888888889rem;
    font-weight: 400;
    padding: 0.51rem 2.2666666667rem;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    overflow: hidden;
    will-change: transform;
}
@media all and (max-width: 19.9375em) {
    .btn,
    [type="button"],
    [type="submit"],
    button {
        width: 100%;
    }
}
@media all and (max-width: 37.4375em) {
    .btn,
    [type="button"],
    [type="submit"],
    button {
        margin-bottom: 0.5666666667rem;
    }
}
.btn:active,
.btn:focus,
.btn:hover,
[type="button"]:active,
[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:active,
[type="submit"]:focus,
[type="submit"]:hover,
button:active,
button:focus,
button:hover {
    -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    color: #fff;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    text-decoration: none !important;
}
@media all and (min-width: 20em) {
    .btn + .btn,
    .btn + [type="button"],
    .btn + [type="submit"],
    .btn + button,
    [type="button"] + .btn,
    [type="button"] + [type="button"],
    [type="button"] + [type="submit"],
    [type="button"] + button,
    [type="submit"] + .btn,
    [type="submit"] + [type="button"],
    [type="submit"] + [type="submit"],
    [type="submit"] + button,
    button + .btn,
    button + [type="button"],
    button + [type="submit"],
    button + button {
        margin-left: 0.5666666667rem;
    }
}
.btn--white {
    background: #fff !important;
    border-color: #fff !important;
    color: #4a4a4f !important;
}
.btn--yellow {
    background: #ffc439 !important;
    border-color: #ffc439 !important;
    color: #fff !important;
}
.btn--green {
    background: #83b692 !important;
    border-color: #83b692 !important;
    color: #fff !important;
}
.btn--dark {
    background: #6c6c6f !important;
    border-color: #6c6c6f !important;
    color: #fff !important;
}
.btn--outline {
    background: 0 0 !important;
    border: 1px solid #6c6c6f !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4a4a4f;
}
.btn--outline:active,
.btn--outline:focus,
.btn--outline:hover {
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4a4a4f;
}
.btn:disabled,
[type="button"]:disabled,
[type="submit"]:disabled,
button:disabled {
    background-color: #f4f4f4;
    border-color: #cacaca;
    color: #807f7f;
    cursor: not-allowed;
}
.btn > svg,
[type="button"] > svg,
[type="submit"] > svg,
button > svg {
    vertical-align: middle;
}
[type="button"],
[type="submit"],
button {
    -webkit-appearance: none;
    -moz-appearance: none;
}
::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #d5d4d4;
    margin: 0 0 1.7rem;
    padding: 1.7rem;
}
fieldset > legend {
    margin-left: -1rem;
    padding: 0 1rem;
}
legend {
    font-weight: 600;
}
label {
    font-weight: 600;
    margin: 0 1.1333333333rem 0.85rem 0;
}
option {
    font-weight: 400;
}
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"],
select,
textarea {
    background-color: #fff;
    border: 1px solid #d5d4d4;
    border-radius: 0;
    font-size: 0.8888888889rem;
    outline: 0;
    padding: 0.5666666667rem 0.85rem;
    width: 100%;
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}
@media all and (min-width: 20em) {
    [type="email"],
    [type="number"],
    [type="search"],
    [type="tel"],
    [type="text"],
    [type="url"],
    select,
    textarea {
        width: auto;
    }
}
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="url"]:focus,
select:focus,
textarea:focus {
    border-color: #000;
}
input[type="checkbox"],
input[type="radio"] {
    opacity: 0;
    position: absolute;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    position: relative;
    margin-left: -1px;
    cursor: pointer;
    padding: 0;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
    background-color: #fff;
    border: 1px solid #d5d4d4;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 1.4166666667rem;
    line-height: 1.4166666667rem;
    margin-right: 0.85rem;
    vertical-align: middle;
    text-align: center;
    width: 1.4166666667rem;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23DE6B48'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 11px 8px;
    background-position: 50% 50%;
    border-color: #000;
}
select {
    max-width: 100%;
    width: auto;
    position: relative;
}
select:not([multiple]) {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><polygon points="3 6 3 6 0 0 6 0 3 6" fill="%238a8b8c"/></svg>') no-repeat 90% 50%;
    background-size: 8px;
    padding-right: 3.4rem;
}
select[multiple] {
    padding: 1.7rem;
    width: 100%;
}
select[multiple]:hover {
    border-color: #d5d4d4;
}
select[multiple]:focus {
    border-color: #000;
}
select[multiple]:focus option:checked {
    background: #000 -webkit-gradient(linear, left bottom, left top, from(#000), to(#000));
    background: #000 -o-linear-gradient(bottom, #000 0, #000 100%);
    background: #000 linear-gradient(0deg, #000 0, #000 100%);
}
select[multiple]:disabled {
    background-color: #f4f4f4;
    cursor: not-allowed;
}
select[multiple]:disabled:hover {
    border-color: #d5d4d4;
}
textarea {
    display: block;
    overflow: auto;
    resize: vertical;
    max-width: 100%;
}
.header {
    background: 0 0;
    padding: 0 8vw;
    position: relative;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 999;
}
@media all and (min-width: 56.25em) {
    .header {
        position: absolute;
    }
}
.header > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.6666666667rem;
    opacity: 1;
}
@media all and (min-width: 56.25em) {
    .header > div {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.header--narrow > div {
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 63rem;
}
.header--flat-no-hero {
    background: #83b692;
}
.header.is-visible {
    background: #83b692;
    border: none;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    opacity: 1;
    position: fixed;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: height 0.3s, background 0.4s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, background 0.4s, opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, height 0.3s, background 0.4s, opacity 0.3s;
    transition: transform 0.3s, height 0.3s, background 0.4s, opacity 0.3s;
    transition: transform 0.3s, height 0.3s, background 0.4s, opacity 0.3s, -webkit-transform 0.3s;
    width: 100%;
}
@media all and (min-width: 56.25em) {
    .header.is-hidden {
        opacity: 0;
        -webkit-transform: translate(0, -86px);
        -ms-transform: translate(0, -86px);
        transform: translate(0, -86px);
        -webkit-transition: background 0.3s, color 0.3s, opacity 0 0.3s, -webkit-transform 0.2s;
        transition: background 0.3s, color 0.3s, opacity 0 0.3s, -webkit-transform 0.2s;
        -o-transition: transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s;
        transition: transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s;
        transition: transform 0.2s, background 0.3s, color 0.3s, opacity 0 0.3s, -webkit-transform 0.2s;
    }
}
.logo {
    color: #fff !important;
    font-size: 1.423828125rem;
    font-weight: 600;
    margin-right: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    z-index: 999;
}
.logo > img {
    max-height: 2rem;
    max-width: 5rem;
}
.search {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media all and (min-width: 56.25em) {
    .search {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}
.search__btn {
    border: none;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-left: 0.85rem;
    opacity: 0.7;
    padding: 0;
    vertical-align: top;
    width: auto;
}
.search__btn:focus,
.search__btn:hover {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.search__btn > svg {
    fill: #fff;
    height: 19px;
    width: 20px;
}
.search__form {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
}
.search__input {
    border: none;
    display: none;
    opacity: 0;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}
.search__input {
    font-size: 1.6018066406rem;
}
@media screen and (min-width: 20rem) {
    .search__input {
        font-size: calc(1.6018066406rem + 0.4254798889 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .search__input {
        font-size: 2.0272865295rem;
    }
}
.search__close {
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    color: transparent;
    cursor: pointer;
    margin: 0 !important;
    opacity: 0;
    padding: 0;
    height: 2rem;
    width: 2rem;
    position: relative;
    text-indent: -999rem;
}
.search__close:after,
.search__close:before {
    background-color: #888;
    content: "";
    left: 1rem;
    height: 2rem;
    opacity: 1;
    position: absolute;
    width: 1px;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}
.search__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search__close:hover {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.search__close:hover:after,
.search__close:hover:before {
    background-color: #000;
}
.search__overlay {
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    left: 0;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 0.48s;
    -o-transition: all 0.48s;
    transition: all 0.48s;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    top: 0;
    visibility: hidden;
    width: 100%;
}
.search__overlay > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.6666666667rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 8vw;
}
.search__overlay--narrow > div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 63rem;
    margin: 0 auto;
    padding: 0 8vw;
}
.search__overlay.expanded {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    z-index: 100000000;
    display: block;
    visibility: visible;
}
.search__overlay.expanded .search__input {
    -webkit-animation: slideininput 0.24s 0.36s forwards;
    animation: slideininput 0.24s 0.36s forwards;
    display: block;
}
@-webkit-keyframes slideininput {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes slideininput {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.search__overlay.expanded .search__close {
    -webkit-animation: slideinclose 0.24s 0.36s forwards;
    animation: slideinclose 0.24s 0.36s forwards;
}
@-webkit-keyframes slideinclose {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes slideinclose {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.navbar {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.navbar .navbar__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
@media all and (max-width: 56.1875em) {
    .navbar .navbar__menu {
        display: none;
    }
}
.navbar .navbar__menu li {
    display: block;
    line-height: 2.6;
    font-weight: 500;
    padding: 0;
    position: relative;
    width: auto;
}
.navbar .navbar__menu li a,
.navbar .navbar__menu li span[aria-haspopup="true"] {
    color: #fff;
    display: block;
    padding: 0 0.85rem;
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
}
.navbar .navbar__menu li a:active,
.navbar .navbar__menu li a:focus,
.navbar .navbar__menu li a:hover,
.navbar .navbar__menu li span[aria-haspopup="true"]:active,
.navbar .navbar__menu li span[aria-haspopup="true"]:focus,
.navbar .navbar__menu li span[aria-haspopup="true"]:hover {
    color: #fff;
}
.navbar .navbar__menu li span {
    color: #fff;
    cursor: default;
    display: block;
    padding: 0 0.85rem;
}
.navbar .navbar__menu > li:hover > a,
.navbar .navbar__menu > li:hover > span[aria-haspopup="true"] {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.navbar .has-submenu:active > .navbar__submenu,
.navbar .has-submenu:focus > .navbar__submenu,
.navbar .has-submenu:hover > .navbar__submenu {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.navbar .has-submenu:active > .navbar__submenu.is-right-submenu,
.navbar .has-submenu:focus > .navbar__submenu.is-right-submenu,
.navbar .has-submenu:hover > .navbar__submenu.is-right-submenu {
    left: auto;
    right: 0;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.navbar .has-submenu .has-submenu:active > .navbar__submenu,
.navbar .has-submenu .has-submenu:focus > .navbar__submenu,
.navbar .has-submenu .has-submenu:hover > .navbar__submenu {
    top: 0;
}
.navbar .has-submenu .has-submenu:active > .navbar__submenu.is-right-submenu,
.navbar .has-submenu .has-submenu:focus > .navbar__submenu.is-right-submenu,
.navbar .has-submenu .has-submenu:hover > .navbar__submenu.is-right-submenu {
    top: 0;
}
.navbar .navbar__submenu {
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px rgba(44, 42, 41, 0.15);
    box-shadow: 0 0 6px rgba(44, 42, 41, 0.15);
    left: -9999px;
    list-style-type: none;
    margin: 0;
    padding: 20px 0;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 top;
    -ms-transform-origin: 0 top;
    transform-origin: 0 top;
    -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    -o-transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1), -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
}
.navbar .navbar__submenu__submenu {
    z-index: 2;
}
.navbar .navbar__submenu li {
    font-size: 0.8888888889rem;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 1.1333333333rem;
}
.navbar .navbar__submenu li a,
.navbar .navbar__submenu li span[aria-haspopup="true"] {
    color: #4a4a4f !important;
    border-radius: 3px;
    line-height: 1.4;
    padding: 0.5666666667rem 1.1333333333rem;
}
.navbar .navbar__submenu li a:active,
.navbar .navbar__submenu li a:focus,
.navbar .navbar__submenu li a:hover,
.navbar .navbar__submenu li span[aria-haspopup="true"]:active,
.navbar .navbar__submenu li span[aria-haspopup="true"]:focus,
.navbar .navbar__submenu li span[aria-haspopup="true"]:hover {
    background: #f7f5ea;
    color: #4a4a4f !important;
}
.navbar .navbar__submenu li span {
    color: #4a4a4f !important;
    line-height: 1.4;
    padding: 0.5666666667rem 1.1333333333rem;
}
.navbar .navbar__submenu li:hover > a,
.navbar .navbar__submenu li:hover > span[aria-haspopup="true"] {
    color: #4a4a4f !important;
}
.navbar .navbar__toggle {
    background: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    display: block;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 1rem;
    position: relative;
    right: -1rem;
    text-transform: none;
    z-index: 2004;
}
@media all and (min-width: 56.25em) {
    .navbar .navbar__toggle {
        display: none;
    }
}
.navbar .navbar__toggle:focus,
.navbar .navbar__toggle:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.navbar .navbar__toggle-box {
    width: 24px;
    height: 14px;
    display: inline-block;
    position: relative;
}
.navbar .navbar__toggle-inner {
    display: block;
    top: 50%;
    text-indent: -9999999em;
}
.navbar .navbar__toggle-inner::before {
    content: "";
    display: block;
    top: -6px;
}
.navbar .navbar__toggle-inner::after {
    content: "";
    display: block;
    bottom: -6px;
}
.navbar .navbar__toggle-inner,
.navbar .navbar__toggle-inner::after,
.navbar .navbar__toggle-inner::before {
    width: 22px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: opacity 0.14s ease-out, -webkit-transform;
    transition: opacity 0.14s ease-out, -webkit-transform;
    -o-transition: transform, opacity 0.14s ease-out;
    transition: transform, opacity 0.14s ease-out;
    transition: transform, opacity 0.14s ease-out, -webkit-transform;
}
.navbar .navbar__toggle-inner {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar .navbar__toggle-inner::before {
    -webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
    -o-transition: top 75ms ease 0.12s, opacity 75ms ease;
    transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.navbar .navbar__toggle-inner::after {
    -webkit-transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar .navbar__toggle.is-active .navbar__toggle-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar .navbar__toggle.is-active .navbar__toggle-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
    -o-transition: top 75ms ease, opacity 75ms ease 0.12s;
    transition: top 75ms ease, opacity 75ms ease 0.12s;
}
.navbar .navbar__toggle.is-active .navbar__toggle-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    -o-transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}
.navbar_mobile_overlay {
    background: #83b692;
    height: calc(100vh - 5.6666666667rem);
    left: 0;
    opacity: 1;
    overflow: auto;
    pointer-events: auto;
    position: fixed;
    top: 5.6666666667rem;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    width: 100%;
    z-index: 1001;
}
.navbar_mobile_overlay.is-hidden {
    opacity: 0;
    pointer-events: none;
}
.navbar_mobile_overlay .navbar__menu {
    margin: 24px;
}
.navbar_mobile_overlay .navbar__menu li {
    line-height: 2.6;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.navbar_mobile_overlay .navbar__menu li a,
.navbar_mobile_overlay .navbar__menu li span {
    color: #fff;
    display: block;
    padding: 0.5666666667rem;
    position: relative;
}
.navbar_mobile_overlay .navbar__menu li a:active,
.navbar_mobile_overlay .navbar__menu li a:focus,
.navbar_mobile_overlay .navbar__menu li a:hover,
.navbar_mobile_overlay .navbar__menu li span:active,
.navbar_mobile_overlay .navbar__menu li span:focus,
.navbar_mobile_overlay .navbar__menu li span:hover {
    color: #fff;
}
.navbar_mobile_overlay .navbar__menu li a[aria-haspopup="true"]::after,
.navbar_mobile_overlay .navbar__menu li span[aria-haspopup="true"]::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    left: 0.5666666667rem;
    position: relative;
    vertical-align: middle;
}
.navbar_mobile_overlay .navbar__submenu {
    margin: 0;
    padding: 0;
    visibility: hidden;
}
.navbar_mobile_overlay .navbar__submenu_wrapper {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    -o-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
}
.navbar_mobile_overlay .navbar__submenu_wrapper.is-active {
    height: auto;
    opacity: 1;
}
.navbar_mobile_overlay .navbar__submenu_wrapper.is-active > .navbar__submenu {
    visibility: visible;
}
.navbar_mobile_sidebar {
    background: #83b692;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    height: 100vh;
    left: 0;
    max-width: 400px;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    width: 80%;
    z-index: 1001;
}
.navbar_mobile_sidebar.is-hidden {
    left: -400px;
}
.navbar_mobile_sidebar .navbar__menu {
    margin: 24px;
}
.navbar_mobile_sidebar .navbar__menu li {
    font-size: 16px;
    list-style: none;
    line-height: 1.3;
    margin: 0;
    padding: 0;
}
.navbar_mobile_sidebar .navbar__menu li a,
.navbar_mobile_sidebar .navbar__menu li span {
    color: #fff;
    display: block;
    padding: 10px 20px 10px 0;
    position: relative;
}
.navbar_mobile_sidebar .navbar__menu li a:active,
.navbar_mobile_sidebar .navbar__menu li a:focus,
.navbar_mobile_sidebar .navbar__menu li a:hover,
.navbar_mobile_sidebar .navbar__menu li span:active,
.navbar_mobile_sidebar .navbar__menu li span:focus,
.navbar_mobile_sidebar .navbar__menu li span:hover {
    color: #fff;
}
.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup="true"]::after,
.navbar_mobile_sidebar .navbar__menu li span[aria-haspopup="true"]::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    right: 0;
    top: 18px;
    position: absolute;
}
.navbar_mobile_sidebar .navbar__submenu {
    margin: 0 0 0 24px;
    padding: 0;
    visibility: hidden;
}
.navbar_mobile_sidebar .navbar__submenu_wrapper {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    -o-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
}
.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active {
    height: auto;
    opacity: 1;
}
.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active > .navbar__submenu {
    visibility: visible;
}
.navbar_mobile_sidebar__overlay {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    width: 100%;
    z-index: 1000;
}
.navbar_mobile_sidebar__overlay.is-hidden {
    opacity: 0;
    pointer-events: none;
}
.wrapper {
    margin: 0 auto;
    max-width: 63rem;
    width: 100%;
}
@media all and (max-width: 56.1875em) {
    .wrapper {
        padding-left: 8vw;
        padding-right: 8vw;
    }
}
@media all and (min-width: 56.25em) {
    .wrapper--full {
        max-width: 84vw !important;
    }
}
.hero {
    background: #83b692;
    margin-top: -5.6666666667rem;
    overflow: hidden;
    position: relative;
    height: 100vh;
    z-index: 1;
}
@media all and (min-width: 37.5em) {
    .hero {
        height: 51rem;
    }
}
@media all and (min-width: 56.25em) {
    .hero {
        margin-top: 0;
    }
}
.hero--flat {
    height: auto;
}
.hero__wrapper {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 6rem;
    position: relative;
    text-align: center;
}
@media all and (min-width: 37.5em) {
    .hero__wrapper {
        height: 51rem;
    }
}
.hero__wrapper--flat {
    padding-bottom: 0;
}
.hero__inner {
    margin: 0 auto;
    max-width: 63rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: calc(100% - 16vw);
    padding-top: 20px;
    z-index: 2;
}
.hero__inner--center {
    text-align: center;
}
.hero__inner--center p {
    margin-left: auto;
    margin-right: auto;
    max-width: 41rem;
}
.hero__inner--left {
    text-align: left;
}
.hero__inner--left p {
    margin-left: 0;
    max-width: 41rem;
}
.hero__inner--right {
    text-align: right;
}
.hero__inner--right p {
    margin-left: auto;
    margin-right: 0;
    max-width: 41rem;
}
.hero__inner .post__meta,
.hero__inner > * {
    color: #fff;
}
.hero__inner a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}
.hero__inner a:hover {
    color: #fff;
}
.hero__inner a:active {
    color: #fff;
}
.hero__inner a:focus {
    color: #fff;
}
.hero__inner a:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}
.hero__title {
    color: #fff;
    margin-top: 1.7rem;
    margin-bottom: 1.7rem;
}
.hero__button-wrap {
    margin-top: calc(1.9833333333rem + 0.5vw);
}
.hero__image {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    width: 100vw;
}
.hero__image--overlay:after {
    content: "";
    display: block;
    opacity: 1;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}
.hero__image > img {
    display: block;
    height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    width: inherit;
}
.hero__image > figcaption {
    color: #fff;
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
    z-index: 2;
}
.tns-nav {
    height: 0;
    bottom: 10rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 3;
}
.tns-nav > button {
    background: rgba(255, 255, 255, 0.5);
    border: 0;
    border-radius: 50%;
    padding: 0;
    height: 8px;
    width: 8px;
}
.tns-nav > button:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.tns-nav-active {
    background: #fff !important;
}
.hero + .main {
    margin-top: 0;
}
.main {
    position: relative;
}
@media all and (min-width: 56.25em) {
    .main {
        margin: calc(5.6666666667rem + 6rem) 0 -6rem;
        padding: 0 8vw;
    }
}
.main::before {
    background: #83b692;
    content: "";
    display: block;
    height: calc(5.6666666667rem + 6rem);
    min-height: calc(5.6666666667rem + 6rem);
    position: absolute;
    top: -5.6666666667rem;
    left: 0;
    width: 100%;
}
.main--flat {
    margin-bottom: 0;
}
@media all and (min-width: 56.25em) {
    .main--flat {
        margin-top: calc(8.5rem + 1vw);
        padding: 0 8vw;
    }
}
.main--flat::before {
    content: none;
}
.main--with-pagination {
    margin-bottom: 3.4rem;
}
.page {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 2.8333333333rem 8vw;
    position: relative;
    z-index: 2;
}
@media all and (max-width: 56.1875em) {
    .page {
        margin-left: -8vw;
        margin-right: -8vw;
    }
}
@media all and (min-width: 56.25em) {
    .page {
        margin-top: -6rem;
        padding: calc(2.8333333333rem + 1vw) 6rem;
    }
}
.page--flat {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media all and (min-width: 56.25em) {
    .page--flat {
        margin-top: 0 !important;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
@media all and (min-width: 56.25em) {
    .page--flat-no-hero {
        padding-top: 0;
    }
}
.page__header {
    text-align: center;
}
.page__header > :nth-child(1) {
    margin-top: 0;
}
.page__header + .page__grid {
    margin-top: calc(1.4166666667rem + 0.5vw);
}
.page__header > h1 {
    text-transform: uppercase;
}
.page__header > h1 span {
    margin-left: 0.2833333333rem;
}
.page__header > p {
    font-size: 0.8888888889rem;
}
.page__header.divider::after {
    margin-top: calc(1.7rem + 0.25vw);
}
.page__item > div {
    margin: 0 auto;
    max-width: 41rem;
    padding-bottom: calc(0.5666666667rem + 0.25vw);
    position: relative;
    width: 100%;
}
.page__item:nth-child(1) h2 {
    margin-top: 0;
}
.page__item--center {
    text-align: center;
}
.page__item--right {
    text-align: right;
}
.page__item-title {
    margin-bottom: 0.85rem;
}
.page__item-image {
    border-radius: 0;
    margin: calc(1.7rem + 0.5vw) 0 calc(2.2666666667rem + 0.5vw);
    overflow: hidden;
    text-align: center;
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
}
.page__item-image--wide {
    margin: calc(1.7rem + 0.5vw) 50% calc(2.2666666667rem + 0.5vw);
    max-width: 63rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100vw;
}
@media all and (min-width: 56.25em) {
    .page__item-image--wide {
        width: 84vw;
    }
}
.page__item-image__wrap {
    background: #f7f8fb;
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
}
.page__item-image__wrap > img {
    display: block;
    height: 100%;
    width: 100%;
}
.page__item-image__wrap > figcaption {
    bottom: 1.2rem;
    color: #fff;
    display: inline-block;
    font-size: 0.7901234568rem;
    line-height: 1;
    right: 1.2rem;
    position: absolute;
    z-index: 2;
}
.page__item-image__wrap--link::after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    content: "";
    display: block;
    opacity: 0;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
    width: 100%;
}
.page__item-image__wrap--link:hover::after {
    opacity: 1;
}
.page__item-image > img {
    width: 100%;
}
.page__item:last-child > div::after {
    content: none;
}
.page__item--hero--with-grid {
    text-align: center;
}
.page__item--hero__image {
    margin-top: calc(-2.2666666667rem - 1vw);
}
.page__item--hero__btn {
    margin-top: calc(1.9833333333rem + 0.25vw);
}
.page__grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 2rem 3rem;
}
@media all and (min-width: 56.25em) {
    .page__grid {
        -ms-grid-columns: 1fr 3rem 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}
.page__grid h2 {
    margin-top: 0;
}
.page__grid h2 {
    font-size: 1rem;
}
@media screen and (min-width: 20rem) {
    .page__grid h2 {
        font-size: calc(1rem + 0.265625 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .page__grid h2 {
        font-size: 1.265625rem;
    }
}
.page__grid .page__item {
    margin: 0;
    overflow: hidden;
}
.page__grid .page__item-header + p {
    margin-top: calc(0.85rem + 0.5vw);
}
.page__grid .page__item .tags__description {
    margin-top: calc(0.85rem + 0.5vw);
}
.page__grid .page__item-image {
    margin-top: 0 !important;
}
.page__grid .page__item-image--wide {
    margin: calc(1.4166666667rem + 0.5vw) 0;
    max-width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
}
@media all and (min-width: 56.25em) {
    .page__grid .page__item-image--wide {
        width: 100%;
    }
}
.content {
    padding-bottom: calc(1.9833333333rem + 1vw);
}
.content--center {
    max-width: 46.8rem;
    margin: 0 auto;
    width: 100%;
}
.content--left {
    max-width: 46.8rem;
    margin: 0;
    width: 100%;
}
.content a:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}
.post__inner {
    margin: 0 auto;
    max-width: 41rem;
    padding-bottom: calc(1.7rem + 0.25vw);
    position: relative;
}
.post__header {
    margin-bottom: calc(2.2666666667rem + 0.5vw);
}
.post__title {
    margin-top: 0;
    margin-bottom: 0.85rem;
}
.post__title {
    font-size: 1.6018066406rem;
}
@media screen and (min-width: 20rem) {
    .post__title {
        font-size: calc(1.6018066406rem + 1.2847009376 * ((100vw - 20rem) / 113));
    }
}
@media screen and (min-width: 133rem) {
    .post__title {
        font-size: 2.8865075782rem;
    }
}
.post__meta {
    color: #888;
    font-size: 0.7023319616rem;
    padding: 0.2833333333rem 0 0;
    text-transform: uppercase;
}
.post__meta > * {
    margin-right: 1.1333333333rem;
}
.post__meta-author > img {
    border-radius: 50%;
    height: 1.6rem;
    margin-right: 0.5666666667rem;
    vertical-align: middle;
    width: 1.6rem;
}
.post__image {
    display: inline-block;
}
.post__image a,
.post__image img {
    display: inline-block;
}
.post__image--left {
    float: left;
    margin-right: 2.2666666667rem;
    max-width: 50%;
}
.post__image--right {
    float: right;
    margin-left: 2.2666666667rem;
    max-width: 50%;
}
.post__image--center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.post__image--full,
.post__image--wide {
    display: block;
    margin-left: 50%;
    margin-right: 50%;
    max-width: 63rem;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100vw;
}
@media all and (min-width: 56.25em) {
    .post__image--full,
    .post__image--wide {
        height: auto;
        width: 84vw;
    }
}
.post__image--full {
    width: 84vw;
}
.post__image > figcaption {
    color: #888;
    text-align: center;
}
.post__entry > :nth-child(1) {
    margin-top: 0;
}
.post__entry a:active,
.post__entry a:focus,
.post__entry a:hover {
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}
.post__iframe,
.post__video {
    position: relative;
    display: block;
    margin-top: calc(1.7rem + 0.5vw);
    margin-bottom: calc(1.7rem + 0.5vw);
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.post__iframe::before,
.post__video::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.post__iframe--21by9::before,
.post__video--21by9::before {
    padding-top: 42.857143%;
}
.post__iframe--4by3::before,
.post__video--4by3::before {
    padding-top: 75%;
}
.post__iframe--1by1::before,
.post__video--1by1::before {
    padding-top: 100%;
}
.post__iframe > iframe,
.post__video > iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.post__toc ul {
    counter-reset: item;
    list-style: decimal;
    margin: calc(0.5666666667rem + 0.25vw) 0 0 1rem;
}
.post__toc ul li {
    counter-increment: item;
    padding: 0;
}
.post__toc ul ul {
    margin-top: 0;
}
.post__toc ul ul li {
    display: block;
}
.post__toc ul ul li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}
.post-desc {
    margin-top: 0.85rem;
}
.post__note {
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    margin-top: calc(1.1333333333rem + 0.25vw);
    padding: 1.7rem;
}
@media all and (min-width: 37.5em) {
    .post__note {
        float: right;
        font-size: 0.8888888889rem;
        margin: calc(1.1333333333rem + 0.25vw) 0 1.1333333333rem 1.7rem;
        max-width: 18.2rem;
        position: relative;
        z-index: 1;
    }
}
.post__note > :nth-child(1) {
    margin: 0;
}
@media all and (min-width: 37.5em) {
    .post__note--left {
        float: left;
        margin: 0.5666666667rem 1.7rem 1.1333333333rem 0;
    }
}
.post__updated {
    color: #888;
    font-size: 0.7901234568rem;
    font-style: italic;
    margin-top: calc(0.5666666667rem + 0.5vw);
}
.post__tag {
    list-style: none;
    margin: calc(1.7rem + 0.25vw) 0 0;
}
.post__tag li {
    display: inline-block;
    margin: 0 2px;
    padding: 0;
}
.post__tag li > a {
    background: #f7f8fb;
    border-radius: 1px;
    display: block;
    font-size: 0.7901234568rem;
    padding: 0.2833333333rem 0.85rem;
}
.post__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: calc(1.7rem + 0.25vw) -4px 0;
    text-align: center;
}
.post__share > a {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 4px;
    padding: 0.5666666667rem;
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    will-change: transform;
}
.post__share > a svg {
    display: inline-block;
    fill: #fff;
    height: 0.9916666667rem;
    pointer-events: none;
    vertical-align: sub;
    width: 0.9916666667rem;
}
.post__share > a:hover {
    -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}
.post__bio {
    margin-top: calc(4.5333333333rem + 0.5vw);
    text-align: center;
}
.post__bio > img {
    border-radius: 50%;
    display: block;
    height: 4rem;
    margin: 0 auto;
    width: 4rem;
}
.post__bio h3 {
    margin-top: 1.7rem;
}
.post__bio p {
    margin: 1.1333333333rem auto 0;
    width: 80%;
}
.post__nav {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-top: calc(3.4rem + 1vw);
    padding: 1.7rem 0;
}
@media all and (min-width: 37.5em) {
    .post__nav {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media all and (min-width: 37.5em) {
    .post__nav__prev {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: left;
    }
}
@media all and (min-width: 37.5em) {
    .post__nav__next {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-left: auto;
        text-align: right;
    }
    .post__nav__next .post__nav__link {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }
}
@media all and (max-width: 37.4375em) {
    .post__nav__prev + .post__nav__next {
        margin-top: 1.1333333333rem;
    }
}
.post__nav__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a4a4f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.post__nav__link:hover {
    text-decoration: none;
}
.post__nav__link:hover h5 {
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
}
.post__nav__link > img {
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    will-change: transform;
    max-width: 100px;
}
@media all and (max-width: 37.4375em) {
    .post__nav__link > img {
        display: none;
    }
}
.post__nav__text {
    font-size: 0.624295077rem;
    padding: 0 1.1333333333rem;
    text-transform: uppercase;
}
.post__nav__text > h5 {
    font-size: 1rem;
    margin: 0.2833333333rem 0 0;
    position: relative;
}
.post__related {
    margin-top: calc(3.4rem + 1vw);
    text-align: center;
}
.post__related > h3 {
    margin: 0;
}
.post__related__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: calc(2.2666666667rem + 0.5vw) -1% 0;
}
.post__related__wrap figure {
    margin: 0 0 2.2666666667rem;
    padding: 0 1%;
}
.post__related__wrap figure:last-child {
    margin: 0;
}
@media all and (min-width: 30em) {
    .post__related__wrap figure {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        margin: 0;
    }
}
.post__related__wrap figure > a {
    display: block;
    position: relative;
}
.post__related__wrap figure > a::after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    content: "";
    display: block;
    opacity: 0;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
    width: 100%;
}
.post__related__wrap figure > a:hover::after {
    opacity: 1;
}
.post__related__wrap figure > a > img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    width: 100%;
}
.post__related__wrap figcaption > a {
    display: block;
    font-size: 0.7023319616rem;
    font-weight: 600;
    margin: 1.7rem 0 1.1333333333rem;
    text-transform: uppercase;
}
.post__related__wrap figcaption h4 {
    margin-top: calc(1.1333333333rem + 0.5vw);
}
.comments {
    padding-top: calc(1.1333333333rem + 0.25vw);
    text-align: center;
}
.comments__button {
    margin-top: calc(1.7rem + 0.25vw);
}
.comments__button.is-hidden {
    display: none;
}
.comments__inner {
    margin: 0 auto;
    max-width: 41rem;
    text-align: left;
}
.comments__inner--hidden {
    height: 0;
    visibility: hidden;
}
.comments__inner--hidden h3 {
    margin: 0;
    text-align: center;
}
.comments__inner.is-visible {
    height: auto;
    padding-bottom: calc(1.7rem + 0.25vw);
    visibility: visible;
}
.comments__inner.is-visible h3 {
    margin: calc(2.2666666667rem + 0.5vw) 0 1.7rem;
}
.author__header > img {
    border-radius: 50%;
    display: block;
    height: 4rem;
    margin: 0 auto;
    width: 4rem;
}
.author__website {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.author__website a {
    margin-left: 0.4rem;
}
.author__website svg {
    stroke: #000;
}
.bottom-news {
/*    background: #f3f0e2;*/
	background: #000;
    color: #6c6c6f;
    padding-top: 4rem;
    text-align: center;
}
@media all and (min-width: 56.25em) {
    .bottom-news {
        margin-bottom: -6rem;
        padding-top: 11rem;
    }
}
.bottom-news p {
    margin: 0;
}
.bottom-news h3 {
    margin: 0.2833333333rem 0 calc(2.2666666667rem + 0.5vw);
}
.bottom-news h3 a {
    color: #2c2a29;
    text-decoration: none;
    -webkit-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}
.bottom-news h3 a:hover {
    color: #000;
}
.bottom-news h3 a:active {
    color: #000;
}
.bottom-news h3 a:focus {
    color: #000;
}
.bottom-news--flat {
    padding: 5rem 0 1.1333333333rem;
}
.bottom-news__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin: 0;
    min-height: 150px;
}
@media all and (min-width: 37.5em) {
    .bottom-news__wrapper {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (min-width: 75em) {
    .bottom-news__wrapper {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media all and (min-width: 100em) {
    .bottom-news__wrapper {
        -ms-grid-columns: (1fr) [6];
        grid-template-columns: repeat(6, 1fr);
    }
}
.bottom-news__wrapper li {
    list-style: none;
    padding: 0;
    position: relative;
}
.bottom-news__wrapper li:hover .bottom-news__meta {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.bottom-news__image {
    display: block;
    height: 20rem;
    width: 100%;
}
.bottom-news__image::after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    content: "";
    display: block;
    opacity: 0;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
    width: 100%;
}
.bottom-news__image:hover::after {
    opacity: 1;
}
.bottom-news__image > img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
.bottom-news__meta {
    bottom: 1rem;
    color: #fff;
    display: inline-block;
    line-height: 1;
    left: 1.2rem;
    right: 1.2rem;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(1.2rem);
    -ms-transform: translateY(1.2rem);
    transform: translateY(1.2rem);
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
    vertical-align: middle;
}
.author-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.author-note > img {
    border-radius: 50%;
    display: inline-block;
    height: 4rem;
    margin-top: calc(1.9833333333rem + 1vw);
    margin-right: 1.7rem;
    width: 4rem;
}
.search-page__form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media all and (max-width: 37.4375em) {
    .search-page__input {
        margin-bottom: 0.5666666667rem;
    }
}
@media all and (min-width: 20em) {
    .search-page__input {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-right: 0.5666666667rem;
    }
}
.divider::after {
    position: relative;
    content: "•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••";
    color: #2c2a29;
    display: block;
    font-size: 9px;
    letter-spacing: 9px;
    line-height: 10px;
    margin-top: calc(2.8333333333rem + 0.25vw);
    overflow: hidden;
    padding-left: 2px;
    width: 20%;
}
.divider--line::after {
    border-top: 1px solid #e1e1e1;
    content: "";
}
.divider--doubleline::after {
    border-top: 3px double #e1e1e1;
    content: "";
}
.divider--dottedline::after {
    border-top: 1px dashed #e1e1e1;
    content: "";
}
.divider--fadingline::after {
    content: "";
    border: 0;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#e1e1e1), to(transparent));
    background-image: -o-linear-gradient(left, transparent, #e1e1e1, transparent);
    background-image: linear-gradient(left, transparent, #e1e1e1, transparent);
}
.divider--wave::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7 4' xml:space='preserve'%3e%3cpath d='M0,3h1v1H0V3z M1,3H0v1h1V3L1,3z M1,3h1V2H1V3z M2,2H1v1h1V2L2,2z M0,4h1V3H0V4z M1,3H0v1h1V3L1,3z M2,2h1V1H2V2z M3,1H2v1 h1V1L3,1z M3,0v1h1V0H3z M4,0H3v1h1V0L4,0z M4,1v1h1V1H4z M5,1H4v1h1V1L5,1z M5,2v1h1V2H5z M6,2H5v1h1V2L6,2z M6,3v1h1V3H6z M7,3H6 v1h1V3L7,3z' fill='%23c5c4c2' /%3e%3c/svg%3e ");
    background-repeat: repeat-x;
    content: "";
    height: 4px;
}
.divider--decorative-1::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 2'%3e%3cpath d='M25.54.86v.28h0a3.92,3.92,0,0,0-1.27.29c-.68.28-.82.57-1.27.57s-.6-.29-1.27-.57a3.62,3.62,0,0,0-1.29-.28.63.63,0,0,1-1.23,0h-.13a2.12,2.12,0,0,0-1.34.71.14.14,0,0,1-.16,0,5.44,5.44,0,0,0-1.81-.39C11.32,1.14.14,1.14.14,1.14a.14.14,0,1,1,0-.28S11.32.86,15.77.5A5.44,5.44,0,0,0,17.58.11a.14.14,0,0,1,.16,0,2,2,0,0,0,.5.42,1.89,1.89,0,0,0,.84.29h.13a.63.63,0,0,1,1.23,0A3.62,3.62,0,0,0,21.73.57C22.4.29,22.54,0,23,0s.59.29,1.27.57a3.92,3.92,0,0,0,1.27.29Zm20.32,0S34.68.86,30.23.5A5.44,5.44,0,0,1,28.42.11a.14.14,0,0,0-.16,0,2,2,0,0,1-.5.42,1.89,1.89,0,0,1-.84.29h-.13A.63.63,0,0,0,25.54,1a.63.63,0,0,0,1.25.14h.13a2.12,2.12,0,0,1,1.34.71.14.14,0,0,0,.16,0,5.44,5.44,0,0,1,1.81-.39c4.45-.36,15.63-.36,15.63-.36a.14.14,0,0,0,0-.28Z' fill='%23c5c4c2' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    content: "";
    height: 6px;
    width: 138px !important;
}
.divider--decorative-2::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 6'%3e%3cpath class='cls-1' d='M50,3A2.5,2.5,0,1,1,47.5.5,2.5,2.5,0,0,1,50,3Zm6-2a2,2,0,1,0,2,2A2,2,0,0,0,56,1Zm7.5.5A1.5,1.5,0,1,0,65,3,1.5,1.5,0,0,0,63.5,1.5ZM70,2a1,1,0,1,0,1,1A1,1,0,0,0,70,2Zm5.5.5A.5.5,0,1,0,76,3,.5.5,0,0,0,75.5,2.5ZM38,0a3,3,0,1,0,3,3A3,3,0,0,0,38,0ZM28.5.5A2.5,2.5,0,1,0,31,3,2.5,2.5,0,0,0,28.5.5ZM20,1a2,2,0,1,0,2,2A2,2,0,0,0,20,1Zm-7.5.5A1.5,1.5,0,1,0,14,3,1.5,1.5,0,0,0,12.5,1.5ZM6,2A1,1,0,1,0,7,3,1,1,0,0,0,6,2ZM.5,2.5a.5.5,0,0,0,0,1,.5.5,0,0,0,0-1Z' fill='%23c5c4c2' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    content: "";
    height: 6px;
    width: 76px !important;
}
.divider--center::after {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.divider--right::after {
    margin-left: auto;
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.align-justify {
    text-align: justify;
}
.frame {
    border: 1px solid #e1e1e1;
}
.ordered-list {
    counter-reset: listCounter;
}
.ordered-list li {
    counter-increment: listCounter;
    list-style: none;
    position: relative;
}
.ordered-list li::before {
    color: #000;
    content: counter(listCounter, decimal-leading-zero) ".";
    font-weight: 600;
    left: -2rem;
    position: absolute;
}
.msg {
    padding: 1.1333333333rem 2.2666666667rem;
}
.msg--highlight {
    background-color: #f7f5ea;
}
.msg--info {
    background: #f2f9ff;
}
.msg--success {
    background: #f7fbf6;
}
.msg--warning {
    background: #fff3f3;
    color: #a94442;
}
.dropcap:first-letter {
    color: #2c2a29;
    float: left;
    font-size: 4.1098906729rem;
    font-weight: 600;
    line-height: 0.7;
    margin-right: 0.5666666667rem;
    padding: 0.5666666667rem 0.5666666667rem 0.5666666667rem 0;
}
.pagination {
    margin-top: 1.7rem;
}
@media all and (min-width: 56.25em) {
    .pagination {
        margin-top: 3.4rem;
    }
}
@media all and (min-width: 20em) {
    .pagination > a + a {
        margin-left: 0.5666666667rem;
    }
}
.pagination--numbered ul {
    margin: 0;
}
.pagination--numbered ul li {
    color: #4a4a4f;
    display: inline-block;
    font-size: 0.8888888889rem;
    margin: 0 1px;
    padding: 0;
}
.pagination--numbered ul li a,
.pagination--numbered ul li strong {
    border-radius: 1px;
    color: #4a4a4f;
    padding: 0.5666666667rem 0.85rem;
}
.pagination--numbered ul li a:hover,
.pagination--numbered ul li strong:hover {
    background: #6c6c6f;
    color: #fff;
}
.pagination--numbered ul li strong {
    background: #6c6c6f;
    color: #fff;
}
.blog + .pagination {
    margin: 4rem 0;
    text-align: center;
}
@media all and (min-width: 56.25em) {
    .blog + .pagination {
        margin-bottom: 10rem;
        text-align: left;
    }
}
.footer {
/*    background: #f3f0e2;*/
	background: #000;
    color: #6c6c6f;
    font-size: 0.8888888889rem;
    padding: 4rem 0 2.8333333333rem;
    text-align: center;
}
@media all and (min-width: 56.25em) {
    .footer {
        padding-top: 10rem;
    }
}
@media all and (min-width: 56.25em) {
    .footer--flat {
        padding-top: 5rem;
    }
}
.footer a {
    color: #6c6c6f;
    text-decoration: none;
    -webkit-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
}
.footer a:hover {
    color: #000;
}
.footer a:active {
    color: #000;
}
.footer a:focus {
    color: #000;
}
.footer__logo {
    display: inline-block;
    font-size: 1.423828125rem;
    font-weight: 600;
    margin: 0 0 1.1333333333rem;
}
.footer__logo > img {
    max-height: 2rem;
    max-width: 5rem;
}
.footer__nav {
    margin: 0;
}
.footer__nav li {
    display: inline-block;
    margin: 0 0.2833333333rem 0.5666666667rem;
    padding: 0;
    line-height: 1;
}
.footer__nav li::after {
    content: "•";
    color: #6c6c6f;
    padding-left: 0.5666666667rem;
}
.footer__nav li:last-child::after {
    content: none;
}
.footer__copy {
    margin-bottom: 1.7rem;
}
.footer__social {
    margin-bottom: 0.5666666667rem;
}
.footer__social a {
    display: inline-block;
    margin: 0 0.4rem;
    -webkit-transition: all 0.24s ease;
    -o-transition: all 0.24s ease;
    transition: all 0.24s ease;
    will-change: transform;
}
.footer__social a > svg {
    display: inline-block;
    fill: #6c6c6f;
    height: 1rem;
    pointer-events: none;
    -webkit-transition: all 0.12s linear 0s;
    -o-transition: all 0.12s linear 0s;
    transition: all 0.12s linear 0s;
    width: 1rem;
}
.footer__social a:hover {
    text-decoration: none;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}
.footer__bttop {
    bottom: 1.4166666667rem;
    line-height: 1;
    opacity: 0;
    padding: 0.51rem;
    position: fixed;
    right: 2vw;
    visibility: hidden;
    z-index: 999;
}
@media all and (min-width: 56.25em) {
    .footer__bttop {
        bottom: 2.8333333333rem;
        right: 2.8333333333rem;
    }
}
.footer__bttop:hover {
    opacity: 1;
}
.footer__bttop > svg {
    fill: #fff;
    height: 23px;
    width: 23px;
}
.footer__bttop--show {
    visibility: visible;
    opacity: 1;
}
.footer__bttop--fade-out {
    opacity: 0.6;
}
.newsletter-popup {
    background: #fff;
    bottom: -100%;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    display: block;
    font-size: 0.8888888889rem;
    width: 26rem;
    opacity: 0;
    padding: 2.8333333333rem 2.2666666667rem 2.2666666667rem;
    position: fixed;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    z-index: 1000;
}
@media all and (min-height: 0em) and (max-height: 48.0625em) {
    .newsletter-popup {
        display: none;
    }
}
@media all and (max-width: 37.4375em) {
    .newsletter-popup {
        margin-left: calc((100% - 26rem) / 2);
    }
}
@media all and (min-width: 37.5em) {
    .newsletter-popup {
        right: 2rem;
    }
}
.newsletter-popup.is-visible {
    bottom: 2rem;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.newsletter-popup__close {
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0;
    color: #4a4a4f;
    font-size: 1.125rem;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.newsletter-popup__close:hover {
    color: #ef5350;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
@media all and (min-width: 37.5em) {
    .newsletter-popup form {
        font-size: 90%;
    }
}
.newsletter-popup svg {
    fill: #000;
}
.newsletter-popup h3 {
    margin-top: 0;
}
.newsletter-popup a {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}
.newsletter-popup p {
    margin: 0.5666666667rem 0 1.1333333333rem;
}
.newsletter-popup input[type="email"],
.newsletter-popup input[type="text"] {
    margin-top: 0.5666666667rem;
    width: 100%;
}
.newsletter-popup input[type="email"]:focus,
.newsletter-popup input[type="text"]:focus {
    -webkit-box-shadow: inset 0 0 2px #000;
    box-shadow: inset 0 0 2px #000;
    border: 1px solid #000;
}
.newsletter-popup__agree {
    margin: 1.1333333333rem 0 0;
    text-align: left;
}
.newsletter-popup__agree li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
}
.newsletter-popup__agree li label {
    font-weight: 400;
    margin-left: 2.1rem;
    margin-right: 0;
}
.newsletter-popup__agree li label:before {
    margin-left: -2.1rem;
}
.gallery {
    margin: calc(2.2666666667rem + 0.25vw) -0.2833333333rem;
}
@media all and (min-width: 20em) {
    .gallery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.gallery-wrapper--wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.gallery-wrapper--wide .gallery {
    max-width: calc(63rem + 0.5666666667rem);
    width: calc(84vw + 0.5666666667rem);
}
.gallery-wrapper--full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
@media all and (min-width: 56.25em) {
    .gallery-wrapper--full .gallery {
        max-width: calc(63rem + 0.5666666667rem);
        width: calc(84vw + 0.5666666667rem);
    }
}
@media all and (min-width: 20em) {
    .gallery[data-columns="1"] .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }
}
@media all and (min-width: 30em) {
    .gallery[data-columns="2"] .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}
@media all and (min-width: 37.5em) {
    .gallery[data-columns="3"] .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33.333%;
        flex: 1 0 33.333%;
    }
}
@media all and (min-width: 56.25em) {
    .gallery[data-columns="4"] .gallery__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    }
}
@media all and (min-width: 56.25em) {
    .gallery[data-columns="5"] .gallery__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
    }
}
@media all and (min-width: 56.25em) {
    .gallery[data-columns="6"] .gallery__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.666%;
        flex: 0 1 16.666%;
    }
}
@media all and (min-width: 56.25em) {
    .gallery[data-columns="7"] .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 14.285%;
        flex: 1 0 14.285%;
    }
}
@media all and (min-width: 56.25em) {
    .gallery[data-columns="8"] .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 12.5%;
        flex: 1 0 12.5%;
    }
}
.gallery__item {
    margin: 5px;
    padding: 0.2833333333rem;
    position: relative;
}
@media all and (min-width: 20em) {
    .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}
@media all and (min-width: 30em) {
    .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33.333%;
        flex: 1 0 33.333%;
    }
}
@media all and (min-width: 37.5em) {
    .gallery__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
    }
}
.gallery__item a {
    display: block;
    height: 100%;
    width: 100%;
}
.gallery__item a::after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 100%);
    bottom: 0.2833333333rem;
    content: "";
    display: block;
    opacity: 0;
    left: 0.2833333333rem;
    height: calc(100% - 0.5666666667rem);
    position: absolute;
    right: 0.2833333333rem;
    top: 0.2833333333rem;
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
    width: calc(100% - 0.5666666667rem);
}
.gallery__item a:hover::after {
    opacity: 1;
}
.gallery__item img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.gallery__item figcaption {
    bottom: 1.2rem;
    color: #fff;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, 1.2rem);
    -ms-transform: translate(-50%, 1.2rem);
    transform: translate(-50%, 1.2rem);
    -webkit-transition: all 0.24s ease-out;
    -o-transition: all 0.24s ease-out;
    transition: all 0.24s ease-out;
}
.gallery__item:hover figcaption {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.pswp--dark .pswp__bg {
    background: #000;
}
.pswp--light .pswp__bg {
    background: #fff;
}
.pswp--light .pswp__counter {
    color: #2c2a29;
}
.pswp--light .pswp__caption__center {
    color: #4a4a4f;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2c2a29;
    font-weight: 600;
    text-transform: none;
}
.dropcap::first-letter {
    color: #2c2a29;
    font-weight: 600;
}
a:hover {
    color: #2c2a29;
}
a:active {
    color: #2c2a29;
}
a:focus {
    color: #2c2a29;
}
.invert {
    color: #2c2a29;
}
.page__item-image__wrap {
    background: #f7f8fb;
}
pre {
    background-color: #f7f8fb;
}
code {
    background-color: #f7f8fb;
}
.table-striped tr:nth-child(2n) {
    background: #f7f8fb;
}
.table-title th {
    background: #f7f8fb;
}
.post__tag li > a {
    background: #f7f8fb;
}
.navbar .navbar__menu > li:hover > a,
.navbar .navbar__menu > li:hover > span[aria-haspopup="true"] {
    background: rgba(255, 255, 255, 0.12);
}
.header.is-visible .logo {
    color: #fff !important;
}
.navbar__menu.is-sticky li a,
.navbar__menu.is-sticky li span,
.navbar__menu.is-sticky li span[aria-haspopup="true"],
.navbar__menu.is-sticky > li:hover > a,
.navbar__menu.is-sticky > li:hover > span[aria-haspopup="true"] {
    color: #fff;
}
.navbar__menu.is-sticky li a:active,
.navbar__menu.is-sticky li a:focus,
.navbar__menu.is-sticky li a:hover,
.navbar__menu.is-sticky li span[aria-haspopup="true"]:active,
.navbar__menu.is-sticky li span[aria-haspopup="true"]:focus,
.navbar__menu.is-sticky li span[aria-haspopup="true"]:hover {
    color: #fff;
}
.navbar__menu.is-sticky > li:hover > a,
.navbar__menu.is-sticky > li:hover > span[aria-haspopup="true"] {
    background: rgba(255, 255, 255, 0.12);
}
.hero__image--overlay::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
}
.hero__button {
    background: #fff !important;
    border-color: #fff !important;
    color: #4a4a4f !important;
}
.divider::after {
    color: #2c2a29;
}
.divider--line::after {
    border-color: #2c2a29;
}
.divider--doubleline::after {
    border-color: #2c2a29;
}
.divider--dottedline::after {
    border-color: #2c2a29;
}
.divider--fadingline::after {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#2c2a29), to(transparent));
    background-image: -webkit-linear-gradient(left, transparent, #2c2a29, transparent);
    background-image: -o-linear-gradient(left, transparent, #2c2a29, transparent);
    background-image: linear-gradient(left, transparent, #2c2a29, transparent);
}
.divider--wave::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7 4' xml:space='preserve'%3e%3cpath d='M0,3h1v1H0V3z M1,3H0v1h1V3L1,3z M1,3h1V2H1V3z M2,2H1v1h1V2L2,2z M0,4h1V3H0V4z M1,3H0v1h1V3L1,3z M2,2h1V1H2V2z M3,1H2v1 h1V1L3,1z M3,0v1h1V0H3z M4,0H3v1h1V0L4,0z M4,1v1h1V1H4z M5,1H4v1h1V1L5,1z M5,2v1h1V2H5z M6,2H5v1h1V2L6,2z M6,3v1h1V3H6z M7,3H6 v1h1V3L7,3z' fill='%232c2a29' /%3e%3c/svg%3e ");
}
.divider--decorative-1::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 2'%3e%3cpath d='M25.54.86v.28h0a3.92,3.92,0,0,0-1.27.29c-.68.28-.82.57-1.27.57s-.6-.29-1.27-.57a3.62,3.62,0,0,0-1.29-.28.63.63,0,0,1-1.23,0h-.13a2.12,2.12,0,0,0-1.34.71.14.14,0,0,1-.16,0,5.44,5.44,0,0,0-1.81-.39C11.32,1.14.14,1.14.14,1.14a.14.14,0,1,1,0-.28S11.32.86,15.77.5A5.44,5.44,0,0,0,17.58.11a.14.14,0,0,1,.16,0,2,2,0,0,0,.5.42,1.89,1.89,0,0,0,.84.29h.13a.63.63,0,0,1,1.23,0A3.62,3.62,0,0,0,21.73.57C22.4.29,22.54,0,23,0s.59.29,1.27.57a3.92,3.92,0,0,0,1.27.29Zm20.32,0S34.68.86,30.23.5A5.44,5.44,0,0,1,28.42.11a.14.14,0,0,0-.16,0,2,2,0,0,1-.5.42,1.89,1.89,0,0,1-.84.29h-.13A.63.63,0,0,0,25.54,1a.63.63,0,0,0,1.25.14h.13a2.12,2.12,0,0,1,1.34.71.14.14,0,0,0,.16,0,5.44,5.44,0,0,1,1.81-.39c4.45-.36,15.63-.36,15.63-.36a.14.14,0,0,0,0-.28Z' fill='%232c2a29' /%3e%3c/svg%3e");
}
.divider--decorative-2::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 6'%3e%3cpath class='cls-1' d='M50,3A2.5,2.5,0,1,1,47.5.5,2.5,2.5,0,0,1,50,3Zm6-2a2,2,0,1,0,2,2A2,2,0,0,0,56,1Zm7.5.5A1.5,1.5,0,1,0,65,3,1.5,1.5,0,0,0,63.5,1.5ZM70,2a1,1,0,1,0,1,1A1,1,0,0,0,70,2Zm5.5.5A.5.5,0,1,0,76,3,.5.5,0,0,0,75.5,2.5ZM38,0a3,3,0,1,0,3,3A3,3,0,0,0,38,0ZM28.5.5A2.5,2.5,0,1,0,31,3,2.5,2.5,0,0,0,28.5.5ZM20,1a2,2,0,1,0,2,2A2,2,0,0,0,20,1Zm-7.5.5A1.5,1.5,0,1,0,14,3,1.5,1.5,0,0,0,12.5,1.5ZM6,2A1,1,0,1,0,7,3,1,1,0,0,0,6,2ZM.5,2.5a.5.5,0,0,0,0,1,.5.5,0,0,0,0-1Z' fill='%232c2a29' /%3e%3c/svg%3e");
}
.search-page table {
    border: none;
    margin: 0;
}
.search-page table td {
    border: none;
    padding: 0;
}
.gsc-above-wrapper-area-container,
.gsc-table-result {
    display: inline-table;
    margin-top: 0;
    white-space: normal;
}
.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important;
}
.gsc-thumbnail-inside,
.gsc-url-top {
    padding: 0 !important;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: 0.8888rem !important;
}
.gs-title {
    height: auto !important;
    text-decoration: none !important;
}
.gsc-result {
    border-bottom: 1px solid #e9e9e9 !important;
    padding: calc(1.06667rem + 0.25vw) 0 !important;
}
img[loading] {
    opacity: 0;
}
img.is-loaded {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#mc_embed_signup_scroll h2 {
	color: black;
}

#mc_embed_signup_scroll label {
	color: black;
}

#mc_embed_signup_scroll .button {
	background-color: black !important;
}

.chaussures {
	background-image: url('360px-chaussures-gray.png');
	height: 350px;
	width: 350px;
}

.plein-air {
	background-image: url('360px-pleinair-gray.png');
	height: 350px;
	width: 350px;
}

.vetements {
	background-image: url('360px-vetements-gray.png');
	height: 350px;
	width: 350px;
}

.embarcations {
	background-image: url('360px-nautique-gray.png');
	height: 350px;
	width: 350px;
}

.chaussures:hover {
	background-image: url('360px-chaussures-color.png');
	height: 350px;
	width: 350px;
}

.plein-air:hover {
	background-image: url('360px-pleinair-color.png');
	height: 350px;
	width: 350px;
}

.vetements:hover {
	background-image: url('360px-vetements-color.png');
	height: 350px;
	width: 350px;
}

.embarcations:hover {
	background-image: url('360px-nautique-color.png');
	height: 350px;
	width: 350px;
}

.footwear {
	background-image: url('360px-footwear-gray.png');
	height: 350px;
	width: 350px;
}

.outdoors {
	background-image: url('360px-outdoors-gray.png');
	height: 350px;
	width: 350px;
}

.clothing {
	background-image: url('360px-clothing-gray.png');
	height: 350px;
	width: 350px;
}

.nautical {
	background-image: url('360px-nautical-gray.png');
	height: 350px;
	width: 350px;
}

.footwear:hover {
	background-image: url('360px-footwear-color.png');
	height: 350px;
	width: 350px;
}

.outdoors:hover {
	background-image: url('360px-outdoors-color.png');
	height: 350px;
	width: 350px;
}

.clothing:hover {
	background-image: url('360px-clothing-color.png');
	height: 350px;
	width: 350px;
}

.nautical:hover {
	background-image: url('360px-nautical-color.png');
	height: 350px;
	width: 350px;
}

figure {
	margin: 5px;
}