@charset "UTF-8";
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* ============================================================================================================ */
/* ==================================================== Klasy ukrywające ====================================== */
/* Desktop ---------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1201px) {
  .hide-on-desktop {
    display: none !important;
  }
  .show-on-tablet {
    display: none !important;
  }
  .show-on-mobile {
    display: none !important;
  }
}
/* Tablet --------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .hide-on-tablet {
    display: none !important;
  }
  .show-on-desktop {
    display: none !important;
  }
  .show-on-mobile {
    display: none !important;
  }
  html, body, input, textarea {
    font-size: 13px;
  }
}
/* Mobile --------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
  .hide-on-mobile {
    display: none !important;
  }
  .show-on-desktop {
    display: none !important;
  }
  .show-on-tablet {
    display: none !important;
  }
}
/* ========================================================================================================== */
/* ============================================= Menu  i Top mobilne ======================================== */
@media screen and (max-width: 900px) {
  #mobile-menu-button, .nav-mobile-wrapper {
    display: block;
  }
  nav.desktop {
    display: none;
  }
  #CONTAINER {
    width: auto;
  }
  #TOP, #TOP.sticked, #START #TOP.sticked, #TOP-PLACEHOLDER, #TOP-MAIN, #START #TOP-MAIN, #TOP.sticked #TOP-MAIN {
    margin-top: 0;
    height: 45px;
  }
  #TOP-EXTENDED {
    height: 0;
    overflow: hidden;
  }
  #logo, .sticked #logo {
    left: 10px;
    bottom: 10px;
    top: 10px;
    max-width: 200px;
  }
}
/* ========================================================================================================== */
/* ==================================================== Podstawowe przeskoki ================================ */
/* Tablet =================================================================================================== */
@media screen and (max-width: 1200px) {
  .PAGE {
    padding: 40px 0;
  }
  .container {
    padding: 0 30px;
  }
  .container.alt {
    max-width: 100%;
    padding: 0 15px;
  }
  html, body, input, textarea {
    font-size: 15px;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 1.5em 0 1em 0;
  }
  h1 {
    font-size: 2.3rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1em;
  }
  h5 {
    font-size: 1em;
    font-weight: bold;
  }
  h6 {
    font-size: 1em;
    font-weight: bold;
  }
  #START h1 {
    font-size: 3em;
  }
  #START h2 {
    font-size: 2.8rem;
  }
  /* ------------- tabele ------------------ */
  .table-wrapper {
    width: 100%;
    overflow-x: auto;
  }
  .table-wrapper table {
    width: 1200px;
  }
  /* ------------- Flex Columns ---------------- */
  .columns {
    margin: 0 -15px 0 -15px;
    display: flex;
    flex-wrap: wrap;
  }
  .columns > div {
    padding: 0 15px 30px 15px;
    box-sizing: border-box;
  }
  .columns.x8 > div {
    width: 25%;
  }
  .columns.x7 > div {
    width: 25%;
  }
  .columns.x6 > div {
    width: 33%;
  }
  .columns.x5 > div {
    width: 33%;
  }
  .columns.x4 > div {
    width: 50%;
  }
  .columns.x3 > div {
    width: 50%;
  }
  .page-section {
    padding: 0 0;
  }
  .article-section.padding-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-top {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-both {
    padding-top: 0;
    padding-bottom: 0;
  }
  #START .article-section.padding-top {
    padding-top: 0;
    padding-bottom: 0;
  }
  #START .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
  #START .article-section.padding-both {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* --------------- content blocki --------------- */
  .content-block .text-wrapper {
    flex: 1;
  }
  .cb-text_content .text-wrapper.cb-col-3,
  .cb-text_content .text-wrapper.cb-col-4 {
    -moz-column-count: 2;
         column-count: 2;
  }
  .cb-text_photo .cb-container {
    flex-direction: column;
  }
  .cb-text_photo.cb-elem-position-left .image-wrapper,
  .cb-text_photo.cb-elem-position-right .image-wrapper {
    width: 60%;
    margin: 0 0 30px 0;
  }
  .cb-text_photo.cb-elem-position-top .image-wrapper {
    width: 100% !important;
    margin: 0 0 30px 0;
  }
  .cb-text_photo.cb-elem-position-bottom .image-wrapper {
    width: 100% !important;
    margin: 30px 0 30px 0;
  }
  .cb-text_photo.cb-elem-position-right .image-wrapper {
    order: 1;
  }
  .cb-text_photo.cb-elem-position-right .text-wrapper {
    order: 2;
  }
  .article.side {
    padding-right: 0;
  }
  .article.side .side {
    display: none;
  }
  .product-lead-wrapper .content {
    padding-right: 0;
  }
  .product-lead-wrapper .content .product-image-wrapper {
    position: relative;
    margin-bottom: 20px;
  }
  .contact-data-product-section > div,
  .contact-data-form-section > div {
    width: 100% !important;
  }
  .contact-data-product-section > div {
    padding-right: 0;
  }
}
/* Mobile =================================================================================================== */
@media screen and (max-width: 1000px) {
  /* --------------- Uklad strony ---------------- */
  .PAGE {
    padding: 30px 0;
  }
  .container {
    max-width: 400px;
    padding: 0 30px;
  }
  .container.alt {
    max-width: 460px;
    padding: 0 15px;
  }
  .columns {
    margin: 0 -15px 0 -15px;
    display: flex;
    flex-wrap: wrap;
  }
  .columns > div {
    padding: 0 15px 30px 15px;
    box-sizing: border-box;
  }
  .columns.x8 > div {
    width: 25%;
  }
  .columns.x7 > div {
    width: 25%;
  }
  .columns.x6 > div {
    width: 33%;
  }
  .columns.x5 > div {
    width: 50%;
  }
  .columns.x4 > div {
    width: 100%;
  }
  .columns.x3 > div {
    width: 100%;
  }
  .columns.x2 > div {
    width: 100%;
  }
  .page-section {
    padding: 0 0;
  }
  .article-section.padding-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-top {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-both {
    padding-top: 0;
    padding-bottom: 0;
  }
  #START .article-section.padding-top {
    padding-top: 0;
    padding-bottom: 0;
  }
  #START .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
  #START .article-section.padding-both {
    padding-top: 0;
    padding-bottom: 0;
  }
  .content-block .text-wrapper {
    flex: 1;
  }
  /* --- text --- */
  .cb-text_content .text-wrapper.cb-col-2,
  .cb-text_content .text-wrapper.cb-col-3,
  .cb-text_content .text-wrapper.cb-col-4 {
    -moz-column-count: 1;
         column-count: 1;
  }
  /* --- text + photo --- */
  .cb-text_photo.cb-elem-position-left .image-wrapper,
  .cb-text_photo.cb-elem-position-right .image-wrapper,
  .cb-text_photo.cb-elem-position-top .image-wrapper,
  .cb-text_photo.cb-elem-position-bottom .image-wrapper {
    width: 100% !important;
  }
  /* ------ baner  ------ */
  .cb-photo_banner .image-wrapper {
    margin: 30px 0;
    max-height: 300px;
  }
  /* --- text + video --- */
  .cb-video .video-wrapper {
    margin: 4rem;
    margin-bottom: 3rem;
    margin-top: 4px;
    box-sizing: border-box;
  }
  .cb-video.cb-elem-position-left .cb-container,
  .cb-video.cb-elem-position-right .cb-container {
    flex-wrap: wrap;
  }
  .cb-video.cb-elem-position-left .video-wrapper,
  .cb-video.cb-elem-position-right .video-wrapper,
  .cb-video.cb-elem-position-top .video-wrapper {
    width: 100% !important;
    margin: 0 0 30px 0;
  }
  .cb-video.cb-elem-position-bottom .video-wrapper {
    width: 100% !important;
    margin: 30px 0 30px 0;
  }
  .cb-video.cb-elem-position-right .video-wrapper {
    order: 1;
  }
  .cb-video.cb-elem-position-right .text-wrapper {
    order: 2;
  }
  blockquote {
    padding-left: 40px;
  }
  blockquote:before {
    width: 40px;
    top: 0;
  }
  /* ---------------- galerie ------------------*/
  .gallery {
    margin: -7.5px -7.5px;
  }
  .gallery > div {
    padding: 0 7.5px 15px 7.5px;
  }
  .gallery.x8 > div {
    width: 20%;
  }
  .gallery.x7 > div {
    width: 20%;
  }
  .gallery.x6 > div {
    width: 25%;
  }
  .gallery.x5 > div {
    width: 25%;
  }
  .article-footer-controls .button {
    min-width: 0;
  }
  .article-footer-controls .ctrl-left .button {
    padding-right: 0 !important;
  }
  .article-footer-controls .ctrl-right .button {
    padding-left: 0 !important;
  }
  .product-lead-wrapper .content .product-image-wrapper {
    width: 100%;
    padding-bottom: 100%;
  }
  .link-file {
    padding: 10px 70px 10px 50px;
  }
  .link-file-icon {
    width: 30px;
    height: 30px;
    left: 10px;
    margin-top: -15px;
  }
  .link-file .button.file-btn {
    width: 0;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    padding-right: 40px;
    right: 10px;
  }
  .contact-data-product-section {
    padding: 20px;
  }
  .search-result-tile {
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .search-result-tile .image-wrapper {
    width: 80px;
    height: 80px;
  }
  .search-result-tile .content-wrapper {
    padding-left: 20px;
  }
  .search-result-tile .content-wrapper .content h3 {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .search-result-tile .content-wrapper .content .text-wrapper p {
    overflow: hidden;
    display: box;
    box-orient: vertical;
    line-clamp: 1;
    display: -moz-box;
    -moz-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 0;
  }
}
/*# sourceMappingURL=nice-framework-media.css.map */