:root {
    --gemius-g2: #F7F7F7;
    --gemius-landing-list-element: #00A9E0;
    --gemius-timeline-icon: #A7DFFF;
    --gemius-timeline-top-square-timeline-background-gradient: linear-gradient(130deg, #2153AA 0%, #48A1D6 100%);
    --gemius-timeline-background-gradient: linear-gradient(0deg, #2153AA 0%, #48A1D6 100%);
}

/* Section: Confetti */

.confetti-container {
    position: relative;
    top: -1000px;
}

@media (max-width: 768px) {
    .confetti-container {
        position: relative;
        top: -500px;
    }
}

.confetti-square-top-left:after,
.confetti-square-top-right:after,
.confetti-square-bottom-left:after,
.confetti-square-bottom-right:after {
    content: '';
    background: url("../img/gp4.d614d2a46119.svg");
    
    background-size: cover;
    width: 12.5rem;
    height: 12.5rem;
    position: absolute;
}

.confetti-square-top-right:after {
    right: -7rem;
    top: -5rem;
}

.confetti-square-bottom-left:after {
    left: -7rem;
    bottom: -5rem;
    transform: rotate(60deg);
}

.confetti-square-top-left:after {
    left: -5rem;
    top: 10rem;
    transform: rotate(20deg);
}

/*.confetti-square-top-left:after {*/
/*    left: -15rem;*/
/*    top: -5rem;*/
/*    transform: rotate(25deg);*/
/*}*/

.confetti-square-bottom-right:after {
    right: -5rem;
    bottom: 25rem;
    transform: rotate(60deg);
}

/*.confetti-square-bottom-right:after {*/
/*    right: -15rem;*/
/*    bottom: -5rem;*/
/*    transform: rotate(60deg);*/
/*}*/

@media (max-width: 768px) {
    .confetti-square-bottom-right {
        display: none;
    }
}

/* Section: Timeline */

.timeline-shape-top-left {
    width: 100vw;
    height: 35px;
    clip-path: polygon(0 0, 100% 100%, 100% -1%);
    background: var(--bs-body-bg);
    position: relative;
    bottom: -35px;
}

.timeline-shape-top-right {
    width: 100vw;
    height: 80px;
    clip-path: polygon(0 0, 100% 100%, 100% 30%);
    background: linear-gradient(30deg, #2153AA 0%, #48A1D6 50%);
    position: absolute;
}

.timeline-top-icon {
    width: 80px;
    height: 80px;
}

.timeline-icon-bottom-text {
    font-size: 1rem;
    line-height: 1.4;
}

.col-timeline-icon:nth-child(odd):last-child {
    width: 100%;
}

.timeline-background {
    position: relative;
    background: var(--gemius-timeline-background-gradient);
    color: var(--gemius-white);
}

.main-timeline {
    position: relative;
}

.main-timeline:before {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background: #FFFFFF;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.main-timeline .timeline {
    margin-bottom: 40px;
    position: relative;
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline .icon:before,
.main-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 30%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.timeline-bi-chevron-up {
    width: 38px;
    height: 38px;
    margin: auto;
    position: absolute;
    left: 0;
    top: -0.8rem;
    right: 0;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-up" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/> </svg>');
}

@media (max-width: 768px) {
    .timeline-bi-chevron-up {
        margin: 0;
        position: absolute;
        left: -0.65rem;
    }
}

@media (min-width: 768px) {
    .align-timeline-content-left {
        display: flex;
        flex-flow: row-reverse;
        align-items: center;
    }
}

.main-timeline .icon:before {
    background: #FFFFFF;
}

.main-timeline .timeline-icon-blue:before {
    background: var(--gemius-timeline-icon);
    z-index: 1000;
}

.main-timeline .date-content {
    width: 50%;
    float: left;
    margin-top: 22px;
    position: relative
}

.main-timeline .date-outer {
    width: 125px;
    height: 125px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1
}

.main-timeline .date-outer:before,
.main-timeline .date-outer:after {
    content: "";
    width: 125px;
    height: 125px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.main-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
    left: -6px
}

@media (max-width: 768px) {
    .main-timeline .date {
        margin: auto;
        position: absolute;
        left: 30px;
    }
}

@media (min-width: 768px) {
    .main-timeline .date-right {
        margin: auto;
        position: absolute;
        left: 30px;
    }

    .main-timeline .date-left {
        margin: auto;
        position: absolute;
        right: 30px;
    }
}

.timeline-text-blue {
    color: var(--gemius-timeline-icon);
}

.main-timeline .year {
    display: block;
    line-height: 36px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right
}

.main-timeline .title {
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px 0
}

.main-timeline .description {
    margin-bottom: 0
}

.main-timeline .timeline:nth-child(2n + 1) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n + 1) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n + 1) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }

    .main-timeline .date-content:before {
        width: 22.5%
    }

    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }

    .main-timeline .title {
        font-size: 17px
    }

    .main-timeline .timeline:nth-child(2n + 1) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }

    .main-timeline .timeline {
        margin-bottom: 20px
    }

    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }

    .main-timeline .icon {
        margin: auto 0
    }

    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }

    .main-timeline .date-content:before {
        display: none
    }

    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }

    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 110px;
        height: 110px
    }

    .main-timeline .date {
        top: 30%
    }

    .main-timeline .year {
        font-size: 24px
    }

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n + 1) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }

    .main-timeline .title {
        margin-bottom: 10px
    }
}

