.snowflake {
	display: block;
	/* pakeisk į display: none; jei nebenori */
	color: #fff;
	font-size: 1em;
	font-family: Arial, sans-serif;
	text-shadow: 0 0 5px #000;
  }
   
  .snowflake,.snowflake .inner{animation-iteration-count:infinite;animation-play-state:running}@keyframes snowflakes-fall{0%{transform:translateY(0)}100%{transform:translateY(110vh)}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;animation-name:snowflakes-shake;animation-duration:3s;animation-timing-function:ease-in-out}.snowflake .inner{animation-duration:10s;animation-name:snowflakes-fall;animation-timing-function:linear}.snowflake:nth-of-type(0){left:1%;animation-delay:0s}.snowflake:nth-of-type(0) .inner{animation-delay:0s}.snowflake:first-of-type{left:10%;animation-delay:1s}.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner{animation-delay:1s}.snowflake:nth-of-type(2){left:20%;animation-delay:.5s}.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner{animation-delay:6s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s}.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner{animation-delay:4s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s}.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner{animation-delay:2s}.snowflake:nth-of-type(5){left:50%;animation-delay:3s}.snowflake:nth-of-type(5) .inner{animation-delay:8s}.snowflake:nth-of-type(6){left:60%;animation-delay:2s}.snowflake:nth-of-type(7){left:70%;animation-delay:1s}.snowflake:nth-of-type(7) .inner{animation-delay:2.5s}.snowflake:nth-of-type(8){left:80%;animation-delay:0s}.snowflake:nth-of-type(9){left:90%;animation-delay:1.5s}.snowflake:nth-of-type(9) .inner{animation-delay:3s}.snowflake:nth-of-type(10){left:25%;animation-delay:0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2.5s}

.informacija{
	text-decoration: none; 
	color: white;
	transition-duration: 500ms;
}
.informacija:hover{
	color: rgb(143, 143, 143);
}
.sonas {
	padding-left: 5%;
}
.skaitymas{
	font-family: 'Ubuntu', sans-serif;
	padding-left: 15%;
	padding-right: 25%;
	text-align: justify;
}
.skaitymaslink{
	font-family: 'Ubuntu', sans-serif;
	color: #008cff;
	text-align: justify;
}
.link{
	color: #008cff;
}
/*.manokont{
	text-decoration: none;
	color: rgb(0, 119, 255);
	transition: 500ms;
}

.manokont:hover{
	text-decoration: none;
	color: white;
}*/

  .parallax > use {
	animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  }
  
  .parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
  }
  
  .parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
  }
  
  .parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
  }
  
  .parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
  }
  
  @keyframes move-forever {
	0% {
	  transform: translate3d(-90px, 0, 0);
	}
  
	100% {
	  transform: translate3d(85px, 0, 0);
	}
  }

  .cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-family: "Reem Kufi";
  }
  
  
  
  .card {
	width: 40vw;
	display: block;
	background-color: #471f1f;
	padding: 16px;
	border-radius: 16px;
  }
  
  .card .bigger{
	font-size: 30px;
}


  .card .left {
	float: left;
	width: 33%;
	height: 100%;
	object-fit: cover;
  }
  
  
  
  .card .right {
	float: left;
	margin-left: 16px;
	height: 100%;
	
  }
  
  
  
  .card {
	/* display:  flex; */
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	margin: 16px;
	width: 36%;
  }
  .darbai-page{
	padding: 4%;
  }

header a{
	text-decoration: none;

}

