/*
@media screen and (max-width: 399px) { .dialog_announcement { max-width: calc(100vw - 20px - 1em); } }
@media screen and (min-width: 400px) { .dialog_announcement { max-width: 350px; } }
@media screen and (min-width: 600px) { .dialog_announcement { max-width: 530px; } }
@media screen and (min-width: 960px) { .dialog_announcement { max-width: 800px; } }
*/

body {
  /* box-sizing: border-box; */
}


#header > div {
  /* border: 1px solid yellow; */
}

#header > div > div {
/*   border: 1px solid red; */
}

#header {
  height: 9em;
}

#header_logo {
  float: left;
  background-color: var(--color_gold);
  height: 100%;
  width: 16em;
  text-align: center;
}

#header_logo img {
  filter: none;
  height: calc(100% - 4em);
  margin-top: 1.75em;
  /* transition: all 0.20s ease-out; */
}

#header_logo a:hover img {
  filter: var(--filter_white);
}

#header_logo a:active img {
  transition: all 0s ease-out;
  filter: var(--filter_white);
}

#header_right {
  float: right;
  width: calc(100% - 16em);
  height: 100%;
}

#header_mobile {
  display: none;
}

#header_top {
  background: var(--color_gradient_dark) 0% 0% no-repeat;
  color: var(--color_gold);
  padding-left: 2em;
  height: 3em;
  letter-spacing: 1px;
}

#header_top_menu {
  padding: 1em 0;
  float: left;
  position: relative;
}

#header_top_contact {
  padding: 0.6em 0;
  float: right;
  font-size: 1em;
}

#header_top_contact a {
  color: var(--color_gold);
}

#header_top_contact a:hover {
  color: var(--color_font_invert);
}

#header_top_contact a:hover > img {
  color: var(--color_font_invert);
  filter: brightness(200%) saturate(0%) contrast(1000%);
}

#header_top_contact > div {
  display: inline-block;
  line-height: 1.5em;
  margin-right: 2em;
}

#header_top_contact > div:nth-last-child(1) {
  margin-right: 0;
}


#header_top_contact img {
  width: 1.5em;
  height: 1.5em;
  position: relative;
  top: 0.2em;
}



#header_main {
  height: calc(10em - 4em);
  /* background: transparent linear-gradient(99deg, #585858 0%, var(--color_gradient_dark) 100%) 0% 0% no-repeat; */
  background: #585858;
  padding-left: 2em;
  position: relative;
}




    #header_social_group {
      position: absolute;
      top: 50%;
      right: var(--side_margins);
      transform: translateY(-50%);

    }

    #header .minibutton {
      margin-right: 0.5em;
      background-color: var(--color_gray_dark);
    }

    #header .minibutton:nth-last-child(1) {
      margin-right: 0;
    }






h2 {
  font-size: 6.75em;
  font-family: 'Catamaran', Verdana;
  letter-spacing: 0px;
  font-weight: 800;
  position: relative;
  margin-bottom: 5rem;
}


h2:after,
.slider_title:after {
  position: absolute;
  content: '';
  height: 0.05em;
  bottom: -0.5em;
  width: 1.85em;
  background: var(--color_gold);
}

.arrange_left h2 { text-align: left; }
.arrange_left h2:after { left: 0; }

.arrange_right { text-align: right; }
.arrange_right h2 { text-align: right; }
.arrange_right h2:after { right: 0; }

.arrange_center { text-align: center; }
.arrange_center h2 { display: inline-block; }
.arrange_center h2:after { left: 0; }

.background_dust   h2 { color: var(--color_font); }
.background_dark   h2 { color: var(--color_font_invert); }
.background_gray   h2 { color: var(--color_font_invert); }
.background_footer h2 { color: var(--color_font_invert); }

.slider_title { text-align: left; }
.slider_title:after { left: 0; height: 0.1em; width: 3em }



h3 {
  font-size: 2.5em;
  font-family: 'Catamaran', Verdana;
  font-weight: 900;
  color: var(--color_gold);
}

#nearest h3 {
  margin: 3em 0 2em 0;
}

#training h3 {
  margin: 0em 0 0.5em 0;
}

#training h3 a {
  transition: all 0.35s ease-out;
}

#training h3 i {
  font-size: 0.85em;
  opacity: 0.45;
  transition: all 0.35s ease-out;
}

#training h3:hover i {
  opacity: 1;
}

#training_bigthree h3, #media h3 {
  text-align: center;
  margin: 0 0 1em 0;
  text-transform: uppercase;
}

#media h3 {
  color: var(--color_font_invert);
}


#dates h3 {
  margin: 0em 0 0.5em 0;
  color: var(--color_font);
  font-family: Lato;
}

.dates_section ~ .dates_section {
  margin-top: 5em;
}



.button {
  padding: 1em 6.5em;
  background-color: var(--color_button);
  color: var(--color_link_invert);
  display: inline-block;
  border: 0.25em solid var(--color_button);
  border-bottom-color: var(--color_gold);
  font-family: Catamaran, Verdana;
  letter-spacing: 1.2px;
  cursor: pointer;
  position: relative;
  /* padding-left: 6.5em; */
}

.button.button_hover {
  padding-bottom: 0.9em !important;
  border-bottom-width: 0.35em;
  background-color: var(--color_button_hover);
}

.button.button_active {
  background-color: var(--color_button_active);
  border-color: var(--color_gold);
}


.button_icon {
  display: inline-block;
  margin-right: 1em;
  position: relative;
}

.button_icon_right {
  margin-left: 1em;
}

.button_icon > i {
  position: absolute;
  left: 0;
  top: -0.125em;
  transform: translate(-50%, -50%);
  font-size: 2em;
}


.minibutton {
  font-size: 1em;
  text-align: center;
  background-color: var(--color_button);
  color: var(--color_link_invert);
  display: inline-block;
  border: 0.25em solid var(--color_button);
  border-bottom: 0.25em solid var(--color_gold);
  font-family: Catamaran, Verdana;
  letter-spacing: 1px;
  cursor: pointer;
}

.minibutton.button_hover {
  background-color: var(--color_button_hover);
}

.minibutton.button_active {
  background-color: var(--color_button_active);
  border-color: var(--color_gold);
}


.minibutton > div {
  height: 1.75em;
  width: 1.75em;
  font-size: 1.5em;
  line-height: 2em;
}


.langbuttons {
  font-size: 1em;
  text-align: center;
  /* background-color: var(--color_button); */
  color: var(--color_link_invert);
  display: inline-block;
  /* border: 0.25em solid var(--color_button); */
  /* border-bottom: 0.25em solid var(--color_gold); */
  font-family: Catamaran, Verdana;
  letter-spacing: 1px;
  cursor: pointer;
  margin-right: 0.5em;
}


/*
.langbuttons.button_hover {
  background-color: var(--color_button_hover);
}

.langbuttons.button_active {
  background-color: var(--color_button_active);
  border-color: var(--color_gold);
}
*/


.langbuttons > div {
  height: 1.2em;
  width: 1.75em;
  font-size: 1em;
  line-height: 1.8em;
  padding: 0.7em 0.05em;
  display: inline-block;
}

.langbuttons a:hover {
  color: var(--color_font_invert);
}


.panel_content {
  margin-bottom: 3em;
}

#about_left > div {

}



#slider {
  position: relative;
  background: black;
  height: calc(100vw / 4);
}

#subbody[data-mid="1"] #slider {
  height: calc(100vw / 2);
}

#slider_bg {
  background: transparent linear-gradient(180deg, #000000 0%, #53535300 100%) 0% 0% no-repeat padding-box;
  /* opacity: 0.88; */
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

#slider_img {
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  max-height: auto;
  height: 100%;
  width: 100%;
}

#slider .gallery {
/*
*/
  opacity: 1;
}

#gallery1_container {
  visibility: hidden;
}

#slider .slider_content {
  display: none;
}

  .slider_content {
    font-size: 2em;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    letter-spacing: 0;
    font-family: Catamaran, Verdana;
    display: inline-block;
  }

  .slider_title {
    font-family: Catamaran, Verdana;
    font-weight: 800;
    font-size: 3.2em;
    width: max-content;
    line-height: 1.25em;
    text-shadow: 0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 3px #000000, 0px 0px 4px #000000, 0px 0px 5px #000000;
  }

  .slider_img_title {
    font-size: 2em;
  }


  .slider_subtitle {
    font-family: Catamaran, Verdana;
    font-weight: 500;
    font-size: 1.75em;
    text-align: center;
    color: var(--color_gold);
    text-shadow: 0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 3px #000000, 0px 0px 4px #000000, 0px 0px 5px #000000;
    margin-bottom: 0.25em;
  }

  .slider_title a {
    color: var(--color_font_invent);
  }

  #slider_bg div[u=slides] img[u=image] {
    /* opacity: 0.75; */
  }

  #slider_bg div[u=slides] {
      cursor: default !important;
  }

  #slider div[u=navigator] div[u=prototype] {
    opacity: 0.85;
    zoom: 150%;
  }




.gap {
  position: relative;
}

.gap > div {
  position: absolute;
  width: 20em;
  background-color: var(--color_gold);
  height: 5em;
  top: -2.5em
}

.gap_left > div { left: 0; }
.gap_right > div { right: 0; }


.background_dust, .background_dark, .background_gray, .background_footer, .background_gold {
  padding: var(--side_margins);
}

.background_dust {
  /* background-image: url('layout/dust.jpg'); */
}

.background_dust a,
.background_dust a:visited {
  color: var(--color_gold);
}

.background_dust a:hover {
  color: var(--color_font);
}


.background_dark {
  background: transparent linear-gradient(89deg, #000000 0%, var(--color_gradient_dark) 100%) 0% 0% no-repeat padding-box;
  color: var(--color_font_invert);
}

.background_dark a, .button a, .minibutton a {
  color: var(--color_font_invert);
}

.background_dark a:hover, .button a:hover, .minibutton a:hover {
  color: var(--color_gold);
}

.background_dark a:active, .button a:active, .minibutton a:active {
  color: var(--color_font_invert);
}




.background_gray {
  background: var(--color_gray_bright);
  color: var(--color_font_invert);
}

.background_gray a {
  color: var(--color_font_invert);
}

.background_gray a:hover {
  color: var(--color_gold);
}

.background_gray a:active {
  color: var(--color_font_invert);
}


.background_footer {
  background: var(--color_gray_bright);
  color: var(--color_font_invert);
}

.background_footer a {
  color: var(--color_font_invert);
}

.background_footer a:hover {
  color: var(--color_gold);
}

.background_footer a:active {
  color: var(--color_font_invert);
}


.background_gold {
  background-color: var(--color_gold);
  color: var(--color_font);
}



#about {
  min-height: 30vw;

}

#about_left {
  height: 100%;
  float: left;
  width: calc(100% - 400px - 5em);
}

#about_right {
  float: right;
  width: calc(400px);
  height: 100%;
  position: relative;
}



/*
#about_shaker {
  background-image: url('layout/shaker.png');
  height: 45vw;
  width: 45vw;
  position: absolute;
  top: 3vw;
  right: 3vw;
}
*/
#about_shaker {
    background-image: url(layout/shaker.png);
    height: 47vw;
    width: 47vw;
    position: absolute;
    top: 6vw;
    right: 2vw;
}

