@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family: 'Encode Sans Condensed', sans-serif;}
.wrapper{width:100%;  float:left; overflow:hidden; }
.clear{clear:both;}
textarea:focus, input:focus{
    outline: none;
}
h2,h3 {color: #dc113e;}
a:focus{outline: none;}
.clear{clear:both;}
.header{width:100%; float:left;}
.container{width:1170px; margin:0 auto;}
/*.logo{float:left; margin-right:50px;}*/
.logo{float:left; margin-right:0px;}
.logo img{height:100px; width:auto; margin-bottom:20px;}
ul li{list-style:none;}
ul{margin:0; padding:0;}
/*.nav-main{width:1282px; margin:0 auto; padding-top:20px;}*/
.nav-main{width:1302px; margin:0 auto; padding-top:20px;}
/*.nav li{display:inline; margin-left:10px;}*/
.nav li{display:inline; margin-left:5px;}
.nav{margin-top:28px; float:left;}
.nav li a{font-size:17px; text-decoration:none;}

.nav .green:hover{border:1px solid #37ac24; color:#fff; background:#2b921a url(../images/learning-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease;}
/*.nav .orange:hover{border:1px solid #f78412; color:#fff; background:#dc7006 url(../images/babycare-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }*/
.nav .pink:hover{border:1px solid #dd113d; color:#fff; background:#bb082f url(../images/preschool-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }
/*.nav .lightpink:hover{border:1px solid #ff5277; color:#fff; background:#d2173f url(../images/kids-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }*/
.nav .blue:hover{border:1px solid #009beb; color:#fff; background:#0581c1 url(../images/grooming-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }
/*.nav .purple:hover{border:1px solid #5c4694; color:#fff; background:#48347b url(../images/party-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }*/
.nav .skyblue:hover{border:1px solid #00bb98;color:#fff; background:#039c80 url(../images/doctor-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }
.nav .brown{border:1px solid #880134; color:#fff; background:#bd5f03 url(../images/learning-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease;}
/*.nav .pet:hover{border:1px solid #f78412; color:#fff; background:#bd5f03 url(../images/pet-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }*/
/*.nav .dressup:hover{border:1px solid #dd113d; color:#fff; background:#bb082f url(../images/dressup-h.png) no-repeat 5px 10px;  transition: background-color 0.5s ease; }*/
/*.nav .baby:hover{border:1px solid #8213b5; background:#8213b5 url(../images/babycare-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px;}*/

.nav .green{border:1px solid #37ac24; background:#37ac24 url(../images/learning-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }
/*.nav .orange{border:1px solid #f78412; background:#f78412 url(../images/babycare-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px;}*/
.nav .pink{border:1px solid #dd113d; background:#dd113d url(../images/preschool-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }
/*.nav .lightpink{border:1px solid #ff5277; background:#ff5277 url(../images/kids-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }*/
.nav .blue{border:1px solid #009beb; background:#009beb url(../images/grooming-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }
/*.nav .purple{border:1px solid #5c4694; background:#5c4694 url(../images/party-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }*/
.nav .skyblue{border:1px solid #00bb98; background:#00bb98 url(../images/doctor-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }
.nav .brown{border:1px solid #880134; background:#880134 url(../images/learning-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }
/*.nav .pet{border:1px solid #f78412; background:#f78412 url(../images/pet-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px;}*/
/*.nav .dressup{border:1px solid #dd113d; background:#dd113d url(../images/dressup-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px; }*/
/*.nav .baby{border:1px solid #9f13df; background:#9f13df url(../images/babycare-h.png) no-repeat 5px 10px; color:#fff; border-radius:5px; padding:15px 10px 15px 45px;}*/


/***************sprite images*******************************/
.nav .green{border:1px solid #4e55bf; display: inline-block; background:#4e55bf url('../images/chef.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 45px; text-align: left; }
.nav .green{background-position: 7px 14px!important; width: 104px; /*height: 50px;*/padding: 14px 0px;}
.nav .green:hover{border:1px solid #333990; display: inline-block; background:#333990 url('../images/chef.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 45px; text-align: left;  }
.nav .green:hover{background-position: 7px 14px!important; width: 104px; /*height: 50px;*/padding: 14px 0px;}


.nav .skyblue{border:1px solid #00bb98; display: inline-block; background:#00bb98 url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 52px; text-align: left; }
.nav .skyblue{background-position: -14px -37px!important; width: 105px; /*height: 50px;*/padding: 14px 0px; }
.nav .skyblue:hover{border:1px solid #00bb98;display: inline-block; background:#039c80 url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 52px; text-align: left; }
.nav .skyblue:hover{background-position: -14px -37px!important; width: 105px; /*height: 50px;*/padding: 14px 0px; }

.nav .dressup{border:1px solid #dd113d; display: inline-block; background:#dd113d url(../images/sprite-image.png) no-repeat !important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 44px; text-align: left;  }
.nav .dressup{background-position: -15px -381px!important; width: 105px; /*height: 30px;*/padding: 14px 0px;}
.nav .dressup:hover{border:1px solid #bb082f; display: inline-block; background:#bb082f url(../images/sprite-image.png) no-repeat!important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 44px; text-align: left;  transition: background-color 0.5s ease; }
.nav .dressup:hover{background-position: -15px -381px!important; width: 105px; /*height:30px;*/padding: 14px 0px;}

.nav .baby{border:1px solid #9f13df; display: inline-block; background:#9f13df url(../images/sprite-image.png) no-repeat !important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 39px; text-align: left;  }
.nav .baby{background-position: -20px 12px!important; width: 129px; /*height: 30px;*/padding: 14px 0px;}
.nav .baby:hover{border:1px solid #8213b5; display: inline-block; background:#8213b5 url(../images/sprite-image.png) no-repeat!important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 39px; text-align: left;  transition: background-color 0.5s ease; }
.nav .baby:hover{background-position: -20px 12px!important; width: 129px; /*height:30px;*/padding: 14px 0px;}

.nav .orange{border:1px solid #f78412; display: inline-block; background:#f78412 url(../images/sprite-image.png) no-repeat !important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 39px; text-align: left;  }
.nav .orange{background-position: -20px 12px!important; width: 114px; /*height: 30px;*/padding: 14px 0px;}
.nav .orange:hover{border:1px solid #dc7006; display: inline-block; background:#dc7006 url(../images/sprite-image.png) no-repeat!important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 39px; text-align: left;  transition: background-color 0.5s ease; }
.nav .orange:hover{background-position: -20px 12px!important; width: 114px; /*height:30px;*/padding: 14px 0px;}

.nav .blue{border:1px solid #009beb; display: inline-block; background:#009beb url(../images/sprite-image.png) no-repeat !important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 44px; text-align: left;  }
.nav .blue{background-position: -15px -85px!important; width: 119px; /*height: 30px;*/padding: 14px 0px;}
.nav .blue:hover{border:1px solid #0581c1; display: inline-block; background:#0581c1 url(../images/sprite-image.png) no-repeat!important; color:#fff; border-radius:5px;overflow: hidden; text-indent: 44px; text-align: left;  transition: background-color 0.5s ease; }
.nav .blue:hover{background-position: -15px -85px!important; width: 119px; /*height:30px;*/padding: 14px 0px;}

.nav .purple{border:1px solid #5c4694; display: inline-block; background:#5c4694 url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 45px; text-align: left; }
.nav .purple{background-position: -16px -233px!important; width: 90px; /*height: 50px;*/padding: 14px 0px; }
.nav .purple:hover{border:1px solid #48347b;display: inline-block; background:#48347b url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 45px; text-align: left; }
.nav .purple:hover{background-position: -16px -233px!important; width: 90px; /*height: 50px;*/padding: 14px 0px; }

.nav .pet{border:1px solid #f78412; display: inline-block; background:#f78412 url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 47px; text-align: left; }
.nav .pet{background-position: -16px -282px!important; width: 80px; /*height: 50px;*/padding: 14px 0px; }
.nav .pet:hover{border:1px solid #bd5f03;display: inline-block; background:#bd5f03 url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 47px; text-align: left; }
.nav .pet:hover{background-position: -16px -282px!important; width: 80px; /*height: 50px;*/padding: 14px 0px; }

.nav .lightpink{border:1px solid #ff5277; display: inline-block; background:#ff5277 url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 45px; text-align: left; }
.nav .lightpink{background-position: -16px -136px!important; width: 80px; /*height: 50px;*/padding: 14px 0px; }
.nav .lightpink:hover{border:1px solid #d2173f;display: inline-block; background:#d2173f url('../images/sprite-image.png') no-repeat!important; color:#fff; border-radius:5px; overflow: hidden; text-indent: 45px; text-align: left; }
.nav .lightpink:hover{background-position: -16px -136px!important; width: 80px; /*height: 50px;*/padding: 14px 0px; }

.feature-game .slick-prev {left: 0px!important;top: 50%;background: url(../images/sprite-image.png) no-repeat !important; background-position: -20px -476px!important; width: 25px; height: 37px; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left;}
.feature-game .slick-next {right: 0px!important;top: 50%;background: url(../images/sprite-image.png) no-repeat !important;background-position: -20px -533px!important; width: 25px; height: 37px; display: inline-block;overflow: hidden; text-indent: -9999px; text-align: left;}

.slick-prev {left: 17px!important;top: 50%;background: url(../images/sprite-image.png) no-repeat !important; background-position: -20px -590px!important; width: 25px; height: 37px; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left;}
.slick-next {right: 0px!important;top: 50%;background: url(../images/sprite-image.png) no-repeat !important;background-position: -20px -647px!important; width: 25px; height: 37px; display: inline-block;overflow: hidden; text-indent: -9999px; text-align: left;}
/***************sprite images*******************************/

/*********************************
Header SLider
*********************************/
.mobile{width:100%; float:left; padding:15px 0; display:none;}
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: absolute; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	width:100%; height:100%;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 5%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The 	igation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
.menumob{margin: 5px 0;
    position: absolute;
    right: 15px;
    top: 23px;
    width: 60px;
    height: 35px;
    text-align: center;
    padding-top: 20px;}
/************************************
Menu End
************************************/


.slider {
        width: 96%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 12.5px;
    }

    .slick-slide img {
      width: 100%;
	  border:5px solid #fff;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
     
    }
    
	.slider img{
	    border-radius:50%;
	    /*border-radius:100px;*/
	}
	    
.header-slider{background:#28b7c5; width:98.9%; float:left; padding:15px 10px;margin-bottom: 15px;}
.header-slider .item .box{width:100px; height:100px; border-radius:100%; overflow:hidden;}
.header-slider .item {float:left; margin:15px;}
.header-slider .item .box img{ width:100px; height:100px;}

/****************************
End Header SLider
****************************/
.breadcrumb{font-size:14px; padding:15px 0; font-weight:600;}
.breadcrumb a{color:#5b5b5b; padding:0px 5px; text-decoration:none;}
.breadcrumb i{color:#5b5b5b;}
.breadcrumb a.active{color:#dd1741;}
.breadcrumb .wlink{color:#5b5b5b; margin-left:5px;}
.b-first{padding-left:0 !important;}
 h1{color:#dd113d; font-size:24px; font-weight:700;}
.baby-title{color:#dd113d; font-size:16px; font-weight:700;}
/*********13/05/2019**********************/
/*.rating{font-size:12px; padding-top:0px; margin-top:5px; color:#f7d721}*/
.rating{font-size:12px; padding-top:0px; margin-top:-15px; color:#f7d721}
.mgt-0{margin-top:0px;}
/*********13/05/2019**********************/
.game{width:100%; float:left; position:relative; overflow:hidden;}
.social-game{/*margin-top:15px;*/margin:15px 0px; float:left;}
.social-game li{display:inline-block;}
.social-game li a{text-decoration:none; font-size:16px; color:#fff;}
.share{background:#054a96; padding:5px 15px; border-radius:2px;}
.fb{background:#4970b5; margin-left:10px; padding:5px 15px; }
.twitter{background:#6dc6ee; padding:5px 10px; }
.gplus{background:#ce1211;  padding:5px 10px;}
.howtoplay{margin-left:auto!important;margin-right:auto!important;background:#dd113d; padding:5px 10px;  border-radius:2px; color: #fff; text-decoration: none; margin-top: 0; float: left;}
/*.left-inner{width:850px; float:left;}*/
.left-inner{width:75%;float:left;}
/*.right-inner{width:300px;float:left; margin-left:20px;}*/
.right-inner{width:23%;float:left; margin-left:20px;}
.social-game #st-1 {width:auto;display: inline-block;}
.gimg{float:left;}
.advt{float:left; width:100%; position:relative;}
.instant{float:left; width:100%; position:relative;}

.margin20{margin-top:20px;}
.instant-game{width:100%; float:left;}
.instant-game .instant:hover .advt-h{position:absolute; z-index:1; background:#000; color:#fff; top:0; left:0; width:100%; height:120px; padding-top:30px; text-align:center; display:block; opacity:0.9; transition: background-color 0.9s ease; }
.instant-game .instant .advt-h{display:none;}
.instant img{width:100%;}
.babygame-info{width:270px; float:left; padding:15px; border:1px solid #e1e1e1; background:#f5f5f5;}
.babygame-info p{font-size:14px;}
.advt-h a{background: #38ac25;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 7px 15px;
    text-decoration: none;
    border-radius: 2px;
}
.game-screen {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.games-right-box {background:#f5f5f5; border:1px solid #e1e1e1; box-shadow:0px 1px 3px #ccc;  padding:0; float:left;}
.last{border-bottom:0 !important;}
.gdetail{float:left; margin-left:10px; color:#5b5b5b; font-weight:600;font-size: 14px;}
/*.gdetail h3{float:left;  color:#5b5b5b; font-weight:600;font-size: 13px; margin: 0;display: block;
    white-space: nowrap;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;}*/
.gdetail .cta a{background:#38ac25;}
.gdetail .cta a:hover{background:#51ca3d;}
.gamebox{position:relative; cursor:pointer; border-bottom:1px solid #e1e1e1; float:left; width:94%; padding:10px;}
/*.gamebox:hover{background:#dd113d; }*/
.gamebox:hover{background:#bdbdbd}
.gamebox:hover .gdetail h3{color:#5b5b5b;}
.gamebox .gdetail h3:hover{color:#5b5b5b !important;}
.cta{position:absolute; right:10px; top:35px;}
.cta a{background:#28b7c5; color:#fff; font-size:13px; text-transform:uppercase; padding:5px 15px; text-decoration:none; border-radius:2px;}

h1{font-size:20px; color:#dc113e; font-weight:600; position:relative;}
.title{font-size:20px; color:#dc113e; font-weight:600;}
.game-list h2, .recent-game h3{font-size:20px; color:#dc113e; font-weight:600;}

h1 p{font-size:14px; color:#5b5b5b; padding-top:0; margin-top:5px}
.title p {
    font-size: 14px;
    color: #5b5b5b;
    padding-top: 0;
    margin-top: 5px;
}

.new-page h1{
    font-size: 24px;
}
.feature-game{width:100%; float:left; margin-top:20px;}
/*.feature-mar{margin-right:0 !important;}*/
.feature-mar{margin-right:20px !important;}
.feature{width:49%; float:left; background:#000; margin-right:20px; border-radius:20px; overflow:hidden; position:relative;}
.feature img{width:100%; height:auto;}
.feature-detail{position:absolute; z-index:1; background:#dc113e; bottom:0; padding:7px 15px; width:100%; color:#fff; font-weight:600;}
.feature-detail .rating{float:right; margin:0 47px 0 0; }

.recent-game{width:100%; float:left; margin-top:30px;}
.recent-game h1{position:relative; margin-bottom:30px;}
.see-more{position:absolute; top:10px; right:0; background:#dc113e; color:#fff; font-size:14px; text-decoration:none; border-radius:3px; padding:5px 10px;}
.all-games {
    width: 100%;
	float:left;
}
/*********13/05/2019**********************/
.box:hover {
    box-shadow: 0 10px 6px -1px rgba(33,33,33,.2);
    transition: .3s;
}
/*********13/05/2019**********************/

.all-games li{position:relative;}

/*.all-games li .home-thumb{width: 120px;height:120px;}*/
.all-games li .home-thumb{width: 100%;height:auto;}

.tool-arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	background:#f1f1f1;
}
.tool-tip h1{font-size:16px; margin:0; padding-bottom:5px;}
.tool-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 10%;
	
	
    margin-left: -35px;
    bottom: -16px;
}
.all-games li .tool-tip{border:1px solid #ccc; width:340px; z-index:1; padding:10px; font-size:14px; border-radius:10px; /*background:#f1f1f1;*/background:#f5f5f5; border:1px solid #ccc; position:absolute; box-shadow:0 1px 3px #ccc;top:-116px; display:none;  }
.all-games li:hover .tool-tip{display:block;}
.all-games li {
    /*width: 126px;*/
    width: 173px;
    position: relative;
    margin-right:20px;
    border: 1px solid transparent;   
    float: left;
    display: inline-block;
	margin-bottom:15px;
}

/*.all-games li img {
    border-radius: 25px;
}*/
.all-games .details {
    padding: 5px;
    text-align: left;
}
.all-games ul{margin:0; padding:0;}
/*.all-games .details h3 {
    margin: 5px 0 -3px 0;
    font-size: 13px;
    color: #666;
	min-height:37px;
}*/
/*.all-games .details h3 {
    margin: 5px 0 -3px 0;
    font-size: 13px;
    color: #666;
    min-height:37px;
    display: block;
    white-space: nowrap;
    width: 9em;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

.all-games .details h3 {
    margin: 5px 0 -3px 0;
    font-size: 13px;
    color: #666;
    min-height: 37px;
    display: block;
    white-space: nowrap;
    width: 9em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.all-games .rating {
    float: left;
    width: 100%;
}
.recent-container{ float:left; width:100%;}
.recent-container .row{margin-left:-15px; margin-right:-15px; float:left; width:100%;}
.all-box{width:100%; float:left; margin-top:30px;}
.game-list{float:left; width:376px; margin-right:12px;}
.box-game{width:99%; float:left;  background:#f5f5f5; border:1px solid #e1e1e1;}
.box-game-last{margin-right:0;}
.more-games{width:99%; line-height:30px; text-align:right; font-size:14px; float:left; color:#000;}
.more-games:hover{text-decoration:none;}
.see-more:hover{background:#f22f5b;}
.game-info{width:100%; float:left; padding:25px 0;margin-left: 0px!important;margin-right: 0px!important;}
.game-info p{font-size:14px; line-height:23px;margin-right: 20px;text-align: justify;}
.fb-comment{width:100%; float:left;padding:25px 0px;margin-left: 0px!important;margin-right: 0px!important;}


/*.game-video{width:100%; float:left;padding: 25px 0px;}*/
.game-video{width:100%; float:left;padding: 0px 0px;}

.social-page  i{color:#fff;}
.social-page a {margin-bottom: 16px;
    display: inherit;}
.social-page a img{width: 30px; height: 30px;}

/*.social-page{     
    height: auto;
    width: 33px;
    top: 42%;
    right: 0;
    border-radius: 5px 0 0 5px;
    position: fixed;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-right: 0;
    padding: 5px 0px 0px 12px;
}*/
.social-page {
    height: auto;
    width: 43px;
    top: 42%;
    right: 0;
    border-radius: 5px 0 0 5px;
    position: fixed;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-right: 0;
    padding: 5px 0px 0px 14px;
}



.footer{width:100%; padding:35px 0; background:#232b2d; margin-top:30px}
.footer p{color:#fff; font-size:12px; line-height:16px; padding-bottom:0; margin-bottom:0}
/*.footer .container{margin-bottom:35px;}*/
.line{height:1px; width:100%; background:#2b3335;}
.col-sm-4{width:20%; line-height:26px; padding:2%; display:inline-block;vertical-align:top;}
/*.footer a{color:#fff; opacity:.5; font-size:14px; text-decoration:none;}*/
.footer a{color:#fff;font-size:14px; text-decoration:none;}
.footer a:hover{color:#fff; opacity:1;}
.footer ul{margin-left:0; padding-left:0;}
.footer .title{font-size:14px; text-transform:uppercase; color:#fff;}
.footer ul li{list-style:none; }
/*.download-img{width:100%; background:url(../images/blackwhite-baby.png) no-repeat left; overflow:hidden; height:160px;}
.download-img:hover{background:url(../images/color-baby.png) no-repeat left;}*/
.download-img{width:44%; background:url(../images/BH1.png) no-repeat left; overflow:hidden; height:155px;background-position: 0px 6px;background-size: 100px 146px;}
.download-img:hover{width:44%; background:url(../images/BH.png) no-repeat left; overflow:hidden; height:155px;background-position: 0px 6px;background-size: 100px 146px;}
.download-btn{background:#e11246; opacity:1 !important; color:#fff !important; padding:5px 15px; border-radius:10px;}

.category .game-list{width:415px;}
.all-games.category li{ width:123px;}
.all-games.category li:nth-child(6n+0), .all-games.category li:last-child{margin-right:0 !important;}
.all-games.category li:nth-child(8n+0){margin-right:20px;}
.r_fullscreen {display: block;height:480px;/* border: 1px solid #ccc;*/ overflow: hidden;}
.game-screen{display:none;}
iframe{border:none;}

/*.adContent .adContainer iframe{
  width: 100%;
  height: auto;
  border:1px solid #000;
}*/

.slick-dots{display: none;visibility: hidden;}
.googleads{width:100%;} 

.cws_widget_content form input{border: 1px solid #ccc; padding: 10px; border-radius: 5px; margin-bottom: 15px; margin-right: 10px;}
.cws_widget_content form textarea{border: 1px solid #ccc; padding: 10px; border-radius: 5px; margin-bottom: 15px; width: 92%;}
.cws_widget_content form input[type="submit"]{    padding: 10px 29px;
    background: #38ac25;
    color: #fff;
    font-size: 20px; border: none;
    margin-top: 9px;}
.message_box_header{background: #f1f1f1; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; padding: 10px; width: 92%;}
.text{font-size: 14px; line-height: 24px; letter-spacing: 0.3px;}
.common{margin:0 auto; border: 1px solid #f1f1f1;}

.gameads{position:absolute; z-index:9999; top:0; left:0;}
.slides-all{display:inline;}


							
							
							/*********
							Rahul
							******/
							.adsbg, .googleads{/*background:url(../images/ads_pattern.png) repeat;*/ margin-top:25px;text-align:center; margin-bottom:20px;}
							.feature{cursor:pointer;}
							.babygame-info h1{ margin-top:0;}
							.app-store-links{position:absolute; right:0; top:0;}
							.app-link {display:inline-block; border: 1px solid #ccc;  padding:5px 5px 5px;}

.search{font-size: 13px; float: right; position: relative; top: 13px;width: 15px; height: 15px;}
.search i{position: absolute; top: 2;}
.search span{float: right; cursor: pointer;color: #c50753;}
.search_field{position: absolute;
    position: absolute;
    right: 0;
    top: -20px;
    background: #ffffff;
    padding: 8px;
    border-radius: 5px;
    z-index: 9;
    border: 4px solid #c50753;
}
.search_field input[type='text']{padding: 10px; border: 0; font-size: 12px; width: 250px; z-index: 1}

/********************
Nagesh 
Nagesh 
*********************
Feature game slider
********************/
.feature img {
    border-radius: 0 !important;
    border: none !important;
}

.feature-game .slick-prev {
    left: 0px;
    top: 50%;
    background: url(../images/featured-left-arrow.png) no-repeat !important;
}
.feature-game .slick-next {
    right: 0px;
    top: 50%;
    background: url(../images/featured-right-arrow.png) no-repeat !important;
}

/*********************
Feature game slider end
********************/
.regular, .feature-game{
    display: none;
}
li#more {
    position: relative;
}
ul#morelink {
    margin-top: 20px;
    background: #dd113d;
    width: 95%;
    padding-right: 5px;
    border-radius: 5px;
    text-align: right;
    position: absolute;
    right: 0;
    z-index: 9;
}
#morelink li {
    padding: 5px;
    display: block;
}
#morelink a {
    color: #fff;
}
.search_field_mobile {
    padding: 5px;
    background-color: #bc5287; 
    margin-top: 10px;
    margin-right: 20px;
}
.search_field_mobile input[type="text"] {
    width: 80%;
    margin-left: 8px;
    padding: 10px;
    border: 0;
    font-size: 12px;
    /* width: 200px; */
    z-index: 1;
}
.search_field_mobile .search_icon{
    color: #FFF;
}

/*********************
 Monali
**********************
 featured game heading
**********************/
   .title-main__name {
    background-color:#d81b60;
    -webkit-transform: skewX(170deg);
    -ms-transform: skewX(170deg);
    transform: skewX(170deg);
    z-index: -1;
    max-width:200px;
    padding-left:6px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin:0px;
    }

    .title h2{
        color:#fff;
        font-size:20px;
        font-weight:600;
        text-align: center;
    }
    .title p{
       margin-bottom:25px;
       font-size15px;
    }
    .title-border{
     border:1px solid #d81b60;
     background-color: #d81b60;
     max-width:98%;
     margin-bottom:25px;
     margin-left:-2.5px;
    }
    .title-border:after{
         content: '';
         display: table;
    }
    
    .see-more {
    position: absolute;
    top: 4px;
    right: 28px;
    -webkit-transform: skewX(170deg);
    -ms-transform: skewX(170deg);
    transform: skewX(170deg);
    background:transparent!important;
    border:2px solid #dc113e;
    /*border-bottom:none;*/
    color: #dc113e;
    font-size: 14px;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px 10px;
}
.gdetail h3 {
    float: left;
    color: #5b5b5b;
    font-weight: 600;
    font-size: 15px;
    display: block;
    white-space: nowrap;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;

    
  
}
.cta {
    position: absolute;
    right: 10px;
    top: 21px;
}
.cta a {
    background: #28b7c5;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 15px;
    margin-top: -35px;
    text-decoration: none;
    border-radius: 5px;
}
.fa-play{
    font-size:9px;
    margin-top:-5px;
}
.more-games{
    /*background-color:#ffb700;*/
    background-color:#d81b60;
}
.more-games {
    width: 18%;
    text-align: center;
    font-size: 16px;
    float: right;
    color: #fff;
    /* padding-right: 9px; */
    margin-top: 10px;
    margin-right: 11px;
    border-radius: 5px;
}
a{
    text-decoration:none;
}
.gamebox {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e1e1e1;
    float: left;
    width: 100%;
    padding: 12px;
}
/*************************
 featured game heading end
**************************/

/******breadcrumb********/
.custom-breadcrumb{
    /*list-style:none;
    overflow: hidden;
    margin-top:20px;
    display: block;*/
    /*list-style: none;
    overflow: hidden;
    margin-top: 0px;
    float: left;
    margin-right: 21px;
    padding-right: 42px;
    display: block;*/
	list-style: none;
    overflow: hidden;
    margin-top: 0px;
    /*float: left;*/
    margin-right: 56px;
    padding-right: 42px;
    margin-left: -20px;
    display: block;
    padding-left: 0px;
}
.custom-breadcrumb li {
    text-decoration: none; 
    padding: 5px 0 5px 30px;
    position: relative; 
    display: block;
    float: left;
    font-size:12px;
    font-weight:600;
}

.custom-breadcrumb li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.custom-breadcrumb li:before {
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}

.pink-crumb{
    /*background-color: #2980b9;*/
    background-color:#bdbdbd;
    color: white;
    cursor: context-menu;
}
.pink-crumb:after{
   /*border-left:30px solid #2980b9;*/
    border-left:30px solid #bdbdbd;
}
.faded-crumb:after{
    /*border-left:30px solid #ecf0f1;*/
    /*border-left:30px solid #bdbdbd;*/
    border-left:30px solid #d81b60;
}

.faded-crumb{
    /*background: #ecf0f1;*/
    background:#d81b60;
    /*color: #95a5a6;*/
}
.custom-breadcrumb li{
    color:#fff;
    text-decoration:none;
    font-size:12px;
    /*margin-left:-23px;*/
}

.custom-breadcrumb li a{color:#fff!important;text-decoration:none;}
/******breadcrumb End********/





/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#pop{
    cursor: pointer;display:none;background-color:#000; padding:20px 10px; width:200px; 
    border:1px solid blue;position:fixed; cursor:pointer; z-index: 3;direction:ltr; 
    margin-top:394px;box-shadow: 6px 6px 9px 0px rgba(0, 0, 0, 0.4);border:2px solid #fff;    
    opacity: 1;visibility: visible;
}
.close{
    position:absolute;right:-9px;top:-9px;border: 2px solid #fff;border-radius: 20px;z-index:2;
}



/****************************
 Monali
 ************************/



@media screen and (max-width: 768px) {
    .search_field_mobile {
        position:relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 6%;
        top: 28%;
        font-size: 25px;
    }
}
@media screen and (max-width: 731px) {
    .search_field_mobile {
        position:relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 6%;
        top: 33%;
        font-size: 25px;
    }
}
@media screen and (max-width: 640px) {
    .search_field_mobile {
        position:relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 32px;
        top: 14px;
        font-size: 20px;
    }
}

@media screen and (max-width: 440px) {
    .search_field_mobile {
        margin-right: 0;
        position: relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 20px;
    }
}
@media screen and (max-width: 425px) {
    .search_field_mobile {
        margin-right: 2px;
        position: relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 17px;
        top: 13px;
        font-size: 22px;
    }
}

@media screen and (max-width: 375px) {
    .search_field_mobile {
        margin-right: 0;
        position:relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 13px;
        top: 14px;
    }
}
@media screen and (max-width: 360px) {
    .search_field_mobile {
        margin-right: 0;
        position:relative;
    }
    .search_field_mobile .search_icon {
        position: absolute;
        right: 9px;
        top: 15px;
        font-size: 20px;
    }
}

#scroll_to_top {
  display: inline-block;
  background-color: #28b7c5;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px 0px 0px 4px;
  position: fixed;
  bottom: 30px;
  right: 0;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#scroll_to_top::after {
  /*content: "\f077";*/
  /*content: "\f34d";*/
  content: "\f062";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  line-height: 38px;
  color: #fff;
}
#scroll_to_top:hover {
  cursor: pointer;
  background-color: #333;
}
#scroll_to_top:active {
  background-color: #555;
}
#scroll_to_top.show {
  opacity: 1;
  visibility: visible;
}


@media (min-width: 500px) {
  #scroll_to_top {
    margin: 30px;
  }
  #scroll_to_top {
  display: inline-block;
  background-color: #28b7c5;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px 0px 0px 4px;
  position: fixed;
  bottom: 30px;
  right: -49px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
}

/***************************Home Page New Game Section**********************************/
/*#newgame-wrapper {background-color: #fff; width: 100%;height: 50%;margin-top: -1px;overflow: hidden;max-width: 97.5%;}        
#newgame-carousel div {text-align: center;width: 200px;height: 250px; margin-right: 14px;float: left;position: relative;}
#newgame-carousel div img {border: none;}
#newgame-carousel div span {display: none;}
#newgame-carousel div:hover span {background-color: #333;color: #fff;font-family: Arial, Geneva, SunSans-Regular, sans-serif;font-size: 14px;
                line-height: 22px;display: inline-block; width: 100px;padding: 2px 0;margin: 0 0 0 -50px;
                position: absolute;bottom: 30px;left: 50%;border-radius: 3px;*/
#newgame-wrapper {background-color: #fff; width: 100%;height: 50%;margin-top: -1px;overflow: hidden;max-width: 97.5%;}      
#newgame-carousel div {text-align: center;width: 200px;height: 250px; margin-right: 14px;float: left;position: relative;}
#newgame-carousel div img {border: none;}
#newgame-carousel div span {display: none;}
#newgame-carousel div:hover span {background-color: #333;color: #fff;font-family: Arial, Geneva, SunSans-Regular, sans-serif;font-size: 12px;
                line-height: 22px;display: inline-block; width: 150px;padding: 2px 2px;margin: 0 0 0 -50px;
                position: absolute;bottom: 50px;left: 38%;border-radius: 3px;
            }
/***************************Home Page New Game Section**********************************/

/*game-grid Hoverable tooltip*/
.game-tooltip {-webkit-transform: translate(-50%, -200%);transform: translate(-50%, -200%);display: none;position: absolute;/*color: #1ABC9C;*/color: #d8dcdf;font-weight:bold;               
                background-color:#222121;border: none;border-radius: 4px;padding: 5px 5px;z-index: 10;display: 
                block;width: 100%;max-width: 140px;font-size: 12px;top: 0;left: 50%;text-align: center;}

.game-tooltip:after {content: "";display: block;position: absolute;border-color: #222121 rgba(0, 0, 0, 0);border-style: solid;border-width: 8px 8px 0;bottom: -8px;left: 50%;
                     -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); width: 0;}
/*game-grid Hoverable tooltip*/