/*



TABLE OF CONTENTS

│

├─GENERAL

│ ├─MOBILE

│ ├─DESKTOP

| ├─MENU MOBILE

| ├─MENU DESKTOP

| ├─HEADER MOBILE

| ├─HEADER DESKTOP

| ├─FOOTER MOBILE

| ├─FOOTER DESKTOP

│

├─PAGES

│ ├─INDEX

│ │ ├─MOBILE

│ │ ├─DESKTOP

│ ├─TERAPIA

│ │ ├─MOBILE

│ │ ├─DESKTOP

│ ├─O NAS

│ │ ├─MOBILE

│ │ ├─DESKTOP

│ ├─RODZICE

│ │ ├─MOBILE

│ │ ├─DESKTOP

│ ├─TERAPEUCI

│ ├─PUBLIKACJE

│ ├─KONTAKT

│ ├─POLITYKA PRYWATNOŚCI

│

├─BACKGROUND IMAGES

│ ├─RODZICE

│ ├─TERPEUCI

│ ├─O NAS



*/



/* ================================ GENERAL ================================= */



/* ============================ GENERAL / MOBILE ============================ */:root {

  --mobile-gap: 35px;

  --green: #00B3BE;

  --header-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, .2) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .2) 90%, rgba(0, 0, 0, .3) 100%);

}



* {

  box-sizing: border-box;

  font-family: 'Poppins', sans-serif;

}



p {

  color: #6A6A6A;

  margin: var(--mobile-gap);

  font-size: 18px;

  line-height: 32px;

}



.pill {

  background: var(--green);

  color: white;

  font-size: 20px;

  line-height: 30px;

  padding: 10px var(--mobile-gap);

  border-radius: 0 1000px 1000px 0;

  margin: var(--mobile-gap) var(--mobile-gap) var(--mobile-gap) 0;

}



.image {

  height: 583px;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 20px;

}



.image:after {

  content: ' ';

  display: block;

  width: 100%;

  height: 100%;

  border: 1px solid white;

}



.fancy-przycisk {

  display: block;

  margin: var(--mobile-gap) auto;

  width: 320px;

  max-width: calc(100% - (2 * var(--mobile-gap)));

  background: var(--green);

  padding: 11px;

  border-radius: 30px;

  transition: .3s ease-out;

}



.fancy-przycisk:hover {

  background: #06CFD8;

}



.fancy-przycisk a {

  text-align: center;

  display: block;

  font-weight: lighter;

  color: white;

  text-decoration: none;

  font-size: 28px;

  border: 1px solid white;

  border-radius: 30px;

  padding: 15px 15px;

}



.paragraph h2 {

  margin: 0 var(--mobile-gap) 60px var(--mobile-gap);

  font-family: 'Poppins', sans-serif;

  font-size: 42px;

  color: var(--green);

}



/* =========================== GENERAL / DESKTOP ============================ */

  .fixed-logo {

    position: fixed;

    top: 20px;

    left: -20px;

    z-index: 1;

    transform: scale(0.6);

    transition: all .5s ease;

  }



  .fixed-logo img {

    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7)) grayscale(1) contrast(2) brightness(2);

  }



  #eye {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: white;

    display: block;

    position: absolute;

    top: 25px;

    left: 31px;

    animation: blink 7s infinite;

    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.9))  grayscale(1) contrast(2) brightness(2);

  }



@media(max-width: 1279px) {

  #eye{

  background-color: #25abb9;

  }

 }



  @keyframes blink {

    0% {

      transform: scaleY(1) translateY(0px);

    }



    96% {

      transform: scaleY(1) translateY(0px);

    }



    98% {

      transform: scaleY(0) translateY(5px);

    }



    100% {

      transform: scaleY(1) translateY(0px);

    }



  }



@media (min-width:1280px) {

  hr {

    margin: 0 140px 30px 0;

  }



  .fixed-logo {

    position: fixed;

    top: 45px;

    left: 45px;

    z-index: 1;

    transform: scale(1);

  }

  

  @media (max-width: 1536px) {

    .fixed-logo {

      transform: scale(0.75);

    }

  }



  .fixed-logo img {

    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));

  }

  





  p {

    margin: 0 140px;

    text-align: justify;

  }



  .paragraph h2 {

    margin: 0 140px 60px 140px;

    font-family: 'Poppins', sans-serif;

    font-size: 42px;

    color: var(--green);

  }



  .section {

    padding: 100px 0;

  }



  .image {

    height: 100%;

  }



  .pill {

    font-size: 48px;

    line-height: 59px;

    margin: 0;

    padding: 15px 15px 15px 340px;

  }



  .pill-right {

    margin: 0 0 0 140px;

    border-radius: 100px 0 0 100px;

    text-align: right;

    padding: 15px 140px;

  }



  .pill-left {

    margin: 0 140px 0 0;

  }



  .pill-small {

    font-size: 27px;

    line-height: 50px;

  }



}



/* ============================= GENERAL / MENU ============================= */



/* ======================== GENERAL / MENU / DESKTOP ======================== */



#menuToggle {

  display: block;

  position: fixed;

  top: 50px;

  right: 50px;

  z-index: 1;

  -webkit-user-select: none;

  user-select: none;

  display: inline-block;

  transition: all .5s ease;

}



#menuToggle input {

  display: block;

  width: 40px;

  height: 32px;

  position: absolute;

  top: -7px;

  left: -5px;

  cursor: pointer;

  opacity: 0;

  z-index: 2;

  -webkit-touch-callout: none;

}



#menuToggle span {

  display: block;

  width: 33px;

  height: 4px;

  margin-bottom: 5px;

  position: relative;

  background: white;

  border-radius: 3px;

  z-index: 1;

  transform-origin: 4px 0px;

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;

  filter: drop-shadow(0 0 3px black);

}



#menuToggle span:first-child {

  transform-origin: 0% 0%;

}



#menuToggle span:nth-last-child(2) {

  transform-origin: 0% 100%;

}



#menuToggle input:checked ~ span {

  opacity: 1;

  transform: rotate(45deg) translate(-2px, -1px);

  background: white;

}



#menuToggle input:checked ~ span:nth-last-child(3) {

  opacity: 0;

  transform: rotate(0deg) scale(0.2, 0.2);

}



#menuToggle input:checked ~ span:nth-last-child(2) {

  transform: rotate(-45deg) translate(0, -1px);

}



#menu {

  position: fixed;

  width: 100vw;

  margin: 0;

  padding: 0;

  padding-top: 0;

  background: #00B3BE;

  list-style-type: none;

  -webkit-font-smoothing: antialiased;/* to stop flickering of text in safari */

  transform-origin: 0% 0%;

  transform: translate(-100%, 0);

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);

  height: 100vh;

  top: 0;

  left: 0;

  box-sizing: border-box;

}



#menu ul {

  margin-bottom: 35px;

}



@media (max-height: 1280px) {

  #menu ul {

    padding-left: 10px;

  }

}



#menu a {

  color: white;

  text-decoration: none;

  display: inline-block;

}



#menu a:after {

  border-bottom: 2px solid white;

  content: ' ';

  display: block;

  margin: -2px auto 0;

  transition: width .25s ease-in-out 0s;

  width: 0;

}



#menu a:hover:after {

  width: 100%;

}



#menu li {

  color: white;

  text-decoration: none;

  font-family: 'Poppins', sans-serif;

  font-size: 20px;

}



#menu h2 {

  font-family: 'Poppins', sans-serif;

  font-size: 28px;

  font-weight: normal;

  margin: 0;

}



@media (max-width: 1280px) {

  #menu h2 {

    font-size: 24px;

  }

}



#menuToggle input:checked ~#menu {

  transform: none;

}



#menuToggle input:checked ~#menu .menu-logo-bar {

  width: 100%;

}



#menuToggle input:checked ~#menu .menu-logo {

  transform: none;

}



.menu {

  display: grid;

  grid-template-columns: 360px 1fr auto auto 1fr;

  grid-template-rows: 1fr auto auto 1fr;

  gap: 25px 25px;

  grid-auto-flow: row;

}



.menu-contact {

  grid-area: 3 / 3;

  display: table;

  font-family: 'Poppins', sans-serif;

  color: white;

  border-spacing: 0 15px;

}



.menu-contact>div {

  display: table-row;

}



.menu-contact>div>div {

  display: table-cell;

  vertical-align: middle;

}



.menu-social {

  grid-area: 3 / 4;

  display: flex;

  justify-content: flex-start;

  align-items: center;

  align-content: center;

  gap: 64px;

}



.main-menu-1 {

  grid-area: 2 / 3;

}



.main-menu-2 {

  grid-area: 2 /4;

}



.menu-logo-bar {

  grid-area: 1 / 1 / 5 / 2;

  background: white;

  width: 0;

  transition: width 1s ease;

}



.menu-logo {

  grid-area: 2 / 1 / 3 / 2;

  margin: 0 57px;

  transform: translateX(-150%);

  transition: transform 1s ease;

}



.small-links ul {

  padding: 0;

  list-style: none;

}



.small-links ul li a {

  font-size: 16px;

}



/* ======================== GENERAL / MENU / MOBILE ========================= */

