@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Seymour+One&display=swap');

body{
	background:#4f6e3e;
	background:#92CBE8;
	overflow: hidden;
	font-family: 'Dela Gothic One';
	color:#000;
	user-select: none;
	-webkit-user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
     -ms-user-select: none;
	overflow:hidden;
	height:100vh;
	user-select: none;
	cursor: default;
}
.body-valley{
	background:#2b3e14;
}

.lang{
	width:24px;
	height:24px;
	border-radius:100px;
	background:url() center center no-repeat rgba(0,0,0,0.1);
	background-size:cover;
	opacity:0.5;
}
.lang-EN{
	background-image:url(../img/en.png);
}
.lang-RU{
	background-image:url(../img/ru.png);
}
.onboard-lang{
	position: fixed;
	right:0;
	left:0;
	margin:auto;
	top:150px;
	bottom:0;
	width:30px;
	height:30px;
	z-index:1500;
	opacity:1;
	display: none;
}



.field{
	/*max-width:500px;*/
	margin:auto;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:1;
}





.rotate{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(10,16,45,0.05);
	/*background:rgba(0,0,0,0.05);*/
	z-index:3000;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rotate-a{
	opacity: 1;
	visibility: visible;
}


.rotate-phone {
  display: inline-block;
  width: 30px;
  height: 60px;
  border: 3px solid #fff;
  border-radius: 8px;
  position: relative;
  transform: rotate(90deg)
}
.rotate-phone:after {
  content:'';
  border-bottom: 3px solid #fff;
  position: absolute;
  top: 4px;
  left: 8px;
  right: 8px;
  border-radius: 100px;
}
.rotate-a .rotate-phone{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-name: anim-rotate;
  animation-duration: 4s;
}
@keyframes anim-rotate {
  0%, 10% { transform: rotate(90deg) }
  30% { transform: rotate(0deg) }
  90% { transform: rotate(0deg) }
  100% { transform: rotate(90deg) }
}












.load{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(10,16,45,0.05);
	/*background:rgba(0,0,0,0.05);*/
	z-index:2000;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.load-a{
	opacity: 1;
	visibility: visible;
}
.load-wrap{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	z-index:2;
}
.load-wrap::-webkit-scrollbar{
	display: none;
}
.load-wrap div{
	height:200vh;
}
.load-img{
	width:80px;
	height:80px;
	background:url(../img/load-3.jpg) center center no-repeat #fff;
	background-size:contain;
	border-radius: 22px;
	box-shadow: 0px 20px 30px 0px rgba(174, 255, 44, 0.2);
	z-index:1;
}
.load-a .load-img{
	animation: beat 0.3s infinite alternate;
	transform-origin: center;
}
@keyframes beat{
	to { transform: scale(1.15); }
}


.onboard-bg{
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:600;
	padding:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	pointer-events: none;
}
.onboard-bg-a{
	opacity: 1;
	visibility: visible;
}
.onboard{
	position: relative;
	transform: scale(1.02);
	transition: 0.3s;
	max-width: 350px;
}

.onboard-bg-a .onboard{
	transform: scale(1);
}


/*
.onboard{
	position: absolute;
	left:0px;
	top:0px;
	padding:40px;
	z-index:800;
	transition: 0.4s;
	display: none;
}*/
.onboard img{
	width:100%;
	z-index:1;
}
.onboard-img{
	width:90px;
	height:90px;
	position: absolute;
	left:0;
	right:0;
	top:-60px;
	background:url(../img/grandma.png);
	background-size:contain;
	border-radius: 1000px;
	margin:auto;
}
.onboard-content{
	position: absolute;
	left:30px;
	bottom:40px;
	top:30px;
	right:30px;
	z-index:2;
	border-radius: 30px;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.onboard-content::-webkit-scrollbar{
	display: none;
}
/*
.onboard-content .lang{
	position: absolute;
	right:3px;
	top:7px;
}*/
.onboard-content-h{
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:16px;
	text-align: center;
	line-height: 1.2em;
}
.onboard-content-d{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:14px;
	text-align: center;
	margin-top:8px;
	line-height: 1.3em;
}

.onboard-close{
	position: absolute;
	right:0px;
	top:-10px;
	width:46px;
	height:46px;
	z-index:3;
	background:url(../img/SmallButton-pressed.png) center center no-repeat;
	background-size:contain;
	display: none;
}
.onboard-close:before{
	width:18px;
	height:18px;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:5px;
	margin:auto;
	content:'';
	background:url(../img/CloseIcon.png) center center no-repeat;
	background-size:contain;
}

.onboard-bg-close{
	pointer-events: auto;
	background:rgba(145,219,248,0.2);
}
.onboard-bg-close .onboard-close{
	display: block;
}

.onboard-arr{
	position: absolute;
	width:50px;
	height:50px;
	background:url(../img/ArrowDown.png) center center no-repeat;
	background-size:contain;
	z-index:610;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s;
	pointer-events: none;
}
.onboard-arr-a{
	opacity: 1;
	visibility: visible;
	animation: down 1s infinite;
}
@keyframes down {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0px);
	}
}

.snow{
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:800;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: 0.1s;
}
.snow-a{
	opacity:0.5;
	visibility: visible;
}
.modal-bg-decor{
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:700;
	background:rgba(12,23,85,0.7);
	background:rgba(43,96,122,0.6);
	background:rgba(192,192,192,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	padding:50px 30px;
	overflow-y: auto;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.modal-bg-decor::-webkit-scrollbar{
	display: none;
}
.modal-bg-decor-a{
	opacity: 1;
	visibility: visible;
}

.modal-decor{
	background:#0C1755;
	background:#2B607A;
	background:#f0f1ef;
	border-radius:30px;
	width:100%;
	max-width:400px;
	overflow: hidden;
	position: relative;
	margin: auto;
}
.modal-decor-close{
	position: absolute;
	right:15px;
	top:15px;
	background:#fff url(../img/cross.svg) center center no-repeat;
	background-size:16px auto;
	width:26px;
	height:26px;
	border-radius: 100px;
	z-index:3;
}
.modal-decor-img{
	background:url() center center no-repeat;
	background-size:cover;
	height:200px;
	position: absolute;
	left:0;
	top:0;
	right:0;
	z-index:1;
}
.modal-bg-decor--theme_newyear .modal-decor-img{
	background-image:url(../img/decor/new/newyear-preview-l.jpg);
}
.modal-decor-img-shadow{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:-1px;
	background:linear-gradient(to bottom, rgba(12,23,85,0), rgba(12,23,85,0), rgba(12,23,85,1));
	background:linear-gradient(to bottom, rgba(43,96,122,0), rgba(43,96,122,0), rgba(43,96,122,1));
	background:linear-gradient(to bottom, rgba(240,241,239,0), rgba(240,241,239,0), rgba(240,241,239,1));
}

.modal-decor-content{
	padding:30px;
	padding-top:150px;
	position: relative;
	z-index: 2;
}
.modal-decor-h{
	font-size:22px;
	color:#fff;
	color:#666cb3;
	line-height: 1.2em;
}
.modal-decor-tabs{
	margin-top:10px;
}
.modal-decor-tab{
	background:#fff;
	color:#626262;
	border-radius: 100px;
	padding:10px 15px;
	padding:7px 12px;
	font-family: 'Raleway';
	font-weight:700;
	font-size:12px;
	display: inline-block;
	margin-right:5px;
	margin-bottom:7px;
}
.modal-decor-d{
	font-family: 'Raleway';
	font-weight:300;
	font-size:14px;
	color:#fff;
	color:#000;
	opacity:0.5;
	line-height: 1.3em;
	margin-top:15px;
}
.modal-decor-trigs{
	margin-top:30px;
}
.modal-decor-trig{
	display: flex;
	margin-top:20px;
}
.modal-decor-trig-img{
	width:50px;
	height:50px;
	background:linear-gradient(45deg, rgba(255,255,255,0.17), rgba(255,255,255,0.06), rgba(255,255,255,0.17));
	background:#fff;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
	border-radius: 15px;
	flex-shrink: 0;
	margin-right:15px;
	position: relative;
}
.modal-decor-trig-img div{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url() center center no-repeat;
	background-size:24px auto;
}
.modal-decor-trig-h{
	font-family: 'Raleway';
	font-weight:700;
	font-size:14px;
	color:#fff;
	color:#666cb3;
	line-height: 1.3em;
}
.modal-decor-trig-d{
	font-family: 'Raleway';
	font-weight:300;
	font-size:14px;
	color:#fff;
	color:#000;
	opacity:0.5;
	line-height: 1.3em;
	margin-top:5px;
}
.modal-decor-cta{
	padding:30px;
	text-align: center;
	background:linear-gradient(-45deg, rgba(255,255,255,0.17), rgba(255,255,255,0.0), rgba(255,255,255,0.17));
	background:#fff;
	border-radius: 30px;
	margin-top:20px;
}
.modal-decor-cta-h{
	color:#fff;
	color:#666cb3;

}
.modal-decor-cta-d{
	font-family: 'Raleway';
	font-weight:300;
	font-size:12px;
	color:#fff;
	color:#000;
	opacity:0.5;
	line-height: 1.3em;
	margin-top:5px;
	margin-bottom:15px;
}
.modal-decor-cta .btn{
	margin:0 auto!important;
	color:#fff!important;
}
.modal-decor-cta .btn .modal-box-price-coin{
	color:#fff!important;
	font-weight: 700;
}

.modal-bg-decor--theme_vip{
	background:rgba(31, 30, 65, 0.8);
}

.modal-bg-decor--theme_newyear2{
	background:rgba(13, 19, 55, 0.83);
		background:rgba(31, 30, 65, 0.8);
}
.modal-bg-decor--theme_newyear2 .modal-decor{
	background:url(../img/decor/new/newyear2-modal-bg.jpg?2) center 190px #4D4C6B no-repeat;
	background-size:cover;
}
.modal-bg-decor--theme_newyear2 .modal-decor-d{
	color:#fff;
}
.modal-bg-decor--theme_newyear2 .modal-decor-trig-h{
	color:#fff;
}
.modal-bg-decor--theme_newyear2 .modal-decor-trig-d{
	color:#fff;
}
.modal-bg-decor--theme_newyear2 .modal-decor-trig-img{
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.17));
}
.modal-bg-decor--theme_newyear2 .modal-decor-tab{
	background: rgba(255, 255, 255, 0.07);
	color:#fff;
}
.modal-bg-decor--theme_newyear2 .modal-decor-h{
	color:#fff;
}
.modal-bg-decor--theme_newyear2 .modal-decor-img-shadow{
	background: linear-gradient(to bottom, rgba(12, 23, 85, 0), rgba(12, 23, 85, 0), rgba(12, 23, 85, 1));
	background: linear-gradient(to bottom, rgba(77, 76, 107, 0), rgba(77, 76, 107, 0), rgba(77, 76, 107, 0.5), rgba(77, 76, 107, 1));
}
.modal-bg-decor--theme_newyear2 .modal-decor-img{
	background-image:url(../img/decor/new/newyear2-preview-l.jpg);
}
.modal-bg-decor--theme_newyear2 .modal-decor-cta{
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.17));
}
.modal-bg-decor--theme_newyear2 .modal-decor-cta-h{
	color:#fff;
}
.modal-bg-decor--theme_newyear2 .modal-decor-cta-d{
	color:#fff;
}



.modal-bg-decor--theme_vip{
	background:rgba(13, 19, 55, 0.83);
		background:rgba(31, 30, 65, 0.8);
			background:rgba(40, 37, 27, 0.65);
}
.modal-bg-decor--theme_vip .modal-decor{
	background:url(../img/decor/new/newyear2-modal-bg.jpg?2) center 190px #4D4C6B no-repeat;
	background:url(../img/decor/crown-bg.jpg?2) center center no-repeat;
	background-size:cover;
	overflow:visible;
}
.modal-bg-decor--theme_vip .modal-decor-content{
	padding-top:100px;
}
.modal-bg-decor--theme_vip .modal-decor-d{
	color:#fff;
	color:#583F00;
}
.modal-bg-decor--theme_vip .modal-decor-trig-h{
	color:#fff;
	color:#583F00;
}
.modal-bg-decor--theme_vip .modal-decor-trig-d{
	color:#fff;
	color:#583F00;
	font-size:12px;
	opacity: 0.8;
}
.modal-bg-decor--theme_vip .modal-decor-trig-img{
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.8));
}
.modal-bg-decor--theme_vip .modal-decor-tab{
	background: rgba(255, 255, 255, 0.07);
	background: rgba(0, 0, 0, 0.05);
	color:#fff;
	color:#583F00;
}
.modal-bg-decor--theme_vip .modal-decor-h{
	color:#fff;
	color:#583F00;
}
.modal-decor-gift{
	padding:20px;
	border-radius:40px;
	background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.5));
	color:#583F00;
	display: flex;
	align-items: center;
	margin-top:20px;
}
.modal-decor-gift-gold{
	border-radius:30px;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.3));
	padding-bottom:10px;
}
.modal-decor-gift-h{
	font-family:'Dela Gothic One';
	font-weight:700;
	font-size:14px;
}
.modal-decor-gift-gold .modal-decor-gift-h{
	margin-top:10px;
}
.modal-decor-gift-d{
	font-family:'Raleway';
	font-size:12px;
	line-height: 1.2em;
	margin-top:5px;
}
.modal-decor-gift-img{
	width:50px;
	height:50px;
	flex-shrink: 0;
	margin-right:10px;
	background:url(../img/decor/crown-gift.png) center center no-repeat;
	background-size:contain;
}
.modal-decor-gift-gold .modal-decor-gift-img{
	width:70px;
	height:70px;
	background-image:url(../img/valley/chest-gold-sale.png);
}
.modal-decor-gift-gold .modal-decor-gift-timer{
	font-weight: 700;
	font-size:14px;
	margin:5px 0;
}
.modal-decor-gift-gold-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}
.modal-bg-decor--theme_vip .modal-decor-img-shadow{
	background: linear-gradient(to bottom, rgba(12, 23, 85, 0), rgba(12, 23, 85, 0), rgba(12, 23, 85, 1));
	background: linear-gradient(to bottom, rgba(77, 76, 107, 0), rgba(77, 76, 107, 0), rgba(77, 76, 107, 0.5), rgba(77, 76, 107, 1));
}
.modal-bg-decor--theme_vip .modal-decor-img{
	background:url(../img/decor/crown.png) center center no-repeat;
	background-size:120px auto;
	height:120px;
	top:-50px;
}
.modal-bg-decor--theme_vip .modal-decor-cta{
	background: linear-gradient(-45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.8));
}
.modal-bg-decor--theme_vip .modal-decor-cta-h{
	color:#fff;
	color:#583F00;
}
.modal-bg-decor--theme_vip .modal-decor-cta-d{
	color:#fff;
	color:#583F00;
}
.modal-bg-decor--theme_vip .modal-decor-trig-img div{
	background-size:36px auto;
}

