@font-face {
  font-family: 'Rampart One';
  src: url('Fonts/RampartOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 
}


@font-face {
  font-family: 'Inter';
  src: url('Fonts/Inter-VariableFont_opsz\,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 
}


@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('Fonts/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2') format('woff2'),
       url('Fonts/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
}


@font-face {
  font-family: 'Rampart One';
  src: url('Fonts/RampartOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 
}

@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('Fonts/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2') format('woff2'),
       url('Fonts/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
}

#contentContainer{

  font-family: 'Times New Roman', Times, serif;
}

.toggleButtonReg{

	position: relative;
	display: inline-block;
	width: 84px;
	height: 42px;
}
.toggleButtonReg input{

	opacity: 0;
	width: 0;
	height: 0;
}
.toggleButtonReg .knob{

	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, hsl(117deg 100% 43.56%), hsl(148deg 99.61% 11.01%)) !important;
	transition: .2s;
	border-radius: 50px;
}


.toggleButtonReg .knob:before{

	color: #000000;
	background-color: #ffffff;
	position: absolute;
	content: '';
	height: 34px;
  font-family: Georgia, 'Times New Roman', Times, serif;
	width: 34px;
	left: 4px;
	bottom: 4px;
	transition: .2s;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggleButtonReg input:checked + .knob{

	background: linear-gradient(to bottom, hsl(0, 100%, 53%), hsl(0, 100%, 30%)) !important;

}
.toggleButtonReg input:focus + .knob{

	box-shadow: 0 0 1px #2196F3;
}
.toggleButtonReg input:checked + .knob:before{

	background-color: #000000;
	content: '';
	color: #ffffff;
	-webkit-transform: translateX(43px);
	-ms-transform: translateX(43px);
	transform: translateX(43px);
}


.linkViolet {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}

.linkViolet a {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}

.linkViolet a:visited {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}

.linkViolet a:hover {
  color: rgb(33, 0, 63) !important;
  text-decoration: none;
}

.linkViolet a:active {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}

.highlight{

  background-color: rgb(167 167 167 / 42%)
}



html, body{

  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  overflow-wrap: break-word;
  word-break: keep-all;
  overflow-x: clip;
height: 100% !important;
font-family: 'Times New Roman', Times, serif;

}

body{

  background-color: rgba(238, 130, 238, 0.253);
  background-color: #f4f4f4;
  background: linear-gradient(to top, rgb(115, 70, 120), rgb(116, 70, 120), rgb(117, 70, 120), rgb(118, 70, 120), rgb(119, 70, 120), rgb(120, 70, 120), rgb(121, 70, 120)) no-repeat center center fixed;
  background-size: cover;
  height: 100% !important;
}


.boxMesPTB5 {
  position: relative;
  box-sizing: border-box;
  padding: 5px 0px;
  width: 90%;
  max-width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size: cover;
  border-radius: 60px;
  box-shadow: 10px 0 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}


#warnMessageGenDiv {
  display: none;
  position: fixed;
  top: 27vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

#warnMessageGen {
  color: #800000;
}

#warnMessageGenButton {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-42%);
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.dFlex{
  display: flex;
}

.alignCenter{
  align-items: center;
}

.dNone{

  display: none;
}

.closeXButtonRed {
  height: 48px;
  width: 48px;
}

.closeXButtonRed:hover {
  transform: scale(1.10);
}


.adsbygoogle{
  margin: 15px auto 0px !important;
  
}

.google-auto-placed{
}

#aswift_1_host{

    margin-bottom: -10px !important;

}

body.ad-free-active .adsbygoogle,
body.ad-free-active .google-auto-placed {
  display: none !important;
}


.initialShadowForAd{
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);


} 

.adsContainerMiddle {

  box-sizing: border-box;
  max-width: 768px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  min-height: 150px;
  max-height: 420px;  
  background-size: cover; 
  margin: 0 auto;
  display: none;

}


.adsContainerInText {

  box-sizing: border-box;
  max-width: 668px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  min-height: 150px;
  max-height: 420px;  
  background-size: cover; 
  margin: 0 auto;
    display: none;


}

.adsContainerMiddle img.ad-image, .adsContainerInText img.ad-image, .adsContainerVertical img.ad-image {
  display: block;
  border-radius: 60px;

}