.timeline-square-shape-first-row-left,
.timeline-square-shape-first-row-right,
.timeline-square-shape-second-row-left,
.timeline-square-shape-second-row-right,
.timeline-square-shape-third-row-left,
.timeline-square-shape-third-row-right,
.timeline-square-shape-fourth-row-left,
.timeline-square-shape-fourth-row-right {
    position: absolute;
}

.timeline-square-shape-first-row-left:after,
.timeline-square-shape-first-row-right:after,
.timeline-square-shape-second-row-left:after,
.timeline-square-shape-second-row-right:after {
    content: '';
    background: url("../img/gp6.e7888fb13a9c.svg");
    background-size: cover;
    width: 12.5rem;
    height: 12.5rem;
    position: absolute;
}

.timeline-square-shape-third-row-left:after,
.timeline-square-shape-third-row-right:after {
    content: '';
    background: url("../img/gp5.e0b43f48ca03.svg");
    background-size: cover;
    width: 12.5rem;
    height: 12.5rem;
    position: absolute;
}

.timeline-square-shape-fourth-row-left:after,
.timeline-square-shape-fourth-row-right:after {
    content: '';
    background: url("../img/gp7.299dc9d45c18.svg");
    background-size: cover;
    width: 12.5rem;
    height: 12.5rem;
    position: absolute;
}

.timeline-square-shape-first-row-left:after {
    right: -5rem;
    top: 10rem;
}

.timeline-square-shape-first-row-right:after {
    left: 25rem;
    top: -2rem;
    transform: rotate(60deg);
}

.timeline-square-shape-second-row-left:after {
    right: 35rem;
    top: 25rem;
}

.timeline-square-shape-second-row-right:after {
    left: 28rem;
    top: 35rem;
    transform: rotate(60deg);
}

.timeline-square-shape-third-row-left:after {
    right: 20rem;
    top: 75rem;
}

.timeline-square-shape-third-row-right:after {
    left: 5rem;
    top: 105rem;
    transform: rotate(60deg);
}

.timeline-square-shape-fourth-row-left:after {
    right: 40rem;
    top: 165rem;
    transform: rotate(60deg);
}

.timeline-square-shape-fourth-row-right:after {
    left: 35rem;
    top: 165rem;
    transform: rotate(60deg);
}

.timeline-shape-bottom-left {
    width: 100vw;
    height: 80px;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    background: linear-gradient(250deg, #2050A8 60%, #2050A8 100%);
    position: relative;
    bottom: -45px;
}

.timeline-shape-bottom-right {
    width: 100vw;
    height: 35px;
    clip-path: polygon(0 0, 101% 100%, 0 100%);
    background: var(--bs-body-bg);
    position: absolute;
    bottom: -2px;
}

/* Section: Mediapanel - Badanie Cross-Mediowe */

#media-panel-analysis li::marker {
    color: var(--gemius-landing-list-element);
}

.media-panel-analysis-icon {
    height: 200px;
}

@media (max-width: 576px) {
    .media-panel-analysis-icon {
        height: 150px;
    }
}

.confetti-image-left,
.confetti-image-right {
    position: absolute;
}

.confetti-image-left:after,
.confetti-image-right:after {
    content: '';
    background-size: cover;
    position: absolute;
}

.confetti-image-left:after {
    background: url("../img/mediapanel/gmConfettiLeft.f8c8c7224bd7.svg");
    width: 503.899px;
    height: 848.24px;
    left: -10rem;
    bottom: -15rem;
}

.confetti-image-right:after {
    background: url("../img/mediapanel/gmConfettiRight.3b56466b9c28.svg");
    width: 380.97px;
    height: 807.688px;
    right: -100vw;
    bottom: 0;
}

@media (max-width: 768px) {
    .confetti-image-right {
        display: none;
    }
}

@media (max-width: 1350px) {
    .confetti-image-left:after {
        left: -15rem;
        bottom: -15rem;
    }

    .confetti-image-right:after {
        right: -105vw;
    }
}

@media (max-width: 1200px) {
    .confetti-image-left:after {
        left: -20rem;
        bottom: -15rem;
    }

    .confetti-image-right:after {
        right: -120vw;
    }
}

@media (max-width: 768px) {
    .confetti-image-left,
    .confetti-image-right {
        opacity: 0.2;
    }
}

/* Section: Map */

@media (min-width: 768px) {
    #locationsMap {
        margin-bottom: -5rem;
    }
}

.map-heading {
    position: relative;
    margin-bottom: -18rem;
}

