/* ---------------------------------------------------------------------- */
/*  CSS Reset
/* ---------------------------------------------------------------------- */
.cennik a, .cennik abbr, .cennik acronym, .cennik address, .cennik applet, .cennik article, .cennik aside, .cennik audio, .cennik b, .cennik big, .cennik blockquote, .cennik body, .cennik canvas, .cennik caption, .cennik center, .cennik cite, .cennik code, .cennik dd, .cennik del, .cennik details, .cennik dfn, .cennik dl, .cennik dt, .cennik em, .cennik embed, .cennik fieldset, .cennik figcaption, .cennik figure, .cennik footer, .cennik form, .cennik h1, .cennik h2, .cennik h3, .cennik h4, .cennik h5, .cennik h6, .cennik header, .cennik hgroup, .cennik html, .cennik i, .cennik iframe, .cennik img, .cennik ins, .cennik kbd, .cennik label, .cennik legend, .cennik li, .cennik mark, .cennik menu, .cennik nav, .cennik object, .cennik ol, .cennik output, .cennik p, .cennik pre, .cennik q, .cennik ruby, .cennik s, .cennik samp, .cennik section, .cennik small, .cennik span, .cennik strike, .cennik strong, .cennik sub, .cennik summary, .cennik sup, .cennik table, .cennik tbody, .cennik td, .cennik tfoot, .cennik th, .cennik thead, .cennik time, .cennik tr, .cennik tt, .cennik u, .cennik ul, .cennik var, .cennik video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article, .cennik aside, .cennik details, .cennik figcaption, .cennik figure, .cennik footer, .cennik header, .cennik hgroup, .cennik menu, .cennik nav, .cennik section {
  display: block;
}

.cennik, .cennik * {
  line-height: 1;
}


.cennik li {
  list-style: none;
}

.cennik ol, .cennik ul {
  list-style: none;
}

.cennik blockquote, .cennik q {
  quotes: none;
}

.cennik blockquote:after, .cennik blockquote:before, .cennik q:after, .cennik q:before {
  content: '';
  content: none;
}