::-webkit-scrollbar{
	width: 12px;
	background: transparent;
}
::-webkit-scrollbar-thumb{
	background: linear-gradient(transparent, #ac2c44);
	border-radius: 6px;
}
.faq-list{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
	font-family: "Reem Kufi";
}

.faq-list >div{
width: 50%;
text-align: center;
padding-bottom: 50px;
}

.discordlogo{
	width: 60px;
	transition: 0.5s;
	margin-left: 48%;
	
}
.discordlogo:hover{
	transform: scale(1.2);
	filter: invert(10%);
}
@media (max-width: 600px) {
	.discordlogo{
		width: 60px;
		transition: 0.5s;
		margin-left: 44%;
	}
	.discordlogo:hover{
		filter: invert(10%);
	}
	.sonas {
		padding-left: 5%;
	}
	.skaitymas{
		font-family: 'Ubuntu', sans-serif;
		padding-left: 5%;
		padding-right: 5%;
		text-align: justify;
	}
}
.contacts-page{
	margin-top: 64px;
}

html,
body {
	margin: 0;
	padding: 0;
	background-color: hsl(357deg 100% 4%);
	font-size: 18px;
	font-family: "Rubik Bubbles", sans-serif;
	overflow-x: hidden;
}

.emoji {
	font-family: "Noto Color Emoji";
}

.tekstas {
	font-family: "Reem Kufi";
	font-size: 20px;
}

.komentaras {
	font-family: "Oswald", sans-serif;
}

header .left {
	float: left;
	display: flex;
	color: white;
	font-size: 24px;
	position: relative;
	z-index: 21;
}
header .left img {
	max-height: 36px;
	margin-left: 12px;
	transform: translateY(-6px);
	width: auto;
}

header .right {
	float: right;
	display: block;
}

header {
	padding-top: 24px;
	--left-right: 5%;
	padding-left: var(--left-right);
	padding-right: 10%;
}

nav a {
	text-decoration: none;
}

footer{
	display: block;
	padding-top: 12px;
	padding: 24px;
	margin-bottom: 36px;
}
footer .left{
	display: inline-block;

}
footer img{
	max-height: 36px;
	margin-left: 12px;
	width: auto;
	transform: translateY(-5px);
}
footer .left {
	float: left;
	display: flex;
	color: white;
	font-size: 24px;
}
footer .right{
	float: right;
	color: white;
}

.atsiliepimai-table{
	width: 40%;
	background-color: #ffffff00;
	border: solid;
	border-color: white;
	border-width: 1px;
	align-items: center;
	display: inline-flex;
}

.atsiliepimai-page{
	width: 100%;
}

.pricing-page table{
	font-family: "Reem Kufi";
	font-size: 20px;
	width: 100%;

}
.pricing-page table td,
.pricing-page table th{
	padding: 12px;
}
.pricing-page table td:nth-child(1),
.pricing-page table th:nth-child(1){
	width: 70%;
	text-align: left;
}
.pricing-page table td:nth-child(2){
	width: 30%;
}
.pricing-page section{
	padding: 12px;
}

.switch input
{
  display: none;
}

.switch 
{
  display: inline-block;
  width: 60px; /*=w*/
  height: 30px; /*=h*/
  margin: 4px;
  transform: translateY(5%);
  position: relative;
  
}

.slider
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
  box-shadow: 0 0 0 2px #ff0000, 0 0 4px #ff0000;
  cursor: pointer;
  border: 4px solid transparent;
  overflow: hidden;
  transition: 0.2s;
  
}

.slider:before
{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ff0000;
  border-radius: 30px;
  transform: translateX(-30px); /*translateX(-(w-h))*/
  transition: 0.5s;
  
}

input:not(:checked) + .slider:before
{
  transform: translateX(-30px); /*translateX(w-h)*/
  background-color: #ff0000;
  filter: none;
}

input:not(:checked) + .slider
{
  box-shadow: 0 0 0 2px red, 0 0 8px red;
  
}

input:checked + .slider:before
{
  transform: translateX(30px); /*translateX(w-h)*/
  background-color: limeGreen;
  
}

input:checked + .slider
{
  box-shadow: 0 0 0 2px limeGreen, 0 0 8px limeGreen;
}


.kainostable{
	color: rgb(158, 158, 158);
	padding-left: 150px;
}
.funkcijos{
		color: white;
}

@media (max-width: 600px) {
	.kainostable{
		color: rgb(158, 158, 158);
		padding-left: 1px;
	}
	.funkcijos{
		color: white;
	}
}