@media (max-width:1279px) {

  .menu-logo-bar {

    display: none;

  }



  #menu {

    display: grid;

    padding: 20px;

    grid-template-columns: auto;

    grid-template-rows: auto;

    grid-template-areas: "logo"

    "main-menu-1"

    "main-menu-2"

    "menu-contact"

    "menu-social";

    overflow: auto;

  }



  #menu li {

    margin-bottom: 10px;

    font-size: 16px;

    display: flex;

    flex-direction: row;

    display: ;

  }

  

  #menu li::before {

    content: ' ';

    width: 10px; height: 10px;

    background: white;

    margin-right: 10px;

    border-radius: 50%;

    display: block;

    flex-basis: 10px;

    flex: 0 0 auto;

    margin-top: 4px;

  }



  .menu-logo {

    grid-area: logo;

    transition: none;    /*! display: flex; */



    /*! justify-content: flex-end; */



    /*! align-items: center; */

    margin: 0;

  }



  .menu-logo svg {

    height: 58px;

    margin: unset;

    filter: grayscale(100) brightness(200);

  }



  .main-menu-1 {

    grid-area: main-menu-1;

  }



  .main-menu-2 {

    grid-area: main-menu-2;

  }



  .menu-contact {

    grid-area: menu-contact;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  .menu-contact>div {

    border-spacing: 10px;

  }



  .menu-social {

    grid-area: menu-social;

    align-items: center;

    justify-content: center;

  }



}



/* ============================ GENERAL / HEADER ============================ */



/* ======================= GENERAL / HEADER / DESKTOP ======================= */



.header {

  height: 92.3354vh;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 20px;

}



@media (min-width: 1280px) {

  .header {

    height: 100vh;

  }

}



@media (min-aspect-ratio: 2.28) {

  .header {

    height: calc(56.25vw);

  }

}



.header-frame {

  width: 100%;

  height: 100%;

  border: 1px solid white;

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: 2fr 1fr;

  gap: 0px 0px;

  grid-template-areas: "topmenu topmenu"

  "title sidemenu";

}



.topmenu {

  grid-area: topmenu;

}



.sidemenu {

  grid-area: sidemenu;

  box-sizing: border-box;

  padding: 0 120px 60px 60px;

      display: flex;

    flex-direction: column;

    justify-content: flex-end;

}



@media(max-width: 1536px) {

  .sidemenu {

    padding: 0 120px 60px 60px;



  }

}



.title {

  grid-area: title;

  color: white;

  font-weight: 600;

  box-sizing: border-box;

  padding: 0 60px 60px 120px;

  display: flex;

  justify-content: end;

  flex-direction: column;

}



@media(max-width: 1536px) {

  padding: 0 60px 60px 120px;

}



.topmenu ul {

  list-style: none;

}



.topmenu>ul {

  list-style: none;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  margin: 40px 150px 0 auto;

  max-width: 1100px;

  width: calc(100vw - 427px);

}



.topmenu .main-menu-cat {

  max-width: 144px;

  position: relative;

}



.main-menu-cat>ul {

  display: none;

}



.main-menu-cat:hover>ul {

  transform: translateY(0);

  display: block;

  position: absolute;

  margin: 0;

  padding: 0;

  animation: ulAppear .3s ease-in;

  top: 100%;

}



@keyframes ulAppear {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }



}



.main-menu-cat>ul>li {

  background-color: rgba(0, 180, 190, .4);

  padding: 8px 13px;

  max-width: 170px;

  width: 170px;

  position: relative;

  left: -13px;

  box-sizing: border-box;

  margin: 2px 0;

}



@media (max-width: 1600px) {

  .main-menu-cat>ul>li {

    background-color: rgba(0, 180, 190, .9);

  }

}



.main-menu-cat:hover>ul>li:not(:first-of-type) {

  animation: liAppear .3s ease-out;

}



@keyframes liAppear {

  from {

    margin: -100px 0;

  }



  to {

    margin: 2px 0;

  }



}



.main-menu-cat>ul>li>a {

  color: white;

  text-decoration: none;

  font-size: 16px;

  font-weight: 400;

  line-height: 25px;

}



.topmenu .main-menu-cat>a, .topmenu .main-menu-cat>a>span {

  color: white;

  text-decoration: none;

  text-transform: uppercase;

  font-size: 16px;

  line-height: 27px;

  font-weight: 500;

}



.sidemenu ul {

  list-style: none;

  margin: 0;

}



@media (max-height: 1536px) {

  .sidemenu a {

  color: white;

  text-decoration: none;

  font-size: 20px;

  line-height: 25px;

  font-weight: 600;

  transition: color .5s ease;

}



.sidemenu a:hover {

  color: var(--green);

  text-shadow: 0 0 5px rgba(0, 0, 0, .7);

}



.sidemenu a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(200%) contrast(1000%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.sidemenu a:hover:after {

  transform: translateX(50px);

  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .7));

}

}



.sidemenu li {

  margin-bottom: 20px;

}



.sidemenu a {

  color: white;

  text-decoration: none;

  font-size: 25px;

  line-height: 35px;

  font-weight: 600;

  transition: color .5s ease;

}



.sidemenu a:hover {

  color: var(--green);

  text-shadow: 0 0 5px rgba(0, 0, 0, .7);

}



.sidemenu a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(200%) contrast(1000%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.sidemenu a:hover:after {

  transform: translateX(50px);

  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .7));

}







.title h2 {

  font-size: 76px;

  line-height: 90px;

  margin: 0;

  font-weight: 600;

  margin-bottom: 15px;

}







@media (max-width: 1536px) {

  .title h2 {

    font-size: 59px;

    line-height: 1.2;

  }

}

@media (max-width: 1440px) {

  .title h2 {

    font-size: 55px;

    line-height: 1.2;

  }

}



.title h3 {

  font-size: 30px;

  line-height: 1.5;

  margin: 0;

  font-weight: 600;

}



/* ======================= GENERAL / HEADER / MOBILE ======================== */

@media (max-width:1279px) {

  .sidemenu, .topmenu {

    display: none;

  }



  .header-frame {

    display: grid;

    grid-template-rows: 1fr 190px;

    grid-template-columns: 1fr;

  }



  .header-frame .title {

    padding: 0 20px 100px;

    width: 100%;

    height: 100%;

  }



  .header-frame .title h2 {

    font-size: 36px;

    line-height: 41px;

    margin-bottom: 0;

  }



  .header-frame .title h3 {

    font-size: 16px;

    line-height: 1.5;

  }



}



/* ============================ GENERAL / FOOTER ============================ */



/* ======================= GENERAL / FOOTER / MOBILE ======================== */



footer {

  background: #484848;

  padding: 30px 20px;

  display: grid;

  grid-template-columns: 1fr;

  grid-template-rows: auto auto auto auto auto auto auto;

  gap: 70px 0px;

  grid-template-areas: "footer-logo"

  "footer-policy"

  "footer-horizontal-line"

  "footer-contact"

  "footer-social-media"

  "footer-horizontal-line-2"

  "counter"

  "footer-authors";

}



.footer-logo {

  display: flex;

  justify-content: center;

  grid-area: footer-logo;

  align-content: center;

  align-items: center;

}



.footer-logo img {

  max-width: 160px;

}



.footer-policy {

  grid-area: footer-policy;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 16px;

}



.footer-policy a {

  font-family: 'Poppins', sans-serif;

  font-size: 16px;

  color: white;

  text-decoration: none;

}



.footer-horizontal-line {

  grid-area: footer-horizontal-line;

}



.footer-contact {

  grid-area: footer-contact;

  display: flex;

  justify-content: center;

}



.footer-contact-table {

  display: table;

  border-spacing: 12px;

}



.footer-counter {

  /*display: none;*/

  text-align: center;

  grid-area: counter;

}



.footer-contact-row {

  display: table-row;

}



.footer-contact-cell {

  display: table-cell;

}



.footer-contact-row .footer-contact-cell:nth-child(1) {

  width: 38px;

  display: table-cell;

  justify-content: center;

}



.footer-contact-cell, .footer-contact-cell a {

  color: #d1d1d1;

  text-decoration: none;

  font-family: 'Poppins', sans-serif;

  font-weight: lighter;

  font-size: 16px;

  line-height: 1.5;

}



.footer-social-media {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 60px;

  grid-area: footer-social-media;

}



.footer-horizontal-line-2 {

  grid-area: footer-horizontal-line-2;

}



.footer-authors {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-around;

  text-align: justify;

  gap: 10px;

  grid-area: footer-authors;

}



.footer-authors a, span {

  color: #d1d1d1;

  text-decoration: none;

  text-align: center;

  font-size: 16px;

}



.footer-horizontal-line, .footer-horizontal-line-2 {

  display: flex;

  justify-content: center;

}



.footer-hor-line {

  width: 125px;

  height: 1px;

  display: block;

  background: white;

}



/* ======================= GENERAL / FOOTER / DESKTOP ======================= */

@media (min-width:1280px) {

  footer {

    padding: 40px 20px;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-template-rows: auto auto auto auto;

    gap: 50px 50px;

    grid-auto-flow: row;

    grid-template-areas: "footer-logo footer-policy footer-contact"

    "footer-logo footer-social-media footer-contact"

    "footer-logo footer-horizontal-line footer-contact"

    "footer-logo footer-counter footer-contact"

    "footer-logo footer-authors footer-contact";

  }



  .footer-logo {

    grid-area: footer-logo;

  }

  

  .footer-logo a {

    display: block;

  }



  .footer-logo img {

    max-width: 270px;

  }



  .footer-counter {

    display: flex;

    justify-content: space-between;

  }



  .footer-counter span {

    color: white;

    font-size: 33px;

  }



  .footer-contact {

    grid-area: footer-contact;

    justify-content: center;

    align-content: center;

    position: relative;

    display: flex;

  }



  .footer-policy {

    flex-direction: row;

    grid-area: footer-policy;

    justify-content: space-between;

  }



  .footer-policy a {

    text-align: center;

  }



  .footer-social-media {

    grid-area: footer-social-media;

  }



  .footer-horizontal-line {

    grid-area: footer-horizontal-line;

  }



  .footer-horizontal-line-2 {

    display: none;

  }



  .footer-counter {

    grid-area: footer-counter;

  }



  .footer-authors {

    grid-area: footer-authors;

    flex-wrap: nowrap;

    justify-content: space-evenly;

    gap: 0px;

  }



  .footer-authors a, span {

    font-size: 12px;

  }



  .footer-contact-table {

    display: flex;

    flex-direction: column;

    justify-content: center;

  }



  .footer-contact-cell {

    height: unset;

    line-height: 1.5;

    display: table-cell;

    display:;

  }



  .footer-vert-line {

    position: absolute;

    background: white;

    width: 1px;

    height: 125px;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

  }



}



