@charset "UTF-8";
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* ============================================================================================================ */
#mobile-menu-button {
  top: 0px;
}

.menu-button-placeholder {
  display: none;
  width: 65px;
  height: 50px;
}

/* ==================================================== 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: 701px) 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: 700px) {
  .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: 1100px) {
  #mobile-menu-button, .nav-mobile-wrapper {
    display: block;
  }
  .menu-button-placeholder {
    float: right;
    display: inline-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: 50px;
  }
  #logo, .sticked #logo {
    left: 10px;
    height: 35px;
  }
  #TOP-EXTENDED {
    height: 0;
    overflow: hidden;
  }
  .page-order-section .columns.x2 > div {
    width: 100%;
  }
}
/* ========================================================================================================== */
/* ==================================================== Podstawowe przeskoki ================================ */
/* Tablet =================================================================================================== */
@media screen and (max-width: 1200px) {
  #logo, .sticked #logo {
    left: 15px;
  }
  .PAGE {
    padding: 40px 0;
  }
  .container {
    padding: 0 15px;
  }
  .container.alt {
    max-width: 100%;
    padding: 0 15px;
  }
  .container.full {
    padding: 0 15px;
  }
  html, body, input, textarea {
    font-size: 15px;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 1.5em 0 0.6em 0;
  }
  h1 {
    font-size: 2.3rem;
  }
  h2 {
    font-size: 2rem;
  }
  h2:first-child {
    margin-top: 50px;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1em;
    font-weight: bold;
  }
  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 -7.5px 0 -7.5px;
    display: flex;
    flex-wrap: wrap;
  }
  .columns > div {
    padding: 0 7.5px 20px 7.5px;
    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%;
  }
  .article-section h2, #START .article-section h2 {
    margin-top: 50px;
  }
  .page-section, #START .page-section {
    padding: 50px 0;
  }
  .article-section.padding-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .article-section.padding-top {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .article-section.padding-both {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #START .article-section.padding-top {
    padding-top: 50px;
    padding-bottom: 0;
  }
  #START .article-section.padding-bottom {
    padding-top: 0;
    padding-bottom: 50px;
  }
  #START .article-section.padding-both {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* --------------- content blocki --------------- */
  .content-block .text-wrapper {
    flex: 1;
  }
  /* bloki */
  .tile .image-wrapper {
    max-width: 150px;
  }
  .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 20px 0;
  }
  .cb-text_photo.cb-elem-position-top .image-wrapper {
    width: 100% !important;
    margin: 0 0 20px 0;
  }
  .cb-text_photo.cb-elem-position-bottom .image-wrapper {
    width: 100% !important;
    margin: 20px 0 20px 0;
  }
  .cb-text_photo.cb-elem-position-right .image-wrapper {
    order: 1;
  }
  .cb-text_photo.cb-elem-position-right .text-wrapper {
    order: 2;
  }
  .article-columns.side {
    padding: 50px 0;
  }
  .article-columns.side, .article-columns.side.left {
    padding-right: 0;
    padding-left: 0;
  }
  .article-columns.side .side {
    display: none;
  }
  .product-lead-wrapper .product-lead-content {
    padding-right: 0;
  }
  .product-lead-wrapper .product-lead-content .product-image-wrapper {
    position: relative;
    margin-bottom: 20px;
  }
  .form-fields-wrapper {
    flex-direction: column;
  }
  .form-fields-wrapper > .col1, .form-fields-wrapper > .col2 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .contact-data-form-section > div {
    padding: 30px;
  }
  .contact-data-section .contact-box {
    padding: 30px 30px 15px 30px;
  }
  .contact-icon .icon {
    margin-right: 15px;
  }
  .contact-data-section .contact-box.small .image-wrapper {
    display: none;
  }
  .contact-data-section .contact-box.small {
    padding-right: 30px;
    max-width: 650px;
  }
}
/* Mobile =================================================================================================== */
@media screen and (max-width: 700px) {
  /* --------------- Uklad strony ---------------- */
  #logo, .sticked #logo {
    left: 15px;
  }
  .PAGE {
    padding: 30px 0;
  }
  .container {
    max-width: 400px;
    padding: 0 15px;
  }
  .container.alt {
    max-width: 460px;
    padding: 0 15px;
  }
  .container.full {
    padding: 0 15px;
  }
  h2:first-child {
    margin-top: 30px;
  }
  .columns {
    margin: 0 -7.5px 0 -7.5px;
    display: flex;
    flex-wrap: wrap;
  }
  .columns > div {
    padding: 0 7.5px 20px 7.5px;
    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%;
  }
  .article-section h2, #START .article-section h2 {
    margin-top: 30px;
  }
  .page-section, #START .page-section {
    padding: 30px 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-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;
  }
  /* Podstawowe elementy */
  .icon {
    width: 40px;
    height: 40px;
  }
  /* bloki */
  .card, .tile, .icon-card, .icon-tile {
    height: auto !important;
  }
  .tile .image-wrapper {
    max-width: 100px;
    margin-bottom: 15px;
  }
  .icon-card {
    text-align: left;
  }
  .icon-card .icon-wrapper {
    float: left;
  }
  .icon-card .content, .tile .content {
    padding-left: 15px;
  }
  .product-tile .content {
    padding-bottom: 55px;
  }
  /* --- card-to-tile --- */
  .card.card-to-tile {
    height: auto !important;
    min-height: 0;
  }
  .card.card-to-tile .image-wrapper {
    float: left;
    width: 40%;
  }
  .card.card-to-tile .content {
    padding-left: 15px;
    overflow: hidden;
  }
  .card.card-to-tile .controls {
    text-align: right;
  }
  .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: 20px 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 20px 0;
  }
  .cb-video.cb-elem-position-bottom .video-wrapper {
    width: 100% !important;
    margin: 20px 0 20px 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: -3.75px -3.75px;
  }
  .gallery > div {
    padding: 0 3.75px 7.5px 3.75px;
  }
  .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;
  }
  .article-columns.side {
    padding: 30px 0;
  }
  .product-lead-wrapper .product-lead-content .product-image-wrapper {
    width: 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: 50px;
    right: 10px;
  }
  .contact-data-form-section {
    flex-direction: column;
  }
  .contact-data-form-section > div {
    padding: 15px;
  }
  .contact-data-section .contact-box {
    padding: 15px 15px 15px 15px;
  }
  .contact-data-form-section > div.contact-col, .contact-data-form-section > div.add-module-col {
    width: 100%;
  }
  .contact-data-form-section > div.contact-col:after {
    top: 100%;
    left: 30px;
    right: auto;
    margin-top: -15px;
  }
  .contact-icon {
    height: auto !important;
    margin-bottom: 10px;
  }
  .contact-icon .icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .email-wrapper.show-email, .phone-wrapper.show-phone {
    height: auto;
  }
  .contact-data-form-section > div.contact-col .email-wrapper.show-email .email,
  .contact-data-form-section > div.contact-col .email-wrapper.show-email .email a,
  .contact-data-form-section > div.contact-col .phone-wrapper.show-phone .phone {
    color: #fff;
  }
  .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;
  }
  .input-combo {
    flex-direction: column;
  }
  .rabat-section {
    padding: 15px;
  }
  .rabat-section h3 {
    font-size: 1.2rem;
  }
  .rabat-combo {
    flex-direction: column;
  }
  .rabat-combo > input, .rabat-combo > .button {
    margin-bottom: 10px;
  }
  .nice-cart-item .item-image .item-thb, .nice-cart-item .item-image .img-placeholder {
    width: 30px;
    height: 30px;
  }
}
/* Small Mobile =================================================================================================== */
@media screen and (max-width: 320px) {
  body {
    width: 320px;
    box-sizing: border-box;
  }
  .nice-cart-item .item-image, .nice-cart-item .item-image {
    display: none;
  }
}
/*# sourceMappingURL=nice-framework-media.css.map */