.adsContainerVertical{

  box-sizing: border-box;
  min-width: 250px;
  max-width: 300px;
  border-radius: 60px;
  min-height: 600px;
  max-height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  align-self: center;
  background-size: cover;
  display: none;


}

p{
  margin-top: 0;
}
#imageAddVerticalLeftUp{

}

#imageAddVerticalRightUp{

}

#imageAddVerticalLeftDown{

}

#imageAddVerticalRightDown{

}


.mainAndAds {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 768px 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
}


.adsContainerAll{
  display: block;

  /* here change to none */

}

#addOnTheLeft {
  grid-column: 2;
}

#addOnTheRight {
  grid-column: 6;
}


.ifAddNotHere{
  font-size: 60px;
  text-align: center;
  transform: rotate(6deg);
  position: relative;
  top: 37px;
}

.buttonBare{

  all: unset;
  cursor: pointer;
}

#twoCookiesButtons{

  display: flex;
  flex-direction: row;
  margin-top: 15px;
}

.buttonAndTextLine {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 10px auto;
}

.footerText {
  flex: 1;
  margin-right: 25px;
}


#cookieBoxTop{
  display: none;
}



#cookieBoxTop a {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}

#cookieBoxTop a:visited {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}

#cookieBoxTop a:hover {
  color: rgb(33, 0, 63) !important;
  text-decoration: none;
}

#cookieBoxTop a:active {
  color: rgb(107, 5, 202) !important;
  text-decoration: none;
}


.buttonClean{

  border: none;
  background-color: transparent;
  cursor: pointer;
}

.closeX:hover{

  transform: scale(1.10);
}

.linkBlack{

  color: black !important;
}

button{

  user-select: none;
}

#arrowDown{

  display: block;
}

#arrowUp{

  display: block;

}


#unButton1{

  display: none;
}

#thanksForPush2{
  display: none;
}

#unButton2{
  display: none;
}

#pushText{

  font-size: 35px;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.margin5T{

  margin-top: 5px !important;
}

.margin5B{

  margin-bottom: 5px !important;
}

.margin10T{

  margin-top: 10px !important;
}

.margin15T{

  margin-top: 15px !important;
}

.margin15TB{

  margin-top: 15px !important;
  margin-bottom: 15px !important;

}

.underlineReg {
  color: black;
  text-decoration: underline;
  text-decoration-color: #83005c;
}

.margin5T{

  margin-top: 5px !important;
}


.brakeCon {
  display: block; 
  content: ""; 
  margin-top: 15px; 
}
.margin20T{

  margin-top: 20px !important;
}

.margin20TB{

  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin30T{

  margin-top: 30px !important;
}

.margin45T{

  margin-top: 45px !important;
}


.margin45B{

  margin-bottom: 45px !important;
}


.margin15B{

  margin-bottom: 15px !important;
}

.margin30TB{

  margin-top: 30px !important;
  margin-bottom: 30px !important;

}

.margin50T{

  margin-top: 50px !important;
}

.margin50B{

  margin-bottom: 50px !important;
}

.margin-10T{

  margin-top: -10px !important;
}

.margin10B{

  margin-bottom: 10px !important;
}

.margin20B{

  margin-bottom: 20px !important;
}

.margin30B{

  margin-bottom: 30px !important;
}

.justCenter{

  justify-content: center !important;
}

.margin40B{

  margin-bottom: 40px !important;
}


.padding10T{

  padding-top: 10px !important;
}

.padding15T{

  padding-top: 15px !important;
}


.padding20T{

  padding-top: 20px !important;
}

.padding15TB{

  padding-top: 15px !important;
  padding-bottom: 15px !important
}

.padding10TB{

  padding-top: 10px !important;
  padding-bottom: 10px  !important;
}

.padding10B{

  padding-bottom: 10px  !important;
}

.padding15B{

  padding-bottom: 15px  !important;
}

.padding20B{

  padding-bottom: 20px  !important;
}

.padding40B{

  padding-bottom: 40px  !important;
}



.boxMes, .boxMesPa, .boxMesNoTopAndBtm, .boxMesPa17MB0{

  box-sizing: border-box;
  padding: 0px 50px 0px 50px;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
}

.boxMesNoMa, .boxMesNoMaReg{

  box-sizing: border-box;
  padding: 0px 50px 0px 50px;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  position: relative;
}

.boxMesReg{

  box-sizing: border-box;
  padding: 10px 50px 10px 50px;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  position: relative;
  margin-top: 15px;
}

.boxMesNoWidth{

  box-sizing: border-box;
  padding: 0px 50px 0px 50px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  position: relative;
  margin-top: 15px;
}


.boxMesNoBa{

  box-sizing: border-box;
  padding: 0px 50px 0px 50px;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  border-radius: 60px;
  margin: 0 auto;
  position: relative;
  margin-top: 15px;
}

.boxMesNoPa{

  box-sizing: border-box;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
}

.boxComDelete{

  box-sizing: border-box;
  width: 768px;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
}

#thanksForPush{

  display: none;
  margin-top: 15px;
  padding-bottom: 15px;
}