/* ================================= PAGES ================================== */



/* ============================= PAGES / INDEX ============================== */



/* ========================= PAGES / INDEX / MOBILE ========================= */



.header-index {

  background-image: var(--header-gradient), url(../img/index-header.jpg);

}



.image-index-1 {

  background-image: url(../img/index-1.jpg);

  height: 60vw;

}



.image-index-2 {

  background-image: url(../img/index-2.jpg);

}



.image-index-3 {

  background-image: url(../img/index-3.jpg);

}



.image-index-4 {

  background-image: url(../img/index-4.jpg);

}



.image-index-5 {

  background-image: url(../img/index-5.jpg);

}



.paragraph-index-1>a {

  text-align: center;

  display: block;

  margin: 70px;

  color: #6A6A6A;

  text-decoration: none;

}



.paragraph-index-1>a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(100%) brightness(75%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.paragraph-index-1>a:hover:after {

  transform: translateX(50px);

}



/* ======================== PAGES / INDEX / DESKTOP ========================= */

@media (min-width:1280px) {

  .section-index-1 {

    display: grid;

    grid-template-columns: 140px 1fr 1000px 1fr 140px;

    grid-template-rows: auto auto;

    gap: 100px 0;

    grid-template-areas: ". image-index-1 image-index-1 image-index-1 image-index-1"

    ". . paragraph-index-1 . .";

    background-image: url(../img/index-bg-elem-1.svg);

    background-repeat: no-repeat;

  }



  .paragraph-index-1 {

    grid-area: paragraph-index-1;

  }



  .paragraph-index-1>a {

    text-align: center;

    display: block;

    margin: 70px;

    color: #6A6A6A;

    text-decoration: none;

  }



  .paragraph-index-1>a:after {

    content: url(../img/arrow-right.svg);

    display: inline;

    margin-left: 10px;

    filter: grayscale(100%) brightness(75%);

    position: absolute;

    transform: translateX(0px);

    transition: all .5s ease;

  }



  .paragraph-index-1>a:hover:after {

    transform: translateX(50px);

  }



  .image-index-1 {

    grid-area: image-index-1;

    height: 512px;

  }



  .section-index-2 {

    display: grid;

    gap: 100px 0;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-template-rows: auto auto auto auto;

    grid-template-areas: ". . pill pill pill" "image-2 image-2 paragraph-2 paragraph-2 paragraph-2" "paragraph-3 paragraph-3 paragraph-3 image-3 image-3" "image-4 image-4 paragraph-4 paragraph-4 paragraph-4";

  }



  .section-index-2 .pill {

    grid-area: pill;

  }



  .paragraph-index-2 {

    grid-area: paragraph-2;

  }



  .image-index-2 {

    grid-area: image-2;

  }



  .paragraph-index-3 {

    grid-area: paragraph-3;

  }



  .image-index-3 {

    grid-area: image-3;

  }



  .paragraph-index-4 {

    grid-area: paragraph-4;

  }



  .image-index-4 {

    grid-area: image-4;

  }



  .image-index-5 {

    height: 512px;

  }



}



/* ============================ PAGES / TERAPIA ============================= */



/* ======================= PAGES / TERAPIA / DESKTOP ======================== */



.section-terapia-1 {

  display: grid;

  gap: 100px 0;

  grid-template-columns: 250px 1fr 1fr 1fr 250px;

  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;

  grid-template-areas: ". p1 p1 p1 ."

  "i1 i1 p2 p2 p2"

  "i1 i1 p3 p3 p3"

  "i2 i2 p3 p3 p3"

  "i2 i2 p4 p4 p4"

  "i3 i3 i3 i3 i3"

  ". p5 p5 p5 ."

  "i4 i4 i4 i4 i4"

  ". p6 p6 p6 p6"

  ". p7 p7 i5 i5"

  "i6 i6 i6 p8 p8"

  ". p9 p9 i7 i7"

  ". p10 p10 p10 p10"

}



.header-terapia {

  background-image: var(--header-gradient), url(../img/terapia-header.jpg);

}



.image-terapia-1 {

  background-image: url(../img/terapia-1.jpg);

  grid-area: i1;

}



.image-terapia-2 {

  background-image: url(../img/terapia-2.jpg);

  grid-area: i2;

}



.image-terapia-3 {

  background-image: url(../img/terapia-3.jpg);

  grid-area: i3;

}



.image-terapia-4 {

  background-image: url(../img/terapia-4.jpg);

  grid-area: i4;

}



.image-terapia-5 {

  background-image: url(../img/terapia-5.jpg);

  grid-area: i5;

}



.image-terapia-6 {

  background-image: url(../img/terapia-6.jpg);

  grid-area: i6;

}



.image-terapia-7 {

  background-image: url(../img/terapia-7.jpg);

  grid-area: i7;

}



.image-terapia-3, .image-terapia-4, .image-terapia-5, .image-terapia-6, .image-terapia-7 {

  min-height: 512px;

}



.paragraph-terapia-1 {

  grid-area: p1;

}



.paragraph-terapia-2 {

  grid-area: p2;

}



.paragraph-terapia-3 {

  grid-area: p3;

}



.paragraph-terapia-4 {

  grid-area: p4;

}



.paragraph-terapia-5 {

  grid-area: p5;

}



.paragraph-terapia-6 {

  grid-area: p6;

}



.paragraph-terapia-7 {

  grid-area: p7;

}



.paragraph-terapia-8 {

  grid-area: p8;

}



.paragraph-terapia-9 {

  grid-area: p9;

}



.paragraph-terapia-10 {

  grid-area: p10;

}



.paragraph-terapia-7, .paragraph-terapia-8, .paragraph-terapia-9 {

  display: flex;

  justify-content: center;

  align-items: center;

}



.paragraph-terapia-2 ul {

  margin: 0 140px;

  padding: 0;

  color: #6A6A6A;

  font-size: 18px;

  line-height: 32px;

}



.paragraph-terapia-2 ul li {

  margin: 0;

  padding: 0;

  list-style: none;

}



.section-terapia-2 {

  background-color: #F5F5F5;

  display: grid;

  gap: 100px 0;

  grid-template-columns: 250px 1fr 250px;

  grid-template-rows: auto;

  grid-template-areas: ". p11 .";

  background-image: url(../img/background-elephant-left.svg), url(../img/bg-elem-1.svg);

  background-repeat: no-repeat;

  background-position: bottom 0 left 0, top -785px right 0;

}



.paragraph-terapia-11 {

  grid-area: p11;

}



/* ======================== PAGES / TERAPIA / MOBILE ======================== */

@media (max-width:1279px) {

  .section-terapia-2 {

    background-color: #F5F5F5;

    display: grid;

    gap: 100px 0;

    grid-template-columns: auto;

    grid-template-rows: auto;

    grid-template-areas: "p11";

    background-image: url(../img/background-elephant-left.svg), url(../img/bg-elem-1.svg);

    background-repeat: no-repeat;

    background-position: bottom 0 left 0, top -785px right 0;

    padding: 50px 0;

  }



  .paragraph-terapia-2 ul {

    margin: 0;

    padding: var(--mobile-gap);

  }



  .section-terapia-1 {

    display: grid;

    gap: 50px;

    grid-template-columns: 100vw;

    grid-template-rows: auto;

    grid-template-areas: "p1"

    "i1"

    "p2"

    "p3"

    "i2"

    "p4"

    "i3"

    "p5"

    "i4"

    "p6"

    "p7"

    "i5"

    "p8"

    "i6"

    "p9"

    "i7"

    "p10"

  }



}



/* ============================= PAGES / O NAS ============================== */



/* ========================= PAGES / O NAS / MOBILE ========================= */



/* ======================== PAGES / O NAS / DESKTOP ========================= */



.section-o-nas-8 {

  background-color: #F5F5F5;

  display: grid;

  gap: 100px 0;

  grid-template-columns: 250px 1fr 250px;

  grid-template-rows: auto;

  grid-template-areas: ". p11 .";

  background-image: url(../img/background-elephant-left.svg), url(../img/bg-elem-1.svg);

  background-repeat: no-repeat;

  background-position: bottom 0 left 0, top -785px right 0;

}



.paragraph-o-nas-8 {

  grid-area: p11;

}



.paragraph-o-nas-8 p {

  text-align: center;

  margin-bottom: 40px;

}



.section-o-nas-6 {

  gap: 100px 0;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  grid-template-rows: auto auto auto;

  grid-template-areas: ". h h h ."

  "f f f f f"

  ". p p p .";

  background-image: url(../img/bg-elem-2.svg);

  background-repeat: no-repeat;

  background-position: right bottom;

}



.paragraph-o-nas-6 {

  grid-area: h;

}



.paragraph-o-nas-6 h2 {

  margin: 0;

}



.full-width-question {

  grid-area: f;

  background-color: var(--green);

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  grid-template-rows: auto;

  grid-template-areas: ". h h h .";

}



.full-width-question h2 {

  grid-area: h;

  color: white;

  font-size: 28px;

  font-weight: lighter;

}



.paragraph-o-nas-7 {

  grid-area: p;

}



.paragraph-o-nas-7 p {

  margin: unset;

  margin-bottom: 40px;

  text-align: center;

}



.paragraph-o-nas-7 a {

  color: #6A6A6A;

}



.absolute-elephant {

  position: absolute;

  background-image: url(../img/absolute-elephant.svg);

  background-size: contain;

  background-position: bottom right;

  background-repeat: no-repeat;

  display: block;

  height: 200px;

  width: 325px;

  top: -200px;

  right: 0;

  border: none;

  outline: none;

  box-shadow: none;

}



.header-o-nas {

  background-image: var(--header-gradient), url(../img/o-nas-header.jpg);

}



.section-o-nas-1 {

  display: grid;

  gap: 100px 0;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

  grid-template-rows: auto auto auto;

  grid-template-areas: ". p1 p1 p1 . ."

  "i1 i1 i1 i1 i1."

  ". p2 p2 p2 . ."

}



.paragraph-o-nas-1 {

  grid-area: p1;

}



.paragraph-o-nas-2 {

  grid-area: p2;

}



.paragraph-o-nas-3 {

  grid-area: p3;

}



.section-o-nas-1 p, .section-o-nas-1 h2 {

  margin: 45px 70px;

}



.image-o-nas-1 {

  background-image: url(../img/o-nas-1.jpg);

  height: 512px;

  grid-area: i1;

  position: relative;

}



.section-o-nas-2 {

  background-color: var(--green);

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

  grid-template-rows: auto;

  grid-template-areas: ". p p p p .";

  padding: 78px 0;

}



@media(min-width: 1440px) {

  .section-o-nas-2 {

    padding: 0px 0;

  }

}



.section-o-nas-2>.paragraph {

  grid-area: p;

}



.section-o-nas-2 h2 {

  color: white;

  font-weight: normal;

  margin: 45px 70px;

}



.section-o-nas-2 ul {

  list-style-image: url(../img/pdf-icon.svg);

  margin: 45px 70px;

}



.section-o-nas-2 ul a {

  color: white;/*   list-style-image:  */

  text-decoration: none;

  font-size: 20px;

  line-height: 32px;

}



.section-o-nas-3 {

  display: grid;

  gap: 100px 0;

  grid-template-columns: 1fr 1090px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: ". h ." ". p .";

}



.paragraph-o-nas-4 {

  grid-area: h;

}



.paragraph-o-nas-4 h2 {

  margin: 45px 0px;

}



.profiles {

  grid-area: p;

  display: grid;

  gap: 60px 17px;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: auto auto;

}



.image-o-nas-2, .image-o-nas-3, .image-o-nas-4 {

  background-image: url(../img/o-nas-2.jpg);

  height: 512px;

}

.image-babinska  {

  background-image: url(../img/joanna_babinska.jpg);

  height: 512px;

}
.image-szymanska {

  background-image: url(../img/szymanska.jpg);

  height: 512px;

}
.image-turowicz {

  background-image: url(../img/magdalena.jpg);

  height: 512px;

}
.image-kudrynska {

  background-image: url(../img/agnieszka.jpg);

  height: 512px;

}
.image-agata {

  background-image: url(../img/agata.jpg);

  height: 512px;

}
.image-katarzyna{

  background-image: url(../img/katarzyna.jpg);

  height: 512px;

}




.profile h2 {

  font-family: 'Poppins', sans-serif;

  font-size: 42px;

  font-weight: normal;

  color: var(--green);

  height: 100px;

}



.profile p {

  padding: 0;

  margin: 0;

  font-size: 20px;

  text-align: left;

}



.section-o-nas-4 {

  background-color: #f5f5f5;

  display: grid;

  grid-template-columns: 1fr 1090px 1fr;

  grid-template-columns: auto;

  grid-template-areas: ". l1 ."

  ". l2 ."

  ". l3 .";

  gap: 100px 0;

  background-image: url(../img/background-elephant-left-mirror.svg), url(../img/bg-elem-1-mirror.svg);

  background-repeat: no-repeat;

  background-position: bottom 0 right 0, top -785px left 0;

}



.section-o-nas-4 h2 {

  font-family: 'Poppins', sans-serif;

  font-size: 42px;

  font-weight: 600;

  color: var(--green);

}



.section-o-nas-4 ul {

  padding: 0 150px;

  list-style: none;

  color: #6a6a6a;

  font-size: 25px;

  line-height: 42px;

}



.section-o-nas-4>div:nth-child(1) {

  grid-area: l1;

}



.section-o-nas-4>div:nth-child(2) {

  grid-area: l2;

}



.section-o-nas-4>div:nth-child(3) {

  grid-area: l3;

}



.section-o-nas-5 {

  display: grid;

  gap: 10px 0;

  grid-template-columns: 1fr 1090px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: ". h ." ". p p";

}

.section-o-nas-5a {

  display: grid;

  gap: 100px 0;

  grid-template-columns: 1fr 1090px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: ". h ." ". p p";

}



.paragraph-o-nas-5 {

  grid-area: h;

}



.paragraph-o-nas-5 h2 {

  margin: 45px 0;

}



.large-profiles {

  grid-area: p;

}



.large-profile {

  margin-right: 200px;

  display: grid;

  gap: 0 100px;

  grid-template-columns: 536px 1fr;

  grid-template-rows: min-content 1fr min-content;

  grid-template-areas: "p i"

  "p ."

  "p c";

  height: 536px;

}



.large-profile h3 {

  font-family: 'Poppins', sans-serif;

  font-weight: normal;

  font-size: 42px;

  color: var(--green);

  margin: 0 0 24px 0;

}



.large-profile p {

  line-height: 37px;

  margin: 0;

  text-align: left;

}



.image-o-nas-5 {

  grid-area: p;

  background-image: url(../img/o-nas-2.jpg);

}

.image-o-nas-5a {

  grid-area: p;

  background-image: url(../img/kolaszkiewicz.jpg);

}
.image-o-nas-5-kordonski {

  grid-area: p;

  background-image: url(../img/kordonski.jpg);

}
.image-o-nas-5-kawecka {

  grid-area: p;

  background-image: url(../img/kawecka.jpg);

}



.large-profile .info {

  grid-area: i;

}



.large-profile .contact {

  grid-area: c;

}



@media (max-width:1279px) {

  .section-o-nas-2 h2 {

    margin: 0 0 50px 0;

  }

  

  .section-o-nas-2 ul {

    margin: 0;

  }

  

  .section-o-nas-2 {

    display: flex;

    flex-direction: column;

    margin: 0;

    padding: 50px var(--mobile-gap);

  }

  

  .absolute-elephant {

    display: none;

  }

  

  .section-o-nas-1 {

    display: flex;

    padding: 50px var(--mobile-gap);

    margin: 0;

    flex-direction: column;

  }

  .section-o-nas-1 p, .section-o-nas-1 h2 {

    margin: 0;

  }

  .section-o-nas-1 h2 {

    font-size: 32px;

    margin-bottom: 50px;

  }

  .paragraph-o-nas-6 h2 {

    font-size: 35px;

  }

  

  html body div.section.section-o-nas-5 div.large-profiles div.large-profile div.contact p {

    font-size: 16px;

    font-weight: 600;

    line-height: 1.5;

  }

  .paragraph-o-nas-5 h2 {

    font-size: 24px;  

  }

  

  .large-profiles {

    width: 100%;

    display: block;

  }

  

  .section-o-nas-6 {

    display: flex;

    flex-direction: column;

  }

  

  .section-o-nas-6 #czlonkostwo, .section-o-nas-6 .paragraph {

    padding: var(--mobile-gap);

  }

  

  .section-o-nas-8 {

    display: flex;

    margin: 0;

    padding: 50px var(--mobile-gap);

    flex-direction: column;

  }

  .section-o-nas-4 {

    display: flex;

    flex-direction: column;

    width: 100%;

    padding: var(--mobile-gap);

    gap: 50px;

  }

  

  .section-o-nas-4 ul {

    margin: 0;

    padding: 0;

  }

  

  .section-o-nas-3 {

    display: grid;

    gap: 100px 0;

    padding: 50px var(--mobile-gap);

    grid-template-columns: auto;

    grid-template-rows: auto;

    grid-template-areas: "h" "p";

  }



  .image-o-nas-2, .image-o-nas-3, .image-o-nas-4 {

    background-image: url(../img/o-nas-2.jpg);

    height: calc(100vw - 2 * var(--mobile-gap));

  }
.image-babinska{

     background-image: url(../img/joanna_babinska.jpg);
  

  }
  .image-szymanska{

     background-image: url(../img/szymanska.jpg);
  

  }

  .image-turowicz{

     background-image: url(../img/magdalena.jpg);
  

  }

  .image-kudrynska{

     background-image: url(../img/agnieszka.jpg);
  

  }
    .image-agata{

     background-image: url(../img/agata.jpg);
  

  }
     .image-katarzyna{

     background-image: url(../img/katarzyna.jpg);
  

  }










  .profiles {

    display: flex;

    flex-direction: column;

  }



  .profile h2 {

    height: unset;

  }



  .section-o-nas-5 {

    display: grid;

    gap: 10px 0px;

    grid-template-columns: 100%;

    grid-template-rows: auto;

    grid-template-areas: "h" "p" "i" "c";

    height: unset;

    margin-right: 0;padding: 50px var(--mobile-gap);

    /*! position: relative; */

  }



  .large-profile {

    display: grid;

    gap: 50px 0px;

    grid-template-columns: 100%;

    grid-template-rows: auto;

    grid-template-areas: "p" "i" "c";

    height: unset;

    margin-right: 0;/*! padding: 50px var(--mobile-gap); */

  }



  .image-o-nas-5 {

    height: calc(100vw - 2 * var(--mobile-gap));

  }
  .image-o-nas-5a {

    height: calc(100vw - 2 * var(--mobile-gap));

  }
  .image-o-nas-5-kordonski {

    height: calc(100vw - 2 * var(--mobile-gap));

  }
  .image-o-nas-5-kawecka {

    height: calc(100vw - 2 * var(--mobile-gap));

  }

   .image-turowicz{

    height: calc(100vw - 2 * var(--mobile-gap));

  }
   .image-babinska{

    height: calc(100vw - 2 * var(--mobile-gap));

  }
    .image-szymanska{

    height: calc(100vw - 2 * var(--mobile-gap));

  }
   .image-kudrynska{

    height: calc(100vw - 2 * var(--mobile-gap));

  }
 .image-agata{

    height: calc(100vw - 2 * var(--mobile-gap));

  }
   .image-katarzyna{

    height: calc(100vw - 2 * var(--mobile-gap));

  }


}



