@import url('https://fonts.googleapis.com/css?family=Teko:400,500,600&display=swap');
@charset "utf-8";
::placeholder {
  color: #fff;
  opacity: 1; 
}
:-ms-input-placeholder {
  color: #fff;
}
::-ms-input-placeholder {
  color: #fff;
}
.custom-scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
  background: #1c67a4; 
}
 
/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background: #ffecae ; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}
body{
	font-family: 'Teko', sans-serif;
	background: #1c67a4;
	color:#fff;
}
a {
	transition: all 300ms ease-in-out 0s;
		-webkit-transition: all 300ms ease-in-out 0s;
		 -o-transition: all 300ms ease-in-out 0s;
		  -ms-transition: all 300ms ease-in-out 0s;
		   -moz-transition: all 300ms ease-in-out 0s;
}
p{
	margin:0;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 0px;
}
a.hover {
	text-decoration: none;
}
.header {
	/* width: 100%; */
	padding: 25px  0 25px 0;
	position: relative;
	min-width: 1280px;
}

.header .logo {
	position: absolute;
	width: auto;
	height: 73px;
	top: 1px;
	z-index: 999;
	left: -30px;
}

.headerMenu {
	position: relative;
	height: auto;
	background:#18588d;
	border-radius: 50px;
	border-bottom: 1px solid #164973;
	padding: 3px 0 4px  0;
	width: 76.7%;
	display: inline-block;
	text-align: right;
	min-width: 852px;
}

.headerMenu>li {
	position: relative;
	display: inline-block;
	margin-top: 3px;
	margin-right: 4px;
	min-width: 32px;
}

.headerMenu>li>a {
	position: relative;
	display: inline-block;
	padding: 3px 10px;
	font-size: 20px;
	color: #ffffff;
	white-space: nowrap;
	font-weight: 500;
	text-shadow: 1px 1px #040a0e;
}

.headerMenu>li>a:hover,
.headerMenu li>.active {
	 color:#fbed05;

}
.new-label {
		border-bottom: 2px solid #ffdc06!important;
}
.best-label {
		border-bottom: 2px solid #F44336!important;
}
.headerMenu li ul.cat-dropdown {
	position: absolute;
	display: none;
	top: 38px;
	left: 0;
	min-width: 230px;
	padding: 15px 25px;
	height: auto;
	background: rgb(254,164,15);
	background: linear-gradient(0deg, rgba(254,164,15,1) 0%, rgba(254,202,42,1) 100%);
	border-radius: 30px;
	box-shadow: 1px 2px 5px #ffecae inset;
	text-shadow: 1px 1px 0px #a06909!important;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	z-index: 102;
	list-style:none;
	list-style-image:none;
}

.headerMenu li ul.cat-dropdown a {
	position: relative;
	display: block;
	padding: 5px 5px 5px 15px;
	font-size: 20px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	font-weight: 400;
	letter-spacing: 1px;
}

.headerMenu li ul.cat-dropdown a:hover {
 
	color: #000;
}
.other-category {
	background: rgb(254,164,15);
	background: linear-gradient(0deg, rgba(254,164,15,1) 0%, rgba(254,202,42,1) 100%);
	border-radius: 30px;
	box-shadow: 1px 2px 5px #ffecae inset;
	text-shadow: 1px 1px 0px #a06909!important;
	padding: 5px 14px 2px 17px!important;
}
.other-category i{margin-left:5px;}

.headerMenu li ul.cat-dropdown li:first-child a:hover {

}

.headerMenu li ul.cat-dropdown li:last-child a {
	border:0;
}