@media (min-width: 1000px) {
	.pricing-page table{
		width: 60%;
	
	}
	.funkcijos{
		font-size: 24px;
	}
	header .left {
		padding-top: 16px;
	}
	header {
		min-height: 64px;
		z-index: 13;
		position: relative;
	}
	.nav-btn {
		display: none;
	}

	nav > ul,
	.dropdown {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}

	nav > ul > li,
	.dropdown li {
		color: #fff;
		display: block;
		float: left;
		padding: 1rem;
		position: relative;
		text-decoration: none;
		transition-duration: 0.5s;
	}

	nav > ul > li > a,
	.dropdown li > a {
		color: #a14646;
		box-shadow: inset 0 0 0 0 #ff00003f;
		padding: 5px;
		border-radius: 10px;
		transition: color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	}

	nav > ul > li > a:hover,
	.dropdown li > a:hover {
		border-radius: 10px;
		box-shadow: inset 200px 0 0 0 #ff00003f;
		color: rgba(255, 255, 255, 0.753);
	}

	nav .dropdown {
		width: 100px;
		display: block;
	}

	nav .dropdown li {
		display: inline-block;
		padding-bottom: 4px;
		padding-left: 14px;
	}

	nav .kalbos {
		color: white;
		transition: color 0.5s ease-in-out;
		box-shadow: none;
	}

	nav .kalbos:hover {
		border-radius: 10px;
		box-shadow: none;
		color: rgba(255, 255, 255, 0.753);
	}

	nav > ul > li > ul {
		visibility: hidden;
		opacity: 0;
		min-width: 7rem;
		position: absolute;
		transition: all 0.5s ease;
		margin-top: 2px;
		left: 0;
		display: none;
	}

	nav > ul > li:hover > ul,
	nav > ul > li > ul:hover {
		visibility: visible;
		opacity: 1;
		display: block;
	}

	nav > ul > li > ul > li {
		clear: both;
		width: 100%;
		margin: 4px;
		padding: 4px;
	}

	.section-1 {
		min-height: calc(100vh - 64px - 24px);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-around;
		align-items: center;
	}
	.section-1::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(/f2.webp);
		background-size: cover;
		filter: brightness(0.6) blur(3px) grayscale(0.6);
		z-index: 2;
	}
	.section-1 > div {
		z-index: 10;
		min-width: 30%;
		max-height: calc(100vh - 64px - 24px);
		padding: 0 32px;
	}
	.section-1 img {
		max-height: 30vh;
	}
	.section-1 h1 {
		text-align: left;
		font-size: 42px;
	}

	.pricing-list {
		display: flex;
		margin-top: 0px;
		padding: 8%;
		padding-top: 0px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.plan {
		width: 25%;
	}
	.pricing-page{
		margin-top: 5%;
	}
	.contacts-page > section{
		padding-left: 5%;
		padding-right: 5%;
	}
	.cards{
	padding-left: 15%;
	}
}