/*
#about_logo {
  background-size: contain !important;
  background-image: url('layout/logo.svg');
  height: 18vw;
  width: 18vw;
  position: absolute;
  right: 0;
}
*/

#about_logo {
    background-size: contain !important;
    background-image: url(layout/logo_kontakt.svg);
    height: 16vw;
    width: 16vw;
    position: absolute;
    right: 2em;
    top: 4em;
}



#about .button {
  margin: 1em auto;
  margin-right: 0;
  text-align: center;
  display: block;
  width: 25%;
  padding: 1em 3.5em;
}




#nearest {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url('layout/bg_nearest.webp');
}


.nearest_column {
  float: left;
  width: calc(50% - 2px - 1em);
  /* height: 50em; */
  border: 0px solid white;
  margin: 0 0.5em;
}

.nearest_title {
  background-color: var(--color_button);
  padding: 1.2em 0;
  border: 2px solid var(--color_button_active);
  border-bottom: 2px solid var(--color_gold);
}

.nearest_title.button_hover {
  background-color: var(--color_button_hover);
  cursor: pointer;
}

.nearest_title i {
  color: var(--color_gold);
}

.nearest_title a:hover {
  color: var(--color_font_invert);
}

.nearest_title a:hover i {
  color: var(--color_font_invert);
}

.nearest_title > div:nth-child(2) {
  font-size: 2em;
  letter-spacing: 0.1em;
  margin-top: 0.25em;
}


.nearest_panel {
  margin-top: 1.25em;
  background-color: var(--color_button);
  border: 0.15em solid var(--color_button);
  border-bottom-color: var(--color_gold);
  padding: 1em 0.75em;
  font-size: 1.75em;
  cursor: pointer;
}

.nearest_panel.button_hover {
  padding-bottom: 0.90em;
  border-bottom-width: 0.25em;
  background-color: var(--color_button_hover);
}

.nearest_panel.button_active {
  background-color: var(--color_button_active);
  border-color: var(--color_gold);
}



.nearest_panel_date {
  float: left;
  text-align: left;
  width: calc(57% - 0.5em);
  position: relative;
}

.nearest_panel_date > div:nth-child(1) {
  float: left;
}

.nearest_panel_date > div:nth-child(2) {
  /* line-height: 3vw; */
  padding-left: calc(3vw + 0.5em);
  letter-spacing: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.nearest_panel_dbldates .nearest_panel_date > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 0.25em;
}


.nearest_panel_city {
  float: right;
  margin-left: 1em;
  text-align: left;
  width: calc(43% - 0.5em);
  min-height: 3.5vw;
}

.nearest_panel_city > div:nth-child(1) {
  float: left;
}

.nearest_panel_city > div:nth-child(2) {
  padding-left: calc(3vw + 0.5em);
  line-height: 1.5vw;
}
.nearest_panel_city > div:nth-child(3) {
  padding-left: calc(3vw + 0.5em);
  line-height: 1.5vw;
}
.nearest_panel_city > div:nth-child(3) > div {
  font-size: 0.65em;
  margin-top: 0.5em;
  line-height: 1rem;
  letter-spacing: 2px;
}


.nearest_panel_city_hasMode > div:nth-child(2) {
  line-height: 3vw;
}


.nearest_panel_desc {
  margin: 2em 0 1em 0;
  font-size: 0.7em;
  letter-spacing: 2px;
}

.nearest_column .button {
  margin-top: 1.5rem;
}



#dates_list {
  position: relative;
  padding: calc(var(--side_margins) / 2);
}

#dates_list_blind {
  position: absolute;
  width: calc(100% - var(--side_margins));
  height: 100%;
  z-index: 2;
  display: none;
  opacity: 0;
}

#dates_list_container {
  overflow: hidden;
  padding: calc(var(--side_margins) / 2);
}

.date_title {

}

.date_title i {
  color: var(--color_gold);
}

.date_title a:hover {
  color: var(--color_font_invert);
}

.date_title a:hover i {
  color: var(--color_font_invert);
}

.date_title > div:nth-child(2) {
  font-size: 2em;
  letter-spacing: 0.1em;
  margin-top: 0.25em;
}






/* .date_panel */

.date_panel {
  margin-top: 1.5em;
  background-color: var(--color_button);
  border: 0.15em solid var(--color_button);
  font-size: 1.25em;
  transition: all 0.75s ease-out;
  position: relative;
}


.date_panel_tofly { left: calc(100vw - (2 * var(--side_margins)) + 2em ); }

.date_panel:hover {
  box-shadow: 3px 3px 10px 3px var(--color_gold_shadow);
  transition: 0s;
}

.date_panel .date_panel_signup a {
  transition: all 0.75s ease-out;
}

.date_panel:hover .date_panel_signup a {
  font-size: 1.15em;
  transition: 0s;
}



.date_panel_main {
  cursor: pointer;
  padding: 0.5em 0.25em;
}



.date_panel_signup.button_hover {
  filter: var(--filter_white);
  cursor: pointer;
}

.date_panel.date_panel_tofly {
  transition: 0s !important;
  box-shadow: none !important;
}
.date_panel.date_panel_tofly .date_panel_signup a {
  transition: 0s !important;
}

  .date_panel_main > div/*
,
  .date_panel_teacher
*/ {
    float: left;
    margin: 0 0.5em;
    text-align: left;
  }

/*
  .date_panel_teacher {
    position: relative;
    left: -50%;
    transform: translateX(50%);
  }
*/

    .date_panel_main > div > div:nth-child(1) {
      float: left;
    }
    .date_panel_main > div > div:nth-child(2) {
      line-height: 2.5em;
      padding-left: calc(3vw + 0.75em);
    }


  .date_panel_city {
    width: 17.5%;
    font-weight: 800;
  }

  .date_panel_main > div.date_panel_city > div:nth-child(2) {
    /* line-height: 1.5em; */
  }


  .date_panel_date {
    width: calc(32% - 1em);
  }


    .date_panel_date_double > div:nth-child(2) > div:nth-child(1) { margin-top: 0.2em; }
    .date_panel_date_double > div:nth-child(2) > div:nth-child(2) { margin-top: 0.5em; }
    .date_panel_date_double > div:nth-child(2) { line-height: 1em !important; }

    .date_panel_date_double > div:nth-child(2) > div:nth-child(1):after {
      content: 'I tydzień';
    }
    .date_panel_date_double > div:nth-child(2) > div:nth-child(2):after {
      content: 'II tydzień';
    }
    .date_panel_date_weekend .date_panel_date_double > div:nth-child(2) > div:nth-child(1):after {
      content: 'I weekend';
    }
    .date_panel_date_weekend .date_panel_date_double > div:nth-child(2) > div:nth-child(2):after {
      content: 'II weekend';
    }
    .date_panel_date_weekendmode > .date_panel_date > div:nth-child(2) > div:nth-child(1):after {
      content: 'Tryb weekendowy';
    }
    .date_panel_date_weekendmode > .date_panel_date > div:nth-child(2) > div:nth-child(1):after,
    .date_panel_date_double > div:nth-child(2) > div:nth-child(1):after,
    .date_panel_date_double > div:nth-child(2) > div:nth-child(2):after {
      position: absolute;
      color: var(--color_gold);
      font-size: 0.75em;
      letter-spacing: 0.5px;
      opacity: 0;
      transition: all 0.5s ease-out;
      margin-left: 0.25em;
    }

   .date_panel:hover .date_panel_date_weekendmode > .date_panel_date > div:nth-child(2) > div:nth-child(1):after,
   .date_panel:hover .date_panel_date_double > div:nth-child(2) > div:nth-child(1):after,
   .date_panel:hover .date_panel_date_double > div:nth-child(2) > div:nth-child(2):after {
     opacity: 0.95;
     transition: all 0s ease-out;
   }


  .date_panel_time {
    width: calc(24% - 1em);
  }

  .date_panel_main_withCity .date_panel_time {
    width: calc(20% - 1em)
  }


    /*
    .date_panel_date i,
    .date_panel_time i {
      transform: rotate(322deg);
      font-size: 0.75em;
      width: 0.5em;
      position: relative;
      top: -0.1em;
      color: var(--color_gold);
      overflow: hidden;
    }
    */

    /* .date_panel_date span, */
    .date_panel_time span {
      font-size: 1.5em;
      position: relative;
      top: 0.05em;
      color: var(--color_gold);
    }


  .date_panel_type {
    width: calc(21.5% - 1em);
  }

  .date_panel_main_withCity .date_panel_type {
    width: calc(19.5% - 1em)
  }


  .date_panel_icondesc {
    width: calc(5% - 1em);
  }

  .date_panel_main_withCity .date_panel_icondesc {
    display: none;
  }

  .date_panel_expand {
    float: right !important;
  }

    .date_panel_expand > div:nth-child(1) {
      float: left !important;
      line-height: 2.5em;
      margin-right: 0.5em;
    }

    .date_panel_expand > div:nth-child(2) {
      line-height: 1em !important;
      font-size: 2vw;
      position: relative;
      top: 0.2em;
      padding-left: 0 !important;
      float: left !important;
    }

    .date_panel_expand > div:nth-child(2) i {
      color: var(--color_gold);
    }



  .date_panel_button {
  }

  .date_panel_button img {
    height: 2em;
    /* filter: var(--filter_white); */
  }

  .date_panel_button a {
    /* color: white !important; */
  }

  .date_panel_button a {
    /* color: white !important; */
  }

  .date_panel_button {
    float: left;
    width: 50%;
  }

  .date_panel_button:nth-child(2)  {
    font-size: 1.35em;
/*
    margin-top: 2em;
    float: none;
    width: 100%;
*/
  }



  .date_panel_button:nth-child(3) {
/*
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
*/
  }


  .date_panel_column:nth-child(3) > .button_hover a {
    color: var(--color_font_invert);
  }
  .date_panel_column:nth-child(3) > .button_hover img {
    filter: var(--filter_white);
  }
  .date_panel_column:nth-child(3) > .button_hover {
    cursor: pointer;
  }

  .date_panel_button_signup {
    font-size: 1.35em;
    font-weight: 700;
    position: absolute;
    top: calc(50% - 1em);
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 100%; */
    padding: 0.5em;
  }

  .date_panel_button_signup > div {
    width: 100%;
  }


  .date_panel_button_desc {
    position: absolute;
    bottom: 0;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25em;
  }

  .date_panel_button_desc > div:nth-child(1) {
    float: left;
  }

  .date_panel_button_desc > div:nth-child(1) img {
    height: 1.5em;
  }

  .date_panel_button_desc > div:nth-child(2) {
    float: left;
    line-height: 1.5em;
  }