/* ============================ PAGES / RODZICE ============================= */



/* ======================== PAGES / RODZICE / MOBILE ======================== */



.header-rodzice {

  background-image: var(--header-gradient), url(../img/rodzice-header.jpg);

}



.image-rodzice-1 {

  background-image: url(../img/rodzice-1.jpg);

}



.image-rodzice-2 {

  background-image: url(../img/rodzice-2.jpg);

}



.image-rodzice-3 {

  background-image: url(../img/rodzice-3.jpg);

  display: none;

}



.image-rodzice-4 {

  background-image: url(../img/rodzice-4.jpg);

}



.section-rodzice-3 {

  background: #f5f5f5;

  padding: var(--mobile-gap) 0;

}



.section-rodzice-3 .paragraph-rodzice-5 p {

  text-align: center;

}



/* ======================= PAGES / RODZICE / DESKTOP ======================== */

@media (min-width:1280px) {

  .image-rodzice-3 {

    display: block;

  }



  .image-rodzice-4 {

    height: 512px;

  }



  .section-rodzice-1 {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-template-rows: auto auto auto auto;

    gap: 100px 0px;

    grid-auto-flow: row;

    grid-template-areas: ". . pill-right pill-right pill-right"

    "image-rodzice-1 image-rodzice-1 paragraph-rodzice-1 paragraph-rodzice-1 paragraph-rodzice-1"

    "paragraph-rodzice-2 paragraph-rodzice-2 paragraph-rodzice-2 image-rodzice-2 image-rodzice-2"

    "image-rodzice-3 image-rodzice-3 paragraph-rodzice-3 paragraph-rodzice-3 paragraph-rodzice-3";

  }



  .image-rodzice-1 {

    grid-area: image-rodzice-1;

  }



  .paragraph-rodzice-1 {

    grid-area: paragraph-rodzice-1;

  }



  .pill-right {

    grid-area: pill-right;

  }



  .paragraph-rodzice-2 {

    grid-area: paragraph-rodzice-2;

  }



  .image-rodzice-2 {

    grid-area: image-rodzice-2;

  }



  .image-rodzice-3 {

    grid-area: image-rodzice-3;

  }



  .paragraph-rodzice-3 {

    grid-area: paragraph-rodzice-3;

  }



  .section-rodzice-2, .section-index-3 {

    background-image: url(../img/background-elephant-right.svg), url(../img/background-trunk-right.svg);

    background-position: right 0% bottom 864px, right 0 bottom 0;

    background-repeat: no-repeat;

    background-size: 24%;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-template-rows: auto auto auto auto;

    gap: 100px 0px;

    grid-auto-flow: row;

    grid-template-areas: "pill pill pill . ."

    ". paragraph-rodzice-4 paragraph-rodzice-4 paragraph-rodzice-4 ."

    "image-rodzice-4 image-rodzice-4 image-rodzice-4 image-rodzice-4 image-rodzice-4"

    "fancy-przycisk fancy-przycisk fancy-przycisk fancy-przycisk fancy-przycisk";

    padding: 150px 0 100px 0;

  }



  .paragraph-rodzice-4, .paragraph-index-5 {

    grid-area: paragraph-rodzice-4;

  }



  .pill-left, .section-index-3 .pill {

    grid-area: pill;

  }



  .image-rodzice-4, .image-index-5 {

    grid-area: image-rodzice-4;

  }



  .fancy-przycisk {

    grid-area: fancy-przycisk;

  }



  .section-rodzice-3 {

    padding: 150px 0 100px 0;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-template-rows: auto auto;

    gap: 100px 0px;

    grid-template-areas: "pill pill . . ."

    ". paragraph-rodzice-5 paragraph-rodzice-5 paragraph-rodzice-5 .";

  }



  .section-rodzice-3 .pill {

    grid-area: pill;

  }



  .section-rodzice-3 .paragraph-rodzice-5 {

    grid-area: paragraph-rodzice-5;

  }



}



