html {
scroll-behavior: smooth;
} 

.box-zasieg{
  font-size: 14px;
  margin-top: 18px;
  display: block;
}

.box-oferta-tv-ilosc{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#pakiet1-plus, 
#pakiet1-minus,
#pakiet2-plus, 
#pakiet2-minus,
#pakiet3-plus, 
#pakiet3-minus {
  cursor: pointer;
}

.box-oferta-tv-ilosc svg {
  width:20px;
  height:20px;
}

.box-oferta-tv {
  margin-top:20px;
}

.minus-disabled svg, 
.plus-disabled svg {
  opacity: 0.5;
}

.minus-disabled svg circle,
.plus-disabled svg circle {
  fill: #cccccc;
}

#pagestop{
  color: #000000;
  font-size: 30px;
  line-height: 3;
  text-align: left;
  padding-bottom: 5px;
  padding-top:0px;
  font-weight:700;
  margin-bottom:42px;
}
#pages{
  background: transparent;
}
article, .StronaGlowna, .StronaGlownaSection1{
  background: #f1f5f8;
  padding-bottom: 0;
}
.pakiety-info{
margin-top:48px; 
font-size:13px;
display:inline-block; 
line-height:1.7;
box-sizing: border-box;
width:100%;
font-weight:500;
margin-bottom: 0px;
}

.margin-top-20px{
  margin-top:20px;
}

.margin-top-15px{
  margin-top:15px;
}

.predkosc-internetu{
  margin-top:40px;
}

.predkosc-internetu .predkosc-internetu-tittle{
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
}


.nav-pills{
  justify-content: center;
}

.nav-pills .nav-link{
font-size:18px;
margin-left:15px;
}
.nav-pills .nav-link:first-child{
  margin-left: 0;
}


nav.pakiety20 .nav-link.active{
border: 1px solid #ffcd04;
background: #ffcd04;
}

nav.pakiety20 .nav-link.active:hover{
background: #f8b120;
color: #000000;
}

nav.pakiety20 .nav-link{
  background: #fff;
  border: 1px solid  #fff;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  max-width: 280px;
}



.nav-pills .mrl-0{
margin-left: 0px;
}

.nav-pills .br-05{
border-radius: 0;
}

.mrl-2p{
margin-left:2%;
}
.mrl-1p{
margin-left:1.3%;
}
.pt-5px{
  padding-top:5px !important;
}

.t-left{
text-align:left;
}

.t-center{
text-align:center;
}



div#korzysci ul li a{color:#000000; text-decoration:none; border-bottom:1px #000000 solid; padding-bottom:2px;}
div#korzysci ul li a:hover{color:#000000; text-decoration:none; border-bottom:1px #000000 solid;}


#korzysci {
margin-top:15px;
font-size: 14px;
font-weight: 500;
}

#korzysci img{
margin-right:5px;
}

#korzysci ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#korzysci ul li#jest, #korzysci ul li.jest{
 
        background: url('/source/fajka.png') top left no-repeat; 
        padding-left:30px;
        padding-right:0px;
        padding-top:0px;
        padding-bottom:10px;

}
#korzysci ul li#brak{
 
        background: url('/source/minus.png') top left no-repeat; 
        padding-left:25px;
        padding-top:0px;
        padding-bottom:10px;

}



.badge-lista{
  background-color: #f5f5f5;
  padding:9px;
  padding-left: 12px;
  padding-right: 12px;
  font-size:14px;
  font-weight:400;
  border-radius: 18px;
}

a.badge-lista:hover, a.badge-lista:focus {
  color: #000000;
  background-color: #f0f0f0;
}

a.badge-lista:focus, a.badge-lista.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.internet-info{
  color:#cbcbcb; 
  margin-left:7px;
  font-size:24px !important;
}

.cena2-mobile-2linia {
  display: inline-block;
}

/* oferta internet+tv ilosc kanalow druga linia  */
@media (max-width: 550px) and (min-width: 450px){
#pagestop{
  font-size: 26px !important;
}

}

