/*
//
//				Black min styles - szablon kaskadowy css
//									V.0.24
//					Wszelkie Prawa Zaszczeżone by Timonix
//
*/

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:300,300i,400,400i,600,600i,700,800i');

/* root  ON */

:root {
	--blue: #007bff;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

/* root  OFF */

    /* Znaczniki html, body regulują położenie znacznikuw i ich ułużenie */
    html, body {
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		font-family: 'PT Sans', sans-serif;
		background-color: #f5f5f5;
		
	/* tło obrazkowe  */ /*
		background: url(http://localhost/mcszkola/mcszkola.v.3.0/pliki/img/tlo/tlo1.jpg) no-repeat center;
		background-size: cover;	
		background-clip: border-box;
		background-origin: no-repeat left top border-box; 
		background-attachment: fixed; */
	}
	
	*,*::before,*::after {
		box-sizing: border-box;
	}
	
	/* scrolbar-colors ON */
	
	::-webkit-scrollbar-track {
		background-color:#5f5f5f;
		width:10px;
		border-left:1px solid #000000;
	}
	
	::-webkit-scrollbar-thumb {
		background-color:#868383;
		width: 100px;
	}
	
	::-webkit-scrollbar-thumb:hover {
		background-color:#c5c5c5;
	}
	
	::-webkit-scrollbar-thumb:active {
		background:#dad2d2;
	}	
	
	::-webkit-scrollbar {
		background-color: #151528;
		width: 12px;
		height: 12px;
	}
	 
	::-webkit-scrollbar-button{
		width: 0px;
		height: 0px;
	}
	 
	::-webkit-scrollbar-corner {
		background: transparent;
		background-color:#868383;
	}
	
	/* scrolbar-colors OFF */

	/*  przypisywanie znacznikom html klas css ON  */

	img, .img{
		/*height: 100%;*/
		/*width: 100%;*/
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;		
	}
	
	.img2{
		height: 100%;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;		
	}
	
	input, .input{
		display: block;
		color: white;
		width: 100%;
		height: 40px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 2px 0px 2px 0px;
		background-color: rgba(59, 86, 218,1);
		-webkit-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;
		-webkit-box-shadow: 0px 0px 20px -5px rgba(74,74,74,1);
		box-shadow: 0px 0px 20px -5px rgba(74,74,74,1);
		border-width:1px 1px 2.5px 2px;
		border-style:solid solid solid solid;
		border-color:#2025e8 #1f24e4 #1f25ec #2d32ec;	
		outline: none; 		
	}
	
	select, .select{
		display: block;
		color: white;
		width: 100%;
		height: 40px;
		padding-left: 15px;
		padding-right: 20px;
		margin: 2px 0px 2px 0px;
		background-color: rgba(74, 49, 244,1);
		-webkit-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;
		-webkit-box-shadow: 0px 0px 20px -5px rgba(74,74,74,1);
		box-shadow: 0px 0px 20px -5px rgba(74,74,74,1);
		border-width:1px 1px 2.5px 2px;
		border-style:solid solid solid solid;
		border-color:#2025e8 #1f24e4 #1f25ec #2d32ec;	
		outline: none; 		
	}
	
	button, .button{
		display: block;
		color: white;
		width: 100%;
		height: 40px;
		padding-left: 15px;
		padding-right: 20px;
		margin: 2px 0px 2px 0px;
		background-color: rgba(74, 49, 244,1);
		-webkit-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;
		-webkit-box-shadow: 0px 0px 20px -5px rgba(74,74,74,1);
		box-shadow: 0px 0px 20px -5px rgba(74,74,74,1);
		border-width:1px 1px 2.5px 2px;
		border-style:solid solid solid solid;
		border-color:#2025e8 #1f24e4 #1f25ec #2d32ec;	
		outline: none; 		
	}
	
	select, .select:hover{
		outline: none; 		
	}

	input[type="text"] {
		background-color: rgba(71, 75, 228, 1);			
	}

	input[type="password"] {	
		background-color: rgba(69, 73, 226, 1);			
	}

	input[type="RESET"] {		
		background-color: rgba(111, 114, 245, 1);			
	}

	input[type="button"] {		
		background-color: rgba(51, 55, 251, 1);	
	}

	input[type="submit"] {		
		background-color: rgba(60, 64, 216, 1);	
	}

	input[type="checkbox"] {
		display: inline;		
		width: 20px;
		height: 20px;
		background-color: rgba(11, 128, 0, 1);	
		vertical-align: middle;
	}

	textarea, .textarea {
		display: block;
		resize:vertical;		
		width: 100%;
		height: auto;	
		min-height: 100px;		
		padding: 5px;
		margin: 2px 0px 2px 0px;
		background-color: rgba(255, 255, 255, 1);	
		-webkit-box-shadow: 0px 0px 20px 5px rgba(74,74,74,1);
		box-shadow: 0px 0px 20px 5px rgba(74,74,74,1);
		border-width:1px 3px 6px 2px;
		border-style:solid solid solid solid;
		border-color: rgba(0, 0, 0, 1);			

	}
	
	@media (max-width: 1200px) {
		input, .input{
			height: 37.5px;				
		}
	}

	@media (max-width: 992px) {
		input, .input{
			height: 35px;				
		}	
	}

	@media (max-width: 768px) {
		input, .input{
			height: 32.5px;				
		}
	}

	@media (max-width: 576px) {
		input, .input{
			height: 30px;				
		}
	} 		
	


	a, .a {
		color: black;
		text-decoration: none;
		background-color: transparent;
		-webkit-text-decoration-skip: objects;
	}

	a, .a:hover {
		color: #009c06;
		text-decoration: underline;
	}

	a, .a:not([href]):not([tabindex]) {
		color: inherit;
		text-decoration: underline;
	}

	a, .a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
		color: inherit;
		text-decoration: none;
	}

	a, .a:not([href]):not([tabindex]):focus {
		outline: 0;
	}	
	
	/*  przypisywanie znacznikom html klas css OFF  */
	
	
	
	
		
	
	#tsr_nav_bar_overlay{
		position: absolute; top: 0px;
		width: 100%;
		height: 200px;
		/*background-color: #0000FF;*/
		/*box-shadow: -3px -14px 50px 20px black;*/
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		float: left;
		/*transition: transform $transition--easing $transition--length + s;	
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		*/				
		z-index: 100; 
	}
	
	.tsr_nav_bar_overlay {
		box-sizing: border-box;
		width: 1200px;
		height: 200px;	
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	#tsr-nav-menu{
		position: absolute; top: 200px;
		width: 100%;
		height: 80px;
		/*background-color: #0000FF;*/
		box-shadow: 0px 0px 15px -2px black;
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		transition: transform $transition--easing $transition--length + s;	
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);						
		z-index: 100; 
	}
	
	#tsr-nav-menu2{
		position: fixed; top: 0px;
		width: 100%;
		height: 80px;
		/*background-color: #0000FF;*/
		box-shadow: 0px 0px 15px -2px black;
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		transition: transform $transition--easing $transition--length + s;	
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);						
		z-index: 100; 
	}
	
	#tsr-nav-menu2:hover {
		background: rgba(29, 31, 90,1);
	}
	
	.tsr-nav-menu {
		box-sizing: border-box;
		width: 100%;
		height: 80px;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
	
	.tsr-nav-menu-fixed {
		position: fixed;	
		top: -80px;
		width: 100%;
		height: 70px;
		/*background-color: #0000FF;*/        
		background: rgba(29, 31, 90,1);
		box-shadow: -3px -14px 20px 18px black;
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		z-index: 99;		
		/*transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		*/
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);
		transform: translateX(0%) translateY(100%);			
	}
