*,
:before,
:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

:focus {
	outline: 0;
}

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
hr,
blockquote,
fieldset,
input {
	margin: 0;
	padding: 0;
	border: none;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: normal;
	font-weight: bold;
}

.hide-h {
	line-height: 0;
	text-indent: 0000px;
	color: transparent;
}

a {
	color: rgb(69, 214, 240);
	text-decoration: none;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	cursor: pointer;
}

p {
	margin: 0;
	padding: 0;
	line-height: 30px;
}

b {
	font-weight: bold;
}

i {
	font-style: normal;
	font-family: ficon;
	font-size: 24px;
}

i:before {
	margin: 0 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input,
button,
textarea {
	font-family: YekanBakh;
}

button {
	border: none;
	cursor: pointer
}

input {
	background: transparent;
}
input[type="radio"],
input[type="checkbox"] {
	width: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 100px;
	width: 18px;
	min-width: 18px;
	height: 18px;
	min-height: 18px;
	border: 2px solid #6850A0;
	-webkit-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	transition: 0.3s all linear;
	margin-left: 5px;
	position: relative;
	cursor: pointer;
	text-align: center;
	line-height: 21px;
	vertical-align: middle
}

input[type="checkbox"] {
	border-radius: 7px;
}

input[type=radio]:active,
input[type=radio]:checked,
input[type="checkbox"]:active,
input[type="checkbox"]:checked {
	background-color:transparent; 
	color: #fff;
	border-color: #45D6F0;
}

input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
	content: "";
	height: 10px;
	width: 10px;
	background: #45D6F0;
	display: block;
	margin: 2px auto;
	border-radius: 3px
}
input[type="radio"]:checked:before {
	border-radius: 100px;
}
.checkboxs label {
	margin-left: 15px;
}

/* Firefox */

input[type=number] {
	-moz-appearance: textfield;
}

input,
select {
	font-size: inherit;
}

/*** iPhone and iOS Form Input Zoom Fixes ***/

/* Fix Input Zoom on devices older than iPhone 5: */

@media screen and (device-aspect-ratio: 2/3) {

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"] {
		font-size: 16px;
	}
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */

@media screen and (device-aspect-ratio: 40/71) {

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"] {
		font-size: 16px;
	}
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7 */

@media screen and (device-aspect-ratio: 375/667) {

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="tel"],
	input[type="url"] {
		font-size: 16px;
	}
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max */

@media screen and (device-aspect-ratio: 9/16) {

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="tel"],
	input[type="url"] {
		font-size: 16px;
	}
}

::-webkit-input-placeholder {
	color: #B6A4DD;
	font-size: 0.8em
}

::-moz-placeholder {
	color: #B6A4DD;
	font-size: 0.8em
}

:-ms-input-placeholder {
	color: #B6A4DD;
	font-size: 0.8em
}

::-ms-input-placeholder {
	color: #B6A4DD;
	font-size: 0.8em
}

::placeholder {
	color: #B6A4DD;
	font-size: 0.8em
}

img[src=""],
img:not([src]) {
	visibility: hidden;
}
i {
	font-size: 22px;
}

input[type="text"] , textarea {
	color: #fff
}
.green {
	color: #3FE3A8 !important;
}
.red {
	color: #FF6594 !important;
}
.orange {
	color: #E8A700 !important;
}
.blue {
	color: #45D6F0 !important;
}
/* body */

