body{color:#002b50;background-color: #383838;font-family:'Montserrat',sans-serif;/* background-image: linear-gradient(to right top, #38438b, #944b94, #d75a88, #ff7e71, #ffb25f, #ffeb68); */}
i{display:inline-block}
/*a>*{pointer-events:none}*/
button>*{pointer-events:none}
.icon-block{padding:0 15px}
.icon-block .material-icons{font-size:inherit}
nav.header{/* background-color: #515151!important; */position: fixed;top: 0;left: 0;margin-left: 0;width: 100%;z-index: 1111;border-radius: 0;transition: .2s all linear;/* width: 30%; *//* left: inherit; *//* right: 0; *//* height: 350px; *//* color: #FFF; */background: rgb(56, 56, 56);}
#logo-container{margin-left:10px;float:left;display:block;position:relative;margin-right:10px}
#logo-container img{max-height:55px;padding-top:12px}
ul.menu{float: left;}
ul.menu li a{display:block;color: #fff;padding: 0 10px;}
div.search-section{float: right; margin-right: 25px; transition: .2s all linear; display: flex; align-items: baseline;}
.search-section .input-field label{color: #ffffff;line-height:35px;padding-left:0;text-indent:0;left:0;}
body .search-section .input-field input{border-color: #ffffff!important;color: #ffffff;height:35px;line-height:35px!important;font-size:11px;}
input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #002b50;-webkit-box-shadow:0 1px 0 0 #002b50;box-shadow:0 1px 0 0 #002b50}
.input-field .prefix.active{color:#002b50}
.hidden{display:none!important}
.gamesList-section{position:relative;padding-left:10px;padding-right:10px;min-height: calc(100vh - 115px);}
.gamesList-section:before{content:"";background:url(../images/pattern.png);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;display:none}
.page-footer{background:#42006b;padding-top:15px;padding-bottom:15px;height:auto;padding-left:0;background: linear-gradient(to right, #21A179,#1C8464);}
.page-footer .footer-copyright{background:#0f92c9;border-radius:10px 0 0}
.dropdown-content{width:160px!important;top:51px!important}
.dropdown-content li a{min-width:120px;padding:5px 16px}
.dropdown-content li{min-height:30px}
.game-item{background:#3498DB;opacity:1;color:#fff;border-radius: 0pz;box-shadow:0 6px 12px 0 rgba(0,0,0,.24);display:inline-block;color:#fff;text-align:left;font-size:16px;background: #000000;width:100%;height:100%;}
.game-item-nav{background:#DA4453;color:#fff}
.game-item-fixed{background:#34BC9D;color:#fff}
.game-item img{width:100%;height:100%;border-radius: 0;display: block !important;}
.game-item a{float:left;width:100%;height:100%;display:block;color:#FFF;position:relative!important;left:auto!important;top:inherit!important;border-radius: 0;}
.game-item *,.game-item:before,.game-item:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s ease;transition:all .4s ease}
.game-item img{max-width:100%;backface-visibility:hidden;vertical-align:top;}
.game-item:before,.game-item:after{position:absolute;top:20px;right:20px;content:'';background-color:#fff;z-index:1;opacity:0;display: none !important;}
.game-item:before{width:0;height:1px;display: none;}
.game-item:after{height:0;width:1px}
.grid-item figcaption{position:absolute;left:0;bottom:0;padding:15px 20px}
.grid-item h3,.grid-item h4{margin:0;font-size:1.1em;font-weight:lighter;opacity:0}
.grid-item h4{font-size:.6em;text-transform:uppercase;margin-top:10px}
.grid-item a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
.game-item:hover img,.game-item.hover img{zoom:1;filter:alpha(opacity=20);-webkit-opacity:.2;opacity:.2}
.game-item:hover:before,.game-item.hover:before,.game-item:hover:after,.game-item.hover:after{opacity:1;-webkit-transition-delay:.25s;transition-delay:.25s}
.game-item:hover:before,.game-item.hover:before{width:40px}
.game-item:hover:after,.game-item.hover:after{height:40px}
.game-item:hover h3,.game-item.hover h3,.game-item:hover h4,.game-item.hover h4{opacity:1}
.game-item:hover h3,.game-item.hover h3{-webkit-transition-delay:.3s;transition-delay:.3s}
.game-item:hover h4,.game-item.hover h4{-webkit-transition-delay:.35s;transition-delay:.35s}
.custom-dropdown{padding-left:0;padding-right:10px;background: #f07a3c;display:inline-block!important;color:#FFF;border-radius:10px;}
.custom-dropdown:hover,.custom-dropdown:focus{background: #f0793d;color:#FFF;}
.custom-dropdown i{display:inline-block;font-size:15px;width:20px;width:35px;height:35px;text-align:center;line-height:35px;border-radius:50%}
body .search-section .input-field{float:left;height:35px;margin-right:12px;width:150px}
body .input-field .prefix{font-size:21px;line-height:46px;text-align:center}
body .input-field>label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-4px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}
.page-footer ul{margin:0}
.page-footer ul li a{float:left;margin-right:15px}
.page-footer .row{margin-bottom:0}
.light-btn{color: #f0793d;background:#FFF;}
.dark-btn,ul.menu li a.dark-btn{background: #21A179;color:#FFF;}
.dark-btn:hover,.dark-btn:focus{/* background: #f07a3c; */opacity:.8;}
body .gamebox-btn{margin-left: 30px; position: relative; padding-left: 10px; border-radius: 25px; padding-right: 3px; display: flex !important; justify-content: flex-start; align-items: center; flex-direction: row-reverse;}
body .gamebox-btn .text{

    float: left;

    margin-right: 7px;
}
.social-icons{float:right}
.social-icons li{float:left}
.social-icons li a i{color:#42006b;width:30px;height:30px;background:#FFF;text-align:center;line-height:30px;border-radius:50%}
.ribbon{width:90px;height:90px;overflow:hidden;position:absolute;z-index:111;pointer-events: none;}
.ribbon::before,.ribbon::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #8e7214}
.ribbon span{position:absolute;display:block;width:165px;padding:5px 0;background-color: #f28338;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 13px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;}
.ribbon-top-left{top:-10px;left:-10px}
.ribbon-top-left::before,.ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent}
.ribbon-top-left::before{top:10px;right:0}
.ribbon-top-left::after{bottom:0;left:11px}
.ribbon-top-left span{right:-35px;top:30px;transform:rotate(-45deg)}
.games-grid{margin:0;padding:0;margin:0 auto}
.grid-sizer,.grid-item{width:8.33%;width:150px;height:150px}
.grid-item-2{width:16.6%;width:300px;height:300px}
.grid-item p{margin:0;padding:.5em;background-color:#F0F0F0}
.grid-item{overflow:hidden;padding:10px}
.stamp{position:absolute}
.stamp1{left:0;top:0}
.stamp2{left:16.65%;top:0;left:300px}
.stamp3{left:16.65%;top:164px;left:300px;top:150px}
#infscr-loading{position:absolute;width:50px;height:50px;bottom:-40px;z-index:111;height:50px;display:block;width:30%;background-color:#000;border-radius:2px;margin:.5rem 0 1rem;overflow:hidden;left:50%;width:300px;margin-left:-150px;border-radius:15px}
#infscr-loading div{background-color:#26a69a;display:none}
#infscr-loading div em{display:none}
#infscr-loading img{display:none}
#infscr-loading div:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}
#infscr-loading div:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}
#infscr-loading:before{content:"";background:url(../images/pacman.gif);width:100%;height:70px;display:block;background-position:center -37px;background-size:180px;background-repeat:no-repeat}
#pagination{display:none}
.opacity-0{opacity:0!important}
.page-wrapper{padding-top:0;min-height:calc(100vh - 210px);margin-top:15px}
.game-detail{width:100%;display:flex;position:relative;margin-top:6px;width:auto;justify-content:center}
.game-detail .ad_left{position:absolute;left:-175px;top:0;width:160px;height:600px}
.game-detail .ad_right{position:absolute;right:-175px;top:0;width:160px;height:600px}
.game-detail .ads_bottom{width:100%;text-align:right;margin:12px 0}
.game-detail .ads_bottom img{max-width:100%}
.gameList{width:120px;background:#fff;border-radius:15px;position:relative;height:600px;padding: 5px;}
.gameList.left{margin-right:15px}
.gameList.right{margin-left:15px}
.gameContent{min-height:600px;min-width:800px;position:relative;max-width:800px;height:auto;display:block;margin-bottom:50px}
.gameContent .game-frame{width: 100%;height:600px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);margin-bottom:13px;}
.gameContent .game-frame iframe{width:100%;min-height:100%}
.gameContent .game-frame center{height: 100%}
.gameContent .game-frame.full-screen{position:fixed;top:0;left:0;width:100%!important;height:100%!important;z-index:11111;padding-top:0;background:#000}
.slide-wrapper{display:-webkit-box}
.slide-image-container{width:30%}
.slide-text-container{width:70%}
.slick-arrow{position:absolute;z-index:10;font-size:15px;width:30px;height:30px;background:#fff;color:#000;text-align:center;border-radius:50%;line-height:30px;margin-left:-15px;left:50%;cursor:pointer;box-shadow: 0 0 6px #0000007a;}
.slick-prev.slick-arrow{bottom:10px}
.slick-next.slick-arrow{top:12px}
.slick-slide{outline:none}
.item{position:relative;margin:4px;transform:translate3d(0,0,0);transition:opacity 1.6s cubic-bezier(0,1,0.86,1),transform .8s cubic-bezier(0,1,0.86,1);outline:none;overflow:hidden;z-index:-1}
.item img{width:100%;transform:rotate(0) translate3d(0,0,0);transition:filter 1.6s cubic-bezier(0,1,0.86,1)}
.item.slick-animate{opacity:1;z-index:99;transition:filter 1.6s cubic-bezier(0,1,0.86,1),opacity .4s cubic-bezier(0,1,0.86,1),transform .4s cubic-bezier(0,1,0.86,1);transition:filter 1.6s cubic-bezier(0,1,0.86,1),opacity .4s cubic-bezier(0,1,0.86,1),}
.vertical-slider{overflow:hidden;height:100%}
.game-description{background:#fff;padding:15px;border:1px solid #dadada;margin-top:15px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
                  /*min-width: 775px;*/
                  /*margin-top: 70px;*/
}
.game-description .game-text h1{font-size:23px;font-weight:lighter;margin-top:0;margin-bottom: 0;float:left;max-width:50%;}
.game-description .game-text div.game-text-div{width:100%;float:left}
.game-head-bar{background:#fff;color:#000;padding:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);margin-bottom:13px}
.game-description .game-picture{float:left;height:50px;width:50px;border-radius:10px;overflow:hidden;box-shadow:0 0 11px #00000075;margin-right:20px}
.game-description .game-picture img{width:100%;height:100%}
.game-head-bar .game-info{float:left;width:100%}
.game-head-bar .game-info h1{font-size:30px;margin:0;float:left;margin-left:20px;margin-top:-2px;width:100%;margin-bottom:10px}
.game-foot-bar{background:#fff;color:#000;border-radius:0 0 10px 10px;overflow:hidden}
.game-head-bar .buttons{float:right}
.game-head-bar .buttons button{float:right;margin-left:15px;width:35px;height:35px}
.game-head-bar .buttons button i{font-size:14px;line-height:0;display:inherit}
.jssocials-shares{margin:0!important}
.close-fullscreen i{font-size:18px}
.close-fullscreen{position:absolute;right:20px;top:20px}
.jssocials-share-link{border-radius:50%;width:35px;height:35px;line-height:21px!important}
.hidden{display:none!important}
.game-info button.add-gameBox{float:left;padding:0 10px;font-size:12px;height:34px;line-height:10px;border-radius:15px}
.game-info button.add-gameBox i{float:left;margin-right:7px}
.gamebox-btn span{position:absolute;left: -9px;top:-6px;background: #383838;width:18px;height:18px;border-radius:50%;font-size:12px;text-align:center;line-height:18px;}
#slide-out{z-index:11111}
.sidenav-overlay{z-index:1111}
#share{width:auto;float:right;margin-left:15px}
body .gameboxList li{width:100%;display:flex;padding:0 15px}
body .gameboxList li .game-image{max-width:80px;min-width:80px}
body .gameboxList li .game-image img{max-width:100%;border-radius:15px}
body .gameboxList li .game-title{line-height:20px;font-weight:700;padding:5px 14px;min-width:calc(100% - 110px);padding-top:19px}
body .gameboxList li .game-remove{max-width:30px;padding-top:20px}
body .gameboxList li .game-remove .btn{width:30px;height:30px;line-height:30px;text-align:center;text-indent:0;padding:0;float:right}
body .sidenav li.header_title{font-size:19px;font-weight:700;margin-bottom:20px;background: #ea9e2a;color:#FFF;padding-top:30px;}
body .gameboxList li .game-remove .btn i{font-size:15px;display:inline-block}
body .gameboxList li .game-title a{color:#000}
.custom-page h1{font-size:25px;text-transform:uppercase;font-weight:lighter;margin-bottom:20px;padding-left:10px;margin-top:20px}
.custom-page .page-text{background:#FFF;padding:30px 15px;border-radius:15px;min-height:350px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);font-size:15px}
.section-404{position:relative;background: #383838;color:#FFF;padding-top:90px;text-align:center;}
.section-404:before{content:"";background:url(../images/pattern.png);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.section-404 .gif_404{position:fixed;left:50%;bottom:0;z-index:1111;margin-left:-200px}
.header_template{width:100%;height:58px;display: none;}
.gamebox-icon{width: 30px;display:inline-block;/* position:absolute; *//* left:-16px; *//* top:0; */height: 30px;background:#fff;border-radius:50%;float: right;}
.gamebox-icon img{width:100%}
.gamebox-icon i{font-size: 15px;color: #f17a3d;line-height:0;width:auto;height:auto;position:relative;}
@keyframes placeHolderShimmer {
    0%{background-position:-468px 0}
    100%{background-position:468px 0}
}
.game-item img{animation-duration:.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:800px 104px;position:relative;}
.page-loading{position:fixed;left:0;z-index:111111;width:100%;height:100vh;text-align:center;background:#42006b}
.starrr{display:inline-block}
.starrr a{font-size:16px;padding:0 1px;cursor:pointer;color:#FFD119;text-decoration:none}
.game-star-container{float:left;margin-left:10px;margin-top:0;display: flex;}
.game-star-container span.count{font-size: 14px;width: auto;text-align:center;display:block;margin-top:2px;float: left;line-height: 30px;margin-left: 10px;}
.my-rating{line-height:1}
.mobile-button{float:right;position:relative;z-index:1;height:56px;margin:0 18px;color: #ffffff;position: absolute;right: 0;}
.mobile-menu{z-index:11111;width:250px}
.mobile-menu li.header_title{padding:0 15px!important;padding-top:30px!important}
.mobile-menu li{width:100%;display:flex}
.mobile-menu li a{width:100%}
.mobile-menu li a i{margin-right:0}
#pagination{background:#000}
#pagination li{float:left;list-style:none}
#pagination li a{display:block;padding:15px;background:#42006b;height:30px;line-height:0}
#pagination li.active a{background:#8634b9!important}
.page-title-section{margin:0 auto;padding:0 15px;padding: 0 50px;}
.page-title-section h1{margin-top:20px;margin-bottom:10px;font-size:25px;text-transform:uppercase;font-weight:lighter;color: #FFF;}
.page-title-section nav{background:none;box-shadow:none;color:#000;height:20px;line-height:20px}
.page-title-section nav .nav-wrapper a i{font-size:14px;line-height:20px;margin-right:5px}
.page-title-section nav .nav-wrapper a{color: #ffffff;font-size:12px;}
.breadcrumb:before{color:#545454;margin:0}
.page-content{margin:0 auto}
body.body_category .gamesList-section{min-height:calc(100vh - 195px)}
.gameContent .game-frame #swf_container{width:100%;height:100%;margin:0 auto;display:block}
.gameContent .game-frame #swf_container p{padding:15px}
.gameContent .game-frame #swf_container embed{width:100%;height:100%}
.game-description .game-text div.game-text-div p{margin-top:3px;margin-bottom:8px}
.game-description .game-text div.game-text-div a{color:#000;font-weight:500;}
.game-description .game-text div.game-text-div h2, .game-description .game-text div.game-text-div h3, .game-description .game-text div.game-text-div h4 ,.game-description .game-text div.game-text-div h5{font-size: 24px; line-height: 1.5; margin: 8px 0;color:#000;font-weight:500;}

.pd-0{padding:0!important}
.material-tooltip{z-index:11111!important}
body .autocomplete-content{width:250px!important;padding-bottom:0;min-height:0;height:auto!important}
body .autocomplete-content li a>span{color:#009cff;font-size:15px;font-weight:700;padding-top:13px;display:block}
.autocomplete-content{display:block;opacity:1;transform:scaleX(1) scaleY(1);width:250px;left:0;top:-4px;height:100px;transform-origin:0 0}
.autocomplete-content li{background:none}
.game-rating-container{float:left;margin-left:15px;margin-top:2px;margin-right:10px}
.game-rating-container button{background:none;border:none;text-align:center;cursor:pointer;color:#565656;transition:.2s all linear}
.game-rating-container button i{display:block;font-size:17px}
.game-rating-container button span.count{font-size:11px;font-family:'Montserrat',sans-serif}
.game-rating-container button.active{color:#26a69a}
.game-rating-container button:hover{color:#26a69a}
.game-rating-container button.active i{font-weight:900}
.play-game{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.play-game iframe{width:100%;height:100%}
body .quick-menu.fixed-action-btn{right:inherit;left:-10px;top:-5px;bottom:inherit}
.play-btn{background: #419641; border: none; color: #FFF; width: 150px; border-radius: 10px; padding: 5px 0; height: 38px; line-height: 29px; margin-bottom: 15px; display: inline-block; text-align: center; float: left; width: 100%; margin-top: 25px;}
.play-btn i{line-height:0;top:6px;position:relative}
.autocomplete-content li{background:none;margin-bottom:0;padding-bottom:0;display:block;min-height:inherit;line-height:0;height:auto;border-bottom:1px solid #e8e8e8}
.autocomplete-content li:hover,.autocomplete-content li:focus{background:none}
.autocomplete-content li a{outline:0;margin-bottom:0;height:auto;padding:2px 15px;line-height:14px}
.clear{clear:both}
.slick-slide a{display: block;}
.scroll-container{    padding-right: 12px;}

body .category-list{
    width: 80%;
    /* clear: both; */
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
body .category-list li{
    float: left;
}
body .category-list li a{
    color: #000;
    padding: 2px 10px;
    margin-right: 5px;
    border-radius: 15px;
    border: 1px solid #dbf1ff;
    margin-bottom: 5px;
    display: block;
    font-size: 11px;
}
.categoriList li.new-games{}
.categoriList li.new-games a{
    color: #deb52b;
    font-weight: bold;
}
.categoriList li.new-games a i{
    font-size: 17px;
    display: inline-block;
    line-height: 0;
    height: auto;
}
.overflow-hidden{overflow: hidden !important;;}

/**/
.category-section{
    padding: 15px;
    background: #383838;
    width: 100%;
    margin-top: 56px;
    background: linear-gradient(to right, #21A179,#1C8464);
    padding-top: 10px;
    margin-bottom: 15px;
    height: 110px;
    position: relative;
    transition: height 0.5s ease-out;
}
.category-section.open{
    height: auto;
    transition: height 0.5s ease-in;
}

.category-section.open ul{
    height: auto;
    transition: height 0.5s ease-in;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.category-section.open li{
    display: inline-block;
}

.category-section ul{
    height: 60px;
    overflow: hidden;
    transition: height 0.5s ease-out;
    display: flex;
    flex-wrap: wrap;
}
.category-section ul li{
    min-width: 14.2%;
    max-width: 14.2%;
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.category-section ul li .category-item{
    background: #ffffff;
    margin-right: 10px;
    display: flex;
    border-radius: 27px;
    padding: 2px;
    margin-bottom: 10px;
    color: #383838;
    cursor: pointer;
    transition: 0.1s all linear;
}
.category-section ul li .category-item:hover{
    background: #383838;
    color: #FFF;
}
.category-section ul li .category-item .category-img{
}
.category-section ul li .category-item .category-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inherit;
    background: #f07a3c;
}
.category-section ul li .category-item .category-title{
    height: auto;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 20px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    font-weight: bold;
	overflow:hidden;
	text-overflow:ellipsis;
}
/**/

.btn-all-category{
    background: #fff;
    border: none;
    outline: 0px;
    color: #21A179;
    border-radius: 11px;
    font-size: 12px;
    padding: 5px 10px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: -4px;
    cursor: pointer;
    z-index: 11;
    transition: 0.2s all linear;
}
.btn-all-category:hover, .btn-all-category:focus{background: #21A179;color: #FFF;}

body:before {
    content: "";
    background-image: url(../images/pattern2.png);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    opacity: .5;
    background-size: 250px;
}

/*yeni hover*/

.games-grid .game-item a {
    display: inline-block;
    text-align: left;
    overflow: hidden;
    position: relative;
}
.games-grid .game-item a:before {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    width: 100%;
    height: 50%;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    transition-property: top, opacity;
    transition-duration: 0.3s;
}
.games-grid .game-item a img {
    display: block;
    max-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.games-grid .game-item a .details {
    font-size: 16px;
    padding: 20px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.games-grid .game-item a .details span {
    display: block;
    opacity: 0;
    position: relative;
    top: 100px;
    transition-property: top, opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
}
.games-grid .game-item a .details .title {
    line-height: 1;
    font-weight: 600;
    font-size: 18px;
}
.games-grid .game-item a .details .info {
    line-height: 1.2;
    margin-top: 5px;
    font-size: 12px;
}
.games-grid .game-item a:focus:before,
.games-grid .game-item a:focus span, .games-grid .game-item a:hover:before,
.games-grid .game-item a:hover span {
    opacity: 1;
}
.games-grid .game-item a:focus:before, .games-grid .game-item a:hover:before {
    top: 50%;
}
.games-grid .game-item a:focus span, .games-grid .game-item a:hover span {
    top: 0;
}
.games-grid .game-item a:focus .title, .games-grid .game-item a:hover .title {
    transition-delay: 0.15s;
}
.games-grid .game-item a:focus .info, .games-grid .game-item a:hover .info {
    transition-delay: 0.25s;
}
/**/


.category-section:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(circle at 10px -5px, transparent 12px, #383838 13px);
}
.category-section:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    height: 15px;
    background-size: 40px 20px;
    background-image: radial-gradient(circle at 10px 15px, #383838 12px, transparent 13px);
}

.page-content.custom-page{
    padding: 0 50px;
}

.category-text{min-height: auto;margin-bottom: 40px;}
.category-text h2{
    font-size: 26px;
    font-weight: bold;
    margin-top: 0;
}


/* Shine */
.stamp1 .game-item a:after {
    content:'';
    top:0;
    transform:translateX(100%);
    width:100%;
    height:100%;
    position: absolute;
    z-index:1;
    animation: slide 2s ;

    /*
    CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
    */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slide {
    50% {transform:translateX(-100%);}
    100% {transform:translateX(100%);}
}

/**/


.game-view{

    /* background-attachment: fixed; */

    min-height: 600px;

    /* display: flex; */

    position: relative;

    /* background-image: url(http://localhost/hitgames/web/uploads/games/other/subway-surfers/subway-surfers.jpg); */

    /* background-size: cover; */

    overflow: hidden;

    background: #FFF;

    border-radius: 15px;
}
.game-view .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -ms-filter: blur(30px);
    filter: blur(30px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
    opacity: 0.6;
}
.game-view .sol{
    min-width: 50%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
    padding-right: 40px;
    float: left;
}
.game-view .sag{
    position: relative;
    padding-top: 70px;
    padding-left: 10px;
    padding-right: 20px;
    width: 50%;
    float: right;
}
.game-view .sag .title{
    font-weight: bold;
    display: flex;
}

.game-view .sag .title h1{
    font-weight: bold;
    font-size: 19px;
    margin: 0;
    margin-left: 20px;
    padding-top: 15px;
}
.game-view .sag .buttons{display: flex;margin-top: 20px;margin-bottom: 30px;}
.game-view .sag .title .game-picture{
    max-width: 80px;
}
.game-view .sag .title .game-picture img{
    border-radius: 20px;
    max-width: 100%;
}
.game-view .sag .text{font-weight: bold;max-height: 160px;overflow: auto;padding-right: 15px;}
.game-view .alt{
    position: relative;
    width: 100%;
    height: 150px;
    /*background: #000;*/
    min-width: 100%;
    float: left;
    margin-top: 30px !important;
}
.game-view .btn-playgame{
    padding: 24px 40px;
    line-height: 0;
    font-size: 16px;
    font-weight: bold;
}
.game-view .btn-playgame i{ font-size: 15px;}

.game-view *{outline: 0px;}

.grid-ads-item .game-item{position: relative;/* overflow: hidden; */background: #000000;}
.grid-ads-item .reklam-title{
    position: absolute;
    left: 0;
    top: 0;
    background: #f28338;
    width: auto;
    font-size: 11px;
    text-align: right;
    z-index: 11;
    padding: 2px;
    border-bottom-right-radius: 4px;
}
.overflow-hidden{overflow: hidden !important;}
.gamesList-section h1{font-size: 24px;text-align: center;color:#fff}
.gamesList-section div.desc{text-align: center;font-size: 18px;font-style:italic;color:#fff}
.clear{clear:both;}
.addthis_inline_share_toolbox{
    clear: both;
    margin-top: 5px;
    margin-left: 15px;
}
#game_desc p{padding-left:15px;text-align: justify;}
#controls_guide ul{padding-left:30px;}
#controls_guide ul li{
	list-style-type: disc !important;
}



/* Pagenavi */
.loading{background:url(../images/comments/icon_loader.gif) 0 0/100% auto no-repeat;width:70px;height:50px;margin:0 auto;display:none;clear: both;}
.pagenavi {
    padding: 15px;
    width: 100%; 
    text-align: center;
}

.pagenavi a {
padding: 0;
    margin: 5px 12px;
    text-decoration: none;
    background-color: inherit;
    color: #21A179 ;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	
}
.pagenavi a:hover {
    font-weight: bold;
}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px; 
    margin: 3px;
    background-color: inherit;  
}
.pagenavi span.current {
    padding: 5px 12px; 
    margin: 3px;
    font-weight:bold;
    color: #fff;
    background-color: #21A179 ;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px; 
    margin: 3px;    
    border: 1px solid #ccc;
    background-color: inherit;  
}
.related-games{width:100% !important}
h4.similar-text{
	       text-align: center;
    font-size: 20px;
    font-weight: lighter; 
    text-transform: uppercase;
}
ul.dropdown-content li a{color:#000 !important}
.page-text h2{
	font-size:24px;
}
@media only screen and (max-width: 1210px)
{
	nav a.sidenav-trigger{
		display:block !important;
	}
	.search-section{
		margin-right: 55px !important;
	}
	 
}