/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * Theme Name: Konferencja - dyrektor XXI wieku
 * Description: Szablon WP
 * Author: Librus Sp. z o. o.
 * Author URI: librus.pl
 * Version: 1.3
 * License: Commercial
 *
 */
/* Cookies box */

* {
  box-sizing: border-box;
}
.cookieBox {
  display: none;
  font-family: "Open Sans", "Arial", sans-serif;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
  opacity: 0.8;
  border-radius: 5px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 330px;
  background-color: black;
  z-index: 99999999;
  color: white;
}
.cookieBox .cookieBoxClose {
  position: absolute;
  right: 5px;
  padding: 3px;
}
.cookieBox .cookieBoxClose a {
  color: white;
  text-decoration: none;
}
.cookieBox p {
  padding: 15px;
  line-height: 16px;
  margin: 0px;
}
.cookieBox p a {
  color: white;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .cookieBox {
    width: 100%;
    height: auto;
    text-align: center;
    bottom: 0px;
    right: 0px;
    border-radius: 0px;
  }
}
@media print {
  body,
  .content {
    background: #fff !important;
    background-image: none;
  }
  div.page.wide {
    width: 100% !important;
  }
  .page.wide.conference-agenda .content,
  .page.wide.zapisy .content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100% !important;
  }
  .content {
    border: none !important;
  }
  .content > *,
  .menu.nocontent,
  .noPrint {
    display: none;
  }
  #poprzednia_edycja {
    display: none !important;
  }
  .content > .print {
    display: block;
  }
  .content .noPrint {
    display: none;
  }
  table.print {
    display: table !important;
  }
  #fancybox-wrap .fancy-ico {
    display: none;
  }
  div.content #choiceTable {
    width: 99% !important;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: 400;
  line-height: 2.2;
  background: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ---- MOJE ---- */