/*
    #tsr-nav-menu-left {
        float:left;
        width:20%;
		height: 80px;		
    }*/
	
	.tsr-logo-menu {
		height: 80px;
		padding: 5px;
		margin-left: 5px;
		
		-webkit-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
	}
	
	.tsr-logo-menu:hover {
		padding-top: 10px;
		transform: scale(0.7) rotate(10deg);
		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1);  
	}
	
	.tsr-logo-menu::before {
		padding-top: 15px;
		transform: scale(0.7) rotate(10deg);
		
		/*transition: cubic-bezier(0.1, 0.92, 0.44, 1.01); /* cubic-bezier(0.24, 0.53, 1, 0.79); */
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1);
	}
	
	.logo {
		height: 100%;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		background-size: 0 auto;
		background-image: url();
	}
	
	.logo2 {
			height: auto;
			width: 85px;
			object-fit: contain;
			background-size: 0 auto;
			background-image: url();
			display: none;
		}	

    #tsr-nav-menu-center {
        float:left;
        width:60%;
		height: 80px;		
    }     

	.tsr-mp {
		margin: 0 auto;
		height: auto;		
		
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-ms-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;
	}	
	  
	#tsr-nav-menu-right {
        float:left;
        width:20%;
		height: 80px;		
    }
	
	.tsr-zs {
		width: 150px;
		height: 80px;
		margin: 0 auto;
		
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-ms-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;
	}
			
		
		#tsr-menu-mobile-nav{
			position: absolute; top: 100px; right: 0px; left: 0px;
			display: none;
			width: 100%;
			height: auto;
			background-color: green;
			float: left;
			z-index: 90;
			list-style-type: none;
			list-style: none;
			box-shadow: 0px 0px 50px 1px black;
		}

		.tsr-nav-menu-mobile {
			position: relative; right: 0px;
			display: inline-block;
			cursor: pointer;
			float: right;
			margin: 15px;
		}

		.bar1, .bar2, .bar3 {
			width: 35px;
			height: 5px;
			background-color: #333;
			margin: 6px 0;
			transition: 0.4s;
		}

		.change .bar1 {
			-webkit-transform: rotate(-45deg) translate(-9px, 6px);
			transform: rotate(-45deg) translate(-9px, 6px);
		}

		.change .bar2 {opacity: 0;}

		.change .bar3 {
			-webkit-transform: rotate(45deg) translate(-8px, -8px);
			transform: rotate(45deg) translate(-8px, -8px);
		}

		.tsr-menu-mobile-contain {
			list-style: none;
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
		}

		#tsr-menu-mobile-contain {
			list-style: none;  width: 100%; text-align: center;
			box-shadow: 0 0 20px 1px black;
			display: block;
			z-index: 30;
		}

		#tsr-menu-mobile-contain {
			animation: tsr-menu-mobile-contain 1.5s linear ;
		}
		/*   animation: men 5s ease-out    [[[[[[    infinite;    ]]]]]   powtarzanie animacij bez końca  ] */

		/* Keyframes     tak powtarza się animacja tylko raz  */
		@keyframes tsr-menu-mobile-contain {
			from {
				position: relative; bottom: -1000px;
			}
			to {
				position: relative; bottom: 0px;
			}
		}
		/*   tak powtarza się animacja cały czas
		@keyframes men----- {
		  0% {
		   position: relative; left: -101%;
		  }
		  100% {
		   position: relative; left: 0%;
		  }
		}
		*/
		.reit {
			display: block; padding: 0 0%; background-color: white; margin: 5px; border-bottom: 100%; border-bottom-color: black; border-bottom-width: 100%;
			text-decoration: none; color: #222;
		} 
		
		@media screen and (max-width: 970px) {
			.tsr-menu-mobile-contain, .tsr-menu-mobile-nav, .reit, 	.tsr-nav-menu-mobile {
				display: none;
			}
		}	
		
		.tsr-nav-menu-mobile {
			display: none;
		}
	

@media (max-width: 1200px) {
	#tsr-nav-menu{
		position: absolute; top: 0px;
		width: 100%;
		height: 80px;
		/*background-color: #0000FF;*/
		box-shadow: -3px -14px 50px 20px black;
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		transition: transform $transition--easing $transition--length + s;	
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);						
		z-index: 99; 
	}
	
	.tsr-nav-menu {
		box-sizing: border-box;
		width: 100%;
		height: 80px;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
	
	.tsr-nav-menu-mobile {
		display: none;
	}
}

@media (max-width: 992px) {
	#tsr-nav-menu{
		position: absolute; top: 0px;
		width: 100%;
		height: 70px;
		/*background-color: #0000FF;*/
		box-shadow: -3px -14px 50px 20px black;
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		transition: transform $transition--easing $transition--length + s;	
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);						
		z-index: 99; 
	}
	
	.tsr-nav-menu {
		box-sizing: border-box;
		width: 100%;
		height: 80px;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
	
    /*#tsr-nav-menu-left {
        float:left;
        width:60%;
		height: 70px;		
    }
	*/
	.tsr-logo-menu {
		width: 100px;
		height: 70px;
		padding: 5px;
		margin-left: 5px;
		
		-webkit-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 2s cubic-bezier(0.16, 0.68, 0.67, 1);
	}
	
	.tsr-logo-menu:hover {
		padding-top: 10px;
		transform: scale(0.7) rotate(10deg);
		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1);  
	}
	
	.tsr-logo-menu::before {
		padding-top: 15px;
		transform: scale(0.7) rotate(10deg);
		
		/*transition: cubic-bezier(0.1, 0.92, 0.44, 1.01); /* cubic-bezier(0.24, 0.53, 1, 0.79); */
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1);
	}	

    #tsr-nav-menu-right {
        float:left;
        width:40%;
		height: 80px;		
    }	
	
	.container-tont, .logo2 {
		display: block;
	}
	
	#tsr-nav-menu-center, .tsr-zs, .logo {
		display: none;
	}
}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

}	




	#tsr-nav-menu-lf{
		position: fixed;
		width: 300px;
		height: 100%;	
		/*background-color: #0000FF;*/
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		padding-top: 80px;
		float: left;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);						
		z-index: 98; 
	}
	
	.tsr-nav-menu-lf:hover {
		background-color: rgba(29, 31, 90,1);
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.tsr-nav-menu-lf {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		margin-top: 0px;
		box-shadow: -18px 10px 48px 20px black;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);	
		float: left;
		overflow: hidden;		
	}
/*
	#tsr-nav-menu-left > .tsr-nav-menu-lf {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
	div[class~=tsr-nav-menu-lf] {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	.tsr-nav-menu-lf i .tsr-logo-menu {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	.tsr-logo-menu[class*=".tsr-nav-menu-lf"] {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}*/
	
	.tsr-nav-menu-fit-l {
		padding-right: 90px;
	}
	
	.tsr-nav-menu-fit-r {
		padding-left: 90px;
	}
	
	.tsr-nav-menu-lf-fixed {
		margin: 0px;
		margin-left: 0px;
	}	
	
	.tsr-nav-ml-hover {
		display: block;
	}
	
@media (max-width: 1800px) {
	#tsr-nav-menu-lf {
		position: fixed;
		width: 300px;
		height: 100%;	
		/*background-color: #0000FF;*/
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		margin-left: -220px;		
		padding-top: 80px;
		float: left;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);				
		z-index: 99; 
	}
	
	#tsr-nav-menu-lf:hover {
		margin-left: 0;
	}	
	
	.tsr-nav-menu-lf {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		margin-top: 0px;
		margin-left: -0px;	
		float: left;
		box-shadow: -18px 10px 48px 20px black;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);	
	}
	
	.tsr-nav-menu-lf:hover {
		margin-left: 0;
		background-color: rgba(29, 31, 90,1);
		box-shadow: -500px 0px 10000px 809px black;
		/*box-shadow: 0px 0px 120px 110px black;*/
	}	
/*
	#tsr-nav-menu-left > .tsr-nav-menu-lf {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
	div[class~=tsr-nav-menu-lf] {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	.tsr-nav-menu-lf i .tsr-logo-menu {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	.tsr-logo-menu[class*=".tsr-nav-menu-lf"] {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}*/
	
	.tsr-nav-menu-fit-l {
		padding-right: 25px;
	}
	
	.tsr-nav-menu-fit-r {
		padding-left: 25px;
	}
	
	.tsr-nav-menu-lf-fixed {
		margin: 0px;
		margin-left: 0px;
	}		
	
	.tsr-nav-ml-hover------ {
		display: none;
	}
}	