#ugory4{

  font-size: 32px;
  transition: transform 0.4s ease;  
  color: black;
  display:flex;
  columns: 3;
  align-items: center; 
  box-sizing: border-box;
  max-width: 768px;
  margin-top: 20px;  
  gap: 65px;
  justify-content: center;
  font-weight: 400;
}

.ugory5{

  transition: transform 0.4s ease;  
}

.ugory5:hover{

  transform: scale(1.1);
}

#box6{

  box-sizing: border-box;
  padding-bottom: 10px;
  border-radius: 60px;
  width: 768px;  
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: auto;

}

.buttonGen{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;  
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid black;
  background: none;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  width: max-content;
  margin: 0 auto;
  position: relative; 
  
}

.buttonNoPa{

  cursor: pointer;
  font-size: 25px;  
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid black;
  background: none;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  width: max-content;
  position: relative; 
  
}

.buttonGenActive{

    cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;  
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid black;
  background: none;
  border-radius: 14px;
  background-color: rgb(111 44 111);
  color: white;
    width: max-content;
  margin: 0 auto;
  position: relative;
}

.likeButtonGen {
  display: block;
  width: fit-content;
  cursor: pointer;
  margin: 0 auto;
  padding: 2px 15px;
  font-size: 25px;
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgb(223,221,223);
  position: relative;
  text-decoration: none;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.buttonM0{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;  
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  width: fit-content;
}


.buttonGenNoHov{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;  
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  width: max-content;
  margin: 0 auto;
}


.buttonGen:hover, .buttonM0:hover, .buttonNoPa:hover {

  background-color: rgba(191,187,187);
  transform: scale(1.05);
}

.buttonGenActive:hover{

    background-color: rgb(75, 21, 75) !important;
  transform: scale(1.05);
}

.marginTopAuto{

  margin-top: auto;
}

.buttonSmall{

  font-size: 20px;
  padding: 5px 10px;
    color: black;

}

.linkNoColor{
  color: black !important;
}

.fontBig{

    font-family: 'Times New Roman', Times, serif;

  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}

.fontVeryBig{

    font-family: 'Times New Roman', Times, serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4;
}

.redColor{

  color: #b70014
}

.fontMid{

  font-family: 'Times New Roman', Times, serif;
  font-size: 30px;
}

.font32-24{
    font-family: 'Times New Roman', Times, serif;

    font-size: 32px;

}

.fontSmall{

  font-size: 20px;
  color: black;
}


.tittlePush{

  font-size: 50px;
  font-weight: bold;
  color: black;
  text-align: center;
}

#wyr{

  opacity: 0;
  border-top: 1px solid #83005c00; 
  padding-top: 12px;
  max-width: 300px;
}

.genPanel{

  display: flex;
}

.deleteButton{

  font-size: 19px;
}

#linia1{

  border-top: 3px solid #83005c; 
  width: 143.078px;
  margin: 0 auto;
  position: relative;
  top: 19px;
  right: -20px;
}

#rozwin{

  display: none;
  font-family: rampart one, 'Times New Roman', Times, serif;
}

#zwin{

  display: none;
  font-family: rampart one, 'Times New Roman', Times, serif;
}

#ugory2{

  color: black;
  display: flex;
  align-items: center; 
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: -12px;
  justify-content: space-between;
  font-weight: 400;
}

.ugory3{

cursor: pointer;
display: block;
}

