.c-content__section--sights {
    padding: 0 24px;
}

.c-content__section--sights .c-content__section-inner {
    max-width: 79rem;
    margin: 0 auto;
}

.c-sights {
}

.c-sights__list {
    display: flex;

    margin-bottom: -32px;
    margin-left: -32px;

    flex-wrap: wrap;
}

.c-sights__item {
    width: 100%;
    padding-bottom: 32px;
    padding-left: 32px;
}

@media screen and (min-width: 48em) {
    .c-sights__item {
        width: 50%;
    }
}

@media screen and (min-width: 64em) {
    .c-sights__item {
        width: 25%;
    }
}

@media screen and (min-width: 75em) {
    .c-sights__item {
    }
}

.c-sight {
    position: relative;
}

.c-sight:hover .c-sight__body,
.c-sight:active .c-sight__body {
    z-index: -1;

    opacity: 0;
}

.c-sight:hover .c-sight__overlay,
.c-sight:active .c-sight__overlay {
    z-index: 50;

    opacity: 1;
}

.c-sight__figure {
}

.c-sight__image {
}

.c-sight__body,
.c-sight__overlay {
    padding: 32px;

    transition: all .3s ease-in-out;
}

.c-sight__body {
    /* z-index: -1;

    opacity: 0; */
}

.c-sight__icon,
.c-sight__icon svg path {
    /* transition: all .3s ease-in-out; */
}

.c-sight__icon {
    display: flex;

    width: 42px;
    height: 42px;

    border-radius: 9999px;

    justify-content: center;
    align-items: center;
}

.c-sight:hover .c-sight__icon {
    background-color: #fefefe;
}

.c-sight--1:hover .c-sight__icon svg path {
    /* color: #c54322; */

    fill: #c54322;
    /* stroke: #c54322; */
}

.c-sight--2:hover .c-sight__icon svg path {
    /* color: #94bca4; */

    fill: #94bca4;
    /* stroke: #94bca4; */
}

.c-sight--3:hover .c-sight__icon svg path {
    /* color: #fcc464; */

    fill: #fcc464;
    /* stroke: #fcc464; */
}

.c-sight--4:hover .c-sight__icon svg path {
    /* color: #0077a1; */

    fill: #0077a1;
    /* stroke: #0077a1; */
}

.c-sight--1:hover .c-button--white .c-button__label,
.c-sight--1:hover .c-button--white .c-button__icon svg path {
    color: #c54322;

    fill: #c54322;
    stroke: #c54322;
}

.c-sight--2:hover .c-button--white .c-button__label,
.c-sight--2:hover .c-button--white .c-button__icon svg path {
    color: #94bca4;

    fill: #94bca4;
    stroke: #94bca4;
}

.c-sight--3:hover .c-button--white .c-button__label,
.c-sight--3:hover .c-button--white .c-button__icon svg path {
    color: #fcc464;

    fill: #fcc464;
    stroke: #fcc464;
}

.c-sight--4:hover .c-button--white .c-button__label,
.c-sight--4:hover .c-button--white .c-button__icon svg path {
    color: #0077a1;

    fill: #0077a1;
    stroke: #0077a1;
}

.c-sight__overlay {
    z-index: -1;

    opacity: 0;
    /* z-index: 50;

    opacity: 1; */
}

.c-sight__title {
    color: #fefefe;

    font-family: 'Colombia','TTNorms','Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    font-size: 23px;
    line-height: 29px;
}

.c-sight__usp {
    position: relative;

    padding-bottom: 4px;
    padding-left: 18px;

    color: #fefefe;

    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.c-sight__usp:last-child {
    padding-bottom: 0;
}

.c-sight__usp:before {
    position: absolute;
    top: 10px;
    left: 0;

    width: 5px;
    height: 5px;

    content: '';
    transform: rotate(45deg);

    background-color: #fefefe;
}

.c-sight__crunch-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    mix-blend-mode: multiply;
}

.c-popup {
    position: relative;

    width: 100%;
    max-width: 616px;
    margin: 20px auto;
    padding-top: 40px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-left: 50px;

    background: #fff;
}

.c-popup.has-iframe {
    max-width: 640px;
    padding: 0;

    background-color: transparent;
}

.c-popup iframe {
    width: 640px;
    height: 480px;
}

.c-popup__heading {
    margin-bottom: 25px;
}

.c-popup__title {
    margin-bottom: 10px;

    color: #1b2536;

    font-family: 'Colombia','TTNorms','Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;
    font-size: 23px;
    line-height: 29px;
}

.c-popup .mfp-close {
    width: 60px;
    height: 60px;

    font-size: 34px;
}

.c-button {
    display: inline-block;
    display: flex;

    width: 100%;
    padding: 6px;

    transition: all .3s ease-in-out;
    text-decoration: none;

    border: 1px solid transparent;

    align-items: center;
    justify-content: center;
}

.c-button__icon,
.c-button__icon svg path,
.c-button__label {
    transition: all .3s ease-in-out;
}

.c-button__icon {
    display: inline-block;

    margin-right: 8px;
}

.c-button__label {
    display: inline-block;

    text-transform: uppercase;

    font-size: 11px;
    font-weight: 500;
    line-height: 32px;
}

.c-button--white {
    border-color: #fefefe;
    background-color: #fefefe;
}

.c-button--white:hover {
    background-color: transparent;
}

.c-sight .c-button--white:hover .c-button__icon,
.c-sight .c-button--white:hover .c-button__icon svg path,
.c-sight .c-button--white:hover .c-button__label {
    color: #fefefe;

    fill: #fefefe;
    stroke: #fefefe;
}

.c-button--white .c-button__icon,
.c-button--white .c-button__label {
    color: #94bca4;
}

.c-button--white .c-button__icon {
}

.c-button--white .c-button__label {
}

.c-button--ghost {
    border-color: #fefefe;
}

.c-button--ghost:hover {
    /* background-color: #fefefe; */

    background-color: rgba(254,254,254,0.3);
}

/* .c-button--ghost:hover .c-button__icon,
.c-button--ghost:hover .c-button__icon svg path,
.c-button--ghost:hover .c-button__label {
    color: #94bca4;

    fill: #94bca4;
    stroke: #94bca4;
} */

/* .c-sight--1 .c-button--ghost:hover .c-button__label,
.c-sight--1 .c-button--ghost:hover .c-button__icon svg path {
    color: #c54322;

    fill: #c54322;
    stroke: #c54322;
}

.c-sight--2 .c-button--ghost:hover .c-button__label,
.c-sight--2 .c-button--ghost:hover .c-button__icon svg path {
    color: #94bca4;

    fill: #94bca4;
    stroke: #94bca4;
}

.c-sight--3 .c-button--ghost:hover .c-button__label,
.c-sight--3 .c-button--ghost:hover .c-button__icon svg path {
    color: #fcc464;

    fill: #fcc464;
    stroke: #fcc464;
}

.c-sight--4 .c-button--ghost:hover .c-button__label,
.c-sight--4 .c-button--ghost:hover .c-button__icon svg path {
    color: #0077a1;

    fill: #0077a1;
    stroke: #0077a1;
} */

.c-button--ghost .c-button__icon,
.c-button--ghost .c-button__label {
    color: #fefefe;
}

.c-button--ghost .c-button__icon {
}

.c-button--ghost .c-button__label {
}

.nav__list.nav__list--sub {
    display: flex;
    justify-content: center;
    margin-left: -24px;
}

.nav__list.nav__list--sub .nav__list__item {
    padding-left: 24px;
}