body {
	background-color:#fff;
	background-image: url(../img/bg.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;

}

.container-fluid{
    font-family: 'CentraleSansRnd', sans-serif;
	font-weight:300;
    max-width: 1920px;
    overflow: hidden;
    /*border: 1px solid #f2f2f2;*/
    line-height: 1.6;
    font-size: 1.1em;
    padding:0;
    }

figure{
	margin:0;
}

a{
    text-decoration: none;
}

a , a:visited, a:active, a:focus{
	color:#fff;
    text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

.mob {
	display:none;
}

.deskt {
	display:block;
}


.tutaj, .tutaj:hover, .tutaj:visited, .tutaj:active, .tutaj:focus{
	color:#000;
    text-decoration: underline;
}

ul{
	padding:0;
}

.bloczki {
	font-size:18px;
}

.bloczki:first-line {
	font-size:24px;
	font-weight:800;
}



li{
	list-style:none;
	text-align:center;
}

.btn-primary1 {
	padding:10px 30px 10px 80px;
	background-color:white;
	border-radius:7px;
	border:1px solid silver;
  -webkit-transition: border 1s, background-color 1s; /* Safari */
  transition:  border 1s, background-color 1s;
}
.btn-primary1:hover {
	background-color:#eeeeee;
	border:1px solid white;
}

.line-through {
	background-color:gray;
	height:1px;
	margin-top:80px;
	margin-bottom:80px;
}

.fader {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.stopka {
	background-color:#4b1b76;
	color:#fff;
	font-size:12px;
}

.stopka p {
	background-color:#4b1b76;
	color:#ab8ac9;
	font-size:12px;
	letter-spacing:0;
}



.ctav{
    color: #000;
    text-align: center;
	font-weight: 400;
    font-size: 1.5rem;
	border-radius: 0 0 8px 8px;
    padding: 15px 15px;
    margin: 0 ;
	cursor: pointer;
	background:gray;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c5f1+0,009ce7+100 */
}

.blur {
		-webkit-filter: blur(5px);
    transition: all 0.5s ease 0s;
}

.blur:hover {
		-webkit-filter: blur(0px);
}

.zasady-promocji {
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	background: rgba(235,30,30,1);
	background: -moz-linear-gradient(-45deg, rgba(235,30,30,1) 0%, rgba(181,13,13,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(235,30,30,1)), color-stop(100%, rgba(181,13,13,1)));
	background: -webkit-linear-gradient(-45deg, rgba(235,30,30,1) 0%, rgba(181,13,13,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(235,30,30,1) 0%, rgba(181,13,13,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(235,30,30,1) 0%, rgba(181,13,13,1) 100%);
	background: linear-gradient(135deg, rgba(235,30,30,1) 0%, rgba(181,13,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb1e1e', endColorstr='#b50d0d', GradientType=1 );
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
color:#fff;
	height:250px;
transition-property: margin-top, margin-bottom;
transition-duration: 0.5s;
transition-timing-function:ease;
}


.zasady-promocji:hover {
	margin-top:10px;
	margin-bottom:30px;
}


.cena1 {
	color:#fff;
	font-size:24px;
}

.cena3 {
	color:#fff;
	font-size:24px;
}


.black{
	color:#fff;
	background:#1c1c1c;
	padding:60px 60px 160px 60px;
	border-radius:30px;
	margin:150px 0 0 0;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
    }

.img_2{
	padding:20px;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.img_2:hover{
	transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
}

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


p{
	font-weight: 300;
}

h1{
	font-size:1.7rem;
	color:#0a0402;
	font-weight: 200;
	padding:50px 20px 0px 20px;
	line-height:1.2;
}

.tablet{
	float:left;
	margin:-150px 0 0 -200px;
}

.text{
	font-size:1rem;
	margin:0 0 -20px 500px;
}

.copyg h2 {
	font-size:70px;
	font-weight:600;
	color:#fff;
	line-height: 100px;
	letter-spacing:0px;
	text-align:left;
}

.copyg h3 {
	font-size:35px;
	font-weight:200;
	color:#fff;
	line-height: 100px;
	letter-spacing:0px;
	text-align:left;
}

.copyg {
	margin-top:100px;
	margin-right:0px;
}

.yell {
	height:8px;
	background-color:#facf5a;
	margin:0px auto;
}

.yell1 {
	height:8px;
	background-color:#000;
	margin:0px auto;
}


.sect1 {
	background-color:#431d6e;
	background-image: url(../img/bg1.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;
	padding-bottom:100px;

}

.sect0 {
	background-color:#171717;
	color:#fff;
	padding-bottom:300px;
	background-image: url(../img/tlo.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

.sect1 h3 {
	font-size:32px;
	font-weight:200;
	color:#fff;
	letter-spacing:1px;
	padding-top:100px;
	margin-bottom:30px;
}

.a1z {
	color:#fff;
	letter-spacing:2px;
}


.prezent1 {
	margin-bottom:-400px;
}

.logosy {
	padding-top:15px;
}

.sect2 {
	background-color:#de4d9c;
	background-image: url(../img/bg2.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;
	padding:20px 0 100px 0;


}
.sect2 h3 {
	font-size:32px;
	font-weight:200;
	color:#fff;
	letter-spacing:2px;
	padding-top:100px;
	margin-bottom:30px;
}




.sect4 {

}

.sect3 {
	margin-top:300px;
}
.step1 {
	margin-top:40px;
}

.step1 p a {
	color:#fff;
}

.monster1 {
	position:absolute;
	margin-left:-200px;
	margin-top:-700px;
}

.step1 p {
	font-size:18px;
	color:#fff;
	letter-spacing:0px;
	line-height:24px;
	font-weight:200px;
}

.ctak {
	font-size:16px;
	border-radius:4px;
	padding:15px 30px;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
	color:#fff;
	border:2px #fff solid;
	display:inline;
	transition: all 0.3s ease-out;

}

.ctak:hover {
	background-color:#fff;
	color:#de4d9c;
}
.sect4 h3 {
	font-size:32px;
	font-weight:200;
	color:#000;
	letter-spacing:2px;
	padding-top:100px;
	margin-bottom:30px;
}

.padding{
	padding:0;
}

.bgr{
	background: url("../img/bg.png");
	background-position:center top;
}

.cta{
    color: #facf5a;
    text-align: center;
	font-weight: 400;
    font-size: 1.5rem;
	width: 200px;
    padding: 15px 15px;
    margin: 20px 0 ;
	cursor: pointer;
	border:2px solid #facf5a;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c5f1+0,009ce7+100 */
}

.cta:hover{
	color:#fff;
    background: #facf5a;
	border:2px solid #facf5a;
}

.cta_2{
	float:left;
    color: #fff;
    text-align: center;
	font-weight: 300;
    font-size: 1.5rem;
	width: 200px;
    padding: 15px 15px;
    margin: 20px 0 60px 0;
	cursor: pointer;
	border:2px solid #fff;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.cta_2:hover{
	color: #000;
    background: #fff;
}


.cta_3{
    color: #96238e;
    text-align: center;
	font-weight: 400;
    font-size: 1.5rem;
	width: 600px;
    padding: 15px 15px;
    margin: 50px 0 ;
	cursor: pointer;
	border:2px solid #96238e;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.cta_3:hover{
	color:#fff;
    background: #96238e;
	border:2px solid #96238e;
}



.footer{
	text-align: center;
	color:#000;
	font-size:0.8rem;
	padding:50px 30px 30px 30px;
}

@media(max-width: 1600px){
	.text{
		margin:0 0 0 200px;
	}
	

	
	.copyg {
		margin-top:200px;
	}
		.monster1 {
	margin-left:-300px;
	margin-top:-700px;
}
}

@media(max-width: 1300px){
	.text{
		margin:0 0 0 200px;
	}
		.monster1 {
	margin-left:-400px;
	margin-top:-700px;
}
}

@media(max-width: 991px){
	
	
	.tablet{
		text-align: center;
		float:left;
		margin:-200px auto;
	}
		.monster1 {
	margin-left:-200px;
	margin-top:-700px;
	display:none;
}
	
	.text{
		margin:350px auto 80px auto;
	}
	
	.black{
		padding:60px 60px 1px 60px;
	}
	
	p{
		font-size:1rem;
	}
	
	h1{
		font-size:1.5rem;
	}
	
	.cta_2{
		text-align: center;
	}
	

.bgaaa {
	display:none;
}

.bgaa {
	background-color:#7239a6;
}
	
	.copyg h2 {
	font-size:70px;
	font-weight:600;
	color:#fff;
	line-height: 100px;
	letter-spacing:0px;
	text-align:center;
}

.copyg h3 {
	font-size:35px;
	font-weight:200;
	color:#fff;
	line-height: 50px;
	letter-spacing:0px;
	text-align:center;
}

.copyg {
	margin-top:100px;
	margin-right:0px;
}
	
	
	
}

@media(max-width: 768px){
	
	h1{
		padding:40px 40px 0 40px;
	}

	.text{
		margin:250px auto 50px auto;
	}
	
	.footer{
		text-align: center;
		font-size:0.7rem;
		padding:30px;
	}
	
		.monster1 {
	display:none;
}



.mob {
	display:block;
}

.deskt {
	display:none;
}



}

@media(max-width: 576px){
	

	
	.btn-primary1 {
	padding:10px 5px 10px 5px;
	background-color:white;
	border-radius:7px;
	border:1px solid silver;
}
	
	h1{
		font-size:1.5rem;
	}
	
	p{
		font-size:0.9rem;
	}
	
.sect3 {
	margin-top:60px;
}
	
	.black{
		padding:20px 20px 60px 20px;
	}
	
	.text{
		margin:250px auto 50px auto;
	}
	
	.tablet{
		text-align: center;
		float:left;
		margin:-150px auto;
	}
	
	.cta_3{
		font-size:1rem;
		width:300px;
	}
	
	
}

@media(max-width: 400px){
	
	.text{
		margin:150px auto 50px auto;
	}
	
	.tablet{
		text-align: center;
		float:left;
		margin:-150px auto;
	}
	
	
}


.steps_header{
	color:#fff;
	text-align: center;
	font-size:2rem;
	font-weight: 200;
}

.steps{
	color:#fff;
	padding:30px 0 30px 0;
	margin: 0 0 100px 0;
	font-size:1rem;
	background: #ca4e4d;
	z-index: 9999;
	border-radius:30px;
}
.step{
	padding:30px 0;
}
.step img{
	padding:0 0 20px 0;
}



body {
  margin: 0;
     font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
}



.pp {
	font-size:15px;
	line-height: 24px;
	padding-top:20px;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
}

p {
	font-size:18px;
	color:#bfbfbf;
	font-weight:100px;
	letter-spacing:3px;
	line-height:32px;
}

.point1 {
	font-size:16px;
	line-height: 16px;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
}


.carousel-control-prev {
		
}

.ppa {
	font-size:24px;
	line-height: 24px;
	padding-top:50px;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 400;
}

.pp1 {
	line-height: 30px;
}




.kodrabatowy {
	border:1px gray dotted;
	padding:8px;
}

.kodrabatowy:hover {
	border:1px #6ddad9 solid;
	color:#6ddad9;
	font-weight:500;
}

.content1 {

  background-color: #fff;
  color: #000;
}
.textover {
	box-shadow:0px;
	transition: box-shadow 0.3s ease-out;
	padding-bottom:40px;
	
}

.textover:hover {
	box-shadow:0 0 25px #f0f0f0;
	transition: box-shadow 0.3s ease-in;
}



      #akapit {
        max-width:800px;
        margin:14px auto;
        padding:10px;
        font-size:36px;
		    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
	color:#fff;
      }

    
	  
	  
.img1 {
	padding:40px 0;
}

.cta {
	font-size:16px;
	border-radius:4px;
	padding:15px 30px;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
	color:facf5a;
	border:2px #facf5a solid;
	display:inline;
	transition: background-color 0.3s ease-out;
}



.ctaz {
	font-size:16px;
	border-radius:4px;
	padding:15px 30px;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
	color:#fff;
	border:2px #fff solid;
	display:inline;
	transition: background-color 0.3s ease-out;
}



.ctaz:hover {
	font-size:16px;
	padding:15px 30px;
	color:#fff;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
	background-color:#260d43;
	border:2px #431d6e solid;
	transition: background-color 0.3s ease-in;
}


.cta a a:visited a:active {
		text-decoration:none!important;
}


.product {
	border-radius:10px;
	border:1px gray solid;
	padding:30px 0 50px 0;
	margin-top:200px;
	opacity:0.7;
	transition: all 0.1s ease-in;
}

.product:hover {
-webkit-box-shadow: 0px 0px 66px -4px rgba(255,255,255,0.44);
-moz-box-shadow: 0px 0px 66px -4px rgba(255,255,255,0.44);
box-shadow: 0px 0px 66px -4px rgba(255,255,255,0.44);
margin-top:197px;
margin-bottom:3px;
opacity:1.0;
}

.product .imga:hover {

    opacity: 1;
    transform: scale(1.12);
}

.product .imga {
	margin-top:-200px;
	transition: all 0.1s ease-in;
	    transition: all 0.5s ease 0s;
}



.product h3 {
	font-size:24px;
	color:#fff;
	text-align:center;
	font-weight:200;
	letter-spacing:2px;
	padding:25px 0 0 0;
}

.product p{
	color:gray;
	font-size:12px;
	letter-spacing:2px;
	line-height:25px;
	padding:0px;
}






.cta:hover {
	font-size:16px;
	padding:15px 30px;
	color:#000;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 300;
	background-color:#facf5a;
	border:2px #facf5a solid;
	transition: background-color 0.3s ease-in;
}

.product1 {
	padding:30px 0 50px 0;
	margin-top:200px;
	transition: all 0.1s ease-in;
}

.product1:hover {

margin-top:197px;
margin-bottom:3px;
opacity:1.0;
}

.product1 .imga:hover {

    opacity: 1;
    transform: scale(1.12);
}

.product1 .imga {
	margin-top:-200px;
	transition: all 0.1s ease-in;
	    transition: all 0.5s ease 0s;
}


.viol {
	background-color:#7239a6;
	margin-top:-500px;
	height:600px;
	z-index:-20;
}

.product1 h3 {
	font-size:24px;
	color:#fff;
	text-align:center;
	font-weight:200;
	letter-spacing:2px;
	padding:25px 0 0 0;
}

.product1 p{
	color:black;

	letter-spacing:2px;
	line-height:25px;
	padding:0px;
}


.cena2 {
		font-size:18px;
		text-decoration: line-through;
}

.top1 {
	font-size:28px;
	line-height:100px;
}
.footer1 {
	font-size:14px;
	color:silver;
    font-family: CentraleSansRnd, sans-serif;
	font-weight: 200;
	margin-top:40px;
	letter-spacing:0px;
	line-height:17px;
}
	  
	  
	.oo1 {
font-weight:600;
	}	
	  
	  
	  .logo1 {
		  width:108px;
		  height:66px;
		  margin-left:20%;
		  margin-top:30px;
		  position:absolute;
	  }
	  
	  