.modal-vip-box-2{
	display: none;
}





.modal-bg{
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:600;
	background:rgba(145,219,248,0.2);
	padding:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
}
.modal-bg-pointer{
	pointer-events: none;
}
.modal-bg-a{
	opacity: 1;
	visibility: visible;
}
.modal{
	position: relative;
	transform: scale(0.7);
	transition: 0.3s;
	max-width: 350px;
}

.modal-bg-a .modal{
	transform: scale(1);
}

.modal img{
	width:100%;
	z-index:1;
}
.modal-title{
	position: absolute;
	left:0px;
	top:-12px;
	margin:auto;
	right:0px;
	width:200px;
	height:50px;
	z-index:3;
	background:url(../img/Ribbon.png) center bottom no-repeat;
	background-size:100% auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:24px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	padding-bottom:10px;


	color:#47871e;
	color:#fff;
	-webkit-text-stroke: 0;
	font-size:18px;
	text-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.modal-close{
	position: absolute;
	right:0px;
	top:0px;
	width:46px;
	height:46px;
	z-index:3;
	background:url(../img/SmallButton-pressed.png) center center no-repeat;
	background-size:contain;
}
.modal-close:before{
	width:18px;
	height:18px;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:5px;
	margin:auto;
	content:'';
	background:url(../img/CloseIcon.png) center center no-repeat;
	background-size:contain;
}
.modal-back{
	position: absolute;
	left:10px;
	top:0px;
	width:46px;
	height:46px;
	z-index:3;
	background:url(../img/SmallButton.png) center center no-repeat;
	background-size:contain;
	visibility: hidden;
	opacity: 0;
	transform: translateX(-20px);
	transition: 0.3s;
}
.modal-back-a{
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
}
.modal-back:before{
	width:20px;
	height:20px;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:5px;
	margin:auto;
	content:'';
	background:url(../img/ArrowLeft.png) center center no-repeat;
	background-size:contain;
}
.modal-content{
	position: absolute;
	left:30px;
	bottom:30px;
	top:30px;
	right:30px;
	z-index:2;
	border-radius: 50px;
	padding-top:20px;
	padding-bottom:40px;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.modal-content-overflow{
	overflow-y: hidden;
}
.modal-content-{
	display: none;
}
.modal-content-p0{
	left:12px;
	right:12px;
}
.modal-content::-webkit-scrollbar{
	display: none;
}
.modal-content-profile{
	position: relative;
}
.modal-content-profile .lang{
	position: absolute;
	right:10px;
	top:14px;
}
.modal-minitabs{
	margin-top:10px;
	margin-bottom:10px;
	overflow-x: auto;
	white-space: nowrap;
	position: relative;
	scrollbar-width: none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	display: flex;
}
.modal-minitabs::-webkit-scrollbar{
	display: none;
}
.modal-minitab{
	background:rgba(120,90,19,0);
	padding:7px 13px;
	border-radius: 100px;
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:12px;
	display: inline-block;
	margin-bottom:2px;
	opacity:0.6;
}
.modal-minitab-a{
	background:rgba(120,90,19,0.08);
	background:#F1D583;
	opacity:1;
}
/*
.modal-tab-back{
	width:97px;
	height:50px;
	background:url(../img/SwitchBG.png) center center no-repeat;
	background-size:contain;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-tab-back span{
	font-size:12px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.2px #5F5F5F;
	-webkit-text-stroke:0;
	color:#785a13;
	color:rgba(120,90,19,1);
}*/




.modal-tabs{
	display: flex;
}
.modal-tab{
	width:50%;
	height:50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-tab span{
	font-size:12px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.2px #5F5F5F;
	-webkit-text-stroke:0;
	color:#785a13;
	color:rgba(120,90,19,0.5);
}
.modal-tab-a{
	background:url(../img/SwitchBG.png) center center no-repeat;
	background-size:contain;
}
.modal-tab-a span{
	color:rgba(120,90,19,1);
}
.modal-tab-page{
	display: none;
}
.modal-tab-page-a{
	display: block;
}
.modal-head{
	font-size:16px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	margin-top:30px;
}
.modal-head:first-child{
	margin-top:0px;
}



.go-silver{
    width: 30px;
    height: 30px;
    background: url(../img/coin-silver.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left:0;
    top:0;
    z-index:1000;
}

.modal-box-i-flex{
	width:50px;
	height:50px;
	background:url(../img/RoundSubstrate.png) center center no-repeat;
	background-size:contain;
	flex-shrink: 0;
	position: absolute;
	left:0;
	top:0;
	z-index:1000;
}
.modal-box-i-flex div{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url() center center no-repeat;
	background-size:26px auto;
}
.modal-box-i-flex-1{
	transition:0.2s;
}
.modal-box-fert-manure_1 .modal-box-i div{
	background-image:url(../img/ic/manure_1.svg);
	background-size:32px auto;
}
.modal-box-fert-manure_2 .modal-box-i div{
	background-image:url(../img/ic/manure_2.svg);
	background-size:32px auto;
}
.modal-box-fert-manure_3 .modal-box-i div{
	background-image:url(../img/ic/manure_3.svg);
	background-size:32px auto;
}



.modal-box-uproot{
	text-align: center;
}
.modal-box-uproot-h{
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:12px;
	text-align: center;
	margin-top:10px;
	line-height: 1.0em;
}
.modal-box-uproot .btn{
	margin: 0 auto;
	margin-top:5px;
}
.modal-box{
	display: flex;
	align-items: center;
	align-items: flex-start;
	padding-top:15px;
	border-bottom:2px solid #edd37b;
	padding-bottom:15px;
}
.modal-box-c{
	align-items: center;
}
.modal-box-nb{
	border-bottom:0px;
}
.modal-content-plant-view .modal-box{
	border-bottom:0px;
}
.modal-boxes .modal-box:last-child{
	border-bottom:0px;
}
.modal-box-story{
	border-bottom:2px solid #edd37b!important;
}
.modal-box-tick{
	width:40px;
	height:40px;
	background:url(../img/SmallButton-substrate.png) center center no-repeat;
	background-size:contain;
	margin-left:10px;
	flex-shrink: 0;
	position: relative;
}
.modal-box-tick-a div{
	width:40px;
	position: absolute;
	left:0px;
	bottom:0px;
	right:0;
	top:0;
	background:url(../img/TickIcon.png) center center no-repeat;
	background-size:22px auto;
}
.modal-box-i{
	width:50px;
	height:50px;
	background:url(../img/RoundSubstrate.png) center center no-repeat;
	background-size:contain;
	margin-right:10px;
	flex-shrink: 0;
	position: relative;
}
.modal-box-i-big{
	width:80px;
	height:100px;
	background-image:url(../img/SmallButton-substrate.png);
	margin-right:15px;
}
.modal-box-i-big--theme_newyear{
	background-image:url(../img/decor/new/newyear-preview-b.png);
	background-size:contain;
}
.modal-box-i-big--theme_newyear2{
	background-image:url(../img/decor/new/newyear2-preview-b.png);
	background-size:contain;
}
.modal-box-i-decor{
	background:url() center center no-repeat #F1D583;
	background-size:cover;
	width:60px;
	height:60px;
	border-radius:100px;
	margin-right:10px;
	flex-shrink: 0;
}
.modal-box-i-task{
	width:50px;
	height:50px;
	background:url() center center no-repeat rgba(0,0,0,0.2);
	background-size:cover;
	margin-right:12px;
	flex-shrink: 0;
	position: relative;
	border-radius:100px;
}
.modal-box-i-task-share{
	background-image:url(../img/load-3.jpg);
}
.modal-box-task-flex{
	display: flex;
}
.modal-box-task-flex .modal-box-price{
	margin-right:10px;
}
.modal-box-i div{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url() center center no-repeat;
	background-size:26px auto;
}
.modal-box-i-big div{
	background-size:34px auto;
}


.modal-box-i--arugula div{
	background-image:url(../img/ic/rukkl.svg?2);
}
.modal-box-i--carrot div{
	background-image:url(../img/ic/carrot.svg);
}
.modal-box-i--cucumber div{
	background-image:url(../img/ic/cucumber.svg);
}
.modal-box-i--cabbage div{
	background-image:url(../img/ic/cabbage.svg);
}
.modal-box-i--wheat div{
	background-image:url(../img/ic/wheat.svg);
}
.modal-box-i--tomato div{
	background-image:url(../img/ic/tomato.svg);
}
.modal-box-i--pepper div{
	background-image:url(../img/ic/pepper.svg);
}
.modal-box-i--pumpkin div{
	background-image:url(../img/ic/pumpkin.svg);
}
.modal-box-i--strawberry div{
	background-image:url(../img/ic/strawberry.svg);
}
.modal-box-i--apple div{
	background-image:url(../img/ic/apple.svg);
}
.modal-box-i--watermelon div{
	background-image:url(../img/ic/watermelon.svg);
}
.modal-box-i--blueberry div{
	background-image:url(../img/ic/blueberry.svg);
}
.modal-box-i--rose div{
	background-image:url(../img/ic/rose.svg);
}
.modal-box-i--eggplant div{
	background-image:url(../img/ic/eggplant.svg);
}
.modal-box-i--pattypan div{
	background-image:url(../img/ic/pattypan.svg);
	background-size: 32px auto;
}
.modal-box-i--peas div{
	background-image:url(../img/ic/peas.svg);
}
.modal-box-i--fir div{
	background-image:url(../img/ic/fir.svg);
	background-size: 32px auto;
}
.modal-box-i--corn div{
	background-image:url(../img/ic/corn.svg);
}
.modal-box-i--lemon div{
	background-image:url(../img/ic/lemon.svg);
}
.modal-box-i--grape div{
	background-image:url(../img/ic/grape.svg);
}
.modal-box-i--silver div{
	background-image:url(../img/coin-silver.png);
}
.modal-box-i--usdt div{
	background-image:url(../img/usdt.svg);
}
.modal-box-i--chest-open div{
	background-image:url(../img/valley/chest-open.png);
}

.modal-box-i--manure_1 div{
	background-image:url(../img/ic/manure_1.svg);
	background-size:34px auto;
}
.modal-box-i--manure_2 div{
	background-image:url(../img/ic/manure_2.svg);
	background-size:34px auto;
}
.modal-box-i--manure_2pack div{
	background-image:url(../img/ic/manure_2pack.svg);
	background-size:46px auto;
}
.modal-box-i--manure_3 div{
	background-image:url(../img/ic/manure_3.svg);
	background-size:34px auto;
}
.modal-box-i--manure_3pack div{
	background-image:url(../img/ic/manure_3pack.svg);
	background-size:46px auto;
}

.modal-box-i--rose_3 div{
	background-image:url(../img/ic/rose_3.svg);
	background-size:34px auto;
}
.modal-box-i--rose_9 div{
	background-image:url(../img/ic/rose_9.svg);
	background-size:34px auto;
}



.modal-box-i--chicken div{
	background-image:url(../img/ic/chicken.svg?2);
}
.modal-box-i--feed_chicken div{
	background-image:url(../img/ic/feed_chicken.svg?2);
	background-size:auto 34px;
}
.modal-box-i--food_chicken div{
	background-image:url(../img/ic/egg.png);
	background-size:auto 30px;
}
.modal-box-i--chicken div{
	background-image:url(../img/ic/chicken.svg);
	background-size:auto 30px;
}

.modal-box-i--feed_cow div{
	background-image:url(../img/ic/feed_cow.svg);
	background-size:auto 34px;
}

.modal-box-i--feed_pig div{
	background-image:url(../img/ic/feed_pig.svg);
	background-size:auto 34px;
}


.modal-box-i--gardener div{
	background-image:url(../img/ic/gardener.svg?3);
	background-size:auto 46px;
	border-radius: 100px;
}

.modal-box-i--dog div{
	background-image:url(../img/ic/dog.svg?3);
	background-size:auto 35px;
	border-radius: 100px;
}

.modal-box-i--cow div{
	background-image:url(../img/ic/cow-2.svg);
	background-size:auto 30px;
	border-radius: 100px;
}

.modal-box-i--pig div{
	background-image:url(../img/ic/pig.svg);
	background-size:auto 30px;
	border-radius: 100px;
}

.modal-box-i--grandma div{
	background-image:url(../img/grandma.png);
	background-size:auto 60px;
	border-radius: 100px;
}

.modal-box-i--flamingo div{
	background-image:url(../img/ic/flamingo.svg);
	background-size:auto 80px;
}




.modal-box-i-av div{
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	background-size:cover;
	border-radius:100px;
}
.modal-box-i.modal-box-i-av-sq{
	width:50px;
	height:50px;
	background:url(../img/MediumSubstrate.png) center center no-repeat;
	background-size:contain;
	margin-right:10px;
	flex-shrink: 0;
	position: relative;
}
.modal-box-i-av-sq div{
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	background:url() center center no-repeat;
	background-size:cover;
	border-radius:8px;
}
/*
.modal-box-time{
	height:40px;
	border:1px solid red;
	background:url(../img/ValueSubstrate.png) left center no-repeat;
	background-size:auto 100%;
}*/
.modal-box-time{
	position: relative;
	margin-top:10px;
}
.modal-box-time img{
	width:100%;
}
.modal-box-time-time{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:36px;
	height:36px;
	margin:auto;
	z-index:2;
	background:url(../img/TimeIcon.png) left center no-repeat;
	background-size:contain;
}
.modal-box-time-text{
	position: absolute;
	left:16px;
	top:0;
	right:0;
	bottom:0;
	text-align: center;
	z-index:3;
	font-family:'Raleway';
	font-size:18px;
	color:#785a13;
	font-weight:700;
	font-size:14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-box-r{
	width:100%;
}
.modal-invite-link{
	display: flex;
	align-items: center;
	gap:10px;
	margin-top:10px;
	margin-bottom:15px;
}
.modal-invite-about{
	font-family:'Raleway';
	font-size:13px;
	color:#785a13;
	font-weight:400;
	line-height: 1.2em;
	margin-top:20px;
}
.modal-invite-tickets, .modal-activity-cnt{
	font-family:'Raleway';
	font-size:13px;
	color:#785a13;
	font-weight:400;
	line-height: 1.2em;
	margin-top:10px;
	text-align: center;

	font-size: 18px;
	line-height: 1em;
	color: #fff;
	-webkit-text-stroke: 1.2px #000;
	text-shadow: 0px 5px 10px rgba(0,0,0,0.1);
     font-family:'Titan One';

	font-size: 30px;
	line-height: 1em;
	color: #fff;
	-webkit-text-stroke: 1.2px #000;
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);

}
.modal-info{
	font-family:'Raleway';
	font-size:13px;
	color:#785a13;
	font-weight:400;
	line-height: 1.2em;
	margin-top:20px;
	margin-bottom:20px;
	text-align: center;
}
.modal-invite-link-left{
	position: relative;
}
.modal-invite-link-left img{
	width:100%;
}
.modal-invite-link-left-link{
	position: absolute;
	left:0px;
	top:0;
	right:0;
	bottom:0;
	text-align: left;
	z-index:3;
	font-family:'Raleway';
	font-size:18px;
	color:#785a13;
	font-weight:700;
	font-size:10px;
	padding:10px;
	display: flex;
	align-items: center;
}
.modal-invite-link-left-link span{
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}





.select{
	position: relative;
	max-width:150px;
	margin:0 auto;
}
.select img{
	width:100%;
}
.select-text{
	position: absolute;
	left:0px;
	top:0;
	right:0;
	bottom:0;
	text-align: left;
	z-index:3;
	font-family:'Raleway';
	font-size:18px;
	color:#785a13;
	font-weight:700;
	font-size:10px;
	padding:10px;
	display: flex;
	align-items: center;
}
.select-text span{
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.select-text div{
	width:10px;
	height:10px;
	background:url(../img/arr-down.svg) center center no-repeat;
	background-size: contain;
}
.select select{
    border: 0;
    outline: 0;
    margin-left: 10px;
    background: url();
    -webkit-appearance: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: rgba(0,0,0,0.001);
    opacity: 0.001;
    z-index:5;
}



.modal-invite-h{
	font-size:14px;
	color:#785a13;
	line-height: 1.2em;
	margin-top:30px;
	text-align: center;
}
.modal-invite-h-span{
	background:#ffb700;
	padding:1px 5px;
	border-radius:100px;
}
.modal-invite-h-0{
	margin-top:15px;
}
.modal-invite-d{
	font-family:'Raleway';
	font-size:12px;
	color:#785a13;
	font-weight:400;
	margin-top:10px;
	text-align: center;
	line-height: 1.3em;
}
.modal-invite-d-mb{
	margin-bottom:10px;
}

.modal-pins{
	margin-top:30px;
}
.modal-pin{
	display: flex;
	margin-bottom:10px;
}
.modal-pin-1{
}
.modal-pin-i{
	width:20px;
	height:20px;
	flex-shrink: 0;
	margin-right:10px;
	background:url(../img/MedalIcon.png) center center no-repeat;
	background-size:contain;
}
.modal-pin-t{
	font-family:'Raleway';
	font-size:13px;
	color:#785a13;
	font-weight:400;
	line-height: 1.2em;
}




/*
.modal-boxes-frens .modal-box{
	padding-left:20px;
	width:auto;
}
.modal-boxes-frens .modal-box{
	padding-left:20px;
}*/

.modal-boxes-frens-head{
	padding:0 10px;
	text-align: center;
	color:#785a13;
	font-size:14px;
}
.modal-boxes-frens .modal-box-head{
	line-height: 1em;
	font-size:12px;
}
.modal-boxes-frens .modal-box{
	padding:12px 0;
	align-items: center;
}

.modal-box-story-head{
	display: flex;
	align-items: center;
}
.modal-box-story-head div{
	width: 16px;
	height: 16px;
	background: url(../img/pin.svg) center center no-repeat;
	background-size: contain;
	margin-left: 5px;
	flex-shrink: 0;
	position: relative;
	top: -1px;
	opacity: 0.2;
}

.modal-boxes-frens .btn-mini img{
    height: 35px!important;
    width: auto;
}
.modal-boxes-frens .btn-mini {
    width: 77px!important;
    height: 35px!important;
}


.squad-members .btn-mini img{
    height: 35px!important;
    width: auto;
}
.squad-members .btn-mini {
    width: 77px!important;
    height: 35px!important;
}
.squad-members- .modal-box {
    padding: 12px 0;
    align-items: center;
}
.squad-members- .modal-box-rand{
	padding:8px 0;
}



.modal-boxes-frens-footer, .modal-boxes-frens-footer-on, .modal-boxes-frens-footer-admin{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:5px;
	margin-top:5px;
}

/*
.modal-boxes-frens- .modal-boxes-frens-head{
	margin-top:30px;
}
.modal-boxes-frens- .modal-boxes-frens-head:first-child{
	margin-top:0px;
}*/

.modal-boxes-frens- .modal-boxes-frens--{
	margin-top:20px;
}
.modal-boxes-frens- .modal-boxes-frens--:first-child{
	margin-top:0px;
}

.modal-boxes-frens- .modal-boxes-frens-- .btn-frens-remove{
	display: none;
}
.modal-boxes-frens- .modal-boxes-frens--remove .btn-frens-visit{
	display: none;
}
.modal-boxes-frens- .modal-boxes-frens--remove .btn-frens-remove{
	display: block;
}



/*
.modal-boxes-frens-footer .btn-mini img{
    height: 35px!important;
    width: auto;
}
.modal-boxes-frens-footer .btn-mini {
    width: 77px!important;
    height: 35px!important;
}*/

/*
.modal-profile-energy{
	margin-top:20px;
}
.modal-profile-energy-img{
	width:30px;
	height:30px;
	margin:0 auto;
	background:url(../img/EnergyIcon.png) center center no-repeat;
	background-size:contain;
}
.modal-profile-energy-h{
	font-family:'Raleway';
	font-size:18px;
	color:#785a13;
	font-weight:700;
	text-align: center;
}*/
.modal-box-desc{
    font-size:12px;
    font-weight:400;
    flex-shrink:0;
    color:#785a13;
    font-family:'Raleway';
}
/*
.modal-box-time{
	font-size:12px;
     font-weight:400;
     flex-shrink:0;
     color:#785a13;
     font-family:'Raleway';
}*/
.modal-box-alert-time{
	font-size:10px;
     font-weight:400;
     flex-shrink:0;
     color:#785a13;
     font-family:'Raleway';
	margin-bottom:3px;
}
.modal-profile-av{
	width:50px;
	height:50px;
	background:rgba(0,0,0,0.1) url() center center no-repeat;
	background-size:cover;
	border-radius:1000px;
	margin:0 auto;
	margin-top:10px;
}
.modal-profile-av-wallet{
	width:50px;
	height:50px;
	background:rgba(0,0,0,0.1) url(../img/wallet.jpg) center center no-repeat;
	background-size:cover;
	border-radius:17px;
	margin:0 auto;
	margin-top:10px;
	margin-top:30px;
}
.modal-profile-av-load{
	width:60px;
	height:60px;
	background:rgba(0,0,0,0.1) url(../img/load-3.jpg) center center no-repeat;
	background-size:cover;
	border-radius:1000px;
	margin:0 auto;
	margin-top:10px;
}
.modal-santa-av{
	width:50px;
	height:50px;
	background:url(../img/santa.svg) center center no-repeat;
	background-size:contain;
	margin:0 auto;
	margin-top:10px;
}
.modal-forest-av{
	width:50px;
	height:50px;
	background:url(../img/santa.svg) center center no-repeat;
	background-size:contain;
	margin:0 auto;
	margin-top:10px;
}
.modal-profile-name{
	font-size:14px;
	color:#785a13;
	text-align: center;
	margin-top:10px;
}

.modal-profile-line{
	display: flex;
	align-items: center;
	margin-top:0px;
}
.modal-profile-line-h{
    font-size:14px;
    font-weight:400;
    flex-shrink:0;
    color:#785a13;
    font-family:'Raleway';
}
.modal-profile-line-r{
    font-size:14px;
    font-weight:700;
    flex-shrink:0;
    color:#785a13;
    font-family:'Raleway';
}
.modal-profile-line-l{
    border-top:1px solid rgba(0,0,0,0.15);
    width:100%;
    margin:0 5px;
}
.modal-profile-rating{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	font-family:'Titan One';
	margin-top:10px;
	margin-bottom:10px;
}
.modal-profile-rating div{
	width:30px;
	height:30px;
	background:url(../img/token.png) left center no-repeat;
	background-size:contain;
	margin-right:6px;
}
.modal-profile-rating span{
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	-webkit-text-stroke: 1.2px #000;
	text-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.modal-profile-rating-d{
	text-align: center;
	margin-top:10px;
	margin-bottom:10px;
	font-family:'Raleway';
	font-size:12px;
	color:#785a13;
	font-weight:400;
}
.modal-profile-rating-d-2{
	text-align: center;
	margin-bottom:10px;
	font-family:'Raleway';
	font-size:12px;
	color:#785a13;
	font-weight:400;
	line-height: 1.3em;
}


.modal-profile-delight{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	font-family:'Titan One';
	margin-top:10px;
	margin-bottom:10px;
}
.modal-profile-delight div{
	width:30px;
	height:30px;
	background:url(../img/delight-2.svg) left center no-repeat;
	background-size:contain;
	margin-right:6px;
}
.modal-profile-delight span{
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	-webkit-text-stroke: 1.2px #000;
	text-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}



.modal-profile-gifts{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	font-family:'Titan One';
	margin-top:10px;
	margin-bottom:10px;
}
.modal-profile-gifts div{
	width:40px;
	height:40px;
	background:url(../img/gift.png) center center no-repeat;
	background-size:contain;
	margin-right:6px;
}
.modal-profile-gifts span{
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	-webkit-text-stroke: 1.2px #000;
	text-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}


.modal-profile-tarifs{
	display: flex;
	gap:8px;
	margin-top:3px;
}
.modal-profile-tarif{
	width:33%;
	position: relative;
}
.modal-profile-tarif img{
	width:100%;
}
.modal-profile-tarif-text{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding:5px 10px;
}

.modal-profile-tarif .btn-mini{
	width:auto!important;
	height:auto!important;
}
.modal-profile-tarif .btn-mini img{
	width:100%!important;
	height:auto!important;
}
.modal-profile-tarif .modal-box-price{
	margin-bottom:5px;
}
.modal-profile-tarif .modal-box-price-img{
	margin-right:5px;
	background-image: url(../img/coin-gold.png?bs);
}
.modal-profile-tarif .modal-box-price-coin{
	font-weight:700;
	font-size:14px;
}
.modal-decor-gift-gold .modal-box-price{
	text-align: center;
	align-items: center;
	justify-content: center;
	margin-top:10px;
}
.modal-decor-gift-gold .modal-box-price-coin{
	font-weight:700;
	font-size:16px;
	text-align: center;
}
.modal-decor-gift-gold .btn{
	margin:0 auto;
}
.modal-box-price-coin-2{
	font-family: 'Raleway';
	text-align: center;
	font-size:10px;
	font-weight: 700;
	margin-bottom:3px;
	color: #785a13;
	opacity:0.5;
}
.modal-profile-tarifs-mt{
	margin-top:20px;
}

.modal-content-profile .modal-tabs{
	padding-right:50px;
}
.modal-content-profile .modal-tab{
	position: relative;
}


.squad-info{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:20px;
}
.squad-btns{
	margin-top:10px;
	margin-bottom:10px;
	display: none;
}
.squad-info-img{
	width:60px;
	height:60px;
	flex-shrink: 0;
	border-radius:100px;
	margin-right:10px;
	background:#F1D583;
	position: relative;
}
.squad-info-img-placeholder{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/img.svg) center center no-repeat;
	background-size:26px;
	z-index:1;
	opacity:0.5;
}
.squad-info-img-img{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url() center center no-repeat;
	background-size:cover;
	z-index:2;
	border-radius:100px;
}
.squad-info-img-upload{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:3;
	overflow: hidden;
}


.squad-info-img-upload-form{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	visibility:hidden;
	z-index:1;
}
.squad-info-img-upload-label{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	height:100%;
	cursor:pointer;
	z-index:2;
}




.squad-info-name{
	color:rgba(120,90,19,1);
	font-weight:700;
	font-size:14px;
	max-width:110px;
	width:100%;
	margin-right:20px;
	line-height: 1em;
	word-wrap: break-word;
}
.squad-info .btn{
	flex-shrink: 0;
}

.modal-tab-page-squads-squad .squad-info-name{
	max-width:100%;
}


.modal-tab-page-backpack .modal-boxes .modal-box:last-child{
	margin-bottom:20px;
}


.modal-content-qr-{
	margin:0 auto;
	width:220px;
	margin-top:30px;
}
.modal-content-qr- svg{
	width:220px;
}
.modal-content-qr- svg{
	fill:#5F512F;
}

.squad-new-h{
	font-size: 16px;
    line-height: 1em;
    color: #fff;
    -webkit-text-stroke: 1.3px #5F5F5F;
    margin-top:20px;
}
.squad-new-h-2{
	font-family:'Raleway';
	font-size:14px;
	color:#785a13;
	font-weight:700;
}
.squad-new{
	display: flex;
	margin-top:10px;
}
.squad-new-img{
	width:50px;
	height:50px;
	background:rgba(0,0,0,0.05);
	border-radius:10px;
	margin-right:10px;
	flex-shrink: 0;
}
.squad-new-r{
	width:100%;
}
.squad-new-text{
	width:100%;
	border:0;
	background:#EDD68F;
	height:40px;
	border-radius:8px;
	font-family:'Raleway';
	font-size:14px;
	color:#785a13;
	font-weight:400;
	padding:10px;
	outline:0;
	margin-top:4px;
}
.squad-new-text::placeholder{
	color:#b4964e;
}
.modal-content .squad-new .btn-mid {
	margin:0;
	margin-top:10px;
}
.onboard-content .btn-mid{
	margin:0 auto;
	margin-top:10px;
}
.squad-new .modal-box-i-av-sq div{
	background:url(../img/img.svg) center center no-repeat;
	background-size:contain;
}

.box-disconnect{
	text-align: center;
	display: flex;
	align-items: center;
	gap:10px;
	justify-content: center;
}
.box-disconnect-wallet{
	font-family:'Raleway';
	font-size:12px;
	color:#785a13;
	font-weight:700;
	text-align: center;
}


.modal-tab-page-sale-all{
	background:url(../img/SmallSubstrate.png) center center no-repeat;
	background-size:auto 100%;
	padding:20px 0;
}
.modal-tab-page-sale-all .btn-mini{
	margin:0 auto;
}
.modal-tab-page-sale-all-h{
	font-family:'Raleway';
	font-size:16px;
	color:#785a13;
	font-weight: 700;
	line-height: 1em;
	text-align:center;
}
.modal-tab-page-sale-all-d{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	text-align: center;
	padding-top:5px;
	padding-bottom:10px;
	line-height: 1.2em;
}
.modal-tab-page-sale-all-d-2{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:10px;
	text-align: center;
	padding-top:10px;
	line-height: 1.2em;
}
.ref-b{
	font-weight: 700;
}


.modal-big-badge{
	/*background:url(../img/SmallSubstrate.png) center center no-repeat;
	background-size:auto 100%;
	margin:10px auto;
	height:100px;
	width:180px;*/
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	padding:10px;
	background: #f1d583;
	border-radius: 100px;

}
.modal-big-badge .modal-box{
	padding:0;
}
.modal-big-badge .modal-box{
	display: flex;
	align-items: center;
}
.modal-big-badge .modal-box{
	border-bottom:0px;
}
/*
.modal-tab-page-sale-all .btn-mini{
	margin:0 auto;
}
.modal-tab-page-sale-all-h{
	font-family:'Raleway';
	font-size:16px;
	color:#785a13;
	font-weight: 700;
	line-height: 1em;
	text-align:center;
}*/

.modal-box-head{
	font-family:'Raleway';
	font-size:18px;
	color:#785a13;
	font-weight:700;
	font-size:14px;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: hidden;
	max-width: 100%;*/
}
.modal-box-head span{
	word-break: break-word;
}
.modal-box-head div{
	flex-shrink: 0;
}
/*
.modal-box-head span{
	max-width: 110px;
     text-overflow: ellipsis;
     overflow: hidden;
     word-wrap: break-word;
     white-space: nowrap;
}
.modal-tab-page-squads .modal-box-head span{
	max-width: 210px
}*/

.modal-box-decor-about{
    background: url(../img/SmallSubstrate.png) center center no-repeat;
    background-size: auto 100%;
    margin: 10px auto;
    height: 100px;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.modal-box-decor-info{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	line-height: 1.2em;
	background:#f3db95;
	padding:7px;
	border-radius:20px;
	display: none;
}
.modal-box-decor-info div{
	border:1px dashed #ceae4f;
	padding:10px;
	border-radius:13px;
}
.modal-box-decor-main-r-head{
	font-size:16px;
	color:#785a13;
	font-weight:700;
	line-height: 1.1em;
	margin-bottom:5px;
}
.modal-box-decor-main-r-head-2{
	font-size:12px;
}
.modal-box-decor-main-r-head span{
	/*background: linear-gradient(to right, #9245FF, #C56EFF);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;*/
}
.modal-box-decor-main-r-head-2 span{
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:14px;
}
.modal-box-decor-main-r-desc{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	line-height: 1.2em;
	margin-bottom:5px;
}
.modal-box-decor-main-r-desc-mb0{
	margin-bottom:0px;
}
.modal-box-decor-main-r-desc-2{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	line-height: 1.2em;
	margin-top:5px;
}
.modal-box-decor .modal-box{
	border-bottom:0;
	padding:7px 0;
}
.modal-box-decor .modal-box-i-big div {
    background-size: 50px auto;
}
.modal-box-head-place{
	display: flex;
	align-items: center;
	line-height: 1em;
	margin-bottom:5px;
}
.modal-box-head-place div{
	font-size:22px;
	margin-right:2px;
}
.modal-box-head-2{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	line-height: 1.2em;
}
.modal-box-head-3{
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:11px;
	line-height: 1.1em;
	padding-right:20px;
}
.modal-box-head-2-task{
	margin-bottom:3px;
}

.modal-tab-page-squads .modal-box-head, .modal-tab-page-mysquad .modal-box-head, .modal-tab-page-squads-squad .modal-box-head, .modal-tab-page-squads-100 .modal-box-head{
    line-height: 1em;
    font-size: 12px;
}

.modal-tab-page-squads-100 .modal-minitabs{
	/*align-items: center;
	justify-content: center;*/
	padding:0 20px;
}

.modal-content-shop .modal-minitabs{
	/*align-items: center;
	justify-content: center;*/
	padding:0 20px;
}


.modal-box-head-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
	font-size: 12px;
	font-family:'Raleway';
}
.modal-box-head-flex div{
    font-weight: 700;
    font-size: 14px;
}
.info-no{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	text-align: center;
	padding:20px;
	padding-top:40px;
}
.info-no-2{
	padding:20px;
	padding-bottom:0px;
}
.info-no-3{
	padding:0px;
}
.modal-content-new-ground-h{
	font-size:14px;
	padding-top:20px;
}
/*
.modal-box-season{
	width:100px;
	height:37px;
	background:url(../img/ValueBG.png) center center no-repeat;
	background-size:contain;
	margin-bottom:10px;
}*/
.modal-box-seasons{
	display: flex;
	margin-top:3px;
}
.modal-box-season{
	width:14px;
	height:14px;
	background:url(../img/Radio-bg.png) center center no-repeat;
	background-size:contain;
	margin-right:3px;
	position: relative;
	opacity:0.3;
}
.modal-box-season-a{
	opacity:1;
	position: relative;
}
.modal-box-season-a:before{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:4px;
	height:4px;
	border-radius:100px;
	background:#785a13;
	content:'';
}

.modal-box-price{
	display: flex;
	align-items: center;
}
.modal-box-price-c{
	justify-content: center;
	margin-bottom:10px;
}
.modal-box-prices{
	display: flex;
}
.modal-box-price-ml{
	margin-left:15px;
}
.modal-box-price-mlm{
	margin-left:10px;
}
.modal-box-price-mb{
	margin-bottom:15px;
}

.inline-coin{
	display: inline-block;
	margin-left:23px;
	position: relative;
}
/*
.inline-coin div{
	width:16px;
	height:16px;
	background:url(../img/coin-silver.png) center center no-repeat;
	background-size:contain;
	flex-shrink: 0;
	margin-right:3px;
}*/
.inline-coin div{
	position: absolute;
	left:-20px;
	top:0;
	bottom:0;
	margin:auto;
	background:url(../img/coin-silver.png) center center no-repeat;
	background-size:contain;
	width:16px;
	height:16px;
}
.inline-coin span{
	font-weight: 700;
}
.inline-coin-gold div{
	background-image:url(../img/coin-gold.png);
	background-image:url(../img/coin-gold.png);
}


.modal-box-price-img{
	width:18px;
	height:18px;
	background:url(../img/coin-silver.png) center center no-repeat;
	background-size:contain;
	flex-shrink: 0;
	margin-right:5px;
}
.modal-box-price-img-gold{
	background-image:url(../img/coin-gold.png?a);
}
.modal-box-price-img-gold{
	background-image:url(../img/coin-gold.png?b);
}
.modal-box-price-img-dollar{
	background-image:url(../img/MedalIcon.png);
}
.modal-box-price-img-sv{
	background-image:url(../img/EnergyIcon-3.png);
}
.modal-box-price-img-farm{
	background-image:url(../img/token.png);
}
.modal-box-price-img-delight{
	background-image:url(../img/delight-3.svg);
	margin-right:2px;
}
.modal-content-shop .modal-box-price-img-delight{
	background-image:url(../img/delight-2.svg);
	margin-right:2px;
}
.modal-box-price-img-drop{
	background-image:url(../img/drop.png);
	margin-right:2px;
}
.modal-box-price-img-steal{
	background-image:url(../img/grab.png?2);
	margin-right:2px;
}
.modal-box-price-img-santa{
	background-image:url(../img/gift-league.png?2);
	margin-right:2px;
}
.modal-box-price-head{
	font-family:'Raleway';
	color:#785a13;
	font-weight:400;
	font-size:12px;
	line-height: 1.2em;
	margin-right:5px;
}
.modal-box-price-coin{
	font-family:'Raleway';
	font-size:16px;
	color:#785a13;
	font-weight:400;
	font-size:14px;
}
.modal-box-price-coin-delight{
	/*color:#7222F4;
	font-family:'Dela Gothic One';
	font-weight:700;
	font-size:12px;*/
}


.sale-price{
	height:36px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 5px;
	font-family: 'Raleway';
	font-size:16px;
	color: #785a13;
	font-weight:700;
	position: relative;
	margin-left:10px;
}
.sale-price-timer{
	font-family: 'Raleway';
	font-size:14px;
	color: #db0c0c;
	font-weight:700;
}
.sale-price:before{
	position: absolute;
	left:0;
	top:3px;
	right:0;
	bottom:0;
	height:2px;
	background:#ff0000;
	opacity:0.7;
	transform: rotate(3deg);
	content:'';
	margin:auto;
}
.modal-box-price-mb{
	margin-bottom:5px;
}
.modal-content .btn-mid{
	margin:0 auto;
}

.modal-level{
	display: flex;
	align-items: center;
	margin-top:5px;
}
.modal-level-cnt{
	width:24px;
	height:24px;
	border-radius:100px;
	background:rgba(120,90,19,0.12);
	/*background:url(../img/Radio.png) center center no-repeat;
	background-size:contain;*/
	display: flex;
	align-items: center;
	justify-content: center;
	color:rgba(0,0,0,0.5);
	color:rgb(120,90,19);
	font-size:13px;
	font-weight: 700;
	font-family: 'Raleway';
	line-height: 1em;
	padding-bottom:2px;
}
/*
.modal-level-xp{
	width:100%;
	max-width:100px;
	border-radius:100px;
	background:rgba(120,90,19,0.12);
	height:6px;
	margin-left:5px;
	position: relative;
}
.modal-level-xp-{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	min-width: 8px;
	border-radius:100px;
	background:rgba(120,90,19,0.2);
}*/



.modal-level-xp{
	height:9px;
	border-radius:100px;
	background:rgba(255,255,255,1);
	width:100%;
	max-width:80px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05);
	position: relative;
	margin-left:5px;
	flex-shrink: 0;
}
.modal-level-xp-{
	position: absolute;
	left:2px;
	top:2px;
	bottom:2px;
	right:2px;
	background:#fff;
	border-radius: 100px;
}
.modal-level-xp- div{
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	background:#B2E065;
	border-radius: 100px;
	/*transition: 0.4s;*/
	width:0%;
	min-width:8px;
}





.top-table{
	position: absolute;
	left:20px;
	top:20px;
	right:20px;
	z-index:501;
	height:140px;
	max-width: 100%;
	width:400px;
	margin: 0 auto;
	background:url(../img/table.png) center top no-repeat;
	background:url(../img/table-2.png) center top no-repeat;
	background-size:contain;
	transform: translateY(-200px);
	transition: 0.4s;
	visibility: hidden;
}

.top-table-a{
	transform: translateY(0px);
	visibility: visible;
}
.top-table-info{
	position: absolute;
	left:0px;
	top:17px;
	right:0;
	width:170px;
	height:90px;
	margin: auto;
	font-size:14px;
	text-align: center;
	font-family:'Raleway';
	color:#fff;
	font-weight:700;
	line-height: 1.1em;

	display: flex;
	align-items: center;
	justify-content: center;
	top:8px;
	width:200px;
	height:50px;
}

.top-table-info-spy{
	display: flex;
	align-items: center;
}
.top-table-info-spy-img{
	width:30px;
	height:30px;
	background:#fff url() center center no-repeat;
	background-size:cover;
	border-radius:100px;
	margin-right:10px;
	flex-shrink: 0;
}

.top-table-info-plant{
	display: flex;
    align-items: center;
    justify-content: center;
}
.top-table-info-plant-img{
	width:44px;
	height:44px;
	background:url(../img/RoundSubstrate.png) center center no-repeat;
	background-size:contain;
	margin-right:10px;
	flex-shrink: 0;
	position: relative;
}
.top-table-info-plant-img div{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url() center center no-repeat;
	background-size:26px auto;
}
.top-table-info-plant-h{
	font-size: 14px;
     text-align: center;
     font-family: 'Raleway';
     color: #fff;
     font-weight: 700;
     line-height: 1em;
	display: flex;
	align-items: center;
}
.top-table-info-plant-h span{
	width:20px;
	height:20px;
	background:rgba(0,0,0,0.35);
	border-radius:100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left:4px;
}





.top-table .btn-sq{
	position: absolute;
	top:0px;
}
.top-table .btn-sq .btn-text div{
	background-size:20px auto;
}
.btn-top-table-left{
	left:20px;
}
.btn-top-table-right{
	right:20px;
}

.top-menu{
	position: absolute;
	left:10px;
	top:10px;
	right:10px;
	display: flex;
	z-index:500;
	align-items: flex-start;
	justify-content: space-between;
	transform: translateY(0px);
	transition: 0.6s;
	visibility: visible;
}
.top-menu-hide{
	transform: translateY(-120px);
	opacity: 0;
	visibility: hidden;
}
.top-menu-left{
	display: flex;
	/*align-items: center;*/
	width:100%;
	max-width: 100%;
     overflow: hidden;
}
.top-menu-right{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}
.top-menu-right-h{
	display: flex;
	align-items: center;
	margin-top:10px;
}
.top-menu-right-v{
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	position: absolute;
	right:0px;
	top:60px;
	z-index:500;
}
.top-menu-right-v .btn{
	margin-top:4px;
}
.top-menu-level{
	width:60px;
	height:60px;
	background:url(../img/Radio-big.png) center center no-repeat;
	background-size:contain;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right:10px;
	flex-shrink: 0;
	font-family: 'Titan One';
}
.top-menu-level span{
	font-size:28px;
	margin-bottom:5px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
}
.top-menu-left-r{
	width:100%;
	padding-right:10px;
}
.top-menu-progress{
	height:12px;
	border-radius:100px;
	background:rgba(255,255,255,1);
	width:100%;
	max-width:150px;
	margin-bottom:5px;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
	position: relative;
	margin-top:10px;
}
.top-menu-progress-in{
	position: absolute;
	left:2px;
	top:2px;
	bottom:2px;
	right:2px;
	background:#fff;
	border-radius: 100px;
}
.top-menu-progress-in div{
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	background:#B2E065;
	border-radius: 100px;
	/*transition: 0.4s;*/
	width:0%;
	min-width:8px;
}
.top-menu-coins{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	flex-wrap:wrap;
	gap:5px;
}
.top-menu-coin{
	display: inline-flex;
	align-items: center;
}
.top-menu-coin-img{
	width:20px;
	height:20px;
	background:url(../img/coin-silver.png) center center no-repeat;
	background-size:contain;
	flex-shrink: 0;
	margin-right:5px;
}
.top-menu-coin-gold{
	display: none;
	margin-top:2px;
}
.modal-profile-tarifs-box{
	display: none;
}
.top-menu-coin-gold .top-menu-coin-img{
	background-image:url(../img/coin-gold.png);
}
.top-menu-coin-delight{
}
.top-menu-coin-delight .top-menu-coin-img{
	background-image:url(../img/delight-2.svg);
	margin-right:2px;
}
.top-menu-coin-points{
	margin-top:5px;
}
.top-menu-coin-points .top-menu-coin-img{
	background-image:url(../img/EnergyIcon.png);
}
.top-menu-coin-cnt{
	font-size:20px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	font-family: 'Titan One';
}
.top-menu .btn-sq{
	margin-left:5px;
}


.btn-feed-op{
	opacity:0.5;
}



.tap-info{
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	transition:2s;
	opacity:1;
	width:150px;
	z-index:800;
	user-select: none;
	pointer-events: none;
}
.tap-info div{
	width:24px;
	height:24px;
	background:url() center center no-repeat;
	background-size:contain;
	flex-shrink: 0;
	margin-right:5px;
}
.tap-info span{
	font-size:14px;
	font-weight: 700;
	font-family:'Raleway';
	color:#fff;
}
.tap-info-a{
	transform: translateY(-80px);
	opacity: 0;
}

.flex-c{
	display: flex;
	align-items: center;
	gap:5px;
	justify-content: center;
}
.modal-content .flex-c .btn-mid{
	margin:0!important;
}
.flex-c-mt{
	margin-top:10px;
}

.bottom-menu{
	position: absolute;
	left:20px;
	bottom:50px;
	right:20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	z-index:500;
	transform: translateY(0px);
	transition: 0.4s;
}
.bottom-menu-hide{
	transform: translateY(120px);
	opacity: 0;
}
.bottom-menu .btn-desc{
	position: absolute;
	left:0;
	right:0;
	bottom:-20px;
	text-align: center;
	color:#fff;
	font-size:12px;
	font-family: 'Raleway';
	font-weight: 700;
}


.btn-santa{
    width: 60px;
    height: 60px;
    background: url(../img/Radio-big-red.png) center center no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex-shrink: 0;
    position: absolute;
    right:0;
    bottom:80px;
    display: none;
}
.btn-santa div{
	width:32px;
	height:32px;
	background:url(../img/santa.svg) center center no-repeat;
	background-size:contain;
	flex-shrink: 0;
	margin-bottom:5px;
}


.btn{
	position: relative;
	transform: scale(1);
	transition: 0.1s;
}
.btn img{
	height:70px;
}
.btn .btn-text{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom:8px;
}
.btn .btn-text .btn-text-div{
	width:28px;
	height:28px;
	background:url() center center no-repeat;
	background-size:contain;
	/*margin-right:5px;*/
}
.btn-mini-sq .btn-text .btn-text-div{
	width:16px;
	height:16px;
}
.btn-shop .btn-text div{
	margin-right:3px;
}
.btn-tasks .btn-text .btn-text-div{
	background-size:24px auto;
}
.btn-mute .btn-text .btn-text-div{
	background-size:20px auto;
	background-image:url(../img/SoundIcon-mute.png);
}
.btn-mute-a .btn-text .btn-text-div{
	background-size:20px auto;
	background-image:url(../img/SoundIcon.png);
}

.btn-crown .btn-text .btn-text-div{
	background-size:26px auto;
	background-image:url(../img/CrownIcon.png);
}


.btn-sale .btn-text .btn-text-div{
	width:30px;
	height:30px;
	background-size:30px auto;

}




.btn-tasks{
	position: relative;
}
.btn-cnt{
	position: absolute;
	min-width:22px;
	padding:0 5px;
	height:22px;
	background:red;
	right:-3px;
	top:-8px;
	border-radius: 100px;
	color:#fff;
	font-size:14px;
	font-family: 'Raleway';
	display: none;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}
.btn-cnt-a{
	display: flex;
}
/*
.btn .btn-text span{
	font-size:24px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
}*/
.elem{
	transition: transform 0.2s;
}
.elem-a{
	transform: scale(0.988);
	transform-origin:center bottom;
}
.btn-a{
	transform: scale(0.95);
}
.btn-sq{
	display: inline-block;
}
.btn-sq img{
	height:50px;
}
.btn-sq .btn-text{
	padding-bottom:5px;
}
.btn-sq .btn-text div{
	margin-right:0px;
	width:24px;
	height:24px;
}

.btn-top-menu-decor{
	display: none;
}
.mini-timer{
	min-width:48px;
	font-size:12px;
	color:#fff;
	text-shadow:0px 2px 6px rgba(0,0,0,0.5);
	text-align: center;
	display: none;
}
.btn-sale{
	display: none;
}

.btn-mid{
	width:123px;
	height:56px;
	position: relative;
}
.btn-mid img{
	height:56px;
	width:auto;
}
.btn-mid span{
	font-size:20px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:rgba(0,0,0,0.5);
}







.btn-decor-big{
	width:120px;
	height:55px;
	position: relative;
}
.btn-decor-big img{
	height:55px;
	width:auto;
}
.btn-decor-open{
	width:88px;
	height:40px;
	position: relative;
}
.btn-decor-open img{
	height:40px;
	width:auto;
}
.btn-decor-open .btn-text{
	padding-bottom:5px;
}
.btn-decor-big span{
	font-size:20px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:#fff;
}
.btn-decor-big .modal-box-price-coin{
	color:#fff;
	font-weight: 700;
}
.btn-decor-big .btn-text {
	justify-content: space-between;
	padding:0 13px;
	padding-bottom:8px;
}
.btn-decor-open span{
	/*font-size:20px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:#fff;*/

	line-height: 1em;
	font-family: 'Raleway';
	font-size:12px;
	font-weight: 700;
	color:#000;
	opacity:0.5;
}


/*
.btn-connect-wallet span{
	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:rgba(0,0,0,0.5);
}
.btn-connect-wallet .btn-text{
	padding-bottom:4px;
}

.btn-disconnect-wallet span{
	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:rgba(0,0,0,0.5);
}
.btn-disconnect-wallet .btn-text{
	padding-bottom:4px;
}*/

.btn-mt{
	margin-top:5px;
}
.modal-content .btn-mini{
	width:88px;
	height:40px;
	position:
}
.modal-content .btn-mini-sq{
	width:40px;
	height:40px;
	position:
}
.modal-content .btn-mini img{
	height:40px;
	width:auto;
}
.modal-content .btn-mini .btn-text{
	padding-bottom:3px;
}


.modal-content .btn-mini span{
	font-size:14px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.2px #5F5F5F;

	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:rgba(0,0,0,0.5);
}
.modal-content-plant .modal-box-plant .modal-box-head{
	font-size:18px;
}
.modal-content-plant .modal-box-plant .modal-box-head-2{
	font-size:14px;
}
.modal-content-sale{
}
.modal-box-price-old{
	align-items: center;
	justify-content: center;
	margin-bottom:5px;
	width:70px;
}
.modal-box-price-old .modal-box-price-coin{
	font-size:16px;
	font-weight:700;
	position: relative;
}
.modal-box-price-old .modal-box-price-coin:before{
	position: absolute;
	left:0;
	top:12px;
	right:0;
	height:2px;
	background:#ff0000;
	opacity:0.8;
	content:'';
	transform: rotate(10deg);
}
.modal-box-price-old-badge-{
	display: flex;
	align-items: center;
}
.modal-box-price-old-badge{
	background:#ff5757;
	color:#fff;
	font-family: 'Raleway';
	font-size:12px;
	-webkit-text-stroke:0;
	font-weight: 700;
	padding:2px 10px;
	border-radius: 100px;
}
.modal-content-sale .modal-box{
	padding-top:0;
	padding-bottom:10px;

	border-bottom:0;
}
.modal-content-sale .modal-box-i{
}
.modal-content-sale .modal-box-i div{
	background-size:40px auto;
}
.modal-content-sale-h{
	padding: 0 10px;
     text-align: center;
     color: #785a13;
     font-size: 14px;
}
.modal-content-sale-prices{
	display: flex;
	align-items: center;
	justify-content: space-around;
}


.modal-content-elem-info .modal-box{
	border-bottom:0;
}
.modal-content-elem-info .modal-box-i div{
	background-size:40px auto;
}
/*
.modal-content-elem-info .modal-box{
	padding-top:0;
	padding-bottom:10px;

	border-bottom:0;
}
.modal-content-elem-info .modal-box-i{
}

*/




.btn-sale-big{
	width:120px;
	height:55px;
	position: relative;
	margin:0 auto;
}
.btn-sale-big img{
	height:55px;
	width:auto;
}
.btn-sale-big span{
	font-size:20px;
	line-height: 1em;
	color:#fff;
	-webkit-text-stroke: 1.5px #5F5F5F;
	font-family: 'Raleway';
	font-size:14px;
	-webkit-text-stroke:0;
	font-weight: 700;
	color:#fff;
	position: relative;
}
.btn-sale-big span:before{
	position: absolute;
	left:0;
	top:6px;
	right:0;
	background:#ff0000;
	opacity:0.8;
	height:2px;
	content:'';
	transform: rotate(10deg);
}
.btn-sale-big .modal-box-price-coin{
	color:#fff;
	font-weight: 700;
	font-size:16px;
}
.btn-sale-big .btn-text {
	justify-content: center;
	padding:0 13px;
	padding-bottom:8px;
	gap:7px;
}


.modal-box-head-2-mb{
	margin-bottom:3px;
}
.modal-box-head-2-mt{
	margin-top:3px;
}
.btn-silver .modal-box-price-coin{
	color:rgba(0,0,0,0.5);
	font-weight: 700;
}
.btn-gold .modal-box-price-coin{
	color:rgba(0,0,0,0.5);
	color:#fff;
	font-weight: 700;
	font-size:12px;
}
.modal-box-price-vip{
	display: flex;
}
.modal-box-price-vip .modal-box-price-coin{
	color:rgba(0,0,0,0.5);
}

.btn-vip-active{
	line-height: 1.2em;
	margin-bottom:10px;
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:12px;
	line-height: 1.2em;
	display: none;
}

.btn-vip-d{
	font-size:11px;
	font-family:'Raleway';
	color:#785a13;
	font-weight: 700;
	padding-left:10px;
}



.btns-flex{
	display: flex;
}
.btns-flex .btn-silver{
	margin-right:5px;
}
.btns-flex-mt{
	margin-top:3px;
}
.btn-silver-op{
	opacity:0.6;
}
.modal-content-new-ground .btns-flex{
   align-items: center;
   justify-content: center;
}
.modal-content-new-ground .btns-flex .btn-mid {
    margin: 0 3px;
}


.wrap{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow-x: scroll;
	overflow-y: hidden;
	overscroll-behavior: none;
	scrollbar-width: none;
	z-index:2;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	display: flex;
	flex-direction: column;
}
.wrap::-webkit-scrollbar{
	display: none;
}
.wrap-{
	/*min-height:100vh;
	width:900px
	height:100vh;;*/
	height:100%;
	/*background:url(../img/bg.png);*/
	/*background:url(../img/bg.svg?2);
	background:url(../img/bg-2.jpg);
	background:url(../img/bg-3.jpg?2);*/
	/*background-size:100% 100%;*/
	position: relative;
	/*padding-top:410px;*/

	overflow: hidden;
}
.wrap-bg{
	/*height:100vh;*/
	height:100%;
	position: relative;
	z-index:2;
	/*background:#*/
	background:url() center bottom no-repeat;
	background-size:contain;
}

.sky{
	background:linear-gradient(to bottom, #92CBE8, #C2E7F7);
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:24%;
	z-index:1;
	max-width:100%;
	overflow: hidden;
	display: flex;
}
.clouds{
	position: fixed;
	left:0;
	top:0;
	/*right:0;*/
	height:24%;
	z-index:2;
	/*max-width:100%;*/
	overflow: hidden;
	display: flex;
}
.clouds-1{
	height:80%;
	animation: clouds-1-anim 150s infinite linear;
}
.clouds-2{
	height:80%;
	animation: clouds-1-anim 150s infinite linear;
}
@keyframes clouds-1-anim {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes clouds-2-anim {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}

.farm-cow-milk{
	position:absolute;
	background:url(../img/milk.png) center center no-repeat;
	background-size:contain;
	z-index:14;
	display: none;
}
.farm-cow-milk-a{
	background-image:url(../img/milk-full.png);
}


.farm-pig-plate{
	position:absolute;
	background:url(../img/pig-plate.png) center center no-repeat;
	background-size:contain;
	z-index:14;
	display: none;
}
.farm-pig-tap{
	position:absolute;
	z-index:15;
	display: none;
}
/*.farm-pig-plate-full{
	position:absolute;
	background:url() center bottom no-repeat;
	background-size:contain;
	z-index:15;
	display: none;
}
.farm-pig-plate-full-1{
	background-image:url(../img/plate-7.png);
}
.farm-pig-plate-a{
	background-image:url(../img/milk-full.png);
}*/

.farm-chicken{
	position:absolute;
	display: none;
	z-index:15;
}
.farm-chicken-eggs{
	position:absolute;
	background:url(../img/nest.png) center center no-repeat;
	background-size:contain;
	z-index:14;
	display: none;
}
.farm-chicken-eggs div{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url() center center no-repeat;
	background-size:contain;
}
.farm-chicken-eggs-a div{
	background-image:url(../img/nest-egg.png);
}

.farm-pig{
	width:170px;
	height:170px;
	position:absolute;
	right:0px;
	top:270px;
}


.farm-dog{
	position:absolute;
	display: none;
	z-index:15;
}
.farm-cow{
	position:absolute;
	display: none;
	z-index:15;
}
.farm-flamingo{
	position:absolute;
	display: none;
	z-index:15;
}
.farm-pig{
	position:absolute;
	display: none;
	z-index:10;
}



.box-forest{
	display: none;
	padding:0 20px;
}
.elem{
	position:absolute;
	z-index:15;
	background:url() center center no-repeat;
	background-size:contain;
}
.elem-forest{
	z-index:16;
	display: none;
}
.elem-house{
	/*background-image:url(../img/decor/default-house.png);*/
}
.elem-house-dog{
	/*background-image:url(../img/decor/default-house-dog.png);*/
	z-index:14;
}
.elem-cattle{
	/*background-image:url(../img/decor/default-cattle.png);*/
	z-index:12;
}
.elem-tree{
	/*background-image:url(../img/decor/default-tree.png);*/
	z-index:16;
	transition: 0s;
	background-position: left bottom;
}
.elem-gardener{
	display: none;
}
.elem-gardener lottie-player{
}
.elem-gardener-tree{
	background:url(../img/gardener-tree.png) left center no-repeat;
	background-size:contain;
	z-index:14;
}


.tiles{
	/*margin-top:400px;*/
	margin-left:20px;
	position: absolute;
	left:20px;
	top:53.5%;
	z-index:2;
	background:rgba(0,0,0,0.5);
	opacity: 0;
	transition:0.4s;
}
.tiles-a{
	opacity:1;
}
.tile{
	width:120px;
	height:64px;
	position: absolute;
	left:0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	z-index: 1;
	/*background:url(../img/grass.png) center center no-repeat;
	background-size:80% auto;*/
	background:url(../img/land-green-2.png) center center no-repeat;
	background-size:100% 100%;
}
.tile-obj{
	position: absolute;
	left:0;
	right:0;
	bottom:5px;
	width:100px;
	height:100px;
	z-index:290;
	margin:auto;
	background:url() center bottom no-repeat;
	background-size:contain;

}
.tile-plant-0 .tile-obj{
	background-image:url(../img/plants/plant-seed-2.png);
}


.tile-plant-carrot.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-carrot-1.png);
}
.tile-plant-carrot.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-carrot-2.png);
}
.tile-plant-carrot.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-carrot-off.png);
}


