@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVc.ttf) format('truetype');
}
/* --------------------------------------------------------------------- */
/* >> Hamburger menu                                                     */
/* --------------------------------------------------------------------- */
.hamburger-switch {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  vertical-align: middle;
  font-size: 0;
  text-indent: -9999px;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background-color: transparent;
}
.hamburger-switch:focus {
  outline: none;
}
.hamburger-switch span {
  display: block;
  position: absolute;
  top: 20px;
  left: 5px;
  right: 5px;
  height: 4px;
  background: #D11F3A;
  transition: background 0 0.3s;
}
.hamburger-switch span::before,
.hamburger-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  transition: background 1s;
  background-color: #D11F3A;
  content: "";
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
  transition-delay: 0.3s, 0;
}
.hamburger-switch span::before {
  top: -10px;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.hamburger-switch span::after {
  bottom: -10px;
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}
.hamburger-switch.active {
  background-color: transparent;
}
.hamburger-switch.active span {
  background: none;
}
.hamburger-switch.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger-switch.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hamburger-switch.active span::before,
.hamburger-switch.active span::after {
  background-color: #D11F3A;
  -webkit-transition-delay: 0, 0.3s;
  transition-delay: 0, 0.3s;
}
.switch-name {
  display: none;
  float: left;
  line-height: 50px;
  padding-left: 5px;
  color: #D11F3A;
}
[class*="col-fixed-"] {
  float: left;
  width: 100%;
}
.cl-group {
  padding: 0 10px;
}
.cl-group:after {
  display: table;
  clear: both;
  content: " ";
}
.cl-group .cl-group {
  padding: 0;
}
.cl-group [class*="col-"] {
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cl-group [class*="push-"],
.cl-group [class*="pull-"] {
  position: relative;
}
.cl-mb-12 {
  width: 100%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-11 {
  width: 91.66666667%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-10 {
  width: 83.33333333%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-9 {
  width: 75%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-8 {
  width: 66.66666667%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-7 {
  width: 58.33333333%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-6 {
  width: 50%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-5 {
  width: 41.66666667%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-4 {
  width: 33.33333333%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-3 {
  width: 25%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-2 {
  width: 16.66666667%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
.cl-mb-1 {
  width: 8.33333333%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
}
@media (min-width: 670px) {
  .container {
    max-width: 650px;
    margin: 0 auto;
  }
  .cl-12 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    float: left;
  }
  .cl-11 {
    padding-left: 5px;
    padding-right: 5px;
    width: 91.66666667%;
    float: left;
  }
  .cl-10 {
    padding-left: 5px;
    padding-right: 5px;
    width: 83.33333333%;
    float: left;
  }
  .cl-9 {
    padding-left: 5px;
    padding-right: 5px;
    width: 75%;
    float: left;
  }
  .cl-8 {
    padding-left: 5px;
    padding-right: 5px;
    width: 66.66666667%;
    float: left;
  }
  .cl-7 {
    padding-left: 5px;
    padding-right: 5px;
    width: 58.33333333%;
    float: left;
  }
  .cl-6 {
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    float: left;
  }
  .cl-5 {
    padding-left: 5px;
    padding-right: 5px;
    width: 41.66666667%;
    float: left;
  }
  .cl-4 {
    padding-left: 5px;
    padding-right: 5px;
    width: 33.33333333%;
    float: left;
  }
  .cl-3 {
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
    float: left;
  }
  .cl-2 {
    padding-left: 5px;
    padding-right: 5px;
    width: 16.66666667%;
    float: left;
  }
  .cl-1 {
    padding-left: 5px;
    padding-right: 5px;
    width: 8.33333333%;
    float: left;
  }
  .cl-offset-12 {
    margin-left: 100%;
  }
  .cl-offset-11 {
    margin-left: 91.66666667%;
  }
  .cl-offset-10 {
    margin-left: 83.33333333%;
  }
  .cl-offset-9 {
    margin-left: 75%;
  }
  .cl-offset-8 {
    margin-left: 66.66666667%;
  }
  .cl-offset-7 {
    margin-left: 58.33333333%;
  }
  .cl-offset-6 {
    margin-left: 50%;
  }
  .cl-offset-5 {
    margin-left: 41.66666667%;
  }
  .cl-offset-4 {
    margin-left: 33.33333333%;
  }
  .cl-offset-3 {
    margin-left: 25%;
  }
  .cl-offset-2 {
    margin-left: 16.66666667%;
  }
  .cl-offset-1 {
    margin-left: 8.33333333%;
  }
  .cl-offset-0 {
    margin-left: 0%;
  }
  .cl-pull-12 {
    right: 100%;
  }
  .cl-pull-11 {
    right: 91.66666667%;
  }
  .cl-pull-10 {
    right: 83.33333333%;
  }
  .cl-pull-9 {
    right: 75%;
  }
  .cl-pull-8 {
    right: 66.66666667%;
  }
  .cl-pull-7 {
    right: 58.33333333%;
  }
  .cl-pull-6 {
    right: 50%;
  }
  .cl-pull-5 {
    right: 41.66666667%;
  }
  .cl-pull-4 {
    right: 33.33333333%;
  }
  .cl-pull-3 {
    right: 25%;
  }
  .cl-pull-2 {
    right: 16.66666667%;
  }
  .cl-pull-1 {
    right: 8.33333333%;
  }
  .cl-pull-0 {
    right: 0%;
  }
  .cl-push-12 {
    left: 100%;
  }
  .cl-push-11 {
    left: 91.66666667%;
  }
  .cl-push-10 {
    left: 83.33333333%;
  }
  .cl-push-9 {
    left: 75%;
  }
  .cl-push-8 {
    left: 66.66666667%;
  }
  .cl-push-7 {
    left: 58.33333333%;
  }
  .cl-push-6 {
    left: 50%;
  }
  .cl-push-5 {
    left: 41.66666667%;
  }
  .cl-push-4 {
    left: 33.33333333%;
  }
  .cl-push-3 {
    left: 25%;
  }
  .cl-push-2 {
    left: 16.66666667%;
  }
  .cl-push-1 {
    left: 8.33333333%;
  }
  .cl-push-0 {
    left: 0%;
  }
  .cl-group {
    margin-right: -5px;
    margin-left: -5px;
    padding: 0;
  }
  .cl-group:after {
    display: table;
    clear: both;
    content: " ";
  }
}
@media (min-width: 980px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
  }
  .cl-dt-12 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    float: left;
  }
  .cl-dt-11 {
    padding-left: 5px;
    padding-right: 5px;
    width: 91.66666667%;
    float: left;
  }
  .cl-dt-10 {
    padding-left: 5px;
    padding-right: 5px;
    width: 83.33333333%;
    float: left;
  }
  .cl-dt-9 {
    padding-left: 5px;
    padding-right: 5px;
    width: 75%;
    float: left;
  }
  .cl-dt-8 {
    padding-left: 5px;
    padding-right: 5px;
    width: 66.66666667%;
    float: left;
  }
  .cl-dt-7 {
    padding-left: 5px;
    padding-right: 5px;
    width: 58.33333333%;
    float: left;
  }
  .cl-dt-6 {
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    float: left;
  }
  .cl-dt-5 {
    padding-left: 5px;
    padding-right: 5px;
    width: 41.66666667%;
    float: left;
  }
  .cl-dt-4 {
    padding-left: 5px;
    padding-right: 5px;
    width: 33.33333333%;
    float: left;
  }
  .cl-dt-3 {
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
    float: left;
  }
  .cl-dt-2 {
    padding-left: 5px;
    padding-right: 5px;
    width: 16.66666667%;
    float: left;
  }
  .cl-dt-1 {
    padding-left: 5px;
    padding-right: 5px;
    width: 8.33333333%;
    float: left;
  }
  .cl-dt-offset-12 {
    margin-left: 100%;
  }
  .cl-dt-offset-11 {
    margin-left: 91.66666667%;
  }
  .cl-dt-offset-10 {
    margin-left: 83.33333333%;
  }
  .cl-dt-offset-9 {
    margin-left: 75%;
  }
  .cl-dt-offset-8 {
    margin-left: 66.66666667%;
  }
  .cl-dt-offset-7 {
    margin-left: 58.33333333%;
  }
  .cl-dt-offset-6 {
    margin-left: 50%;
  }
  .cl-dt-offset-5 {
    margin-left: 41.66666667%;
  }
  .cl-dt-offset-4 {
    margin-left: 33.33333333%;
  }
  .cl-dt-offset-3 {
    margin-left: 25%;
  }
  .cl-dt-offset-2 {
    margin-left: 16.66666667%;
  }
  .cl-dt-offset-1 {
    margin-left: 8.33333333%;
  }
  .cl-dt-offset-0 {
    margin-left: 0%;
  }
  .cl-dt-pull-12 {
    right: 100%;
  }
  .cl-dt-pull-11 {
    right: 91.66666667%;
  }
  .cl-dt-pull-10 {
    right: 83.33333333%;
  }
  .cl-dt-pull-9 {
    right: 75%;
  }
  .cl-dt-pull-8 {
    right: 66.66666667%;
  }
  .cl-dt-pull-7 {
    right: 58.33333333%;
  }
  .cl-dt-pull-6 {
    right: 50%;
  }
  .cl-dt-pull-5 {
    right: 41.66666667%;
  }
  .cl-dt-pull-4 {
    right: 33.33333333%;
  }
  .cl-dt-pull-3 {
    right: 25%;
  }
  .cl-dt-pull-2 {
    right: 16.66666667%;
  }
  .cl-dt-pull-1 {
    right: 8.33333333%;
  }
  .cl-dt-pull-0 {
    right: 0%;
  }
  .cl-dt-push-12 {
    left: 100%;
  }
  .cl-dt-push-11 {
    left: 91.66666667%;
  }
  .cl-dt-push-10 {
    left: 83.33333333%;
  }
  .cl-dt-push-9 {
    left: 75%;
  }
  .cl-dt-push-8 {
    left: 66.66666667%;
  }
  .cl-dt-push-7 {
    left: 58.33333333%;
  }
  .cl-dt-push-6 {
    left: 50%;
  }
  .cl-dt-push-5 {
    left: 41.66666667%;
  }
  .cl-dt-push-4 {
    left: 33.33333333%;
  }
  .cl-dt-push-3 {
    left: 25%;
  }
  .cl-dt-push-2 {
    left: 16.66666667%;
  }
  .cl-dt-push-1 {
    left: 8.33333333%;
  }
  .cl-dt-push-0 {
    left: 0%;
  }
}
@media (min-width: 1190px) {
  .container {
    max-width: 1170px;
    margin: 0 auto;
  }
  .cl-ld-12 {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    float: left;
  }
  .cl-ld-11 {
    padding-left: 5px;
    padding-right: 5px;
    width: 91.66666667%;
    float: left;
  }
  .cl-ld-10 {
    padding-left: 5px;
    padding-right: 5px;
    width: 83.33333333%;
    float: left;
  }
  .cl-ld-9 {
    padding-left: 5px;
    padding-right: 5px;
    width: 75%;
    float: left;
  }
  .cl-ld-8 {
    padding-left: 5px;
    padding-right: 5px;
    width: 66.66666667%;
    float: left;
  }
  .cl-ld-7 {
    padding-left: 5px;
    padding-right: 5px;
    width: 58.33333333%;
    float: left;
  }
  .cl-ld-6 {
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    float: left;
  }
  .cl-ld-5 {
    padding-left: 5px;
    padding-right: 5px;
    width: 41.66666667%;
    float: left;
  }
  .cl-ld-4 {
    padding-left: 5px;
    padding-right: 5px;
    width: 33.33333333%;
    float: left;
  }
  .cl-ld-3 {
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
    float: left;
  }
  .cl-ld-2 {
    padding-left: 5px;
    padding-right: 5px;
    width: 16.66666667%;
    float: left;
  }
  .cl-ld-1 {
    padding-left: 5px;
    padding-right: 5px;
    width: 8.33333333%;
    float: left;
  }
  .cl-ld-offset-12 {
    margin-left: 100%;
  }
  .cl-ld-offset-11 {
    margin-left: 91.66666667%;
  }
  .cl-ld-offset-10 {
    margin-left: 83.33333333%;
  }
  .cl-ld-offset-9 {
    margin-left: 75%;
  }
  .cl-ld-offset-8 {
    margin-left: 66.66666667%;
  }
  .cl-ld-offset-7 {
    margin-left: 58.33333333%;
  }
  .cl-ld-offset-6 {
    margin-left: 50%;
  }
  .cl-ld-offset-5 {
    margin-left: 41.66666667%;
  }
  .cl-ld-offset-4 {
    margin-left: 33.33333333%;
  }
  .cl-ld-offset-3 {
    margin-left: 25%;
  }
  .cl-ld-offset-2 {
    margin-left: 16.66666667%;
  }
  .cl-ld-offset-1 {
    margin-left: 8.33333333%;
  }
  .cl-ld-offset-0 {
    margin-left: 0%;
  }
  .cl-ld-pull-12 {
    right: 100%;
  }
  .cl-ld-pull-11 {
    right: 91.66666667%;
  }
  .cl-ld-pull-10 {
    right: 83.33333333%;
  }
  .cl-ld-pull-9 {
    right: 75%;
  }
  .cl-ld-pull-8 {
    right: 66.66666667%;
  }
  .cl-ld-pull-7 {
    right: 58.33333333%;
  }
  .cl-ld-pull-6 {
    right: 50%;
  }
  .cl-ld-pull-5 {
    right: 41.66666667%;
  }
  .cl-ld-pull-4 {
    right: 33.33333333%;
  }
  .cl-ld-pull-3 {
    right: 25%;
  }
  .cl-ld-pull-2 {
    right: 16.66666667%;
  }
  .cl-ld-pull-1 {
    right: 8.33333333%;
  }
  .cl-ld-pull-0 {
    right: 0%;
  }
  .cl-ld-push-12 {
    left: 100%;
  }
  .cl-ld-push-11 {
    left: 91.66666667%;
  }
  .cl-ld-push-10 {
    left: 83.33333333%;
  }
  .cl-ld-push-9 {
    left: 75%;
  }
  .cl-ld-push-8 {
    left: 66.66666667%;
  }
  .cl-ld-push-7 {
    left: 58.33333333%;
  }
  .cl-ld-push-6 {
    left: 50%;
  }
  .cl-ld-push-5 {
    left: 41.66666667%;
  }
  .cl-ld-push-4 {
    left: 33.33333333%;
  }
  .cl-ld-push-3 {
    left: 25%;
  }
  .cl-ld-push-2 {
    left: 16.66666667%;
  }
  .cl-ld-push-1 {
    left: 8.33333333%;
  }
  .cl-ld-push-0 {
    left: 0%;
  }
}
.cl-fixed-hd,
.cl-fixed-landscape,
.cl-fixed-square,
.cl-fixed-portrait {
  position: relative;
}
.cl-fixed-hd:before,
.cl-fixed-landscape:before,
.cl-fixed-square:before,
.cl-fixed-portrait:before {
  content: "";
  display: block;
}
.cl-fixed-hd .cl-content,
.cl-fixed-landscape .cl-content,
.cl-fixed-square .cl-content,
.cl-fixed-portrait .cl-content {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  padding: 0;
}
.cl-fixed-hd:before {
  margin-top: 56.25%;
}
.cl-fixed-landscape:before {
  margin-top: 75%;
}
.cl-fixed-square:before {
  margin-top: 100%;
}
.cl-fixed-portrait:before {
  margin-top: 133.33333333%;
}
.center-block {
  margin: 0 auto;
}
.clear:after {
  display: table;
  clear: both;
  content: " ";
}
/* --------------------------------------------------------------------- */
/* > Normalizacja                                                        */
/* --------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  min-height: 100%;
}
body {
  color: #474747;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
}
main#main {
  display: block;
  padding-top: 135px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #313131;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-weight: 300;
}
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
  margin-bottom: 0;
}
figure {
  margin: 0;
}
p,
li {
  line-height: 1.5;
  margin-top: 0;
}
p.no-margin,
li.no-margin {
  margin: 0;
}
a,
button {
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a {
  color: #333333;
}
a:hover {
  color: #808080;
}
.arrow-right:after {
  color: #D11F3A;
  content: "\203A";
  font-size: 20px;
  margin-left: 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a.arrow-right::before {
  clear: both;
  content: "";
  display: block;
  width: 100%;
}
a.arrow-right:hover {
  color: #000000;
}
a.arrow-right:hover::after {
  color: #000000;
}
.arrow-right.underline-inline {
  border-bottom: 1px solid #8f8f8f;
}
.arrow-right.underline-inline:before {
  display: none;
}
.arrow-bottom {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.arrow-bottom:after {
  color: #D11F3A;
  content: "\203A";
  display: inline-block;
  font-size: 20px;
  margin-left: 10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
a.arrow-bottom::before {
  clear: both;
  content: "";
  display: block;
  width: 100%;
}
a.arrow-bottom:hover {
  color: #000000;
}
a.arrow-bottom:hover::after {
  color: #000000;
}
a.download.red {
  color: #D11F3A;
}
a.download.red::before {
  background-image: url("../../images/front/assets/icon-download-red.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 11px;
  margin-right: 10px;
  vertical-align: baseline;
  width: 9px;
}
.arrow-left:before {
  color: #D11F3A;
  content: "\2039";
  font-size: 20px;
  margin-right: 10px;
}
a.arrow-left:hover {
  color: #000000;
}
a.arrow-left:hover::after,
a.arrow-left:hover::before {
  color: #000000;
}
h1 {
  font-size: 71px;
}
h2 {
  font-size: 32px;
  text-transform: uppercase;
}
h3 {
  font-size: 22px;
  text-transform: uppercase;
}
h4 {
  font-size: 16px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
h4::before {
  background: #D11F3A;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 35px;
}
h5 {
  font-size: 16px;
  text-transform: uppercase;
}
img {
  border: 0;
  display: block;
  height: auto;
  max-width: 100%;
  outline: 0;
}
/* --------------------------------------------------------------------- */
/* > Slider_PDF                                                   */
/* --------------------------------------------------------------------- */
.pdf-slider {
  margin: 20px auto 80px;
}
.pdf-slider-background {
  background: #f2f4f6;
  position: relative;
}
.pdf-slider-container {
  margin: 0 auto;
  max-width: 980px;
  overflow: hidden;
  padding: 30px 0;
  position: relative;
}
.pdf-slider-list {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  transform: translateX(0);
  transition: all 0.8s ease-in-out;
}
.pdf-slider-list li {
  flex: 0 0 auto;
  margin-right: 60px;
  max-width: 200px;
  width: calc(100% / 4);
}
.pdf-slider-list li .image {
  display: block;
  height: 100%;
  max-width: 400px;
  object-fit: cover;
  width: 100%;
}
.pdf-slider .prev,
.pdf-slider .next {
  align-items: center;
  background-color: #000000;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s linear;
  z-index: 15;
}
.pdf-slider .prev:hover,
.pdf-slider .next:hover {
  opacity: 0.7;
}
.pdf-slider .prev::before,
.pdf-slider .next::before {
  background-image: url("arrow-slider.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 15px;
  width: 15px;
}
.pdf-slider .prev {
  left: 0;
}
.pdf-slider .next {
  right: 0;
}
.pdf-slider .next::before {
  transform: rotate(180deg);
}
/*
* Audio List and Video List
*/
.header__track {
  color: #fff;
  font-size: 40px;
  margin: 0 auto;
  text-align: center;
}
.header__track_background {
  background-color: #da1b2c;
  padding: 10px 0;
}
.header__track span {
  display: none;
}
.action_item .wrapper--narrow {
  margin: 0 auto;
  max-width: 840px;
  padding: 45px 10px 30px;
  text-align: center;
}
.action_item .video-wrapper {
  padding-bottom: 56%;
  position: relative;
  width: 100%;
}
.action_item .video-wrapper__video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.action_item .btn--item {
  background: #da1b2c;
  border: 2px solid #da1b2c;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin: 30px auto 0;
  max-width: 192px;
  padding: 5px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.action_item .btn--item:hover {
  background: #000;
  border-color: #000;
}
ul.list-group--category {
  list-style: none;
  margin: 0 auto;
  max-width: 850px;
  padding: 45px 10px;
  width: 100%;
}
ul.list-group--category li a {
  display: block;
  font-size: 18px;
  padding: 10px 5px;
  position: relative;
}
ul.list-group--category li a:hover {
  color: #da1b2c;
}
ul.list-group--category li a:hover::after {
  width: 100%;
}
ul.list-group--category li a:hover i {
  border-color: #da1b2c;
}
ul.list-group--category li a:hover i::before {
  color: #da1b2c;
}
ul.list-group--category li a::before,
ul.list-group--category li a::after {
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease;
}
ul.list-group--category li a::after {
  background-color: #da1b2c;
  width: 0%;
  z-index: 2;
}
ul.list-group--category li a::before {
  background-color: #ccc;
  width: 100%;
  z-index: 1;
}
ul.list-group--category li a i {
  border: 1px #000 solid;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  text-indent: 4px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  width: 30px;
}
/* --------------------------------------------------------------------- */
/* > Deklaracje online                                                  */
/* --------------------------------------------------------------------- */
.section-declaration-info .wrapper-medium {
  margin: 0 auto;
  max-width: 800px;
  padding: 0 30px;
  text-align: center;
  width: 100%;
}
.section-declaration-info .wrapper-medium h2 {
  font-size: 26px;
  text-transform: none;
}
.section-declaration-info .wrapper-medium p {
  font-size: 16px;
}
.section-declaration-info .wrapper .button,
.register .wrapper .button {
  font-weight: 700;
}
.section-declaration-info .wrapper .button:hover,
.register .wrapper .button:hover {
  background: #ffffff;
  border-color: #D11F3A;
  color: #D11F3A;
}
.section-declaration-info,
.section-with-two-columns {
  padding: 30px 0;
}
.register .wrapper,
.section-with-two-columns .wrapper,
.freesubmission .wrapper {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 30px;
  text-align: center;
  width: 100%;
}
.section-with-two-columns .wrapper .big {
  font-size: 28px;
  margin: 30px 0 28px;
  text-transform: none;
}
.section-with-two-columns .wrapper .row {
  display: flex;
}
.section-with-two-columns .wrapper .row:before,
.section-with-two-columns .wrapper .row:after {
  display: none;
}
.section-with-two-columns .wrapper .row .col.w50 {
  width: 50%;
}
.section-with-two-columns .wrapper .row .col.w50 h4 {
  font-size: 18px;
  margin: 25px 0;
  padding: 0;
}
.section-with-two-columns .wrapper .row .col.w50 h4:before,
.section-with-two-columns .wrapper .row .col.w50 h4:after {
  display: none;
}
.section-with-two-columns .wrapper .row .col.w50 p {
  font-size: 15px;
}
section.register {
  background: #f7f7f7;
  border-bottom: 2px solid #f0f4f8;
  overflow-x: hidden;
  padding: 60px 0;
  text-align: center;
}
section.register p {
  font-size: 16px;
  margin: 16px 0;
}
section.register .form-declaration .step {
  left: -100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in;
}
section.register .form-declaration .step.active {
  left: 0%;
  max-height: 100%;
  opacity: 1;
  overflow: auto;
}
section.register .form-declaration .step .book-error {
  color: #D11F3A;
  display: none;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
section.register .form-declaration .step .form {
  margin: 13px auto 60px;
  max-width: 750px;
}
section.register .form-declaration .step-1 .books-tabs-list {
  align-items: center;
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0 auto;
  max-width: 750px;
  padding: 0;
}
section.register .form-declaration .step-1 .books-tabs-list li {
  background-color: #ffffff;
  border: 2px solid #D11F3A;
  color: #D11F3A;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 11px 30px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.35s ease;
  width: calc(100% / 2);
}
section.register .form-declaration .step-1 .books-tabs-list li.active {
  background: #D11F3A;
  color: #ffffff;
}
section.register .form-declaration .step-1 .books-tabs-list li:hover {
  background: #D11F3A;
  color: #ffffff;
}
section.register .form-declaration .step-1 .books-tab {
  display: none;
}
section.register .form-declaration .step-1 .books-tab.active {
  display: block;
}
section.register .form-declaration .step-1 .books-tab .row table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  width: 100%;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td:nth-child(2) {
  font-size: 15px;
  font-weight: 700;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr,
section.register .form-declaration .step-1 .books-tab .row table thead tr {
  background: #ffffff;
  border-bottom: 5px solid #f7f7f7;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td,
section.register .form-declaration .step-1 .books-tab .row table thead tr td {
  padding: 5px;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td:first-child,
section.register .form-declaration .step-1 .books-tab .row table thead tr td:first-child {
  padding: 0;
  width: 100px;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td:first-child .image,
section.register .form-declaration .step-1 .books-tab .row table thead tr td:first-child .image {
  margin: 0;
  max-width: 80px;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td:nth-child(2),
section.register .form-declaration .step-1 .books-tab .row table thead tr td:nth-child(2) {
  width: calc(100% - 280px);
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td:nth-child(3),
section.register .form-declaration .step-1 .books-tab .row table thead tr td:nth-child(3) {
  width: 200px;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td input,
section.register .form-declaration .step-1 .books-tab .row table thead tr td input {
  color: #000000;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  width: 80px;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td input::placeholder,
section.register .form-declaration .step-1 .books-tab .row table thead tr td input::placeholder {
  color: #b2becb;
}
section.register .form-declaration .step-1 .books-tab .row table tbody tr td input[type="number"]::-webkit-inner-spin-button,
section.register .form-declaration .step-1 .books-tab .row table thead tr td input[type="number"]::-webkit-inner-spin-button {
  height: 48px;
  width: 25px;
}
section.register .form-declaration .step-1 .books-tab .row table thead tr {
  background: 0 0;
}
section.register .form-declaration .step-1 .books-tab .row table thead tr td {
  color: #565656;
  font-size: 13px;
  text-transform: uppercase;
}
section.register .form-declaration .step-2 .form {
  margin: 0 auto 60px;
  max-width: 345px;
  text-align: left;
  width: 100%;
}
section.register .form-declaration .step-2 .form h2 {
  color: #565656;
  font-size: 20px;
  margin: 16px 0;
  text-transform: none;
}
section.register .form-declaration .step-2 .form .row {
  display: flex;
  gap: 10px;
}
section.register .form-declaration .step-2 .form .row::before,
section.register .form-declaration .step-2 .form .row::after {
  display: none;
}
section.register .form-declaration .step-2 .form .row .form-item {
  margin-bottom: 15px;
  position: relative;
  width: 50%;
}
section.register .form-declaration .step-2 .form .row .form-item figure {
  display: none;
  left: 0;
  position: absolute;
  top: 35px;
  width: 100%;
}
section.register .form-declaration .step-2 .form .row .form-item figure label.error {
  color: #d11f3a;
  font-size: 12px;
}
section.register .form-declaration .step-2 .form .row .form-item .phone_format-info {
  color: #aaa;
  display: block;
  font-size: 12px;
  margin-left: 3px;
}
section.register .form-declaration .step-2 .form .row .form-item.focused label {
  font-size: 9px;
  top: -6px;
}
section.register .form-declaration .step-2 .form .row .form-item label {
  color: #aaa;
  font-size: 14px;
  font-style: italic;
  left: 0;
  line-height: 1;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: 8px;
  transition: all 0.35s ease;
}
section.register .form-declaration .step-2 .form .school-data .row {
  display: block !important;
  gap: 0;
}
section.register .form-declaration .step-2 .form .school-data #rspo-section .flex #search-by-regon {
  height: 48px !important;
  line-height: 1 !important;
  min-height: 48px !important;
}
section.register .form-declaration .step-2 .form .school-data #no-rspo-section .effect {
  margin-bottom: 10px;
  margin-left: 0 !important;
  position: relative;
}
section.register .form-declaration .step-2 .form .school-data #no-rspo-section .effect.focused label {
  font-size: 9px;
  top: -6px;
}
section.register .form-declaration .step-2 .form .school-data #no-rspo-section .effect label {
  color: #aaa;
  font-size: 14px;
  font-style: italic;
  left: 0;
  line-height: 1;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: 8px;
  transition: all 0.35s ease;
}
section.register .form-declaration .step-2 .form .school-data #no-rspo-section select {
  margin-bottom: 10px;
  margin-left: 0 !important;
  position: relative;
}
section.register .form-declaration .step-2 .terms {
  margin: 30px auto;
  max-width: 800px;
  text-align: left;
  width: 90%;
}
section.register .form-declaration .step-2 .terms .row {
  display: block;
  font-size: 15px;
  margin-bottom: 16px;
}
section.register .form-declaration .step-2 .navigation {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}
section.register .form-declaration .step-2 .navigation a,
section.register .form-declaration .step-2 .navigation button {
  padding: 17px 50px;
}
section.register .form-declaration .step-2 .navigation .prev-step {
  background-color: #ffffff;
  color: #D11F3A;
}
section.register .form-declaration .step-2 .navigation .prev-step:hover {
  border-color: #000000;
  color: #000000;
}
section.register .form-declaration .step-2 .update-data-text a {
  display: block;
  margin: 10px auto;
  max-width: 400px;
  width: 100%;
}
section.register .form-declaration .step-2 .user-current-data {
  margin: 20px auto;
}
section.register .form-declaration .step-2 .user-current-data .col {
  font-size: 16px;
}
section.register .form-declaration .step-2 .user-current-data .col.title {
  font-weight: 400 !important;
}
section.register .form-declaration .step-2 .user-current-data .col .title {
  font-weight: 700;
}
section.register .form-declaration .step-2 .user-current-data .row.wrap .title {
  font-size: 16px;
  font-weight: 700 !important;
}
section.register .form-declaration .step-2 .user-current-data .row .title {
  font-size: 16px;
  font-weight: 700;
}
section.register .form-declaration .step-2 .user-current-data .row .col {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  gap: 5px;
  justify-content: center;
  list-style: none;
  margin: 0 0 5px 0;
}
section.register .form-declaration .step-2 .user-current-data .row .col li {
  width: 100%;
}
section.freesubmission .with-circle-number,
section.register .with-circle-number {
  align-items: flex-start;
  background: 0 0;
  display: flex;
  list-style: none;
  margin: 0 auto 30px;
  max-width: 800px;
  overflow: auto;
  padding: 0;
  position: relative;
  text-align: center;
  width: 90%;
}
section.freesubmission .with-circle-number::before,
section.register .with-circle-number::before {
  background: #b2becb;
  content: "";
  height: 5px;
  left: 50%;
  position: absolute;
  top: 25px;
  transform: translateX(-50%);
  width: calc((100% / 3) * 2);
  z-index: 0;
}
section.freesubmission .with-circle-number li,
section.register .with-circle-number li {
  background: 0 0;
  color: #b2becb;
  font-size: 14px;
  font-weight: 700;
  opacity: 1;
  padding: 70px 0 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: calc(100% / 3);
  z-index: 1;
}
section.freesubmission .with-circle-number li.active,
section.register .with-circle-number li.active {
  color: #000000;
}
section.freesubmission .with-circle-number li.active .number,
section.register .with-circle-number li.active .number {
  background: #000000;
}
section.freesubmission .with-circle-number li .number,
section.register .with-circle-number li .number {
  align-items: center;
  background: #b2becb;
  border-radius: 50%;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  font-size: 12px;
  height: 50px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 50px;
}
section.freesubmission {
  background: #f7f7f7;
  padding: 60px 0;
}
section.freesubmission .with-circle-number {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
section.freesubmission .confirm-icon {
  margin: 40px auto;
}
section.freesubmission .confirm-icon img {
  display: block;
  margin: 0 auto !important;
  max-width: 100px !important;
  width: 100% !important;
}
section.freesubmission .content {
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
}
section.freesubmission .content h1 {
  color: #000000;
  font-size: 35px;
  margin: 25px 0;
}
section.freesubmission .content p {
  color: #000000;
  font-size: 15px;
  margin: 15px 0;
}
section.freesubmission .navigation {
  margin-top: 60px;
}
section.freesubmission .navigation a {
  font-weight: 700;
}
/* --------------------------------------------------------------------- */
/* > Conferences Courses                                         */
/* --------------------------------------------------------------------- */
.conferences-courses {
  padding: 20px 0;
}
.conferences-courses .wrapper {
  text-align: center;
}
.conferences-courses .wrapper h2 {
  padding: 0 10px;
}
.conferences-courses .wrapper .row .col img {
  margin: 0 auto 20px auto;
  max-width: 500px;
  width: 100%;
}
.conferences-courses .wrapper .row .col .button {
  background: 0 0;
  border-color: #000000;
  color: #000000;
  padding: 15px 50px;
  text-transform: uppercase;
}
.conferences-courses .wrapper .row .col .button:hover {
  background: #000000;
  color: #ffffff;
}
/* --------------------------------------------------------------------- */
/* > General                                                             */
/* --------------------------------------------------------------------- */
#map-poland .poland {
  opacity: 0;
}
#map-poland .poland.cssmap {
  opacity: 1;
}
ul.no-padding {
  list-style: none;
  padding: 0;
}
ul.columns {
  font-size: 0px;
  list-style: none;
  margin: 0 -7.5px;
  padding: 0;
}
ul.columns.to-right {
  text-align: right;
}
ul.columns > li {
  display: inline-block;
  font-size: 18px;
  padding: 0 7.5px;
  vertical-align: top;
  width: 50%;
}
ul.columns > li.full {
  width: 100%;
}
ul.columns.col-2 > li {
  width: 50%;
}
ul.columns.col-3 > li {
  width: 33.33%;
}
ul.columns.col-4 > li {
  width: 25%;
}
ul.columns.col-5 > li {
  width: 20%;
}
div.button {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a.button,
button.button,
div.button {
  -webkit-appearance: none;
  background: #D11F3A;
  border: 2px #D11F3A solid;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 13px;
  outline: 0;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
a.button:focus,
button.button:focus,
div.button:focus,
a.button:visited,
button.button:visited,
div.button:visited {
  background: #D11F3A;
  color: white;
}
a.button.close-cookie,
button.button.close-cookie,
div.button.close-cookie {
  background: #313131;
  border-color: #313131;
}
a.button.close-cookie span,
button.button.close-cookie span,
div.button.close-cookie span {
  bottom: -4px;
  font-size: 30px;
  line-height: 0;
  position: relative;
}
a.button.readmore,
button.button.readmore,
div.button.readmore {
  padding-right: 60px;
  position: relative;
}
a.button.readmore::after,
button.button.readmore::after,
div.button.readmore::after {
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  content: "\203A";
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 24px;
  line-height: 17px;
  margin-left: 14px;
  margin-top: 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.4s ease;
  width: 24px;
}
a.button.download,
button.button.download,
div.button.download {
  padding-right: 60px;
  position: relative;
}
a.button.download::after,
button.button.download::after,
div.button.download::after {
  background-image: url("../../images/front/assets/download-white.png");
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 24px;
  margin-left: 14px;
  margin-top: 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.4s ease;
  width: 23px;
}
a.button.go-back,
button.button.go-back,
div.button.go-back {
  padding-left: 60px;
  position: relative;
}
a.button.go-back::after,
button.button.go-back::after,
div.button.go-back::after {
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  content: "\203A";
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 24px;
  left: 5px;
  line-height: 17px;
  margin-left: 14px;
  margin-top: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  -ms-transform: translate(0, -50%) rotate(-180deg);
  transform: translate(0, -50%) rotate(-180deg);
  transition: all 0.4s ease;
  width: 24px;
}
a.button.search-icon,
button.button.search-icon,
div.button.search-icon {
  padding-right: 40px;
  position: relative;
}
a.button.search-icon::after,
button.button.search-icon::after,
div.button.search-icon::after {
  background-image: url(../../images/front/assets/icon-search-white.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
}
a.button.youtube::before,
button.button.youtube::before,
div.button.youtube::before {
  background-image: url("../../images/front/assets/youtube-red.png");
  content: "";
  display: inline-block;
  height: 27px;
  margin-right: 10px;
  vertical-align: middle;
  width: 22px;
}
a.button.youtube:hover:before,
button.button.youtube:hover:before,
div.button.youtube:hover:before {
  background-image: url("../../images/front/assets/youtube.png");
}
a.button.eye,
button.button.eye,
div.button.eye {
  background: white;
  border-color: #f2f4f6;
  color: #D11F3A;
  font-size: 13px;
  padding: 8px 15px;
}
a.button.eye::before,
button.button.eye::before,
div.button.eye::before {
  background-image: url("../../images/front/assets/eye.png");
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 10px;
  vertical-align: top;
  width: 25px;
}
a.button.eye:hover:before,
button.button.eye:hover:before,
div.button.eye:hover:before {
  background-image: url("../../images/front/assets/eye-white.png");
}
a.button.full-width,
button.button.full-width,
div.button.full-width {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
a.button.full-width.readmore::after,
button.button.full-width.readmore::after,
div.button.full-width.readmore::after {
  display: inline-block;
  position: static;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
a.button.transparent,
button.button.transparent,
div.button.transparent {
  background: transparent;
  border: 1px #000000 solid;
  color: #D11F3A;
}
a.button.login,
button.button.login,
div.button.login {
  width: 100%;
}
a.button.login::before,
button.button.login::before,
div.button.login::before {
  content: url("../../images/front/assets/icon-ssl-white.png");
  display: inline-block;
  height: 14px;
  margin-right: 14px;
  position: relative;
  top: 4px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  vertical-align: top;
  width: 12px;
}
a.button.user,
button.button.user,
div.button.user {
  width: 100%;
}
a.button.user::before,
button.button.user::before,
div.button.user::before {
  background-image: url("../../images/front/assets/icon-user.png");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 14px;
  position: relative;
  top: 6px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  vertical-align: top;
  width: 12px;
}
a.button.user.transparent:before,
button.button.user.transparent:before,
div.button.user.transparent:before {
  background-position: 0 -12px;
}
a.button.user:hover:before,
button.button.user:hover:before,
div.button.user:hover:before {
  background-position: 0 0;
}
a.button.check,
button.button.check,
div.button.check {
  width: 100%;
}
a.button.check::before,
button.button.check::before,
div.button.check::before {
  background-image: url("../../images/front/assets/icon-ok-white.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 22px;
  margin-right: 14px;
  margin-top: -10px;
  position: relative;
  top: 16px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  vertical-align: top;
  width: 22px;
}
a.button.check.small,
button.button.check.small,
div.button.check.small {
  width: auto;
}
a.button.check.small::before,
button.button.check.small::before,
div.button.check.small::before {
  background-image: url("../../images/front/assets/icon-tick-white.png");
}
a.button.pdf,
button.button.pdf,
div.button.pdf {
  width: 100%;
}
a.button.pdf::before,
button.button.pdf::before,
div.button.pdf::before {
  background-image: url("../../images/front/assets/icon-pdf.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 22px;
  margin-right: 14px;
  margin-top: -10px;
  position: relative;
  top: 16px;
  vertical-align: top;
  width: 22px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
a.button.white,
button.button.white,
div.button.white,
a.button.empty,
button.button.empty,
div.button.empty {
  background: white;
  border-color: #8f8f8f;
  color: #D11F3A;
}
a.button.white.readmore:after,
button.button.white.readmore:after,
div.button.white.readmore:after,
a.button.empty.readmore:after,
button.button.empty.readmore:after,
div.button.empty.readmore:after {
  border-color: #D11F3A;
  color: #D11F3A;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a.button.white.readmore:hover:after,
button.button.white.readmore:hover:after,
div.button.white.readmore:hover:after,
a.button.empty.readmore:hover:after,
button.button.empty.readmore:hover:after,
div.button.empty.readmore:hover:after {
  border-color: white;
  color: white;
}
a.button.white.pdf::before,
button.button.white.pdf::before,
div.button.white.pdf::before,
a.button.empty.pdf::before,
button.button.empty.pdf::before,
div.button.empty.pdf::before {
  background-image: url("../../images/front/assets/icon-pdf-red.png");
}
a.button.white.pdf:hover::before,
button.button.white.pdf:hover::before,
div.button.white.pdf:hover::before,
a.button.empty.pdf:hover::before,
button.button.empty.pdf:hover::before,
div.button.empty.pdf:hover::before {
  background-image: url("../../images/front/assets/icon-pdf.png");
}
a.button.green,
button.button.green,
div.button.green {
  background: #75b72b;
  border-color: #75b72b;
  color: white;
}
a.button.transparent-search-button,
button.button.transparent-search-button,
div.button.transparent-search-button {
  border-color: transparent;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
}
a.button:hover,
button.button:hover,
div.button:hover {
  background: #000000;
  border-color: #000000;
  color: white;
}
.input {
  background: white;
  border: 1px #d8dcdf solid;
  border-radius: 0;
  color: #8f8f8f;
  font-family: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  height: 48px;
  line-height: 46px;
  outline: none;
  padding: 0 10px;
  width: 100%;
}
.input.error {
  border-color: #D11F3A;
  padding-right: 40px;
}
textarea.input {
  height: auto;
  line-height: 1.3em;
  overflow: auto;
  padding: 10px;
  resize: none;
}
.phone-wrapper {
  display: block;
  position: relative;
}
.phone-wrapper::before {
  color: #8f8f8f;
  content: "+48";
  font-family: normal;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  height: 48px;
  left: 10px;
  line-height: 50px;
  pointer-events: none;
  position: absolute;
  top: 1px;
}
.phone-wrapper .input {
  padding-left: 35px;
}
.checkbox-wrapper {
  position: relative;
}
.checkbox-wrapper input[type="checkbox"] {
  left: -9999px;
  position: absolute;
}
.checkbox-wrapper label:before {
  border: 1px solid #b5b5b5;
  content: " ";
  display: block;
  height: 16px;
  left: 11px;
  margin-right: 0.3em;
  position: absolute;
  top: 15px;
  width: 16px;
}
.checkbox-wrapper input[type="checkbox"] + label,
.checkbox-wrapper input[type="checkbox"] + figure + label {
  display: block;
  padding-left: 39px;
}
.checkbox-wrapper input[type="checkbox"]:checked + label:before,
.checkbox-wrapper input[type="checkbox"]:checked + figure + label::before {
  background: #da1b2c;
}
.checkbox-wrapper input[type="checkbox"].error + label,
.checkbox-wrapper input[type="checkbox"].error + figure + label {
  color: #da1b2c;
}
.checkbox-wrapper input[type="checkbox"].error + label:before,
.checkbox-wrapper input[type="checkbox"].error + figure + label::before {
  border-color: #da1b2c;
}
div.select {
  cursor: pointer;
  padding-right: 40px;
  position: relative;
  /*
  &.selected{
  border-color: @black;
}


&.disabled{
opacity: 0.4;
pointer-events: none;
}
*/
}
div.select .input {
  border: 0;
  bottom: 0;
  height: 44px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
div.select .input.text-view {
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
}
div.select::after {
  background: url("../../images/front/assets/arrow-bottom.png") center center no-repeat;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
div.select .dropdown {
  display: none;
  left: 0;
  list-style: none;
  margin: 1px 0 0;
  max-height: 180px;
  outline: 1px solid #eee;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9;
}
div.select .dropdown.active {
  display: block;
}
div.select .dropdown li {
  background: #fafafa;
  border-bottom: 1px #d8dcdf solid;
  border-radius: 0;
  color: #8f8f8f;
  display: none;
  font-family: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  height: 45px;
  line-height: 44px;
  outline: none;
  padding: 0 10px;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
div.select .dropdown li:last-child {
  border-bottom: 0;
}
div.select .dropdown li.active {
  display: block;
}
div.select .dropdown li.highlighted {
  background: #D11F3A;
  color: white;
}
ul.check-list {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}
ul.check-list.check-black li {
  padding-left: 30px;
}
ul.check-list.check-black li:before {
  background-image: url("../../images/front/assets/check-black.png");
  background-position: center;
  background-repeat: no-repeat;
  top: 5px;
}
ul.check-list li {
  display: block;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}
ul.check-list li::before {
  background: url("../../images/front/assets/check-red.png");
  content: "";
  display: block;
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}
.red-dot-before {
  padding-left: 15px;
}
.red-dot-before::before {
  background: #D11F3A;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  left: -15px;
  position: relative;
  vertical-align: middle;
  width: 8px;
}
.page {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  right: 0;
  width: 100%;
  max-width: -webkit-calc(1190px + 2*15px);
  max-width: -moz-calc(1190px + 2*15px);
  max-width: -o-calc(1190px + 2*15px);
  max-width: calc(1190px + 2*15px);
}
.page:after,
.page:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.inline-list {
  display: inline;
  margin: 0;
  padding: 0;
}
.inline-list li {
  display: inline;
  list-style: none;
}
.inline-list li:not(:last-child):after {
  content: ", ";
  display: inline;
}
/* --------------------------------------------------------------------- */
/* > Popular                                                             */
/* --------------------------------------------------------------------- */
section.gray {
  background: #f2f4f6;
}
section.dark-gray {
  background-color: #d5d9e9;
}
section.red {
  background: #D11F3A;
  color: white;
}
section.red h1,
section.red h2,
section.red h3,
section.red h4,
section.red h5 {
  color: white;
}
section.red .button {
  border-color: white;
}
section.red .button:hover {
  border-color: #000000;
}
.simple-title {
  padding: 30px 0;
}
.section-banner {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 45px 0;
}
section.simple-banner .content {
  padding-left: 100px;
}
section.simple-banner,
.section-image {
  padding: 30px 0;
}
section.simple-banner .page,
.section-image .page {
  display: table;
}
section.simple-banner h2,
.section-image h2 {
  margin-bottom: 10px;
}
section.simple-banner .content,
.section-image .content,
section.simple-banner .image,
.section-image .image {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
section.simple-banner.no-padding .content,
.section-image.no-padding .content {
  padding: 0;
}
section.simple-banner img.right,
.section-image img.right {
  margin-left: auto;
}
section.simple-banner img.center,
.section-image img.center {
  margin: auto;
}
section.simple-banner h1,
.section-image h1 {
  font-size: 32px;
}
section.simple-banner .content .page,
.section-image .content .page {
  padding-bottom: 15px;
  padding-top: 15px;
}
section.simple-banner.no-padding-left .content,
.section-image.no-padding-left .content {
  padding-left: 0;
}
section.simple-banner .image + .content,
.section-image .image + .content {
  padding-left: 0;
  padding-right: 100px;
}
section.simple-banner.gray,
.section-image.gray {
  background: #f2f4f6;
}
section.simple-banner.bottom .image,
.section-image.bottom .image {
  vertical-align: bottom;
}
section.simple-banner.no-margin-bottom,
.section-image.no-margin-bottom {
  padding-bottom: 0;
}
section.simple-banner.no-margin-top,
.section-image.no-margin-top {
  padding-top: 0;
}
section.simple-banner .button,
.section-image .button {
  margin-bottom: 15px;
}
section.simple-banner.background .wrapper,
.section-image.background .wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.simple-banner.background .wrapper .mobile-image,
.section-image.background .wrapper .mobile-image {
  display: none;
}
ul.buttons {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.buttons > li {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 10px;
  vertical-align: top;
}
ul.buttons .button {
  min-width: 290px;
}
.icon.fs12 {
  font-size: 12px;
  line-height: 1.5em;
}
.icon.fs14 {
  font-size: 14px;
}
.icon.fs16 {
  font-size: 16px;
}
.icon.fs18 {
  font-size: 18px;
}
.icon.fs20 {
  font-size: 20px;
}
hr.hr {
  max-width: -webkit-calc(1160px + 2*15px);
  max-width: -moz-calc(1160px + 2*15px);
  max-width: -o-calc(1160px + 2*15px);
  max-width: calc(1160px + 2*15px);
  border-color: #f2f4f6;
  border-top: 0;
}
ul.icons-list {
  list-style: none;
  padding: 0;
}
ul.icons-list > li {
  padding-left: 24px;
  position: relative;
}
ul.icons-list > li::before,
ul.icons-list > li i.icon {
  left: 0;
  position: absolute;
  top: 0;
}
ul.icons-list > li.icon:before,
ul.icons-list > li > i.icon {
  line-height: 2em;
}
ul.icons-list.fs12 > li.icon:before,
ul.icons-list.fs12 > li > i.icon {
  font-size: 12px;
}
ul.icons-list.fs14 > li.icon:before,
ul.icons-list.fs14 > li > i.icon {
  font-size: 14px;
}
ul.icons-list.fs16 > li.icon:before,
ul.icons-list.fs16 > li > i.icon {
  font-size: 16px;
}
ul.icons-list.fs18 > li.icon:before,
ul.icons-list.fs18 > li > i.icon {
  font-size: 18px;
}
ul.icons-list.fs20 > li.icon:before,
ul.icons-list.fs20 > li > i.icon {
  font-size: 20px;
}
ul.icons {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.icons.medium-icons > li {
  padding-left: 25px;
}
ul.icons.medium-icons > li::before {
  background-position: top left;
  background-size: 17px;
  height: 22px;
}
ul.icons > li {
  padding-left: 22px;
  position: relative;
}
ul.icons > li::before {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 11px;
  content: "";
  display: block;
  height: 1em;
  left: 0;
  position: absolute;
  top: 4px;
  width: 22px;
}
ul.icons > li.mail {
  word-break: break-all;
  word-wrap: break-word;
}
ul.icons > li.location::before {
  background-image: url("../../images/front/assets/icon-location.png");
}
ul.icons > li.bank::before {
  background-image: url("../../images/front/assets/icon-bank.png");
}
ul.icons > li.location.black::before {
  background-image: url("../../images/front/assets/icon-location-black.png");
}
ul.icons > li.date:before {
  background-image: url("../../images/front/assets/icon-calendar.png");
}
ul.icons > li.fax:before {
  background-image: url("../../images/front/assets/icon-fax.png");
}
ul.icons > li.person:before {
  background-image: url("../../images/front/assets/icon-person.png");
}
ul.icons > li.person.black:before {
  background-image: url("../../images/front/assets/icon-person-black.png");
}
ul.icons > li.person.red:before {
  background-image: url("../../images/front/assets/icon-account.png");
}
ul.icons > li.tick:before {
  background-image: url("../../images/front/assets/icon-tick.png");
}
ul.icons > li.tick.red:before {
  background-image: url("../../images/front/assets/icon-tick-red.png");
}
ul.icons > li.gray:before {
  background-image: url("../../images/front/assets/icon-tick-gray.png");
}
ul.icons > li.building:before {
  background-image: url("../../images/front/assets/icon-building-black.png");
}
ul.icons > li.building.black:before {
  background-image: url("../../images/front/assets/icon-building-black.png");
}
ul.icons > li.edit.red:before {
  background-image: url("../../images/front/assets/icon-edit-red.png");
  background-position: 0px 7px;
  background-size: 12px 13px;
  height: 20px;
}
ul.icons > li.mail:before {
  background-image: url("../../images/front/assets/icon-mail.png");
  background-position: 1px 3px;
  background-size: 15px 11px;
}
ul.icons > li.mail.black:before {
  background-image: url("../../images/front/assets/icon-mail-black.png");
  background-position: 1px 3px;
  background-size: 13px 9px;
}
ul.icons > li.phone:before {
  background-image: url("../../images/front/assets/icon-phone2.png");
  background-position: 1px 1px;
  background-size: 14px 15px;
}
ul.icons > li.phone.black:before {
  background-image: url("../../images/front/assets/icon-phone-black.png");
  background-position: 0px 0px;
  background-size: 10px 10px;
}
ul.icons > li.globe:before {
  background-image: url("../../images/front/assets/icon-globe.png");
  background-size: 18px 19px;
}
ul.icons > li.vacation:before {
  background-image: url("../../images/front/assets/icon-hourglass.png");
  background-position: 4px center;
  background-size: 8px 18px;
}
ul.icons > li.mail-income::before {
  background-image: url("../../images/front/assets/icon-mailincoming.png");
}
ul.icons > li.click::before {
  background-image: url("../../images/front/assets/icon-click.png");
}
ul.icons > li.gift::before {
  background-image: url("../../images/front/assets/icon-gift.png");
}
ul.icons > li.link:before {
  background-image: url("../../images/front/assets/link.png");
}
ul.icons > li.lock:before {
  background-image: url("../../images/front/assets/icon-lock.png");
}
ul.icons > li.eye::before {
  background-image: url("../../images/front/assets/eye.png");
}
ul.icons > li.staffroom::before {
  background-image: url("../../images/front/assets/icon-staff.png");
}
ul.icons > li.dms::before {
  background-image: url("../../images/front/assets/icon-dms.png");
}
ul.icons > li.cart::before {
  background-image: url("../../images/front/assets/icon-cart.png");
}
ul.icons.white {
  color: white;
}
ul.icons.white > li.location::before {
  background-image: url("../../images/front/assets/icon-locatkion-white.png");
}
ul.icons.white > li.date:before {
  background-image: url("../../images/front/assets/icon-calendar-white.png");
}
ul.icons.white > li.person:before {
  background-image: url("../../images/front/assets/icon-person-white.png");
}
ul.icons.representative-icons-center > li {
  padding-left: 0;
}
ul.icons.representative-icons-center > li::before {
  display: inline-block;
  margin-right: 2px;
  position: static;
  vertical-align: middle;
}
ul.social-boxes {
  font-size: 0;
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}
ul.social-boxes li {
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}
ul.social-boxes li a {
  background-image: url("../../images/front/assets/social-mockup.jpg");
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 40px;
  width: 40px;
}
ul.social-boxes li a:hover {
  opacity: 0.7;
}
ul.social-boxes li.tweeter a {
  background-position: 0 0;
}
ul.social-boxes li.facebook a {
  background-position: -43px 0;
}
ul.social-boxes li.google a {
  background-position: -87px 0;
}
ul.social-boxes li.pinterest a {
  background-position: -131px 0;
}
ul.social-boxes li.mail a {
  background-position: -175px 0;
}
ul.download-items {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}
ul.download-items li {
  margin-bottom: 10px;
}
ul.download-items a.button {
  padding-left: 40px;
  position: relative;
  text-align: left;
  width: 100%;
}
ul.download-items a.button::before {
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 40px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
ul.download-items a.button.certificate::before {
  background-image: url("../../images/front/assets/icon-certyfikat.png");
}
ul.download-items a.button.handout::before {
  background-image: url("../../images/front/assets/icon-handout.png");
}
ul.download-items a.button.pdf::before {
  background-image: url("../../images/front/assets/icon-pdf.png");
}
ul.links-list {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}
ul.links-list a {
  color: #000000;
  font-weight: bold;
}
ul.links-list a:hover {
  color: #D11F3A;
}
ul.links-list a::after {
  color: #D11F3A;
  content: "\203A";
  font-size: 20px;
  line-height: 13px;
  margin-left: 10px;
  vertical-align: baseline;
}
section.side-menu .page {
  display: table;
}
section.side-menu aside {
  background: #f2f4f6;
  display: table-cell;
  padding: 30px 25px;
  vertical-align: top;
  width: 25%;
}
section.side-menu > .page > .content {
  display: table-cell;
  vertical-align: top;
  width: 75%;
}
section.side-menu > .page > .content .wide-width {
  max-width: 100%;
}
section.side-menu > .page > .content .title {
  display: table;
}
section.side-menu > .page > .content .title.no-image {
  padding-top: 30px;
}
section.side-menu > .page > .content .title .left,
section.side-menu > .page > .content .title .right {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
section.side-menu > .page > .content .main-representatives {
  margin: auto;
  margin-right: 0;
  padding: 30px 0 0 30px;
  width: 100%;
}
section.side-menu > .page > .content .main {
  margin: auto;
  margin-left: 80px;
  max-width: 650px;
  padding: 30px;
  width: 100%;
}
section.side-menu > .page > .content .main.no-padding-right {
  max-width: 100%;
  padding-right: 0;
}
section.side-menu > .page > .content .main .contact p {
  margin-bottom: 60px;
}
section.side-menu > .page > .content .main .contact h2 {
  font-size: 32px;
}
section.side-menu > .page > .content .main .contact .image {
  vertical-align: top;
}
section.side-menu > .page > .content .main .contact .image img {
  margin: auto;
}
ul.red-line-left {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.red-line-left li {
  margin-bottom: 18px;
  vertical-align: top;
}
ul.red-line-left li.active > a {
  border-color: #D11F3A;
  font-weight: bold;
}
ul.red-line-left a {
  border-left: 2px transparent solid;
  display: block;
  line-height: 15px;
  padding-left: 15px;
}
ul.red-line-left a.active,
ul.red-line-left a:hover {
  border-color: #D11F3A;
  font-weight: bold;
}
section.go-back {
  border-top: 4px #f2f4f6 solid;
  padding: 20px 0 10px;
  text-align: center;
}
section.go-back span {
  font-size: 19.5px;
  margin-right: 10px;
}
section.go-back a {
  color: #8f8f8f;
  font-weight: bold;
  line-height: 19.5px;
  text-transform: uppercase;
}
section.go-back a:hover {
  color: #000000;
}
/* --------------------------------------------------------------------- */
/* > Menu                                                                */
/* --------------------------------------------------------------------- */
#header {
  background: white;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
#header:after,
#header:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
#header nav {
  padding-bottom: 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav figure.logo {
  padding-top: 3px;
}
#header nav .left {
  float: left;
}
#header nav .right {
  float: right;
  padding: 5px 0;
}
#header nav ul,
#header nav form,
#header nav figure {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
#header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header nav li {
  display: inline-block;
}
#header nav input:focus + button + ul.search-hints {
  display: block;
}
#header nav form:hover ul.search-hints {
  display: block;
}
#header nav ul.search-hints {
  background: white;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}
#header nav ul.search-hints li {
  border: 0;
  display: block;
  margin: 0;
}
#header nav ul.search-hints li a {
  border-color: #d8dcdf;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  display: block;
  padding: 10px;
}
#header nav ul.search-hints li a .search {
  font-weight: bold;
}
#header nav ul.search-hints li a .hint-title {
  display: block;
}
#header nav ul.search-hints li a .hint-type {
  color: #8f8f8f;
  display: block;
  font-size: 9px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav ul.search-hints li a:hover {
  background: #f2f4f6;
  color: black;
}
#header nav ul.search-hints li a:hover .hint-type {
  color: black;
}
#header nav .menu-switch {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  max-width: 0;
  overflow: hidden;
  position: absolute;
  position: relative;
  vertical-align: middle;
  width: 95px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav .menu-switch .text {
  color: #D11F3A;
  display: block;
  font-size: 13px;
  font-weight: bold;
  left: 45px;
  line-height: 40px;
  position: absolute;
  top: 0;
  vertical-align: middle;
}
#header nav #main-menu li {
  border-right: 1px #d8dcdf solid;
  font-size: 13px;
  padding: 2px 10px;
  text-transform: uppercase;
}
#header nav #main-menu li:last-child {
  border: 0;
}
#header nav #main-menu li a {
  display: block;
  position: relative;
}
#header nav #main-menu li a.register {
  color: #D11F3A;
}
#header nav #main-menu li a::after {
  background: #000000;
  bottom: -6px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  opacity: 0;
  position: absolute;
  width: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav #main-menu li a.active {
  color: black;
}
#header nav #main-menu li a.active::after {
  background-color: #D11F3A;
  opacity: 1;
  width: 100%;
}
#header nav #main-menu li a:hover {
  color: black;
}
#header nav #main-menu li a:hover::after {
  opacity: 1;
  width: 100%;
}
#header nav .contact::before,
#header nav .login::before,
#header nav .register::before {
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}
#header nav .contact:before {
  background-image: url("../../images/front/assets/icon-phone.png");
}
#header nav .login::before {
  background-image: url("../../images/front/assets/icon-account-hover.png");
}
#header nav .register::before {
  background-image: url("../../images/front/assets/icon-ssl.png");
}
#header nav .contact:hover:before,
#header nav .contact.active:before {
  background-image: url("../../images/front/assets/icon-phone-hover.png");
}
#header nav .login:hover::before,
#header nav .login.active::before {
  background-image: url("../../images/front/assets/icon-account.png");
}
#header nav .register:hover::before,
#header nav .register.active::before {
  background-image: url("../../images/front/assets/icon-ssl-hover.png");
}
#header nav form input.input {
  padding-right: 40px;
  width: 365px;
}
#header nav form input.input:focus {
  border-color: #000000;
}
#header nav form input.input:focus + button {
  background-color: #D11F3A;
  background-image: url("../../images/front/assets/icon-search-hover.png");
}
#header nav form button {
  background: url("../../images/front/assets/icon-search.png") center center no-repeat;
  background-color: transparent;
  border: 1px transparent solid;
  cursor: pointer;
  display: block;
  height: 100%;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}
#header nav .icons {
  font-size: 0;
  line-height: 46px;
}
#header nav .icons > li {
  vertical-align: middle;
}
#header nav .icons a {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 40px;
  margin-left: 8px;
  width: 30px;
}
#header nav .icons a.staff-icon {
  background-image: url("../../images/front/assets/icon-staff.png");
}
#header nav .icons a.dms-icon {
  background-image: url("../../images/front/assets/icon-dms.png");
}
#header nav .icons a.student-icon {
  background-image: url("../../images/front/assets/icon-uczen.png");
}
#header nav .icons a.cart-icon {
  background-image: url("../../images/front/assets/icon-cart.png");
}
#header nav .icons a.quizlet-icon {
  background-image: url("../../images/front/assets/icon-quizlet.png");
}
#header nav .icons a.kahoot-icon {
  background-image: url("../../images/front/assets/icon-kahoot.png");
}
#header nav .icons a.staff-icon:hover {
  background-image: url("../../images/front/assets/icon-staff-hover.png");
}
#header nav .icons a.dms-icon:hover {
  background-image: url("../../images/front/assets/icon-dms-hover.png");
}
#header nav .icons a.student-icon:hover {
  background-image: url("../../images/front/assets/icon-uczen-red.png");
}
#header nav .icons a.cart-icon:hover {
  background-image: url("../../images/front/assets/icon-cart-hover.png");
}
#header nav .icons a.quizlet-icon:hover {
  background-image: url("../../images/front/assets/icon-quizlet-hover.png");
}
#header nav .icons a.kahoot-icon:hover {
  background-image: url("../../images/front/assets/icon-kahoot-hover.png");
}
#header.scrolled nav {
  padding-bottom: 0;
}
#header.scrolled nav .menu-switch {
  max-width: 100px;
}
#header.scrolled nav #main-menu li a {
  font-size: 0;
}
#header.scrolled nav #main-menu li a.about-us {
  font-size: 13px;
}
#header.scrolled nav #main-menu li .contact::before,
#header.scrolled nav #main-menu li .login::before,
#header.scrolled nav #main-menu li .register::before {
  margin-right: 0;
}
#header.scrolled section.tabs {
  max-height: 0;
}
#header.scrolled section.tabs.active {
  max-height: 200px;
}
/* --------------------------------------------------------------------- */
/* > Taby                                                                */
/* --------------------------------------------------------------------- */
section.tabs {
  max-height: 200px;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.tabs li.mobile {
  display: none;
}
section.tabs li.active a {
  border-bottom-color: #D11F3A;
  font-weight: bold;
}
section.tabs a {
  background: #f2f4f6;
  border-bottom: 2px transparent solid;
  color: black;
  display: block;
  font-size: 16px;
  padding: 18px 18px 16px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
section.tabs a:hover {
  background: black;
  color: white;
}
/* --------------------------------------------------------------------- */
/* > Slider                                                              */
/* --------------------------------------------------------------------- */
.rwd-slider {
  position: relative;
}
.rwd-slider.transition > ul:first-child > li {
  transition: all 0.4s ease;
}
.rwd-slider > ul:first-child {
  font-size: 0;
  margin: 0 !important;
  overflow: hidden;
  padding: 0;
  text-overflow: initial;
  white-space: nowrap;
  width: 100%;
}
.rwd-slider > ul:first-child > li {
  background-size: cover;
  display: inline-table;
  float: none;
  font-size: 18px;
  line-height: initial;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: top;
  white-space: normal;
  width: 100%;
}
.rwd-slider .prev,
.rwd-slider .next {
  background: #f9fafb;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 56px;
  line-height: 56px;
  margin-top: -86px;
  position: absolute;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 56px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.rwd-slider .prev:hover,
.rwd-slider .next:hover {
  background: #000000;
  color: white;
}
.rwd-slider .prev {
  left: 0;
}
.rwd-slider .next {
  right: 0;
}
.rwd-slider .image-mobile {
  display: none;
}
section.slider ul.slider {
  background: #f2f4f6;
}
section.slider ul.slider > li {
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 16px;
  line-height: 1.6em;
  min-height: 396px;
}
section.slider ul.slider > li:after,
section.slider ul.slider > li:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.slider ul.slider .left,
section.slider ul.slider .right {
  display: block;
  vertical-align: top;
}
section.slider ul.slider .left {
  float: left;
  padding: 60px 100px;
  padding-right: 20px;
  width: 50%;
}
section.slider ul.slider .right {
  float: right;
  padding: 60px 100px;
  padding-left: 0px;
  width: 50%;
}
section.slider ul.slider .title,
section.slider ul.slider .sub-title {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 0px;
  text-transform: uppercase;
}
section.slider ul.slider .content {
  margin-bottom: 15px;
  margin-top: 10px;
}
section.slider ul.nav {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
section.slider ul.nav li {
  background: white;
  cursor: pointer;
  display: table-cell;
  padding: 20px 25px;
  position: relative;
  vertical-align: middle;
}
section.slider ul.nav li.active {
  background: #f2f4f6;
}
section.slider ul.nav li.active .title,
section.slider ul.nav li.active .sub-title {
  color: black;
  font-weight: bold;
}
section.slider ul.nav li.active .progress {
  background: #d8dcdf;
}
section.slider ul.nav .title,
section.slider ul.nav .sub-title {
  color: #8f8f8f;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
section.slider ul.nav .sub-title {
  font-weight: normal;
}
section.slider ul.nav .progress {
  background: #f2f4f6;
  bottom: 0;
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
section.slider ul.nav .progress span {
  background: #D11F3A;
  display: block;
  height: 4px;
  width: 0;
}
.teacherzone-login {
  background-size: 600px;
}
.teacherzone-login-guest {
  background-size: 450px;
}
.teacherzone-login-guest .row .login-box .effect.half {
  margin-bottom: 20px;
}
.teacherzone-login-guest .row .login-box .effect.half:last-of-type {
  margin-bottom: 0;
}
.teacherzone-login-guest .row .login-box .effect.half label {
  left: -3%;
  position: absolute;
  top: -60%;
}
/* --------------------------------------------------------------------- */
/* > Newsletter                                                          */
/* --------------------------------------------------------------------- */
section.newsletter {
  margin-bottom: 10px;
  margin-top: 10px;
}
section.newsletter .wrapper {
  display: table;
  width: 100%;
}
section.newsletter .checkbox-wrapper {
  max-height: 56px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.newsletter .checkbox-wrapper::after {
  bottom: 0;
  box-shadow: inset 0 -20px 60px #f2f2f2;
  content: " ";
  display: block;
  height: 60px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
section.newsletter .checkbox-wrapper.clicked {
  max-height: 400px;
}
section.newsletter .checkbox-wrapper.clicked::after {
  display: none;
}
section.newsletter .left {
  background: #313131;
  display: table-cell;
  padding: 20px 50px;
  vertical-align: top;
  width: 33.33%;
}
section.newsletter .left span {
  color: white;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
  padding-left: 45px;
  position: relative;
  text-transform: uppercase;
}
section.newsletter .left span::before {
  background: url("../../images/front/assets/icon-newsletter.png");
  background-position: left center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
section.newsletter .right {
  background: #f2f4f6;
  display: table-cell;
  vertical-align: top;
}
section.newsletter label {
  font-size: 13px;
  line-height: 1.385;
}
section.newsletter form {
  display: table;
  width: 100%;
}
section.newsletter .approval {
  display: block;
  float: left;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-top: 15px;
  vertical-align: top;
  width: 50%;
}
section.newsletter .approval .checkbox-wrapper {
  margin-bottom: 0;
}
section.newsletter .newsletter-register {
  display: block;
  float: right;
  padding: 20px 15px;
  vertical-align: top;
  width: 50%;
}
section.newsletter .button-wrapper {
  display: table;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
section.newsletter .button-wrapper .input-wrapper {
  display: table-cell;
  margin-bottom: 0;
  vertical-align: top;
}
section.newsletter .button-wrapper .input {
  width: 100%;
}
section.newsletter .button-wrapper button.button {
  border: 0;
  display: table-cell;
  height: 48px;
  line-height: 14px;
  outline: 0;
  padding: 16px 30px;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}
/* --------------------------------------------------------------------- */
/* > Bottom menu                                                         */
/* --------------------------------------------------------------------- */
section.bottom-menu {
  background: #f2f4f6;
  padding: 0;
}
section.bottom-menu ul {
  float: left;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 18px 0;
  width: -moz-calc(100% - 164px);
  width: -o-calc(100% - 164px);
  width: -webkit-calc(100% - 164px);
  width: calc(100% - 164px);
}
section.bottom-menu li {
  display: inline-block;
  margin-right: 25px;
  vertical-align: baseline;
}
section.bottom-menu li a {
  color: #000000;
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: relative;
}
section.bottom-menu li a::after {
  background: #000000;
  bottom: -6px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  opacity: 0;
  position: absolute;
  width: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.bottom-menu li a:hover {
  color: black;
}
section.bottom-menu li a:hover::after {
  opacity: 1;
  width: 100%;
}
section.bottom-menu .back-to-top {
  cursor: pointer;
  float: right;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  position: relative;
  width: 152px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.bottom-menu .back-to-top span {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #f2f4f6;
  font-size: 14px;
}
section.bottom-menu .back-to-top em {
  background-color: white;
  background-image: url("../../images/front/assets/icon-arrow-top.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.bottom-menu .back-to-top:hover {
  background: #313131;
}
section.bottom-menu .back-to-top:hover span {
  color: white;
}
section.bottom-menu .back-to-top:hover em {
  background-color: #313131;
  background-image: url("../../images/front/assets/icon-arrow-top-hover.png");
}
/* --------------------------------------------------------------------- */
/* > Footer                                                              */
/* --------------------------------------------------------------------- */
footer {
  background: #313131;
}
footer .page {
  display: table;
}
footer .copyright,
footer .social,
footer .footer-menu {
  color: #8f8f8f;
  display: table-cell;
  vertical-align: top;
  width: 33.333%;
}
footer .copyright ul,
footer .social ul,
footer .footer-menu ul {
  font-size: 0;
  list-style: none;
  padding: 0;
}
footer .copyright li,
footer .social li,
footer .footer-menu li {
  display: inline-block;
}
footer .copyright a,
footer .social a,
footer .footer-menu a {
  color: #8f8f8f;
  font-size: 13px;
  line-height: 13px;
}
footer .copyright a:hover,
footer .social a:hover,
footer .footer-menu a:hover {
  color: white;
}
footer .copyright {
  font-size: 13px;
  line-height: 13px;
  padding: 17px 0;
}
footer .social {
  text-align: center;
}
footer .social a {
  background-color: black;
  display: block;
  height: 47px;
  width: 47px;
}
footer .social a:hover {
  background-color: #D11F3A;
}
footer .social a.facebook {
  background-image: url("../../images/front/assets/footer-fb.png");
  background-position: center;
  background-repeat: no-repeat;
}
footer .footer-menu {
  padding: 17px 0;
  text-align: right;
}
footer .footer-menu li {
  margin-left: 18px;
}
footer .footer-menu li a {
  display: block;
  position: relative;
  text-transform: uppercase;
}
footer .footer-menu li a::after {
  background: white;
  bottom: -6px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  opacity: 0;
  position: absolute;
  width: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
footer .footer-menu li a:hover::after {
  opacity: 1;
  width: 100%;
}
/* --------------------------------------------------------------------- */
/* > Partnerzy                                                           */
/* --------------------------------------------------------------------- */
section.partners {
  padding: 30px 0;
}
section.partners .table {
  display: table;
  width: 80%;
}
section.partners .left,
section.partners .center {
  display: table-cell;
  vertical-align: middle;
}
section.partners .left {
  width: 25%;
}
section.partners .left h2 {
  font-size: 22px;
  text-transform: uppercase;
}
section.partners .center {
  width: 75%;
}
section.partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
section.partners li {
  border: 1px #f2f4f6 solid;
  display: inline-block;
  margin: 10px 15px;
}
/* --------------------------------------------------------------------- */
/* > Kontakt                                                             */
/* --------------------------------------------------------------------- */
section.contact {
  padding: 50px 0;
}
section.contact label {
  display: block;
  margin-bottom: 10px;
}
section.contact textarea {
  margin-bottom: 10px;
}
section.contact .button {
  margin-top: 15px;
  width: 100%;
}
section.contact .button::after {
  display: inline-block;
  position: static;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
/* --------------------------------------------------------------------- */
/* > Breadcrumbs                                                         */
/* --------------------------------------------------------------------- */
section.breadcrumbs ul,
section.breadcrumbs ol {
  border-bottom: 1px #f2f4f6 solid;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 2px 0 12px;
}
section.breadcrumbs ul li,
section.breadcrumbs ol li {
  color: #8f8f8f;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  list-style: none;
  margin-right: 18px;
  min-height: 20px;
  vertical-align: middle;
}
section.breadcrumbs ul li span,
section.breadcrumbs ol li span {
  font-size: 19.5px;
  line-height: 0;
}
section.breadcrumbs ul li a,
section.breadcrumbs ol li a {
  color: #000000;
}
section.breadcrumbs ul li a.home,
section.breadcrumbs ol li a.home {
  background: url("../../images/front/assets/icon-home.png");
  display: block;
  height: 16px;
  width: 21px;
}
/* --------------------------------------------------------------------- */
/* > Kroniki                                                             */
/* --------------------------------------------------------------------- */
.timeline > ul > li {
  display: table;
  padding-bottom: 50px;
  position: relative;
  width: 100%;
}
.timeline > ul > li:last-child .date:before {
  display: none;
}
.timeline > ul > li .date,
.timeline > ul > li .description {
  display: table-cell;
  vertical-align: top;
}
.timeline > ul > li .date {
  width: 33.33%;
}
.timeline > ul > li .date::before {
  border-left: 1px #8f8f8f dashed;
  content: "";
  display: block;
  height: 100%;
  left: 4px;
  position: absolute;
  top: 40px;
  width: 1px;
}
.timeline > ul > li .date span {
  display: block;
  font-size: 56px;
  line-height: 1em;
  text-indent: -10px;
}
.timeline > ul > li .date span::before {
  left: -5px;
}
.timeline > ul > li .description {
  width: 66.66%;
}
.timeline > ul > li .description h4 {
  margin-top: 8px;
}
/* --------------------------------------------------------------------- */
/* > Partnerzy                                                           */
/* --------------------------------------------------------------------- */
ul.partners {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.partners .logo,
ul.partners .description {
  display: table-cell;
  vertical-align: middle;
}
ul.partners .description {
  padding-left: 10px;
}
ul.partners .logo img {
  border: 1px #f2f4f6 solid;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.partners .logo {
  width: 190px;
}
ul.partners > li {
  margin-bottom: 10px;
}
ul.partners > li > a {
  display: table;
  width: 100%;
}
ul.partners > li > a h3,
ul.partners > li > a p {
  border-bottom: 1px transparent solid;
  clear: both;
  display: table;
  margin-bottom: 5px;
  padding-bottom: 5px;
  position: relative;
  vertical-align: baseline;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.partners > li > a h3:after,
ul.partners > li > a h3:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.partners > li > a p:after {
  color: #D11F3A;
  content: "\203A";
  font-size: 20px;
  margin-left: 10px;
}
ul.partners > li > a:hover .logo img {
  border: 1px black solid;
}
ul.partners > li > a:hover h3,
ul.partners > li > a:hover p {
  border-bottom: 1px black solid;
  color: black;
}
ul.partners > li > a:hover p:after {
  color: black;
}
/* --------------------------------------------------------------------- */
/* > Logowanie                                                           */
/* --------------------------------------------------------------------- */
section.login .page {
  display: table;
}
section.login .page .login-form,
section.login .page .register {
  display: table-cell;
  padding: 50px 15px;
  vertical-align: middle;
  width: 50%;
}
section.login .register {
  background: #f2f4f6;
}
section.login .content {
  margin: auto;
  max-width: 290px;
  width: 100%;
}
section.login label {
  display: block;
  margin-bottom: 5px;
}
section.login .input {
  margin-bottom: 20px;
}
/* --------------------------------------------------------------------- */
/* > Rejestracja                                                         */
/* --------------------------------------------------------------------- */
.info-details {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.info-details.active {
  margin-bottom: 15px;
  max-height: 400px;
  opacity: 1;
}
input.hidden {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  width: 0px;
}
.input-wrapper {
  margin-bottom: 18px;
  position: relative;
}
.input-wrapper .input.error + figure {
  display: block;
}
.input-wrapper textarea.input.error + figure {
  height: 46px;
}
.input-wrapper input.hidden.error + figure + ul + input {
  border: 1px #D11F3A solid;
}
.input-wrapper input[type="checkbox"].error + figure {
  display: none;
}
.input-wrapper input[type="checkbox"].error + figure + p:before,
.input-wrapper input[type="checkbox"].error + figure + label:before {
  border: 1px #D11F3A solid;
}
.input-wrapper figure {
  background: url("../../images/front/assets/error.png") center center no-repeat;
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 2;
}
.input-wrapper figure:hover label {
  display: block !important;
}
.input-wrapper figure label {
  background: #D11F3A;
  bottom: 100%;
  color: white;
  display: none !important;
  left: 50%;
  line-height: 1.25;
  margin-bottom: -5px !important;
  max-width: 300px;
  min-width: 150px;
  padding: 10px;
  position: absolute;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
}
.input-wrapper figure label::after {
  border-color: #D11F3A transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  width: 0;
}
ul.register-details > li {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.register-details > li.active {
  margin-bottom: 15px;
  max-height: 400px;
  opacity: 1;
}
ul.register-details > li p {
  margin-bottom: 0;
}
ul.register-details > li p:after,
ul.register-details > li p:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.register-details > li p.empty {
  display: block;
  height: 15px;
}
ul.register-details > li i {
  color: #a1a1a1;
}
ul.register-details > li a.arrow-left {
  line-height: 1em;
}
ul.register-details > li a.arrow-left:hover {
  color: #D11F3A;
}
ul.register-details > li a.arrow-left::before {
  margin-right: 5px;
}
ul.tabs-content > li {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.tabs-content > li.active {
  max-height: 4000px;
  opacity: 1;
}
.register-form.completed .progress-bar:after {
  background: #000000;
  width: 100%;
}
.register-form.completed ul.progress-list > li {
  pointer-events: none;
}
ul.progress-list {
  font-size: 0;
  margin-bottom: 10px;
}
ul.progress-list > li {
  display: inline-block;
  font-size: 13px;
  position: relative;
  text-transform: uppercase;
  vertical-align: top;
  width: 33.33%;
}
ul.progress-list > li.active {
  font-weight: bold;
}
ul.progress-list > li:first-child::after {
  right: 10px;
}
ul.progress-list > li:last-child::after {
  display: none;
}
ul.progress-list > li::after {
  box-sizing: border-box;
  content: "\203A";
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 24px;
  line-height: normal;
  margin-top: 0;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 50%;
  transition: all 0.4s ease;
  width: 24px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.register-finish,
.steps-display {
  display: none;
}
.register-finish.active,
.steps-display.active {
  display: block;
}
.progress-bar {
  background: #f2f4f6;
  display: block;
  height: 4px;
  position: relative;
  width: 100%;
}
.progress-bar::after {
  background: #D11F3A;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.progress-bar.step-2::after {
  width: 33.33%;
}
.progress-bar.step-3:after {
  width: 66.66%;
}
.progress-bar.step-4:after {
  width: 80%;
}
.register-tabs {
  margin: 0;
}
.register-tabs .recaptcha-wrapper {
  margin: 0 0 30px;
}
.register-tabs .checkbox-row {
  margin-bottom: 5px;
}
.register-tabs .next-step {
  color: #d8dcdf;
  font-size: 16px;
  font-style: italic;
  text-transform: uppercase;
}
.register-tabs .narrow-width {
  margin: auto;
  max-width: 690px;
  width: 100%;
}
.register-tabs .select-2-simple,
.register-tabs .input-wrapper {
  padding: 0 !important;
}
.register-tabs label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
.register-tabs p {
  font-size: 13px;
}
.register-tabs #rspo-section {
  margin-bottom: 30px;
}
.register-tabs #rspo-section .flex {
  justify-content: space-between;
}
.register-tabs .narrow,
.register-tabs .medium {
  padding: 15px;
}
.register-tabs .narrow > .content,
.register-tabs .medium > .content {
  padding: 15px 0;
}
.register-tabs .narrow > .content {
  margin: auto;
  max-width: 290px;
  width: 100%;
}
.register-tabs .medium {
  /*
    &.agreements,
    &.check-agreements,
    &.school-details,
    &.check-school-details,
    &.submit{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    .Transition;

    &.active{
    opacity: 1;
    max-height: 800px;
  }

}
*/
}
.register-tabs .medium.gray {
  background: #f2f4f6;
  border: 1px #d8dcdf solid;
}
.register-tabs .medium.gray:not(.active) {
  padding-bottom: 0;
  padding-top: 0;
}
.register-tabs .medium > .content {
  margin: auto;
  max-width: 690px;
  width: 100%;
}
.register-tabs .medium.border-bottom > .content {
  border-bottom: 1px #d8dcdf solid;
}
.register-tabs .medium.check-agreements,
.register-tabs .medium.check-school-details {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.register-tabs .medium.agreements strong,
.register-tabs .medium.agreements i {
  display: block;
  padding-left: 22px;
}
.register-tabs .medium.agreements i {
  margin-bottom: 10px;
}
.register-tabs .medium.agreements .checkbox-row {
  margin-bottom: 0;
}
.register-tabs .medium.agreements .hr {
  border-top: #d8dcdf 1px solid;
  display: block;
  height: 1px;
  margin: 0 -15px 10px;
  width: 120%;
  width: -moz-calc(100% + 30px);
  width: -o-calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  width: calc(100% + 30px);
}
.register-tabs .medium.agreements > p {
  margin-bottom: 0;
  padding-left: 22px;
}
.register-tabs .medium.register-complete > .content {
  position: relative;
}
.register-tabs .medium.register-complete > .content::before {
  background: url("../../images/front/assets/icon-success.png") center no-repeat;
  content: "";
  display: block;
  height: 42px;
  left: -57px;
  position: absolute;
  top: 15px;
  width: 42px;
}
.register-tabs .medium.register-complete > .content h2 {
  font-size: 32px;
  text-transform: none;
}
.register-tabs .medium.register-complete > .content h3 {
  margin-bottom: 15px;
}
.register-tabs .medium.register-complete > .content li {
  margin-bottom: 15px;
}
.register-tabs .medium.register-complete > .content ul.icons {
  margin-bottom: 30px;
}
.register-tabs .row > div:first-child {
  padding-right: 5px;
}
.register-tabs .row > div:last-child {
  padding-left: 5px;
}
.row:after,
.row:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.row .cw-8,
.row .cw-4,
.row .cw-6,
.row .cw-7,
.row .cw-5,
.row .cw-3,
.row .cw-9 {
  display: block;
  float: left;
}
.row .cw-8,
.row .cw-4,
.row .cw-7,
.row .cw-5,
.row .cw-3,
.row .cw9 {
  padding-left: 0;
  padding-right: 5px;
}
.row .cw-4 + .cw-8,
.row .cw-8 + .cw-4,
.row .cw-5 + .cw-7,
.row .cw-7 + .cw-5,
.row .cw-3 + .cw-9,
.row .cw-9 + .cw-3 {
  padding-left: 5px;
  padding-right: 0px;
}
.row .cw-3 {
  width: 25%;
}
.row .cw-9 {
  width: 75%;
}
.row .cw-5 {
  width: 41.66%;
}
.row .cw-7 {
  width: 58.33%;
}
.row .cw-4 {
  width: 33.33%;
}
.row .cw-8 {
  width: 66.66%;
}
.row .cw-6 {
  width: 50%;
}
.checkbox-row {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.checkbox-row input[type="checkbox"] {
  left: -999px;
  opacity: 0;
  position: absolute;
}
.checkbox-row input[type="checkbox"] + p,
.checkbox-row input[type="checkbox"] + figure + p,
.checkbox-row input[type="checkbox"] + label,
.checkbox-row input[type="checkbox"] + figure + label {
  display: block;
  padding-left: 22px;
  position: relative;
}
.checkbox-row input[type="checkbox"] + p::before,
.checkbox-row input[type="checkbox"] + figure + p::before,
.checkbox-row input[type="checkbox"] + label::before,
.checkbox-row input[type="checkbox"] + figure + label::before {
  background: url("../../images/front/assets/cb-empty.png");
  content: "";
  cursor: pointer;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 16px;
}
.checkbox-row input[type="checkbox"]:checked + p::before,
.checkbox-row input[type="checkbox"]:checked + figure + p::before,
.checkbox-row input[type="checkbox"]:checked + label::before,
.checkbox-row input[type="checkbox"]:checked + figure + label::before {
  background: url("../../images/front/assets/cb-full.png");
}
/* --------------------------------------------------------------------- */
/* > Szkolenia online                                                    */
/* --------------------------------------------------------------------- */
.online-training-list li {
  margin-bottom: 45px;
}
.online-training-list a {
  display: block;
  font-size: 16px;
}
.online-training-list a .image {
  border: 1px transparent solid;
}
.online-training-list a:hover .image {
  border: 1px #000000 solid;
}
.online-training-list a:hover .title span,
.online-training-list a:hover .date,
.online-training-list a:hover .author {
  color: #000000;
}
.online-training-list a:hover .title span:before {
  opacity: 1;
  width: 100%;
}
.online-training-list a:hover .title span::after {
  color: #000000;
}
.online-training-list .image {
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.online-training-list .image span {
  bottom: 15%;
  color: #d8dcdf;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
.online-training-list .date {
  font-size: 13px;
  line-height: 1.8em;
  margin-bottom: 10px;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.online-training-list .date.new {
  color: #3a779a;
}
.online-training-list .date.new:before {
  background: #3a779a;
  color: white;
  content: "Nowość";
  display: inline-block;
  padding: 0 8px;
  vertical-align: baseline;
}
.online-training-list .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.online-training-list .title span {
  overflow: hidden;
  position: relative;
}
.online-training-list .title span::before {
  background: #000000;
  bottom: -5px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  opacity: 0;
  position: absolute;
  width: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.online-training-list .author {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
/* --------------------------------------------------------------------- */
/* > Szkolenie pojedyńcze                                                */
/* --------------------------------------------------------------------- */
div.wide {
  margin: auto;
  max-width: 990px;
  width: 100%;
}
div.wide:after,
div.wide:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
img.round {
  border: 1px #f2f4f6 solid;
  border-radius: 50%;
}
section.trainer {
  padding: 30px 0;
}
section.trainer .person {
  display: table;
}
section.trainer .image,
section.trainer .details {
  display: table-cell;
  vertical-align: middle;
}
section.trainer .image {
  text-align: center;
  width: 150px;
}
section.trainer .image img {
  margin: auto;
}
section.trainer .details {
  padding-left: 15px;
}
section.trainer .info {
  font-size: 0;
  margin-bottom: 7.5px;
}
section.trainer .info span {
  display: inline-block;
  font-size: 13px;
  vertical-align: baseline;
}
section.trainer .info span::after {
  content: "|";
  margin: 0 3px;
}
section.trainer .info span:last-child::after {
  display: none;
}
section.trainer .title {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.07em;
  margin-bottom: 7.5px;
  margin-top: 15px;
  text-transform: uppercase;
}
section.trainer .link a {
  color: #D11F3A;
  font-size: 16px;
}
section.trainer .link a:hover {
  color: #000000;
}
/* --------------------------------------------------------------------- */
/* > Streszczenie szkolenia                                              */
/* --------------------------------------------------------------------- */
section.training-summary {
  padding: 30px 0;
}
section.training-summary .left {
  float: left;
  padding-right: 100px;
  width: 80%;
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
section.training-summary .left p {
  font-size: 16px;
  margin-bottom: 2em;
}
section.training-summary .right {
  float: left;
  padding-left: 10px;
  width: 300px;
}
/* --------------------------------------------------------------------- */
/*  Video                                                                */
/* --------------------------------------------------------------------- */
.video-container {
  height: 0;
  overflow: hidden;
  padding: 0;
  padding-top: 56%;
  position: relative;
  width: 100%;
}
.video-container .player {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.video-container .player-overlay {
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.video-container .player-overlay.playing {
  opacity: 0;
  z-index: 0;
}
.video-container .player-overlay.paused img {
  opacity: 0;
}
.video-container .play {
  background-color: #D11F3A;
  background-image: url("../../images/front/video/icon-play.png");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.video-container .play:hover {
  background-color: #000000;
}
/* --------------------------------------------------------------------- */
/*  Kongerencje info                                                     */
/* --------------------------------------------------------------------- */
section.conference-info {
  padding: 30px 0;
}
section.conference-info .content {
  padding-right: 30px;
  width: 100%;
}
section.conference-info .content h4 {
  text-transform: none;
}
section.conference-info .image {
  margin-bottom: 10px;
  min-height: 32px;
}
section.conference-info ul.columns > li {
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
section.conference-info .info {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.conference-info .info li {
  font-size: 13px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}
section.conference-info .info li::after {
  background: #8f8f8f;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 35px;
}
section.conference-info .info li:last-child {
  padding-bottom: 0;
}
section.conference-info .info li:last-child::after {
  display: none;
}
/* --------------------------------------------------------------------- */
/*  Szukaj konferencji                                                   */
/* --------------------------------------------------------------------- */
section.conference-search {
  padding: 45px 0;
}
section.conference-search .left {
  float: left;
  width: 300px;
}
section.conference-search .right {
  float: left;
  width: 60%;
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
section.conference-search .top {
  margin-bottom: 30px;
  max-width: 400px;
}
/* --------------------------------------------------------------------- */
/*  Konferencje osoby                                                    */
/* --------------------------------------------------------------------- */
ul.conference-persons {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.conference-persons > li {
  display: none;
  margin-bottom: 30px;
}
ul.conference-persons > li:after,
ul.conference-persons > li:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.conference-persons > li.active {
  display: block;
}
ul.conference-persons > li:last-child {
  margin-bottom: 0;
}
ul.conference-persons .image {
  float: left;
  width: 80px;
}
ul.conference-persons .image img {
  border: 1px #f2f4f6 solid;
  border-radius: 50%;
  float: left;
  height: 80px;
  overflow: hidden;
  width: 80px;
}
ul.conference-persons .details {
  float: left;
  padding-left: 15px;
  width: 80%;
  width: -moz-calc(100% - 80px);
  width: -o-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}
ul.conference-persons .name {
  color: #000000;
  margin-bottom: 7.5px;
}
ul.conference-persons .city h3 {
  margin-bottom: 0;
  text-transform: none;
}
ul.conference-persons .city a {
  color: #D11F3A;
}
ul.conference-persons .city a:hover {
  color: #000000;
}
ul.conference-persons .links a {
  margin-right: 10px;
  text-transform: uppercase;
}
ul.conference-persons .links a::before {
  display: none;
}
ul.conference-persons .links a:hover {
  font-weight: bold;
}
/* --------------------------------------------------------------------- */
/*  Patroni                                                              */
/* --------------------------------------------------------------------- */
section.patrons {
  padding: 45px 0;
}
section.patrons .wide {
  display: table;
}
section.patrons .left,
section.patrons .right {
  display: table-cell;
  vertical-align: middle;
}
section.patrons .left {
  width: 300px;
}
section.patrons .right {
  width: 60%;
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
ul.patrons-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.patrons-list li {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}
ul.patrons-list li a {
  background: white;
  border: 1px white solid;
  display: block;
  height: 140px;
  position: relative;
  width: 190px;
}
ul.patrons-list li a:hover {
  border-color: #000000;
}
ul.patrons-list li a img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
/* --------------------------------------------------------------------- */
/*  Banner konferencje                                                   */
/* --------------------------------------------------------------------- */
section.conference-banner {
  padding-top: 30px;
}
section.conference-banner .wide {
  display: table;
}
section.conference-banner .image,
section.conference-banner .details {
  display: table-cell;
  vertical-align: bottom;
}
section.conference-banner .image {
  padding-right: 15px;
  width: 325px;
}
section.conference-banner .details {
  padding-left: 10px;
}
section.conference-banner ul.icons {
  font-size: 16px;
}
section.conference-banner h2,
section.conference-banner ul.icons {
  margin-bottom: 15px;
}
/* --------------------------------------------------------------------- */
/*  Paln konferencji                                                     */
/* --------------------------------------------------------------------- */
section.conference-timetable {
  padding: 30px 0;
}
ul.timetable {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
ul.timetable .toggle p {
  text-transform: none;
}
ul.timetable > li {
  display: block;
  margin-bottom: 30px;
  position: relative;
}
ul.timetable > li:after,
ul.timetable > li:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.timetable > li > p {
  font-size: 16px;
  margin-bottom: 7.5px;
}
ul.timetable ul.items {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
ul.timetable ul.items > li {
  background: white;
  border-bottom: 2px #f2f4f6 solid;
  display: table;
  width: 100%;
}
ul.timetable ul.items > li:first-child .time,
ul.timetable ul.items > li:first-child .title {
  font-weight: normal;
}
ul.timetable ul.items > li .time,
ul.timetable ul.items > li .details {
  display: table-cell;
  padding: 15px;
  vertical-align: top;
}
ul.timetable ul.items > li .time {
  font-size: 16px;
  font-weight: bold;
  width: 190px;
}
ul.timetable ul.items > li .details {
  font-size: 14px;
}
ul.timetable ul.items > li .title {
  font-weight: bold;
  margin-bottom: 2px;
}
ul.timetable ul.items > li a.arrow-bottom {
  color: #D11F3A;
  line-height: 1;
}
ul.timetable ul.items > li a.arrow-bottom::before {
  clear: none;
  content: "Przeczytaj";
  display: inline-block;
  width: auto;
}
ul.timetable ul.items > li a.arrow-bottom:hover {
  color: #000000;
}
ul.timetable ul.items > li .toggle.active a.arrow-bottom {
  color: #8f8f8f;
  font-style: italic;
}
ul.timetable ul.items > li .toggle.active a.arrow-bottom::before {
  content: "Schowaj ";
}
ul.timetable ul.items > li .toggle.active a.arrow-bottom::after {
  color: #8f8f8f;
}
ul.timetable .invitation-link {
  float: right;
  position: absolute;
  right: 0;
  top: 100%;
}
ul.timetable .invitation-link::before {
  background: url("../../images/front/assets/icon-video.png");
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 10px;
  vertical-align: baseline;
  width: 17px;
}
ul.timetable .invitation-link::after {
  background: url("../../images/front/assets/arrow-bottom.png");
  content: "";
  display: inline-block;
  height: 6px;
  margin-left: 10px;
  vertical-align: baseline;
  width: 10px;
}
ul.timetable .invitation-link:hover {
  color: #D11F3A;
}
/* --------------------------------------------------------------------- */
/*  Wideo zaproszenia                                                    */
/* --------------------------------------------------------------------- */
section.video-invitations {
  padding: 45px 0;
}
section.video-invitations .image {
  border: 1px transparent solid;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.video-invitations a:hover .image {
  border-color: #000000;
}
section.video-invitations a:hover .play {
  background-color: #000000;
}
section.video-invitations a:hover .details {
  color: #000000;
}
section.video-invitations .play {
  background-color: #D11F3A;
  background-image: url("../../images/front/video/icon-play.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30%;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 75px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 75px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.video-invitations ul.invitations li {
  margin-bottom: 15px;
}
section.video-invitations .details {
  font-size: 13px;
  line-height: 1.5em;
  padding: 15px 0;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
/* --------------------------------------------------------------------- */
/*  MATERIAŁY KONFERENCYJNE                                              */
/* --------------------------------------------------------------------- */
section.video-invitations + section.conference-materials {
  padding: 5px 0;
}
section.conference-materials {
  padding: 30px 0;
}
section.conference-materials ul.materials > li {
  margin-bottom: 15px;
}
section.conference-materials ul.materials .content {
  border: 1px #d8dcdf solid;
  display: block;
  padding: 15px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.conference-materials ul.materials .content:hover {
  border-color: #000000;
  color: #000000;
}
section.conference-materials ul.materials .details {
  min-height: 58px;
  padding-bottom: 15px;
}
section.conference-materials ul.materials .title {
  font-size: 16px;
}
section.conference-materials ul.materials .text {
  font-size: 13px;
}
section.conference-materials ul.materials ul.class {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.conference-materials ul.materials ul.class:after,
section.conference-materials ul.materials ul.class:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.conference-materials ul.materials ul.class li {
  display: block;
  font-size: 12px;
  padding-left: 15px;
}
section.conference-materials ul.materials ul.class li span.color {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-left: -15px;
  margin-right: 4px;
  vertical-align: baseline;
  width: 8px;
}
section.conference-materials .image {
  text-align: center;
}
section.conference-materials .image img {
  border: 1px #d8dcdf solid;
  margin: auto;
  margin-bottom: 15px;
  max-height: 165px;
}
/* --------------------------------------------------------------------- */
/*  ZAREJESTRUJ SIĘ na konferencje                                       */
/* --------------------------------------------------------------------- */
section.conference-register {
  padding: 45px 0;
}
section.conference-register .left {
  float: left;
  width: 300px;
}
section.conference-register .left img {
  margin-left: auto;
  margin-right: 15px;
}
section.conference-register .right {
  float: left;
  padding: 15px 0 30px;
  width: 66.66%;
  width: -moz-calc(100% - 300px);
  width: -o-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
section.conference-register ul.icons {
  margin-bottom: 40px;
}
section.conference-register ul.icons > li {
  font-size: 16px;
  margin-bottom: 15px;
}
section.conference-register ul.icons > li::before {
  background-size: 18px;
  height: 20px;
  top: 1px;
}
section.conference-register .button {
  max-width: 290px;
}
section.conference-register h2 {
  margin-bottom: 15px;
}
section.find-your-city {
  padding: 60px 0 60px;
  text-align: center;
}
section.find-your-city .text {
  font-size: 18px;
  margin-bottom: 30px;
}
section.conferences-map-alternative {
  padding: 30px 0 60px;
  /*background: url('../images/teach-big-bg.jpg') center no-repeat;
  background-size: cover;*/
}
section.conferences-map-alternative .left {
  float: left;
  min-height: 650px;
  position: relative;
  width: 66.66%;
}
section.conferences-map-alternative .right {
  float: left;
  position: relative;
  width: 33.33%;
}
section.conferences-map-alternative .select {
  margin: auto;
  max-width: 390px;
}
section.conferences-map-alternative .map {
  display: table;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: 18%;
  position: relative;
  right: 0;
  text-align: center;
  vertical-align: middle;
  z-index: 90;
}
section.conferences-map-alternative .map .poland {
  background: url("../../images/front/conferences/img-map.png") center no-repeat;
  background-size: contain;
  height: 453px;
  position: relative;
  width: 488px;
}
section.conferences-map-alternative .map .cities {
  padding: 0;
}
section.conferences-map-alternative .map .city {
  list-style: none;
  position: absolute;
}
section.conferences-map-alternative .map .city .dot {
  background: #ffffff;
  display: block;
  height: 1em;
  overflow: visible;
  transition: all 0.3s ease;
  width: 1em;
  border-radius: 50%;
}
section.conferences-map-alternative .map .city .label {
  background: #000000;
  color: #ffffff;
  left: 50%;
  list-style: none;
  margin-left: -100px;
  opacity: 0;
  padding: 7.5px;
  position: absolute;
  text-align: center;
  top: 100%;
  top: 15px;
  transition: all 0.3s ease;
  width: 200px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
section.conferences-map-alternative .map .city .label:before {
  border-bottom: 4px solid #000000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: 100%;
  content: " ";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 0;
}
section.conferences-map-alternative .map .city .label .name {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
section.conferences-map-alternative .map .city:hover .dot {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
section.conferences-map-alternative .map .city:hover .label {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
section.conferences-map-alternative select {
  background: #ffffff;
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 250px;
}
section.conferences-map-alternative .scrollbar {
  max-height: 650px;
  overflow: hidden;
  position: relative;
}
section.conferences-map-alternative ul.conferences {
  margin: 0 -7.5px;
  margin-bottom: 15px;
  overflow: auto;
  padding: 0 15px;
}
section.conferences-map-alternative ul.conferences li {
  cursor: pointer;
  list-style: none;
  margin-bottom: 1em;
  padding-left: 35px;
  position: relative;
}
section.conferences-map-alternative ul.conferences li a {
  color: #474747;
}
section.conferences-map-alternative ul.conferences li .image {
  background: #ffffff;
  border: 1px #d8dcdf solid;
  height: 70px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 70px;
  border-radius: 50%;
}
section.conferences-map-alternative ul.conferences li .image img {
  display: block;
  height: auto;
  min-height: 100%;
}
section.conferences-map-alternative ul.conferences li .content {
  background: transparent;
  padding: 1.23em 0;
  padding-left: 45px;
  transition: all 0.5s ease;
}
section.conferences-map-alternative ul.conferences li:hover .content {
  background: #D11F3A;
  color: #ffffff;
}
/* --------------------------------------------------------------------- */
/*  Reprezentanci                                                        */
/* --------------------------------------------------------------------- */
section.search-representative {
  padding: 30px 0;
}
section.search-representative label {
  display: block;
  font-size: 16px;
  margin-bottom: 0.5em;
}
section.search-representative .row {
  margin: auto;
  max-width: 720px;
}
/* --------------------------------------------------------------------- */
/*  Reprezentanci mapa                                                   */
/* --------------------------------------------------------------------- */
section.representatives-map {
  padding: 45px 0;
}
section.representatives-map p {
  font-size: 16px;
  margin-bottom: 15px;
}
section.representatives-map .left ul {
  list-style: none;
  margin: 0;
  padding: 30px 0;
}
section.representatives-map .left li {
  margin-bottom: 0.5em;
  padding-left: 25px;
  position: relative;
  text-transform: lowercase;
}
section.representatives-map .left li:hover::before {
  border-color: #D11F3A;
}
section.representatives-map .left li:hover a {
  color: #D11F3A;
}
section.representatives-map .left li::before {
  border: 1px #8f8f8f solid;
  border-radius: 50%;
  content: "";
  display: block;
  height: 13px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 13px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
div#map-poland-big {
  margin-left: 0;
  margin-right: auto;
}
/* --------------------------------------------------------------------- */
/*  Reprezentanci region                                                 */
/* --------------------------------------------------------------------- */
.main-representatives h2 {
  font-size: 32px;
  margin-bottom: 60px;
}
.main-representatives h4 {
  font-size: 22px;
  margin-bottom: 0;
  text-transform: none;
}
.main-representatives .top {
  border: 1px #d8dcdf solid;
  margin-bottom: 25px;
  padding: 12px;
}
.main-representatives .top:after,
.main-representatives .top:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.main-representatives .left {
  float: left;
}
.main-representatives .right {
  color: #D11F3A;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}
/* --------------------------------------------------------------------- */
/*  Reprezentanci lista                                                  */
/* --------------------------------------------------------------------- */
ul.representatives-list {
  list-style: none;
  margin: 0 0 45px;
  padding: 0;
}
ul.representatives-list > li {
  background: #f2f4f6;
  margin-bottom: 15px;
  padding: 15px;
}
ul.representatives-list .person {
  display: table;
  padding-left: 9%;
  padding-right: 9%;
  width: 100%;
}
ul.representatives-list .details,
ul.representatives-list .image {
  display: table-cell;
  vertical-align: middle;
}
ul.representatives-list .image {
  overflow: hidden;
  padding-left: 20px;
  width: 250px;
}
ul.representatives-list .image img {
  border: 1px #f2f4f6 solid;
  margin-left: auto;
  margin-right: 0;
  max-width: 250px;
  width: 100%;
  border-radius: 50%;
}
ul.representatives-list .details {
  font-size: 16px;
  padding-bottom: 22px;
}
ul.representatives-list .details ul.provinces {
  list-style: none;
  padding: 0;
}
ul.representatives-list .details ul.provinces > li {
  margin-bottom: 15px;
}
ul.representatives-list .details a.arrow-right {
  font-weight: bold;
  text-transform: uppercase;
}
ul.representatives-list .details a.arrow-right:after {
  font-size: 26px;
}
ul.representatives-list .details a.arrow-right:hover {
  color: #D11F3A;
}
ul.representatives-list .details a.arrow-right:hover:after {
  color: #D11F3A;
}
ul.representative-info > li {
  margin-bottom: 0.5em;
}
ul.representative-info a:hover {
  color: #D11F3A;
}
ul.representative-info .region {
  margin-bottom: 15px;
}
ul.representative-info .small {
  font-size: 12px;
}
/* --------------------------------------------------------------------- */
/*  Reprezentanci pojedyńczy                                             */
/* --------------------------------------------------------------------- */
.representative-top {
  background: #f2f4f6;
  display: table;
  padding: 30px;
  width: 100%;
}
.representative-top h3 {
  font-size: 32px;
}
.representative-top p {
  font-size: 16px;
}
.representative-top .details,
.representative-top .image {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
.representative-top .image {
  overflow: hidden;
}
.representative-top img {
  border: 1px #f2f4f6 solid;
  border-radius: 50%;
  height: auto;
  margin-bottom: -1px;
  margin-left: auto;
  margin-right: 0;
  max-width: 270px;
}
.representative-contact {
  border-bottom: 4px #f2f4f6 solid;
  display: table;
  padding: 45px 0;
  width: 100%;
}
.representative-contact-form {
  border-bottom: 4px #f2f4f6 solid;
  padding: 24px 0;
}
.representative-contact-form:after,
.representative-contact-form:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.representative-contact-form ul.icons.medium-icons > li {
  margin-bottom: 30px;
}
.representative-contact-form ul.icons.medium-icons > li.mail {
  word-break: break-all;
}
.representative-contact-form .representative-info ul.provinces {
  list-style: none;
  padding: 0;
}
.representative-contact-form .representative-info ul.provinces .province-name {
  display: block;
  font-weight: bold;
  margin-top: 15px;
}
.representative-contact-form .representative-info ul.provinces > li {
  margin-bottom: 15px;
}
.representative-contact-form .col-left,
.representative-contact-form .col-right {
  padding-bottom: 30px;
  padding-top: 30px;
}
.representative-contact-form .col-right {
  background: #f2f4f6;
}
.representative-contact-form .col-left {
  font-size: 16px;
}
.representative-contact-form form {
  margin: auto;
  max-width: 290px;
}
.representative-contact-form form:after,
.representative-contact-form form:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.representative-contact-form form label {
  display: block;
  margin-bottom: 7.5px;
}
.representative-contact-form form .input {
  margin-bottom: 15px;
}
.representative-contact-form form textarea.input {
  margin-bottom: 7.5px;
}
.regional-sales-manager {
  display: table;
  padding: 45px 0 0;
  width: 100%;
}
.regional-sales-manager ul.representatives-list > li {
  margin-bottom: 0;
}
.regional-sales-manager ul.representatives-list ul.icons > li {
  margin-bottom: 0.5em;
}
.regional-sales-manager ul.representatives-list .details {
  vertical-align: middle;
}
.regional-sales-manager ul.representatives-list .details,
.regional-sales-manager ul.representatives-list .image {
  border: 0;
}
.regional-sales-manager ul.representatives-list img {
  max-height: 150px;
  width: auto;
}
.regional-sales-manager ul.representatives-list a:hover {
  color: #D11F3A;
}
/* --------------------------------------------------------------------- */
/*  Wybierz kategorię katalog                                            */
/* --------------------------------------------------------------------- */
section.choose-category {
  padding: 30px 0;
}
section.choose-category label {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
}
section.choose-category div.select {
  margin-bottom: 15px;
}
section.choose-category .submit-search {
  padding-bottom: 15px;
  vertical-align: bottom;
}
/* --------------------------------------------------------------------- */
/*  lista kategorii                                                      */
/* --------------------------------------------------------------------- */
section.categories {
  padding: 30px 0;
}
section.categories .main-category {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 13px;
  padding: 15px 0;
  padding-right: 18px;
  position: relative;
}
section.categories .main-category:after {
  display: none;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
section.categories .main-category,
section.categories ul.category-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 290px;
}
ul.category-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.category-list li {
  background: white;
  border-left: 2px transparent solid;
  margin-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.category-list li a {
  font-size: 15px;
  padding: 15px 0;
}
ul.category-list li a:hover:after {
  border-color: black;
}
ul.category-list li:hover {
  background: #f2f4f6;
}
ul.category-list a.arrow-right {
  display: block;
  padding-right: 20px;
  position: relative;
}
ul.category-list a.arrow-right:after {
  border: 2px #D11F3A solid;
  border-radius: 50%;
  font-weight: bold;
  height: 1.2em;
  line-height: 1.1em;
  overflow: hidden;
  position: absolute;
  right: -10px;
  text-align: center;
  top: 50%;
  width: 1.2em;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
@-moz-document url-prefix() {
  ul.category-list a.arrow-right:after {
    line-height: 1em;
  }
}
/* --------------------------------------------------------------------- */
/*  Menu wybor kategorii                                                 */
/* --------------------------------------------------------------------- */
ul.category-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.category-menu a:hover {
  color: #000000;
  font-weight: bold;
}
ul.category-menu > li {
  position: relative;
}
ul.category-menu > li::before {
  background: transparent;
  content: "";
  display: block;
  height: 100%;
  height: 15px;
  left: -24px;
  position: absolute;
  top: 4px;
  width: 2px;
}
ul.category-menu > li > a {
  display: block;
  margin-bottom: 15px;
}
ul.category-menu > li ul {
  display: none;
}
ul.category-menu > li.active::before {
  background: #D11F3A;
}
ul.category-menu > li.active > a {
  font-weight: bold;
}
ul.category-menu > li > ul ul {
  padding-left: 20px;
  padding-top: 20px;
}
ul.category-menu li.open > ul {
  display: block;
}
ul.category-menu .main-category {
  font-size: 16px;
}
/* --------------------------------------------------------------------- */
/*  Kategoria                                                            */
/* --------------------------------------------------------------------- */
.catalog-category {
  padding: 30px 10px;
}
.catalog-category h2 {
  font-size: 32px;
}
/* --------------------------------------------------------------------- */
/* Lista produktow                                                       */
/* --------------------------------------------------------------------- */
ul.products-list > li {
  margin-bottom: 15px;
}
ul.products-list > li .item {
  border: 1px #f2f4f6 solid;
  padding: 15px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.products-list > li .item:hover {
  border-color: #000000;
}
ul.products-list .labels {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  display: block;
  font-size: 0;
  text-align: center;
}
ul.products-list .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px 1px;
  font-size: 10px;
  padding: 4px 13px;
  text-transform: uppercase;
  position: relative;
}
ul.products-list .label:hover .tooltip {
  display: table;
  opacity: 1;
}
ul.products-list .label .tooltip {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 10px;
  font-weight: normal;
  vertical-align: middle;
  display: none;
  opacity: 0;
  z-index: 3;
  width: 230px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.products-list .label .tooltip span {
  text-transform: none;
  padding: 6px 15px;
  font-size: 12px;
  line-height: 1.2em;
  background: white;
  display: inline-block;
  color: #474747;
  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}
ul.products-list .label .tooltip span::before {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -8px;
  border-bottom: 8px solid white;
}
ul.products-list .label.news {
  background: #3a779a;
  color: white;
}
ul.products-list .label.new-level {
  background: #D11F3A;
  color: white;
}
ul.products-list .image {
  display: table;
  height: 220px;
  margin-bottom: 15px;
  width: 100%;
}
ul.products-list .image a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
ul.products-list .image a img {
  border: 1px solid #dbdbdb;
  display: block;
  margin: auto;
  max-height: 180px;
}
section.side-menu.publisher.catalog h3 {
  font-weight: 300;
}
section.side-menu.publisher.catalog > .page > .content {
  padding-left: 0;
}
/* --------------------------------------------------------------------- */
/*  poziomy                                                              */
/* --------------------------------------------------------------------- */
.item-levels a {
  font-size: 16px;
}
.item-levels > a:hover {
  color: #000000;
  text-decoration: underline;
}
.item-levels ul {
  display: inline-block;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-levels li {
  display: inline-block;
  font-size: 16px;
}
.item-levels li.new-level a {
  color: #D11F3A;
}
.item-levels li a {
  border: 1px #f2f4f6 solid;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  line-height: 22px;
  position: relative;
  text-align: center;
  width: 32px;
  z-index: 2;
}
.item-levels li a:hover {
  background: #000000;
  border-color: #000000;
  color: white;
}
.item-levels li a:hover span {
  display: block;
  opacity: 1;
}
.item-levels li a span {
  background: #313131;
  color: white;
  display: none;
  font-size: 12px;
  font-weight: normal;
  left: 50%;
  max-width: 200px;
  opacity: 0;
  padding: 5px 13px;
  position: absolute;
  text-transform: uppercase;
  top: 100%;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
/* --------------------------------------------------------------------- */
/*  Autorzy                                                              */
/* --------------------------------------------------------------------- */
.item-authors {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.item-authors a:hover {
  color: #000000;
  text-decoration: underline;
}
ul.item-actions {
  font-size: 0;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.item-actions:after,
ul.item-actions:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.item-actions li {
  display: inline-block;
  margin: 2px;
}
ul.item-actions a {
  background-position: center;
  background-repeat: no-repeat;
  border: 1px #f2f4f6 solid;
  display: block;
  height: 45px;
  position: relative;
  width: 45px;
}
ul.item-actions a:hover {
  background-color: #000000;
  border-color: #000000;
}
ul.item-actions a:hover span {
  display: block;
  opacity: 1;
}
ul.item-actions a span {
  background: #313131;
  color: white;
  display: none;
  font-size: 12px;
  left: 50%;
  line-height: 22px;
  max-width: 200px;
  opacity: 0;
  padding: 5px 13px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 100%;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 2;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.item-actions a span small {
  display: block;
  line-height: 1.5em;
  margin-bottom: 4px;
  text-transform: none;
}
ul.item-actions a.link {
  background-image: url("../../images/front/assets/link.png");
}
ul.item-actions a.link:hover {
  background-image: url("../../images/front/assets/link-white.png");
}
ul.item-actions a.book {
  background-image: url("../../images/front/assets/book.png");
}
ul.item-actions a.book:hover {
  background-image: url("../../images/front/assets/book-white.png");
}
ul.item-actions a.eye {
  background-image: url("../../images/front/assets/eye.png");
}
ul.item-actions a.eye:hover {
  background-image: url("../../images/front/assets/eye-white.png");
}
ul.item-actions a.list {
  background-image: url("../../images/front/assets/list-red.png");
  background-size: 20px;
}
ul.item-actions a.list:hover {
  background-image: url("../../images/front/assets/list-white.png");
}
/* --------------------------------------------------------------------- */
/*  Katalog pojedynczy                                                   */
/* --------------------------------------------------------------------- */
.item-content {
  margin: auto;
  max-width: 790px;
  position: relative;
  width: 100%;
}
.item-content .go-back {
  margin-right: 30px;
  position: absolute;
  right: 100%;
  text-transform: uppercase;
  top: 0;
}
.item-content .go-back::before {
  color: #d8dcdf;
}
ul.item-levels-big {
  font-size: 0;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.item-levels-big li {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 8px;
}
ul.item-levels-big li a {
  border: #f2f4f6 1px solid;
  display: block;
  font-size: 13px;
  line-height: 1em;
  padding: 10px 18px;
  position: relative;
  text-transform: uppercase;
}
ul.item-levels-big li a.active {
  border-color: #000000;
  font-weight: bold;
}
ul.item-levels-big li a:hover {
  border-color: #000000;
  color: #000000;
}
ul.item-levels-big li a:hover .tooltip {
  display: block;
}
ul.item-levels-big li a .tooltip {
  display: none;
  font-weight: normal;
  left: 50%;
  margin-top: 10px;
  position: absolute;
  top: 100%;
  vertical-align: middle;
  width: 230px;
  z-index: 3;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.item-levels-big li a .tooltip span {
  background: white;
  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  color: #474747;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2em;
  padding: 6px 15px;
  text-align: center;
  text-transform: none;
}
ul.item-levels-big li a .tooltip span::before {
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  top: -8px;
  width: 0;
}
/* --------------------------------------------------------------------- */
/*  Katalog podstrona produktu                                           */
/* --------------------------------------------------------------------- */
section.catalog-item {
  padding: 20px 0;
}
section.catalog-item h2 {
  font-size: 32px;
  margin-bottom: 10px;
  text-transform: none;
}
section.catalog-item h2.level-tab {
  display: block;
}
section.catalog-item .item-content {
  display: table;
}
section.catalog-item .item-levels-big {
  margin-bottom: 20px;
}
section.catalog-item .details,
section.catalog-item .image {
  display: table-cell;
  vertical-align: top;
}
section.catalog-item .details {
  padding-right: 10px;
}
section.catalog-item .image {
  width: 290px;
}
section.catalog-item .image .level-tab {
  display: inline-block;
  max-width: 290px;
}
section.catalog-item figure {
  display: inline-block;
  position: relative;
  text-align: center;
}
section.catalog-item figure img {
  -webkit-box-shadow: 0px 0px 17px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 17px -2px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 17px -2px rgba(0, 0, 0, 0.75);
  margin: 2px auto;
}
section.catalog-item figure li {
  text-align: center;
  text-transform: uppercase;
}
section.catalog-item figure li a {
  color: #D11F3A;
  display: inline-block;
  line-height: 22px;
  vertical-align: middle;
}
section.catalog-item figure ul.icons > li {
  padding-left: 0;
}
section.catalog-item figure ul.icons > li:before {
  background-position: center center;
  display: inline-block;
  position: static;
  vertical-align: middle;
}
section.catalog-item .labels {
  display: block;
  font-size: 0;
  margin-bottom: 15px;
  width: 100%;
}
section.catalog-item .label {
  display: inline-table;
  font-size: 12px;
  margin: 0 1px 1px;
  padding: 8px 13px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
section.catalog-item .label.full-width {
  width: 100%;
}
section.catalog-item .label:hover .tooltip {
  display: table;
  opacity: 1;
}
section.catalog-item .label .tooltip {
  display: none;
  font-weight: normal;
  left: 50%;
  margin-top: 10px;
  opacity: 0;
  position: absolute;
  top: 100%;
  vertical-align: middle;
  width: 230px;
  z-index: 3;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.catalog-item .label .tooltip span {
  background: white;
  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  color: #474747;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2em;
  padding: 6px 15px;
  text-transform: none;
}
section.catalog-item .label .tooltip span::before {
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  top: -8px;
  width: 0;
}
section.catalog-item .label.news {
  background: #3a779a;
  color: white;
}
section.catalog-item .label.new-level {
  background: #D11F3A;
  color: white;
}
section.catalog-item ul.info {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
section.catalog-item ul.info.level-tab {
  display: table;
}
section.catalog-item ul.info > li {
  display: table-row;
}
section.catalog-item ul.info > li.wwww a:hover,
section.catalog-item ul.info > li.sector a:hover {
  color: #D11F3A;
}
section.catalog-item ul.info > li.wwww a:hover::after,
section.catalog-item ul.info > li.sector a:hover::after {
  color: #D11F3A;
}
section.catalog-item ul.info > li > span {
  border-bottom: 1px #f2f4f6 solid;
  display: table-cell;
  padding: 10px 10px 10px 0;
  vertical-align: top;
}
section.catalog-item ul.info > li > span:first-child {
  font-weight: bold;
  width: 140px;
}
section.catalog-item ul.info > li.authors a:hover {
  text-decoration: underline;
}
/* --------------------------------------------------------------------- */
/*  Katalog podstrona taby(przyciski)                                    */
/* --------------------------------------------------------------------- */
section.item-tabs-buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
section.item-tabs-buttons li {
  color: #8f8f8f;
  cursor: pointer;
  display: inline-table;
  font-weight: bold;
  height: 70px;
  margin: 0 1px;
  padding: 10px 37px;
  text-transform: uppercase;
  vertical-align: middle;
}
section.item-tabs-buttons li.active {
  background: #f2f4f6;
  color: #000000;
}
section.item-tabs-buttons li.active.yellow-tab {
  background: #fcce39;
}
section.item-tabs-buttons li.active.yellow-tab span {
  padding-left: 30px;
  position: relative;
}
section.item-tabs-buttons li.active.yellow-tab span::before {
  background: url(../../images/front/ett/rocket-menu.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
section.item-tabs-buttons li span {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
/* --------------------------------------------------------------------- */
/*  Katalog podstrona taby                                               */
/* --------------------------------------------------------------------- */
section.item-details-tabs .item-content {
  max-width: 990px;
}
section.item-details-tabs ul.tabs-content {
  list-style: none;
  margin: 0;
  padding: 0;
  /* --------------------------------------------------------------------- */
  /*  Taby z materialami do pobrania                                       */
  /* --------------------------------------------------------------------- */
  /* --------------------------------------------------------------------- */
  /*  Taby z cennikiem                                                     */
  /* --------------------------------------------------------------------- */
}
section.item-details-tabs ul.tabs-content iframe {
  max-width: 100%;
}
section.item-details-tabs ul.tabs-content > li {
  line-height: 1.5;
  padding: 0;
}
section.item-details-tabs ul.tabs-content > li.active {
  padding: 0 0 120px;
}
section.item-details-tabs ul.tabs-content > li.active.no-space-bottom {
  padding: 0;
}
section.item-details-tabs ul.tabs-content > li.active .gray {
  background: #f2f4f6;
}
section.item-details-tabs ul.tabs-content > li.active .yellow {
  background: #fcce39;
}
section.item-details-tabs ul.tabs-content > li.active .dark-gray {
  background-color: #d5d9e9;
}
section.item-details-tabs ul.tabs-content > li.active .inner {
  margin: auto;
  max-width: 820px;
  padding: 35px 15px;
  width: 100%;
}
section.item-details-tabs ul.tabs-content > li.files ol {
  padding-left: 20px;
}
section.item-details-tabs ul.tabs-content > li.files ol > li {
  margin-bottom: 1em;
}
section.item-details-tabs ul.tabs-content li {
  font-size: 16px;
}
section.item-details-tabs ul.tabs-content ul {
  margin-bottom: 2em;
}
section.item-details-tabs ul.tabs-content ul.level-tab {
  padding: 0;
}
section.item-details-tabs ul.tabs-content p {
  font-size: 16px;
  line-height: 1.5;
}
section.item-details-tabs ul.tabs-content .downloads p {
  color: #000000;
  margin-bottom: 7.5px;
  padding-bottom: 7.5px;
  text-transform: uppercase;
}
section.item-details-tabs ul.tabs-content .pricelist ul.columns > li {
  padding-right: 35px;
}
section.item-details-tabs ul.tabs-content .pricelist ul.columns > li:first-child,
section.item-details-tabs ul.tabs-content .pricelist ul.columns > li:nth-child(2) {
  width: 37.5%;
}
section.item-details-tabs ul.tabs-content .pricelist ul.columns > li:last-child {
  width: 25%;
}
section.item-details-tabs ul.tabs-content .pricelist ul.columns > li .title {
  font-size: 13px;
  margin: 8px 0;
}
section.item-details-tabs ul.tabs-content .pricelist ul.columns > li p {
  font-size: 12px;
}
.level-tab:not(.active) {
  display: none !important;
}
.toggle-content li a,
.toggle-button:not(.simple-toggle) {
  padding-left: 25px;
  padding-right: 25px;
}
.toggle-content li {
  line-height: 1.5;
}
.toggle-content li.hidden {
  display: none;
}
.toggle-button:not(.simple-toggle) {
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.toggle-button:not(.simple-toggle) span {
  position: absolute;
  right: 0;
  top: 0;
}
.toggle-button:not(.simple-toggle)::after {
  background: #D11F3A;
  bottom: 0;
  content: "";
  height: 1px;
  max-width: 1200px;
  position: absolute;
  right: 0;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.toggle-button:not(.simple-toggle)::before {
  background: url("../../images/front/assets/arrow-down.png") left center no-repeat;
  content: "";
  display: block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
.toggle.active .toggle-button:not(.simple-toggle)::before {
  background-image: url("../../images/front/assets/arrow-up.png");
}
.toggle.active .toggle-button:not(.simple-toggle):after {
  background: #000000;
  max-width: 35px;
}
/* --------------------------------------------------------------------- */
/*  Toggle - harmonijka                                                  */
/* --------------------------------------------------------------------- */
.toggle.hidden {
  display: none;
}
.toggle .toggle-content {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.toggle.static .toggle-content {
  max-height: none;
}
.toggle.active a.arrow-bottom::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.toggle.active .toggle-content {
  max-height: 4000px;
}
.toggle p {
  color: #000000;
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
ul.download {
  list-style: none;
  padding: 0;
}
ul.download > li {
  margin: 5px 0 0;
}
ul.download > li:after,
ul.download > li:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.download > li > a,
ul.download > li > .row {
  border-bottom: 1px #d8dcdf solid;
  display: block;
  min-height: 2em;
  min-height: 45px;
  padding-bottom: 5px;
  padding-right: 110px;
  padding-top: 5px;
  position: relative;
}
ul.download > li > a.row,
ul.download > li > .row.row {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.download > li > a:hover,
ul.download > li > .row:hover {
  border-color: #000000;
  color: #000000;
}
ul.download > li > a:hover .right,
ul.download > li > .row:hover .right {
  color: #000000;
}
ul.download > li > a:hover .right.pdf::before,
ul.download > li > .row:hover .right.pdf::before {
  background-image: url(../../images/front/assets/icon-pdf-black.png);
}
ul.download > li > a:hover .right.zip::before,
ul.download > li > .row:hover .right.zip::before {
  background-image: url(../../images/front/assets/icon-zip-black.svg);
}
ul.download > li > a:hover .right.file::before,
ul.download > li > .row:hover .right.file::before {
  background-image: url(../../images/front/assets/icon-file-black.png);
}
ul.download > li > a:hover .right.doc::before,
ul.download > li > .row:hover .right.doc::before {
  background-image: url(../../images/front/assets/icon-doc-black.png);
}
ul.download > li .title {
  font-size: 16px;
}
ul.download > li .title a {
  display: block;
  line-height: 1em;
}
ul.download > li .right {
  color: #D11F3A;
  font-size: 13px;
  line-height: 2em;
  min-width: 105px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.download > li:hover .link:before {
  background-image: url("../../images/front/assets/link-black.png");
}
ul.download > li:hover .link .arrow-right::after {
  color: #000000;
}
ul.download > li .link {
  padding-left: 28px;
  position: relative;
}
ul.download > li .link::before {
  background: url("../../images/front/assets/link-red.png") left bottom no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
ul.download > li .link .arrow-right:after {
  font-weight: bold;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.download > li .link .url {
  display: block;
  font-size: 13px;
}
/* --------------------------------------------------------------------- */
/*  Katalog podobne przedmioty                                           */
/* --------------------------------------------------------------------- */
.similiar-items {
  padding: 30px 0 0;
}
.similiar-items--header {
  margin-bottom: 2.5em;
}
.similiar-items--header h3 {
  margin-bottom: 0.2em;
}
/* --------------------------------------------------------------------- */
/*  Tabelka cennik                                                       */
/* --------------------------------------------------------------------- */
div.price-table {
  display: table;
  width: 100%;
}
div.price-table > ul {
  display: table-row;
}
div.price-table > ul.header {
  text-transform: uppercase;
}
div.price-table > ul > li {
  border-bottom: 1px #e5e8ea solid;
  border-right: 1px #e5e8ea solid;
  display: table-cell;
  font-size: 13px;
  padding: 8px 10px 8px 0;
  vertical-align: middle;
}
div.price-table .check {
  padding-left: 10px;
  text-align: center;
  width: 70px;
}
div.price-table .check img {
  margin: auto;
  max-height: 16px;
}
div.price-table .check img.desktop {
  display: block;
}
div.price-table .check img.mobile {
  display: none;
}
div.price-table .price {
  border-right: 0;
  padding: 8px 10px;
  width: 125px;
}
div.price-table .price strong {
  color: #000000;
}
div.price-table span.light {
  color: #8f8f8f;
  display: block;
}
div.price-table .order {
  border-right: 0;
  padding-right: 0;
  width: 163px;
}
div.price-table .order .select {
  float: left;
  width: 60px;
}
div.price-table .order .button {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 100px;
}
div.price-table .order .button.order-disable,
div.price-table .order .button.order-disable:hover {
  background: transparent;
  border-color: transparent;
  color: #4e4e4e;
  cursor: default;
  opacity: 0.5;
  width: 100%;
}
div.price-table .order .button.order-button.readmore.empty {
  border-color: #D11F3A;
  padding: 9.5px 10px;
  width: 100%;
}
div.price-table .order .button.order-button.readmore.empty:hover {
  border-color: white;
}
div.price-table .order .button.order-button.readmore.empty:after {
  display: inline-block;
  position: static;
  vertical-align: baseline;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
div.price-table .order img {
  margin-left: auto;
  margin-right: 42px;
}
/* --------------------------------------------------------------------- */
/*  Baner rejestracji na konferencje                                     */
/* --------------------------------------------------------------------- */
section.conference-register-banner h3,
section.conference-register-banner a,
section.conference-register-banner p {
  color: white;
  margin-bottom: 0;
}
section.conference-register-banner h3 {
  font-size: 32px;
  margin-bottom: 10px;
}
section.conference-register-banner a.arrow-right::after {
  color: white;
}
section.conference-register-banner a.arrow-right:hover::after {
  color: #000000;
}
section.conference-register-banner strong {
  display: block;
}
section.conference-register-banner .wrapper {
  background-image: url("../../images/front/conferences/banner-bg.jpg");
  background-position: center;
  background-size: cover;
  padding: 60px 15px;
}
section.conference-register-banner.completed .wrapper {
  background-image: url("../../images/front/conferences/banner-complete.jpg");
  padding-bottom: 75px;
  padding-top: 75px;
}
section.conference-register-banner .wide {
  position: relative;
}
section.conference-register-banner .ok {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
span.yellow-bg {
  background: #fff568;
}
/* --------------------------------------------------------------------- */
/*  Konferencja sekcja bez zdjecia                                       */
/* --------------------------------------------------------------------- */
section.conference-register-no-banner h3 {
  line-height: 1.5;
}
section.conference-register-no-banner strong {
  display: block;
}
section.conference-register-no-banner .wrapper {
  padding: 60px 15px;
}
section.conference-register-no-banner .wrapper.gray {
  background: #f2f4f6;
}
section.conference-register-no-banner .mid-width p {
  font-size: 13px;
  margin-bottom: 20px;
}
section.conference-register-no-banner .mid-width p strong {
  margin-bottom: 4px;
  text-transform: uppercase;
}
section.conference-register-no-banner .mid-width ul:not(.columns) {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.conference-register-no-banner .mid-width ul:not(.columns) li {
  font-size: 13px;
  margin-bottom: 15px;
}
section.conference-register-no-banner .mid-width p.big {
  font-size: 16px;
}
section.conference-register-no-banner .mid-width p.big a {
  display: block;
  margin-top: 10px;
}
section.conference-register-no-banner a {
  color: #D11F3A;
}
section.conference-register-no-banner .info {
  margin-top: 30px;
}
/* --------------------------------------------------------------------- */
/*  Konferencja rejestracja                                               */
/* --------------------------------------------------------------------- */
section.conference-register-form {
  padding: 60px 0 30px;
}
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + p,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + figure + p,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + label,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + figure + label {
  display: block;
  padding-left: 36px;
}
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + p span,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + figure + p span,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + label span,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + figure + label span {
  font-style: italic;
  left: 19px;
  padding: 0 2px;
  position: absolute;
  top: 2px;
}
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + p span.star,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + figure + p span.star,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + label span.star,
section.conference-register-form .mid-wide .checkbox-row input[type="checkbox"] + figure + label span.star {
  font-size: 8px;
  font-style: normal;
  line-height: 20px;
  padding: 0;
}
section.conference-register-form .mid-wide p.acceptance {
  color: #8f8f8f;
  padding-left: 36px;
  position: relative;
}
section.conference-register-form .mid-wide p.acceptance span {
  font-style: italic;
  left: 19px;
  padding: 0 2px;
  position: absolute;
  top: 2px;
}
section.conference-register-form .submit {
  padding: 15px 0 30px;
}
.form-wrapper .title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.form-wrapper .title .yellow-bg {
  font-size: 12px;
}
.form-wrapper .checkbox-row p,
.form-wrapper .checkbox-row > label {
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 2px;
}
.form-wrapper .narrow {
  margin: auto;
  max-width: 390px;
  width: 100%;
}
.form-wrapper .mid-wide {
  margin: auto;
  max-width: 590px;
  width: 100%;
}
.form-wrapper .block {
  margin-bottom: 30px;
}
.form-wrapper .row label {
  display: block;
  margin-bottom: 10px;
}
.form-wrapper .row .cw-6:first-child {
  padding-right: 5px;
}
.form-wrapper .row .cw-6:last-child {
  padding-left: 5px;
}
/* --------------------------------------------------------------------- */
/*  Szerokosci ogolne                                                    */
/* --------------------------------------------------------------------- */
.narrow-width {
  margin: auto;
  max-width: 390px;
  width: 100%;
}
.mid-width {
  margin: auto;
  max-width: 590px;
  width: 100%;
}
.wide-width {
  margin: auto;
  max-width: 790px;
  width: 100%;
}
.wider-width {
  margin: auto;
  max-width: 990px;
  width: 100%;
}
/* --------------------------------------------------------------------- */
/*  Konferencje wstep - banner                                           */
/* --------------------------------------------------------------------- */
section.conference-intro .wide {
  max-width: 1100px;
}
section.conference-intro .content.center-content.text-field {
  text-align: center;
}
section.conference-intro .content.center-content.text-field p {
  font-size: 26px;
}
section.conference-intro .content.center-content.text-field p.title {
  font-size: 36px;
}
section.conference-intro .content.center-content.text-field p.step {
  margin-bottom: 2em;
}
section.conference-intro .content.center-content.text-field p.step img {
  margin: 0 auto;
  max-width: 470px;
  width: 100%;
}
section.conference-intro h2 {
  font-size: 32px;
}
section.conference-intro .image.mobile {
  display: none;
}
section.conference-intro .wrapper {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}
section.conference-intro .wrapper:after,
section.conference-intro .wrapper:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.conference-intro .wrapper.right .content {
  float: right;
}
section.conference-intro .wrapper .content {
  display: block;
  float: left;
  font-size: 16px;
  width: 50%;
}
/* --------------------------------------------------------------------- */
/*  Podstrona trenera                                                    */
/* --------------------------------------------------------------------- */
section.trainer-profile {
  margin-bottom: 20px;
  padding: 50px 0;
}
section.trainer-profile h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
section.trainer-profile h2 strong {
  display: block;
}
section.trainer-profile h3 {
  margin-bottom: 6px;
}
section.trainer-profile p {
  font-size: 16px;
  line-height: 2;
}
section.trainer-profile .image {
  float: left;
  width: 40%;
}
section.trainer-profile .image img {
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
}
section.trainer-profile .content {
  float: right;
  padding-left: 15px;
  padding-right: 100px;
  width: 60%;
}
section.trainer-profile .info:after,
section.trainer-profile .info:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.alert {
  color: #D11F3A;
  padding: 15px 0;
}
.alert .image {
  font-size: 24px;
  line-height: 0;
  position: absolute;
  right: 15px;
  top: 12px;
}
.alert p:last-child {
  margin-bottom: 0;
}
.alert .content {
  border: 1px #D11F3A solid;
  padding: 15px 30px;
  position: relative;
}
.alert h2 {
  color: #D11F3A;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 15px;
}
.alert ul {
  padding-left: 20px;
}
.alert.alert-success {
  color: #27ce00;
}
.alert.alert-success h2 {
  color: #27ce00;
}
.alert.alert-success .content {
  border-color: #27ce00;
}
/* --------------------------------------------------------------------- */
/*  Loading                                                              */
/* --------------------------------------------------------------------- */
.loading {
  position: relative;
  transition: all 0.3s ease;
  z-index: 9999;
}
.loading:after {
  background: rgba(255, 255, 255, 0.75) url("../../images/front/loading.gif") center no-repeat;
  clear: both;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/* --------------------------------------------------------------------- */
/*  Dla nauczyciela banner                                               */
/* --------------------------------------------------------------------- */
section.teacher-banner .content {
  width: 65%;
}
section.teacher-banner .image {
  width: 35%;
}
section.teacher-banner h2 {
  margin-bottom: 20px;
}
section.teacher-banner ul.icons {
  margin-bottom: 20px;
}
section.teacher-banner ul.icons > li {
  line-height: 1.2em;
}
section.teacher-banner ul.buttons .button {
  min-width: 190px;
}
section.teacher-banner .button.login-big {
  border-color: #f2f4f6;
  font-size: 13px;
  padding: 4px 13px;
  text-align: left;
}
section.teacher-banner .button.login-big span {
  color: #474747;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.teacher-banner .button.login-big:hover span {
  color: white;
}
section.teacher-banner .button.login-big:hover {
  border-color: black;
}
section.teacher-banner .button.login-big:hover .lock:before {
  background-image: url("../../images/front/assets/icon-lock-white.png");
}
section.teacher-banner .button.login-big ul.icons {
  margin: 0;
  padding: 0;
}
section.teacher-banner .button.login-big ul.icons > li {
  line-height: 1.1;
}
/* --------------------------------------------------------------------- */
/*  Dla nauczyciela 3 bloki                                              */
/* --------------------------------------------------------------------- */
section.title-blocks {
  padding: 15px 0;
}
section.title-blocks h3 {
  margin-bottom: 15px;
}
section.title-blocks p {
  font-size: 13px;
}
section.title-blocks button.arrow-right {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  margin-top: 15px;
  outline: 0;
  text-transform: uppercase;
}
section.title-blocks button.arrow-right:hover:after {
  color: black;
}
section.title-blocks .select {
  margin-bottom: 10px;
}
section.title-blocks ul.blocks {
  display: table;
}
section.title-blocks ul.blocks > li {
  background: #f2f4f6;
  border-left: 7.5px white solid;
  border-right: 7.5px white solid;
  display: table-cell;
}
section.title-blocks ul.blocks > li > .content {
  padding: 40px;
}
section.title-blocks .arrow-o {
  align-items: center;
  color: #D11F3A;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
}
section.title-blocks .arrow-o:hover {
  color: black;
}
section.title-blocks ul.choose-set {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.title-blocks ul.choose-set li {
  border-bottom: 1px #d8dcdf solid;
  padding: 15px 0;
}
section.title-blocks ul.choose-set li:first-child {
  border-top: 1px #d8dcdf solid;
}
section.title-blocks ul.choose-set li .checkbox-row {
  margin-bottom: 0;
}
section.title-blocks ul.choose-set li .checkbox-row label {
  padding-left: 25px;
}
section.title-blocks .copy-lessons .button.user {
  display: block;
  font-size: 16px;
  margin: 30px 0 15px;
  max-width: 180px;
  padding-left: 10px;
  padding-right: 10px;
}
section.title-blocks .copy-lessons .button.login-big {
  border-color: #f2f4f6;
  font-size: 13px;
  max-width: 180px;
  padding: 4px 20px;
  text-align: left;
  width: 100%;
}
section.title-blocks .copy-lessons .button.login-big span {
  color: #474747;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.title-blocks .copy-lessons .button.login-big:hover span {
  color: white;
}
section.title-blocks .copy-lessons .button.login-big:hover {
  border-color: black;
}
section.title-blocks .copy-lessons .button.login-big:hover .lock:before {
  background-image: url("../../images/front/assets/icon-lock-white.png");
}
section.title-blocks .copy-lessons .button.login-big ul.icons {
  margin: 0;
  padding: 0;
}
section.title-blocks .copy-lessons .button.login-big ul.icons > li {
  line-height: 1.1;
}
section.title-blocks .copy-lessons img {
  margin: 0 auto 36px;
}
section.title-blocks .copy-lessons ul.icons li {
  line-height: 1.4em;
}
/* --------------------------------------------------------------------- */
/*  Dla nauczyciela AKTUALNOŚCI                                          */
/* --------------------------------------------------------------------- */
section.teacher-news {
  padding: 15px 0;
}
section.teacher-news ul.teacher-news-blocks > li {
  margin-bottom: 30px;
  position: relative;
}
section.teacher-news .content {
  border: 1px #f2f4f6 solid;
  display: block;
  padding: 20px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.teacher-news .content .arrow-right {
  font-size: 13px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.teacher-news .content .arrow-right::after {
  line-height: 0;
}
section.teacher-news .content:hover {
  border-color: black;
  color: #000000;
}
section.teacher-news .content:hover .arrow-right {
  color: #D11F3A;
}
section.teacher-news .title {
  margin-bottom: 10px;
}
section.teacher-news .text {
  font-size: 13px;
}
section.teacher-news a.arrow-right {
  font-size: 13px;
}
section.teacher-news a.arrow-right.show-all {
  font-weight: bold;
  text-transform: uppercase;
}
section.teacher-news .image {
  bottom: 15px;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
}
section.teacher-news .image img {
  margin: auto;
}
section.teacher-news .image-block img {
  margin-bottom: 30px;
}
section.teacher-news .image-block .text {
  margin-bottom: 30px;
}
section.teacher-news .image-block a.arrow-right {
  font-weight: bold;
  text-transform: uppercase;
}
section.teacher-news .image-block .content {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.teacher-news .image-block .details {
  left: 0;
  max-width: 50%;
  padding-left: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
section.teacher-news .bottom {
  display: block;
  height: 34px;
  padding: 0 30px;
  position: relative;
  text-align: center;
}
section.teacher-news .bottom:after,
section.teacher-news .bottom:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.teacher-news .bottom ul.pagination {
  position: absolute;
  right: 0;
  top: 0;
}
section.teacher-news .show-next {
  display: inline-block;
}
/* --------------------------------------------------------------------- */
/*  Dla nauczyciela program nauczania                                    */
/* --------------------------------------------------------------------- */
section.teacher-programs .table {
  border-bottom: 4px #f2f4f6 solid;
  border-top: 4px #f2f4f6 solid;
  display: table;
  padding: 45px 0;
  width: 100%;
}
section.teacher-programs .content {
  width: 65%;
}
section.teacher-programs .image {
  width: 35%;
}
/* --------------------------------------------------------------------- */
/* Dla nauczyciela lista stron                                           */
/* --------------------------------------------------------------------- */
.websites-list > li {
  margin-bottom: 15px;
}
.websites-list .content {
  border: 1px #f2f4f6 solid;
  display: block;
  padding: 30px 20px;
  position: relative;
}
.websites-list .content:hover {
  border-color: #000000;
}
.websites-list ul.language {
  font-size: 0;
  left: 50%;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 80px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
}
.websites-list ul.language li {
  display: inline-block;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  margin: 0 3px;
  padding: 0 6px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: baseline;
}
.websites-list ul.language li.pl {
  background: #D11F3A;
  color: white;
}
.websites-list ul.language li.de {
  background: #8f8f8f;
  color: white;
}
.websites-list .image {
  margin-bottom: 15px;
  text-align: center;
}
.websites-list .image img {
  -webkit-box-shadow: 0px 0px 8px 1px rgba(138, 136, 138, 0.75);
  -moz-box-shadow: 0px 0px 8px 1px rgba(138, 136, 138, 0.75);
  box-shadow: 0px 0px 8px 1px rgba(138, 136, 138, 0.75);
  display: block;
  margin: auto;
}
/* --------------------------------------------------------------------- */
/*  Dla nauczyciela numery men                                           */
/* --------------------------------------------------------------------- */
section.results-title .content {
  padding: 25px 100px;
}
section.results-title .title {
  font-size: 22px;
  font-weight: 300;
}
section.results-title .type {
  font-size: 12px;
}
section.men-search-results {
  padding: 60px 0;
}
section.men-search-results .content {
  padding: 0 100px;
}
ul.results-types {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.results-types > li {
  border-left: 5px transparent solid;
  margin-bottom: 40px;
  padding-left: 95px;
}
ul.results-types .school-type {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
/* --------------------------------------------------------------------- */
/* Dla nauczyciela numery men wyniki                                     */
/* --------------------------------------------------------------------- */
ul.men-results-list {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.men-results-list > li {
  display: table-row;
}
ul.men-results-list > li.header {
  text-transform: uppercase;
}
ul.men-results-list > li > span {
  border-bottom: 1px #f2f4f6 solid;
  display: table-cell;
  padding: 10px 10px 10px 0;
  vertical-align: middle;
}
ul.men-results-list > li > span .title {
  font-size: 16px;
}
ul.men-results-list > li > span .title:hover {
  color: #D11F3A;
}
ul.men-results-list > li > span:first-child {
  width: 75px;
}
ul.men-results-list > li > span:nth-last-child(2) {
  width: 195px;
}
ul.men-results-list > li > span:last-child {
  padding-right: 0;
  width: 150px;
}
ul.men-results-list ul.authors {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* --------------------------------------------------------------------- */
/* Dla nauczyciela Zestawy nauczycielskie wyniki                         */
/* --------------------------------------------------------------------- */
section.sets-search-results .content {
  border-top: 4px #f2f4f6 solid;
  padding: 25px 100px;
}
section.sets-search-results .check-results {
  font-size: 16px;
  margin-bottom: 30px;
}
section.sets-search-results .check-results strong {
  display: block;
}
section.sets-search-results .school-type {
  margin-bottom: 15px;
}
section.sets-search-results .set-title {
  color: #D11F3A;
  font-size: 16px;
  margin-bottom: 5px;
}
section.sets-search-results ul.set {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.sets-search-results ul.set > li {
  border-bottom: 1px #f2f4f6 solid;
  display: block;
  padding: 15px 85px 15px 20px;
  position: relative;
}
section.sets-search-results ul.set > li:after,
section.sets-search-results ul.set > li:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.sets-search-results ul.availability {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 15px;
}
section.sets-search-results ul.availability li {
  background-position: bottom left;
  background-repeat: no-repeat;
  display: inline-block;
  height: 23px;
  width: 39px;
}
section.sets-search-results ul.availability li.staffroom-check {
  background-image: url("../../images/front/teacher/staffroom-enabled.png");
}
section.sets-search-results ul.availability li.staffroom-disabled {
  background-image: url("../../images/front/teacher/staffroom-disabled.png");
}
section.sets-search-results ul.availability li.school-check {
  background-image: url("../../images/front/teacher/school-enabled.png");
}
section.sets-search-results ul.availability li.school-disabled {
  background-image: url("../../images/front/teacher/school-disabled.png");
}
/* --------------------------------------------------------------------- */
/* Dla nauczyciela Zestawy nauczycielskie 2 bloki                        */
/* --------------------------------------------------------------------- */
.teacher-results-legend .big {
  margin-bottom: 5px;
}
.teacher-results-legend img {
  margin-bottom: 5px;
}
.teacher-results-legend .text {
  font-size: 13px;
}
.teacher-results-legend .text a.arrow-right {
  font-size: 13px;
}
.teacher-results-legend .text a.arrow-right::before {
  display: none;
}
.teacher-results-legend .text a.arrow-right::after {
  font-weight: bold;
  line-height: 0;
}
section.results-title.results-sets .title {
  margin-bottom: 30px;
}
/* --------------------------------------------------------------------- */
/* Dla nauczyciela Zestawy nauczycielskie wyniki                         */
/* --------------------------------------------------------------------- */
form.search {
  position: relative;
}
form.search input.input {
  padding-right: 40px;
}
form.search input.input:focus {
  border-color: #000000;
}
form.search input.input:focus + button {
  background-color: #D11F3A;
  background-image: url("../../images/front/assets/icon-search-hover.png");
}
form.search button {
  background: url("../../images/front/assets/icon-search.png") center center no-repeat;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 100%;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}
section.teacher-sector {
  border-top: 1px #f2f4f6 solid;
}
section.teacher-sector .toggle {
  margin-bottom: 2em;
}
section.teacher-sector .wrapper.table {
  display: table;
  width: 100%;
}
section.teacher-sector .sidebar,
section.teacher-sector .main {
  display: table-cell;
  vertical-align: top;
}
section.teacher-sector .sidebar {
  background: #f2f4f6;
  width: 290px;
}
section.teacher-sector .sidebar .title {
  font-size: 14px;
  font-weight: 300;
  padding: 18px;
  text-transform: uppercase;
}
ul.school-type-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.school-type-tabs form.search button {
  pointer-events: none;
}
ul.school-type-tabs > li {
  display: none;
}
ul.school-type-tabs > li.active {
  display: block;
}
ul.sector-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.sector-list > li {
  border-left: 2px transparent solid;
  font-size: 13px;
  margin-bottom: 4px;
  padding-left: 18px;
  padding-right: 18px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.sector-list > li.active {
  background: #D11F3A;
}
ul.sector-list > li.active:hover {
  color: white;
}
ul.sector-list > li.active:hover a.arrow-right:after {
  color: white;
}
ul.sector-list > li.active a {
  color: white;
}
ul.sector-list > li a {
  font-size: 13px;
  padding: 15px 0;
  padding-right: 6px;
  text-shadow: -0.4px -0.4px 0 transparent, 0.4px 0.4px transparent;
}
ul.sector-list > li a::after {
  color: #d8dcdf;
}
ul.sector-list > li:hover a {
  text-shadow: -0.4px -0.4px 0 #333333, 0.4px 0.4px #333333;
}
ul.sector-list ul.numbers {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
ul.sector-list ul.numbers li {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0 6px;
}
ul.sector-list ul.numbers li.new {
  background: #3a779a;
  color: white;
}
ul.sector-list a.arrow-right {
  display: block;
  position: relative;
}
ul.sector-list a.arrow-right:after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
section.teacher-sector .main {
  padding: 0 15px;
}
section.teacher-sector .main .mid-width {
  padding: 40px 0;
}
section.teacher-sector .main .school-type {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}
section.teacher-sector .main .search {
  margin-bottom: 40px;
}
section.teacher-sector .main span.new {
  background: #3a779a;
  clear: both;
  color: white;
  display: table;
  font-size: 10px;
  margin-bottom: 2px;
  padding: 3px 6px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.uppercase {
  text-transform: uppercase;
}
ul.pagination {
  float: right;
  font-size: 0;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.pagination li {
  display: inline-block;
  font-size: 12px;
  line-height: 32px;
}
ul.pagination li.active span {
  background: #000000;
  border-color: #000000;
  color: white;
}
ul.pagination li a,
ul.pagination li span {
  border: 1px #f2f4f6 solid;
  display: block;
  padding: 0 11px;
}
ul.pagination li a.active,
ul.pagination li a:hover {
  background: #000000;
  border-color: #000000;
  color: white;
}
form.register-tabs {
  padding: 30px 0;
}
form.register-tabs a.cancel-changes {
  display: block;
  margin-top: 15px;
}
form.teacher-newsletter {
  position: relative;
}
form.teacher-newsletter .checkbox-row {
  margin-bottom: 8px;
  max-width: 400px;
}
form.teacher-newsletter .checkbox-row label {
  max-width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
form.teacher-newsletter .checkbox-row::after {
  background: url("../../images/front/assets/arrow-bottom-black.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0.5em;
  width: 10px;
}
form.teacher-newsletter .checkbox-row.clicked label {
  max-width: 100%;
  white-space: normal;
}
form.teacher-newsletter .checkbox-row.clicked::after {
  display: none;
}
form.teacher-newsletter .button-wrapper {
  max-width: 370px;
}
form.teacher-newsletter .button-wrapper .button {
  padding-left: 20px;
  padding-right: 20px;
}
form.teacher-newsletter .input {
  padding-right: 140px;
}
form.teacher-newsletter .button {
  position: absolute;
  right: 0;
  top: 0;
}
section.simple-banner.teacher-news-title h2 {
  margin-bottom: 5px;
}
section.simple-banner.teacher-news-title p {
  margin-bottom: 5px;
}
section.simple-banner.teacher-news-title ul.icons {
  margin-bottom: 15px;
}
/* --------------------------------------------------------------------- */
/* Artykul                                                               */
/* --------------------------------------------------------------------- */
section.simple-article {
  font-size: 16px;
  padding: 30px 0 60px;
}
section.simple-article p,
section.simple-article h1,
section.simple-article h2,
section.simple-article h3,
section.simple-article h4,
section.simple-article h5,
section.simple-article li {
  line-height: 1.8;
}
section.simple-article li {
  margin-bottom: 15px;
}
section.simple-article ul {
  margin-bottom: 15px;
}
section.simple-article ul:after,
section.simple-article ul:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.simple-article u {
  border-bottom: 1px #D11F3A solid;
  text-decoration: none;
}
section.simple-article .arrow-right:after {
  line-height: 0;
}
section.simple-article .arrow-right:before {
  display: none;
}
ul.poland {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.poland.loaded {
  opacity: 1;
}
/* --------------------------------------------------------------------- */
/* Profil uzytkownika                                                    */
/* --------------------------------------------------------------------- */
section.profile-tabs-buttons ul.tabs-buttons {
  border-top: 1px #f2f4f6 solid;
  display: table;
  list-style: none;
  margin: 0 0 25px;
  padding: 0;
  width: 100%;
}
section.profile-tabs-buttons ul.tabs-buttons > li {
  background: #f2f4f6;
  border: 2px white solid;
  border-left-width: 1px;
  border-right-width: 1px;
  cursor: pointer;
  display: table-cell;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
section.profile-tabs-buttons ul.tabs-buttons > li.active {
  background: white;
  -webkit-box-shadow: inset 0px 2px 0px 0px black;
  -moz-box-shadow: inset 0px 2px 0px 0px black;
  box-shadow: inset 0px 2px 0px 0px black;
  cursor: default;
  font-weight: bold;
}
section.profile-tabs-buttons ul.tabs-buttons > li:first-child {
  width: 40%;
}
/* --------------------------------------------------------------------- */
/* Moj profil                                                            */
/* --------------------------------------------------------------------- */
ul.profile-tabs {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
ul.profile-tabs > li {
  margin: auto;
  max-width: 1220px;
  padding: 0 15px;
}
ul.profile-tabs > li .page {
  padding-left: 0;
  padding-right: 0;
}
section.my-profile .page {
  display: table;
  margin-bottom: 25px;
}
section.my-profile .my-data,
section.my-profile .copy-lessons {
  display: table-cell;
  vertical-align: top;
}
section.my-profile .my-data {
  background: #f2f4f6;
  border-right: 10px white solid;
  padding: 40px;
  position: relative;
  width: 33.2%;
}
section.my-profile .my-data.school,
section.my-profile .my-data.sectors {
  background: white;
  padding: 0;
  position: relative;
}
section.my-profile .my-data.school:after,
section.my-profile .my-data.sectors:after,
section.my-profile .my-data.school:before,
section.my-profile .my-data.sectors:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.my-profile .my-data.school::before,
section.my-profile .my-data.sectors::before {
  border: 1px #f2f4f6 solid;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
section.my-profile .my-data.school .wrapper,
section.my-profile .my-data.sectors .wrapper {
  padding: 40px;
  z-index: 2;
}
section.my-profile .my-data.sectors {
  border-right: 0;
}
section.my-profile .my-data.sectors strong {
  text-transform: uppercase;
}
section.my-profile .my-data li {
  margin-bottom: 10px;
}
section.my-profile .my-data a.arrow-right {
  font-weight: bold;
  text-transform: uppercase;
}
section.my-profile .my-data ul.edit-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.my-profile .my-data ul.edit-links li {
  display: block;
  float: left;
  padding: 0 22px;
  position: relative;
}
section.my-profile .my-data ul.edit-links li::after {
  content: "|";
  position: absolute;
  right: 0;
}
section.my-profile .my-data ul.edit-links li:last-child::after {
  display: none;
}
section.my-profile .copy-lessons {
  border: 1px #f2f4f6 solid;
  padding: 40px 40px 55px;
  position: relative;
}
section.my-profile .copy-lessons h3 {
  margin-bottom: 5px;
}
section.my-profile .copy-lessons p {
  margin-bottom: 30px;
}
section.my-profile .copy-lessons .wrapper {
  margin: auto;
  max-width: 550px;
}
section.my-profile .copy-lessons .image {
  bottom: 15px;
  position: absolute;
  right: 0;
}
section.my-profile .copy-lessons .see-lessons {
  font-weight: bold;
  text-transform: uppercase;
}
section.my-profile.data-edit .my-data {
  padding-bottom: 60px;
}
section.my-profile.data-edit .my-data li.edit {
  bottom: 15px;
  left: 40px;
  position: absolute;
}
section.my-representative .content {
  padding: 20px 40px;
}
section.my-representative form {
  display: table;
  max-width: 495px;
  padding-top: 15px;
  width: 100%;
}
section.my-representative form > div {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
section.my-representative form > div:first-child {
  padding-right: 10px;
}
section.my-representative form .button {
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
/* --------------------------------------------------------------------- */
/* Moj profil                                                            */
/* --------------------------------------------------------------------- */
ul.certifications-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.certifications-list > li {
  margin-bottom: 30px;
  padding-left: 37px;
  position: relative;
}
ul.certifications-list > li.pdf::before {
  background-image: url("../../images/front/assets/icon-pdf-black-big.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 37px;
  left: 0;
  position: absolute;
  top: 0;
  width: 37px;
}
ul.certifications-list .date {
  font-size: 12px;
}
ul.certifications-list .title {
  font-size: 16px;
}
ul.certifications-list .download {
  text-transform: uppercase;
}
div.hr {
  display: block;
  height: 4px;
  max-width: 1220px;
  padding: 0 15px;
  width: 100%;
}
div.hr::after {
  background: #f2f4f6;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
/* --------------------------------------------------------------------- */
/* > Moj profil zgody                                                    */
/* --------------------------------------------------------------------- */
section.profile-edit-blocks {
  padding: 25px 0;
}
section.profile-edit-blocks .block {
  border: 1px #f2f4f6 solid;
  margin-bottom: 10px;
  padding: 40px;
}
section.profile-edit-blocks .separator {
  margin: 0 -37px;
  padding: 25px 0;
}
section.profile-edit-blocks .separator::after {
  background: #f2f4f6;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}
section.profile-edit-blocks ul.checkbox-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.profile-edit-blocks ul.checkbox-list > li {
  margin-bottom: 10px;
}
section.profile-edit-blocks .data-info {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
section.profile-edit-blocks .submit-changes {
  background: #D11F3A;
  border: 2px solid #D11F3A;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  outline: 0;
  padding: 10px 15px;
  text-transform: uppercase;
}
section.profile-edit-blocks .submit-changes:hover {
  background: #ffffff;
  color: #D11F3A;
}
section.profile-edit-blocks .arrow-right {
  font-weight: bold;
  text-transform: uppercase;
}
section.profile-edit-blocks .arrow-right:hover {
  color: black;
}
section.profile-edit-blocks .delete-acc-button {
  color: #8f8f8f;
  font-weight: bold;
  text-transform: uppercase;
}
section.profile-edit-blocks .delete-acc-button:hover {
  color: black;
}
section.profile-edit-blocks .delete-acc {
  position: relative;
}
section.profile-edit-blocks .delete-acc::after {
  background-image: url("../../images/front/assets/icon-delete-account.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 33px;
  position: absolute;
  right: 40px;
  top: 30px;
  width: 33px;
}
/* --------------------------------------------------------------------- */
/* > Moj profil reprezentanci                                            */
/* --------------------------------------------------------------------- */
section.choose-representative {
  padding: 60px 0;
}
section.choose-representative ul.icons {
  margin-bottom: 25px;
}
section.choose-representative .button {
  padding: 20px 25px;
}
section.choose-representative .button::before {
  margin-right: 5px;
}
section.choose-representative .person {
  padding-right: 7%;
}
/* --------------------------------------------------------------------- */
/* > Moj profil wybrany reprezentant                                     */
/* --------------------------------------------------------------------- */
section.chosen-representative .representative-top {
  padding-left: 100px;
  padding-right: 100px;
}
section.chosen-representative .representative-top p {
  font-size: 12px;
  text-transform: uppercase;
}
section.chosen-representative .representative-top h3 {
  margin-bottom: 15px;
}
section.chosen-representative .representative-top a {
  font-weight: bold;
}
section.chosen-representative .table-row {
  display: table;
  width: 100%;
}
section.chosen-representative .table-row .cell {
  border: 1px #f2f4f6 solid;
  display: table-cell;
  padding: 35px 15px;
  vertical-align: top;
  width: 50%;
}
section.chosen-representative .table-row .cell > .wrapper {
  margin: auto;
  max-width: 295px;
}
section.chosen-representative .table-row .cell.gray {
  background: #f2f4f6;
}
/* --------------------------------------------------------------------- */
/* > Moj profil reprezentanci lista                                      */
/* --------------------------------------------------------------------- */
section.simple-banner.no-margin-top.top.profile-representative-banner .content {
  width: 56%;
}
section.simple-banner.no-margin-top.top.profile-representative-banner .image {
  width: 44%;
}
section.other-representatives {
  padding-top: 50px;
}
section.other-representatives .top:after,
section.other-representatives .top:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.other-representatives .top h5 {
  float: left;
}
section.other-representatives .top a {
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}
ul.representatives-list-small {
  margin: 0 -5px;
}
ul.representatives-list-small > li {
  margin-bottom: 10px;
  min-height: 182px;
  padding-left: 5px;
  padding-right: 5px;
}
ul.representatives-list-small > li.chosen .wrapper {
  background: white;
}
ul.representatives-list-small ul.icons > li::before {
  top: 2px;
}
ul.representatives-list-small .wrapper {
  background: #f2f4f6;
  border: 1px #f2f4f6 solid;
  padding: 25px;
  padding-right: 0px;
}
ul.representatives-list-small .wrapper .person {
  display: table;
  width: 100%;
}
ul.representatives-list-small .wrapper .person .details,
ul.representatives-list-small .wrapper .person .image {
  display: table-cell;
  vertical-align: middle;
}
ul.representatives-list-small .wrapper .person .representative-info {
  margin-bottom: 20px;
}
ul.representatives-list-small .wrapper .person .details {
  font-size: 12px;
}
ul.representatives-list-small .wrapper .person .details .name {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
ul.representatives-list-small .wrapper .person .action {
  color: #8f8f8f;
  font-weight: bold;
  text-transform: uppercase;
}
ul.representatives-list-small .wrapper .person .action.change {
  color: #D11F3A;
  cursor: pointer;
}
ul.representatives-list-small .wrapper .person .image {
  padding: 10px;
  width: 130px;
}
ul.representatives-list-small .wrapper .person .image img {
  border: 1px #f2f4f6 solid;
  border-radius: 50%;
  height: auto;
  margin-bottom: -1px;
  margin-left: auto;
  margin-right: 0;
  max-width: 110px;
}
/* --------------------------------------------------------------------- */
/* Moj profil wybrany reprezentant                                       */
/* --------------------------------------------------------------------- */
section.representative-chosen-table .table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
section.representative-chosen-table .table .td {
  display: table-cell;
  padding: 40px;
  vertical-align: top;
}
section.representative-chosen-table .title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
section.representative-chosen-table img {
  border: 1px #f2f4f6 solid;
  border-radius: 50%;
  height: auto;
  margin-bottom: -1px;
}
section.representative-chosen-table .image,
section.representative-chosen-table .details {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
section.representative-chosen-table .my-representative {
  position: relative;
  width: 55%;
}
section.representative-chosen-table .my-representative.td {
  padding: 30px;
}
section.representative-chosen-table .my-representative.full-width {
  display: inline-block;
  width: 100%;
}
section.representative-chosen-table .my-representative .image {
  flex: 0 0 auto;
  max-width: 180px;
  width: 100%;
}
section.representative-chosen-table .my-representative .details {
  width: 75%;
}
section.representative-chosen-table .my-representative .details .arrow-right {
  bottom: 0;
  left: 0;
  position: relative;
}
section.representative-chosen-table .my-representative .image,
section.representative-chosen-table .my-representative .details {
  position: relative;
}
section.representative-chosen-table .my-representative .table {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
  justify-content: flex-end;
}
section.representative-chosen-table .my-representative .name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
  text-transform: uppercase;
}
section.representative-chosen-table .my-representative img {
  margin-right: 0;
  max-width: 180px;
}
section.representative-chosen-table .other-representatives {
  background: #e4e6e9;
  position: relative;
}
section.representative-chosen-table .other-representatives img {
  max-width: 100px;
  width: 100%;
}
section.representative-chosen-table .other-representatives .manager span {
  color: #D11F3A;
}
section.representative-chosen-table .rwd-slider {
  margin: 15px 0;
  padding-right: 55px;
  position: relative;
}
section.representative-chosen-table .rwd-slider > ul > li {
  vertical-align: middle;
}
section.representative-chosen-table .rwd-slider > ul > li .table {
  font-size: 13px;
}
section.representative-chosen-table .rwd-slider .details {
  padding: 15px;
}
section.representative-chosen-table .rwd-slider .name {
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: uppercase;
}
section.representative-chosen-table ul.navigation {
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 15px;
  width: 55px;
}
section.representative-chosen-table ul.navigation li {
  background: white;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 1px;
  width: 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.representative-chosen-table ul.navigation li.active,
section.representative-chosen-table ul.navigation li:hover {
  background: #000000;
}
section.representative-chosen-table a.arrow-right {
  bottom: 40px;
  font-size: 12px;
  font-weight: bold;
  left: 40px;
  position: absolute;
  text-transform: uppercase;
}
/* --------------------------------------------------------------------- */
/* > Menu mobile                                                         */
/* --------------------------------------------------------------------- */
#header nav .popover {
  background: #000000;
  color: #ffffff;
  display: none;
  font-size: 12.8px;
  font-weight: bold;
  left: 50%;
  line-height: 12.8px;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: calc(100% + 15px);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 100;
}
#header nav .popover:before {
  border-bottom: 10px solid #000000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: " ";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
}
#header nav .icons a {
  position: relative;
}
#header nav .icons a:hover .popover {
  display: block;
}
#header nav .icons .icon-short {
  padding-left: 10px;
}
#header nav .icons .icon-short + li {
  padding-left: 10px;
}
#header nav .menu-mobile {
  display: none;
  float: right;
  width: calc(100% - 142px);
}
#header nav .hidden-menu {
  background: #f2f4f6;
  bottom: 0;
  display: block;
  overflow: auto;
  padding-top: 86px;
  position: fixed;
  right: -100%;
  top: -30px;
  width: 200px;
  z-index: -1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav .hidden-menu.active {
  right: 0;
}
#header nav .hidden-menu .gray,
#header nav .hidden-menu .white {
  padding: 0 15px;
}
#header nav .hidden-menu .white {
  background: white;
}
#header nav .hidden-menu .gray > ul {
  border-bottom: 1px #d8dcdf solid;
}
#header nav .hidden-menu > div > ul {
  display: block;
  padding: 15px 0;
}
#header nav .hidden-menu > div > ul > li {
  display: block;
  font-size: 13px;
  line-height: 26px;
  position: relative;
}
#header nav .hidden-menu > div > ul > li.representative {
  display: none;
}
#header nav .hidden-menu > div > ul > li a {
  display: block;
  line-height: 40px;
}
#header nav .hidden-menu > div > ul > li a.register {
  color: #D11F3A;
}
#header nav .hidden-menu > div > ul.main,
#header nav .hidden-menu > div > ul.icons {
  background: white;
}
#header nav .hidden-menu > div > ul.main > li {
  font-size: 16px;
}
#header nav .hidden-menu > div > ul.main > li a:not(.contact):not(.login):not(.register)::before {
  background-image: url("../../images/front/assets/arrow-link.png");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}
#header nav .hidden-menu > div > ul.main > li a::before {
  height: 20px;
  left: auto;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
#header nav .hidden-menu > div > ul.staffrooms a::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
#header nav .hidden-menu > div > ul.staffrooms li.staffroom a:before {
  background-image: url("../../images/front/assets/icon-staff.png");
}
#header nav .hidden-menu > div > ul.staffrooms li.dms a:before {
  background-image: url("../../images/front/assets/icon-dms.png");
}
#header nav .hidden-menu > div > ul.staffrooms li.student a:before {
  background-image: url("../../images/front/assets/icon-uczen.png");
}
#header nav .hidden-menu > div > ul.staffrooms li.cart a:before {
  background-image: url("../../images/front/assets/icon-cart.png");
}
#header nav .hidden-menu > div > ul.staffrooms li.quizlet a:before {
  background-image: url("../../images/front/assets/icon-quizlet.png");
}
#header nav .hidden-menu > div > ul.staffrooms li.kahoot a:before {
  background-image: url("../../images/front/assets/icon-kahoot.png");
}
#header nav .hidden-menu > div > ul.social {
  padding: 10px 0;
}
#header nav .hidden-menu > div > ul.social li a:before {
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
#header nav .hidden-menu > div > ul.social li a.facebook::before {
  background-image: url("../../images/front/assets/icon-fb-gray.png");
}
#header nav .hidden-menu > div > ul.footer li,
#header nav .hidden-menu > div > ul.copy li,
#header nav .hidden-menu > div > ul.footer a,
#header nav .hidden-menu > div > ul.copy a {
  color: #8f8f8f;
}
#header nav .hidden-menu > div > ul.copy {
  border-bottom: 0;
}
#header nav .right .mobile {
  display: none;
  font-size: 0;
  text-align: right;
}
#header nav .right .mobile li {
  background-position: center;
  background-repeat: no-repeat;
  height: 56px;
  padding: 5px 1px;
  width: 48px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav .right .mobile li.active {
  background-color: white;
}
#header nav .right .mobile li.active a {
  border: 0;
}
#header nav .right .mobile li.person {
  background-image: url("../../images/front/assets/icon-account-big.png");
}
#header nav .right .mobile li.search {
  background-image: url("../../images/front/assets/search-red.png");
}
#header nav .right .mobile li.search.active {
  background-image: url("../../images/front/assets/icon-close.png");
}
#header nav .right .mobile li a {
  border: 1px #d8dcdf solid;
  display: block;
  height: 100%;
  width: 100%;
}
#header nav .logo-mobile {
  display: none;
}
#header nav .visible-menu {
  display: table;
  width: 100%;
}
#header nav .visible-menu > li {
  display: table-cell;
  height: 56px;
  line-height: 56px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav .visible-menu > li.active {
  font-weight: bold;
}
#header nav .visible-menu > li.active a::after {
  background: #D11F3A;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#header nav .visible-menu > li a {
  display: inline-block;
  position: relative;
}
#header nav .visible-menu > li.more {
  cursor: pointer;
  position: relative;
  width: 85px;
}
#header nav .visible-menu > li.more span {
  position: absolute;
  right: 0;
  right: 8px;
  top: 50%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#header nav .visible-menu > li.more.active {
  background: white;
  font-weight: bold;
}
#header nav .visible-menu > li.more.active span {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* --------------------------------------------------------------------- */
/* > Wyszukiwarka                                                        */
/* --------------------------------------------------------------------- */
section.main-search {
  padding: 30px 0 50px;
}
section.main-search label {
  color: #474747;
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
section.main-search .search-wrapper {
  position: relative;
}
section.main-search .search-wrapper .input {
  padding-right: 100px;
}
section.main-search .search-wrapper .button {
  position: absolute;
  right: 0;
  top: 0;
}
/* --------------------------------------------------------------------- */
/* > Wyszukiwarka wyniki                                                 */
/* --------------------------------------------------------------------- */
section.main-search-no-results {
  color: #313131;
  font-size: 32px;
  font-weight: bold;
  padding: 40px 0;
  text-transform: uppercase;
}
section.main-search-results-title {
  padding: 40px 0;
}
section.main-search-results-title .text {
  color: #313131;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
section.main-search-results-title .word {
  color: #313131;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
}
ul.main-search-results-list {
  list-style: none;
  padding: 0;
}
ul.main-search-results-list > li {
  margin-bottom: 10px;
}
ul.main-search-results-list .image {
  display: table-cell;
  min-height: 1px;
  padding: 27px;
  vertical-align: middle;
  width: 30%;
}
ul.main-search-results-list .image img {
  border: 1px solid #dbdbdb;
  margin: auto;
}
ul.main-search-results-list .content {
  display: table-cell;
  padding: 27px 10% 27px 0;
  vertical-align: middle;
}
ul.main-search-results-list .content .search {
  background: #fff156;
}
ul.main-search-results-list .title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 7px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.main-search-results-list .title::after {
  background: #313131;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 36px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.main-search-results-list .text {
  display: block;
  font-size: 13px;
}
ul.main-search-results-list a {
  border: 1px #f2f4f6 solid;
  display: table;
  position: relative;
}
ul.main-search-results-list a::after {
  color: #D11F3A;
  content: "\203a";
  font-size: 30px;
  position: absolute;
  right: 2%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
ul.main-search-results-list a:hover {
  border-color: black;
}
ul.main-search-results-list a:hover .title {
  color: #D11F3A;
}
ul.main-search-results-list a:hover .title::after {
  background: #D11F3A;
}
.cookie-module {
  background: #f2f4f6;
  bottom: 0;
  -webkit-box-shadow: 0px -1px 20px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -1px 20px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -1px 20px -2px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 0 15px;
  position: fixed;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.cookie-module.inactive {
  bottom: -100%;
}
.cookie-module .wrapper {
  margin: auto;
  max-width: 900px;
  padding: 20px 150px;
  position: relative;
}
.cookie-module .close-cookie {
  position: absolute;
  right: 0;
  top: 0;
}
.cookie-module .image {
  bottom: 0;
  left: 0;
  position: absolute;
}
.cookie-module .title {
  color: #474747;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1em;
  text-transform: uppercase;
}
.cookie-module p {
  color: #474747;
  font-size: 12px;
}
.cookie-module p a {
  display: inline-block;
  line-height: 10px;
  position: relative;
}
.cookie-module p a::before {
  background: #D11F3A;
  bottom: -4px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
section.contact-module {
  padding: 45px 0;
}
section.contact-module h2 {
  font-size: 16px;
}
section.contact-module .table {
  display: table;
  width: 100%;
}
section.contact-module a.show-more {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}
section.contact-module .left,
section.contact-module .right {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
section.contact-module .left {
  background-image: url("../../images/front/other/globe.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  border: 1px #f2f4f6 solid;
  font-size: 13px;
  padding: 30px 15px;
  width: 63%;
}
section.contact-module .left ul {
  max-width: 300px;
}
section.contact-module .left ul li {
  margin-bottom: 15px;
}
section.contact-module .left .icons > li:before {
  background-position: 1px;
  background-size: initial;
}
section.contact-module .left .wrapper {
  margin: auto;
  max-width: 350px;
}
section.contact-module .right {
  padding-left: 10px;
}
section.contact-module .right img {
  margin-bottom: 10px;
}
section.contact-module .top {
  background: #f2f4f6;
  border: 1px #f2f4f6 solid;
  display: block;
  margin-bottom: 10px;
  padding: 20px 30px 25px;
}
section.contact-module .top:after,
section.contact-module .top:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.contact-module .bottom {
  border: 1px #f2f4f6 solid;
  bottom: 0;
  display: block;
  font-size: 12px;
  padding: 25px;
}
section.contact-module .image-block {
  background: #f2f4f6;
  padding: 45px 20px;
}
section.simple-banner.error-page {
  padding-top: 100px;
}
section.simple-banner.error-page .content {
  vertical-align: top;
}
section.simple-banner.error-page h1 {
  text-transform: uppercase;
}
section.simple-banner.error-page p {
  margin-bottom: 40px;
}
section#contact-form textarea {
  margin-bottom: 10px;
}
section.contact-info {
  padding: 45px 0;
}
section.contact-info ul.columns > li {
  font-size: 13px;
}
section.contact-info .description {
  font-size: 13px;
}
section.contact-info ul.icons-list li {
  margin-bottom: 25px;
}
section.contact-info ul.icons-list li:last-child {
  margin-bottom: 0;
}
section.contact-info .icon_phone-full + span,
section.contact-info .icon_fax + span {
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  width: 70px;
}
section.google-map {
  padding-top: 15px;
}
section.google-map .g-map {
  height: 320px;
  width: 100%;
}
section.simple-banner.contact-banner ul.buttons > li .button {
  font-weight: bold;
  min-width: 0;
}
section.simple-banner.contact-banner ul.buttons > li .button:after {
  color: white;
}
section.simple-banner.contact-banner ul.buttons > li .button.white {
  border-color: #f2f4f6;
  color: black;
}
section.simple-banner.contact-banner ul.buttons > li .button.white:after {
  color: #D11F3A;
}
section.simple-banner.contact-banner ul.buttons > li .button.white:hover {
  color: white;
}
section.simple-banner.contact-banner ul.buttons > li .button.white:hover:after {
  color: white;
}
section.error-503 {
  background: #f2f4f6;
}
section.error-503 .page {
  max-width: 920px;
}
section.error-503 .top {
  background: white;
  padding: 100px 0;
}
section.error-503 .top .logo {
  display: block;
  margin-bottom: 30px;
  margin-top: 40px;
}
section.error-503 .top h1 {
  font-size: 32px;
  margin-bottom: 0;
  text-transform: uppercase;
}
section.error-503 .top .sub-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
section.error-503 .top .description {
  line-height: 1.5em;
}
section.error-503 .top .page {
  position: relative;
}
section.error-503 .top .content {
  float: left;
  width: 40%;
}
section.error-503 .top .error-img {
  max-width: 60%;
  position: absolute;
  right: 0;
  top: 0;
}
section.error-503 .bottom {
  padding: 45px 0;
}
section.error-503 .bottom .content {
  float: left;
  width: 40%;
}
section.error-503 .bottom h2 {
  font-size: 16px;
  margin-bottom: 1.5em;
}
section.error-503 ul.links {
  list-style: none;
  margin: 0;
  max-width: 290px;
  padding: 0;
}
section.error-503 .arrow-right:after {
  float: right;
}
section.error-ie {
  padding: 45px 0;
}
section.error-ie .content {
  padding-top: 30px;
}
section.error-ie .logo {
  margin-bottom: 15px;
}
section.error-ie h1 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
section.error-ie .sub-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
}
section.error-ie .description {
  line-height: 1.5em;
  max-width: 350px;
}
section.error-browsers {
  padding: 15px 0 45px;
}
section.error-browsers .wrapper {
  border: 1px #f2f4f6 solid;
  padding: 15px;
}
section.error-browsers .image {
  height: 195px;
  padding: 15px 0;
}
section.error-browsers .image img {
  display: block;
  margin: auto;
}
section.error-browsers ul.browsers-list {
  text-align: center;
}
section.error-browsers ul.browsers-list > li {
  margin-bottom: 15px;
  text-align: left;
}
section.error-browsers .small {
  color: #8f8f8f;
  font-size: 12px;
  margin-bottom: 0;
  text-transform: uppercase;
}
section.error-browsers .arrow-right {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
section.error-browsers .arrow-right::after {
  line-height: 1px;
}
section.error-browsers ul.system-icons {
  font-size: 0;
  list-style: none;
  margin: 0;
  margin: 0 -5px;
  padding: 0;
}
section.error-browsers ul.system-icons > li {
  display: inline-block;
  margin: 5px;
}
section.error-browsers ul.system-icons > li a {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  width: 20px;
}
section.error-browsers ul.system-icons > li.apple a {
  background-image: url("../../images/front/error/apple.png");
}
section.error-browsers ul.system-icons > li.apple a:hover {
  background-image: url("../../images/front/error/apple-hover.png");
}
section.error-browsers ul.system-icons > li.windows a {
  background-image: url("../../images/front/error/windows.png");
}
section.error-browsers ul.system-icons > li.windows a:hover {
  background-image: url("../../images/front/error/windows-hover.png");
}
section.order-free {
  padding: 15px 0;
}
section.order-free p,
section.order-free a {
  font-size: 13px;
}
section.order-free .wrapper {
  background-position: bottom right;
  background-repeat: no-repeat;
  border: 1px #d8dcdf solid;
  padding: 50px 15px;
}
section.order-free .wrapper .content {
  margin: auto;
  max-width: 380px;
}
section.download-files {
  padding: 30px 0;
}
section.download-files p.title {
  font-size: 16px;
  font-weight: bold;
}
section.download-files ul.download {
  margin-bottom: 15px;
}
section.download-book {
  padding: 15px 0 30px;
}
section.download-book .labels {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  display: block;
  font-size: 0;
  text-align: center;
}
section.download-book .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px 1px;
  font-size: 10px;
  padding: 4px 13px;
  text-transform: uppercase;
  position: relative;
}
section.download-book .label:hover .tooltip {
  display: table;
  opacity: 1;
}
section.download-book .label .tooltip {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 10px;
  font-weight: normal;
  vertical-align: middle;
  display: none;
  opacity: 0;
  z-index: 3;
  width: 230px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.download-book .label .tooltip span {
  text-transform: none;
  padding: 6px 15px;
  font-size: 12px;
  line-height: 1.2em;
  background: white;
  display: inline-block;
  color: #474747;
  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}
section.download-book .label .tooltip span::before {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -8px;
  border-bottom: 8px solid white;
}
section.download-book .label.news {
  background: #3a779a;
  color: white;
}
section.download-book .label.new-level {
  background: #D11F3A;
  color: white;
}
section.download-book .item {
  border: 1px #f2f4f6 solid;
  margin-bottom: 15px;
  padding: 15px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.download-book .item:hover {
  border-color: #000000;
}
section.download-book .title {
  font-weight: bold;
}
section.download-book .sub-title {
  font-size: 13px;
}
section.download-book .actions:after,
section.download-book .actions:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.download-book .content {
  margin-bottom: 30px;
}
section.download-book .button {
  border-color: #f2f4f6;
  border-width: 1px;
  display: block;
  float: left;
  font-size: 13px;
  margin: 0 1%;
  padding: 15px 10px;
  width: 48%;
}
section.download-book .button.youtube {
  margin: 0;
  max-width: 210px;
  padding: 8px 10px;
  width: 100%;
}
section.download-book .image {
  display: table;
  height: 220px;
  margin-bottom: 15px;
  width: 100%;
}
section.download-book .image a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
section.download-book .image a img {
  display: block;
  margin: auto;
  max-height: 180px;
}
section.learning-images {
  padding: 15px 0 30px;
}
section.learning-images .item {
  border: 1px #f2f4f6 solid;
  display: block;
  margin-bottom: 15px;
  padding: 15px;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
section.learning-images .item:hover {
  border-color: #000000;
}
section.learning-images .image {
  display: table;
  height: 220px;
  margin-bottom: 15px;
  width: 100%;
}
section.learning-images .image figure {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
section.learning-images .image figure img {
  display: block;
  margin: auto;
  max-height: 180px;
}
section.learning-images .title {
  font-size: 16px;
}
ul.men-numbers-list {
  list-style: none;
  padding: 0;
}
ul.men-numbers-list > li {
  margin: 0;
  padding: 7.5px 0;
}
ul.men-numbers-list > li:after,
ul.men-numbers-list > li:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.men-numbers-list > li > .row {
  border-bottom: 1px #d8dcdf solid;
  display: table;
  font-size: 16px;
  min-height: 2em;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
}
ul.men-numbers-list > li .number-title {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
}
ul.men-numbers-list > li .men {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}
form#code-form a#code-file {
  display: block;
  display: none;
  margin: 30px auto 0;
}
form#code-form a#code-file i {
  margin-right: 10px;
}
form#code-form a#code-file.active {
  display: table;
}
form#code-form #code.disabled {
  pointer-events: none;
}
.code-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 700px;
  position: relative;
}
.code-wrapper .message {
  color: #D11F3A;
  font-size: 0.8em;
  margin: 0;
}
.code-wrapper input {
  padding-right: 115px;
}
.code-wrapper .button {
  position: absolute;
  right: 0;
  top: 0;
}
.code-wrapper .button.white {
  cursor: not-allowed;
  opacity: 0.6;
}
.table.table-bordered {
  border-collapse: collapse;
  max-width: 480px;
  width: 100%;
}
.table.table-bordered td {
  border: 1px solid #ccc;
  padding: 1em;
}
.table.table-bordered td a {
  color: #D11F3A;
  display: inline-block;
  vertical-align: middle;
}
.info_clause {
  margin: 0 4px 20px 22px;
}
.info_clause a {
  text-decoration: underline;
}
.info_clause.small {
  display: block;
  font-size: 11px;
  margin: 0;
  padding-bottom: 15px;
}
.inspector_title {
  margin-top: 40px;
  padding-bottom: 0;
}
.inspector_title::before {
  display: none;
}
.inspector_mail {
  color: #00537c;
}
ul.icons-list.fs12.inspector > li > i.icon {
  font-size: 14px;
}
section.simple-banner .content.clause {
  width: 100%;
}
ul.black-checks {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.black-checks > li {
  display: block;
  line-height: 1.4em;
  margin-bottom: 1.2em;
  padding-left: 20px;
  position: relative;
}
ul.black-checks > li::before {
  content: "\2713";
  display: block;
  height: 1.2em;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
.rodo-module {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.rodo-module .wrapper {
  background: white;
  margin: 0 auto;
  max-width: 600px;
  padding: 50px;
  position: relative;
  width: 100%;
}
.rodo-module .close {
  background: #313131;
  color: white;
  cursor: pointer;
  height: 47px;
  line-height: 47px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 47px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.rodo-module .close:hover {
  background: black;
}
.rodo-module .title {
  color: #D11F3A;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
.rodo-popup .popup-table-wrapper {
  display: table;
  height: 100%;
  padding: 30px;
  width: 100%;
}
.rodo-popup .popup-cell-wrapper {
  display: table-cell;
  vertical-align: middle;
}
section.side-menu > .page > .content > section.duties-info-box {
  padding-left: 30px;
}
.page section.duties-info-box .page {
  padding: 0;
}
.page section.duties-info-box ul.columns > li {
  width: 50%;
}
section.duties-info-box .duties-wrapper {
  background: #717171;
  color: white;
  padding: 45px;
}
section.duties-info-box .duties-intro {
  margin-bottom: 30px;
}
section.duties-info-box h2,
section.duties-info-box h3,
section.duties-info-box li.duty a {
  color: white;
}
section.duties-info-box li.duty a:hover {
  color: #D11F3A;
}
section.duties-info-box strong {
  font-size: 14px;
}
section.duties-info-box ul.icons {
  margin-bottom: 30px;
}
section.duties-info-box ul.icons > li {
  font-size: 12px;
}
section.duties-info-box ul.icons.medium-icons > li::before {
  top: 0;
}
section.duties-info-box ul.icons > li.phone:before {
  background-image: url("../../images/front/assets/icon-phone.png");
}
section.duties-info-box .duties-list a {
  color: #D11F3A;
}
section.duties-info-box .duties-list a:hover {
  text-decoration: underline;
}
.close-duties-info {
  background: rgba(242, 244, 246, 0.5);
  border-radius: 5px;
  color: #313131;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 20px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.duties-wrapper {
  position: relative;
}
.close-duties-info:hover {
  background: #f2f4f6;
}
.recaptcha-wrapper {
  display: table;
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 5px;
  position: relative;
  vertical-align: middle;
}
.recaptcha-wrapper + p {
  margin-bottom: 30px;
}
.recaptcha-wrapper figure {
  bottom: 0;
  color: #D11F3A;
  left: 0;
  position: absolute;
}
.recaptcha-wrapper .g-recaptcha {
  border: 1px transparent solid;
}
.recaptcha-wrapper .validation-recaptcha {
  border-right: 0;
  height: 0;
  line-height: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.recaptcha-wrapper .validation-recaptcha.error + figure + .g-recaptcha {
  border: 1px #da1b2c solid;
  margin-bottom: 15px;
}
#rep-search-form {
  position: relative;
}
ul.ui-autocomplete.ui-front {
  left: 0 !important;
  list-style: none;
  margin: 1px 0 0;
  max-height: 180px;
  outline: 1px solid #eee;
  overflow: auto;
  padding: 0;
  position: absolute !important;
  right: 0 !important;
  top: 100% !important;
  width: 100%;
  z-index: 99;
}
ul.ui-autocomplete.ui-front.active {
  display: block;
}
ul.ui-autocomplete.ui-front li {
  background: #fafafa;
  border-bottom: 1px #d8dcdf solid;
  border-radius: 0;
  color: #8f8f8f;
  cursor: pointer;
  font-family: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  height: 45px;
  line-height: 44px;
  outline: none;
  padding: 0 10px;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
ul.ui-autocomplete.ui-front li:last-child {
  border-bottom: 0;
}
ul.ui-autocomplete.ui-front li.active {
  display: block;
}
ul.ui-autocomplete.ui-front li.highlighted,
ul.ui-autocomplete.ui-front li:hover {
  background: #D11F3A;
  color: white;
}
form#rep-search-form {
  margin-bottom: 30px;
  position: relative;
}
.hueber-days-banner a.conferences {
  bottom: -80px;
  position: absolute;
  right: -60px;
}
.hueber-days-banner .banner {
  background-size: 0;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.hueber-days-banner .banner .text {
  color: black;
  font-size: 26px;
  font-weight: 600;
  left: 30px;
  position: absolute;
  top: 24px;
}
.hueber-days-banner .banner .text .big {
  font-size: 40px;
  line-height: 1.6em;
}
.item-levels-wrapper {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}
.item-levels-wrapper span {
  font-size: 20px;
  line-height: 35px;
  margin-right: 15px;
}
.contact-form-wrapper {
  background-color: #f2f4f6;
  padding: 30px;
}
.contact-form-wrapper textarea {
  margin-bottom: 10px;
}
.materials-table {
  margin-bottom: 30px;
  width: 100%;
}
.materials-table td {
  border-bottom: 1px #e5e8ea solid;
  border-right: 1px #e5e8ea solid;
  display: table-cell;
  font-size: 13px;
  padding: 15px;
  vertical-align: top;
  width: 45%;
}
.materials-table td:last-child {
  border-right: 0;
  padding: 8px 15px;
  width: 140px;
}
.material-link,
.material-arrow,
.material-file {
  color: #D11F3A;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  padding-bottom: 6px;
  padding-left: 40px;
  padding-top: 6px;
  position: relative;
  text-transform: uppercase;
}
.material-link:hover,
.material-arrow:hover,
.material-file:hover {
  color: black;
}
.material-link:before,
.material-arrow:before,
.material-file:before {
  content: "";
  display: inline-block;
  height: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 32px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.material-link:hover:before,
.material-arrow:hover:before,
.material-file:hover:before {
  background-position: right;
}
.material-link:before {
  background-image: url("../../images/front/assets/eye-both.png");
}
.material-file:before {
  background-image: url("../../images/front/assets/download-both.png");
}
.material-arrow:before {
  background-image: url("../../images/front/assets/arrow-both.png");
}
@-moz-document url-prefix() {
  .rwd-slider .prev,
  .rwd-slider .next {
    line-height: 48px;
  }
}
header.header-materials-table {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}
header.header-materials-table h2 {
  font-size: 1.3em;
  margin: 0;
}
.flex-wrapper {
  display: flex;
}
section.item-details-tabs ul.tabs-content .tab-content-image p {
  line-height: 2em;
}
section.item-details-tabs ul.tabs-content .tab-content-image p.two-images__label {
  background-color: #d7dceb;
  -webkit-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.33);
  box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.33);
  color: #555a98;
  display: table;
  font-size: 12px;
  margin: 0 auto;
  padding: 5px 20px;
}
.tab-content-image .two-images {
  display: flex;
  margin-bottom: 20px;
}
.tab-content-image .two-images__image {
  flex: 1;
  margin: 10px;
  text-align: center;
}
.tab-content-image .two-images img {
  -webkit-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.33);
  box-shadow: 10px 10px 20px -1px rgba(0, 0, 0, 0.33);
}
.tab-content-image h2 {
  text-transform: none;
}
.tab-content-image .flex-wrapper {
  align-items: center;
}
.tab-content-image .image,
.tab-content-image .content {
  flex: 1;
}
.tab-content-image .image {
  align-items: center;
  display: flex;
  justify-content: center;
}
.tab-content-image.green {
  background-color: #7cb33e;
  padding: 30px 0;
}
.tab-content-image.green h2,
.tab-content-image.green p,
.tab-content-image.green .content {
  color: white;
}
.tab-content-image.yellow {
  background-color: #f4e757;
  padding: 30px 0;
}
.tab-content-image.light-blue {
  background-color: #b7dfd8;
  padding: 30px 0;
}
.tab-content-image.short-image .image {
  flex: 3;
}
.tab-content-image.short-image .content {
  flex: 4;
  padding-right: 100px;
}
.page.new-year-page {
  max-width: 1030px;
}
section.title-blocks ul.blocks.new-year-blocks {
  margin-top: 15px;
}
section.title-blocks ul.blocks.new-year-blocks > li {
  position: relative;
}
section.title-blocks ul.blocks.new-year-blocks > li > .content {
  padding-bottom: 100px;
}
section.title-blocks ul.blocks.new-year-blocks > li > .content img {
  margin-bottom: 30px;
}
section.title-blocks ul.blocks.new-year-blocks > li > .content .button {
  bottom: 30px;
  left: 30px;
  position: absolute;
}
section.item-details-tabs ul.tabs-content .schritte-section.new-year-image-section p {
  font-size: 16px;
  line-height: 1.6;
}
.new-year-section {
  padding: 45px 0;
}
.new-year-section .content {
  padding-left: 100px;
}
.new-year-section .has-shadow {
  -webkit-box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.25);
}
hr.section-separator {
  border-bottom: 0;
  border-top: 4px solid #f2f4f6;
  display: block;
  margin: 45px auto;
  max-width: 1190px;
  outline: 0;
  width: 100%;
}
.schritte-section {
  padding: 45px 0;
}
.schritte-section .mb-0 {
  margin-bottom: 0;
}
.schritte-section .mb-1 {
  margin-bottom: 10px;
}
.schritte-section .mb-2 {
  margin-bottom: 20px;
}
.schritte-section .mb-3 {
  margin-bottom: 30px;
}
.schritte-section .mt-0 {
  margin-top: 0;
}
.schritte-section .mt-1 {
  margin-top: 10px;
}
.schritte-section .mt-2 {
  margin-top: 20px;
}
.schritte-section h2 {
  text-transform: uppercase;
}
.schritte-section h2.small {
  font-size: 22px;
}
.schritte-section ul.category-list li a {
  font-size: 14px;
  font-weight: bold;
  padding-right: 0;
  text-transform: uppercase;
}
.schritte-section ul.category-list li a:after {
  border: 0;
  right: -25px;
}
.schritte-section .has-shadow {
  -webkit-box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 17px -2px rgba(0, 0, 0, 0.25);
}
.schritte-section .black-checks li {
  font-size: 13px;
}
.schritte-section .image {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
.schritte-section ul.category-list {
  display: table;
}
.schritte-section ul.category-list li {
  background-color: transparent;
}
.schritte-section ul.category-list a.arrow-right {
  background-color: transparent;
  padding-right: 30px;
}
.schritte-section .content {
  padding-left: 100px;
}
.schritte-section .content p {
  font-size: 13px;
}
section.item-details-tabs ul.tabs-content .schritte-components {
  padding: 60px 0;
  text-align: center;
}
section.item-details-tabs ul.tabs-content .schritte-components h2.small {
  font-size: 22px;
}
section.item-details-tabs ul.tabs-content .schritte-components h2 {
  margin-bottom: 0;
}
section.item-details-tabs ul.tabs-content .schritte-components h2 span {
  color: #D11F3A;
  text-decoration: underline;
  text-transform: uppercase;
}
section.item-details-tabs ul.tabs-content .schritte-components .sub-title {
  font-size: 13px;
  margin-bottom: 30px;
}
section.item-details-tabs ul.tabs-content .schritte-components ul.columns {
  margin-bottom: 25px;
}
section.item-details-tabs ul.tabs-content .schritte-components .item {
  border: 1px #d8dcdf solid;
  margin-bottom: 25px;
  padding: 20px;
  position: relative;
  text-align: center;
}
section.item-details-tabs ul.tabs-content .schritte-components .item:after {
  background-color: #D11F3A;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px;
}
section.item-details-tabs ul.tabs-content .schritte-components .item img {
  display: block;
  margin: 0 auto 20px;
}
section.item-details-tabs ul.tabs-content .schritte-components .item p {
  color: #474747;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6em;
  margin: 0;
}
.tab-content-image.schritte-npp {
  margin-top: 60px;
  padding: 0;
}
.tab-content-image.schritte-npp h2 {
  margin-bottom: 10px;
}
.tab-content-image.schritte-npp p {
  font-size: 13px;
  margin-bottom: 2em;
}
.tab-content-image.schritte-npp .image img {
  margin-top: -60px;
}
hr.gray {
  border: 0;
  height: 4px;
}
.tab-content-image.left-image .flex-wrapper .content {
  order: 2;
  padding-left: 0;
  padding-right: 100px;
}
.tab-content-image.left-image .flex-wrapper .image {
  order: 1;
}
.schritte-blogs {
  padding: 60px 0;
}
.schritte-blogs h2 {
  text-transform: uppercase;
}
.schritte-blogs h2.small {
  font-size: 22px;
}
.schritte-blogs .persons {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  margin: 0 -15px;
}
.schritte-blogs .name {
  color: black;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.schritte-blogs .name span {
  display: block;
  font-weight: bold;
}
.schritte-blogs ul.category-list {
  margin-bottom: 0 !important;
}
.schritte-blogs ul.category-list li a {
  font-size: 13px;
  padding-right: 0;
}
.schritte-blogs ul.category-list li a:after {
  border: 0;
  right: -25px;
}
.schritte-blogs .person {
  align-items: flex-start;
  border: 1px #f2f4f6 solid;
  display: flex;
  flex: 1;
  justify-content: flex-start;
  margin: 15px;
  padding: 30px;
}
.schritte-blogs .person .image {
  display: block;
  flex: none;
  padding-right: 15px;
  width: 165px;
}
.schritte-blogs .person .content {
  display: block;
  flex: 1;
}
.schritte-blogs h2 {
  padding-top: 25px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.schritte-blogs h2:before {
  background-color: #D11F3A;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -45px;
  position: absolute;
  top: 0;
  width: 90px;
}
.schritte-blogs h2 span {
  display: block;
  font-size: 0.7em;
  font-weight: normal;
}
section.item-details-tabs ul.tabs-content .schritte-section li,
section.item-details-tabs ul.tabs-content .schritte-section p {
  font-size: 13px;
}
.tab-content-materials {
  background-color: #313131;
  color: white;
  padding: 60px 0;
}
.tab-content-materials h2 {
  color: white;
}
.tab-content-materials h2 .thin {
  font-weight: 300;
  text-transform: uppercase;
}
.tab-content-materials .button {
  line-height: 20px;
  padding: 10px 20px;
  text-align: left;
}
.tab-content-materials .mos {
  margin-top: 45px;
}
.tab-content-materials .mos .button {
  padding-right: 50px;
}
.tab-content-materials .mos .button:after {
  right: 15px;
}
.tab-content-materials .mos img {
  display: block;
  margin-bottom: 15px;
}
.tab-content-hr hr {
  background-color: #d8dcdf;
  border-color: #d8dcdf;
  border-style: solid;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives {
  background-color: #f2f4f6;
  padding: 60px 0;
  text-align: center;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives p.small-title {
  color: #313131;
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives p.title {
  color: #313131;
  font-size: 32px;
  font-weight: bold;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 30px 0;
  padding: 0;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives li {
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives li:first-child {
  z-index: 1;
  -webkit-transform: translate(60%, 0);
  -ms-transform: translate(60%, 0);
  -o-transform: translate(60%, 0);
  transform: translate(60%, 0);
  -moz-transform: translate(60%, 0);
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives li:nth-child(2) {
  z-index: 2;
  -webkit-transform: translate(30%, 0);
  -ms-transform: translate(30%, 0);
  -o-transform: translate(30%, 0);
  transform: translate(30%, 0);
  -moz-transform: translate(30%, 0);
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives li:nth-child(3) {
  z-index: 3;
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives li:nth-child(4) {
  z-index: 2;
  -webkit-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  -o-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -moz-transform: translate(-30%, 0);
}
section.item-details-tabs ul.tabs-content .tab-content-representatives ul.representatives li:nth-child(5) {
  -webkit-transform: translate(-60%, 0);
  -ms-transform: translate(-60%, 0);
  -o-transform: translate(-60%, 0);
  transform: translate(-60%, 0);
  -moz-transform: translate(-60%, 0);
  z-index: 1;
}
.anim-section .fade-in {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.anim-section .fade-in.to-right {
  -webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  -o-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
  -moz-transform: translate(-50px, 0);
}
.anim-section .fade-in.to-left {
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  -o-transform: translate(50px, 0);
  transform: translate(50px, 0);
  -moz-transform: translate(50px, 0);
}
.anim-section .fade-in.to-top {
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
}
.anim-section.animate .fade-in {
  opacity: 1;
}
.anim-section.animate .fade-in.to-right,
.anim-section.animate .fade-in.to-left,
.anim-section.animate .fade-in.to-top {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
.tab-content-image.short-image .content {
  padding-right: 0;
}
section.item-details-tabs ul.tabs-content .tab-content-text p,
section.item-details-tabs ul.tabs-content .tab-content-text li {
  line-height: 2em;
  margin-bottom: 2em;
}
.arrow-o {
  display: inline-block;
  min-height: 30px;
  padding-right: 35px;
  position: relative;
}
.arrow-o:after {
  border: 2px #D11F3A solid;
  border-radius: 50%;
  color: #D11F3A;
  content: "\203A";
  font-size: 20px;
  font-weight: bold;
  height: 1.2em;
  line-height: 1.1em;
  margin-left: 10px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 1.2em;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.arrow-o:hover:after {
  border-color: black;
  color: black;
}
@-moz-document url-prefix() {
  .arrow-o {
    line-height: 1em;
  }
}
section.ssinfo {
  height: auto;
  max-height: 200px;
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  transition: all 0.3s ease;
}
section.ssinfo .icon {
  display: inline-block;
  height: 1.5em;
  margin-right: 0.3em;
  vertical-align: middle;
}
section.ssinfo .icon img {
  max-height: 100%;
}
section.ssinfo .content {
  display: inline-block;
  vertical-align: middle;
}
section.ssinfo .content p {
  margin: 0;
}
.select-2-simple {
  margin-bottom: 15px;
}
.select-2-simple .select2-selection__arrow {
  display: none;
}
.select-2-simple .select2-container {
  width: 100% !important;
}
.select-2-simple span.select2-selection__placeholder {
  line-height: 50px;
}
.select-2-simple .select2-container--default .select2-selection--single .select2-selection__rendered,
.select-2-simple span.select2-selection__rendered {
  height: 50px;
  line-height: 50px;
}
.select-2-simple span.select2-selection.select2-selection--single {
  appearance: none;
  background-image: url("../../images/front/arrow.png");
  background-position: center right 10px;
  background-repeat: no-repeat;
  border-color: #d1d1d1;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered,
span.select2-search.select2-search--inline,
.select2-container--default .select2-search--inline .select2-search__field {
  vertical-align: top !important;
}
.select2-container {
  max-width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d1d1d1 !important;
  border-radius: 0 !important;
  padding-bottom: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #da1b2c !important;
  border-color: #da1b2c !important;
  color: #d1d1d1 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: #da1b2c !important;
  border-color: #d1d1d1 !important;
  color: #d1d1d1 !important;
  top: 3px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-size: 13.333px !important;
  line-height: 1em !important;
}
.select2-results__option {
  font-size: 13px !important;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
}
.flex .effect,
.flex .form-item-effect,
.flex .search-by-regon {
  display: inline-block;
  position: relative;
  width: 48%;
}
.hide-school-form {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  padding-bottom: 15px;
}
.select-school {
  font-size: 15px;
}
.hidden {
  display: none;
}
.email-isset-info {
  background-color: #ffd800;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 15px;
  padding: 10px;
}
.email-isset-info a {
  color: #da1b2c;
  text-decoration: none;
}
.zmiany .wide-width {
  max-width: 100% !important;
}
.zmiany .full-width-header {
  background-color: #F0F4F8;
  font-size: 36px;
  font-weight: 300;
  left: 50%;
  margin: 0;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: -100px;
  transform: translateX(-50%);
  width: 98vw;
  z-index: 2;
}
.zmiany .red-dots {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  padding-left: 0;
}
.zmiany .red-dots li {
  padding-left: 30px;
  position: relative;
}
.zmiany .red-dots li::before {
  border: 2px solid #D11F3A;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 8px;
}
.zmiany .section-text {
  padding-bottom: 0;
}
.zmiany .section-text.section-submenu {
  padding: 0;
}
.zmiany .section-text .submenu ul {
  align-items: center;
  display: flex;
  gap: 0 1rem;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.zmiany .section-text .submenu ul li {
  margin-bottom: 0;
}
.zmiany .section-text .submenu ul li a {
  color: #fff;
  display: block;
  transition: all 0.4s linear;
  padding: 15px;
}
.zmiany .section-text .submenu ul li a:hover {
  background-color: #fff;
  opacity: 1;
  color: #da1b2c;
}
.zmiany .section-text .content h1 {
  margin: 0;
  text-transform: none;
}
.zmiany .section-image {
  position: relative;
}
.zmiany .section-image .full-width-header {
  font-size: 36px !important;
  top: -80px;
}
.zmiany .section-image .content {
  padding: 0 !important;
}
.zmiany .section-image .content h3 {
  margin-bottom: 30px;
  text-transform: none;
}
.zmiany .section-image .content h2 {
  font-size: 26px;
  margin-bottom: 30px;
  text-transform: none;
}
.zmiany .section-image .image img {
  margin: 0 0 0 auto;
  max-width: 520px;
  width: 100%;
}
.zmiany .section-timeline {
  background: #F0F4F8;
  overflow: hidden;
  padding: 50px 0;
}
.zmiany .section-timeline.padding-none {
  padding: 50px 0 25px 0;
}
.zmiany .section-timeline .steps {
  counter-reset: section;
  list-style: none;
  margin: 0 auto;
  max-width: 720px;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
.zmiany .section-timeline .steps.circle li:before {
  box-sizing: border-box;
  content: "";
  top: 0;
  border: 6px solid #000;
  border-radius: 50%;
  left: 18px;
  height: 40px;
  width: 40px;
}
.zmiany .section-timeline .steps li {
  line-height: 1.4;
  margin: 0;
  padding-bottom: 40px;
  padding-left: 110px;
  position: relative;
}
.zmiany .section-timeline .steps li:last-child::after {
  display: none;
}
.zmiany .section-timeline .steps li .name {
  display: block;
  font-size: 22px;
  font-weight: 700;
}
.zmiany .section-timeline .steps li .description {
  display: block;
  margin: 10px 0 15px;
}
.zmiany .section-timeline .steps li.active {
  color: #000000;
}
.zmiany .section-timeline .steps li:nth-child(1) {
  margin-top: 80px;
}
.zmiany .section-timeline .steps li::before {
  align-items: center;
  background: #F0F4F8;
  color: currentColor;
  content: counters(section, ".") " ";
  counter-increment: section;
  display: flex;
  font-size: 56px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 74px;
  z-index: 1;
}
.zmiany .section-timeline .steps li:after {
  background: url(v-line.svg) top center repeat-y;
  background-size: contain;
  content: "";
  height: calc(100% - 25px);
  left: 36px;
  position: absolute;
  top: 10px;
  width: 4px;
  z-index: 0;
}
@media screen and (max-width: 590px) {
  .zmiany .section-timeline .steps.circle li::before {
    left: 7px;
    height: 30px;
    width: 30px;
  }
}
.iti {
  width: 100%;
}
#valid-msg-telephone-1 {
  color: green;
}
.is-disabled {
  font-size: 12px !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}
.ett-boxes {
  padding: 35px 15px 0 !important;
}
.ett-boxes .deco-big-rocket {
  margin-bottom: -2px;
  margin-left: 150px;
  margin-top: -355px;
  position: relative;
  z-index: 2;
}
.ett-box {
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
  background-size: 50% !important;
  margin-bottom: 35px;
  padding: 30px;
  position: relative;
}
.ett-box:last-of-type {
  margin-bottom: 0;
}
.ett-box-rocket {
  max-width: 130px;
  position: absolute;
  right: 0px;
  top: -60px;
}
.ett-box h3 {
  font-size: 21px;
}
.ett-box-teacher {
  background-position: 95% 10% !important;
  background-size: 10% !important;
}
.ett-box-teacher .ett-box-content {
  max-width: 100%;
}
.ett-box-teacher .materials-table {
  margin-bottom: 0;
}
.ett-box-teacher .materials-table tr td {
  font-size: 12px;
  padding: 10px;
  vertical-align: middle;
}
.ett-box-teacher .materials-table tr td:nth-child(even) {
  width: 15%;
}
.ett-box-teacher .materials-table tr td:nth-child(odd) {
  width: 35%;
}
.ett-box-applications .ett-box-buttons {
  padding: 15px 5px;
}
.ett-box-applications .ett-box-buttons-wrapper {
  display: block;
}
.ett-box-applications .ett-box-buttons-wrapper a {
  display: block;
  margin: 0 0 20px auto;
}
.ett-box-applications .ett-box-buttons-wrapper a:last-child {
  margin: 0 0 0 auto;
}
.ett-box-applications .ett-box-buttons.border-bottom {
  border-bottom: 1px solid #d8dcdf;
}
.ett-box-helpers {
  background-position: 95% 10% !important;
  background-size: 10% !important;
}
.ett-box-helpers .ett-box-buttons {
  border-bottom: 1px solid #d8dcdf;
  position: relative;
  z-index: 5;
}
.ett-box-helpers .ett-box-buttons span {
  border-right: 1px solid #d8dcdf;
  font-size: 12px;
  padding: 15px 15px 15px 0;
  width: 60%;
}
.ett-box-content {
  max-width: 400px;
}
.ett-box-content p {
  line-height: 1.4 !important;
}
.ett-box-content p.margin-all {
  margin: 20px 0;
}
.ett-box-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.ett-box-buttons a {
  background: 0 0;
  border: none;
  color: #d11f3a;
  margin-left: 15px;
  padding: 0 60px 0 0;
}
.ett-box-buttons a:visited {
  background: 0 0;
  border: none;
  color: #d11f3a;
}
.ett-box-buttons a::after {
  border-color: #d11f3a !important;
}
.ett-box-buttons a:focus,
.ett-box-buttons a:hover {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}
.ett-box-buttons a:focus::after,
.ett-box-buttons a:hover::after {
  border-color: #000 !important;
}
.ett-box-buttons img {
  max-width: 150px;
}
.ett-list {
  max-width: 300px;
  padding-left: 30px;
  position: relative;
  z-index: 3;
}
.ett-list h3 {
  font-size: 17px;
  margin-bottom: 10px;
}
.ett-list ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}
.ett-list ul li {
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 0 0 15px;
  position: relative;
}
.ett-list ul li::before {
  content: "\2713";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ett-list ul li a {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.ett-list ul li a::after {
  content: "\203A";
  display: block;
  font-size: 18px;
  margin-left: 5px;
}
@media all and (max-width: 800px) {
  .ett-boxes .deco-big-rocket {
    margin-left: 270px;
    margin-top: -230px;
    max-width: 500px;
  }
}
@media all and (max-width: 700px) {
  .ett-boxes {
    padding: 35px 15px !important;
  }
  .ett-boxes .deco-big-rocket {
    display: none;
  }
  .ett-box {
    background: #f3f4f6 !important;
  }
  .ett-box-content {
    max-width: 100%;
  }
  .ett-box-helpers {
    margin-bottom: 15px;
  }
  .ett-list {
    padding: 15px;
  }
}
@media all and (max-width: 520px) {
  .ett-box-rocket {
    display: none;
  }
  .ett-box-teacher .materials-table tr td {
    border-right: 1px solid #e5e8ea;
    display: inline-block;
    vertical-align: bottom;
    width: 50% !important;
  }
}
@media all and (max-width: 480px) {
  .ett-box {
    padding: 15px;
  }
  .ett-box-helpers .ett-box-buttons {
    border-bottom: 0;
    gap: 10px;
    margin-bottom: 10px;
  }
  .ett-box-helpers .ett-box-buttons.border-bottom {
    border-bottom: 0;
  }
  .ett-box-helpers .ett-box-buttons span {
    border: 0;
    padding: 0;
  }
  .ett-box-helpers .ett-box-buttons span:last-child {
    margin-bottom: 0;
  }
  .ett-box-buttons {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .ett-box-buttons a {
    margin-left: 0;
  }
}
.btn--item.soundcloud {
  background:#f50;
  border-color:#f50;
}
.btn--item.soundcloud:hover {
  background: #000;
  border-color: #000;
}
.visible-mobile-800 {
  display: none;
}
@media (max-width: 800px) {
  .visible-mobile-800 {
    display: block;
  }
}
.job-offer {
  background: #D11F3A;
  padding: 30px 0;
  color: white;
  text-align: center;
  position: relative;
  font-size: 16px;
}
.job-offer figure {
  background: white;
  display: block;
  width: 200px;
  height: 200px;
  margin: auto;
  border-radius: 50%;
  position: relative;
  margin-bottom: 30px;
}
.job-offer figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 130px;
}
.job-offer h1 {
  font-size: 46px;
  margin-bottom: 30px;
  color: white;
}
.job-offer h1 span {
  display: block;
  font-size: 36px;
}
.job-offer p,
.job-offer .localization {
  margin-bottom: 30px;
}
.job-offer p {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.job-offer .localization {
  text-transform: uppercase;
}
.job-offer .job-offer-menu {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  border-top: 1px white solid;
  border-bottom: 1px white solid;
  display: table;
}
.job-offer .job-offer-menu li {
  display: inline-block;
  margin-bottom: 0;
}
.job-offer .job-offer-menu li a {
  display: block;
  color: white;
  text-transform: uppercase;
  padding: 10px 20px;
}
.job-offer .job-offer-menu li a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.job-offer .job-offer-menu li a:hover {
  color: #cccccc;
  font-weight: bold;
}
.job-offer.img-people {
  padding-bottom: 80px;
}
.job-offer.img-people:after {
  content: "";
  display: block;
  width: 286px;
  height: 150px;
  background: url('../../images/front/job-offers/img-people.png');
  position: absolute;
  bottom: -75px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
section.simple-article.job-offer-top {
  padding-top: 150px;
  border-bottom: 2px #f2f2f2 solid;
}
section.simple-article.job-offer-top.small-space {
  padding-top: 60px;
  border-bottom: 0;
}
section.simple-article.job-offer-top .big {
  font-size: 26px;
  line-height: 1.5;
  color: #4e4e4e;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
section.simple-article.job-offer-top .big span {
  font-weight: bold;
  display: block;
}
.job-about-us .page {
  background-position: left center;
  background-size: initial;
  background-repeat: no-repeat;
  min-height: 530px;
}
.job-about-us .page h3 {
  font-size: 24px;
  color: #4e4e4e;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.5;
}
.job-about-us .page a {
  color: #D11F3A;
}
.job-about-us .page .content {
  padding-top: 100px;
}
.job-about-us .page .content p.big {
  font-size: 24px;
  color: #4e4e4e;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 1.5;
}
section.simple-article.job-offer-bottom {
  text-align: center;
}
section.simple-article.job-offer-bottom.red {
  background: #D11F3A;
  color: white;
  padding-top: 86px;
}
section.simple-article.job-offer-bottom .button.black {
  background: black;
  border-color: black;
  margin-bottom: 30px;
}
section.simple-article.job-offer-bottom .button.black::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../../images/front/job-offers/air-plane.png');
  content: "";
  background-position: 0 -16px;
  margin-right: 30px;
}
section.simple-article.job-offer-bottom .button.black:hover {
  background: white;
  color: black;
}
section.simple-article.job-offer-bottom .button.black:hover::before {
  background-position: 0 0;
}
section.simple-article.job-offer-bottom p {
  text-align: center;
  margin-bottom: 30px;
}
section.simple-article.job-offer-bottom p em {
  font-size: 14px;
}
section.simple-article.job-offer-bottom h1 {
  font-size: 26px;
  line-height: 1.5;
  margin-bottom: 30px;
}
section.job-offer-section.job-offers-list h2,
section.job-offer-section.job-offers-list h3 {
  margin-bottom: 1em;
}
section.job-offer-section:nth-child(2n + 1) {
  background-color: #e5e5f0;
}
section.job-offer-section ul {
  margin: 0;
  padding-left: 20px;
  overflow: visible;
}
section.job-offer-section ul:after,
section.job-offer-section ul:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
section.job-offer-section ul > li {
  padding-left: 14px;
  display: list-item;
  list-style-image: url(../../images/front/assets/red-dot.png);
  padding-right: 20px;
  line-height: 1.6;
  margin-bottom: 6px;
  padding-bottom: 4px;
}
section.job-offer-section ul > li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  section.simple-banner.right .content {
    padding-right: 0;
  }
}
@media (max-width: 800px) {
  .job-about-us .page {
    background-image: none !important;
    min-height: 0;
  }
  .job-about-us .page .content {
    padding: 30px 0;
  }
}
@media (max-width: 480px) {
  .job-offer h1 {
    font-size: 30px;
  }
  .job-offer .job-offer-menu li {
    display: block;
  }
  .job-offer h1 {
    font-size: 24px;
  }
  section.simple-article.job-offer-bottom .button.black {
    font-size: 12px;
  }
}
/* --------------------------------------------------------------------- */
/* > Sekcje - klasy sekcji (modyfikatory)                                */
/* --------------------------------------------------------------------- */
.article-section {
  font-size: 16px;
  line-height: 1.5em;
}
.article-section ul.links-list {
  max-width: 480px;
}
.article-section ul.links-list li {
  margin: 15px 0;
}
.article-section ul.links-list a {
  font-weight: normal;
  display: block;
  position: relative;
  padding-right: 15px;
}
.article-section ul.links-list a::after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  line-height: 1.3em;
  font-weight: bold;
}
.article-section.no-padding {
  padding: 0;
}
.article-section ul > li,
.article-section ol > li {
  margin-bottom: 10px;
}
.article-section ol {
  list-style: none;
  padding-left: 0;
}
.article-section ol > li {
  counter-increment: step-counter;
  padding-left: 30px;
  position: relative;
}
.article-section ol > li::before {
  content: counter(step-counter) '.';
  position: absolute;
  top: 0;
  left: 0;
  color: #313131;
  font-weight: bold;
}
/* --------------------------------------------------------------------- */
/* > Sekcje - klasy wewnątrz sekcji                                      */
/* --------------------------------------------------------------------- */
.article-section .content h1 {
  font-size: 32px;
  text-transform: uppercase;
}
.article-section .side-right {
  padding-left: 15px;
}
.article-section a {
  color: #D11F3A;
}
.article-section a:hover {
  opacity: 0.8;
}
/* --------------------------------------------------------------------- */
/* > Sekcje - tekst                                                     */
/* --------------------------------------------------------------------- */
.section-text {
  padding: 30px 0;
}
.section-text .content h1 {
  font-size: 32px;
  text-transform: uppercase;
}
.section-text .content h3 {
  font-size: 20px;
}
.section-text .content h2,
.section-text .content h3,
.section-text .content p,
.section-text .content ul,
.section-text .content ol {
  margin-bottom: 30px;
}
/* --------------------------------------------------------------------- */
/* > Sekcje - banner                                                     */
/* --------------------------------------------------------------------- */
.section-banner .content {
  width: 50%;
}
/* --------------------------------------------------------------------- */
/* > Sekcje - obraz                                                      */
/* --------------------------------------------------------------------- */
/*
.section-image {
  .image {
    width: 50%;
  }

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

  .side-left + .content {
    padding-left: @defaultSpace;
  }

  .side-right + .content {
    padding-right: @defaultSpace;
  }
}
*/
/* --------------------------------------------------------------------- */
/* > Sekcje - galeria                                                     */
/* --------------------------------------------------------------------- */
.section-gallery .gallery {
  padding: 0;
  text-align: center;
}
.section-gallery .gallery .image {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  max-width: 200px;
  padding: 15px;
}
/* --------------------------------------------------------------------- */
/* > Sekcje - produkty                                                   */
/* --------------------------------------------------------------------- */
.section-products .products {
  padding: 0;
  text-align: center;
}
.section-products .products .product {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  max-width: 300px;
  padding: 15px;
}
.section-products .products .product .title {
  color: #474747;
}
/* --------------------------------------------------------------------- */
/* > Sekcje - nawigacja                                                  */
/* --------------------------------------------------------------------- */
.article-bottom {
  padding: 30px 0;
}
.article-bottom:after,
.article-bottom:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.article-bottom .show-prev,
.article-bottom .show-next {
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  max-width: 50%;
}
.article-bottom .show-prev {
  float: left;
  color: #8f8f8f;
  text-align: left;
  padding-right: 10px;
  padding-left: 15px;
}
.article-bottom .show-prev::before {
  line-height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.article-bottom .show-next {
  float: right;
  padding-left: 10px;
  text-align: right;
  padding-right: 15px;
}
.article-bottom .show-next::after {
  line-height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}
.article-header h1 {
  font-size: 32px;
  margin-top: 20px;
}