input:invalid {
    border-color: red;
    outline: none;
    box-shadow: 0 0 2px red;
}
input:required:valid {
    border-color: #4dcc23;
    outline: none;
    box-shadow: 0 0 2px #4dcc23;
}

.dowoz-block, .odbior-block {
	display:none;
} 

#scrollUP {
    display:inline-block;
    padding: 0;
    position: fixed;
    bottom: 3%;
    right: 3%;
    z-index: 100;
}

.notify-badge{
    position: absolute;
    right:-6px;
    top:0px;
    background:red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:14px;
}
	
	.clr {
		clear:both;
	}

	.rowbar {

	    margin-bottom: 5px;

		margin-top: 10px;

	    background: #eeeeee;

	}

	

	#row-bar-razem #bar-koszyk-razem{

	    float: right;

        font: bold italic 1.8em/2em sans-serif;

        margin: 0 1em 0 0;

        padding: 0;

	

	}

	

	#row-bar-razem #bar-koszyk-dostawa{

        font: bold italic 1.6em/2em sans-serif;

		

	}

	

	.barcategory {

		padding: 5px;

		margin-left:2em;

		text-transform: uppercase;

		font: bold italic 1.8em sans-serif;

	}

	

	

	.bar-menu-img {
		background-repeat: no-repeat;
        background-position: center center;
		background-size:cover; 
		height:65px;
		
	}
	     .bar-menu-img:hover {
           border: 2px solid #FFF; 
	     }

	

	.bar-big-img  {

		display: block;

		margin: 5px auto;

	    max-width: 70%;

        height: auto; 

        border-radius: 10px;		

	}

	

	.bar-title1 {

	    color: #0f0f1e;

        font : italic 2em/100% sans-serif;   

        margin-top: 3px;

		margin-bottom: 1px; 	}

	

	.bar-title2 {

	    color: #0f0f1e;

        font : italic 1em/110% sans-serif; 

        margin:0;	}

	

	.bar-sos {

		margin: 0 1em 0 0;

		float:left; }	    

	    .bar-sos:hover{		  

		     cursor:pointer; }

	

	

	.bar-rozmiar {

		margin: 0 1em 0 0;

		float:left; }	    

	    .bar-rozmiar:hover{		  

		     cursor:pointer; }

			 



			 

		

	.rozmiar-ac {

			border: solid 1px;

			padding: 0.2px 4px;

	}

		

    .bar-cena {

	    font : italic 2.5em/60px sans-serif;  

		color: #0f0f1e;

		margin: 0 0.3em 0 0;

		padding:0;

		float:left; }

		

	.bar-dodaj {

	    border:2px solid rgb(37, 37, 37);
	    background: #FFF;
		padding: 2px 10px;
		margin-top:15px;
		text-align:center;
		font : italic 1.3em/1.5em sans-serif;
		float:right;
		transition: 1s ease; }  

	        .bar-dodaj:hover {
				background: #272929;
				color: #FFF;
				/*cursor: cell; */
				cursor: default; 
	        }	

	

	/*** Start koszyk ***/
  
	

	.rowbarkoszyk>div, #row-bar-razem>div, #row-bar-zamow>div {
		margin-bottom: 2px;
	    background: #010;
		color: #FFF;
		min-height:4em;
	}

	

	.bar-title1-koszyk {

	    

		display: flex;

        min-height: 50px;

        align-items: center;

	}

	

	.bar-title1-koszyk span {

		font : italic 1.2em/1.3em sans-serif;   

		padding:5px;

	}

	.bar-cena-koszyk {
		float:left; 
	    font : italic 1.8em/2em sans-serif;  
		margin: 0 1em 0 0;
		padding:0;
		width:5em;
	}	

	.bar-ilosc {
	    float: left;
        margin-right : 10px; 
	}

	  

	.111bar-ilosc span {

	    border:2px solid #a80002;

	    background: #ff0000;

		padding:8px;

		margin:0;

		font : italic 1.3em/2.8em sans-serif;  

	}

	

	.barliczba, .barplus, .barminus {

		border:2px solid #000;

	    background: #555;

		padding:6px 22px;

		margin:0;

		font : italic 22px sans-serif;

		height: 40px;

        display: block;

        margin-top: 5px;

		float:left;

	}

	   .barliczba {

		   width: 3em;

	   }

	  

	.bar-cena-r {

	     float: left;	

	}

	  

	.bar-cena-r span {

	    border:2px solid #fff;

	    background: #555;

		padding:6px 8px;

		margin:0;

		font : italic 22px sans-serif;

        width: 4em;

		height: 40px;

        display: block;

        margin-top: 5px;		

	}

	

	.bar-remove {

		float:right;

	}

	.bar-remove i {

	  font-size : 35px;

      color     : #757584;	

	  margin-top: 2px;	

	}

	

	#bar-koszyk-zamow {

		float: right;

        margin: 0 1em 0 0;

		cursor: default;

		height: 4.2em;

		padding: 10px;

	}

	

	#bar-koszyk-zamow div {

		border:2px solid #FFF;

	    background: #555;

		padding:6px 22px;

		font : italic 1.6em sans-serif;

		height: 40px;

		cursor: default; 

	}

	#bar-koszyk-zamow div:hover {

		background: #ff0000;

	}



	/*******zamow************************************************/

    	

	

	#bar-form-zamow{

		background-color:#010;

		height:auto;

		display:none;

		padding-bottom: 25px;

	}



	.input-group {

		margin-top: 20px;

	}

    

	#form_komunikat {

		color: #000;
		padding: 4px; 

		margin-top: 1em; 

		font-size:1.5em;

		float:left; 
         
		background : #FFF;

		border: 1px solid red;

	}

	

	.dodatkowe_info{
		color: white;
		margin: 15px auto 10px auto;
	}
	
	.dodatkowe_info p{
		margin: 1px 0 1px 0;
	}

	

	.inka-box-img {

		position: relative;

        overflow: hidden;

        background: url('../img/poster1.jpg') center center;

        max-width: 100%;

        height: 500px;

        margin-top: 22px;		

        padding: 10px;

        background-color: #fff;

        border: 1px solid #dee2e6;

        border-radius: .25rem;		

	}

	



	

	.inkap {

	position: absolute;
	display: block;
	width: 100%;
	height: 65px;
	color : #fff;
	font-size : 2em;
	left: 0px;
	bottom: 60px;
	text-align: center;
	opacity: 0.7;
	transition: opacity 0.5s ease-in-out;
    }
    .inkap img {
	 max-width: 100%;
	 height:auto; 
	 display:inline-block; 
	}	
	

	.btn1 { 

		margin-top:1em;

		border:2px solid #ff4c4d;

	    background: #a30514;

		padding:6px 22px;

		font : italic 1.6em sans-serif;

		height: 40px;

		cursor: default; 

		color: #FFF;

	}

	

	.btn1:hover {

		background: #ff0000;

	}