.headerMenu>li:hover ul.cat-dropdown {
	display: block
}
.search-bar {
	display: inline-block;
	background: #18588d;
	border-radius: 50px;
	border-bottom: 1px solid #164973;
	float: right;
	padding: 2px 2px 1px 20px;
	width: 22%;
	min-width: 244px;
}
.search-game {
	background: transparent;
	border: 0;
	color: #fff;
	width: 77%;
	font-size: 20px;
	margin-top: 10px;
	float: left;
}
input:focus {
	outline:0;
	
}
.green {
	background: rgb(254,164,15);
	background: linear-gradient(0deg, rgba(254,164,15,1) 0%, rgba(254,202,42,1) 100%);
	border-radius: 30px;
	box-shadow: 1px 2px 5px #ffecae inset;
	text-shadow: 1px 1px 0px #a06909!important;
	padding: 14px 15px 8px 16px!important;
}
.site-wrapper {
	position: relative;
	width:100%;
	padding:3px;
	text-align:center;
	min-width: 1260px;
}
.sidebar {
	float:left;
	width:161px;
 
	
}
.logo {
	width:151px;
	height:151px;
	float:left;
	
}
.mt-25 {
	margin-top:25px!important;
}
.mtb-30 {
	margin:30px 0;
}
.mb-50 {
	margin-bottom:50px!important;
}
.container {
	min-width:540px;
}
#container {
  width: 90%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
div.div_floadlogo {
	position: fixed;
	bottom: 100px;
	left: 200px;
	width: 800px;
	height: 400px;
	z-index:3;
}
form.main-search a.home-btn {
    float: left;
    width: 98px!important;
    height: 33px!important;
    background: #567d51;
    FONT-WEIGHT: bold;
    color: #fff;
    font-size: 19px;
    padding: 4px;
    margin: 0 3px 0 0!important;
}
.game-category {
    background: url(../images/cat-bg.jpg) center bottom /cover;
	float: left;
	width: 100%;
	height: 100%;
	padding: 4px;
}
.gradient-border {
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(0);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(0));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.game-category h2 {
	font-size: 21px;
    font-weight: 600;
    padding: 2px 0;
    margin: 2px 0;
}
.game-category form {
	padding: 2px 4px;
	float: left;
	width: 100%;
}
.game-category .inner_search {
	display: block;
	width: 89%;
	padding: 5px 10px;
	background: #f1ead4;
	color: #bf6b03;
	position: relative;
	float: left;
	border: 2px solid #bf6b03;
	font-weight: 600;
}
#voteresults {
	    float: left;
	    padding: 0;
	
}
.game-category .inner_search_btn {
	display: block;
	width: 10%;
	padding: 5px 8px;
	background: #c97303;
	color: #ebf3f6;
	position: relative;
	float: right;
	border: 2px solid #bf6b03;
}

.game-category a{
	width: 52px;
	height: 52px;
	float: left;
	margin: 2.4px 4.4px;
}
.game-category a img{
	float: left;
    width: 52px!important;
    height: 52px!important;
    border: 2px solid #bf6b03;
}
a.tooltips {
    display: inline;
    position: relative;
}
a.tooltips span {
   position: absolute;
   min-width: 150px;
   color: #FFFFFF;
   background: #db2b2d;
   font-weight: 600;
   height: 31px;
   line-height: 31px;
   text-align: center;
   visibility: hidden;
   border: -30px;
   border-radius: 1px;
   z-index: 9;
   bottom: -30px!important;
   opacity: 1;

}
 
a:hover.tooltips span {
    visibility: visible;
    opacity: 0.8;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999999;
}

.image_boxin{
	margin:0px;
	text-align: center;
	color:#fff;
}
.image-box{
	display:inline-flex;
	width: 135px;
	height: 135px;
	overflow: hidden;
	margin: 3px;
	border-radius: 3px;
	position: relative;
	padding: 4px;
	box-sizing: border-box;
	position: relative;
}
.image-box:after{
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	content: '';
	transition: all 300ms ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		 -o-transition: all 0.2s ease-in-out 0s;
		  -ms-transition: all 0.2s ease-in-out 0s;
		   -moz-transition: all 0.2s ease-in-out 0s;
}
.image-box:hover:after{
	left: 0;
}
.image-box img{
	width: 100%;
	position: relative;
	z-index: 1;
}
.hover_text{
	box-sizing: border-box;
	z-index:5;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	float: left;
	transform-style: flat;
	border-radius: 10px;
	transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
}
.hover_text span{
	padding: 2px;
	width: 100%;
	display:block;
	background: rgba(58, 38, 95, 0.77);
	font-size: 18px;
	font-weight:600;
	color: #ffffff;
	padding: 3px;
	text-align: center;
	box-sizing: border-box;
	height: 100%;
	padding-top: 25%;
}
.game-cells li:hover .hover_text{
	opacity: 1;
}
.game-description {
	color: #fff;
	text-align: left;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	height: 263px;
	overflow: auto;
	font-size: 15px;
	font-weight: 400;
	font-family: Arial;
}
 
 .banner-336 {
    display: inline-block;
    width: 336px;
    margin-right: 15px;
}

