.audioToggler.mainToggler {
    display: block !important;
}

/* HERO */
#hero {
    height: 100vh;
    overflow: hidden;
}

#hero .hero-label {
    color: var(--white);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

#hero .hero-background {
    width: 100%;
    height: 100%;
    justify-content: center;
    padding-top: 100px;
}

#hero .hero-background picture {
    width: 100%;
    height: 100%;
}

#hero .hero-background img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

/* STEPS */
#steps {
    padding: 140px var(--gap) 50px;
    position: relative;
}

#steps .pin-spacer {
    pointer-events: none;
}

#steps h2 {
    margin-bottom: var(--gap);
    text-align: center;
    margin-bottom: 80px;
}

.step-block {
    position: relative;
    width: 100%;
    justify-content: space-between;
    padding: var(--gap) 0 100px;
    border-top: 1px solid var(--blue);
}

.step-block .column:first-child {
    width: -webkit-calc(45% - 16px);
    width: calc(45% - 16px);
}

.step-block .column:last-child {
    width: -webkit-calc(55% - 16px);
    width: calc(55% - 16px);
}

.step-block .step-media {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--light-grey);
}

.step-block .step-media:after {
    content: "";
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 60%;
    pointer-events: none;
}

.step-block ul {
    padding-left: 20px;
}

.step-swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.step-swiper .swiper-button-next,
.step-swiper .swiper-button-prev {
    color: var(--blue);
    z-index: 1;
}

.step-block .step-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.step-block .column:first-child > span {
    width: 160px;
}

.step-block .column:first-child .flex-column {
    justify-content: space-between;
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
}

.step-block .column:first-child .flex-column div {
    margin-top: 25px;
}

.step-navigation {
    position: absolute;
    top: 0;
    left: var(--gap);
    border-top: 1px solid var(--blue);
    width: calc(100% - var(--gap) * 2);
    padding: 15px 0;
    justify-content: space-between;
    background: var(--white);
    z-index: 2;
    pointer-events: visible;
}

.step-navigation .navigation {
    width: -webkit-calc(55% - 16px);
    width: calc(55% - 16px);
}

.step-navigation ul {
    list-style: none;
}

.step-navigation ul li {
    position: relative;
}

.step-navigation ul li.active:after {
    content: "";
    display: block;
    background: var(--blue);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: 50%;
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
}

.step-navigation ul li:not(:last-child) {
    margin-right: 100px;
}

.step-navigation ul li a {
    color: var(--blue);
}

.step-navigation ul li .label {
    display: none;
    margin-left: 20px;
}

.step-navigation ul li.active .label {
    display: block;
}

/* LEADERS */
#distribution,
#leaders {
    background: var(--blue);
    color: var(--white);
}

#distribution.pinnedSection .container,
#leaders.pinnedSection .container {
    padding: 32vh var(--gap);
}

#distribution .pinnedBackground.imageBackground {
    opacity: 1;
}

#distribution .inner-container,
#leaders .inner-container {
    justify-content: space-between;
    align-items: flex-start;
}

#leaders .inner-container .column {
    width: 100%;
    justify-content: space-between;
}

#leaders .inner-container .column:not(:first-child) {
    margin-top: 150px;
}

#leaders .inner-container .column > * {
    width: 50%;
    max-width: -webkit-calc(50% - 30px);
    max-width: calc(50% - 30px);
}

#leaders ul {
    padding-left: 20px;
}

/* ABOUT */
#about {
    padding: 140px var(--gap) 160px;
    background: var(--blue);
    color: var(--white);
}

#about .inner-container {
    max-width: 1540px;
}

#about .inner-container:not(:first-child) {
    margin-top: 150px;
}

#about .column:first-child,
#distribution .column:first-child {
    width: 40%;
}

#about .column:last-child,
#distribution .column:last-child {
    width: 60%;
    padding-left: 30px;
    padding-right: 85px;
}

#about .column:last-child .fontSize-24 {
    margin-bottom: var(--gap);
    width: 100%;
    max-width: 835px;
}

#about .column:last-child .fontSize-16 {
    width: 80%;
    max-width: 675px;
}

#about ul {
    padding-left: 20px;
}

#about ul li:not(:last-child) {
    margin-bottom: 10px;
}

/* PRICES */
.prices {
    width: 100%;
    position: relative;
    margin-bottom: 260px;
}