/* =========================== PAGES / TERAPEUCI ============================ */

.header-terapeuci {

  background-image: var(--header-gradient), url(../img/terapeuci-header.jpg);

}



.section-terapeuci-1 {

  gap: 100px 0;

  display: grid;

  grid-template-columns: 1fr 540px 540px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: "h h . ."

  ". p p .";

  padding: 150px 0 100px 0;

}



.section-terapeuci-1 .pill-small {

  grid-area: h;

  padding-left: 3;

}



.section-terapeuci-1 .paragraph-terapeuci-1 {

  grid-area: p;

  color: #6a6a6a;

}



.paragraph-terapeuci-1 h2 {

  color: #6a6a6a;

  font-weight: bold;

  font-size: 20px;

  text-align: left;

  margin: 0;

}



.section-terapeuci-2 {

  background-color: #f5f5f5;

  gap: 100px 0;

  display: grid;

  grid-template-columns: 1fr 540px 540px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: "h h . ."

  ". p p .";

  padding: 150px 0 100px 0;

}



.section-terapeuci-2 .pill {

  grid-area: h;

  padding-left: calc((100vw - 1080px) / 3);

}



.section-terapeuci-2 .paragraph-terapeuci-2 {

  grid-area: p;

}



.section-terapeuci-2 .szkolenie {

  background: white;

  box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);

  display: grid;

  grid-template-columns: 40px auto 50px 1fr 40px;

  grid-template-rows: auto auto auto auto;

  padding: 40px 0;

  grid-template-areas: "d d d . ."

  ". h h h ."

  ". p p p ."

  ". . . a .";

  gap: 50px 0px;

}



.section-terapeuci-2 .szkolenie .data {

  grid-area: d;

  background-color: var(--green);

  color: white;

  font-weight: lighter;

  font-size: 20px;

  padding: 10px 50px 10px 40px;

  background-image: url(../img/triangle.svg);

  background-position: right center;

  background-size: contain;

  background-repeat: no-repeat;

}



.section-terapeuci-2 .szkolenie h2 {

  grid-area: h;

  margin: 0;

  color: #6a6a6a;

  font-weight: 600;

  font-size: 40px;

  line-height: 49px;

}



.section-terapeuci-2 .szkolenie p {

  grid-area: p;

  margin: 0;

}



.section-terapeuci-2 .szkolenie a {

  grid-area: a;

  text-align: right;

  text-decoration: none;

  color: #6a6a6a;

  font-weight: 300;

  font-size: 22px;

  margin-right: 93px;

}



.section-terapeuci-2 .szkolenie a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(100%) brightness(75%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.section-terapeuci-2 .szkolenie a:hover:after {

  transform: translateX(50px);

}



.section-terapeuci-3 {

  background-color: white;

  gap: 100px 0;

  display: grid;

  grid-template-columns: 1fr 540px 540px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: "h h . ."

  ". p p .";

  padding: 150px 0 300px 0;

  background-image: url(../img/absolute-elephant.svg);

  background-repeat: no-repeat;

  background-position: bottom right 160px;

  padding: 150px 0 100px 0;

}



.section-terapeuci-3 .pill {

  grid-area: h;

  padding-left: calc((100vw - 1080px) / 3);

}



.section-terapeuci-3 .paragraph-terapeuci-3 {

  grid-area: p;

  text-align: center;

  color: #6a6a6a;

}



.section-terapeuci-4 {

  background-color: var(--green);

  gap: 100px 0;

  display: grid;

  grid-template-columns: 1fr 540px 540px 1fr;

  grid-template-rows: auto auto;

  grid-template-areas: "h h . ."

  ". p p .";

  background-image: url(../img/bg-elem-1-mirror-2.svg);

  background-repeat: no-repeat;

  background-position: bottom -785px left 0;

  padding: 150px 0 100px 0;

}



.section-terapeuci-4 .pill {

  grid-area: h;

  padding-left: calc((100vw - 1080px) / 3);

  background: white;

  color: var(--green);

}



.section-terapeuci-4 .paragraph-terapeuci-4 {

  grid-area: p;

}



.badanie {

  border-radius: 50px;

  background: white;

  box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);

  display: grid;

  grid-template-columns: 40px auto 50px 1fr 40px;

  grid-template-rows: auto auto auto auto;

  padding: 40px 0;

  grid-template-areas: "d d d . ."

  ". h h h ."

  ". p p p ."

  ". . . a .";

  gap: 50px 0px;

}



.badanie .data {

  grid-area: d;

  background-color: var(--green);

  color: white;

  font-weight: lighter;

  font-size: 20px;

  padding: 10px 50px 10px 40px;

  background-image: url(../img/triangle.svg);

  background-position: right center;

  background-size: contain;

  background-repeat: no-repeat;

}



.badanie h2 {

  grid-area: h;

  margin: 0;

  color: #6a6a6a;

  font-weight: 600;

  font-size: 40px;

  line-height: 49px;

}



.badanie p {

  grid-area: p;

  margin: 0;

}



.badanie a {

  grid-area: a;

  text-align: right;

  text-decoration: none;

  color: #6a6a6a;

  font-weight: 300;

  font-size: 22px;

  margin-right: 93px;

}



