@charset "UTF-8";
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* =============================== Ogólna responsywność ================================= */
#mobile-menu-button, .nav-mobile-wrapper {
  transition: all 300ms;
}

#mobile-menu-button.show-nav {
  top: 0;
}

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

nav.mobile {
  bottom: 140px;
  top: 60px;
}

.nav-bottom, .nav-top {
  height: 50px;
  padding: 7px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.nav-top {
  background: none;
  height: 60px;
}

.nav-add-bottom {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  height: 80px;
  padding: 10px 20px;
}

.nav-add-bottom .header-modules {
  padding: 0;
  height: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  -moz-column-gap: 15px;
       column-gap: 15px;
  box-sizing: border-box;
}

.nav-add-bottom .size-changer,
.nav-add-bottom .color-changer-wrapper,
.nav-add-bottom .disability-link-wrapper,
.nav-add-bottom .sign-language-link-wrapper {
  margin-right: 0;
}

.nav-bottom .social-links {
  justify-content: flex-end;
}

.simple-search-wrapper .button.search-button {
  background: #d4f1ef;
}

.simple-search-wrapper {
  margin-left: 0;
}

.simple-search-wrapper .button.search-button:before {
  display: none;
}

.nav-top .simple-search-wrapper .button.search-button {
  border-bottom: 0;
  border-radius: 0 5px 5px 0;
}

.simple-search-wrapper input {
  border-radius: 5px 0 0 5px;
}

.header-modules.mobile-layout {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.header-modules.mobile-layout > div.set-1 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 80px;
  width: 135px;
}

.header-modules.mobile-layout > div.set-1 .logo-link {
  height: auto;
}

.header-modules.mobile-layout > div.set-1 .disability-link-wrapper {
  width: 100%;
  height: 100%;
}

.header-modules.mobile-layout > div.set-2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 140px;
}

.header-modules.mobile-layout > div.set-2 .sign-language-link-wrapper {
  margin-right: 15px;
}

nav.mobile .nav-button > a {
  padding: 10px 0;
  font-size: 1em;
}

