@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/iranyekan/eot/iranyekanwebboldfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/iranyekan/eot/iranyekanwebthinfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/iranyekan/eot/iranyekanweblightfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iranyekan/eot/iranyekanwebregularfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/iranyekan/eot/iranyekanwebmediumfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/iranyekan/eot/iranyekanwebextraboldfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/iranyekan/eot/iranyekanwebblackfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/iranyekan/eot/iranyekanwebextrablackfanum.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
:root{
  --main-background: #222831;
  --main-text-color: #e5e5e5;
  --main-color: #00adb4;
  --main-glass-background: rgb(0 173 180 / 10%);
  --main-shadow: rgb(0 173 180 / 50%);
}
* {
  outline: 0;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
}
a{
  text-decoration: none;
  transition: all .3s;
}
body{
  text-align: right;
  direction: rtl;
  font-weight: 400;
  line-height: normal;
  font-size: 14px;
  font-family: iranyekan;
  color: var(--main-text-color);
  background: var(--main-background);
}
input,
textarea,
select,
input[type=submit]{
  font-family: iranyekan;
	background: var(--main-glass-background);
	border-radius: 5px;
	padding: 7px;
	color: var(--main-color);
	outline: none;
}
input[type=submit]{
	padding: 6px 12px;
}
.header{
  display: block;
      margin-bottom: 2em;
      height: 80px;
      box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
}
.header .logo{
  float: right;
      height: 80px;
      padding-top: 11px;
      margin-left: 25px;
}
.header .logo a{
  line-height: 0;
      float: right;
			display: flex;
}
.header .logo a img{
	width: 55px;
	    margin-left: 15px;
	    height: auto;
}
.header .logo a span{
	font-size: 40px;
	    color: var(--main-color);
	    line-height: 0;
	    display: inline-block;
	    float: right;
	    margin-top: 10px;
	    margin-left: 15px;
}
.header .logo a .subtitle{
	font-style: normal;
	color: var(--main-text-color);
	font-weight: 900;
	font-size: 15px;
	line-height: normal;
	margin-top: 17px;
}
.header .header-menu{
    float: right;
    margin-top: 29px;
}
.header .header-menu ul{
  float: right;
      list-style-type: none;
}
.header .header-menu ul li{
  float: right;
  margin-left: 2.5em;
  position: relative;
}
.header .header-menu ul li a{
  color: var(--main-text-color);
      padding: 2px 8px;
      border-radius: 50px;
      float: right;
      line-height: normal;
}
.header .header-menu ul li:hover > a,
.header .header-menu ul li.current-menu-item > a,
.header .header-menu ul li.current-menu-parent > a
{
  color: var(--main-color);
  background: var(--main-glass-background);
}
.header .header-menu ul li.menu-item-has-children > a:after{
  content: "\e903";
      font-family: 'iconly' !important;
      speak: never;
      font-style: normal;
      font-variant: normal;
      text-transform: none;
      font-weight: 200;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      float: left;
      font-size: 10px;
      margin-top: 5px;
      margin-right: 5px;
}
.header .header-menu ul li ul{
  position: absolute;
      right: -20px;
      margin-top: 22px;
      top: 100%;
      background: var(--main-background);
      box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
      padding: 1.5em;
      border-radius: 8px;
      min-width: 200px;
      transition: all .3s;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
			z-index: 1001;
}
.header .header-menu ul li.games ul,
.header .header-menu ul li.apps ul{
	min-width: 550px;
	border-radius: 0 0 0 40px;
}
.header .header-menu ul li:hover > ul{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  margin-top: 12px;
}
.header .header-menu ul li ul:before{
  content: "";
      border-top: 5px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid var(--main-background);
      border-left: 10px solid transparent;
      position: absolute;
      right: 30px;
      top: -15px;
}
.header .header-menu ul li.games ul:after,
.header .header-menu ul li.apps ul:after{
  content: "";
      background-image: url(../images/game-bg-menu.png);
      background-repeat: no-repeat;
      background-size: 240px auto;
      width: 240px;
      height: 126px;
      position: absolute;
      left: 0;
      bottom: -1px;
}
.header .header-menu ul li.apps ul:after{
	background-image: url(../images/apps-bg-menu.png);

}
.header .header-menu ul li ul li{
  margin: 0;
      width: 100%;
      margin-bottom: 9px;
}
.header .header-menu ul li ul li:last-child{
	margin-bottom: 0;
}
.header .header-menu ul li.games ul li,
.header .header-menu ul li.apps ul li{
	width: 44%;
}
.header .header-menu ul li ul li a{
  font-size: 12px;
}
.header .header-menu ul li ul li ul{
	right: 100%;
	top: -34px;
}
.header .header-menu ul li ul li ul:before{
	content: "";
	border-top: 5px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid var(--main-background);
	position: absolute;
	right: -20px;
	top: 23px;
}
.header .header-menu ul li ul li.menu-item-has-children > a:after{
	content: "\e908";
	margin-top: 3px;
	margin-right: 10px;
}
.menuMobile{
	position: fixed;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 1001;
			display: none;
}
.menuMobile > ul{
	position: absolute;
	    right: 0;
	    width: 300px;
	    background: var(--main-background);
	    padding: 15px;
	    height: calc(100%);
	    box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	    z-index: 2;
			list-style-type: none;
			overflow-y: scroll;
			direction: ltr;
}
.menuMobile ul li{
	float: right;
	    width: 100%;
	    margin-bottom: 10px;
			direction: rtl;
}
.menuMobile ul li:last-child{
	margin-bottom: 0;
}
.menuMobile ul li.menu-item-has-children .arrow{
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: var(--main-glass-background);
    color: var(--main-color);
    border-radius: 5px;
    cursor: pointer;
}
.menuMobile ul li.menu-item-has-children.active > .arrow{
	transform: rotate(-90deg);
}
.menuMobile ul li a{
	color: var(--main-text-color);
	    padding: 2px 8px;
	    border-radius: 50px;
	    float: right;
	    line-height: normal;
}
.menuMobile ul li a:hover{
	color: var(--main-color);
	    background: var(--main-glass-background);
}
.menuMobile ul li ul{
	list-style-type: none;
	float: right;
	width: 100%;
	margin-top: 10px;
	padding-right: 15px;
	display: none;
}
.menuMobile ul li ul li a{
	opacity: .6;
}
.menuMobile .shadow{
	position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: var(--main-glass-background);
}
.header .buttons{
  float: left;
  margin-top: 26px;
}
.header .buttons .btn{
  float: left;
      margin-right: 1em;
      width: 28px;
      height: 28px;
      text-align: center;
      padding-top: 5px;
      background: var(--main-glass-background);
      border-radius: 5px;
      cursor: pointer;
      transition: all .3s;
      position: relative;
}
.header .buttons .btn:hover{
  box-shadow: 0 0 15px 0px var(--main-shadow);
}
.header .buttons .btn .icon{
  color: var(--main-color);
      font-size: 17px;
}
.header .buttons .btn .tooltip{
  position: absolute;
  background: var(--main-glass-background);
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
  padding: 3px 10px;
  border-radius: 50px;
  margin-top: 22px;
  font-size: 11px;
  color: var(--main-color);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s;
}
.header .buttons .btn:hover .tooltip{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  margin-top: 12px;
}
.header .buttons .btn .tooltip:before{
  content: "";
      border-left: 5px solid transparent;
      border-top: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid var(--main-glass-background);
      position: absolute;
      left: 50%;
      top: -10px;
      transform: translate(-50%, 0);
}
.header .buttons .btn .sectionHide{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all .3s;
}
.header .buttons .btn.account:hover .sectionHide{
	opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header .buttons .btn ul{
	position: relative;
	list-style-type: none;
	background: var(--main-glass-background);
	padding: 7px;
	border-radius: 8px;
	margin-top: 22px;
	width: 114px;
	transition: all .3s;
}
.header .buttons .btn.account:hover ul{
	margin-top: 12px;
}
.header .buttons .btn ul:before{
	content: "";
      border-left: 5px solid transparent;
      border-top: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid var(--main-glass-background);
      position: absolute;
      left: 50%;
      top: -10px;
      transform: translate(-50%, 0);
}
.header .buttons .btn ul li{
	display: block;
}
.header .buttons .btn ul li a{
color: var(--main-color);
display: block;
font-size: 12px;
border-radius: 5px;
margin-bottom: 7px;
transition: all .3s;
    padding: 2px 0;
		white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header .buttons .btn ul li:last-child a{
	margin-bottom: 0;
}
.header .buttons .btn ul li a:hover{
background: var(--main-glass-background);
}
.header .buttons .btn.menu{
	display: none;
}
.searchMain{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: none;
}
.searchMain .shadow{
  position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: var(--main-background);
}
.searchMain .container{
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 2;
}
.searchMain .close{
  position: absolute;
      right: 15px;
      top: -35px;
      cursor: pointer;
      transition: all .3s;
}
.searchMain .close:hover{
  opacity: .7;
}
.searchMain form{
  position: relative;
      float: right;
      width: 100%;
}
.searchMain form input[type="text"]{
  float: right;
      width: 100%;
      background: var(--main-glass-background);
      border-radius: 5px;
      height: 70px;
      line-height: 70px;
      padding: 0 25px 0 0;
      color: var(--main-color);
}
.searchMain form input[type="text"]::placeholder{
  color: var(--main-color);
}
.searchMain form fieldset{
	float: right;
	width: 100%;
	margin-top: 15px;
}
.searchMain form fieldset label{
	display: inline-block;
	margin-left: 15px;
	cursor: pointer;
	color: var(--main-text-color);
	font-size: 13px;
	position: relative;
	padding-right: 18px;
}
.searchMain form fieldset label input{
	float: right;
	width: 0;
	height: 0;
	margin: 0;
	cursor: none;
}
.searchMain form fieldset label .check{
	position: absolute;
	right: 0;
	top: 1px;
	width: 14px;
	height: 14px;
	background: var(--main-glass-background);
	border-radius: 4px;
}
.searchMain form fieldset label .check:before{
	content: '\2713';
	color: var(--main-color);
	display: none;
	position: absolute;
	right: 3px;
	top: 8px;
	line-height: 0;
	font-size: 11px;
}
.searchMain form fieldset label input:checked ~ .check:before{
	display: block;
}
.searchMain form button{
  position: absolute;
      left: 0;
      top: 0;
      background: transparent;
      color: var(--main-color);
      height: 70px;
      width: 70px;
      font-size: 23px;
      padding-top: 2px;
      cursor: pointer;
}
.sidebar{
  float: right;
  width: 100%;
}
.sidebar .widget,
.block{
  float: right;
  width: 100%;
  margin-bottom: 1.5em;
}
.sidebar .widget .title,
.block .title{
  float: right;
      width: 100%;
      margin-bottom: 1.5em;
      overflow: hidden;
}
.sidebar .widget .title h4,
.block .title h4{
  float: right;
      position: relative;
      padding-right: 22px;
      font-weight: bold;
}
.sidebar .widget .title h4:before,
.block .title h4:before{
  content: "";
      position: absolute;
      right: 0;
      top: 6px;
      width: 15px;
      height: 6px;
      background: var(--main-color);
      border-radius: 50px;
      opacity: 0.7;
}
.sidebar .widget .title h4 i,
.block .title h4 i{
  position: absolute;
  left: -12px;
  background: var(--main-color);
  width: 6px;
  height: 6px;
  border-radius: 50px;
  top: 6px;
  opacity: 0.7;
}
.sidebar .widget .title h4 i:before,
.sidebar .widget .title h4 i:after,
.block .title h4 i:before,
.block .title h4 i:after{
  content: "";
      position: absolute;
      right: 20px;
      background: var(--main-color);
      width: 6px;
      height: 6px;
      border-radius: 50px;
      top: 0;
      opacity: 0.3;
}
.sidebar .widget .title h4 i:after,
.block .title h4 i:after{
  right: auto;
      left: -10px;
      opacity: 0.5;
}
.block .title .more{
	float: left;
	color: var(--main-color);
	font-size: 12px;
}
.sidebar .widget .content,
.block .content{
  float: right;
  width: 100%;
}
.sidebar .widget.category ul{
	float: right;
	    width: 100%;
	    list-style-type: none;
}
.sidebar .widget.category ul li a{
	color: var(--main-text-color);
}
.sidebar .widget.category ul li.menu-item-has-children{
	float: right;
	width: 100%;
	padding: 12px 15px;
	background: var(--main-background);
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	border-radius: 8px;
	margin-bottom: 1em;
	font-size: 12px;
	font-weight: 400;
}
.sidebar .widget.category ul li.menu-item-has-children > a{
	font-size: 12px;
	font-weight: 400;
	position: relative;
	cursor: pointer;
	display: block;
}
.sidebar .widget.category ul li.menu-item-has-children > a:before{
	content: "\e903";
	    font-family: 'iconly' !important;
	    speak: never;
	    font-style: normal;
	    font-variant: normal;
	    text-transform: none;
	    font-weight: 200;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    color: var(--main-color);
	    font-size: 10px;
	    position: absolute;
			left: 0;
	    top: 4px;
}
.sidebar .widget.category ul li.menu-item-has-children.active > a:before{
	content: "\e912";
}
.sidebar .widget.category ul li ul{
	margin-top: 1em;
	    padding-top: 1em;
	    border-top: 1px solid var(--main-glass-background);
			display: none;
}
.sidebar .widget.category ul li:first-child ul{
	display: block;
}
.sidebar .widget.category ul li ul li{
	float: right;
	    width: 100%;
	    margin-bottom: 8px;
}
.sidebar .widget.category ul li ul li:last-child{
	margin-bottom: 0;
}
.sidebar .widget.category ul li ul li a{
	color: var(--main-text-color);
	    padding: 2px 8px;
	    border-radius: 50px;
	    float: right;
	    line-height: normal;
}
.sidebar .widget.category ul li ul li a:hover{
	color: var(--main-color);
	background: var(--main-glass-background);
}
.sidebar .widget.category .accordion{
	float: right;
	width: 100%;
	padding: 12px 15px;
	background: var(--main-background);
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	border-radius: 8px;
	margin-bottom: 1em;
	font-size: 12px;
	font-weight: 400;
}
.sidebar .widget.category .accordion:last-child{
	margin-bottom: 0;
}
.sidebar .widget.category .accordion-title{
	font-size: 12px;
	font-weight: 400;
	position: relative;
	cursor: pointer;
}
.sidebar .widget.category .accordion-title:before{
	content: "\e903";
	    font-family: 'iconly' !important;
	    speak: never;
	    font-style: normal;
	    font-variant: normal;
	    text-transform: none;
	    font-weight: 200;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    color: var(--main-color);
	    font-size: 10px;
	    position: absolute;
			left: 0;
	    top: 4px;
}
.sidebar .widget.category .accordion-title.active:before{
	content: "\e912";
}
.sidebar .widget.category .accordion-body{
	margin-top: 1em;
	    padding-top: 1em;
	    border-top: 1px solid var(--main-glass-background);
			display: none;
}
.sidebar .widget.category .accordion-body li{
	float: right;
	    width: 100%;
	    margin-bottom: 8px;
}
.sidebar .widget.category .accordion-body li:last-child{
	margin-bottom: 0;
}
.sidebar .widget.category .accordion-body li a{
	color: var(--main-text-color);
	    padding: 2px 8px;
	    border-radius: 50px;
	    float: right;
	    line-height: normal;
}
.sidebar .widget.category .accordion-body li a:hover{
	color: var(--main-color);
	background: var(--main-glass-background);
}
.sidebar .widget.search form{
	float: right;
	    width: 100%;
	    position: relative;
}
.sidebar .widget.search form input{
	float: right;
	    width: 100%;
	    background: var(--main-glass-background);
	    border-radius: 5px;
	    height: 30px;
	    line-height: 30px;
	    padding: 0 12px 0 0;
	    color: var(--main-color);
	    font-size: 11px;
}
.sidebar .widget.search form input::placeholder{
	color: var(--main-color);
}
.sidebar .widget.search form button{
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: var(--main-color);
	font-size: 14px;
	cursor: pointer;
}
.block .content .loader{
	border: 2px solid var(--main-glass-background);
  border-radius: 50%;
  border-top: 2px solid var(--main-color);
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  display: block;
  margin: 0 auto;
  margin-top: 2em;
}
.block .content .item{
	float: right;
	    width: 100%;
	    background: var(--main-background);
	    box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	    padding: 1em;
	    border-radius: 8px;
			margin-bottom: 25px;
			transition: transform .3s;
			position: relative;
}
.block .content .item:hover{
	transform: scale(1.05);
}
.block .content .item.special{
    background: rgb(255 193 7 / 5%);
}
.block .content .item .thumbnail{
	float: right;
	    width: 100%;
	    margin-bottom: 2em;
	    position: relative;
}
.block .content .item .thumbnail .image{}
.block .content .item .thumbnail img{
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border-radius: 8px;
}
.block .content .item .bottom{
	margin-bottom: 15px;
	float: right;
	width: 100%;
}
.block .content .item .bottom .rating-number{
	float: left;
	font-size: 12px;
	opacity: .3;
	margin-left: 10px;
}
.block .content .item .rating{
	float: left;
	width: 75px;
	position: relative;
	height: 15px;
}
.block .content .item .rating i{

}
.block .content .item .rating .off{
	display: flex;
	flex-direction: row-reverse;
	position: absolute;
	left: 0;
	font-size: 15px;
	z-index: 1;
	opacity: 0.2;
}
.block .content .item .rating .on{
	display: flex;
	flex-direction: row-reverse;
	position: absolute;
	left: 0;
	z-index: 2;
	color: #ffc107;
	width: 0;
	overflow: hidden;
	font-size: 15px;
}
.block .content .item .thumbnail .info{
	overflow: hidden;
	display: block;
}
.block .content .item .thumbnail .like,
.block .content .item .thumbnail .star,
.block .content .item .thumbnail .online{
	float: right;
	width: 100%;
	margin-bottom: 10px;
}
.block .content .item .thumbnail .like div,
.block .content .item .thumbnail .star div,
.block .content .item .thumbnail .online div{
	float: right;
	    background: rgb(240 84 84 / 10%);
	    color: #F05454;
	    border-radius: 50px;
	    padding: 3px 8px;
	    font-size: 9px;
}
.block .content .item .thumbnail .like span,
.block .content .item .thumbnail .star span,
.block .content .item .thumbnail .online span{
	float: right;
	    margin-left: 4px;
	    font-size: 13px;
}
.block .content .item .thumbnail .like i,
.block .content .item .thumbnail .star i,
.block .content .item .thumbnail .online i{
font-style: normal;
}
.block .content .item .thumbnail .star div{
	color: #ffc107;
	background: rgb(255 193 7 / 10%);
	padding: 4px 8px;
}
.block .content .item .thumbnail .online{
	margin-bottom: 0;
}
.block .content .item .thumbnail .online div{
	background: var(--main-glass-background);
  color: var(--main-color);
}
.block .content .item .tit{
	float: right;
	    width: 100%;
			margin-bottom: 10px;
}
.block .content .item .title-en{
	float: right;
	    width: 100%;
	    direction: ltr;
	    height: 36px;
		line-height: 36px;
		overflow: hidden;
	    text-align: center;
	    font-weight: 400;
	    color: var(--main-text-color);
	    font-size: 13px;
	    margin-bottom: 15px;
}
.block .content .item .title-en span{
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}
.block .content .item .title-fa{
	float: right;
	    width: 100%;
	    text-align: center;
	    padding: 0 10px;
	    overflow: hidden;
	    line-height: 2em;
	    font-weight: 400;
	    color: var(--main-text-color);
	    font-size: 12px;
	    opacity: 0.5;
			transition: all .3s;
}
.block .content .item .title-fa:hover{
	opacity: 1;
}
.block .content .item .like{
	float: left;
	    background: rgb(240 84 84 / 10%);
	    color: #F05454;
	    border-radius: 50px;
	    padding: 3px 8px;
	    font-size: 9px;
}
.block .content .item .like span{
	float: left;
	margin-right: 4px;
	font-size: 13px;
}
.block .content .item .online{
    position: absolute;
    right: 0;
    bottom: 0;
}
.block .content .item .online svg{
    height: 26px;
    fill: #25c600;
    opacity: 1;
    width: 26px;
    display: inherit;
}
.block .title{
	overflow: unset;
}
.block .filter{
	float: left;
	position: relative;
}
.block .filter .btn{
	float: left;
	    font-size: 15px;
	    color: var(--main-color);
	    cursor: pointer;
}
.block .filter ul{
	position: absolute;
	left: -20px;
	width: 115px;
	margin-top: 20px;
	text-align: center;
	top: 100%;
	background: var(--main-background);
	z-index: 1001;
	list-style-type: none;
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	border-radius: 8px;
	padding: 10px;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	transition: all .3s;
}
.block .filter:hover ul{
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	margin-top: 10px;
}
.block .filter ul:before{
	content: "";
	border-top: 5px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--main-background);
	border-left: 8px solid transparent;
	position: absolute;
	left: 19px;
	top: -13px;
}
.block .filter ul li{
	float: right;
  width: 100%;
  font-size: 11px;
  cursor: pointer;
  color: var(--main-text-color);
  padding: 2px 8px;
  border-radius: 50px;
  line-height: normal;
  margin-bottom: 5px;
	transition: all .3s;
}
.block .filter ul li:last-child{
	margin-bottom: 0;
}
.block .filter ul li.active,
.block .filter ul li:hover{
	color: var(--main-color);
  background: var(--main-glass-background);
}
.sidebar .widget .nav{
	float: left;
	list-style-type: none;
}
.sidebar .widget .nav li{
	color: var(--main-text-color);
  padding: 2px 8px;
  border-radius: 50px;
  float: left;
	margin-right: 5px;
  line-height: normal;
	transition: all .3s;
	cursor: pointer;
	font-size: 11px;
}
.sidebar .widget .nav li.active,
.sidebar .widget .nav li:hover{
	color: var(--main-color);
	background: var(--main-glass-background);
}
.sidebar .widget.posts .items{
	float: right;
	width: 100%;
}
.sidebar .widget.posts .items.games,
.sidebar .widget.posts .items.apps{
	display: none;
}
.sidebar .widget.posts .items.games{
	display: block;
}
.sidebar .widget.posts .items li{
	float: right;
	width: 100%;
	margin-bottom: 15px;
	list-style-type: none;
}
.sidebar .widget.posts .items li:last-child{
	margin-bottom: 0;
}
.sidebar .widget.posts .items li a{
	float: right;
	    width: 100%;
}
.sidebar .widget.posts .items li a img{
	float: right;
	    margin-left: 10px;
	    width: 55px;
	    height: 55px;
	    border-radius: 8px;
}
.sidebar .widget.posts .items li a .title-fa{
	display: block;
	    color: var(--main-text-color);
	    font-weight: 400;
	    font-size: 13px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
			opacity: 0.5;

}
.sidebar .widget.posts .items li a .title-en{
	display: block;
	color: var(--main-text-color);
	font-weight: 400;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: ltr;
	margin-top: 5px;
	margin-bottom: 10px;
}
.sidebar .widget.posts .items li:hover a .title-fa{
	opacity: 1;
	transition: all .3s;
}
.sidebar .widget.developer .item{
	float: right;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.sidebar .widget.developer .item img{
	max-width: 100%;
	height: auto;
	border-radius: 12px;
}
.sidebar .widget.developer .item span{
	display: block;
	    text-align: center;
	    color: var(--main-text-color);
	    margin-top: 12px;
	    font-size: 11px;
			transition: all .3s;
}
.sidebar .widget.developer .item:hover span{
	color: var(--main-color);
}
.footer{
	background: var(--main-background);
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	position: relative;
	overflow: hidden;
	padding-top: 3em;
}
.footer:before{
	content: "";
	width: 800px;
	height: 750px;
	background: var(--main-glass-background);
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(0, -50%);
	border-radius: 50%;
	opacity: 0.2;
}
.footer .aboutUs{
	float: right;
	    padding: 3em 0 0;
			position: relative;
}
.footer .aboutUs .thumbnail{
	float: right;
	    width: 100%;
	    margin-bottom: 1em;
}
.footer .aboutUs .thumbnail .logo{
	float: right;
	margin-left: 16px;
	font-size: 60px;
	line-height: 0;
	color: var(--main-color);
}
.footer .aboutUs .thumbnail .title-fa{
	display: block;
	overflow: hidden;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 5px;
}
.footer .aboutUs .thumbnail .title-en{
	display: block;
	    overflow: hidden;
	    font-size: 11px;
	    opacity: 0.5;
}
.footer .aboutUs p{
	float: right;
	    width: 100%;
	    line-height: 2em;
	    font-size: 12px;
}
.footer .widget{
	float: right;
	    width: 100%;
	    padding-top: 3em;
			position: relative;
}
.footer .widget .title{
	float: right;
	    width: 100%;
	    margin-bottom: 2em;
}
.footer .widget .title h5{
	font-size: 13px;
	    font-weight: bold;
}
.footer .widget .content{
	float: right;
	width: 100%;
}
.footer .widget.honor .content p{
	display: block;
	    line-height: 2em;
	    font-size: 12px;
	    margin-bottom: 1em;
}
.footer .widget.honor .content .btn{
	display: block;
	text-align: center;
}
.footer .widget.honor .content .btn .app,
.footer .widget.honor .content .btn .game{
			background: var(--main-glass-background);
	    color: var(--main-color);
	    padding: 8px 20px;
	    border-radius: 5px;
	    display: inline-block;
	    margin: 0 10px;
	    font-size: 12px;
}
.footer .widget.honor .content .btn .game{
	background: rgb(240 84 84 / 10%);
  color: #F05454;
}
.footer .widget.comments .item{
	float: right;
	width: 100%;
}
.footer .widget.comments .item .icon{
	float: right;
	    width: 35px;
	    height: 35px;
	    text-align: center;
	    padding-top: 8px;
	    font-size: 16px;
	    background: var(--main-glass-background);
	    color: var(--main-color);
	    border-radius: 5px;
	    margin-left: 7px;
}
.footer .widget.comments .item .name{
	font-size: 12px;
	    display: block;
	    overflow: hidden;
	    white-space: nowrap;
}
.footer .widget.comments .item .url{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	color: var(--main-text-color);
	font-size: 10px;
	opacity: 0.5;
	margin-top: 2px;
	text-overflow: ellipsis;
	transition: all .3s;
}
.footer .widget.comments .item .url:hover{
	opacity: 1;
}
.footer .widget.comments .item p{
	display: block;
	    margin-top: 15px;
	    line-height: 2em;
	    font-size: 12px;
}
.footer .widget.menu{
    padding: 2em 0 2em 0;
}
.footer .widget.menu ul{
	display: block;
	    text-align: center;
	    list-style-type: none;
}
.footer .widget.menu ul li{
	display: inline-block;
	margin: 0 8px;
}
.footer .widget.menu ul li a{
	color: var(--main-text-color);
	    padding: 2px 8px;
	    border-radius: 50px;
	    float: right;
	    line-height: normal;
			font-size: 12px;
}
.footer .widget.menu ul li a:hover{
	color: var(--main-color);
	    background: var(--main-glass-background);
}
.footer .widget.menu .famo{
	display: block;
	text-align: center;
	margin-top: 15px;
}
.footer .widget.menu .famo a{
	padding: 5px 10px;
	    border-radius: 50px;
	    display: inline-block;
	    line-height: normal;
	    font-size: 12px;
	    color: var(--main-color);
	    background: var(--main-glass-background);
}
.footer .widget.social ul{
	float: right;
	width: 100%;
	text-align: center;
	list-style-type: none;
}
.footer .widget.social ul li{
display: inline-block;
}
.footer .widget.social ul li a{
	display: inline-block;
	    width: 35px;
	    height: 35px;
	    background: var(--main-glass-background);
	    border-radius: 5px;
	    color: var(--main-color);
	    font-size: 21px;
	    margin: 5px;
	    padding-top: 4px;
	    text-align: center;
}
.footer .widget.social ul li a:hover{
    box-shadow: 0 0 15px 0px var(--main-shadow);
}
.footer .widget.copyright p{
	font-size: 11px;
	line-height: 2em;
}
.postType,
.post-downloads,
.post-comments,
.post-screenshots{
	float: right;
	width: 100%;
	padding: 1.5em;
	background: var(--main-background);
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	border-radius: 8px;
	margin-bottom: 25px;
}
.post-block{
	margin-bottom: 0;
}
.postType .title{
	float: right;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--main-glass-background);
	padding-bottom: 15px;
	position: relative;
}
.postType .title h1{
	float: right;
	font-weight: bold;
	font-size: 15px;
	width: 90%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.postType .title .like{
	float: left;
	    background: rgb(240 84 84 / 10%);
	    border-radius: 50px;
	    padding: 3px 8px;
	    line-height: 15px;
}
.postType .title .like a{
	color: #F05454;
	font-size: 12px;
}
.postType .title .like .iconly-Heart{
	float: left;
	margin-right: 5px;
	font-size: 15px;
}
.postType .content{
	float: right;
	width: 100%;
	line-height: 2rem;
	font-size: 13px;
}
.postType .content p{
	margin-bottom: 1.5rem;
}
.postType .content p:last-child{
	margin-bottom: 0;
}
.postType .content a{
	color: var(--main-text-color);
	opacity: 0.5;
	transition: all .3s;
}
.postType .content a:hover{
	opacity: 1;
}
.postType .content img{
	max-width: 100%;
	height: auto;
}
.postType .content ul,
.postType .content ol{
    padding-right: 30px;
		margin-bottom: 1.5rem;
}
.postType .content table{
    border-collapse: collapse;
    width: 100%;
}
.postType .content table td,
.postType .content table th{
    border: 1px solid var(--main-glass-background);
    padding: 7px;
}
.postType .content table th{
	font-weight: bold;
}
.postType.news .terms{
	float: right;
	width: 100%;
	margin-top: 10px;
	font-size: 13px;
	opacity: .7;
	line-height: 2em;
}
.postType.news .terms span{

}
.postType.news .terms a{
	display: inline-block;
	color: var(--main-text-color);
}
.postType.news .terms a:hover{

}
.newsPost{
	float: right;
	width: 100%;
	background: var(--main-background);
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
	padding: 1em;
	border-radius: 8px;
	margin-bottom: 25px;
	transition: transform .3s;
	display: flex;
}
.newsPost .thumbnail{
	flex: 1 1 auto;
	width: 230px;
	margin-left: 1em;
}
.newsPost .thumbnail img{
	display: block;
	width: 230px;
	height: auto;
	border-radius: 8px;
}
.newsPost .description{
    flex: 1 1 auto;
}
.newsPost .description .name{
	float: right;
	width: 100%;
	font-size: 15px;
	color: var(--main-text-color);
	line-height: 1.7;
	margin-bottom: 15px;
	opacity: .8;
	transition: all .3s;
}
.newsPost .description .name:hover{
opacity: .6;
}
.newsPost .description .date{
	float: right;
	font-size: 12px;
}
.newsPost .description .excerpt{
	float: right;
	width: 100%;
	line-height: 1.7;
	font-size: 12px;
	opacity: .7;
}
.singleThumbnail{
	float: right;
  width: 100%;
	margin-bottom: 1.5em;
}
.mainContent .singleThumbnail{
	display: none;
}
.singleThumbnail .thumbnail{
	float: right;
	    width: 100%;
	    position: relative;
}
.singleThumbnail .thumbnail img{
	max-width: 100%;
	width: 125px;
	display: block;
	margin: 0 auto;
	height: auto;
	border-radius: 15px;
}
.singleThumbnail .title-en{
	direction: ltr;
	    float: right;
	    width: 100%;
	    text-align: center;
	    font-size: 13px;
	    font-weight: bold;
	    line-height: 2em;
	    margin-top: 15px;
}
.singleThumbnail .go-to-dl{
	float: right;
	width: 100%;
	background: var(--main-glass-background);
	color: var(--main-color);
	padding: 8px;
	border-radius: 8px;
	text-align: center;
	margin-top: 10px;
}
.singleThumbnail .go-to-dl:hover{

}
.post-information{
	float: right;
	width: 100%;
	margin-bottom: 25px;
}
.post-information ul{
	list-style-type: none;
	float: right;
	width: 100%;
}
.post-information ul li{
	float: right;
	    color: var(--main-color);
	    background: var(--main-glass-background);
	    border-radius: 50px;
	    padding: 3px 9px;
	    font-size: 11px;
	    margin-left: 20px;
}
.post-information ul li.special{
    background: rgb(255 193 7 / 10%);
    color: #ffc107;
}
.post-screenshots .items{
	white-space: nowrap;
	overflow: auto;
  padding-bottom: 10px;
}
.post-screenshots .items::-webkit-scrollbar {
  height: 6px;
}
.post-screenshots .items::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 50px;
}
.post-screenshots a{
	margin-left: 20px;
	display: inline-block;
}
.post-screenshots a img{
	border-radius: 15px;
	max-width: 100%;
	height: auto;
}
.post-screenshots a.trailer{
	position: relative;
}
.post-screenshots a.trailer .shadow{
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
}
.post-screenshots a.trailer .iconly-Play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 55px;
	transition: all .3s;
}
.post-screenshots a.trailer:hover .iconly-Play{
	opacity: .5;
}
.post-downloads .title,
.post-comments .title{
	float: right;
	    width: 100%;
	    margin-bottom: 15px;
	    padding-bottom: 15px;
	    border-bottom: 1px solid var(--main-glass-background);
}
.post-downloads .title .icon,
.post-comments .title .icon{
	float: right;
	width: 28px;
	height: 28px;
	border-radius: 5px;
	background: var(--main-glass-background);
	text-align: center;
	padding-top: 6px;
	color: var(--main-color);
	font-size: 14px;
	margin-left: 10px;
}
.post-downloads .title h3,
.post-comments .title h3{
	float: right;
	    font-size: 13px;
	    font-weight: bold;
	    line-height: 28px;
}
.post-downloads .content,
.post-comments .content{
	float: right;
	width: 100%;
}
.post-downloads .content .item-text{
	float: right;
	width: 100%;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 22px;
}
.post-downloads .content .item-text:last-child{
	margin-bottom: 0;
}
.post-downloads .content .item-text span{
	width: 22px;
	height: 22px;
	float: right;
	margin-left: 5px;
	text-align: center;
	padding-top: 5px;
	background: var(--main-glass-background);
	color: var(--main-color);
	border-radius: 4px;
	line-height: 1;
	font-size: 12px;
}
.post-downloads .content .item-text b{
color: var(--main-color);
}
.post-downloads .content .item-text a{
color: var(--main-color);
}
.post-downloads .content .item-btn{
	float: right;
	width: 100%;
	margin-bottom: 10px;
	background: rgb(240 84 84 / 10%);
	color: #F05454;
	border-radius: 4px;
	padding: 10px;
	font-size: 11px;
}
.post-downloads .content .item-btn:last-child{
	margin-bottom: 0;
}
.post-downloads .content .item-btn span{
	color: #F05454;
	font-size: 15px;
	float: right;
	margin-left: 5px;
}
#sl-loader{
	display: none;
	border: 1px solid var(--main-glass-background);
	border-radius: 50%;
	border-top: 1px solid var(--main-color);
	width: 13px;
	height: 13px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#sl-loader.active{
	display: inline-block;
}
.kk-star-ratings .kksr-legend{
	margin-top: 4px;
	font-size: 10px;
}
.comments-area,
.comment-list{
	float: right;
	width: 100%;
}
.comments-area ol,
.comments-area ul{
	list-style-type: none;

}
.comment-list li{
	float: right;
	width: 100%;
	margin-bottom: 15px;
	padding-right: 10px;
}
.comment-list li ol li{
  margin-top: 15px;
	padding-right: 30px;
}
.comment-list li ol li ol li{

}
.comment-list li .comment-body{
	float: right;
	width: 100%;
}
.comment-list li .comment-body a{
	color: var(--main-text-color);
	opacity: 0.5;
	transition: all .3s;
}
.comment-list li .comment-body a:hover{
	opacity: 1;

}
.comment-list li .comment-body .comment-author{
	float: right;
}
.comment-list li .comment-body .comment-author img{
	float: right;
	margin-left: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}
