@charset "UTF-8";
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* =============================== Ogólna responsywność ================================= */
#mobile-menu-button.show-nav {
  background: #8d0023; }

#mobile-menu-button.show-nav > span, #mobile-menu-button.show-nav > span::after, #mobile-menu-button.show-nav > span::before {
  background-color: #fff; }

.nav-bottom, .nav-top {
  padding: 5px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #202020; }

.nav-bottom > div, .nav-top > div {
  padding-right: 20px; }

.nav-bottom > div:last-child, .nav-top > div:last-child {
  padding-right: 0; }

.nav-top {
  height: 50px;
  padding: 1; }

nav.mobile {
  bottom: 50px;
  top: 50px; }

.nav-bottom svg path, .nav-top svg path {
  fill: #fff !important; }

.nav-top .size-changer > a {
  color: #fff; }

#contrast-mobile-panel.contrast-panel {
  padding: 15px;
  right: 5px;
  left: 5px; }

#contrast-mobile-panel.contrast-panel .color-changer > a {
  width: 35px;
  height: 35px; }

.nav-bottom .social-icon svg path {
  fill: #3b3b3b; }

/* =============================== Podstawowe przeskoki ================================= */
@media screen and (max-width: 1600px) {
  #BOTTOM div[data-grid="logo-box"] {
    padding: 0 80px; } }

@media screen and (max-width: 1500px) {
  nav.desktop .nav-button > a {
    padding: 0 12px; }
  .header-modules > div {
    padding-right: 16px; }
  #TOP-MAIN, #TOP-EXTENDED, #MAIN-BANER {
    padding-right: 140px; }
  #MAIN-BANER .social-links {
    right: 70px; } }

@media screen and (max-width: 1367px) {
  #START h1 {
    font-size: 4em; }
  #START h2 {
    font-size: 3rem; }
  .multimedia-link a.media-link {
    padding: 25px 60px 25px 0;
    font-size: 1.6rem; }
  #TOP-MAIN, #TOP-EXTENDED, #MAIN-BANER {
    padding-right: 120px; }
  #MAIN-BANER {
    padding-bottom: 40px; }
  .banner-content {
    padding-bottom: 50px; }
  #MAIN-BANER .social-links {
    right: 60px; }
  #BOTTOM-WRAPPER:after {
    width: 120px; }
  .banner-content .banner-header, .banner-content .text-wrapper, .banner-content .controls {
    max-width: 100%; }
  .info-box-wrapper .info-box .content {
    top: 40px; } }

/* ============================================= Menu  i Top mobilne ======================================== */
@media screen and (max-width: 1200px) {
  #logo, .sticked #logo {
    height: 35px;
    bottom: auto;
    top: 50%; }
  #TOP-MAIN, #TOP-EXTENDED {
    padding-right: 0; }
  .timeline-card-wrapper .card, .timeline-card-wrapper .card .controls {
    padding-left: 10%; }
  .timeline-card-wrapper .card .image-wrapper {
    left: 0; }
  .timeline-card-wrapper .card .line-wrapper::before {
    right: 100%;
    left: -10%; }
  .timeline-card-wrapper .card .line-wrapper .dart {
    left: -10%; }
  #FACT .back-image {
    display: none !important; }
  .info-box-wrapper {
    padding-bottom: 0; }
  .info-box-wrapper > div.empty {
    display: none; }
  .info-box-wrapper > div {
    transform: none !important; }
  .info-box-wrapper .info-box .content {
    line-height: 1.4;
    font-size: 0.9rem;
    padding: 15px;
    top: 30px; }
  .fakt-number {
    font-size: 4rem;
    top: -20px; }
  .photo-box-wrapper {
    margin-left: 15px;
    margin-right: 15px; }
  .photo-box-wrapper > div {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px; } }

