/* ==========================================================================
   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 */
    
}

.b{
    padding: 0;
}




.instrukcja{
    text-align: center;
    color: #fff;
    font: 200 14px Arial;
    
    padding-top: 2%;
    padding-bottom: 2%;
    background-color:#232c4d; 
 
}



@font-face {

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

.black{
    background-color: #000000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.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;
}


.cta{
    padding-top: 2%;
}

.b{
    margin: 0 auto;
}


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



.specka{
    font-size: 14px;
    font-family: OpenSans-Light;
    padding-top: 12%;
    padding-left: 8%;
}

.promocja{
    text-align: center;
}



.specka2{
    font-size: 16px;
    font-family: OpenSans-Light;
    padding-top: 6%;
    

}


.iphonex{
    
    padding-top: 9%;
    font-size: 16px;
    font-family: OpenSans-Light;
    padding-top: 6%;
    

}

.height{
   line-height: 30px;
}


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

.strzalka{
    float: left;
}


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

.iphone{
padding-top: 7%;
}


.opis{
    padding-top: 3%;
    padding-bottom:3%; 
      font-size: 16px;
 text-align: center;
      font-family: OpenSans-Light;
        line-height: 30px;
    margin: 0 auto;

   
}



.marginuj{
margin: 0 auto;
    text-align: center;
   
    padding-bottom: 1%;
}



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

.black{
    background-color: #2c2c2c;
    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{
    
   padding-top: 4%;
  
}



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





.level{
    padding-top: 6%;
}




.logox{
 margin: 0 auto;}


.instrukcja2{
    text-align: center;
    color: #000000;
    font: 200 14px OpenSans-Light;
    
    
    background-color:#eae1d3; 
  border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    
}

.cena{
    text-align: center;
}

.czastrwania{
    background-color: #0fd2ff;

    
}





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




.cena{
    padding-top: 2%;
    font: 300 15px Lato;
}



    .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;
    }
     
    
      .cta img{
    
     margin: 0 auto;
          padding-bottom: 6%;
       
    }
    
         .wybierz-model{
      text-align: center;
    }
    
         .masz{
        padding-top: 5%;
    }
    
             .belkaa img{
      margin: 0 auto;
    }
    
    
    
        


  
}