/* mixins media queries */
/* mixins media queries - end */
.rating-tiles-homepage {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  align-items: space-between;
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .rating-tiles-homepage .ranking-kredyty-gotowkowe {
    overflow: hidden;
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    width: 48%;
    padding: 10px 60px 10px 15px;
    color: #132F6D;
    background-color: #eef6fe;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url("/public/gfx/beta20/rankingi/home-icons/ranking-kredyty-gotowkowe.svg");
    background-size: auto 90%;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  .rating-tiles-homepage .ranking-kredyty-gotowkowe {
    min-width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .rating-tiles-homepage .ranking-kredyty-gotowkowe {
    min-width: 48%; } }

  .rating-tiles-homepage .ranking-kredyty-gotowkowe:hover {
    background-color: #E1EEFA; }
  .rating-tiles-homepage .ranking-szybkie-pozyczki {
    overflow: hidden;
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    width: 48%;
    padding: 10px 60px 10px 15px;
    color: #132F6D;
    background-color: #eef6fe;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url("/public/gfx/beta20/rankingi/home-icons/ranking-szybkie-pozyczki.svg");
    background-size: auto 90%;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  .rating-tiles-homepage .ranking-szybkie-pozyczki {
    min-width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .rating-tiles-homepage .ranking-szybkie-pozyczki {
    min-width: 48%; } }

  .rating-tiles-homepage .ranking-szybkie-pozyczki:hover {
    background-color: #E1EEFA; }
  .rating-tiles-homepage .ranking-konta-osobiste {
    overflow: hidden;
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    width: 48%;
    padding: 10px 60px 10px 15px;
    color: #132F6D;
    background-color: #eef6fe;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url("/public/gfx/beta20/rankingi/home-icons/ranking-konta-osobiste.svg");
    background-size: auto 90%;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  .rating-tiles-homepage .ranking-konta-osobiste {
    min-width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .rating-tiles-homepage .ranking-konta-osobiste {
    min-width: 48%; } }

  .rating-tiles-homepage .ranking-konta-osobiste:hover {
    background-color: #E1EEFA; }
  .rating-tiles-homepage .ranking-lokaty-bankowe {
    overflow: hidden;
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    width: 48%;
    padding: 10px 60px 10px 15px;
    color: #132F6D;
    background-color: #eef6fe;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url("/public/gfx/beta20/rankingi/home-icons/ranking-lokaty-bankowe.svg");
    background-size: auto 90%;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  .rating-tiles-homepage .ranking-lokaty-bankowe {
    min-width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .rating-tiles-homepage .ranking-lokaty-bankowe {
    min-width: 48%; } }

  .rating-tiles-homepage .ranking-lokaty-bankowe:hover {
    background-color: #E1EEFA; }
  .rating-tiles-homepage .ranking-pozyczki-pozabankowe {
    overflow: hidden;
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    width: 48%;
    padding: 10px 60px 10px 15px;
    color: #132F6D;
    background-color: #eef6fe;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url("/public/gfx/beta20/rankingi/home-icons/ranking-pozyczki-pozabankowe.svg");
    background-size: auto 90%;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  .rating-tiles-homepage .ranking-pozyczki-pozabankowe {
    min-width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .rating-tiles-homepage .ranking-pozyczki-pozabankowe {
    min-width: 48%; } }

  .rating-tiles-homepage .ranking-pozyczki-pozabankowe:hover {
    background-color: #E1EEFA; }
  .rating-tiles-homepage .ranking-konta-firmowe {
    overflow: hidden;
    display: block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    width: 48%;
    padding: 10px 60px 10px 15px;
    color: #132F6D;
    background-color: #eef6fe;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    background-image: url("/public/gfx/beta20/rankingi/home-icons/ranking-konta-firmowe.svg");
    background-size: auto 90%;
    background-position: 98% 50%;
    background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  .rating-tiles-homepage .ranking-konta-firmowe {
    min-width: 100%; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .rating-tiles-homepage .ranking-konta-firmowe {
    min-width: 48%; } }

  .rating-tiles-homepage .ranking-konta-firmowe:hover {
    background-color: #E1EEFA; }

.column1 {
  width: 300px;
  float: left;
  margin-right: 20px; }

.column2 {
  width: 300px;
  float: left; }

.home-boxy .box-link {
  font-size: 12px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 10px; }

@media screen and (max-width: 1024px) {
  #startpage {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    #startpage .panel-wrapper {
      width: 100%; }
    #startpage p a.art {
      background: none;
      padding: 0; }
      #startpage p a.art strong {
        display: block;
        padding: 5px 0; }
    #startpage .code_content {
      margin: 0 auto; } }
@media only screen and (max-width: 1024px) and (min-width: 240px) {
  #startpage {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #startpage .panel {
      border-bottom: 1px solid lightgrey; }
    #startpage .lead {
      margin-bottom: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 12px 0;
      border-bottom: 1px solid lightgrey; }
      #startpage .lead + p {
        margin-bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px 0; }
    #startpage .mod {
      width: 100%;
      margin: 0 !important; }

  .mod {
    width: 100%;
    margin: 0 !important; }

  .column1, .column2 {
    margin: 0;
    width: 100%; }
    .column1 h2, .column2 h2 {
      font-family: "robotobold", Arial, sans-serif; } }
@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .column1, .column2 {
    width: 48%;
    margin: auto; }

  .home-boxy {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    .home-boxy a {
      display: block; } }
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .panel-wrapper {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; }

  .content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px; }

  .rest-articles {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    .rest-articles > div, .rest-articles > p {
      width: 33%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

  #startpage .mod {
    margin-top: 15px !important; }
    #startpage .mod .lead {
      border-right: 1px solid lightgrey;
      border-bottom: 0;
      padding: 0 10px; }
      #startpage .mod .lead + p {
        padding: 0 10px; } }
.ratings-homepage-list {
  margin-top: 20px; }
  .ratings-homepage-list > h2 {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px; }
    @media only screen and (min-width: 1024px) {
      .ratings-homepage-list > h2 {
        margin-bottom: 0; } }
  .ratings-homepage-list .mod {
    float: left; }
    .ratings-homepage-list .mod h2 {
      font-weight: normal;
      line-height: 21px;
      padding: 0; }
    .ratings-homepage-list .mod .lead {
      padding: 12px 0;
      border-top: 1px solid lightgrey; }
      @media only screen and (min-width: 768px) {
        .ratings-homepage-list .mod .lead {
          width: 50%;
          border-top: 0;
          padding: 12px; }
          .ratings-homepage-list .mod .lead:first-of-type {
            border-right: 1px solid lightgrey; } }
      @media only screen and (min-width: 1024px) {
        .ratings-homepage-list .mod .lead:first-of-type {
          border-right: 0; } }
    @media only screen and (min-width: 1024px) {
      .ratings-homepage-list .mod {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }