.form-page{
	min-height: 100vh;
	padding-top: 150px;
}
.form-page .info__body{
	padding-bottom: 100px;
}
.form-page .info__container {
    max-width: 700px;
}
.form-page .donate__pay{
	max-width: 360px;
}
.login__row-item{
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.login__row-item .login__nav-link{
	opacity: 0.8;
	transition: 0.3s;
	text-transform: uppercase;
}
.login__row-item .login__nav-link:hover{
	opacity: 1;
}
*::-webkit-scrollbar {
  width: 10px;
  background-color: #716f5f;
}

*::-webkit-scrollbar-thumb {
  background-color: #5e4a2f;
}

*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);s
  background-color: #f9f9fd;
}
.flex-select{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-select .dropdown__wrapper{
	width: 80%;
	margin-left: 20px;
}
.left-text-login{
	text-align: left;
	padding: 10px 0;
}
.lang-select .dropdown__wrapper{
	width: 60%;
}
.lang-select{
	margin-top: 0px;
	margin-bottom: 50px;
}
.lang-select .dropdown__list{
	z-index:11;
}
.inner-page{
	padding-top: 150px;
}
.grey-text{
	color: rgba(255,255,255,0.7);
}
.col-6 .info__head-row{
	grid-template-columns: repeat(6,minmax(auto, 16.7%));
}
.col-6 .info__table-row {
  grid-template-columns: repeat(6,minmax(auto, 16.7%));
}
.broun{
	color: #826f4e;
	font-size: 14px;
}
.gold{
	color: #e3c26e;
}
.red{
	color: #ff0000;
}
.green{
	color: #35bf48;
}
.nav-table{
	padding: 20px 0;
	display: flex;
	width: 100%;
	justify-content: center;
}
.link-table{
	margin: 0 20px;
	cursor: pointer;
	position: relative;
	font-size: 1.125rem;
	cursor: pointer;
	transition: 0.3s;
	color: rgba(255,255,255,0.4);
}
.link-table img{
	display: none;
	height: 12px;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 5px);
	z-index: 2;
	border-radius: 50%;
	background: #ffd7001f;
  box-shadow: 0px -7px 24px gold, 0 -20px 44px gold , 0 -20px 75px gold;
}
.active-table:after{
	content: "";
	position: absolute;
	bottom:0;
	left:0;
	height: 50px;
	width: 100%;
	background-image: url(data:image/svg+xml,%3Csvg width='208' height='47' viewBox='0 0 208 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M208 47C208 34.5348 197.043 22.5802 177.539 13.766C158.035 4.95177 131.583 0 104 0C76.4175 0 49.9647 4.95177 30.4609 13.766C10.9571 22.5802 4.16484e-06 34.5348 0 47L104 47H208Z' fill='url(%23paint0_radial_69_193)' fill-opacity='0.6'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_69_193' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(104 52.4833) rotate(-90) scale(52.4833 116.133)'%3E%3Cstop stop-color='%239D8562'/%3E%3Cstop offset='0.791124' stop-color='%23141515' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A);
}
.active-table img{
	display: block;
}
.active-table{
	color: #fff;
}
.link-table:hover{
	color: #fff;
}
.active-table img:after{
  content: "";
  width: 4px;
  height: 4px;
  top:3px;
  left:3px;
  display: block;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 50px gold;
}
.tab-content {
  display: none;
  max-height: 75vh;
  overflow: auto;
}
.flex-stat{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 100px;
}
.tab-content .steps__title .gold{
	margin-left:5px;
}
.stat__title{
	font-weight: 400;
	margin: 0 auto;
	color: rgba(255,255,255,0.8);
}
.tab-content .info__table{
	min-width: 600px;
}
.tab-content .info__table-cell{
	word-wrap: break-word;
}
.info__table-cell p{
	word-wrap: break-word;
}
.info__block-content{
	display: none;
}
.info__block-content.active-content {
  display: block;
}
.donate__block-select .donate__block-inner {
    border: 1px solid rgba(var(--w-clr),.3);
    filter: grayscale(0);
    opacity: 1;
}
.active-content{
	display: block!important;
}
.page-terms{
	padding: 40px 20px;
	position: relative;
	font-size: 1.125rem;
	line-height: 133%;
	margin-bottom: 50px;
}
.page-terms p{
	margin: 15px 0;
	text-align: left;
}
.footer__nav{
	padding: 10px 0 30px 0;
}
main>:last-child{
	padding-bottom:250px;
}
.one-step{
	grid-template-columns: repeat(1, 400px);
  justify-content: center;
}