.searchInput {

  font-size: 32px;
  font-family: 'Times New Roman', Times, serif;
  background: none;
  width: 578px;
  box-sizing: border-box;
  padding: 18px;
  padding-right: 55px;
  border-radius: 20px;
  outline: none;
  margin-left: 63px;
  margin-top: -10px;
  border: 5px solid hsl(0, 0%, 0%);
  box-sizing: border-box;
  border-radius: 20px;
  display: none;
}

.searchInput::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

  .custom-clear-button {

    display: none;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-end;
    align-items: baseline;
    font-size: 55px;
    cursor: pointer;
    color: rgb(255, 0, 0);
  }

#searchContainer .custom-clear-button {
  
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
  

.custom-clear-button:hover {

transform: scale(1.1);
color: #800000;
}

#szukaj {
  
  background: none;
  border: none;
  padding: 0;
  font-size: 32px;
  font-weight: 400;
  font-family: 'Times New Roman', Times, serif;
  transition: transform 0.3s ease, color 0.3s ease;
  display: flex;
  align-items: center; 
}

.lupaDoSzukania{

  margin-left: -12px;
  position: absolute;
  transition: transform 0.3s ease, color 0.3s ease;
  top: 11px;
  left: 8px;  
  position: relative;
  margin-top: -10px;
}

#lupa{

opacity: 0;
}



#opaska:hover, .lupaDoSzukania:hover,
#opaska:hover button#szukaj {

  color:#340083;
}
#opaska{

  position: relative
}

#list {

  box-sizing: border-box;
  padding: 5px;
  margin-top: 16px;
  background-size: cover;
  border-radius: 20px 20px 0px 0px;
  border: 5px solid hsl(0, 0%, 0%);
  display: none;
  margin-left: 5px;
  background-color: #f4f4f4;
  background-image: url(/obrazekTla);
  z-index: 100;
  border-top: 0;
  position: absolute;
  top: 80%;
  left: 54.2%;
  transform: translateX(-50%);
  width: 578px
}



.artykuly:hover {
  
  transform: scale(1.015);
  color: hsl(300, 100%, 53%);
}

.artykuly, .generalList {

  font-size: 1.7rem;
  padding: 10px;
  border-top: 1px solid #ccc;
  animation: fadeIn 0.5s ease-in-out;
}

.artykuly:first-child, .generalList:first-child {

  border-top: none
}

.article-text {

  display: none; 
}

a:link {

  text-decoration: none;
}

#mainText a:link {

  color: rgb(107, 5, 202); 
  text-decoration: none;
}

.article-link{

  text-decoration: none;
  cursor: pointer;
  color: #8f2876;
}


.article-link:visited{

  text-decoration: none;
  cursor: pointer;
  color: #8f2876;
}

.article-link:hover {

  text-decoration: none;
}

.article-title{

  font-weight: 500;
  margin: 8px;
}

#navigacja{

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  bottom: 0px;
  padding: 40px 50px 40px 50px;
  border-radius: 60px;
  width: 768px;  
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-bottom: 15px;
}

#doGory{

  cursor: pointer;
  padding: 10px 20px;
  border: none;
  font-size: 25px;
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  margin: 0 auto;
}

#doGory:hover{

  background-color: rgba(191, 187, 187);
  transform: scale(1.05); 
}

#box1{

  box-sizing: border-box;
  width: 768px;  
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 0px 0px 60px 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  padding-bottom: 10px;
  background-color: #f4f4f4;
  user-select: none;
}

#sklep{

  display: none;
  opacity: 0;
}

#forum{
  opacity: 0;
  display: none;
}

#box10{

  box-sizing: border-box;
  background-color: transparent;
  height: 560px;
  width: 768px;  
  border-radius: 60px;
  overflow: hidden;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin-top: 15px;
  display: none;
  position: relative;
  z-index: 10;
}

#iframe2{
  
  box-sizing: border-box;
  width:768px;
  height: 560px;
  border: none;
  overflow: hidden;
}

#stopka2{

  text-align:center;
  font-size: 2rem;
  margin-top: 15px;
  transition: transform 0.4s ease;  
  color: black;
  display: inline;
  transform: scale(1.0);
  cursor: pointer;
}

#stopka7{

  text-align:center;
  font-size: 2rem;
  margin-top: 15px;
  transition: transform 0.4s ease;  
  color: black;
}

.hoverStopka7:hover{

  transform: scale(1.1);
}

#stopka3{

  text-align:center;
  font-size: 28px;
  transition: transform 0.4s ease;  
  margin-right: 36px;
  color: black;
}

