/* CSS Document */


* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-family:"Hisense Sans Alfabet", Arial;
outline:0;
	
}

img {width: 100%; border: none; display: block; }

body {background: #000000;}

body{max-width:1920px; margin:auto; font-weight:100}


video {display:block}


.youtube {width: 70%;
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.center-youtube {padding: 0 10px 0 10px}

.section-3 .youtube iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-3 .youtube {position: relative; padding-bottom: 45%; padding-top: 30px; height: 0; overflow: hidden; }
p {font-size: 18px; line-height:26px; font-weight: 100; color:#ffffff; padding: 1% 0 5% 0}
h1{font-size: 68px; line-height:75px; font-weight: 600;  color: #ffffff; }
h2{font-size: 40px;line-height:44px; font-weight: 100;  color: #FFFFFF; padding-bottom: 2% }
h3{font-size: 29px;line-height:33px;font-weight: 100; color: #FFFFFF;}
h4 {font-size: 54px; line-height:62px; font-weight: 600;  color: #ffffff;  text-align: center}
h5 {font-size: 22px; line-height:28px; font-weight: 600;  color: #ffffff;  text-align: center}
hr {color:gray}

.txt-left {text-align: left;}
.txt-center {text-align: center}


button {cursor:pointer;  padding: 1.5% 6%; background-color: #FFF200; border: 0px solid #555555; color:#555555; margin: auto; text-align: center; display: flex; justify-content: center; border-radius: 0px; font-weight: 600; font-size: 20px;
	
	 }
button {transition-duration: 0.4s;}
button:hover {
background-color: #D6CD20;
  color: #555555;
}



  /*background-color: #02c1bc; */


.black-button {border: 1px solid black; color:black;}

.uppercase {text-transform: uppercase}
.txt-thin {font-weight: 100}
.border-bottom {border-bottom: 1px solid black}
.border-none {border: none}
.padding-bottom-5 {padding-bottom: 5%}
.background-grey{background-color: gray}
.border-bottom-white{border-bottom: 1px solid white}
.padding-top-5{padding-top:5%}
.padding-bottom-10 {padding-bottom: 10%}
.white-button {background-color: white; color:black}


.only-desk {display: block}
.only-mob{display: none; }

section {border:none; margin:0%; padding:0%}




.content{
	width:100%;
	max-width: 1920px;
	margin: auto;
	padding: auto;
	font-family: "Hisense Sans Alfabet", Arial;}

a {text-decoration: none; color: #555555}



@font-face {
    font-family: 'Hisense Sans Alfabet'!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Light.eot")!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Light.eot?#iefix") format('embedded-opentype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Light.woff2") format('woff2'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Light.woff") format('woff'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Light.ttf") format('truetype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Light.svg#HisenseSansAlfabet-Light") format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hisense Sans Alfabet'!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Bold.eot")!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Bold.eot?#iefix") format('embedded-opentype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Bold.woff2") format('woff2'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Bold.woff") format('woff'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Bold.ttf") format('truetype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Bold.svg#HisenseSansAlfabet-Bold") format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hisense Sans Alfabet'!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Medium.eot")!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Medium.eot?#iefix") format('embedded-opentype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Medium.woff2") format('woff2'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Medium.woff") format('woff'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Medium.ttf") format('truetype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Medium.svg#HisenseSansAlfabet-Medium") format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hisense Sans Alfabet'!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Regular.eot")!important;
    src: url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Regular.eot?#iefix") format('embedded-opentype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Regular.woff2") format('woff2'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Regular.woff") format('woff'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Regular.ttf") format('truetype'),
        url("https://cdn-prod.neonet.pl/richcontent/1465201/fonts/HisenseSansAlfabet-Regular.svg#HisenseSansAlfabet-Regular") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.flex {display: flex;
    }




.box-10{
	width:10%;}

.box-14{
	width:14%;}

.box-15{
	width:15%;}

.box-16{
	width:100%;}

.box-20{
	width:20%;}

.box-25{
	width:25%;}

.box-33{
	width:33.3%;}

.box-30{
	width:30%;}

.box-35{
	width:35%;}

.box-40{
	width:40%;
}

.box-45{
	width:45%;}

.box-55{
	width:55%;}

.box-50{
	width:50%;}

.box-60{
	width:60%;}

.box-67{
	width:67%;}

.box-65{
	width:65%;}

.box-75{
	width:75%;}

.box-70{
	width:70%;}

.box-80{
	width:80%;}

.box-90{
	width:90%;}

.box-100{
	width:100%;}

.box-16{
	width:100%;}

.box-14 {width: 14%}


.padding-5{padding: 5%}
.padding-10 {padding: 10%}
.txt-bold {font-weight: 600}
.txt-center {text-align: center}
.none-padding {padding: 0}
.txt-white {color:white}
.padding-right-3 {padding-right: 3%}





.mar-2 {padding: 0 5% 0 5%}
.center-icon {justify-content: space-around}












.section-1 {padding: 5% 0% 5% 0% ;}
.section-1 {margin: 0 0%}
.section-1 .img-icon {  width: 75%; border: none; display: block;  }

/*.section-1 .flex {display: flex;  justify-content: space-around; flex-direction: column; flex-wrap: wrap; align-items: center}*/
.section-1 .flex {align-items: center; justify-content: space-around; }
.section-1 .flex-mob { margin: 0 10%; display: flex; flex-direction: row;  align-items: center;	}


/*
.section-1 .box-20  { width: 20%; padding: 0% 0 0% 0%;  }
.section-1 .img-icon-1 {  width: 86%; border: none; display: block;  }
.section-1 .img-icon-2 {  width: 86%; border: none; display: block;  }
.section-1 .img-icon-3 {  width: 77%; border: none; display: block;  }
.section-1 .img-icon-4 {  width: 80%; border: none; display: block;  }
.section-1 .img-icon-5 {  width: 75%; border: none; display: block;  }
.section-1 .mar {padding: 4% 8% 1% 8% ; }
.section-1 .flex .mar .center-icon {margin: 0 10%;}
.section-1 .box-80 {margin: 0 0%;  padding: 0% 0% 0% 0% }
.section-1 .flex .gu { align-items: flex-start; justify-content: space-around; }*/


/*section-2*/

.center-video-2 {padding: 0% 0% 0% 0%}



/*section-3*/

.section-3 { background-image: url("https://cdn-prod.neonet.pl/richcontent/1465201/images/quantum_dot_background.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 9% 0% 9% 0% ;
}

.section-3 .box-100 { padding: 0% 15% 0% 60%;}

.section-3 .img-tv-2 {width: 60%; border: none; display: block; flex-wrap: wrap; padding: 0% 0% 1% 0%}
.section-3 .flex {display: flex; flex-wrap: wrap; align-content: center}



.section-4 { background-image: url("https://cdn-prod.neonet.pl/richcontent/1465201/images/qled-tv-backround-dark.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 0% 0% 0% 0% ;
}

.section-4 {margin: 0 0%}
.section-4 .box-100 {padding: 2% 25% 30% 25%;}
.section-4 h2 {text-shadow: 1px 1px 1px #000000, 0 0 1em #000000, 0 0 0.2em #000000; }
.section-4 p {text-shadow: 1px 1px 1px #000000, 0 0 1em #000000, 0 0 0.2em #000000; }

.section-4 .img-tv-2 {width: 30%; padding: 2% 0% 0% 0%; justify-content: center}
.section-4 .flex {display: flex; flex-wrap: wrap; align-content: center; justify-content: center}

.tekst-sr { padding: 2% 0% 5% 0%; text-align: center; align-content: center}



.section-5 { background-image: url("https://cdn-prod.neonet.pl/richcontent/1465201/images/dolby-vision-background.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 5% 0% 10% 0% ;
}

.section-5 {margin: 0 0%}
.section-5 .box-100 {padding: 2% 25% 30% 25%;}
.section-5 h2 {text-shadow: 1px 1px 1px #000000, 0 0 1em #000000, 0 0 0.2em #000000; }
.section-5 p {text-shadow: 1px 1px 1px #000000, 0 0 1em #000000, 0 0 0.2em #000000; }
.section-5 .img-tv-2 {width: 25%; padding: 2% 0% 0% 0%; justify-content: center}
.section-5 .flex {display: flex; flex-wrap: wrap; align-content: center; justify-content: center}




.section-6 { background-image: url("https://cdn-prod.neonet.pl/richcontent/1465201/images/dts-backround-brighter.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 0% 0% 0% 0% ;
}

.section-6 {margin: 0 0%}
.section-6 .box-100 {padding: 2% 25% 27% 25%;}
.section-6 h2 {color: #000000; }
.section-6 p {color: #000000; }
.section-6 .tekst-sr { padding: 2% 0% 5% 0%; text-align: center; align-content: center}
.section-6 .img-tv-2 {width: 25%; padding: 2% 0% 0% 0%; justify-content: center}
.section-6 .flex {display: flex; flex-wrap: wrap; align-content: center; justify-content: center}



/*section-7*/

.section-7 { background-image: url("https://cdn-prod.neonet.pl/richcontent/1465201/images/game-mode-background.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 7% 0% 7% 0% ;
}

.section-7 .box-100 { padding: 3% 60% 3% 15%;}

.section-7 .img-tv-2 {width: 80%; border: none; display: block; flex-wrap: wrap; padding: 0% 0% 1% 0%}
.section-7 .flex {display: flex; flex-wrap: wrap;  align-content: center}



/*section-8*/

.section-8 { background-image: url("https://cdn-prod.neonet.pl/richcontent/1465201/images/tryb-sportowy-background-dark.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 15% 0% 15% 0% ;
}

.section-8 .box-100 { padding: 0% 10% 20% 55%;}

.section-8 .img-tv-2 {width: 60%; border: none; display: block; flex-wrap: wrap; padding: 0% 0% 1% 0%}
.section-8 .flex {display: flex; flex-wrap: wrap; align-content: center}
.section-8 h2 {text-shadow: 1px 1px 1px #000000, 0 0 1em #000000, 0 0 0.2em #000000; }
.section-8 p {text-shadow: 1px 1px 1px #000000, 0 0 1em #000000, 0 0 0.2em #000000; }

/*
.section-8 p {color:#000000; }
*/



.section-9 {padding: 5% 0% 5% 0% ;}
.section-9 {margin: 0 0%}

/*.section-1 .flex {display: flex;  justify-content: space-around; flex-direction: column; flex-wrap: wrap; align-items: center}*/
.section-9 .flex {align-items: center; justify-content: space-around; align-items: stretch}

.section-9 .img-icon {  width: 65%; border: none; display: block;  }
.section-9 .mar {padding: 4% 9% 1% 9% ; }
.section-9 .flex .mar .center-icon {margin: 0 10%;}

.section-9 .box-33  { width: 33%;   }







/*section-10*/
.section-10 .box-25 {background: #ffffff; width: 230px; height: 230px; }
.section-10 .flex {justify-content: space-around; padding-bottom: 2%}
.section-10 {padding: 3% 0%}
.section-10 .mar { padding: 1% 5% 1% 5%;  margin: 0 5%}
.section-10 h2 {align-content: center}



/*
.section-9 .img-icon-1 {  width: 86%; border: none; display: block;  }
.section-9 .img-icon-2 {  width: 86%; border: none; display: block;  }
.section-9 .img-icon-3 {  width: 77%; border: none; display: block;  }
.section-9 .img-icon-4 {  width: 80%; border: none; display: block;  }
.section-9 .img-icon-5 {  width: 75%; border: none; display: block;  }

.section-9 .box-80 {margin: 0 0%;  padding: 0% 0% 0% 0% }



.section-1 .flex .gu { align-items: flex-start; justify-content: space-around; }

.section-1 .flex-mob { margin: 0 10%; display: flex; flex-direction: row;  align-items: center;	}*/














@media only screen and (max-width: 980px) {
	

	.only-desk {display: none;}	
	.only-mob img {padding: 0%}
	
	
	h1{font-size: 55px; line-height: 60px; padding: 0% 0 0% 0; }
	h2{font-size: 82px; line-height: 92px; padding: 3% 0 3% 0; }
	h3{font-size: 51px; line-height: 57px}
	h4{font-size: 49px; line-height: 54px}
	h5{font-size: 47px; line-height: 52px}
	p {font-size: 30px; line-height: 40px; padding: 1% 0% 0% 0%; }
	
/*.flex {display: flex; flex-direction: column; align-content: center; align-items: center }*/
	
	.only-mob{display: block; width: 100%; }

.tekst-sr {text-align: left;}
	
	 .box-100 .flex {
    display: flex;
    flex-wrap: wrap;
    align-content: left;
    justify-content: left;
}
	
	.img-tv-2 {justify-content: left;}

	
	.header-desc {display: none;}
	

/*section-1a*/
	
	.section-1 {padding: 5% 0% 5% 0% ;}

	.section-1 .flex { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;	}
	.section-1 .img-icon {width: 100%}
	.section-1 .center-icon {display: block; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
	.section-1 .flex-mob {padding-bottom: 0% }
	.section-1 .box-20 {width: 50%}
	
	.section-2 {padding: 0% 5% 0% 5% ;}
	
	.section-3 .box-100 { padding: 0% 5% 0% 5%;}
	.section-3 {
    background-image: url(../);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000000;
    padding: 5% 0% 5% 0%;
}
	.section-3 .img-tv-2 {width: 70%; padding-top: 2%}
	

	
	.section-4 .box-100 { padding: 0% 5% 0% 5%;}
	.section-4 {
    background-image: url(../);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000000;
    padding: 5% 0% 5% 0%;
}
	.section-4 .img-tv-2 {width: 55%;  padding-top: 5%}
	
	
	.section-4 .flex {justify-content: flex-start;}

	
	.section-5 .box-100 { padding: 0% 5% 0% 5%;}
	.section-5 {
    background-image: url(../);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000000;
    padding: 5% 0% 5% 0%;
}
	.section-5 .img-tv-2 {width: 45%; padding-top: 5%}
	.section-5 .flex {justify-content: flex-start;}
	
	.section-6 .box-100 { padding: 0% 5% 0% 5%; flex-direction: row-reverse}
	.section-6 {
    background-image: url(../);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000000;
    padding: 5% 0% 5% 0%;
}
	.section-6 .img-tv-2 {width: 45%; padding-top: 5%}
	.section-6 .only-mob .img-tv-2 {width: 45%; }
	
	.section-6 h2 {color: #ffffff}
	.section-6 p {color: #ffffff}
	.section-6 .flex {justify-content: flex-end;}
	.section-6 .tekst-sr {text-align: left;}
	
	.section-7 .box-100 { padding: 0% 5% 0% 5%;}
	.section-7 {
    background-image: url(../);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000000;
    padding: 5% 0% 5% 0%;
}
		.section-7 .img-tv-2 {width: 70%; padding-top: 5%}
	
	
	.section-8 .box-100 { padding: 0% 5% 0% 5%;}
	.section-8 {
    background-image: url(../);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-color: #000000;
    padding: 5% 0% 5% 0%;
}
	.section-8 .img-tv-2 {width: 70%; padding-top: 5%}
	
	
	.section-9 .mar {align-items: center; padding: 0 3% }
	
	.section-9 .flex {flex-direction: column;}
	.section-9 .center-icon {align-content: center; width: 100%}
	.section-9 .box-33 {align-content: center;  padding: 7% 0}
 	.section-9 .img-icon {align-content: center; width: 90%}

	
.section-10 h2 {text-align: center}
.section-10 .box-25 { width: 167px;  height: 167px; }
	

	
	.flip {flex-flow: column-reverse;}
	

	button {margin-bottom: 3%; width:50%; font-size: 45px; margin-top: 3%; padding: 3% 0}