@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: 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: 1200px) {
  #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: 50px;
  }
  #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 {
    max-width: 800px;
    padding: 0 20px;
  }
  .container.alt {
    max-width: 860px;
    padding: 0 10px;
  }
  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;
  }
  /* ------------- Flex Columns ---------------- */
  .columns {
    margin: 0 -10px 0 -10px;
    display: flex;
    flex-wrap: wrap;
  }
  .columns > div {
    padding: 0 10px 20px 10px;
    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%;
  }
  /* --------------- 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 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;
  }
}
/* Mobile =================================================================================================== */
@media screen and (max-width: 700px) {
  /* --------------- Uklad strony ---------------- */
  .PAGE {
    padding: 40px 0;
  }
  .container {
    max-width: 400px;
    padding: 0 20px;
  }
  .container.alt {
    max-width: 460px;
    padding: 0 10px;
  }
  .columns {
    margin: 0 -10px 0 -10px;
    display: flex;
    flex-wrap: wrap;
  }
  .columns > div {
    padding: 0 10px 20px 10px;
    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%;
  }
  .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;
  }
  /* ---------------- galerie ------------------*/
  .gallery {
    margin: -5px -5px;
  }
  .gallery > div {
    padding: 0 5px 10px 5px;
  }
  .gallery.x8 > div {
    width: 20%;
  }
  .gallery.x7 > div {
    width: 20%;
  }
  .gallery.x6 > div {
    width: 25%;
  }
  .gallery.x5 > div {
    width: 25%;
  }
}
/*# sourceMappingURL=nice-framework-media.css.map */