.tile-plant-wheat.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-wheat-1.png);
}
.tile-plant-wheat.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-wheat-2.png);
}
.tile-plant-wheat.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-wheat-3.png);
}
.tile-plant-wheat.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-wheat-off.png);
}

.tile-plant-watermelon.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-watermelon-1.png?2);
}
.tile-plant-watermelon.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-watermelon-2.png?2);
}
.tile-plant-watermelon.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-watermelon-3.png);
}
.tile-plant-watermelon.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-watermelon-off.png);
}

/*
.tile-plant-rose.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-rose-1.png?2);
}
.tile-plant-rose.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-rose-2.png);
}
.tile-plant-rose.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-rose-done.png);
}
.tile-plant-rose.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-rose-off.png);
}*/

.tile-plant-rose.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-rose-1.png?3);
}
.tile-plant-rose.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-rose-2.png?3);
}
.tile-plant-rose.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-rose-3.png?3);
}
.tile-plant-rose.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-rose-4.png?3);
}

.tile-plant-pepper.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-pepper-1.png);
}
.tile-plant-pepper.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-pepper-2.png);
}
.tile-plant-pepper.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-pepper-3.png);
}
.tile-plant-pepper.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-pepper-4.png);
}



.tile-plant-ukrop.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-ukrop-1.png);
}
.tile-plant-ukrop.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-ukrop-2.png);
}
.tile-plant-ukrop.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-ukrop-off.png);
}