@media (max-width: 1200px) {
  .pakiety-info{
    margin-top:35px; 
  }
  .no-mobile-display{
    display:none;
  }
  .button-lista-kanalow{
    margin-top:16px;
  }
    
}

@media (max-width: 479px) {
  .cena2-mobile-2linia {
    display: block;
    margin-top: 6px;
  }

  #pagestop{
    font-size: 22px !important;
  }
  .new-line-mobile{
    width: 140px;
    margin-lefT: auto;
    margin-right: auto;
    margin-top: 10px;
    display: block;
    background-color: rgba(0,0,0,.58) !important;
  }

}

@media (min-width: 479px) {
.header-service-h1 span{
  padding-right:0 !important;
}
.header-service-h1 span.new-line-mobile{
padding-left:0 !important;
padding-right:8px !important;
}
}

/* pakiety tv menu */
@media (max-width: 410px) {
nav.pakiety20{
display:inline-block;
width: 100%;
}

nav.pakiety20 .nav-link{
width: 100%;
float: left;
}

nav.pakiety20 .mrl-0{
margin-left: 0px;
}
nav.pakiety20 .nav-link{
margin-left:0px;
}

#usluga-ilosc-kanalow-sep{
  display: none;
}

#korzysci {
  font-size: 16px;
}


}



/* pakiety tv  */
/*poprzednia wersja - gdy były 4 pakiety 100,300,600,1G */
/*

@media (max-width: 610px) and (min-width: 311px){
#korzysci {
  font-size: 16px;
}

  nav.pakiety20{
display:inline-block;
width: 100%;
}

nav.pakiety20 .nav-link{
width: 48%;
float: left;
}

nav.pakiety20 .mrl-0{
margin-left: 5px;
}

}
*/









/* oferta internet+tv */
@media (max-width: 430px) {
.internet-info{
  font-size:29px !important;
}

#pagestop{
  text-align: center;
}


.box-3-content .margin-top-15px{
  margin-top:13px
}
.column-3, .column-2, .column-4{
margin-left: 0px;
margin-top: 40px;
}


.all-box{
width:100%;
display: inline-block;
margin-top:40px;

}

.box-3{
float:none;
width:98%;
background: #FFFFFF;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
border-radius: 9px;
overflow: auto;
margin-left: auto;
margin-right: auto;
}

.box-3-content{
margin:30px;
text-align:left;
}


.box-oferta-nazwa{
width:100%;
color:#888888;
text-transform: uppercase;
font-size:13px;
font-weight:500;
line-height:1;
}

.box-oferta-internet{
width:100%;
text-align:center;
color:#000000;
font-size:26px;
font-weight:700;
padding-top:8px;
line-height:50px;
}

.box-oferta-internet span{
font-size:26px;
}


.box-oferta-tv-nazwa{
width:100%;
color:#0071E5;
text-align:center;
font-size:24px;
font-weight:700;
padding-top:15px;
padding-bottom:10px;
line-height:24px;
text-transform: uppercase;
display:none;
}

.box-oferta-tv-ilosc{
width:100%;
text-align:center;
color:#000000;
font-size:26px;
font-weight:700;
line-height:1;
padding-top:10px;
padding-bottom:0px;
}

.box-oferta-tv-lista{
text-align:center;
padding-bottom:20px;
padding-top:10px;
}

.box-oferta-tv-ilosc .usluga-wartosc, .box-oferta-tv-ilosc .ilosc-kanalow-hd {
font-size:30px;
font-weight:700;

}

.box-oferta-tv-ilosc .usluga-tv-kanaly{
  display: block;
  font-size: 29px;
}

.box-oferta-tv-ilosc .tv-ilosc-kanalow{
  display: block;
  font-size: 15px;
  font-weight:500;
  color:#000000;
  line-height:20px;
  margin-bottom:10px;
}


.box-oferta-cena{
font-size:32px;
text-align:center;
padding-top:15px;
padding-bottom:0px;
font-weight:700;
line-height:35px;
margin-top: 15px;
}


