.gallery > * {
    flex: 0 0 auto;
    width: 25%;
}
@media (max-width: 1024px) {
.gallery > * {
    flex: 0 0 auto;
    width: 50%;
}
}
@media (max-width: 768px) {
.gallery > * {
    flex: 0 0 auto;
    width: 100%;
}
}

.gallery {
    flex-wrap: wrap;
    margin: 60px -.75rem;
}

.gallery-item {
    padding: .75rem;
}
#back-to-top {
    position: fixed;
   background-color: #f1f2f2;
   padding: 10px;
  right: 10px;
  bottom: 10px;
  opacity: 0;
    transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
/*   -webkit-transition: opacity 800ms ease-in-out;
-moz-transition: opacity 800ms ease-in-out;
-o-transition: opacity 800ms ease-in-out;
transition: opacity 800ms ease-in-out; */
z-index: 9999;
}
#back-to-top img {
    transform: rotate(-90deg);
}
/* cookie banner: the visible box is the form, not the wrapper, so that a
   cookie-banner blocker hiding the form leaves no empty square behind */
.cookie {
    background: none;
    border: 0;
    padding: 0;
}
.cookie__form {
    display: block;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 17px 30px;
}

/* ===========================================================================
   Tvarumo puslapis (layouts/sustainability.htm)
   =========================================================================== */

.sustainability-page {
    padding-top: 180px;
}

.def-title--red {
    color: #f01519;
}

.sust-lead {
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
}

/* Plati nuotrauka po „Musu poziuris“ – dizaine 944 x 480 px.
   Santykis islaikomas padding-top budu, tad plotis prisitaiko prie ekrano. */
.sust-figure {
    position: relative;
    margin-top: 60px;
    padding-top: 50.85%;
    overflow: hidden;
}

.sust-figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Nuotrauka prie „Palaikome bendruomenes“ – dizaine 400 x 300 px */
.sust-community-figure {
    position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
}

.sust-community-figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Aplinkosaugos blokai – 2 stulpeliai vietoje numatytų 3 */
.icons-grid--col-2 .icons-grid__item {
    width: 50%;
}

.sust-inline-cta {
    display: inline-block;
    margin-top: 20px;
    color: #162d74;
}

/* Pilka juosta su sertifikato nuoroda */
.sust-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f1f2f2;
    padding: 30px 40px;
    margin-top: 40px;
}

.sust-note__text {
    margin: 0;
    padding-right: 40px;
}

.sust-note__link {
    flex: 0 0 auto;
    color: #162d74;
}

/* Žmonės */
.sust-people {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.sust-people__item {
    width: 50%;
    padding-right: 69px;
    margin-bottom: 60px;
}

.sust-people__visual {
    position: relative;
    margin-bottom: 30px;
    padding-top: 61.4035%; /* 280 / 456 - nuotraukos proporcija is Figmos */
    overflow: hidden;
}

.sust-people__visual img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Projektų kortelės – trys stulpeliai, be karuselės */
.sust-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 60px -15px 0;
}

.sust-cards__item {
    width: calc(100% / 3);
    padding: 0 15px;
    display: flex;
}

/* Projekto kortelė. Užvedus visą kortelę – ne tik nuotrauką – uždengia mėlyna
   plokštuma su užrašu „Skaityti daugiau“, kaip dizaine. */
.sust-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.sust-card__visual {
    position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
    margin-bottom: 20px;
}

.sust-card__visual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Logotipas rodomas dviem budais, todel markupe yra du elementai:
   kampinis skaiciuojamas nuo nuotraukos, centrinis – nuo visos korteles. */
.sust-card__logo {
    position: absolute;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: opacity .3s ease-in-out;
}

/* Numatytoji busena – kaireje apacioje ant nuotraukos, kiek mazesnis.
   Selektorius su .sust-card__visual, kad nustelbtu .sust-card__visual img taisykle. */
.sust-card__visual .sust-card__logo--corner {
    z-index: 2;
    top: auto;
    left: 20px;
    bottom: 20px;
    width: auto;
    height: auto;
    max-width: 115px;
    max-height: 58px;
}

/* Uzvedus – visos korteles centre, didesnis */
.sust-card__overlay .sust-card__logo--center {
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 145px;
    max-height: 78px;
}
.sust-card__title {
    margin: 0 0 15px;
}

.sust-card__text {
    margin: 0;
}

.sust-card__overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 40px;
    background-color: transparent;
    transition: background-color .3s ease-in-out;
}

.sust-card__more,
.sust-card__arrow {
    opacity: 0;
    transform: translateY(10px);
    transition: .3s ease-in-out;
}

