.hero {max-width:none; margin:0; padding:160px 0 0; background:url("img/bgp.jpg") 50% 40px no-repeat; font-family:"Nunito",sans-serif;}
.ticker {width:100%; max-width:2560px; margin:0 auto;}
.hero::before {display:none;}
.hero .hero__phone {content:url("img/phone.png"); top:40px; left:calc(50% + 558px); width:237px; height:178px; opacity:1; filter:none;}
.hero .wmc-topbar {position:absolute; top:0; left:0; width:100%; height:40px; margin:0;}
.hero .wmc-topbar__inner {width:1500px; height:40px; gap:25px; font-size:14px; font-weight:400;}
.hero .wmc-topbar {position:fixed; z-index:50;}
.hero .wmc-topbar__inner a {display:block; position:relative; line-height:40px; flex-shrink:0;}
.hero .wmc-topbar__inner a:nth-last-child(-n+5) {margin-left:-15px;}
.hero .wmc-topbar__inner a:first-child {font-size:0; width:20px; height:40px; background:url("img/home.png") left 17px no-repeat;}
.hero .wmc-topbar__inner a:nth-child(2) {width:81px; text-align:center;}
.hero .wmc-topbar__inner a:nth-child(2)::before {content:""; position:absolute; inset:-1px auto auto 0; width:81px; height:44px; box-sizing:content-box; background:url("img/poczta.png"); border:1px solid #2b3e67; z-index:-1;}
.hero .wmc-mainnav {position:absolute; top:80px; left:50%; transform:translateX(-50%); width:1500px; height:40px; align-items:flex-start; line-height:40px; font-weight:400;}
.hero .wmc-categories {gap:50px; margin:0 0 0 50px; font-size:20px; font-weight:400; line-height:40px;}
.hero .cat-internet {color:#42b0fa;}
.hero .cat-tv {color:#f1557a;}
.hero .cat-promo {color:#d37dfc;}
.hero .cat-packages {color:#f8d137;}
.hero .cat-mobile {color:#3eedbe;}
.hero .cat-firms {color:#8ed8ff;}
.hero .wmc-categories a {transition:color .2s ease-in-out;}
.hero .wmc-categories a:hover {color:#fff;}
.hero .wmc-phone {font-size:14px; text-transform:uppercase; line-height:40px;}
.hero .wmc-phone strong {margin-left:5px; color:#1296ef; font-size:24px; font-weight:400;}
.hero .hero__grid {width:1500px; min-height:0; padding:70px 0 40px;}
.hero .hero__content h1 {font-size:100px; font-weight:700; line-height:70px;}
.hero .hero__content h2 {font-size:30px; line-height:70px;}
@media (max-width:1500px) {
 .hero {padding-top:120px; background-position:50% 30px; background-size:2000px;}
 .hero .wmc-topbar,.hero .wmc-topbar__inner {height:30px;}
 .hero .wmc-topbar__inner {width:min(1200px,100%); gap:20px; font-size:10px;}
 .hero .wmc-topbar__inner a {line-height:30px;}
 .hero .wmc-topbar__inner a:nth-last-child(-n+5) {margin-left:-10px;}
 .hero .wmc-topbar__inner a:first-child {width:15px; height:30px; background-position:left 12.5px; background-size:15px 12px;}
 .hero .wmc-topbar__inner a:nth-child(2) {width:70px;}
 .hero .wmc-topbar__inner a:nth-child(2)::before {width:70px; height:33px;}
 .hero .wmc-mainnav {top:60px; width:min(1200px,calc(100% - 32px)); height:30px; line-height:30px;}
 .hero .wmc-logo img {height:30px;}
 .hero .wmc-categories {font-size:16px; gap:40px; margin-left:40px; line-height:30px;}
 .hero .wmc-phone {font-size:10px; line-height:30px;}
 .hero .wmc-phone strong {font-size:18px;}
 .hero .hero__phone {top:30px; left:calc(50% + 478px); width:160px; height:120px;}
 .hero .hero__grid {width:min(1200px,100%); padding:50px 16px 30px;}
 .hero .hero__content h1 {font-size:70px; line-height:60px;}
 .hero .hero__content h2 {font-size:24px; line-height:40px;}
}
@media (max-width:1200px) {
 .hero .wmc-categories {font-size:15px; gap:20px; margin-left:20px;}
 .hero .wmc-phone strong {display:block; margin:0; line-height:15px;}
 .hero .wmc-phone {line-height:15px; text-align:right;}
}
@media (max-width:900px) {
 .hero .wmc-topbar__inner {justify-content:flex-start; padding:0 16px; overflow-x:auto; white-space:nowrap;}
 .hero .wmc-mainnav {flex-wrap:wrap; height:auto; row-gap:20px;}
 .hero .wmc-categories {order:3; width:100%; margin:0; justify-content:center; flex-wrap:wrap; gap:8px 20px; font-size:15px;}
 .hero {padding-top:180px;}
 .hero .hero__phone {left:auto; right:16px; opacity:.6;}
}
@media (max-width:700px) {
 .hero {background-position:50% 0; background-size:1500px;}
 .hero .hero__content h1 {font-size:40px; line-height:50px;}
 .hero .hero__content h2 {font-size:18px; line-height:26px;}
 .hero .hero__grid {padding:25px 16px 30px;}
}
.hero .wmc-mainnav.is-sticky {
 position:fixed; top:40px; left:0; transform:none; width:100%; height:60px;
 padding:10px max(16px,calc((100% - 1500px)/2));
 background:#fff; border-bottom:1px solid #ddd; z-index:49;
}
.hero .wmc-mainnav.is-sticky .wmc-phone {color:#000;}
.hero .wmc-mainnav.is-sticky .wmc-phone strong {color:#668fff;}
.hero .wmc-mainnav.is-sticky a:hover {color:#000;}
@media (max-width:1500px) {
 .hero .wmc-mainnav.is-sticky {top:30px; height:50px; padding:10px max(16px,calc((100% - 1200px)/2));}
}
@media (max-width:900px) {
 .hero .wmc-mainnav.is-sticky {height:auto; row-gap:8px; padding:10px 16px;}
 .hero .wmc-mainnav.is-sticky .wmc-categories {gap:4px 16px; font-size:13px;}
}
@media (min-width:701px) {
 .hero .wmc-mainnav {
  --wmc-menu-width:1500px;
  --wmc-menu-gap:50px;
  --wmc-menu-size:20px;
  --wmc-menu-phone-size:24px;
  left:max(0px,calc((100% - var(--wmc-menu-width))/2));
  width:var(--wmc-menu-width);
  padding:0;
  transform:none;
  flex-wrap:nowrap;
 }
 .hero .wmc-mainnav .wmc-categories,
 .hero .wmc-mainnav.is-sticky .wmc-categories {
  width:auto;
  order:0;
  flex-shrink:0;
  flex-wrap:nowrap;
  gap:var(--wmc-menu-gap);
  margin-left:var(--wmc-menu-gap);
  font-size:var(--wmc-menu-size);
 }
 .hero .wmc-mainnav .wmc-phone strong {font-size:var(--wmc-menu-phone-size);}
 .hero .wmc-mainnav.is-sticky {
  left:0;
  width:100%;
  min-width:var(--wmc-menu-width);
  padding-inline:max(0px,calc((100% - var(--wmc-menu-width))/2));
 }
}
@media (min-width:701px) and (max-width:1500px) {
 .hero .wmc-mainnav {--wmc-menu-width:1200px; --wmc-menu-gap:40px; --wmc-menu-size:16px; --wmc-menu-phone-size:18px;}
}
@media (min-width:701px) and (max-width:1200px) {
 .hero .wmc-mainnav {--wmc-menu-width:100%; --wmc-menu-gap:20px; --wmc-menu-size:15px; padding-inline:3vw;}
 .hero .wmc-mainnav.is-sticky {min-width:0; padding-inline:3vw;}
}
@media (min-width:701px) and (max-width:1000px) {
 .hero .wmc-mainnav {--wmc-menu-gap:10px; --wmc-menu-size:12px; --wmc-menu-phone-size:15px;}
}
@media (min-width:701px) and (max-width:800px) {
 .hero .wmc-mainnav {--wmc-menu-gap:8px; --wmc-menu-size:11px; --wmc-menu-phone-size:14px;}
}