body {
	background: #150038;
	
	direction: rtl;
	font: 13px/30px YekanBakh, ficon, Tahoma, Arial, sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	color: #fff;
	min-height: 100vh;
	letter-spacing: -1px;
}
.indexbg {
	position: absolute;
	background: 
		url(../images/background/bg-1.svg),
		url(../images/background/bg-2.svg),
		url(../images/background/bg-1.svg),
		url(../images/background/bg-2.svg),
		url(../images/background/bg-4.svg),
		url(../images/background/bg-6.svg),
		url(../images/background/bg-3.svg),
		url(../images/background/bg-5.svg),
		url(../images/background/bg-7.svg);
	background-repeat: no-repeat;
	background-size: 350px, 300px, 350px, 250px, 350px, 350px, 400px,700px , 600px;
	background-position-x: -150px, 0, right -200px, right -120px, -230px ,right -250px, -220px, 40%, right -100px;
	background-position-y: 0 , 5.5% , 12% , 45% , 52% , 64% , 75% , 98% , 90%;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.pagebg {
	position: absolute;
	background: url(../images/background/bg-11.svg);
	background-repeat: no-repeat;
	background-size: 900px;
	background-position: -210px -50px;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.main {
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.center {
	display: block;
  margin: 0 auto;
  width: 100%;;
  max-width: 1370px;
	padding: 10px 20px;
}
.sm-center {
	 max-width: 1024px;
}
.section-title h3 {
	font-size: 2em;
}
.block {
	padding: 30px;
	background: #281359;
	border-radius: 20px;
}
.btn {
	height: 48px;
	border-radius: 100px;
	color: #fff;
	display: inline-block;
	padding: 0 24px;
	line-height: 48px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	cursor: pointer
}
.btn:before {
 content:"";
 height:80px;
 width:190px;
 position:absolute;
 background-image:linear-gradient(rgba(228,235,255,.37),rgba(216,227,255,0));
 display:block;
 transform:rotate(45deg) translateY(-35px);
 left:-200px;
 transition:1s 
}
.btn:hover:before,
.sm-btn:hover:before {
 left:calc(90%) 
}
.btn i {
	vertical-align: middle;
	display: inline-block;
}
.btn i.rotate {
	transform: rotate(180deg);
}
a.btn {
	color: #fff
}
.btn-red {
	background: -o-radial-gradient(89.6% 7.93%, 92.07% 92.07%, #F5739A 0%, #E44C7A 100%);
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5739A 0%, #E44C7A 100%);
	-webkit-box-shadow: 0px 10.42px 50px rgba(224, 16, 156, 0.5);
	        box-shadow: 0px 10.42px 50px rgba(224, 16, 156, 0.5);
	color: #fff
}
.btn:disabled {
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #C8C8C8 0%, #939393 100%);
	        box-shadow: 0px 10.42px 50px rgb(147, 147, 147);
	cursor: not-allowed
}
.btn-blue {
	background: -o-radial-gradient(89.6% 7.93%, 92.07% 92.07%, #45D6F0 0%, #2D7BB7 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	background: -o-radial-gradient(89.6% 7.93%, 92.07% 92.07%, #45D6F0 0%, #2D7BB7 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #45D6F0 0%, #2D7BB7 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	-webkit-box-shadow: 0px 10.42px 50px rgba(45, 123, 183, 0.5);
	        box-shadow: 0px 10.42px 50px rgba(45, 123, 183, 0.5);
	color: #fff
	
}
.btn-color {
	background: #462E7F;
}
.btn-white {
	background: #fff;
	color: #444 !important;
}
.btn-border {
	border: 1px solid #6850A0;
}

.basket-btn , .darkmode {
	height: 48px;
	width: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #6850A0;
	border-radius: 100px;
	margin: 0 5px;
	display: inline-block;
	cursor: pointer;
}
.darkmode i:before {
	transition: all 1.5s;
	color: #ffd42c;
}
.darkmode.active i:before {
	content: "\f0aa";
	transform: rotate(20deg);
	color: #fff;
}
.basket-btn {
	margin-right: 10px;
}
.basket-btn .icon {
	position: relative;
}
@media (max-width:450px) {
	.basket-btn , .login-btn , .darkmode {
		width: 40px !important;
		min-width: 40px;
	}
	.btn , .basket-btn , .login-btn , .darkmode {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.btn i , .basket-btn i , .darkmode i{
		font-size: 16px;
	}
}
.basket-btn .icon span {
	position: absolute;
	top: -10px;
	right: -4px;
	border-radius: 100px;
	background: #F5739A;
	display: block;
	height: 22px;
	width: 22px;
	line-height: 24px;
	color: #fff;
}
.btnbox {
	margin-top: 15px;
}
.btnbox .btn {
	margin: 5px;
}
.btn-radius {
	height: 38px;
	width: 38px;
	display: block;
	border-radius: 100px;
	text-align: center;
	line-height: 38px;
}
.btn-radius i {
	font-size: 22px
}
.topfix {
	min-height: 142px;
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}
.topbar {
	padding: 30px 0;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10;
	-webkit-backdrop-filter: blur(50px);
}
.topbar .center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}
.menu > ul > li {
	display: inline-block;
	margin: 0 10px;
}
.menu ul li a {
	color: #fff;
	display: block;
}
.menu ul li a:hover {
	opacity: 0.3
}
.login-btn i {
	display: none;
}
.openmenu {
	display: none
}
@media (max-width:1120px) {
	.topfix {
		height: 110px;
	}
	.openmenu {
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: 15px;
		border-left: 1px solid #292929;
		padding-left: 15px;
		height: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center
	}

	.openmenu.active {
		padding-top: 3px
	}

	.openmenu .line {
		height: 3px;
		width: 30px;
		background: #fff;
		margin-bottom: 8px;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		border-radius: 10px
	}

	.openmenu .line:last-child {
		margin-bottom: 0
	}

	.openmenu .line-2 {
		width: 25px;
		background: #8b6dd0;
		-webkit-transition-delay: .5s;
		     -o-transition-delay: .5s;
		        transition-delay: .5s
	}

	.openmenu.active .line-2 {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: ease-out !important;
		-o-transition: ease-out !important;
		transition: ease-out !important
	}

	.openmenu.active .line-1 {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transform-origin: 1px 0%;
		    -ms-transform-origin: 1px 0%;
		        transform-origin: 1px 0%;
		height: 3px;

	}

	.openmenu.active .line-3 {
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transform-origin: -3px 0%;
		    -ms-transform-origin: -3px 0%;
		        transform-origin: -3px 0%;
		height: 3px
	}
	.login-btn {
		background: transparent;
		-webkit-box-shadow: unset;
		        box-shadow: unset;
		border: 1px solid #6850A0;
		padding: unset;
		width: 48px;
	}
	.login-btn i {
		display: block;
	}
	.login-btn span {
		display: none;
	}
	.menu {
		position: absolute;
		height: calc(100vh - 130px);
		top: 100px;
		right: -240px;
		z-index: 11px;
		background: #281359;
		width: 240px;
		border-radius: 20px 0 0 20px;
		padding: 10px 0;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		box-shadow: 0 0 30px rgba(0,0,0,0.3);
	}
	.menu.active {
		right: 0
	}
	.menu li {
		display: block !important;;
	}
	.menu li a {
		padding: 5px 10px;
	}
}
.topbar .logo {
	margin-right: auto
}
.topbar .logo img {
	width: 100%;
	max-width: 200px;
	max-height: 48px;
	display: block;
}
.topbar .logo .logo-sm {
	display: none;
}
@media (max-width: 450px) {
	.topbar .logo img {
		max-width: 150px;
		max-height: 40px;
	}
	.topbar .logo .logo-larg {
	display: none;
}
	.topbar .logo .logo-sm {
		display: block;
	}
}
.header {
	padding: 30px 0
}
.header .d-flex-wrap {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.header .header-info {
	-ms-flex-preferred-size: 500px;
	    flex-basis: 500px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.header .header-info .info {
	z-index: 1;
	position: relative;
	-ms-flex-preferred-size: 400px;
	    flex-basis: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 470px;
}
@media (max-width: 670px) {
	.header .header-info .info {
		min-height: 570px;
	}
}
.header .header-info .info > span {
	font-size: 1.5em;
	font-weight: 300p
}
.header .header-info .info h1 {
	font-weight: 850;
	font-size: 3.2em;
	padding: 10px 0
}
.header .header-info .info p {
	color: #BFB8CD
}
.header .header-img {
	position: absolute;
	top: -310px;
	left: 5%;
	background: url('../images/bg.svg'), -o-radial-gradient(70.38% 26.71%, 73.29% 183.65%, #2C1258 0%, #1C1258 100%);
	background: url('../images/bg.svg'), radial-gradient(73.29% 183.65% at 70.38% 26.71%, #2C1258 0%, #1C1258 100%);
	background-repeat: no-repeat;
	background-size: 55% , auto;
	background-position: -150px , 0;
	border-radius: 0 0 200px 200px;
	overflow: hidden;
	-webkit-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	        transform: rotate(-10deg);
	-webkit-box-shadow: 0 0 0 15px #261967;
	        box-shadow: 0 0 0 15px #261967;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 0;
	width: 120%;
	height: 150%
}
@media (max-width: 810px) {
	.header {
		padding-top: 0;
	}
	.header .header-img {
		-webkit-transform: rotate(-5deg);
		    -ms-transform: rotate(-5deg);
		        transform: rotate(-5deg);
		left: 0;
		border-radius: 0 0 0 100px;
	}
}
.header .header-img .img {
	width: 38%;
	margin-right: auto;
	margin-top: auto
}
@media (max-width: 560px) {
	.header .header-img .img {
		width: 60%;
	}
	.header .header-img {
		background-size: 100% , auto;
	}
}
@media (max-width: 400px) {
	.header .header-img .img {
		width: 80%;
	}
}
.header .header-img .img img {
	display: block;
	width: 100%;
	
}
.header-property {
	-ms-flex-preferred-size: 270px;
	    flex-basis: 270px;
	z-index: 1;
	position: relative;
}
.header-property .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 20px
}
.header-property .item .icon {
	margin-left: 10px;
}
.header-property .item .icon i {
	font-size: 34px;
}
.header-property .item .info {
	line-height: 24px
}
.header-property .item .info b {
	display: block;
}
.header-property .item .info span {
 color:	#BFB8CD
}
.voice-help {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media (max-width: 799px) {
	.voice-help {
		-ms-flex-pack: distribute;
		    justify-content: space-around
	}
}
.audio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #281359;
	padding: 10px;
	border-radius: 10px;
	height: 55px;
	-ms-flex-preferred-size: 300px;
	    flex-basis: 300px;
	max-width: 440px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin: 5px;
	position: relative;
}
.audio .help-title {
	position: absolute;
	top: -40px;
}
.audio .help-title i {
	font-size: 13px;
	vertical-align: middle;
	margin-left: 5px;
	position: relative;
	z-index:0;
}
.audio .help-title i:before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	height: 0px;
	width: 0px;
	border-radius: 100px;
	-webkit-box-shadow: 0 0 40px 30px rgba(109, 94, 138, 0.5);
	        box-shadow: 0 0 40px 30px rgba(109, 94, 138, 0.5); 
	z-index: -1;
}
.audio .help-title span {
	color: #E44C7A;
	margin-right: 10px;
}
.audio #playBtn {
	cursor: pointer;
	margin-left: 10px;
}
.audio #playBtn.icon-pause4:before {
	content: "\f0d8" !important;
}
.audio #voice {
	width: 100%;
}
.brand-logs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-preferred-size: 450px;
	    flex-basis: 450px;
	display:-ms-grid;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
	direction: ltr;
}
.brand-logs .brand  {
	-ms-flex-preferred-size: 110px;
	    flex-basis: 110px;
	height: 55px;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #281359;
	margin: 5px;
	border-radius: 10px;
}
.brand-logs .brand img {
	width: 90%;
	max-width: 100px;
	display: block;
	margin: 0 auto;
}
.best-games {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display:-ms-grid;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	
}
.best-games .best-item {
	margin: 20px;
	padding: 10px 10px 14px;
	text-align: center;
	-ms-flex-preferred-size: 200px;
	    flex-basis: 200px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.best-games .best-item:nth-of-type(even) {
	padding: 10px 10px 18px;
}
.best-games .best-item:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 40px;
	background: url(../images/bestbg.svg) , url(../images/bestbg2.svg), -o-linear-gradient(120deg, #FF9EBB 0%, #E44C7A 100%);
	background: url(../images/bestbg.svg) , url(../images/bestbg2.svg), linear-gradient(-30deg, #FF9EBB 0%, #E44C7A 100%);
	background-size: 100% , 320px;
	background-position: 0 , -100px -100px,0;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 -4px 0 15px rgb(253, 152, 183);
	        box-shadow: inset 0 -4px 0 15px rgb(253, 152, 183);
	-ms-transform: matrix(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(25px);
	    transform: matrix(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(25px);
	-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(25px);
	-ms-transform-origin: center center 0px;
	    transform-origin: center center 0px; 
	-webkit-transform-origin: center center 0px; 
	z-index: -1;
	transition: all 0.5s;
}
.best-games .best-item:nth-of-type(odd):before {
	background: url(../images/bestbg4.svg) , url(../images/bestbg3.svg), -o-linear-gradient(120deg, #FF9EBB 0%, #E44C7A 100%);
	background: url(../images/bestbg4.svg) , url(../images/bestbg3.svg), linear-gradient(-30deg, #FF9EBB 0%, #E44C7A 100%);
	background-size: 140% , 320px;
	background-position: -10px 100px, 50px -80px,0;
	background-repeat: no-repeat;
	transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-25px);
	-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-25px);
	-webkit-box-shadow: inset 0 4px 0 15px rgb(253, 152, 183);
	        box-shadow: inset 0 4px 0 15px rgb(253, 152, 183);
	transition: all 0.5s
}
/* .best-games .best-item:nth-of-type(even):hover:before{
	transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-25px);
}
.best-games .best-item:nth-of-type(odd):hover:before{
	transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(25px);
} */
.best-games .best-item h3 {
	margin: 40px auto 30px;
	display: block;
	position: relative;
	z-index: 1;
	font-size: 2em;
	white-space: nowrap
}
.best-games .best-item .img {
	height: 220px;
	position: relative;
	width: 70%;
	z-index: 1;
	transition: all 0.5s;
}
.best-games .best-item img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	display: block;
	z-index: 1;
	position: absolute;;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 1px;
	transition: all 0.5s;
}
.best-games .best-item:hover .img img {
	filter: drop-shadow(0 0 30px rgba(0,0,0,0.5));
	max-width: 110% ;
	max-height: 110%;
	transform: scaleX(-1);
}
.best-games .best-item:nth-of-type(odd) img {
	bottom: 4px
}
@media (max-width: 1100px) {
	.best-item {
		margin:10px !important;
	}
	.best-games .best-item:before {
		-ms-transform: matrix(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(11px);
		    transform: matrix(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(11px);
		-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(11px);
	}
	.best-games .best-item:nth-of-type(odd):before {
		transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-15px);
		-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-15px);
	}
	.best-games .best-item h3 {
		margin: 30px 0 0
	}
	.best-games .best-item .img {
		height: 160px;
	}
	.best-games .best-item img {
		max-width: 80%;
		bottom: 1px
	}
	.best-games .best-item:nth-of-type(odd) img {
		bottom: 3px
	}
}
@media (max-width: 600px) {
	.best-games .best-item {
		margin: 10px;
	}
	.best-games .best-item h3 {
		font-size: 1.4em;
		margin: 30px 0 10px
	}
	
}
@media (max-width: 460px) {
	.best-games {
		grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
	}
	.best-games .best-item {
		margin: 5px
	}
	.best-games .best-item:before {
		-ms-transform: matrix(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(9px);
		    transform: matrix(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(9px);
		-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0.0008,0,0,1,0,0,0,0,1)translateY(9px);
		-webkit-box-shadow: inset 0 -2px 0 10px rgb(253, 152, 183);
		        box-shadow: inset 0 -2px 0 10px rgb(253, 152, 183);
		border-radius: 25px;
	}
	.best-games .best-item:nth-of-type(odd):before {
		background-position: 0 100px, 20px -70px,0;
		transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-11px);
		-webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0008,0,0,1,0,0,0,0,1)translateY(-11px);
		-webkit-box-shadow: inset 0 1px 0 10px rgb(253, 152, 183);
		        box-shadow: inset 0 1px 0 10px rgb(253, 152, 183);
	}
	.best-games .best-item .img {
		height: 130px;
	}
	.best-games .best-item img {
		max-width: 100%;
		bottom: -5px
	}
	.best-games .best-item:nth-of-type(odd) img {
		bottom: -1px
	}
}

.section-slider {
	border-radius: 30px;
	padding: 30px;
	overflow: hidden;
	background: url(../images/background/bg-9.svg), #281359;
	background-repeat: no-repeat;
	background-size: 400px;
	background-position: center top -200px;
}
@media (max-width: 600px) {
	.radius-sm  .center {
		padding-left: 0
	}
	.section-slider {
		border-radius: 0 30px 30px 0
	}
}
.section-slider-hd {
	display: block;
	margin-bottom: 30px;
}
.section-slider-hd .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 20px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.section-slider-hd .info .title span {
	color: #E44C7A;
}
.section-slider-hd .info .title h2 {
	font-size: 23px
}
.section-slider-hd .info > span {
	-ms-flex-preferred-size: 370px;
	    flex-basis: 370px;
	color: #BFB8CD
}
.section-slider-hd .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center
}
.slidebtns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.slidebtns > div {
	display: inline-block;
	height: 48px;
	width: 48px;
	border-radius: 100px;
	text-align: center;
	line-height: 48px;
	margin-left: 15px;
	cursor: pointer;
}
@media (max-width: 450px) {
	.slidebtns > div {
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
	.slidebtns > div i {
		font-size: 18px;
	}
}
.slidebtns > div.swiper-button-disabled {
	background: unset;
	-webkit-box-shadow: unset;
	        box-shadow: unset;
	border: 1px solid #6850A0;
	cursor: not-allowed;
}
#giftSlider .swiper-wrapper {
	max-height: 562px;
	
}
#giftSlider .item {
	padding: 40px 25px;
	text-align: center;
	background: -o-linear-gradient(239.01deg, #523A8A 0%, #402779 100%);
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 20px;
	display: block;
	color: #fff;
	height: 271px;
}
#giftSlider .item .img {
	display: block;
	max-width: 60%;
	margin: 0 auto 30px;
	-webkit-filter: drop-shadow(0 0 40px #281359);
	        filter: drop-shadow(0 0 40px #281359);

}
#giftSlider .item .img img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
#giftSlider .item h3 {
	display: block;
	margin-top: 20px;
	font-weight: normal;
	font-size: 1em;
}
#productSlider .swiper-wrapper {
	height: 342px;
}
#productSlider .swiper-slide {
	height: 156px;
}
#productSlider .item {
	padding: 25px;
	text-align: center; 
	background: -o-linear-gradient(239.01deg, #523A8A 0%, #402779 100%); 
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 20px;
}
#productSlider .item .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 20px;
}
#productSlider .item .info .images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#productSlider .item .info .img {
	display: inline-block;
	height: 32px;
	width: 32px;
	/*! background: #4e3586; */
	border-radius: 100px
}
#productSlider .item .info .img img {
	width: 100%;
	display: block
}
#productSlider .item .info .flag {
	margin-right: -15px;
	margin-left: 5px;

}
#productSlider .item .buy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-radius: 100px;
	background: #281359;
	height: 54px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px;
}
#productSlider .item .buy .pric {
	padding-right: 5px;
	font-size: 1.2em;
	color: #B6A4DD
}
#productSlider .item .buy .pric span {
	font-size: 0.9em;
}
#productSlider .item .buy .addicon {
	height: 35px;
	width: 35px;
	border-radius: 100px;
	line-height: 35px;
	text-align: center;
	-webkit-box-shadow: 0px 4px 12px rgba(69, 214, 240, 0.5);
	        box-shadow: 0px 4px 12px rgba(69, 214, 240, 0.5);
}
.addbasket {
	cursor: pointer;
}
.pags-slider {
	text-align: center;
	display: block;
	margin-top: 30px;
}
.pags-slider .swiper-pagination-bullet {
	border-radius: 10px;
	background: -o-radial-gradient(89.6% 7.93%, 92.07% 92.07%, #F5739A 0%, #E44C7A 100%);
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5739A 0%, #E44C7A 100%);
	-webkit-box-shadow: 0px 10.42px 50px rgba(224, 16, 156, 0.5);
	box-shadow: 0px 10.42px 50px rgba(224, 16, 156, 0.5);
}
.pags-slider .swiper-pagination-bullet-active {
	width: 30px;
}
.about-section {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between
}
@media (max-width: 1019px) {
	.about-section {
		-ms-flex-pack: distribute;
		    justify-content: space-around
	}
}
.aboutimg {
	-ms-flex-preferred-size: 400px;
	    flex-basis: 400px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 100%;
	max-width: 550px;
	position: relative;
	margin: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}
@media (min-width: 1200px) {
	.aboutimg {
		height: 529px;
	}
}
.aboutimg img {
	max-width: 95%;
	height: auto;
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	margin: 0 auto 22px;
	-webkit-transform: rotate(-1deg);
	    -ms-transform: rotate(-1deg);
	        transform: rotate(-1deg)
}
.aboutimg:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 50%;
	left: 0;
	right: 40px;
	background: url(../images/aboutbg.svg) , -o-linear-gradient(70deg , #26105C 0% , #27105c 100%);
	background: url(../images/aboutbg.svg) , linear-gradient(20deg , #26105C 0% , #27105c 100%);
	background-size: 130%;
	background-position: -110px -40px , 0 0;
	-webkit-box-shadow: inset 4px 0 0 20px rgb(65, 44, 119);
	        box-shadow: inset 4px 0 0 20px rgb(65, 44, 119);
	border-radius: 50px;
	-webkit-transform: matrix3d( 1, 0, 0, -0.0008, 0, 1.1, 0, -0.00046, 0, 0, 0.1, 0, 0, 0, 0, 1 ) translateY(-50%);
	        transform: matrix3d( 1, 0, 0, -0.0008, 0, 1.1, 0, -0.00046, 0, 0, 0.1, 0, 0, 0, 0, 1 ) translateY(-50%);
}
.aboutinfo {
	-ms-flex-preferred-size: 500px;
	    flex-basis: 500px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 800px;
	margin: 20px
}
@media (max-width: 450px) {
	.aboutimg , .aboutinfo {
		margin: 10px 0
	}
	.aboutimg:before {
		-webkit-box-shadow: inset 2px 0 0 10px rgb(76, 53, 130);
		        box-shadow: inset 2px 0 0 10px rgb(76, 53, 130);
		left: unset;
		right: 20px
	}
	.aboutimg img {
		width: 80%;
		margin-bottom: 11px;
	}
}
.statusbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display:-ms-grid;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.statusbox .status {
	margin: 10px 20px;
	-ms-flex-preferred-size: 150px;
	    flex-basis: 150px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 150px;
	text-align: center;
	padding: 20px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media (max-width: 800px ) {
	.statusbox .status {
		margin: 10px;
	}
}
.statusbox .status b {
	display: block;
	font-size: 2.4em;
	direction: ltr;
	color: #E44C7A
}
.statusbox .status span {
	color: #BFB8CD
}
.statusbox .status:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #281359;
	z-index: -1;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}
.statusbox .status:nth-of-type(1):before, .statusbox .status:nth-of-type(3):before{
	-webkit-transform: matrix3d(
  1, 0, 0, 0,
  0, 1, 0, 0.0015,
  0, 0, 0.1, 0,
  0, 0, 0, 1
	) translateY(8px);
	transform: matrix3d(
  1, 0, 0, 0,
  0, 1, 0, 0.0015,
  0, 0, 0.1, 0,
  0, 0, 0, 1
	) translateY(8px);
	transition: all 0.5s;
}
.statusbox .status:nth-of-type(2):before {
-webkit-transform: matrix3d(
  1, 0, 0, 0,
  0, 1, 0, -0.0015,
  0, 0, 0.1, 0,
  0, 0, 0, 1
	) translateY(-8px);
        transform: matrix3d(
  1, 0, 0, 0,
  0, 1, 0, -0.0015,
  0, 0, 0.1, 0,
  0, 0, 0, 1
	) translateY(-8px);
	transition: all 0.5s;
}
.statusbox .status:nth-of-type(1):hover:before , .statusbox .status:nth-of-type(3):hover:before{
	transform: matrix3d(
  1, 0, 0, 0,
  0, 1, 0, -0.0015,
  0, 0, 0.1, 0,
  0, 0, 0, 1
	) translateY(-8px);
}
.statusbox .status:nth-of-type(2):hover:before {
	transform: matrix3d(
  1, 0, 0, 0,
  0, 1, 0, 0.0015,
  0, 0, 0.1, 0,
  0, 0, 0, 1
	) translateY(8px);
}
.aboutinfo .about {
	padding-top: 20px;
}
.aboutinfo .about span {
	color: #E44C7A;
}
.aboutinfo .about h3 {
	font-size: 2em;
	font-weight: 800;
}
.aboutinfo .about p {
	color: #BFB8CD;
	padding: 20px 0
}
#blogSlider .item , .blog-item {
	position: relative;
	padding-bottom: 40px;
	color: #fff;
}
#blogSlider .item .img , .blog-item .img {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
#blogSlider .item img , .blog-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
	transition: all 0.5s
}
#blogSlider .item:hover img , .blog-item:hover img {
	transform: scale(1.1)rotate(-4deg);
}
#blogSlider .item .info , .blog-item .info {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 90%;
	background: -o-linear-gradient(239.01deg, rgba(82, 58, 138, 0.5) 0%, rgba(64, 39, 121, 0.5) 100%);
	background: linear-gradient(210.99deg, rgba(82, 58, 138, 0.5) 0%, rgba(64, 39, 121, 0.5) 100%);
  backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	padding: 10px 15px;
	border-radius: 10px;
	bottom: 0;
	z-index: 2;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}