.sust-card__more {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .067em;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.sust-card__arrow svg {
    display: block;
    width: 31px;
    height: 12px;
}

.sust-card:hover .sust-card__overlay {
    background-color: #4341c4;
}

.sust-card:hover .sust-card__logo--corner {
    opacity: 0;
}

.sust-card:hover .sust-card__logo--center {
    opacity: 1;
    transition-delay: .3s;
}

.sust-card:hover .sust-card__more,
.sust-card:hover .sust-card__arrow {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
}

/* Atsakingas verslas – projektų karuselė.
   Iki 3 projektų sekcija veikia kaip anksčiau (paprastas tinklelis).
   Nuo 4-o įsijungia .sust-projects--carousel: kortelės eina į šoną,
   dešinėje atsiranda Figmos rodyklės. Kortelių stiliai ir hover
   animacijos nekeičiamos. */
.sust-projects__viewport {
    overflow: hidden;
}

.sust-projects--carousel .sust-projects__viewport {
    margin: 60px -15px 0;
}

.sust-projects--carousel .sust-cards {
    margin: 0;
    flex-wrap: nowrap;
    transition: transform .45s cubic-bezier(.645, .045, .355, 1);
    will-change: transform;
}

.sust-projects--carousel .sust-cards__item {
    flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
}

.sust-projects__controls {
    display: flex;
    justify-content: flex-end;
    margin-top: 60px;
}

.sust-projects__btn {
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    transition: border-color .3s ease-in-out, opacity .3s ease-in-out;
}

.sust-projects__btn + .sust-projects__btn {
    margin-left: 16px;
}

.sust-projects__btn svg {
    display: block;
    width: 8px;
    height: 14px;
}

.sust-projects__btn svg path {
    stroke: #162d74;
}

.sust-projects__btn:hover {
    border-color: #162d74;
}

.sust-projects__btn[disabled] {
    opacity: .35;
    cursor: default;
}

.sust-projects__btn[disabled]:hover {
    border-color: #e5e5e5;
}

/* Mes remiame */
.sust-supporters {
    background-color: #f1f2f2;
    padding: 40px;
    margin-top: 80px;
}

.sust-supporters__title {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
}

/* Po 4 logotipus eilėje. Neigiama paraštė kartu su elementų vidiniu tarpu
   duoda tiksliai 24 px tarpelį, kaip Figmoje. Penktas ir tolesni logotipai
   automatiškai nusikelia į naują eilutę. */
.sust-supporters__grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -24px;
}

.sust-supporters__item {
    width: 25%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.sust-supporters__card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    padding: 16px;
    background-color: #fff;
    overflow: hidden;
    text-decoration: none;
}

.sust-supporters__card img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

@media screen and (max-width: 1023px) {
    .sustainability-page {
        padding-top: 100px;
    }

    .sust-figure {
        margin-top: 30px;
    }

    .icons-grid--col-2 .icons-grid__item {
        width: 100%;
        padding-right: 0;
    }

    .sust-people {
        margin-top: 30px;
    }

    .sust-people__item {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .sust-note {
        display: block;
        padding: 20px;
    }

    .sust-note__text {
        padding-right: 0;
        margin-bottom: 15px;
    }

    .sust-cards {
        margin-top: 30px;
    }

    .sust-cards__item {
        width: 100%;
        margin-bottom: 30px;
    }

    .sust-projects--carousel .sust-cards__item {
        flex: 0 0 100%;
        width: 100%;
    }

    .sust-projects__controls {
        margin-top: 10px;
    }

    .sust-supporters {
        padding: 20px;
        margin-top: 40px;
    }

    .sust-supporters__item {
        width: 50%;
    }
}

@media screen and (max-width: 719px) {
    .sust-lead {
        font-size: 18px;
    }

}

/* Karjeros skelbimo puslapis (layouts/career-single.htm).

   Bangelė .header-wave--sec yra 275 px aukščio, o žemiausias tamsaus fono
   taškas – 272 px (maždaug ties 2/3 pločio). H1 prasidėdavo ties 244 px,
   todėl ilgesnės antraštės ta vieta užlįsdavo ant tamsaus fono ir tapdavo
   sunkiai įskaitomos.

   Turinį nuleidžiam žemiau bangelės. Bangelės aukštis fiksuotas, tad 272 px
   galioja bet kokiame ekrano plotyje. Mobiliajame (≤1023 px) bangelė yra
   103 px, o turinys prasideda nuo 104 px – ten problemos nėra. */
@media screen and (min-width: 1024px) {
    .position-page {
        padding-top: 235px;
    }
}