.box-oferta-cena span.waluta-abonament {
font-size:25px;
}

.box-oferta-cena sup{
font-size:30px;
}

.box-oferta-cena-mies{
font-size:16px;
line-height:16px;
font-weight:500;
text-align:center;
}


.badge-zamow{
padding:14px;
font-size:18px;
font-weight:700;
border-radius: 0;
color:#000000;
background-color: #ffcd04;
width:150px;
border:0;
}


.badge-zamow:hover, .badge-zamow:focus, .badge-zamow:active{
  color: #000000 !important;
  background-color: #f8b120 !important;
}

.badge-zamow:focus, .badge-zamow.focus {
  outline: 0;
  box-shadow: none;
}

a.badge-zamow:visited{color:#000000; text-decoration:none;}
a.badge-zamow:link{color:#000000; text-decoration:none;}
a.badge-zamow:hover{color:#000000; text-decoration:none;}

.box-oferta-zamow{
margin-top:15px;
margin-bottom:25px;
text-align:center;
width:100%;
}




/* do 450px */
}





@media (max-width: 839px) and (min-width: 431px){

.internet-info{
  font-size:29px !important;
}

#pagestop{
  text-align: center;
}
.column-4{
margin-top: 20px;
}

.column-3{
margin-left: 0px;
margin-top: 20px;
}


.all-box{
width:100%;
display: inline-block;
margin-top:40px;

}

.box-3{
float:none;
width:400px;
background: #FFFFFF;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
border-radius: 9px;
overflow: auto;
margin-left: auto;
margin-right: auto;
}

.box-3-content{
margin:30px;
text-align:left;
}

.box-3-last{
margin-top: 30px;
}

.column-3, .column-2, .column-4{
margin-top: 40px;
}

.box-oferta-nazwa{
width:100%;
color:#888888;
text-transform: uppercase;
font-size:13px;
font-weight:500;
line-height:1;
}

.box-oferta-internet{
width:100%;
text-align:center;
color:#000000;
font-size:26px;
font-weight:700;
padding-top:8px;
line-height:50px;
}

.box-oferta-internet span{
font-size:26px;
}



.box-oferta-tv-nazwa{
width:100%;
color:#0071E5;
text-align:center;
font-size:24px;
font-weight:700;
padding-top:15px;
padding-bottom:10px;
line-height:24px;
text-transform: uppercase;
display:none;
}

.box-oferta-tv-ilosc{
width:100%;
text-align:center;
color:#000000;
font-size:22px;
font-weight:700;
line-height:1;
padding-top:10px;
padding-bottom:0px;
}

.box-oferta-tv-lista{
text-align:center;
padding-bottom:20px;
padding-top:10px;
}

.box-oferta-tv-ilosc .usluga-wartosc, .box-oferta-tv-ilosc .ilosc-kanalow-hd {
font-size:30px;
font-weight:700;
}
.box-oferta-tv-ilosc .usluga-tv-kanaly{
  display: block;
  font-size: 29px;
}

.box-oferta-tv-ilosc .tv-ilosc-kanalow{
  display: block;
  font-size: 15px;
  font-weight:500;
  color:#000000;
  line-height:20px;
  margin-bottom:10px;
}



.box-oferta-cena{
font-size:32px;
text-align:center;
padding-top:15px;
padding-bottom:0px;
font-weight:700;
line-height:35px;
margin-top: 15px;
}


.box-oferta-cena span.waluta-abonament {
font-size:25px;
}

.box-oferta-cena sup{
font-size:30px;
}

.box-oferta-cena-mies{
font-size:16px;
line-height:16px;
font-weight:500;
text-align:center;
}


.badge-zamow{
padding:14px;
font-size:18px;
font-weight:700;
border-radius: 0;
color:#000000;
background-color: #ffcd04;
width:150px;
border:0;
}


.badge-zamow:hover, .badge-zamow:focus, .badge-zamow:active{
  color: #000000 !important;
  background-color: #f8b120 !important;
}

.badge-zamow:focus, .badge-zamow.focus {
  outline: 0;
  box-shadow: none;
}

a.badge-zamow:visited{color:#000000; text-decoration:none;}
a.badge-zamow:link{color:#000000; text-decoration:none;}
a.badge-zamow:hover{color:#000000; text-decoration:none;}

.box-oferta-zamow{
margin-top:15px;
margin-bottom:25px;
text-align:center;
width:100%;
}



/* media 839-451 */

}








@media (max-width: 1200px) and (min-width: 840px) {



.internet-info{
  font-size:29px !important;
}

.mrl-2p {
  margin-left: 3%;
}

.column-4{
margin-top: 26px;
}
.column-3 {
margin-left: 0px;
margin-top: 26px;
}


.all-box{
width:100%;
display: inline-block;
margin-top:40px;

}

.box-3{
float:left;
width:48.5%;
background: #FFFFFF;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
border-radius: 9px;
}

.box-3-content{
margin:30px;
text-align:left;
}

.box-3-last{
margin-left: 0px;
margin-top: 48px;
}

.box-oferta-nazwa{
width:100%;
color:#888888;
text-transform: uppercase;
font-size:13px;
font-weight:500;
line-height:1;
}

.box-oferta-internet{
width:100%;
text-align:center;
color:#000000;
font-size:26px;
font-weight:700;
padding-top:8px;
line-height:50px;
}

.box-oferta-internet span{
font-size:26px;
}



.box-oferta-tv-nazwa{
width:100%;
color:#0071E5;
text-align:center;
font-size:24px;
font-weight:700;
padding-top:15px;
padding-bottom:10px;
line-height:24px;
text-transform: uppercase;
display:none;
}

.box-oferta-tv-ilosc{
width:100%;
text-align:center;
color:#000000;
font-size:22px;
font-weight:700;
line-height:1;
padding-top:10px;
padding-bottom:0px;
}

.box-oferta-tv-lista{
text-align:center;
padding-bottom:20px;
padding-top:10px;
}

.box-oferta-tv-ilosc .usluga-wartosc, .box-oferta-tv-ilosc .ilosc-kanalow-hd {
font-size:30px;
font-weight:700;
}

.box-oferta-tv-ilosc .usluga-tv-kanaly{
  display: block;
  font-size: 29px;
}

.box-oferta-tv-ilosc .tv-ilosc-kanalow{
  display: block;
  font-size: 15px;
  font-weight:500;
  color:#000000;
  line-height:20px;
  margin-bottom:10px;
}

.box-oferta-cena{
font-size:32px;
text-align:center;
padding-top:15px;
padding-bottom:0px;
font-weight:700;
line-height:35px;
margin-top: 15px;
}


.box-oferta-cena span.waluta-abonament {
font-size:25px;
}

.box-oferta-cena sup{
font-size:30px;
}

.box-oferta-cena-mies{
font-size:16px;
line-height:16px;
font-weight:500;
text-align:center;
}


.badge-zamow{
padding:14px;
font-size:18px;
font-weight:700;
border-radius: 0;
color:#000000;
background-color: #ffcd04;
width:150px;
border:0;
}


.badge-zamow:hover, .badge-zamow:focus, .badge-zamow:active{
  color: #000000 !important;
  background-color: #f8b120 !important;
}

.badge-zamow:focus, .badge-zamow.focus {
  outline: 0;
  box-shadow: none;
}

a.badge-zamow:visited{color:#000000; text-decoration:none;}
a.badge-zamow:link{color:#000000; text-decoration:none;}
a.badge-zamow:hover{color:#000000; text-decoration:none;}

.box-oferta-zamow{
margin-top:15px;
margin-bottom:25px;
text-align:center;
width:100%;
}



/* media 840-1200 */
}







@media (min-width: 1201px) {

#pagestop{
padding-bottom:15px !important;
font-size:34px;
}
    
.all-box{
width:100%;
display: inline-block;
margin-top:40px;

}

.box-3{
float:left;
width:32%;
background: #FFFFFF;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
border-radius: 9px;
}

.box-3-content{
margin:30px;
text-align:left;
}


.box-oferta-nazwa{
width:100%;
color:#888888;
text-transform: uppercase;
font-size:13px;
font-weight:500;
line-height:1;
padding-top:5px;
}

.box-oferta-internet{
width:100%;
text-align:center;
color:#000000;
font-size:26px;
font-weight:700;
padding-top:8px;
line-height:30px;
}

.box-oferta-internet span{
font-size:26px;
}


.box-oferta-tv-nazwa{
width:100%;
color:#0071E5;
text-align:center;
font-size:24px;
font-weight:700;
padding-top:15px;
padding-bottom:10px;
line-height:24px;
text-transform: uppercase;
display:none;
}

.box-oferta-tv-ilosc{
width:100%;
text-align:center;
color:#000000;
font-size:26px;
font-weight:700;
line-height:1;
padding-top:10px;
padding-bottom:0px;
}

.box-oferta-tv-lista{
text-align:center;
padding-bottom:20px;
padding-top:10px;
}

.box-oferta-tv-ilosc .usluga-wartosc, .box-oferta-tv-ilosc .ilosc-kanalow-hd {
font-size:30px;
font-weight:700;
}

.box-oferta-tv-ilosc .usluga-tv-kanaly{
  display: block;
  font-size: 27px;
}

.box-oferta-tv-ilosc .tv-ilosc-kanalow{
  display: block;
  font-size: 15px;
  font-weight:500;
  color:#000000;
  line-height:20px;
  margin-bottom:10px;
}

.box-oferta-cena{
font-size:40px;
text-align:center;
padding-top:15px;
padding-bottom:0px;
font-weight:700;
line-height:35px;
margin-top: 15px;
}


.box-oferta-cena span.waluta-abonament {
font-size:24px;
}

.box-oferta-cena sup{
font-size:30px;
}

.box-oferta-cena-mies{
font-size:14px;
line-height:16px;
font-weight:500;
text-align:center;
margin-top:4px;
}


.badge-zamow{
padding:14px;
font-size:18px;
font-weight:700;
border-radius: 0;
color:#000000;
background-color: #ffcd04;
width:150px;
border:0;
}


.badge-zamow:hover, .badge-zamow:focus, .badge-zamow:active{
  color: #000000 !important;
  background-color: #f8b120 !important;
}

.badge-zamow:focus, .badge-zamow.focus {
  outline: 0;
  box-shadow: none;
}

a.badge-zamow:visited{color:#000000; text-decoration:none;}
a.badge-zamow:link{color:#000000; text-decoration:none;}
a.badge-zamow:hover{color:#000000; text-decoration:none;}

.box-oferta-zamow{
margin-top:15px;
margin-bottom:25px;
text-align:center;
width:100%;
}


.padding-14pr{
margin-left:14%;
}

.margin-19pr{
margin-left:19%;
}

.margin-left-3pr{
margin-left:3%;
}

.pakiety-info{
font-weight: 500;
padding-right:2%;
}

/* media 1200 */
}

.badge-zamow-v2{
  color: #000000;
  background-color: #ffcd04;
  font-weight: bold;
  font-size:16px;
  width:100%;
  border-radius: 9px;
}
.badge-zamow-v2:hover{
  background-color:  #f8b120 !important;
}
a.badge-zamow-v2:hover, a.badge-zamow-v2:focus {
  background-color: #f8b120 !important;
}



@media (max-width: 1199px) and (min-width: 992px){
.wyroznia-informacje .wyroznia-box2{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
}

.oferta-sprawdz-zasieg-href{
  border-bottom:1px #000000 solid;
  color:#000000;
  padding-bottom:1px;
}
.oferta-sprawdz-zasieg-href:hover{
  border-bottom:1px #000000 solid;
  color:#000000;
}