:root{
  --white:#FFFFFF;
  --grayWhite:#EFEFEF;
  --darkWhite:#F2F2F2;
  --darkBg:#0D0D0D;
  --cyklamen:#F21D81;
  --darkCyklamen:#8C114A;
  --darkText:#9B9BA0;
  --black:#000000;
}
*{
  margin:0;
  padding:0;
}
body{
  width:100%;
  height:auto;
  margin:0;
  background-color:var(--darkBg);
  font-family:'Montserrat',sans-serif;
  /*font-family:'Playfair Display',serif;*/
  font-size:16px;
  font-weight:400;
  color:var(--white);
}
h1{
  font-size:2em;/*2.7em*/
  font-weight:500;
  color:var(--white);
  text-align:center;
}
h2{
  font-size:2em;
  font-weight:600;
  color:var(--white);
  text-align:center;
  padding:1em 0 1em 0;
  letter-spacing:0.02em;
}
h3{
  font-size:1.125em;
  font-weight:600;
  color:var(--cyklamen);
  letter-spacing:0.0625em;
}
h4{
  font-size:1em;
  font-weight:600;
  color:var(--cyklamen);
  letter-spacing:0;
}
p{
  font-size:1.125em;
}
a{
  font-size:1.125em;
  color:var(--cyklamen);
  text-decoration:none;
}
.error{
  text-align:center;
  color:#DB2D01;
}
.importantText{
  color:var(--white);
}
section{
  width:100%;
  height:auto;
}
/*Small Devices*/
.titleSection{
  width:100%;
  height:100vh;
  margin:0;
  padding:0;
}
.titleSectionImg{
  width:100%;
  height:100vh;
  background-color:var(--darkText);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
/*Button*/
.buttons-container{
  width:auto;
  height:auto;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.medical-pres{
  padding:2em 0 2em 0;
}
.medical-pres button{
  width:auto;
  height:2em;
  display:inline-block;
  margin:1em 0.5em 1em 0.5em;
  padding:0.6em;
  font-size:1.3em;
  line-height:0.55em;
  color:var(--white);
  background-color:var(--cyklamen);
  border:none;
  border-radius:0.5em;
  cursor:pointer;
  transition-duration:0.2s;
}
.medical-pres button:hover{
  background-color:#E12C70;
  transition-duration:0.3s;
}
.medical-pres h3{
  max-width:90%;
  margin:0 5% 0 5%;
  text-align:center;
  line-height:1.5em;
  font-size:1.3em;
  font-weight:400;
  color:#FFFFFF;
}
/*BACKGROUND START*/
/*SMALL*/
.titleSectionImg_1{
  /*-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/
  background-image:url(../img/backgrounds/treatments/zmarszczki.jpg);
}
.titleSectionImg_2{
  background-image:url(../img/backgrounds/treatments/wiotkosc_conv.webp);
}
.titleSectionImg_3{
  background-image:url(../img/backgrounds/treatments/owal.jpg);
}
.titleSectionImg_4{
  background-image:url(../img/backgrounds/treatments/smutne_oczy.jpg);
}
.titleSectionImg_5{
  background-image:url(../img/backgrounds/treatments/rozstepy.jpeg);
}
.titleSectionImg_6{
  background-image:url(../img/backgrounds/treatments/ksztalt_ust.jpg);
}
.titleSectionImg_7{
  background-image:url(../img/backgrounds/treatments/odmladzanie_rece.jpg);
}
.titleSectionImg_8{
  background-image:url(../img/backgrounds/treatments/nadpotliwosc.jpg);
}
.titleSectionImg_9{
  background-image:url(../img/backgrounds/treatments/prewencja_small.jpg);
}
.titleSectionImg_10{
  background-image:url(../img/backgrounds/treatments/terapie_autorskie.jpg);
}
/*MEDIUM*/
@media only screen and (min-width:601px){
  h1{
    font-size:1.8em;
  }
  .titleSectionImg{
    background-position:0% 0%;
  }
  .titleSectionImg_6{
    background-image:url(../img/backgrounds/treatments/ksztalt_ust_medium.jpg);
  } 
  .titleSectionImg_9{
    background-image:url(../img/backgrounds/treatments/prewencja.jpg);
  } 
}
/*BIG*/
@media screen and (min-width:1333px) {
  .titleSectionImg_2{
  background-image:url(../img/backgrounds/treatments/wiotkosc_big_conv.webp);
  }
  .titleSectionImg_3{
    background-image:url(../img/backgrounds/treatments/owal_big.jpg);
  }
  .titleSectionImg_4{
    background-image:url(../img/backgrounds/treatments/smutne_oczy_big.jpeg);
  }
  .titleSectionImg_6{
    background-image:url(../img/backgrounds/treatments/ksztalt_ust_big.jpg);
  }
}
/*BACKGROUND END*/
.h-language{
  width:1.8em;
  height:1.8em;
  font-size:1.25em;
  font-weight:600;
  margin:0.7em;
  padding:0;
  float:right;
  background-color:transparent;
  border:none;
  color:var(--cyklamen) !important;
  transition:0.2s;
  cursor:pointer;
}
.h-language:hover{
  color:var(--darkCyklamen) !important;
  transition:0.2s;
}
.titleSection h1{
  padding-top:calc(50vh - 60px);
  font-size:60px;
  font-weight:800;
  line-height:60px;
  color:var(--cyklamen) !important;
}
.titleSection_home_button{
  width:6em;
  height:2em;
  font-size:1.5em;
  font-weight:500;
  position:absolute;
  margin-left:calc(50% - 3em);
  bottom:3.2em;/*!!!!!*/
  transform:translate(0,-50%);
  padding:0;
  background-color:transparent;
  border:0.25em solid var(--cyklamen) !important;
  border-radius:2em;
  color:var(--white);
  transition:0.2s;
  cursor:pointer;
}
.shortDesc{
  width:90%;
  height:auto;
  margin:2em 5% 0 5%;
}
.shortDesc_authorsTreatments{
  width:90%;
  height:auto;
  margin:2em 5% 0 5%;
}
/*Accordion*/
.accordion{
  width:100%;
  height:auto;
  margin:1em 0 1em 0;
}
.accordion .accordionContentBx{
  position:relative;
  margin:15px 0;
  border-radius:15px;
  transition:0.5s;
}
.accordion .accordionContentBx .label{
  position:relative;
  padding:10px;
  background-color:var(--cyklamen);
  color:var(--white);
  font-weight:500;
  cursor:pointer;
  border-radius:15px;
  transition:0.3s;
}
.accordion .accordionContentBx .label p{
  font-size:17px;
  line-height:17px;
  padding:0;
  margin:0;
  font-weight:500;
}
.accordion .accordionContentBx .label:before{
  content:"+";
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
  font-size:1.25em;
}
.accordion .accordionContentBx.activated .label:before{
  content:"-";
}
.accordion .accordionContentBx.activated .label{
  border-radius:15px 15px 0 0;
}
.accordion .accordionContentBx .accordionContent{
  position:relative;
  background-color:var(--white);
  color:var(--black);
  max-height:0;
  overflow:hidden;
  /*overflow-y:auto;*/
  border-radius:15px 15px 15px 15px;
  transition:max-height 0.5s;
}
.accordion .accordionContentBx .accordionContent h3{
  color:var(--cyklamen);
  padding:10px;
}
.accordion .accordionContentBx .accordionContent p{
  color:var(--black);
  font-size:1em;
  padding:5px 10px 5px 10px;
  line-height:1.4em;
}
.accordion .accordionContentBx .accordionContent .cyclamentColorText{
  padding:10px 15px 10px 15px;
  text-align:center;
  color:var(--cyklamen);
  font-weight:600;
}
.accordion .accordionContentBx .accordionContent ul{
  list-style-position:inside;
  padding:5px 20px 20px 20px;
}
.accordion .accordionContentBx .accordionContent li{
  padding:4px;
  color:var(--black);
}
.accordion .accordionContentBx.activated .accordionContent{
  max-height:1850px;/*1750px*/
  border-radius:0 0 15px 15px;
}
.p_highlight{
  color:var(--cyklamen);
}
.treatmentDescription{
  width:90%;
  height:auto;
  margin:0 5% 1em 5%;
  padding:0;
}
.specificTreatment{
  margin:1em 0 3em 0;
}
.descriptionImg img{
  width:100%;
  height:auto;
  margin:0;
  background-size:cover;
}
.descriptionText{
  width:100%;
  height:auto;
  margin:0;
  padding:5px;
}
.descriptiontext h3{
  padding:5px 0 5px 0;
}
.descriptionText p{
  line-height:1.25em;
}
.p_unhighling{
  color:var(--darkText);
}
/*Footer*/
footer{
  width:100%;
  height:auto;
  text-align:center;
}
.flexBox{
  width:100%;
  height:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
footer .f-col-3{
  width:100%;
  margin:2em 0 2em 0;
}
footer h3{
  padding-top:0.5em;
  padding-bottom:0.5em;
  letter-spacing:0.125px;
}
footer .f-col-3 a, p{
  display:block;
  padding:0.5em 0 0.25em 0;
  color:var(--white);
  transition:0.2s;
}
footer .f-col-3 a:hover{
  color:var(--cyklamen);
  transition:0.2s;
}
footer .sm a{
  display:inline-block;
  font-size:1.5em;
  padding:0.5em 0.2em 0.5em 0.2em;
}
footer .f-col-1{
  width:100%;
  margin:2em 0 2em 0;
  color:var(--darkText);
  text-align:center;
  line-height:2em;
}
@media only screen and (max-width:450px){
  h1{
    font-size:2em !important;
  }
  .titleSection_home_button{
    bottom:1.5em;/*!!!!!*/
  }
}
/*Medium Devices*/
@media only screen and (min-width:600px) {
  .titleSectionImg{
    width:calc(100% - 90px);
    height:calc(100vh - 90px);
    margin:45px;
  
    background-size: cover;/*cover*/
    background-position-x:center;
    background-position-y:center;
  }
  .titleSection_home_button{
    margin-left:calc(50% - 3em - 45px);
  }
  .shortDesc{
    max-width:580px;
    margin:2em calc(50% - 290px) 2em calc(50% - 290px);
  }
  .shortDesc_authorsTreatments{
    width:580px;
    margin:2em calc(50% - 290px) 2em calc(50% - 290px);
  }
  /*Footer*/
  footer .f-col-3{
    width:40%;
    margin:2em 1em 3em 1em;
  }
}
@media only screen and (min-width:800px){
  .titleSection h1{
    padding-top:calc(50vh - 90px);
    font-size:90px;
    line-height:90px;
  }
  .titleSection_home_button{
    bottom:2em;/*!!!!!*/
  }
  .shortDesc_authorsTreatments{
    width:680px;
    margin:2em calc(50% - 340px) 2em calc(50% - 340px);
  }
  /*accordeon*/
  .accordion .accordionContentBx.activated .accordionContent{
    max-height:1400px;
  }
  /*Description Section*/
  .specificTreatment:nth-of-type(even) .descriptionText{
    width:45%;
    margin:0 0 0.5em 0;
    float:right;
  }
  .specificTreatment:nth-of-type(even) .descriptionImg{
    width:49%;
    margin:0 1% 0.5em 0;
    float:left;
  }
  .specificTreatment:nth-of-type(odd) .descriptionText{
    width:45%;
    margin:0 0 0.5em 0;
    float:left;
  }
  .specificTreatment:nth-of-type(odd) .descriptionImg{
    width:49%;
    margin:0 0 0.5em 1%;
    float:right;
  }
  /*Footer*/
  footer .f-col-3{
    width:26%;
    margin:0;
    text-align:left;
  }
}
@media only screen and (min-width:1120px){  
  .shortDesc_authorsTreatments{
    width:720px;
    margin:2em calc(50% - 360px) 2em calc(50% - 360px);
  }
  /*accordeon*/
  .accordion .accordionContentBx.activated .accordionContent{
    max-height:1350px;
  }
  /*Footer*/
  footer{
    margin-top:2em;
  }
  .flexBox{
    width:1120px;
    margin:0 auto;
  }
  footer .f-col-1{
    margin:4em 0 2em 0;
  }
  footer h3{
    padding-top:1em;
    padding-bottom:1em;
  }
  footer .f-col-3 a, p{
    padding:0.5em 0 0.5em 0;
  }
  .flexBox i{
    padding:0 0.8em 0 0;
  }
}
/*Large Devices*/
@media only screen and (min-width:1200px) {
  /*Description Section*/
  .specificTreatment{
    min-width:1000px;
    max-width:1000px;
    margin:auto;
    padding:1em 0 1em 0;
  }
}
@media only screen and (min-width:1350px) { 

}
@media only screen and (min-width:1400px){

}
/*V-Large Devices*/
@media only screen and (min-width:1920px) {
  /*Footer*/
  .flexBox{
    width:1400px;
  }
}