.tile-plant-rukk.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-rukk-1.png);
}
.tile-plant-rukk.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-rukk-2.png);
}
.tile-plant-rukk.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-rukk-off.png);
}


.tile-plant-arugula.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-arugula-1.png);
}
.tile-plant-arugula.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-arugula-2.png);
}
.tile-plant-arugula.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-arugula-off.png);
}

.tile-plant-tomato.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-tomato-1.png);
}
.tile-plant-tomato.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-tomato-2.png);
}
.tile-plant-tomato.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-tomato-3.png);
}
.tile-plant-tomato.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-tomato-4.png);
}


.tile-plant-cabbage.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-cabbage-1.png);
}
.tile-plant-cabbage.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-cabbage-2.png);
}
.tile-plant-cabbage.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-cabbage-3.png);
}
.tile-plant-cabbage.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-cabbage-4.png);
}


.tile-plant-cucumber.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-cucumber-1.png);
}
.tile-plant-cucumber.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-cucumber-2.png);
}
.tile-plant-cucumber.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-cucumber-3.png);
}
.tile-plant-cucumber.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-cucumber-4.png);
}



.tile-plant-apple.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-apple-1.png?2);
}
.tile-plant-apple.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-apple-2.png?2);
}
.tile-plant-apple.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-apple-3.png?2);
}
.tile-plant-apple.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-apple-4.png?2);
}