#blogSlider .item .info span , .blog-item .info span {
	font-size: 0.8em
}
#blogSlider .item .info h3 , .blog-item .info h3 {
	line-height: 24px;
	font-weight: normal;
	font-size: 0.9em;
}
.faqbox {
	flex-basis: 400px;
	flex-grow: 1;
	padding-left: 30px;
}
.faqbox .hd span {
	color: #E44C7A
}
.faqbox .hd h2 {
	font-size: 23px;
}
.faq-item {
	border-bottom: 1px solid #6850A0;
	width: 100%;
}
.faq-item .faq-hd {
	padding: 15px 0;
	display: flex;
	align-items: center;
	cursor: pointer
}
.faq-item .faq-hd .icon {
	height: 40px;
	width: 40px;
	min-width: 40px;
	background: #240F51;
	/*! border: 1px solid #6850A0; */
	border-radius: 100px;
	text-align: center;
	line-height: 40px;
	margin-left: 10px;
}
.faq-item .faq-text {
	padding: 15px 45px 0 0;
	display: none;
	color: #BFB8CD;
	position: relative;
}
.faq-item.active .faq-text {
	display: block;
	text-align: justify
}
.faq-item.active {
	border: none;
}
.faq-item .faq-text:before {
	content: "";
	height: 100%;
	width: 1px;
	display: block;
	position: absolute;
	right: 20px;
	background: #6850A0;
	top: 0;
}
.comments-box {
	flex-basis: 400px;
	flex-grow: 1;
	padding-right: 30px;
}
@media (max-width: 840px) {
	.comments-box , .faqbox {
		padding-left: 0;
		padding-right: 0;
	}
}
.comments-box .hd .title {
	margin-bottom: 30px;
}
.comments-box .hd .title span {
	color: #E44C7A;
}
.comments-box .hd .title h2 {
	font-size: 23px;
}
.comments-box .btns {
	display: flex;
	justify-content: space-between;
	align-items: center
}
#commentSlider {
	margin-top: 30px;
	overflow: hidden;
	min-height: 430px;
	position: relative;
}
#commentSlider:after {
	content: "";
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(0deg , #150038 0% , transparent 100%);
	z-index: 3;
}
#commentSlider .item {
	padding: 20px;
	background: url(../images/background/bg-8.svg), #281359;
	background-repeat: no-repeat;
	background-size: 240px;
	background-position: right -110px center ;
	border-radius: 20px;
}
#commentSlider .item .hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#commentSlider .item .hd .user {
	display: flex;
	align-items: center
}
#commentSlider .item .hd .user .img {
	height: 50px;
	width: 50px;
	margin-left: 10px;
}
#commentSlider .item .hd .user .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#commentSlider .item .hd .user .info {
	line-height: 20px
}
#commentSlider .item .hd .user .info span {
	font-size: 0.8em
}
#commentSlider .item .hd .user .info b {
	display: block;
}
.rating {
	display: flex;
	align-items: center;
}
.rating span b {
	color: #E44C7A
}
.rating .stars {
	display: flex;
	align-items: flex-start;
	margin-top: -8px;
	margin-right: 5px;
}
.rating .stars i {
	font-size: 18px;
	color: #E8A700
}
.comtext {
	margin-top: 10px;
	color: #BFB8CD;
	line-height: 24px;
}
@media (min-width: 1019px) {
	.comtext {
		padding-right: 60px
	}
}
.processbox {
	flex-wrap: wrap;
}
.processbhd {
	padding-left: 40px;
}
@media (max-width: 804px) {
	.processbhd {
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
	}
}
.processbhd .title {
	margin-bottom: 20px;
}
.processbhd .title span {
	color: #E44C7A;
}
.processbhd .title h2 {
	font-size: 23px;
}
#processSlider {
	flex-basis: 500px;
	flex-grow: 1;
	overflow: hidden;
	position: relative;
}
#processSlider:before {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	border-bottom: 1px dashed #462E7F;
	top: 85px;
}
#processSlider .item .hd {
	display: flex;
	align-items: center;
}
#processSlider .item > span {
	margin-top: 30px;
	display: block;
	color: #BFB8CD
}
#processSlider .item .hd .icon {
	height: 65px;
	width: 65px;
	text-align: center;
	line-height: 60px;
	margin-left: 10px;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 15px;
}
#processSlider .item .hd .info {
	position: relative;
	top: 8px;
}
#processSlider .item .hd .num {
	-webkit-text-stroke: 1px #fff;
	font-size: 40px;
	font-weight: bold;
	color: transparent;
}
.appbox {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../images/bg.svg), url(../images/appbg.svg) , #281359;
	background-position: left -150px center , right -150px center;
	background-size: 800px , 400px;
	background-repeat: no-repeat;
	border-radius: 30px;
	flex-wrap: wrap;
	padding: 30px;
	margin: 150px 0
}
.appbox .img {
	position: relative;
	height: 230px;
	flex-basis: 200px;
	flex-grow: 1;
	max-width: 350px;
}
.appbox .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
@media (max-width: 663px) {
	.appbox {
		text-align: center;
			margin: 0 0 100px
	}
	.appbox .img img {
		top: 0;
		left: 50%;
		transform: translate(-50%,30px);
	}
	.appbox .img {
		max-width: 250px;
	}
	.appbox .btns {
		justify-content: center;
	}
}
.appbox .info span {
	color: #E44C7A
}
.appbox .info p {
	color: #BFB8CD
}
.appbox .info h2 {
	font-size: 23px;
	color: #fff
}
.appbox .btns {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.appbox .btns a {
	display: inline-block;
	flex-basis: 170px;
	max-width: 170px;
	margin: 5px
}
.appbox .btns a img {
	width: 100%;
}
.footer {
	padding-top: 100px;
	overflow: hidden;
	margin-top: auto
}
.footer .d-flex-wrap {
	justify-content: space-around;
	align-items: center;
}
.footer .info-ft {
	flex-basis: 400px;
	margin-bottom: 70px;
	padding-left: 40px;
}
@media (max-width:1139px) {
	.footer .info-ft {
		padding-left: 0;
	}
}
.footer .info-ft .logo-ft {
	text-align: center;
	max-width: 208px;
	margin: 0 auto;
}
.footer .info-ft .logo-ft img {
	width: 100%
}
.footer .info-ft .social-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footer .social-list a {
	height: 45px;
	width: 45px;
	display: inline-block;
	background: #240F51;
	margin: 5px;
	text-align: center;
	color: #fff;
	line-height: 45px;
	border-radius: 100px;
	box-shadow: inset 0 0 0 1px #6850A0;
	position: relative;
	overflow: hidden;
	transition: all 0.5s
}
.footer .social-list a:hover {
	background: transparent
}
.footer .social-list a:before {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: -o-radial-gradient(89.6% 7.93%, 92.07% 92.07%, #F5739A 0%, #E44C7A 100%);
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5739A 0%, #E44C7A 100%);
	-webkit-box-shadow: 0px 10.42px 50px rgba(224, 16, 156, 0.5);
	        box-shadow: 0px 10.42px 50px rgba(224, 16, 156, 0.5);
	opacity: 0;
	transition: all 0.5s
}

.footer .social-list a:hover:before  {
	opacity: 1
}
.footer .social-list a i {
	font-size: 20px;
	position: relative;
	z-index: 2;
}
.footer .info-ft .copyright {
	color: #BFB8CD;
	margin-top: 10px;
}
.footer-box {
	flex-basis: 700px;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	padding: 0 40px 30px;
	padding-top: 100px;
	padding-right: 100px;
	position: relative;
	flex-wrap: wrap;
}
.footer-box:before {
	content: "";
	height: 130%;
	width: 130%;
	position: absolute;
	background: radial-gradient(73.29% 183.65% at 70.38% 26.71%, #2C1258 0%, #1C1258 100%);
	border-radius: 150px 150px 0 0;
	transform: rotate(-6deg);
	top: 0;
	right: 0;
	z-index: -1;
	box-shadow: inset 0 0 0 15px #261967;
}
@media (max-width: 758px) {
	.footer-box:before {
		height: 120%;
		transform: rotate(-2deg);
		right: -5%;
	}
	.footer-box {
		padding: 100px 30px 30px 30px;
	}
}
@media (max-width: 450px) {
	.footer-box {
		padding: 40px 10px
	}
	.footer-box:before {
		height: 115%;
		transform: rotate(-2deg);
		right: -10%;
			border-radius: 0 100px 0 0;
	}
	.footer-item {
		padding: 15px;
	}
}
.footer-item-list {
	display: flex;
	position: relative;
	z-index: 1;
	flex-wrap: wrap;
	flex-basis: 400px;
	flex-grow: 1;
	white-space: nowrap;
	align-items: flex-start
}
.footer-item-list .footer-item {
	flex-basis: 130px;
	margin: 15px;
	flex-grow: 1;
}
@media (max-width: 450px) {
.footer-item-list	.footer-item {
		margin: 15px 0;
	}
}
.footer-item ul {
	list-style: none;
	padding: 15px 0 
}
.footer-item ul li i {
	vertical-align: middle;
	font-size: 18px;
	margin-left: 10px
}
.footer-item ul li a {
	color: #fff
}
.footer-item ul li a:hover {
	opacity: 0.3
}
.footer-namads {
	flex-basis: 300px;
}
.namadha {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px 
}
.namadha .namad a {
	flex-basis: 130px;
	padding: 20px;
	background: #fff;
	margin: 10px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.namadha .namad img {
	max-width: 100%;
	height: auto;
}
@media (max-width: 450px) {
	.namadha .namad {
		flex-basis: 100px;
	}
}
.footer-box .brand-logs {
	flex-grow: 1;
}
.footer-box .brand-logs .brand {
	background: transparent;
	box-shadow: 0 0 0 1px #462E7F;
	flex-basis: 100px;
}
.page-title .center {
	position: relative;
}
.page-title .center:before {
	content: '\ebc7';
	font-size: 20px;
	color: #45D6F0;
	position: absolute;
	top:20px;
	right: 40%;
	filter: drop-shadow(0 0 10px rgb(62, 226, 255));
}
.page-title .center:after {
	content: '\ebc7';
	font-size: 15px;
	color: #C93965;
	position: absolute;
	top: 0;
	left: 40%;
	filter: drop-shadow(0 0 10px rgb(201, 57, 101));
}
.page-title h1 {
	font-weight: 850;
	font-size: 3em
}
.speedbar {
	padding: 0 10px
}
.speedbar a {
	color: #B1ABF0;
}
.speedbar i {
	color: #B1ABF0;
	font-size: 16px;
	display: inline-block;
	margin: 0 3px
}
.blog-main .d-flex-wrap {
	align-items: flex-start
}
.blog-contents {
	flex-basis: 600px;
	flex-grow: 1;
}
.blog-list {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fill ,minmax(264px,1fr));
}
.blog-item {
	margin: 15px;
	flex-basis: 230px;
	flex-grow: 1;
}
.blog-sidebar {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-basis: 300px;
	align-items: flex-start;
}
@media (max-width: 965px) {
	.blog-sidebar {
		flex-grow: 1;
		order: 1
	}
}
.sideitem {
	margin: 15px;
	background: #281359;
	padding: 30px;
	border-radius: 20px;
	display: block;
	flex-basis: 200px;
	flex-grow: 1;
}
.sideitem h3 {
	margin-bottom: 15px;
}
.sideitem ul {
	list-style: none;
}
.sideitem ul li a {
	color: #B6A4DD;
}
.sideitem ul li a:hover {
	opacity: 0.3
}
.search {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.search input {
	border: 1px solid #6850A0;
	height: 48px;
	border-radius: 100px;
	flex-grow: 1;
	padding: 0 15px
}
.search button {
	border-radius: 100px;
	height: 48px;
	width: 48px;
	margin-right: 10px;
	line-height: 48px;
	text-align: center;
}

.full-story .title {
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 450px
}
.full-story .title h1 {
	font-weight: 800;
	font-size: 3em;
	letter-spacing: -2px
}
@media (max-width: 600px) {
	.full-story .title h1 {
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: -2px;
		text-align: right;
}
}
.full-story .info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #281359;
	border-radius: 30px;
	align-items: center;
	padding: 25px 30px;
	margin: 30px 0;
}
.full-story .info > div {
	margin: 5px 0;
}
.full-story .info .author {
	display: flex;
	align-items: center;
}
.full-story .info .author .img {
	height: 45px;
	width: 45px;
	margin-left: 10px;
}
.full-story .info .author .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.full-story .full-text {
	text-align: justify;
	color: #B6A4DD
}
.full-story .full-text img {
	max-width: 100%
}
.full-story .full-text h3 {
	color: #fff;
	margin-bottom: 10px
}
.sharebox {
	flex-basis: 160px;
}
.share-item {
	height: 30px;
	width: 30px;
	background: #150038;
	margin: 4px;
	text-align: center;
	border-radius: 100px;
	color: #fff;
	transition: all 0.5s
}
.share-item:hover {
	transform: scale(1.2);
	color: #fff
}
.share-item i {
	font-size: 14px;
}
.relatednews {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fit ,minmax(264px,1fr));
}

.add-comments {
	margin: 15px;
	border-radius: 15px;
	flex-basis: 400px;
	max-width: 100%;
	margin-bottom: 20px;
	flex-grow: 1;
}

.input-inline {
	display: flex;
	flex-wrap: wrap;
	margin: auto -15px
}
.input-inline .inputbox {
	margin: 15px
}
.inputbox {
	margin-bottom: 15px;
	flex-basis: 210px;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}
.inputbox label {
	flex-basis: 100%;
	padding-right: 15px;
	padding-bottom: 10px;
}
.inputbox button {
	margin-right: 10px
}
.input-text {
	background: #240F51;
	border: 1px solid #6850A0;
	height: 48px;
	display: flex;
	align-items: center;
	border-radius: 100px;
	flex-grow: 1;
	padding: 4px;
	position: relative;
}
.input-text .btn {
	height: 38px !important;
	line-height: 38px;
	text-align: center
}
.input-text input {
	padding: 0 15px;
	height: 100%;
	width: 0;
	flex-grow: 1;
	color: #fff
}
.input-text input:disabled {
	cursor: not-allowed
}
.input-text label {
	flex-grow: 1;
	height: 100%;
	display: flex;
}
.input-text .fileinput {
	height: 100%;
	flex-grow: 1;
	right: 0;
	top: 0;
	opacity: 0;
	line-height: 42px;
}
.input-text .filenameinput {
	position: absolute;
	right: 0;
	padding: 0 10px;
	max-width: 100%;
	overflow: hidden;
	color: #fff;
	white-space: nowrap;
	flex-grow: 1;
	text-align: right;
	text-overflow: ellipsis;
}
.input-text .img {
	display: flex;
	align-items: center;
	padding-right: 10px;
	border-right: 1px solid #6850A0;
	direction: ltr;
}
.input-text .img img {
	width: 20px;
	height: auto;
	margin: 0 10px
}

span.error {
	color: #E44C7A;
	position: absolute;
	right: 15px;
	top: 100%;
	font-size: 12px
}
input[type="checkbox"].error {
	border-color: #E44C7A;
}
input[type=checkbox] ~ span.error , input[type=radio] ~ span.error {
	display: none;
}
textarea {
	background: transparent;
	border: none;
}
.textarea {
	background: #240F51;
	border: 1px solid #6850A0;
	border-radius: 15px;
	padding: 15px;
	margin: 15px 0;
	width: 100%;
	position: relative;
}
.textarea textarea {
	width: 0;
	min-height: 120px;
	min-width: 100%;
	resize: vertical
}
.comment-list {
	flex-basis: 400px;
	flex-grow: 4;
	margin: 15px;
}
.comment {
	background: #281359;
	padding: 20px;
	border-radius: 20px;
	margin: 15px 0;
}
.comment-reply {
	background: #1F0E47;
	margin-right: 5%;
	position: relative;
}
.comment-reply:before {
	content: "\f505";
	position: absolute;
	right: -30px;
	top: 0;
	font-size: 35px;
	transform: scaleX(-1);
	display: block;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.comment .hd {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}
.comment .hd .user {
	display: flex;
	align-items: center;
}
.comment .hd .user .info {
	line-height: 22px;
}
.comment .hd .user .info span {
	display: block;
	font-size: 0.8em
}
.comment .hd .img {
	height: 48px;
	width: 48px;
	margin-left: 10px
}
.comment .hd .img img {
	width: 100%
}
.comment .hd .time {
	margin-right: auto;
	color: #B1ABF0;
}
.comment .btn-reply {
	background: unset;
	color: #45D6F0
}
.add-contactus {
	padding: 30px;
	background: #281359;
	border-radius: 20px;
	flex-basis: 400px;
	flex-grow: 1;
	margin: -15px 15px;
	display: flex;
	flex-direction: column;
}
.add-contactus textarea {
	min-height: 160px
}
.contactus-list {
	flex-basis: 600px;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -55px
}
@media (max-width: 1070px) {
	.contactus-list {
		margin-bottom: 0;
	}
	.add-contactus {
		margin: 0 15px;
	}
}
.contactus-list .item {
	position: relative;
	background: #281359;
	border-radius: 20px;
	padding: 20px;
	padding-top: 60px;
	flex-basis: 230px;
	flex-grow: 1;
	margin: 30px 15px;
}
.contactus-list .item .info {
	display: flex;
	flex-direction: column;
}
.contactus-list .item .icon {
	height: 70px;
	width: 70px;
	position: absolute;
	top: -35px;
	right: 20px;
	text-align: center;
	line-height: 70px
}
.contactus-list .item .icon i {
	z-index: 1;
	position: relative;
	font-size: 40px;
}
.contactus-list .item .icon:before {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	border-radius: 20px;
	z-index: 0;
	-webkit-transform: matrix3d( 1, -0.1, 0, -0.0019, 0, 1.1, 0, -0.0009, 0, 0, 0.1, 0, 0, 0, 0, 1 );
	        transform: matrix3d( 1, -0.1, 0, -0.0019, 0, 1.1, 0, -0.0009, 0, 0, 0.1, 0, 0, 0, 0, 1 );
}
.contactus-list .item b {
	font-size: 1.2em;
	font-weight: normal;
}
.contactus-list .item span {
	font-size: 0.9em;
	color: #B6A4DD
}

.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}
.dash-sidebar {
	margin: 15px;
	background: #281359;
	flex-basis: 250px;
	border-radius: 20px;
	overflow: hidden;
	flex-grow: 2
}
.dash-sidebar .hd {
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5739A 0%, #E44C7A 100%);
	padding-top: 80px
}
.dash-sidebar .profile-hd {
	background: #1E1E1E;
	padding: 2px 20px 2px;
	display: flex;
}
.dash-sidebar .profile-hd .userimg {
	position: relative;
	width: 72px;
	display: block;
	margin-left: 10px;
}
.dash-sidebar .profile-hd .userimg .img {
	position: absolute;
	width: 62px;
	height: 62px;
	top: -31px;
	background: #1E1E1E;
	border-radius: 100px;
	padding: 8px;
}
.dash-sidebar .profile-hd .userimg .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border: 2px solid #F5739A;
	border-radius: 100px;
	position: relative;
	z-index: 1;
}
.dash-sidebar .profile-hd .userimg .img:before {
	content: "";
	background: url(../images/radius.svg);
	background-size: 100%; 
	position: absolute;
	background-position: center bottom;
	background-repeat: no-repeat;
	left: 50%;
	top: -1px;
	transform: translateX(-50%);
	bottom: 20px;
	width: 93px;
	height: 31px;
}
.dash-sidebar .hd .info {
	position: relative;
}
.dash-sidebar .hd .info b {
	display: block;
	position: absolute;
	top: -32px;
	right: 0;
	font-weight: normal;
}
.dash-sidebar .hd .info span {
	color: #B6A4DD
}
.dash-sidebar ul {
	list-style: none;
	padding: 30px 0
}
.dash-sidebar ul li {
	position: relative;
	padding: 5px 30px;
	margin: 10px 0;
	color: #B6A4DD;
	cursor: pointer
}
.dash-sidebar ul li:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 70%;
	transform: translateY(-50%);
	width: 5px;
	border-radius: 100px;
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5739A 0%, #E44C7A 100%);
	opacity: 0;
}
.dash-sidebar ul li:hover:before , .dash-sidebar ul li.active:before {
	opacity: 1;
}
.dash-sidebar ul li i {
	vertical-align: middle;
	margin-left: 10px
}
.dashboard .tabs-box {
	flex-basis: 400px;
	flex-grow: 20;
}
.tab-counter {
	background: #281359;
	border-radius: 20px;
	padding: 20px;
	margin: 15px;
}
.counter-card {
	flex-basis: 180px;
	flex-grow: 1;
	padding: 50px 30px;
	text-align: center;
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	margin: 10px;
	border-radius: 15px;
}
.counter-card:nth-of-type(1) {
	background: url(../images/background/bg-12.svg) , url(../images/background/bg-13.svg) , radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	background-repeat: no-repeat;
	background-size: 140px , 100px , 100%;
	background-position-x: 0 , right 0;
	background-position-y: 0 , bottom 0;
}
.counter-card:nth-of-type(2) {
	background: url(../images/background/bg-14.svg) , url(../images/background/bg-13.svg) , radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	background-repeat: no-repeat;
	background-size: 200px , 120px , 100%;
	background-position-x: right 0 ,  -50px;
	background-position-y: 0 , center;
}
.counter-card:nth-of-type(3) {
	background: url(../images/background/bg-15.svg) , url(../images/background/bg-13.svg) , radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	background-repeat: no-repeat;
	background-size: 140px , 100px , 100%;
	background-position-x: 0 , right -30px;
	background-position-y: bottom 0 , -20px ;
}
.counter-card .num {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 10px
}
.counter-card .num span {
	font-size: 16px;
	font-weight: normal;
}
.action-list .item {
	display: flex;
	align-items: center;
	padding: 20px;
	justify-content: space-between;
	flex-basis: 320px;
	flex-grow: 1;
	background: #240F51;
	margin: 10px;
	border-radius: 15px;
}
.notifi {
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5B073 0%, #E48C4C 100%);
	padding: 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 10px
}
.notifi .icon {
	width: 80px;
	text-align: center
}
.notifi .icon i {
	font-size: 40px;
}
.notifi .info {
	padding: 10px;
	flex-basis: 300px;
	flex-grow: 1;
}
.notifi .btn {
	flex-basis: 130px
}

