/*
//
//				Black min styles - szablon kaskadowy css
//									V.1.0
//				  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 */

@charset "UTF-8";

: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: 576;
	--breakpoint-sm: 768px;
	--breakpoint-md: 992px;
	--breakpoint-lg: 1200px;
	--breakpoint-xl: 1600px;
}

/* root  OFF */

    /* Znaczniki html, body regulują położenie znacznikuw i ich ułużenie */
    html, body {
		margin: 0;
		padding: 0;
		border: 0;
		text-align: center;
		height: 100%;
		font-family: 'PT Sans', sans-serif;
		background-color: #dadada;
		
	/* 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,*:hover {
		box-sizing: border-box;
	}

	.animation::before,.animation::after,.animation:hover {
		-webkit-transition-property: all; /* Safari */
		-webkit-transition-duration: 0.5s; /* Safari */
		-webkit-transition-delay: 0.5s; /* Safari */
		transition-property: all;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
		-webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
		animation-delay: 0.5s;
	}

	*,.animation-cler*, *.animation-cler, .animation-cler, .animation-cler::before, .animation-cler::after, .animation-cler:hover {
		-webkit-transition-property: unset; /* Safari */
		-webkit-transition-duration: 0s; /* Safari */
		-webkit-transition-delay: 0s; /* Safari */
		transition-property: unset;
		transition-duration: 0s;
		transition-delay: 0s;
		-webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
		animation-delay: 0s;
	}
	
	/* 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: rgb(20, 142, 8);
		-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: #0ea705 #0e8e06 #0b8404 #0e6909;	
		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: rgb(29, 158, 16);
		-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: #4dad48 #34a92c #2ca725 #1e9e17;		
		outline: none; 		
	}
	
	button, .button{
		display: block;
		color: white;
		width: 100%;
		height: 40px;
		padding-left: 15px;
		padding-right: 20px;
		margin: 2px 0px 2px 0px;
		text-align: center;
		background-color: rgb(10, 103, 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: #2b7f26 #1f731a #145d10 #0e4c0b;	
		outline: none; 		
	}
	
	select, .select:hover{
		outline: none; 		
	}

	input[type="text"] {
		background-color: rgb(45, 138, 3);			
	}

	input[type="password"] {	
		background-color: rgb(45, 132, 5);			
	}

	input[type="RESET"] {		
		background-color: rgb(46, 121, 11));			
	}

	input[type="button"] {		
		background-color: rgb(51, 117, 20);	
	}

	input[type="submit"] {		
		background-color: rgb(44, 117, 9);	
	}

	input[type="checkbox"] {
		display: inline;		
		width: 20px;
		height: 20px;
		background-color: rgb(37, 101, 6);	
		vertical-align: middle;
	}
	
	input[type="radio"] {
		display: inline;		
		width: 25px;
		height: 25px;
		text-shadow: 0 0 0px transparent;
		box-shadow: 0 0 transparent;
		background-color: rgb(37, 101, 6);	
		vertical-align: middle;
	}
	
	input[type="file"] {		
		padding: 8px 20px;
		background-color: rgba(11, 128, 0, 1);	
		vertical-align: middle;
	}
	
	label {
		display: inline-block;	
		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  */	
	
	#overlay{
		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: 97; 
	}
	
	.overlay {
		box-sizing: border-box;
		width: 1600px;
		/*height: 200px;*/	
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}

@media (max-width: 1600px) {
	#overlay{
		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: 97; 
	}
	
	.overlay {
		box-sizing: border-box;
		max-width: 1485px;
		width: 100%;
		/*height: 200px;	*/
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}
}

@media (max-width: 1200px) {
	.overlay {
		box-sizing: border-box;
		max-width: 1140px;
		width: 100%;
		/*height: 200px;	*/
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}	
}

@media (max-width: 992px) {
	.overlay {
		box-sizing: border-box;
		max-width: 960px;
		width: 100%;
		/*height: 200px;	*/
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}	
}

@media (max-width: 768px) {
	.overlay {
		box-sizing: border-box;
		max-width: 720px;
		width: 100%;
		/*height: 200px;	*/
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}	
}

@media (max-width: 576px) {
	.overlay {
		box-sizing: border-box;
		max-width: 540px;
		width: 100%;
		/*height: 200px;	*/
		margin: auto;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);		
	}	
}

	/* menu główne ON */	
	
	.tsr-nav-menu {
		width: 100%;
		height: 60px;
		float: left;
		box-shadow: 0px 0px 15px -2px black;
		margin: 0;
		transition: all 2s cubic-bezier(0.31, 0.7, 0, 1.38);						
		z-index: 100; 
	}
	
	.tsr-nav-menu:hover {
		background-color: green;
	}
	
	.tsr-menu-hover {
		background-color: green;
	}
	

	
	.tsr-nav-menu-fixed {
		position: fixed;	
		top: -60px;
		width: 100%;
		height: 60px;
		/*background-color: #0000FF;*/        
		background: green;
		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%);			
	}
	
	
	
	.logo {
		height: 100%;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		padding: 10px;
		object-fit: contain;
		background-size: contain;
		background-image: url();
		background-repeat: no-repeat;
	} 
	
	.logo:hover {
		margin-top: 5px;
		-ms-transform: rotate(5deg); /* IE 9 */
		-webkit-transform: rotate(5deg); /* Safari 3-8 */
		transform: rotate(5deg) scale(0.7);
	} 
	
	.tsr-menu-hiden {
		display: block;
	}
	
	.tsr-menu-avatar {
		width: 100%;
		height: auto;
		position: relative;
		visibility: visible;
		font-size: 16px;
		transition: all 0.5s cubic-bezier(.49,-0.02,.5,1.03);
		cursor: pointer;
		
	}
	
	.tsr-menu-avatar-img-right {
		width: 50px;
		height: 50px;
		padding: 5px;
		float: right;
	}
	
	.tsr-vertical-auto-img-left {
		width: 50px;
		height: 50px;
		padding: 5px;
		float: left;
	}
	
	.tsr-vertical-auto-img-right {
		width: 50px;
		height: 50px;
		padding: 5px;
		float: right;
	}
	
	.avatar {
		width: 75px;
		height: 75px;
		padding: 5px;
	}
	
	.tsr-menu-avatar-left {
		display: inline-block;
		font-size: 16px;
		vertical-align: sub;
	}
	
	.tsr-vertical-auto-left {
		display: inline-block;
		font-size: 16px;
		vertical-align: sub;
	}
	
	.tsr-vertical-auto-right {
		display: inline-block;
		font-size: 16px;
		vertical-align: sub;
	}
	
	.tsr-menu-avatar-right-submenu {
		display: none;
		position: fixed;
		right: 0px;
		margin-right: 0px;
		padding: 10px;
		border-right: 0px;
		top: 60px;
		min-width: 250px;
		font-size: 16px;
		transition-delay: 20s;
		background-color: #2fc316;
		z-index: 97;
	}
	
	.tsr-menu-avatar:hover > .tsr-menu-avatar-right-submenu {
		display: block;
		position: fixed;
		right: 0px;
		margin-right: 0px;
		padding: 10px;
		border-right: 0px;
		top: 55px;
		transition-delay: 20s;
		background-color: #2fc316;
	}

	.tsr-menu-avatar-left-submenu {
		display: none;
		position: fixed;
		rleft: 0px;
		margin-left: 0px;
		padding: 10px;
		border-left: 0px;
		top: 60px;
		min-width: 250px;
		font-size: 16px;
		transition-delay: 20s;
		background-color: #2fc316;
		z-index: 97;
	}
	
	.tsr-menu-avatar:hover > .tsr-menu-avatar-left-submenu {
		display: block;
		position: fixed;
		left: 0px;
		margin-left: 0px;
		padding: 10px;
		border-left: 0px;
		top: 55px;
		transition-delay: 20s;
		background-color: #2fc316;
	}
	
	/*  menu główne ON */

	/* ------------------------ POZIOME MENU CSS ------------------------ */
    /* wygląd elementu - ol */
	
	.menu {
		margin: 0 auto;
		padding: 0;
		width: fit-content;
		list-style-type: none;
		
		-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;
	}
	
	/* naprawa wysokości elementu - ol */
	
	.menu:after {
		content: '';
        display: block;
        clear: both;
		
		-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;
	}
	
	.menu::before {
		-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;
	}
	
	/* wygląd elementów - li */
	
	.menu > li {
		float: left;
		
		-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;
	}
	
	/* pierwszy element - li - elementu o identyfikatorze menu */
	
	.menu > li:first-child {
        background-color: black;
		
		-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;
    }
	
	/* drugi element - li - elementu o identyfikatorze menu */
	
	.menu > li:first-child + li {
		background-color: green;
		
		-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;
	}	
	
	/* trzeci element - li - elementu o identyfikatorze menu */
	
	.menu > li:first-child + li + li {
		background-color: orange;
		
		-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;
	}	
	
	/* czwarty element - li - elementu o identyfikatorze menu */
	
	.menu > li:first-child + li + li + li {
		background-color: blue;
		
		-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;
    }
	
	/* wygląd elementów - a */
	
	.menu > li > a {
		display: block;
		padding: 15px;
		text-decoration: none;
		text-align: center;
		color: #000;
		background-color: #DDD;
		box-shadow: 0 0 0 1px #FFF inset;
		background-image: linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);
		
		-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;
	}
	
	/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
	
	.menu > li:hover > a {
		color: #00FFFF;
		background-color: #FFF;
		background-image: none;
		
		-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;
    }
	
	/* unvisited link */
	.menu a:link {
		color: black;
		
		-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;
	}

	/* visited link */
	.menu a:visited {
		color: black;
		
		-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;
	}

	/* mouse over link */
	.menu a:hover {
		color: red;
		
		-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;
	}

	/* selected link */
	.menu a:active {
		color: yellow;
		
		-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;
	}
	
	/* -------------------- ROZWIJANA CZĘŚĆ MENU CSS -------------------- */
    /* wygląd elementów - li - rodzica każdej części rozwijanej menu CSS */
		.menu > li {
		position:relative;
		text-align: left;
		
		-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;
    }

    /* wygląd elementów - ul */
    .menu > li > ul {
		text-align: left;		
		width:200px;
		min-width: 150px;
		max-width: 200px;
		display:none;
		position:absolute;
		z-index:1;
		margin:0;
		padding:0;
		list-style-type:none;
		background-color:#FFF;
		
		-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;
    }

    /* wygląd elementów - ul - po najechaniu kursorem myszki na element - li */
    .menu > li:hover > ul {
		display:block;
		text-align: left;		
		
		-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;
    }

    /* wygląd elementów - li */
    .menu > li > ul > li {
		box-shadow:0 -4px 4px -4px #AAA;
		text-align: left;		
		
		-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;
    }

    /* wygląd pierwszego dziecka elementu typu - li */
    .menu > li > ul > li:first-child {
		box-shadow:none;
		text-align: left;		
		
		-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;
    }

    /* wygląd ostatniego dziecka elementu typu - li */
	.menu > li > ul > li:last-child {
		box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;
		text-align: left;		
		
		-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;
    }

    /* wygląd elementów - a */
    .menu > li > ul > li > a {
		display:block;
		text-decoration:none;
		padding:15px;
		color:#000;
		text-align: left;		
		
		-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;
    }

    /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
    .menu > li > ul > li:hover > a {
		color:#00F; 
		background-color:#F0F0F0;
		background-image:linear-gradient(#FFF, #EEE, #FFF);
		text-align: left;		
		
		-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;
    }
	
	/*  menu główne OFF  */

@media (max-width: 1600px) {
	
}

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	.tsr-nav-menu {
		height: 55px;
	}
	
	.tsr-menu-hiden {
		display: none;
	}
}

@media (max-width: 768px) {
	.tsr-nav-menu {
		height: 50px;
	}
}

