a				{text-decoration: none;}
td				{padding: 3px; text-align: left; font-size: calc( 2.6vh + 0.1vw );}
tab				{display: inline-block; min-width: 4em;}
tab1				{white-space: pre;}
tab2				{padding-left: 8em;}
.stop-scrolling			{height: 100%; overflow: hidden;}

body				{
	position:		center;
	background-color:	rgba(var(--c-back-1)1);
	max-width:              100%;
	margin:                 0px 0px 0px 0px;
//	background-size:	350px 350px;
//	background-image:	url('../svg/tlo.svg');
				}

.bodyb				{
	max-width:              95em;
	margin:                 0px 0px 0px 0px;
				}

.obudowa			{
	top:			80px;
	position:		relative;
	margin:			auto auto auto auto;
	max-width:		1400px;
	background-color:	rgba(var(--c-back-1)1);
	border:			solid 0px;
	z-index:		0;
				}

hr				{
	clear:			both;
	display:		block;
	margin-top:		0.5em;
	margin-bottom:		0;
	margin-left:		auto;
	margin-right:		auto;
	border-style:		none;
//	border-style:		inset;
	border-width:		1px;
	border-color:		#666;
				}

.swiper                         {
	user-select:		none;
	-webkit-user-select:	none;
	-moz-user-select:	none;
	-ms-user-select:	none;
        width:                  100%;
        height:                 100%;
                                }

.swiper-slide                   {
        height:                 250px;
        text-align:             center;
        font-size:              1.1rem;
        background-color:       rgba(var(--c-back-1)1);
        color:                  rgba(var(--c-sign-2)1);
        font-family:            Lato;
        font-weight:            300;
        display:                flex;
        justify-content:        center;
        align-items:            center;
        cursor:                 pointer;
                                }

.swiper-slide img               {
        display:                block;
        width:                  100%;
        height:                 100%;
        object-fit:             cover;
        border:                 0.1rem solid;
        border-radius:          0.5rem;
        border-color:           rgba(var(--c-back-1)1);
        box-shadow:             0 3px 8px rgba(var(--c-black-1).8);
                                }

.swiper-slide video		{
        display:                block;
        width:                  100%;
        height:                 100%;
        object-fit:             cover;
        border:                 0.1rem solid;
        border-radius:          0.5rem;
        border-color:           rgba(var(--c-back-1)1);
        box-shadow:             0 3px 8px rgba(var(--c-black-1).8);
                                }

.swiper-slide img:hover         {
        box-shadow:             0px 0px 1px rgba(var(--c-grey-1)1),  0px 0px 3px rgba(var(--c-grey-1)1), 0 3px 8px rgba(var(--c-black-1).5);
        border:                 0.1rem solid;
        border-radius:          0.7rem;
        border-color:           rgba(var(--c-grey-1)1);
	transform:		scale(0.99);
	transition:		0.4s;
                                }       

.swiper-slide video:hover         {
        box-shadow:             0px 0px 1px rgba(var(--c-grey-1)1),  0px 0px 3px rgba(var(--c-grey-1)1), 0 3px 8px rgba(var(--c-black-1).5);
        border:                 0.1rem solid;
        border-radius:          0.7rem;
        border-color:           rgba(var(--c-grey-1)1);
	transform:		scale(0.99);
	transition:		0.4s;
                                }       

.swiper-slide-inbox		{
        height:                 250px;
        text-align:             center;
        font-size:              1.1rem;
        background-color:       rgba(var(--c-back-1)1);
        color:                  rgba(var(--c-sign-2)1);
	border:			1px solid rgba(var(--c-sign-2)1);
	border-radius:		5px;
        font-family:            Lato;
        font-weight:            300;
        display:                flex;
        justify-content:        center;
        align-items:            center;
                                }

