body{
		font-family: 'Lato', sans-serif;
		}

		
	:root {
	  --glowny-kolor-mobi: #3498db;
	  --hover-kolor-mobi: #19608f;
	  --glowny-kolor-abrys: #757575;
	  --hover-kolor-abrys: black;
	}		
		
		/*karuzela fade*/
		
		.carousel-fade .carousel-inner .item {
			opacity: 0;
			transition-property: opacity;
		}
		.carousel-fade .carousel-inner .active {
			opacity: 1;
		}
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
			left: 0;
			opacity: 0;
			z-index: 1;
		}
		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
			opacity: 1;
		}
		.carousel-fade .carousel-control {
			z-index: 2;
		}
		@media all and (transform-3d),
		(-webkit-transform-3d) {
			.carousel-fade .carousel-inner > .item.next,
			.carousel-fade .carousel-inner > .item.active.right {
				opacity: 0;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
			.carousel-fade .carousel-inner > .item.prev,
			.carousel-fade .carousel-inner > .item.active.left {
				opacity: 0;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
			.carousel-fade .carousel-inner > .item.next.left,
			.carousel-fade .carousel-inner > .item.prev.right,
			.carousel-fade .carousel-inner > .item.active {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
		}

		#logo
		{
			left:10px;
			top:0px;
			width:90px; 
			height:90px; 
			background-color: var(--glowny-kolor-mobi);
		}



		#logowanie{
			position:absolute;
			right:5%;
			top:42%;
			width:25%; 
			height:35%; 
			bottom-max:10%;      
			bottom-min:5%;
			background-color:white;
			padding-top:3%;

		}


		.tippy-tooltip{
			font-size: 12px !important;
			text-align: left;
			width: 600px;
		}

		.zgoda{
			padding: 0px 40px;
    		text-align: left;
    		width: 400px;
		}

		input[type=checkbox]
		{
			height: 20px;
			width: 20px;
			margin-left: -25px !important;
		}

		input[type=text],
		input[type=password]
		{
			width: 85%;
			height:8%;
			background-color: #efefef;
			color: #666;
			border: 1px solid #ddd;
			border-radius: 0px;
			font-size: 20px;
			padding: 10px;
			box-sizing: border-box;
			outline: none;
			margin-top: 15px;
			margin-left: auto;
			margin-right: auto;
		}

		input[type=text]:focus,
		input[type=password]:focus
		{
			//*-webkit-box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
			-moz-box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
			box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);*//
			border: 2px solid #929292;
			background-color: #ffffff;
			color: gray;
		}

		input[type=submit]
		{
			width: 300px;
			background-color: #36b03c;
			font-size:20px;
			color: white;
			padding: 15px 10px;
			margin-top: 20px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			letter-spacing: 2px;
			outline: none;
		}

		input[type=submit]:focus
		{
			-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
			-moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
			box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
		}

		input[type=submit]:hover
		{
			background-color: #37b93d;
		}

		input::-webkit-input-placeholder
		{
			color: #999;
		}
		input:focus::-webkit-input-placeholder
		{
			color: #428C42;
		}
		/* Firefox < 19 */
		input:-moz-placeholder
		{
			color: #999;
		}
		input:focus:-moz-placeholder
		{
			color: #428C42;
		}
		/* Firefox > 19 */
		input::-moz-placeholder
		{
			color: #999;
		}
		input:focus::-moz-placeholder
		{
			color: #428C42;
		}
		/* Internet Explorer 10 */
		input:-ms-input-placeholder
		{
			color: #999;
		}
		input:focus:-ms-input-placeholder
		{
			color: #428C42;
		}




		#buttonZaloguj
		{
			text-align:center;
			margin-top:10px;
			top-min:5px;
		}

		.zaloguj {
		  width:60%;
		  color: #ffffff;
		  font-size: 16px;
		  background:  var(--glowny-kolor-mobi);
		  padding: 10px 20px 10px 20px;
		  text-decoration: none;
		  border:none;
		  margin-top: 10%;
		}

		.zaloguj:hover {
		  background: #9e9e9e;
		  text-decoration: none;
		}

		#buttonDodajDoKoszyka
		{
			text-align:center;
			margin-top:10px;
			top-min:5px;
		}

		.dodajDoKoszyka {
		  width:250px;
		  color: #ffffff;
		  font-size: 16px;
		  background:  var(--glowny-kolor-mobi);
		  padding: 10px 20px 10px 20px;
		  text-decoration: none;
		  border:none;
		  
		}

		.dodajDoKoszyka:hover {
		  background: #9e9e9e;
		  text-decoration: none;
		}

		.square {
		  width: 50%;
		}

		.square:after {
		  content: "";
		  display: block;
		  padding-bottom: 100%;
		}

		/* ABRYS: SHOP MENU*/

		.divSliderMain{
			margin-top:40px;
			margin-bottom:20px;
			
		}

		.divSuwak{
			margin-top:10px;
			
		}

		.divTabs{
			width:60px;
			position: absolute; 
			right:-60px;
			top:0px;
			
		}

		.tabButton{
			width:100%;
		}

		.wartosci{
			margin-left:10px;
			padding:3px;
			
			border-style: solid;
			border-width:1px; 
			border-color: rgb(204, 204, 204);
			color:#227acc; 
			background: none; 
			font-weight:bold;
			font-size: 16px;
			width:60px;
			
		}

		#shopMenu{
			position: absolute; 
			right: 80px; 
			padding:20px; 
			top: 150px; 
			width: 30%; 
			height: 70%; 
			min-width: 250px;
			min-height: 50px; 
			background-color: rgba(255, 255, 255, 0.85); 
			border-style: solid;
			border-width:1px; 
			border-color: rgb(204, 204, 204);
			color: rgb(100, 100, 100)
			
		}
		
		/*NAWIGACJA*/
		.navbar{
		background-color: white !important; 
		border-radius:0px !important;
		margin-bottom:0px !important;
		}
		
		
		.btn{
		border-radius:0px !important;
		background-color: var(--glowny-kolor-mobi);
		border-color: var(--glowny-kolor-mobi);		
		color:white;
		}
		/*#3498db*/
		.btn:hover{
		border-radius:0px !important;
		background-color: var(--hover-kolor-mobi);
		border-color: var(--hover-kolor-mobi);			
		color:white;
		}
		
		/*DALSZE INFO*/
		.jakToDziala{
		padding: 80px 0 40px;
		text-align: center;
		}
		
		.jakToDziala h2{
		margin: 20px 0 40px;
		font-weight:bold;
		font-size:40px;
		}
		
		
		.jakToDziala h4{
		margin: 20px 0 20px;
		}
		
		.jakToDziala p{
		font-size:16px;
		padding-bottom:40px;
		padding-left:20px;
		padding-right:20px;
		
		}
		
		.kolejneKroki p{
		font-size:17px; 
		text-align:justify;
		}
		.kolejneKroki h2{
		font-weight:bold;
		}
		
		.opisScreena{
		padding:5%;
		text-align:center;
		margin-top: auto; 
		margin-bottom:auto;
		}
		
		/*FOOTER*/
		
		.footer{
		color: white;
		text-align: center;
		padding-bottom:5px;
		padding-top:10px;
		padding-left:20px;
		padding-right:20px;
		background-color:rgb(200,200,200);
		}
		

/*--------UNIKNIĘCIE PODŚWIETLANIA PÓL NA ŻÓŁTO--------*/

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset;
  transition: background-color 5000s ease-in-out 0s;
}


/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.7);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 95%;
	max-height: 90%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}


/** VIDEOS - STYLE **/
#containingBlock {
	width:80%; 
	margin:0% 10%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}