/* =============================== Podstawowe przeskoki ================================= */
@media screen and (max-width: 1600px) {
  nav.desktop .nav-button > a {
    padding: 10px 10px;
  }
  #TOP-MAIN .header-modules {
    padding-left: 30px;
  }
  .column-textblock {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .column-textblock .text-wrapper {
    padding-right: 0;
  }
  .PAGE-BANNER-WRAPPER {
    padding-bottom: 28%;
  }
}
@media screen and (max-width: 1367px) {
  html, body, input, textarea {
    font-size: 15px;
  }
  #START h1 {
    font-size: 2em;
  }
  .container, .container.alt {
    padding: 0 40px;
  }
  #logo, .scroll-up #TOP.sticked #logo {
    left: 40px;
    width: 200px;
    height: 60px;
  }
  .sticked #logo {
    width: 200px;
    height: 60px;
  }
  #START h2 {
    font-size: 2.2rem;
  }
  .PAGE h1 {
    margin-bottom: 60px;
    font-size: 2.2rem;
  }
  .article-section, .article-section.cb-photo_banner {
    padding-bottom: 60px;
  }
  .article-section h2 {
    margin-top: 60px;
  }
  .article-section .container > h2:first-child {
    margin-top: 0;
  }
  .article-section:first-child h2:first-child,
  .article-section.padding-top h2:first-child,
  .article-section.padding-both h2:first-child,
  #START .article-section.padding-top h2:first-child,
  #START .article-section.padding-both h2:first-child {
    margin-top: 0;
  }
  .article-section.padding-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-top {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 60px;
  }
  .article-section.padding-both {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #START .article-section {
    padding-bottom: 80px;
  }
  #START .article-section h2 {
    margin-top: 80px;
  }
  #START .article-section h2:first-child {
    margin-top: 0;
  }
  #START .article-section.padding-top {
    padding-top: 80px;
    padding-bottom: 0;
  }
  #START .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 80px;
  }
  #START .article-section.padding-both {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .column-textblock {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .card .content h3, .icon-card .content h3 {
    font-size: 1em;
  }
  .colage-box-wrapper .colage-box .content h4 {
    font-size: 1em;
  }
  .button {
    font-size: 0.9em;
  }
  .icon-card.border-style {
    padding: 25px;
  }
  .ui-accordion-header, h2.ui-accordion-header {
    font-size: 1.2em;
  }
  #BOTTOM {
    padding: 80px 0;
  }
  #cookie-info {
    left: 40px;
    right: 40px;
  }
}
/* ---------------------------------------- tablet --------------------------------- */
@media screen and (max-width: 1200px) {
  .container, .container.alt {
    padding: 0 30px;
  }
  .container.full {
    padding: 0;
  }
  .photo-section {
    padding-bottom: 700px;
  }
  #START h1 {
    font-size: 2.2em;
  }
  #START h2 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.8em;
  }
  #START #FIRST-SECTION {
    padding: 40px 0;
  }
  .column-textblock {
    flex-direction: column;
    align-items: flex-start;
  }
  .column-textblock .header {
    max-width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }
  .column-textblock .controls {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #logo, .scroll-up #TOP.sticked #logo, .sticked #logo {
    left: 30px;
  }
  .colage-box-wrapper {
    flex-wrap: wrap;
    -moz-column-gap: 0;
         column-gap: 0;
    justify-content: flex-start;
    padding: 2px;
    box-sizing: border-box;
    height: auto;
  }
  .colage-box-wrapper a.colage-box,
  .colage-box-wrapper .colage-box,
  .colage-box-wrapper a.colage-box:hover,
  .colage-box-wrapper a.colage-box.hover,
  .colage-box-wrapper a.colage-box:focus-visible {
    flex: auto;
    width: 33.333%;
    max-width: 33.333%;
    box-sizing: border-box;
    border: 4px solid #fff;
    min-height: 220px;
  }
  .colage-box-wrapper .colage-box:last-child {
    border-right: 4px solid #fff;
  }
  .colage-box-wrapper .colage-box .content {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px 30px;
    transform: rotate(0deg);
    transform-origin: bottom right;
    z-index: 2;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
  }
  .card.header-card {
    height: auto !important;
  }
  .columns.x4.news > div.first-news,
  .columns.x4.first-hightlight > div.first-card {
    width: 100%;
  }
  .columns.x4.news > div:nth-child(6), .columns.x4.first-hightlight > div:nth-child(6) {
    display: none;
  }
  .packages-content-wrapper .header {
    padding-left: 0;
  }
  .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: 40px;
  }
  .contact-data-section {
    flex-direction: column;
  }
  .contact-data-section > div.contact-col {
    width: 100%;
    max-width: 100%;
  }
  #side-tree-panel {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -400px;
    width: 340px;
    box-sizing: border-box;
    max-width: 90%;
    background: #fff;
    transition: all 600ms;
    z-index: 999;
    padding: 0 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  #side-tree-panel.show-side {
    left: 0;
  }
  #side-tree-panel .close-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #128580;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  #side-tree-panel .hash-navigator-wrapper {
    position: static !important;
    padding-top: 60px;
  }
  .logo-ue-ul {
    padding: 20px 0;
  }
  .logo-ue-ul .logo-ue-li {
    padding: 0;
  }
}
/* ---------------------------------------- mobile --------------------------------- */
@media screen and (max-width: 1000px) {
  .packages-wrapper .packages-image-wrapper {
    display: none;
  }
  .packages-content-wrapper .packages-list {
    margin-left: 0;
  }
  #TOP, #TOP-CONTENT, #TOP-PLACEHOLDER, #TOP-MAIN,
  .scroll-up #TOP.sticked, .scroll-up #START #TOP.sticked {
    height: 100px;
  }
  #TOP, #TOP-PLACEHOLDER, #TOP-MAIN, #START #TOP-MAIN {
    height: 100px;
  }
  #TOP.sticked, #TOP.sticked #TOP-MAIN, #START #TOP.sticked {
    height: 60px;
  }
  #TOP-EXTENDED, .scroll-up #TOP.sticked #TOP-EXTENDED {
    height: 40px;
    bottom: 60px;
  }
  #TOP.sticked #TOP-EXTENDED {
    bottom: 60px;
  }
  .scroll-up #TOP.sticked #TOP-MAIN {
    height: 60px !important;
  }
  .scroll-up #TOP.sticked, .scroll-up #START #TOP.sticked {
    height: 100px !important;
  }
  #logo, .scroll-up #TOP.sticked #logo, .sticked #logo {
    width: 160px;
    height: 50px;
  }
  #logo, .scroll-up #TOP.sticked #logo, .sticked #logo {
    left: 15px;
  }
  .container, .container.alt {
    padding: 0 20px;
  }
  #TOP .header-modules {
    float: right;
    height: 100%;
    padding-right: 20px;
    top: 0px;
    height: 40px;
    z-index: 10;
  }
  #mobile-menu-button {
    top: 40px;
    right: 4px;
  }
  .scroll-down #mobile-menu-button {
    top: 0;
  }
  div.first-news .card, div.first-card .card {
    height: auto !important;
    min-height: 350px;
  }
  #TOP-EXTENDED .logo-link {
    display: none;
  }
  #TOP-MAIN .logo-link {
    display: block;
  }
  .PAGE h1 {
    margin-bottom: 30px;
    font-size: 2.2rem;
  }
  .article-section, .article-section.cb-photo_banner {
    padding-bottom: 30px;
  }
  .article-section h2 {
    margin-top: 30px;
  }
  .article-section .container > h2:first-child {
    margin-top: 0;
  }
  .article-section:first-child h2:first-child,
  .article-section.padding-top h2:first-child,
  .article-section.padding-both h2:first-child,
  #START .article-section.padding-top h2:first-child,
  #START .article-section.padding-both h2:first-child {
    margin-top: 0;
  }
  .article-section.padding-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-top {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .article-section.padding-both {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #START .article-section {
    padding-bottom: 30px;
  }
  #START .article-section h2 {
    margin-top: 30px;
  }
  #START .article-section h2:first-child {
    margin-top: 0;
  }
  #START .article-section.padding-top {
    padding-top: 30px;
    padding-bottom: 0;
  }
  #START .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 30px;
  }
  #START .article-section.padding-both {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