.tile-plant-pumpkin.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-pumpkin-1.png);
}
.tile-plant-pumpkin.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-pumpkin-2.png);
}
.tile-plant-pumpkin.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-pumpkin-3.png);
}
.tile-plant-pumpkin.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-pumpkin-4.png);
}


.tile-plant-blueberry.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-blueberry-1.png);
}
.tile-plant-blueberry.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-blueberry-2.png);
}
.tile-plant-blueberry.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-blueberry-3.png);
}

.tile-plant-strawberry.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-strawberry-1.png);
}
.tile-plant-strawberry.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-strawberry-2.png);
}
.tile-plant-strawberry.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-strawberry-3.png);
}
.tile-plant-strawberry.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-strawberry-4.png);
}


.tile-plant-eggplant.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-eggplant-1.png);
}
.tile-plant-eggplant.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-eggplant-2.png);
}
.tile-plant-eggplant.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-eggplant-3.png);
}
.tile-plant-eggplant.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-eggplant-4.png);
}


.tile-plant-peas.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-peas-1.png?2);
}
.tile-plant-peas.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-peas-2.png?2);
}
.tile-plant-peas.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-peas-3.png?2);
}
.tile-plant-peas.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-peas-4.png?2);
}


.tile-plant-pattypan.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-pattypan-1.png);
}
.tile-plant-pattypan.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-pattypan-2.png);
}
.tile-plant-pattypan.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-pattypan-3.png);
}
.tile-plant-pattypan.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-pattypan-4.png);
}