.inbox                          {
        display:                block;
	position:		relative;
        width:                  100%;
        height:                 100%;
        object-fit:             cover;
        background-color:	rgba(var(--c-back-1)1);
	border:                 0.1rem solid;
        border-radius:          0.5rem;
        border-color:           rgba(var(--c-back-1)1);
        border-top:             2px solid rgba(var(--c-sign-1)1);
        border-top-left-radius: 15px;
        border-bottom:          0px solid rgba(var(--c-sign-1)1);
        border-bottom-left-radius:      30px;
        box-shadow:             0 3px 8px rgba(var(--c-black-1).5);
        text-align:             left;
        margin-left:            5px;
                                }

.inbox:hover                    {
	display:		block;
        box-shadow:             0px 0px 1px rgba(var(--c-grey-1)1),  0px 0px 3px rgba(var(--c-grey-1)1), 0 3px 8px rgba(var(--c-black-1).5);
        border-color:           rgba(var(--c-sign-1)1);
        border-left:            1px solid rgba(var(--c-sign-1)1);
        border-bottom-left-radius:      30px;
        transform:              scale(0.99);
        transition:             0.4s;
                                } 

.inbox h3                       {
        font-family:            Lato;
        font-size:              calc( 3vh + 0.8vw );
        font-weight:            400;
        color:                  rgba(var(--c-sign-1)1);
        margin:                 15px 5px 20px 15px;
        line-height:            1;
                                }

.inbox p                        {
        font-family:            Lato;
        font-size:              calc( 1.1vh + 1.1vh );
        font-weight:            300;
        color:                  rgba(var(--c-sign-1)1);
        margin:                 2px 5px 2px 15px;
        line-height:            1;
                                }

.cena                           {
        display:                block;
        position:               absolute;
        font-family:            Lato;
        font-size:              calc( 1.6vh + 1.2vh );
        font-weight:            400;
        color:                  rgba(var(--c-back-1)1);
	bottom:			15px;
	left:			25px;
	line-height:		1;
	text-align:		left;
	align-item:		left;
				}

.cenatlo			{
	display:		block;
	margin:			0px 0px 10px 0px;
	position:	 	fixed;
	width:			51%;
	bottom:			-12px;
	padding:		25px 25% 30px 25%;
	border:			0px solid rgba(var(--c-sign-2)1);
        border-radius:          0.5rem;
        border-bottom-left-radius:      30px;
	background-color:	rgba(var(--c-sign-1)1);
	text-align:		left;	

				}

.swiper-pagination              {
        display:                block;
        margin:                 -12px;
        padding:                0;
                                }

section                         {
        padding:                1rem;
        margin:                 0.2rem;
        background-color:       rgba(var(--c-back-1)1);
        border:                 0.1rem solid;
        border-radius:          0.5rem;
        border-color:           rgba(var(--c-back-1)1);
        color:                  rgba(var(--c-sign-2)1);
        font-family:            Lato;
        font-weight:            300;
                                }