.badanie a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(100%) brightness(75%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.badanie a:hover:after {

  transform: translateX(50px);

}



.section-terapeuci-5 {

  background-color: #f5f5f5;

}



.section-terapeuci-5 a {

  font-weight: 600;

  text-decoration: none;

  color: #6a6a6a;

  text-align: center;

  display: block;

  font-size: 50px;

}



.section-terapeuci-5 a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 50px;

  filter: grayscale(100%) brightness(75%);

  position: absolute;

  transform: translate(0px, -7px);

  transition: all .5s ease;    /*! width: 111px; */

  scale: 2;

}



.section-terapeuci-5 a:hover:after {

  transform: translate(50px, -7px);

}



@media (max-width: 1279px) {

  .section-terapeuci-1,

  .section-terapeuci-2,

  .section-terapeuci-3,

  .section-terapeuci-4,

  .section-terapeuci-5 {

    display: flex;

    flex-direction: column;

    gap: 50px;

    padding: 50px 0;

  }



  .section-terapeuci-1 > .pill,

  .section-terapeuci-2 > .pill,

  .section-terapeuci-3 > .pill,

  .section-terapeuci-4 > .pill,

  .section-terapeuci-5 > .pill {

    padding-left: var(--mobile-gap);

  }



  .osrodek {

    padding: var(--mobile-gap);

  }



  .section-terapeuci-2 .szkolenie, .section-terapeuci-4 .badanie {

    display: flex!important;

    margin: var(--mobile-gap)!important;

    padding: var(--mobile-gap)!important;

    flex-direction: column!important;

  }



  .section-terapeuci-2 .szkolenie h2, .section-terapeuci-4 h2 {

    font-size: 20px;

    line-height: 1.5;

  }



  .section-terapeuci-2 .szkolenie .data, .section-terapeuci-4 .badanie .data {

    position: relative;

    left: calc(var(--mobile-gap) * -1 );

  }

}



/* =========================== PAGES / PUBLIKACJE =========================== */

.header-publikacje {

  background-image: var(--header-gradient), url(../img/publikacje-header.jpg);

}



.section-publikacje-2 .badanie {

  border: 1px solid var(--green);

  box-shadow: none;

  grid-template-columns: 80px auto 50px 1fr 80px;

}



.section-publikacje-2 .badanie .data {

  color: var(--green);

  background-color: transparent;

  font-weight: 300;

  padding-left: 80px;

}



.section-1080 {

  display: grid;

  grid-template-columns: 1fr 540px 540px 1fr;

  grid-template-rows: auto auto;

  gap: 100px 0;

  grid-template-areas: "h h . ."

  ". p p .";

  padding: 150px 0 100px 0;

}



.section-1080 .pill {

  grid-area: h;

}



.section-1080 .paragraph {

  grid-area: p;

}



.paragraph-publikacje-1 .aktualnosc {

  border: 1px solid #c7c7c7;

  padding: 30px;

  margin-bottom: 20px;

  display: grid;

  gap: 0 65px;

  grid-template-columns: min-content 1fr;

}



.paragraph-publikacje-1 .aktualnosc .date {

  color: #6a6a6a;

}



.paragraph-publikacje-1 .aktualnosc h2, .paragraph-publikacje-1 .aktualnosc p {

  margin: 0 0 35px 0;

}



.paragraph-publikacje-1 .aktualnosc h2 {

  font-size: 22px;

}



.paragraph-publikacje-1 .aktualnosc a {

  color: #6a6a6a;

  text-decoration: none;

}