.tile-plant-fir.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-fir-1.png);
}
.tile-plant-fir.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-fir-2.png);
}
.tile-plant-fir.tile-plant-3 .tile-obj{
	background-image:url(../img/plants/plant-fir-3.png);
}
.tile-plant-fir.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-fir-4.png);
}
.tile-plant-fir.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-fir-5.png);
}


.tile-plant-corn.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-corn-1.png);
}
.tile-plant-corn.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-corn-2.png);
}
.tile-plant-corn.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-corn-3.png);
}
.tile-plant-corn.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-corn-4.png);
}


.tile-plant-lemon.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-lemon-1.png);
}
.tile-plant-lemon.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-lemon-2.png);
}
.tile-plant-lemon.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-lemon-3.png);
}
.tile-plant-lemon.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-lemon-4.png);
}

.tile-plant-grape.tile-plant-1 .tile-obj{
	background-image:url(../img/plants/plant-grape-1.png);
}
.tile-plant-grape.tile-plant-2 .tile-obj{
	background-image:url(../img/plants/plant-grape-2.png);
}
.tile-plant-grape.tile-plant-done .tile-obj{
	background-image:url(../img/plants/plant-grape-3.png);
}
.tile-plant-grape.tile-plant-off .tile-obj{
	background-image:url(../img/plants/plant-grape-4.png);
}

/*.tile-plant-end .tile-obj{
	background-image:url(../img/plant-end.png);
}*/
.tile-glow-a{
	position: absolute;
	left:0;
	right:0;
	width:120px;
	height:64px;
	z-index:295;
     clip-path:polygon(0 50%, 50% 100%,100% 50%,50% 0);
	overflow: hidden;
	flex-shrink: 0;
}

.tile-glow-a:after{
	content:'';
  	top:0;
	transform:translateX(100%);
	width:100%;
	height:220px;
	position: absolute;
	z-index:1;
	animation: slide 1s infinite;
  	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
}


@keyframes slide {
	0% {transform:translateX(-70%);}
	100% {transform:translateX(70%);}
}
.tile-tap{
	position: absolute;
	left:0px;
	top:0px;
	width:70px;
	height:55px;
	border-radius:1000px;
	z-index:300;
	/*
	background:red;
	opacity:0.5;*/
}
.tile-ground{
	background-image:url(../img/land-normal2.png);
}

.tile-dry{
	background-image:url(../img/land-normal2.png);
}
.tile-dry:before{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	content:'';
	background:url(../img/land-dry.png) center bottom no-repeat;
	background-size:contain;
	transition:1.8s;
	opacity:1;
}
.tile-dry-a:before{
	opacity:0;
}
.tile-new .tile-obj{
	background-image:url(../img/new-land.png);
	background-size:auto 60px;
	background-position: center 15px;
}
.tile-watering{
	width:100px;
	height:100px;
	left:0;
	top:0;
	position: absolute;
	z-index:400;
	opacity:0;
	visibility: hidden;
	transition:opacity 0.2s, visibility 0.2s;
}
.tile-watering-a{
	opacity:1;
	visibility: visible;
}
.tile-spray{
	width:150px;
	height:150px;
	left:0;
	top:0;
	position: absolute;
	z-index:400;
	opacity:0;
	visibility: hidden;
	transition:opacity 0.2s, visibility 0.2s;
}
.tile-spray-a{
	opacity:1;
	visibility: visible;
}