.date_panel_details {
  padding: 1em 2em 1em 2em;
  /* border-top: 1px solid var(--color_gold); */
  border-top: 0.3em solid var(--color_gradient_dark);
  display: none;
}
  .date_panel_details p {
    font-size: inherit;
  }

  .date_panel_details a,
  .date_panel_details a:visited {
    color: var(--color_gold);
  }
  .date_panel_details a:hover {
    color: var(--color_font_invert);
  }


  .date_panel_column {
    float: left;
    width: 33%;
    border: 0px solid #FFFFFF08;
    height: 15em;
    position: relative;
  }

    .date_panel_column:nth-child(3) a {
      color: var(--color_gold);
    }


  .date_panel_place {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
  }

    .date_panel_place > div:nth-child(1) {
      margin-bottom: 0.7em;
    }
    .date_panel_place > div:nth-child(3) {
      font-size: 0.8em;
      margin-top: 0.4em;
    }
    .date_panel_place > div:nth-child(4) {
      font-size: 0.7em;
      margin-top: 0.5em;
    }

  .date_panel_teacherbox {
    height: 100%;
    width: 15em;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    height: 15em;
    position: relative;
  }

  .date_panel_teacherbox_arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2em;
    color: var(--color_gold);
    z-index: 1;
  }

  .teacherbox_arrow_left {
    left: 0.5em;
  }

  .teacherbox_arrow_right {
    right: 0.5em;
  }

  .arrow_disabled {
    cursor: default;
    opacity: 0.3;
  }
  .arrow_disabled a {
    color: var(--color_font_invert) !important;
  }



  .date_panel_teacher {
    /* float: right; */
    /* margin-top: -2.5em; */
    height: calc(100% - 2em);
    display: inline-block;
    margin-right: 1em;
    width: 100%;
    position: relative;
  }
    .date_panel_teacher > div {
      cursor: pointer;
    }

    .date_panel_teacher > div:nth-child(1) {
      height: 100%;
      text-align: center;
      margin: 0 2.5em;
    }

    .date_panel_teacher > div:nth-child(1) > img {
      height: 100%;
      max-width: 100%;
      opacity: 0.7;
    }
    .date_panel_teacher > div:nth-child(2) {
      text-align: center;
      position: relative;
    }

    .date_panel_teacherbox_count {
      font-size: 0.75em;
      position: absolute;
      display: inline-block;
      top: -1.25em;
      right: 3.5em;
      text-shadow: 0px 0px 4px rgb(0 0 0 / 50%), 0px 0px 4px rgb(0 0 0 / 75%), 0px 0px 4px rgb(0 0 0);
    }

    .date_panel_teacher > div:nth-child(3) {
      font-size: 0.75em;
      text-align: center;
    }

    .date_panel_teacher.button_hover > div:nth-child(1) > img {
      opacity: 1;
    }
    .date_panel_teacher.button_hover a {
      color: var(--color_font_invert);
    }

  .date_panel_desc {
    float: left;
    font-size: 0.85em;
    letter-spacing: 2px;
    clear: left;
    text-align: left;
    margin-top: 1em;
    width: 100%;
    line-height: 2em;
  }

  .date_panel_desc > div:nth-child(1) {
    float: left;
    margin-right: 0.75em;
  }

  .date_panel_desc > div:nth-child(2) {
    margin-top: 0.5em;
  }

/*

.date_panel_city {
  float: right;
  margin-left: 1em;
  text-align: left;
  width: calc(33% - 2em);
}

.date_panel_city > div:nth-child(1) {
  float: left;
}

.date_panel_city > div:nth-child(2) {
  padding-left: calc(3vw + 0.75em);
}
.date_panel_city > div:nth-child(3) {
  padding-left: calc(3vw + 0.75em);
}
.date_panel_city > div:nth-child(3) > div {
  font-size: 0.65em;
  margin-top: 0.5em;
  line-height: 1rem;
  letter-spacing: 2px;
}
*/







/*
.icon_m, .icon_l, .icon_xl, .icon_xxl, .icon_xxxl, .icon_auto {
  display: inline-block;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
*/



#dates_trainings_buttons .trainingbutton {
  font-size: 1.5em;
  width: calc(100% / 7 - 0.27vw);
  letter-spacing: 0.75px;
}

#dates_trainings_buttons .trainingbutton > div {
  height: 4em;
}
#dates_trainings_buttons .trainingbutton ~ .trainingbutton {
  margin-left: 0.3vw;
}


.icon_auto { width: 100%; height: 2.5vw; }
.icon_m { width: 3vw; height: 3vw; }
.icon_l { width: 3.5vw; height: 3.5vw; }
.icon_xl { width: 4vw; height: 4vw; }
.icon_xxl { width: 5vw; height: 5vw; }
.icon_xxxl { width: 6.5vw; height: 6.5vw; }

/*
#nearest_icon_coctail { background-image: url('layout/icon_cocktail.svg'); }
#nearest_icon_manager { background-image: url('layout/icon_manager.svg'); }
*/


.trainingbutton {
  float: left;
  background-color: var(--color_gold);
  font-size: 1.75em;
  width: calc((100% / 5) - 1vw);
  cursor: pointer;
  text-align: center;
}

.trainingbutton ~ .trainingbutton {
  margin-left: 1vw;
}

.trainingbutton.button_open {
  background-color: var(--color_gold);
  color: white;
}


  .trainingbutton > div {
    background-color: var(--color_button);
    padding: 0.75em 0.75em 0.90em 0.75em;
    margin-bottom: 0.15em;
  }

  .trainingbutton.button_hover > div {
    background-color: var(--color_button_hover);
    padding-bottom: 0.75em;
    margin-bottom: 0.3em;
  }

  .trainingbutton.button_active > div {
    opacity: 0.75;
  }

  .trainingbutton.button_open img {
    filter: var(--filter_white);
  }

  .trainingbutton a, .trainingbutton a:hover, .trainingbutton a:active, .trainingbutton a:visited {
    color: var(--color_font_invert) !important;
  }

  .trainingbutton > div > div:nth-child(2) {
    margin-top: 0.5em;
    font-size: 0.75em;
    line-height: 1.25em;
  }

  #nearest .trainingbutton > div > div:nth-child(2) {
    height: 2.5em;
  }




#school {

}

  #school_left {
    height: 100%;
    float: left;
    width: 66.6%;
  }

  #school_right {
    /*
border: 1px solid #0000FF30;
    background-color: #0000FF08;
*/
    /* height: 30em; */
    float: right;
    width: calc(33.3% - 2px);
    max-width: 500px;
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
    position: relative;
  }

  #school_right .founder {
    top: -5em;
    width: 60%;
  }

  .school_panel {
    position: relative;
    margin-top: 3em;
  }


    .school_panel_icon {
      float: left;
      display: block;
      margin-right: 3em;
    }

    .school_panel_icon .icon_xxxl {
      height: auto;
    }

    .school_panel_right {
      width: calc(100% - 6.5vw);
      /* font-size: 1.75em; */
      font-size: 1.5em;
      font-weight: 900;
      position: absolute;
      top: 50%;
      /* left: 7vw; */
      left: 5vw;
      transform: translate(0, -50%);

    }

    .school_panel_right > div:nth-child(2) {
      font-size: 0.65em;
      font-weight: 700;
      margin-top: 0.75em;
    }

  .school_panel_right a {
    color: var(--color_gold);
  }





#feedback {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url('layout/bg_feedback.webp');

}

#feedback a, #feedback a:visited {
  color: var(--color_gold);
}

#feedback a:hover {
  color: var(--color_font_invert);
}


#feedback_container {
  padding-top: 0;
  position: relative;
  padding-bottom: 2em;
}

.feedback_counter {
  position: absolute;
  color: var(--color_gold);
  font-size: 2.5em;
  font-weight: 900;
  top: -0.5em;
}



.feedback_prev, .feedback_next {
  position: absolute;
  top: 8em;
}

.feedback_prev {
  left: var(--side_margins);
}

.feedback_next {
  right: var(--side_margins);
}

.feedback_prev.button_disabled, .feedback_next.button_disabled {
  opacity: 0.33;
}

.feedback_prev.button_disabled .button_hover, .feedback_next.button_disabled .button_hover {
  background-color: var(--color_button) !important;
  border-color: var(--color_button) !important;
  border-bottom-color: var(--color_gold) !important;

}


#feedback_container .button i {
  color: var(--color_gold);
  font-size: 3em;
  transform: translate(-50%, -50%) scaleX(1.5);
}

#feedback_container .button_icon_left {
  margin-right: 2em;
}

#feedback_container .button_icon_right {
  margin-left: 2em;
}

#feedback_container .button {
  padding-left: 2em;
  padding-right: 2em;
}





.feedback_top {
  position: absolute;
  top: -5em;
  width: 100%;
  left: 0;
}

.feedback_main {
  padding-top: 8em;
  width: 100%;
}



.feedback_avatar {
  border: 15px solid var(--color_gradient_dark); /* var(--color_gradient_dark); */
  border-radius: 50%;
  /* display: inline-block; */
  float: left;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.feedback_avatar > div {
  border-radius: 50%;
  overflow: hidden;
  width: 10em;
  height: 10em;
  position: relative;
  background-color: white;
}

.feedback_avatar > div > img {
  max-width: 10em;
  max-height: 10em;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.feedback_name {
  display: inline-block;
  padding-top: 0.5em;
  text-align: center;
}

.feedback_name > div:nth-child(1) {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}

.feedback_main > div {
/*
  width: 33.3%;
  float: left;
*/
}

.feedback_main > div:nth-child(1) {
  /* text-align: left; */
}

.feedback_main > div:nth-child(3) {
  /* text-align: right; */
}

.feedback_quote {
  font-size: 16em;
  font-family: Catamaran, Verdana;
  font-weight: 800;
  color: var(--color_gold);
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  height: 0.5em;
  overflow: hidden;
}

.feedback_quote > div {
  font-family: Catamaran, Verdana;
}

.feedback_text {
  margin-top: 1.5em;
  font-size: 1.15em;
  line-height: 1.75em;
  text-align: justify;
}

#feedback_all {
  margin-top: 3em;
}





#media {
  padding-left: 0;
  padding-right: 0;
  background: var(--color_gray_bright);
}


  #media div[u=slides] {
    cursor: default !important;
  }

  #media div[u=slides] img:hover {
    filter: var(--filter_gold);
    cursor: pointer;
  }


/* FOOTER */