.comment-list li .comment-body .comment-author .fn{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	font-style: normal;
	line-height: 50px;
}
.comment-list li .comment-body .comment-author .says{
	display: none;
}
.comment-list li .comment-body .comment-meta{
	float: left;
	font-size: 11px;
}
.comment-list li .comment-body p{
	float: right;
	width: 100%;
	padding: 10px;
	line-height: 2em;
	font-size: 13px;
	opacity: 0.7;
}
.comment-list li .comment-body .reply{
	float: left;
}
.comment-list li .comment-body .reply a{
	color: var(--main-color);
	padding: 5px 15px;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	background: var(--main-glass-background);
}
.comment-list li .comment-body .reply a:hover{

}
.comment-navigation{
	float: right;
	width: 100%;
	margin: 10px 0;
}
.comment-navigation .nav-previous{
	float: right;
}
.comment-navigation .nav-next{
	float: left;
}
.comment-navigation .nav-next a,
.comment-navigation .nav-previous a{
	color: var(--main-color);
	padding: 5px 15px;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	background: var(--main-glass-background);
}
.comment-respond{
	float: right;
	    width: 100%;
	    margin: 10px 0;
}
.comment-respond a{
	color: var(--main-text-color);
}
.comment-respond .comment-reply-title{
	float: right;
	    width: 100%;
	    margin-bottom: 10px;
}
.comment-respond .comment-reply-title small{
	display: inline-block;
}
.comment-respond .comment-reply-title a{
	display: inline-block;
  margin-right: 10px;
}
.comment-respond .must-log-in,
.comment-respond .logged-in-as{
	float: right;
	width: 100%;
}
.comment-respond .comment-form{
	float: right;
	width: 100%;
}
.comment-respond .comment-form .comment-notes{
	float: right;
  width: 100%;
  color: #afbbc7;
}
.comment-respond .required{
	color: #ff8c56;
}
.comment-respond .comment-form .comment-form-comment,
.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-email,
.comment-respond .comment-form .comment-form-url,
.comment-respond .comment-form .form-submit,
.comment-form-cookies-consent{
	float: right;
	width: 100%;
}
.comment-form-cookies-consent{
	margin-top: 15px;
}
.comment-respond .comment-form label{
	float: right;
  width: 100%;
  margin: 10px 0;
  font-size: 12px;
}
.comment-form-cookies-consent label{
	width: auto!important;
	float: none!important;
}
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="url"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form textarea{
	float: right;
	    width: 100%;
	    height: 32px;
	    line-height: 32px;
	    font-size: 12px;
	    background: var(--main-glass-background);
	    border-radius: 8px;
	    padding: 0 8px;
	    color: var(--main-text-color);
}
.comment-respond .comment-form textarea{
	padding: 8px;
	line-height: 20px;
	height: 120px;
}
.comment-respond .comment-form input[type="submit"]{
	color: var(--main-color);
	padding: 10px 15px;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	background: var(--main-glass-background);
	    font-size: 12px;
	    float: right;
	    margin-top: 20px;
	    cursor: pointer;
}
.comment-respond .comment-form input[type="submit"]:hover{
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.wp-pagenavi {
	clear: both;
	float: right;
	width: 100%;
	margin-bottom: 25px;
	text-align: center;
	direction: ltr;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	    border: 0;
	    padding: 3px 11px;
	    margin: 3px;
	    display: inline-block;
	    color: var(--main-text-color);
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: transparent;
  background: var(--main-glass-background);
  color: var(--main-color);
  border-radius: 3px;
}
.wp-pagenavi span.current {
	font-weight: 400;
}
.wpcf7 input,
.wpcf7 textarea{
	width: 100%;
	background: var(--main-glass-background);
	border-radius: 5px;
	line-height: 30px;
	padding: 0 12px;
	color: var(--main-color);
	font-size: 11px;
}
.wpcf7 textarea{
	line-height: 2em;
	padding: 12px;
}
.wpcf7 input[type="submit"]{
	width: auto;
  cursor: pointer;
}
.sidebarRight{
	order: 1;
}
.mainContent{
	order: 2;
}
.sidebarLeft{
	order: 3;
}
table#edd_purchase_receipt td, table#edd_purchase_receipt th, table#edd_purchase_receipt_products td, table#edd_purchase_receipt_products th{
	text-align: right;
}
.edd-submit{
	background: var(--main-glass-background)!important;
	border: 0!important;
	color: var(--main-color)!important;
	opacity: 1!important;
}
#edd_checkout_cart td, #edd_checkout_cart th{
	color: var(--main-text-color)!important;
	border-color: var(--main-glass-background)!important;
	background: none!important;
	text-align: right!important;
}
#edd_checkout_form_wrap span.edd-description{
	color: var(--main-text-color)!important;
}
#edd_checkout_form_wrap input.edd-input, #edd_checkout_form_wrap textarea.edd-input{
	background: var(--main-glass-background)!important;
	border-radius: 5px!important;
	padding: 10px 12px!important;
	color: var(--main-color)!important;
	font-size: 13px!important;
}
#edd_checkout_form_wrap input.edd-input::placeholder, #edd_checkout_form_wrap textarea.edd-input::placeholder{
	color: var(--main-color)!important;
}
#edd_checkout_form_wrap fieldset{
	border-color: var(--main-glass-background)!important;
}
#edd_checkout_form_wrap #edd-login-account-wrap, #edd_checkout_form_wrap #edd-new-account-wrap, #edd_checkout_form_wrap #edd_final_total_wrap, #edd_checkout_form_wrap #edd_show_discount, #edd_checkout_form_wrap .edd-cart-adjustment{
	background: var(--main-glass-background)!important;
	color: var(--main-color)!important;
	border: 0;
}
#edd_user_history td, #edd_user_history th{
	color: var(--main-text-color)!important;
	border-color: var(--main-glass-background)!important;
	background: none!important;
	text-align: right!important;
}
#edd_user_history{
	border-color: var(--main-glass-background)!important;
}
.edd-taxonomy-widget{
	list-style-type: none;
}
.edd-taxonomy-widget li{
	display: inline-block;
	margin: 0 0 7px 7px;
}
.edd-taxonomy-widget li a{
	color: var(--main-text-color);
	font-size: 12px;
	opacity: .7;
}
.edd-cart{
	list-style-type: none;
}
.widget_edd_product_details .content{
	font-size: 12px;
	line-height: 1.7;
}
.widget_edd_product_details .content h3{
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: 400;
}
.widget_edd_product_details .content .edd_purchase_submit_wrapper{
	margin-bottom: 15px;
}
.widget_edd_product_details .content .edd-meta span{
	margin-bottom: 10px;
	display: inline-block;
}
.widget_edd_product_details .content .edd-meta span a{
	color: var(--main-text-color);
	font-size: 12px;
	opacity: .7;
}
.edd_price_options ul{
	padding-right: 0;
	margin-bottom: 0;
}
.edd-cart-number-of-items{
	margin-bottom: 10px;
	    font-style: normal;
}
.edd-cart li{
	margin-bottom: 15px;
}
.edd-cart li:last-child{
	margin-bottom: 0;
}
.edd-cart .edd-remove-from-cart{
	color: var(--main-color);
	font-size: 12px;
}
.edd-cart-meta.edd_subtotal, .edd-cart-meta.edd_total {
    background-color: unset;
    border: 1px solid var(--main-glass-background);
    padding: 10px;
    border-radius: 8px;
}
.edd-cart .edd_checkout a{
	display: inline-block;
	background: var(--main-glass-background);
	color: var(--main-color);
	padding: 8px;
	border-radius: 8px;
	text-align: center;
}
#edd_profile_editor_form label,
#edd_login_form label, #edd_register_form label{
	display: block;
}
.edd_form input.edd-input.required, .edd_form select.edd-select.required{
    color: var(--main-color);
}
.block .content .item .edd_price{
	text-align: center;
	background: var(--main-glass-background);
	float: right;
	width: 100%;
	border-radius: 8px;
	padding: 7px 0px;
	color: var(--main-color);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.modal-screenshot{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: block;
}
.modal-screenshot img{
	position: relative;
	z-index: 2;
	margin: 0 auto;
	display: block;
	margin-top: 100px;
	max-width: 90%;
	height: auto;
}
.modal-screenshot .shadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--main-background);
	opacity: .8;
}
.modal-screenshot iframe,
.modal-screenshot video{
    position: relative;
    z-index: 2;
    margin: 0 auto;
    display: block;
    margin-top: 100px;
    max-width: 90%;
    height: 330px;
    width: 600px;
}
.post-tags{
    float: right;
    width: 100%;
}
.post-tags a{
    float: right;
    color: var(--main-color);
    background: var(--main-glass-background);
    border-radius: 50px;
    padding: 3px 9px;
    font-size: 11px;
    margin-left: 10px;
	margin-bottom: 25px;
	transition: all .3s;
}
.post-tags a:hover{
	opacity: .7;
}
a.edd_download_file_link{
    background: var(--main-glass-background);
    opacity: 1!important;
    color: var(--main-color)!important;
    padding: 6px 12px;
    display: inline-block;
    line-height: normal;
    border-radius: 5px;
}