.wrap-ground{
	position:absolute;
	left:0px;
	width:660px;
	height:360px;
	top:-100px;
	background:url(../img/wrap-ground.png) center center no-repeat;
	background-size:contain;
	transform: scale(1.15);
	/*background:url(../img/wrap-ground.png) left top no-repeat;
	background-size:100% 100%;
	transform: scale(1.15);
	left:-40px;
	top:-110px;
	width:750px;
	height:387px;
	background:url(../img/wrap-ground.png) left top no-repeat;
	background-size:100% auto;
	z-index:10;*/
}

/*
.wrap-ground{
	position:absolute;
	left:0;
	top:0;
	width:660px;
	height:360px;
	top:-100px;
	background:url(../img/wrap-ground.png) left top no-repeat;
	background-size:100% 100%;
	transform: scale(1.15);
	left:-40px;
	top:-110px;
	width:750px;
	height:387px;
	background:url(../img/wrap-ground.png) left top no-repeat;
	background-size:100% auto;
	z-index:10;
}*/


/*
.noty{
	position:fixed;
	right:20px;
	top:-30px;
	left:20px;
     opacity:0;
     transition:top 0.5s, opacity 0.5s;
     z-index:5000;
	text-align: center;
	pointer-events: none;
	user-select: none;
}
.noty div{
	background: linear-gradient(to bottom, #D8AC66, #B1844B);
	border-radius:20px;
	display:inline-block;
	color:#fff;
	padding:14px 20px;
	font-size:14px;
	font-family:'Raleway';
	color:#fff;
	font-weight:400;
     box-shadow:0 20px 20px rgba(59,149,255,0.15);
     cursor:arrow;
}
.noty-show{
	top:20px;
	opacity:1;
     cursor:pointer;
}*/


.noty{
	position: absolute;
	left:20px;
	bottom:90px;
	right:20px;
	z-index:501;
	height:80px;
	background:url(../img/table.png) center top no-repeat;
	background:url(../img/table-2.png) center top no-repeat;
	background-size:contain;
	transition: 0.4s;
	visibility: hidden;
	user-select: none;
     opacity:0;
     transition:0.5s;
     z-index:5000;
}
.noty-show{
	visibility: visible;
	opacity:1;
	bottom:140px;
}
.noty div{
	position: absolute;
	left:0px;
	top:17px;
	right:0;
	width:170px;
	height:90px;
	margin: auto;
	font-size:12px;
	text-align: center;
	font-family:'Raleway';
	color:#fff;
	font-weight:700;
	line-height: 1.1em;

	display: flex;
	align-items: center;
	justify-content: center;
	top:8px;
	width:200px;
	height:50px;
}









.box-wheel{
	background:linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(255,255,255,0.08));
	border-radius:35px;
	padding:30px;
	padding-right:15px;
	position: relative;
	/*width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;*/
	margin-top:10px;
	overflow: hidden;
	font-family: 'Raleway';
}
.box-wheel-l{
	position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     z-index: 1;
	border-radius:30px 0 0 30px;
	overflow: hidden;
}
.box-wheel-r{
	padding-left:95px;
}
.box-wheel-h{
	font-weight: 700;
	font-size:22px;
	line-height: 1.2em;
	margin-bottom:10px;
	font-family:'Raleway';
	color:#785a13;
	font-weight:700;
	font-size:16px;
	line-height: 1.2em;
}
.box-wheel-d{
	font-weight: 200;
	font-size:14px;
	margin-bottom:20px;
	font-family:'Raleway';
	color:#785a13;
	line-height: 1.3em;
}



.box-wheel-btn, .mini-btn{
	background:rgba(255,255,255,0.04);
	padding:10px 10px;
	font-weight: 200;
	text-align: center;
	width:100%;
	border-radius: 15px;
	font-size:14px;
	color:rgba(255,255,255,0.5);
	position: relative;
	overflow: hidden;
}
.box-wheel-btn-a{
	opacity:1;
	background:linear-gradient(to bottom, rgba(59, 149, 255, 0.2), rgba(59, 149, 255, 1));
	color:#fff;
	font-weight: 600;
	box-shadow: 0px 20px 30px 0px rgba(59, 149, 255, 0.2);
}
.box-wheel-btn-a:before, .mini-btn:before{
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:linear-gradient(210deg, rgba(80, 255, 223, 0.77), rgba(80, 255, 223, 0.04), rgba(80, 255, 223, 0));
	background: linear-gradient(210deg, rgb(138 201 255), rgb(80 145 255 / 64%), rgba(80, 255, 223, 0));
	content:'';
	z-index: 1;
	border-radius: 15px;
}
.box-wheel-btn > span{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index:2;
}
.box-wheel-timer{
	margin-left:3px;
}

.widget-wheel-wrap{
	position: relative;
     width: 200px;
     height: 200px;
     left: -100px;
     background:rgba(255,255,255,0.1);
     border-radius: 1000px;
	box-shadow: 0px 0px 60px 0px rgba(255, 59, 59, 0.2);
}
.widget-wheel-center{
    position: absolute;
    width: 20%;
    height: 20%;
    left: 40%;
    top: 40%;
    background: #ffffff;
    border-radius: 1000px;
    z-index: 100;
    box-shadow: -1px 1px 7px #888;
}
.widget-wheel-center:before{
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:20px;
	height:20px;
	border-radius:1000px;
	content:'';
	background:#fff;
}
.widget-wheel-arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 20px 7px 0;
	border-color: transparent #fff transparent transparent;
	-webkit-filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.2));
     filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.2));
	position:absolute;
	right:-8px;
	top:0;
	bottom:0;
	margin:auto;
	z-index:100;
}
.widget-wheel{
	width: 100%;
	height: 100%;
	position: relative;
	animation-duration: 2.5s;
	animation-duration: 6.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	transform: rotate(-22.5deg);
}









.widget-wheel-wrap * {
    box-sizing: border-box;
    line-height: 1;
    text-align: left;
}

.widget-wheel-outer, .widget-wheel-dots{
	position: absolute;
	width: 100%;
	height: 100%;
}
.widget-wheel-outer > div, .widget-wheel-dots > div{
    position: absolute;
    width: 12px;
    height: 10px;
    margin: -5px 0 0 -6px;
    border-radius: 10px 0 0 10px;
    z-index: 0;
}
.widget-wheel-outer > div{
    background-color: #D6D6D5;
}
.widget-wheel-outer .widget-wheel-slice-1, .widget-wheel-dots .widget-wheel-slice-1{
    top: 100%;
    left: 50%;
    transform: rotate(-90deg);
}
.widget-wheel-outer .widget-wheel-slice-2, .widget-wheel-dots .widget-wheel-slice-2{
    top: 85.355%;
    left: 14.645%;
    transform: rotate(-45deg);
}
.widget-wheel-outer .widget-wheel-slice-3, .widget-wheel-dots .widget-wheel-slice-3{
    top: 50%;
    left: 0%;
}
.widget-wheel-outer .widget-wheel-slice-4, .widget-wheel-dots .widget-wheel-slice-4{
    top: 14.645%;
    left: 14.645%;
    transform: rotate(45deg);
}
.widget-wheel-outer .widget-wheel-slice-5, .widget-wheel-dots .widget-wheel-slice-5{
    top: 0%;
    left: 50%;
    transform: rotate(90deg);
}
.widget-wheel-outer .widget-wheel-slice-6, .widget-wheel-dots .widget-wheel-slice-6{
    top: 14.645%;
    left: 85.355%;
    transform: rotate(135deg);
}
.widget-wheel-outer .widget-wheel-slice-7, .widget-wheel-dots .widget-wheel-slice-7{
    top: 50%;
    left: 100%;
    transform: rotate(180deg);
}
.widget-wheel-outer .widget-wheel-slice-8, .widget-wheel-dots .widget-wheel-slice-8{
    top: 85.355%;
    left: 85.355%;
    transform: rotate(225deg);
}
.widget-wheel-dots {
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    margin: 9px;
}
.widget-wheel-dots > div {
    height: 8px;
    width: 8px;
    z-index: 100;
    background-color: #D6D6D5;
    border-radius: 50%;
    margin: -4px 0 0 -4px;
}

.widget-wheel-inner {
	position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 0px solid #FFF;
    background:url(../img/wheel-big3.webp) center center no-repeat;
    background-size:contain;
}



.widget-wheel-inner .widget-wheel-part{
    position: absolute;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.widget-wheel-inner .widget-wheel-part > div {
    position: absolute;
    width: 200%;
    height: 100%;
}
.widget-wheel-inner .widget-wheel-part ~ .widget-wheel-part {
    left: 50%;
}
.widget-wheel-inner .widget-wheel-part ~ .widget-wheel-part > div {
    left: -100%;
}
/*
.widget-wheel-inner .widget-wheel-slice-1{
    background-image: linear-gradient(-45deg, transparent 50%, transparent 50%), linear-gradient(-90deg, transparent 50%, #76071f 50%);
}*/
.widget-wheel-inner .widget-wheel-slice-1:before {
    left: 50%;
    top: 0;
}

/*
.widget-wheel-inner .widget-wheel-slice-2 {
    background-image: linear-gradient(0deg, transparent 50%, transparent 50%), linear-gradient(-45deg, transparent 50%, #a61635 50%);
}
.widget-wheel-inner .widget-wheel-slice-3 {
    background-image: linear-gradient(45deg, transparent 50%, transparent 50%), linear-gradient(0deg, transparent 50%, #76071f 50%);
}
.widget-wheel-inner .widget-wheel-slice-4 {
    background-image: linear-gradient(90deg, transparent 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #a61635 50%);
}
.widget-wheel-inner .widget-wheel-slice-5 {
    background-image: linear-gradient(135deg, transparent 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #76071f 50%);
}
.widget-wheel-inner .widget-wheel-slice-6 {
    background-image: linear-gradient(180deg, transparent 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #a61635 50%);
}
.widget-wheel-inner .widget-wheel-slice-7 {
    background-image: linear-gradient(225deg, transparent 50%, transparent 50%), linear-gradient(180deg, transparent 50%, #76071f 50%);
}
.widget-wheel-inner .widget-wheel-slice-8 {
    background-image: linear-gradient(270deg, transparent 50%, transparent 50%), linear-gradient(225deg, transparent 50%, #a61635 50%);
}*/





.widget-wheel-text {
    position: absolute;
    z-index: 30;
    transform-origin: 0 0;
    width: 50%;
}
.widget-wheel-text span {
    position: absolute;
    transform: translateY(-50%) rotate(180deg);
    text-align: center;
    display: block;
    width: 100%;
    padding: 0 8% 1% 36%;
    box-sizing: border-box;
    font-size: 11px;
    font-weight:bold;
    padding-right:10%;
    color:rgba(0,0,0,0.5);

}
.widget-wheel-text-1 {
    left: 30.7%;
    top: 96.3%;
    transform: rotate(-67.5deg);
}
.widget-wheel-text-2 {
    left: 3.5%;
    top: 69.1%;
    transform: rotate(-22.5deg);
}
.widget-wheel-text-3 {
    left: 3.4%;
    top: 30.5%;
    transform: rotate(22.5deg);
}
.widget-wheel-text-4 {
    left: 30.9%;
    top: 3.2%;
    transform: rotate(67.5deg);
}
.widget-wheel-text-5 {
    left: 69.4%;
    top: 3.5%;
    transform: rotate(112.5deg);
}
.widget-wheel-text-6 {
    left: 96.3%;
    top: 30.9%;
    transform: rotate(157.5deg);
}
.widget-wheel-text-7 {
    left: 96.5%;
    top: 69.3%;
    transform: rotate(202.5deg);
}
.widget-wheel-text-8 {
    left: 69.2%;
    top: 96.6%;
    transform: rotate(247.5deg);
}



/*
@keyframes anim-spin-onload{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(337.5deg);
	}
}
*/
.widget-wheel-wait{
	animation: anim-spin-onload 20s infinite linear;
}
@keyframes anim-spin-onload{
	0% {
    transform:rotate(0deg);
    }
	100% {
    transform:rotate(360deg);
    }
}

@keyframes anim-spin-4{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(1192.5deg);
	}
}
@keyframes anim-spin-3{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(1237.5deg);
	}
}
@keyframes anim-spin-2{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(922.5deg);
	}
}
@keyframes anim-spin-1{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(967.5deg);
	}
}
@keyframes anim-spin-8{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(1012.5deg);
	}
}
@keyframes anim-spin-7{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(1057.5deg);
	}
}
@keyframes anim-spin-6{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(1102.5deg);
	}
}
@keyframes anim-spin-5{
	from{
		transform: rotate(-22.5deg);
	}
	to{
		transform: rotate(1147.5deg);
	}
}

/*
.widget-wheel-inner .widget-wheel-slice-1{
     background-image: linear-gradient(-45deg, transparent 50%, transparent 50%), linear-gradient(-90deg, transparent 50%, #FF5E5E 50%);
}
.widget-wheel-inner .widget-wheel-slice-2{
	background-image: linear-gradient(0deg, transparent 50%, transparent 50%), linear-gradient(-45deg, transparent 50%, #cd5252 50%);
}
.widget-wheel-inner .widget-wheel-slice-3{
	background-image: linear-gradient(45deg, transparent 50%, transparent 50%), linear-gradient(0deg, transparent 50%, #FF5E5E 50%);
}
.widget-wheel-inner .widget-wheel-slice-4{
	background-image: linear-gradient(90deg, transparent 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #cd5252 50%);
}
.widget-wheel-inner .widget-wheel-slice-5{
	background-image: linear-gradient(135deg, transparent 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #FF5E5E 50%);
}
.widget-wheel-inner .widget-wheel-slice-6{
	background-image: linear-gradient(180deg, transparent 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #cd5252 50%);
}
.widget-wheel-inner .widget-wheel-slice-7{
	background-image: linear-gradient(225deg, transparent 50%, transparent 50%), linear-gradient(180deg, transparent 50%, #FF5E5E 50%);
}
.widget-wheel-inner .widget-wheel-slice-8{
	background-image: linear-gradient(270deg, transparent 50%, transparent 50%), linear-gradient(225deg, transparent 50%, #cd5252 50%);
}*/
.widget-wheel-text span {
	color: #FFFFFF;
	color: rgba(0,0,0,0.7);
}