@media (max-width: 576px) {
	
}	
	/* menu główne OFF */	
	
	/* menu left i right ON */
	
		.tsr-nav-menu-left {
			position: fixed;
			width: 300px;
			height: 100%;
			font-size: 18px;
			top: 0;
			left: 0;
			float: left;
			z-index: 99;
			/*overflow: auto;*/
			box-shadow: -10px 0px 20px 0px black;
			transition: all 1s cubic-bezier(.49,-0.02,.5,1.03), padding 0s cubic-bezier(.49,-0.02,.5,1.03);
		}
		
		.tsr-nav-menu-left2 {
			margin-top: 60px;
			padding-bottom: 60px;
		}
		
		.tsr-menu-background {
			background-color: green;
		}
		
		.tsr-nav-menu-left > * {
			display: inline-block;
		}
		
		.tsr-menu-left > * {
			/*vertical-align: middle;*/
		}
		
		.middle > * {
			/*vertical-align: middle;*/
		}
		
		.tsr-nav-menu-left:hover {
			background-color: green;
			/*overflow: auto;*/
		}

	/*overflow: auto; 
    overflow-anchor: auto;
    scroll-margin: inherit;
    overflow-wrap: normal;
    overscroll-behavior: contain;
    text-overflow: clip;
    scroll-behavior: auto;
    scroll-margin-inline: inherit;
    scroll-padding: inherit;
    overscroll-behavior: contain;*/

	.tsr-nav-menu-right {
		position: fixed;
		width: 300px;
		height: 100%;
		top: 0;
		right: 0;
		float: left;
		z-index: 99;
		overflow: auto;
		box-shadow: 10px 0px 20px 0px black;
		transition: all 1s cubic-bezier(.49,-0.02,.5,1.03);
	}
		
	.tsr-nav-menu-mobile {
		background-color: green;
	}
		
	.tsr-nav-menu-right:hover {
		background-color: green;
		overflow: auto;
		transition: all 1s cubic-bezier(.49,-0.02,.5,1.03);
	}
		
	.tsr-button-menu-left {
		margin: 10px;
		display: none;
		float: left;
	}	
	
	.tsr-button-menu-right {
		margin: 10px;
		display: none;
		float: left;
	}		
	
	.tsr-nav-menu-img {
		width: 50px;
		height: 50px;
		padding: 5px;
		vertical-align: middle;
	}
	
	.tsr-nav-menu-img-left {
		width: 50px;
		height: 50px;
		padding: 5px;
		float: left;
	}
	
	.tsr-nav-menu-img-right {
		width: 50px;
		height: 50px;
		padding: 5px;
		float: right;
	}
	
	.tsr-nav-menu-size {
		display: inline-block;
		font-size: 18px;
	}
	
	.tsr-nav-menu-size2 {
		display: inline-block;
		font-size: 18px;
		vertical-align: sub;
	}
	
	.tsr-nav-menu-left-minimalize {
		width: 50px;
	}
	
	.tsr-nav-menu-left-minimalize > .viewport > .overview > .menu-left > a > .menu-item > .tsr-nav-menu-size {
		display: none;
	}
	
	.tsr-nav-menu-left-minimalize > .viewport > .overview > .menu-left > a > .menu-item > .tsr-nav-menu-size2 {
		display: none;
	}

	.tsr-nav-menu-right-minimalize {
		width: 50px;
	}
	
	.tsr-nav-menu-right-minimalize > .viewport > .overview > .menu-left > a > .menu-item > .tsr-nav-menu-size {
		display: none;
	}
	
	.tsr-nav-menu-right-minimalize > .viewport > .overview > .menu-left > a > .menu-item > .tsr-nav-menu-size2 {
		display: none;
	}
	
	.menu-left {
		position: relative;
		visibility: visable;
		transition: all 0.5s cubic-bezier(.49,-0.02,.5,1.03);
		cursor: pointer;
		-webkit-transition-property: all; /* Safari */
		-webkit-transition-duration: 0.5s; /* Safari */
		-webkit-transition-delay: 0.5s; /* Safari */
		transition-property: all;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
	}
	
	.menu-left-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		margin-left: 300px;
		margin-top: -35px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}
	
	.menu-left:hover {
		background-color: lime;
		transition: all 0.5s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.menu-left:hover > .menu-left-hover {
		position: fixed;
		display: block;
		-webkit-transition-property: all; /* Safari */
		-webkit-transition-duration: 0.5s; /* Safari */
		-webkit-transition-delay: 0.5s; /* Safari */
		transition-property: all;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
		
	}
	
	.menu-left:hover > .menu-left-hover > a > .menu-left-submenu {
		padding: 10px;
		background-color: rgb(115, 184, 9);
		cursor: pointer;
		transition: all 0.2s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.menu-left:hover > .menu-left-hover > a > .menu-left-submenu:hover {
		background-color: #07c133;
		transition: all 0.2s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.menu-left-submenu {
		box-shadow: inset 0 0 4px black;
	}

	.tsr-nav-menu-left-minimalize > .viewport > .overview > .menu-left > .menu-left-hover {
		margin-left: 50px;
		margin-top: 0px;
	}


	.menu-left-hover {
		animation: animationFrames linear 0.2s;
		animation-iteration-count: 1;
		transform-origin: 50% 50%;
		-webkit-animation: animationFrames linear 0.2s;
		-webkit-animation-iteration-count: 1;
		-webkit-transform-origin: 50% 50%;
		-moz-animation: animationFrames linear 0.2s;
		-moz-animation-iteration-count: 1;
		-moz-transform-origin: 50% 50%;
		-o-animation: animationFrames linear 0.2s;
		-o-animation-iteration-count: 1;
		-o-transform-origin: 50% 50%;
		-ms-animation: animationFrames linear 0.2s;
		-ms-animation-iteration-count: 1;
		-ms-transform-origin: 50% 50%;
		-webkit-transition-property: all; /* Safari */
		-webkit-transition-duration: 0.5s; /* Safari */
		-webkit-transition-delay: 0.5s; /* Safari */
		transition-property: all;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
	}

@keyframes animationFrames{
  0% {
    transform:  translate(-60px,0px)  scaleX(0.00) ;
  }
  100% {
    transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(-60px,0px)  scaleX(0.00) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(-60px,0px)  scaleX(0.00) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(-60px,0px)  scaleX(0.00) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(-60px,0px)  scaleX(0.00) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

	.menu-right {
		position: relative;
		visibility: visable;
		transition: all 0.5s cubic-bezier(.49,-0.02,.5,1.03);
		cursor: pointer;
		-webkit-transition-property: all; /* Safari */
		-webkit-transition-duration: 0.5s; /* Safari */
		-webkit-transition-delay: 0.5s; /* Safari */
		transition-property: all;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
	}
	
	.menu-right-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		right: 300px;
		margin-top: -35px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}
	
	.menu-right:hover {
		background-color: lime;
		transition: all 0.5s cubic-bezier(.49,-0.02,.5,1.03);
		-webkit-transition-property: all; /* Safari */
		-webkit-transition-duration: 0.5s; /* Safari */
		-webkit-transition-delay: 0.5s; /* Safari */
		transition-property: all;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
	}
	
	.menu-right:hover > .menu-right-hover {
		position: fixed;
		display: block;
		
	}
	
	.menu-right:hover > .menu-right-hover > a > .menu-right-submenu {
		padding: 10px;
		background-color: rgb(115, 184, 9);
		cursor: pointer;
		transition: all 0.2s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.menu-right:hover > .menu-right-hover > a > .menu-right-submenu:hover {
		background-color: #07c133;
		transition: all 0.2s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.menu-right-submenu {
		box-shadow: inset 0 0 4px black;
	}

	.tsr-nav-menu-right-minimalize > .viewport > .overview  > .menu-right > .menu-right-hover {
		right: 50px;
		margin-top: 0px;
	}


	.menu-right-hover {
		animation: animationFrames linear 0.2s;
		animation-iteration-count: 1;
		transform-origin: 50% 50%;
		-webkit-animation: animationFrames linear 0.2s;
		-webkit-animation-iteration-count: 1;
		-webkit-transform-origin: 50% 50%;
		-moz-animation: animationFrames linear 0.2s;
		-moz-animation-iteration-count: 1;
		-moz-transform-origin: 50% 50%;
		-o-animation: animationFrames linear 0.2s;
		-o-animation-iteration-count: 1;
		-o-transform-origin: 50% 50%;
		-ms-animation: animationFrames linear 0.2s;
		-ms-animation-iteration-count: 1;
		-ms-transform-origin: 50% 50%;
	}

@keyframes animationFrames{
  0% {
    transform:  translate(60px,0px)  scaleX(0.00) ;
  }
  100% {
    transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(60px,0px)  scaleX(0.00) ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(60px,0px)  scaleX(0.00) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(60px,0px)  scaleX(0.00) ;
  }
  100% {
    -o-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(60px,0px)  scaleX(0.00) ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  scaleX(1.00) ;
  }
}
	
@media (max-width: 1600px) {
	.tsr-nav-menu-left {
		width: 250px;
	}

	.tsr-nav-menu-right {
		width: 250px;
	}	
	
	.tsr-nav-menu-size {
		display: inline-block;
		font-size: 16px;
	}
	
	.tsr-nav-menu-size2 {
		display: inline-block;
		font-size: 16px;
		vertical-align: sub;
	}
	
	.tsr-nav-menu-left-minimalize {
		width: 50px;
	}
	
	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size {
		display: none;
	}	
	
	.tsr-nav-menu-right-minimalize {
		width: 50px;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size {
		display: none;
	}

	.menu-left-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		margin-left: 250px;
		margin-top: -35px;
		font-size: 16px;
		box-shadow: 0 0 10px black;
	}

	.menu-right-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		right: 250px;
		margin-top: -35px;
		font-size: 16px;
		box-shadow: 0 0 10px black;
	}

}

@media (max-width: 1200px) {
	.tsr-nav-menu-left {
		width: 50px;
	}

	.tsr-nav-menu-right {
		width: 50px;
	}	
		
	.tsr-nav-menu-size, .tsr-nav-menu-size2 {
		display: none;
	}	
	
	.tsr-nav-menu-left-minimalize {
		width: 50px;
	}
	
	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size {
		display: none;
	}

	.tsr-nav-menu-right-minimalize {
		width: 50px;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size {
		display: none;
	}	
	
	.menu-left-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		margin-left: 50px;
		margin-top: 0px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}

	.menu-right-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		right: 50px;
		margin-top: 0px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}
	
	.tsr-button-menu-left-minimalize {
		display: none;
	}
	
	.tsr-button-menu-right-minimalize {
		display: none;
	}	
}

@media (max-width: 992px) {
	.tsr-nav-menu-right-minimalize > .menu-right > .menu-right-hover {
		margin-right:;
		margin-top:;
	}
	
	.tsr-nav-menu-left-minimalize > .menu-left > .menu-left-hover {
		margin-left:;
		margin-top:;
	}		
	
	.tsr-nav-menu-left {
		width: 45px;
	}

	.tsr-nav-menu-right {
		width: 45px;
	}	
	
	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size {
		display: block;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size {
		display: block;
	}		
	
	.tsr-nav-menu-left2 {
		margin-top: 55px;
		padding-bottom: 55px;
	}

	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size {
		display: none;
	}
	
	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size2 {
		display: none;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size {
		display: none;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size2 {
		display: none;
	}

	.menu-left-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		margin-left: 45px;
		margin-top: 0px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}
	
	.tsr-nav-menu-right-minimalize > .viewport > .overview  > .menu-left > .menu-right-hover {
		left: auto!important;
	}
	
	.tsr-nav-menu-right-minimalize > .viewport > .overview  > .menu-right > .menu-right-hover {
		right: auto!important;
	}
	
	.menu-right-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		right: 45px;
		margin-top: 0px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}	
	
	.tsr-button-menu-left-minimalize {
		display: none;
	}
	
	.tsr-button-menu-right-minimalize {
		display: none;
	}
}

@media (max-width: 768px) {
	.tsr-nav-menu-left {
		width: 0px;
		background-color: green;
	}

	.tsr-nav-menu-right {
		width: 0px;
		background-color: green;
	}	
	
	.tsr-nav-menu-size, .tsr-nav-menu-size2 {
		display: inline-block;
	}	 
	
	.tsr-nav-menu-visable {
		visibility: visible;
		width: 50%;
		transition: all 1s cubic-bezier(.49,-0.02,.5,1.03);
	}

	.tsr-button-menu-left {
		margin: 5px;
		display: block;
	}	
	
	.tsr-button-menu-right {
		margin: 5px;
		display: block;
	}	
	
	.tsr-nav-menu-left2 {
		margin-top: 0px;
		padding-bottom: 0px;
		z-index: 998;
	}	
	
	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size {
		display: inline-block;
	}
	
	.tsr-nav-menu-left-minimalize > .menu-left > .tsr-nav-menu-size2 {
		display: inline-block;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size {
		display: inline-block;
	}
	
	.tsr-nav-menu-right-minimalize > .menu-right > .tsr-nav-menu-size2 {
		display: inline-block;
	}	

	.menu-left-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		margin-left: 50%;
		margin-top: -35px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}

	.menu-right-hover {
		display: none;
		min-width: 150px;
		width: auto;
		height: auto;
		right: 50%;
		margin-top: -35px;
		font-size: 18px;
		box-shadow: 0 0 10px black;
	}	
}

@media (max-width: 576px) {
	.tsr-nav-menu-visable {
		visibility: visible;
		width: 100%;
		transition: all 1s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.menu-left-hover {
		margin-left: 0px;
		margin-top: 30px;
	}
	
	.menu-left:hover > .menu-left-hover {
		position: relative;
	}

	.menu-right-hover {
		right: 0px;
		margin-top: 30px;
	}
	
	.menu-right:hover > .menu-right-hover {
		position: relative;
	}	
}
	
	/* menu left i right OFF */	

	/* menu mobile ON */
	.tsr-nav-menu-mobile {
		position: fixed;
		top: 60px;
		width: 100%;
		height: 0px;
		display: none;
		float: left;
		background-color: green;
		overflow: auto;
		z-index: 99;
		box-shadow: 0 0 10px 0px black;
		transition: all 1s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.tsr-nav-menu-mobile-toogle {
		height: auto;
		max-height: 100%;
		padding-bottom: 60px;
		transition: all 0.5s cubic-bezier(.49,-0.02,.5,1.03);
	}
	
	.tsr-button-menu-mobile {
		margin: 10px;
		display: none;
		float: left;
	}
	
	.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-nav-menu-mobile-toogle {
	  animation: animate-menu-mobile linear 0.5s;
	  animation-iteration-count: 1;
	  transform-origin: 50% 50%;
	  -webkit-animation: animate-menu-mobile linear 0.5s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  -moz-animation: animate-menu-mobile linear 0.5s;
	  -moz-animation-iteration-count: 1;
	  -moz-transform-origin: 50% 50%;
	  -o-animation: animate-menu-mobile linear 0.5s;
	  -o-animation-iteration-count: 1;
	  -o-transform-origin: 50% 50%;
	  -ms-animation: animate-menu-mobile linear 0.5s;
	  -ms-animation-iteration-count: 1;
	  -ms-transform-origin: 50% 50%;
	}

	@keyframes animate-menu-mobile{
		  0% {
			transform:  translate(0px,0px)  scaleY(0.00) ;
		  }
		  100% {
			transform:  translate(0px,0px)  scaleY(1.00) ;
		  }
	}

	@-moz-keyframes animate-menu-mobile{
		  0% {
			-moz-transform:  translate(0px,0px)  scaleY(0.00) ;
		  }
		  100% {
			-moz-transform:  translate(0px,0px)  scaleY(1.00) ;
		  }
	}

	@-webkit-keyframes animate-menu-mobile {
		  0% {
			-webkit-transform:  translate(0px,0px)  scaleY(0.00) ;
		  }
		  100% {
			-webkit-transform:  translate(0px,0px)  scaleY(1.00) ;
		  }
	}

	@-o-keyframes animate-menu-mobile {
		  0% {
			-o-transform:  translate(0px,0px)  scaleY(0.00) ;
		  }
		  100% {
			-o-transform:  translate(0px,0px)  scaleY(1.00) ;
		  }
	}

	@-ms-keyframes animate-menu-mobile {
		  0% {
			-ms-transform:  translate(0px,0px)  scaleY(0.00) ;
		  }
		  100% {
			-ms-transform:  translate(0px,0px)  scaleY(1.00) ;
		  }
	}

	/* ------------------------ POZIOME MENU CSS ------------------------ */
    /* wygląd elementu - ol */
	
	.menu-mobile {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		width: 100%;
		
		-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;
	}
	
	/* naprawa wysokości elementu - ol */
	
	.menu-mobile:after {
		content: '';
        display: block;
        clear: both;
		
		-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;
	}
	
	.menu-mobile::before {
		-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;
	}
	
	/* wygląd elementów - li */
	
	.menu-mobile > li {
		float: none;
		
		-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;
	}
	
	/* wygląd elementów - a */
	
	.menu-mobile > li > a {
		display: block;
		padding: 15px;
		text-decoration: none;
		text-align: center;
		color: #000;
		background-color: #DDD;
		box-shadow: 0 0 0 1px #FFF inset;
		background-image: linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);
		
		-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;
	}
	
	/* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
	
	.menu-mobile > li:hover > a {
		color: #00FFFF;
		background-color: #FFF;
		background-image: none;
		
		-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;
    }
	
	/* unvisited link */
	.menu a:link {
		color: black;
		
		-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;
	}

	/* visited link */
	.menu-mobile a:visited {
		color: black;
		
		-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;
	}

	/* mouse over link */
	.menu-mobile a:hover {
		color: red;
		
		-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;
	}

	/* selected link */
	.menu-mobile a:active {
		color: yellow;
		
		-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;
	}
	
	/* -------------------- ROZWIJANA CZĘŚĆ MENU CSS -------------------- */
    /* wygląd elementów - li - rodzica każdej części rozwijanej menu CSS */
	.menu-mobile > li {
		position:relative;
		text-align: left;
		
		-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;
    }

    /* wygląd elementów - ul */
    .menu-mobile > li > ul {
		text-align: left;		
		width:100%;
		display:none;
		z-index:1;
		margin:0;
		padding:0;
		list-style-type:none;
		background-color:#FFF;
		
		-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;
    }

    /* wygląd elementów - ul - po najechaniu kursorem myszki na element - li */
    .menu-mobile > li:hover > ul {
		display:block;
		text-align: left;		
		
		-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;
    }

    /* wygląd elementów - li */
    .menu-mobile > li > ul > li {
		box-shadow:0 -4px 4px -4px #AAA;
		text-align: left;		
		
		-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;
    }

    /* wygląd pierwszego dziecka elementu typu - li */
    .menu-mobile > li > ul > li:first-child {
		    box-shadow: 0px 0px 1px 0px #AAA;
		text-align: left;		
		
		-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;
    }

    /* wygląd ostatniego dziecka elementu typu - li */
	.menu-mobile > li > ul > li:last-child {
		box-shadow: 0px 0px 1px 0px #AAA, inset 0px 0px 4px 0px #AAA;
		text-align: left;		
		
		-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;
    }

    /* wygląd elementów - a */
    .menu-mobile > li > ul > li > a {
		display:block;
		text-decoration:none;
		padding:15px;
		color:#000;
		text-align: left;		
		
		-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;
    }

    /* wygląd elementów - a - po najechaniu kursorem myszki na element - li */
    .menu-mobile > li > ul > li:hover > a {
		color:#00F; 
		background-color:#F0F0F0;
		background-image:linear-gradient(#FFF, #EEE, #FFF);
		text-align: left;		
		
		-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;
    }
	
@media (max-width: 1600px) {
	
}

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	.tsr-nav-menu-mobile {
		display: block;
	}
	
	.tsr-button-menu-mobile {
		margin: 10px;
		display: block;
	}
	
}

@media (max-width: 768px) {
	.tsr-nav-menu-mobile {
		top: 0px;
		z-index: 999;
	}
	
	.tsr-nav-menu-mobile-toogle {
		padding-bottom: 0px;
	}
	
	.tsr-button-menu-mobile {
		margin: 5px;
	}
}

@media (max-width: 576px) {
	
}	
	/* menu mobile OFF */

	/* tsr scrolbar ON */

	#tsr-scroll::-webkit-scrollbar-track {
		background-color: #00000000;
		width:10px;
		border-left:1px solid #00000000;
	}
	
	#tsr-scroll::-webkit-scrollbar-thumb {
		background-color:#00000000;
		width: 100px;
	}
	
	#tsr-scroll::-webkit-scrollbar-thumb:active {
		background:#00000000;
	}	
	
	#tsr-scroll::-webkit-scrollbar {
		background-color: #00000000;
		width: 12px;
		height: 1px;
	}
	 
	#tsr-scroll::-webkit-scrollbar-button{
		width: 0px;
		height: 0px;
	}
	 
	#tsr-scroll::-webkit-scrollbar-corner {
		background: transparent;
		background-color:#00000000;
	}

	#tsr-scroll::-webkit-scrollbar-track:hover {
		background-color:#5f5f5f;
		width:10px;
		border-left:1px solid #000000;
	}
	
	#tsr-scroll::-webkit-scrollbar-thumb:hover {
		background-color:#868383;
		width: 100px;
	}
	
	#tsr-scroll::-webkit-scrollbar-thumb:hover {
		background-color:#c5c5c5;
	}
	
	#tsr-scroll::-webkit-scrollbar-thumb:active:hover {
		background:#dad2d2;
	}	
	
	#tsr-scroll::-webkit-scrollbar:hover {
		background-color: #151528;
		width: 12px;
		height: 1px;
	}
	 
	#tsr-scroll::-webkit-scrollbar-button:hover {
		width: 0px;
		height: 0px;
	}
	 
	#tsr-scroll::-webkit-scrollbar-corner:hover {
		background: transparent;
		background-color:#868383;
	}

	#tsr-scroll2::-webkit-scrollbar {
		display: none;
	}	

	/* tsr scrolbar OFF */
	
	/* container ON */
	
	#container {
		position: relative;	
		width: 100%;
		height: auto;
		clear: both;
		float: left;
	}

	.container-right {
		position: relative;	
		margin-left: 300px;
		margin-top: 60px;
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		height: auto;
		clear: both;
		float: left;
	}

	.container-left {
		position: relative;	
		margin-right: 300px;
		margin-top: 60px;
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		height: auto;
		clear: both;
		float: left;
	}

	.container {
		width: 1600px;
		height: auto !important;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}	
	
@media (max-width: 1600px) {
	#container {
		width: 100%;
		height: auto;
		clear: both;
		float: left;
	}	
	
	.container-right {
		margin-left: 250px;
	}
	
	.container-left {
		margin-right: 250px;
	}	
	
	.container {
		max-width: 1485px;
		width: 100%;
		height: auto !important;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
	}
	
	.tsr-container-right {
		margin-left: 250px;
	}		
}

@media (max-width: 1200px) {
	#container {
		width: 100%;
		height: auto;
		clear: both;
		float: left;
	}	

	.container-right {
		margin-left: 50px;
	}

	.container-left {
		margin-right: 50px;
	}
	
	.container {
		max-width: 1140px;
		width: 100%;
		height: auto !important;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
	}
	
	.tsr-container-right {
		margin-left: 50px;
	}	
}

@media (max-width: 992px) {
	#container {
		width: 100%;
		height: auto;
		clear: both;
		float: left;
	}	

	.container-right {
		margin-left: 45px;
		margin-top: 55px;
	}
	
	.container-left {
		margin-right: 45px;
		margin-top: 55px;
	}	
	
	.container {
		max-width: 960px;
		width: 100%;
		height: auto !important;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
	}
	
	.tsr-container-right {
		margin-left: 45px;
	}	
}

@media (max-width: 768px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		clear: both;
		float: left;
	}	

	.container-right {
		margin-top: 50px;
		margin-left: 0px;
		width: 100%;
	}

	.container-left {
		margin-top: 50px;
		margin-right: 0px;
		width: 100%;
	}
	
	.container {
		max-width: 720px;
		width: 100%;
		height: auto !important;
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;	
	}
	
	.tsr-container-right {
		margin-left: 0px;
		width: 100%;
	}	
}