/* ---------------------------------------- mobile --------------------------------- */
@media screen and (max-width: 780px) {
  #START h1, .PAGE h1, h1 {
    font-size: 1.8em;
  }
  #START h2 {
    font-size: 1.7em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.3em;
  }
  .article-section.cb-text_content.highlight .text-wrapper {
    font-size: 1.2em;
  }
  .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;
  }
  .icon-card-lux-section::after {
    display: none;
  }
  .icon-card-lux-section {
    padding-top: 50px;
  }
  .gallery.x4 > div {
    width: 33.333%;
  }
  .icon-card.border-style .controls {
    text-align: left;
    left: 68px;
  }
  .tile .content {
    width: auto;
    padding: 0;
    padding-left: 15px;
  }
  .product-tile .content {
    padding-bottom: 55px;
    padding-left: 15px;
  }
  .icon-wrapper.circle .icon {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
  .icon-card.border-style {
    padding: 20px;
  }
  .icon-card-lux-section .icon-card .icon-wrapper {
    width: 60px;
    height: 60px;
  }
  .card.card-to-tile,
  div.first-news .card,
  div.first-card .card {
    min-height: 80px;
    background: none;
    border: 0;
  }
  .card.card-to-tile .image-wrapper,
  div.first-news .card.item-0 .image-wrapper,
  div.first-card .card.item-0 .image-wrapper,
  .tile .image-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    margin-bottom: 0;
  }
  div.first-news .card.item-0, div.first-card .card.item-0 {
    padding-left: 80px;
  }
  .card.card-to-tile .image-wrapper .image, .card.card-to-tile .image-wrapper .image img {
    height: 100%;
  }
  .card.card-to-tile .image-wrapper .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card.card-to-tile .image-wrapper .image .img-placeholder,
  .columns.x4.news > div.first-news .card .image .img-placeholder,
  .columns.x4.first-hightlight > div.first-card .card .image .img-placeholder {
    padding-bottom: calc(100% - 2px);
    border: 1px solid #aaa;
    border-radius: 10px;
  }
  .card.card-to-tile .content,
  div.first-news .card.item-0 .content,
  div.first-card .card.item-0 .content {
    padding: 0 0 0 15px;
  }
  .card.card-to-tile .content p, .tile p, .icon-tile p, .project-item p, .department-item p {
    display: none;
  }
  .card.card-to-tile .content p.updated, .tile p.updated {
    display: block;
  }
  .colage-box-wrapper a.colage-box,
  .colage-box-wrapper .colage-box,
  .colage-box-wrapper a.colage-box:hover,
  .colage-box-wrapper a.colage-box.hover,
  .colage-box-wrapper a.colage-box:focus-visible {
    width: 50%;
    max-width: 50%;
  }
  .icon-card {
    min-height: 60px;
  }
  .icon-card.border-style {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
  }
  .icon-card.border-style .icon-wrapper .icon {
    width: 60px;
    height: 60px;
  }
  .icon-card.border-style .icon-wrapper .icon,
  .icon-card.border-style .icon-wrapper {
    margin: 0;
  }
  .icon-card.border-style .content,
  .icon-card.border-style .content h3 {
    text-align: left;
  }
  .packages-content-wrapper .packages-list {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .packages-content-wrapper .button-card {
    padding: 10px 15px;
  }
  .packages-content-wrapper .packages-list .columns.x2 > div {
    width: 50%;
  }
  .company_name, .add_company_name, .address, .phone, .email, .hours, .add_descr, .fax {
    display: block;
  }
  .logo-box .thb {
    margin: 10px;
  }
  .card.card-to-tile .controls,
  .card.card-to-tile .controls-placeholder {
    display: none;
  }
  .icon-card.border-style .content,
  .icon-card.border-style .content h3 {
    margin: 0;
  }
  .header-modules .logo-link {
    height: 30px;
    margin-right: 0;
  }
  .recipient-item {
    padding: 10px 40px 10px 80px;
    min-height: 80px;
  }
  .recipient-item .image-wrapper {
    width: 80px;
    height: 80px;
  }
  .recipient-item .content {
    padding-left: 15px;
  }
  .project-item, .department-item {
    padding: 10px 50px 10px 60px;
    min-height: 70px;
  }
  .project-item .icon-wrapper,
  .department-item .icon-wrapper,
  .icon-card.border-style .icon-wrapper {
    width: 60px;
    height: 60px;
    padding: 12px;
  }
  .icon-card.border-style .icon-wrapper, .icon-card.border-style .icon-wrapper .icon {
    width: 50px;
    height: 50px;
    padding: 0;
  }
  .project-item .arrow, .department-item .arrow, .recipient-item .arrow {
    width: 20px;
    height: 20px;
    right: 10px;
    margin-top: -10px;
  }
  .project-item h3, .department-item h3, .recipient-item h3, .project-item strong, .department-item strong, .recipient-item strong,
  .tile h2, .tile h3 {
    font-size: 0.9em;
  }
  .footer {
    padding-top: 15px;
  }
  .tile .controls, .tile .controls-placeholder {
    display: none;
  }
  .news-wrapper .tile .updated {
    margin-top: 0;
  }
  .breadcrumps {
    flex-wrap: wrap;
  }
  .breadcrumps span, .breadcrumps a {
    max-width: 120px;
  }
  #SYSTEM-FOOT {
    min-height: 0;
  }
  #SYSTEM-FOOT .container {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 0.8em;
  }
  .logo-ul > div {
    float: left;
    display: inline-block;
    margin-right: 15px;
  }
  .logo-ul > div:last-child {
    margin-right: 0;
  }
  #BOTTOM {
    padding: 40px 0;
  }
  .logo-ul > div .logo-li {
    max-width: 170px;
  }
  #BOTTOM .links ul {
    overflow: hidden;
    margin: 0;
  }
  #BOTTOM .links ul li {
    padding-bottom: 0;
    display: inline-block;
    float: left;
    margin-right: 15px;
  }
  .program-group-header h3, .program-group-header strong {
    font-size: 0.8rem;
    padding-right: 5px;
  }
  .program-group-header > img {
    margin: 0 5px 0 0;
    height: 10px;
  }
  #cookie-info {
    padding: 15px;
  }
  .article-section.cb-text_content.border-content .cb-container .text-wrapper {
    padding: 15px;
  }
  .column-textblock .controls {
    margin-top: 30px;
    flex-direction: column;
  }
  .column-textblock .header {
    margin-bottom: 30px;
  }
  .ui-accordion-header-icon {
    width: 40px;
    height: 40px;
  }
  .ui-accordion-header, h2.ui-accordion-header {
    padding: 20px 60px 20px 30px;
    font-size: 1.1em;
  }
  .article-section.cb-text_content.border-content .cb-container .text-wrapper {
    font-size: 1.15em;
  }
  .add-article-info-wrapper .add-article-info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .add-article-info-wrapper {
    padding-top: 20px;
  }
  .item-main-area .columns.x1 > div:last-child {
    padding-bottom: 20px;
  }
  .logo-ue-ul {
    flex-wrap: wrap;
    gap: 30px;
  }
  .logo-ue-ul .logo-ue-li img {
    max-height: 50px;
  }
  .size-changer, .color-changer-wrapper, .disability-link-wrapper, .sign-language-link-wrapper {
    margin-right: 8px;
  }
}
/* ---------------------------------------- mobile --------------------------------- */
@media screen and (max-width: 480px) {
  .PAGE h1, h1 {
    font-size: 1.6em;
  }
  h2 {
    font-size: 1.3em;
  }
  .packages-content-wrapper .packages-list .columns.x2 > div {
    width: 100%;
  }
  .colage-box-wrapper a.colage-box, .colage-box-wrapper .colage-box, .colage-box-wrapper a.colage-box:hover, .colage-box-wrapper a.colage-box.hover, .colage-box-wrapper a.colage-box:focus-visible {
    width: 100%;
    max-width: 100%;
  }
  .container, .container.alt {
    padding: 0 15px;
  }
  .columns.x6 > div {
    width: 50%;
  }
  .colage-box-wrapper a.colage-box, .colage-box-wrapper .colage-box, .colage-box-wrapper a.colage-box:hover, .colage-box-wrapper a.colage-box.hover, .colage-box-wrapper a.colage-box:focus-visible {
    min-height: 180px;
  }
  .add-article-info .social-icon {
    margin-right: 10px;
  }
  .logo-ue-ul .logo-ue-li img {
    max-height: 30px;
  }
}
/* ---------------------------------------- mobile --------------------------------- */
@media screen and (max-width: 520px) {
  #logo, .scroll-up #TOP.sticked #logo, .sticked #logo, #TOP.sticked #logo {
    width: 125px;
    height: 40px;
    top: 30px;
  }
  #TOP.sticked #logo {
    top: -10px;
  }
}
/* ---------------------------------------- mobile --------------------------------- */
@media screen and (max-width: 400px) {
  .header-modules .logo-link {
    height: 24px;
  }
  .nav-add-bottom .header-modules {
    flex-wrap: nowrap;
  }
}