@charset "UTF-8";
@font-face {
  font-family: 'Roboto';
  src: local("Roboto Regular"), local("Roboto-Regular"), url("static/fonts/Roboto-Regular.ttf") format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("static/fonts/Roboto-Italic.ttf") format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-weight: bold;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("static/fonts/Roboto-Bold.ttf") format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-weight: bold;
  font-style: italic;
  src: local("Roboto BoldItalic"), local("Roboto-BoldItalic"), url("static/fonts/Roboto-BoldItalic.ttf") format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("static/fonts/Roboto-Medium.ttf") format("opentype");
  font-display: swap; }

/*ver->2.0std-02-08-2019*/
/* -- DLA UMIESZCZANIA W IFRAME -- */
/* -- style resetujące układ ogólny body i html -- */
/* body, html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
} */
/* -- // -- */
#CANVAS-JOSERA {
  /*ver->2.0std-02-08-2019*/
  /*ver->2.0std-02-08-2019*/
  /*ver->2.0std-02-08-2019*/
  /*ver->2.0std-02-08-2019*/
  /*ver->2.0std-02-08-2019*/
  /* ------------------- obrazy i miniatury ---------- */
  /* wczytuje obrazek jako img zanim wczyta go jako bcg, zeby przyspieszyc ladowanie i poprawic page speed */
  /* ------------------- czyszczenie oplywania ------- */
  /* ------------------ ukrywanie elementow ---------- */
  /* -------blokowanie przewijania strony w tle ------ */
  /* ------------------- ikony  ---------------------- */
  /* podstawowa ikonka */
  /* -------------- VIDEO ---------------- */
  /* -------------- VIDEO SOURCE---------------- */
  /* ------------- Flex Columns ---------------- */
  /* --------------- Columns - zdeprecjonowane --- */
  /* czyszczenie opływania za kolumnami */
  /* ============== Tabele ======================== */
  color: #3c3c3b;
  font-size: 16px;
  font-family: Roboto, tahoma, arial, sans-serif;
  line-height: 1.7;
  margin: 0 auto;
  min-height: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  text-align: left;
  overflow: hidden;
  /* ---------------------------------------------------- */
  /* ------------------- multiblocks -------------------- */
  /* ----------------- Card -------------------- */
  /* --------------- Tile ------------------------*/
  /* --------------- Icon-card ------------------ */
  /* ---------------------------------------------------- */
  /* ============================== content  ============================== */
  /* =============================== Podstawowe przeskoki ================================= */
  /* -------------------------------------------------------------- */
  /* -------------------------------------------------------------- */
  /* -------------------------------------------------------------- */
  /* -------------------------------------------------------------- */
  /* -------------------------------------------------------------- */
  /* -------------------------------------------------------------- */
  /* --------------- Icon Tile ------------------------*/ }
  #CANVAS-JOSERA * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline; }
  #CANVAS-JOSERA html, #CANVAS-JOSERA body {
    height: 100%;
    line-height: 1.4;
    text-align: center;
    position: relative;
    background: #fff; }
  #CANVAS-JOSERA p, #CANVAS-JOSERA ol, #CANVAS-JOSERA ul {
    margin: 0 0 1em 0; }
  #CANVAS-JOSERA li ol, #CANVAS-JOSERA li ul {
    margin: 0; }
  #CANVAS-JOSERA ul {
    list-style: disc;
    display: block;
    vertical-align: text-top;
    width: 100%; }
  #CANVAS-JOSERA ul li::marker {
    color: #3c3c3b;
    font-size: 1.1rem; }
  #CANVAS-JOSERA ol {
    list-style-type: decimal;
    display: inline-block;
    vertical-align: text-top; }
  #CANVAS-JOSERA li ol {
    list-style-type: lower-alpha; }
  #CANVAS-JOSERA ol li, #CANVAS-JOSERA ul li {
    list-style-position: outside;
    margin-left: 1.2em; }
  #CANVAS-JOSERA :focus {
    outline: 0; }
  #CANVAS-JOSERA caption, #CANVAS-JOSERA th, #CANVAS-JOSERA td {
    font-weight: normal; }
  #CANVAS-JOSERA q:before, #CANVAS-JOSERA q:after {
    content: ""; }
  #CANVAS-JOSERA q {
    quotes: "" ""; }
  #CANVAS-JOSERA iframe {
    display: block; }
  #CANVAS-JOSERA img, #CANVAS-JOSERA svg {
    max-width: 100%;
    max-height: 100%; }
  #CANVAS-JOSERA svg {
    width: 100%; }
  #CANVAS-JOSERA .image-wrapper {
    overflow: hidden; }
  #CANVAS-JOSERA .image img {
    max-width: 100%;
    display: block;
    margin: 0; }
  #CANVAS-JOSERA .images-preload {
    overflow: hidden;
    height: 0;
    width: 0; }
  #CANVAS-JOSERA .images-preload img {
    display: none; }
  #CANVAS-JOSERA .clear {
    float: none !important;
    clear: both; }
  #CANVAS-JOSERA .hidden {
    display: none !important; }
  #CANVAS-JOSERA .scroll-lock {
    margin: 0;
    height: 100%;
    overflow: hidden; }
  #CANVAS-JOSERA .scroll-lock body {
    overflow: visible !important; }
  #CANVAS-JOSERA .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
  #CANVAS-JOSERA .icon img, #CANVAS-JOSERA .icon svg {
    margin: 0;
    display: block;
    max-width: 100%;
    max-height: 100%; }
  #CANVAS-JOSERA .icon-wrapper.circle .icon {
    border-radius: 500px;
    border: 1px solid #333;
    padding: 20px;
    width: 50px;
    height: 50px; }
  #CANVAS-JOSERA .youtube-video {
    height: 0;
    padding-bottom: 61%;
    position: relative; }
  #CANVAS-JOSERA .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #CANVAS-JOSERA video.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s opacity; }
  #CANVAS-JOSERA .movie video {
    max-width: 100%; }
  #CANVAS-JOSERA .movie {
    width: 100%; }
  #CANVAS-JOSERA .columns {
    margin: 0 -25px 0 -25px;
    display: flex;
    flex-wrap: wrap; }
  #CANVAS-JOSERA .columns > div {
    padding: 0 25px 30px 25px;
    width: 100%;
    box-sizing: border-box; }
  #CANVAS-JOSERA .columns.x8 > div {
    width: 12.5%; }
  #CANVAS-JOSERA .columns.x7 > div {
    width: 14.28%; }
  #CANVAS-JOSERA .columns.x6 > div {
    width: 16.66%; }
  #CANVAS-JOSERA .columns.x5 > div {
    width: 20%; }
  #CANVAS-JOSERA .columns.x4 > div {
    width: 25%; }
  #CANVAS-JOSERA .columns.x3 > div {
    width: 33.33%; }
  #CANVAS-JOSERA .columns.x2 > div {
    width: 50%; }
  #CANVAS-JOSERA .columns-x2, #CANVAS-JOSERA .columns-x3, #CANVAS-JOSERA .columns-x4, #CANVAS-JOSERA .columns-x5, #CANVAS-JOSERA .columns-x6, #CANVAS-JOSERA .columns-x7, #CANVAS-JOSERA .columns-x8 {
    margin: 0 -25px 0 -25px; }
  #CANVAS-JOSERA .columns-x2 > div, #CANVAS-JOSERA .columns-x3 > div, #CANVAS-JOSERA .columns-x4 > div, #CANVAS-JOSERA .columns-x5 > div, #CANVAS-JOSERA .columns-x6 > div, #CANVAS-JOSERA .columns-x7 > div, #CANVAS-JOSERA .columns-x8 > div {
    padding: 0 25px 30px 25px;
    float: left;
    box-sizing: border-box; }
  #CANVAS-JOSERA .columns-x8 > div {
    width: 12.5%; }
  #CANVAS-JOSERA .columns-x7 > div {
    width: 14.28%; }
  #CANVAS-JOSERA .columns-x6 > div {
    width: 16.66%; }
  #CANVAS-JOSERA .columns-x5 > div {
    width: 20%; }
  #CANVAS-JOSERA .columns-x4 > div {
    width: 25%; }
  #CANVAS-JOSERA .columns-x3 > div {
    width: 33.33%; }
  #CANVAS-JOSERA .columns-x2 > div {
    width: 50%; }
  #CANVAS-JOSERA .columns-x2:after, #CANVAS-JOSERA .columns-x3:after, #CANVAS-JOSERA .columns-x4:after, #CANVAS-JOSERA .columns-x5:after, #CANVAS-JOSERA .columns-x6:after, #CANVAS-JOSERA .columns-x7:after, #CANVAS-JOSERA .columns-x8:after {
    content: '';
    display: block;
    float: none;
    clear: both;
    height: 0; }
  #CANVAS-JOSERA table {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    border-collapse: separate;
    border-spacing: 0; }
  #CANVAS-JOSERA table {
    width: 100%;
    max-width: 800px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd; }
  #CANVAS-JOSERA table tr td, #CANVAS-JOSERA table tr th {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff; }
  #CANVAS-JOSERA table tr th {
    background: #ffcc00;
    color: #fff; }
  #CANVAS-JOSERA table tr:nth-child(odd) td {
    background: #eee; }
  #CANVAS-JOSERA input, #CANVAS-JOSERA textarea {
    color: #3c3c3b;
    font-size: 16px;
    font-family: Roboto, tahoma, arial, sans-serif;
    line-height: 1.7; }
  #CANVAS-JOSERA h1, #CANVAS-JOSERA span.h1, #CANVAS-JOSERA h2, #CANVAS-JOSERA span.h2, #CANVAS-JOSERA h3, #CANVAS-JOSERA h4, #CANVAS-JOSERA h5, #CANVAS-JOSERA h6 {
    font-family: Roboto, tahoma, arial, sans-serif;
    color: #000;
    margin: 1.2em 0 0.8em 0;
    line-height: 1.1;
    letter-spacing: 0;
    display: block; }
  #CANVAS-JOSERA h4, #CANVAS-JOSERA h5, #CANVAS-JOSERA h6 {
    font-family: Roboto, tahoma, arial, sans-serif;
    text-transform: none;
    font-weight: bold; }
  #CANVAS-JOSERA h1, #CANVAS-JOSERA span.h1 {
    font-size: 4.5em;
    margin-bottom: 20px;
    font-weight: bold; }
  #CANVAS-JOSERA h2, #CANVAS-JOSERA span.h2 {
    font-size: 3.5em;
    font-weight: bold; }
  #CANVAS-JOSERA h3 {
    font-size: 2.2em; }
  #CANVAS-JOSERA h4 {
    font-size: 1.2em; }
  #CANVAS-JOSERA h5 {
    font-size: 1.2em; }
  #CANVAS-JOSERA h6 {
    font-size: 1em;
    font-weight: bold; }
  #CANVAS-JOSERA h1 strong, #CANVAS-JOSERA span.h1 strong, #CANVAS-JOSERA h2 strong, #CANVAS-JOSERA span.h2 strong {
    text-transform: none; }
  #CANVAS-JOSERA a {
    color: #881262;
    text-decoration: none; }
  #CANVAS-JOSERA a:hover {
    text-decoration: underline; }
  #CANVAS-JOSERA strong, #CANVAS-JOSERA b {
    font-weight: bold; }
  #CANVAS-JOSERA em, #CANVAS-JOSERA i {
    font-style: italic; }
  #CANVAS-JOSERA sup {
    font-size: 0.7em;
    vertical-align: super; }
  #CANVAS-JOSERA sub {
    font-size: 0.7em;
    vertical-align: sub; }
  #CANVAS-JOSERA span.smaller-headers {
    font-size: 0.7em;
    display: block; }
  #CANVAS-JOSERA #CANVAS {
    /*trzyma całość w rozmiarach okna, zapewnia minimalne rozmiary */ }
  #CANVAS-JOSERA .container {
    /* szerokość siatki */
    max-width: 1180px;
    padding: 0 50px;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box !important;
    width: 100%; }
  #CANVAS-JOSERA .container.alt {
    max-width: 1464px; }
  #CANVAS-JOSERA .container.full {
    max-width: none; }
  #CANVAS-JOSERA .container > .container {
    padding: 0; }
  #CANVAS-JOSERA img {
    width: 100% !important;
    height: auto !important;
    display: block; }
  #CANVAS-JOSERA .columns > div {
    box-sizing: border-box !important; }
  #CANVAS-JOSERA .video-wrapper .mp4-video video {
    display: block;
    max-width: 100%; }
  #CANVAS-JOSERA .header {
    padding-bottom: 30px;
    max-width: 1180px;
    margin: 0 auto; }
  #CANVAS-JOSERA .footer {
    padding-top: 30px; }
  #CANVAS-JOSERA .footer .button:last-child {
    margin-right: 0; }
  #CANVAS-JOSERA .img-placeholder {
    display: block;
    background: #ddd url(graphics/no-photo-s.png) center no-repeat; }
  #CANVAS-JOSERA .card {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    vertical-align: top; }
  #CANVAS-JOSERA .card .image-wrapper, #CANVAS-JOSERA .card .image {
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    max-width: 100%; }
  #CANVAS-JOSERA .card .image-wrapper {
    margin-bottom: 15px;
    max-width: 100px; }
  #CANVAS-JOSERA .card .image-wrapper.size-m {
    max-width: 90px; }
  #CANVAS-JOSERA .card .image-wrapper.size-l {
    max-width: 120px; }
  #CANVAS-JOSERA .card .image-wrapper.size-xl {
    max-width: 155px; }
  #CANVAS-JOSERA .packages-available-wrapper.columns > div {
    padding: 0 10px 15px 10px; }
  #CANVAS-JOSERA .card .image img {
    width: 100%; }
  #CANVAS-JOSERA .card .image-wrapper .img-placeholder, #CANVAS-JOSERA .card .image .img-placeholder {
    padding-bottom: 60%; }
  #CANVAS-JOSERA .card .content {
    text-align: center; }
  #CANVAS-JOSERA .card .content.wet {
    min-height: 5em; }
  #CANVAS-JOSERA .card h2, #CANVAS-JOSERA .card span.h2, #CANVAS-JOSERA .card h3 {
    margin: 0 0 0.5em 0; }
  #CANVAS-JOSERA .card .updated {
    font-size: 0.9em;
    display: block; }
  #CANVAS-JOSERA .card .controls-placeholder {
    margin-top: 1em;
    height: 50px; }
  #CANVAS-JOSERA .card .controls-placeholder.txt {
    height: 2em; }
  #CANVAS-JOSERA .card .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left; }
  #CANVAS-JOSERA .tile {
    overflow: hidden;
    position: relative;
    margin: 0; }
  #CANVAS-JOSERA .tile .image-wrapper {
    max-width: 100%;
    /* responsive */
    display: block;
    float: left;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box; }
  #CANVAS-JOSERA .tile .image-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  #CANVAS-JOSERA .tile .image-wrapper .img-placeholder {
    padding-bottom: 100%; }
  #CANVAS-JOSERA .tile h2, #CANVAS-JOSERA .tile span.h2, #CANVAS-JOSERA .tile h3 {
    margin: 0 0 0.5em 0; }
  #CANVAS-JOSERA .tile .content {
    padding-left: 50px;
    padding-bottom: 0;
    min-width: 140px;
    overflow: hidden; }
  #CANVAS-JOSERA .tile p:last-child {
    margin-bottom: 0; }
  #CANVAS-JOSERA .tile .controls-placeholder {
    margin-top: 1em;
    height: 50px; }
  #CANVAS-JOSERA .tile .controls-placeholder.txt {
    height: 2em; }
  #CANVAS-JOSERA .tile .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right; }
  #CANVAS-JOSERA .tile .button {
    margin: 0; }
  #CANVAS-JOSERA .icon-card {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center; }
  #CANVAS-JOSERA .icon-card .icon-wrapper {
    text-align: center;
    border: 0 none;
    display: block;
    margin-bottom: 1em; }
  #CANVAS-JOSERA .icon-card h2, #CANVAS-JOSERA .icon-card span.h2, #CANVAS-JOSERA .icon-card h3 {
    margin: 0em 0 0.5em 0;
    font-size: 1.3em; }
  #CANVAS-JOSERA .icon-card .updated {
    margin-top: 1em;
    font-size: 0.9em;
    display: block;
    opacity: 0.6; }
  #CANVAS-JOSERA .icon-card .content {
    overflow: hidden; }
  #CANVAS-JOSERA .icon-card p {
    margin: 0 0 1em 0; }
  #CANVAS-JOSERA .icon-card .controls-placeholder {
    margin-top: 1em;
    height: 50px; }
  #CANVAS-JOSERA .icon-card .controls-placeholder.txt {
    height: 2em; }
  #CANVAS-JOSERA .icon-card .controls {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center; }
  #CANVAS-JOSERA .icon-card .button {
    margin: 0 auto; }
  #CANVAS-JOSERA .text-wrapper {
    max-width: 900px; }
  #CANVAS-JOSERA table {
    width: 100%;
    max-width: 1000px;
    border-left: 0px solid #ddd;
    border-top: 0px solid #ddd;
    font-size: 0.9rem; }
  #CANVAS-JOSERA table tr td, #CANVAS-JOSERA table tr th {
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    border-right: 0px solid #ddd;
    border-bottom: 0px solid #ddd; }
  #CANVAS-JOSERA table tr th {
    background: #881262;
    color: #fff;
    text-align: left;
    border-radius: 15px 0; }
  #CANVAS-JOSERA table tr td, #CANVAS-JOSERA table tr:nth-child(odd) td {
    background: none;
    color: #000; }
  #CANVAS-JOSERA table tr:nth-child(odd) td {
    background: #eee; }
  #CANVAS-JOSERA table tr td.key, #CANVAS-JOSERA table tr td[colspan="3"] {
    text-align: left; }
  #CANVAS-JOSERA table tr td.unit, #CANVAS-JOSERA table tr td.value {
    text-align: center; }
  #CANVAS-JOSERA table thead tr th {
    border-radius: 0; }
  #CANVAS-JOSERA table thead tr th:first-child {
    border-radius: 15px 0 0 0; }
  #CANVAS-JOSERA table thead tr th:last-child {
    border-radius: 0 0 15px 0; }
  #CANVAS-JOSERA .hr-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    text-align: center; }
  #CANVAS-JOSERA .hr-line img {
    margin: 0 auto;
    max-width: 1180px; }
  #CANVAS-JOSERA .text-wrapper {
    max-width: 1000px; }
  #CANVAS-JOSERA .text-wrapper p {
    margin-bottom: 1em; }
  #CANVAS-JOSERA .container {
    position: relative;
    height: 100%;
    padding: 0 30px; }
  #CANVAS-JOSERA #JOSERA-TOP, #CANVAS-JOSERA #JOSERA-BENEFITS, #CANVAS-JOSERA #JOSERA-ABOUT-US, #CANVAS-JOSERA #JOSERA-TABLES, #CANVAS-JOSERA #JOSERA-ADD-MEDIA, #CANVAS-JOSERA #JOSERA-COMPARISON, #CANVAS-JOSERA #JOSERA-RELATION, #CANVAS-JOSERA #JOSERA-ADD-MEDIA {
    position: relative;
    padding: 100px 0; }
  #CANVAS-JOSERA #JOSERA-RELATION .container > h2, #CANVAS-JOSERA #JOSERA-BENEFITS .container > h2, #CANVAS-JOSERA #JOSERA-ABOUT-US .container > h2, #CANVAS-JOSERA #JOSERA-TABLES .container > h2, #CANVAS-JOSERA #JOSERA-ADD-MEDIA .container > h2, #CANVAS-JOSERA #JOSERA-COMPARISON .container > h2,
  #CANVAS-JOSERA #JOSERA-RELATION .container > span.h2, #CANVAS-JOSERA #JOSERA-BENEFITS .container > span.h2, #CANVAS-JOSERA #JOSERA-ABOUT-US .container > span.h2, #CANVAS-JOSERA #JOSERA-TABLES .container > span.h2, #CANVAS-JOSERA #JOSERA-ADD-MEDIA .container > span.h2, #CANVAS-JOSERA #JOSERA-COMPARISON .container > span.h2 {
    text-align: center;
    margin-top: 35px; }
  #CANVAS-JOSERA #CANVAS {
    width: 100%; }
  #CANVAS-JOSERA #JOSERA-TOP, #CANVAS-JOSERA #JOSERA-BENEFITS, #CANVAS-JOSERA #JOSERA-ADD-MEDIA {
    padding-top: 0; }
  #CANVAS-JOSERA #JOSERA-TOP, #CANVAS-JOSERA #JOSERA-BENEFITS, #CANVAS-JOSERA #JOSERA-ADD-MEDIA {
    padding-bottom: 0; }
  #CANVAS-JOSERA #JOSERA-RELATION {
    margin-bottom: 0; }
  #CANVAS-JOSERA #JOSERA-TOP .container {
    background-color: #ffcc00;
    background-image: url("static/img/msniceit-yellow-bottom-bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-logo {
    position: absolute;
    top: 50px;
    left: 80px; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-credo {
    position: absolute;
    left: 80px;
    top: 230px;
    width: 320px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #000; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 150px 0 120px 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
  #CANVAS-JOSERA #JOSERA-TOP.wet .josera-main-photo {
    width: 45%;
    position: relative;
    padding: 50px 2% 0 0; }
  #CANVAS-JOSERA #JOSERA-TOP.dry .josera-main-photo {
    width: 15%;
    position: relative;
    padding: 50px 10% 0 5%; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo .zipper {
    position: absolute;
    width: 130px;
    top: 25px;
    right: 22%; }
  #CANVAS-JOSERA #JOSERA-TOP .logo_carma {
    position: absolute;
    top: 50px;
    left: 315px;
    width: 230px; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper {
    flex: 1; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper .card {
    height: 100%;
    padding-bottom: 30px;
    box-sizing: border-box; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper .card .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper .card .content h4 {
    margin: 0; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper .card .image-wrapper {
    min-height: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    align-items: flex-end; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper .columns.x3 {
    align-items: stretch; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper h1, #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper span.h1 {
    font-family: Roboto, tahoma, arial, sans-serif;
    text-align: left;
    margin-top: 0px;
    font-weight: bold; }
  #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper h3 {
    font-size: 2rem;
    font-weight: bold;
    opacity: 0.8; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication {
    position: static;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication span.label {
    color: #3c3c3b;
    font-size: 1rem;
    margin-bottom: 20px;
    color: #3c3c3b;
    font-weight: bold;
    opacity: 0.6;
    display: block; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div {
    margin-bottom: 0;
    margin-right: 60px; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div:last-child {
    margin-bottom: 0;
    margin-right: 0; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age, #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size {
    display: block;
    text-align: center; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size.cat {
    margin-top: 50px; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value {
    max-height: 65px;
    height: 65px;
    width: 65px; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value img, #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value img {
    width: auto !important;
    height: 65px !important; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size {
    flex-direction: column;
    align-items: flex-start; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value {
    max-height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value > span {
    font-weight: bold;
    font-size: 1.1rem;
    color: #000;
    white-space: nowrap; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value img {
    margin-right: 8px;
    opacity: 0.2; }
  #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value img.checked {
    opacity: 1; }
  #CANVAS-JOSERA #JOSERA-TOP .main-spec-value {
    padding: 100px 0; }
  #CANVAS-JOSERA #JOSERA-TOP .main-spec-value .main-spec-item {
    position: relative;
    padding-left: 60px;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    max-width: 500px;
    line-height: 1.3;
    margin-bottom: 5px; }
  #CANVAS-JOSERA #JOSERA-TOP.wet .main-spec-value .main-spec-item {
    color: #000000; }
  #CANVAS-JOSERA #JOSERA-TOP .main-spec-value .main-spec-item .ico {
    position: absolute;
    top: 6px;
    left: 0;
    width: 45px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  #CANVAS-JOSERA #JOSERA-RECOMENDED .columns.x3 {
    align-items: flex-end; }
  #CANVAS-JOSERA #JOSERA-RECOMENDED .text-wrapper h4:first-child, #CANVAS-JOSERA #JOSERA-RECOMENDED h4:first-child {
    text-transform: uppercase;
    margin-top: 0; }
  #CANVAS-JOSERA #JOSERA-RECOMENDED h4.label {
    text-transform: none;
    font-weight: normal;
    font-size: 1rem;
    opacity: 0.5; }
  #CANVAS-JOSERA #JOSERA-BENEFITS > .container {
    background-color: #ffcc00;
    background-image: url("static/img/msniceit-yellow-top-bg.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    padding-top: 100px; }
  #CANVAS-JOSERA #JOSERA-BENEFITS > .container.video-inside {
    padding-bottom: 200px; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-wrapper {
    width: 100%;
    position: relative;
    text-align: center; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-main-photo-benefit {
    min-height: 650px;
    width: 320px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-main-photo-benefit img {
    max-height: 100%; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-wrapper .benefit-real-size {
    position: absolute;
    top: 0;
    right: 0;
    height: 200px;
    max-width: 35%; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    max-width: 400px; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile .icon {
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile .content {
    flex: 1;
    text-align: left;
    padding-left: 20px; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile .content p {
    margin-bottom: 0; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile .content h4 {
    margin-top: 0;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-1 .icon, #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-3 .icon {
    order: 2; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-1 .content, #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-3 .content {
    order: 1;
    padding-left: 0;
    padding-right: 20px;
    text-align: right; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-1 {
    position: absolute;
    top: 22%;
    right: 50%;
    padding-right: 100px; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 100px; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile.item-3 {
    position: absolute;
    top: 65%;
    right: 50%;
    padding-right: 100px; }
  #CANVAS-JOSERA #JOSERA-ABOUT-US .columns, #CANVAS-JOSERA #JOSERA-BENEFITS .columns {
    padding: 0; }
  #CANVAS-JOSERA #JOSERA-BENEFITS .columns.justify-center {
    max-width: 800px;
    margin: 0 auto; }
  #CANVAS-JOSERA #JOSERA-ABOUT-US .columns {
    margin-top: 50px; }
  #CANVAS-JOSERA .icon-card {
    background: none;
    padding: 25px 25px;
    min-height: 280px;
    text-align: left; }
  #CANVAS-JOSERA .icon-card .icon {
    width: 70px;
    height: 70px;
    margin: 0 0 20px 0; }
  #CANVAS-JOSERA .icon-card h4 {
    color: #000;
    font-size: 1.1rem;
    margin: 0 0 15px 0;
    text-transform: uppercase; }
  #CANVAS-JOSERA .icon-card .content {
    font-size: 0.9rem; }
  #CANVAS-JOSERA .icon-card.border-style {
    background: #dedede;
    border-radius: 25px 8px 25px 8px;
    text-align: center;
    min-height: 300px; }
  #CANVAS-JOSERA .icon-card.border-style .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px auto; }
  #CANVAS-JOSERA .icon-card.border-style .content, #CANVAS-JOSERA .icon-card.border-style h3 {
    text-align: center; }
  #CANVAS-JOSERA .icon-card.border-style h3 {
    font-weight: bold; }
  #CANVAS-JOSERA .icon-card.no-icon {
    display: block;
    min-height: 210px;
    background: #fbb900;
    border-radius: 25px 8px 25px 8px; }
  #CANVAS-JOSERA .icon-card.no-icon .content {
    padding: 0;
    width: 100%; }
  #CANVAS-JOSERA #JOSERA-TABLES {
    background-color: #ffffff; }
  #CANVAS-JOSERA #JOSERA-TABLES .text-wrapper {
    text-align: left; }
  #CANVAS-JOSERA #JOSERA-TABLES .container.alt {
    text-align: right;
    overflow: hidden; }
  #CANVAS-JOSERA #JOSERA-TABLES .josera-tables-main-photo-wrapper {
    width: 100%;
    text-align: right;
    position: relative;
    right: -30px; }
  #CANVAS-JOSERA #JOSERA-TABLES .josera-dosage {
    max-width: 1000px;
    align-items: flex-start;
    text-align: left; }
  #CANVAS-JOSERA #JOSERA-TABLES .columns {
    margin-left: -15px;
    margin-right: -15px; }
  #CANVAS-JOSERA #JOSERA-TABLES .columns > div {
    padding-left: 15px;
    padding-right: 15px; }
  #CANVAS-JOSERA #JOSERA-ADD-MEDIA {
    background-color: #ffffff; }
  #CANVAS-JOSERA #JOSERA-ADD-MEDIA > .container {
    background-color: #fff;
    background-image: url("static/img/msniceit-yellow-bottom-bg.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%; }
  #CANVAS-JOSERA #JOSERA-ADD-MEDIA .video-wrapper {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    top: -150px;
    position: relative; }
  #CANVAS-JOSERA #JOSERA-ADD-MEDIA .video-wrapper > div {
    position: relative; }
  #CANVAS-JOSERA #JOSERA-ADD-MEDIA .video-wrapper .video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #CANVAS-JOSERA #JOSERA-ADD-MEDIA .video-wrapper .video iframe {
    width: 100%;
    height: 100%; }
  #CANVAS-JOSERA #JOSERA-COMPARISON .josera-add-media-main-photo-wrapper {
    left: -30px; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table {
    width: 100%;
    font-size: 1.2rem;
    table-layout: fixed; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table td {
    padding: 10px; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table td img {
    max-width: 100px;
    width: 100px !important;
    margin: 0 auto; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table tr:nth-child(odd) td {
    background: #fff; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table tr:nth-child(even) td {
    background: #eee; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table thead td {
    background: none !important; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table th {
    text-align: center;
    font-weight: bold; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table th.key {
    text-align: left; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table td.key {
    font-weight: bold; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table td span {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    background: transparent;
    border-radius: 50%;
    margin: 0 auto; }
  #CANVAS-JOSERA #JOSERA-COMPARISON table td span.yes-icon {
    background: #000; }
  #CANVAS-JOSERA #JOSERA-COMPARISON .container {
    background-color: #ffffff; }
  #CANVAS-JOSERA #JOSERA-RELATION .container {
    background-color: #ffffff; }
  #CANVAS-JOSERA .josera-add-media-main-photo-wrapper, #CANVAS-JOSERA .josera-tables-main-photo-wrapper {
    text-align: left;
    width: 100%;
    position: relative;
    margin-bottom: 100px; }
  @media screen and (max-width: 1200px) {
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication {
      position: relative;
      top: auto;
      left: auto; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper {
      padding-left: 0;
      padding-bottom: 50px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-credo {
      top: 60px;
      left: 350px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-logo {
      left: 50px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      padding-bottom: 50px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div {
      padding: 10px;
      margin-bottom: 0;
      margin-right: 10px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size {
      flex-direction: row;
      align-items: center; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo .zipper {
      top: 35px;
      right: 30%; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-tile {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
      padding: 20px 0 !important;
      width: 100% !important;
      max-width: 100%; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-wrapper {
      padding-left: 300px;
      min-height: 650px;
      box-sizing: border-box; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .josera-main-photo-benefit {
      min-height: 0;
      margin: 0;
      position: absolute;
      left: 0;
      top: 30px;
      width: 270px !important; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-wrapper .benefit-real-size {
      position: relative;
      width: auto;
      height: auto;
      max-width: 500px; }
    #CANVAS-JOSERA .table-wrapper {
      overflow-x: auto;
      width: 100%; }
    #CANVAS-JOSERA .table-wrapper table {
      max-width: 1000px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication {
      padding-bottom: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .main-spec-value {
      padding: 40px 0; }
    #CANVAS-JOSERA #JOSERA-TOP .main-spec-value .main-spec-item {
      font-size: 1.2rem;
      padding-left: 45px; }
    #CANVAS-JOSERA #JOSERA-TOP .main-spec-value .main-spec-item .ico {
      position: absolute;
      top: 4px;
      left: 0;
      width: 35px;
      height: 13px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo .zipper {
      width: 70px; } }
  @media screen and (max-width: 1000px) {
    #CANVAS-JOSERA h1, #CANVAS-JOSERA span.h1 {
      font-size: 3rem; }
    #CANVAS-JOSERA h2, #CANVAS-JOSERA span.h2 {
      font-size: 2.6rem; }
    #CANVAS-JOSERA h3 {
      font-size: 1.9rem; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo {
      padding-right: 40px;
      padding-left: 40px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value {
      height: 60px;
      width: 60px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div {
      padding: 10px; }
    #CANVAS-JOSERA .columns.x4 > div {
      width: 50%; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo .zipper {
      top: 30px;
      right: 70px; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .columns.x3 > div {
      width: 50%; }
    #CANVAS-JOSERA #JOSERA-COMPARISON table {
      width: 900px; }
    #CANVAS-JOSERA #JOSERA-COMPARISON table td img {
      max-width: 70px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value img,
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value img {
      height: 55px !important; } }
  @media screen and (max-width: 800px) {
    #CANVAS-JOSERA html, #CANVAS-JOSERA body, #CANVAS-JOSERA input, #CANVAS-JOSERA textarea {
      font-size: 14px; }
    #CANVAS-JOSERA h2, #CANVAS-JOSERA span.h2 {
      font-size: 2rem; }
    #CANVAS-JOSERA .container {
      padding: 0 20px; }
    #CANVAS-JOSERA .columns.x4 > div, #CANVAS-JOSERA .columns.x2 > div {
      width: 100%; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo {
      padding-bottom: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value,
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value,
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value {
      max-height: 40px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value > div {
      width: 40px;
      height: 40px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value > div {
      height: 40px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div {
      padding: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value img, #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value img {
      height: 40px !important; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper > .text-wrapper {
      padding-left: 220px;
      padding-bottom: 30px;
      min-height: 200px;
      position: absolute;
      top: 150px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper .josera-main-photo {
      margin-bottom: 20px;
      min-height: 220px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper h3 {
      font-size: 1.6rem; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .josera-benefit-wrapper {
      padding-left: 0;
      min-height: 0; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .josera-main-photo-benefit {
      display: none; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper {
      flex-direction: column;
      align-items: flex-start; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper > div {
      width: 100%; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper h1, #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper span.h1 {
      text-align: left; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo {
      max-width: 200px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-credo {
      position: relative;
      top: 120px;
      left: auto;
      font-size: 1.4rem;
      width: 100%; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-logo {
      top: 20px;
      left: 20px; }
    #CANVAS-JOSERA #JOSERA-TOP .logo_carma {
      top: 25px;
      left: 145px;
      width: 120px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication span.label {
      text-align: left;
      margin-bottom: 10px; }
    #CANVAS-JOSERA #JOSERA-BENEFITS .columns.x3 > div {
      width: 100%; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-logo {
      width: 120px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper {
      padding-top: 80px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo {
      padding-left: 0;
      padding-right: 0; }
    #CANVAS-JOSERA #JOSERA-BENEFITS > .container {
      padding-top: 50px; }
    #CANVAS-JOSERA .icon-card, #CANVAS-JOSERA .icon-card.border-style, #CANVAS-JOSERA .icon-card.no-icon {
      min-height: 0; }
    #CANVAS-JOSERA .icon-card {
      padding: 0;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
    #CANVAS-JOSERA .icon-card .icon-wrapper {
      margin-bottom: 0; }
    #CANVAS-JOSERA .icon-card .content {
      flex: 1;
      padding-left: 30px;
      text-align: left; }
    #CANVAS-JOSERA .icon-card.border-style .content, #CANVAS-JOSERA .icon-card.border-style h3 {
      text-align: left; }
    #CANVAS-JOSERA .icon-card.border-style, #CANVAS-JOSERA .icon-card.no-icon {
      padding: 30px; }
    #CANVAS-JOSERA #JOSERA-ADD-MEDIA .video-wrapper {
      top: -90px; }
    #CANVAS-JOSERA #JOSERA-BENEFITS > .container.video-inside {
      padding-bottom: 100px; }
    #CANVAS-JOSERA #JOSERA-ABOUT-US, #CANVAS-JOSERA #JOSERA-TABLES, #CANVAS-JOSERA #JOSERA-COMPARISON, #CANVAS-JOSERA #JOSERA-RELATION {
      padding-top: 30px;
      padding-bottom: 30px; }
    #CANVAS-JOSERA .josera-add-media-main-photo-wrapper, #CANVAS-JOSERA .josera-tables-main-photo-wrapper {
      margin-bottom: 30px;
      left: -30%;
      right: 30%; }
    #CANVAS-JOSERA #JOSERA-TABLES .josera-tables-main-photo-wrapper, #CANVAS-JOSERA #JOSERA-COMPARISON .josera-add-media-main-photo-wrapper {
      width: 100%;
      right: 0;
      left: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div {
      margin-right: 20px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo .zipper {
      top: 10px;
      right: -20px; } }
  @media screen and (max-width: 600px) {
    #CANVAS-JOSERA h1, #CANVAS-JOSERA span.h1 {
      font-size: 2.1rem; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-main-photo {
      width: 100% !important;
      max-width: 240px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper > .text-wrapper {
      padding-left: 230px; }
    #CANVAS-JOSERA .card .content.wet h4 {
      font-size: 0.9em; } }
  @media screen and (max-width: 460px) {
    #CANVAS-JOSERA html, #CANVAS-JOSERA body, #CANVAS-JOSERA input, #CANVAS-JOSERA textarea {
      font-size: 13px; }
    #CANVAS-JOSERA h1, #CANVAS-JOSERA span.h1 {
      font-size: 2rem; }
    #CANVAS-JOSERA h2, #CANVAS-JOSERA span.h2 {
      font-size: 1.8rem; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper h3 {
      font-size: 1.5rem; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value,
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value,
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value {
      max-height: 30px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value img {
      width: 70px !important; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value {
      width: 30px;
      height: 30px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age .img-value img, #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size .img-value img {
      height: 30px !important; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication {
      flex-wrap: wrap;
      row-gap: 20px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-size {
      order: 1;
      min-width: 100%;
      margin-bottom: 20px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-age {
      order: 2; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size {
      order: 3; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication > div {
      margin-right: 50px; }
    #CANVAS-JOSERA .icon-card.border-style .icon {
      width: 60px;
      height: 60px; }
    #CANVAS-JOSERA #JOSERA-COMPARISON table {
      font-size: 0.9rem; }
    #CANVAS-JOSERA #JOSERA-ABOUT-US, #CANVAS-JOSERA #JOSERA-TABLES, #CANVAS-JOSERA #JOSERA-COMPARISON, #CANVAS-JOSERA #JOSERA-RELATION {
      padding: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .main-spec-value {
      padding-bottom: 0; }
    #CANVAS-JOSERA .hr-line {
      display: none; }
    #CANVAS-JOSERA #JOSERA-ADD-MEDIA .video-wrapper {
      top: 0; }
    #CANVAS-JOSERA #JOSERA-BENEFITS > .container.video-inside {
      padding-bottom: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper > .text-wrapper {
      padding-left: 120px; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper .josera-main-photo {
      min-height: 180px; }
    #CANVAS-JOSERA #JOSERA-TOP .main-spec-value .main-spec-item .ico {
      width: 25px;
      height: 9px; }
    #CANVAS-JOSERA #JOSERA-TOP .main-spec-value .main-spec-item {
      padding-left: 35px; }
    #CANVAS-JOSERA #JOSERA-TOP .top-main-specyfication .spec-granuls-size .img-value img {
      width: auto !important; } }
  @media screen and (max-width: 460px) {
    #CANVAS-JOSERA #JOSERA-TOP .josera-top-content-wrapper > .text-wrapper {
      padding-left: 0;
      position: static;
      min-height: 0;
      padding-bottom: 0; }
    #CANVAS-JOSERA #JOSERA-TOP .josera-produkt-lead-wrapper .josera-main-photo {
      min-height: 0; }
    #CANVAS-JOSERA .icon-card.border-style, #CANVAS-JOSERA .icon-card.no-icon {
      padding: 15px; }
    #CANVAS-JOSERA .icon-card .content {
      padding-left: 15px; } }
  #CANVAS-JOSERA .icon-tile {
    margin: 0;
    overflow: hidden;
    position: relative; }
  #CANVAS-JOSERA .icon-tile .icon-wrapper {
    margin: 0;
    max-width: 100%;
    /* responsive */
    display: block;
    float: left;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box; }
  #CANVAS-JOSERA .icon-tile .icon-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  #CANVAS-JOSERA .icon-tile h2, #CANVAS-JOSERA .icon-tile span.h2, #CANVAS-JOSERA .icon-tile h3 {
    margin: 0 0 0.5em 0; }
  #CANVAS-JOSERA .icon-tile .content {
    padding-left: 2em;
    margin-bottom: 50px;
    /* musi byc wiekszy niz wysokosc .controls */
    min-width: 120px;
    overflow: hidden; }
  #CANVAS-JOSERA .card p, #CANVAS-JOSERA .tile p, #CANVAS-JOSERA .icon-tile p {
    margin: 0; }