@media (max-width: 768px) {
    .map-heading {
        margin-bottom: -13rem;
        font-size: 1.6rem;
    }
}

/* Section: Quiz */

#quiz {
    background: var(--gemius-g1);
}

.quiz-square-shape-right,
.quiz-square-shape-left {
    position: absolute;
}

.quiz-square-shape-right:after,
.quiz-square-shape-left:after {
    content: '';
    background: url("../img/gp3.50fd9899bf92.svg");
    background-size: cover;
    width: 12.5rem;
    height: 12.5rem;
    position: absolute;
}

.quiz-square-shape-left:after {
    right: -3rem;
    top: 5rem;
}

.quiz-square-shape-right:after {
    left: 65rem;
    top: -8rem;
    transform: rotate(25deg);
}

.quiz-shape-top-left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 100vw;
    border-color: transparent transparent transparent var(--gemius-g1);
    transform: rotate(0deg);
    margin-bottom: -10px;
}

.quiz-shape-top-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50vw 10px 0;
    border-color: transparent var(--gemius-g2) transparent transparent;
    transform: rotate(0deg);
    margin-left: 50vw;
}

a.gm-btn-quiz-primary {
    color: var(--gemius-b1);
    text-decoration: none;
    transition: 0.5s all ease;
    padding: 1rem 1.5rem;
    background: var(--gemius-h2-color-main);
    border-radius: var(--gemius-border-radius);
    margin-top: 1rem;
    display: inline-block;
    line-height: 1.5rem;
}

a.gm-btn-quiz-primary:hover {
    color: var(--gemius-b1);
    background: var(--gemius-b4);
}

a.gm-btn-quiz-primary-outline {
    color: var(--gemius-h2-color-main);
    text-decoration: none;
    transition: 0.5s all ease;
    padding: 1rem 1.5rem;
    background-color: transparent;
    border: 2px solid var(--gemius-h2-color-main);
    border-radius: var(--gemius-border-radius);
    margin-top: 1rem;
    display: inline-block;
    line-height: 1.5rem;
}

a.gm-btn-quiz-primary-outline:hover {
    color: var(--gemius-h2-color-main);
    text-decoration: none;
    transition: 0.5s all ease;
    background-color: transparent;
    border: 2px solid var(--gemius-b4);
    border-radius: var(--gemius-border-radius);
    margin-top: 1rem;
    display: inline-block;
    line-height: 1.5rem;
}

a.gm-btn-quiz-primary.disabled {
    color: var(--gemius-b1);
    text-decoration: none;
    transition: 0.5s all ease;
    padding: 1rem 1.5rem;
    background: var(--gemius-d1);
    border-radius: var(--gemius-border-radius);
    margin-top: 1rem;
    display: inline-block;
    line-height: 1.5rem;
}

a.gm-btn-secondary {
    color: var(--gemius-b2);
    text-decoration: none;
    transition: 0.5s all ease;
    padding: 1rem 1.5rem;
    background: var(--gemius-g1);
    border-radius: var(--gemius-border-radius);
    margin-top: 1rem;
    display: inline-block;
    line-height: 1.5rem;
}

a.gm-btn-secondary:hover {
    background: var(--gemius-b4);
}

@media (max-width: 768px) {
    a.gm-btn-quiz-primary {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    a.gm-btn-quiz-primary.disabled {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    a.gm-btn-quiz-primary-outline {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
}

/* Section: Quiz Result */

.quiz-result-text {
    color: #3982C4;
}

.quiz-square-top-left:after,
.quiz-square-top-right:after,
.quiz-square-bottom-left:after,
.quiz-square-bottom-right:after {
    content: '';
    background: url("../img/gp4.d614d2a46119.svg");
    background-size: cover;
    width: 12.5rem;
    height: 12.5rem;
    position: absolute;
}

.quiz-square-top-right:after {
    right: 20rem;
    top: 5rem;
}

.quiz-square-bottom-left:after {
    left: 10rem;
    bottom: 5rem;
    transform: rotate(60deg);
}

.quiz-square-top-left:after {
    left: -5rem;
    top: 2rem;
    transform: rotate(20deg);
}

.quiz-square-bottom-right:after {
    right: -5rem;
    bottom: 5rem;
    transform: rotate(60deg);
}

@media (max-width: 768px) {
    .quiz-square-top-right {
        display: none;
    }

    .quiz-square-top-right {
        display: none;
    }
}


/* .video-wrapper {

    overflow: hidden;
  } */
  .video-wrapper iframe {
    width: 100%;
    height: 100%;
  }
  .video-cover {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 100%;
    background: url("../img/cover_iframe.0c3acdfa8394.png") center center no-repeat;
    background-size: cover;
    z-index: 2;
    cursor: pointer;
    border-radius: 0.625rem;
  }
  /* .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 3;
  } */

  .row.foot-row ul li span {
    color: var(--gemius-b1);
    text-decoration: none;
    padding: 0 1rem;
    transition: 0.5s all ease;
}

.row.foot-row ul li span:hover {
    opacity: 0.85;
}