#footer {
  height: 11em;
}

  #footer > div {
    float: left;
    width: 33.3%;
    height: 100%;
  }

  #footer_menu {
    position: relative;
  }

    #footer_menu ul {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }


  #footer_center {

  }
    #footer_logo {
      margin-bottom: 0.5em;
    }

      #footer_logo > img {
        height: 4em;
        filter: var(--filter_white);

      }

    #footer_copyright {
      font-size: 0.85em;
      line-height: 1.5em;
      letter-spacing: 1.2px;
    }

  #footer_social {
    position: relative;
  }

    #footer_social_group {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
    }

    #footer_social .minibutton {
      margin-right: 0.5em;
      background: var(--color_gray_dark);;
      border-bottom: 0.15em solid var(--color_gray_dark);
    }

    #footer_social .minibutton:nth-last-child(1) {
      margin-right: 0;
    }


    #footer_social .minibutton.button_hover {
      background-color: var(--color_button_hover);
      border-color: var(--color_button_hover);
    }

    #footer_social .minibutton.button_active {
      background-color: var(--color_button_active);
      border-color: var(--color_button);
    }













  /* TOPMAIN MENU: */
  #maintopmenu ul { display: none; } /* Ukrywaj podmenu */
  #maintopmenu, #maintopmenumenu ul { list-style-type: none; padding: 0px; margin: 0px; } /* Reset stylów list */

  #header_mobile .menu_collapse {
    display: none;
  }

  /* Główny styl menu */
  #maintopmenu {
    height: auto;
    line-height: 1em;
    letter-spacing: 1px;
    display: none;
    position: absolute;
    top: 2em;
    z-index: 10;
    right: 0;
    width: 100vw;
    color: var(--color_font_invert);
    background: var(--color_gradient_dark) 0% 0% no-repeat;
    padding: 0.5em 0;
    border-bottom: 0.3em solid var(--color_gold);
  }

  /* Style wszystkich pozycji */
  #maintopmenu li {
    position: relative;
    padding: 0.25em;
    text-align: center;
  }

  #maintopmenu li[id^="maintopmenu_1"] {
    /* font-size: 0.65em; */
  }

  #maintopmenu > li:first-child { margin-left: 0px; border-left: 0px; }

  /* LINKI: */
  /* Ogólne style wszystkich linków */
  #maintopmenu a {
    text-decoration: none;
    display: block;
    color: inherit;
    padding: 0px 5px;
    border: 1px solid transparent;
    /* text-transform: lowercase; */
  }

  #maintopmenu li[data-type="top"] {
    /* font-size: 0.65em; */
  }

  /* Wygląd najechanej pozycji kategorii*/
  #maintopmenu a:hover,
  #header_mobile .menu_expand:hover {
    color: var(--color_font_invert);
  }

  /* Styl pozycji otwartej podstrony */
  #maintopmenu a.maintopmenu_open {
    font-weight: 700;
    color: var(--color_gold);
  }


  #maintopmenu a::first-letter {
    text-transform: uppercase;
  }

  #maintopmenu_6 a {
    text-transform: none;
  }







  /* TOP MENU: */
  #topmenu ul { display: none; } /* Ukrywaj podmenu */
  #topmenu li:hover > ul { d1isplay: block; } /* Pokaż podmenu */
  #topmenu, #topmenu ul { list-style-type: none; padding: 0px; margin: 0px; } /* Reset stylów list */

  /* Główny styl menu */
  #topmenu {
    height: 1em;
    line-height: 1em;
    display: block;
    float: left;
    letter-spacing: 1px;
  }

  /* Wygląd najechanej pozycji kategorii*/
  #topmenu > li > a:hover {
    color: var(--color_font_invert);
  }

  /* Styl pozycji otwartej podstrony */
  #topmenu > li > a.topmenu_open {
    color: var(--color_font_invert);
  }


  /* Style wszystkich pozycji */
  #topmenu li {
    position: relative;
    margin-left: 1em;
    text-align: center;
    float: left;
  }
  #topmenu > li:first-child { margin-left: 0px; border-left: 0px; }

  /* LINKI: */
  /* Ogólne style wszystkich linków */
  #topmenu a {
    text-decoration: none;
    display: block;
    color: inherit;
    padding: 0px 5px;
    border: 1px solid transparent;
  }



  /* MAIN MENU: */
  #mainmenu ul { display: none; } /* Ukrywaj podmenu */
  #mainmenu li:hover > ul { d1isplay: block; } /* Pokaż podmenu */
  #mainmenu, #mainmenu ul { list-style-type: none; padding: 0px; margin: 0px; } /* Reset stylów list */

  /* Główny styl menu */
  #mainmenu {
    height: 1em;
    line-height: calc(10em - 4em);
    display: block;
    float: left;
    letter-spacing: 1px;
    text-align: left;

  }

  /* Wygląd najechanej pozycji kategorii*/
  #mainmenu > li > a:hover {
    color: var(--color_font_invert);
  }



  #mainmenu > li > a:after
  /* .mainmenu_hover */ {
    position: absolute;
    content: '';
    height: 0.2em;
    bottom: 2em;
    width: 0;
    background: var(--color_gold);
    left: 0;
    transition: all 0.25s ease-in;
  }

  #mainmenu > li > a:hover:after {
    width: 3em;
  }

  #mainmenu > li > a.mainmenu_open:after {
    width: 100%;
  }

  /* Styl pozycji otwartej podstrony */
  #mainmenu > li > a.mainmenu_open {
    color: var(--color_font_invert);
  }

  #mainmenu > li > a:active {
    color: var(--color_gold) !important;
  }

  /* Style wszystkich pozycji */
  #mainmenu li {
    position: relative;
    margin-left: 1.5em;
    text-align: center;
    float: left;
  }
  #mainmenu > li:first-child { margin-left: 0px; border-left: 0px; }

  /* LINKI: */
  /* Ogólne style wszystkich linków */
  #mainmenu a {
    text-decoration: none;
    display: block;
    color: var(--color_font_invert);
    border: 1px solid transparent;
  }








  /* BOTTOM MENU: */
  #bottommenu { list-style-type: none; padding: 0px; margin: 0px; } /* Reset stylów list */

  /* Główny styl menu */
  #bottommenu {
    line-height: 2em;
    display: block;
    letter-spacing: 1px;
    text-align: left;
  }

  /* Wygląd najechanej pozycji kategorii*/
  #bottommenu > li > a:hover {
    color: var(--color_gold);
  }

  /* Styl pozycji otwartej podstrony */
  #bottommenu > li > a.bottommenu_open {
    color: var(--color_gold);
    font-weight: bold;
  }

  #bottommenu > li > a:active {
    color: var(--color_gold) !important;
  }

  /* Style wszystkich pozycji */
  #bottommenu li {
    position: relative;
    margin-left: 1.5em;
  }

  /* LINKI: */
  /* Ogólne style wszystkich linków */
  #bottommenu a {
    text-decoration: none;
    display: block;
    color: var(--color_font_invert);
    border: 1px solid transparent;
  }



#breadcrumb {
  font-weight: 900;
  padding-bottom: 0;
}

#breadcrumb a {
  color: var(--color_gold);
}

#breadcrumb a:hover {
  color: var(--color_font);
}

#breadcrumb i {
  font-size: 0.85em;
  margin: 0 0.5em;
}









#training_desc .trainingbutton {
  width: calc((100% / 4) - 0.8vw);
}

#training_desc .trainingbutton a {
  font-size: 1.25em;
  font-weight: 600;
}

#training_desc h2 {
  margin-top: 0.75em;
}

#training_desc ul,
#training_desc ol {
  font-size: 1.2em;
  font-weight: 700;
}

.training_agenda_tab ul, .training_agenda_tab ol {
  font-size: 1em !important;
  font-weight: 700 !important;
}


.training_desc_tab {
  position: relative;
/*
  float: none;
    display: inline-block;
  white-space: normal;
*/
  width: 100%;
}

.training_desc_tab > div {

}

.training_desc_tabs {
/*
  width: 100%;
  white-space: nowrap;
*/
  overflow: hidden;
  position: relative;
}

#training_desc .trainingbutton.button_open > div {
  background-color: var(--color_button_open);
}

#training_desc .contentstyle {
  width: 100% !important;
  padding: 0 !important;
}






.training_desc_diagrams .diagram {
  width: calc(50% - 5em);
  float: left;
  border: 0;
  padding: 0 1em 3em 1em;
  margin-top: var(--side_margins);
}

  .training_desc_diagrams[data-count="1"] {
    width: 50%;
    margin: 0 auto;
  }

  .training_desc_diagrams[data-count="1"] .diagram {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none;
  }

  .training_desc_diagrams .diagram:nth-child(1) {
    margin-right: 5em;
  }

  .training_desc_diagrams .diagram:nth-child(2) {
    margin-left: 5em;
  }

  .training_desc_diagrams .diagram_bars {
    height: calc(20vw - 1em);
  }

    .training_desc_diagrams .diagram_bar {
      border: 0px solid black;
      background-color: var(--color_gold);
      box-shadow: 8px 6px 20px -3px rgba(164, 164, 183, 0.95);
    }

    .training_desc_diagrams .diagram_desc {
      text-shadow: 4px 4px 5px rgba(164, 164, 183, 0.33);
    }

      .training_desc_diagrams .diagram_bar.diagram_bar_hover {
        box-shadow: 8px 6px 20px -3px rgba(0, 0, 0, 0.95);
        border: 1px solid #585858;
      }
      .training_desc_diagrams .diagram_desc.diagram_bar_hover {
        text-shadow: 4px 4px 5px rgba(164, 164, 183, 1);
      }






.descsection {
  margin-top: 3em;
  line-height: 1.75em;
  letter-spacing: 1px;;
}

.descsection_footer {
  font-size: 0.75em;
}

.descsection p {
  letter-spacing: inherit;
}

.descsection b {
  font-weight: 900;
}

.descsection > div:nth-child(1) {
  float: left;
  width: 5em;
}

.descsection > div:nth-child(1) > img {
  width: 3em;
  height: 3em;
}

.descsection > div:nth-child(1) > div {
  width: 3em;
  height: 3em;
}


.descsection > div:nth-child(2) {
  float: left;
  width: calc(100% - 5em);
}

.descsection > div:nth-child(2) > span {
  font-weight: 700;
}

#training .descsection > div:nth-child(2) p a {
  color: var(--color_font) !important;
}

#training .descsection > div:nth-child(2) p a:hover {
  color: var(--color_gold) !important;
}


#training .descsection > div:nth-child(1) > img {
  width: 6em;
  height: 6em;
}

#training .descsection[data-trainingcode="barmanskie_I_ua"] > div:nth-child(1) > img {
  width: 6em;
  height: 4em;
}

#training .descsection > div:nth-child(2) {
  float: right;
  width: calc(100% - 7em);
  text-align: justify;
}






#training_bigthree {
  padding: 7em 0;
}


.bigthree {
  float: left;
  width: calc(33.33% - 6em);
  cursor: pointer;
  margin: 3em;

}

.bigthree > div:nth-child(2) {
  font-size: 1.25em;
  font-weight: 700;
  margin: 1em 0 0.5em 0;
}

.bigthree > div:nth-child(3) > a {
  font-size: 1.25em;
  font-weight: 700;
  color: var(--color_gold);
}


.bigthree.button_hover > div > a,
.bigthree.button_hover > div > img {
  filter: var(--filter_black);
  transition: all 0.5s ease-in-out;
}
.bigthree.button_hover > div:nth-child(2) {
/*
  color: var(--color_gold);
  opacity: 0.75;
*/
}

.bigthree.button_active > div ,
.bigthree.button_active > div {
  opacity: 0.5;
  transition: 0s;
}






#dates {

}

.selectAnother {
}

.training_title h3 {
  display: inline-block;
}

.training_selected {
  display: inline-block;
  font-size: 1.25em;
  display: none;
  font-weight: 900;
  margin-left: 1em;
}


.training_infolink {
  font-size: 1.25em;
}

.training_change {
  display: inline-block;
  font-size: 1.5em;
  cursor: pointer;
  display: none;
}

.training_change i {
  font-size: 1em;
}



#dates .trainingbutton {



}

#dates .trainingbutton img {

}

#dates_city {
  margin-top: 5em;
  display: none;
}


#polandmap {
  position: relative;
  /* border: 1px solid black; */
  width: 70vw;
  width: 30vw;
  margin: 0 auto;
  opacity: 1;
}

