/* BIOCAMP PAGE [START] */
.biocamp__page .breadcrumbs {
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.biocamp__page .main_indent {
    padding-bottom: 0;
}

.biocamp__page .footer {
    margin-top: 0;
}
/* BIOCAMP PAGE [END] */

/* BIOCAMP LANDING [START] */
.biocamp__landing {
    background-color: #FFFFFF;
    color: #000000;
}

.biocamp__landing-element {
    color: #F1F4ED;
    width: 50%;
    height: auto;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.biocamp__landing-element-wrapper {
    width: 100%;
    padding: 50% 0%;
    overflow: hidden;
    position: relative;
}

.biocamp__landing-element svg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.biocamp__landing-element--1 {
    top: 0;
    right: 0;
}

.biocamp__landing-element--2 {
    top: 64%;
    left: 0;
}

.biocamp__landing-element--1 svg {
    top: 0;
    right: -20%;
}

.biocamp__landing-element--2 svg {
    top: 0;
    left: -20%;
}
/* BIOCAMP LANDING [END] */

/* BIOCAMP TITLE [START] */
.biocamp__title {
    font-size: 56px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
}

.biocamp__title-note {
    color: #415616;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    position: relative;
}

@media (max-width: 1024px) {
    .biocamp__title {
        font-size: 48px;
        text-align: center;
    }

    .biocamp__title-note {
        font-size: 28px;
        text-align: center;
    }
}
/* BIOCAMP TITLE [END] */

/* BIOCAMP SUBTITLE [START] */
.biocamp__subtitle {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
}

.biocamp__subtitle--stacked {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.biocamp__subtitle--stacked span {
    font-size: 32px;
    font-weight: 700;
    display: block;
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .biocamp__subtitle {
        font-size: 40px;
    }

    .biocamp__subtitle--stacked span {
        font-size: 24px;
    }
}
/* BIOCAMP SUBTITLE [END] */

/* BIOCAMP CAPTION [START] */
.biocamp__caption {
    font-size: 18px;
    font-weight: 400;
}

.biocamp__caption--center {
    text-align: center;
}

.biocamp__caption--narrow {
    width: 100%;
    max-width: 768px;
}
/* BIOCAMP CAPTION [END] */

/* BIOCAMP SECTION [START] */
.biocamp__section {
    padding-top: 152px;
    padding-bottom: 152px;
    position: relative;
    z-index: 2;
}

.biocamp__section--first {
    padding-top: 64px;
    padding-bottom: 0;
}

.biocamp__section--first .container {
    position: relative;
}

.biocamp__section--white { background-color: #FFFFFF; }
.biocamp__section--green { background-image: linear-gradient(0deg, rgba(241, 244, 237, 1) 0%, rgba(241, 244, 237, 1) 50%, rgba(241, 244, 237, 0) 100%); }
.biocamp__section--peach { background-color: #F4EFED; }
.biocamp__section--mint  { background-color: #EDF4F2; }

.biocamp__section-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    position: relative;
}

.biocamp__section-body {
    margin-top: 48px;
}

.biocamp__section-image-wrapper {
    width: 100%;
    height: auto;
    padding: 30% 0%;
    position: relative;
}

.biocamp__section-image {
    background-color: #F1F4ED;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px;
}

@media (max-width: 1024px) {
    .biocamp__section {
        padding-top: 96px;
        padding-bottom: 96px;
    }

    .biocamp__section .container {
        width: 100%;
        max-width: 768px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .biocamp__section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
/* BIOCAMP SECTION [END] */

/* BIOCAMP LAYOUT [START] */
.biocamp__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 72px;
    gap: 72px;
}

.biocamp__column--left {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (max-width: 1024px) {
    .biocamp__layout {
        display: flex;
        flex-direction: column;
        gap: 88px;
    }

    .biocamp__column--left  {
        align-items: center;
        order: 2;
    }

    .biocamp__column--right {
        order: 1;
    }
}
/* BIOCAMP LAYOUT [END] */

/* BIOCAMP FIRST [START] */
.biocamp__hero {
    position: relative;
    padding: 30% 0%;
}

.biocamp__hero-image {
    background-color: #F1F4ED;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px;
}

.biocamp__hero-thumb {
    background-color: #F1F4ED;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    border-radius: 24px;
}

.biocamp__hero-thumb--1 { width: 38%; padding: 12% 0%; top: -8%; left: 76%; }
.biocamp__hero-thumb--2 { width: 24%; padding: 8% 0%;  top: 80%; left: 65%; }
.biocamp__hero-thumb--3 { width: 30%; padding: 10% 0%; top: 75%; left: -8%; }

.biocamp__date {
    background-color: #F1F4ED;
    box-shadow: 0px 0px 24px 0px rgba(65, 86, 22, 0.05);
    color: #415616;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 16px 24px;
    position: relative;
    border-radius: 24px;
}

.biocamp__date-icon {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.biocamp__date-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.biocamp__date-text {
    display: block;
}

.biocamp__btn {
    background-color: #99231E;
    border: none;
    outline: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 56px;
    margin: 0;
    padding: 0px 24px;
    user-select: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.5s, color 0.5s;
}

.biocamp__btn:hover {
    background-color: #811C18;
}

@media (max-width: 1024px) {
    .biocamp__date {
        width: fit-content;
        margin: 0 auto;
    }

    .biocamp__hero-thumb--2 {
        top: 84%;
        left: 70%;
    }

    .biocamp__hero-thumb--3 {
        left: -10%;
    }
}
/* BIOCAMP FIRST [END] */

/* BIOCAMP ABOUT [START] */
.biocamp__about {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    gap: 40px;
}

.biocamp__about-image,
.biocamp__about-video {
    background-color: #F1F4ED;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    padding: 30% 0%;
    border-radius: 24px;
}

.biocamp__about-video {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}

.biocamp__about-video iframe {
    background-color: #000000;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.biocamp__about-play-wrapper {
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color 0.5s;
}

.biocamp__about-play-wrapper:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.biocamp__about-play {
    background-color: #FFFFFF;
    border: none;
    outline: none;
    color: #99231E;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    user-select: none;
    appearance: none;
    transition: background-color 0.5s, color 0.5s, transform 0.5s;
}

.biocamp__about-play-wrapper:hover .biocamp__about-play {
    background-color: #99231E;
    color: #FFFFFF;
    transform: scale(1.1);
}

.biocamp__about-play svg {
    display: block;
    width: 48px;
    height: 48px;
}

.biocamp__about-text {
    position: relative;
}

.biocamp__about-text,
.biocamp__about-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.biocamp__about-text a {
    color: #007AFF;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .biocamp__about {
        grid-template-columns: 1fr;
    }

    .biocamp__about-image,
    .biocamp__about-video {
        padding: 30% 0%;
    }
}
/* BIOCAMP ABOUT [END] */

/* BIOCAMP INFO [START] */
.biocamp__info {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    grid-gap: 24px;
    gap: 24px;
    margin-top: 64px;
}

.biocamp__info-card {
    background-color: #FFFFFF;
    border: 4px solid #FFFFFF;
    display: grid;
    border-radius: 24px;
}

.biocamp__info-card--1 {
    grid-template-columns: 0.7fr 1fr;
}

.biocamp__info-card--2 {
    grid-template-columns: 1fr;
}

.biocamp__info-card--3 {
    grid-template-columns: 1fr 0.6fr;
    grid-column-start: 1;
    grid-column-end: 3;
}

.biocamp__info-image {
    padding: 50% 0%;
    position: relative;
    border-radius: 24px;
}

.biocamp__info-image--1 { padding: 50% 0%; }
.biocamp__info-image--3 { padding: 35% 0%; }

.biocamp__info-image img {
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px;
}

.biocamp__info-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}

.biocamp__info-icon {
    color: #415616;
}

.biocamp__info-icon svg {
    display: block;
    width: 64px;
    height: 64px;
}

.biocamp__info-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.biocamp__info-description {
    display: block;
}

.biocamp__info-description,
.biocamp__info-description p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.biocamp__info-description p {
    margin-bottom: 0.5rem;
}

.biocamp__info-description p:last-child {
    margin-bottom: 0;
}

.biocamp__info-description a {
    color: #007AFF;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .biocamp__info-card--1 {
        grid-template-columns: 1fr;
    }

    .biocamp__info-card--3 {
        grid-template-columns: 1fr 1fr;
    }

    .biocamp__info-image--1 { padding: 35% 0%; }
    .biocamp__info-image--3 { padding: 50% 0%; }

    .biocamp__info-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .biocamp__info {
        grid-template-columns: 1fr;
    }

    .biocamp__info-image {
        max-height: 360px;
    }

    .biocamp__info-card--3 {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        grid-column-start: auto;
        grid-column-end: auto;
    }

    .biocamp__info-card--3 .biocamp__info-image   { order: 1; }
    .biocamp__info-card--3 .biocamp__info-content { order: 2; }

    .biocamp__info-image--1 { padding: 24% 0%; }
    .biocamp__info-image--3 { padding: 24% 0%; }
}
/* BIOCAMP INFO [END] */

/* BIOCAMP VALUES [START] */
.biocamp__section--values .container {
    position: relative;
}

.biocamp__values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.biocamp__values-list {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
}

.biocamp__value-item {
    background-color: #FFFFFF;
    border: 1px solid #F1F4ED;
    box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.05);
    font-size: 24px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: fit-content;
    height: 80px;
    padding: 0px 24px 0px 12px;
    position: absolute;
    transform: translate(0, 0);
    will-change: transform;
    white-space: nowrap;
    border-radius: 24px;
}

.biocamp__value-item--1 { top: 10%; left: -30%; }
.biocamp__value-item--2 { top: 15%; left: 75%; }
.biocamp__value-item--3 { top: 58%; left: 94%; }
.biocamp__value-item--4 { top: 90%; left: 0; right: 0; margin: 0 auto; }
.biocamp__value-item--5 { top: 50%; left: -25%; }

.biocamp__value-icon {
    background-color: #F8FBF4;
    border: 1px solid #D4D4D4;
    color: #415616;
    display: block;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 50%;
}

.biocamp__value-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.biocamp__value-text {
    display: block;
}

@media (max-width: 1024px) {
    .biocamp__values {
        max-width: 100%;
    }

    .biocamp__section-image-wrapper {
        padding: 30% 0%;
    }

    .biocamp__values-list {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-top: -32px;
        padding: 0px 12px;
        position: relative;
        top: auto;
        left: auto;
    }

    .biocamp__value-item {
        font-size: 20px;
        width: 100%;
        margin: 0;
        position: relative;
        top: auto;
        left: auto;
    }
}

@media (max-width: 768px) {
    .biocamp__value-item {
        font-size: 18px;
    }
}
/* BIOCAMP VALUES [END] */

/* BIOCAMP RULES [START] */
.biocamp__rules {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.biocamp__rule {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.biocamp__rule-card {
    background-color: #FFFFFF;
    box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 75%;
    max-width: calc(100% - 360px);
    padding: 24px;
    position: relative;
    border-radius: 24px;
}

.biocamp__rule:nth-child(odd) .biocamp__rule-card {
    margin-right: auto;
}

.biocamp__rule:nth-child(even) .biocamp__rule-card {
    margin-left: auto;
}

.biocamp__rule-card::after {
    color: #E1D8D8;
    content: attr(data-number);
    font-size: 96px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
}

.biocamp__rule:nth-child(odd) .biocamp__rule-card::after {
    margin-left: 24px;
    left: 100%;
}

.biocamp__rule:nth-child(even) .biocamp__rule-card::after {
    margin-right: 24px;
    right: 100%;
}

.biocamp__rule-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.biocamp__rule-text {
    margin-top: 8px;
}

.biocamp__rule-text,
.biocamp__rule-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .biocamp__rule-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    .biocamp__rule-card::after {
        color: #F5EDED !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
        top: auto !important;
        left: auto !important;
        right: 24px !important;
        bottom: 12px !important;
        z-index: 1 !important;
    }

    .biocamp__rule-title,
    .biocamp__rule-text {
        position: relative;
        z-index: 2;
    }

    .biocamp__rule-title {
        font-size: 20px;
    }
}
/* BIOCAMP RULES [END] */

/* BIOCAMP SCHEDULE [START] */
.biocamp__schedule {
    position: relative;
}

.biocamp__schedule::before {
    background-image: linear-gradient(0deg, #90A673 50%, transparent 50%);
    background-position: 50% 50%;
    background-repeat: repeat-y;
    background-size: 100% 20px;
    content: '';
    display: block;
    width: 4px;
    height: auto;
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 24px;
}

.biocamp__schedule ul {
    font-size: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.biocamp__schedule li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 18px 16px 48px;
    position: relative;
}

.biocamp__schedule li.active {
    background-color: #F1F4ED;
    position: relative;
    z-index: 1;
    border-radius: 24px;
}

.biocamp__schedule li::before {
    background-color: #90A673;
    content: '';
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    position: absolute;
    top: 21px;
    left: 18px;
    z-index: 1;
    border-radius: 50%;
}

.biocamp__schedule li:not(.active)::before {
    box-shadow: 0px 0px 0px 1px #FFFFFF;
}

.biocamp__schedule li strong:first-child {
    color: #415616;
    font-weight: 700;
    width: 120px;
    margin-right: 24px;
    white-space: nowrap;
}

.biocamp__schedule-footnote {
    color: #4F4F4F;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    margin-top: 24px;
}

@media (max-width: 768px) {
    .biocamp__schedule li {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* BIOCAMP SCHEDULE [END] */

/* BIOCAMP GALLERY [START] */
.biocamp__gallery {
    position: relative;
}

.biocamp__section--gallery {
    overflow: hidden;
}

.biocamp__gallery::before,
.biocamp__gallery::after {
    content: '';
    display: block;
    width: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 14;
}

.biocamp__gallery::before {
    background-image: linear-gradient(90deg, #EDF4F2 0%, transparent 100%);
    left: -24px;
}

.biocamp__gallery::after {
    background-image: linear-gradient(90deg, transparent 0%, #EDF4F2 100%);
    right: -24px;
}

.biocamp__gallery-image {
    background-color: #F1F4ED;
    box-shadow: 0px 0px 0px 4px #FFFFFF, 0px 0px 24px 4px rgba(0, 0, 0, 0.15);
    display: block;
    width: 100%;
    padding: 34% 0%;
    position: relative;
    user-select: none;
    border-radius: 24px;
}

.biocamp__gallery-image img {
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px;
    transition: opacity 0.5s;
}

.biocamp__gallery .swiper:not(.swiper-initialized) img {
    opacity: 0;
}

.biocamp__gallery .swiper.swiper-initialized .biocamp__gallery-image:hover img {
    opacity: 0.8;
}

.biocamp__gallery .swiper {
    width: auto;
    margin: -40px -24px -88px -24px;
    padding: 88px 24px;
    position: relative;
    z-index: 12;
}

.biocamp__gallery .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-direction: row;
}

.biocamp__gallery .swiper:not(.swiper-initialized) .swiper-slide {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
}

.biocamp__gallery .swiper:not(.swiper-initialized) .swiper-slide:last-child {
    margin-right: 0 !important;
}

.biocamp__gallery .swiper-slide {
    transform: scale(1);
    transition: transform 0.3s ease;
}

.biocamp__gallery .swiper-slide-active {
    transform: scale(1.4);
    z-index: 2;
}

.biocamp__gallery .swiper-button-prev,
.biocamp__gallery .swiper-button-next {
    background-color: #FFFFFF;
    color: #415616;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    transition: background-color 0.5s, color 0.5s;
}

.biocamp__gallery .swiper-button-prev:hover,
.biocamp__gallery .swiper-button-next:hover {
    background-color: #415616;
    color: #FFFFFF;
}

.biocamp__gallery .swiper-button-prev::after,
.biocamp__gallery .swiper-button-next::after {
    content: none !important;
    display: none !important;
}

.biocamp__gallery .swiper-button-prev svg,
.biocamp__gallery .swiper-button-next svg {
    display: block;
    width: 32px;
    height: 32px;
}

.biocamp__gallery .swiper-button-prev {
    left: 40px;
}

.biocamp__gallery .swiper-button-next {
    right: 40px;
}

@media (max-width: 1024px) {
    .biocamp__gallery-image {
        padding: 30% 0%;
    }

    .biocamp__gallery .swiper {
        margin: -24px -24px;
        padding: 24px 24px;
    }

    .biocamp__gallery .swiper:not(.swiper-initialized) .swiper-slide {
        width: 100%;
    }

    .biocamp__gallery .swiper-slide-active {
        transform: none;
    }
}
/* BIOCAMP GALLERY [END] */

/* BIOCAMP FLOATERS [START] */
.biocamp__floater {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    position: absolute;
    z-index: 10;
}

.biocamp__floater--1  { background-image: url('../images/biocamp/floaters/floater-1.svg');  top: -32px;    left: -32px; }
.biocamp__floater--2  { background-image: url('../images/biocamp/floaters/floater-2.svg');  top: -32px;    right: -32px; }
.biocamp__floater--3  { background-image: url('../images/biocamp/floaters/floater-3.svg');  top: -16px;    left: -100px; }
.biocamp__floater--4  { background-image: url('../images/biocamp/floaters/floater-4.svg');  bottom: -32px; left: 70%; }
.biocamp__floater--5  { background-image: url('../images/biocamp/floaters/floater-5.svg');  top: 50%;      left: 100%; }
.biocamp__floater--6  { background-image: url('../images/biocamp/floaters/floater-6.svg');  bottom: 100%;  left: 0; }
.biocamp__floater--7  { background-image: url('../images/biocamp/floaters/floater-7.svg');  top: 24%;      left: 100%; }
.biocamp__floater--8  { background-image: url('../images/biocamp/floaters/floater-8.svg');  bottom: 18%;   right: 92%; }
.biocamp__floater--9  { background-image: url('../images/biocamp/floaters/floater-9.svg');  bottom: 14%;   left: 94%; }
.biocamp__floater--10 { background-image: url('../images/biocamp/floaters/floater-10.svg'); top: 8%;       left: 10%; }
.biocamp__floater--11 { background-image: url('../images/biocamp/floaters/floater-11.svg'); top: 8%;       right: 12%; }
.biocamp__floater--12 { background-image: url('../images/biocamp/floaters/floater-12.svg'); bottom: 2%;    left: 12%; }
.biocamp__floater--13 { background-image: url('../images/biocamp/floaters/floater-13.svg'); top: 100%;     right: 14%; }
.biocamp__floater--14 { background-image: url('../images/biocamp/floaters/floater-14.svg'); top: 22%;      left: 120%; }
.biocamp__floater--15 { background-image: url('../images/biocamp/floaters/floater-15.svg'); top: 30%;      right: 120%; }
.biocamp__floater--16 { background-image: url('../images/biocamp/floaters/floater-16.svg'); top: 26%;      left: 120%; }
.biocamp__floater--17 { background-image: url('../images/biocamp/floaters/floater-17.svg'); bottom: 100%;  left: 0; }
.biocamp__floater--18 { background-image: url('../images/biocamp/floaters/floater-18.svg'); top: 4%;       right: -2%; }
.biocamp__floater--19 { background-image: url('../images/biocamp/floaters/floater-19.svg'); top: 40%;      right: 30%; }
.biocamp__floater--20 { background-image: url('../images/biocamp/floaters/floater-20.svg'); bottom: 10%;   right: 4%; }
.biocamp__floater--21 { background-image: url('../images/biocamp/floaters/floater-21.svg'); top: 10%;      left: 2%; }
.biocamp__floater--22 { background-image: url('../images/biocamp/floaters/floater-22.svg'); top: 40%;      right: -8%; }
.biocamp__floater--23 { background-image: url('../images/biocamp/floaters/floater-23.svg'); bottom: 0%;    left: 10%; }

@media (max-width: 1024px) {
    .biocamp__floater--4,
    .biocamp__floater--13,
    .biocamp__floater--14,
    .biocamp__floater--15,
    .biocamp__floater--16,
    .biocamp__floater--17,
    .biocamp__floater--23 {
        display: none;
    }

    .biocamp__floater--10 {
        top: 38%;
        left: 6%;
    }

    .biocamp__floater--11 {
        top: -10%;
    }

    .biocamp__floater--12 {
        top: 100%;
        left: 100%;
        bottom: auto;
    }

    .biocamp__floater--21 {
        top: 8%;
    }

    .biocamp__floater--22 {
        top: 83%;
        right: 4%;
    }
}

@media (max-width: 768px) {
    .biocamp__floater--8,
    .biocamp__floater--9 {
        display: none;
    }

    .biocamp__floater--7 {
        top: auto;
        left: 96%;
        bottom: 100%;
    }

    .biocamp__floater--18 {
        top: auto;
        right: 0;
        bottom: 98%;
    }

    .biocamp__floater--19 {
        top: 44%;
        right: 4%;
    }

    .biocamp__floater--20 {
        right: 0;
    }
}
/* BIOCAMP FLOATERS [END] */