@media (max-width: 576px) {
	#container {
		width: 100%;
		height: auto;
		margin: auto;
		clear: both;
		float: left;
	}	
	
	.container {
		max-width: 540px;
		width: 100%;
		height: auto !important;
		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;	
  }
}	*/
	
	/* container OFF */	
	
	/* tsr auto ON */
	
	.tsr {
		width: 100%;
		height: auto;
		margin: auto;
		font-size: 24px;
		float: left;
	}
	
	/* tsr auto OFF */
	
	/*.col-auto {	
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.col {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}*/
	
	.col-auto {	
		width: 100%;
	}
	
	.col-auto > .col {
		display: -webkit-box;
		display: -moz-box;
		display: -o-box;
		max-width: 100%;
	}

	/* col zwykłe kolumny ON */

	.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-7 {
		width: 14.22222222%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-8 {
		width: 12.47777777%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-9 {
		width: 11.0999%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-10 {
		width: 10%;
		height: auto;
		margin: auto;
		float: left;
	}


@media (max-width: 1600px) {
	.col-9 {
		width: 12.47777777%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-10 {
		width: 11.0999%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

@media (max-width: 1200px) {
	.col-6 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-7 {
		width: 16.6666666666%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-8 {
		width: 16.6666666666%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-9 {
		width: 14.22222222%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-10 {
		width: 12.47777777%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

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

	.col-6 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-7 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-8 {
		width: 16.6666666666%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-9 {
		width: 16.6666666666%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-10 {
		width: 14.22222222%;
		height: auto;
		margin: auto;
		float: left;
	}	
}

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

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

	.col-6 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-7 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-8 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-9 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-10 {
		width: 16.6666666666%;
		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: 50%;
		height: auto;
		margin: auto;
		float: left;
	}

	.col-6 {
		width: 33.3333333%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-7 {
		width: 33.3333333%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-8 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-9 {
		width: 25%;
		height: auto;
		margin: auto;
		float: left;
	}
	
	.col-10 {
		width: 20%;
		height: auto;
		margin: auto;
		float: left;
	}	
}	
	
	/* col zwykłe kolumny ON */
	
	/* kolumny dopasowane ON */
	
	.col-ms95 {
		width: 95%;
		float: left;
	}
	.col-ms90 {
		width: 90%;
		float: left;
	}
	.col-ms85 {
		width: 85%;
		float: left;
	}
	.col-ms80 {
		width: 80%;
		float: left;
	}
	.col-ms75 {
		width: 75%;
		float: left;
	}
	.col-ms70 {
		width: 70%;
		float: left;
	}
	.col-ms65 {
		width: 65%;
		float: left;
	}
	.col-ms60 {
		width: 60%;
		float: left;
	}
	.col-ms55 {
		width: 55%;
		float: left;
	}
	.col-ms50 {
		width: 50%;
		float: left;
	}
	.col-ms45 {
		width: 45%;
		float: left;
	}
	.col-ms40 {
		width: 40%;
		float: left;
	}
	.col-ms35 {
		width: 35%;
		float: left;
	}
	.col-ms30 {
		width: 30%;
		float: left;
	}
	.col-ms25 {
		width: 25%;
		float: left;
	}
	.col-ms20 {
		width :20%;
		float: left;
	}
	.col-ms15 {
		width: 15%;
		float: left;
	}
	.col-ms10 {
		width: 10%;
		float: left;
	}
	.col-ms5 {
		width: 5%;
		float: left;
	}

	.col-ms2-5 {
		width: 2.5%;
		float: left;
	}
	
@media (max-width: 1600px) {
	.col-ms95 {
		width: 90%;
		float: left;
	}
	.col-ms90 {
		width: 85%;
		float: left;
	}
	.col-ms85 {
		width: 85%;
		float: left;
	}
	.col-ms80 {
		width: 80%;
		float: left;
	}
	.col-ms75 {
		width: 75%;
		float: left;
	}
	.col-ms70 {
		width: 70%;
		float: left;
	}
	.col-ms65 {
		width: 65%;
		float: left;
	}
	.col-ms60 {
		width: 60%;
		float: left;
	}
	.col-ms55 {
		width: 55%;
		float: left;
	}
	.col-ms50 {
		width: 50%;
		float: left;
	}
	.col-ms45 {
		width: 45%;
		float: left;
	}
	.col-ms40 {
		width: 40%;
		float: left;
	}
	.col-ms35 {
		width: 35%;
		float: left;
	}
	.col-ms30 {
		width: 30%;
		float: left;
	}
	.col-ms25 {
		width: 25%;
		float: left;
	}
	.col-ms20 {
		width :20%;
		float: left;
	}
	.col-ms15 {
		width: 15%;
		float: left;
	}
	.col-ms10 {
		width: 15%;
		float: left;
	}
	.col-ms5 {
		width: 10%;
		float: left;
	}
}

@media (max-width: 1200px) {
	.col-ms95 {
		width: 85%;
		float: left;
	}
	.col-ms90 {
		width: 80%;
		float: left;
	}
	.col-ms85 {
		width: 75%;
		float: left;
	}
	.col-ms80 {
		width: 70%;
		float: left;
	}
	.col-ms75 {
		width: 75%;
		float: left;
	}
	.col-ms70 {
		width: 70%;
		float: left;
	}
	.col-ms65 {
		width: 65%;
		float: left;
	}
	.col-ms60 {
		width: 60%;
		float: left;
	}
	.col-ms55 {
		width: 55%;
		float: left;
	}
	.col-ms50 {
		width: 50%;
		float: left;
	}
	.col-ms45 {
		width: 45%;
		float: left;
	}
	.col-ms40 {
		width: 40%;
		float: left;
	}
	.col-ms35 {
		width: 35%;
		float: left;
	}
	.col-ms30 {
		width: 30%;
		float: left;
	}
	.col-ms25 {
		width: 25%;
		float: left;
	}
	.col-ms20 {
		width : 30%;
		float: left;
	}
	.col-ms15 {
		width: 25%;
		float: left;
	}
	.col-ms10 {
		width: 20%;
		float: left;
	}
	.col-ms5 {
		width: 15%;
		float: left;
	}
}

@media (max-width: 992px) {
	.col-ms95 {
		width: 80%;
		float: left;
	}
	.col-ms90 {
		width: 75%;
		float: left;
	}
	.col-ms85 {
		width: 70%;
		float: left;
	}
	.col-ms80 {
		width: 65%;
		float: left;
	}
	.col-ms75 {
		width: 60%;
		float: left;
	}
	.col-ms70 {
		width: 70%;
		float: left;
	}
	.col-ms65 {
		width: 65%;
		float: left;
	}
	.col-ms60 {
		width: 60%;
		float: left;
	}
	.col-ms55 {
		width: 55%;
		float: left;
	}
	.col-ms50 {
		width: 50%;
		float: left;
	}
	.col-ms45 {
		width: 45%;
		float: left;
	}
	.col-ms40 {
		width: 40%;
		float: left;
	}
	.col-ms35 {
		width: 35%;
		float: left;
	}
	.col-ms30 {
		width: 30%;
		float: left;
	}
	.col-ms25 {
		width: 40%;
		float: left;
	}
	.col-ms20 {
		width : 35%;
		float: left;
	}
	.col-ms15 {
		width: 30%;
		float: left;
	}
	.col-ms10 {
		width: 25%;
		float: left;
	}
	.col-ms5 {
		width: 20%;
		float: left;
	}
}

@media (max-width: 768px) {
	.col-ms95 {
		width: 75%;
		float: left;
	}
	.col-ms90 {
		width: 70%;
		float: left;
	}
	.col-ms85 {
		width: 65%;
		float: left;
	}
	.col-ms80 {
		width: 60%;
		float: left;
	}
	.col-ms75 {
		width: 55%;
		float: left;
	}
	.col-ms70 {
		width: 70%;
		float: left;
	}
	.col-ms65 {
		width: 65%;
		float: left;
	}
	.col-ms60 {
		width: 60%;
		float: left;
	}
	.col-ms55 {
		width: 55%;
		float: left;
	}
	.col-ms50 {
		width: 50%;
		float: left;
	}
	.col-ms45 {
		width: 45%;
		float: left;
	}
	.col-ms40 {
		width: 40%;
		float: left;
	}
	.col-ms35 {
		width: 35%;
		float: left;
	}
	.col-ms30 {
		width: 30%;
		float: left;
	}
	.col-ms25 {
		width: 45%;
		float: left;
	}
	.col-ms20 {
		width : 40%;
		float: left;
	}
	.col-ms15 {
		width: 35%;
		float: left;
	}
	.col-ms10 {
		width: 30%;
		float: left;
	}
	.col-ms5 {
		width: 25%;
		float: left;
	}
}

@media (max-width: 576px) {
	.col-ms95 {
		width: 70%;
		float: left;
	}
	.col-ms90 {
		width: 65%;
		float: left;
	}
	.col-ms85 {
		width: 60%;
		float: left;
	}
	.col-ms80 {
		width: 55%;
		float: left;
	}
	.col-ms75 {
		width: 50%;
		float: left;
	}
	.col-ms70 {
		width: 70%;
		float: left;
	}
	.col-ms65 {
		width: 65%;
		float: left;
	}
	.col-ms60 {
		width: 60%;
		float: left;
	}
	.col-ms55 {
		width: 55%;
		float: left;
	}
	.col-ms50 {
		width: 50%;
		float: left;
	}
	.col-ms45 {
		width: 45%;
		float: left;
	}
	.col-ms40 {
		width: 40%;
		float: left;
	}
	.col-ms35 {
		width: 35%;
		float: left;
	}
	.col-ms30 {
		width: 30%;
		float: left;
	}
	.col-ms25 {
		width: 50%;
		float: left;
	}
	.col-ms20 {
		width : 45%;
		float: left;
	}
	.col-ms15 {
		width: 40%;
		float: left;
	}
	.col-ms10 {
		width: 35%;
		float: left;
	}
	.col-ms5 {
		width: 30%;
		float: left;
	}
}	
	
	/* kolumny dopasowane ON */

	/* statyczne kolumny dopasowane ON */
	
	.col-st97-5 {
		width: 97.5%;
		float: left;
	}
	
	.col-st95 {
		width: 95%;
		float: left;
	}
	
	.col-st90 {
		width: 90%;
		float: left;
	}
	.col-st85 {
		width: 85%;
		float: left;
	}
	.col-st80 {
		width: 80%;
		float: left;
	}
	.col-st75 {
		width: 75%;
		float: left;
	}
	.col-st70 {
		width: 70%;
		float: left;
	}
	.col-st65 {
		width: 65%;
		float: left;
	}
	.col-st60 {
		width: 60%;
		float: left;
	}
	.col-st55 {
		width: 55%;
		float: left;
	}
	.col-st50 {
		width: 50%;
		float: left;
	}
	.col-st45 {
		width: 45%;
		float: left;
	}
	.col-st40 {
		width: 40%;
		float: left;
	}
	.col-st35 {
		width: 35%;
		float: left;
	}
	.col-st30 {
		width: 30%;
		float: left;
	}
	.col-st25 {
		width: 25%;
		float: left;
	}
	.col-st20 {
		width :20%;
		float: left;
	}
	.col-st15 {
		width: 15%;
		float: left;
	}
	.col-st10 {
		width: 10%;
		float: left;
	}
	.col-st5 {
		width: 5%;
		float: left;
	}

	.col-st2-5 {
		width: 2.5%;
		float: left;
	}
	
@media (max-width: 1600px) {
	
}

@media (max-width: 1200px) {
	
	}
}

@media (max-width: 992px) {
	
}

@media (max-width: 768px) {
	
}

@media (max-width: 576px) {
	
}	
	
	/* statczne kolumny dopasowane ON */


	/* kolumny inputa ON */

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

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

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

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

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

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

	/* kolumny inputa OFF */
	
	.tsr-ma {
		margin: auto;
	}
	
	.tsr-m-5 {
		margin: 5px;
	}
	.tsr-m-10 {
		margin: 10px;
	}
	.tsr-m-15 {
		margin: 15px;
	}
	.tsr-m-20 {
	margin: 20px;
	}
	.tsr-m-25 {
		margin: 25px;
	}
	.tsr-m-30 {
		margin: 30px;
	}
	.tsr-m-40 {
		margin: 40px;
	}
	.tsr-m-45 {
		margin: 45px;
	}
	.tsr-m-50 {
		margin: 50px;
	}
	.tsr-m-75 {
		margin: 75px;
	}
	.tsr-m-100 {
		margin: 100px;
	}
	
	.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-p-20px {
		padding: 20px;
	}
	.tsr-p-25px {
		padding: 25px;
	}
	.tsr-p-30px {
		padding: 30px;
	}
	.tsr-p-35px {
		padding: 35px;
	}
	.tsr-p-40px {
		padding: 40px;
	}
	.tsr-p-45px {
		padding: 45px;
	}
	
	
	.tsr-pb-2-5px {
		padding-bottom: 2.5px;
	}

	.tsr-pb-5px {
		padding-bottom: 5px;
	}

	.tsr-pb-10px {
		padding-bottom: 10px;
	}	
	
	.tsr-pb-15px {
		padding-bottom: 15px;
	}	
	
	.tsr-pb-30px {
		padding-bottom: 30px;
	}

	.tsr-pt-2-5px {
		padding-top: 2.5px;
	}

	.tsr-pt-5px {
		padding-top: 5px;
	}

	.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%;
	}
	
}	
	
	
	/* ustawienia float ON */
	
	.tsr-fl {
		float: left;
	}
	
	.tsr-fr {
		float: right;
	}
	
	.tsr-float-inherit {
		text-align: inherit;
	}
	.tsr-float-initial {
		text-align: initial;
	}
	.tsr-float-none {
		text-align: none;
	}
	.tsr-float-right {
		text-align: right;
	}
	.tsr-float-unset {
		text-align: unset;
	}

	@media (max-width: 1600px) {
		.tsr-float-inherit-5 {
			text-align: inherit;
		}
		.tsr-float-initial-5 {
			text-align: initial;
		}
		.tsr-float-none-5 {
			text-align: none;
		}
		.tsr-float-right-5 {
			text-align: right;
		}
		.tsr-float-unset-5 {
			text-align: unset;
		}		
	}
	
	@media (max-width: 1200px) {
		.tsr-float-inherit-4 {
			text-align: inherit;
		}
		.tsr-float-initial-4 {
			text-align: initial;
		}
		.tsr-float-none-4 {
			text-align: none;
		}
		.tsr-float-right-4 {
			text-align: right;
		}
		.tsr-float-unset-4 {
			text-align: unset;
		}		
	}

	@media (max-width: 992px) {
		.tsr-float-inherit-3 {
			text-align: inherit;
		}
		.tsr-float-initial-3 {
			text-align: initial;
		}
		.tsr-float-none-3 {
			text-align: none;
		}
		.tsr-float-right-3 {
			text-align: right;
		}
		.tsr-float-unset-3 {
			text-align: unset;
		}		
	}

	@media (max-width: 768px) {
		.tsr-float-inherit-2 {
			text-align: inherit;
		}
		.tsr-float-initial-2 {
			text-align: initial;
		}
		.tsr-float-none-2 {
			text-align: none;
		}
		.tsr-float-right-2 {
			text-align: right;
		}
		.tsr-float-unset-2 {
			text-align: unset;
		}		
	}

	@media (max-width: 576px) {
		.tsr-float-inherit-1 {
			text-align: inherit;
		}
		.tsr-float-initial-1 {
			text-align: initial;
		}
		.tsr-float-none-1 {
			text-align: none;
		}
		.tsr-float-right-1 {
			text-align: right;
		}
		.tsr-float-unset-1 {
			text-align: unset;
		}		
	} 	
	
	/* ustawienia float OFF */	
	
	/* ustawienie czionki - fontu - ON */
	
	.tsr_Gl_Hall {
		font-family: 'Gloria Hallelujah', cursive;
	}

	/* ustawienie czionki - fontu - OFF */
	
	/* ustawienia border dark ON */
	
	.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_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;
	}
}	

	/* ustawienia border dark OFF */

	/* padding ON */

	.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;
	}
} 

	/* padding OFF */
	 
	/* sztuczki z prycinaniem tekstu - ON */

	.tsr-cut-string {
		/*width: 200px;*/
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: break-word;
		white-space: nowrap;
	}
	
	.tsr-cut-string2 {
		/*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;
	}

	/* sztuczki z prycinaniem tekstu - OFF */
	
	.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 */
	.tsr-button {
		display: inline-block;
		font-weight: 400;
		color: #212529;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: .25rem;
		transition: all .20s ease-in-out,background-color .30s ease-in-out;
		padding: 5px 10px;
		margin-top: 4.5px;
		margin-bottom: 4.5px;
		font-size: 16px;
		cursor: pointer;
	}	
	
	.tsr-normal, .tsr-normalny {
		background-color: rgba(7, 216, 23, 1);
		color: white;
	}
	.tsr-error, .tsr-blad {
		background-color: rgba(232, 21, 21, 1);
		color: white;
	}
	.tsr-info, .tsr-informacja {
		background-color: rgba(1, 193, 184, 1);
		color: white;
	}
	
	.tsr-success, .tsr-sukces {
		background-color: rgba(30, 107, 0, 1);
		color: white;
	}
	
	.tsr-warning, .tsr-ostrzezenie {
		background-color: rgba(213, 152, 40, 1);
		color: white;
	}
	
	.tsr-white, .tsr-bialy {
		background-color: rgba(255, 255, 255, 1);
		color: black;
	}	
	.tsr-black, .tsr-black {
		background-color: rgba(0, 0, 0, 1);
		color: white;
	}

	.tsr-normal:hover, .tsr-normalny:hover {
		background-color: rgba(58, 191, 69, 1);
		color: white;
	}
	.tsr-error:hover, .tsr-blad:hover {
		background-color: rgba(242, 55, 55, 1);
		color: white;
	}
	.tsr-info:hover, .tsr-informacja:hover {
		background-color: rgba(12, 183, 175, 1);
		color: white;
	}
	
	.tsr-success:hover, .tsr-sukces:hover {
		background-color: rgba(56, 144, 22, 1);
		color: white;
	}
	
	.tsr-warning:hover, .tsr-ostrzezenie:hover {
		background-color: rgba(203, 136, 12, 1);
		color: white;
	}
	
	.tsr-white:hover, .tsr-bialy:hover {
		background-color: rgba(244, 244, 244, 1);
		color: black;
	}	
	.tsr-black:hover, .tsr-black:hover {
		background-color: rgba(11, 11, 11, 0.75);
		color: white;
	}

	.tsr-border-normal, .tsr-border-normalny {
		border-color: rgba(7, 216, 23, 1);
		color: rgba(7, 216, 23, 1);
	}
	.tsr-border-error, .tsr-border-blad {
		border-color: rgba(232, 21, 21, 1);
		color: rgba(232, 21, 21, 1);
	}
	.tsr-border-info, .tsr-border-informacja {
		border-color: rgba(1, 193, 184, 1);
		color: rgba(1, 193, 184, 1);
	}
	
	.tsr-border-success, .tsr-border-sukces {
		border-color: rgba(30, 107, 0, 1);
		color: rgba(30, 107, 0, 1);
	}
	
	.tsr-border-warning, .tsr-border-ostrzezenie {
		border-color: rgba(213, 152, 40, 1);
		color: rgba(213, 152, 40, 1);
	}
	
	.tsr-border-white, .tsr-border-bialy {
		border-color: rgba(255, 255, 255, 1);
		color: rgba(255, 255, 255, 1);
	}	
	.tsr-border-black, .tsr-border-black {
		border-color: rgba(0, 0, 0, 1);
		color: rgba(0, 0, 0, 1);
	}

	.tsr-border-normal:hover, .tsr-border-normalny:hover {
		background-color: rgba(7, 216, 23, 1);
		color: white;
	}
	.tsr-border-error:hover, .tsr-border-blad:hover {
		background-color: rgba(232, 21, 21, 1);
		color: white;
	}
	.tsr-border-info:hover, .tsr-border-informacja:hover {
		background-color: rgba(1, 193, 184, 1);
		color: white;
	}
	
	.tsr-border-success:hover, .tsr-border-sukces:hover {
		background-color: rgba(30, 107, 0, 1);
		color: white;
	}
	
	.tsr-border-warning:hover, .tsr-border-ostrzezenie:hover {
		background-color: rgba(213, 152, 40, 1);
		color: white;
	}
	
	.tsr-border-white:hover, .tsr-border-bialy:hover {
		background-color: rgba(255, 255, 255, 1);
		color: black;
	}	
	.tsr-border-black:hover, .tsr-border-black:hover {
		background-color: rgba(0, 0, 0, 1);
		color: white;
	}

	@media (max-width: 768px) {
		.tsr-button {
			padding: 4px 7.5px;
			margin-top: 4px;
			margin-bottom: 4px;
		}			
	}

	@media (max-width: 576px) {
		.tsr-button {
			padding: 3px 5px;
			margin-top: 3px;
			margin-bottom: 3px;
			font-size: 15px;		
		}			
	} 			
	/* System błędów i udanych walidacji css OFF */


	/* System alertów i udanych walidacji css ON */
	.tsr-alert {
		display: inline-block;
		width: 100%;
		font-weight: 400;
		color: #212529;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: .25rem;
		transition: all .20s ease-in-out,background-color .30s ease-in-out;
		padding: 5px 10px;
		margin-top: 4.5px;
		margin-bottom: 4.5px;
		font-size: 16px;
		cursor: pointer;
	}	
	
	.tsr-alert-normal, .tsr-alert-normalny {
		background-color: rgba(7, 216, 23, 1);
		color: black;
	}
	.tsr-alert-error, .tsr-alert-blad {
		background-color: rgba(240, 93, 93, 1);
		color: black;
	}
	.tsr-alert-info, .tsr-alert-informacja {
		background-color: rgba(1, 193, 184, 1);
		color: black;
	}
	
	.tsr-alert-success, .tsr-alert-sukces {
		background-color: rgba(30, 107, 0, 1);
		color: black;
	}
	
	.tsr-alert-warning, .tsr-alert-ostrzezenie {
		background-color: rgba(213, 152, 40, 1);
		color: black;
	}
	
	.tsr-alert-white, .tsr-alert-bialy {
		background-color: rgba(255, 255, 255, 1);
		color: black;
	}	
	.tsr-alert-black, .tsr-alert-black {
		background-color: rgba(0, 0, 0, 1);
		color: white;
	}

	.tsr-alert-normal:hover, .tsr-alert-normalny:hover {
		background-color: rgba(58, 191, 69, 1);
		color: rgba(255, 190, 190, 1);
	}
	.tsr-alert-error:hover, .tsr-alert-blad:hover {
		background-color: rgba(232, 21, 21, 1);
		color: rgba(255, 190, 190, 1);
	}
	.tsr-alert-info:hover, .tsr-alert-informacja:hover {
		background-color: rgba(12, 183, 175, 1);
		color: rgba(255, 190, 190, 1);
	}
	
	.tsr-alert-success:hover, .tsr-alert-sukces:hover {
		background-color: rgba(56, 144, 22, 1);
		color: rgba(208, 255, 189, 1);
	}
	
	.tsr-alert-warning:hover, .tsr-alert-ostrzezenie:hover {
		background-color: rgba(203, 136, 12, 1);
		color: rgba(255, 190, 190, 1);
	}
	
	.tsr-alert-white:hover, .tsr-alert-bialy:hover {
		background-color: rgba(244, 244, 244, 1);
	}	
	.tsr-alert-black:hover, .tsr-alert-black:hover {
		background-color: rgba(11, 11, 11, 0.75);
	}

	.tsr-alert-border-normal, .tsr-alert-border-normalny {
		border-color: rgba(7, 216, 23, 1);
		color: rgba(7, 216, 23, 1);
	}
	.tsr-alert-border-error, .tsr-alert-border-blad {
		border-color: rgba(232, 21, 21, 1);
		color: rgba(232, 21, 21, 1);
	}
	.tsr-alert-border-info, .tsr-alert-border-informacja {
		border-color: rgba(1, 193, 184, 1);
		color: rgba(1, 193, 184, 1);
	}
	
	.tsr-alert-border-success, .tsr-alert-border-sukces {
		border-color: rgba(30, 107, 0, 1);
		color: rgba(30, 107, 0, 1);
	}
	
	.tsr-alert-border-warning, .tsr-alert-border-ostrzezenie {
		border-color: rgba(213, 152, 40, 1);
		color: rgba(213, 152, 40, 1);
	}
	
	.tsr-alert-border-white, .tsr-alert-border-bialy {
		border-color: rgba(255, 255, 255, 1);
		color: rgba(255, 255, 255, 1);
	}	
	.tsr-alert-border-black, .tsr-alert-border-black {
		border-color: rgba(0, 0, 0, 1);
		color: rgba(0, 0, 0, 1);
	}

	.tsr-alert-border-normal:hover, .tsr-alert-border-normalny:hover {
		background-color: rgba(7, 216, 23, 1);
		color: rgba(200, 255, 204, 1);
		border-color: rgba(58, 191, 69, 1);		
	}
	.tsr-alert-border-error:hover, .tsr-alert-border-blad:hover {
		background-color: rgba(232, 21, 21, 1);
		color: rgba(255, 190, 190, 1);
		border-color: rgba(242, 55, 55, 1);		
	}
	.tsr-alert-border-info:hover, .tsr-alert-border-informacja:hover {
		background-color: rgba(1, 193, 184, 1);
		color: rgba(190, 255, 255, 1);
		border-color: rgba(12, 183, 175, 1);		
	}
	
	.tsr-alert-border-success:hover, .tsr-alert-border-sukces:hover {
		background-color: rgba(30, 107, 0, 1);
		color: rgba(208, 255, 189, 1);
		border-color: rgba(56, 144, 22, 1);		
	}
	
	.tsr-alert-border-warning:hover, .tsr-alert-border-ostrzezenie:hover {
		background-color: rgba(213, 152, 40, 1);
		color: rgba(255, 231, 188, 1);
		border-color: rgba(203, 136, 12, 1);		
	}
	
	.tsr-alert-border-white:hover, .tsr-alert-border-bialy:hover {
		background-color: rgba(255, 255, 255, 1);
		color: black;
		border-color: black;
	}	
	.tsr-alert-border-black:hover, .tsr-border-alert-black:hover {
		background-color: rgba(0, 0, 0, 1);
		color: white);
		border-color: white;
	}

	@media (max-width: 768px) {
		.tsr-alert {
			padding: 4px 7.5px;
			margin-top: 4px;
			margin-bottom: 4px;
		}			
	}

	@media (max-width: 576px) {
		.tsr-alert {
			padding: 3px 5px;
			margin-top: 3px;
			margin-bottom: 3px;
			font-size: 15px;		
		}			
	} 			
	/* System alertów i udanych walidacji css OFF */
	
	
	/* colory on */
	
	.white, .bialy {
		color: rgb(255, 255, 255);
	}

	.black, .czarny {
		color: rgb(0, 0, 0);
	}
	
	.depresed-red, .depresowany-czerwony {
		color: #c71717;
	}
	
	.red, .czerwony {
		color: red;
	}

	.blue, .niebieski {
		color: blue;
	}
	
	.pink, .ruzowy {
		color: pink;
	}
	
	.green, .zielony {
		color: green;
	}

	.dark, .szary {
		color: #343a40;
	}
	.yellow, .zulty {
		color: yellow;
	}
	.orange, .pomaranczowy {
		color: orange;
	}
	.indigo, .indygo {
		color: indigo;
	}
	.teal, .ciemny-morski {
		color: teal;
	}
	.cyan, .cyjan {
		color: cyan;
	}
	.gray, .szary {
		color: gray;
	}
	.dark-gray, .ciemny-szary {
		color: darkgray;
	}
	.dark-purple, .ciemny-fioletowy {
		color: purple;
	}
	.lime, .limonka, .limonkowy {
		color: lime;
	}

	.background-white, .background-bialy {
		background-color: rgb(255, 255, 255);
	}

	.background-black, .background-czarny {
		background-color: rgb(0, 0, 0);
	}
	
	.background-depresed-red, .background-depresowany-czerwony {
		background-color: #c71717;
	}
	
	.background-red, .background-czerwony {
		background-color: red;
	}

	.background-dark-red, .background-ciemny-czerwony {
		background-color: rgb(199, 6, 6);
	}

	.background-blue, .background-niebieski {
		background-color: blue;
	}
	
	.background-pink, .background-ruzowy {
		background-color: pink;
	}
	
	.background-green, .background-zielony {
		background-color: green;
	}

	.background-dark, .background-szary {
		background-color: #343a40;
	}
	.background-yellow, .background-zulty {
		background-color: yellow;
	}
	.background-orange, .background-pomaranczowy {
		background-color: orange;
	}
	.background-indigo, .background-indygo {
		background-color: indigo;
	}
	.background-teal, .background-ciemny-morski {
		background-color: teal;
	}
	.background-cyan, .background-cyjan {
		background-color: cyan;
	}
	.background-gray, .background-szary {
		background-color: gray;
	}
	.background-dark-gray, .background-ciemny-szary {
		background-color: darkgray;
	}
	.background-purple, .background-fioletowy {
		background-color: purple;
	}
	.background-lime, .background-limonka, .background-limonkowy {
		background-color: lime;
	}
	
	.background-delete, .background-usunac {
		background-color: rgb(132, 0, 0);
	}

	@media (max-width: 1600px) {
		.white-5, .bialy-5 {
			color: rgb(255, 255, 255);
		}

		.black-5, .czarny-5 {
			color: rgb(0, 0, 0);
		}
		
		.depresed-red-5, .depresowany-czerwony-5 {
			color: #c71717;
		}
		
		.red-5, .czerwony-5 {
			color: red;
		}

		.blue-5, .niebieski-5 {
			color: blue;
		}
		
		.pink-5, .ruzowy-5 {
			color: pink;
		}
		
		.green-5, .zielony-5 {
			color: green;
		}

		.dark-5, .szary-5 {
			color: #343a40;
		}
		.yellow-5, .zulty-5 {
			color: yellow;
		}
		.orange-5, .pomaranczowy-5 {
			color: orange;
		}
		.indigo-5, .indygo-5 {
			color: indigo;
		}
		.tea-5l, .ciemny-morski-5 {
			color: teal;
		}
		.cya-5, .cyjan-5 {
			color: cyan;
		}
		.gray-5, .szary-5 {
			color: gray;
		}
		.dark-gray-5, .ciemny-szary-5 {
			color: darkgray;
		}

		.background-white-5, .background-bialy-5 {
			background-color: rgb(255, 255, 255);
		}

		.background-black-5, .background-czarny-5 {
			background-color: rgb(0, 0, 0);
		}
		
		.background-depresed-red-5, .background-depresowany-czerwony-5 {
			background-color: #c71717;
		}
		
		.background-red-5, .background-czerwony-5 {
			background-color: red;
		}

		.background-blue-5, .background-niebieski-5 {
			background-color: blue;
		}
		
		.background-pink-5, .background-ruzowy-5 {
			background-color: pink;
		}
		
		.background-green-5, .background-zielony-5 {
			background-color: green;
		}

		.background-dark-5, .background-szary-5 {
			background-color: #343a40;
		}
		.background-yellow-5, .background-zulty-5 {
			background-color: yellow;
		}
		.background-orange-5, .background-pomaranczowy-5 {
			background-color: orange;
		}
		.background-indigo-5, .background-indygo-5 {
			background-color: indigo;
		}
		.background-teal-5, .background-ciemny-morski-5 {
			background-color: teal;
		}
		.background-cyan-5, .background-cyjan-5 {
			background-color: cyan;
		}
		.background-gray-5, .background-szary-5 {
			background-color: gray;
		}
		.background-dark-gray-5, .background-ciemny-szary-5 {
			background-color: darkgray;
		}
		
		.background-delete-5, .background-usunac-5 {
			background-color: rgb(132, 0, 0);
		}		
	}
	
	@media (max-width: 1200px) {
		.white-4, .bialy-4 {
			color: rgb(255, 255, 255);
		}

		.black-4, .czarny-4 {
			color: rgb(0, 0, 0);
		}
		
		.depresed-red-4, .depresowany-czerwony-4 {
			color: #c71717;
		}
		
		.red-4, .czerwony-4 {
			color: red;
		}

		.blue-4, .niebieski-4 {
			color: blue;
		}
		
		.pink-4, .ruzowy-4 {
			color: pink;
		}
		
		.green-4, .zielony-4 {
			color: green;
		}

		.dark-4, .szary-4 {
			color: #343a40;
		}
		.yellow-4, .zulty-4 {
			color: yellow;
		}
		.orange-4, .pomaranczowy-4 {
			color: orange;
		}
		.indigo-4, .indyg-4 {
			color: indigo;
		}
		.teal-4, .ciemny-morski-4 {
			color: teal;
		}
		.cyan-4, .cyjan-4 {
			color: cyan;
		}
		.gray-4, .szary-4 {
			color: gray;
		}
		.dark-gray-4, .ciemny-szary-4 {
			color: darkgray;
		}

		.background-white-4, .background-bialy-4 {
			background-color: rgb(255, 255, 255);
		}

		.background-black-4, .background-czarny-4 {
			background-color: rgb(0, 0, 0);
		}
		
		.background-depresed-red-4, .background-depresowany-czerwony-4 {
			background-color: #c71717;
		}
		
		.background-red-4, .background-czerwony-4 {
			background-color: red;
		}

		.background-blue-4, .background-niebieski-4 {
			background-color: blue;
		}
		
		.background-pink-4, .background-ruzowy-4 {
			background-color: pink;
		}
		
		.background-green-4, .background-zielony-4 {
			background-color: green;
		}

		.background-dark-4, .background-szary-4 {
			background-color: #343a40;
		}
		.background-yellow-4, .background-zulty-4 {
			background-color: yellow;
		}
		.background-orange-4, .background-pomaranczowy-4 {
			background-color: orange;
		}
		.background-indigo-4, .background-indygo-4 {
			background-color: indigo;
		}
		.background-teal-4, .background-ciemny-morsk-4 {
			background-color: teal;
		}
		.background-cyan-4, .background-cyjan-4 {
			background-color: cyan;
		}
		.background-gray-4, .background-szary-4 {
			background-color: gray;
		}
		.background-dark-gray-4, .background-ciemny-szary-4 {
			background-color: darkgray;
		}
		
		.background-delete-4, .background-usunac-4 {
			background-color: rgb(132, 0, 0);
		}		
	}

	@media (max-width: 992px) {
		.white-3, .bialy-3 {
			color: rgb(255, 255, 255);
		}

		.black-3, .czarny-3 {
			color: rgb(0, 0, 0);
		}
		
		.depresed-red-3, .depresowany-czerwony-3 {
			color: #c71717;
		}
		
		.red-3, .czerwony-3 {
			color: red;
		}

		.blue-3, .niebieski-3 {
			color: blue;
		}
		
		.pink-3, .ruzowy-3 {
			color: pink;
		}
		
		.green-3, .zielony-3 {
			color: green;
		}

		.dark-3, .szary-3 {
			color: #343a40;
		}
		.yellow-3, .zulty-3 {
			color: yellow;
		}
		.orange-3, .pomaranczowy-3 {
			color: orange;
		}
		.indigo,-3 .indygo-3 {
			color: indigo;
		}
		.teal-3, .ciemny-morski-3 {
			color: teal;
		}
		.cyan-3 .cyjan-3 {
			color: cyan;
		}
		.gray-3, .szary-3 {
			color: gray;
		}
		.dark-gray-3, .ciemny-szary-3 {
			color: darkgray;
		}

		.background-white-3, .background-bialy-3 {
			background-color: rgb(255, 255, 255);
		}

		.background-black-3, .background-czarny-3 {
			background-color: rgb(0, 0, 0);
		}
		
		.background-depresed-red-3, .background-depresowany-czerwony-3 {
			background-color: #c71717;
		}
		
		.background-red-3, .background-czerwony-3 {
			background-color: red;
		}

		.background-blue-3, .background-niebieski-3 {
			background-color: blue;
		}
		
		.background-pink-3, .background-ruzowy-3 {
			background-color: pink;
		}
		
		.background-green-3, .background-zielony-3 {
			background-color: green;
		}

		.background-dark-3, .background-szary-3 {
			background-color: #343a40;
		}
		.background-yellow-3, .background-zulty-3 {
			background-color: yellow;
		}
		.background-orange-3 .background-pomaranczowy-3 {
			background-color: orange;
		}
		.background-indigo-3, .background-indygo-3 {
			background-color: indigo;
		}
		.background-teal-3, .background-ciemny-morski-3 {
			background-color: teal;
		}
		.background-cyan-3, .background-cyjan-3 {
			background-color: cyan;
		}
		.background-gray-3, .background-szary-3 {
			background-color: gray;
		}
		.background-dark-gray-3, .background-ciemny-szary-3 {
			background-color: darkgray;
		}
		
		.background-delete-3, .background-usunac-3 {
			background-color: rgb(132, 0, 0);
		}		
	}

	@media (max-width: 768px) {
		.white-2, .bialy-2 {
			color: rgb(255, 255, 255);
		}

		.black-2, .czarny-2 {
			color: rgb(0, 0, 0);
		}
		
		.depresed-red-2, .depresowany-czerwony-2 {
			color: #c71717;
		}
		
		.red-2, .czerwony-2 {
			color: red;
		}

		.blue-2, .niebieski-2 {
			color: blue;
		}
		
		.pink-2, .ruzowy-2 {
			color: pink;
		}
		
		.green-2, .zielony-2 {
			color: green;
		}

		.dark-2, .szary-2 {
			color: #343a40;
		}
		.yellow-2, .zulty-2 {
			color: yellow;
		}
		.orange-2, .pomaranczowy-2 {
			color: orange;
		}
		.indigo-2, .indygo-2 {
			color: indigo;
		}
		.teal-2, .ciemny-morski-2 {
			color: teal;
		}
		.cyan-2, .cyjan-2 {
			color: cyan;
		}
		.gray-2, .szary-2 {
			color: gray;
		}
		.dark-gray-2, .ciemny-szary-2 {
			color: darkgray;
		}

		.background-white-2, .background-bialy-2 {
			background-color: rgb(255, 255, 255);
		}

		.background-black-2, .background-czarny-2 {
			background-color: rgb(0, 0, 0);
		}
		
		.background-depresed-red-2, .background-depresowany-czerwony-2 {
			background-color: #c71717;
		}
		
		.background-red-2, .background-czerwony-2 {
			background-color: red;
		}

		.background-blue-2, .background-niebieski-2 {
			background-color: blue;
		}
		
		.background-pink-2, .background-ruzowy-2 {
			background-color: pink;
		}
		
		.background-green-2, .background-zielony-2 {
			background-color: green;
		}

		.background-dark-2, .background-szary-2 {
			background-color: #343a40;
		}
		.background-yellow-2, .background-zulty-2 {
			background-color: yellow;
		}
		.background-orange-2, .background-pomaranczowy-2 {
			background-color: orange;
		}
		.background-indigo-2, .background-indygo-2 {
			background-color: indigo;
		}
		.background-teal-2, .background-ciemny-morski-2 {
			background-color: teal;
		}
		.background-cyan-2, .background-cyjan-2 {
			background-color: cyan;
		}
		.background-gray-2, .background-szary-2 {
			background-color: gray;
		}
		.background-dark-gray-2, .background-ciemny-szary-2 {
			background-color: darkgray;
		}
		
		.background-delete-2, .background-usunac-2 {
			background-color: rgb(132, 0, 0);
		}		
	}

	@media (max-width: 576px) {
		.white-1, .bialy-1 {
			color: rgb(255, 255, 255);
		}

		.black-1, .czarny-1 {
			color: rgb(0, 0, 0);
		}
		
		.depresed-red-1, .depresowany-czerwony-1 {
			color: #c71717;
		}
		
		.red-1, .czerwony-1 {
			color: red;
		}

		.blue-1, .niebieski-1 {
			color: blue;
		}
		
		.pink-1, .ruzowy-1 {
			color: pink;
		}
		
		.green-1, .zielony-1 {
			color: green;
		}

		.dark-1, .szary-1 {
			color: #343a40;
		}
		.yellow-1, .zulty-1 {
			color: yellow;
		}
		.orange-1, .pomaranczowy-1 {
			color: orange;
		}
		.indigo-1, .indygo-1 {
			color: indigo;
		}
		.teal-1, .ciemny-morski-1 {
			color: teal;
		}
		.cyan-1, .cyjan-1 {
			color: cyan;
		}
		.gray-1, .szary-1 {
			color: gray;
		}
		.dark-gray-1, .ciemny-szary-1 {
			color: darkgray;
		}

		.background-white-1, .background-bialy-1 {
			background-color: rgb(255, 255, 255);
		}

		.background-black-1, .background-czarny-1 {
			background-color: rgb(0, 0, 0);
		}
		
		.background-depresed-red-1, .background-depresowany-czerwony-1 {
			background-color: #c71717;
		}
		
		.background-red-1, .background-czerwony-1 {
			background-color: red;
		}

		.background-blue-1, .background-niebieski-1 {
			background-color: blue;
		}
		
		.background-pink-1, .background-ruzowy-1 {
			background-color: pink;
		}
		
		.background-green-1, .background-zielony-1 {
			background-color: green;
		}

		.background-dark-1, .background-szary-1 {
			background-color: #343a40;
		}
		.background-yellow-1, .background-zulty-1 {
			background-color: yellow;
		}
		.background-orange-1, .background-pomaranczowy-1 {
			background-color: orange;
		}
		.background-indigo-1, .background-indygo-1 {
			background-color: indigo;
		}
		.background-teal-1, .background-ciemny-morski-1 {
			background-color: teal;
		}
		.background-cyan-1, .background-cyjan-1 {
			background-color: cyan;
		}
		.background-gray-1, .background-szary-1 {
			background-color: gray;
		}
		.background-dark-gray-1, .background-ciemny-szary-1 {
			background-color: darkgray;
		}
		
		.background-delete-1, .background-usunac-1 {
			background-color: rgb(132, 0, 0);
		}		
	}
	
	/* colory off*/
	
	
	/* display ON */
	
	.tsr-display-block {
		display: block;
	}
	
	.tsr-display-none {
		display: none;
	}
	.tsr-display-contents {
		display: contents;
	}
	.tsr-display-flex {
		display: flex;
	}
	.tsr-display-flow-root {
		display: flow-root;
	}
	.tsr-display-grid {
		display: grid;
	}
	.tsr-display-inherit {
		display: inherit;
	}
	.tsr-display-initial {
		display: initial;
	}
	.tsr-display-inline-block {
		display: inline-block;
	}
	.tsr-display-inline-flex {
		display: inline-flex;
	}
	.tsr-display-inline-grid {
		display: inline-grid;
	}
	.tsr-display-inline-table {
		display: inline-table;
	}
	.tsr-display-list-item {
		display: list-item;
	}
	.tsr-display-table {
		display: table;
	}
	.tsr-display-table-caption {
		display: table-caption;
	}
	.tsr-display-table-cell {
		display: table-cell;
	}
	.tsr-display-table-column {
		display: table-column;
	}
	.tsr-display-table-column-group {
		display: table-column-group;
	}
	.tsr-display-table-footer-group {
		display: table-footer-group;
	}
	.tsr-display-table-header-group {
		display: table-header-group;
	}
	.tsr-display-table-row {
		display: table-row;
	}
	.tsr-display-table-row-group {
		display: table-row-group;
	}
	.tsr-display-unset {
		display: unset;
	}
	
	@media (max-width: 1600px) {
		.tsr-display-block-5 {
			display: block;
		}
		
		.tsr-display-none-5 {
			display: none;
		}
		.tsr-display-contents-5 {
			display: contents;
		}
		.tsr-display-flex-5 {
			display: flex;
		}
		.tsr-display-flow-root-5 {
			display: flow-root;
		}
		.tsr-display-grid-5 {
			display: grid;
		}
		.tsr-display-inherit-5 {
			display: inherit;
		}
		.tsr-display-initial-5 {
			display: initial;
		}
		.tsr-display-inline-block-5 {
			display: inline-block;
		}
		.tsr-display-inline-flex-5 {
			display: inline-flex;
		}
		.tsr-display-inline-grid-5 {
			display: inline-grid;
		}
		.tsr-display-inline-table-5 {
			display: inline-table;
		}
		.tsr-display-list-item-5 {
			display: list-item;
		}
		.tsr-display-table-5 {
			display: table;
		}
		.tsr-display-table-caption-5 {
			display: table-caption;
		}
		.tsr-display-table-cell-5 {
			display: table-cell;
		}
		.tsr-display-table-column-5 {
			display: table-column;
		}
		.tsr-display-table-column-group-5 {
			display: table-column-group;
		}
		.tsr-display-table-footer-group-5 {
			display: table-footer-group;
		}
		.tsr-display-table-header-group-5 {
			display: table-header-group;
		}
		.tsr-display-table-row-5 {
			display: table-row;
		}
		.tsr-display-table-row-group-5 {
			display: table-row-group;
		}
		.tsr-display-unset-5 {
			display: unset;
		}		
	}
	
	@media (max-width: 1200px) {
		.tsr-display-block-4 {
			display: block;
		}
		
		.tsr-display-none-4 {
			display: none;
		}		
		.tsr-display-contents-4 {
			display: contents;
		}
		.tsr-display-flex-4 {
			display: flex;
		}
		.tsr-display-flow-root-4 {
			display: flow-root;
		}
		.tsr-display-grid-4 {
			display: grid;
		}
		.tsr-display-inherit-4 {
			display: inherit;
		}
		.tsr-display-initial-4 {
			display: initial;
		}
		.tsr-display-inline-block-4 {
			display: inline-block;
		}
		.tsr-display-inline-flex-4 {
			display: inline-flex;
		}
		.tsr-display-inline-grid-4 {
			display: inline-grid;
		}
		.tsr-display-inline-table-4 {
			display: inline-table;
		}
		.tsr-display-list-item-4 {
			display: list-item;
		}
		.tsr-display-table-4 {
			display: table;
		}
		.tsr-display-table-caption-4 {
			display: table-caption;
		}
		.tsr-display-table-cell-4 {
			display: table-cell;
		}
		.tsr-display-table-column-4 {
			display: table-column;
		}
		.tsr-display-table-column-group-4 {
			display: table-column-group;
		}
		.tsr-display-table-footer-group-4 {
			display: table-footer-group;
		}
		.tsr-display-table-header-group-4 {
			display: table-header-group;
		}
		.tsr-display-table-row-4 {
			display: table-row;
		}
		.tsr-display-table-row-group-4 {
			display: table-row-group;
		}
		.tsr-display-unset-4 {
			display: unset;
		}				
	}

	@media (max-width: 992px) {
		.tsr-display-block-3 {
			display: block;
		}
		
		.tsr-display-none-3 {
			display: none;
		}	
		.tsr-display-contents-3 {
			display: contents;
		}
		.tsr-display-flex-3 {
			display: flex;
		}
		.tsr-display-flow-root-3 {
			display: flow-root;
		}
		.tsr-display-grid-3 {
			display: grid;
		}
		.tsr-display-inherit-3 {
			display: inherit;
		}
		.tsr-display-initial-3 {
			display: initial;
		}
		.tsr-display-inline-block-3 {
			display: inline-block;
		}
		.tsr-display-inline-flex-3 {
			display: inline-flex;
		}
		.tsr-display-inline-grid-3 {
			display: inline-grid;
		}
		.tsr-display-inline-table-3 {
			display: inline-table;
		}
		.tsr-display-list-item-3 {
			display: list-item;
		}
		.tsr-display-table-3 {
			display: table;
		}
		.tsr-display-table-caption-3 {
			display: table-caption;
		}
		.tsr-display-table-cell-3 {
			display: table-cell;
		}
		.tsr-display-table-column-3 {
			display: table-column;
		}
		.tsr-display-table-column-group-3 {
			display: table-column-group;
		}
		.tsr-display-table-footer-group-3 {
			display: table-footer-group;
		}
		.tsr-display-table-header-group-3 {
			display: table-header-group;
		}
		.tsr-display-table-row-3 {
			display: table-row;
		}
		.tsr-display-table-row-group-3 {
			display: table-row-group;
		}
		.tsr-display-unset-3 {
			display: unset;
		}				
	}

	@media (max-width: 768px) {
		.tsr-display-block-2 {
			display: block;
		}
		
		.tsr-display-none-2 {
			display: none;
		}	
		.tsr-display-contents -2{
			display: contents;
		}
		.tsr-display-flex-2 {
			display: flex;
		}
		.tsr-display-flow-root-2 {
			display: flow-root;
		}
		.tsr-display-grid-2 {
			display: grid;
		}
		.tsr-display-inherit-2 {
			display: inherit;
		}
		.tsr-display-initial-2 {
			display: initial;
		}
		.tsr-display-inline-block-2 {
			display: inline-block;
		}
		.tsr-display-inline-flex-2 {
			display: inline-flex;
		}
		.tsr-display-inline-grid-2 {
			display: inline-grid;
		}
		.tsr-display-inline-table-2 {
			display: inline-table;
		}
		.tsr-display-list-item-2 {
			display: list-item;
		}
		.tsr-display-table-2 {
			display: table;
		}
		.tsr-display-table-caption-2 {
			display: table-caption;
		}
		.tsr-display-table-cell-2 {
			display: table-cell;
		}
		.tsr-display-table-column-2 {
			display: table-column;
		}
		.tsr-display-table-column-group-2 {
			display: table-column-group;
		}
		.tsr-display-table-footer-group-2 {
			display: table-footer-group;
		}
		.tsr-display-table-header-group-2 {
			display: table-header-group;
		}
		.tsr-display-table-row-2 {
			display: table-row;
		}
		.tsr-display-table-row-group-2 {
			display: table-row-group;
		}
		.tsr-display-unset-2 {
			display: unset;
		}				
	}

	@media (max-width: 576px) {
		.tsr-display-block-1 {
			display: block;
		}
		
		.tsr-display-none-1 {
			display: none;
		}	
		.tsr-display-contents-1 {
			display: contents;
		}
		.tsr-display-flex-1 {
			display: flex;
		}
		.tsr-display-flow-root-1 {
			display: flow-root;
		}
		.tsr-display-grid-1 {
			display: grid;
		}
		.tsr-display-inherit-1 {
			display: inherit;
		}
		.tsr-display-initial-1 {
			display: initial;
		}
		.tsr-display-inline-block-1 {
			display: inline-block;
		}
		.tsr-display-inline-flex-1 {
			display: inline-flex;
		}
		.tsr-display-inline-grid-1 {
			display: inline-grid;
		}
		.tsr-display-inline-table-1 {
			display: inline-table;
		}
		.tsr-display-list-item-1 {
			display: list-item;
		}
		.tsr-display-table-1 {
			display: table;
		}
		.tsr-display-table-caption-1 {
			display: table-caption;
		}
		.tsr-display-table-cell-1 {
			display: table-cell;
		}
		.tsr-display-table-column-1 {
			display: table-column;
		}
		.tsr-display-table-column-group-1 {
			display: table-column-group;
		}
		.tsr-display-table-footer-group-1 {
			display: table-footer-group;
		}
		.tsr-display-table-header-group-1 {
			display: table-header-group;
		}
		.tsr-display-table-row-1 {
			display: table-row;
		}
		.tsr-display-table-row-group-1 {
			display: table-row-group;
		}
		.tsr-display-unset-1 {
			display: unset;
		}				
	} 		
	
	/* diplay oFF */
	
	/* currsor ON */
	
	.cursor-pointer {
		cursor: pointer;
	}
	.cursor-none {
		cursor: none;
	}
	.cursor-alias {
		cursor: alias;
	}	
	.cursor-all-scroll {
		cursor: all-scroll;
	}	
	.cursor-auto {
		cursor: auto;
	}	
	.cursor-cell {
		cursor: cell;
	}	
	.cursor-col-resize {
		cursor: col-resize;
	}	
	.cursor-context-menu {
		cursor: context-menu;
	}	
	.cursor-copy {
		cursor: copy;
	}	
	.cursor-crosshair {
		cursor: crosshair;
	}	
	.cursor-default {
		cursor: default;
	}	
	.cursor-e-resize {
		cursor: e-resize;
	}	
	.cursor-ew-resize {
		cursor: ew-resize;
	}	
	.cursor-grab {
		cursor: grab;
	}	
	.cursor-grabbing {
		cursor: grabbing;
	}	
	.cursor-help {
		cursor: help;
	}	
	.cursor-inherit {
		cursor: inherit;
	}	
	.cursor-initial {
		cursor: initial;
	}	
	.cursor-move {
		cursor: move;
	}	
	.cursor-n-resize {
		cursor: n-resize;
	}	
	.cursor-n-resize {
		cursor: n-resize;
	}
	.cursor-ne-resize {
		cursor: ne-resize;
	}
	.cursor-nesw-resize {
		cursor: nesw-resize;
	}
	.cursor-no-drop {
		cursor: no-drop;
	}
	.cursor-not-allowed {
		cursor: not-allowed;
	}
	.cursor-ns-resize {
		cursor: ns-resize;
	}
	.cursor-nw-resize {
		cursor: nw-resize;
	}
	.cursor-nwse-resize {
		cursor: nwse-resize;
	}
	.cursor-progress {
		cursor: progress;
	}
	.cursor-row-resize {
		cursor: row-resize;
	}
	.cursor-s-resize {
		cursor: s-resize;
	}
	.cursor-se-resize {
		cursor: se-resize;
	}
	.cursor-sw-resize {
		cursor: sw-resize;
	}
	.cursor-text {
		cursor: text;
	}
	.cursor-unset {
		cursor: unset;
	}
	.cursor-vertical-text {
		cursor: vertical-text;
	}
	.cursor-w-resize {
		cursor: w-resize;
	}
	.cursor-wait {
		cursor: wait;
	}
	.cursor-zoom-in {
		cursor: zoom-in;
	}
	.cursor-zoom-out {
		cursor: zoom-out;
	}

	@media (max-width: 1600px) {
		.cursor-pointer-5 {
			cursor: pointer;
		}
		.cursor-none-5 {
			cursor: none;
		}
		.cursor-alias-5 {
			cursor: alias;
		}	
		.cursor-all-scroll-5 {
			cursor: all-scroll;
		}	
		.cursor-auto-5 {
			cursor: auto;
		}	
		.cursor-cell-5 {
			cursor: cell;
		}	
		.cursor-col-resize-5 {
			cursor: col-resize;
		}	
		.cursor-context-menu-5 {
			cursor: context-menu;
		}	
		.cursor-copy-5 {
			cursor: copy;
		}	
		.cursor-crosshair-5 {
			cursor: crosshair;
		}	
		.cursor-default-5 {
			cursor: default;
		}	
		.cursor-e-resize-5 {
			cursor: e-resize;
		}	
		.cursor-ew-resize-5 {
			cursor: ew-resize;
		}	
		.cursor-grab-5 {
			cursor: grab;
		}	
		.cursor-grabbing-5 {
			cursor: grabbing;
		}	
		.cursor-help-5 {
			cursor: help;
		}	
		.cursor-inherit-5 {
			cursor: inherit;
		}	
		.cursor-initial-5 {
			cursor: initial;
		}	
		.cursor-move-5 {
			cursor: move;
		}	
		.cursor-n-resize-5 {
			cursor: n-resize;
		}	
		.cursor-n-resize-5 {
			cursor: n-resize;
		}
		.cursor-ne-resize-5 {
			cursor: ne-resize;
		}
		.cursor-nesw-resize-5 {
			cursor: nesw-resize;
		}
		.cursor-no-drop-5 {
			cursor: no-drop;
		}
		.cursor-not-allowed-5 {
			cursor: not-allowed;
		}
		.cursor-ns-resize-5 {
			cursor: ns-resize;
		}
		.cursor-nw-resize-5 {
			cursor: nw-resize;
		}
		.cursor-nwse-resize-5 {
			cursor: nwse-resize;
		}
		.cursor-progress-5 {
			cursor: progress;
		}
		.cursor-row-resize-5 {
			cursor: row-resize;
		}
		.cursor-s-resize-5 {
			cursor: s-resize;
		}
		.cursor-se-resize-5 {
			cursor: se-resize;
		}
		.cursor-sw-resize-5 {
			cursor: sw-resize;
		}
		.cursor-text-5 {
			cursor: text;
		}
		.cursor-unset-5 {
			cursor: unset;
		}
		.cursor-vertical-text-5 {
			cursor: vertical-text;
		}
		.cursor-w-resize-5 {
			cursor: w-resize;
		}
		.cursor-wait-5 {
			cursor: wait;
		}
		.cursor-zoom-in-5 {
			cursor: zoom-in;
		}
		.cursor-zoom-out-5 {
			cursor: zoom-out;
		}		
	}
	
	@media (max-width: 1200px) {
		.cursor-pointer-4 {
			cursor: pointer;
		}
		.cursor-none-4 {
			cursor: none;
		}
		.cursor-alias-4 {
			cursor: alias;
		}	
		.cursor-all-scroll-4 {
			cursor: all-scroll;
		}	
		.cursor-auto-4 {
			cursor: auto;
		}	
		.cursor-cell-4 {
			cursor: cell;
		}	
		.cursor-col-resize-4 {
			cursor: col-resize;
		}	
		.cursor-context-menu-4 {
			cursor: context-menu;
		}	
		.cursor-copy-4 {
			cursor: copy;
		}	
		.cursor-crosshair-4 {
			cursor: crosshair;
		}	
		.cursor-default-4 {
			cursor: default;
		}	
		.cursor-e-resize-4 {
			cursor: e-resize;
		}	
		.cursor-ew-resize-4 {
			cursor: ew-resize;
		}	
		.cursor-grab-4 {
			cursor: grab;
		}	
		.cursor-grabbing-4 {
			cursor: grabbing;
		}	
		.cursor-help-4 {
			cursor: help;
		}	
		.cursor-inherit-4 {
			cursor: inherit;
		}	
		.cursor-initial {
			cursor: initial;
		}	
		.cursor-move-4 {
			cursor: move;
		}	
		.cursor-n-resize {
			cursor: n-resize;
		}	
		.cursor-n-resize-4 {
			cursor: n-resize;
		}
		.cursor-ne-resize {
			cursor: ne-resize;
		}
		.cursor-nesw-resize-4 {
			cursor: nesw-resize;
		}
		.cursor-no-drop-4 {
			cursor: no-drop;
		}
		.cursor-not-allowed-4 {
			cursor: not-allowed;
		}
		.cursor-ns-resize-4 {
			cursor: ns-resize;
		}
		.cursor-nw-resize-4 {
			cursor: nw-resize;
		}
		.cursor-nwse-resize-4 {
			cursor: nwse-resize;
		}
		.cursor-progress-4 {
			cursor: progress;
		}
		.cursor-row-resize-4 {
			cursor: row-resize;
		}
		.cursor-s-resize-4 {
			cursor: s-resize;
		}
		.cursor-se-resize-4 {
			cursor: se-resize;
		}
		.cursor-sw-resize-4 {
			cursor: sw-resize;
		}
		.cursor-text {
			cursor: text;
		}
		.cursor-unset-4 {
			cursor: unset;
		}
		.cursor-vertical-text-4 {
			cursor: vertical-text;
		}
		.cursor-w-resize-4 {
			cursor: w-resize;
		}
		.cursor-wait-4 {
			cursor: wait;
		}
		.cursor-zoom-in-4 {
			cursor: zoom-in;
		}
		.cursor-zoom-out-4 {
			cursor: zoom-out;
		}		
	}

	@media (max-width: 992px) {
		.cursor-pointer-3 {
			cursor: pointer;
		}
		.cursor-none-3 {
			cursor: none;
		}
		.cursor-alias-3 {
			cursor: alias;
		}	
		.cursor-all-scroll-3 {
			cursor: all-scroll;
		}	
		.cursor-auto-3 {
			cursor: auto;
		}	
		.cursor-cell-3 {
			cursor: cell;
		}	
		.cursor-col-resize-3 {
			cursor: col-resize;
		}	
		.cursor-context-menu-3 {
			cursor: context-menu;
		}	
		.cursor-copy-3 {
			cursor: copy;
		}	
		.cursor-crosshair-3 {
			cursor: crosshair;
		}	
		.cursor-default-3 {
			cursor: default;
		}	
		.cursor-e-resize-3 {
			cursor: e-resize;
		}	
		.cursor-ew-resize-3 {
			cursor: ew-resize;
		}	
		.cursor-grab-3 {
			cursor: grab;
		}	
		.cursor-grabbing-3 {
			cursor: grabbing;
		}	
		.cursor-help-3 {
			cursor: help;
		}	
		.cursor-inherit-3 {
			cursor: inherit;
		}	
		.cursor-initial-3 {
			cursor: initial;
		}	
		.cursor-move-3 {
			cursor: move;
		}	
		.cursor-n-resize-3 {
			cursor: n-resize;
		}	
		.cursor-n-resize-3 {
			cursor: n-resize;
		}
		.cursor-ne-resize-3 {
			cursor: ne-resize;
		}
		.cursor-nesw-resize-3 {
			cursor: nesw-resize;
		}
		.cursor-no-drop-3 {
			cursor: no-drop;
		}
		.cursor-not-allowed-3 {
			cursor: not-allowed;
		}
		.cursor-ns-resize-3 {
			cursor: ns-resize;
		}
		.cursor-nw-resize-3 {
			cursor: nw-resize;
		}
		.cursor-nwse-resize-3 {
			cursor: nwse-resize;
		}
		.cursor-progress-3 {
			cursor: progress;
		}
		.cursor-row-resize-3 {
			cursor: row-resize;
		}
		.cursor-s-resize-3 {
			cursor: s-resize;
		}
		.cursor-se-resize-3 {
			cursor: se-resize;
		}
		.cursor-sw-resize-3 {
			cursor: sw-resize;
		}
		.cursor-text-3 {
			cursor: text;
		}
		.cursor-unset-3 {
			cursor: unset;
		}
		.cursor-vertical-text-3 {
			cursor: vertical-text;
		}
		.cursor-w-resize-3 {
			cursor: w-resize;
		}
		.cursor-wait-3 {
			cursor: wait;
		}
		.cursor-zoom-in-3 {
			cursor: zoom-in;
		}
		.cursor-zoom-out-3 {
			cursor: zoom-out;
		}		
	}

	@media (max-width: 768px) {
		.cursor-pointer-2 {
			cursor: pointer;
		}
		.cursor-none-2 {
			cursor: none;
		}
		.cursor-alias-2 {
			cursor: alias;
		}	
		.cursor-all-scroll-2 {
			cursor: all-scroll;
		}	
		.cursor-auto-2 {
			cursor: auto;
		}	
		.cursor-cell-2 {
			cursor: cell;
		}	
		.cursor-col-resize-2 {
			cursor: col-resize;
		}	
		.cursor-context-menu-2 {
			cursor: context-menu;
		}	
		.cursor-copy-2 {
			cursor: copy;
		}	
		.cursor-crosshair-2 {
			cursor: crosshair;
		}	
		.cursor-default-2 {
			cursor: default;
		}	
		.cursor-e-resize-2 {
			cursor: e-resize;
		}	
		.cursor-ew-resize-2 {
			cursor: ew-resize;
		}	
		.cursor-grab-2 {
			cursor: grab;
		}	
		.cursor-grabbing-2 {
			cursor: grabbing;
		}	
		.cursor-help-2 {
			cursor: help;
		}	
		.cursor-inherit-2 {
			cursor: inherit;
		}	
		.cursor-initial-2 {
			cursor: initial;
		}	
		.cursor-move-2 {
			cursor: move;
		}	
		.cursor-n-resize-2 {
			cursor: n-resize;
		}	
		.cursor-n-resize-2 {
			cursor: n-resize;
		}
		.cursor-ne-resize-2 {
			cursor: ne-resize;
		}
		.cursor-nesw-resize-2 {
			cursor: nesw-resize;
		}
		.cursor-no-drop-2 {
			cursor: no-drop;
		}
		.cursor-not-allowed-2 {
			cursor: not-allowed;
		}
		.cursor-ns-resize-2 {
			cursor: ns-resize;
		}
		.cursor-nw-resize-2 {
			cursor: nw-resize;
		}
		.cursor-nwse-resize-2 {
			cursor: nwse-resize;
		}
		.cursor-progress-2 {
			cursor: progress;
		}
		.cursor-row-resize-2 {
			cursor: row-resize;
		}
		.cursor-s-resize-2 {
			cursor: s-resize;
		}
		.cursor-se-resize-2 {
			cursor: se-resize;
		}
		.cursor-sw-resize-2 {
			cursor: sw-resize;
		}
		.cursor-text-2 {
			cursor: text;
		}
		.cursor-unset-2 {
			cursor: unset;
		}
		.cursor-vertical-text-2 {
			cursor: vertical-text;
		}
		.cursor-w-resize-2 {
			cursor: w-resize;
		}
		.cursor-wait-2 {
			cursor: wait;
		}
		.cursor-zoom-in-2 {
			cursor: zoom-in;
		}
		.cursor-zoom-out-2 {
			cursor: zoom-out;
		}		
	}

	@media (max-width: 576px) {
		.cursor-pointer-1 {
			cursor: pointer;
		}
		.cursor-none-1 {
			cursor: none;
		}
		.cursor-alias-1 {
			cursor: alias;
		}	
		.cursor-all-scroll-1 {
			cursor: all-scroll;
		}	
		.cursor-auto-1 {
			cursor: auto;
		}	
		.cursor-cell-1 {
			cursor: cell;
		}	
		.cursor-col-resize-1 {
			cursor: col-resize;
		}	
		.cursor-context-menu-1 {
			cursor: context-menu;
		}	
		.cursor-copy-1 {
			cursor: copy;
		}	
		.cursor-crosshair-1 {
			cursor: crosshair;
		}	
		.cursor-default-1 {
			cursor: default;
		}	
		.cursor-e-resize-1 {
			cursor: e-resize;
		}	
		.cursor-ew-resize-1 {
			cursor: ew-resize;
		}	
		.cursor-grab-1 {
			cursor: grab;
		}	
		.cursor-grabbing-1 {
			cursor: grabbing;
		}	
		.cursor-help-1 {
			cursor: help;
		}	
		.cursor-inherit-1 {
			cursor: inherit;
		}	
		.cursor-initial-1 {
			cursor: initial;
		}	
		.cursor-move-1 {
			cursor: move;
		}	
		.cursor-n-resize-1 {
			cursor: n-resize;
		}	
		.cursor-n-resize-1 {
			cursor: n-resize;
		}
		.cursor-ne-resize-1 {
			cursor: ne-resize;
		}
		.cursor-nesw-resize-1 {
			cursor: nesw-resize;
		}
		.cursor-no-drop-1 {
			cursor: no-drop;
		}
		.cursor-not-allowed-1 {
			cursor: not-allowed;
		}
		.cursor-ns-resize {
			cursor: ns-resize;
		}
		.cursor-nw-resize-1 {
			cursor: nw-resize;
		}
		.cursor-nwse-resize-1 {
			cursor: nwse-resize;
		}
		.cursor-progress-1 {
			cursor: progress;
		}
		.cursor-row-resize-1 {
			cursor: row-resize;
		}
		.cursor-s-resize-1 {
			cursor: s-resize;
		}
		.cursor-se-resize-1 {
			cursor: se-resize;
		}
		.cursor-sw-resize-1 {
			cursor: sw-resize;
		}
		.cursor-text-1 {
			cursor: text;
		}
		.cursor-unset-1 {
			cursor: unset;
		}
		.cursor-vertical-text-1 {
			cursor: vertical-text;
		}
		.cursor-w-resize-1 {
			cursor: w-resize;
		}
		.cursor-wait-1 {
			cursor: wait;
		}
		.cursor-zoom-in-1 {
			cursor: zoom-in;
		}
		.cursor-zoom-out-1 {
			cursor: zoom-out;
		}		
	} 	
	
	/* currsor OFF */
	
	/* buton-gora ON */

	#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);
	}
}	
	/* buton-gora OFF */

	/* text-algin ON */
	
	.tsr-algin-left {
		text-align: left;
	}
	
	.tsr-algin-center {
		text-align: center;
	}
	
	.tsr-algin-right {
		text-align: right;
	}

	@media (max-width: 1600px) {
		.tsr-algin-left-5 {
			text-align: left;
		}
		
		.tsr-algin-center-5 {
			text-align: center;
		}
		
		.tsr-algin-right-5 {
			text-align: right;
		}		
	}
	
	@media (max-width: 1200px) {
		.tsr-algin-left-4 {
			text-align: left;
		}
		
		.tsr-algin-center-4 {
			text-align: center;
		}
		
		.tsr-algin-right-4 {
			text-align: right;
		}		
	}

	@media (max-width: 992px) {
		.tsr-algin-left-3 {
			text-align: left;
		}
		
		.tsr-algin-center-3 {
			text-align: center;
		}
		
		.tsr-algin-right-3 {
			text-align: right;
		}		
	}

	@media (max-width: 768px) {
		.tsr-algin-left-2 {
			text-align: left;
		}
		
		.tsr-algin-center-2 {
			text-align: center;
		}
		
		.tsr-algin-right-2 {
			text-align: right;
		}		
	}

	@media (max-width: 576px) {
		.tsr-algin-left-1 {
			text-align: left;
		}
		
		.tsr-algin-center-1 {
			text-align: center;
		}
		
		.tsr-algin-right-1 {
			text-align: right;
		}		
	} 	

	/* text-algin OFF */	
	
	
	#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)  ;
			  }	
		}	
	
	/* icons box -- ikona boxa ON */	
	
	.tsr-icons-left {
		 border-radius: 25px 0px 0px 25px;
		-moz-border-radius: 25px 0px 0px 25px;
		-webkit-border-radius: 25px 0px 0px 25px;
		padding-right: 10px;
		border-width: 1px 0px 2.5px 2px;
		-webkit-box-shadow: -10px 0px 20px -5px rgba(74,74,74,1);
		box-shadow: -10px 0px 20px -5px rgba(74,74,74, 1);		
		float: left;
		margin-right: 50px;
		position: absolute;
	}
	
	.tsr-icons-right {
		 border-radius: 0px 25px 25px 0px;
		-moz-border-radius: 0px 25px 25px 0px;
		-webkit-border-radius: 0px 25px 25px 0px;
		padding-left: 10px;
		border-width: 1px 2px 2.5px 0px;
		-webkit-box-shadow: 10px 0px 20px -5px rgba(74,74,74,1);
		box-shadow: 10px 0px 20px -5px rgba(74,74,74, 1);	
		float: left;
		margin-left: 50px;
		position: absolute;	
	}
	
	.tsr-icons-box-left {
		padding: 2px 0px 2px 10px;
		margin-right: 0px;		
		float: left;
		width: 50px;
		position: unset;	
	}
	
	.tsr-icons-box-right {
		padding: 2px 10px 2px 0px;
		margin-left: 0px;
		float: right;
		width: 50px;
		position: unset;	
	}
	
	/* icons box -- ikona boxa OFF */
	
	/* bisiblity visable ON */
	
	.tsr-visibility-hidden {
		visibility: hidden;
		opacity: 0;
	}
	
	.tsr-visibility-visable{
		visibility: visible;
		opacity: 1;
	}
	
	.tsr-visibility-hidden-hover {
		visibility: hidden;
		opacity: 0;
	}
	
	.tsr-visibility-visable-hover {
		visibility: visible;
		opacity: 1;
	}

	.tsr-visibility-hidden-hover:hover {
		visibility: visibility;
		opacity: 1;
	}
	
	.tsr-visibility-visable-hover:hover {
		visibility: hidden;
		opacity: 0;
	}
	
	@media (max-width: 1600px) {
		.tsr-visibility-hidden-5 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-5 {
			visibility: visible;
			opacity: 1;
		}
		
		.tsr-visibility-hidden-hover-5 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-hover-5 {
			visibility: visible;
			opacity: 1;
		}

		.tsr-visibility-hidden-hover-5:hover {
			visibility: visibility;
			opacity: 1;
		}
		
		.tsr-visibility-visable-hover-5:hover {
			visibility: hidden;
			opacity: 0;
		}		
	}

	@media (max-width: 1200px) {
		.tsr-visibility-hidden-4 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-4 {
			visibility: visible;
			opacity: 1;
		}
		
		.tsr-visibility-hidden-hover-4 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-hover-4 {
			visibility: visible;
			opacity: 1;
		}

		.tsr-visibility-hidden-hover-4:hover {
			visibility: visibility;
			opacity: 1;
		}
		
		.tsr-visibility-visable-hover-4:hover {
			visibility: hidden;
			opacity: 0;
		}		
	}

	@media (max-width: 992px) {
		.tsr-visibility-hidden-3 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-3 {
			visibility: visible;
			opacity: 1;
		}
		
		.tsr-visibility-hidden-hover-3 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-hover-3 {
			visibility: visible;
			opacity: 1;
		}

		.tsr-visibility-hidden-hover-3:hover {
			visibility: visibility;
			opacity: 1;
		}
		
		.tsr-visibility-visable-hover-3:hover {
			visibility: hidden;
			opacity: 0;
		}		
	}

	@media (max-width: 768px) {
		.tsr-visibility-hidden-2 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-2 {
			visibility: visible;
			opacity: 1;
		}
		
		.tsr-visibility-hidden-hover-2 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-hover-2 {
			visibility: visible;
			opacity: 1;
		}

		.tsr-visibility-hidden-hover-2:hover {
			visibility: visibility;
			opacity: 1;
		}
		
		.tsr-visibility-visable-hover-2:hover {
			visibility: hidden;
			opacity: 0;
		}		
	}

	@media (max-width: 576px) {
		.tsr-visibility-hidden-1 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-1 {
			visibility: visible;
			opacity: 1;
		}
		
		.tsr-visibility-hidden-hover-1 {
			visibility: hidden;
			opacity: 0;
		}
		
		.tsr-visibility-visable-hover-1 {
			visibility: visible;
			opacity: 1;
		}

		.tsr-visibility-hidden-hover-1:hover {
			visibility: visibility;
			opacity: 1;
		}
		
		.tsr-visibility-visable-hover-1:hover {
			visibility: hidden;
			opacity: 0;
		}		
	} 			

	/* bisiblity visable OFF */
  
	/* kolorowanie rekordu co 2 ON */
	
	.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, .rekordy-kolor > .tsr-colors-table1, .tsr-kolor-tabeli1 {
        background: #eceaea;
    }

	.records-autner, .rekordy-kolor >.tsr-colors-table2, .tsr-kolor-tabeli2  {
		background: #f9f9f9;
    }

	/* kolorowanie rekordu co 2 OFF */	
	
	/* border castum ON */

	.tsr-border-groove1-all {
		border: 1px groove #000000;
	}

	.tsr-border-groove1-all2 {
		border: 2px groove #000000;		
	}
	
	.tsr-border-groove1-all3 {
		border: 3px groove #000000;	
	}

	.tsr-border-groove1-top {
		border-top: 1px groove #000000;
	}

	.tsr-border-groove1-top2 {
		border-top: 2px groove #000000;		
	}
	
	.tsr-border-groove1-top3 {
		border-top: 3px groove #000000;	
	}

	.tsr-border-groove1-right {
		border-right: 1px groove #000000;
	}

	.tsr-border-groove1-right2 {
		border-right: 2px groove #000000;	
	}
	
	.tsr-border-groove1-right3 {
		border-right: 3px groove #000000;		
	}

	.tsr-border-groove1-left {
		border-left: 1px groove #000000;
	}

	.tsr-border-groove1-left2 {
		border-left: 2px groove #000000;		
	}
	
	.tsr-border-groove1-left3 {
		border-left: 3px groove #000000;	
	}

	.tsr-border-groove1-bottom {
		border-bottom: 1px groove #000000;
	}

	.tsr-border-groove1-bottom2 {
		border-bottom: 2px groove #000000;		
	}
	
	.tsr-border-groove1-bottom3 {
		border-bottom: 3px groove #000000;		
	}

	.tsr-border-dashed-all {
		border: 1px dashed #000000;
	}

	.tsr-border-dashed-all2 {
		border: 2px dashed #000000;	
	}
	
	.tsr-border-dashed-all3 {
		border: 3px dashed #000000;	
	}

	.tsr-border-dashed-top {
		border-top: 1px dashed #000000;
	}

	.tsr-border-dashed-top2 {
		border-top: 2px dashed #000000;	
	}
	
	.tsr-border-dashed-top3 {
		border-top: 3px dashed #000000;		
	}

	.tsr-border-dashed-right {
		border-right: 1px dashed #000000;
	}

	.tsr-border-dashed-right2 {
		border-right: 2px dashed #000000;	
	}
	
	.tsr-border-dashed-right3 {
		border-right: 3px dashed #000000;	
	}

	.tsr-border-dashed-left {
		border-left: 1px dashed #000000;
	}

	.tsr-border-dashed-left2 {
		border-left: 2px dashed #000000;	
	}
	
	.tsr-border-dashed-left3 {
		border-left: 3px dashed #000000;	
	}

	.tsr-border-dashed-bottom {
		border-bottom: 1px dashed #000000;
	}

	.tsr-border-dashed-bottom2 {
		border-bottom: 2px dashed #000000;
	}
	
	.tsr-border-dashed-bottom3 {
		border-bottom: 3px dashed #000000;	
	}

	.tsr-border-dotted-all {
		border: 1px dotted #000000;
	}

	.tsr-border-dotted-all2 {
		border: 2px dotted #000000;		
	}
	
	.tsr-border-dotted-all3 {
		border: 3px dotted #000000;	
	}

	.tsr-border-dotted-top {
		border-top: 1px dotted #000000;
	}

	.tsr-border-dotted-top2 {
		border-top: 2px dotted #000000;		
	}
	
	.tsr-border-dotted-top3 {
		border-top: 3px dotted #000000;		
	}

	.tsr-border-dotted-right {
		border-right: 1px dotted #000000;
	}

	.tsr-border-dotted-right2 {
		border-right: 2px dotted #000000;		
	}
	
	.tsr-border-dotted-right3 {
		border-right: 3px dotted #000000;	
	}

	.tsr-border-dotted-left {
		border-left: 1px dotted #000000;
	}

	.tsr-border-dotted-left2 {
		border-left: 2px dotted #000000;		
	}
	
	.tsr-border-dotted-left3 {
		border-left: 3px dotted #000000;	
	}

	.tsr-border-dotted-bottom {
		border-bottom: 1px dotted #000000;
	}

	.tsr-border-dotted-bottom2 {
		border-bottom: 2px dotted #000000;	
	}
	
	.tsr-border-dotted-bottom3 {
		border-bottom: 3px dotted #000000;	
	}

	.tsr-border-double-all {
		border: 1px double #000000;
	}

	.tsr-border-double-all2 {
		border: 2px double #000000;	
	}
	
	.tsr-border-double-all3 {
		border: 3px double #000000;		
	}

	.tsr-border-double-top {
		border-top: 1px double #000000;
	}

	.tsr-border-double-top2 {
		border-top: 2px double #000000;	
	}
	
	.tsr-border-double-top3 {
		border-top: 3px double #000000;	
	}

	.tsr-border-double-right {
		border-right: 1px double #000000;
	}

	.tsr-border-double-right2 {
		border-right: 2px double #000000;		
	}
	
	.tsr-border-double-right3 {
		border-right: 3px double #000000;		
	}

	.tsr-border-double-left {
		border-left: 1px double #000000;
	}

	.tsr-border-double-left2 {
		border-left: 2px double #000000;		
	}
	
	.tsr-border-double-left3 {
		border-left: 3px double #000000;	
	}

	.tsr-border-double-bottom {
		border-bottom: 1px double #000000;
	}

	.tsr-border-double-bottom2 {
		border-bottom: 2px double #000000;	
	}
	
	.tsr-border-double-bottom3 {
		border-bottom: 3px double #000000;		
	}

	.tsr-border-solid-all {
		border: 1px solid #000000;
	}

	.tsr-border-solid-all2 {
		border: 2px solid #000000;		
	}
	
	.tsr-border-solid-all3 {
		border: 3px solid #000000;		
	}

	.tsr-border-solid-top {
		border-top: 1px solid #000000;
	}

	.tsr-border-solid-top2 {
		border-top: 2px solid #000000;		
	}
	
	.tsr-border-solid-top3 {
		border-top: 3px solid #000000;	
	}

	.tsr-border-solid-right {
		border-right: 1px solid #000000;
	}

	.tsr-border-solid-right2 {
		border-right: 2px solid #000000;		
	}
	
	.tsr-border-solid-right3 {
		border-right: 3px solid #000000;	
	}

	.tsr-border-solid-left {
		border-left: 1px solid #000000;
	}

	.tsr-border-solid-left2 {
		border-left: 2px solid #000000;		
	}
	
	.tsr-border-solid-left3 {
		border-left: 3px solid #000000;		
	}

	.tsr-border-solid-bottom {
		border-bottom: 1px solid #000000;
	}

	.tsr-border-solid-bottom2 {
		border-bottom: 2px solid #000000;		
	}
	
	.tsr-border-solid-bottom3 {
		border-bottom: 3px solid #000000;	
	}

	.tsr-border-ridge-all {
		border: 1px ridge #000000;
	}

	.tsr-border-ridge-all2 {
		border: 2px ridge #000000;	
	}
	
	.tsr-border-ridge-all3 {
		border: 3px ridge #000000;	
	}

	.tsr-border-ridge-top {
		border-top: 1px ridge #000000;
	}

	.tsr-border-ridge-top2 {
		border-top: 2px ridge #000000;	
	}
	
	.tsr-border-ridge-top3 {
		border-top: 3px ridge #000000;	
	}

	.tsr-border-ridge-right {
		border-right: 1px ridge #000000;
	}

	.tsr-border-ridge-right2 {
		border-right: 2px ridge #000000;	
	}
	
	.tsr-border-ridge-right3 {
		border-right: 3px ridge #000000;		
	}

	.tsr-border-ridge-left {
		border-left: 1px ridge #000000;
	}

	.tsr-border-ridge-left2 {
		border-left: 2px ridge #000000;		
	}
	
	.tsr-border-ridge-left3 {
		border-left: 3px ridge #000000;	
	}

	.tsr-border-ridge-bottom {
		border-bottom: 1px ridge #000000;
	}

	.tsr-border-ridge-bottom2 {
		border-bottom: 2px ridge #000000;	
	}
	
	.tsr-border-ridge-bottom3 {
		border-bottom: 3px ridge #000000;		
	}

	.tsr-border-inset-all {
		border: 1px inset #000000;
	}

	.tsr-border-inset-all2 {
		border: 2px inset #000000;		
	}
	
	.tsr-border-inset-all3 {
		border: 3px inset #000000;		
	}

	.tsr-border-inset-top {
		border-top: 1px inset #000000;
	}

	.tsr-border-inset-top2 {
		border-top: 2px inset #000000;		
	}
	
	.tsr-border-inset-top3 {
		border-top: 3px inset #000000;		
	}

	.tsr-border-inset-right {
		border-right: 1px inset #000000;
	}

	.tsr-border-inset-right2 {
		border-right: 2px inset #000000;	
	}
	
	.tsr-border-inset-right3 {
		border-right: 3px inset #000000;	
	}

	.tsr-border-inset-left {
		border-left: 1px inset #000000;
	}

	.tsr-border-inset-left2 {
		border-left: 2px inset #000000;		
	}
	
	.tsr-border-inset-left3 {
		border-left: 3px inset #000000;	
	}

	.tsr-border-inset-bottom {
		border-bottom: 1px inset #000000;
	}

	.tsr-border-inset-bottom2 {
		border-bottom: 2px inset #000000;		
	}
	
	.tsr-border-inset-bottom3 {
		border-bottom: 3px inset #000000;	
	}

	.tsr-border-outset-all {
		border: 1px outset #000000;
	}

	.tsr-border-outset-all2 {
		border: 2px outset #000000;	
	}
	
	.tsr-border-outset-all3 {
		border: 3px outset #000000;		
	}

	.tsr-border-outset-top {
		border-top: 1px outset #000000;
	}

	.tsr-border-outset-top2 {
		border-top: 2px outset #000000;		
	}
	
	.tsr-border-outset-top3 {
		border-top: 3px outset #000000;		
	}

	.tsr-border-outset-right {
		border-right: 1px outset #000000;
	}

	.tsr-border-outset-right2 {
		border-right: 2px outset #000000;	
	}
	
	.tsr-border-outset-right3 {
		border-right: 3px outset #000000;		
	}

	.tsr-border-outset-left {
		border-left: 1px outset #000000;
	}

	.tsr-border-outset-left2 {
		border-left: 2px outset #000000;	
	}
	
	.tsr-border-outset-left3 {
		border-left: 3px outset #000000;	
	}

	.tsr-border-outset-bottom {
		border-bottom: 1px outset #000000;
	}

	.tsr-border-outset-bottom2 {
		border-bottom: 2px outset #000000;		
	}
	
	.tsr-border-outset-bottom3 {
		border-bottom: 3px outset #000000;	
	}
	
	/* border castum OFF */

	
	/* tsr position ON */
	
	.tsr-position-absulute {
		position: absolute;
	}
	
	.tsr-position-relative {
		position: relative;
	}
	
	.tsr-position-static {
		position: static;
	}
	
	.tsr-position-fixed {
		position: fixed;
	}
	
	.tsr-position-none {
		position: none;
	}
	
	@media (max-width: 1600px) {
		.tsr-position-absolute5 {
			position: absolute;
		}
		
		.tsr-position-relative5 {
			position: relative;
		}
		
		.tsr-position-static5 {
			position: static;
		}
		
		.tsr-position-fixed5 {
			position: fixed;
		}
		
		.tsr-position-none5 {
			position: none;
		}		
	}

	@media (max-width: 1200px) {
		.tsr-position-absolute4 {
			position: absolute;
		}
		
		.tsr-position-relative4 {
			position: relative;
		}
		
		.tsr-position-static4 {
			position: static;
		}
		
		.tsr-position-fixed4 {
			position: fixed;
		}
		
		.tsr-position-none4 {
			position: none;
		}			
	}

	@media (max-width: 992px) {
		.tsr-position-absolute3 {
			position: absolute;
		}
		
		.tsr-position-relative3 {
			position: relative;
		}
		
		.tsr-pos-static3 {
			position: static;
		}
		
		.tsr-position-fixed3 {
			position: fixed;
		}
		
		.tsr-position-none3 {
			position: none;
		}			
	}

	@media (max-width: 768px) {
		.tsr-position-absolute2 {
			position: absolute;
		}
		
		.tsr-position-relative2 {
			position: relative;
		}
		
		.tsr-position-static2 {
			position: static;
		}
		
		.tsr-position-fixed2 {
			position: fixed;
		}
		
		.tsr-position-none2 {
			position: none;
		}			
	}

	@media (max-width: 576px) {
		.tsr-position-absolute {
			position: absolute;
		}
		
		.tsr-position-relative1 {
			position: relative;
		}
		
		.tsr-position-static1 {
			position: static;
		}
		
		.tsr-position-fixed1 {
			position: fixed;
		}
		
		.tsr-position-none1 {
			position: none;
		}			
	} 		
	
	/* tsr position OFF */
	
	/* tsr width OM */

		.tsr-width-webkit-fill-available {
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		}
		
		.tsr-width-auto {
			width: auto;
		}
		.tsr-width-fit-content {
			width: fit-content;
		}
		.tsr-width-inherit {
			width: inherit;
		}
		.tsr-width-initial {
			width: initial;
		}
		.tsr-width-max-content {
			width: max-content;
		}
		.tsr-width-unset {
			width: unset;
		}
		.tsr-width-100 {
			width: 100%;
		}
		.tsr-width-10px {
			width: 10px;
		}
		.tsr-width-15px {
			width: 15px;
		}
		.tsr-width-20px {
			width: 20px;
		}
		.tsr-width-25px {
			width: 25px;
		}
		.tsr-width-50px {
			width: 50px;
		}
		.tsr-width-75px {
			width: 75px;
		}
		.tsr-width-100px {
			width: 100px;
		}
		.tsr-width-125px {
			width: 125px;
		}
		.tsr-width-150px {
			width: 150px;
		}
		.tsr-width-175px {
			width: 175px;
		}
		.tsr-width-200px {
			width: 200px;
		}
		.tsr-width-225px {
			width: 225px;
		}
		.tsr-width-250px {
			width: 250px;
		}
		.tsr-width-275px {
			width: 275px;
		}
		.tsr-width-300px {
			width: 300px;
		}
		.tsr-width-325px {
			width: 325px;
		}
		.tsr-width-350px {
			width: 350px;
		}
		.tsr-width-375px {
			width: 375px;
		}
		.tsr-width-400px {
			width: 400px;
		}
		.tsr-width-450px {
			width: 450px;
		}
		.tsr-width-500px {
			width: 500px;
		}
		.tsr-width-550px {
			width: 550px;
		}
		.tsr-width-600px {
			width: 600px;
		}

		/* width min  //\\ min- ON */
		
		.tsr-min-width-web-fill-available {
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		}
		
		.tsr-min-width-auto {
			min-width: auto;
		}
		.tsr-min-width-fit-content {
			min-width: fit-content;
		}
		.tsr-min-width-inherit {
			min-width: inherit;
		}
		.tsr-min-width-initial {
			min-width: initial;
		}
		.tsr-min-width-max-content {
			min-width: max-content;
		}
		.tsr-min-width-unset {
			min-width: unset;
		}
		.tsr-min-width-10px {
			min-width: 10px;
		}
		.tsr-min-width-15px {
			min-width: 15px;
		}
		.tsr-min-width-20px {
			min-width: 20px;
		}
		.tsr-min-width-25px {
			min-width: 25px;
		}
		.tsr-min-width-50px {
			min-width: 50px;
		}
		.tsr-min-width-75px {
			min-width: 75px;
		}
		.tsr-min-width-100px {
			min-width: 100px;
		}
		.tsr-min-width-125px {
			min-width: 125px;
		}
		.tsr-min-width-150px {
			min-width: 150px;
		}
		.tsr-min-width-175px {
			min-width: 175px;
		}
		.tsr-min-width-200px {
			min-width: 200px;
		}
		.tsr-min-width-225px {
			min-width: 225px;
		}
		.tsr-min-width-250px {
			min-width: 250px;
		}
		.tsr-min-width-275px {
			min-width: 275px;
		}
		.tsr-min-width-300px {
			min-width: 300px;
		}
		.tsr-min-width-325px {
			min-width: 325px;
		}
		.tsr-min-width-350px {
			min-width: 350px;
		}
		.tsr-min-width-375px {
			min-width: 375px;
		}
		.tsr-min-width-400px {
			min-width: 400px;
		}
		.tsr-min-width-450px {
			min-width: 450px;
		}
		.tsr-min-width-500px {
			min-width: 500px;
		}
		.tsr-min-width-550px {
			min-width: 550px;
		}
		.tsr-min-width-600px {
			min-width: 600px;
		}
		
		/* width min  //\\ min- OFF */
		
		/* width max ON */
		
		.tsr-max-width-web-fill-available {
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		}
		
		.tsr-max-width-auto {
			max-width: auto;
		}
		.tsr-max-width-fit-content {
			max-width: fit-content;
		}
		.tsr-max-width-inherit {
			max-width: inherit;
		}
		.tsr-max-width-initial {
			max-width: initial;
		}
		.tsr-max-width-max-content {
			max-width: max-content;
		}
		.tsr-max-width-unset {
			max-width: unset;
		}
		.tsr-max-width-10px {
			max-width: 10px;
		}
		.tsr-max-width-15px {
			max-width: 15px;
		}
		.tsr-max-width-20px {
			max-width: 20px;
		}
		.tsr-max-width-25px {
			max-width: 25px;
		}
		.tsr-max-width-50px {
			max-width: 50px;
		}
		.tsr-max-width-75px {
			max-width: 75px;
		}
		.tsr-max-width-100px {
			max-width: 100px;
		}
		.tsr-max-width-125px {
			max-width: 125px;
		}
		.tsr-max-width-150px {
			max-width: 150px;
		}
		.tsr-max-width-175px {
			max-width: 175px;
		}
		.tsr-max-width-200px {
			max-width: 200px;
		}
		.tsr-max-width-225px {
			max-width: 225px;
		}
		.tsr-max-width-250px {
			max-width: 250px;
		}
		.tsr-max-width-275px {
			max-width: 275px;
		}
		.tsr-max-width-300px {
			max-width: 300px;
		}
		.tsr-max-width-325px {
			max-width: 325px;
		}
		.tsr-max-width-350px {
			max-width: 350px;
		}
		.tsr-max-width-375px {
			max-width: 375px;
		}
		.tsr-max-width-400px {
			max-width: 400px;
		}
		.tsr-max-width-450px {
			max-width: 450px;
		}
		.tsr-max-width-500px {
			max-width: 500px;
		}
		.tsr-max-width-550px {
			max-width: 550px;
		}
		.tsr-max-width-600px {
			max-width: 600px;
		}		
		
		/* width max OFF */

	@media (max-width: 1600px) {
		.tsr-width-web-fill-available-5 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-width-auto-5 {
			width: auto;
		}
		.tsr-width-fit-content-5 {
			width: fit-content;
		}
		.tsr-width-inherit-5 {
			width: inherit;
		}
		.tsr-width-initial-5 {
			width: initial;
		}
		.tsr-width-max-content-5 {
			width: max-content;
		}
		.tsr-width-unset-5 {
			width: unset;
		}
		.tsr-width-10px-5 {
			width: 10px;
		}
		.tsr-width-15px-5 {
			width: 15px;
		}
		.tsr-width-20px-5 {
			width: 20px;
		}
		.tsr-width-25px-5 {
			width: 25px;
		}
		.tsr-width-50px-5 {
			width: 50px;
		}
		.tsr-width-75px-5 {
			width: 75px;
		}
		.tsr-width-100px-5 {
			width: 100px;
		}
		.tsr-width-125px-5 {
			width: 125px;
		}
		.tsr-width-150px-5 {
			width: 150px;
		}
		.tsr-width-175px-5 {
			width: 175px;
		}
		.tsr-width-200px-5 {
			width: 200px;
		}
		.tsr-width-225px-5 {
			width: 225px;
		}
		.tsr-width-250px-5 {
			width: 250px;
		}
		.tsr-width-275px-5 {
			width: 275px;
		}
		.tsr-width-300px-5 {
			width: 300px;
		}
		.tsr-width-325px-5 {
			width: 325px;
		}
		.tsr-width-350px-5 {
			width: 350px;
		}
		.tsr-width-375px-5 {
			width: 375px;
		}
		.tsr-width-400px-5 {
			width: 400px;
		}
		.tsr-width-450px-5 {
			width: 450px;
		}
		.tsr-width-500px-5 {
			width: 500px;
		}
		.tsr-width-550px-5 {
			width: 550px;
		}
		.tsr-width-600px-5 {
			width: 600px;
		}		
	}

	@media (max-width: 1200px) {
		.tsr-width-web-fill-available-4 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-width-auto-4 {
			width: auto;
		}
		.tsr-width-fit-content-4 {
			width: fit-content;
		}
		.tsr-width-inherit-4 {
			width: inherit;
		}
		.tsr-width-initial-4 {
			width: initial;
		}
		.tsr-width-max-content-4 {
			width: max-content;
		}
		.tsr-width-unset-4 {
			width: unset;
		}
		.tsr-width-10px-4 {
			width: 10px;
		}
		.tsr-width-15px-4 {
			width: 15px;
		}
		.tsr-width-20px -4{
			width: 20px;
		}
		.tsr-width-25px-4 {
			width: 25px;
		}
		.tsr-width-50px-4 {
			width: 50px;
		}
		.tsr-width-75px-4 {
			width: 75px;
		}
		.tsr-width-100px-4 {
			width: 100px;
		}
		.tsr-width-125px-4 {
			width: 125px;
		}
		.tsr-width-150px-4 {
			width: 150px;
		}
		.tsr-width-175px-4 {
			width: 175px;
		}
		.tsr-width-200px-4 {
			width: 200px;
		}
		.tsr-width-225px-4 {
			width: 225px;
		}
		.tsr-width-250px-4 {
			width: 250px;
		}
		.tsr-width-275px-4 {
			width: 275px;
		}
		.tsr-width-300px-4 {
			width: 300px;
		}
		.tsr-width-325px-4 {
			width: 325px;
		}
		.tsr-width-350px-4 {
			width: 350px;
		}
		.tsr-width-375px-4 {
			width: 375px;
		}
		.tsr-width-400px-4 {
			width: 400px;
		}
		.tsr-width-450px-4 {
			width: 450px;
		}
		.tsr-width-500px-4 {
			width: 500px;
		}
		.tsr-width-550px-4 {
			width: 550px;
		}
		.tsr-width-600px-4 {
			width: 600px;
		}		
	}

	@media (max-width: 992px) {
		.tsr-width-web-fill-available {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-width-auto-3 {
			width: auto;
		}
		.tsr-width-fit-content-3 {
			width: fit-content;
		}
		.tsr-width-inherit-3 {
			width: inherit;
		}
		.tsr-width-initial-3 {
			width: initial;
		}
		.tsr-width-max-content-3 {
			width: max-content;
		}
		.tsr-width-unset-3 {
			width: unset;
		}
		.tsr-width-10px-3 {
			width: 10px;
		}
		.tsr-width-15px-3 {
			width: 15px;
		}
		.tsr-width-20px-3 {
			width: 20px;
		}
		.tsr-width-25px-3 {
			width: 25px;
		}
		.tsr-width-50px-3 {
			width: 50px;
		}
		.tsr-width-75px-3 {
			width: 75px;
		}
		.tsr-width-100px-3 {
			width: 100px;
		}
		.tsr-width-125px-3 {
			width: 125px;
		}
		.tsr-width-150px-3 {
			width: 150px;
		}
		.tsr-width-175px-3 {
			width: 175px;
		}
		.tsr-width-200px-3 {
			width: 200px;
		}
		.tsr-width-225px-3 {
			width: 225px;
		}
		.tsr-width-250px-3 {
			width: 250px;
		}
		.tsr-width-275px-3 {
			width: 275px;
		}
		.tsr-width-300px-3{
			width: 300px;
		}
		.tsr-width-325px-3 {
			width: 325px;
		}
		.tsr-width-350px-3 {
			width: 350px;
		}
		.tsr-width-375px-3 {
			width: 375px;
		}
		.tsr-width-400px-3 {
			width: 400px;
		}
		.tsr-width-450px-3 {
			width: 450px;
		}
		.tsr-width-500px-3 {
			width: 500px;
		}
		.tsr-width-550px-3 {
			width: 550px;
		}
		.tsr-width-600px-3 {
			width: 600px;
		}		
	}

	@media (max-width: 768px) {
		.tsr-width-web-fill-available-2 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-width-auto-2 {
			width: auto;
		}
		.tsr-width-fit-content-2 {
			width: fit-content;
		}
		.tsr-width-inherit-2 {
			width: inherit;
		}
		.tsr-width-initial-2 {
			width: initial;
		}
		.tsr-width-max-content-2 {
			width: max-content;
		}
		.tsr-width-unset-2 {
			width: unset;
		}
		.tsr-width-10px-2 {
			width: 10px;
		}
		.tsr-width-15px-2 {
			width: 15px;
		}
		.tsr-width-20px-2 {
			width: 20px;
		}
		.tsr-width-25px-2 {
			width: 25px;
		}
		.tsr-width-50px-2 {
			width: 50px;
		}
		.tsr-width-75px-2 {
			width: 75px;
		}
		.tsr-width-100px-2 {
			width: 100px;
		}
		.tsr-width-125px-2 {
			width: 125px;
		}
		.tsr-width-150px-2 {
			width: 150px;
		}
		.tsr-width-175px-2 {
			width: 175px;
		}
		.tsr-width-200px-2 {
			width: 200px;
		}
		.tsr-width-225px-2 {
			width: 225px;
		}
		.tsr-width-250px-2 {
			width: 250px;
		}
		.tsr-width-275px-2 {
			width: 275px;
		}
		.tsr-width-300px-2 {
			width: 300px;
		}
		.tsr-width-325px-2 {
			width: 325px;
		}
		.tsr-width-350px-2 {
			width: 350px;
		}
		.tsr-width-375px-2 {
			width: 375px;
		}
		.tsr-width-400px-2 {
			width: 400px;
		}
		.tsr-width-450px-2 {
			width: 450px;
		}
		.tsr-width-500px-2 {
			width: 500px;
		}
		.tsr-width-550px-2 {
			width: 550px;
		}
		.tsr-width-600px-2 {
			width: 600px;
		}		
	}

	@media (max-width: 576px) {
		.tsr-width-web-fill-available-1 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-width-auto-1 {
			width: auto;
		}
		.tsr-width-fit-content-1 {
			width: fit-content;
		}
		.tsr-width-inherit-1 {
			width: inherit;
		}
		.tsr-width-initial-1 {
			width: initial;
		}
		.tsr-width-max-content-1 {
			width: max-content;
		}
		.tsr-width-unset-1 {
			width: unset;
		}
		.tsr-width-10px-1 {
			width: 10px;
		}
		.tsr-width-15px-1 {
			width: 15px;
		}
		.tsr-width-20px-1 {
			width: 20px;
		}
		.tsr-width-25px-1 {
			width: 25px;
		}
		.tsr-width-50px-1 {
			width: 50px;
		}
		.tsr-width-75px-1 {
			width: 75px;
		}
		.tsr-width-100px-1 {
			width: 100px;
		}
		.tsr-width-125px-1 {
			width: 125px;
		}
		.tsr-width-150px-1 {
			width: 150px;
		}
		.tsr-width-175px-1 {
			width: 175px;
		}
		.tsr-width-200px-1 {
			width: 200px;
		}
		.tsr-width-225px-1 {
			width: 225px;
		}
		.tsr-width-250px-1 {
			width: 250px;
		}
		.tsr-width-275px-1 {
			width: 275px;
		}
		.tsr-width-300px-1 {
			width: 300px;
		}
		.tsr-width-325px-1 {
			width: 325px;
		}
		.tsr-width-350px-1 {
			width: 350px;
		}
		.tsr-width-375px-1 {
			width: 375px;
		}
		.tsr-width-400px-1 {
			width: 400px;
		}
		.tsr-width-450px-1 {
			width: 450px;
		}
		.tsr-width-500px-1 {
			width: 500px;
		}
		.tsr-width-550px-1 {
			width: 550px;
		}
		.tsr-width-600px-1 {
			width: 600px;
		}		
	} 	

	/* width min */

	@media (max-width: 1600px) {
		.tsr-min-width-web-fill-available-5 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-min-width-auto-5 {
			min-width: auto;
		}
		.tsr-min-width-fit-content-5 {
			min-width: fit-content;
		}
		.tsr-min-width-inherit-5 {
			min-width: inherit;
		}
		.tsr-min-width-initial-5 {
			min-width: initial;
		}
		.tsr-min-width-max-content-5 {
			min-width: max-content;
		}
		.tsr-min-width-unset-5 {
			min-width: unset;
		}
		.tsr-min-width-10px-5 {
			min-width: 10px;
		}
		.tsr-min-width-15px-5 {
			min-width: 15px;
		}
		.tsr-min-width-20px-5 {
			min-width: 20px;
		}
		.tsr-min-width-25px-5 {
			min-width: 25px;
		}
		.tsr-min-width-50px-5 {
			min-width: 50px;
		}
		.tsr-min-width-75px-5 {
			min-width: 75px;
		}
		.tsr-min-width-100px-5 {
			min-width: 100px;
		}
		.tsr-min-width-125px-5 {
			min-width: 125px;
		}
		.tsr-min-width-150px-5 {
			min-width: 150px;
		}
		.tsr-min-width-175px-5 {
			min-width: 175px;
		}
		.tsr-min-width-200px-5 {
			min-width: 200px;
		}
		.tsr-min-width-225px-5 {
			min-width: 225px;
		}
		.tsr-min-width-250px-5 {
			min-width: 250px;
		}
		.tsr-min-width-275px-5 {
			min-width: 275px;
		}
		.tsr-min-width-300px-5 {
			min-width: 300px;
		}
		.tsr-min-width-325px-5 {
			min-width: 325px;
		}
		.tsr-min-width-350px-5 {
			min-width: 350px;
		}
		.tsr-min-width-375px-5 {
			min-width: 375px;
		}
		.tsr-min-width-400px-5 {
			min-width: 400px;
		}
		.tsr-min-width-450px-5 {
			min-width: 450px;
		}
		.tsr-min-width-500px-5 {
			min-width: 500px;
		}
		.tsr-min-width-550px-5 {
			min-width: 550px;
		}
		.tsr-min-width-600px-5 {
			min-width: 600px;
		}
	}

	@media (max-width: 1200px) {
		.tsr-min-width-web-fill-available-4 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-min-width-auto-4 {
			min-width: auto;
		}
		.tsr-min-width-fit-content-4 {
			min-width: fit-content;
		}
		.tsr-min-width-inherit-4 {
			min-width: inherit;
		}
		.tsr-min-width-initial-4 {
			min-width: initial;
		}
		.tsr-min-width-max-content-4 {
			min-width: max-content;
		}
		.tsr-min-width-unset-4 {
			min-width: unset;
		}
		.tsr-min-width-10px-4 {
			min-width: 10px;
		}
		.tsr-min-width-15px-4 {
			min-width: 15px;
		}
		.tsr-min-width-20px-4 {
			min-width: 20px;
		}
		.tsr-min-width-25px-4 {
			min-width: 25px;
		}
		.tsr-min-width-50px-4 {
			min-width: 50px;
		}
		.tsr-min-width-75px-4 {
			min-width: 75px;
		}
		.tsr-min-width-100px-4 {
			min-width: 100px;
		}
		.tsr-min-width-125px-4 {
			min-width: 125px;
		}
		.tsr-min-width-150px-4 {
			min-width: 150px;
		}
		.tsr-min-width-175px-4 {
			min-width: 175px;
		}
		.tsr-min-width-200px-4 {
			min-width: 200px;
		}
		.tsr-min-width-225px-4 {
			min-width: 225px;
		}
		.tsr-min-width-250px-4 {
			min-width: 250px;
		}
		.tsr-min-width-275px-4 {
			min-width: 275px;
		}
		.tsr-min-width-300px-4 {
			min-width: 300px;
		}
		.tsr-min-width-325px-4 {
			min-width: 325px;
		}
		.tsr-min-width-350px-4 {
			min-width: 350px;
		}
		.tsr-min-width-375px-4 {
			min-width: 375px;
		}
		.tsr-min-width-400px-4 {
			min-width: 400px;
		}
		.tsr-min-width-450px-4 {
			min-width: 450px;
		}
		.tsr-min-width-500px-4 {
			min-width: 500px;
		}
		.tsr-min-width-550px-4 {
			min-width: 550px;
		}
		.tsr-min-width-600px-4 {
			min-width: 600px;
		}
	}

	@media (max-width: 992px) {
		.tsr-min-width-web-fill-available-3 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-min-width-auto-3 {
			min-width: auto;
		}
		.tsr-min-width-fit-content-3 {
			min-width: fit-content;
		}
		.tsr-min-width-inherit-3 {
			min-width: inherit;
		}
		.tsr-min-width-initial-3 {
			min-width: initial;
		}
		.tsr-min-width-max-content-3 {
			min-width: max-content;
		}
		.tsr-min-width-unset-3 {
			min-width: unset;
		}
		.tsr-min-width-10px-3 {
			min-width: 10px;
		}
		.tsr-min-width-15px-3 {
			min-width: 15px;
		}
		.tsr-min-width-20px-3 {
			min-width: 20px;
		}
		.tsr-min-width-25px-3 {
			min-width: 25px;
		}
		.tsr-min-width-50px-3 {
			min-width: 50px;
		}
		.tsr-min-width-75px-3 {
			min-width: 75px;
		}
		.tsr-min-width-100px-3 {
			min-width: 100px;
		}
		.tsr-min-width-125px-3 {
			min-width: 125px;
		}
		.tsr-min-width-150px-3 {
			min-width: 150px;
		}
		.tsr-min-width-175px-3 {
			min-width: 175px;
		}
		.tsr-min-width-200px-3 {
			min-width: 200px;
		}
		.tsr-min-width-225px-3 {
			min-width: 225px;
		}
		.tsr-min-width-250px-3 {
			min-width: 250px;
		}
		.tsr-min-width-275px-3 {
			min-width: 275px;
		}
		.tsr-min-width-300px-3 {
			min-width: 300px;
		}
		.tsr-min-width-325px-3 {
			min-width: 325px;
		}
		.tsr-min-width-350px-3 {
			min-width: 350px;
		}
		.tsr-min-width-375px-3 {
			min-width: 375px;
		}
		.tsr-min-width-400px-3 {
			min-width: 400px;
		}
		.tsr-min-width-450px-3 {
			min-width: 450px;
		}
		.tsr-min-width-500px-3 {
			min-width: 500px;
		}
		.tsr-min-width-550px-3 {
			min-width: 550px;
		}
		.tsr-min-width-600px-3 {
			min-width: 600px;
		}
	}

	@media (max-width: 768px) {
		.tsr-min-width-web-fill-available-2 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-min-width-auto-2 {
			min-width: auto;
		}
		.tsr-min-width-fit-content-2 {
			min-width: fit-content;
		}
		.tsr-min-width-inherit-2 {
			min-width: inherit;
		}
		.tsr-min-width-initial-2 {
			min-width: initial;
		}
		.tsr-min-width-max-content-2 {
			min-width: max-content;
		}
		.tsr-min-width-unset-2 {
			min-width: unset;
		}
		.tsr-min-width-10px-2 {
			min-width: 10px;
		}
		.tsr-min-width-15px -2{
			min-width: 15px;
		}
		.tsr-min-width-20px-2 {
			min-width: 20px;
		}
		.tsr-min-width-25px-2 {
			min-width: 25px;
		}
		.tsr-min-width-50px-2 {
			min-width: 50px;
		}
		.tsr-min-width-75px-2 {
			min-width: 75px;
		}
		.tsr-min-width-100px-2 {
			min-width: 100px;
		}
		.tsr-min-width-125px-2 {
			min-width: 125px;
		}
		.tsr-min-width-150px-2 {
			min-width: 150px;
		}
		.tsr-min-width-175px-2 {
			min-width: 175px;
		}
		.tsr-min-width-200px-2 {
			min-width: 200px;
		}
		.tsr-min-width-225px-2 {
			min-width: 225px;
		}
		.tsr-min-width-250px-2 {
			min-width: 250px;
		}
		.tsr-min-width-275px-2 {
			min-width: 275px;
		}
		.tsr-min-width-300px-2 {
			min-width: 300px;
		}
		.tsr-min-width-325px-2 {
			min-width: 325px;
		}
		.tsr-min-width-350px-2 {
			min-width: 350px;
		}
		.tsr-min-width-375px-2 {
			min-width: 375px;
		}
		.tsr-min-width-400px-2 {
			min-width: 400px;
		}
		.tsr-min-width-450px-2 {
			min-width: 450px;
		}
		.tsr-min-width-500px-2 {
			min-width: 500px;
		}
		.tsr-min-width-550px-2 {
			min-width: 550px;
		}
		.tsr-min-width-600px-2 {
			min-width: 600px;
		}
	}

	@media (max-width: 576px) {
		.tsr-min-width-web-fill-available-1 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-min-width-auto-1 {
			min-width: auto;
		}
		.tsr-min-width-fit-content-1 {
			min-width: fit-content;
		}
		.tsr-min-width-inherit-1 {
			min-width: inherit;
		}
		.tsr-min-width-initial-1 {
			min-width: initial;
		}
		.tsr-min-width-max-content-1 {
			min-width: max-content;
		}
		.tsr-min-width-unset-1 {
			min-width: unset;
		}
		.tsr-min-width-10px-1 {
			min-width: 10px;
		}
		.tsr-min-width-15px-1 {
			min-width: 15px;
		}
		.tsr-min-width-20px-1 {
			min-width: 20px;
		}
		.tsr-min-width-25px-1 {
			min-width: 25px;
		}
		.tsr-min-width-50px-1{
			min-width: 50px;
		}
		.tsr-min-width-75px-1 {
			min-width: 75px;
		}
		.tsr-min-width-100px-1 {
			min-width: 100px;
		}
		.tsr-min-width-125px-1 {
			min-width: 125px;
		}
		.tsr-min-width-150px-1 {
			min-width: 150px;
		}
		.tsr-min-width-175px-1 {
			min-width: 175px;
		}
		.tsr-min-width-200px-1 {
			min-width: 200px;
		}
		.tsr-min-width-225px-1 {
			min-width: 225px;
		}
		.tsr-min-width-250px-1 {
			min-width: 250px;
		}
		.tsr-min-width-275px-1 {
			min-width: 275px;
		}
		.tsr-min-width-300px-1 {
			min-width: 300px;
		}
		.tsr-min-width-325px-1 {
			min-width: 325px;
		}
		.tsr-min-width-350px-1 {
			min-width: 350px;
		}
		.tsr-min-width-375px-1 {
			min-width: 375px;
		}
		.tsr-min-width-400px-1 {
			min-width: 400px;
		}
		.tsr-min-width-450px-1 {
			min-width: 450px;
		}
		.tsr-min-width-500px-1 {
			min-width: 500px;
		}
		.tsr-min-width-550px-1 {
			min-width: 550px;
		}
		.tsr-min-width-600px-1 {
			min-width: 600px;
		}
	} 	
	
	/* width min  //\\ min- OFF */	

	/* width max */

	@media (max-width: 1600px) {
		.tsr-max-width-web-fill-available-5 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-max-width-auto-5 {
			max-width: auto;
		}
		.tsr-max-width-fit-content-5 {
			max-width: fit-content;
		}
		.tsr-max-width-inherit-5 {
			max-width: inherit;
		}
		.tsr-max-width-initial-5 {
			max-width: initial;
		}
		.tsr-max-width-max-content-5 {
			max-width: max-content;
		}
		.tsr-max-width-unset-5 {
			max-width: unset;
		}
		.tsr-max-width-10px-5 {
			max-width: 10px;
		}
		.tsr-max-width-15px-5 {
			max-width: 15px;
		}
		.tsr-max-width-20px-5 {
			max-width: 20px;
		}
		.tsr-max-width-25px-5 {
			max-width: 25px;
		}
		.tsr-max-width-50px-5 {
			max-width: 50px;
		}
		.tsr-max-width-75px-5 {
			max-width: 75px;
		}
		.tsr-max-width-100px-5 {
			max-width: 100px;
		}
		.tsr-max-width-125px-5 {
			max-width: 125px;
		}
		.tsr-max-width-150px {
			max-width: 150px-5;
		}
		.tsr-max-width-175px-5 {
			max-width: 175px;
		}
		.tsr-max-width-200px-5 {
			max-width: 200px;
		}
		.tsr-max-width-225px-5 {
			max-width: 225px;
		}
		.tsr-max-width-250px-5 {
			max-width: 250px;
		}
		.tsr-max-width-275px-5 {
			max-width: 275px;
		}
		.tsr-max-width-300px-5 {
			max-width: 300px;
		}
		.tsr-max-width-325px-5 {
			max-width: 325px;
		}
		.tsr-max-width-350px-5 {
			max-width: 350px;
		}
		.tsr-max-width-375px-5 {
			max-width: 375px;
		}
		.tsr-max-width-400px-5 {
			max-width: 400px;
		}
		.tsr-max-width-450px-5 {
			max-width: 450px;
		}
		.tsr-max-width-500px-5 {
			max-width: 500px;
		}
		.tsr-max-width-550px-5 {
			max-width: 550px;
		}
		.tsr-max-width-600px-5 {
			max-width: 600px;
		}		
	}

	@media (max-width: 1200px) {
		.tsr-max-width-web-fill-available-4 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-max-width-auto-4 {
			max-width: auto;
		}
		.tsr-max-width-fit-content-4 {
			max-width: fit-content;
		}
		.tsr-max-width-inherit-4 {
			max-width: inherit;
		}
		.tsr-max-width-initial-4 {
			max-width: initial;
		}
		.tsr-max-width-max-content-4 {
			max-width: max-content;
		}
		.tsr-max-width-unset-4 {
			max-width: unset;
		}
		.tsr-max-width-10px-4 {
			max-width: 10px;
		}
		.tsr-max-width-15px-4 {
			max-width: 15px;
		}
		.tsr-max-width-20px-4 {
			max-width: 20px;
		}
		.tsr-max-width-25px-4 {
			max-width: 25px;
		}
		.tsr-max-width-50px-4 {
			max-width: 50px;
		}
		.tsr-max-width-75px-4 {
			max-width: 75px;
		}
		.tsr-max-width-100px-4 {
			max-width: 100px;
		}
		.tsr-max-width-125px-4 {
			max-width: 125px;
		}
		.tsr-max-width-150px-4 {
			max-width: 150px;
		}
		.tsr-max-width-175px-4 {
			max-width: 175px;
		}
		.tsr-max-width-200px-4 {
			max-width: 200px;
		}
		.tsr-max-width-225px-4 {
			max-width: 225px;
		}
		.tsr-max-width-250px-4 {
			max-width: 250px;
		}
		.tsr-max-width-275px-4 {
			max-width: 275px;
		}
		.tsr-max-width-300px-4 {
			max-width: 300px;
		}
		.tsr-max-width-325px-4 {
			max-width: 325px;
		}
		.tsr-max-width-350px-4 {
			max-width: 350px;
		}
		.tsr-max-width-375px-4 {
			max-width: 375px;
		}
		.tsr-max-width-400px-4 {
			max-width: 400px;
		}
		.tsr-max-width-450px-4 {
			max-width: 450px;
		}
		.tsr-max-width-500px-4 {
			max-width: 500px;
		}
		.tsr-max-width-550px-4 {
			max-width: 550px;
		}
		.tsr-max-width-600px-4 {
			max-width: 600px;
		}		
	}

	@media (max-width: 992px) {
		.tsr-max-width-web-fill-available-3 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-max-width-auto-3 {
			max-width: auto;
		}
		.tsr-max-width-fit-content-3 {
			max-width: fit-content;
		}
		.tsr-max-width-inherit-3 {
			max-width: inherit;
		}
		.tsr-max-width-initial-3 {
			max-width: initial;
		}
		.tsr-max-width-max-content-3 {
			max-width: max-content;
		}
		.tsr-max-width-unset-3 {
			max-width: unset;
		}
		.tsr-max-width-10px-3 {
			max-width: 10px;
		}
		.tsr-max-width-15px-3 {
			max-width: 15px;
		}
		.tsr-max-width-20px-3 {
			max-width: 20px;
		}
		.tsr-max-width-25px-3 {
			max-width: 25px;
		}
		.tsr-max-width-50px-3 {
			max-width: 50px;
		}
		.tsr-max-width-75px-3 {
			max-width: 75px;
		}
		.tsr-max-width-100px-3 {
			max-width: 100px;
		}
		.tsr-max-width-125px-3 {
			max-width: 125px;
		}
		.tsr-max-width-150px-3 {
			max-width: 150px;
		}
		.tsr-max-width-175px-3 {
			max-width: 175px;
		}
		.tsr-max-width-200px-3 {
			max-width: 200px;
		}
		.tsr-max-width-225px-3 {
			max-width: 225px;
		}
		.tsr-max-width-250px-3 {
			max-width: 250px;
		}
		.tsr-max-width-275px-3 {
			max-width: 275px;
		}
		.tsr-max-width-300px-3 {
			max-width: 300px;
		}
		.tsr-max-width-325px-3 {
			max-width: 325px;
		}
		.tsr-max-width-350px-3 {
			max-width: 350px;
		}
		.tsr-max-width-375px-3 {
			max-width: 375px;
		}
		.tsr-max-width-400px-3 {
			max-width: 400px;
		}
		.tsr-max-width-450px-3 {
			max-width: 450px;
		}
		.tsr-max-width-500px-3 {
			max-width: 500px;
		}
		.tsr-max-width-550px-3 {
			max-width: 550px;
		}
		.tsr-max-width-600px-3 {
			max-width: 600px;
		}		
	}

	@media (max-width: 768px) {
		.tsr-max-width-web-fill-available-2 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-max-width-auto-2 {
			max-width: auto;
		}
		.tsr-max-width-fit-content-2 {
			max-width: fit-content;
		}
		.tsr-max-width-inherit-2 {
			max-width: inherit;
		}
		.tsr-max-width-initial-2 {
			max-width: initial;
		}
		.tsr-max-width-max-content-2 {
			max-width: max-content;
		}
		.tsr-max-width-unset-2 {
			max-width: unset;
		}
		.tsr-max-width-10px-2 {
			max-width: 10px;
		}
		.tsr-max-width-15px-2 {
			max-width: 15px;
		}
		.tsr-max-width-20px-2 {
			max-width: 20px;
		}
		.tsr-max-width-25px-2 {
			max-width: 25px;
		}
		.tsr-max-width-50px-2 {
			max-width: 50px;
		}
		.tsr-max-width-75px-2 {
			max-width: 75px;
		}
		.tsr-max-width-100px-2 {
			max-width: 100px;
		}
		.tsr-max-width-125px-2 {
			max-width: 125px;
		}
		.tsr-max-width-150px-2 {
			max-width: 150px;
		}
		.tsr-max-width-175px-2 {
			max-width: 175px;
		}
		.tsr-max-width-200px-2 {
			max-width: 200px;
		}
		.tsr-max-width-225px-2 {
			max-width: 225px;
		}
		.tsr-max-width-250px-2 {
			max-width: 250px;
		}
		.tsr-max-width-275px-2 {
			max-width: 275px;
		}
		.tsr-max-width-300px-2 {
			max-width: 300px;
		}
		.tsr-max-width-325px-2 {
			max-width: 325px;
		}
		.tsr-max-width-350px-2 {
			max-width: 350px;
		}
		.tsr-max-width-375px-2 {
			max-width: 375px;
		}
		.tsr-max-width-400px-2 {
			max-width: 400px;
		}
		.tsr-max-width-450px-2 {
			max-width: 450px;
		}
		.tsr-max-width-500px-2 {
			max-width: 500px;
		}
		.tsr-max-width-550px-2 {
			max-width: 550px;
		}
		.tsr-max-width-600px-2 {
			max-width: 600px;
		}		
	}

	@media (max-width: 576px) {
		.tsr-max-width-web-fill-available-1 {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		
		.tsr-max-width-auto-1 {
			max-width: auto;
		}
		.tsr-max-width-fit-content-1 {
			max-width: fit-content;
		}
		.tsr-max-width-inherit-1 {
			max-width: inherit;
		}
		.tsr-max-width-initial-1 {
			max-width: initial;
		}
		.tsr-max-width-max-content-1 {
			max-width: max-content;
		}
		.tsr-max-width-unset-1 {
			max-width: unset;
		}
		.tsr-max-width-10px-1 {
			max-width: 10px;
		}
		.tsr-max-width-15px-1 {
			max-width: 15px;
		}
		.tsr-max-width-20px-1 {
			max-width: 20px;
		}
		.tsr-max-width-25px-1 {
			max-width: 25px;
		}
		.tsr-max-width-50px-1 {
			max-width: 50px;
		}
		.tsr-max-width-75px-1 {
			max-width: 75px;
		}
		.tsr-max-width-100px-1 {
			max-width: 100px;
		}
		.tsr-max-width-125px-1 {
			max-width: 125px;
		}
		.tsr-max-width-150px-1 {
			max-width: 150px;
		}
		.tsr-max-width-175px-1 {
			max-width: 175px;
		}
		.tsr-max-width-200px-1 {
			max-width: 200px;
		}
		.tsr-max-width-225px-1 {
			max-width: 225px;
		}
		.tsr-max-width-250px-1 {
			max-width: 250px;
		}
		.tsr-max-width-275px-1 {
			max-width: 275px;
		}
		.tsr-max-width-300px-1 {
			max-width: 300px;
		}
		.tsr-max-width-325px-1 {
			max-width: 325px;
		}
		.tsr-max-width-350px-1 {
			max-width: 350px;
		}
		.tsr-max-width-375px-1 {
			max-width: 375px;
		}
		.tsr-max-width-400px-1 {
			max-width: 400px;
		}
		.tsr-max-width-450px-1 {
			max-width: 450px;
		}
		.tsr-max-width-500px-1 {
			max-width: 500px;
		}
		.tsr-max-width-550px-1 {
			max-width: 550px;
		}
		.tsr-max-width-600px-1 {
			max-width: 600px;
		}		
	} 	
	
	/* width max  //\\ min- OFF */	
	
	/* tsr width OFF */
	
	/* tsr height ON */
	
		.tsr-height-webkit-fill-available {
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
		}
		.tsr-height-auto {
			height: auto;
		}
		.tsr-height-100 {
			height: 100%;
		}
		.tsr-height-fit-content {
			height: fit-content;
		}
		.tsr-height-inherit {
			height: inherit;
		}
		.tsr-height-initial {
			height: initial;
		}
		.tsr-height-max-content {
			height: max-content;
		}
		.tsr-height-min-content {
			height: min-content;
		}	
	
	/* tsr height OFF */
	
	/* rozmiary buttona On */

	.tsr-duuzy {
		font-size: 20px;
		margin: 6px 2px;
		padding: 10px 15px;
	}
	
	.tsr-maly {
		font-size: 14px;
		margin: 3px 1px;
		padding: 4.5px 7.5px;
	}
	
	.tsr-mini {
		font-size: 12px;
		margin: 2px 1px;
		padding: 2.5px 5px;
	}
	
	@media (max-width: 1200px) {
		.tsr-duzy {
			font-size: 19px;
			margin: 5px 1.75px;
			padding: 8px 12.5px;
		}
	}

	@media (max-width: 992px) {
		.tsr-duzy {
			font-size: 19px;
			margin: 4px 1.50px;
			padding: 7px 11px;
		}
	}

	@media (max-width: 768px) {
		.tsr-duzy {
			font-size: 18px;
			margin: 3px 1.25px;
			padding: 6px 10px;
		}
		.tsr-maly {
			font-size: 13px;
			margin: 3px 1px;
			padding: 4px 6px;
		}
		
		.tsr-mini {
			font-size: 11px;
			margin: 2px 1px;
			padding: 2.25px 4px;
		}		
	}

	@media (max-width: 576px) {
		.tsr-duzy {
			font-size: 16px;
			margin: 2px 1px;
			padding: 5px 7.5px;
		}	
		.tsr-maly {
			font-size: 12px;
			margin: 3px 1px;
			padding: 3px 4.5px;
		}
		
		.tsr-mini {
			font-size: 10px;
			margin: 2px 1px;
			padding: 2px 3px;
		}			
	} 

	/* vertical-align On */

	.tsr-vertical-align-baseline {
		vertical-align: baseline;
	}

	.tsr-vertical-align-bottom {
		vertical-align: bottom;
	}

	.tsr-vertical-align-inherit {
		vertical-align: inherit;
	}

	.tsr-vertical-align-initial {
		vertical-align: initial;
	}
	
	.tsr-vertical-align-middle {
		vertical-align: middle;
	}
	
	.tsr-vertical-align-sub {
		vertical-align: sub;
	}
	
	.tsr-vertical-align-super {
		vertical-align: super;
	}
	
	.tsr-vertical-align-text-bottom {
		vertical-align: text-bottom;
	}
	
	.tsr-vertical-align-text-top {
		vertical-align: text-top;
	}
	
	.tsr-vertical-align-top {
		vertical-align: top;
	}
	
	.tsr-vertical-align-unset {
		vertical-align: unset;
	}
	
	.tsr-vertical-align-baseline-middle {
		vertical-align: -webkit-baseline-middle;
		vertical-align: -moz-baseline-middle;
		vertical-align: baseline-middle;
	}
	
	@media (max-width: 1600px) {
		.tsr-vertical-align-baseline-5 {
			vertical-align: baseline;
		}

		.tsr-vertical-align-bottom-5 {
			vertical-align: bottom;
		}

		.tsr-vertical-align-inherit-5 {
			vertical-align: inherit;
		}

		.tsr-vertical-align-initial-5 {
			vertical-align: initial;
		}
		
		.tsr-vertical-align-middle-5 {
			vertical-align: middle;
		}
		
		.tsr-vertical-align-sub-5 {
			vertical-align: sub;
		}
		
		.tsr-vertical-align-super-5 {
			vertical-align: super;
		}
		
		.tsr-vertical-align-text-bottom-5 {
			vertical-align: text-bottom;
		}
		
		.tsr-vertical-align-text-top-5 {
			vertical-align: text-top;
		}
		
		.tsr-vertical-align-top-5 {
			vertical-align: top;
		}
		
		.tsr-vertical-align-unset-5 {
			vertical-align: unset;
		}
		
		.tsr-vertical-align-baseline-middle-5 {
			vertical-align: -webkit-baseline-middle;
			vertical-align: -moz-baseline-middle;
			vertical-align: baseline-middle;
		}		
	}

	@media (max-width: 1200px) {
		.tsr-vertical-align-baseline-4 {
			vertical-align: baseline;
		}

		.tsr-vertical-align-bottom-4 {
			vertical-align: bottom;
		}

		.tsr-vertical-align-inherit-4 {
			vertical-align: inherit;
		}

		.tsr-vertical-align-initial-4 {
			vertical-align: initial;
		}
		
		.tsr-vertical-align-middle-4 {
			vertical-align: middle;
		}
		
		.tsr-vertical-align-sub-4 {
			vertical-align: sub;
		}
		
		.tsr-vertical-align-super-4 {
			vertical-align: super;
		}
		
		.tsr-vertical-align-text-bottom-4 {
			vertical-align: text-bottom;
		}
		
		.tsr-vertical-align-text-top-4 {
			vertical-align: text-top;
		}
		
		.tsr-vertical-align-top-4 {
			vertical-align: top;
		}
		
		.tsr-vertical-align-unset-4 {
			vertical-align: unset;
		}
		
		.tsr-vertical-align-baseline-middle-4 {
			vertical-align: -webkit-baseline-middle;
			vertical-align: -moz-baseline-middle;
			vertical-align: baseline-middle;
		}		
	}

	@media (max-width: 992px) {
		.tsr-vertical-align-baseline-3 {
			vertical-align: baseline;
		}

		.tsr-vertical-align-bottom-3 {
			vertical-align: bottom;
		}

		.tsr-vertical-align-inherit-3 {
			vertical-align: inherit;
		}

		.tsr-vertical-align-initial-3 {
			vertical-align: initial;
		}
		
		.tsr-vertical-align-middle-3 {
			vertical-align: middle;
		}
		
		.tsr-vertical-align-sub-3 {
			vertical-align: sub;
		}
		
		.tsr-vertical-align-super-3 {
			vertical-align: super;
		}
		
		.tsr-vertical-align-text-bottom-3 {
			vertical-align: text-bottom;
		}
		
		.tsr-vertical-align-text-top-3 {
			vertical-align: text-top;
		}
		
		.tsr-vertical-align-top-3 {
			vertical-align: top;
		}
		
		.tsr-vertical-align-unset-3 {
			vertical-align: unset;
		}
		
		.tsr-vertical-align-baseline-middle-3 {
			vertical-align: -webkit-baseline-middle;
			vertical-align: -moz-baseline-middle;
			vertical-align: baseline-middle;
		}				
	}

	@media (max-width: 768px) {
		.tsr-vertical-align-baseline-3 {
			vertical-align: baseline;
		}

		.tsr-vertical-align-bottom-2 {
			vertical-align: bottom;
		}

		.tsr-vertical-align-inherit-2 {
			vertical-align: inherit;
		}

		.tsr-vertical-align-initial-2 {
			vertical-align: initial;
		}
		
		.tsr-vertical-align-middle-2 {
			vertical-align: middle;
		}
		
		.tsr-vertical-align-sub-2 {
			vertical-align: sub;
		}
		
		.tsr-vertical-align-super-2 {
			vertical-align: super;
		}
		
		.tsr-vertical-align-text-bottom-2 {
			vertical-align: text-bottom;
		}
		
		.tsr-vertical-align-text-top-2 {
			vertical-align: text-top;
		}
		
		.tsr-vertical-align-top-2 {
			vertical-align: top;
		}
		
		.tsr-vertical-align-unset-2 {
			vertical-align: unset;
		}
		
		.tsr-vertical-align-baseline-middle-2 {
			vertical-align: -webkit-baseline-middle;
			vertical-align: -moz-baseline-middle;
			vertical-align: baseline-middle;
		}				
	}

	@media (max-width: 576px) {
		.tsr-vertical-align-baseline-1 {
			vertical-align: baseline;
		}

		.tsr-vertical-align-bottom-1 {
			vertical-align: bottom;
		}

		.tsr-vertical-align-inherit-1 {
			vertical-align: inherit;
		}

		.tsr-vertical-align-initial-1 {
			vertical-align: initial;
		}
		
		.tsr-vertical-align-middle-1 {
			vertical-align: middle;
		}
		
		.tsr-vertical-align-sub-1 {
			vertical-align: sub;
		}
		
		.tsr-vertical-align-super-1 {
			vertical-align: super;
		}
		
		.tsr-vertical-align-text-bottom-1 {
			vertical-align: text-bottom;
		}
		
		.tsr-vertical-align-text-top-1 {
			vertical-align: text-top;
		}
		
		.tsr-vertical-align-top-1 {
			vertical-align: top;
		}
		
		.tsr-vertical-align-unset-1 {
			vertical-align: unset;
		}
		
		.tsr-vertical-align-baseline-middle-1 {
			vertical-align: -webkit-baseline-middle;
			vertical-align: -moz-baseline-middle;
			vertical-align: baseline-middle;
		}				
	} 			

	/* vertical-align OFF */	
	
	/* pokazywanie po najechaniu visable hover ON */
	
	.tsr-visable-hover {
		-webkit-transition-property: all;
		-webkit-transition-duration: 0ms;
		-webkit-transition-delay: 0ms;
		transition-property: all;
		transition-duration: 0ms;
		transition-delay: 0ms;
		-webkit-animation-delay: 0ms;
		animation-delay: 0ms;
	}
	
	.tsr-visable-hover > .tsr-visable-hover-element {
		visibility: hidden;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0ms;
		-webkit-transition-delay: 0ms;
		transition-property: all;
		transition-duration: 0ms;
		transition-delay: 0ms;
		-webkit-animation-delay: 0ms;
		animation-delay: 0ms;
	}
	
	.tsr-visable-hover:hover > .tsr-visable-hover-element {
		visibility: visible;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0ms;
		-webkit-transition-delay: 0ms;
		transition-property: all;
		transition-duration: 0ms;
		transition-delay: 0ms;
		-webkit-animation-delay: 0ms;
		animation-delay: 0ms;
	}
	
	/* pokazywanie po najechaniu visable hover OFF */

	/* font-size ON */

	.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;
	}	
}	

	/* font-size OFF */
	
	/* overflow-wrap ON */
	
	.tsr-overflow-wrap-break-word {
		overflow-wrap: break-word;
	}

	.tsr-overflow-wrap-inherit {
		overflow-wrap: inherit;
	}

	.tsr-overflow-wrap-initial {
		overflow-wrap: initial;
	}

	.tsr-overflow-wrap-normal {
		overflow-wrap: normal;
	}

	.tsr-overflow-wrap-unset {
		overflow-wrap: unset;
	}

	@media (max-width: 1600px) {
	.tsr-overflow-wrap-break-word-5 {
		overflow-wrap: break-word;
	}

	.tsr-overflow-wrap-inherit-5 {
		overflow-wrap: inherit;
	}

	.tsr-overflow-wrap-initial-5 {
		overflow-wrap: initial;
	}

	.tsr-overflow-wrap-normal-5 {
		overflow-wrap: normal;
	}

	.tsr-overflow-wrap-unset-5 {
		overflow-wrap: unset;
	}		
	}

	@media (max-width: 1200px) {
	.tsr-overflow-wrap-break-word-4 {
		overflow-wrap: break-word;
	}

	.tsr-overflow-wrap-inherit-4 {
		overflow-wrap: inherit;
	}

	.tsr-overflow-wrap-initial-4 {
		overflow-wrap: initial;
	}

	.tsr-overflow-wrap-normal-4 {
		overflow-wrap: normal;
	}

	.tsr-overflow-wrap-unset-4 {
		overflow-wrap: unset;
	}		
	}

	@media (max-width: 992px) {
	.tsr-overflow-wrap-break-word-3 {
		overflow-wrap: break-word;
	}

	.tsr-overflow-wrap-inherit-3 {
		overflow-wrap: inherit;
	}

	.tsr-overflow-wrap-initial-3 {
		overflow-wrap: initial;
	}

	.tsr-overflow-wrap-normal-3 {
		overflow-wrap: normal;
	}

	.tsr-overflow-wrap-unset-3 {
		overflow-wrap: unset;
	}		
	}

	@media (max-width: 768px) {
	.tsr-overflow-wrap-break-word-2 {
		overflow-wrap: break-word;
	}

	.tsr-overflow-wrap-inherit-2 {
		overflow-wrap: inherit;
	}

	.tsr-overflow-wrap-initial-2 {
		overflow-wrap: initial;
	}

	.tsr-overflow-wrap-normal-2 {
		overflow-wrap: normal;
	}

	.tsr-overflow-wrap-unset-2 {
		overflow-wrap: unset;
	}		
	}

	@media (max-width: 576px) {
		
	.tsr-overflow-wrap-break-word-1 {
		overflow-wrap: break-word;
	}

	.tsr-overflow-wrap-inherit-1 {
		overflow-wrap: inherit;
	}

	.tsr-overflow-wrap-initial-1 {
		overflow-wrap: initial;
	}

	.tsr-overflow-wrap-normal-1 {
		overflow-wrap: normal;
	}

	.tsr-overflow-wrap-unset-1 {
		overflow-wrap: unset;
	}	} 
	
	/* overflow-wrap OFF */

	/* zdjęcia animacja ON */

	.img-efect-normalize {
		position: relative;
		/*width: 450px;
		height: 278px;*/
	}

	.img-efect-normalize .img-efect-normalize-subtitle {
		position: absolute;
		display: block;
		width: 100%;
		height: auto;
		padding: 10px;
		margin: auto;
		text-align: center;
		background-color: white;
		left: 0px;
		bottom: 0px;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
	}

	.img-efect-normalize:hover .img-efect-normalize-subtitle {
		opacity: 1;
	}
	
	.img-efect-normalize:hover .img {
		-webkit-filter: opacity(30%); 
		filter: opacity(30%);
	}

	.img-efect-normalize2 {
		position: relative;
		/*width: 450px;
		height: 278px;*/
	}

	.img-efect-normalize2 .img-efect-normalize-subtitle2 {
		position: absolute;
		display: block;
		width: 100%;
		height: auto;
		padding: 10px;
		margin: auto;
		text-align: center;
		background-color: white;
		left: 0px;
		bottom: 0px;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
	}

	.img-efect-normalize2:hover .img-efect-normalize-subtitle2 {
		opacity: 1;
	}
	
	.img-efect-normalize2:hover .img {
		-webkit-filter: opacity(30%); 
		filter: opacity(30%);
	}

	@media (max-width: 1600px) {
		
	}

	@media (max-width: 1200px) {
		
	}

	@media (max-width: 992px) {
		
	}

	@media (max-width: 768px) {
		
	}

	@media (max-width: 576px) {
		
	} 
	
	/* zdięcia animacja OFF */

	/* stylizacja pokazywania rekordów ON */

	.tsr-recors-miniaturs {
		width: 25%;
		max-height: 250px;
		float: left;
		padding: 5px;
		margin-top: 10px;
	}
	
	.tsr-miniaturka2 {
		width: 100%;
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
	}

	@media (max-width: 1600px) {
		.tsr-recors-miniaturs {
			width: 25%;
			height: 175px;
			float: left;
			padding: 5px;
			margin-top: 10px;
		}		
	}

	@media (max-width: 1200px) {
		
	}

	@media (max-width: 992px) {
		.tsr-recors-miniaturs {
			width: 33.333333%;
			height: 195px;
			float: left;
			padding: 5px;
			margin-top: 10px;
		}		
	}

	@media (max-width: 768px) {
		.tsr-recors-miniaturs {
			width: 50%;
			height: 150px;
			float: left;
			padding: 5px;
			margin-top: 10px;
		}
	}

	@media (max-width: 576px) {
		.tsr-recors-miniaturs {
			width: 100%;
			width: -webkit-fill-available;
			width: fill-available;
			width: -fill-available;
			width: -moz-fill-available;
			float: left;
			padding: 5px;
			margin-top: 10px;
		}		
	} 
	
	/* stylizacja pokazywania rekordów 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: 100%;
		height: auto;
		float: left;
		font-size: 14px;
	}

	.tsr-stopka-navigation-right {
		position: relative;
		margin-left: 300px;
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		height: auto;
		float: left;
		font-size: 14px;
	}

	.tsr-stopka-navigation-left {
		position: relative;
		margin-right: 300px;
		width: -webkit-fill-available;
		width: fill-available;
		width: -fill-available;
		width: -moz-fill-available;
		height: auto;
		float: left;
		font-size: 14px;
	}
	
	.tsr-navigation-right-minimalize {
		margin-left: 50px;
	}

	.tsr-navigation-left-minimalize {
		margin-left: 50px;
	}
	
	.tsr-stopka-navigation {
		width: 100%;
		height: auto;
		float: left;
		background-color: #145000;
	}
	
	#tsr-stopka {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}
	
	.tsr-stopka {
		width: 1600px;
		height: auto;
		margin: auto;
		clear: both;	
		padding: 10px;
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}

	#tsr-stopka-auto {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}
	
	.tsr-stopka-auto {
		width: 1600px;		
		height: auto;
		margin: auto;
		clear: both;	
		padding: 10px;
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}

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

	.tsr-stopka-text2 {
		display:table-cell;
		width: 100%;
		height: auto;
		text-align: left;
		float: left;
		vertical-align: middle;
		font-size: 18px;
		color: rgb(0, 0, 0);
		/* kolor dla tej czionki  #a5wd  < | >  rgb(165, 13, 0)  */
	}	

@media (max-width: 1600px) {
	
	#tsr-stopka {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}

	.tsr-stopka-navigation-right {
		margin-left: 250px;
	}

	.tsr-stopka-navigation-left {
		margin-right: 250px;
	}
	
	.tsr-stopka {
		max-width: 1200px;
		width: auto;		
		height: auto;
		margin: auto;
		clear: both;	
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}

	#tsr-stopka-auto {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}
	
	.tsr-stopka-auto {
		max-width: 1200px;
		width: auto;		
		height: auto;
		margin: auto;
		clear: both;	
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}

	.tsr-navigation-right-minimalize {
		margin-left: 50px;
	}

	.tsr-navigation-left-minimalize {
		margin-left: 50px;
	}
}

@media (max-width: 1200px) {	

	#tsr-stopka {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}

	.tsr-stopka-navigation-right {
		margin-left: 50px;
	}
	
	.tsr-stopka-navigation-left {
		margin-right: 50px;
	}	
	
	.tsr-stopka {
		max-width: 1140px;
		width: auto;		
		height: auto;
		margin: auto;
		clear: both;	
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}

	#tsr-stopka-auto {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}
	
	.tsr-stopka-auto {
		max-width: 1140px;
		width: auto;		
		height: auto;
		margin: auto;
		clear: both;	
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}
	.tsr-navigation-right-minimalize {
		margin-left: 50px;
	}

	.tsr-navigation-left-minimalize {
		margin-left: 50px;
	}
}

@media (max-width: 992px) {
	
	#tsr-stopka {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}

	.tsr-stopka-navigation-right {
		margin-left: 45px;
	}

	.tsr-stopka-navigation-left {
		margin-right: 45px;
	}
	
	.tsr-stopka {
		width: 100%;
		height: auto;
		margin: auto;
		clear: both;	
		overflow-x: hidden;
		background-color: #346e07;		
		z-index: 97;
	}

	#tsr-stopka-auto {
		position: relative;		
		width: 100%;
		height: auto;
		margin: auto;
		float: left;
		font-size: 24px;
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}
	
	.tsr-stopka-auto {
		width: 100%;
		height: auto;
		margin: auto;
		clear: both;	
		overflow-x: hidden;
		background-color: #2e5e09;		
		z-index: 97;
	}
	
}

@media (max-width: 768px) {
	.tsr-stopka-navigation-right {
		margin-left: 0px;
		width: 100%;
	}

	.tsr-stopka-navigation-left {
		margin-right: 0px;
		width: 100%;
	}	
}

@media (max-width: 576px) {
	
} 	
	
	/*  STOPKA OFF  */		