/* ---------------------------------------- tablet --------------------------------- */
@media screen and (max-width: 1000px) {
  #START h1 {
    font-size: 3em; }
  #START h2 {
    font-size: 2.6rem; }
  .photo-section {
    padding-bottom: 700px; }
  #MAIN-BANER {
    padding-right: 80px; }
  #MAIN-BANER {
    padding-bottom: 0; }
  #MAIN-BANER .social-links {
    right: 40px; }
  #BOTTOM-WRAPPER:after {
    width: 80px; }
  .timeline-card-wrapper.show-img {
    margin-top: 0; }
  .timeline-card-wrapper {
    flex-direction: column-reverse; }
  .timeline-card-wrapper > div {
    max-width: 100%; }
  .timeline-card-wrapper .card, .timeline-card-wrapper .card .controls {
    padding-left: 0; }
  /* --- card-to-tile --- */
  .timeline-card-wrapper .card.card-to-tile {
    height: auto !important; }
  .timeline-card-wrapper .card.card-to-tile .image-wrapper {
    float: left;
    max-width: 80px; }
  .timeline-card-wrapper .card.card-to-tile .content {
    padding-left: 15px;
    overflow: hidden; }
  .timeline-card-wrapper .card.card-to-tile .controls {
    text-align: right; }
  .timeline-card-wrapper .card .line-wrapper {
    width: 32px;
    margin: 0 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 0;
    height: auto;
    margin-left: -10px; }
  .timeline-card-wrapper .card .line-wrapper::after, .timeline-card-wrapper .card .line-wrapper::before {
    bottom: auto;
    left: 13px;
    z-index: 0;
    border-top: none;
    border-left: 5px solid #8d0023; }
  .timeline-card-wrapper .card .line-wrapper::before {
    right: auto;
    bottom: 100%;
    top: -20%; }
  .timeline-card-wrapper .card .line-wrapper::after {
    right: auto;
    bottom: 0;
    top: 0; }
  .timeline-card-wrapper .card.card-to-tile .content {
    padding-left: 60px;
    padding-bottom: 20px;
    position: relative; }
  .timeline-card-wrapper .card.card-to-tile .controls {
    bottom: 20px; }
  .timeline-card-wrapper .card .line-wrapper .dart {
    left: 5px;
    bottom: 25px;
    top: auto;
    border: 0;
    border-bottom: 4px solid #8d0023;
    border-right: 4px solid #8d0023; }
  .timeline-card-wrapper > div:first-child .card .line-wrapper::after, .timeline-card-wrapper .card .line-wrapper .dart {
    display: none; }
  .columns.x4.info-box-wrapper > div {
    width: 33.333%; }
  .multimedia-link-wrapper {
    margin: 0 -30px; }
  .multimedia-link-wrapper > div {
    padding: 0 30px; }
  .multimedia-link a.media-link .num {
    left: -40px; }
  .submit-controls > .submit-area {
    margin-top: 2em; }
  .captcha_wrapper .g-recaptcha > div {
    float: right; }
  .contact-simple-layout > div.contact-content, .contact-simple-layout > div.contact-form {
    width: 100%;
    margin-bottom: 30px; }
  .contact-data-section {
    flex-direction: column; }
  .contact-data-section > div.contact-col {
    width: 100%;
    max-width: 100%; }
  #BOTTOM .button.up-btn {
    right: 27px; }
  #BOTTOM .button.up-btn {
    width: 0;
    overflow: hidden;
    padding: 0;
    min-width: 0;
    padding-right: 50px; }
  #SYSTEM-FOOT {
    min-height: 0; }
  #SYSTEM-FOOT .container {
    flex-direction: column;
    justify-content: center;
    height: auto; }
  #SYSTEM-FOOT .container > div {
    margin: 0;
    padding: 10px 0; } }

/* ---------------------------------------- mobile --------------------------------- */
@media screen and (max-width: 700px) {
  h2 {
    font-size: 1.6rem; }
  .breadcrumps {
    padding-bottom: 20px; }
  .link-file {
    font-size: 1rem; }
  .form-fields-wrapper > .col1, .form-fields-wrapper > .col2 {
    width: 100%;
    padding: 0; }
  .email-wrapper .email {
    display: block; }
  .slick-prev, .slick-next {
    display: none !important; }
  .submit-controls {
    flex-direction: column; }
  #MAIN-BANER .social-links {
    display: none; }
  #MAIN-BANER {
    padding-right: 0; }
  .video-section {
    padding-bottom: 500px; }
  #BOTTOM-WRAPPER:after {
    display: none; }
  #BOTTOM {
    padding: 40px 0;
    background-image: none; }
  #BOTTOM div[data-grid="logo-box"] {
    padding: 0; }
  #BOTTOM .logo-box {
    margin: 10px; }
  .columns.x4 > .wide {
    width: 100%; }
  .columns.x4.info-box-wrapper > div {
    width: 50%; }
  .multimedia-link-wrapper > div {
    width: 100%; }
  .multimedia-link a.media-link {
    padding: 15px 60px 15px 40px; }
  .multimedia-link a.media-link:hover {
    padding-left: 40px; }
  .multimedia-link a.media-link .num {
    left: 0; }
  .inline-logo-wrapper {
    flex-direction: column; }
  .inline-logo-wrapper > div {
    margin: 5px; }
  .article-footer-controls .button.ico-left {
    padding-left: 55px; }
  .article-footer-controls .button.ico-right, .timeline-card-wrapper .button.ico-right {
    padding: 0;
    padding-right: 55px;
    width: 0;
    min-width: 0;
    overflow: hidden; }
  .article-footer-controls .button.ico-right .ico,
  .article-footer-controls .button.ico-left .ico,
  .timeline-card-wrapper .button.ico-right .ico {
    border: 0; }
  #SYSTEM-FOOT .container > div span {
    text-align: center; }
  .multimedia-link a.media-link {
    font-size: 1.2rem; }
  .multimedia-link a.media-link .ico {
    width: 20px;
    height: 20px; }
  .multimedia-link-wrapper.audio-link-wrapper > div {
    width: 100% !important; }
  a.tile.contact-link-box {
    padding: 20px; }
  .contact-link-box .image-wrapper, .contact-link-box .image-wrapper .image {
    height: 90px; }
  a.tile.contact-link-box h3 {
    font-size: 1.1rem; }
  a.tile.contact-link-box .content {
    padding-left: 20px; } }

@media screen and (max-width: 500px) {
  #START h1 {
    font-size: 2.4em; }
  #START h2 {
    font-size: 2rem; }
  .columns.x4.info-box-wrapper > div {
    width: 100%; }
  .photo-box.info-box {
    height: auto;
    padding-bottom: 0; }
  .photo-box.info-box .content {
    position: static;
    padding: 20px 20px 20px 70px; }
  .fakt-number {
    top: 50%;
    left: 15px;
    transform: translate(0, -50%); }
  .photo-box.info-box .image {
    display: none; }
  #BOTTOM {
    background-image: none; } }