#authorLink{

  width: fit-content;
  margin: 0 auto;
}

#languageChanger{
  
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.radioItem {

  display: flex; 
  align-items: center;
  justify-content: flex-start;
  gap: 15px; 
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  width: 100%; 
  text-align: center;
}

.radioItem span {
  flex: 1; 
  text-align: center; 
}


.radioItemReg {

  display: flex; 
  align-items: center;
  justify-content: flex-start;
  gap: 15px; 
  line-height: 1;
  cursor: pointer;
  width: 100%; 
  text-align: center;
}

.radioItemReg span {
  flex: 1; 
  text-align: center; 
}


.radioItem2 {

  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  margin: 1px;
}

.radioItem2:not(:last-of-type) {

  margin-right: 30px;
}
.radioButton2 {

  appearance: none;
  position: relative;
  width: 25px;
  height: 25px;
  border: 14px solid #000000;
  border-radius: 9999px;
  cursor: pointer;
}

.radioButton2:checked {
  border: 14px solid #83005c;
}

.radioButton2:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 9999px;
  background-color: #83005c;
}

#stopka3:hover{

  transform: scale(1.1);
  color:#340083
}

.logo{

margin-top: -10px;
}
  
#stopka1{

  font-size: 5rem;
  display: block;
  font-family: "Rampart One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align:center;
  color: black;
  transition: transform 0.4s ease;  
}

#stopka1:hover{

  transform: scale(1.1);
  color:#340083
}

.obrazekWTekst {

  max-width: 100%;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
  border-radius: 30px;
}

body::-webkit-scrollbar {
  width: 9px; 
}

body::-webkit-scrollbar-track {

  background: linear-gradient(to top, rgb(115, 70, 120), rgb(116, 70, 120), rgb(117, 70, 120), rgb(118, 70, 120), rgb(119, 70, 120), rgb(120, 70, 120), rgb(121, 70, 120));
}

body.scrollbar-theme-red::-webkit-scrollbar-track {
  background: linear-gradient(
      to top,
      rgb(115, 70, 120),
      rgb(116, 70, 120),
      rgb(117, 70, 120),
      rgb(118, 70, 120),
      rgb(119, 70, 120),
      rgb(120, 70, 120),
      rgb(191, 9, 9)
  );
}


body::-webkit-scrollbar-thumb {

  background: hsla(288, 95%, 24%, 0.486)	;
  border-radius: 6px; 
}

body::-webkit-scrollbar-thumb:hover {
  background: hsla(288, 95%, 10%, 0.486)	;
}

.redButton{

  background: linear-gradient(to bottom, hsl(0, 100%, 53%), hsl(0, 100%, 30%)) !important;
}



.redButton:hover{

  background: linear-gradient(to bottom, hsl(0, 100%, 43%), hsl(0, 100%, 20%)) !important;
  transform: scale(1.05); 
}

.redButtonRot{

  background: linear-gradient(to bottom, hsl(0, 100%, 53%), hsl(0, 100%, 30%)) !important;
  transform: rotate(90deg)
}


.redButtonRot:hover{

  background: linear-gradient(to bottom, hsl(0, 100%, 43%), hsl(0, 100%, 20%)) !important;
  transform: scale(1.05) rotate(90deg) ; 
}

.paddingRegularSides{

  padding: 0px 50px 0px 50px;
}

.paddingRegularSidesSlim{

  padding: 0px 50px 0px 50px;
}

.paddingRegular{

  padding: 15px 50px 0px 50px;
}

.paddingRegularBottom{

  padding: 15px 50px 15px 50px !important;
}

.paddingRegularBottomSlim{

  padding: 15px 50px 15px 50px !important;
}

.paddingSlim{

  padding-left: 27px !important;
  padding-right: 27px !important;
  
}

.paddingVerySlim{

  padding-left: 17px !important;
  padding-right: 17px !important;
  
}


.padding5TB{

  padding-top: 5px !important;
  padding-bottom: 5px !important;
}



#doDodKom{

  display: none;
}

.margin0Auto{

  margin: 0 auto;
}


.kontakt{

  position: relative;
  left: -38px;
}

.navigationForMobile{

  display: none
}

  .navigationForDesktop{
    display: block;
  }

  .fontRampart{

    font-family: rampart one, 'Times New Roman', Times, serif;
  }