.start-project{
  width: 435px;
  color: #fff;
  position: absolute;
  right: 100px;
  top: 200px;
  margin: 0 0 30px 0;
  box-sizing: border-box;
  padding-right:20px;
  padding-left:40px;
  display: flex;
  font-size: 20px;
  align-items: center;
  background: linear-gradient(270deg, #2a251c -1.09%, #806d4c 100%);
  box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 64%);
  z-index:4;
  border-radius: 40px;
}
.rating{
  color: rgb(24, 23, 22);
  margin-right: 16px;
  font-family: 'Lato', sans-serif;
  border-radius: 8px 0 0 8px;
  font-weight: bold;
  padding: 20px;
  font-size: 20px;
  border-radius: 50%;
  margin-left:-50px;
  background: linear-gradient(318deg, #2f2921 0%, #090909 100%);
  box-shadow: 0 0 5px #fff;
  color: #c9a76d;
}
.rating span{
  font-size: 40px;
  margin-right: 1px;
}
.project-status{
  display: flex;
  align-items: center;
}
.project-online{
  display: block;
  width: 10px;
  height: 10px;
  background: #00fbac;
  margin-right: 5px;
  border-radius: 50%;
  animation: blink-online 1s infinite; 
}
.project-not-online{
  display: block;
  width: 10px;
  height: 10px;
  background: red;
  margin-right: 5px;
  border-radius: 50%; 
}
@keyframes blink-online {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.date-project{
  margin-left: auto;
  border-left: 2px solid rgb(253 253 253 / 12%);
  padding-left: 15px;
  padding-right: 5px;
  min-width: 166px;
}
.date-project b{
  color: #ffffff;
  font-weight: 500;
}
.project-offline{
  display: block;
  width: 10px;
  height: 10px;
  background: red;
  margin-right: 5px;
  opacity: 0.7;
  border-radius: 50%;
}
#clockdiv{
	font-family: sans-serif;
 	color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  display: flex;
}
#clockdiv > div{
	border-radius: 3px;
	display: inline-block;
}
#clockdiv div > span{
	border-radius: 3px;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  width: 35px;
  text-shadow: 0 0 1px #000, 0 0 2px #000;
  color: #c9a76d;
}
.smalltext {
  font-size: 11px;
}
.start-time{
	font-size: 16px;
  text-align: center;
  padding-bottom: 2px;
}
.stream-block{
	background: #121212f2;
	padding: 10px;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	position: absolute;
	top: 80px;
  right: 15px;
	z-index: 3;
	max-width: 900px;
	justify-content: center;
}
.stream-block iframe{
	width: 200px;
  height: 113px;
	margin: 10px;
	border: 1px solid #524732;
  border-radius: 10px;
}
.home{
	position: relative;
}
.header{
	z-index:5;
}



/*media*/

@media screen and (max-width: 1366px){
	.tab-content {
		max-height: none;
	}
	.start-project {
    right: 20px;
    top: 138px;
  }
}
@media screen and (max-width: 1300px){
	.stream-block{
		display: none;
	}
}
@media screen and (max-width: 992px){
	.flex-stat{
		display: block;
		padding: 50px 0;
	}
	.one-step{
		grid-template-columns: repeat(1, 250px);
	}
	.start-project{
		position: static;
		margin: 50px auto;
		width: 300px;
	}
	.home__play-video{
		display: none;
	}
	.home {
    --home-height: calc(37.5rem + var(--header-h) * 2 + 80px);
  }
  .rating {
    padding: 10px;
    margin-right:7px;
  }
  .rating span {
    font-size: 34px;
  }
  .date-project {
    padding-left: 5px;
    padding-right: 5px;
	}	
	.start-time {
    font-size: 11px;
    text-align: center;
    padding-bottom: 5px;
	}
	#clockdiv div > span {
    font-size: 18px;
    font-weight: 600;
    width: 30px;
  }
  .smalltext {
    font-size: 7px;
	}
	.project-status{
		font-size: 14px;
	}
}
@media screen and (max-width: 500px){
	.link-table {
    margin: 0px 8px;
    font-size: 0.75rem;
    text-align: center;
	}
	.download{
		margin-bottom: 100px;
	}
	.footer__nav{
		grid-gap: 1rem;
	}
	.r-x10 span{
		font-size: 32px;
	}
	.rating{
		width: 65px!important;
		height: 65px!important;
		display: inline-block;
	}
}