.game-description span {
	float:none; 
	display:inline-block!important;
	text-align:left;
}
.footer{
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #134a77;
	padding: 5px 15px;
	height: 35px;
}
.logo_text{
	float: left;
	color:#233843;
	font-size: 45px;
	text-transform: uppercase;
	
	line-height: 49px;
}
.footer_right{
	float: right;
	margin-top: 4px;
}
.footer_list{
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 0 0;
	padding: 0;
}
.footer_list:last-child{
	margin-right: 0;
}
.footer_list li{
	color:#dddddd;
	font-size: 14px;
	line-height:15px;
	
	display: inline-block;
	vertical-align:middle;
	list-style: none;
	margin-right: 3px;
	padding-right: 5px;
	border-right: 1px solid #ddd;
}
.footer_list li a{
	color:#dddddd;
	display: block;
	padding-bottom: 2px;
}
.footer_list li:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.footer_list li:hover a{
	color:#ffb705;
}

.select_cell .dropdown-menu{
	width: 440px;
	padding: 15px;
	background: #2c3e50;
	border-radius: 17px;
}
.select_cell .com-sm-6{
	padding: 0 10px;
}
.select_cell .dropdown-menu li a{
	background: #486a8c;
	display: block;
	padding: 7px 25px 7px 50px;
	border-radius: 30px;
	font-size: 18px;
	color:#febf14;
	
	position: relative;
}

.select_icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	border-right: 1px solid #2c3e50;
	height: 100%;
	text-align: center;
	line-height: 36px;
}
.select_row{
	margin-bottom: 10px;
}
.select_row:last-child{
	margin-bottom: 0;
}
.select_cell .dropdown-menu a:hover{
	background: #638eb9;
}
.da-thumbs li:hover .hover_text{
	bottom: 0;
}
.view_mob{
	display: none;
}



.game-info-page span{
	text-align:center;
	display:block;

}
.center_box_outr{
	width:750px;
	margin:0px auto;
	position:relative;
}
.blue-box{
	background: #18588d;
	display: inline-block;
	padding: 15px 30px;
	width: 100%;
}
.box-title {
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #0f436d;
    margin-bottom: 15px;
}
.center_header{
	

	
background: #0a2a5d;
}
.center_header h2 {
	font-size:18px;
}
.tycoon_text{
	font-size:19px;
	color:#3598d0;
	font-weight:700;
	padding:6px 0;
}
.tycoon_text h1 {
	font-size: 22px;
	display: inline-block;
	color: #fff284;
	margin: 0;
}
a.back-to-home {
float: left;	
font-size: 34px;	
color: #FF5722;
}
a.back-to-home span {
    font-size: 16px;
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 13px;
    font-weight: 600;
    margin-left: 10px;
}
.icon_panel{
	float: right;
	margin: 0 6px 0 10px;
}
.icon_panel a{
	float:left;
	padding: 5px 13px;
	border-right: 1px solid #2d66a7;
	font-size: 22px;
}
.icon_panel a  small {
	font-size:14px;
}
.icon_panel a:hover{
	color:#fec303;;
}
.icon_panel a:first-child{
	border-left: 0px solid #2d66a7;
}
.game-info-page span.like_text{
	font-size:20px;
	color:#5ca102;
	text-transform:uppercase;
	
	display:inline-block;
	vertical-align:middle;
	margin:0;
	line-height:20px;
}
.rating_area{
	float:left;
	padding:10px 0 0;
}
.rating_area a{
	float:left;
	margin:0 2px;
}
div#comments {
    padding: 15px;
}
span.lblNew {
   position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: url(../images/new-label.png) no-repeat;
	width:47px;
	height:48px;
}
.txt-big {
	font-size: 22px;
	display: inline-block;
	color: #fff284;
}
.tag-item {
	padding: 8px;
	margin: 5px;
	background: #253140;
	position: relative;
	display: inline-block;
	color: #fff;
	border-radius: 5px;
	border: 1px solid #4e6177;
}
ul.pages {
    width: 100%;
    margin: 0 auto;
}
.pages li {
    display: inline-block;
    margin: 3px;
	
}
.pages li a {
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    background: url(../images/pagination-item-bg.png) no-repeat;
    text-shadow: 1px 1px 2px #000;
    width: 50px;
    height: 50px;
    float: left;
    line-height: 44px;
}
.pages li a.active {
    background: url(../images/pagination-item-bg-hover.png) no-repeat;
}