@media (max-width: 1000px) {
	nav {
		z-index: 9;
	}
	.nav-btn {
		display: inline-block;
		position: absolute;
		right: 16px;
		top: 10px;
		z-index: 20;
	}
	.nav-btn > label {
		display: inline-block;
		width: 40px;
		height: 30px;
		padding: 8px;
	}
	.nav-btn > label:hover,
	#nav-check:checked ~ .nav-btn > label {
		background-color: #3d0000;
		border-radius: 10px;
	}
	.nav-btn > label > span {
		display: block;
		width: 25px;
		height: 9px;
		margin-left: 1px;
		color: white;
		letter-spacing: -8px;
		font-size: 30px;
		width: 100%;
		/*border-top: 2px solid #eee;*/
		transform: translateY(-12px);
		user-select: none;
	}
	nav > ul > li {
		opacity: 0;
		max-height: 0;
		min-height: 0px;
		overflow-y: hidden;
		transition: all 0.3s ease-in;
	}
	nav > ul > li > a {
		display: block;
		width: 100%;
	}
	nav a {
		color: #ffffff;
	}

	#nav-check:not(:checked) ~ nav > ul > li {
		opacity: 0;
		max-height: 0;
	}

	#nav-check:checked ~ nav > ul > li {
		opacity: 1;
		max-height: 24px; /* or any other value that fits your needs */
		min-height: 24px;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.dropdown {
		display: none;
	}
	#nav-check:not(:checked) ~ nav > ul {
		opacity: 0;

		transition: all 0.3s ease;
		transform-origin: 0 0;
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw - 40px);
		height: 0px;
		overflow-x: hidden;
		overflow-y: hidden;
		padding-top: 80px;
	}

	#nav-check:checked ~ nav > ul {
		opacity: 1; /* Change this line */
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw - 40px);
		height: calc(100vh - 80px);
		margin: 0px;
		background-color: #1a0000;
		overflow-x: hidden;
		transition: opacity 0.3s ease, max-height 0.3s ease;
		transform-origin: 0 0;
		padding-top: 80px;
		z-index: 11;
	}

	nav > ul > li:hover > ul {
		visibility: visible;
		opacity: 1;
		display: block;
		position: relative;
	}

	.nav-active.kalbos-container > ul {
		visibility: visible;
		opacity: 1;
		display: block;
		position: relative;
	}

	#nav-check:checked ~ nav > ul > .kalbos-container {
		height: 24px;
		max-height: 24px;
		transition: all 0.3s ease-in;
	}

	#nav-check:checked ~ nav > ul > .kalbos-container:hover,
	#nav-check:checked ~ nav > ul > .kalbos-container.nav-active {
		height: 200px; /* replace with the height you want */
		max-height: 200px; /* replace with the max-height you want */
	}

	nav > ul > li > ul > li {
		padding: 16px;
		padding-left: 0px;
	}

	.section-1 {
		min-height: calc(100vh - 64px - 24px);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-around;
		align-items: center;
		width: 100vw;
	}
	.section-1::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(/f2.webp);
		background-size: cover;
		background-position: center;
		filter: brightness(0.6) blur(3px) grayscale(0.6);
		z-index: 2;;
	}
	.section-1 > div {
		z-index: 8;
		min-width: 30%;
		max-height: calc(100vh - 64px - 24px);
		padding: 0 32px;
	}
	.section-1 img {
		max-height: 30vh;
	}

	.pricing-list {
		display: flex;
		margin-top: 0px;
		padding: 8%;
		padding-top: 0px;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-content: center;
	}
	.plan {
		width: 90%;
		display: block;
	}
	.atsiliepimai-page{
		display: block;
		margin-top: 64px;
	}
	.atsiliepimai-page{
		display: block;
		margin-top: 64px;
	}
	.pricing-page {
		display: block;
		margin-top: 64px;
	}
	.pricing-page > p{
		text-align: center;
	}
	.faq-list > div{
		width: 100%;
		text-align: center;
		padding-bottom: 24px;
		
	}
	.contacts-page > section{
		padding: 12px;
	}
	.card {
		width: 100%; /*80vw*/
		height: 100px;
		font-size: 15px;
	}
	.card .bigger{
		font-size: 20px;
		padding: 0px 0px 0px;
		margin: 0px 0px 0px;
	}
	.cards{
		float: left;
	}
	.stars{
		padding: 0px 0px 0px;
		margin: 0px 0px 0px;
	}
	/*
	.card .left{
		float: none;
	}
	.card .right{
		float: none;
	}*/
}





#nav-check {
	display: none;
}

main {
	color: white;
}
h1 {
	text-align: center;
	font-size: 36px;
}

.plan .divider {
	width: 100%;
	height: 1px;
	background-color: #fff;
	padding: 0px;
}
.plan {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 10px;
	margin: 4%;
	transition: all 0.3s ease-in-out;
	
}
.plan:hover {
	/*border: 1px solid #fff;
	box-shadow: 0 0 0 2px #fff;
	transform: scale(1.05);*/
	box-shadow: 0px 0px 50px 5px rgba(255,255,255,0.9);
}

.plan ul {
	text-align: center;
	list-style: none;
	width: 100%;
	padding-left: 0;
	display: block;
}
.plan > div {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: hsl(0, 40%, 10%);
}
.plan .price {
	border-radius: 0 0 10px 10px;
	font-family: "Reem Kufi";
}
.plan .title {
	background-color: hsl(0, 39%, 20%);
	font-size: 24px;
	border-radius: 10px 10px 0 0;
}
.pricing-page > p{
	margin-left: 4%;
	margin-right: 4%;
}


.nav-btn label span{
	transform: rotate(0deg) translateY(-12px);
	transition: .25s ease-in-out;
}


.nav-btn label span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
  }
  
  .nav-btn label span:nth-child(2) {
	top: 18px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
  }
  
  .nav-btn label span:nth-child(3) {
	top: 36px;
	transform-origin: left center;
  }
  #nav-check:checked ~ .nav-btn label span:nth-child(1) {
	transform: rotate(45deg) translateY(-18px) translateX(4px);
	top: -3px;
	left: 8px;
  }
  #nav-check:checked ~ .nav-btn label span:nth-child(2) {
	width: 0%;
	opacity: 0;
  }
  
  #nav-check:checked ~ .nav-btn label span:nth-child(3) {
	transform: rotate(-45deg) translateY(-6px) translateX(-4px);
	top: 39px;
	left: 8px;
  }