.modal-content-tasks{
	/*padding-top:130px;*/
}

.modal-content-tasks .modal-boxes{
	padding:0 20px;
}
.modal-content-shop .modal-boxes{
	padding:0 20px;
}
.modal-tab-page-stars{
	padding:0 20px;
}


.modal-boxes-p{
	padding:0 20px;
}

.widget-line .widget-wheel-arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 20px 5px 0;
	border-color: transparent #fff transparent transparent;
	-webkit-filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.2));
     filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.2));
	position:absolute;
	right:-8px;
	top:0;
	bottom:0;
	margin:auto;
	z-index:100;
}


.modal-content-tasks .modal-boxes-1{
	margin-top:10px;
}



.widget-l-line{
	/*position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index: 1;
	width:280px;

	top:0;
	left:0;
	bottom:auto;
	z-index: 1;
	width:auto;
	height:120px;*/
	margin-bottom:10px;
	height:120px;
	/*position:absolute;
	top:50px;
	left:13px;
	right:13px;*/
	position: relative;
	z-index: 1;


	overflow: hidden;

	/*
	max-width:1000px;
	overflow: hidden;
	margin-top:20px;
	display: none;

	z-index: 1;


	max-width:1000px;
	overflow: hidden;
	top:100px;
	position: absolute;
	z-index:5;*/
}
.widget-line .boxes-wrap{
	/*position:absolute;
	top:0;
	left:20px;
	bottom:0;
	right:0;*/
}
.widget-line .boxes-wrap-go{
	transition:3s cubic-bezier(.25,.64,.28,1);
	transform: translateY(0);
}
.widget-line .box{
	padding:10px 0;
}
.widget-line .box-inner-img{
	width:150px;
	height:100px;
	background:#ddd;
	border-radius:25px;
	position: relative;
	overflow: hidden;
	background: #ddd url() center center;
	background-size: cover;
	background:url(../img/box.png) center center no-repeat;
	background-size:cover;
}
.widget-line .box-inner-img .box-inner-img-footer{
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	padding:20px;
	padding-top:40px;
	padding-bottom:12px;
	text-align: left;
	font-size:14px;
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(100,66,20,1));
	color:#fff;
	font-family: 'Raleway';
	font-size:12px;
	font-weight:700;
	text-align: center;
	z-index:9;
}
.widget-line .box-inner-img .box-inner-img-pic{
	width: 50px;
     height: 50px;
     background: url(../img/RoundSubstrate.png) center center no-repeat;
     background-size: contain;
     position: absolute;
	left:0;
	bottom:25px;
	right:0;
	top:0;
	margin:auto;
	z-index:10;
}
.widget-line .box-inner-img .box-inner-img-pic-{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url() center center no-repeat;
    background-size: 26px auto;
}




.widget-line .boxes-hide{
	display: none;
}
.widget-line .boxes-anim{
     animation: scroll 20s linear infinite;
	transition: 1s;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}


.widget-line .boxes-wrap-go{
	display: flex;
}
.widget-line .boxes-wrap{
	/*position:absolute;
	top:0px;
	left:0px;
	right:0;
	overflow: hidden;*/
}
.widget-line .boxes{
	display: flex;
}
.widget-line .box{
	width:150px;
	height:100px;
	flex-shrink: 0;
	margin-right:20px;
}

.widget-line .widget-l{

}
.widget-line .widget-l-line{

}

.btn-tasks-spin-stars span{
	color:#fff;
}
.btn-tasks-spin-stars .modal-box-price-coin{
	color:#fff;
	font-weight: 700;
}
.btn-tasks-spin-stars .modal-box-price-img{
	margin-right:2px;
}
.btn-tasks-spin-stars .modal-box-price{
	margin-left:5px;
}
.btn-tasks-spin-wait span{
	color:rgba(255,255,255,0.5);
}
.btn-tasks-spin-op{
	opacity:0.5;
}

.btn-tasks-spin-stars-flex{
	display: flex;
	width:100%;
	align-items: center;
	justify-content: space-around;
}
.btn-spin-stars-steps{
	color:#785a13;
	font-size:12px;
	text-align: center;
	width:70px;
}
.btn-spin-stars-steps span{
	color:#785a13;
	font-size:12px;
	font-family: 'Dela Gothic One';
}
.btn-tasks-spin-stars-flex .btn-mid{
	margin:0;
}
.btn-spin-stars-steps-h{
	color:#785a13;
	font-size:10px;
	text-align: center;
	font-family: 'Raleway';
	line-height: 1em;
}
.btn-spin-stars-steps .btn-spin-stars-steps-timer{
	font-size:10px;
}


.modal-boxes-ref-levels .modal-box-head-flex div{
	font-size:12px;
}
.modal-boxes-ref-levels .modal-box-price-coin{
	font-weight:700;
}



.widget-l-line .widget-wheel-arrow{
	left:0px;
	right:0;
	bottom:0;
	top:auto;
	margin:auto;
	/*transform:rotate(90deg);*/
	border-width: 0 10px 20px 10px;
	border-color: white #fff0 white #ffffff00;
}



@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}




.gift{
	position:absolute;
	z-index:501;
	width: 100px;
     height: 100px;
	cursor:pointer;
	background:url(../img/gift-2.png) center center no-repeat;
	background-size:contain;
	/*transform-origin: right bottom;*/
	outline: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	bottom:40px;
	visibility: hidden;
	opacity:0;
	transition: 0.3s;
	right:80px;
	margin:auto;
}
.gift-a{
	animation: gift-1 3s infinite;
	opacity:1;
	visibility: visible;
}
@keyframes gift-1 {
  0% { transform: translateX(0) }
  30% { transform: translateY(-5px) }
  35% { transform: translateY(-5px) rotate(5deg) }
  45% { transform: translateY(-5px) rotate(-5deg) }
  55% { transform: translateY(-5px) rotate(5deg) }
  65% { transform: translateY(-5px) rotate(-5deg) }
  100% { transform: translateY(0) rotate(0) }
}




.wrap-bg{
	background-image:url(../img/decor/new/default-bg.png);
}
.body-vpn-false .wrap-bg{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/default-bg.png?2);
}
.elem-house{
	background-image:url(../img/decor/new/default-house.png);
}
.body-vpn-false .elem-house{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/default-house.png?2);
}
.elem-house-dog{
	background-image:url(../img/decor/new/default-house-dog.png);
}
.body-vpn-false .elem-house-dog{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/default-house-dog.png?2);
}
.elem-mill{
	background-image:url(../img/decor/new/default-mill.png);
}
.body-vpn-false .elem-mill{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/default-mill.png?2);
}



.body-theme--theme_newyear .wrap-bg{
	background-image:url(../img/decor/new/newyear-bg.png?3);
}
.body-vpn-false.body-theme--theme_newyear .wrap-bg{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-bg.png?2);
}
.body-theme--theme_newyear .elem-house{
	background-image:url(../img/decor/new/newyear-house.png?2);
}
.body-vpn-false.body-theme--theme_newyear .elem-house{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-house.png?2);
}
.body-theme--theme_newyear .elem-house-dog{
	background-image:url(../img/decor/new/newyear-house-dog.png?2);
}
.body-vpn-false.body-theme--theme_newyear .elem-house-dog{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-house-dog.png?2);
}
.body-theme--theme_newyear .sky{
	background:linear-gradient(to bottom, #A9A892, #BAB8A8);
	background: linear-gradient(to bottom, #9bc6db, #d6e5ed);
	background: linear-gradient(to bottom, #BFC9D0, #E7F3FA);
	background: linear-gradient(to bottom, #b9ced5, #e9eaeb);
}
body.body-theme--theme_newyear{
	background:#b9ced5;
}
.body-theme--theme_newyear .tile, .body-theme--theme_newyear2 .tile{
	background-image:url(../img/decor/new/newyear-land-green.png?3);
}
.body-vpn-false.body-theme--theme_newyear .tile, .body-vpn-false.body-theme--theme_newyear2 .tile{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-land-green.png?2);
}
.body-theme--theme_newyear .tile-ground, .body-theme--theme_newyear2 .tile-ground{
	background-image:url(../img/decor/new/newyear-land-normal.png?3);
}
.body-vpn-false.body-theme--theme_newyear .tile-ground, .body-vpn-false.body-theme--theme_newyear2 .tile-ground{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-land-normal.png?2);
}
.body-theme--theme_newyear .tile-dry, .body-theme--theme_newyear2 .tile-dry{
	background-image:url(../img/decor/new/newyear-land-normal.png?3);
}
.body-vpn-false.body-theme--theme_newyear .tile-dry, .body-vpn-false.body-theme--theme_newyear2 .tile-dry{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-land-normal.png?2);
}
.body-theme--theme_newyear .wrap-ground{
	background-image:url(../img/decor/new/newyear-wrap-ground.png);
}
.body-vpn-false.body-theme--theme_newyear .wrap-ground{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-wrap-ground.png);
}
.body-theme--theme_newyear .elem-gardener-tree, .body-theme--theme_newyear2 .elem-gardener-tree{
	background-image:url(../img/decor/new/newyear-gardener-tree.png?2);
}
.body-vpn-false.body-theme--theme_newyear .elem-gardener-tree, .body-vpn-false.body-theme--theme_newyear2 .elem-gardener-tree{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear-gardener-tree.png?2);
}






.body-theme--theme_newyear2 .wrap-bg{
	background-image:url(../img/decor/new/newyear2-bg.png);
}
.body-vpn-false.body-theme--theme_newyear2 .wrap-bg{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear2-bg.png?2);
}
.body-theme--theme_newyear2 .elem-house{
	background-image:url(../img/decor/new/newyear2-house.png);
}
.body-vpn-false.body-theme--theme_newyear2 .elem-house{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear2-house.png);
}
.body-theme--theme_newyear2 .elem-house-dog{
	background-image:url(../img/decor/new/newyear2-house-dog.png);
}
.body-vpn-false.body-theme--theme_newyear2 .elem-house-dog{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear2-house-dog.png);
}
.body-theme--theme_newyear2 .sky{
	background: url(../img/decor/new/newyear2-sky-2.jpg) center top no-repeat #54536F;
	background-size:cover;
}
.body-vpn-false.body-theme--theme_newyear2 .sky{
	background: url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear2-sky-2.jpg?2) center top no-repeat #54536F;
	background-size:cover;
}
.body-theme--theme_newyear2 .clouds{
	display: none;
}
.body-theme--theme_newyear2 .wrap-ground{
	background-image:url(../img/decor/new/newyear2-wrap-ground.png);
	left: 10px;
	width: 660px;
	height: 370px;
	top: -105px;
}
.body-vpn-false.body-theme--theme_newyear2 .wrap-ground{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear2-wrap-ground.png);
	left: 10px;
	width: 660px;
	height: 370px;
	top: -105px;
}
.body-theme--theme_newyear2 .elem-mill{
	background-image:url(../img/decor/new/newyear2-mill.png);
}
.body-vpn-false.body-theme--theme_newyear2 .elem-mill{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/new/newyear2-mill.png);
}

.body-theme--theme_newyear2 .snow{
	z-index:500;
}
body.body-theme--theme_newyear2{
	background:#4D4C6B;
}


/*body.body-theme--theme_newyear2{
	background:#b9ced5;
}*/

/*
.tile-plant-0.tile-plant-fir .tile-obj{
	background-image:url(../img/decor/newyear-seed.png);
}*/


/*.body-theme--newyear .elem-mill{
	background-image:url(https://happyfarm.hb.ru-msk.vkcloud-storage.ru/static/decor/default-mill.png);
	background-image:url(../img/decor/newyear-mill.png);
}*/


.body--fullscreen .wrap-fullscreen{
	height:var(--tg-safe-area-inset-top) !important;
}

.body--fullscreen .top-menu{
    top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top)) !important;
}
.body--fullscreen .modal-bg{
    padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top)) !important;
}
/*
.body--fullscreen .modal-bg{
    padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top) + 40px) !important;
}
*/
.body--fullscreen .top-table{
    top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top) + 20px) !important;
}
.body--fullscreen .clouds{
    top:var(--tg-safe-area-inset-top) !important;
}
/*

*/

.body--fullscreen .modal-bg-decor{
    padding-top:calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top) + 60px) !important;
}


/*
.body--pictures .bottom-menu{
	bottom:130px;
}
.body--pictures .modal{
}*/


@media screen and (max-width: 400px) {
	.top-table{
		width:300px;
		font-size:12px;
	}
	.onboard-content-h{
		font-size:14px;
	}
	.onboard-content-d{
		font-size:12px;
	}
}



.pics{
	position: absolute;
	left:0;
	right:0;
	height:80px;
	background:#fff;
	z-index:5;
	display:none;
}
.pics-top{
	top:0;
}
.pics-bottom{
	bottom:0;
}

.field-top{
	top:80px;
}
.field-bottom{
	bottom:80px;
}





.pics-top{

}

/*
.pics-b{
	top:auto;
	bottom:0;
}
.field-b{
	top:0;
	bottom:80px;
}
.field-a{
	top:0px;
	bottom:0px;
}
*/





/*
@media screen and (max-width: 400px) {


.pics{
	top:auto;
	bottom:0;
}
.field{
	top:0;
	bottom:80px;
}*/