@media (max-width: 1350px) {
	#tsr-nav-menu-lf {
		position: fixed; top: 0px; left: 0px; right: 0; bottom: 0px;
		width: 300px;
		height: 100%;	
		/*background-color: #0000FF;*/
		/* box-shadow: -11px 6px 20px black; */
		margin: 0;
		margin-left: -320px;		
		transition: transform $transition--easing $transition--length + s;	
		transition: all 1s cubic-bezier(.46,.01,.43,.85);				
		z-index: 101; 
	}	
	
	.tsr-nav-menu-lf {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		margin-top: 0px;
		margin-left: -0px;	
		background-color: silver;
		box-shadow: 0px 0px 48px 2px black;	
		transition: all 1s cubic-bezier(.46,.01,.43,.85);	
	}
	
	.tsr-nav-menu-lf:hover {
		box-shadow: 0px 0px 48px 24px black;	
		transition: all 1s cubic-bezier(.46,.01,.43,.85);	
	}
	
/*
	#tsr-nav-menu-left > .tsr-nav-menu-lf {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
	div[class~=tsr-nav-menu-lf] {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	.tsr-nav-menu-lf i .tsr-logo-menu {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

	.tsr-logo-menu[class*=".tsr-nav-menu-lf"] {
		box-sizing: border-box;
		width: 300px;
		height: 100%;		
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}*/
	
	.tsr-nav-menu-fit-l {
		padding-right: 25px;
	}
	
	.tsr-nav-menu-fit-r {
		padding-left: 25px;
	}

	.tsr-mpi {
		width: 100%;
		height: auto;
		margin-top: 80px;
		overflow: hidden;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);			
	}

	.tsr-mpi:hover {
		width: 100%;
		height: auto;
		margin-top: 80px;
		overflow-y: scroll;
		overflow-x: hidden;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);			
	}

	.tsr-nav-menu-lf-fixed {
		margin: 0px;
		margin-left: 320px;
	}	
	
	.tsr-nav-ml-hover------ {
		display: none;
	}
}	

@media (max-width: 994px) {
	.tsr-mpi {
		width: 100%;
		height: auto;
		margin-top: 0px;
		overflow: hidden;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);			
	}

	.tsr-mpi:hover {
		width: 100%;
		height: auto;
		margin-top: 0px;
		overflow-y: scroll;
		overflow-x: hidden;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);			
	}
}


	#tsr-nav-menu-control {
		position: fixed; bottom: 0; left: 0;
		width: 50px;
		height: 50px;
		margin: -50px;
		z-index: 99;		
		transition: all 1s cubic-bezier(.46,.01,.43,.85);			
	}

	.tsr-nav-menu-control {
		width: 50px;
		height: 50px;
		cursor: pointer;
		transition: all 1s cubic-bezier(.46,.01,.43,.85);			
	}

	.tsr-nav-menu-control-slow {
		margin-left: 300px;
		transform: scale(1) rotate(180deg);	
		transition: all 1s cubic-bezier(.46,.01,.43,.85);	
	}
	
@media (max-width: 1350px) {
	#tsr-nav-menu-control {
		margin: 0px;	
		transition: all 2s cubic-bezier(.46,.01,.43,.85);			
	}
}	
	
	
	
	
	
	
	
	
	
	
	#container {
		position: relative;	
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 400px;
		clear: both;
		float: left;
		/*background-color: red;*/
	}

	.container {
		width: 1200px;
		height: auto;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		/*background-color: green;*/
	}
	
@media (max-width: 1200px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 200px;
		clear: both;
		float: left;
	}	
	
	.container {
		max-width: 1140px;
		width: 100%;
		height: auto;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
  }
}

@media (max-width: 992px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 200px;
		clear: both;
		float: left;
	}	
	
	.container {
		max-width: 960px;
		width: 100%;
		height: auto;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
  }
}

@media (max-width: 768px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 200px;
		clear: both;
		float: left;
	}	
	
	.container {
		max-width: 720px;
		width: 100%;
		height: auto;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
  }
}