#dates_city #polandmap {
  margin-bottom: 2em;
}


#polandmap_border {
  filter: drop-shadow( -3px -3px 9px rgba(0, 0, 0, .5));
  fill: red;
  opacity: 0.85;
  margin: 1em auto;
  display: block;
  width: 100%;
}

#polandmap:hover {
  opacity: 1;
}

.polandmap_model {
  position: absolute;
  width: 118%;
  height: 106%;
  top: -5%;
  left: -10%;
  opacity: 0.25;
}

#polandmap_country {
  left: 50%;
  font-size: 1.5em;
  position: absolute;
  bottom: -2em;
  font-weight: bold;
  transform: translateX(-50%);
  text-align: center;
  width: 17.5em;
}

#polandmap_country a {
  color: var(--color_font);
}

#polandmap_country a:hover {
  color: var(--color_gold);
}

.polandmap_city_marker {
  position: absolute;
  text-align: center;
}

.polandmap_city_marker i {
  opacity: 0.3;
  font-size: 0.5vw;
  padding: 0.25vw;
}

.polandmap_city_label {
  font-size: 0.8vw;
  font-weight: 700;
  display: inline-block;
/*   border: 1px solid red; */
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  height: 1em;
  padding: 0.2em;
  transform: translate(0%, 55%);
}

#polandmap .button_open {
  color: var(--color_font_invert);
}


.polandmap_city_marker a,
.polandmap_city_marker a:visited {
  color: var(--color_font);
}

.polandmap_city_marker:hover {
  font-weight: 900;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

.polandmap_city_marker:hover i {
  opacity: 0.5;
}

.polandmap_city_marker:active {
  color: var(--color_link_active);
}

.polandmap_city_marker:hover .polandmap_city_label {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.polandmap_city_marker:active .polandmap_city_label {
  color: var(--color_link_active);
}

.polandmap_city_bydgoszcz .polandmap_city_label {
  transform: translate(0%, -55%);
}

.polandmap_city_bialystok .polandmap_city_label {
  transform: translate(-60%, -55%);
}

.polandmap_city_gorzow_wielkopolski .polandmap_city_label {
  transform: translate(0%, -120%);
}

.polandmap_city_katowice .polandmap_city_label {
  transform: translate(0%, -55%);
}

.polandmap_city_rzeszow .polandmap_city_label {
  transform: translate(0%, -55%);
}



#dates_list {
  display: none;
}







#aboutas { }

  #aboutas_founder {
    float: right;
    width: 22% !important;
    padding: 0 0.5em;
  }

  #aboutas_founder img {
    width: 100%;
  }

  #aboutas_founder div {
    text-align: center;
  }

  #aboutas_founder > div:nth-child(2) {
    width: 100%;
    font-weight: 900;
    line-height: 1.25em;
    padding: 0 0.5em;
  }

  #aboutas_founder > div:nth-child(3) {
    width: 100%;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0 0.5em;

  }


  #aboutas .unique_item {
    width: 50%;
    float: left;
    padding: 1em;
    box-sizing: border-box;
  }

    #aboutas .unique_header {
      text-align: center;
    }

    #aboutas .unique_header > div {
      display: inline-block;
    }

      #aboutas h4 {
        float: right;
        font-size: 1.5em;
        font-weight: 800;
        margin-top: 1.25em;
        margin-left: 0.25em;
        color: var(--color_gold);
      }


      #unique_item_h4_book {
        margin-top: 1.5em !important;
      }


    #aboutas .unique_content { }

      .abountas_content_image {
        float: left;
        width: 40%;
      }

















.masonry-wrapper {
  padding: 1.5em;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}
.masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(100px,1fr));
  grid-gap: 10px;
  grid-auto-rows: 0;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px,1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(3, minmax(100px,1fr));
  }
}
.masonry-item, .masonry-content {
  border-radius: 4px;
  overflow: hidden;
}
.masonry-item {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));
  transition: filter .25s ease-in-out;
  /* cursor: pointer; */
}
.masonry-item:hover {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .8));
}
.masonry-footer {
  font-size: .75em;
  opacity: .25;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 3em;
  margin-bottom: -1.5em;
  transition: opacity 1s ease-in-out;
}
.masonry-footer a {
  color: currentColor;
}
.masonry-footer:hover, .masonry-footer:active, .masonry-footer:focus {
  opacity: .75;
}


.masonry img {
  display: block;
  left: 50%;
  position: relative;
  transform: translate(-50%, 0);
}



#subbody[data-mid="16"] #breadcrumb {
  background: transparent;
}


#contact {
  position: relative;
  z-index: -1;
}

#contact_blind {
  /* background-image: url(layout/dust.jpg); */
  position: absolute;
  height: 100%;
  width: 100%;
  margin-top: -10em;
  z-index: -2;
}

#contact_logo {
  float: right;
  position: absolute;
  right: var(--side_margins);
  opacity: 0.35;
  z-index: -1;
}

#contact_logo img {
  width: 33vw;
}







#gallerycats {

}





  .gallerycat_item {
    border: 0.2em solid var(--color_gold);
    background-color: var(--color_gradient_dark);
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url('layout/gallerycat_barmanskie_I.png');
    cursor: pointer;
  }

  .gallerycat_item ~ .gallerycat_item {
    margin-top: 2em;
  }

  .gallerycat_item:hover {
    filter: drop-shadow( -2px -2px 4px rgba(0, 0, 0, .5));
  }

  .gallerycat_item:hover .gallerycat_close {
    color: var(--color_font_invert);
  }

  .gallerycat_item:active {
    filter: drop-shadow( -2px -2px 4px rgba(197, 160, 89, 1));
  }

  .gallerycat_item a, .gallerycat_item a:hover, .gallerycat_item a:visited, .gallerycat_item a:active  {
    color: inherit !important;
  }


  .gallerycat_item > div > div {
    float: left;
  }


  .gallerycat_item > div {
    background-color: #000000ad;
    z-index: 1;
  }

  .gallerycat_item > div {
    z-index: 2;
    font-size: 2em;
  }

  .gallerycat_item > div > div:nth-child(1) {
    padding: 0.75em;
    width: 2em;
    height: 2em;
  }

  .gallerycat_item > div > div:nth-child(1) img {
    width: 100%;
    height: 100%;
  }

  .gallerycat_item > div > div:nth-child(2) {
    width: calc(100% - 2em - 1.5em - 2.5em);
    color: var(--color_font_invert);
    letter-spacing: 1px;
    font-weight: 500;
    font-family: Catamaran, Verdana;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.25), 0px 0px 3px rgba(0,0,0,0.50), 0px 0px 3px rgba(0,0,0,0.75);
    line-height: 2em;
    padding: 0.75em 0;
  }

  .gallerycat_close {
    width: 1em;
    color: var(--color_gold);
    font-size: 1.75em;
    line-height: 2em;
    opacity: 0.85;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.25), 0px 0px 3px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,0.75);
    /* display: none; */
  }



#team {


}


#team p,
#teacher p {
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
}


.team_person {
  float: left;
  width: calc(100% / 3 - 1em);
  margin-bottom: 5em;
  /* margin-left: 1em */;
  padding: 0.5em;

}
.team_person:hover {
  box-shadow: 0px 0px 5px 0px #00000030;
}

.team_person:hover .team_person_photobox {

}

.team_person:hover .team_person_photobox img {

/*
  width: 110%;
  top: -5%;
  left: -5%;
*/
}

.team_person:nth-child(3n+1) {
  /* margin-left: 0;  */
  clear: left;
}


.team_person_photobox {
  position: relative;
  overflow: hidden;
  height: 16vw;
  cursor: pointer;

}

.team_person_photobox_avatar {

}

.team_person_photobox > div {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 1em;
  background-color: var(--color_background_black);
  font-size: 1.25em;
  font-weight: 700;
  color: var(--color_font_invert);
}

.team_person_photobox a {
  color: inherit !important;
}

.team_person_photobox img {
  width: 100%;
  position: relative;
}

.team_person_lead {
  margin-top: 2em;
  text-align: justify;
  line-height: 1em;
  margin-bottom: 1em;
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: Lato;
  line-height: 1.5em;
}

.team_person_readmore a {
  font-weight: 900;
  font-size: 1.2em;
}



#teacher {

}

.teacher_lead,
.teacher_desc {
  text-align: justify;
  line-height: 1em;
  margin-bottom: 1em;
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: Lato;
  line-height: 1.5em;
}


.teacher_lead {
  font-weight: 900;
}

.teacher_desc {

}

.teacher_avatar {
  float: right;
  width: 30%;
  text-align: right;
  padding-bottom: 1em;
}

.teacher_photo_horizontal .teacher_avatar {
  width: 45%;
}

.teacher_photo_horizontal .teacher_lead {
  width: 55%;
}

.teacher_photo_horizontal .teacher_desc {
  width: 100%;
  clear: right;
}

.teacher_avatar img {
  width: 90%;
  height: 90%;
}

.teacher_trainings {
  margin-top: 5em;
}

  .teacher_trainings h3 {
    margin-bottom: 0.5em;
  }

  .teacher_trainings > div {
    font-size: 1.5em;
  }


  .teacher_trainings > div > ul {
    list-style-type: none;
    padding-left: 0 !important;
  }

    .teacher_trainings_training {
      float: left;
      padding-right: 2em;
      width: calc(33% - 2em);
    }

      .teacher_trainings_training > div {
        font-weight: bold;
      }

        .teacher_trainings_training > div > img {
          height: 1em;
        }

      .teacher_trainings_training > ul {
        margin: 0.5em 0 1em 0;
        list-style-type: none;
        padding-left: 0.5em !important;
      }

        .teacher_trainings_date {
          font-size: 0.75em;
          margin-top: 0.3em;
        }

          .teacher_trainings_date a, .teacher_trainings_date a:visited {
            color: var(--color_font);
          }

          .teacher_trainings_date a:hover {
            color: var(--color_gold);
          }

          .teacher_trainings_date a:active {
            color: var(--color_font_active);
          }

          .teacher_trainings_date a i {
            /* display: none; */
            /* font-size: 0.75em; */
            color: var(--color_gold);
          }

          .teacher_trainings_date a:hover i {
            display: inline;
          }



#faq {
  font-size: 1.2em;
  letter-spacing: 1px;
}



.faq_q {
  font-weight: 900;
  padding-left: 1em;
  cursor: pointer;
}

.faq_q:before {
  content: '+';
  float: left;
  text-indent: -1em;
  top: 0.2em;
  position: relative;
  color: var(--color_gold);
  /* cursor: pointer */;
}

.faq_q.button_open:before {
  content: '-';
}


.faq_a {
  /* display: none; */
  padding-left: 3em;
  padding-bottom: 1em;
}

.faq_q p,
.faq_a p {
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}




#medialist {


}


.medialist_item {
  padding: 2em;
  margin: 1em -2em;
  border: 1px solid transparent;
}

.medialist_image {
  width: 12.5em;
  float: left;
  text-align: center;
}

.medialist_image img {
  max-width: 100%;
  max-height: 5em;
  filter: var(--filter_gold);
}


.medialist_right {
  width: calc(100% - 12.5em - 1em);
  float: left;
  margin-left: 3em;
  font-size: 1.25em;
  position: relative;
  box-sizing: border-box;
  padding-right: 2.5em;
}

.medialist_lead {
  margin-bottom: 2em;
  font-weight: bold;
  font-style: italic;
  position: relative;
  text-align: justify;
  display: inline-block;
}

.medialist_lead_quote_left,
.medialist_lead_quote_right {
  font-weight: bold;
  font-size: 3em;
  position: absolute;
  color: var(--color_gold);
  opacity: 0.5;
}

.medialist_lead_quote_left {
  left: -0.5em;
  bottom: -1em;
}

.medialist_lead_quote_right {
  right: -0.5em;
  top: -0.25em;
  text-align: right;
}

.medialist_link {
  font-weight: 900;
  font-size: 1.25em;
  position: absolute;
  right: 0;
  float: right;
  bottom: 0;
}

.medialist_item:hover {
  background-color: var(--color_background_gold);
  border: 1px solid var(--color_bgborder_gold);
  border-radius: 10px;
}

.medialist_item:hover img {
  /* filter: drop-shadow(2px 1px 5px black); */
  filter: var(--filter_gold) drop-shadow(0px 0px 8px #00000040);
  filter: invert(1);
}

.medialist_item:hover .medialist_link a {
  color: var(--color_font);
}

.medialist_item:hover .medialist_lead_quote_left,
.medialist_item:hover .medialist_lead_quote_right {
  opacity: 1;
}

.medialist_viewer {
  background-color: var(--color_background_gold);
  border: 1px solid var(--color_bgborder_gold);
  padding: 2em;
  max-width: 75%;
  width: max-content;
  margin: 0 auto 5em auto;
  position: relative;
}

.medialist_viewer_close {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  font-size: 1.5em;
}

.medialist_viewer img {
  /* width: 100%; */
}


.medialist_viewer_page {
  width: 13.5em;
  height: 10em;
  margin: 0 2em 0 0;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  border: 1px solid var(--color_gold);
  opacity: 0.65;
  float: left;
  cursor: pointer;
}

.medialist_viewer_page.button_active {
  opacity: 1;
  border-color: var(--color_button);
}

.medialist_viewer_page img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.medialist_viewer_zoom {
  display: none;
  cursor: zoom-out;
  position: relative;
/*
  margin-top: 2em;
  border: 3px solid var(--color_gold);
*/
}

.medialist_viewer_zoom img {
  position: absolute;
  width: calc(100vw - 50px);
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -25%);
  border: 5px solid var(--color_gold);
}


.medialist_viewer_zoom_close {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  font-size: 3em;
  color: var(--color_gold);
  text-shadow: 1px 2px 5px #000000;
}


.medialist_viewer_zoom_close:hover {
  color: var(--color_font_invert);
  cursor: pointer;
}














#signup_date {
  display: none;
}




#signup_dates_container {
  /* display: none; */
  position: relative;
/*
  position: absolute;
  z-index: 5;
  top: 0;
  height: 15vw;
*/
}


.signup_caption {
  font-size: 2em;
  font-family: 'Catamaran', Verdana;
  font-weight: 900;
  margin-top: 2em;
  margin-bottom: 0.25em;
}


.signup_subcaption {
  font-size: 1.25em;
  font-family: 'Catamaran', Verdana;
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 0.25em;
}


#signup_dates_container h3 {

}

#signup_dates_list_left {
  float: left;
  width: 60%;
}


#signup_dates_list_instruction {
  float: right;
  width: calc(40% - 2em);
}

#signup_dates_list_instruction .contentstyle {

}

#signup_dates_list_instruction p:nth-child(1) {
  /* margin-bottom: 0; */
}

#signup_dates_list_instruction ul {
  font-size: 1em;
}


#signup_dates_list_right {
  float: right;
  width: calc(40% - 2em);
  /* border: 1px solid var(--color_gold); */
  display: none;
  line-height: 1.75em;
}

#signup_dates_list_right .signup_caption {
  /* margin-top: 0; */
}

.signup_preview_localization > div:nth-child(2) {
  float: left;
  border: 0px solid black;
  width: 7em;
  height: 7em;
}

.signup_preview_localization > div:nth-child(3) {
  float: right;
  padding-top: 0.5em;
  border: 0px solid black;
  width: calc(100% - 7.5em);
}

.signup_preview_localization > div:nth-child(3) > div {
  font-size: 1.25em;
}


.signup_preview_localization > div:nth-child(3) > div:nth-child(1) {
  font-weight: 900;
}


#signup_dates_list_right #polandmap {
  width: 80%;
}

#signup_dates_list_right #polandmap > div {
  margin-top: -1em;
  margin-left: -0.5em;
}

#signup_dates_list_right #polandmap_border {
  filter: drop-shadow( -2px -2px 5px rgba(0, 0, 0, 0.2));
  margin: 0;
}


#signup_dates_list_right #polandmap a {
  cursor: default;
}

#signup_dates_list_right #polandmap > div {

}

#signup_dates_list_right #polandmap > div i {
  opacity: 0;
  font-weight: 900;
  text-shadow: 0px 0px 3px rgb(0 0 0);
}


#signup_dates_list_right #polandmap > div div {
  display: none;
}



#signup_dates_list_container {
  position: relative;
}

#signup_dates_list {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  background-color: var(--color_button);
  color: var(--color_font_invert);
  max-height: calc(20em + 6 * 2px);
  overflow-y: auto;
  cursor: pointer;
}


.signup_dates_arrow {
  color: var(--color_gold);
  font-size: 2.5em;
  position: absolute;
  right: 1em;
  cursor: pointer;
}

.signup_dates_arrow_up {
  top: -1em;
}

.signup_dates_arrow_down {
  bottom: -1em;
}

.signup_dates_arrow.button_disabled {
  color: var(--color_gold_shadow);
}


.signup_dates_list_fade_container {
  background-color: var(--color_gold);;
  width: 100%;
  padding: 0.5em;
}

.signup_dates_list_fade {

}

.signup_dates_list_fade > div {
  float: left;
  text-align: center;
  font-size: 2em;
  box-sizing: border-box;
}

.signup_dates_list_fade > div:nth-child(1) {
  width: 50%;
  border-right: 1px solid var(--color_button);

}
.signup_dates_list_fade > div:nth-child(2) {
  width: 50%;
  border-left: 1px solid var(--color_button);
}



#signup_dates_list > li {
  border: 1px solid black;
  padding: 0.75em 0.5em;
}

#signup_dates_list > li > div {
  float: left;
  margin: 0 0.5em;
}

#signup_dates_list > li > div:nth-child(1) {
  width: 15em;
  text-align: right;
  color: var(--color_gold);
}

#signup_dates_list > li > div:nth-child(2) {
  /* width: 20em; */
  text-align: left;

}

.date1, .date2 {
  white-space: nowrap;
}

.date1 > span,
.date2 > span {
  color: var(--color_gold);
  font-weight: 900;
}



#signup_dates_list li:hover {
  background-color: var(--color_button_hover);
  border: 1px solid var(--color_gold);
}

#signup_dates_list li:active {
  background-color: var(--color_gold_shadow);
  border: 1px solid var(--color_gold);
}



#signup_dates_list .combobox_selected {
  background-color: var(--color_gold) !important;
  border: 1px solid var(--color_gold);
}

#signup_dates_list .combobox_selected > div:nth-child(1) {
  color: var(--color_font);
}

#signup_dates_list .combobox_selected .date1 > span,
#signup_dates_list .combobox_selected .date2 > span  {
  color: var(--color_font);
  font-weight: 700;
}

.date2:before {
  content: 'oraz';
  padding-right: 0.5em;
  color: var(--color_gold);
}

#signup_dates_list .combobox_selected .date2:before {
  color: var(--color_font);
}



.signup_loaddata_id {
  display: none;
}

.signup_loaddata_dates > span {
  font-weight: 800;
  font-size: 1.25em;
}

.signup_loaddata_city {
  text-align: center;
  font-weight: 700;
  line-height: 1.25em;
}

.signup_loaddata_time {
  font-weight: 800;
  /* font-size: 1.25em; */
}


#signup_dates_btnselect {
  line-height: 1em;
  margin-top: 1em;
  font-size: 1.25em;
}

#signup_dates_btnselect .button {
  padding: 0.75em 6em;
}


.signup_date_change {
  font-size: 0.75em;
}

#signup_form {
  display: none;
  margin-top: 4em;
}


#signup_showerror {
  margin: 2em 0;
  color: var(--color_gold);
  text-align: center;
  font-size: 1.25em;
  font-weight: 900;
}

#signup_result {
  margin: 4em 0;
  text-align: center;
  font-size: 1.25em;
  display: none;
}

.signup_result_ok {

}

.signup_result_ok > p:nth-child(1),
.signup_result_error > p:nth-child(1) {
  font-weight: 900;
}




.classicform_labeledinput,
.classicform_doublelabeledinput {
  position: relative;
}

.classicform_labeledinput input,
.classicform_labeledinput textarea {
  padding: 0.25em 0.25em 0.25em 2em;
}

.classicform_doublelabeledinput input {
  padding: 0.25em 0.25em 0.25em 2em;
}


.classicform_labeledinput > label,
.classicform_doublelabeledinput > label:first-child {
  position: absolute;
  left: 7px;
  top: 4px;
  color: black;
}

.classicform_doublelabeledinput > label {
  position: absolute;
  right: -50px;
  top: 4px;
  color: black;
}

.classicform_labeledinput > label > i,
.classicform_doublelabeledinput > label > i {
  font-size: 18px;
}

.classicform_doublelabeledinput .combobox_selected {
  font-weight: bold;
}




.signup_fullwidth {
  width: 100%;
  clear: both;
}

.signup_column {
  float: left;
  width: calc(50% - 0.5em);
}

.signup_width75 {
  float: left;
  width: calc(75% - 0.5em);
}

.signup_width66 {
  float: left;
  width: calc(66.6% - 0.5em);
}

.signup_width25 {
  float: left;
  width: calc(25% - 0.5em);
}

.signup_width33 {
  float: left;
  width: calc(33.3% - 0.5em);
}




.signup_column, .signup_fullwidth {
  margin-bottom: 1em;
}



.signup_column:nth-child(2n) {
  float: right;
}

.signup_column_message {
  width: calc(100% - 305px - 1em);
}


.signup_column_captcha {
  width: 305px !important;
}



#signup_form input,
#signup_form textarea {
  background-color: var(--color_button);
  color: var(--color_gold);
  width: 100%;
  box-sizing: border-box;
  font-size: 1.5em;
}

#signup_form textarea {
  height: 5em;
}


#signup_form input::placeholder,
#signup_form textarea::placeholder {
  font-family: Lato;
  font-size: 0.85em;
  color: var(--color_placeholder);
}

#signup_form textarea::placeholder {
  padding-top: 0.15em;
}


#signup_submit,
#signup_cancel {
  padding: 0.5em;
  cursor: pointer;
  font-weight: 700;
}

#signup_form label {
  color: var(--color_gold);
  font-size: 2em;
}

#signup_form label img {
  width: 1em;
  height: 1em;
}













