/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.otf') format("opentype"),
       url('../fonts/Lato-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}    

@font-face {
  font-family: 'Rubrik';
  src: url('../fonts/Rubrik-Regular.otf') format("opentype"),
       url('../fonts/Rubrik-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}


@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.otf') format("opentype"),
       url('../fonts/OpenSans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {

    font-family: 'OpenSans-Regular'; 
      src: url('../fonts/OpenSans-Regular.otf') format("opentype"),
       url('../fonts/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {

    font-family: 'OpenSans-Light'; 
          src: url('../fonts/OpenSans-Light.otf') format("opentype"),
       url('../fonts/OpenSans-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
    
}



@font-face {
  font-family: 'NunitoBlack';
  src: url('../fonts/Nunito-Black.otf') format("opentype"),
       url('../fonts/Nunito-Black.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {

    font-family: 'NunitoLight'; 
      src: url('../fonts/Nunito-Light.otf') format("opentype"),
       url('../fonts/Nunito-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {

    font-family: 'NunitoMedium'; 
          src: url('../fonts/Nunito-Medium.otf') format("opentype"),
       url('../fonts/Nunito-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
    
}
@font-face {

    font-family: 'NunitoRegular'; 
          src: url('../fonts/Nunito-Regular.otf') format("opentype"),
       url('../fonts/Nunito-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    
}

@font-face {

    font-family: 'NunitoSemibold'; 
          src: url('../fonts/Nunito-SemiBold.otf') format("opentype"),
       url('../fonts/Nunito-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */
    
}

.plecak{
padding-top: 5%;}

.instrukcja{
    text-align: center;
    color: #000;
    font:14px NunitoLight;
    
    padding-top: 2%;
    padding-bottom: 1%;

   
  
    
}


.n1{
font-size: 36px;
    font-family: NunitoSemibold;
    text-align: center;
        padding-top: 2%;
  
}


.instrukcjaa{
font-size: 25px;
    font-family: NunitoSemibold;
    text-align: center;
        padding-top: 1%;
      padding-bottom: 2%;
}



.n2{
font-size: 25px;
    font-family: NunitoRegular;
    text-align: center;
        padding-top: 3%;
    
}

.n3{
font-size: 25px;
    font-family: NunitoBlack;
    text-align: center;
  
    
}

.foto{
    padding-bottom: 5%;}

.teksttop{
    padding-top: 3%;}


.packshot{
    padding: 0;
}

.belka{
text-align: center;
    font-size: 33px;
    font-family: Rubrik;
    padding-top: 1%;
    color: #fff;
   
}

.cta{padding-top: 3%;
padding-bottom: 2%;}


.belkaa{
text-align: left;
    font-size: 23px;
    font-family: Rubrik;
    padding-top: 1%;
    color: #000;
   
}



.belka3{
text-align: center;
    font-size: 25px;
    font-family: Rubrik;

    color: #fff;
   
}

.belka22{
text-align: left;
    font-size: 25px;
    font-family: Rubrik;
   
    padding-bottom: 1%;
    color: #000;
}


.belka2{
text-align: center;
    font-size: 25px;
    font-family: Rubrik;
   
    padding-bottom: 1%;
    color: #fff;
}

.b{
    padding: 0;
}


@font-face {

    font-family: 'OpenSans-SemiBold'; 
     src: url('../fonts/OpenSans-Semibold.otf') format("opentype"),
       url('../fonts/OpenSans-Semibold.ttf')  format('truetype'); /* Safari, Android, iOS */
    
}


}

.filmik{
    margin: 0 auto;
}

.dwa{
    padding-top: 8%;
}

.seria2{
    
    padding-top:2%;
 padding-bottom: 2%;
    font-size: 33px;
    text-align: center;
    font-family: OpenSans-SemiBold;
}

.black{
background-color: #f0f0f0;
}


.tlo{
    background-image: url(../images/tlo.png);
    background-repeat:no-repeat;
   webkit-background-size:cover;
moz-background-size:cover;
o-background-size:cover;
background-size:cover;
background-position:center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;

   
}

.tlo2{
    background-image: url(../images/tlo4.png?);
    background-repeat:no-repeat;
   webkit-background-size:cover;
moz-background-size:cover;
o-background-size:cover;
background-size:cover;
background-position:center;

   
}

.tlo3{
    background-image: url(../images/tlo2.png?);
    background-repeat:no-repeat;
   webkit-background-size:cover;
moz-background-size:cover;
o-background-size:cover;
background-size:cover;
background-position:center;

   
}
.tlo4{
    background-image: url(../images/tlo5.png?);
    background-repeat:no-repeat;
   webkit-background-size:cover;
moz-background-size:cover;
o-background-size:cover;
background-size:cover;
background-position:center;

   
}


.border{
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;}


.stopka{

    color: #000;
  
text-align: center;

}



.b{
    margin: 0 auto;
}


.txt2{
    font-size: 54px;
    text-align: center;
    font-family: OpenSans-Bold;
    
}


.specka3{
    font-size: 16px;
    font-family: OpenSans-Light;
    padding-top: 3%;
    
}


.specka{
    font-size: 16px;
    font-family: OpenSans-Light;
    padding-top: 3%;
    padding-left: 15%;
}

.promocja{
    text-align: center;
}

.speckaa2{
    font-size: 18px;
    font-family: OpenSans-Light;
    padding-top: 2%;
    color: #000;

}


.specka2{
    font-size: 18px;
    font-family: OpenSans-Light;
    padding-top: 2%;
    color: #000;
    text-align: center;

}

.specka22{
    font-size: 18px;
    font-family: OpenSans-Light;
    padding-top: 2%;
    color: #fff;
    text-align: center;

}


.txt3{
    
    font-size: 41px;
    text-align: center;
      font-family: OpenSans-SemiBold;
    padding-bottom: 4%;
    
}


.cta2{
    float: left}

.cta{
    margin: 0 auto;
}



.ctaa{
   float: left;;
}
.strzalka{
    float: left;
}


.txt1{
    padding-top: 5%;
    font-size: 39px;
    text-align: center;
      font-family: OpenSans-Light;
   
    
}


.wybierz-model{
      font-size: 31px;
    text-align: right;
      font-family: OpenSans-Regular;
}


.myszka{
    padding-left: 10%;
}


.seria{
    
    padding-top: 4%;
 
    font-size: 16px;
    text-align: center;
    font-family: OpenSans-Light;
    line-height: 24px;
}

.black{
    background-color: #f0f0f0;
    padding-top: 1%;
    padding-bottom: 2%;
}





.seriaa{
    
    padding-top: 2%;
 
    font-size: 16px;
    text-align: center;
    font-family: OpenSans-Light;
    color: #ffffff;
}

.a{
 padding: 0;
}


.trzy-dni{
    margin: 0 auto;
    padding-bottom: 4%;
}

.masz{
    padding-left: 6%;
}





.filmik{
    margin: 0 auto;
}



.responsive-video {
max-width: 100%;
height: auto;
}




.container{
border: 1px solid #cbcbcb;
    border-radius: 30px;
    max-width: 1140px;
}



.bottom{
    padding-top: 9%;
}





.wifi{
    
}


.top{
        border-top-left-radius: 30px;
    border-top-right-radius: 30px;
padding: 0;

}


.teksttop{
    padding-top:4%;
    padding-left: 2%;
    padding-bottom: 2%;
    
}


.grey{
background-color: #dddddd;
}

.packshot{
    

  
}



.galaxy{
    padding-top: 4%;
    text-align: center;
    font-size: 18px;
}

.level{
    padding-top: 6%;
}


.marginuj{
   margin: 0 auto;

}

.instrukcja2{
    
    padding-top: 1%;
    padding-bottom:1%;
    background-color:#595959; 

 
}

.calosc{
    padding-top: 4%;
}



.czastrwania{
    background-color: #0fd2ff;

    
}





.font{
            color: #ffffff;
    font: 400 17px Lato;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
}




.cena{
   
    font:  15px NunitoSemiBold;
    text-align: center;
    margin: 0 auto;
color: #0fd2ff;
}


.cenaa{
   
    font:  15px Rubrik;
    text-align: left;
    margin: 0 auto;

}





    .logo{
        margin: 0 auto;
        padding-bottom: 2%;
    }


@media (max-width: 990px) {
    

     
     
     .teksttop img{
         margin: 0 auto;
         
         
     }
    
       
     .packshot img{
                     
         margin: 0 auto;
       
     }
    

           
     .lapki img{
                     
         margin: 0 auto;
       
     }
    
         .marginuj img{
                     
      margin: 0 auto;
       
     }
    
         .windows img{
                     
         margin: 0 auto;
       
     }
     
           .flip2{
        padding-top: 5%;
    }
     
      
     }
     

@media (max-width: 1000px) {

    
    .divy{
        
     margin: 0 auto;
        text-align: center;
    }
     

         .wybierz-model{
      text-align: center;
    }
    
         .masz{
        padding-top: 5%;
    }
    
             .belkaa img{
      margin: 0 auto;
    }
    
    
    
        


  
}