.tab-orders {
	background: #281359;
	border-radius: 20px;
	padding: 30px;
	margin: 15px;
}
.scroll-table {
	overflow: scroll;
	max-width: 100%;
	width: 100%;
}
.scroll-table .table {
	min-width: 700px
}
.table-hd , .t-tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 15px;
	white-space: nowrap;
}
.t-tr:nth-of-type(odd) {
	background: #220E50;
}

.table-hd .t-hd , .t-tr .t-td {
	flex-basis: 130px;
	flex-grow: 1;
	padding: 10px 15px;	
}
.t-tr .t-name , .table-hd .t-name {
	flex-grow: 4; 
	flex-basis: 200px;
	white-space: normal;
	line-height: 20px;
}
.t-tr .t-td {
	color: #B6A4DD
}
.t-tr .t-td:first-child {
	color: #45D6F0
}
.table-hd .t-hd:first-child ,.t-tr .t-td:first-child {
	flex-basis: 100px;
	max-width: 80px
}
.t-tr .t-td a {
	color: #7C44FF;
}
.t-tr .t-td a i {
	vertical-align: middle;
	font-size: 18px
}
.t-tr .t-remove  , .table-hd .t-remove{
	flex-basis: 30px !important;
	min-width: 52px;
}
.tab-wallet {
	background: #281359;
	margin: 15px;
	padding: 30px;
	border-radius: 20px;
}
.t-tr .t-img , .table-hd .t-img {
	flex-grow: 1;
	flex-basis: 50px;
	max-width: 60px;
	min-width: 60px;
}
.t-tr .t-img .img {
	width: 30px;
}
.t-tr .t-img img {
	width: 100%;
	display: block;
} 
.t-remove {
	color: #FF6594 !important;
}
.t-remove i {
	vertical-align: middle;
	cursor: pointer
}
.t-tr .t-td span {
	margin-right: 5px;
}
.remove-all {
	margin-top: 20px
}
.no-basket {
	padding: 40px 20px;
	text-align: center;
	background: #220E50;
	border-radius: 15px;
}
.no-basket i {
	font-size: 44px;
}
.no-basket span {
	display: block;
}
.wallet-card {
	padding: 40px 30px;
	text-align: center;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.wallet-card:before {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(-8deg);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(15px);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	z-index: 0;
}
.wallet-card:after {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 15px;
	background: url(../images/background/bg-12.svg) , url(../images/background/bg-13.svg) , radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	background-repeat: no-repeat;
	background-size: 140px , 100px , 100%;
	background-position-x: 0 , right 0;
	background-position-y: 0 , bottom 0;
	z-index: 0;
}
.wallet-card span {
	position: relative;
	z-index: 1;
}
.wallet-card .cash {
	font-size: 2em;
	margin-top: 20px;
	position: relative;
	z-index: 1;
}
.wallet-card .cash span {
	font-size: 16px;
}
.addcash-box {
	border-radius: 20px;
	padding: 20px;
	background: #220E50;
}
.addcash-box b {
	display: block;
}
.cash-list {
	display: flex;
	flex-wrap: wrap;
}
.cash-item {
	flex-basis: 100px;
	padding: 10px 15px;
	border-radius: 10px;
	margin: 5px;
	flex-grow: 1;
	text-align: center;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.5s
}
.cash-item:hover {
	background: #523A8A;
}
.tab-addresses {
	margin: 15px;
	padding: 20px;
	background: #281359;
	border-radius: 20px;
}
.address-item {
	padding: 20px;
	margin: 10px;
	flex-basis: 320px;
	flex-grow: 1;
	background: #220E50;
	border-radius: 15px;
}
.settings-box {
	margin: 15px;
	padding: 30px;
	flex-basis: 300px;
	flex-grow: 1;
	background: #281359;
	border-radius: 20px;
}
.settings-box .inputbox {
	flex-basis: 150px;
	border-radius: 20px;
}
.settings-box .userimg {
	height: 90px;
	width: 90px;
	display: block;
	margin: 0 auto 20px;
	border: 2px solid #F5739A;
	border-radius: 100px;
	overflow: hidden
}
.settings-box .userimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.add-number {
	display: flex;
	align-items: center;
}
.add-number button {
	font-size: 20px;
	line-height: 20px;
	background: transparent;
	color: #DADADA;
}
.add-number button:disabled {
	opacity: 0.3
}
.add-number input {
	width: 30px;
	height: 30px;
	text-align: center;
	border: 1px solid #DADADA;
	border-radius: 5px;
	color: #fff;
}
.discount-code .inputbox {
	margin-bottom: 0;
	margin-left: 10px;
	max-width: 300px;
}
@media (max-width:489px) {
	.discount-code .inputbox {
		max-width: unset;
		margin-bottom: 20px;
		margin-left: unset;
	}
	.discount-code .btn {
		flex-grow: 1;
		min-width: 100%
	}
}
.invoice-card {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}
.invoice-card .info {
	background: url(../images/background/bg-12.svg) , url(../images/background/bg-13.svg) , radial-gradient(92.07% 92.07% at 89.6% 7.93%, #2D7BB7 0%, #45D6F0 100%);
	background-repeat: no-repeat;
	background-size: 140px , 100px , 100%;
	background-position-x: 0 , right 0;
	background-position-y: 0 , bottom 0;
	text-align: center;
	padding: 30px 20px
}
.invoice-card .info span {
	font-size: 1.4em;
	margin-bottom: 10px;
	display: block;
}
.invoice-card .info b {
	display: block;
	font-size: 2em;
}
.invoice-card .btns {
	padding: 0 20px 20px;
}
.invoice-card .btn {
	width: 100%
}
.invoice-info {
	padding: 20px 0 10px;
}
.invoice-info .item {
	display: flex;
	justify-content: space-between;
	font-size: 1.2em;
	margin-bottom: 10px
}
.invoice-info .item b {
	font-weight: normal
}
.block-text p {
	color: #BFB8CD;
	text-align: justify
}
@media (max-width: 600px) {
	.block-text.pd-30 {
		padding: 0
	}
}
.catlist {
	display: flex;
	flex-basis: 400px;
	flex-grow: 1;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
}
.catlist .cat-item {
	padding: 30px;
	border-radius: 20px;
	background: #281359;
	margin: 10px;
	text-align: center;
	flex-grow: 1;
	color: #fff
}
.catlist .cat-item i {
	display: block;
	font-size: 52px;
	margin-bottom: 20px;
	transition: all 0.5s
}
.catlist .cat-item:hover i {
	transform: scaleX(-1)
}
.catlist .cat-item span {
	font-size: 1.2em;
}
.descr {
	flex-basis: 600px;
	flex-grow: 3;
	padding: 20px;
	text-align: justify
}
#appsSlider , #gamesSlider {
	height: 510px
}
#appsSlider .swiper-slide , #gamesSlider .swiper-slide{
	height: 233px;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: space-between
}
.app-item {
	position: relative;
	padding-top: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.app-item .img {
	width: 90px;
	height: 90px;
	border-radius: 20px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.app-item .img img {
	width: 100%;
	display: block;
}
.app-item .info {
	padding: 15px;
	padding-top: 70px;
	background: #230753;
	border-radius: 15px;
	white-space: nowrap;
	margin-top: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}
.app-item .info h3 {
	max-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 22px;
	white-space: normal !important;
}
.app-item .info h4 {
	font-weight: normal;
	color: #B6A4DD;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.app-item .info .normal-pric {
	color: #B6A4DD;
	font-size: 1.2em
}
.app-item .info .fast-pric {
	color: #6850A0;
	line-height: 14px;
	font-size: 0.9em
}
.app-item .info .btns {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}
.fasticon {
	font-size: 0.8em
}
.fasticon i {
	vertical-align: middle;
}
.apps-pagination , .games-pagination {
	margin-top: 0
}
.description {
	color: #BFB8CD;
	padding: 20px 0;
	text-align:justify;
	max-height:220px;
	overflow:hidden;
	position:relative
}
.block .description {
	padding: 0;
}
.description img {
	width: auto;
	max-width: 100%;
	display: block;
	margin: 15px 0
}
.description::after {
	content: "";
	position:absolute;
	bottom:0;
	right:0;
	height:100px;
	width:100%;
	background-image:linear-gradient(0deg,#150038 40%,rgba(255,255,255,0) 100%);
	display: block;
}
.block .description::after {
	background-image:linear-gradient(0deg,#281359 40%,rgba(255,255,255,0) 100%);
}
/* .description.larg {
	max-height:fit-content;
	transition:.5s
}
.description.larg::after {
	max-height:fit-content;
	transition:.5s;
	display: none;
} */
.product-bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 500px;
	max-width: 1350px;
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: -1
}
.product-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top
}
.product-bg:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgb(21,0,56);
	background: radial-gradient(circle, rgba(21,0,56,0.9) 0%, rgba(21,0,56,0.9) 17%, rgba(21,0,56,1) 100%); 
	display: block;
	left: 0;
	top: 0;
}
.product-img {
	flex-basis: 320px;
}
.product-img img {
	width: 100%;
	border-radius: 20px;
	display: block
}
.product-header .infobox {
	flex-basis: 400px;
	flex-grow: 1;
}
.product-header .infobox .speedbar , .product-header .infobox .title {
	padding: 0 20px
}
.product-header .infobox .product-proprety {
	background: #230753;
	padding: 30px 10px;
	border-radius: 20px 0 0 20px;
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
}

.product-header .infobox .product-proprety .item {
	flex-grow: 1;
	flex-basis: 130px;
	display: flex;
	margin: 10px;
}
.product-header .infobox .product-proprety .item .icon {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 15px;
	margin-left: 10px
}
.product-header .infobox .product-proprety .item .info span {
	display: block;
	line-height: 24px
}
.product-header .infobox .product-proprety .item .info span:nth-of-type(2) {
	color: #B6A4DD
}
.product-header .infobox .info-list {
	display: flex;
	padding: 0 10px;
	flex-wrap: wrap;
}
.product-header .infobox .info-list .item {
	color: #7862A9;
	margin: 10px;
}

.product-header .infobox .info-list .item i {
	vertical-align: middle;
	margin-left: 5px
}
.product-header .infobox .info-list .item b {
	color: #B6A4DD;
	margin-right: 5px;
}
@media (max-width: 819px) {
	.product-img {
		flex-basis: 120px;
		margin: 0 auto -40px;
		position: relative;
		top: -60px;
	}
	.product-header .infobox {
		flex-basis: 100%;
	}
	.product-header .infobox .product-proprety {
		border-radius: 20px;
	}
	.product-header .infobox .speedbar, .product-header .infobox .title , .product-header .infobox .info-list {
		padding: 0;
	}
}
@media (max-width: 420px) {
	.product-header .infobox .info-list .item {
		flex-basis: 100%
	}
}
.products-box {
	padding: 30px 0
}
.block-title {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.block-title:before {
	content: "";
	height: 2px;
	width: 80%;
	background: linear-gradient(90deg , transparent 0%, #230753 100%);
	position: absolute;
	right: 150px;
	top: 50%;
	transform: translateY(-50%)
}
.block-title span {
	color: #7862A9;
}
.products-list {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(217px,1fr));
}
.products-list .product-item {
	flex-basis: 185px;
	flex-grow: 1;
	position: relative;
	padding-top: 55px;
	margin: 10px;
	cursor: pointer
}
@media (max-width: 600px) {
	.products-list {
		grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
	}
	.products-list .product-item {
		margin: 10px;
	}
}
.products-list .product-item .img {
	height: 140px;
	width: 140px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 15px;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.products-list .product-item .img b {
	font-size: 2em;
	margin-top: 10px
}
.products-list .product-item .img img {
	width: 80px;
	display: block;
}
.products-list .product-item .info {
	padding:100px 20px 20px;
	border-radius: 15px;
	background: #230753;
	transition: all 0.5s;
}
.products-list .product-item.active .info , .products-list .product-item:hover .info {
	box-shadow: 0 0 30px rgba(45, 123, 183, 0.5),inset 0 0 0 2px #2D7BB7;
}
.products-list .product-item .info .price-list {
	margin-top: 10px;
	display: block;
}
.products-list .product-item .info .price-list .item {
	display: flex;
	justify-content: space-between;
}
.products-list .product-item .info .price-list .item span:nth-of-type(2) {
	color: #B6A4DD
}
.facilities .item {
	display: flex;
	white-space: nowrap;
	padding: 10px;
	flex-basis: 150px;
	flex-grow: 1;
}
.facilities .icon {
	margin-left: 10px;
}
.facilities .icon i {
	font-size: 42px;
}
.facilities .item span {
	display: block;
	line-height: 22px;
}
.facilities .item span:nth-of-type(2) {
	color: #B6A4DD;
	font-size: 0.8em;
}
.appform-option {
	padding: 20px;
	border-radius: 15px;
	background: #240F51;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 15px;
}
.appform-option .item {
	flex-basis: 200px;
	margin: 10px;
}
.appform-option .item > span {
	display: block;
}
.appform-option .item > span:nth-of-type(2) {
	color: #B6A4DD
}
.item.methodbox {
	display: flex;
	flex-basis: 400px;
	justify-content: flex-end;
	margin-right: auto;
	flex-wrap: wrap;
}
.methodbox .method-item {
	display: flex;
	align-items: center;
	background: #462E7F;
	margin: 10px;
	padding: 10px;
	border-radius: 15px;
	flex-grow: 1;
	white-space: nowrap;
	cursor: pointer
}
.methodbox .method-item .info {
	margin-right: 10px
}
.methodbox .method-item span {
	display: block;
	line-height: 22px
}
.methodbox .method-item span:nth-of-type(2) {
	color: #B6A4DD
}
.method-item input[type="radio"] {
	width: 25px;
	height: 25px;
	min-height: 25px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
}
.method-item input[type=radio]:active,
.method-item input[type=radio]:checked {
	background-color: #6CAB1C; 
	color: #fff;
	border-color: #6CAB1C;
	
}

.method-item input[type="checkbox"]:checked:before,
.method-item input[type="radio"]:checked:before {
	content: "\ea8e";
	font-family: ficon;
	height: 19px;
	width: 19px;
	background: unset;
	margin: unset;
	line-height: 22px;
	font-size: 18px;
	position: relative;

}

.appformfilds {
	flex-grow: 1;
	max-width: 700px;
	margin: 0 15px;
}
.appform-fildbox .invoice-card {
	flex-basis: 340px;
	margin: 15px;
}
@media (max-width: 927px) {
	.appformfilds {
		max-width: unset
	}
	.appform-fildbox .invoice-card {
		flex-grow: 1;
		margin: 0 10px;
	}
}
.error404 {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 450px;
	text-align: center;
	padding: 50px 30px;
	background: url(../images/background/bg-10.svg),#281359;
	background-position: center center;
	border-radius: 20px;
	justify-content: center;
	align-items: center;
}
.error404 b {
	font-size: 6em;
	font-weight: 850;
	display: block;
	line-height: 70px;
	position: relative
}
.error404 b:before {
	content: '\ebc7';
	font-size: 20px;
	color: #45D6F0;
	position: absolute;
	top: -50px;
	right: -20px;
	filter: drop-shadow(0 0 10px rgb(62, 226, 255));
}
.error404 b:after {
	content: '\ebc7';
	font-size: 20px;
	color: #C93965;
	position: absolute;
	bottom: -20px;
	left: -30px;
	filter: drop-shadow(0 0 10px rgb(201, 57, 101));
}
.error404 span {
	display: block;
	margin-bottom: 30px;
}
.checkout-form {
	flex-basis: 400px;
	flex-grow: 5;
	margin: 15px;
}
.checkout-factor {
	flex-basis: 300px;
	flex-grow: 1;
	margin: 15px;
}
.checkout-factor .info {
	padding: 15px;
	background: #240F51;
	border-radius: 15px;
	margin: 20px 0
}
.checkout-factor .info .item {
	display: flex;
	justify-content: space-between;
}
.checkout-factor .info .item:last-child {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #422E71
}
.payment-methods {
	display: flex;
	flex-wrap: wrap;
}
.payment-methods .paymethod {
	display: flex;
	align-items: center;
	margin: 10px;
	font-size: 10px;
	padding: 15px 10px;
	background: #240F51;
	border-radius: 10px;
	flex-basis: 120px;
	flex-grow: 1;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	cursor: pointer;
	white-space: nowrap
}
.payment-methods .paymethod.active {
	box-shadow: inset 0 0 0 2px #44D3ED;
}
.payment-methods .paymethod .img {
	width: 30px;
	margin-left: 10px
}
.payment-methods .paymethod .img img {
	display: block;
	width: 100%;
}
.rules {
	padding: 10px 0;
	font-size: 0.8em;
	position: relative;
}
.login-pages {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.login-pages .login-form {
	width: 100%;
	max-width: 430px;
	position: relative;
	z-index: 1
}
@media (max-width: 1024px) {
	.login-form {
		margin: 0 auto;
		display: block
	}
}
.login-pages .center {
	position: relative;
}
.login-pages .center:before {
	content: '\ebc7';
	font-size: 20px;
	color: #C93965;
	position: absolute;
	top: -20px;
	left: 60%;
	filter: drop-shadow(0 0 10px rgb(201, 57, 101));
}
.login-pages .center:after {
	content: '\ebc7';
	font-size: 20px;
	color: #45D6F0;
	position: absolute;
	bottom: 40px;
	left: 50%;
	filter: drop-shadow(0 0 10px rgb(62, 226, 255));
	
}
.login-box {
	background: #281359;
	border-radius: 20px;
	margin-bottom: 30px;
}
.login-box .login-hd {
	padding: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #150038;
}
.login-box .login-hd .img {
	max-width: 140px;
}
.login-box .login-hd .img img {
	width: 100%;
	display: block;
}
.login-box .login-hd a {
	color: #B6A4DD
}
.login-box .login-hd a i {
	vertical-align: middle;
	font-size: 18px;
}
.login-box .login-main {
	padding: 20px 30px 30px;
}
.login-box .login-main {
	font-size: 0.9em;
	text-align: center;
	color: #B6A4DD
}
.login-box .login-main .btn {
	margin-top: 10px
}
.login-box .login-main .rules {
	font-size: 1em;
	margin-top: 10px;
	padding-bottom: 0;
	display: block;
}
.pinlogin {
	display: flex;
	justify-content: space-around;
	direction: ltr;
	margin-bottom: 20px
}
.pinlogin .pinlogin-field {
	width: 0;
	color: #fff;
	border-bottom:  1px solid #6850A0;
	text-align: center;
	font-size: 24px;
	height: 30px;
	flex-basis: 30px;
	flex-grow: 1;
	margin: 10px 5px;
	max-width: 40px;
}
.resendcode {
	color: #fff;
	margin-top: 20px
}
#resendCode {
	background: transparent;
	color: #45D6F0;
	display: none;
	margin-top: 20px;
	font-size: 0.9em;
}
.loginback {
	background: transparent;
	color: #45D6F0;
	font-size: 0.9em;
	display: block;
	margin: 10px auto 0;
}
.loginback i {
	vertical-align: middle;
	font-size: 16px
}
.giftcard-sinlge-hd {
	background: #281359;
	padding: 20px;
	border-radius: 30px 30px 0 0;
	margin-bottom: 4px;
	justify-content: space-around
}
.giftcard-sinlge-hd .img {
	flex-basis: 188px;
	max-width: 188px;
}
.giftcard-sinlge-hd .img img {
	width: 100%;
	display: block;
}
.giftcard-hd-info {
	flex-basis: 600px;
		flex-grow: 1;
	padding: 0 20px
}
.giftcard-hd-info h2 {
	font-weight: 800;
	font-size: 2em;
}
.giftcard-hd-info h3 {
	font-weight: normal;
	font-size: 1.4em;
	color: #B1ABF0;
}
.giftcard-hd-info .text {
	color: #BFB8CD;
	margin-top: 20px;
}
.giftcard-box {
	background: #281359;
	padding: 30px;
	border-radius: 0 0 30px 30px;
	margin-bottom: 3px;
}
.statebox {
	background: #150038;
	padding: 10px;
	border-radius: 0 15px 15px 0;
	position: relative;
	margin-left: -30px
}
.state-item {
	padding: 10px;
	margin: 0 5px;
	border-radius: 10px;
	cursor: pointer
}
.state-item.active {
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}
.state-item .img {
	height: 30px;
	width: 30px;
	border-radius: 100px;
	margin-left: 10px;
}
.state-item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.giftcard-box .title {
	padding: 30px 0;
	font-size: 1.4em
}
.giftcard-box .title span {
	color: #B1ABF0
}
.giftcard-list {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
	margin: -10px;
}
.giftcard {
	padding: 20px 30px;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.5s;
	cursor: pointer;
	color: #fff;
	position: relative;
	flex-basis: 170px;
	flex-grow: 1;
	background: -o-linear-gradient(239.01deg, #523A8A 0%, #402779 100%);
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	margin: 10px;
	overflow: hidden;
}
.unavailable {
	opacity: 0.3;
	pointer-events: none
}
.giftcard.active , .giftcard:hover {
	box-shadow: inset 0 0 0 2px #2D7BB7 , 0 0 30px rgba(45, 123, 183, 0.5);
}
.giftcard:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: url(../images/gamebtns.svg);
	background-size: 170px;
	background-position: center bottom;
	background-repeat: no-repeat;
	opacity: 0.3;
	z-index: 0;
}
.giftcard > div {
	position: relative;
	z-index: 1;
}
.giftcard .flag {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 15px;
	top: 15px;
	padding: 3px;
	border-radius: 100px;
	box-shadow: inset 0 0 0 1px rgb(102, 80, 153), 0 0 30px rgba(201, 57, 101, 0.5);
	background: #41287a;
}
.giftcard .flag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px;
}
.giftcard .falgs {
	display: flex;
	justify-content: center;
	margin: 10px 0
}
.giftcard .falgs .img {
	height: 32px;
	width: 32px;
	overflow: hidden;
	border-radius: 100px;
	margin-left: -10px;
	background: #281359;
	padding: 3px;
	box-shadow: 0 0 30px rgba(208, 54, 184, 0.5);
	text-align: center;
	line-height: 28px
}
.giftcard .falgs .img img {
	width: 100%;
}
.giftcard .earring {
	width: 60px;
}
.giftcard .earring svg {
	width: 100%;
/* 	filter: drop-shadow(0 0 1px #624c94); */
	fill: #281359;
	
}
.giftcard .earring svg path {
	stroke: #624c94 !important;
}
.giftcard  .name {
	font-size: 1.2em;
}
.giftcard .en-name {
	color: #7862A9;
	font-size: 1.2em
}
.giftcard .verifi {
	color: #E44C7A;
}
.giftcard .fa-pric .pric {
	display: inline-block;
	margin-left: 5px;
	font-size: 1.4em;
}
.giftcard .en-pric {
	font-size: 2.4em;
	font-weight: 800;
	background: radial-gradient(92.07% 92.07% at 89.6% 7.93%, #F5739A 0%, #E44C7A 100%);
	color: #E44C7A;
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.giftcard .en-pric span {
	margin-right: -4px
}
.giftcard .gift-logo {
	height: 50px;
	width: 50px;
	margin: 10px 0;
}
.giftcard .gift-logo img {
	width: 100%;
	display: block;
}
.giftcard .btn {
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	font-size: 12px
}
.training {
	margin: -10px;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.training-item {
	margin: 10px;
	flex-basis: 240px;
	flex-grow: 1;
	background: #230753;
	padding: 20px;
	border-radius: 20px
}
.training-item h3 a {
	font-weight: normal;
	color: #fff
}
.training-item .img {
	width: 100%;
	height: 168px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10px;;
}
.training-item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.share {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-right: auto;
	justify-content: center;
}
.share .icon {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 10px;
}
.sharebox {
	position: absolute;
	display: flex;
	top: 50%;
	transform: translateY(-50%);
	left: 80%;

	color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s
}
.share.active .sharebox {
	left: calc(100% + 5px);
	visibility: visible;
	opacity: 1;
}

.sharebox .share-item {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 10px;
}
.sharebox .share-item:hover {
	transform: scale(1.1)
}
.sharebox .share-item i {
	font-size: 18px;
}
.basket-menu {
	position: absolute;
	background: #281359;
	padding: 20px;
	border-radius: 10px;
	line-height: 24px;
	text-align: right;
	width: 100%;
	max-width: 400px;
	right: 0;
	top: 85px;
	box-shadow: 0px 10.42px 50px rgba(0, 0, 0, 0.5);
	display: none
}
@media (max-width: 450px) {
	.basket-menu {
		max-width: unset;
		top: 70px;
		border-radius: 0;
	}
}
.basket-menu .basket-menu-item {
	display: flex;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	align-items: center;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}
.basket-menu .basket-menu-item:last-child {
	margin-bottom: 0;
}
.basket-menu .basket-menu-item .info {
	padding: 0 10px;
}
.basket-menu .basket-menu-item .info b {
	display: block;
}
.basket-menu .basket-menu-item .info span {
	color: #B1ABF0;
}
.basket-menu .img {
	width: 40px;
}
.basket-menu .img img {
	width: 100%;
	display: block;
}
.basket-menu .basket-menu-item .removebasket {
	margin-right: auto;
}
.product-list {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
	margin: -10px
}
.apps-product-list {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
	margin: -10px
}
.app-product {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #fff;
	background: #230753;
	border-radius: 15px;
	padding: 5px;
	margin: 10px;
	justify-content: space-around;
	transition: all 0.5s;
}
.app-product:hover {
	box-shadow: inset 0 0 0 2px #2D7BB7 , 0 0 30px rgba(45, 123, 183, 0.5);
}
.app-product .img {
	flex-basis: 90px;
	max-height: 90px;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin: 10px;
}
.app-product .img img {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
} 
.app-product .info {
	margin: 10px;
	flex-grow: 1;
}
.app-product .info h3  {
	max-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 22px;
	white-space: normal !important;
}
.app-product .info h4 {
	font-weight: normal;
	color: #B6A4DD;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.invoice-box .btns {
	margin-bottom: 10px
}
.invoice-box .btns .btn {
	margin: 0 5px;
}
@media (max-width: 450px) {
	.invoice-box .btns .btn {
		flex-grow: 1;
		flex-basis: 100px
	}
}
.invoice-box .invoice-info .item {
	padding: 10px 15px;
	background: #240F51;
	border-radius: 10px;
	font-size: 1em
}
.invoice-box > .hd {
	text-align: center;
}
.invoice-box .hd .icon {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-radius: 100px;
	line-height: 50px;
	margin-bottom: 10px;
}
.invoice-box .hd .title {
	font-size: 1.2em;
}
.invoice-gift-list {
	display: flex;
	margin: -10px;
	flex-wrap: wrap;
		display:grid;
	grid-template-columns:repeat(auto-fill,minmax(254px,1fr));
}
.invoice-giftcard {
	background: orange;
	padding: 20px;
	margin: 10px;
	border-radius:15px;
	flex-basis: 230px;
	flex-grow: 1;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}
.invoice-giftcard .giftprice {
	font-size: 2em;
	direction: ltr
}
.invoice-giftcard .img {
	height: 40px;
	width: 40px;
}
.invoice-giftcard .img img {
	display: block;
	width: 100%;
}
.invoice-giftcard .giftcode {
	font-size: 1.2em;
	letter-spacing: 0px;
	margin-bottom: 10px
}
.invoice-giftcard .copy {
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 5px; padding: 0 10px;
	cursor: pointer
}
.invoice-giftcard .copy i {
	vertical-align: middle;
}
.invoice-giftcard .ft span {
	font-size: 1.2em;
}
.invoice-block  .block-title {
	margin: 10px 0;
}
.invoice-app {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	margin-bottom: 20px;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	border-radius: 15px;
	flex-wrap: wrap;
}
.invoice-app .img {
	flex-basis: 45px;
	min-height: 45px;
	min-width: 45px;
	overflow: hidden;
	border-radius: 12px;
	margin-left: 10px;
}
.invoice-app .img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.invoice-app .info {
	line-height: 20px;
	margin-left: auto;
}
.invoice-app .order-statos {
	margin-right: auto;
}
.invoice-app .info span {
	color: #B6A4DD
}
.modalbox {
	position: fixed;
	background: rgba(0,0,0,0.5);
	backdrop-filter: blur(50px);
	top: 0;
	left: 0;
	z-index: 11;
	height: 100vh;
	width: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	display: none;
}
.modal {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	background: #281359;
	border-radius: 20px;
}
.modal-hd {
	padding: 20px;
	border-bottom: 1px solid #381f73;
}
.modal-hd span {
	font-size: 1.2em;
}
.modal-hd i {
	display: inline-block;
	transform: rotate(45deg);
	font-size: 30px;
	color: #6b5797;
	cursor: pointer
}
.modal-hd i:hover {
	opacity: 0.5
}
.modal-main {
	padding: 20px;
	max-height: 400px
}
 .modal-ft{
	 border-top: 1px solid #381f73;
	padding: 20px;
}
.modal-main .gifts-orders {
	display: flex;
	flex-wrap: wrap;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	margin: -10px
}
.modal-main .gifts-orders .invoice-giftcard {
	flex-basis: 200px; 
	flex-grow: 1;
}

.appleid-orders .appleid-item {
	border-radius: 10px;
	background: linear-gradient(210.99deg, #523A8A 0%, #402779 100%);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
	padding:10px;
	margin-bottom: 10px
}
.appleid-orders .item {
	flex-basis: 150px;
	margin: 10px;
	border-bottom: 1px solid #6b5797;
}
.appleid-orders .item > div {
	letter-spacing: 1px;
	color: #45D6F0
}
.appleid-orders .questions-list {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}
.appleid-orders .questions-list span {
	width: 100%;
}
.appleid-orders .questions-list .question {
	direction: ltr;
	margin: 10px;
	font-size: 1.2em;;
	flex-grow: 1;
	flex-basis: 200px;
	border-bottom: 1px solid #6b5797;
}
.appleid-orders .questions-list .question .text {
	color: #45D6F0
}
.loader-form {
	display: none;
}