.prices h2 {
    text-align: center;
    margin-bottom: 80px;
}

.prices span.uppercase {
    text-transform: uppercase;
}

.price-line {
    padding: 10px 0;
    border-top: 1px solid var(--white);
}

.price-line > span {
    width: 33.33%;
}

.price-line > span:first-child {
    text-align: left;
}

.price-line > span:nth-child(2) {
    text-align: center;
}

.price-line > span:last-child {
    text-align: right;
}

/* CONTACT */
#contact {
    padding: 100px var(--gap) 120px;
    justify-content: center;
    background: var(--white);
}

#contact .inner-container {
    width: 100%;
    max-width: 1540px;
}

#contact .contact-form {
    margin-top: 32px;
}

#contact form {
    display: flex;
    justify-content: space-between;
}

.contact-form .contact-column {
    width: -webkit-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
}

.contact-form .contact-column p {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.custom-select p {
    margin-bottom: 0;
}

.contact-form input[type="submit"] {
    width: 100%;
    background: var(--blue);
    color: var(--white);
}

.contact-form .wpcf7-spinner {
    position: absolute;
    bottom: 3px;
    right: 130px;
    margin: 0;
}

.contact-form .wpcf7-response-output {
    position: absolute;
    left: 0;
    bottom: 0;
    width: -webkit-calc(33% - 20px);
    width: calc(33% - 20px);
}

#map {
    width: 100%;
    height: 40vw;
    position: relative;
}

#preMap {
    margin-top: -5px;
    width: 100%;
    height: 45vh;
    position: relative;
    background: rgb(0, 0, 0);
    background: linear-gradient(
        180deg,
        rgba(0, 71, 141, 1) 0%,
        rgba(0, 71, 141, 1) 20%,
        rgba(255, 255, 255, 1) 100%
    );
}

/* RESPONSIVE */
@media only screen and (max-width: 1440px) {
    /* STEP */
    .step-block .column:first-child > span {
        width: 80px;
    }

    .step-block .column:first-child > .flex-column {
        width: -webkit-calc(100% - 80px);
        width: calc(100% - 80px);
    }

    .step-block .column:first-child .flex-column .fontSize-20 {
        font-size: 16px;
    }

    .step-navigation ul li:not(:last-child) {
        margin-right: 50px;
    }

    .step-navigation ul li .label {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 1280px) {
    /* STEPS */
    .step-block .column:first-child .flex-column .fontSize-20 {
        font-size: 14px;
    }

    .step-navigation .navigation {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
        justify-content: flex-end;
    }

    .step-block .column:first-child {
        flex-direction: column;
        position: relative;
    }

    .step-block .column:last-child {
        padding-top: 25px;
    }

    .step-block .step-media:after {
        padding-bottom: 65%;
    }

    .step-block .column:first-child > span {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
    }

    .step-block .column:first-child > .flex-column {
        width: 100%;
        height: 100%;
    }

    .step-block .column:first-child .flex-column > span {
        text-indent: 40px;
    }

    /* ABOUT */
    #about .column:first-child,
    #prefooter .column:first-child {
        width: 40%;
    }

    #about .column:last-child,
    #prefooter .column:last-child {
        width: 56%;
        padding: 0;
    }

    #prefooter .column:first-child {
        padding: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    /* HERO */
    #hero .hero-background {
        padding-top: 77px;
    }

    /* INTRO */
    #intro,
    #about {
        padding: 115px var(--gap) 135px;
    }

    /* EVAC */
    #evac .inner-container:first-child,
    #leaders .inner-container .fontSize-35 {
        margin-bottom: 20px;
    }

    /* CONTACT */
    .contact-form .contact-column {
        width: -webkit-calc(33.33% - 12px);
        width: calc(33.33% - 12px);
    }

    .contact-form
        .contact-column
        span.wpcf7-form-control-wrap:not(:last-child) {
        margin-bottom: 12px;
    }

    #leaders .inner-container .column:not(:first-child) {
        margin-top: 80px;
    }

    #map {
        height: 70vw;
    }
}