@media (max-width: 1450px){

  .adsContainerVertical{

    display: none;
  }

.mainAndAds {
  justify-content: center

}




}


@media (max-width: 768px){

  #wyr{

  padding-top: 0px;
}

    .adMainDivGoogle, .adsbygoogle{
    max-width: 100vw;
    margin: 0 auto;
}


  .navigationForDesktop{
    display: none;
  }
  
.navigationForMobile{

  display: block;
}


  .kontakt{

  position: relative;
  left: 0;
}

#warnMessageGenButton {

right: 0;
}

  .closeXButtonRed{

  height: 35px;
  width: 35px;
  }

  .radioItem {

    font-size: 30px;
  }

  #searchSvg{
    height: 13vw;
  }

  .padding10TB{

    padding-top: 10px !important;
    padding-bottom: 10px  !important;
  }

  .ifAddNotHere{

    font-size: 40px;
    transform: rotate(3deg);
  }

.adsContainerMiddle{
  width: 100vw;
}

.adsContainerMiddle img.ad-image, .adsContainerInText img.ad-image, .adsContainerVertical img.ad-image {
  display: block;
  border-radius: 30px;

}


.adsContainerInText, .adsContainerMiddle {

  min-height: 150px;
}

  #imageLink{

flex-wrap: wrap;
flex-direction: column;
}

  .fontMid{

    font-size: 25px;
  }

  #cookieBoxTop{

    margin-top: 10px;
    margin-bottom: 5px;
  }

  .buttonAndTextLine{
  
    margin-top: 10px;
    width: 95%;

  }

  #adsContainer{
    width: 100vw;
    border-radius: 35px;

    min-height: 250px;
    display: none;
  }

  #thanksForPush{

    margin-top: 0px;

  }

.paddingRegular{

  padding: 20px 27px 0px 27px !important;
}

.paddingRegularSides{

  padding-left: 27px !important;
  padding-right: 27px !important;
}

.paddingRegularSidesSlim{

  padding: 0px 17px 0px 17px !important;
}


.paddingRegularBottom{

  padding: 15px 27px 15px 27px !important;
}


.paddingRegularBottomSlim{

  padding: 10px 27px 10px 27px !important;
}


.paddingRegular2{

  padding: 0px 27px 0px 27px !important;
}

.obrazekWTekst {

  max-width: 100%;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
  border-radius: 30px;
}
  
body::-webkit-scrollbar {

  width: 0px; 
}
  
#box6{

  width: 100vw;
  border-radius: 35px;
}

.logo{

  margin-top: -5px;
}

#szukaj {
  
  font-size: 10vw;
  display:flex;
}

#lupa{

 margin-top: -10px;
 margin-left: -12px;
}

.lupaDoSzukania {

  transition: transform 0.3s ease, color 0.3s ease;
  margin-left: -38px;
  position: relative;
  top: 7px;
}

.artykuly {

  font-size: 4.3vw;
  padding: 3px;
}

#navigacja{

  width: 100vw;
  border-radius: 35px;
  padding: 25px 10px 25px 10px;
}


#doGory{

 font-size: 19px;
}
  
#doGory:hover{

  background-color: rgba(191, 187, 187);
  transform: scale(1.00); 
}
  
.searchInput {

  font-size: 25px;
  width: 100vw;
  padding: 10px;
  padding-right: 40px;
  outline: none;
  margin-left: 0px;
  margin-top: 0px;
  border: 3px solid hsl(0, 0%, 0%);
  box-sizing: border-box;
  border-radius: 20px;
}


#stopka1{
  
  font-size: 11.5vw;
}

#opaska:hover .material-symbols-outlined,
#opaska:hover #szukaj {

  color: black;
  cursor: pointer;
  transform: none !important;
}

.fontBig{

  font-size: 30px;
}

.fontVeryBig{

  font-size: 40px;
}


#stopka2{

  font-size: 10vw;
  margin-top: 3px;
  transform: none;
  transform: none;
}

#stopka2:hover{

  font-size: 10vw;
  transform: none;
}


.artykuly:hover {

transform: scale(1.0);
color: #aa00aa;
}

#stopka1:hover{

  transform: scale(1.0);
  color: black
}

#box1{

  width: 100vw;
  border-radius: 0px 0px 35px 35px;
  padding-bottom: 5px;

}