@media (max-width: 576px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 200px;
		clear: both;
		float: left;
	}	
	
	.container {
		max-width: 540px;
		width: 100%;
		height: auto;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
  }
}
/*
@media (max-width: 320px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 200px;
		clear: both;
		float: left;
	}	
	
	.container {
		max-width: 280px;
		min-width: 250px;
		width: 100%;
		height: auto;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
  }
}	*/
	
	.tsr {
		width: 100%;
		height: auto;
		margin: auto;
		font-size: 24px;
		float: left;
		/*font-family: 'Gloria Hallelujah', cursive;	*/	
	}

	.col-2 {
		width: 50%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-3 {
		width: 33.3333333%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-4 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-5 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-6 {
		width: 16.6666666666%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-ms1 {
		width: 95%;
		float: left;
	}
	.col-ms2 {
		width: 90%;
		float: left;
	}
	.col-ms3 {
		width: 85%;
		float: left;
	}
	.col-ms4 {
		width: 80%;
		float: left;
	}
	.col-ms5 {
		width: 75%;
		float: left;
	}
	.col-ms6 {
		width: 70%;
		float: left;
	}
	.col-ms7 {
		width: 65%;
		float: left;
	}
	.col-ms8 {
		width: 60%;
		float: left;
	}
	.col-ms9 {
		width: 55%;
		float: left;
	}
	.col-ms10 {
		width: 50%;
		float: left;
	}
	.col-ms11 {
		width: 45%;
		float: left;
	}
	.col-ms12 {
		width: 40%;
		float: left;
	}
	.col-ms13 {
		width: 35%;
		float: left;
	}
	.col-ms14 {
		width: 30%;
		float: left;
	}
	.col-ms15 {
		width: 25%;
		float: left;
	}
	.col-ms16 {
		width :20%;
		float: left;
	}
	.col-ms17 {
		width: 15%;
		float: left;
	}
	.col-ms18 {
		width: 10%;
		float: left;
	}
	.col-ms19 {
		width: 5%;
		float: left;
	}
	
@media (max-width: 1200px) {
	.col-4 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-5 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

@media (max-width: 992px) {
	.col-4 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-5 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

@media (max-width: 768px) {
	.col-3 {
		width: 50%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-4 {
		width: 33.3333333333%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-5 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}	
	.col-6 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

@media (max-width: 576px) {
	.col-3 {
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-4 {
		width: 50%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-5 {
		width: 33.33333333333%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-6 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}	
}	


	.tsr-inp {
		width: 100%;
		height: auto;
		margin: auto;
		font-size: 24px;
		float: left;
		/*font-family: 'Gloria Hallelujah', cursive;	*/	
	}

	.col-inp-2 {
		width: 50%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-inp-4 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-inp-5-5 {
		width: 75%;
		height: auto;
		margin: auto;
		float: left;
	}
	
@media (max-width: 1200px) {
	.col-inp-4 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
}

@media (max-width: 992px) {
	.col-inp-4 {
		width: 50%;
		height: auto;
		margin: auto;
		float: left;
	}
	.col-inp-5-5 {
		width: 50%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

@media (max-width: 768px) {
	.col-inp-2 {
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
	}	
	
	.col-inp-4 {
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-inp-5-5 {
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
	}
	
}

@media (max-width: 576px) {
	.col-inp-4 {
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
	}
}	
	
	
	/* Linia płska do dowolnego wykorzystania */
	
	.lin {
		width: 100%;
		border-bottom-width: 2px;
		border-bottom-style: groove;
		border-bottom-color: black;		
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
	}
	
	.lin2 {
		width: 100%;
		border-bottom-width: 1px;
		border-bottom-style: groove;
		border-bottom-color: black;		
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		float: left;
	}
	
	/* Linia płska do dowolnego wykorzystania */	
	

	
	.tsr-width-100 {
		width: 100%;
	}
	
	.tsr-height-100 {
		height: 100%;
	}

	
	.tsr-ma {
		margin: auto;
	}
	
	.tsr-m0 {
		margin: 0;
	}
	
	.tsr-mt-200 {
		margin-top: 200px;
	}
	
	.tsr-mt-100 {
		margin-top: 100px;
	}

	.tsr-mt-75 {
		margin-top: 75px;
	}

	.tsr-mt-50 {
		margin-top: 50px;
	}

	.tsr-mt-40 {
		margin-top: 40px;
	}
	
	.tsr-mt-30 {
		margin-top: 30px;
	}

	.tsr-mt-20 {
		margin-top: 20px;
	}
	
	.tsr-mt-15 {
		margin-top: 15px;
	}
	
	.tsr-mt-10 {
		margin-top: 10px;
	}
	
	.tsr-mt-5 {
		margin-top: 5px;
	}
	
	
	.tsr-mb-100 {
		margin-bottom: 100px;
	}
	
	.tsr-mb-50 {
		margin-bottom: 50px;
	}
	
	.tsr-mb-40 {
		margin-bottom: 40px;
	}
	
	.tsr-mb-30 {
		margin-bottom: 30px;
	}
	
	.tsr-mb-20 {
		margin-bottom: 20px;
	}
	
	.tsr-mb-10 {
		margin-bottom: 10px;
	}
	
	.tsr-mb-5 {
		margin-bottom: 5px;
	}
	
	
	.tsr-ml-30 {
		margin-left: 30px;
	}
	
	.tsr-ml-15 {
		margin-left: 15px;
	}
	
	.tsr-ml-10 {
		margin-left: 10px;
	}
	
	.tsr-ml-5 {
		margin-left: 5px;
	}


	.tsr-mr-50 {
		margin-right: 50px;
	}
	
	.tsr-mr-10 {
		margin-right: 10px;
	}
	
	
	
	.c-0 {
		text-align: center;
	}	
	
	.l-0 {
		margin-left: 0;
		text-align: left;
	}

	.l-5pro {
		margin-left: 5%;
		text-align: left;
	}

	
	
	.r-0 {
		margin-right: 0;
		text-align: right;
	}

	.r-5pro {
		margin-right: 5%;
		text-align: right;
	}
	
	
	
	.tsr-p-5px {
		padding: 5px;
	}
	
	.tsr-p-10px {
		padding: 10px;
	}
	
	.tsr-p-15px {
		padding: 15px;
	}
	
	
	.tsr-pt-10px {
		padding-top: 10px;
	}	
	
	.tsr-pt-15px {
		padding-top: 15px;
	}	
	
	.tsr-pt-30px {
		padding-top: 30px;
	}
	
	
	
	.tsr-pl-30 {
		padding-left: 30px;
	}

	.tsr-pl-0pro {
		padding-left: 0%;
	}
	
	.tsr-pl-10pro {
		padding-left: 10%;
	}

	.tsr-pl-15pro {
		padding-left: 15%;
	}
	
	.tsr-pl-20pro {
		padding-left: 20%;
	}
	
	.tsr-pl-30pro {
		padding-left: 30%;
	}

	.tsr-pl-35pro {
		padding-left: 35%;
	}
	
	.tsr-pl-40pro {
		padding-left: 40%;
	}

	.tsr-pl-50pro {
		padding-left: 50%;
	}

	
	
	.tsr-pr-0pro {
		padding-right: 0%;
	}
	
	.tsr-pr-10pro {
		padding-right: 10%;
	}

	.tsr-pr-15pro {
		padding-right: 15%;
	}
	
	.tsr-pr-20pro {
		padding-right: 20%;
	}
	
	.tsr-pr-30pro {
		padding-right: 30%;
	}

	.tsr-pr-35pro {
		padding-right: 35%;
	}
	
	.tsr-pr-40pro {
		padding-right: 40%;
	}

	.tsr-pr-50pro {
		padding-right: 50%;
	}
	
@media (max-width: 1200px) {
	
	.tsr-pl-30 {
		padding-left: 30px;
	}
	
	.tsr-pl-10pro {
		padding-left: 10%;
	}

	.tsr-pl-15pro {
		padding-left: 15%;
	}
	
	.tsr-pl-20pro {
		padding-left: 20%;
	}
	
	.tsr-pl-30pro {
		padding-left: 30%;
	}

	.tsr-pl-35pro {
		padding-left: 35%;
	}
	
	.tsr-pl-40pro {
		padding-left: 40%;
	}

	.tsr-pl-50pro {
		padding-left: 50%;
	}

	
	
	.tsr-pr-10pro {
		padding-right: 10%;
	}

	.tsr-pr-15pro {
		padding-right: 15%;
	}
	
	.tsr-pr-20pro {
		padding-right: 20%;
	}
	
	.tsr-pr-30pro {
		padding-right: 30%;
	}

	.tsr-pr-35pro {
		padding-right: 35%;
	}
	
	.tsr-pr-40pro {
		padding-right: 40%;
	}

	.tsr-pr-50pro {
		padding-right: 50%;
	}	
	
}

@media (max-width: 992px) {
	.tsr-pr-15pro, .tsr-pl-15pro {
		padding-left: 12.5%;
		padding-right: 12.5%;
	}	
	
	.tsr-pl-10pro {
		padding-left: 9.5%;
	}

	.tsr-pl-15pro {
		padding-left: 12.5%;
	}
	
	.tsr-pl-20pro {
		padding-left: 17.5%;
	}
	
	.tsr-pl-30pro {
		padding-left: 27.5%;
	}

	.tsr-pl-35pro {
		padding-left: 32.5;
	}
	
	.tsr-pl-40pro {
		padding-left: 37.5%;
	}

	.tsr-pl-50pro {
		padding-left: 45%;
	}

	
	
	.tsr-pr-10pro {
		padding-right: 9.5%;
	}

	.tsr-pr-15pro {
		padding-right: 12.5$;
	}
	
	.tsr-pr-20pro {
		padding-right: 17.5%;
	}
	
	.tsr-pr-30pro {
		padding-right: 27.5%;
	}

	.tsr-pr-35pro {
		padding-right: 32.5%;
	}
	
	.tsr-pr-40pro {
		padding-right: 37.5%;
	}

	.tsr-pr-50pro {
		padding-right: 45%;
	}	
	
}

@media (max-width: 768px) {
	.tsr-pr-15pro, .tsr-pl-15pro {
		padding-left: 10%;
		padding-right: 10%;
	}	
	
	.tsr-pl-10pro {
		padding-left: 7.5%;
	}

	.tsr-pl-15pro {
		padding-left: 10%;
	}
	
	.tsr-pl-20pro {
		padding-left: 15.5%;
	}
	
	.tsr-pl-30pro {
		padding-left: 25.5%;
	}

	.tsr-pl-35pro {
		padding-left: 30%;
	}
	
	.tsr-pl-40pro {
		padding-left: 35.5%;
	}

	.tsr-pl-50pro {
		padding-left: 40%;
	}

	
	
	.tsr-pr-10pro {
		padding-right: 7.5%;
	}

	.tsr-pr-15pro {
		padding-right: 10$;
	}
	
	.tsr-pr-20pro {
		padding-right: 15.5%;
	}
	
	.tsr-pr-30pro {
		padding-right: 25.5%;
	}

	.tsr-pr-35pro {
		padding-right: 30%;
	}
	
	.tsr-pr-40pro {
		padding-right: 35.5%;
	}

	.tsr-pr-50pro {
		padding-right: 40%;
	}	
	
}

@media (max-width: 576px) {
	.tsr-pr-15pro, .tsr-pl-15pro {
		padding-left: 6.5%;
		padding-right: 6.5%;
	}	
	
	.tsr-pl-10pro {
		padding-left: 5%;
	}

	.tsr-pl-15pro {
		padding-left: 6.5%;
	}
	
	.tsr-pl-20pro {
		padding-left: 12.5%;
	}
	
	.tsr-pl-30pro {
		padding-left: 15%;
	}

	.tsr-pl-35pro {
		padding-left: 20%;
	}
	
	.tsr-pl-40pro {
		padding-left: 30%;
	}

	.tsr-pl-50pro {
		padding-left: 35%;
	}

	
	
	.tsr-pr-10pro {
		padding-right: 5%;
	}

	.tsr-pr-15pro {
		padding-right: 6.5$;
	}
	
	.tsr-pr-20pro {
		padding-right: 12.5%;
	}
	
	.tsr-pr-30pro {
		padding-right: 15%;
	}

	.tsr-pr-35pro {
		padding-right: 20%;
	}
	
	.tsr-pr-40pro {
		padding-right: 30%;
	}

	.tsr-pr-50pro {
		padding-right: 35%;
	}
	
}	

	
	

	
	.fs-150 {
		font-size: 150%;
	}	
	
	.fs-140 {
		font-size: 140%;
	}	
	
	.fs-140 {
		font-size: 140%;
	}	
	
	.fs-130 {
		font-size: 130%;
	}	
	
	.fs-120 {
		font-size: 120%;
	}	
	
	.fs-110 {
		font-size: 110%;
	}
	
	.fs-100 {
		font-size: 100%;
	}

	.fs-90 {
		font-size: 90%;
	}

	.fs-80 {
		font-size: 80%;
	}

	.fs-70 {
		font-size: 70%;
	}

	.fs-60 {
		font-size: 60%;
	}

	.fs-50 {
		font-size: 50%;
	}

	.fs-40 {
		font-size: 40%;
	}

	.fs-30 {
		font-size: 30%;
	}
	
@media (max-width: 1200px) {
	.fs-150, .fs-140, .fs-130, .fs-120, .fs-110, .fs-100, .fs-90 {
		font-size:  x-large;
	}	
}

@media (max-width: 992px) {
	.fs-150, .fs-140, .fs-130, .fs-120, .fs-110, .fs-100, .fs-90 {
		font-size:  large;
	}	
}

@media (max-width: 768px) {
	.fs-150, .fs-140, .fs-130, .fs-120, .fs-110, .fs-100, .fs-90 {
		font-size: medium;
	}	
}

@media (max-width: 576px) {
	.fs-150, .fs-140, .fs-130, .fs-120, .fs-110, .fs-100, .fs-90 {
		font-size: small;
	}	
}	
	
	
	
	
	.tsr-fl {
		float: left;
	}
	
	.tsr-fr {
		float: right;
	}
	
	
	
	.tsr_Gl_Hall {
		font-family: 'Gloria Hallelujah', cursive;
	}
	
	.tsr_border_dark {
		width: 100%;
		padding: 15px;
		float: left;
		box-shadow: 0 0 20px 10px black;
	}
	
@media (max-width: 1200px) {
	.tsr_border_dark {
		width: 100%;
		padding: 15px;
		float: left;
		box-shadow: 0 0 20px 10px black;
	}
}

@media (max-width: 992px) {
	.tsr_border_dark {
		width: 100%;
		padding: 15px;
		float: left;
		box-shadow: 0 0 20px 10px black;
	}
}

@media (max-width: 768px) {
	.tsr_border_dark {
		width: 100%;
		padding: 10px;
		float: left;
		box-shadow: 0 0 20px 10px black;
	}
}

@media (max-width: 576px) {
	.tsr_border_dark {
		width: 100%;
		padding: 5px;
		float: left;
		box-shadow: 0 0 20px 10px black;
	}
}	






	.tsr-pa {
		padding: 15px;
	}

@media (max-width: 1200px) {
	.tsr-pa {
		padding: 12.5;		
	}
}

@media (max-width: 992px) {
	.tsr-pa {
		padding: 10px; 
	}	
}

@media (max-width: 768px) {
	.tsr-pa {
		padding: 7.5px;
	}
}

@media (max-width: 576px) {
	.tsr-pa {
		padding: 5px;
	}
} 


	.tsr-cut-string {
		/*width: 200px;*/
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: break-word;
		white-space: pre-wrap;
	}
	
	.tsr-za-wi {
		word-wrap: break-word;
	}
	
	.tsr-za-wi-2 {
		word-wrap: break-word;
		white-space: pre-wrap;
	}



	#dark_box {
		position: relative; top: 0; left: 0;
		width: 100%;
		height: 100%;
	}

	.dark_box {
		width: 100%;
		height: 100%;
		background-color: rgb(3.9%,39.6%,5.5%, 0.3);
		box-shadow: 0px 40px 40px 40px rgb(3.9%,39.6%,5.5%, 0.3);
	}
	
	
	.tsr-logo-animate-timonix {
		position: relative; top: -150px; left: 50px;	
		-webkit-transform: scale(1) rotate(-30deg);
		-ms-transform: scale(1) rotate(-30deg);
		transform: scale(1) rotate(-30deg);	
		margin: auto;
		color: black;
		transition: transform 2s cubic-bezier(.49,-0.02,.5,1.03);
	}

	.tsr-logo-animate-timonix:hover {
		position: relative; top: 0px; left: 0px;	
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);	
		margin: auto;
		color: black;
		transition: transform 2s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.pulse {
	/*width: 450px;*/
	transition: transform .2s cubic-bezier(.49,-0.02,.5,1.03);
	}

	.pulse:hover {
		position: relative; top: 0px; left: 0px;		
		-webkit-transform: scale(1.25) rotate(0deg);
		-ms-transform: scale(1.25) rotate(0deg);
		transform: scale(1.25) rotate(0deg);
		font-size: 32px;
		margin: auto;	
	    -webkit-animation-name: pulse; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
		animation-name: pulse;
		animation-duration: 4s infinite;
		animation-fill-mode: both;		
	}

	.pulse-tener {
		width: auto;
		height: 64px;
		min-height:	41px;
		max-height: 164px;		
		font-weight: bold;
		position: relative;	
		transition: all 2s cubic-bezier(0, 1.13, 0.67, 1);
	}	
	
	.pulse-tener:hover {
		width: auto;
		height: 64px;
		min-height:	41px;
		max-height: 164px;
		font-weight: bold;
		-webkit-animation: pulse-tener 5s infinite; /* Safari 4.0 - 8.0 */
		animation: pulse-tener 5s;
		transform: rotate(0deg);
		position: relative; top: 0px; left: 0px;
		line-height: 80px;
		transition: all 2s cubic-bezier(0, 1.13, 0.67, 1);
}

/* Safari 4.0 - 8.0 */
	#div1 {-webkit-animation-timing-function: linear;}
	#div2 {-webkit-animation-timing-function: ease;}
	#div3 {-webkit-animation-timing-function: ease-in;}
	#div4 {-webkit-animation-timing-function: ease-out;}
	#div5 {-webkit-animation-timing-function: ease-in-out;}

/* Standard syntax */
	#div1 {animation-timing-function: linear;}
	#div2 {animation-timing-function: ease;}
	#div3 {animation-timing-function: ease-in;}
	#div4 {animation-timing-function: ease-out;}
	#div5 {animation-timing-function: ease-in-out;}

/* Safari 4.0 - 8.0 */
	@-webkit-keyframes pulse-tener {
		25% {}
		50%   {		transform: scale(1.5)};
		75% {}
		100% {		transform: scale(1)}; 
	}

/* Standard syntax */
	@keyframes pulse-tener {
		50%   {		transform: scale(1.5)}
		100% {		transform: scale(1)}
	}

@media (max-width: 1200px) {
	.pulse, .pulse-tener, .tsr-logo-animate-timonix   {
		position: relative; top: -120px; left: 20px;	
	}
}

@media (max-width: 992px) {
	.pulse, .pulse-tener, .tsr-logo-animate-timonix   {
		position: relative; top: -100px; left: 0px;	
	}	
}

@media (max-width: 768px) {
	.pulse, .pulse-tener, .tsr-logo-animate-timonix   {
		position: relative; top: -75px; left: 10px;	
	}
}

@media (max-width: 576px) {
	.pulse, .pulse-tener, .tsr-logo-animate-timonix   {
		position: relative; top: -75px; left: 10px;	
	}
} 	

	.tsr-szczalka-db {
		padding-left: 47.5%;
		padding-right: 47.5%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.tsr-aufle {
	  display: none;
	  vertical-align: middle;
	  position: relative;
	  z-index: 2;
	  max-width: 100%;
	  box-sizing: border-box;
	  width: auto;
	  background: #fff;
	  padding: 15px 30px;
	  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
	  -o-border-radius: 8px;
	  -ms-border-radius: 8px;
	  border-radius: 8px;
	  -webkit-box-shadow: 0 0 10px #000;
	  -moz-box-shadow: 0 0 10px #000;
	  -o-box-shadow: 0 0 10px #000;
	  -ms-box-shadow: 0 0 10px #000;
	  box-shadow: 0 0 10px #000;
	}

	.tsr-aufle-close {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 40px;
		height: 40px;
	}

	.img-modal {
		width: 680px;
		height: 342px;
	}

	.modal-auto {
		float: none;
	}

	@media (max-width: 1200px) {
		.modal {
			width: 90%;
		}
	.img-modal {
		width: auto;
		height: 290px;
	}	
	.tsr-aufle-close {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 40px;
		height: 40px;
	}
	}

	@media (max-width: 992px) {
		.modal {
			width: 100%;
			padding: 15px 30px;
		}
		
	.img-modal {
		width: auto;
		height: 200px;
	}	

	.tsr-aufle-close {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 35px;
		height: 35px;
	}	
	}

	@media (max-width: 768px) {
		.modal {
			width: 100%;
			padding: 15px 0px;
		}
		
	.modal a.close-modal {
		position: absolute;
		top: 4px;
		right: 4px;	
	}
		
	.img-modal {
		width: auto;
		height: 200px;
	}

	.tsr-aufle-close {
		position: absolute;
		top: 2px;
		right: 2px;
		width: 30px;
		height: 30px;
	}	
	}

	@media (max-width: 576px) {
		.modal {
			width: 100%;
			padding: 15px 0px;
		}
		
	.modal a.close-modal {
		position: absolute;
		top: -2px;
		right: -2px;	
	}

	.blocker {
		padding: 2.5px;
	}
		
	.img-modal {
		width: auto;
		height: 110px;
		min-height: 80px;
		max-height: 150px;
	}

	.tsr-aufle-close {
		position: absolute;
		top: 2px;
		right: 2px;
		width: 25px;
		height: 25px;
	}
	} 	
	
	
	
	
	
	
	
	
	
	
	
	/* System błędów i udanych walidacji css ON */
	.error {
		background-color: rgba(193, 1, 1, 0.55);
		color: red;
		padding: 4.5px;
		margin-top: 4.5px;
		margin-bottom: 4.5px;
		font-size: 16px;
	}
	
	.success {
		background-color: rgba(17, 60, 0, 0.55);
		color: green;
		padding: 4.5px;
		margin-top: 4.5px;
		margin-bottom: 4.5px;
		font-size: 16px;
	}
	
	.success2 {
		background-color: rgba(17, 60, 0, 0.55);
		color: #6ade31;
		padding: 4.5px;
		margin-top: 4.5px;
		margin-bottom: 4.5px;
		font-size: 16px;
	}
	@media (max-width: 576px) {
		.error {
			background-color: rgba(193, 1, 1, 0.55);
			color: red;
			padding: 4.5px;
			margin-top: 4.5px;
			margin-bottom: 4.5px;
			font-size: 13px;
		}
		
	} 		
	/* System błędów i udanych walidacji css OFF */
	
	
	/* colory on */
	
	.white {
		color: rgb(255, 255, 255);
	}
	
	.depresed-red {
		color: #c71717;
	}
	
	.delete {
		background-color: rgb(132, 0, 0);
	}
	
	/* colory off*/
	
	
	/* display ON */
	
	.tsr-display-block {
		display: block;
	}
	
	.tsr-display-none {
		display: none;
	}
	
	/* diplay oFF */
	
	/* currsor ON */
	
	.cursor-pointer {
		cursor: pointer;
	}
	
	/* currsor OFF */
	
	
	
	
	
	
	
	
	
	
	
	
	

	#tsr-buton-gora {
		position: fixed; bottom: -40px; right: 20px;
		width: 40px;
		height: 40px;
		z-index: 999;
		transition: all 2s cubic-bezier(0,1,.47,1);
	}

	.tsr-buton-gora {
		position: fixed; bottom: -40px;
		width: 40px;
		height: 40px;
		z-index: 9999999999999;
		transition: all 2s cubic-bezier(0,1,.47,1);
	}
	
	.button_gora_block {
		transition: all 2s cubic-bezier(0,1,.47,1);
		position: relative; bottom: 140px;
		}	

	.tsr-button_gora_animate {
		width: 40px;
		height: 40px;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);		
		transition: all 2s cubic-bezier(1, 0.62, 0, 0.6);
	}

	.tsr-button_gora_animate:hover {
		width: 40px;
		height: 40px;
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);		
		transition: all 1s cubic-bezier(1, 0.62, 0, 0.6);
	}
	
@media (max-width: 768px) {
	#tsr-buton-gora {
		position: fixed; bottom: -40px; right: 5px;
		width: 30px;
		height: 30px;
		z-index: 999;
		transition: all 2s cubic-bezier(0,1,.47,1);
	}

	.tsr-buton-gora {
		position: fixed; bottom: -40px;
		width: 30px;
		height: 30px;
		z-index: 9999999999999;
		transition: all 2s cubic-bezier(0,1,.47,1);
	}
	
	.button_gora_block {
		transition: all 2s cubic-bezier(0,1,.47,1);
		position: relative; bottom: 80px;
		}	

	.tsr-button_gora_animate {
		width: 30px;
		height: 30px;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);		
		transition: all 2s cubic-bezier(1, 0.62, 0, 0.6);
	}

	.tsr-button_gora_animate:hover {
		width: 30px;
		height: 30px;
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);		
		transition: all 1s cubic-bezier(1, 0.62, 0, 0.6);
	}
}	





	.tsr-article-l {
		text-align: left;
	}
	
	.tsr-article-c {
		text-align: center;
	}
	
	.tsr-article-r {
		text-align: right;
	}
	
	
	
	#overscrol {
		left: 0;
		top: 300px;
		z-index: 99;
		width: 50px !important;
		height: auto !important;
		background-color: #6569c5;
		padding: 0;
		margin: 0;
		float: left;
		transition: 250ms;
		transition-timing-function: cubic-bezier(0.55, 0.26, 0.58, 1);
	}
	
	.overscrol-ease {
		position: absolute;
		transition: 500ms;
		transition-timing-function: cubic-bezier(0.22, 0.43, 0.58, 1);
	}
	
	.overscrol {
		position: relative;
		width: auto !important;
		height: auto !important;
		padding: 0;
		margin: 0;
		margin-left: 10px;
		float: left;
		transition: 500ms;
		transition-timing-function: cubic-bezier(0.22, 0.43, 0.58, 1);
	}
	
	.over-clik {
		padding: 5px;
		float: left;
		transition: 500ms;
		transition-timing-function: cubic-bezier(0.22, 0.43, 0.58, 1);
	}
	
	#overscrol:hover {
		background-color: #6569c554;
		transition: 500ms;
		transition-timing-function: cubic-bezier(0.22, 0.43, 0.58, 1);
	}
	
	.overscrol-fixed {
		position: fixed;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);
		/*transform: translateY(1%), translateY(-500%);	*/
		animation: animatet-overscrol linear 1s;
		animation-iteration-count: 1;
		transform-origin: 50% 50%;
		-webkit-animation: animatet-overscrol linear 1s;
		-webkit-animation-iteration-count: 1;
		-webkit-transform-origin: 50% 50%;
		-moz-animation: animatet-overscrol linear 1s;
		-moz-animation-iteration-count: 1;
		-moz-transform-origin: 50% 50%;
		-o-animation: animatet-overscrol linear 1s;
		-o-animation-iteration-count: 1;
		-o-transform-origin: 50% 50%;
		-ms-animation: animatet-overscrol linear 1s;
		-ms-animation-iteration-count: 1;
		-ms-transform-origin: 50% 50%;	
	}
	
		@keyframes animatet-overscrol{
			0% {
				transform:  translate(-100%,0px)  ;
			}
			100% {
				transform:  translate(0%,0px)  ;
			}
		}

		@-moz-keyframes animatet-overscrol{
			  0% {
				-moz-transform:  translate(-100%,0px)  ;
			  }
			  100% {
				-moz-transform:  translate(0%,0px)  ;
			  }
		}

		@-webkit-keyframes animatet-overscrol {
			  0% {
				-webkit-transform:  translate(-100%,0px)  ;
			  }
			  100% {
				-webkit-transform:  translate(0%,0px)  ;
			  }
		}

		@-o-keyframes animatet-overscrol {
			  0% {
				-o-transform:  translate(-100%,0px)  ;
			  }
			  100% {
				-o-transform:  translate(0%,0px)  ;
			  }
		}

		@-ms-keyframes animatet-overscrol {
			  0% {
				-ms-transform:  translate(-100%,0px)  ;
			  }
			  100% {
				-ms-transform:  translate(0%,0px)  ;
			  }	
		}	
	
	
	
	.tsr-search-left {
		padding: 3px 15px 3px 10px;
		/*margin:3px;
		background: url('http://vpx.pl/i/G0oUb.png') no-repeat 8px 6px;*/
	}
	
	.tsr-search-right {
		padding: 3px 10px 3px 15px;
		/*margin:3px;
		background: url('http://vpx.pl/i/G0oUb.png') no-repeat 8px 6px;*/
	}
	
	.tsr-icons-box-left, .tsr-icons-box-left:hover {
		width: 90%;
		position: relative;
		float: left;
		/*left: -6px;*/
		cursor: pointer;
		 border-radius: 25px 0px 0px 25px;
		-moz-border-radius: 25px 0px 0px 25px;
		-webkit-border-radius: 25px 0px 0px 25px;
		border-width: 1px 0px 2.5px 2px;
		border-style: solid solid solid solid;
		border-color: #2025e8 #1f24e4 #1f25ec #2d32ec;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(28, 67, 216, 1);
		box-shadow: 0px 0px 20px 0px rgba(28, 67, 216, 1);	
	}
	
	.tsr-icons-box-left2, .tsr-icons-box-left2:hover {
		width: 97%;
		position: relative;
		float: left;
		/*left: -6px;*/
		cursor: pointer;
		 border-radius: 25px 0px 0px 25px;
		-moz-border-radius: 25px 0px 0px 25px;
		-webkit-border-radius: 25px 0px 0px 25px;
		border-width: 1px 0px 2.5px 2px;
		border-style: solid solid solid solid;
		border-color: #2025e8 #1f24e4 #1f25ec #2d32ec;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(28, 67, 216, 1);
		box-shadow: 0px 0px 20px 0px rgba(28, 67, 216, 1);	
	}

	.tsr-icons-box-right, .tsr-icons-box-right:hover {
		position: relative;
		/*right: -6px;*/
		cursor: pointer;
	}
	
	.tsr-icons-left, .tsr-icons-left:hover {
		padding: 0px 0px 0px 10px;
	}
	
	.tsr-icons-box, .tsr-icons-box:hover {
		width: 10%;
		height: 40px;
		position: relative;
		float: left;
		cursor: pointer;
		 border-radius: 0px 25px 25px 0px;
		-moz-border-radius: 0px 25px 25px 0px;
		-webkit-border-radius: 0px 25px 25px 0px;
		border-width: 1px 1px 2.5px 0px;
		border-style: solid solid solid solid;
		border-color: #2025e8 #1f24e4 #1f25ec #2d32ec;	
		-webkit-box-shadow: 0px 0px 20px -10px rgba(28, 67, 216, 1);
		box-shadow: 0px 0px 20px -10px rgba(28, 67, 216, 1);
	}

	.tsr-icons-box2, .tsr-icons-box2:hover {
		width: 3%;
		height: 40px;
		position: relative;
		float: left;
		cursor: pointer;
		 border-radius: 0px 25px 25px 0px;
		-moz-border-radius: 0px 25px 25px 0px;
		-webkit-border-radius: 0px 25px 25px 0px;
		border-width: 1px 1px 2.5px 0px;
		border-style: solid solid solid solid;
		border-color: #2025e8 #1f24e4 #1f25ec #2d32ec;		
		-webkit-box-shadow: 0px 0px 20px -10px rgba(28, 67, 216, 1);
		box-shadow: 0px 0px 20px -10px rgba(28, 67, 216, 1);
	}
	
	.tsr-icons-right, .tsr-icons-right:hover {
		padding: 0px 10px 0px 0px;
	}
	
	.tsr-visibility-hidden {
		/*visibility: hidden;*/
		opacity: 0;
	}
	
	.tsr-visibility-hidden:hover {
		visibility: visible;
		opacity: 1;
	}
  
   .tsr-vis-block:hover {
        text-decoration: none;
        box-shadow: 0 0 0 1px #1924ab24 inset;
    }

	.tsr-vis-block:hover > .tsr-visibility-hidden {
		visibility: visible;
		opacity: 1;
    }
	
	.tsr-color-table:nth-child(even) {
        background: #FF0
    }

	.tsr-color-table:nth-child(odd)  {
		background: #f9f9f9;
    }
	
	.tsr-color-table2:first-child)  {
        background: #FF0
    }

	.tsr-color-table2:nth-child(2n+3) {
		background: #CCC
    }
	
	.records-autner > .tsr-colors-table1 {
        background: #eceaea;
    }

	.records-autner >.tsr-colors-table2  {
		background: #f9f9f9;
    }
	
	
	/* border castum ON */

	.tsr-border-groove1-all {
		border: 1px groove #000000;
	}
	
	/* border castum OFF */

	
	
	
	
	
	
	
	
	
	
	
	
/*	.filmy-container {
		width: 100%;
		height: auto;
		margin: 0px;
		float: left;
		
	}

	.filmy-conatain {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px;
		margin-top: 0;
		padding: auto;
		float: left;
	}

	.filmy {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 10px;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		float: left;
		box-shadow: 0 0 20px 10px black;
	}	

	.klasa-filmy {
		width: 25%;
		height: auto;
		padding: 10px;
		float: left;
		text-align: center;
	}

	.film-icon-box {
		width: 100%;
		height: 100%;
	}	*/
	

	
	
	/*  STOPKA ON  */

	#tsr-stopka-navigation {
		position: relative;
		width: auto;
		height: auto;
		margin-top: 200px;
		float: left;
	}
	
	.tsr-stopka-navigation {
		width: auto;
		height: auto;
	}
	
	#tsr-nav-stopka {
		position: relative;		
		width: 100%;
		height: 100px;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #090d6d;		
		z-index: 97;
	}
	
	.tsr-nav-stopka {
		width: 1200px;
		height: 100px;
		margin: auto;
		clear: both;
		/*background-color: #404C40;*/
	}
	
	#tsr-nav-stopka2 {
		position: relative;		
		width: 100%;
		height: 200px;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #171c94;		
		z-index: 97;
	}
	
	.tsr-nav-stopka2 {
		width: 1200px;
		height: 100px;
		margin: auto;
		clear: both;
		/*background-color: #404C40;*/
	}



	.tsr-stopka-left {
		width: 50%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	
	
	.tsr-stopka-right {
		width: 50%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: right;
		vertical-align: middle;
		/*background-color: orange;*/
	}	

	.tsr-stopka-text {
		display:table-cell;
		width: auto;
		height: auto;
		text-align: left;
		float: left;
		vertical-align: middle;
		font-size: 14px;
		color: rgb(255, 255, 255);
		/* kolor dla tej czionki  #a5wd  < | >  rgb(165, 13, 0)  */
		/*background-color: purple;*/
	}	
	
	.tsr-stopka-bottom-right {
		width: 800px;
		height: 100px;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}

	.tsr-stopka-bottom-right-hover {
		width: auto;
		height: auto;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}
	
	.logo-bottom {
		width: 425px;
		height: 90px;
		margin: 5px;
		margin-left: 0em;	
		margin-bottom: 0em;
		padding: 5px;
		text-align: left;
		float: left;
		display: block;

		transform: scale(1) rotate(0deg);		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 				
	}	
	
	.logo-bottom:hover {
		width: 425px;
		height: 90px;
		margin: 5px;
		margin-left: 0em;		
		text-align: left;
		float: left;
		display: block;
		
		transform: scale(0.6) rotate(5deg);
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 		
	}

	.logo-bottom1 {
		display: none;
	}

	.tsr-nav-bottom {
		display: block;
		position: absolute; bottom: 10px;
	}	

	.tsr-nav-bottom1 {
		display: none;
	}	

@media (max-width: 1200px) {
	#tsr-nav-stopka {
		width: 100%;
		height: 100px;
		margin: auto;
		margin-top: 200px;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #5f5f5f;		
	}
	
	.tsr-nav-stopka {
		width: 1140px;
		height: 100px;
		margin: auto;
		clear: both;
		background-color: #404C40;
	}
	
	.tsr-stopka-left {
		width: 40%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	
	
	.tsr-stopka-right {
		width: 60%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	

	.tsr-stopka-text {
		display:table-cell;
		width: auto;
		height: auto;
		margin: auto;
		margin-top: 70px;
		padding: 5px;
		text-align: left;
		float: left;
		vertical-align: middle;
		font-size: 15px;
		color: rgb(165, 13, 0);
		/* kolor dla tej czionki  #a5wd  < | >  rgb(165, 13, 0)  */
		/*background-color: purple;*/
	}	
	
	.tsr-stopka-bottom-right {
		width: 800px;
		height: 100px;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}

	.tsr-stopka-bottom-right-hover {
		width: auto;
		height: auto;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}
	
	.logo-bottom {
		width: 425px;
		height: 90px;
		margin: 5px;
		margin-left: 0em;	
		margin-bottom: 0em;
		padding: 5px;
		text-align: left;
		float: left;
		display: block;

		transform: scale(1) rotate(0deg);		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 				
	}	
	
	.logo-bottom:hover {
		width: 425px;
		height: 90px;
		margin: 5px;
		margin-left: 0em;		
		text-align: left;
		float: left;
		display: block;
		
		transform: scale(0.6) rotate(5deg);
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 		
	}

}

@media (max-width: 992px) {
	#tsr-nav-stopka {
		width: 100%;
		height: 100px;
		margin: auto;
		margin-top: 200px;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #5f5f5f;		
	}
	
	.tsr-nav-stopka {
		width: 100%;
		height: 100px;
		margin: auto;
		clear: both;
		background-color: #404C40;
	}
	
	.tsr-stopka-left {
		width: 60%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	
	
	.tsr-stopka-right {
		width: 40%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	

	.tsr-stopka-text {
		display:table-cell;
		width: auto;
		height: auto;
		margin: auto;
		margin-top: 70px;
		padding: 5px;
		text-align: left;
		float: left;
		vertical-align: middle;
		font-size: 15px;
		color: rgb(165, 13, 0);
		/* kolor dla tej czionki  #a5wd  < | >  rgb(165, 13, 0)  */
		/*background-color: purple;*/
	}	
	
	.tsr-stopka-bottom-right {
		width: 800px;
		height: 100px;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}

	.tsr-stopka-bottom-right-hover {
		width: auto;
		height: auto;
		margin: auto;
		float: right;
		/*background-color: green;*/
	}	
	
	.logo-bottom1 {
		width: 100px;
		height: auto;
		margin: 0px;
		margin-top: 15px;
		margin-right: 15px;
		text-align: right;
		float: right;
		display: block;
		z-index: 99;

		transform: scale(1) rotate(0deg);		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 				
	}	
	
	.logo-bottom1:hover {
		width: 100px;
		height: auto;
		margin: 0px;		
		margin-top: 15px;
		margin-right: 15px;		
		text-align: right;
		float: right;
		z-index: 99;
		
		transform: scale(0.7) rotate(360deg);
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 		
	}

	.logo-bottom {
		display: none;
	}	
	
}

@media (max-width: 768px) {
	#tsr-nav-stopka {
		width: 100%;
		height: 100px;
		margin: auto;
		margin-top: 100px;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #5f5f5f;		
	}
	
	.tsr-nav-stopka {
		width: 100%;
		height: 100px;
		margin: auto;
		clear: both;
		background-color: #404C40;
	}
	
	.tsr-stopka-left {
		width: 70%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	
	
	.tsr-stopka-right {
		width: 30%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	

	.tsr-stopka-text {
		display:table-cell;
		width: auto;
		height: auto;
		margin: auto;
		margin-top: 70px;
		padding: 5px;
		text-align: left;
		float: left;
		vertical-align: middle;
		font-size: 13px;
		color: rgb(165, 13, 0);
		/* kolor dla tej czionki  #a5wd  < | >  rgb(165, 13, 0)  */
		/*background-color: purple;*/
	}	
	
	.tsr-stopka-bottom-right {
		width: 800px;
		height: 100px;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}

	.tsr-stopka-bottom-right-hover {
		width: auto;
		height: auto;
		margin: auto;
		float: right;
		/*background-color: green;*/
	}	
	
	.logo-bottom1 {
		width: 100px;
		height: auto;
		margin: 0px;
		margin-top: 15px;
		margin-right: 15px;
		text-align: right;
		float: right;
		display: block;
		z-index: 99;

		transform: scale(1) rotate(0deg);		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 				
	}	
	
	.logo-bottom1:hover {
		width: 100px;
		height: auto;
		margin: 0px;		
		margin-top: 15px;
		margin-right: 15px;		
		text-align: right;
		float: right;
		z-index: 99;
		
		transform: scale(0.7) rotate(360deg);
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 		
	}

	.logo-bottom {
		display: none;
	}
}

@media (max-width: 576px) {
	#tsr-nav-stopka {
		width: 100%;
		height: auto;
		margin: auto;
		margin-top: 100px;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #5f5f5f;		
	}
	
	.tsr-nav-stopka {
		width: 100%;
		height: auto;
		margin: auto;
		clear: both;
		background-color: #404C40;
	}
	
	.tsr-stopka-left {
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	
	
	.tsr-stopka-right {
		width: 100%;
		height: 100px;
		margin: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		/*background-color: orange;*/
	}	

	.tsr-stopka-text {
		display:table-cell;
		width: auto;
		height: auto;
		margin: auto;
		margin-top: 0px;
		padding: 0px;
		padding-top: 2px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		text-align: left;
		float: left;
		vertical-align: middle;
		font-size: 11px;
		color: rgb(165, 13, 0);
		/* kolor dla tej czionki  #a5wd  < | >  rgb(165, 13, 0)  */
		/*background-color: purple;*/
	}	
	
	.tsr-stopka-bottom-right {
		width: 800px;
		height: 100px;
		margin: auto;
		float: left;
		/*background-color: green;*/
	}

	.tsr-stopka-bottom-right-hover {
		width: auto;
		height: auto;
		margin: auto;
		margin-left: 32.5%;
		margin-right: 32.5%;
		float: right;
		/*background-color: green;*/
	}	
	
	.logo-bottom1 {
		width: 100px;
		height: auto;
		margin: 0px;
		margin-top: 15px;
		margin-right: 15px;
		text-align: right;
		float: right;
		display: block;
		z-index: 99;

		transform: scale(1) rotate(0deg);		
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 				
	}	
	
	.logo-bottom1:hover {
		width: 100px;
		height: auto;
		margin: 0px;		
		margin-top: 15px;
		margin-right: 15px;		
		text-align: right;
		float: right;
		z-index: 99;
		
		transform: scale(0.7) rotate(360deg);
		-webkit-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-moz-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-ms-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		-o-transition: all 1.5s cubic-bezier(0.16, 0.68, 0.67, 1);
		transition: all 1s cubic-bezier(0.16, 0.68, 0.67, 1); 		
	}

	.logo-bottom {
		display: none;
	}

	.tsr-nav-bottom {
		display: none;
	}

	.tsr-nav-bottom1 {
		display: block;
	}
} 	
	
	/*  STOPKA OFF  */	