@charset 'UTF-8';
/*werjsja dla popupow */

 @font-face {
  font-family: 'Tele-GroteskNor';
  src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.svg#tele-grotesknorregularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'teleneobold';
  src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-bold-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'teleneoextrabold';
  src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-extrabold-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-extrabold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'teleneomedium';
  src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-medium-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'teleneoregular';
  src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-regular-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  margin: 0;
  background: #fff;
}

.page {
  font-family: "teleneoregular", arial;
}

.area {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

.title, .title_print {
  display: none;
}

p, a, h1, h2, h3, span, hr {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

/* style lokalne */
.page__logo-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.logo {
  width: 1.94rem;
  height: 1.94rem;
}

.page__section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#modal-lead-form * {
  font-family: teleneomedium;
  border: none;
}

.page__section--header {
  background: url("../images/kv_xxs.png") center -40px no-repeat;
  height: 64.4rem;
}

.page__container {
  max-width: 23.5rem;
  width: 100%;
  position: relative;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

.header {
  padding-top: 1rem;
  display: block;
}

.header__title {
  font-family: "teleneoextrabold";
  font-size: 1.9rem;
  color: #fff;
  padding-top: 1.5rem;
  width: 8.5em;
}

.header__t2 {
  color: #e20074;
  font-size: 1.65em;
}

.header__t3 {
  font-size: .49em;
  margin-top: .3em;
  display: block;
}
.header__t3 span{
  font-family: "teleneoregular";
}

.offer-switcher {
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 1rem 0;
  margin-top: 12rem;
}

.offer-switcher .offer-name {
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1em;
  font-family: 'teleneomedium';
  position: relative;
  cursor: pointer;
}

.offer-switcher .offer-name+.switch {
  width: 4rem;
  height: 1.875rem;
  background: #e20074;
  border-radius: 1.5625rem;
  margin: .5rem;
  cursor: pointer;
  position: relative;
}

.offer-switcher .offer-name+.switch {
  background-color: #fff;
  text-align: left;
}

.offer-switcher.active .offer-name+.switch {
  text-align: right;
}

.offer-switcher .switch:hover {
  -webkit-box-shadow: inset 0rem 0rem 0.75rem -0.25rem rgba(0, 0, 0, 0.1);
  box-shadow: inset 0rem 0rem 0.75rem -0.25rem rgba(0, 0, 0, 0.1);
}

.offer-switcher .switch .point {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  background: #e20074;
  border-radius: 50%;
  margin: 0.25rem;
  position: relative;
}

.offer-switcher .left {
  font-family: teleneoextrabold;
}

.offer-switcher.active .left {
  font-family: teleneomedium;
}

.offer-switcher.active .right {
  font-family: teleneoextrabold;
}

.offer-switcher.active .switch .point {
  background: #e20074;
}



.box {
  background: #fff;
  margin: 1rem;
  text-align: center;
  width: 15.625rem;
  padding-bottom: 2em;
}

.box__header {
  background: #F4F4F4;
  position: relative;
  padding: 2em 0 1em 0;
  font-size: 1.5rem;
  border-bottom: solid 0.0625rem #00000029;
}

.box__pat {
  position: absolute;
  font-family: teleneobold;
  padding: .4em;
  top: -.9em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10em;
  background: #F7D54A;
  font-size: 1.0625rem;
}

.box__line {
  padding: .8em;
}

.box__1 {
  font-family: teleneoextrabold;
}

.box__2 {
  font-family: teleneomedium;
  font-size: 0.9375rem;
}

.box__3 {
  font-family: teleneoextrabold;
  font-size: 1.375rem;
  line-height: 1.4em;
}

.box__4 {
  font-family: teleneomedium;
  font-size: 0.9375rem;
  color: #e20074;
  line-height: 0
}

.box__5 {
  font-family: teleneoextrabold;
  color: #e20074;
  font-size: 1.75rem;
  line-height: 1.4em;
}

.box__6 {
  font-family: teleneomedium;
  font-size: 0.875rem;
}

price {
  display: none;
}

price.active {
  display: inline
}

.btn {
  background: #e20074;
  color: #fff;
  font-size: 1.25rem;
  padding: .6em 0;
  margin: 0em auto -1em auto;
  width: 70%;
  display: block;
  text-decoration: none;
  font-family: 'teleneomedium';
}
.btn.header {
  margin: 0;
  margin-top: 20px;
  width: 120px;
  font-size: .85rem;
  text-align: center;
}

.slick-dots li button {
  background: #fff;
  width: 0.625rem;
  height: 0.625rem;
}

.slick-dots li.slick-active button {
  background: #e20074
}

.header__subtitle {
  color: #fff;
  font-size: 0.875rem;
}

.page__section--footer {
  background-color: #000;
}

.footer__title {
  font-family: "teleneoextrabold";
  font-size: 1.25rem;
  text-align: center;
  padding: 2rem 0;
  color: #fff;
}

.footer__legal {
  font-size: 0.75rem;
  line-height: 1.5em;
  color: #fff;
}

.footer__link {
  color: #e20074;
  text-decoration: none;
}

.footer__reg-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__reg-link {
  color: #e20074;
  font-family: "teleneoextrabold";
  font-size: 1rem;
  padding: 0.5rem 0;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.footer__reg-link::before {
  content: url("../images/regulamin.svg");
  width: 1.375rem;
  margin-right: 0.5rem;
}

.page__section--bottom-logo-claim {
  background-color: #262626;
}

.bottom-logo-claim {
  display: flex;
  flex-direction: column;
}

.bottom-logo-claim__svg {
  width: 13.2rem;
}

.bottom-logo-claim__claim {
  color: #fff;
  font-family: "teleneoregular";
  font-size: 0.6875rem;
  padding: 1rem 0;
}

@media (min-width: 37.5rem) {
  .logo {
    width: 3.2rem;
    height: 2.7rem
  }

  .page__container {
    max-width: 37.5rem;
  }

  .page__container--app {
    padding-left: 0;
    padding-right: 0;
  }

  .page__section--header {
    background: url("../images/kv_xs.png") top center no-repeat;
    height: 73.2rem;
  }

  .page__container--header {
    padding-top: 1.5rem
  }

  .header__title {
    font-size: 3.5rem;
  }

  .btn.header {
    margin-top: 20px;
    width: 200px;
    font-size: 1.2rem;
    padding-top: 15px;
}

  .offer-switcher .offer-name {
    font-size: 1rem;
  }

  .offer-switcher {
    margin-top: 10rem;
    width: 19rem;
  }

  .footer__reg-box {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .footer__reg-link {
    min-width: 50%;
    padding-left: 10%;
  }

  .page-container--logo-claim {
    padding: .5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}

@media (min-width: 60em) {
  .page__container {
    max-width: 60rem;
  }


  .page__section--header {
    background: url("../images/kv_sm.png") center top no-repeat;
    height: 56.8rem;
  }

    .btn.header {
    display: none;
}



  .box-slider {
    display: flex;
  }

  .page__title {
    font-size: 1.94rem;
    max-width: 24rem;
    padding-top: 2rem;
  }

  .offer-switcher {
    margin-top: 3rem;
    width: 27rem;
  }

  .box {
    width: 17.5rem
  }

  .header__subtitle {
    margin-top: 1rem
  }

  .footer__title {
    text-align: left;
  }

  .footer__reg-link {
    min-width: 100%;
    padding-left: 0;
  }

  .footer {
    display: flex;
  }

  .footer__legal-box {
    max-width: 70%;
  }

  .footer__legal {
    padding-right: 10%;
  }

  .footer__reg-box {
    justify-content: flex-start;
  }
}

@media (min-width: 75em) {
  .page__container {
    max-width: 75rem;
    padding: 3rem 2rem;
  }

  .page__section--header {
    background: url("../images/kv_md.png") top center no-repeat;
    height: 58rem;
  }

  .page__title {
    font-size: 2.5rem;
    max-width: 24rem;
    max-width: 31rem;
    padding: 2rem 0;
  }

  .offer-switcher {
    margin-top: 3rem;

  }

  .footer__title {
    font-size: 1.375rem;
  }

  .footer__legal {
    font-size: 0.875rem;
  }

  .page-container--logo-claim {
    padding: 1rem 2rem;
  }

  .bottom-logo-claim__claim {
    font-size: 0.875rem
  }
}

@media (min-width: 97.5em) {
  .page__container {
    max-width: 97.5rem;
  }

  .page__section--header {
    background: url("../images/kv_lg.png") top center no-repeat;
    height: 66.3rem;
  }

  .header__title {
    font-size: 5rem;
    margin-top: 2rem;
  }

  .page__title {
    font-size: 3.125rem;
    max-width: 39rem;
  }

  .offer-switcher .offer-name {
    font-size: 1.5rem
  }

  .offer-switcher {
    margin-top: 2rem;
    width: 40rem;
  }

  .box {
    width: 18.125rem
  }
}

@media (min-width: 120em) {
  .page__container {
    max-width: 97.5rem;
  }
}