a {
  text-decoration: none;
  color: #f66611;
}
a:hover {
  text-decoration: underline;
}
body {
  font-family: "Open Sans", "Arial", sans-serif;
  line-height: 22px;
  color: #1b1e1f;
  font-size: 15px;
}
.hrGrey {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  background: #949c9f;
  margin: 48px auto 48px auto;
  clear: both;
}
.price-separator,
.hrGrey.price-separator {
  margin: 20px 0;
  opacity: 0.5;
}
.hidden {
  display: none;
}
#backToTop {
  width: 80px;
  height: 80px;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #dedada;
  padding: 10px 10px 10px 10px;
  position: fixed;
  font-size: 40px;
  line-height: 40px;
  cursor: pointer;
  bottom: 10px;
}
#backToTop span {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 12px;
  margin-top: 22px;
}
.bHidden {
  display: none;
}
.bVisible {
  display: block;
}
.noBullet {
  margin-left: 0 !important;
}
.noBullet,
.noBullet li {
  list-style: none !important;
}
.clear {
  clear: both;
}
div.header {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px;
}
div.menu,
div.footer-container {
  margin: 0 auto;
}
div.footer-container {
  display: flex;
  align-items: center;
}
div.content {
  width: 1180px;
  margin: 0 auto;
  padding: 30px;
}
.page.wide.conference-agenda .content,
.page.wide.zapisy .content {
  margin: 0 auto;
}
.wide .aside {
  width: 100%;
}
.wide .content {
  margin: 22px 0;
  padding: 30px;
  width: 1300px;
}
div.headerMainLogo {
  width: 750px;
  padding: 0;
  margin: 0;
  padding-top: 42px;
  padding-bottom: 12px;
}
div.headerLogos {
  position: absolute;
  right: 0px;
  padding: 20px 0 0 10px;
  text-align: right;
}
div.headerLogos a {
  margin: 0;
  float: right;
  padding: 0 5px 0 15px;
}
div.headerLogos a:first-child {
  position: relative;
  top: -4px;
}
img.border {
  padding: 5px;
  border: 1px solid #e4e4e4 !important;
}
h1 {
  color: #662483;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
}
h2 {
  color: #1b1e1f;
  font-size: 16px;
  font-weight: 700;
  margin: 11px 0 11px 0;
}
h2.dark {
  color: #787878;
  text-shadow: 0px 1px #fff;
  font-size: 14px;
  font-weight: 500;
}
h3 {
  color: #662483;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
p {
  font-size: 14px;
}
small {
  font-size: 0.8em;
}
strong,
b {
  font-weight: 700;
}
.marginLeft {
  margin-left: 0px !important;
}
.marginRight {
  margin-right: 0px !important;
}
.marginOnBottom {
  margin-bottom: 11px;
}
.col {
  float: left;
  width: 760px;
}
.no-bg {
  background: none;
  border: none;
}
div.content.no-bg,
div.promoColCon.no-bg {
  background: none;
  border: none;
}
div.content.no-frame,
div.promoColCon.no-frame {
  background: none;
  border: none;
  padding: 0;
}
.content-banner {
  width: 752px;
  max-width: 100%;
  display: block;
}
.innerSection {
  width: 100%;
  float: left;
}
/* fb*/
div.fb-like-box {
  float: left;
  width: 100%;
  background: #f5f5f5;
}
div.fb-like-box iframe div {
  border: 4px solid red !important;
}
/* *** */
div.promoRow {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
div.promoRow h2 {
  margin: 0;
}
div.promoRow .promoCol {
  width: 243px;
  float: left;
  margin-left: 10px;
  text-align: center;
}
div.promoRow .promoCol.first {
  margin-left: 0;
  width: 244px;
}
.promoColHead {
  width: 100%;
  float: left;
  border-left: 1px solid #dedada;
  border-top: 1px solid #dedada;
  border-right: 1px solid #dedada;
}
div.promoRow.col2 .promoCol {
  width: 370px;
}
.promoColCon {
  text-align: center;
  width: 100%;
  float: left;
}
div.content img {
  border: none;
}
div.content ul,
div.content ol {
  display: block;
  width: 100%;
  margin-left: 20px;
}
div.content ol li {
  display: list-item;
  list-style: decimal;
}
div.whiteBg {
  background: #ffffff;
  width: 690px;
  margin: 11px 0 -30px -30px;
  padding: 10px 30px 10px 30px;
  float: left;
  border-top: 1px solid #e4e4e4;
}
div.whiteBg strong {
  width: 100%;
  display: block;
}
div.whiteBg .left,
div.whiteBg .right {
  float: left;
}
div.whiteBg .left {
  width: 40%;
}
div.whiteBg .right {
  width: 60%;
}
div.carousel {
  width: 748px;
  height: 293px;
  border: 1px solid #ebebeb;
  float: left;
  margin: 0 10px 11px 0;
  position: relative;
  overflow: hidden;
}
div.aside {
  width: 228px;
  float: left;
  min-height: 100px;
  margin: 0 0 22px 0;
}

.container {
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.menu {
  margin: 0 0 0 0;
}
.menu ul {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: rgb(102, 36, 131);
  padding: 12px 0px 10px;
}
.menu ul li a {
  padding: 0.625em 1.2em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: "Open sans", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-transform: uppercase;
}
.menu.orange ul li a {
  background: url("img/menuItemOrangeBg.png") no-repeat;
  color: #fff;
  text-shadow: 0px -1px 0px #e2690a;
}
.menu.orange ul li a:hover,
.menu.orange ul li a:active {
  color: #f2f2f2;
  text-shadow: 0px -1px 0px #e2690a;
}
.menu ul li a:hover,
.menu ul li.current-menu-item a {
  text-shadow: 1px 0px 1px rgb(246, 102, 17);
  font-style: normal;
  text-decoration: none;
  color: rgb(246, 102, 17);
}
div.logos {
  padding: 13px;
  margin: 0 0 100px 0;
  background: #ffffff;
  text-align: center;
}
div.logos h4 {
  font-size: 24px;
  color: #662483ff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 40px 0 20px;
}
div.content.page-partners div.logos {
  padding-top: 0;
}
div.content.page-partners div.logos h4:first-of-type {
  margin-top: 0;
}

div.logos img {
  max-height: 100px;
  margin-right: 8px;
}
.regulations-button-bar {
  display: flex;
  justify-content: right;
  padding: 24px 0 32px;
  text-align: center;
  padding-right: 16px;
}
.header-button-bar {
  display: flex;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 12px;
}
.header-button-bar .button {
  text-decoration: none;
}
div.footer {
  min-height: 25px;
  position: relative;
  background: border-box rgb(102, 36, 131);
  padding: 6px 0 4px;
}
div.footer a {
  padding: 0.625em 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: "Open sans", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 12px;
  text-transform: uppercase;
}
div.footer a:hover {
  text-shadow: 1px 0px 1px rgb(246, 102, 17);
  font-style: normal;
  text-decoration: underline;
  color: rgb(246, 102, 17);
}
div.footer ul {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  background: transparent;
  padding: 5px 30px;
}
table,
div.tabs {
  width: 100%;
  margin: 11px 0 11px 0;
}
table.noborder {
  border: none !important;
  table-layout: auto !important;
}
table.noborder td {
  border: none !important;
  vertical-align: top !important;
}
table.noborder td *:first-child {
  margin-top: 0px;
}
table.noborder td img:first-child {
  margin-top: 5px;
}
div.content table {
  table-layout: fixed;
  border: 1px solid #cecece;
}
.submitTable {
  table-layout: auto !important;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
}
.fancy_title {
  border: none !important;
}
table td,
table th {
  padding: 10px;
}
.wp-caption-text {
  font-size: 12px;
}
table tbody td {
  border: 1px solid #cecece;
}
table thead td,
table thead th,
div.tabs ul li {
  text-align: center;
  width: auto;
  color: #fff;
}
table thead td {
  border-top: 1px solid #ececec !important;
  border-left: 1px solid #ececec !important;
  border-right: 1px solid #ececec !important;
  border-bottom: 1px solid #b9b9b9 !important;
  background: #fdfdfd;
}
table thead tr:first-child th {
  border: 1px solid #b9b9b9;
  background: rgb(102, 36, 131);
}
table thead tr th:first-child,
table thead tr td:first-child {
  border-left: none;
  width: 80px;
}
table thead th:last-child,
table thead td:last-child {
  border-right: none;
}
table thead tr:first-child th,
table thead tr:first-child td {
  border-top: none;
}
table thead tr:last-child th,
table thead tr:last-child td {
  border-bottom: 1px solid #d8d8d8;
}
table tbody table thead th,
table tbody table tbody td {
  background: #f5f5f5;
}
/* form */
form {
  display: block;
  width: 100%;
  margin: 11px 0 11px 0;
}
label {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
}
.label--required:after {
  content: "*";
  color: #949c9f;
}
.caption {
  color: #949c9f;
}
label.error,
label.customErrorAgreement {
  display: block;
  width: auto;
  color: #d32f2f;
  text-align: right;
  padding: 0 0;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

input,
textarea {
  padding: 8px 12px;
  border: 1px solid #949c9f;
  background: #fff9f5;
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  font-size: 14px;
  font-family: "Open Sans", "Arial", sans-serif;
}
input.error,
textarea.error {
  background: #fbeaea;
}

.errorBlock {
  margin-top: 48px;
  display: flex;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #949c9f;
  background: #fbeaea;
}
.errorBlock-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
div.content div.errorBlock ul {
  list-style: disc;
  margin-left: 0;
  padding-left: 50px;
}

.errorBlock li {
  color: #7a2222;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.errorBlock-header p {
  color: #7a2222;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

input::placeholder,
textarea::placeholder {
  font-weight: 400;
  opacity: 1;
  color: #949c9f;
}

.caption_header,
.caption_header *,
.registrationForm,
.registrationForm *,
.registrationForm .button {
  line-height: 1.6;
}

.registrationForm section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.registrationForm section .box-header {
  width: 30%;
}
.registrationForm section .box-header h3 {
  margin-bottom: 12px;
}

.registrationForm section .box-fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
}

.registrationForm section .box-fields > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px;
  align-self: stretch;
  position: relative;
}
.registrationForm section .box-fields > div > * {
  grid-column: 1 / -1;
}
.registrationForm section .box-fields > div > label:first-child {
  grid-column: 1;
  grid-row: 1;
}
.registrationForm section .box-fields > div > p.caption {
  grid-column: 1;
}
.registrationForm section .box-fields > div > label.error {
  position: static;
  grid-column: 2;
  grid-row: 1;
  text-align: right;
  white-space: nowrap;
  align-self: end;
}
.registrationForm section .box-fields > div:has(> p.caption) > label.error {
  grid-row: 1 / 3;
}

.recaptcha-label {
  width: 290px;
}
.recaptcha-input {
  height: 100px;
  position: relative;
}
.accommodationNotes span {
  font-weight: bold;
  font-size: 13px;
  color: #000;
}
div input[type="checkbox"] {
  width: 26px;
  padding: 0;
}
.errorOnBottom label.error {
  display: block;
  float: right;
  position: relative;
  top: 95px;
}
.errorOnRight {
  position: relative;
}
.errorOnRight label.error {
  position: absolute;
  bottom: 0;
  right: 0;
}
label textarea {
  width: 384px;
  height: 132px;
  float: right;
  padding: 10px;
  display: block;
  resize: none;
}
span.select {
  background: url("img/select.png") no-repeat;
  padding: 0px 10px;
  width: 384px;
  height: 22px;
  color: #000;
  font-weight: 500;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
input[name="antiSpam"] {
  width: 337px;
  margin-left: 25px;
}
label span .error {
  padding-right: 55px;
}

button,
.button {
  padding: 12px 62px;
  display: flex;
  border-radius: 100px;
  font-weight: 700;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  width: auto;
  transition: all 0.1s ease;
  line-height: 1.2;
}
.button--small {
  font-size: 14px;
  padding: 8px 12px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
}

.button--orange {
  color: #fff;
  background-color: #f66611;
}
.button--success {
  color: #fff;
  background-color: #2e7d32;
}
.button--outlined {
  border-radius: 100px;
  border: 1px solid currentColor;
  background-color: transparent;
  color: inherit;
}
.button--outlined:hover {
  border-radius: 100px;
  border: 1px solid currentColor;
  background: currentColor;
  text-decoration: none;
  color: #fff;
}

.button--orange.button--outlined {
  color: #f66611;
}

.button--orange:hover {
  text-decoration: none;
  background-color: #e7510f;
}
.button--orange.button--outlined:hover {
  color: #fff;
  background-color: #e7510f;
}

.button--success.button--outlined {
  color: #2e7d32;
}
.button--success.button--outlined:hover {
  color: #fff;
  background-color: #2e7d32;
}

.button--disabled {
  cursor: none;
  pointer-events: none;
}

.submitTable .button--small {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

input[type="submit"],
.orangeButton {
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  background-color: #f66611;
  cursor: pointer;
  display: flex;
  padding: 12px 62px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  width: auto;
  transition: all 0.2s ease-out;
  border: 1px solid #f66611;
}
input[type="submit"]:hover,
.orangeButton:hover {
  text-decoration: none;
  background-color: #e7510f;
  border: 1px solid #f66611;
}
.orangeButton--small {
  padding: 4px 12px 6px;
  font-size: 14px;
  width: auto;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
}

#antiSpam {
  float: right;
  border: 1px solid #b4b4b4;
  height: 20px;
}
.formFooter .submit {
  text-align: center;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: right;
}
.addedName {
  display: none;
}
table.msgs td {
  padding: 0;
  margin: 0;
}
table.msgs p {
  margin: 0;
  padding: 0;
  text-align: left;
}
/* wordpress std */
.alignright {
  float: right;
  margin: 11px 0 11px 20px;
}
.alignleft {
  float: left;
  margin: 11px 20px 11px 0;
}
.aligncenter {
  text-align: center;
  display: block;
  margin: 11px auto 11px auto;
}
.formLabelText {
  margin: 0px;
  padding-right: 20px;
  font-size: 12px;
}
.formControl {
  position: relative;
}
.formControl--horizontal {
  display: flex;
  flex-direction: row;
}
.formControl > div {
  display: flex;
  flex-direction: row;
}
.formControl > div.formControl--column,
.formControl--column {
  display: flex;
  flex-direction: column;
}
.flex--space-between {
  justify-content: space-between;
}
.formControl--column > div {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
.formControl--column > div:last-child {
  margin-bottom: 0;
}
.formControl > div label {
  font-weight: 400;
}
.formControl > div label.error {
  font-weight: 500;
}
.formControl > div label[disabled] {
  opacity: 0.6;
}

input[type="radio"].formRadio {
  width: 18px;
  height: 17px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 6px 0 5px;
  padding: 0;
  border-radius: 50%;
}

input[type="radio"].formRadio:disabled {
  background-color: #eee;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  border: 1px solid rgba(118, 118, 118, 0.3);
}
.formControl:has(input[type="radio"].error) {
  outline: 1px solid #949c9f;
  outline-offset: 0px;
  background: #fbeaea;
  padding: 4px 0;
}
.formRadio {
  align-self: center;
  margin: 0;
  width: 28px;
  height: 16px;
}
input[type="checkbox"] {
  width: 28px;
  height: 16px;
}
.formControlLabel {
  width: auto;
  margin: 0px;
  line-height: 26px;
}
#navigation-bar-table th:first-child {
  font-weight: 700;
  cursor: default;
}
.tabs ul li,
#navigation-bar-table th {
  background: #c4c2c4;
  background-image: linear-gradient(bottom, #c4c2c4 45%, #d1cfd1 73%);
  background-image: -o-linear-gradient(bottom, #c4c2c4 45%, #d1cfd1 73%);
  background-image: -moz-linear-gradient(bottom, #c4c2c4 45%, #d1cfd1 73%);
  background-image: -webkit-linear-gradient(bottom, #c4c2c4 45%, #d1cfd1 73%);
  background-image: -ms-linear-gradient(bottom, #c4c2c4 45%, #d1cfd1 73%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.45, #c4c2c4),
    color-stop(0.73, #d1cfd1)
  );
}
#navigation-bar-table th {
  padding: 0px;
  cursor: pointer;
  border: 1px solid #b9b9b9 !important;
  color: #333;
}
#navigation-bar-table th.hover {
  background: #b8b6b8;
  background-image: linear-gradient(bottom, #a1a1a1 45%, #b8b6b8 73%);
  background-image: -o-linear-gradient(bottom, #a1a1a1 45%, #b8b6b8 73%);
  background-image: -moz-linear-gradient(bottom, #a1a1a1 45%, #b8b6b8 73%);
  background-image: -webkit-linear-gradient(bottom, #a1a1a1 45%, #b8b6b8 73%);
  background-image: -ms-linear-gradient(bottom, #a1a1a1 45%, #b8b6b8 73%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.45, #a1a1a1),
    color-stop(0.73, #b8b6b8)
  );
}
#navigation-bar-table th.active {
  background: #969696;
  background-image: linear-gradient(bottom, #ababab 45%, #969696 73%);
  background-image: -o-linear-gradient(bottom, #ababab 45%, #969696 73%);
  background-image: -moz-linear-gradient(bottom, #ababab 45%, #969696 73%);
  background-image: -webkit-linear-gradient(bottom, #ababab 45%, #969696 73%);
  background-image: -ms-linear-gradient(bottom, #ababab 45%, #969696 73%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.45, #ababab),
    color-stop(0.73, #969696)
  );
}
table.submitTable {
  width: 1200px !important;
  line-height: inherit;
}
table.submitTable,
table.submitTable * {
  line-height: normal;
}
table.submitTable thead th {
  padding-top: 5px;
  padding-bottom: 5px;
}
table.submitTable tbody td {
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
table.submitTable tbody td div.relative {
  min-height: 230px;
}
table.submitTable tbody td p {
  margin: 0;
}
table.submitTable tbody td p:last-child {
  min-height: 20px;
}
table.submitTable tbody td.timeColumn {
  text-align: center;
  vertical-align: middle;
}
table.submitTable .multiple {
  vertical-align: top;
  box-sizing: border-box;
}
table.submitTable .multiple .courseName {
  height: 404px;
  display: table-cell;
  vertical-align: middle;
}
table.submitTable p.courseName {
  text-align: center;
}
table.submitTable .courseName b,
table.submitTable .courseName strong {
  display: inline-block;
  margin-bottom: 4px;
  vertical-align: middle;
}
table.submitTable .courseName span {
  display: block;
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
}
table.submitTable .meta {
  width: 100%;
  padding: 8px 0 0 0;
  text-align: center;
  min-height: 64px;
  display: flex;
  align-items: center;
}
table.submitTable .with-vertical {
  position: relative;
  padding-left: 10px;
}
table.submitTable.full .multiple .courseName {
  height: 432px;
  display: table-cell;
  vertical-align: middle;
}
.vertical-stripe {
  position: absolute;
  display: inline-block;
  top: 0px;
  bottom: 0px;
  width: 5px;
  left: 0px;
}
.courseHost {
  border-top: 5px solid #e6e6e6;
  color: #1b1e1f;
  height: 34px;
  padding: 0px;
  margin-top: 0;
  text-align: center;
  font-size: 0.9em;
  display: table-row;
}
.carousel {
  border: none !important;
}
.coda-slider {
  background: none !important;
}
.courseHost span {
  display: table-cell;
  vertical-align: middle;
  width: 147px;
  height: 34px;
  font-weight: bold;
  font-size: 13px;
  padding-top: 4px;
}
.courseName {
  height: 150px;
  font-size: 13px;
  margin: 11px 0 !important;
}
.courseMore {
  cursor: pointer;
  text-align: center;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 4px;
}
#layerWrapper {
  display: none;
  position: fixed;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
#layerWrapper div.layerContent {
  width: 600px;
  padding: 22px;
  background: #fff;
  margin: 8% auto 0 auto;
  border-radius: 4px;
  max-width: 95%;
}
div.layerContent ul {
  display: block;
  margin-left: 2em;
}
div.layerContent ul li {
  list-style: disc;
}
.wrapperClose {
  font-size: 1.5em;
  float: right;
  display: block;
  cursor: pointer;
}
.pseudoHidden {
  position: absolute;
  top: 0;
  left: -99999px;
}
.noscript {
  width: 700px;
  padding: 2px 0 2px 0;
  background: #d12121;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  position: fixed;
  z-index: 99999;
  top: 40%;
  left: 50%;
  margin-left: -350px;
  box-shadow: 0px 0px 10px #000;
}
.noscript p {
  display: block;
  width: 672px;
  margin: 0 auto;
  border: 2px solid #fff;
  padding: 10px 10px 5px 10px;
  font-weight: bold;
}
.noscript p a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
.noscript p a:hover {
  color: yellow;
}
.courseHost span {
  width: 262px;
}
/* survey */
#survey_1_form h2 {
  font-size: 15px;
}
.sf2l_checkbox_wrapper {
  padding: 0.5em 1em;
  margin: 1em;
  cursor: pointer;
  background: #eee;
  position: relative;
}
.event_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 !important;
}
.sf2l_checkbox_wrapper.checked {
  background: #fdfdfd;
}
.sf2l_checkbox_wrapper div {
  display: table-cell;
  padding: 1em;
}
.sf2l_checkbox_wrapper.openQuestion div {
  display: block;
}
.sf2l_checkbox_wrapper.openQuestion div textarea {
  width: 100%;
}
.sf2l_checkbox {
  vertical-align: middle;
}
.sf2l_checkbox_name {
  font-weight: bold;
  display: block;
  font-size: 14px;
}
.sf2l_checkbox_desc {
  display: block;
}
/* *** */
.album {
  display: block;
  width: 212px;
  height: 207px;
  float: left;
  position: relative;
}
.album span {
  position: absolute;
  z-index: 99;
  bottom: 20px;
  color: #fff;
  font-weight: 700;
  text-shadow: 0px -1px rgba(0, 0, 0, 0.45);
  font-size: 12px;
  display: block;
  width: 90%;
  text-align: right;
}
#poprzednia_edycja {
  display: block;
  position: fixed;
  top: 100px;
  left: -10px;
  transition: 0.3s;
  transform-origin: left;
}
#poprzednia_edycja:hover {
  transform: rotateY(-20deg);
  -webkit-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
}
div.tabs ul {
  background: #f3f3f3;
  width: auto !important;
  margin-right: 20px;
  border: 1px solid #e9e9e9;
}
.tabs ul li {
  list-style: none !important;
  display: inline-block !important;
  padding: 10px 20px;
  box-shadow: 0px 0px 1px #e9e9e9;
  cursor: pointer;
}
.tabs ul li.active {
  background: #fff;
  position: relative;
  z-index: 52;
  box-shadow:
    0px 0px 1px #000,
    0px -2px 6px rgba(143, 143, 143, 0.34);
  -webkit-box-shadow:
    0px 0px 1px #000,
    0px -2px 6px rgba(143, 143, 143, 0.34);
  -moz-box-shadow:
    0px 0px 1px #000,
    0px -2px 6px rgba(143, 143, 143, 0.34);
  -o-box-shadow:
    0px 0px 1px #000,
    0px -2px 6px rgba(143, 143, 143, 0.34);
}
.tabs ul li.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.84);
  bottom: -2px;
  left: 0;
  position: absolute;
}
.tabs ul li.active:hover {
  background: #fff;
  cursor: default;
}
.tabs ul li:hover {
  background: #e6e6e6;
}
.tab-inner {
  background: #fff;
  display: none;
}
.tab-inner td {
  vertical-align: middle;
}
.tab-inner td p {
  margin: 0;
}
.tabs .tab-inner {
  margin: -1px 20px 20px 20px;
  padding: 10px;
  border: 1px solid #999;
  position: relative;
  z-index: 40;
}
.tab-inner.active {
  display: block !important;
}
.layerContent ol {
  list-style: decimal;
  padding-left: 15px;
}
.brand-headline {
  font-size: 26px;
  line-height: 1;
  font-weight: 500;
  color: #555555;
}
.download-list .divider {
  text-align: right;
  border-bottom: 1px solid #858585;
  margin-bottom: 0.5em;
}
.download-list .innnerSection {
  width: 100%;
  float: left;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.download-list .innnerSection:last-child {
  border-bottom: none;
}
.download-list .innnerSection ul {
  float: left;
  width: 100%;
}
.download-list .brand-headline {
  color: #5a5a5a;
}
.reserveList {
  color: red;
}
.reserveListHeader {
  font-weight: bold;
}
.caption_header {
  text-align: center;
}
.personalDataInfo {
  margin-top: 20px;
}
.personalDataInfoMore ul {
  font-size: 14px;
  padding-left: 24px;
  margin: 12px 0;
}
.personalDataInfo p {
  margin-bottom: 12px;
}
.personalDataInfoMore li::before {
  position: relative;
}
.personalDataInfoMore li::before {
  content: "- ";
  position: absolute;
  margin-left: -8px;
}
.claim p {
  margin-bottom: 20px;
}
.registrationForm section .box-fields > div.postalCodeFields {
  display: flex;
  flex-direction: row;
  gap: 20px;
  position: static;
}

.postalCodeFields div:first-child {
  width: 40%;
}

.postalCodeFields div {
  width: 60%;
  position: relative;
  display: flex;
  flex-direction: column;
}

label[for="agreement"].error {
  display: none;
}
div.formControl.containerAgreements label.customErrorAgreement {
  display: none;
  position: static;
  text-align: left;
  position: absolute;
  left: 480px;
  font-size: 14px;
  font-weight: 500;
}
div.agreementContainer {
  flex-direction: column;
}
label[for="agreement"].errorOnRight {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
}
label[for="hiddenRecaptcha"].error {
  left: 314px;
  right: auto;
  top: 25px;
}
.success-page {
  text-align: center;
}
.success-page p {
  line-height: 26px;
}
.id-number {
  font-size: 40px;
  font-weight: 700;
  padding: 40px 0;
  display: inline-block;
  vertical-align: middle;
}
.buttons-success-page {
  display: flex;
  gap: 20px;
  text-align: center;
  margin: 48px 0;
  justify-content: center;
}

.containerAgreements > div {
  margin-bottom: 20px;
  position: relative;
}
#fancybox-wrap .fancy-ico span {
  border: 2px solid #f66611;
  width: 48px;
  height: 48px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f66611;
  transition: all 0.2s ease-out;
}
#fancybox-wrap #fancybox-close span::after,
#fancybox-wrap #fancybox-close span::before,
#fancybox-wrap #fancybox-next span::after,
#fancybox-wrap #fancybox-prev span::after {
  content: none;
}
#fancybox-wrap #fancybox-close span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_47_893)"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="white"/></g><defs><clipPath id="clip0_47_893"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}
#fancybox-wrap #fancybox-next span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.1501 13L13.3001 15.85C13.1001 16.05 13.0043 16.2833 13.0126 16.55C13.0209 16.8167 13.1168 17.05 13.3001 17.25C13.5001 17.45 13.7376 17.5542 14.0126 17.5625C14.2876 17.5708 14.5251 17.475 14.7251 17.275L19.3001 12.7C19.5001 12.5 19.6001 12.2667 19.6001 12C19.6001 11.7333 19.5001 11.5 19.3001 11.3L14.7251 6.72501C14.5251 6.52501 14.2876 6.42918 14.0126 6.43751C13.7376 6.44585 13.5001 6.55001 13.3001 6.75001C13.1168 6.95001 13.0209 7.18335 13.0126 7.45001C13.0043 7.71668 13.1001 7.95001 13.3001 8.15001L16.1501 11H5.0001C4.71676 11 4.47926 11.0958 4.2876 11.2875C4.09593 11.4792 4.0001 11.7167 4.0001 12C4.0001 12.2833 4.09593 12.5208 4.2876 12.7125C4.47926 12.9042 4.71676 13 5.0001 13H16.1501Z" fill="white"/></svg>');
}
#fancybox-wrap #fancybox-prev span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M7.85002 13L10.7 15.85C10.9 16.05 10.9959 16.2833 10.9875 16.55C10.9792 16.8167 10.8834 17.05 10.7 17.25C10.5 17.45 10.2625 17.5542 9.98752 17.5625C9.71252 17.5708 9.47502 17.475 9.27502 17.275L4.70002 12.7C4.50002 12.5 4.40002 12.2667 4.40002 12C4.40002 11.7333 4.50002 11.5 4.70002 11.3L9.27502 6.72501C9.47502 6.52501 9.71252 6.42918 9.98752 6.43751C10.2625 6.44585 10.5 6.55001 10.7 6.75001C10.8834 6.95001 10.9792 7.18335 10.9875 7.45001C10.9959 7.71668 10.9 7.95001 10.7 8.15001L7.85002 11H19C19.2834 11 19.5209 11.0958 19.7125 11.2875C19.9042 11.4792 20 11.7167 20 12C20 12.2833 19.9042 12.5208 19.7125 12.7125C19.5209 12.9042 19.2834 13 19 13H7.85002Z" fill="white"/></svg>');
}
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.gallery .gallery-item {
  margin-left: 10px;
  margin-right: 10px;
  width: 300px;
  height: 200px;
  overflow: hidden;
  text-align: center;
}
#fancybox-outer #fancybox-close:hover span,
#fancybox-outer #fancybox-next:hover span,
#fancybox-outer #fancybox-prev:hover span {
  transform: none;
  background-color: #e7510f;
  border-color: #e7510f;
}
.hamburger {
  color: rgb(255, 255, 255);
  font-size: inherit;
  margin: 0.75em;
  padding: 0.75em;
  cursor: pointer;
  position: fixed;
  top: 12px;
  right: 0px;
  z-index: 31;
  background: rgb(102, 36, 131);
  display: none;
}
.hamburger hr {
  color: rgb(255, 255, 255);
  display: block;
  height: 0.125em;
  border: none;
  width: 2em;
  background: currentcolor;
  margin: 0.375em auto;
  transition: 0.5s;
}
.hamburger.active hr:first-child {
  transform: translateY(0.5em) rotateZ(45deg);
}
.hamburger.active hr:nth-child(2) {
  width: 0px;
}
.hamburger.active hr:last-child {
  transform: translateY(-0.5em) rotateZ(-45deg);
}
div.footer .footer-icons {
  padding-top: 5px;
}
div.footer .footer-icons a {
  padding: 0;
  margin-right: 12px;
}
div.footer .footer-icons a:hover {
  padding: 0;
  margin-right: 12px;
  text-decoration: none;
}
.footer-icons svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.seminar-login-form__input {
  min-width: 360px;
  margin-bottom: 8px;
}

.seminar-login-form__button {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

div.content div.seminar-login-form.errorBlock {
  max-width: 700px;
  list-style-type: none;
  margin-bottom: 32px;
  margin-top: 24px;
}

div.content div.seminar-login-form.errorBlock ul {
  padding-left: 36px;
  list-style-type: none;
}

.seminar-login-form {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
}

div.content #choiceTable {
  width: 1200px;
}
div.content #choiceTable td.choice-name {
  text-align: center;
}
div.table__container--responsive {
  width: "100%";
  overflow: auto;
}

div.headerMainLogo img {
  max-width: 480px;
  max-height: 58px;
}

@media screen and (max-width: 1400px) {
  .menu ul li a {
    font-size: 14px;
    padding: 0.625em 1em;
  }
  div.page.wide.zapisy .content {
    width: 100%;
  }
}

@media screen and (max-width: 1180px) {
  .hamburger {
    display: block;
    z-index: 101;
  }
  div.headerMainLogo {
    width: 100%;
    padding-top: 28px;
  }
  div.header {
    flex-wrap: wrap;
    gap: 8px;
  }
  .header-button-bar {
    padding-top: 0;
    padding-bottom: 12px;
    width: 100%;
    justify-content: center;
    padding-right: 0;
  }
  div.content,
  div.header,
  div.menu,
  div.footer .footer-container,
  div.page.wide.conference-agenda .content,
  div.page.wide.zapisy .content {
    width: 100%;
  }
  .menu {
    position: fixed;
    top: -100%;
    will-change: top;
    transform: translateY(-600px);
    width: 100%;
    z-index: 100;
    transition: all 0.4s ease;
    font-size: 18px;
  }
  .menu ul {
    flex-direction: column;
    padding-top: 57px;
    padding-bottom: 40px;
  }
  .menu ul li a {
    font-size: 18px;
    display: flex;
    align-self: center;
  }
  .menu ul li {
    position: relative;
    display: flex;
    width: 100%;
    height: 3.5em;
  }
  .menu ul li:not(:first-child)::before {
    position: absolute;
    width: 100%;
    content: "";
    border-top: 1px solid rgb(255, 255, 255);
    opacity: 0.2;
  }
  .menu.active {
    top: 0;
    transform: translateY(0);
  }
  .div.content {
    margin: 0;
  }
  .registrationForm section {
    flex-direction: column;
  }
  .registrationForm section .box-header {
    width: 100%;
  }
  .formFooter .submit {
    justify-content: center;
  }
  .registrationForm section .box-fields {
    flex: none;
    width: 100%;
  }
  .registrationForm section .box-fields > div.postalCodeFields {
    flex-direction: column;
  }
  .postalCodeFields div:first-child {
    width: auto;
  }
  .postalCodeFields div {
    width: auto;
  }
  div.content ul,
  div.content ol {
    margin-left: 0;
  }
  .personalDataInfoMore ul {
    padding-left: 10px;
  }
  button:not(.button--small),
  .button:not(.button--small) {
    padding: 12px 24px;
  }
  
  div.headerMainLogo img {
    margin-left: 8px;
  }
  div.footer .footer-menu a {
    font-size: 14px;
    padding: 10px 1em;
    display: block;
  }
  label.error {
    position: static;
    text-align: left;
  }
  .registrationForm section .box-fields > div > label.error,
  .registrationForm section .box-fields > div:has(> p.caption) > label.error {
    grid-column: 1 / -1;
    grid-row: auto;
    white-space: normal;
    text-align: left;
    align-self: start;
  }
  label[for="agreement"].error {
    position: absolute;
  }
  label[for="hiddenRecaptcha"].error {
    left: 14px;
    right: auto;
    top: 54px;
    position: absolute;
  }
  div.content div.errorBlock ul {
    padding-left: 36px;
  }
  div.formControl.containerAgreements label.customErrorAgreement {
    position: static;
    margin-left: 32px;
    margin-top: 4px;
  }
  div.logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  div.logos img {
    margin-right: 0;
    max-width: 100%;
  }
  div.logos h4 {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  div.headerMainLogo img {
    max-width: calc(100% - 80px);
  }
  div.logos img {
    margin-right: 0;
    max-width: 140px;
  }
  div.logos {
    margin-bottom: 0;
  }
}