.rating{
	width: 125px;
	height: 85px;
}
.r-x10{
	font-size: 34px;
}
.r-x10 span{
	font-size: 34px;
  text-indent: -5px;
  margin-top: 3px;
  display: inline-block;
}
.big-img-class{
	padding:8px 8px 4px 8px;
	box-sizing: border-box;
}
.main-class{
	width: 900px;
	margin: 0 auto;
}
.big-img-class video{
	width: 100%;
	height: 454px;
}
.title-small-class{
	font-size: 20px;
	font-family: "Ovo", sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 0;
}
.small-class-row{
	display: flex;
	justify-content: space-between;
}
.small-class{
	width: 32%;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.3s;
}
.small-class .advantages__item-frame{
	padding: 8px 8px 4px 8px;
	box-sizing: border-box;
	margin-bottom: 16px;
}
.small-class:hover{
	opacity: 1;	
	transition: 0.3s;
}
.activeClass{
	opacity: 1;
}
.big-img-text{
	text-align: center;
	padding: 0 16px 0px 16px;
	margin-bottom: 16px;
	line-height: 150%;
	min-height: 115px;
	box-sizing: border-box;
}
.big-img-class{
	margin-bottom: 16px;
}
.all-class{
	margin-bottom: 50px;
	margin-top: 64px;
}
.small-class .advantages__item-frame img{
	height: 170px;
	width: 100%;
	object-fit: cover;
}
.new-class{
	    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 64px;
}
.bar-surprise{
	margin: 50px 0 10px 0;
	width: 420px;
	height: 60px;
	border-radius: 3px;
	border: 1px solid rgb(131, 116, 93);
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-shadow:0 0 1rem rgba(var(--main-clr),1);
  box-shadow: 0 0 1rem rgba(var(--main-clr),1);
  position: relative;
}
.color-bar{
	height: 100%;
	background-image: linear-gradient(45deg, #23201c, #9f8861, #edce85);
	position: relative;
  /*background-size: 400% 400%;
  animation: gradient 10s ease infinite;
  border-radius: 3px;
  position: relative;*/
}
.style-color-bar{
	background-image: repeating-linear-gradient(
    to right,          /* направление — слева направо */
    rgba(0,0,0,0.9),             /* цвет палочек */
    rgba(0,0,0,0.9) 2px,         /* толщина палочек 2 пикселя */
    transparent 2px,   /* пробел после палочки */
    transparent 12px    /* ширина пробела 4 пикселя (6 - 2) */
  );
  position: absolute;
  top: 0px;
  left:0px;
  width: 100%;
  height: 100%;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.gold-text{
	color: #bfa976;
}
.home__actions .home__play{
	min-width: 14rem;
}
.diamond-container{
	position: absolute;
  right: -135px;
  top: -75px;
  z-index: 3;
  animation: scaleUpDown 2s ease-in-out infinite;
}
@keyframes scaleUpDown {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}
.gift-top{
    width: 185px;
}
.sparkle {
  position: absolute;
  background: white;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 8px 3px rgba(255, 255, 255, 0.8);
  animation: twinkle 2s infinite;
}
.sparkle1 {
  width: 3px;
  height: 3px;
  top: 130px;
  left: 137px;
  animation-delay: 0s;
}

.sparkle2 {
  width: 4px;
  height: 4px;
  top: 91px;
  left: 161px;
  animation-delay: 0.4s;
}

.sparkle3 {
  width: 3px;
  height: 3px;
  top: 100px;
  left: 38px;
  animation-delay: 0.8s;
}

.sparkle4 {
  width: 3px;
    height: 3px;
    top: 55px;
    left: 44px;
    animation-delay: 1.2s;
}

.sparkle5 {
  width: 4px;
  height: 4px;
  top: 60%;
  left: 45%;
  animation-delay: 1.6s;
}

@keyframes twinkle {
  0%, 100% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}
.num-bar{
	position: absolute;
	right: -40px;
	top: -40px;
	background: #edce85;
	color: #000;
	padding: 3px;
	box-sizing: border-box;
	border-radius: 5px;
	width: 80px;
	font-size: 14px;
	text-align: center;
	opacity: 0.8;
}
.num-bar:after{
  position: absolute;
  content: "";
  bottom: -10px;
  left: calc(50% - 5px);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #edce85; 
}
.full-timer{
	display: flex;
	justify-content: center;
}
.five-minutes{
		width: 125px;
    margin-left: 145px;
    background: #c1a76c;
    border-radius: 0 0 20px 20px;
    padding-bottom: 3px;
    margin-top: -10px;
    margin-bottom: 20px;
    box-shadow: 0 0 1rem rgba(var(--main-clr), 1);
}
.block-time{
	text-align: center;
	margin: 0 5px;
	color: #000;
	font-size: 26px;
	font-weight: bold;
}
.five-min, .five-sec{
	font-size: 11px;
	font-weight: 400;
}
.gold-text{
	width: 420px;
	text-align: center;
}
.grid-for-win{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.row-win{
	width: 32%;
	text-align: center;
}
.block-win{
	height: 400px;
	background: url(/img/stream.png) center center;
	background-size: cover;
	box-sizing: border-box;
}
.small-win{
	height: 200px;
	background: url(/img/update.png?v=3) center bottom;
	background-size: cover;
}
.center-row .advantages__item-frame{
	margin-top: 100px;
}
.big-win{
	height: 500px;
	background: url(/img/img2.png) center center;
}
.win-gradient{
	width: 100%;
	height: 100%;
	background: linear-gradient(343deg, rgba(180, 215, 237, 0.4) 0%, rgba(18, 18, 18, 0.7) 55%, rgba(18, 18, 18, 1) 100%);
}
.block-win .advantages__item-heading{
	padding-top: 20px;
}
.tasks{
	padding: 50px 0;

}
.tasks .home__play {
  min-height: 3rem;
}
.tasks .features__item-info{
	margin-top: -20px;
}
.tasks .features__grid-item:hover .features__item-icon {
  -webkit-transform: scale(1.225);
  transform: scale(1.225);
}