.cennik table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ---------------------------------------------------------------------- */
/*  Colors
/* ---------------------------------------------------------------------- */
/* Number of columns (including the feature list - no more than 5) */
.cennik .hidden-element {
  visibility: hidden;
  opacity: 0;
}
.cennik {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Oxygen', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
.cennik * {
  position: relative;
  box-sizing: border-box;
}
.cennik .ls-column {
  float: left;
  width: 50%;
  text-align: center;
  border-right: 1px solid white;
  margin-top: 15px;
}

.cennik .ls-column h1 {
  padding: 10px 0;
  background: #f1eeee;
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  word-spacing: 9999rem
}
.cennik .ls-column h2 {
  padding: 10px 0 10px;
  background: #f9f5f5;
  font-weight: 300;
  font-size: 18px;
  color: #4cb7e8;
}
.cennik .ls-column h3 {
  padding: 5px 0 20px;
  background: #f9f5f5;
  font-weight: 700;
  font-size: 13px;
  color: #919191;
}

.cennik .ls-column ul li:nth-child(odd) {
  background: #f1eeee;
}
.cennik .ls-column ul li:before {
  content: attr(data-feature) ":";
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 12px;
  color: #333333;
}
.cennik .ls-column a {
  display: block;
  padding: 10px 0;
  background: #333333;
  font-weight: 700;
  font-size: 14px;
  color: white;
  text-decoration: none;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  -webkit-transition: background-color .2s linear, color .2s linear;
  -moz-transition: background-color .2s linear, color .2s linear;
  -ms-transition: background-color .2s linear, color .2s linear;
  -o-transition: background-color .2s linear, color .2s linear;
  transition: background-color .2s linear, color .2s linear;
}
.cennik .ls-column a:hover {
  background-color: #4cb7e8;
}
.cennik .ls-features {
  display: none;
}
.cennik .ls-features ul li:before {
  display: none;
}

.cennik div.information {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyIDYxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMzAuNzI0LDE4MS4yMDhjLTIuMzkzLDIuNTg3LTMuOTUsNC4yNTYtNS4xMTksNS41MDhDMjI3Ljc3NSwxODQuMzc5LDIzMC43MjQsMTgxLjIwOCwyMzAuNzI0LDE4MS4yMDh6IiBmaWxsPSIjNzU3NTc1Ii8+CgkJPHBhdGggZD0iTTMzNi45NjIsMjAwLjg3NWM3Ljk1Niw5Ljc5MiwxMS45MDYsMjEuMzM3LDExLjkwNiwzNC42MzRjMCw5LjUxNC0yLjcyNywxOC42NjYtOC4xNTEsMjcuNTEyICAgIGMtMi45NzcsNS4wMDctNi44OTgsOS44NDgtMTEuNzk1LDE0LjQ2NWwtMTYuMzAxLDE2LjEwN2MtMTUuNjM0LDE1LjM1Ni0yNS43MzIsMjguOTU4LTMwLjM1LDQwLjg2NSAgICBjLTQuNjE4LDExLjg3OC02LjkyNywyNy41NC02LjkyNyw0Ni45NTdoMzYuMjc1YzAtMTcuMTA4LDEuOTQ3LTMwLjA0NCw1LjgxNC0zOC44MDdjMy44NjYtOC43NjMsMTIuMzIzLTE5LjQ0NCwyNS4zNy0zMi4xMDIgICAgYzE3Ljk0Mi0xNy4zODcsMjkuODQ5LTMwLjU3MiwzNS43NDYtMzkuNTNzOC44NzQtMjAuNjQxLDguODc0LTM1LjA1MWMwLTIzLjc1Ni04LjAzOS00My4yODUtMjQuMTQ2LTU4LjU4NSAgICBjLTE2LjEwNi0xNS4zLTM3LjUyNi0yMi45MjItNjQuMjg4LTIyLjkyMmMtMjguOTMxLDAtNTEuNjg2LDguOTI5LTY4LjI2NiwyNi43ODlzLTI0Ljg3LDQxLjQ0OS0yNC44Nyw3MC43OTdoMzYuMjc1ICAgIGMwLjY2Ny0xNy42NjUsMy40NzgtMzEuMTg0LDguMzQ2LTQwLjU1OWM4LjY3OS0xNi44MywyNC4zNjktMjUuMjU5LDQ3LjA2OC0yNS4yNTkgICAgQzMxNS44NzUsMTg2LjE4NywzMjkuMDMzLDE5MS4wODMsMzM2Ljk2MiwyMDAuODc1eiIgZmlsbD0iIzc1NzU3NSIvPgoJCTxwYXRoIGQ9Ik02MTIsMzA2QzYxMiwxMzcuMDA0LDQ3NC45OTUsMCwzMDYsMEMxMzcuMDA0LDAsMCwxMzcuMDA0LDAsMzA2YzAsMTY4Ljk5NSwxMzcuMDA0LDMwNiwzMDYsMzA2ICAgIEM0NzQuOTk1LDYxMiw2MTIsNDc0Ljk5NSw2MTIsMzA2eiBNMjcuODE4LDMwNkMyNy44MTgsMTUyLjM2LDE1Mi4zNiwyNy44MTgsMzA2LDI3LjgxOFM1ODQuMTgyLDE1Mi4zNiw1ODQuMTgyLDMwNiAgICBTNDU5LjY0LDU4NC4xODIsMzA2LDU4NC4xODJTMjcuODE4LDQ1OS42NCwyNy44MTgsMzA2eiIgZmlsbD0iIzc1NzU3NSIvPgoJCTxyZWN0IHg9IjI3NC41MSIgeT0iNDE1LjIxNCIgd2lkdGg9IjQwLjU1OSIgaGVpZ2h0PSI0Mi4zNjciIGZpbGw9IiM3NTc1NzUiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px;
  margin-right: 12px;
}
.information:hover {
  width: 100% !important;
}


/* Extra Small Devices, Phones */
@media only screen and (min-width: 768px) {
  .cennik .ls-column {
    width: 25%;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .cennik .ls-column ul li {
  background: #f9f5f5;
  font-weight: 400;
  font-size: 12px;
  color: #919191;
  border-top: 1px solid white;
  min-height: 50px;
  padding: 0 !important;
}
  .centered {
    position: absolute !important;
    width: 100%;
    left: 0;
    padding: 11px 2px !important;
    top: 50% !important;
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    color: #000000;
}
  .cennik .ls-features {
    display: block;
  }
  .cennik .ls-column {
    width: calc(100% / 5);
  }
  .cennik .ls-column ul li:before {
    display: none;
  }
  .cennik .ls-column ul li div[data-description] {
    cursor: pointer;
  }
  .cennik .ls-column ul li div[data-description]:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent rgba(0, 0, 0, 1) transparent;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
  }
  .cennik .ls-column ul li div[data-description]:after {
    content: attr(data-description);
    position: absolute;
    top: 37px;
    right: 25px;
    display: block;
    padding: 7px;
    background: rgba(0, 0, 0, 1);
    color: white;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
  }
  .cennik .ls-column ul li div[data-description]:nth-last-child(1):before, .cennik .ls-column ul li div[data-description]:nth-last-child(2):before {
    top: auto;
    bottom: 20px;
    border-width: 7px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 1);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .cennik .ls-column ul li div[data-description]:nth-last-child(1):after, .cennik .ls-column ul li div[data-description]:nth-last-child(2):after {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .cennik .ls-column ul li div[data-description]:hover:before, .cennik .ls-column ul li div[data-description]:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity .4s ease-in-out, visiblity .4s ease-in-out;
    transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
    top: 50%;
    bottom: auto;
  }
  .cennik .ls-column ul li div[data-description]:hover:before {
    top: 50%;
    right: 11px !important;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .cennik .ls-column a {
    border-bottom: none;
  }
}

@media only screen and (max-width: 991px) {
  .cennik .ls-column h1 {
    font-size: 12px;
  }
  .cennik .ls-column h2 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .cennik div.information {
    display: none;
  }
  .cennik .ls-column ul li {
  background: #f9f5f5;
  font-weight: 400;
  font-size: 12px;
  color: #919191;
  border-top: 1px solid white;
  min-height: 50px;
  padding: 11px 0 !important;
}
  .cennik .ls-column h1 {
    font-size: 12px;
  }
  .cennik .ls-column h2 {
    font-size: 15px;
  }
  .cennik .ls-column ul li.empty:before {
    display: none;
  }
  .cennik .ls-column ul li.empty { padding: 22px 0; }
}

/*# sourceMappingURL=ls-styles.css.map */