span.made			{
	font-family:		Allura;
	font-size:		calc( 10px + 3vw );
	font-weight:		400;
	position:		absolute;
	bottom:			10px;
	right:			50px;
	color:			rgba(var(--c-sign-1)1);
	opacity:		50%;
	z-index:		300;
	filter:			drop-shadow(1px 2px 4px #111);
				}

span.kafelka1			{
	float:			left;
	position:		relative;
	display:		inline-block;
	height:			auto;
	width:			100%;
	justify-content:	center;
	background-size:	cover;
	background-position:	45%;
	background-attachment:	scroll;
//	background-attachment:	fixed;
	background-image: 	linear-gradient(to right, rgba(var(--c-back-1).2) 10%, rgba(var(--c-back-1).7) 40%, rgba(var(--c-back-1).76) 45%, rgba(var(--c-back-1).82) 50%, rgba(var(--c-back-1).87) 55%, rgba(var(--c-back-1).92) 60%, rgba(var(--c-back-1).97) 65%,  rgba(var(--c-back-1)1) 70%), url(../img/back/001.webp);
	border-radius:		25px;
	filter:			drop-shadow(3px 3px 4px #111);
	z-index:		4;
				}

span.kafelka2			{
	float:			left;
	position:		relative;
	display:		inline-block;
	height:			auto;
	width:			100%;
	background-size:	cover;
	background-position:	center;
	justify-content:	center;
	background:		rgba(var(--c-back-1)1);
	z-index:                3;
				}

	
span.kafelka4			{
	float:			left;
	position:		relative;
	display:		inline-block;
	font-size:		calc( 20px + 3vw );
	height:			auto;
	width:			100%;
	background-size:	cover;
	background-position:	center;
	justify-content:	center;
	background:		rgba(var(--c-back-1)1);
	z-index:                3;
				}

.stopka 	                {
	top:			50px;
        overflow:		hidden;
        position:		relative;
        height:			auto;
        background-color:	rgba(var(--c-back-1)1);
	padding:		5px;
        z-index:		999;
	width:			80%;
	height:			90%;
	                        }

.stopa				{
	top:			75px;
	position:		relative;
	display:		inline-block;
	height:			60vh;
	width:			100%;
	border-top:		0.1rem solid rgba(var(--c-sign-1)1);
	-webkit-filter:		drop-shadow(6px -4px 8px #111);
	filter:			drop-shadow(6px -4px 8px #111);
        background-size:        cover;
        background-position:    center;
        justify-content:        center;
//        background-image:       url(../img/back/001.webp);
        background-color:       rgba(var(--c-back-1)1);
        background-attachment:  scroll;
	z-index:		3;
				}

.stopa::before 			{
	content:		"";
	position:		absolute;
	top:			0;
	left:			0;
	right:			0;
	bottom:			0;
	filter:			blur(0px);
	background-size:	cover;
	background-position:	inherit;
	background-image:	inherit;
//	filter:			hue-rotate(20deg);
	filter:			brightness(100%);
	filter:			blur(0px);
	z-index:		-1;
				}

.kafelka1 h2			{
	font-family:		Archivo Black;
	font-size:		calc( 3vh + 0.7vw );
	font-weight:		400;
	color:			rgba(var(--c-sign-1)1);
	margin:			45px 0 0 25px;
	-webkit-filter:		drop-shadow(6px 6px 8px #222);
	filter:			drop-shadow(6px 6px 8px #222);
				}

.kafelka1 h3			{
	font-family:		Lato;
	font-size:		calc( 4vh + 0.8vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 50px 25px;
	line-height:		1;
	-webkit-filter:		drop-shadow(6px 6px 8px #000);
	filter:			drop-shadow(6px 6px 8px #000);
				}

.kafelka1 h4			{
	font-family:		Lato;
	font-size:		calc( 3vh + 0.8vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 50px 25px;
	line-height:		1.2;
	-webkit-filter:		drop-shadow(6px 6px 8px #000);
	filter:			drop-shadow(6px 6px 8px #000);
				}

.kafelka2 h2			{
	font-family:		Archivo Black;
	font-size:		calc( 3vh + 0.7vw );
	font-weight:		400;
	color:			rgba(var(--c-sign-1)1);
	margin:			45px 0 0 25px;
	background-clip:	text;
	background-size:	cover;
	background-position:	center;
	-webkit-filter:		drop-shadow(6px 6px 8px #222);
	filter:			drop-shadow(6px 6px 8px #222);
				}

.kafelka2 h3			{
	font-family:		Lato;
	font-size:		calc( 3vh + 0.7vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 50px 25px;
	line-height:		1.2;
	-webkit-filter:		drop-shadow(6px 6px 8px #000);
	filter:			drop-shadow(6px 6px 8px #000);
				}

.kafelka4 h2			{
	font-family:		Archivo Black;
	font-size:		calc( 3vh + 0.7vw );
	font-weight:		400;
	margin:			45px 0 0 25px;
	-webkit-text-fill-color:rgba(var(--c-sign-1)1);
	-webkit-background-clip:text;
	text-fill-color:	rgba(var(--c-sign-1)1);
	background-clip:	text;
	background-image:	url(../img/back/001.webp);
	background-attachment:	fixed;
	background-size:	cover;
	background-position:	center;
	-webkit-filter:		drop-shadow(6px 6px 8px #222);
	filter:			drop-shadow(6px 6px 8px #222);
	filter:			drop-shadow(15px 15px 10px #333);
				}

.kafelka4 h3			{
	font-family:		Lato;
	font-size:		calc( 3vh + 0.8vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 50px 25px;
	line-height:		1.2;
 	-webkit-filter:		drop-shadow(6px 6px 8px #000);
	filter:			drop-shadow(6px 6px 8px #000);
				}

.kafelka4 h5			{
	font-family:		Lato;
	font-size:		calc( 2.3vh + 0.1vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 50px 25px;
				}

.kafelka4 p			{font-family: 'Noto Sans JP', sans-serif;}

.stopa h2			{
	font-family:		Archivo Black;
	font-size:		calc( 6.5vh + 0.8vw );
	font-weight:		400;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 0 0 25px;
	opacity:		70%;
	text-shadow:		1px 1px 1px #111;
	-webkit-filter:		drop-shadow(6px 6px 8px #222);
	filter:			drop-shadow(6px 6px 8px #222);
				}

.stopa h3			{
	font-family:		Lato;	
	font-size:		calc( 20px + 3vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 0 25px;
	line-height:		0.9;
	z-index:		5;
				}

.stopa h4			{
	font-family:		Lato;
	font-size:		calc( 16px + 3vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 0 25px;
	line-height:		0.9;
	z-index:		5;
				}

.stopa h5			{
	font-family:		Lato;
	font-size:		calc( 2.6vh + 0.1vw );
	font-weight:		300;
	color:			rgba(var(--c-sign-1)1);
	margin:			30px 15px 0 25px;
	line-height:		0.9;
	text-shadow:		1px 1px 1px #111;
	z-index:		5;
				}

.bigimg				{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
//      background-image:       url(../img/big/001.webp);
        background-image:       url(../svg/logo.svg);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}

.bigimg2			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/002.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}

.bigimg3			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/003.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}

.bigimg4			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/004.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}

.bigimg5			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/005.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}


.bigimg6			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/006.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}


.bigimg7			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/007.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}

.bigimg8			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/008.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}


.bigimg9			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/009.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}

.bigimg10			{
	display:		inline-block;
	position:		relative;
	height:			60vh;
	width:			100%;
	background-attachment:	scroll;
	background-size:	cover;
	background-position:	center;
        background-image:       url(../img/big/010.webp);
	border:			0px solid rgba(var(--c-sign-2)1);
	border-radius:		25px;
//	-webkit-filter:		drop-shadow(6px 6px 8px #111);
//	filter:			drop-shadow(6px 6px 8px #111);
	z-index:                4;
				}


.point				{
	display:		none;
	visibility:		visible;
	position:		fixed;
	transform:		scale(0.07);
	transition:		2s;
	left:			70%;
	top:			70vh;
	animation:		point 2s alternate infinite ease-in;
	width:			100%;
	z-index:		2;
	animation-direction:	normal;
				}

.imp				{
	position:		fixed;
	transform:		scale(0.0);
	transition:		1s;
	right:			-40%;
	animation:		imp 2s alternate infinite ease-in;
	width:			100%;
	z-index:		2;
	top:			45vh;
	animation-direction:	normal;
	-webkit-animation-direction:normal;
				}

.slideUp			{
	animation-name:		slideUp;
	-webkit-animation-name:	slideUp;
	animation-duration:	1s;
	-webkit-animation-duration: 1s;
	visibility:		visible;
				}

.slidedown			{
	animation-name:		slidedown;
	-webkit-animation-name:	slidedown;
	animation-duration:	1s;
	-webkit-animation-duration:1s;
	visibility:		visible;
				}

.calla				{
	display:		none;
	z-index:		2;
	top:			-10vh;
	transition:		1s;
	-webkit-transition:	1s;
	position:		absolute; 
	width:			98vw;
	height:			100vh;
	border-radius:		150px;
				}

.callb				{
	z-index:		2;
	top:			-10vh;
	transition:		1s;
	-webkit-transition:	1s;
	width:			20vw;
	-webkit-box-shadow:	5px 10px 5px;
	box-shadow:		5px 10px 5px #111;
	border-radius:		150px;
				}

.callba				{
	x-transition:		all 2s ease-in-out;
	animation:		callba infinite 2s ease-in;
	color:			#333333;
				}

iframe				{
	display:		block;
	position:		fixed;
	top:			0;
	align-items:		center;
	border:			solid 1px #333;
	border-radius:		8px;
	height:			100vh;
	width:			99.5%;
	z-index:		950;
				}

.close-ramka			{
        position:               absolute;
	display:		none;
	top:                    20px;
        right:                  20px;
        font-size:              50px;
        color:                  rgba(var(--c-sign-2)1);
	background-color:	rgba(var(--c-back-1)1);
        cursor:                 pointer;
        z-index:                999;
				}

#napis4g			{
	display:		grid; 
	grid-template-columns:	25px auto 25px auto 25px auto; 
	grid-gap:		30px 5px;
	font-weight:		500;
	margin:			30px 15px 85px 75px;
				}

#navbar				{
        user-select:            none;
        -webkit-user-select:    none;
        -moz-user-select:       none;
        -ms-user-select:        none;
	left:			0vw;
	right:			0vw;
	padding:		30px 0px;
	position:		fixed;
	display:	 	block;
	height:			auto;
	width:			100vw;
	border-bottom:		0.1rem solid rgba(var(--c-sign-1)1);
	border-radius:		0 0 10px 10px;
	background-color:	rgba(var(--c-back-1)1);
	transition-delay:	0s;
	transition:		padding 0.4s linear;
        z-index:                1;
	-webkit-filter:		drop-shadow(6px 6px 8px #111);
	filter:			drop-shadow(6px 6px 8px #111);
//	background-size:	120px 120px;
//	background-size:	50px 50px;
//	background-image:	url('../svg/tlo.svg');
				}

#navbar	a			{
	font-family:		Archivo Black;
	font-size:		45px;
	font-weight:		400;
	color:			rgba(var(--c-sign-1)1);
	padding:		30px;
	transition:		0.4s;
				}

#social				{padding: 20px 0px 5px 15px;}

.fa                             {
        padding:                15px 15px;
        font-size:              30px;
        width:                  30px;
        text-align:             center;
        text-decoration:        none;
        margin:                 5px 2px;
        border-radius:          10%;
                                }

        .fa:hover               {border-radius: 20%; transition:0.12s;}
        .fa-facebook            {background:    #3B5998;color: rgba(var(--c-sign-2)1);}
        .fa-twitter             {background:    #55ACEE;color: rgba(var(--c-sign-2)1);}
        .fa-instagram           {background:    #125688;color: rgba(var(--c-sign-2)1);}
        .fa-youtube             {background:    #bb0000;color: rgba(var(--c-sign-2)1);}
        .fa-pinterest           {background:    #cb2027;color: rgba(var(--c-sign-2)1);}
        .fa-facebook-messenger  {background:    #3B5998;color: rgba(var(--c-sign-2)1);}


@keyframes callba
{
0%	{transform: scale(1); }
50%	{transform: scale(0.95);}
100%    {transform: scale(1); }
}

@keyframes slideUp 
{
0%      {opacity: 0; -webkit-transform: translateX(30px);} 
100%    {opacity: 1; -webkit-transform: translateX(0%);}
}

@-webkit-keyframes slideUp 
{
0%      {opacity: 0; -webkit-transform: translateX(30px);} 
100%    {opacity: 1; -webkit-transform: translateX(0%);}
}

@keyframes slidedown 
{
0%      {opacity: 1; -webkit-transform: translateX(10%);} 
100%    {opacity: 0; -webkit-transform: translateX(30px);}
}

@-webkit-keyframes slidedown 
{
0%      {opacity: 1; -webkit-transform: translateX(10%);} 
100%    {opacity: 0; -webkit-transform: translateX(30px);}
}

@keyframes point 
{
0%      {transform: rotate(-50deg) scale(0.1);filter: blur(0px);opacity:1;}
28%     {transform: rotate(0deg) scale(0.59);filter: blur(1px);}
31%     {filter: blur(0px);}
100%    {transform:translateY(-100%) rotate(0deg) scale(0.57);opacity: 0;}
}


@keyframes imp 
{
0%      {transform: rotate(0deg) scale(0); filter: blur(0px); opacity: 1;}
28%     {transform: rotate(0deg) scale(0.09); filter: blur(1px);}
31%     {filter: blur(0px);}
100%    {transform:translateY(-20%) rotate(0deg) scale(0.07);opacity: 0;-webkit-transform:translateY(-20%) rotate(0deg) scale(0.07);}
}

@media	screen and (max-width: 980px)			{

body				{max-width: 980px;}

span.kafelka1			{
	border-radius:		15px;
	font-size:		calc( 3vh + 2.8vw ); 
	background-attachment:	scroll;
	background-position:	35%;
	background-attachment:	scroll;
	background-image:	linear-gradient(to right, rgba(var(--c-back-1).2) 10%, rgba(var(--c-back-1).65) 45%, rgba(var(--c-back-1).7) 50%, rgba(var(--c-back-1).75) 55%, rgba(var(--c-back-1).8) 60%,rgba(var(--c-back-1).85) 65%, rgba(var(--c-back-1).9) 70%, rgba(var(--c-back-1).95) 80%, rgba(var(--c-back-1)1) 90%), url(../img/back/001.webp);
				}

span.kafelka2			{font-size: calc( 3vh + 2.8vw );}
span.kafelka4			{font-size: calc( 3vh + 2.8vw );}
.bigimg				{border-radius: 15px;}
.calla				{display: block;}
.point				{display: block;}

#napis4g			{
	display:		grid;
	grid-template-columns:  25px auto 25px auto;
	grid-gap:		0px 0px;
	font-weight:		400;
	margin:			30px 15px 85px 55px;
				}

							}

@media	screen and (max-width: 800px)			{

#napis4g                        {
	display:		inline-block;
	font-weight:		300;
	margin:			30px 15px 75px 25px;
				}
							
.stopa::before                  {
	filter:			blur(8px) saturate(20%) hue-rotate(0deg);
				}

.inbox:hover                    {
	display:		block;
        box-shadow:             none;
//      border:                 0.1rem solid;
//      border-radius:          0.7rem;
        border-color:           rgba(var(--c-sign-1)1);
        border-left:            1px solid rgba(var(--c-sign-1)1);
        border-top-left-radius: 25px;
//	transform:              scale(0.99);
//	transition:             0.4s;
                                } 

.swiper-slide	{cursor:	default;}
							}

@media	screen and (max-width: 600px)			{

.fa                             {
        padding:                10px 10px;
        font-size:              15px;
        width:                  25px;
				}
							}


@media	screen and (min-width: 1200px)			{

.kafelka1 h3			{line-height: 1;}
.kafelka1 h4			{line-height: 1;}
.kafelka2 h3			{line-height: 1;}
.kafelka4 h3			{line-height: 1;}
							}

@media screen and (min-width: 500px)			{

header				{border-radius: 0 0 0 0;}

.swiper-slide img               {
        width:                  100%;
        height:                 115%;
                                }

.swiper-slide video		{
        width:                  100%;
        height:                 115%;
                                }
                                		        }