.paragraph-publikacje-1 .aktualnosc a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(200%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.paragraph-publikacje-1 .aktualnosc a:hover:after {

  transform: translateX(50px);

  filter: grayscale(200%), drop-shadow(0 0 5px rgba(0, 0, 0, .7));

}



.paragraph-publikacje-1>a {

  color: #6a6a6a;

  text-decoration: none;

  text-align: center;

  display: block

}



.paragraph-publikacje-1>a:after {

  content: url(../img/arrow-right.svg);

  display: inline;

  margin-left: 10px;

  filter: grayscale(200%);

  position: absolute;

  transform: translateX(0px);

  transition: all .5s ease;

}



.paragraph-publikacje-1>a:hover:after {

  transform: translateX(50px);

  filter: grayscale(200%), drop-shadow(0 0 5px rgba(0, 0, 0, .7));

}



@media (max-width: 1279px) {

  .paragraph-publikacje-1 .aktualnosc {

    display: flex;

    flex-direction: column;

    margin: var(--mobile-gap);

  }



  .section-1080 {

    display: flex;

    flex-direction: column;

    gap: 25px;

  }



  .section-publikacje-2 .badanie {

    margin: var(--mobile-gap);

    display: flex;

    flex-direction: column;

    padding: var(--mobile-gap);

  }



  .section-publikacje-2 .badanie .data {

    margin: 0;

    padding: 0;

  }



  .section-publikacje-2 .badanie h2 {

    font-size: 20px;

    line-height: 1.5;

  }

}



/* ============================ PAGES / KONTAKT ============================= */

.header-kontakt {

  background-image: var(--header-gradient), url(../img/kontakt-header.jpg);

  max-height: 400px;

  background-position: center top 10%;

}



.kontakt {

  display: grid;

  grid-template-columns: 1fr 40% 40% 1fr;

  grid-template-rows: auto;

  grid-template-areas: ". dane formularz .";

  gap: 100px 0;

  background-image: url(../img/bg-elem-green.svg);

  background-position: right bottom -700px;

  background-repeat: no-repeat;

}



.kontakt .dane {

  grid-area: dane;

}







.kontakt .dane table {

  border-spacing: 0 20px;

  color: #707070;

  font-size: 20px;

  font-weight: 300;

}



.kontakt .dane table img {

  width: 22px;

  margin-right: 64px;

}



.kontakt .formularz {

  grid-area: formularz;/*   display: grid; */



  /*   grid-template-columns: "auto"; */



  /*   grid-template-rows: "auto auto"; */



  /*   grid-template-areas: "h2" "form"; */

}



.kontakt .formularz h2 {

  grid-area: h2;

}



.kontakt .formularz form {



  /*   grid-area:  form; */

  gap: 30px 65px;

  display: grid;

  grid-template-columns: 50% 50%;

  grid-template-rows: auto auto auto auto auto auto;

  grid-template-areas: "h2 h2" "i1 i2" "i3 i4" "i5 i5" "agr agr" "submit submit";

}



.kontakt .formularz h2 {

  grid-area: h2;

}



.kontakt .formularz form input:nth-child(1) {

  grid-area: i1;

}



.kontakt .formularz form input:nth-child(2) {

  grid-area: i2;

}



.kontakt .formularz form input:nth-child(3) {

  grid-area: i3;

}



.kontakt .formularz form input:nth-child(4) {

  grid-area: i4;

}



.kontakt .formularz form textarea {

  grid-area: i5;

}



.kontakt .formularz form input:nth-child(6) {

  grid-area: submit;

  cursor: pointer;

}



.kontakt h2 {

  color: var(--green);

  font-size: 78px;

}



.kontakt input:not([type='submit']), .kontakt textarea {

  border: none;

  border-bottom: 1px solid #707070;

  font-family: 'Poppins';

  color: #707070;

  font-size: 20px;

  font-weight: 300;

  resize: none;

}



.kontakt input[type='submit'] {

  background: none;

  outline: none;

  border: none;

  color: #707070;

  font-size: 20px;

  font-weight: 300;

  grid-area: submit;

}



@media (max-width: 1279px) {

  .header-kontakt {

    display: none;

  }

  .kontakt {

    display: flex;

    flex-direction: column;

    background-image: none;

    width: 100%;

    padding: var(--mobile-gap);

    justify-content: center;

    align-items: stretch;

  }

  

  .kontakt h2 {

    font-weight: 400;

    font-size: 42px;

    line-height: 1.5;

  }

  

  .kontakt .formularz form {

    display: flex;

    flex-direction: column;

    gap: 50px;

    width: 100%;

    align-items: stretch;

  }

}



/* ====================== PAGES / POLITYKA PRYWATNOŚCI ====================== */

.header-polityka {

  height: 400px;

}



.header-polityka .topmenu .main-menu-cat > a {

  color: var(--green);

}



.header-polityka .main-menu-cat > ul > li > a {

  font-weight: 400;

}



.section-polityka {

  display: grid;

  grid-template-columns: 1fr 1080px 1fr;

  grid-template-rows: auto auto auto;

  gap: 100px 0;

  grid-template-areas: ". p1 ."

  ". p2 ."

  ". p3 .";

}



.section-polityka .paragraph-polityka-1 {

  grid-area: p1;

}



@media (max-width: 1279px) {

  #polityka_prywatnosci {margin-top: 100px;}

}



.section-polityka .paragraph-polityka-2 {

  grid-area: p2;

}



.section-polityka .paragraph-polityka-3 {

  grid-area: p3;

}



.section-polityka p {

  margin: 0 0 0 140px;

}



.section-polityka h2 {

  margin-left: 0;

  font-size: 40px;

}



@media (max-width: 1279px) {

  .header-polityka {

    display: none;

  }

  

  .section-polityka {

    padding: 50px var(--mobile-gap);

    display: flex;

    flex-direction: column;

  }

  

  .section-polityka p {

    margin: 0;

    font-size: 16px;

  }

  

  .section-polityka h2 {

    font-size: 20px;

    font-weight: 600;

  }

}



/* =========================== PAGES / AKTUALNOŚĆ =========================== */

.header-aktualnosc {

  height: 330px;

}



.section-aktualnosc {

  margin: 0 auto;

  width: 1220px;

  display: block;

  padding-top: 0;

}



.header-aktualnosc .topmenu .main-menu-cat > a {

  color: var(--green);

}



.header-aktualnosc .main-menu-cat > ul > li > a {

  font-weight: 400;

}



.section-aktualnosc h3 {

  font-size: 42px;

  color: var(--green);  /*! margin-left: 140px; */

}



.section-aktualnosc h2 {

  font-size: 50px;

  color: #6a6a6a;

}



.section-aktualnosc .data {

  font-size: 20px;

  color: var(--green);  /*! margin-left: 140px; */

}



.section-aktualnosc .post img {

  width: calc((100vw - (350px * 2)) / 2 - (80px / 2));

  float: left;

  display: inline-block;

  height: auto;

  margin: 0 80px 80px 0;

}



.section-aktualnosc .post {

  margin-top: 80px;

}



.section-aktualnosc .post p {

  margin: 0 140px 30px 0;

}



.post table {



  /*     width: 100%; */

  background-color: #FFFFFF;

  border-collapse: collapse;

  border-width: 1px;

  border-color: #C7C7C7;

  border-style: solid;

  color: #444444;

  margin: 70px 140px;

}



.post table td, .post table th {

  border-width: 1px;

  border-color: #C7C7C7;

  border-style: solid;

  padding: 15px;

}



.post ul, .post ol {

  margin: 70px 140px;

  padding: 0;

  color: #6a6a6a;

  font-size: 18px;

  line-height: 32px;

}



.post ol li {

  margin-bottom: 20px;

}



footer {

  clear: both;

}



@media (max-width: 1279px) {

  .post table {

    margin: 0;

  }

  .post ul, .post ol {

  margin: 70px 0;

  padding: 0;

  color: #6a6a6a;

  font-size: 18px;

  line-height: 32px;

}

  .header-aktualnosc {

    display: none;

  }

  .section-aktualnosc h3 {

    font-size: 26px;

  }

  

  .section-aktualnosc h2 {

    font-size: 20px;

  }

  .section-aktualnosc {

    margin:0;

    width: 100%;

    padding: 50px var(--mobile-gap);

  }

  

  .section-aktualnosc .post img {

    max-width: 280px;

    width: 100%;

    margin: 0 auto;

    display: block;

    float: none;

  }

  

  .section-aktualnosc .post p {

    padding: 0;

    margin: 50px 0;

  }

}



/* =========================== BACKGROUND IMAGES ============================ */



/* ======================= BACKGROUND IMAGES / INDEX ======================== */



.header-index {

  background-position: 22% 10%;

  /*! background-size: cover; */

  /*! background-position: center; */

}



@media (min-width:1280px) {



  /* Image index 1 */

  .section-index-1 .image-index-1 {

    transform: translatex(0px) translatey(0px);

    background-position-y: 10%;

  }



  /* Image index 2 */

  .section-index-2 .image-index-2 {

    background-position-x: 5%;

  }



  /* Image index 3 */

  .section-index-2 .image-index-3 {

    background-position-x: 43%;

  }



  /* Image index 4 */

  .section-index-2 .image-index-4 {

    background-position-x: 45%;

  }



}



@media (min-width:1608px) {



  /* Image index 2 */

  .section-index-2 .image-index-2 {

    background-position-x: 0%;

  }



  /* Image index 3 */

  .section-index-2 .image-index-3 {

    background-position-x: 49%;

  }



}



@media (min-width:1668px) {



  /* Image index 2 */

  .section-index-2 .image-index-2 {

    background-position-x: 32%;

    background-position-y: 0%;

  }



  /* Image index 3 */

  .section-index-2 .image-index-3 {

    background-size: auto 150%;

    background-position-y: 0%;

    background-position-x: 48%;

  }



}



@media (min-width:1718px) {



  /* Image index 3 */

  .section-index-2 .image-index-3 {

    background-size: auto 150%;

    background-position-y: 15%;

    background-position-x: 48%;

  }



}



@media (min-width:2340px) {



  /* Image index 3 */

  .section-index-2 .image-index-3 {

    background-size: auto 200%;

    background-position-y: 14%;

  }



}



/* ====================== BACKGROUND IMAGES / TERAPIA ======================= */

@media (min-width:1280px) {



  /* Header frame */

  .header .header-frame {

    background-position-x: 0%;

    background-position-y: 0%;

  }



  /* Image terapia 1 */

  .section-terapia-1 .image-terapia-1 {

    background-position-x: 47%;

  }



  /* Image terapia 2 */

  .section-terapia-1 .image-terapia-2 {

    background-position-x: 61%;

  }



  /* Image terapia 3 */

  .section-terapia-1 .image-terapia-3 {

    background-position-y: 45%;

  }



  /* Image terapia 4 */

  .section-terapia-1 .image-terapia-4 {

    background-position-y: 0%;

  }



  /* Image terapia 5 */

  .section-terapia-1 .image-terapia-5 {

    background-position-x: 19%;

  }



  /* Image terapia 6 */

  .section-terapia-1 .image-terapia-6 {

    background-position-y: 20%;

  }



  /* Image terapia 7 */

  .section-terapia-1 .image-terapia-7 {

    background-position-x: 20%;

  }



}



@media (min-width:1500px) {



  /* Image terapia 2 */

  .section-terapia-1 .image-terapia-2 {

    background-position-x: 49%;

  }



}



@media (min-width:1718px) {



  /* Image terapia 4 */

  .section-terapia-1 .image-terapia-4 {

    background-position-y: 15%;

  }



}



@media (min-width:2340px) {



  /* Image terapia 3 */

  .section-terapia-1 .image-terapia-3 {

    background-position-y: 45%;

  }



  /* Image terapia 4 */

  .section-terapia-1 .image-terapia-4 {

    background-position-y: 18%;

  }



  /* Image terapia 6 */

  .section-terapia-1 .image-terapia-6 {

    background-position-y: 20%;

  }



}



/* ====================== BACKGROUND IMAGES / RODZICE ======================= */

@media (min-width:270px) {

  .section-rodzice-1 .image-rodzice-1 {

    background-position-x: 8%

  }



  .section-rodzice-1 .image-rodzice-2 {

    background-position-x: 48%;

    background-size: auto 171%;

    background-position-y: 3%;

    background-attachment: scroll

  }



  .section-rodzice-2 .image-rodzice-4, .image-index-5 {

    background-position-x: 0%;

    background-size: cover;

    transform: translatex(0px) translatey(0px);

    background-position-y: 50%

  }



}



@media (min-width:546px) {

  .section-rodzice-1 .image-rodzice-1 {

    background-position-x: 31%;

    background-position-y: 0%

  }



  .section-rodzice-1 .image-rodzice-2 {

    background-size: auto 274%;

    background-position-y: 19%

  }



}



@media (min-width:606px) {

  .section-rodzice-2 .image-rodzice-4, .image-index-5 {

    background-position-x: 0%;

    background-size: auto 200%;

    background-position-y: 51%

  }



}



@media (min-width:819px) {

  .section-rodzice-2 .image-rodzice-4, .image-index-5 {

    background-size: cover

  }



}



@media (min-width:1024px) {

  .section-rodzice-1 .image-rodzice-1 {

    background-position-x: 13%

  }



  .section-rodzice-1 .image-rodzice-2 {

    background-size: cover

  }



}



@media (min-width:1102px) {

  .section-rodzice-1 .image-rodzice-1 {

    background-position-y: 0%;

    background-position-x: 12%

  }



  .section-rodzice-2 .image-rodzice-4, .image-index-5 {

    background-position-y: 38%

  }



  .section-rodzice-1 .image-rodzice-3 {

    transform: translatex(0px) translatey(0px);

    background-position-x: 41%

  }



}



@media (min-width:1500px) {

  .section-rodzice-1 .image-rodzice-3 {

    background-position-x: 25%

  }



}



@media (min-width:1579px) {

  .section-rodzice-1 .image-rodzice-2 {

    background-size: auto 195%;

    background-position-y: 19%;

    background-position-x: 48%

  }



}



@media (min-width:1668px) {

  .section-rodzice-1 .image-rodzice-1 {

    background-position-x: 33%

  }



  .section-rodzice-2 .image-rodzice-4, .image-index-5 {

    background-position-y: 34%

  }



}



@media (min-width:2340px) {

  .section-rodzice-1 .image-rodzice-2 {

    background-size: auto 229%

  }



  .section-rodzice-2 .image-rodzice-4, .image-index-5 {

    background-position-y: 44%;

  }



}



/* ===================== BACKGROUND IMAGES / TERAPEUCI ====================== */

@media (min-width:1280px) {

  .header-terapeuci {

    background-position-x: center;

    background-position-y: 0%;

  }

}



/* ======================= BACKGROUND IMAGES / O NAS ======================== */





  /* Image nas 1 */

  .section-o-nas-1 .image-o-nas-1 {

    background-position-y: 23%;

  }



  /* Image nas 2 */

  .profiles .profile .image-o-nas-2 {

    background-size: auto 300%;

    background-position-x: 62%;

    background-position-y: 15%;

  }
  .profiles .profile .image-babinska{

    background-size: auto ;


  }
    .profiles .profile .image-szymanska{

    background-size: auto ;


  }
    .profiles .profile .image-turowicz{

    background-size: auto ;


  }
    .profiles .profile .image-kudrynska{

    background-size: auto ;


  }
   .profiles .profile .image-agata{

    background-size: auto ;


  }
    .profiles .profile .image-katarzyna{

    background-size: auto ;


  }



  /* Image nas 3 */

  .profiles .profile .image-o-nas-3 {

    transform: translatex(0px) translatey(0px);

    background-size: auto 300%;

    background-position-y: 14%;

    background-position-x: 35%;

  }



  /* Image nas 4 */

  .profiles .profile .image-o-nas-4 {

    transform: translatex(0px) translatey(0px);

    background-size: auto 300%;

    background-position-y: 6%;

    background-position-x: 3%;

  }



  /* Image nas 5 */

  .large-profiles .large-profile .image-o-nas-5 {

    background-size: auto 300%;

    background-position-y: 14%;

    background-position-x: 36%;

  }

  .large-profiles .large-profile .image-o-nas-5a {

    background-size: auto 100%;

    background-position-y: 14%;

    background-position-x: 36%;

  }

  .large-profiles .large-profile .image-o-nas-5-kordonski {

    background-size: auto 100%;

    background-position-y: 14%;

    background-position-x: 36%;

  }
  .large-profiles .large-profile .image-o-nas-5-kawecka {

    background-size: auto 100%;

    background-position-y: 14%;

    background-position-x: 36%;

  }



  .image-index-2{

    background-position-y: 50%;

    background-position-x: 7%;

  }



    .header-o-nas {

    background-position-y: 17%;

    background-position-x: 7%;

  }





              .cls-1, .cls-2, .cls-3 {

                fill: none;

                stroke-miterlimit: 10;

                stroke-width: 7.5px;

              }

              

              .cls-1 {

                stroke: #7bbfde;

              }

              

              .cls-2 {

                stroke: #b1d366;

              }



              .cls-3 {

                stroke: #25abb9;

              }



              .cls-4 {

                fill: #25abb9;

              }



              .wink {

                animation: wink .3s linear 1.5s;

                position:  relative;

              }



              @keyframes wink {

                0% {

                  transform:  scaleY(1) translateY(0px);

                }



                50% {

                  transform: scaleY(.5) translateY(40px);

                }



                100% {

                  transform: scaleY(1) translateY(0px);

                }

              }

            





/* Heading */

#polityka_prywatnosci .politykaPrywatnosci h1{

 transform:translatex(0px) translatey(0px);

}







 /* Heading */

 #polityka_prywatnosci .politykaPrywatnosci h2{

  margin-right:0px;

  margin-bottom:30px;

  transform:translatex(0px) translatey(0px);

  font-weight:600;

  /*! font-size:40px; */

 }

 

 /* Strong Tag */

 .lh166 h2 strong{

  font-weight:600;

 }

 

 /* Horizontal Rule */

 #nota_prawna .politykaPrywatnosci hr{

  margin-right:-50px;

 }

 

 /* List */

 .politykaPrywatnosci .lh166 > ol{

  line-height:1.6em;

  padding-left:18px;

  padding-right:0px;

  margin-top:30px;

  margin-bottom:30px;

  margin-right:0px;

  transform:translatex(0px) translatey(0px);

 }

 

 /* Heading */

 .politykaPrywatnosci .lh166 h2{

  margin-top:60px;

 }

 

 /* Link */

 .lh166 ol a{

  color:#020202;

 }

 

 /* List Item */

 .lh166 > ol > li{

  line-height:2em;

  transform:translatex(0px) translatey(0px);

 }

 

 /* Paragraph */

 .lh166 ol p{

  margin-left:0px;

  transform:translatex(0px) translatey(0px);

 }