@media only screen and (max-width: 768px) {
    /* GENERAL */
    #intro .inner-container,
    .featured-projects,
    #evac .inner-container.flex-row,
    #smart .inner-container,
    #elite .inner-container.flex-row,
    #prefooter .inner-container,
    #about .inner-container,
    #contact form {
        flex-direction: column;
    }

    #intro .inner-container h2,
    #intro .inner-container div,
    .featured-projects .case-item,
    #about .column:first-child,
    #about .column:last-child,
    #prefooter .column:first-child,
    #prefooter .column:last-child,
    .contact-form .contact-column {
        width: 100%;
    }

    #intro .inner-container h2,
    #evac .inner-container.flex-row .column:first-child,
    #smart .inner-container .column:first-child,
    #elite .inner-container.flex-row .column:first-child,
    #about .column:first-child {
        margin-bottom: var(--gap);
    }

    #intro .inner-container div,
    #evac .inner-container.flex-row .column:last-child,
    #smart .inner-container .column:first-child .fontSize-20,
    .featured-projects .case-item .case-text,
    #elite .inner-container.flex-row .column:first-child,
    #about .column:last-child,
    #prefooter .column:last-child {
        max-width: 550px;
    }

    /* BANNER */
    #preMap:before,
    #banner:before {
        height: 30vh;
    }

    .banner-block-info {
        flex-direction: column;
    }

    .banner-block-info > * {
        width: 100%;
    }

    .banner-block-info .fontSize-20 {
        margin-top: 10px;
    }

    /* STEPS */
    .step-block {
        flex-direction: column;
        padding-bottom: 70px;
    }

    .step-block .column:first-child,
    .step-block .column:last-child {
        width: 100%;
    }

    .step-block .column:last-child {
        padding-top: 0;
        margin-top: 40px;
    }

    .step-block .step-media:after {
        padding-bottom: 60%;
    }

    .step-block .column:first-child .flex-column .fontSize-20 {
        font-size: 18px;
    }

    .duo-banner {
        flex-direction: column;
    }

    .slider-description > *,
    .duo-banner .banner-block,
    .solo-banner .banner-info > * {
        width: 100%;
    }

    .duo-banner .banner-block:not(:first-child) {
        margin-top: 80px;
    }

    .duo-banner .banner-info {
        margin-top: 25px;
    }

    .smart-slider .slide .slider-info div.fontSize-20,
    .slider-description > div,
    .solo-banner .banner-info > div {
        margin-top: 20px;
    }

    .step-navigation ul li:not(:last-child) {
        margin-right: 20px;
    }

    .step-navigation ul li.active .label {
        display: none;
    }

    .step-navigation ul li.active:after {
        left: -6px;
    }

    /* LEADERS */
    #leaders .inner-container .column {
        flex-direction: column;
    }

    #leaders .inner-container .column > * {
        width: 100%;
        max-width: 100%;
    }

    /* ABOUT */
    #about {
        padding: 90px var(--gap) 20px;
    }

    #about .column:last-child .fontSize-16 {
        width: 100%;
    }

    #about .inner-container:not(:first-child) {
        margin-top: 80px;
    }

    #distribution.pinnedSection .container {
        padding: 40vh var(--gap) 60vh;
    }

    #distribution .pinnedBackground img {
        width: 85%;
    }

    /* CONTACT */
    .contact-form .contact-column,
    .contact-form
        .contact-column
        span.wpcf7-form-control-wrap:not(:last-child) {
        margin-bottom: 20px;
    }

    .contact-form .wpcf7-response-output {
        bottom: 20px;
        width: 50%;
        padding: 0 !important;
    }

    #preMap {
        height: 35vh;
    }
}

@media only screen and (max-width: 550px) {
    #hero .hero-label {
        padding: 0 var(--gap);
    }

    /* BANNER */
    .banner-block-info ul {
        columns: 1;
    }

    /* STEPS */
    .step-block .column:first-child .flex-column {
        width: 100%;
    }

    .step-block .column:first-child .flex-column .fontSize-20 {
        font-size: 16px;
    }

    /* LEADERS */
    #leaders.pinnedSection .container {
        padding-bottom: 20vh;
    }

    #leaders .inner-container {
        flex-direction: column;
    }

    #leaders .inner-container .fontSize-35 {
        margin-bottom: 30px;
    }

    #leaders .inner-container .column {
        max-width: 100%;
    }

    /* CONTACT */
    .contact-form .wpcf7-response-output {
        width: 60%;
    }

    #leaders .inner-container .column > .fontSize-24 {
        font-size: 18px;
    }

    #map {
        height: 120vw;
    }

    /* PRICES */
    .price-line {
        font-size: 14px;
    }
}