@media screen and (max-width: 960px) {
  #signup_dates_container h3 {
    font-size: 1.75em;
  }

  #signup_dates_list_instruction {
    float: none;
    width: auto;
  }

  #signup_dates_list_left {
    float: none;
    width: auto;
  }

  #signup_dates_list {
    height: calc(18.5em + 6 * 2px);

    float: none;
  }

  #signup_dates_list > li > div {
    float: none;
  }

  #signup_dates_list > li > div:nth-child(1) {
    width: auto;
    text-align: left;
    margin-bottom: 0.25em;
  }

  #signup_dates_list_right {
    float: none;
    width: auto;
    margin-top: 1em;
  }

  #signup_dates_btnselect .button {
    display: block;
    text-align: center;
    padding: 0.75em 2em;
  }

  #signup_dates_btnselect .button a {

  }

  .signup_column {
    float: none;
    width: auto;
  }
  .signup_column:nth-child(2n) {
    float: none;
    width: auto;
  }


  .signup_column_message {
    width: 100%;
  }


  .signup_column_captcha {
    margin: 0 auto 1em auto;
  }

}





















#funding {


}

#funding > div {
  margin-bottom: 2.5em;

}




#funding_steps {

}

#funding_steps > div {
  text-transform: uppercase;
  float: left;
  width: calc(100% / 3 - 8em);
  margin: 2em;
  background-color: #D9D9D9;
  padding: 2em;
  height: 6em;
}


#funding_steps > div > h6 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.75em;
  font-size: 0.85em;
}

#funding_steps > div > p {
  font-weight: normal;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.25em;
  font-stretch: 75%;
}

#funding_steps div.clear {
  height: 0 !important;
}

.funding_steps_autoheight > div {
  height: auto !important;
}


#funding_logos {
  text-align: center;

}

#funding_logos > div {
  float: left;
  width: calc(100% / 3);
}

#funding_logos > div > img {
  height: 5em;
}



#funding_formdiv {
/*
  width: calc(100% - 40em);
  display: block;
  margin: 0 auto;
  clear: both;
*/
}









.contactForm, .contactForm_result {
  background-color: #D9D9D9;
  padding: 2.5em;
  width: 40em;
  display: block;
  margin: 0 auto;
}

.contactForm_showerror {
  color: #C06;
  text-align: center;
  font-weight: bold;
}

.contactForm_result {
  display: none;
  text-align: center;
}



.contactForm_row {
  margin-bottom: 1.5em;
}

.contactForm_title {
  float: left;
  width: calc(30% - 2em);
  padding-right: 2em;
  text-align: left;
  font-size: 0.9em;
}

.contactForm_field {
  width: 70%;
  float: left;
}

.contactForm_field div:nth-child(2) {
  margin-top: 0.5em;
}


.contactForm_field_radios {
  background-color: white;
  width: 100%;
  border: 1px solid black;
}


.contactForm_field_radios > label {
  display: block;
}


.contactForm input:is([type="text"], [type="tel"], [type="email"], [type="number"]),
.contactForm select,
.contactForm option {
  font-size: 1em;
  padding: 0.2em;
  width: 100%;
  box-sizing: content-box;
  border: 1px solid black;
}

.contactForm_btn {
  text-align: center;
}


.contactForm_btn > input {
  font-size: 1em;
}



@media screen and (max-width: 960px) {


  .contactForm {
    padding: 2.5em;
    width: calc(100% - 5em);
    margin: 0;
  }


  .contactForm_title {
    float: none;
    width: calc(100% - 0em);
    padding: 0em;
    font-size: 0.8em;
  }

  .contactForm_field {
    width: 100%;
    float: none;
  }

  .contactForm_field_radios > label {
    font-size: 0.9em;
    letter-spacing: 0.1em;
  }

  .contactForm_field_radios > label > span {
    top: -0.3em;
    position: relative;
  }









  #funding_steps > div {
    text-transform: uppercase;
    float: left;
    width: calc(100%  - 2em);
    margin: 1em 0;
    padding: 1em;
    height: 5em;
  }


  #funding_steps > div > h6 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.75em;
    font-size: 0.85em;
  }

  #funding_steps > div > p {
    font-weight: normal;
    text-align: center;
    font-size: 0.75em;
    line-height: 1.25em;
    font-stretch: 75%;
  }

  #funding_steps div.clear {
    height: 0 !important;
  }





  #funding_logos > div {
    float: left;
    width: calc(100% / 2);

  }

  #funding_logos > div > img {
    height: auto;
    max-width: 7.5em;
  }

  #funding_logos > div:nth-child(2) > img {
    max-width: 5.5em;
  }



}




















@media screen and (min-width: 961px) {

  #maintopmenu {
    display: none !important;
  }

}