#stopka3{

font-size: 4vw;
}

#stopka3:hover{

color:black;
transform: scale(1.0);
}

#searchContainer .custom-clear-button {

  right: 3vw;
}
  

#list {

width: 100vw;
top: 54px;
border: 3px solid hsl(0, 0%, 0%);
border-top: 0;
font-size: 4.3vw;
display: none;
left: 0;
margin: 0 auto;
transform: none

}

#iframe2{

width: 100vw;
}

#box10{

width: 100vw;
border-radius: 35px;
margin-top: 15px;
margin-bottom: 5px;
}

::-webkit-scrollbar {
width: 0px; 
}

#rozwin{

font-size: 12vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-x: hidden;
margin-bottom: -10px;
}

#zwin{

font-size: 12vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-x: hidden;
margin-top: -10px;
display: none;
}

#arrowUp{

margin-bottom: -30px;
}

#arrowDown{

margin-top: -18px;
}

#nawigacja1{

padding-bottom: 10px;
padding-top: 10px;
display: none;
}

#ugory2{

margin-top: -14px;
display:flex;
flex-direction: column-reverse;
justify-content: center;
gap: 20px;
padding: 0;
}

#linia1{

border-top: 1px solid #83005c00; 
padding-top: 0px;
width: 300px;
top: 0px;
right: -5px;
}


.radioButton2 {

  width: 12px;
  height: 12px;
  border: 12px solid #000000;
}

.radioButton2:checked {
  border: 12px solid #83005c;
}
  
.radioItem2 {

  column-gap: 0px;
  margin-top: 5px;
  font-size: 30px;
}

#ugory4{

margin-top: 20px;
font-size: 32px;
transition: transform 0.4s ease;  
color: black;
display:flex;
flex-direction: column;
justify-content: center;
gap: 20px !important;
box-sizing: border-box;
max-width: 768px;
padding-left: 35px;
padding-right: 35px;
font-weight: 400;
}

.boxMes{

  width: 100vw;
  padding: 0;
  border-radius: 35px;
}

.boxMesReg, .boxMesNoMaReg{

  width: 100vw;
  padding: 10px 27px;
  border-radius: 35px;
}

.boxMesNoTopAndBtm{
  width: 100vw;
  padding: 0px 27px;
  border-radius: 35px;


}

.boxMesPTB5{
  width: 100vw;
  padding: 5px 0px;
  border-radius: 35px;
}

.boxMesNoWidth{

  padding-left: 27px !important;
  padding-right: 27px !important;
  border-radius: 35px !important;
}

.boxMesPa{

  width: 100vw;
  padding: 15px 27px 15px 27px;
  border-radius: 35px;
}


.boxMesPa17MB0{

  width: 100vw;
  padding: 15px 17px 0px 17px;
  border-radius: 35px;
}



.boxMesNoMa, .boxMesNoBa{

  width: 100vw;
  padding: 0;
  border-radius: 35px;
}


.boxMesNoPa, .boxComDelete{

  width: 100vw;
  border-radius: 35px;
}

.buttonGen, .buttonM0, .buttonGenNoHov, .buttonNoPa, .buttonGenActive{

  font-size: 19px;  
}

.buttonGenNoHov{

  font-size: 15px;  
}

.buttonGen:hover, .buttonM0:hover, .buttonGenActive:hover, .buttonNoPa:hover{

  transform: scale(1.00);
}

.ugory3{

cursor: pointer;
}

.ugory5{

transform: scale(1.0);
}

.ugory5:hover{

font-size: 10vw;
transform: none !important;
}

.custom-clear-button:hover {

transform: scale(1.0);
}

.hoverStopka7:hover{

transform: scale(1.0);
}

.tittlePush{

  font-size: 35px;
  padding: 0px 15px 0px 15px;
}

}

@media (min-width:481px) and (max-width: 768px){

#box10{

  height: 560px;

}

#iframe2{

  height: 600px;
}
}

@media (max-width: 900px){

body::-webkit-scrollbar {
  
  width: 0px; 
}
}

@media (min-width: 768px){

  #stopka2:hover{

text-align:center;
margin-top: 15px;
transform: scale(1.1);
color:#340083
  }
 }

 @media (max-width: 480px) {


  .font32-24{

     font-size: 24px;
  }
}