#cookieBar {

  display: none;

  

  position: fixed;

  bottom: 0;

  left: 0;

  background: white;

  width: 100%;

  box-sizing: border-box;

  line-height: 1.5;

  padding: 20px 100px;

  gap: 20px;

  align-items: center;

  box-shadow: 0 0 10px rgba(0, 0, 0, .1); 

}



@media (max-width: 1200px) {

  #cookieBar {

    flex-direction: column;

  }

}



#cookieBar p {

  margin: 0;

  padding: 0;

  color: black;

  line-height: 1.5;

  font-size: 16px;

}



#cookieBar p a {

  color: black;

}



#cookieBar button {

 font-size: 16px;

  background-color: white;

  outline: none;

  border: 1px solid black;

  padding: 10px;

  cursor: pointer;

  border-radius: 3px;

}





  .hide-on-desktop {

    display: none;

  }

.hide-on-mobile {

  display: block;

}



@media(max-width: 1279px) {

    .hide-on-desktop {

    display: block;

  }

.hide-on-mobile {

  display: none;

}

}







@media(max-width: 1279px) {

  #mobile-bar.active {

    height: 60px;

    z-index: 1;

  }

  #mobile-bar {

    background-color: white;

    height: 0px;

    width: 100%;

    display: block;

    position: fixed;

    top: 0;

    box-shadow: 0 0 20px rgba(0,0,0,.3);

    transition: all .5s ease;

  }

  

  #menuToggle.active {

    top: 22px;

  }

  

  .fixed-logo.active {

    transform: scale(0.45);

    top: -12px;

    left: -50px;

  }

  

  .fixed-logo.active img {

    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.7));

  }

  

   .fixed-logo.active #eye {

    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.9));

  }

}



@media(max-width: 1279px) {

  .kontakt .dane {

    margin-top: 100px;

  }

}



/* AGREEMENT BLOCK */



.agreement-block {

    margin: 20px 0px!important;

    padding: 0!important;

    border: none!important;

    display: flex!important;

    align-items: start!important;

    grid-area: agr;

    gap: 50px;

}



































.e0876 {

  grid-area: p;

}



.e6623 {

  display: flex;

  flex-direction: row;

}



.e2948 {

  width: 50%;

  flex: 1 0 50%;

  background-position: top center;

  background-size: contain;

  background-repeat: no-repeat;

  height: 550px;

  box-sizing: border-box;

  padding: 0 20px;

}



.e6504 {

  width: 50%;

  flex: 1 0 50%;

  display: flex;

  flex-direction: column;

  box-sizing: border-box;

  padding: 0 20px;

}



.e6504 small {

  color: #707070;

  line-height: 1.4;

  color: var(--green);

  font-family: 'Poppins', sans-serif;

  font-size: 24px;

}



.e6504>* {

  margin-bottom: 22px;

}



.e9206 {

  color: var(--green);

  font-family: 'Poppins', sans-serif;

  font-size: 32px;

  font-weight: 600;

}



.e8109 {

  color: var(--green);

  font-family: 'Poppins', sans-serif;

  font-size: 24px;

}



.e4420 {

  color: #707070;

  line-height: 1.5;

}



.e4140 {

  display: flex;

  justify-content: space-between;

  align-items: center;

  text-decoration: none;

}



.e2020 {

  color: #707070;

  font-weight: 700;

  font-size: 24px;

}



.e7959 {

  color: var(--green);

  font-size: 18px;

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

  align-content: center;

}



.e2816 {

  margin-left: 12px;

}



@media (max-width: 1279px) {

  .e6623 {

    flex-direction: column;

  }

  

  .e2948 {

    width: 100%;

    flex: 0 0 550px;

    background-position: center;

    height: 550px;

  }

  

  .e6504 {

    width: 100%;

    box-sizing: border-box;

    padding: 0 20px;

    margin: auto;

    max-width: 560px;

  }

  

}

















.popup {

  position: fixed;

/*   height: 80vh; */

  width: 55vw;

  display: flex;

  background-color: #69D5DB;

  box-sizing: border-box;

  top: 50%;

  left: 50%;

  padding: 50px;

  flex-direction: row;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 50px rgba(0, 0, 0, 0.4);

  justify-content: center;

  align-items: center;

  max-width: 1400px;

  transform: translate(-50%, -50%);

  z-index: 1000;

}



.e574111 {

  height: 508px;

  width: 50%;

  flex: 1 1 50%;

  margin-right: 20px;

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

}



.e573415 {

  width: 470px;

  flex: 0 1 470px;

  margin-left: 20px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  

}



.e222163 {

  display: block;

  background-color: white;

  padding: 11px 30px;

  color: #0096A5;

  font-weight: 600;

  text-decoration: none;

  font-size: 24px;

  transition: all .3s ease;

}



.e222163:hover {

  color: white;

  background-color: #0096A5;

}



.e695210 {

  margin-bottom: 16px;

  box-sizing: border-box;

  padding: 36px;

  display: flex;

  flex-direction: column;

  position: relative;

  

}



.e695210:before {

  content: '';

  width: 60px;

  height: 60px;

  display: block;

  border-top: 15px solid #25ABB9;

  border-left: 15px solid #25ABB9;

  position: absolute;

  top: 0;

  left: 0;

}



.e695210:after {

  content: '';

  width: 60px;

  height: 60px;

  display: block;

  border-right: 15px solid #25ABB9;

  border-bottom: 15px solid #25ABB9;

  position: absolute;

  bottom: 0;

  right: 0;

}



.e059982 {

  font-family: 'Poppins', sans-serif;

  font-size: 38px;

  color: white;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 16px;

}



.e650148 {

  font-weight: 700;

  font-family: 'Poppins', sans-serif;

  font-size: 47px;

  line-height: 1.1;

  color: #0096A5;

  margin-bottom: 16px;

}



.e777092 {

  font-family: 'Poppins', sans-serif;

  font-size: 38px;

  color: white;

  font-weight: 600;

  line-height: 1;

}





@media (max-width: 1400px) {

  .e574111 {

    display: none;

  }

  

  .e573415 {

    margin: 0;

    flex: 1 1 470px;

  }

} 



@media (max-width: 666px) {

  .popup {

    position: relative;

    transform: none;

    width: 100%;

    height: unset;

    top: unset;

    left: unset;

    z-index: unset;

    padding: 126px 0;

    flex-direction: column;

  }

  

  .e059982, .e777092 {

    font-size: 16px;

  }

  

  .e650148 {

    font-size: 16px;

  }

  

  .e573415 {

    width: 100%;

    flex: 1 0 100%;

  }

  .e574111 {

    display: block;

    height: 100px;

    flex: 1 0 200px;

    width: 100%;

    margin: 0;

  }

}



.popup svg {

  position: absolute;

  top: 20px;

  right: 20px;

  cursor: pointer;

}



@media (max-width: 666px) {

  .popup svg {

    display: none;

  }

}