.grn_btn{
	float:right;
	margin:5px 0 0;
}
.grn_btn a{
	display:block;
}
 
.grn_btn a img{
	margin-right:10px;
}
.video_area{
	padding: 5px;
	text-align:center;
}
.video_area img{
	width:100%;
}
.left_aside,
.right_aside{
	position:absolute;
	top:0%;
	width: 160px;
}
.left_aside{
	left:-165px;
}
.right_aside{
	right:-165px;
}
.outter{
	position:relative;
}
.tab_part{
	margin:12px auto;
}
.tab_part_left{
	float:left;
	width:385px;
	background:#025279;
	border-radius:5px 5px;
}
.tab_part_hdr{
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(242,245,245,1) 23%, rgba(231,236,236,1) 49%, rgba(224,230,230,1) 71%, rgba(238,240,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(23%,rgba(242,245,245,1)), color-stop(49%,rgba(231,236,236,1)), color-stop(71%,rgba(224,230,230,1)), color-stop(100%,rgba(238,240,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eef0f2',GradientType=0 ); /* IE6-9 */
	padding:6px 8px 0;
	border-radius:5px 5px 0 0;
}
.yorumlar_box{
	margin:0 0 10px;
	border-radius:5px;
	background: #ffffff;
	padding:5px 10px;
}
.prof_pic{
	float:left;
	width:47px;
	height:47px;
	background:#025279;
	border-radius:5px;
	margin-right:18px;
	line-height:47px;
	text-align:center;
}
.comment_text{
	overflow:hidden;
	font-size:14px;
	color: #242555;
	line-height:20px;
	text-align: left;
}
.tab-content{
	padding:20px 10px 10px;
}
.tab-content span{
	display:block;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	margin:0 0 25px;
}
.frm_outr {
	padding: 15px 15px;
    color: #fff;
}
.frm_outr input,
.frm_outr textarea{
	border:none;
	outline:none;
	border-radius:3px;
	background:#fff;
	padding: 4px 15px;
	font-size:14px;
	color:#9fa4a4;
	margin: 0 0 10px 0px;
	width: 75%;
	float: left;
	font-weight: 600;
}
.frm_outr input.kodu{
	float:left;
	width: auto;
	margin-right:5px;
}
.side_text{
	float:left;
	font-size: 21px;
	color:#ffffff;
	margin: 0 25px;
}
.frm_outr button{
	border:none;
	outline:none;
	border-radius:5px;
	background: #FFC107;
	padding: 13px 14px;
	font-size: 16px;
	font-weight: 600;
	color: #173263;
}
.frm_outr button:hover{
	background:#b68a01;
}
.privacy {
	width:80%;
	margin:80px auto;
	background:#173263;
	color:#fff;
	padding:15px;
}
.tab_part_right{
	width:345px;
	border-radius:7px;
	float:right;
}
.tab_part_right h5{
	border-radius:5px 5px 0 0;
	margin:0;
	font-size:20px;
	color:#025279;
	text-transform:uppercase;
	padding:10px 0;
	text-align:center;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(242,245,245,1) 23%, rgba(231,236,236,1) 49%, rgba(224,230,230,1) 71%, rgba(238,240,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(23%,rgba(242,245,245,1)), color-stop(49%,rgba(231,236,236,1)), color-stop(71%,rgba(224,230,230,1)), color-stop(100%,rgba(238,240,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(242,245,245,1) 23%,rgba(231,236,236,1) 49%,rgba(224,230,230,1) 71%,rgba(238,240,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eef0f2',GradientType=0 ); /* IE6-9 */
}
.game_cell{
	padding:10px 0 0 14px;
	background:#025279;
	overflow:hidden;
	border-radius:0 0 5px 5px;
}
.game_cell a{
	float:left;
	border:1px solid #d6dfe1;
	margin:0 8px 10px 0px;
}
.last_part{
	margin:10px 0 60px;
}
/****add css 5-10-15*****/
.tab-content p{
	color:#fff;
}
.btm_video{
	width:885px;
	min-width: 660px;
}

.game-cells li:hover article{
	height: 100%;
}



.game-cells{
}
.game-cells li ,
.game-cells li  img {
	display: inline-block;
	position: relative;
}
.game-cells li  img{
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.game-cells li  {
	margin: 5px;
	width: 120px;
	height: 120px;
	border-radius:10px;
	overflow:hidden;
}
.small li {
		width: 100px;
		height: 100px;
}
.shadow-box {
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    box-shadow: 0 0 3px 3px rgba(0,0,0,.3) inset;
    z-index: 2;
}
.game-cells li:hover { }
.game-cells li  article {
	position: absolute;
	background:rgba(255, 255, 255, 0.7);
	width: 100%;
	height: 0;
}
.pagination {
    justify-content: center;
}
.horizontal {
    width: 252px!important;
    height: 120px!important;
}
.bigger {
    width: 252px!important;
    height: 250px!important;
}

.game-cells li  article.hover-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.hover-slideFromTop {
	left: 0px;
	top: -100%;
}
.hover-slideFromBottom {
	left: 0px;
	top: 100%;
}
.hover-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.hover-slideFromRight {
	top: 0px;
	left: 100%;
}
.hover-slideTop {
	top: 0px;
}
.hover-slideLeft {
	left: 0px;
}
.game-cells li  article a {
	color:#fff;
	padding:20px;
	display:block;
}
.left-games {
	width:105px;
	margin-left:5px;
}
.game-screen {
	padding: 21px;
    background: #1c67a4;
    margin: 15px 7px 0 7px;
    border-radius: 10px;
}
.right-games {
	width:105px;
}
.game-cells {
text-align:center;
}

.game-cells li  article h3{
color:#fff;
padding-top:30px;
}

.game-cells li  article em{
margin-bottom:10px;
color:#fff;
display:block;
}
article.description {
    color: #fff;
    padding: 25px 15px;
}
.game-cells li  article span{
display:inline-block;
}

.rating {
    position: relative;
    display: inline-block;
    margin: 1px 0 0;
    width: 180px;
    height: 32px;
    cursor: pointer;
    background-image: url(../images/stars.png);
    background-repeat: no-repeat;
}
.rating.five {
    background-position: left -144px;
}
.rating.four {
    background-position: left -110px;
}
.rating.three {
    background-position: left -76px;
}
.rating.two {
    background-position: left -42px;
}
.rating.one {
    background-position: left -7px;
}


article.main-description {
    margin-bottom: 50px;
}

.portfolio_2col article h3{
padding-top:70px !important;
}

.image_grid {
	float:left;
	overflow:hidden;
	width:700px;
	position:relative;

}

.image_grid li{
	float: left;
	line-height: 17px;
	color: #686f74;
	list-style:none;
	overflow:hidden;
	margin-bottom:23px;
	margin-right:23px;
	text-align:center;
}

.breadcrumb {
    font-size: 15px;
    padding: 10px 0;
    font-weight: 700;
    background: transparent;
    margin-bottom: 0px;
  }

  .breadcrumb a {
    text-decoration: none;
    color: #fff;
  }

  .breadcrumb a:hover {
    color: #fcff61;
  }

  .breadcrumb > li {
    display: inline;
    list-style-type: none;
    color: #fff;
  }
  .breadcrumb span{
    display: inline;
  }

  .breadcrumb > li + li::before {
    content: ">";
    padding-left: 4px;
    padding-right: 4px;
  }
#button {
 
}
ul.game-results {
    position: absolute;
    z-index: 888;
    background: #EEEEEE;
    min-width: 235px;
    list-style: none;
    list-style-image: none;
    top: 29px;
}

.game-results li {
    width: 96%;
    padding: 8px 5px;
    border-bottom: 1px solid #d6d6d6;
    float: left;
    margin: 2px 5px;
}
.game-results li:hover {
	background:#e2dfdf;
}

.game-results li a{
   
color: #5f4a86;
   
font-size: 17px;
   
font-weight: 600;
   
white-space: nowrap;
   
text-overflow: ellipsis;
   
overflow: hidden;
   
width: 210px;
   
float: left;
}
.game-results li a img{
   
border-radius: 5px;
}

#button:hover { box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2); }

#target-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  z-index:9999;
  
}

#target-content:target {
  pointer-events: all;
  opacity: 1;
}

#target-content #target-inner {
  position: absolute;
  display: block;
  padding: 48px;
  line-height: 1.8;
  width: 70%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
  background: white;
  color: #34495E;
}

#target-content #target-inner h2 { margin-top: 0; }

#target-content #target-inner code { font-weight: bold; }

#target-content a.close {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #34495E;
  opacity: 0.5;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}

#target-content a.close:hover { opacity: 0.4; }

.h-tag h1{
	margin:0!important;
	padding: 0 0 15px 0;
	color: #ffffff;
	font-size: 26px;
	width: 80%;
	display: inline-block;
}
.h-tag h3{
	margin:0!important;
	padding: 0 0 15px 0;
	color: #ffffff;
	font-size: 26px;
	width: 60%;
	display: inline-block;
}

.like {
	
color: #f7f7f7;
}
.dislike {
	
color: #fec303;
}

.play-image {
	width: 15%;
    float: left;
	 
}
.play-info {
 width: 83%;
    float: right;
    text-align: left;
    max-height: 230px;
    overflow: auto;
}
.games-container {
	display: flex;
}
.category-lists {
	padding: 0 5px 10px 10px;
    line-height: 18px;
    text-align: left;
    flex-basis: 175px;
    flex-shrink: 1;
}
.category-right {
	flex-basis: 960px;
    flex-grow: 1;
    padding-bottom: 10px;
	padding-left:50px;
}
.category-lists h2 {
    text-align: left;
    font-size: 24px;
    color: #FFC107;
}
.category-lists ul{
	    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
    text-align: left;
    margin-bottom: 30px;
}
.category-lists ul li{
	padding: 2px 3px;
}
.category-lists ul li a{
	color: #fff;
    font-size: 16px;
}
.category-lists ul li a:hover{
	color: #FFC107;
}
.info-image {
	max-width: 120px;
	display: block;
}
.btn-play {
	display: block;
	text-align: center;
	background: #0a2a5d;
	max-width: 120px;
	padding: 5px 0;
	color: #fff;
	font-size: 24px;
	background: rgb(254,164,15);
    background: linear-gradient(0deg, rgba(254,164,15,1) 0%, rgba(254,202,42,1) 100%);
    box-shadow: 1px 2px 5px #ffecae inset;
    text-shadow: 1px 1px 0px #a06909!important;

}
.btn-play:hover {
	background: linear-gradient(0deg, rgba(254,202,42,1) 0%, rgba(254,164,15,1) 100%);
	text-decoration:none;
}

.buttons {
    display: inline-block;
    float: right;
}
a.btn-right {
	background: rgb(254,164,15);
    background: linear-gradient(0deg, rgba(254,164,15,1) 0%, rgba(254,202,42,1) 100%);
    box-shadow: 1px 2px 5px #ffecae inset;
    text-shadow: 1px 1px 0px #a06909!important;
    padding: 6px 11px 1px 13px;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
}
a.btn-left {
	background: rgb(254,164,15);
    background: linear-gradient(0deg, rgba(254,164,15,1) 0%, rgba(254,202,42,1) 100%);
    box-shadow: 1px 2px 5px #ffecae inset;
    text-shadow: 1px 1px 0px #a06909!important;
    padding: 6px 13px 1px 11px;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
	margin-right: 10px;
}
@media only screen and (max-width: 767px) {

.image_grid{
width:300px;
}

.image_grid li img{
width:220px;
}

.portfolio_4col .game-cells li article h3{
padding-top:70px;
}

.portfolio_3col .game-cells li article h3{
padding-top:50px;
}

.portfolio_2col .game-cells li article h3{
padding-top:53px !important;
}

}


 @media only screen and (min-width: 480px) and (max-width: 767px) {

.image_grid{
width:450px;
}

.image_grid li{
width:178px !important;
}

.portfolio_4col .game-cells li article h3{
padding-top:58px;
}

.portfolio_3col .game-cells li article h3{
padding-top:34px;
}

.portfolio_2col .game-cells li article h3{
padding-top:23px !important;
}

}
@media (max-width: 990px) {
	.navbar-brand{
		width: 150px;
		margin-right: 10px;
		margin-top: 7px;
	}
	.navbar-brand img{
		width: 100%;
	}
	.search_cell{
		width: 220px;
	}
	.search_cell input{
		background: rgba(0, 0, 0, 0) url("../images/btn_bg.png") repeat-x scroll 0 -5px;
		font-size: 15px;
   		height: 34px;
	}
	.select_inner{
		height: 34px;
		line-height: 34px;
		font-size: 15px;
	}
	ul.share li a{
		padding: 5px;
	}
	ul.share li a img{
		width: 25px;
	}
	.share{
		margin-right: 7px;
	}
	.select_cell{
		width: 190px;
	}
	.select_cell .dropdown-menu li a{
		font-size: 12px;
		padding: 5px 9px 5px 50px;
	}
	.select_icon{
		line-height: 27px;
	}
	.center_box_outr {
	    width: 90%;
	}
	.btm_video {
	    width: 100%;
	}
	.tab_part_left, .tab_part_right{
		width: 50%;
	}
	.tab_part_right{
		margin-left: 2%;
		width: 48%;
	}
	.game_cell a{
		width: 90px;
	}
	.game_cell a img{
		width: 100%;
	}
	.comment_text {
	    font-size: 12px;
	    line-height: 15px;
   	}
   	.pagination > li > a, .pagination > li > span {
	    font-size: 16px;
	    padding: 3px 11px;
    }
    .game-info-page span.like_text{
    	font-size: 11px;
    }
    .tycoon_text{
    	font-size: 15px;
    }
    .grn_btn a{
    	font-size: 13px;
    	padding: 5px 10px 3px 5px;
    }
    .nav-tabs > li > a{
    	padding: 5px 10px 1px;
    	font-size: 11px;
    }
    .grn_btn a img {
	    margin-right: 1px;
	}
	.icon_panel {
	    margin: 0 7px;
	}
	.left_aside, .right_aside{
		display: none;
	}
	.center_header{
		padding-left: 5px;
	}
	.tab_part_right h5{
		font-size: 15px;
		padding: 7px 0;
	}
	.top_add{
		display: none !important;
	}
	.frm_outr input.kodu {
	    width: 190px;
	}
	.side_text {
	    font-size: 20px;
	    margin-left: 19px;
	}

}
/****************************************************/
@media (max-width: 767px) {
	.navbar-header{
		margin-bottom: 7px;
	}
	.navbar-brand{
		margin-top:2px;
		float: none;
		display: inline-block;
	}	
	.select_cell .dropdown-menu{
		width: 100%;
	}
	.scroll_in{
		max-height: 300px;
		overflow-y: auto;
		overflow-x: hidden;		
	}
	.site-wrapper{
		padding-top: 100px; 
	}
	.footer{
		padding: 1px 15px;
	}
	
	.logo_text {
		float:none;
		display:block;
		text-align:center;
	    font-size: 31px;
	    line-height: 38px;
   	}
   	.footer_right{
   		float: none;
   		display: block;
   		text-align: center;
   		margin-top: 0;
   	}
   	.footer{
   		padding: 10px 15px;
   	}
   	.search_cell{
   		width: 100%;
   	}
   	.head_left {
	    float: none;
	}
	.select_cell{
		width: 100%;
	}
	.share {
	    margin-right: 7px;
	    position: absolute;
	    right: 7px;
	    top: 5px;
	}
	ul.share li:first-child a {
	    padding-left: 5px;
	}
	ul.share li:last-child a {
	    padding-right: 5px;
	}
	.share{
		width: 100px;
	}
	.select_inner{
		box-shadow: none;
		background:url(../images/nav_icon.png) no-repeat center #00385a;
		background-size: 19px;
		border-radius: 7px;
		transition: none;
		font-size: 0;
	}
	.select_cell.dropdown.open .select_inner{
		background:url(../images/nav_icon.png) no-repeat center #00385a;
		background-size: 19px;
		border-radius: 7px 7px 0 0;
		transition: none;
	}
	.select_cell .dropdown-menu{
		margin: 0;
		border-radius:0 0 7px 7px;
		background: #00385a;
		border:none;
	}
	.search_cell input{
   		border:1px solid #002439;
	}
	.select_cell .dropdown-menu li a{
		border-radius: 0;
	}
	.select_row {
	    margin-bottom: 0;
	}
	.hover_text span{
		font-size: 12px;
	}
	.select-area.clearfix {
	    margin: 0 -15px;
	}
	.select_row.row{
		margin: 0;
	}
	.select_row .col-sm-6, .select_row .col-sm-12{
		padding: 0;
	}
	.select_cell .col-xs-6{
		margin-bottom: 1px;
	}
	.view_mob{
		display: block;
	}
	.center_box_outr {
	    width: 100%;
	}
	.left_aside, .right_aside{
		display: none;
	}
	.game_cell a {
	    margin: 2px;
	    width: 86px;
	    float: none;
	    display: inline-block;
	}
	.game_cell{
		padding: 10px;
		text-align: center;
	}
	.game_cell a {
	    width: 71px;
	}
	.tycoon_text{
		width: 100%;
	}
	.icon_panel a:first-child {
	    border-left: none;
	}
	.grn_btn, .icon_panel{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.grn_btn a{
		display: inline-block;
	}
	.icon_panel a{
		width: 33.3%;
		text-align: center;
		padding: 4px;
	}
	.rating_area{
		padding: 0;
		width: 100%;
		margin: 5px 0;
	}
	.grn_btn, .rating_area{
		margin-bottom: 7px;
		text-align: center;
	}
	.tycoon_text{
		text-align: center;
	}
	.rating_area a{
		float: none;
		display: inline-block;
	}
	.icon_panel{
		border:1px solid #ccc;
	}
	.icon_panel a:last-child{
		border:none;
	}
	.tab_part_left{
		width: 100%;
	}
	.tab_part_right{
		width: 100%;
		margin: 10px 0 0 0;
	}
	
}
/****************************************************/
@media (max-width: 568px) {
	.header{
		padding-bottom: 7px;
	}
	.navbar-header {
	    text-align: left;
	    margin-bottom: 7px;
	}
	.select_inner{
		padding-left: 11px;
	}
	.select_cell .dropdown-menu{
		padding: 8px 0;
	}
	.select_cell .col-xs-6{
		width: 100%;
		margin-bottom: 1px;
	}
	.icon_panel a:last-child{
		width: 15%;
	}
	.icon_panel a {
	    width: 42%;
	}
	.frm_outr input.kodu {
	    width: 163px;
	}
	.frm_outr button {
	    font-size: 14px;
	    padding: 4px 11px;
   	}
}

@media (max-width: 420px) {
 
}
.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}
.privacy table {
    width: 80%;
    border-collapse: collapse;
    margin: 0 auto;
	text-align: left;
}
.privacy table td {
	padding: 5px 0;
}
.privacy table textarea {
	width:100%;
}
.privacy table input {
	padding:3px 5px
}
td input {
    width: 100%;
	text-align:left;
}
	.fullscreen{
		overflow:hidden;
	}
	.video_area iframe {
		position: relative;		
	}
	.video_area object {
		position: relative;		
	}
	.fullscreen .video_area{
		position:fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:1100;
		padding:0!important;
	}

	.game-embed-controls{
		padding:10px 5px;
		top: 0;
		right:0;
		text-align: right;
		position: relative;
	}
	.fullscreen .game-embed-controls{
		padding: 10px 5px;
		top: 0;
		position: absolute;
		right: 25px;
		z-index: 999999;
	}
	.game-embed-controls .btn{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
	}

	.game-embed-controls .btn:hover{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.game-embed-controls .btn-vote{
		display:none;
	}

	.game-embed-controls .btn-exit-fullscreen{
		display:none;
	}

	.fullscreen  .game-embed-controls .btn-vote{
		display:inline-block;
	}

	.fullscreen  .game-embed-controls .btn-fullscreen{
		display:none;
	}

	.fullscreen  .game-embed-controls .btn-exit-fullscreen{
		display:inline-block;
	}