@charset "UTF-8";

/*
    Projet Name: NewGames
    Projet URI: http://www.newgames.com/
    Author: Pandian
    Description: 
    Version: 1.0
    Date : 28-01-2017
    Time: 15:59:00
*/

/* FONT */
@font-face {
    font-family: "Lucida Grande";
            src: url("fonts/lucida/lucida-grande.eot");
            src: url("fonts/lucida/lucida-grande.eot?#iefix") format("embedded-opentype"),
                 url("fonts/lucida/lucida-grande.woff") format("woff"),
                 url("fonts/lucida/lucida-grande.ttf") format("truetype"),
                 url("fonts/lucida/lucida-grande.svg#lucida-grande") format("svg");
    font-weight: normal;
     font-style: normal;
}

@font-face {
  font-family: "LeagueGothic";
          src: url("fonts/League-Gothic/LeagueGothic-Regular.eot");
          src: url("fonts/League-Gothic/LeagueGothic-Regular.woff2") format("woff2"),
               url("fonts/League-Gothic/LeagueGothic-Regular.woff") format("woff"),
               url("fonts/League-Gothic/LeagueGothic-Regular.ttf") format("truetype"),
               url("fonts/League-Gothic/LeagueGothic-Regular.svg#LeagueGothic") format("svg"),
               url("fonts/League-Gothic/LeagueGothic-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 12px;
  font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}
.font1,
.short_menu a.submitgame,
.head-menu .nav>li>a,
.footer-ui,
.sub-gm span.head_title,
.top-ten-list ul li p,
.pi-weight-300,
.pi-caption-links,
.top-ten-list.vertical.right-list ul li span, .play_newestgame ul li a .newst_game span,
.btn-md,
.terms,
.pagination>li.active,
.paginations ul.pagination li.first.active,
.paginations ul.pagination li.last.active,
.pagination>li>a, .pagination>li>span,
.paginations ul.pagination li.first.active,
.paginations ul.pagination li.last.active,
#loader_game span,
#loader_banner span,
#loader_coming span,
#loader_category span,
.alert.success,
.bestgame .best_txt,
.service_hed,
.date_ico,
.sit_head,
.viewall,
ul.fmenu li,
.sit_head small,
ul.fnav li { font-family: arial,Verdana,Helvetica,Arial,sans-serif; }

.font2 { font-family: "LeagueGothic",Verdana,Helvetica,Arial,sans-serif }
li {
    list-style: none;
}
h1, h2, h3, .fontbeb, .btn {
  font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
  text-transform: none;
}
p { font-size: 12px; }
a:hover, a:focus { color: inherit; text-decoration: none;}
a {
  position: relative;
  color: #555;
  text-decoration: none;
}
.link-none {
  color: inherit;
}
.posr { position: relative!important; }
.posa { position: absolute!important; }
.t0 { top: 0!important }
.b0 { bottom: 0!important }

.fl { float: left!important; }
.fr { float: right!important; }
.fn { float: none!important; }

.df   {
  -webkit-display: flex!important;
  display: flex!important;
}
.clr  {clear: left!important;}
.clrr { clear: right!important }
.clrn { clear: none!important }
.clrb { clear: both!important }

.shdh, .shdh:hover, .ani, .ani:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.ovid {
  overflow: hidden;
}
/*============
COLOR CSS
Primary color
==============
background color*/
.bg_thm {
    background-color: #cf5e29!important;
}
.bg_thm2,
.bg_thm2:hover,
.bg_thm2:active {
    background-color: #eee!important;
    border: none!important;
    color: #444!important;
}
.thm_c {
  color: #0a98f2!important;
}
.bg_w {
    background-color: #fff!important;
}
.shdn { box-shadow: none!important }

/*radius*/
.ro { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.ron { border-radius: 0!important;}
.ro3 { border-radius: 3px!important;}
.ro4 { border-radius: 4px!important;}

/*height*/
.ha { height: auto!important; }

.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }

/*width*/
.wa { width: auto!important; }
.wh { width: 50%!important; }
.wf { width: 100%!important; }

.green { color: #00c708; }
.red { color: #ff0000; }

.flex-r {
    display: flex;
    flex-direction: row-reverse
}
.db { display: block }
.dt { display: table; }
.dir { direction: rtl }
.dil { direction: ltr }

.mxa {
    margin-right: auto!important;
    margin-left: auto!important
}
.mya {
    margin-top: auto!important;
    margin-bottom: auto!important
}
.xl      {
  width: 100%;
  height: 1px;
  float: left;
  margin: 5px 0;
  background: #ddd;
}

.mas {
    margin: 0 auto;
    display: table!important
}
.mass {
    margin: 0 auto;
    display: table!important
}

/*font*/
.tr { text-align: right!important; }
.tc { text-align: center!important; }
.tl { text-align: left!important; }

.tsd { text-shadow: 1px 1px 1px #616161!important; }
.lo     { color: #999!important; }
.loe    {color: #fff!important;font-weight: normal;line-height: 25px;}
.lod    { color: #DDD!important; }
.loc    { color: #CCC!important; }
.lob    {color: #BBB!important;padding: 0 5px;}
.lo9    { color: #999!important; }
.lo8    { color: #888!important; }
.lo6    { color: #666!important; }
.lo5    { color: #555!important; }
.lo4    { color: #444!important; }
.lo3    { color: #333!important; }
.lo2    { color: #222!important; }
.lo0    { color: #000!important; }
.col1    { color: #7a9396!important; }

.tu,
.tu:hover,
.tu:focus {  text-decoration: underline; }

:focus { outline: none!important;}
.cp { cursor: pointer;}
.cpn { cursor: auto!important;}

.navbar .nav > li.dropdown.open .dropdown-menu, .navbar .nav > li.dropdown .open .dropdown-menu {
  border: 0!important;
  border-radius: 0 4px 4px 4px!important;
  margin-top: -2px;
  width: auto;
}
.navbar .nav > li.dropdown.open .dropdown-menu:after {
  border-bottom-color: #4285F4!important;
}
.form-control, input {
  background-color: #addfff;
  height: 44px;
  /* -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, .25)!important; */
  /* box-shadow: inset 0 2px 0px rgba(0, 0, 0, .25); */
  font-weight: bold;
  font-family: Arial;
  font-size: 13px;
  border: 3px solid #fff;
  color: #272727;
  border-radius: 9px;
}

.bgn { background: none!important;}
.br_n, .brn { border: none!important;}
.br_rn { border-right: none!important;}
.br_ln { border-left: none!important;}
.br_bn { border-bottom: none!important;}
.br_tn { border-top: none!important;}

.cw { color: #fff !important;}
.cg { color: #666 !important;}

.fwn { font-weight: normal!important; }
.fwb { font-weight: bold!important; }
.fsi { font-style: italic!important; }

.txtu { text-transform: uppercase!important; }
.txtl { text-transform: lowercase!important; }
.txtc { text-transform: capitalize!important; }

.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px!important;}
.fs13 {font-size: 13px!important;}
.fs14 {font-size: 14px!important;}
.fs15 {font-size: 15px!important;}

.pt2 { padding-top: 2px!important }
.mt20 { margin-top: 20px!important; }

.pn { padding: 0px!important }
.ptn { padding-top: 0px!important }
.prn { padding-right: 0px!important }
.pbn { padding-bottom: 0px!important }
.pln { padding-left: 0px!important }

.my15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.mt3 { margin-top: 3px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt10 { margin-top: 10px!important; }

.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml30 { margin-left: 30px!important; }
.p8 { padding: 8px!important; }
.mt8 { margin-top: 8px; }

.mn { margin: 0px!important }
.mtn { margin-top: 0px!important }
.mrn { margin-right: 0px!important }
.mbn { margin-bottom: 0px!important }
.mln { margin-left: 0px!important }

.pt5 { padding-top: 5px!important; }
.pb15 { padding-bottom: 15px!important; }

.mt15 { margin-top: 15px!important; }
.mt50 { margin-top: 50px!important; }

.m5 { margin: 5px!important; }
.m10 { margin: 10px!important; }
.m15 { margin: 15px!important; }
.m20 { margin: 20px!important; }

.mb35 { margin-bottom: 35px!important; }

/*new coloum use this code*/

/*Edited Code*/
.dropdown-menu > li > a {
    padding: 8px 10px;
    margin: 0;
    font-size: 15px;
    transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    -webkit-font-smoothing: subpixel-antialiased;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    -webkit-transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
    transition: border 0.25s linear,color 0.25s linear,background-color 0.25s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    background-color: #f5f5f5;
    cursor: pointer;
}
.dropdown-menu {
    padding: 0;
}

input,
select,
textarea {
    /* border: 3px solid #fff!important; */
    /* border-radius: 23px!important; */
    transition: all .2s ease-out!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-bottom: 15px;
}
input, select, textarea {
}
input:hover,
textarea:hover {
    transition: all .2s ease-out!important;
}
input:focus, textarea:focus,
 select:focus {
    border: 3px solid #ffffff!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.3)!important;
}
select:hover {
    transition: all .2s ease-out!important;
}
.input-group-addon {
    border-radius: 0px!important;
    border: none;
    background-color: #EEE!important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #fcac21;
    border-color: #fcac21;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* button animate open */
@keyframes clickeffect {
  from {
    opacity: 0.7;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}

/*@-webkit-keyframes clickeffect {
  from {
    opacity: 0.7;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}*/

.effect {
  margin: -100px;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  transform: scale(0);
  /*pointer-events: none;*/
  animation: clickeffect 1.2s ease;
  -webkit-animation: clickeffect 1.2s ease;
}
.effect:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

/*extra style*/
.btn,
.nav li a,
.gra,
.sub-gm,
.top-ten-list ul li {
  position: relative;
  overflow: hidden;
}
/* button animate close */

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #ffff01;
}
.navbar-toggle {
    background-color: transparent;
    border-radius: 0;
}
.navbar-default {
  border-color: transparent!important;
}

/*rating*/
/****** Style Star Rating Widget open *****/
.rating                { border: none; float: left; }
.rating > input        { display: none; } 
.rating > label:before { 
  margin: 5px 1px 1px;
  /*font-size: 1.25em;*/
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
  font-weight: normal;
  font-size: 14px;
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #ddd; 
 float: right; 
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

.star-w {
    display: table;
    margin: 5px auto 0;
}
/****** Style Star Rating Widget close *****/
.container,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12,
.col-md-2, .col-md-3, .col-md-4, .col-md-5,
.col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 5px;
  padding-left: 5px;
}
.row {
  margin-left: -5px;
  margin-right: -5px;
}



/* custom */

.dropdown-menu li {
    width: 100%;
    margin: 0;
}