@media screen and (max-width: 960px) {


  h2 {
    font-size: 4.75em;
    margin-bottom: 10vw;
  }

  p {
    letter-spacing: 1.2px;
  }

  .panel_content p {
    text-align: justify;
  }


  .icon_auto { width: 100%; height: 3.5vw; } /* + */
  .icon_m { width: 4vw; height: 4vw; }  /* + */
  .icon_l { width: 3.5vw; height: 3.5vw; }
  .icon_xl { width: 5vw; height: 5vw; }  /* + */
  .icon_xxl { width: 5vw; height: 5vw; }
  .icon_xxxl { width: 6.5vw; height: 6.5vw; }




  #header {
    height: 10em;
  }

  #header_mobile {
    display: block;
    font-size: 2em;
    position: relative;
    background: var(--color_gradient_dark) 0% 0% no-repeat;
    height: 2em;
    text-align: right;
  }

  #header_mobile .menu_expand,
  #header_mobile .menu_collapse {
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  #header_top {
    display: none;
  }

  #header_main {

  }





  .gap > div {
    width: 3em;
    height: 2em;
    top: -1em;
    display: none;
  }



  #about_left {
    width: 100%;
    float: none;
    width: 100%;
  }

    #about_left h2 {
      width: calc(100% - 30vw);
    }

    #about_left .button {
      margin-right: auto;
    }


  #about_right {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
  }

  #about_logo {
    display: none;
  }

  #about_shaker {
    height: 30vw;
    width: 30vw;
    top: 0;
    right: var(--side_margins);
  }

  .school_panel {
    margin-top: 3.5em;
  }


  #slider_bg {
    /* display: none; */
    overflow: hidden;
    position: relative;
  }

  #slider_img {
    height: auto;
    width: 120%;
    position: relative;
    left: -10%;
  }

  #subbody[data-mid="5"] #slider_img {
    width: 115%;
    left: 0;
    left: -7%;
  }

  #subbody[data-mid="42"] #slider_img {
    width: 115%;
    left: 0;
    left: -7%;
  }

  .slider_img_title {
    font-size: 0.75em;
  }

  #media {
    /* display: none; */
  }



  #topmenu,
  #mainmenu {
    display: none;
  }

  #header_mobile .menu_expand {
    display: block;
  }


  #bottommenu li {
    margin-left: 0;
  }







  .nearest_column {
    float: none;
    width: calc(100% - var(--side_margins));
    margin-bottom: 3em;
  }

  .nearest_title > div:nth-child(1) > img {
    width: 7.5vw;
    height: 7.5vw;
  }

  .nearest_panel {
    margin-top: 0.75em;
    padding: 0.25em 0.75em;
  }

  .nearest_panel.button_hover {
    padding-bottom: 0.15em;
  }

  #nearest h3 {
    margin: 0.5em 0 0.5em 0;
  }

  .nearest_panel_date {
    width: 100%;
    margin: 0.2em 0.5em 0.2em 0;
    /* float: none; */
  }

    .nearest_panel_date > div:nth-child(2) {
      line-height: normal;
      padding-left: calc(3vw + 0.7em);
      position: relative;
      top: auto;
      transform: none;
    }

    .nearest_panel_dbldates .nearest_panel_date > div:nth-child(2) > div:nth-child(1) {
      float: left;
      margin-right: 0.5em;
    }

    .nearest_panel_dbldates .nearest_panel_date > div:nth-child(2) > div:nth-child(1):after {
      content: ',';
    }

    .nearest_panel_dbldates .nearest_panel_date > div:nth-child(2) > div:nth-child(2) {
      float: left;
    }

    .nearest_panel_date .icon_m {
      width: 4.5vw;
      height: 4.5vw;
      margin-top: 0.1em;
    }

  .nearest_panel_city {
    width: 100%;
    margin: 0.2em 0;
  }

    .nearest_panel_city > div:nth-child(2) {
      line-height: normal;
      /* padding-left: calc(3vw + 0.7em); */
      padding-left: 1.5vw;
      float: left;
    }

    .nearest_panel_city .icon_m {
      width: 4.5vw;
      height: 4.5vw;
      /* margin-top: 0.1em; */
    }

    .nearest_panel_city > div:nth-child(3) {
      /* display: none; */
      float: right;
    }


    .nearest_panel_city > div:nth-child(3) > div {
      line-height: 1.5rem;
    }


  .trainingbutton {
    float: none;
    width: 100%;
    margin-bottom: 0.5em;
    height: 1.55em;
  }

  .trainingbutton > div {
    padding: 0.25em 0.25em 0.90em 0.25em;
    height: 0.3em;
  }

  .trainingbutton > div > div:nth-child(1) {
    float: left;
    width: 1.5em;
  }

    .trainingbutton > div > div:nth-child(1) > img {
/*
      height: 4vw;
      background-color: yellow;
*/
    }

  .trainingbutton > div > div:nth-child(2) {
    float: left;
    width: calc(100% - 2em);
    height: 1em !important;
    text-align: left;
    margin-top: 0;
  }

  .trainingbutton ~ .trainingbutton {
    margin-left: 0;
  }



  #school_right {
    float: none;
    width: 100%;
    margin: 0 auto 2em auto;
    /* display: block; */
  }

  #school > .founder.mobile_show {
    width: 30%;
    padding: 0 0.5em;
    position: absolute;
    left: auto;
    right: 1em;
    transform: none;
  }


  #school_left {
    float: none;
    width: calc(100% - var(--side_margins));
    text-align: center;
  }

    #school_left .button {
      margin: 0 auto;
      /* display: block; */
    }

  .school_panel .icon_xl {
    width: 7vw;
    height: 7vw;
  }

  .school_panel_right {
    left: 9vw;
  }



  #feedback_container .button a {
    display: none;
  }

  #feedback_all {
    margin-top: 1em;
  }

  #feedback_container {
    padding-bottom: 1em;
  }

  #feedback h2 {
    margin-bottom: 20vw;
  }

  .feedback_next {
    position: absolute;
    z-index: 2;
    /* display: none; */
  }





  #subbody[data-mid='15'] #slider {
    display: none;
  }


  #book_left img {
    width: 43vw;
    left: -6vw;
    top: -2vw;
  }


  #book_right {
    float: none;
    width: 100%;
  }

  #book_right h2 {

  }





  #footer {
    height: auto;
  }

  #footer_logo {
    /* display: none; */
  }

  #footer > div {
    height: auto;
    width: 100%;
    float: none;
    /* display: inline-block; */
  }

  #footer_menu {
    margin-bottom: 1em;
    font-size: 0.85em;
  }

  #footer_menu ul {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    text-align: center;
  }

  #footer_social_group {
    display: none;
  }






  .bigthree {
    float: none;
    width: 100%;
    margin: 3em 0;
  }

  .bigthree:nth-last-child(2) {
    margin-bottom: 0;
  }

  .bigthree img {
    width: 10vw;
    height: 10vw;
  }

  #training_bigthree {
    padding: 2em 0;
  }


  #breadcrumb {
    font-size: 1.5em;
    padding-bottom: 0.5em;
  }

  #breadcrumb a {
    line-height: 2em;
  }



  /* Szkolenia */

  #training .descsection > div:nth-child(1) > img {
    width: 4em;
    height: 4em;
  }

  #training .descsection[data-trainingcode="barmanskie_I_ua"] > div:nth-child(1) > img {
    width: 4em;
    height: 3em;
  }

  #training .descsection > div:nth-child(2) {
    width: calc(100% - 5em);
  }

  #training .descsection h3 {
    font-size: 1.85em;
  }

  #training .descsection h3 i {
    display: none;
  }


  /* Szkolenie */


  #training_desc .descsection > div:nth-child(1) {
    width: 4em;
  }

  #training_desc .descsection > div:nth-child(2) {
    width: calc(100% - 4em);
  }

  #training_desc .trainingbutton {
    width: 100%;
    font-size: 2.25em;
  }

  #training_desc .trainingbutton > div > div:nth-child(1) > img {
   /* width: 1em;
    height: 1em;
     background-color: orange; */
  }

  #training_desc h2 {
    margin-top: 0.25em;
    font-size: 4.4em;
  }


  .training_desc_diagrams {
    margin-top: 5em;
  }

  .training_desc_diagrams {
    width: 95% !important;
    margin: 0 auto;
  }

  .training_desc_diagrams .diagram {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin-bottom: calc(var(--side_margins) * 2);
  }

    .training_desc_diagrams .diagram:nth-child(1) {
      margin-right: 0;
    }
    .training_desc_diagrams .diagram:nth-child(2) {
      margin-left: 0;
    }
    .training_desc_diagrams .diagram:nth-last-child(2) {
      margin-bottom: 0;
    }


    .training_desc_diagrams .diagram_desc {
      text-align: left;
      writing-mode: vertical-rl;
      text-orientation: mixed;
    }

    .training_desc_diagrams .diagram_desc div {
      position: relative;
      left: -50%;
      transform: translateX(50%);
    }


  /* Temriny szkoleń */


  #dates_trainings_buttons .trainingbutton {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 0.5em;
    font-size: 2.5em;
  }

  #dates_trainings_buttons .trainingbutton > div {
    height: 0.2em;
  }

  #polandmap {
    width: 90vw;
  }

  #dates_city #polandmap {
    margin-bottom: 5em;
  }

  .polandmap_city_marker i {
    font-size: 1.5vw;
  }

  .polandmap_city_label {
    font-size: 2.5vw;
  }

  .trainingbutton > div > div:nth-child(1) > img {
    /*
height: 5.5vw;
    background-color: red;
*/
  }


  .date_panel_main > div {
    float: none;
    width: 100%;
    margin: 0;
  }

  .date_panel_main > div > div:nth-child(2) {
    line-height: 1em;
  }

  .date_panel_city {
    font-weight: 700;
  }

  .date_panel_city:after {
    content: "\8226";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }

  .date_panel_main > div > div:nth-child(1) {
    position: relative;
    top: -0.2em;
  }

  .date_panel_main > div.date_panel_expand > div:nth-child(1) {
    top: 0;
  }

  .date_panel_icondesc {
    float: right !important;
    width: 2em !important;
  }

  .date_panel_date > div:nth-child(2) > div {
    float: left;
    margin-top: 0 !important;
  }

  .date_panel_date_double > div:nth-child(2) > div:nth-child(1) {
    margin-right: 0.75em;
  }

  .date_panel_date_double > div:nth-child(2) > div:nth-child(1):after {
    content: ',' !important;
    color: var(--color_gold);
    font-size: 1em;
    letter-spacing: 0;
    font-weight: 700;
    display: inline-block !important;
    margin-left: 0;
    opacity: 0.95;
  }

  .date_panel_date_double > div:nth-child(2) > div:nth-child(2):after {
    content: '' !important;
  }

  .date_panel_date:after {
    content: "\8226";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }

  .date_panel_main > div  {
    margin-top: 0.5em;
    width: 100%;
  }

  .date_panel_main > div:nth-child(1) {
    margin-top: 0;
  }

  .date_panel_icondesc {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    text-align: right !important;
    margin-top: 0 !important;
  }

  .date_panel_main > div:nth-last-child(3) {
    /* margin-bottom: 0 !important;  */
  }

  .date_panel_time {
    clear: left;
    float: left !important;
    width: auto !important;
  }

  .date_panel_time > div:nth-child(1) {
    margin-top: 0.2em;
  }

  .date_panel_type {
    clear: left;
    float: left !important;
    width: auto !important;
  }

  .date_panel_main > div:nth-last-child(2) {
    margin: 0;
  }

  .date_panel_expand {
    width: auto !important;
    font-size: 0.76em;
    margin-top: 1em !important;
  }

  .date_panel_expand > div:nth-child(1) {
    line-height: 1em;
    margin-right: 0.2em;
  }

  .date_panel_expand > div:nth-child(2) {
    font-size: 3vw;
    top: 0;
  }

  .date_panel_details {
    padding: 1em 1em 1em 1em;
  }

  .date_panel_details .icon_m {
    width: 6vw;
    height: 6vw;
  }

  .date_panel_column {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 1.5em;
    font-size: 1.25em;
  }

  .date_panel_column:nth-child(1) {
    margin-top: 0;
  }

  .date_panel_place {
    position: relative;
    top: 0;
    transform: none;
  }

  .date_panel_button_signup {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    float: right;
    padding: 0;
  }

  .date_panel_button_desc {
    left: 0;
    transform: none;
    float: left;
  }

  .date_panel_button_desc > div:nth-child(2) {
    margin-left: 0.35em;
  }

  .date_panel_desc {
    margin-top: 2em;
  }

  .date_panel_desc > div:nth-child(2) {
    margin-top: 0;
  }







  .team_person {
    float: none;
    width: auto;
  }

  .team_person_photobox {
    height: 50vw;
  }







  .teacher_avatar {
    width: 38%;
  }

  .teacher_trainings_training {
    float: left;
    width: 100%;
    font-size: 1.25em;
    padding-right: 0;
  }

    .teacher_trainings_training > div {
      font-size: 0.8em;
    }

      .teacher_trainings_training > div > a {
        display: inline-block;
      }

  .teacher_trainings_date {
    margin-top: 0.5em;
  }






  .medialist_item {
    margin: 1em 0 0 0;
    padding: 0;
  }


    .medialist_image {
      float: none;
      width: auto;
    }

    .medialist_right {
      float: none;
      width: auto;
      margin-bottom: 3em;
      font-size: 1.5em;
      margin-left: 1em;
      padding-right: 1.5em;
      position: relative;
    }

      .medialist_lead {
        margin-top: 1em;
        margin-bottom: 1em;
        font-weight: normal;
      }

      .medialist_link {
        /* position: relative; */
        float: none;
        /* right: auto; */
        bottom: -0.5em;
        text-align: center;
        font-size: 0.9em;

      }


    .medialist_image img {
      max-width: 50vw;
      max-height: 10em;
      width: 50vw;

      max-width: none;
      max-height: none;

      width: auto;
      height: 3em;
    }





  #subbody[data-mid='14'] .slider_img_title {
    font-size: 1.05em;
  }




  #pageid_15 {
    overflow: hidden;
  }

  #pageid_15 .img_przewodnikbarmana {
/*
    float: right;
    margin: -6vw 0 0 0;
*/
  }

  #pageid_15.contentstyle h2 {
    font-size: 3.75em;
  }






  #contact_logo {
    float: none;
    position: fixed;
    right: var(--side_margins);
    bottom: calc(100px);
    opacity: 0.25;
  }


  #contact_logo img {
    width: 40vw;
  }



  .gallerycat_item > div > div:nth-child(2) {
    line-height: 1em;
  }

  .gallerycat_item > div > div:nth-child(2) {
    /* float: right; */
  }












#aboutas { }


  #aboutas h2 {
    font-size: 4em;
  }

  #aboutas h2.mobile_show {
    display: block !important;
    margin-bottom: 10vw;
  }

  #aboutas h3 {
    margin-top: 1.5em;
    font-size: 2em;
  }



  #aboutas_founder {
    width: 22% !important;
  }

  #aboutas_founder img {

  }

  #aboutas_founder div {
    text-align: center;

  }

  #aboutas_founder > div:nth-child(2) {

  }

  #aboutas_founder > div:nth-child(3) {


  }


  #aboutas .unique_item {
    width: 100%;
    float: none;
    padding: 0;
  }

    #aboutas .unique_header {

    }

    #aboutas .unique_header > div {

    }

      #aboutas .icon_xxl {
        width: 8.5vw;
        height: 8.5vw;
      }

      #aboutas h4 {
        margin-top: 0.75em;
        margin-left: 0;
        font-size: 1.5em;
      }

      #unique_item_h4_repeat {
        margin-top: 0.25em !important;
      }

      #unique_item_h4_book {
        margin-top: 0.825em !important;
      }

    #aboutas .unique_content { }

      .abountas_content_image {
        width: 35%;
        padding: 0.25em
      }









}

@media screen and (max-width: 960px) {

  #gallery1_container {
    font-size: 0.7em;
  }

  .slider_img_title {
    font-size: 1.3em;
  }

}

@media screen and (max-width: 600px) {

  #gallery1_container {
    font-size: 1.1em;
  }

}

@media screen and (max-width: 450px) {

  #gallery1_container {
    font-size: 1.45em;
  }

}

@media screen and (max-width: 350px) {

  #gallery1_container {
    font-size: 1.85em;
  }

}


.descsection_photo {
  width: 50vw;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.descsection_photo img {
  max-width: 950px;
  width: 100%;
}

#workshops h3 {
  margin: 0em 0 0.75em 0;
}

#workshops h4 {
  font-size: 1.5em;
}

#workshops_desc {
  margin-bottom: 5em;
}

#workshops_list {

}

.workshops_columns {
  float: left;
  width: calc(50% - 2px - 1em);
  border: 0px solid white;
  margin-left: 1em;
}

.workshops_columns:nth-child(1) {
  margin-left: 0;
}

.workshopdescsection {
  margin-bottom: 2em;
}

.workshopdescsection img {
  width: 5em;
}

.workshopdescsection_bottompanel {
  font-size: 1.15em;
  margin-top: 0.5em;
}

.workshopdescsection_isfull {
  color: var(--color_background_black);
}

.date_isfull {
  color: var(--color_placeholder);
  font-size: 0.75em;
}



@media screen and (max-width: 960px) {

 .workshops_columns {
    float: none;
    width: 100%;
    margin: 5em 0 0 0;
 }

  .workshops_columns:nth-child(1) {
    margin: 0;
  }

}

@media screen and (max-width: 600px) {


}

@media screen and (max-width: 450px) {



}

@media screen and (max-width: 350px) {



}