/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.










*/


    /*
    ColorBox Core Style:
        The following CSS is consistent between example themes and should not be altered.
    */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

    /*
        User Style:
        Change the following styles to modify the appearance of ColorBox.  They are
        ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
#cboxOverlay{background:none #000 repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:none;}
#cboxTopRight{width:21px; height:21px; background:none;}
#cboxBottomLeft{width:21px; height:21px; background:none;}
#cboxBottomRight{width:21px; height:21px; background:none;}
#cboxMiddleLeft{width:21px; background:none;}
#cboxMiddleRight{width:21px; background:none;}
#cboxTopCenter{height:21px; background:none;}
#cboxBottomCenter{height:21px; background:none;}

#cboxContent{background:transparent; overflow:visible;}

#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:0px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:15px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:50%; left:25px; background:url(http://cdn1.bibib.net/assets/about/controls-2669a052947973bae76d26395705d4f8.png) no-repeat -84px 0; width:27px; height:47px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:0px 0px;}
#cboxNext{position:absolute; bottom:50%; right:25px; background:url(http://cdn1.bibib.net/assets/about/controls-2669a052947973bae76d26395705d4f8.png) no-repeat -30px 0; width:27px; height:47px; text-indent:-9999px;}
#cboxNext.hover{background-position:-57px 0px;}
#cboxLoadingOverlay{background:url(http://cdn0.bibib.net/assets/colorbox/loading_background-aea924d1d648e1f05505d6d2856d634d.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://cdn1.bibib.net/assets/colorbox/loading-1df9f13f5236cb439bd7bd88de972dff.gif) no-repeat center center;}
#cboxClose{position:absolute; top:-20px; right:-20px; background:url(http://cdn1.bibib.net/assets/popups/x-448898890202d38bc4e881f841ee3e53.png) no-repeat 0 0; width:52px; height:52px; text-indent:-9999px;z-index: 999}
#cboxClose.blue{background:url(http://cdn1.bibib.net/assets/popups/x_blue_border-ea3e33df35ef2bae3070d1e972030c38.png) no-repeat 0 0}
#cboxClose.hover{background-position: -52px 0px;}


    /*
      The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
      when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
    */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

    /*
      The following provides PNG transparency support for IE6
    */
.cboxIE6 #cboxTopLeft{background:none;}
.cboxIE6 #cboxTopCenter{background:none;}
.cboxIE6 #cboxTopRight{background:none;}
.cboxIE6 #cboxBottomLeft{background:none;}
.cboxIE6 #cboxBottomCenter{background:none;}
.cboxIE6 #cboxBottomRight{background:none;}
.cboxIE6 #cboxMiddleLeft{background:none;}
.cboxIE6 #cboxMiddleRight{background:none;}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/* basic scrollbar styling */
/* vertical scrollbar */

.mCSB_container{
  width:auto;
  margin-right:0px;
  overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
  margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
  width:16px;
  height:100%;
  top:0;
  right:0;
}

.bibib_scroller .mCustomScrollBox .mCSB_scrollTools{
    width:45px;
    height:100%;
    top:0;
    right:0;
}

.mCSB_scrollTools .mCSB_draggerContainer{

  height:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.hidden_bar .mCSB_scrollTools{
    visibility:hidden;
}



.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
  padding-bottom:60px;
}
.mCSB_scrollTools .mCSB_draggerRail{
  width:15px;
  height:100%;
  margin:0 auto;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
  cursor:pointer;
  width:100%;
  height:38px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width:28px;
  height:38px;
  margin:0 auto;
    background: url("http://cdn0.bibib.net/assets/popups/friend_center/scroller-8e11dd01fd6297f83de9ef1676aa7481.png") no-repeat;
  text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
  height:20px;
  overflow:hidden;
  margin:0 auto;
  cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
  bottom:0;
  margin-top:-60px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
  height:auto;
  margin-right:0;
  margin-bottom:30px;
  overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
  margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
  width:100%;
  height:16px;
  top:auto;
  right:auto;
  bottom:0;
  left:0;
  overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
  height:100%;
  width:auto;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
  padding-bottom:0;
  padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
  width:100%;
  height:2px;
  margin:7px 0;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
  width:30px;
  height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width:100%;
  height:4px;
  margin:6px auto;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
  width:20px;
  height:100%;
  overflow:hidden;
  margin:0 auto;
  cursor:pointer;
  float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
  right:0;
  bottom:auto;
  margin-left:-40px;
  margin-top:-16px;
  float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
  /*opacity:0.75;*/
}
.mCustomScrollBox:hover .mCSB_scrollTools{
  /*opacity:1;*/
}
.mCSB_scrollTools .mCSB_draggerRail{
  background:#05334d;
  filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  /*background:#fff; *//* rgba fallback */
  /*background:rgba(255,255,255,0.75);*/
  /*filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; *//* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
  /*background:rgba(255,255,255,0.85);*/
  /*filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; *//* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  /*background:rgba(255,255,255,0.9);*/
  /*filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; *//* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
  background-image:url("http://cdn0.bibib.net/assets/common/mCSB_buttons-fb9bc00b2ce9efcaf973aa8b446180df.png");
  background-repeat:no-repeat;
  /*opacity:0.4;*/
  /*filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; *//* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
  background-position:0 0;
  /* 
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
  */
}
.mCSB_scrollTools .mCSB_buttonDown{
  background-position:0 -20px;
  /* 
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
  */
}
.mCSB_scrollTools .mCSB_buttonLeft{
  background-position:0 -40px;
  /* 
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
  */
}
.mCSB_scrollTools .mCSB_buttonRight{
  background-position:0 -56px;
  /* 
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
  */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
  /*opacity:0.75;*/
  /*filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; *//* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
  /*opacity:0.9;*/
  /*filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; *//* old ie */
}


/*----------custom bibib--------------*/
.bibib_scroller .mCustomScrollBox .mCSB_scrollTools{
    width:45px;
    height:100%;
    top:0;
    right:0;
}

.bibib_scroller .mCSB_buttonUp{
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/scroller_arrow_up-745d114e26adb17aa766b1beb68f61c9.png") 0 bottom no-repeat;
    height:30px;
    width:30px;
}

.bibib_scroller .mCSB_buttonUp:hover{
    background-position: -30px bottom;
}

.bibib_scroller .mCSB_buttonDown{
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/scroller_arrow_down-b7518711c9bd7e853e3af97bf4900f53.png") 0 top no-repeat;
    height:30px;
    width:30px;
}

.bibib_scroller .mCSB_buttonDown:hover{
    background-position: -30px top;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
    /*cursor: url(http://cdn1.bibib.net/assets/common/bibib_cursor_arrow-aa5316fe5b80004a050973ff6dde572b.png), auto;*/
}

body {
    font-family: Arial;
    color: white;
    background-color: #004775;
}

table {
    cellspacing: 0;
    cellpadding: 0;
    border-collapse: collapse;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/qs_6LdoYjCitupC9judWT-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: local('Oswald Bold'), local('Oswald-Bold'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/dI-qzxlKVQA6TUC5RKSb37O3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

.bibib_oswald {
    font-family: "Oswald";
    font-weight: 400;
    text-transform: uppercase;
}

h1 {
    font-size: inherit;
}

a {
    color: white;
    /*cursor: url(http://cdn0.bibib.net/assets/common/bibib_cursor_hand-56df24deb707fdadbef60a4bdebcbf36.png) 8 0, auto;*/
}

td {
    padding: 0;
}

.fl {
    float: left
}

.fr {
    float: right
}

.oclr {
    overflow: hidden;
    clear: both
}

.clr {
    clear: both;
}

.overlay {
    background: #d3d3d3 url(http://cdn1.bibib.net/assets/common/big_spinner-b6fa5efcfbb194b313f00b0989e962c6.gif) center center no-repeat;
    opacity: .2;
}

.err {
    color: #ff5533;
    font-size: 20px;
}

.asterisk {
    font-size: 30px;
    font-weight: bolder;
    line-height: 5px;
}

.txt_fld {
    width: 80px
}

.txt_lbl {
    width: 120px
}

tr.highlighted td {
    background-color: #f5f5f5;
}

#content {
    text-align: center;
}

/* base class for all buttons */
.bibib_button {
    color: #963603;
    text-decoration: none;
    text-shadow: 1px 1px 2px #fbe37f;
    cursor: pointer;
    border: 0px;
}

.blank_button_big {
    background: url('http://cdn0.bibib.net/assets/popups/blank_button_big-776c87796ca5736f4ff0a93e89054c1f.png') 0 0;
    width: 118px;
    height: 57px;
    font-size: 22px;
}

.blank_button_big:hover {
    background-position: -118px 0;
}

.blank_button_add_friend {
    background: url('http://cdn1.bibib.net/assets/popups/blank_button_add_friend-487835fbd51aebd669922a9bd7c2769a.png') 0 0;
    width: 157px;
    height: 76px;
    font-size: 22px;
}

.blank_button_add_friend:hover {
    background-position: -156px 0;
}

.blank_button_signup {
    background: url('http://cdn1.bibib.net/assets/popups/blank_button_signup-b34293cb5dc4e761daae5efd155f4587.png') 0 0;
    width: 182px;
    height: 88px;
    font-size: 31px;
}

.blank_button_signup:hover {
    background-position: -181px 0;
}

.blank_button {
    background: url('http://cdn0.bibib.net/assets/popups/blank_button-7f0794cf47d7d8742cd66ac7a685feda.png');
    width: 104px;
    height: 41px;
    font-size: 20px;
}

.blank_button:hover {
    background-position: 103px 0;
}

.blank_button_xl_shadow {
    background: url('http://cdn1.bibib.net/assets/popups/blank_button_xl-e1684a0a1007c0d1d2fa97362c3c6ce9.png') 0 0 no-repeat;
    width: 194px;
    height: 72px;
    line-height: 67px;
    text-align: center;
    cursor: pointer;
}

.blank_button_xl_shadow:hover {
    background-position: 0px -72px;
}

.bibib_coins {
    right: 2%;
    position: absolute;
    bottom: 1%;
    z-index: 4;
}

.multiplayer_game {
    left: 2%;
    position: absolute;
    bottom: 1%;
    z-index: 4;
}

.new_ribbon {
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 4;
}

.play_icon_on_catalog_thumb{
    left: 0;
    position: absolute;
    top: 0;
    z-index: 4;
}

.error {
    color: red;
    padding: 5px;
}

.hdn {
    display: none;
}

#user_info_box_container #avatar_edit_link {
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0px;
    font-size: 12px;
    text-align: left;
    background: url('http://cdn0.bibib.net/assets/common/edit_avatar_btn_bg-f0f3ff230777d20c7f2aadbcca9fbfa2.png') no-repeat;
    padding: 0px 3px;
    height: 17px;
    width: 26px;

}

.user_box_white_text {
    text-align: left;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
}

.user_box_white_text a {
    text-decoration: none;
}

#mini_games_notifications {
    background: url(http://cdn1.bibib.net/assets/common/redcircle-cb40f059203818d4b0a2413465c9ad6d.png);
    width: 27px;
    height: 26px;
    position: absolute;
    right: 1px;
    top: 2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    z-index: 4;
}

.prevent_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.default_cursor {
    cursor: default;
}

.thumb {
    width: 100%;
    height: 172px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    z-index: 5;
}

.thumb_overlay {
    /* its a hack because ie ignores empty <a> from  z-index*/
display: initial;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: gray;
    filter: alpha(opacity=0); /* For IE8 and earlier. */
}

.duration_element{
    position: absolute;
    background:black;
    color: white;
    font-size: 10px;
    padding: 3px 5px;
}

.game_card_yellow_text,
.video_card_yellow_text {
    color: #f9d327;
    text-shadow: 1px 1px 1px #000;
}

#maintenance_message_game_page {

    line-height: 55px;
    font-size: 14px;
    width: 100%;
    text-shadow: 1px 1px 1px black;
}

#maintenance_message_homepage {
    float: left;
    padding-top: 14px;
    font-size: 15px;
    width: 600px;
    text-shadow: 1px 1px 1px black;
}

#usr_exp_bar {
    float: left;
    height: 16px;
    margin: 0 auto;
    width: 98%;
    background: #003760;
    border-radius: 4px;
    float: none;
    text-align: left;
    position: relative;

}

#new_game_user_info_box_container #usr_exp_bar {
    /*border-radius: 20px;*/
    /*background-color: #4f8293;*/
    /*border: solid 1px #102f41;*/
    width: 100px;
    /*height: 14px;*/
    /*margin: 0 auto;*/
    margin: -2px 0 0 0;
}

#exp_bar_fill {
    height: 14px;
    margin: 1px 1px 0 1px;
    background: url('http://cdn1.bibib.net/assets/user_info_box/bar_fill-17d739709a2ad3f45b17c2d8983cd20a.png') repeat-x;
    width: 0%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
}

#exp_user_level {
    width: 100%;
    height: 16px;
    line-height: 14px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.free_coins {
    line-height: 46px;
    font-size: 16px;
    color: #963603;
    text-align: center;
}

.small_blue_button {
    height: 55px;
    width: 55px;
    cursor: pointer;
    position: relative;
    background: url("http://cdn1.bibib.net/assets/games/top_bar_bg-b8e77d0287acebfa970f034b19eab1f8.png") repeat-x #003d68;
    border: 3px solid #103154;
    border-radius: 10px;
}

.small_blue_button:hover {
    background: url("http://cdn0.bibib.net/assets/games/top_bar_hover-da2254fa5acc1e80e8d31f09446e4e1e.png") repeat-x #005b8f;
}

.notifications_count {
    background: url('http://cdn1.bibib.net/assets/common/redcircle-cb40f059203818d4b0a2413465c9ad6d.png');
    width: 27px;
    height: 26px;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    z-index: 4;
}

#user_info_box_container .notifications_count,
#game_user_info_box_container .notifications_count {
    top: 0px;
    right: -4px
}

sup {
    vertical-align: top;
    font-size: 0.7em;
    display: none;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.box .fade_effect {
    position: absolute;
    z-index: 1;
    background: white;
    width: 0px;
    top: 2px;
    right: 2px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: width 0.3s, opacity 0.7s;
    transition: width 0.3s, opacity 0.7s;
    border-radius: 2px;
}
.box:hover .fade_effect {
    opacity: 1;
    filter: alpha(opacity=100);
}

.box .fade_effect2 {
    z-index: 1;
}
.box .fade_effect2 div {
    z-index: 1;
    background: white;
    width: 0px;
    height: 0px;
    border-radius: 2px;
}

.box .fade_effect2_wrapper{
    overflow: hidden;
    position: absolute;
    top: 2px;
    right: 2px;
}

/* narrow_screen header redesign */
.narrow_screen #bibib_logo {
    margin-left: 5px !important;
}
.narrow_screen #user_info_box_container, .narrow_screen #game_user_info_box_container {
    margin-left: 10px !important;
}
.narrow_screen .name_and_xp {
    padding: 0px 5px !important;
}
.narrow_screen #coins_container {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.narrow_screen #get_coins_homepage, .narrow_screen #envelope, .narrow_screen #last_played_button {
    width: 50px !important;
}
.narrow_screen #videos_btn,
.narrow_screen #games_btn {
    width: 55px !important;
    overflow: hidden !important;
}
.narrow_screen #videos_btn img {
    position: relative !important;
    left: -9px !important;
}
.narrow_screen #games_btn img {
    position: relative !important;
    left: -6px !important;
}
.narrow_screen  .signup, .narrow_screen .login {
    margin-left: 5px !important;
}
.narrow_screen  #search_div {
    width:160px !important;
    margin-right: 5px !important;
}
.narrow_screen  #search_div #search {
    width:100px !important;
}
.narrow_screen #privacy_button, .narrow_screen #contact_button, .narrow_screen #language_box {
    margin-right: 5px !important;
}

/* Cookies Consent */
#cookies_consent_container {
    position: relative;
    top: 50px;
    height: 30px;
    vertical-align: middle;
    background: #ebebeb;
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
}

#cookies_consent_main_text {
    color: #8f8f8f;
    line-height: 30px;
    padding-left: 10px;
}

#cookies_consent_container a {
    color: #0ea1ce;
    text-decoration: none;
    line-height: 30px;
    padding: 0px 5px;
}

#cookies_consent_container a:hover {
    text-decoration: underline;
}

#cookies_consent_close_bttn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 19px;
    margin: 5px;
    color: gray;
    border-radius: 25px;
    padding-top: 1px;
    background: #c3c3c3;
    cursor: pointer;
    text-align: center;
}
/* Cookies Consent */


body {
    font-family: Arial;
    color: white;
    background: url(img/bg-11.jpg) repeat-x top #0f75a5;
    overflow-x: hidden;
}

#game_header_container {
    height: 53px;
    min-width: 1012px;
    background: url(img/bg-bar.png) repeat-x;
    top: 0;
    z-index: 15;
    right: 0;
    left: 0;
}

.swfs_container {
    float: left;
    margin-right: 6px;
}

#fullscreen_toggle {
    position: relative;
    z-index: 99999;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    cursor: pointer;
}

.fullscreen_expand {
    background: url(http://cdn0.bibib.net/assets/games/expand_button-8509b410cd48e97cf04931300680eac4.png) no-repeat;
    background-size: cover;
}

.fullscreen_shrink {
    background: url(http://cdn1.bibib.net/assets/games/close_button-01e841a2a26058ab0b5690c845ded1c0.png) no-repeat;
    background-size: cover;
}

.fullscreen_bg {
    background-color: navy;
}

.code_monkey_fs {
    width: 100% !important;
    height: 100% !important;
}

.fullscreen_btn {
    width:38px;
    height:38px;
    margin-top: 5px;
    margin-left: 10px;
    display: inline-block;
    background: url('http://cdn0.bibib.net/assets/games/game_fullscreen-7ec5150c0b74224a4db340055f956478.png') left no-repeat;
    cursor: pointer;
}

.fullscreen_btn:hover {
    background-position: right;
}

.fullscreen_sidebar {
    background: url('http://cdn0.bibib.net/assets/games/fullscreen_sidebar_bg.png ') #023048 center top no-repeat;
    width: 165px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10000;
    pointer-events: none;
}

.fullscreen_off {
    pointer-events: auto;
    height: 80px;
    width: 80px;
    position: absolute;
    top:0;
    left:0;
    background: url('http://cdn0.bibib.net/assets/games/game_minimize-596819f654409a55e24bec384a2fa08c.png') left no-repeat;
    cursor: pointer;
}

.fullscreen_off:hover {
    background-position: right;
}

.fullscreen_off_small {
    pointer-events: auto;
    height: 38px;
    width: 38px;
    position: absolute;
    top:10px;
    left:110px;
    background: url('http://cdn1.bibib.net/assets/games/fs_small_close-ea3eaf557e5ccaf7f1b7267520fdb8a8.png') left no-repeat;
    cursor: pointer;

}

.fullscreen_off_small:hover {
    background-position: right;
}

.fullscreen_walkthrough {
    pointer-events: auto;
    position: absolute;
    top:50px;
    left:20px;
    cursor: pointer;
}

.fullscreen_sidebar_similar_games {
    position: absolute;
    top: 115px;
    left: 14px;
}

.fullscreen_popup {
    cursor: pointer;
    width: 230px;
    height: 110px;
    position: absolute;
    z-index: 10000;
    top: 45px;
    right: 20px;
    background: url('http://cdn0.bibib.net/assets/games/full_screen_msg-a3d4de1dd4837cb4bc36ac2f7ef4195a.png') center no-repeat;
}
/* Exit popup start */
#exit_popup {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.exit_popup_background {
    z-index: 9999;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    background: #000;
}

.exit_popup_container {
    pointer-events: auto;
    position: fixed;
    left: 50%;
    right: 50%;
    margin-left: -380px;
    top: 10%;
}

.user_signed {
    width: 760px;
    height: 562px;
    background: url('http://cdn1.bibib.net/assets/games/popup_bg_reg-485c14f7cdadae1622ee119bfff1f69e.png') center no-repeat;
}

.user_signed .exit_popup_signup {
    display: none;
}

.user_unsigned {
    width: 760px;
    height: 630px;
    background: url('http://cdn1.bibib.net/assets/games/popup_bg_big-835dfa0b5347d5fad952d0db0581066f.png') center no-repeat;
}

.exit_popup_message_1,
.exit_popup_message_2,
.exit_popup_message_3,
.exit_popup_message_4 {
    width: 440px;
    height: 165px;
    margin-top: 20px;
    margin-left: 275px;
    display: inline-block;
}

.exit_popup_logo {
    width: 105px;
    height: 70px;
    display: inline-block;
    position: absolute;
    left: 80px;
    top: 120px;
    cursor: pointer;
    background: url('http://cdn0.bibib.net/assets/games/exit_popup_logo-35e528133bc90178dd0b146f60d44fad.png') center no-repeat;
}

.exit_popup_bibib {
    position: absolute;
    width: 230px;
    height: 330px;
    top: 180px;
}

.exit_popup_message_1 {
    background: url('http://cdn0.bibib.net/assets/games/Hey_txt_1-9c6928ced57824f684e11fca4ac439a6.png') center no-repeat;
}

.exit_popup_message_2 {
    background: url('http://cdn0.bibib.net/assets/games/Hey_txt_2-ca935f3d5dd7799b11ffdb69d529947f.png') center no-repeat;
}

.exit_popup_message_3 {
    background: url('http://cdn0.bibib.net/assets/games/Hey_txt_3-e6a3ca63374a5635fc52f10574e84b3a.png') center no-repeat;
}

.exit_popup_message_4 {
    background: url('http://cdn0.bibib.net/assets/games/Hey_txt_4-7b1e2b59522c7c7cde03614d8df9a5b4.png') center no-repeat;
}

.exit_popup_close {
    width: 52px;
    height: 52px;
    top: 58px;
    right: -24px;
    position: absolute;
    background: url('http://cdn1.bibib.net/assets/games/exit_popup_close-448898890202d38bc4e881f841ee3e53.png') left no-repeat;
}

.exit_popup_close:hover {
    background: url('http://cdn1.bibib.net/assets/games/exit_popup_close-448898890202d38bc4e881f841ee3e53.png') right no-repeat;
}

.exit_popup_signup {
    width: 470px;
    height: 80px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 35px;
    background: url('http://cdn0.bibib.net/assets/games/exit_popup_signup-81e36eaef92620bae4cd6df3a9239134.png') center no-repeat;
    cursor: pointer;
}

.exit_popup_games {
    position: absolute;
    right: 25px;
}

.exit_popup_games table {
    border-collapse: separate;
    border-spacing: 20px 10px;
}

.exit_popup_thumb {
    position: relative;
    width: 140px;
    height: 140px;
}

.exit_popup_thumb img {
    width: 140px;
    height: 140px;
    border: 5px solid #fff;
}

.exit_popup_thumb img:hover {
    border: 5px solid #ffdd33;
}

.exit_popup_play {
    width: 60px;
    height: 34px;
    position: absolute;
    bottom: -5px;
    right: -5px;
    display: inline-block;
    background: url("http://cdn0.bibib.net/assets/games/exit_popup_play-be2d8b6a1ab858bce48791bfc84b4dd6.png") center no-repeat;
}

.exit_popup_play a {
    display: block;
}
/* Exit popup end */

#game_top_panel {
    position: relative;
}
#PreRollAd {
    z-index: 1000 !important;
    position:relative;
    background-color: black;
    height: 100%;
    top:0;
    left:0;
    bottom:0;
}

.game_fullscreen {
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.current_plays {
    padding: 5px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f9cb24;
    font-weight: bold;
    font-size: 14px;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.current_plays .blinking_circle {
    width: 8px;
    height: 8px;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    border: 3px solid black;
    background-color: #61f300;
    border-radius: 10px;
    animation: blink 2s step-start 0s infinite;
}

@keyframes blink {
  50% {
    background-color: #45ad00;
  }
}

.extension_title {
    position: relative;
    top: 8px;
    left: -5px;
    width: 100px;
    background: #c0e0ee;
    border: 1px solid #3a789e;
    z-index: 1000;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px 5px;
    font-family: Oswald;
    font-size: 12px;
    font-style: normal;
    color: #044267;
    border-radius: 5px;
}

#game_header {
    height: 115px;
    padding-top: 20px;
    width: 981px;
    margin: 0  auto;
}

#game_top_panel .sidebar_top_button {
    background: none;
    width: 43px;
    height: 45px;
    position: relative;
    float: right;
    border: 1px solid #002436;
    border-width: 0 1px;
    cursor: pointer;
    box-shadow: none;
    padding: 0 4px;
}

#game_top_panel #sidebar_envelope {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
}

#game_top_panel #sidebar_friends {
    border-right: 0;
    border-left: 0;
    box-shadow: none;
}

.game_top_banner {
    height: 90px;
    width: 728px;
    margin: 0px auto;
}
/*TODO check*/
.game_top_banner_wide {
    height: 90px;
    width: 970px;
    margin: 0px auto;
}

#game_top_panel {
    width: 825px;
    height: 45px;
    background: url("http://cdn1.bibib.net/assets/games/gamepage_top_bgs-aeb3a8d5b0eb61541114a2572a62cf4d.png") repeat-x #003d68;
    border-top: 1px solid #084973;
    border-bottom: 1px solid #084973;
}

#game_top_panel .back_arrow {
    width: 36px;
    height: 38px;
    background: url("http://cdn1.bibib.net/assets/games/back-110138c0e9ac005091250d9b3d178fa4.png") 0 0 no-repeat;
    float: left;
    margin: 5px 8px;
    cursor: pointer;
}

#game_top_panel .back_arrow:hover {
    background-position: -36px 0;
}

#ad_title {
    line-height: 44px;
    font-size: 14px;
    border-radius: 0px 10px 0px 0px;
    height: 45px;
    background: url("http://cdn1.bibib.net/assets/games/gamepage_top_bgs-aeb3a8d5b0eb61541114a2572a62cf4d.png") repeat-x #003d68;
    border: 1px solid #084973;
    border-left: 1px solid #103154;
}

#right_ad_wrapper {
    border-left: 1px solid #025E83;
    height: 630px;
}

#play_on_mobile{
    clear: both;
    text-align: left;
    background: url('http://cdn1.bibib.net/assets/games/play_on_mobile-b2653ac300dc3e7979064fdf25808ef8.png') no-repeat;
    height: 50px;
    border-bottom-right-radius: 15px;
    padding: 10px 17px 0 0;
    position: absolute;
    z-index: 100;
}

#play_on_mobile.short {
    background: url('http://cdn1.bibib.net/assets/games/play_on_mobile_short-767ca2e53c0cb81f3aa4775f5772c87d.png') no-repeat;
}

#play_on_mobile:hover{
    background: url('http://cdn1.bibib.net/assets/games/play_on_mobile_hover-4438dd28d348b1626241979ab33a1919.png') no-repeat;
}

#play_on_mobile.short:hover {
    background: url('http://cdn1.bibib.net/assets/games/play_on_mobile_short_hover-1648f40a3652c6e8187a45d733fdae3c.png') no-repeat;
}


#play_on_mobile a div{
    margin-left: 6px;
}

#play_on_mobile a:first-child div{
    margin-left: 122px;
}

#play_on_mobile.short a:first-child div{
    margin-left: 50px;
}

#google_play_button{
    width: 114px;
    height: 40px;
    background: url('http://cdn0.bibib.net/assets/games/google_play_badge-d8df11edba9ca592a180b645b13c1cab.png') no-repeat;
    background-size: 114px 40px;
    float: left;
    font-size: 0;
}

#app_store_button{
    width: 135px;
    height: 40px;
    background: url('http://cdn0.bibib.net/assets/games/app_store_badge-6ff55b5e43825a98fbf59f90e91cd209.png'); /* fallback in case svg isn't supported */
    background: url('http://cdn0.bibib.net/assets/games/app_store_badge-cc43aa7e2a389aea78a0f6d269837212.svg'), linear-gradient(transparent, transparent);
    background-size: 100% 100%;
    float: left;
    font-size: 0;
}

#game_page_container {
    position: relative;
    width: 1000px;
    z-index: 999;
    margin: 0 auto;
}

#game_user_info {
    height: 55px;
}

#game_container {
    width: 825px;
    height: 630px;
    background-color: #023048;
    position: relative;
}

#game_page_container .like_btn {
    height: 45px;
    width: 60px;
    float: right;
    position: relative;
    border-left: 1px solid #103154;
    /*border-right: 1px solid #103154;*/
    position: relative;
}

#game_page_container .like_btn a {
    display: block;
    width: 100%;
    height: 100%;
}

#game_page_container .like_btn img {
    margin-top: 8px;
}

#game_page_container .like_btn:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

#game_right_panel {
    float: left;
}

#similar_games_bottom_wrapper {

}

#similar_games_container {
    background: #023048;
    display: block;
    padding-top: 2px;
    height: 628px;
    border-radius: 0 0 0px 10px;
    width: 126px;
    border-right: 1px solid #025e83;
}

.similar_tile_wrapper {
    margin: 4px 7px;
    float: left
}

.fullscreen_sidebar_similar_games .similar_tile_wrapper {
    pointer-events: auto;
    margin: 10px;
}

#similar_games_container .similar_tile_wrapper_wide {
    margin-top: 6px;
}

#similar_games_bottom_container .similar_tile_wrapper_wide {
    float: left;
    margin-left: 17px;
}

#friends_container {
    width: 160px;
    height: 504px;
    overflow: hidden;
    border-top: 1px solid #103154;
    border-bottom: 1px solid #103154;
}

#game_name {
    color: #FFFFFF;
    height: 45px;
    line-height: 44px;
    float: left;
    text-align: left;
    font-size: 19px;
    white-space: nowrap;
}

#similar_games_container .thumb_image {
    left: 0;
    top: 0;
    float: left;
    z-index: 1;
    position: static;
    border: 1px solid #003d63;

}

.game_comment{
    cursor: default;
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 5px 12px 5px 6px;
    color: #d9dbdb;
}

#game_box {
    border: none;
    padding-top: 15px;
    margin: 0 auto;
    width: 800px;
    min-height: 600px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

#GameEmbed {
    text-align: center;
    visibility: hidden;
}

#friends_scroller {
    width: 160px;
    margin: 0 auto;
}

#game_right_panel_body_container {
    width: 170px;
    height: 617px;
    padding-top: 13px;
    background-color: #023048;
    border-radius: 0 0 10px 0;
    border-left: 1px solid #025e83;
}

#friends_scroller .scroll_up {
    margin: 5px auto 0 auto;
    cursor: pointer;
    width: 55px;
    height: 15px;
    background: url("http://cdn1.bibib.net/assets/games/leader_board_nav_up_bg-36764a05af2e21dc6c57373538f24fbf.png") repeat-x;
    border: 2px solid #8e2b00;
    border-radius: 7px 7px 0 0;
    border-bottom: none;
}

#friends_scroller .scroll_up:hover {
    background: url("http://cdn1.bibib.net/assets/games/leader_board_nav_up_bg_hover-63d720e70b4d9f519a7b2c82867f2583.png") repeat-x;
}

#friends_scroller .scroll_down {
    margin: 0 auto;
    cursor: pointer;
    width: 55px;
    height: 15px;
    background: url("http://cdn1.bibib.net/assets/games/leader_board_nav_down_bg-008d9d79ee45202afb4671cdb2d0a941.png") repeat-x;
    border: 2px solid #8e2b00;
    border-radius: 0 0 7px 7px;
    border-top: none;
}

#friends_scroller .scroll_down:hover {
    background: url("http://cdn1.bibib.net/assets/games/leader_board_nav_down_bg_hover-7bb16f98d6363880e89f38b8498ede14.png") repeat-x;
}

#friends_scroller .add_friends {
    width: 142px;
    height: 48px;
    margin: 8px auto 0 auto;
    cursor: pointer;
    background: url("http://cdn1.bibib.net/assets/games/add_friends_button-d30ab331f878d90103524effbd8c4655.png") repeat-x;
    color: #8e2b00;
    line-height: 48px;
    font-size: 19px;
    text-align: center;
    font-variant: normal;
    position: relative;
    border: 2px solid #8e2b00;
    border-radius: 10px;
}

#friends_scroller .add_friends:hover {
    background: url("http://cdn1.bibib.net/assets/games/add_friends_button_hover-7beefac0fb363ad4895da91d0e9594f8.png") repeat-x;
}

#friends_scroller .friend_box {
    height: 100px;
    background: url("http://cdn1.bibib.net/assets/games/leader_board_player_bg-c89a53b4a6c36f8006b3ae2d4b6f3a35.png") repeat-x;
    border-bottom: 1px solid #103154;
    position: relative;
}

#friends_scroller .popup_error_tooltip .text_container {
    background: #cf2727;
    color: #FFFFFF;
    font-size: 11px;
    border-radius: 10px;
    padding: 10px 8px;
    line-height: 16px;
}

#friends_scroller .popup_error_tooltip .bottom_tip {
    background: url("http://cdn0.bibib.net/assets/popups/bottom_arrow-dc05c3948604277561aa6f3364f33003.png") center center no-repeat;
    height: 10px;
    margin-left: 75px;
}

.friends_suggestions_counter {
    background: url('http://cdn1.bibib.net/assets/common/redcircle-cb40f059203818d4b0a2413465c9ad6d.png');
    width: 27px;
    height: 26px;
    position: absolute;
    top: -14px;
    right: -15px;
    font-size: 11px;
    line-height: 24px;
    color: #FFFFFF;
}

#friends_scroller  .self_friend_box {
    background: url("http://cdn0.bibib.net/assets/games/leader_board_player_bg_self-8ed8e02eb0492acb4ffef5209d30d3b5.png") repeat-x;
}

#friends_scroller .friend_name {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #FFFFFF;
    overflow: hidden;
    max-width: 78px;
    /*text-shadow: 1px 1px 1px #000000;*/
}

.friend_name a {
    text-decoration: none;
}

#friends_scroller  .self_friend_box div.friend_name {
    color: #8e2b00;
    text-shadow: none;
}

#friends_scroller .friend_thumb_wrapper {
    width: 80px;
    float: left;
    position: relative;
}

#friends_scroller .friend_thumb {
    width: 65px;
    height: 65px;
    margin: 17px auto 0 auto;
    border-radius: 6px;
    border: 2px solid #FFFFFF;
    background-color: #00a4d9;
}

#friends_scroller .friend_thumb img {
    width: 65px;
    height: 65px;
    border-radius: 6px;
}

#friends_scroller .friend_score {
    height: 24px;
    line-height: 22px;
}

#friends_scroller .user_action_button {
    width: 65px;
    height: 27px;
    background: url("http://cdn1.bibib.net/assets/games/send_gift_button-0a61be0eccbe412a971c4a3c3dbc084d.png") repeat-x;
    border-radius: 7px;
    border: 1px solid #002c5a;
    margin: 0 auto;
    cursor: pointer;
    font-size: 12px;
    line-height: 25px;
}

#friends_scroller .user_action_button:hover {
    background: url("http://cdn1.bibib.net/assets/games/send_gift_button_hover-6a908b04f70f0072c7e8828e6cfbe871.png") repeat-x;
}

#friends_scroller .user_action_button .icon {
    float: left;
    margin: 3px 0 0 3px;
    background: url("http://cdn0.bibib.net/assets/games/present-3642b53c6445de98bd7135afd60c9475.png") no-repeat;
    width: 24px;
    height: 20px;

}

#friends_scroller .user_action_button.checked .icon {
    background: url("http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png") no-repeat;
    width: 20px;
    height: 19px;
    float: left;
}

#friends_scroller .self_friend_box .user_action_button {
    border: 1px solid #8e2b00;
    background: url("http://cdn1.bibib.net/assets/games/edit_button_bg-dac43bc1ffe6010181fa561164368ede.png") repeat-x;
}

#friends_scroller .self_friend_box .user_action_button:hover {
    background: url("http://cdn1.bibib.net/assets/games/edit_button_hover_bg-13de66cbad638ba6534995f16f8669d7.png") repeat-x;
}

.user_box_yellow_text {
    color: #f9d327;
    font-size: 14px;
    /*text-shadow: 1px 1px 1px #000;*/
    /*margin-top:8px*/
}

#friends_scroller  .self_friend_box div.friend_score {
    color: #ffffff;
    text-shadow: none;
}

#friends_scroller .friend_position {
    width: 32px;
    height: 33px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    background: url("http://cdn1.bibib.net/assets/games/star-ba8ea4449f882546cf56c1e82493b611.png") no-repeat;
    font-size: 13px;
    top: 5px;
    left: 0px;
    color: #8e2b00;
}

#friends_scroller .friend_info {
    float: left;
    width: 80px;
    margin-top: 13px;
}

.user_box_logout_text {
    color: #fed90f;
    margin-top: 7px;
    text-align: right;
    float: right;
    margin-left: 5px;
    font-size: 12px;
}

/*#wide_right_panel {*/
    /*width: 314px;*/
/*}*/

#ss_container {
    width: 150px;
}

#ss_container.wide {
    width: 158px;
}

#ss_content_left, #ss_content_right, #ss_content_left_300  {
    padding: 10px 5px;
    background-color: #023048;
    border-radius: 0 0 10px 0px;
}

/*#mr_container {*/
    /*margin-top: 12px;*/
    /*width: 300px;*/
    /*height: 250px;*/
    /*background: url('http://cdn1.bibib.net/assets/games/leaderboard_container_bg-3e9b2b88de20f11f432b57fd15cf197c.png') repeat-x #003d68;*/
    /*border: 3px solid #103154;*/
/*}*/

#similar_games_title_tower {
    line-height: 44px;
    font-size: 14px;
    border-radius: 10px 0px 0px 0px;
    height: 45px;
    background: url("http://cdn1.bibib.net/assets/games/gamepage_top_bgs-aeb3a8d5b0eb61541114a2572a62cf4d.png") repeat-x #003d68;
    border: 1px solid #084973;
    border-right: 1px solid #103154;
    width: 125px;
}

.similar_games_bottom {
    width: 992px;
    height: 132px;
    background: url('http://cdn1.bibib.net/assets/games/similar_games_bg-ff2a55bc202d363cfd97cf698cb3c665.png') repeat-x;
    float: left;
}

.similar_games_bottom_title {
    font-size: 21px;
    width: 115px;
    float: left;
    margin-top: 40px;
}

#game_bottom_banner {
    width: 981px;
    margin: 20px auto;
}

.game_bottom_banner_ad{
    width: 970px;
    margin: 0 auto;
}

.game_bottom_square_ad_left {
    width: 300px;
    margin-left: 100px;
    float:left;
}

.game_bottom_square_ad_right {
    width: 300px;
    margin-right: 100px;
    float:right;
}

.game_top_square_ad_left {
    width: 300px;
    margin-left: 100px;
    float:left;
}

.game_top_square_ad_right {
    width: 300px;
    margin-right: 100px;
    float:right;
}

/* Static mode error message for coin games */
#error_message {
    height: 98%;
    width: 98%;
    margin: auto auto;
    position: relative;
}

#error_message #message_box {
    background: url("http://cdn0.bibib.net/images/404_container.png") no-repeat;
    width: 697px;
    height: 397px;
    margin: 0 auto;
    position: relative;
}

#error_message #bibib_oops {
    width: 242px;
    height: 373px;
    position: absolute;
    background: url("http://cdn0.bibib.net/images/404_bibib.png") no-repeat;
    top: 60px;
    left: -40px;
}

#error_message #title_box {
    font-size: 50px;
    color: #ffdd4d;
    float: right;
    width: 590px;
    text-align: center;
    margin-top: 20px;
    text-shadow: #803702 2px 4px 0px;
}

#error_message  #message {
    font-size: 18px;
    width: 590px;
    text-align: center;
    float: right;
    margin-top: 10px;
}

#error_message #le_back {
    font-size: 40px;
    height: 83px;
    width: 207px;
    position: absolute;
    top: 250px;
    left: 400px;
    background: url("http://cdn0.bibib.net/images/back.png") 0 0 no-repeat;
    color: #8e2b00;
    text-shadow: #FFFFFF 1px 2px 0px;
    cursor: pointer;
}

#error_message  #le_back:hover {
    background-position: -206px 0;
}

/*--------------rating box--------------------*/

.video_rating_box,
.rating_box {
    float: right;
}

.video_rating_box .thumbs_up_button,
.rating_box .thumbs_up_button {
    height: 45px;
    line-height: 45px;
    float: right;
    cursor: pointer;
    padding: 0px 7px 0 2px;
    border-left: 1px solid #005e8c;
    border-right: 1px solid #005e8c;
}

.video_rating_box .thumbs_down_button,
.rating_box .thumbs_down_button {
    height: 45px;
    line-height: 45px;
    float: right;
    cursor: pointer;
    padding: 0px 7px;
    border-right: 1px solid #005e8c;
}

.rating_box .thumbs_up_button:hover, .rating_box .thumbs_down_button:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

.video_rating_box.up .thumbs_up_button:hover,
.rating_box.up .thumbs_up_button:hover {
    background: none;
}

.video_rating_box.down .thumbs_down_button:hover,
.rating_box.down .thumbs_down_button:hover {
    background: none;
}

.video_rating_box.up .thumbs_up_button,
.rating_box.up .thumbs_up_button {
    /*background-color:#8CD76B;*/
    cursor: auto;
}

.thumbs_up_button .icon {
    float: left;
    margin: 8px 3px;
    width: 34px;
    height: 29px;
    background: url(http://cdn1.bibib.net/assets/games/thumb_up-0818e62cf322b1c5d265d32be280c1c2.png) left no-repeat;
}

.up .thumbs_up_button .icon {
    background: url(http://cdn1.bibib.net/assets/games/thumb_up_v-682e42f3e83d0e6b38d7f41be8acb1a4.png) no-repeat;
    width: 34px;
}

.thumbs_down_button .icon {
    float: left;
    margin: 13px 0;
    width: 28px;
    height: 29px;
    background: url(http://cdn1.bibib.net/assets/games/thumb_down-1ba2efa7c13f0632a02a255513ef1c4d.png) left no-repeat;
}

.down .thumbs_down_button .icon {
    background: url(http://cdn1.bibib.net/assets/games/thumb_down_v-03eff896286da6f1578a64e325adbcc7.png) no-repeat;
    width: 32px;
}

.video_rating_box.down .thumbs_down_button,
.rating_box.down .thumbs_down_button {
    /*background-color:#8CD76B;*/
    cursor: auto;
}

.video_rating_box .rating_stars,
.rating_box .rating_stars {
    float: right;
    padding: 0 5px;
}

.rating_stars .star_on {
    background: url(http://cdn0.bibib.net/assets/games/star_on-98fd9542224a57e31e05f38baa6793d4.png) no-repeat;
    width: 19px;
    height: 19px;
    float: left;
}

.rating_stars .star_off {
    background: url(http://cdn1.bibib.net/assets/games/star_off-3280b1a1f01abe5dc1a51bcb38eb4f52.png) right no-repeat;
    width: 19px;
    height: 19px;
    float: left;
}
.rating_box .star_container{
    width: 19px;
    height: 19px;
    margin: 14px 2px;
    text-align: center;
    float: left;
}

.video_rating_box .video_star_container{
    width: 24px;
    height: 23px;
    margin: 21px 2px;
    text-align: center;
    float: left;
}

.rating_for_google {
    position: absolute;
    top: -10000px;
    left: 0;
}

/* Missing Unity button start */
#unityMissing {
    /*display: table-cell;*/
    vertical-align: middle;
    background: url(http://cdn1.bibib.net/assets/games/unity_missing_bg-3a4c3f8d1c76e4e7016675d7624470fe.jpg) center center no-repeat;
}

#unityMissingWrapper {
    position: absolute;
    top: 170px;
    left: 140px;
}

#missingUnityArrow {
    margin: 30px auto;
}

#missingUnityText p {
    font-size: 20px;
    color: white;
}

#missingUnityHero {
    position: absolute;
    height: 509px;
    width: 294px;
    top: 50px;
    right: 140px;
}
/* Missing Unity player end */
/* how to play */
.how_to_play {
    height: 47px;
    width: 128px;
}
.how_to_play a {
    display: block;
    margin: 4px 0px;
    height: 38px;
    width: 128px;
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_uni-e39389bdf7335c08641573651f87b4c8.png) center left no-repeat;
}
.how_to_play a:hover {
    background-position: center right !important;
}

/* how to play */
.how_to_play_small {
    height: 47px;
    width: 95px;
}
.how_to_play_small a {
    display: block;
    margin: 4px 0px;
    height: 38px;
    width: 95px;
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_small-3c21f36f816b60f54cac0027c8fc32fb.png) center left no-repeat;
}
.how_to_play_small a:hover {
    background-position: center right !important;
}


/* end */

/* banner wrapper (game page with walkthrough) start*/
#video_on_gamepage.video_main_wrapper {
    margin: 10px 0px !important;
}

#video_on_gamepage #video_container  {
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #310864;
    overflow:hidden;
}

#video_on_gamepage #video_top_panel {
    position: relative;
    border: 1px solid #310864;
    border-radius: 10px 10px 0px 0px;
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_header_bg-066a6ccbf65dba99a5cb270897d3b556.jpg) right repeat-x;
    height: 68px;
}

#video_on_gamepage #walkthrough_bottom_banner {
    padding: 5px 0px;
}

#video_on_gamepage #video_top_panel .video_icon {
    width: 108px;
    height: 76px;
    float: none;
    position: absolute;
    top: -9px;
    background: url("http://cdn0.bibib.net/assets/games/walkthrough_popcorn_header_icon-43936f1a897ee90d9fa2bc9194b1c68c.png") 0 0 no-repeat;
    margin: 4px 15px;
}

#video_and_banner {
    display: table;
}

#video_and_banner #video_box,
#video_and_banner #walkthrough_ad_container {
    display: table-cell;
    vertical-align: top;
}

#video_and_banner {
    margin: 0 auto;
}

#video_and_banner #walkthrough_ad_container {
    margin-left: 25px;
}

#video_container .buttons_container {
    width: 792px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    position: relative;
    z-index: 900;
}

.buttons_container .youtube_subscribe {
}

.buttons_container .back_to_game {
    float: right;
}

.back_to_game {
    display: inline-block;
}

.back_to_game a {
    display: block;
    height: 38px;
    width: 127px;
    margin-top: -6px;
    background: url("http://cdn1.bibib.net/assets/games/back_to_game_new-342351a862057ffdb10b3ad1dd9cda8f.png") center left no-repeat;
}

.back_to_game a:hover {
    background: url("http://cdn1.bibib.net/assets/games/back_to_game_new-342351a862057ffdb10b3ad1dd9cda8f.png") center right no-repeat;
}

#video_on_gamepage .jwplayer .jwcontrolbar {
    display: inline-block !important;
    opacity: 1 !important;
}

#video_on_gamepage #VideoPreRollAd {
    z-index: 3;
}

#video_on_gamepage #VideoEmbed {
    z-index: 4;
    width: 700px;
    float:left;
}

#video_on_gamepage #VideoPreRollAd {
    position:absolute;
}

#video_on_gamepage #video_top_panel #video_name,
#video_on_gamepage #video_top_panel .video_rating_box .thumbs_up_button,
#video_on_gamepage #video_top_panel .rating_box .thumbs_up_button,
#video_on_gamepage #video_top_panel .video_rating_box .thumbs_down_button,
#video_on_gamepage #video_top_panel .rating_box .thumbs_down_button {
    height: 68px;
    line-height: 68px;
}

#video_on_gamepage #video_top_panel .video_rating_box .thumbs_down_button,
#video_on_gamepage #video_top_panel .rating_box .thumbs_down_button {
    border-right: 1px solid #310864;
}

#video_on_gamepage #video_top_panel .video_rating_box .thumbs_up_button,
#video_on_gamepage #video_top_panel .rating_box .thumbs_up_button {
    border-left: 1px solid #310864;
    border-right: 1px solid #310864;
}

#video_on_gamepage #video_top_panel .thumbs_up_button .icon {
    background: url(http://cdn1.bibib.net/assets/games/walkthrough_like-46873d568c0d842261f7afcb432d1f95.png) no-repeat;
}

#video_on_gamepage #video_top_panel .thumbs_down_button .icon {
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_dislike-88a71accfc29485b24e1ed625077e8df.png) no-repeat;
}

#video_on_gamepage #video_top_panel .up .thumbs_up_button .icon {
    background: url(http://cdn1.bibib.net/assets/games/walkthrough_like_v-26908cdf6b0902eff0f2a5d80c1922b2.png) no-repeat;
}

#video_on_gamepage #video_top_panel .down .thumbs_down_button .icon {
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_dislike_v-070e6862010a25dcada4d7e6d9090b3e.png) no-repeat;
}

#video_on_gamepage #video_top_panel .thumbs_up_button .icon,
#video_on_gamepage #video_top_panel .thumbs_down_button .icon {
    width: 37px;
    height: 68px;
    margin: 0px 3px;
}

#video_on_gamepage #video_top_panel h1 {
    padding-left: 138px;
}

#video_on_gamepage #video_top_panel .star_off,
#video_on_gamepage #video_top_panel .star_on {
    width: 24px;
    height: 23px;

}

#video_on_gamepage #video_top_panel .star_off{
    background: url(http://cdn1.bibib.net/assets/games/walkthrough_star_off-cd400cfba008fbb533965727f8bcd6bf.png) right no-repeat;
}


#video_on_gamepage #video_top_panel .star_on{
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_star_on-f6a4c1005730a0c4a621e36b3602b5e8.png) no-repeat;
}

#video_on_gamepage #video_top_panel .video_rating_box .thumbs_up_button:hover,
#video_on_gamepage #video_top_panel .video_rating_box .thumbs_down_button:hover {
    background: url("http://cdn1.bibib.net/assets/games/walkthrough_header_bg_over-77abe81fa26e84f5ee67772acc0dc070.jpg") repeat-x;
}
#video_on_gamepage #video_top_panel .video_rating_box.up .thumbs_up_button:hover,
#video_on_gamepage #video_top_panel .video_rating_box.down .thumbs_down_button:hover {
    background: none;
}
#video_on_gamepage #player_button {
    position: absolute;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
#video_on_gamepage #player_button:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
#video_on_gamepage #player {
    cursor: pointer;
    position: relative;
}

/* walkthrough chapters */
#chapters_title_tower {
    border: 1px solid #310864;
    border-radius: 10px 0px 0px 0px !important;
    background: url(http://cdn0.bibib.net/assets/games/walkthrough_header_bg-066a6ccbf65dba99a5cb270897d3b556.jpg) right repeat-x;
    height: 68px;
    width: 126px;
    border-right: none;
}

#chapters_container {
    background: #003e67;
    border-radius: 0 0 0px 10px;
    width: 126px;
    border: 1px solid #310864;
    border-right: none;
    overflow: hidden;
}
#video_on_gamepage #chapters_title_tower {
    line-height: 68px;
    height: 68px;
    vertical-align: middle;
}
#chapters_container .chapter_link {
    line-height: 68px;
    height: 68px;
    overflow: hidden;
    border-bottom: 1px solid #310864;
}
#chapters_container .chapter_link:hover {
    background: #006095;
    cursor:pointer;
}
#chapters_container .chapter_link.selected_video {
    background: #93bc16;
    color: #ffea26;
}
#chapters_container .chapter_link span {
    height: 68px;
    line-height: 68px;
    vertical-align: middle;
    text-decoration: underline;
}
#chapters_container .game_thumb {
    width: 117px;
    height: 117px;
    margin: 4px 5px;
}
#chapters_container .game_thumb img{
    width: 117px;
    height: 117px;
}
/* bibib custom push notifications popup*/
.bibib-custom-container {
    z-index: 999; /*overlay on some ads*/
    position: fixed;
    bottom: 20px;
    left: 10px;
    height: 70px;
    width: 250px;
}
.bibib-custom-push {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 65px;
    height: 70px;
    cursor: pointer;
    background: url('http://cdn0.bibib.net/assets/common/bibib_push_icon-537b562f66c51408178525cb40f91354.png') no-repeat;
}

.bibib-custom-popup {
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    left: 75px;
    width: 180px;
    height: 50px;
    background: url('http://cdn1.bibib.net/assets/common/bibib_push_popup-df69987c4e2853b2658ef65c7d9e598c.png') no-repeat;
}
/* end */

/* new game page */

.strips_bg{
    background-color: rgba(0, 0, 0, 0.6);
    position: relative; /*this is here to support z-index, otherwise skin ad overlaps our conent */
}

#walkthrough_footer{
    margin-top: 0px;
    border-radius: 0;
    border: none;
    height: 35px;
}

.game_data_container .game_name_container {
    margin: 0 auto 10px auto;
    color: #FFFFFF;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: 26px;
    white-space: nowrap;
    font-weight:normal;
}

.game_data_container .game_thumb {
    float:right;
    width: 90px;
    height: 90px;
}

.game_data_container .bibib_games_icon {
    float: left;
    width: 100px;
    height: 91px;
    background: url(img/logos.png) no-repeat;
    background-size: 98px 98px;
        margin-left: 2%;
}

.game_data_container .bibib_videos_icon {
    float: left;
    width: 100px;
    height: 91px;
    background: url(img/logos.png) no-repeat;
    background-size: 98px 98px;
    margin-left: 2%;
}

.game_data_container .games_icon {
    width: 40px;
    height: 40px;
    background: url("img/new_game_page_sprite.png") -0px -150px no-repeat;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -8px;
}

.game_data_container .videos_icon {
    width: 40px;
    height: 40px;
    background: url("img/new_game_page_sprite.png") -40px -150px no-repeat;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -8px;
}

.game_data_items {
    margin: 0 auto;
    height: 40px;
    display:inline-block;
}

.game_data_items .btn {
    background: #073958;
    background-image: -webkit-linear-gradient(top, #348ec1, #073958);
    background-image: -moz-linear-gradient(top, #348ec1, #073958);
    background-image: -ms-linear-gradient(top, #348ec1, #073958);
    background-image: -o-linear-gradient(top, #348ec1, #073958);
    background-image: linear-gradient(to bottom, #348ec1, #073958);
    -webkit-border-radius: 30;
    -moz-border-radius: 30;
    border-radius: 30px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
    box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
    color: #ffd70b;
    font-size: 16px;
    padding: 1px;
    border-top: solid #58adda 1px;
    border-bottom: solid #035d7b 1px;
    margin-right: 10px;
    line-height: 30px;
    cursor: pointer;
}

.game_data_items .btn:last-child{
    margin-right: 0px;
}

.game_data_items .btn a {
    text-decoration: none;
    color: #ffd70b;
    padding-right:7px;
    float:right;
    /*prevent text selection*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.game_data_items .btn div.icon_container {
    height: 30px;
}

.game_data_items .btn:hover {
    background: #164a6c;
    background-image: -webkit-linear-gradient(top, #49aadf, #164a6c);
    background-image: -moz-linear-gradient(top, #49aadf, #164a6c);
    background-image: -ms-linear-gradient(top, #49aadf, #164a6c);
    background-image: -o-linear-gradient(top, #49aadf, #164a6c);
    background-image: linear-gradient(to bottom, #49aadf, #164a6c);
    text-decoration: none;
    color: #ffbb08;
    border-top: solid #58adda 1px;
    border-bottom: solid #035d7b 1px;
}

.game_data_items .btn a:hover {
    color: #ffbb08;
}

.game_data_items .back_arrow {
    width: 30px;
    background: url("img/new_game_page_sprite.png") -30px -30px no-repeat;
    float: left;
    cursor: pointer;
}

.game_data_items .fullscreen {
    width: 30px;
    background: url("img/new_game_page_sprite.png") -60px -60px no-repeat;
    float: left;
    cursor: pointer;
}

.game_data_items .video_rating_box,
.game_data_items .rating_box {
    float: left;
    padding: 0 7px;
}

.game_data_items .video_rating_box .up_button,
.game_data_items .rating_box .up_button {
    float: right;
    cursor: pointer;
}

.game_data_items .video_rating_box .down_button,
.game_data_items .rating_box .down_button {
    width: 30px;
    float: right;
    cursor: pointer;
}

.game_data_items .video_rating_box.up .up_button:hover,
.game_data_items .rating_box.up .up_button:hover {
    background: none;
}

.game_data_items .video_rating_box.down .down_button:hover,
.game_data_items .rating_box.down .down_button:hover {
    background: none;
}

.game_data_items .video_rating_box.up .up_button,
.game_data_items .rating_box.up .up_button {
    /*background-color:#8CD76B;*/
    cursor: auto;
}

.game_data_items .up_button .icon_container {
    float: left;
    width: 30px;
    background: url(img/new_game_page_sprite.png) -30px -60px no-repeat;
}

.game_data_items .up .up_button .icon_container {
    background: url(img/new_game_page_sprite.png) -30px -90px no-repeat;
    width: 30px;
}

.game_data_items .down_button .icon_container {
    float: left;
    width: 30px;
    background: url(img/new_game_page_sprite.png) 0px -60px  no-repeat;
}

.game_data_items .down .down_button .icon_container {
    background: url(img/new_game_page_sprite.png) 0px -90px no-repeat;
    width: 30px;
}

.game_data_items .video_rating_box.down .down_button,
.game_data_items .rating_box.down .down_button {
    cursor: auto;
}

.game_data_items .video_rating_box .rating_stars,
.game_data_items .rating_box .rating_stars {
    float: right;
    padding: 1px 5px;
    margin: 0 5px;
    border-left: 1px solid #002a3a;
    border-right: 1px solid #002a3a;
    cursor: auto;
}

.game_data_items .rating_stars .star_on {
    background: url(img/new_game_page_sprite.png) -5px -36px no-repeat;
    width: 19px;
    height: 19px;
    float: left;
}

.game_data_items .rating_stars .star_off {
    background: url(img/new_game_page_sprite.png) -6px -6px no-repeat;
    width: 19px;
    height: 19px;
    float: left;
}

.game_data_items .rating_stars .half_star {
    background-position: -15px -6px;
}

.game_data_items .video_rating_box .video_star_container,
.game_data_items .rating_box .star_container{
    width: 20px;
    height: 20px;
    margin: 5px 2px;
    text-align: center;
    float: left;
}

.game_data_items .walkthrough_icon {
    width: 30px;
    background: url("img/new_game_page_sprite.png") -90px -30px no-repeat;
    float:left;
}

.game_data_items .btn_with_text {
    padding-right: 5px;
}

.game_data_items .icon_with_text {
    margin-right: 5px;
}

.game_data_items .back_to_game_icon {
    width: 30px;
    background: url("img/new_game_page_sprite.png") -60px -30px no-repeat;
    float:left;
}

.game_data_items .play_on_mobile_icon {
    width: 30px;
    background: url("img/new_game_page_sprite.png") -150px -30px no-repeat;
    float:left;
}

.game_data_items #chapters_links{
    overflow: hidden;
}

.game_data_items .chapter_link {
    line-height: 30px;
    height: 38px;
    overflow: hidden;
    margin:0 10px;
    text-decoration: underline;
    color: #9deafe;
}
.game_data_items .chapter_link:hover {
    cursor:pointer;
}
.game_data_items .chapter_link.selected_video {
    color: white;
    text-decoration: none;
}
.game_data_items .chapter_link span {
    height: 68px;
    line-height: 68px;
    vertical-align: middle;
    text-decoration: underline;
}

.game_strip #game_box {
    border: none;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 0;
}

.game_strip .similar_tile_wrapper {
    margin: 0px 10px 3.5px;
    float: none;
}

.similar_games_holder{
    width: 150px;
    box-sizing: border-box;
}

.video_strip #video_box{
}

.video_strip #VideoEmbed{
    margin: 0 auto;
    position: relative;
}

.video_strip #VideoEmbed #player {
    width: 100%;
    height:100%;
}

.video_strip #video_horizontal_similars{
    display: none;
    width: 300px;
    height: 157px;
    position: absolute;
    bottom: 0px;
}

.video_strip #video_left_vertical_similar{
    display: none;
    width: 150px;
    height: 100%;
}

#adblock_house_ad{
    height: 110px;
    padding-top: 20px;
    width: 981px;
    margin: 0  auto;
    display: none;
}

#top_banner_holder{
    width: 728px;
    margin: 30px auto 0px;
}

#bottom_banner_holder{
    width: 970px;
    margin: 140px auto 0px;
}

.vertical_similar_video_tile_wrapper,
.horizontal_similar_video_tile_wrapper{
    border: 1px solid #386b8a;background: #1c5b7f;
}

.vertical_similar_video_tile_wrapper{
    width: 108px;
    height: 148px;
    margin: 0 auto;
}

.horizontal_similar_video_tile_wrapper{
    width: 144px;
    height: 155px;
    float: left;
}

.horizontal_similar_video_tile_wrapper:last-of-type{
    float: right;
}

.vertical_similar_video_tile_wrapper .thumb,
.vertical_similar_video_tile_wrapper img{
    width: 108px;
    height: 61px;
}

.vertical_similar_video_tile_wrapper img.new_ribbon{
    width: 30px;
    height: 30px;
}

.horizontal_similar_video_tile_wrapper .thumb,
.horizontal_similar_video_tile_wrapper img{
    width: 144px;
    height: 81px;
}

.horizontal_similar_video_tile_wrapper img.new_ribbon{
    width: 40px;
    height: 40px;
}

.vertical_similar_video_tile_wrapper .thumb_title,
.horizontal_similar_video_tile_wrapper .thumb_title{
    background-image: -webkit-linear-gradient(top, #1c5b7f, #043b5b);
    background-image: -moz-linear-gradient(top, #1c5b7f, #043b5b);
    background-image: -ms-linear-gradient(top, #1c5b7f, #043b5b);
    background-image: -o-linear-gradient(top, #1c5b7f, #043b5b);
    background-image: linear-gradient(to bottom, #1c5b7f, #043b5b);
    height: 69px;
    clear: both;
    font-size: 14px;
    padding-top: 5px;
}

.vertical_similar_video_tile_wrapper .thumb_title{
    font-size: 12px;
}

.vertical_similar_video_tile_wrapper .thumb_title{
    height: 82px;
    text-align: left;
    padding-left: 5px;
}

.vertical_similar_video_tile_wrapper a:hover,
.horizontal_similar_video_tile_wrapper a:hover{
    color: white;
}

.horizontal_similar_video_tile_wrapper .duration_element{
    font-size: 12px;
}

.vertical_similar_video_tile_wrapper a,
.horizontal_similar_video_tile_wrapper a{
    text-decoration: none;
    color: #9deafe;
}

.vertical_similar_video_tile_wrapper .small_videos_icon,
.horizontal_similar_video_tile_wrapper .small_videos_icon{
    background: url("img/new_game_page_sprite.png") -92px -2px no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

#play_on_mobile_popup{
    background-color: #043856;
    width: 540px;
    height: 340px;
    border: 3px solid white;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

#play_on_mobile_popup .title{
    font-size: 30px;
    line-height: 36px;
    width: 120px;
    float: left;
}

#play_on_mobile_popup .game_thumb{
    width: 100px;
    height: 100px;
    float: right;
    margin: 3px 0px 10px;
}

#play_on_mobile_popup #mobile_google_play_button{
    width: 250px;
    height: 74px;
    background: url('http://cdn0.bibib.net/assets/games/google_play_btn-8ef307c96aec432e68f1b9c444b70b52.png') no-repeat;
    font-size: 0;
}

#play_on_mobile_popup #mobile_app_store_button{
    width: 250px;
    height: 74px;
    background: url('http://cdn0.bibib.net/assets/games/app_store_btn-4146ff86782538fdc40b452ee740db90.png') no-repeat;
    font-size: 0;
}

#play_on_mobile_popup #bibib_plays_mobile{
    background: url('http://cdn0.bibib.net/assets/games/bibib_plays_mobile-02fe80decfdcc818f82e4d218e5b8296.png') no-repeat;
    width: 200px;
    height: 300px;
    float: left;
    margin-right: 15px;
}
#play_on_mobile_popup a div{
    margin-top: 13px;
}

#play_on_mobile_popup a:only-of-type div{
    margin-top: 50px;
}

#walkthrough_footer #youtube_subscribe_btn{
    position: absolute;
    top: 5px;
}

#walkthrough_footer #back_to_game_btn{
    position: absolute;
    right: 0px;
}

#walkthrough_footer #footer_content{
    position: relative;
}

#video_on_gamepage #video_right_banner{
    height: 100%;
    position: relative;
}

#video_on_gamepage div.back_to_game_bibib_img {
    background: url('http://cdn1.bibib.net/assets/games/new_back_to_game-dfa2b24ededd8586cd3af024b1b36c65.png') 0 0 no-repeat;
    height: 200px;
    width: 300px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
}

#video_on_gamepage div.back_to_game_bibib_img:hover {
    background: url('http://cdn1.bibib.net/assets/games/new_back_to_game-dfa2b24ededd8586cd3af024b1b36c65.png') 0 -200px no-repeat;
}

#video_on_gamepage #back_to_game{
    display: none;
}

#video_on_gamepage #back_to_game_thumb {
    position: absolute;
    bottom: 74px;
    left: 153px;
    width: 80px;
    height: 80px;
    z-index: 1;
}

#video_on_gamepage #video_left_banner{
    position: relative;
    height: 100%;
}

.new_gamepage_bg_top_left{
    position: absolute;
    background: url('http://cdn0.bibib.net/assets/games/bg/bg_top_left_01-7937c43f8d7262fd0dbad35c9b8af77c.png') no-repeat;
    width: 600px;
    height: 600px;
    top: 0;
    left: 0;
    z-index: -1;
}

.new_gamepage_bg_top_right{
    position: absolute;
    background: url('http://cdn1.bibib.net/assets/games/bg/bg_top_right_01-282f297d12705bac82e5741e5da10437.png') no-repeat;
    width: 450px;
    height: 320px;
    top: 0;
    right: 0;
    z-index: -1;
}

.new_gamepage_bg_bottom_left{
    position: absolute;
    background: url('http://cdn1.bibib.net/assets/games/bg/bg_bottom_left_01-cb8c4ec294cfd4769c1ed98fe32060d0.png') no-repeat;
    width: 812px;
    height: 350px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.new_gamepage_bg_bottom_right{
    position: absolute;
    background: url('http://cdn0.bibib.net/assets/games/bg/bg_bottom_right_01-6e897e9a9cb3ee3f6ec87b802647efd9.png') no-repeat;
    width: 770px;
    height: 350px;
    bottom: 0;
    right: 0;
    z-index: -2;
}

body.new_game_page, body.new_game_page_bg_in_video{
    background: repeat-x;
    background-color: #06466a;
    height: 100%;
    position: relative;
    padding-bottom: 10px;
}

#video_data .game_name_container h1.no_chapters{
    line-height: 90px;
}

/* end */

/* missing flash */

#flash_download_link{
    width: 400px;
    height: 400px;
    display: block;
}

.missing_flash_bg{
    background-color: #f6f6f6;
    border-radius: 10px;
    width: 400px;
    height: 400px;
}

.missing_flash_game_thumb{
    margin: 45px 0px 20px 0px;
    width: 150px;
    height: 150px;
}

.missing_flash_title{
    display: block;
    font-size: 30px;
    color: black;
}

.missing_flash_btn{
    display: block;
    width: 350px;
    height: 80px;
    margin: 0 auto;
}

#safari_10_instructions {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
    z-index: 9999;
    background: #013356 url('http://cdn0.bibib.net/assets/games/safari10_missing_flash_inst-638940cc0c5c9ce68648c4e0a976e906.png') no-repeat 50% 0;
}

#safari_10_instructions .safari_msg{
    text-align: left;
    font: arial;
    width: 230px;
    color: #487299;
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 20px;
}

#safari_10_instructions .safari_msg a{
    color: #7a93ac;

}
/* end */

/* affiliate / multiplayer games page */


#affiliate_games_container{
    background-color: #143b5c;
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px;
}

#affiliate_games_container #games_div
{
    margin: 30px auto 0 auto;
}

#affiliate_games_container #back_to_bibib_btn{
    width: 100px;
    height: 72px;
    position: fixed;
    bottom: 20px;
    left: 0;
    background: url('http://cdn0.bibib.net/assets/games/affiliate_games_page/back_to_bibib-0dd705e46e29c1e31a184fe1f54c268e.png');
}

#affiliate_games_container #back_to_bibib_btn:hover{
    background: url('http://cdn0.bibib.net/assets/games/affiliate_games_page/back_to_bibib-0dd705e46e29c1e31a184fe1f54c268e.png') 0px -72px;
}

#affiliate_games_container #parallax{
    width: 2000px;
    height: 400px;
    margin-top: 49px;
    position: relative;
    overflow: hidden;
    margin-left:-1000px;
    left: 50%;
}

#affiliate_games_container .parallax-layer {
    position: absolute;
}

#affiliate_games_container .parallax-layer img{
    width: 2000px;
    height: 400px;
}

/* end */

/* html preloader */
#html_preloader {
    width: 200px;
    height: 142px;
    font-size: 20px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#html_preloader #progress_bg{
    background-color: #013f62;
    background-image: -webkit-linear-gradient(top, #013f62, #055177);
    background-image: -moz-linear-gradient(top, #013f62, #055177);
    background-image: -ms-linear-gradient(top, #013f62, #055177);
    background-image: -o-linear-gradient(top, #013f62, #055177);
    background-image: linear-gradient(to bottom, #013f62, #055177);
    border: 1px solid #013f62;
    width: 196px;
    height: 18px;
    margin: 12px auto 0;
    padding: 1px;
    border-radius: 10px;
}

#html_preloader #progress_bar{
    border-color: #013f62;
    background-color: #ffe776;
    background-image: -webkit-linear-gradient(top, #ffe776, #e8950c);
    background-image: -moz-linear-gradient(top, #ffe776, #e8950c);
    background-image: -ms-linear-gradient(top, #ffe776, #e8950c);
    background-image: -o-linear-gradient(top, #ffe776, #e8950c);
    background-image: linear-gradient(to bottom, #ffe776, #e8950c);
    width: 0%;
    height: 100%;
    border-radius: 10px;
}


/* end */
#video_header {
    padding: 15px 0;
    height: 90px;
}

#video_top_banner {
    height: 90px;
    margin: 0px auto;
    padding: 0;
    width: 100%;
}

#video_page_container {
    margin: 8px auto 0;
}

#video_box {
    border: none;
    margin: 0 auto;
    height: 483px;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 100%;
}
/*
#scrolling_games_div .thumb {
    overflow: hidden;
    position: relative;
    margin: 0px auto;
    z-index: 5;

    border: 4px solid #003760;
    box-sizing: border-box;
}

#scrolling_games_div .thumb:hover {
    border: 4px solid white;
}

#scrolling_games_div .thumb img {
    position:absolute;
    top:-4px;
    left: -4px;
}

/* top title panel */
#video_top_panel {
    width: 885px;
    height: 45px;
    background: url("http://cdn1.bibib.net/assets/games/gamepage_top_bgs-aeb3a8d5b0eb61541114a2572a62cf4d.png") repeat-x #003d68;
    border: 1px solid #084973;
    border-radius: 10px 0px 0px 0px;
}

#video_name {
    color: #FFFFFF;
    height: 45px;
    line-height: 44px;
    float: left;
    text-align: left;
    font-size: 19px;
}

#video_top_panel .back_arrow {
    width: 36px;
    height: 38px;
    background: url("http://cdn1.bibib.net/assets/games/back-110138c0e9ac005091250d9b3d178fa4.png") 0 0 no-repeat;
    float: left;
    margin: 5px 8px;
    cursor: pointer;
}

#video_top_panel .back_arrow:hover {
    background-position: -36px 0;
}

/* latest videos */
.collection_items {
    width: 1200px;
    margin: 0 auto;
    display: none;
}

.latest_videos_container {
    background: #003e67;
    height: 106px;
    width: 100%;
    margin: 0 auto;
}

.latest_videos_series_bg {
    background: #2d2d2d;
}

.latest_videos_wrapper {
    height: 106px;
    width: 980px;
    overflow: hidden;
}

.latest_videos .sub_box_body {
    overflow: hidden;
    width: 912px;
    height: 125px;
}

.latest_video {
    float: left;
    width: 162px;
}

.latest_video .thumb {
    margin: 9px auto;
}

.latest_video .thumb.selected{
    margin-top: 6px;
    margin-bottom: 0px;
    border: 3px solid white;
}

.series_video_item.selected{
    border: 4px solid white
}

.latest_videos_arrow {
    width: 22px;
    float: left;
    cursor: pointer;
    height: 106px;
}

#arrow_left {
    width: 22px;
    background: url('http://cdn0.bibib.net/assets/videos/left_arrow-2b45e44a9fbdf4ba71eb2db19a317a35.png') 0px -4px no-repeat;
    height: 106px;
}

#arrow_right {
    width: 22px;
    background: url('http://cdn1.bibib.net/assets/videos/right_arrow-57f83fbdf07691e6d75ad1eaf3f5cc6b.png') 0px -4px no-repeat;
    height: 106px;
}

#arrow_left:hover {
    cursor: pointer;
    background: url('http://cdn0.bibib.net/assets/videos/left_arrow_hover-4fe65a64c4ded7e0912138955d57987a.png') 0px -4px no-repeat;
}

#arrow_right:hover {
    cursor: pointer;
    background: url('http://cdn1.bibib.net/assets/videos/right_arrow_hover-b136df821933a9a13de01065d1a56c00.png') 0px -4px no-repeat;
}

/* tags */
#video_tags_wrapper {
    border-top: 1px solid #084973;
    height: 45px;
}

#video_tags_wrapper ul {
    display: inline;
    height: 45px;
}

#video_tags_wrapper li:first-child {
    border-left: none;
    width: 112px;
}

#video_tags_wrapper li {
    float: left;
    width: 113px;
    list-style-type: none;
    font-size: 14px;
    border-left: 1px solid #103154;
    text-align: left;
    background: url("http://cdn1.bibib.net/assets/games/gamepage_top_bgs-aeb3a8d5b0eb61541114a2572a62cf4d.png") repeat-x #003d68;
}

#video_tags_wrapper li a {
    text-decoration: none;
    display: block;
    text-align: center;
}

#video_tags_wrapper li a:hover,
#video_tags_wrapper li a.selected {
    background: #003e67;
    cursor: pointer;
}

#video_tags_wrapper li.series:first-child a:hover{
    background: #2d2d2d;
}

#video_tags_wrapper li:first-child,
#video_tags_wrapper li:first-child a.selected,
#video_tags_wrapper li:first-child a:hover {
    border-radius: 10px 0px 0px 0px;
}

#video_tags_wrapper li:last-child,
#video_tags_wrapper li:last-child a.selected,
#video_tags_wrapper li:last-child a:hover {
    border-radius: 0px 10px 0px 0px;
}

#video_tags_wrapper .top_li {
    height: 24px;
}

#video_tags_wrapper .bottom_li {
    height: 21px;
}

#video_tags_wrapper li.series:first-child{
    background: #2d2d2d;
}

/* similar videos */
#similar_video_wrapper {
    width: 140px;
}

#similar_videos_title_tower {
    line-height: 44px;
    font-size: 14px;
    border-radius: 0px 10px 0px 0px;
    height: 45px;
    background: url("http://cdn1.bibib.net/assets/games/gamepage_top_bgs-aeb3a8d5b0eb61541114a2572a62cf4d.png") repeat-x #003d68;
    border: 1px solid #084973;
    border-right: 1px solid #103154;
    width: 139px;
}

#similar_videos_container {
    background: #003e67;
    display: block;
    padding-top: 2px;
    height: 481px;
    border-radius: 0 0 10px 0px;
    width: 126px;
    border-left: 1px solid #022b47;
    width: 100%;
}

.similar_video_item {
    margin: 10px auto;
}

/* video container */
.video_main_wrapper {
    width: 1024px;
    margin: 0px auto;
}

#ss_content_left,
#ss_content_right {
    display: none;
}

#video_page_container #ss_content_left{
    margin-right: 16px;
    background-color: transparent;
    padding: 0;
}

#video_container {
    width: 884px;
    background-color: #003e67;
    border-radius: 0px 0px 0px 10px;
    height: 100%;
}

#video_container.series{
    background-color: #2d2d2d;
}

/* how to play */
.link_to_game {
    height: 38px;
    width: 122px;
}

.link_to_game a {
    display: block;
    margin: 4px 0px;
    height: 38px;
    width: 122px;
    background: url(http://cdn1.bibib.net/assets/videos/play_game_uni-9d498e5dd82608ae7e1cfcccec4874ee.png) center left no-repeat;
}

.link_to_game a:hover {
    background-position: center right !important;
}

/* end */

#new_video_page .banner_container {
    background-color: rgba(0, 62, 103, 0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#new_video_page #bibib_video_left_side_ad{
    padding: 20px 8px 0px 0px;
    margin: auto 8px;
    background-color: rgba(0, 62, 103, 0.6);
}

#new_video_page{
    width: 100%;
}

#new_video_page #div-gpt-ad-1407423945403-0{
    width: 120px;
    height: 600px;
}

#new_video_page .tower_banner{
    width: 160px;height: 600px;
}

#new_video_page #div-gpt-ad-1407409979109-0{
    margin: 0 auto;
    width:728px;
    height:90px;
}

#video_header_container {
    height: 49px;
    min-width: 1012px;
    background: url(img/bg-bar.png) repeat-x;
    top: 0;
    z-index: 15;
    right: 0;
    left: 0;
}

#thumbs_list{
    width: 100%;
}

.first_in_row {
    margin-left: 0px;
}

#new_video_page #video_bottom_banner{
    margin: 10px auto 0;
    width:100%;
    float:left;
}

.channel_title_thumb {
    margin: 8px 3px 0 0;
    width: 33px;
    height: 24px;
}

.youtube_channel_btn{
    height: 26px;
    width: 122px;
    display: none;
}

.youtube_channel_btn a {
    display: block;
    margin: 9px 0;
    height: 26px;
    width: 122px;
    background: url('http://cdn1.bibib.net/assets/videos/youtube_btn-b14a7c088ed1d6dd11c046e8d4905adb.png') no-repeat;
    background-size: cover;
    border-radius: 5px;
    border: 1px solid white;
}

.video_bg_bottom_left{
    position: absolute;
    background: url('http://cdn0.bibib.net/assets/videos/bg/video_bottom_left-4936958a81dc4a664447e58d2b8a569f.png') no-repeat;
    width: 670px;
    height: 350px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.video_bg_bottom_right{
    position: absolute;
    background: url('http://cdn1.bibib.net/assets/videos/bg/video_bottom_right-2283a111bc4479e29b02166baf7c1748.png') no-repeat;
    width: 670px;
    height: 350px;
    bottom: 0;
    right: 0;
    z-index: -2;
}
.popup{
    background:url('http://cdn0.bibib.net/assets/popups/bg_container_1_pix-784a8f3fe8877062b27485f32b20766c.png') repeat-x #11a3de;
    overflow:hidden;
    border:6px solid #FFFFFF;
    border-radius:15px;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);
}

.popup_title {
    font-size: 40px;
    margin: 10px auto 0;
    text-align: center;
}

.popup_bg{
    height:100%;
    width:100%;
    float:left;
    background:url('http://cdn1.bibib.net/assets/popups/stars-c0091e96501028ecffd59388183b3a1d.png') top center repeat-x;
}

.popup_bg_no_gradient{
    height:100%;
    background:url('http://cdn1.bibib.net/assets/popups/stars-c0091e96501028ecffd59388183b3a1d.png') 0 -15px repeat-x;
}

.popup h1{
    text-align:center;
    color: #FFFC02;
    margin-bottom:10px;
    text-shadow: black 2px 2px 2px;
}
.popup .headline{    text-align:center;    padding-bottom:15px;    padding-top:30px;}
.popup .info{
    text-align: center;
    vertical-align:middle;
    display:table-cell;
    width:560px;
    background:url('http://cdn0.bibib.net/assets/popups/password_container-3d17b3299f823455391505be681acb37.jpg') repeat-x;
    height:57px;
    border:2px solid #004172;
    font-size:22px;
    border-radius:15px;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);
}
.popup .yesno_answers{
    background:url('http://cdn0.bibib.net/assets/popups/yes_no_container-39a2341156a7c23c146e064eb20e7ead.png');
    width:320px;
    height:83px;
    margin: 0 auto;
    text-shadow: black 2px 2px 2px;
}

.popup .yesno_answers .button_container{
    margin: 0 auto;
    padding: 10px 0;
    width:285px;
    height:50px;
}
.popup .freeform_question{
    text-shadow: black 1px 1px 1px;
    font-size:27px;
    line-height:1.8em;
}

.popup .yesno_question{
    display:block;
    font-size: 26px;
    text-align:center;
    height:60px;
}

.popup .yesno_btn{
    font-size:18px;
    margin:0px 10px;
}

.popup .answer_submit{
    font-size:20px;
    margin:0px 10px;
    float:right;
}

.popup .multi_question{
    font-size:28px;
    float:right;
    width:470px;
    height:60px;
    text-align: center;
    text-shadow: black 2px 2px 2px;
    padding-bottom:30px;
    text-shadow: black 2px 2px 2px;
}

.popup .multi_answer_radio_btn{
    margin:2px 0px;
    width:23px;
    height:25px;
    float:left;
    background: url('http://cdn1.bibib.net/assets/popups/radio_buttons-3a2a03abe3101d6d7772dd9efa113a88.png');
    background-position: 0px 0px;
    cursor:pointer;
}

.popup .radio_button_clicked{
    background-position: 24px 0px;
}

.popup .multi_answer{
    font-size:19px;
    float:left;
    margin-left:10px;
    width:350px;
    height:30px;
    text-align: left;
    text-shadow: black 1px 1px 1px;
}

.popup .multi_answer_container{
    height:35px;
    width:450px;
    float:left;

}

.popup #thanks_screen{
    font-size:35px;
    text-align: center;
    margin-top:85px;
    display:none;
}

.popup_error_tooltip{
    position:absolute;
    z-index: 100000;
}

.popup_error_tooltip .text_container{
    background: #cf2727;
    color: #FFFFFF;
    font-size:11px;
    border-radius:10px;
    padding: 10px 8px;
    line-height:16px;
}

.popup_error_tooltip .bottom_tip{
    background: url("http://cdn0.bibib.net/assets/popups/bottom_arrow-dc05c3948604277561aa6f3364f33003.png") center center no-repeat;
    height:10px;
}

.popup_error_tooltip .error_text{
    width:85%;
    float:right;
}


.popup .title{
    margin: 30px 0 10px 0;
    text-align: center;
}

    /* stay on bibib */

#stay_on_bibib.popup{
    border:6px solid #008dcf;
}

#stay_on_bibib div.stay_thumb{
    width: 132px;
    height: 132px;
    border: 3px solid #ffffff;
    border-radius: 3px;
    float: left;
    margin: 7px;
}

    /* add friend */
#add_friends{
    width: 700px;
}

#join_bibib_popup,#login_bibib_popup
{
    width: 715px;
    height: 550px;
}

#join_bibib_popup .popup_title,#login_bibib_popup .popup_title{
    font-size: 48px;
    clear: both;
    margin-top:0px;
    height:105px;
    line-height: 104px;
}

#join_bibib_popup .bibib_glow,#login_bibib_popup .bibib_glow{
    background: url(http://cdn0.bibib.net/assets/popups/login/bibib-150146039462b8dea6ddfec004df6ab3.png) no-repeat;
    width:417px;
    height:471px;
    position: absolute;
    top:90px;
    left:0px;
    z-index: 0;
}


#join_bibib_popup .container,#login_bibib_popup .container
{
    width:380px;
    float:right;
    margin-right:35px;
    position: relative;
    z-index: 1;
    padding-right: 0px;
    padding-left: 0px;
}

#join_bibib_popup .container_top,#login_bibib_popup .container_top{
    height:55px;
    width:352px;
    border-radius: 10px 10px 0 0;
    border: 4px solid #103154;
    border-bottom: 2px solid #103154;
    background: url(http://cdn1.bibib.net/assets/popups/login/top_and_facebook_bg-53c5716ba7f5dd55dd503de59f52b55c.jpg) repeat-x;
    margin:0 auto;
    padding:0 10px;
    line-height: 54px;
    color: #ffd316;
    font-size:29px;
}

#join_bibib_popup .container_center,#login_bibib_popup .container_center{
    width:372px;
    height:260px;
    border: 4px solid #103154;
    border-top:none;
    border-radius:  0 0 10px 10px;
    background: url(http://cdn0.bibib.net/assets/popups/login/main_container-694807c5b1c808baee7a9646dbb9c047.jpg) repeat-x #004677;
    margin:0 auto;
}

#join_bibib_popup .watermark,#login_bibib_popup .watermark{
}

#join_bibib_popup .coins_amount{
    font-size:25px;
    float:right;
    color:#FFFFFF;
}

#join_bibib_popup .or_container{
    height:20px;
    text-align: center;
    font-size:13px;
    line-height: 21px;
}

#login_bibib_popup .or_container{
    height:35px;
    text-align: center;
    font-size:15px;
    line-height: 34px;
}


#join_bibib_popup .container_bottom,#login_bibib_popup .container_bottom{
    width:372px;
    height:52px;
    border: 4px solid #103154;
    border-radius:10px;
    background: url(http://cdn1.bibib.net/assets/popups/login/top_and_facebook_bg-53c5716ba7f5dd55dd503de59f52b55c.jpg) repeat-x;
    margin:0 auto;
}

.facebook_connect_button{
    height:36px;
    width:117px;
    background: url(http://cdn1.bibib.net/assets/popups/login/connect-92fc157ffeaeda08a1e95a0b53a7a708.png) 0 0 no-repeat;
    cursor: pointer;
    margin-left:13px;
    margin-top:8px;
}

.facebook_connect_button:hover{
    background-position: -117px 0;
}


#sign_up_title{
    font-size: 35px;
    float:left;
    text-align: center;
    margin-left:15px
}

#sign_up_remark{
    font-size: 15px;
    float:left;
    text-align: left;
    margin-top:24px;
    margin-left:14px;
}

#sign_up_remark a{
    text-decoration:none;
    color: #ffd316;
}

#login_title{
    font-size: 35px;
    float:left;
    text-align: center;
    margin-left:15px;
    margin-top:10px;
}


#join_bibib_popup .bibib_text_field,
#login_bibib_popup .bibib_text_field{
    border: 3px solid #103154;
    width:280px;
    background:url('http://cdn0.bibib.net/assets/popups/login/text_field-6ee8e22425d40a32d1bb7692adaf5ce0.png') repeat-x #02416b;
    height:36px;
    line-height:36px;
    font-size:16px;
    color:#FFFFFF;
    border-radius:5px;
    padding-left:15px;
    margin-left:15px;
}
#join_bibib_popup .bibib_text_field.aqua_input,#login_bibib_popup .bibib_text_field.aqua_input{
    border: 3px solid #5ed1fe;
    background: #FFFFFF;
    color:#11a3dc;
}

#login_bibib_popup .one_click_sign{
    width:220px;
    margin-top:4px;
    margin-left:15px;
}
/********* html5 mini games start ************/
/* general wrapper */
#get_more_coins_html5_popup {
    position:relative;
    width:700px;
    height:550px;
    border: 6px solid #FFFFFF;
    border-radius: 15px;
}

/* top title wrapper */
#get_more_coins_title {
    text-align: center;
    background: url("http://cdn1.bibib.net/assets/popups/stars-c0091e96501028ecffd59388183b3a1d.png") no-repeat center;
    height: 115px;
}

#get_more_coins_title h2 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    line-height:40px;
    font-size: 36px;
    font-weight: normal;
    vertical-align: middle;
    color: #FFFFFF;
    padding: 0px 150px;
}

#get_more_coins_title img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* offer wrapper */
#get_more_coins_top_offer {
    height: 110px;
    border: 2px solid #FFFFFF;
    background: url("http://cdn0.bibib.net/assets/popups/yellow_container-0cbac91de3a840c3c5e833e6fb1ceefd.png") repeat-x #ff6100;
    border-radius: 10px;
    margin: 0 30px 20px;
    clear:both;
}
/* join icon */
#join_bibib_icon,
#invite_friends_icon {
    margin: 15px 35px 0px 35px;
}

/* join offer */
#join_bibib_offer,
#invite_friends_offer {
    width: 170px;
    margin: 12px 20px 0px 20px;
}

#join_bibib_offer h5,
#invite_friends_offer h5 {
    font-size: 16px;
    font-weight: normal;
    color: #861d00;
    text-transform: initial;
    font-family: Arial;
    text-align: center;
}

#join_bibib_offer img,
#invite_friends_offer img {
    position: relative;
    top: 6px;
}

#join_bibib_offer #bonus_amount,
#invite_friends_offer #bonus_amount{
    font-size: 30px;
    color: #FFFFFF;
}
/* join button */
#join_bibib_button,
#invite_friends_button {
    background: url("http://cdn0.bibib.net/assets/popups/get_more_coins_html5_button_bg-006f5a3d572bf638d2e65afb1f3eee32.png") repeat-x;
    height:52px;
    font-size: 16px;
    border: 2px solid #861d00;
    border-radius: 10px;
    cursor: pointer;
    text-transform: uppercase;
    color: #861d00;
    width: 175px;
    margin: 30px 20px 0px 20px;
    text-transform: uppercase;
}

.ltr_container #join_bibib_icon,
.ltr_container #join_bibib_offer,
.rtl_container #join_bibib_button,
.ltr_container #invite_friends_icon,
.ltr_container #invite_friends_offer,
.rtl_container #invite_friends_button{
    float:left;
}

.rtl_container #join_bibib_icon,
.rtl_container #join_bibib_offer,
.ltr_container #join_bibib_button,
.rtl_container #invite_friends_icon,
.rtl_container #invite_friends_offer,
.ltr_container #invite_friends_button{
    float:right;
}

#minigame_left, #minigame_right {
    position: relative;
    background-color: #05334d;
    height: 265px;
    width: 310px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
}

#minigame_left {
    float: left;
    background-image: url("http://cdn0.bibib.net/assets/popups/get_more_coins_html5_lucky_spin_icon-a7d159616451364a8893b00c56181a96.png");
    margin-left: 30px;
}

#minigame_right {
    float: right;
    background-image: url("http://cdn1.bibib.net/assets/popups/get_more_coins_html5_treasure_rocket_icon-c8420a013ce3b33265f34112bae0b022.png");
    margin-right: 30px;
}

#get_more_coins_games_container a {
    position: relative;
    top: 190px;
    display: inline-block;
    background: url("http://cdn0.bibib.net/assets/popups/get_more_coins_html5_button_bg-006f5a3d572bf638d2e65afb1f3eee32.png") repeat-x;
    font-size: 18px;
    border: 2px solid #861d00;
    border-radius: 10px;
    cursor: pointer;
    color: #861d00;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 15px;
}

#get_more_coins_games_container a img {
    position: relative;
    top: 6px;
    width: auto;
    height: 25px;
    padding-right: 5px;
}

#get_more_coins_games_container a span {
    line-height: 50px;
    vertical-align: middle;
}

.new_countdown_container {
    width: 150px;
    position: relative;
    top: 190px;
    left: 25%;
    border: 1px solid #0d67a9;
    color: #daf3ff;
    text-align: center;
    font-size: 25px;
    font-family: Arial;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    border-radius: 10px;
}

.new_countdown_container img {
    position: relative;
    top: 10px;
}

.new_countdown_container span {
    line-height: 50px;
    vertical-align: middle;
}
/* html5 mini games end */

/* flash mini games */
#get_more_coins_popup {width:630px;height:505px;position:relative; }
#get_more_coins_popup a {text-decoration: none}

#get_more_coins_popup .popup_title{
    font-size: 48px;
    clear: both;
    margin-top:12px;
    float:left;
    width:100%;
}

#get_more_coins_popup .add_friend_button{
    background: url("http://cdn1.bibib.net/assets/popups/add_friend_button-471a52fdace5828a9399141d1f831362.png") repeat-x;
    height:68px;
    color:#FFFFFF;
    font-size: 20px;
    border: 3px solid #861d00;
    border-radius: 10px;
    cursor: pointer;
    padding:0 10px;
}

#get_more_coins_popup .add_friend_button:hover{
    background: url("http://cdn1.bibib.net/assets/popups/add_friend_button_hover-27b4346f98ac4f0077459ab00e80762e.png") repeat-x;
}

.get_more_coins_top_offer {
    width: 540px;
    height: 110px;
    margin: 0 auto;
    border: 4px solid #FFFFFF;
    background: url("http://cdn0.bibib.net/assets/popups/yellow_container-0cbac91de3a840c3c5e833e6fb1ceefd.png") repeat-x #ff6100;
    border-radius: 10px;
}

.bibib_mini_game_container {
    width: 260px;
    height: 250px;
    margin-top: 16px;
    text-align: center;
    border: 4px solid #103154;
    background-color: #036497;
    border-radius: 10px;
    background: url("http://cdn0.bibib.net/assets/popups/play_now_container-ff2216201fe51a8129afd8cd204d5726.png") repeat-x;
}

.mini_game_title{
    font-size:20px;
    margin-top:5px;
    line-height: 40px;
    position:relative;
    height:40px;
    text-align: center;
    bottom:4px;
}

.pretty_yellow_text{
    color: #fad225;
}

.invite_offer_text{
    font-size:21px;
    color:#992d00;
}

.mini_game_logo_container {
    height: 140px;
}

#daily_spin_logo img {margin-left: 14px;}
#rocket_treasure_logo img {margin-top: 20px;}

.countdown_text {
    width: 235px;
    height: 38px;
    margin: 4px auto 0;
    background: url(http://cdn1.bibib.net/assets/popups/timer_container-8f3ce31b44e9a33716f2a7e207aa5343.png) no-repeat;
    padding-top: 6px;
    font-size: 18px;
}

.dark_yellow { color: #fad225}

.play_now_button {
    background: url(http://cdn0.bibib.net/assets/popups/play_now-19915d41047d40e30fff76c480aed2ec.png) repeat-x;
    height: 53px;
    margin: 2px auto 0;
    cursor: pointer;
    color:#861d00;
    text-align:center;
    border: 3px solid #861d00;
    border-radius: 10px;
    font-size:18px;
}
/* mini games old end */
.play_now_button:hover {
    background: url(http://cdn0.bibib.net/assets/popups/play_now_hover-66d5269cd3733fc35a4cc92b9f6eb033.png) repeat-x;
}

#login_form_bottom_links{
    font-size: 15px;
    float:left;
    text-align: left;
    margin-top:17px;
    margin-left:14px;
}

#login_form_bottom_links a{
    text-decoration:none;
    color: #ffd316;
}


.or_circle{
    position: absolute;
    top: 192px;
    left: 290px;
    width:48px;
    height:51px;
    background: url(http://cdn1.bibib.net/assets/popups/or_circle-9fa9ed96318fab700e1a68b3cf0ab3cd.png) no-repeat;
    text-align:center;
    line-height:50px;
}

.af_user{
    float:left; margin:0 10px;
    width:110px;height:200px;
    border-radius: 15px;
    position:relative;
}

.af_card_img{
    width:105px;height:105px; border-radius:10px; border:1px solid white;
}
.af_card_img img{
    border-radius:10px;
}

.af_name{
    text-overflow:ellipsis;overflow: hidden;white-space: nowrap;text-align: center;
}

#add_friends input[type=text]{
    margin-top:10px;
    height: 48px;
    background: url(http://cdn1.bibib.net/assets/social/search_bg-d503b4ffa235485591fc36fa1d6a39d9.png) repeat-x;
    font-size: 20px;
}

#add_friends .search{
    background: url('http://cdn1.bibib.net/assets/social/search_button-ccc65eaccaef016a41a9bef0261b50ef.png') 0 0;
    width: 50px;
    height: 52px;
    left: 545px;
    top: 10px;
    position: absolute;
    border: none;
    cursor: pointer;
}

#suggested_friends {
    background:url('http://cdn1.bibib.net/assets/social/container-d13509db5dc813326cc238386ba8c156.png');
    height: 227px;
    text-align: center;
}

#suggested_friends div{
    margin-top:5px;
}

.af_action_form input[type=submit]{
    font-size:15px;
    width:103px;
    height:41px;
    background:url('http://cdn0.bibib.net/assets/social/add_friend-a46a9274e5e668cd3d3f1640f5af98f6.png') 0 0;
    border: none;
}
.af_action_form input[type=submit]:hover{
    background-position: 103px 0;
}

#af_nick_or_email { border: none; width: 400px; border-radius: 10px; padding-left: 10px;}

#add_friends .search:hover{
    background-position: 51px 0;
}

.af_close{
    position:absolute;
    background:url(http://cdn1.bibib.net/assets/popups/x_small-e4f14b7fbe093f8b48be165379d2fdda.png) no-repeat;
    width:26px; height:26px;
    top: -11px;
    right:-7px;
    cursor:pointer;
}

.af_close:hover{background-position:-26px 0;}




    /* Choose Nickname */
#change_nickname{
    font-size: 25px;height:400px;
}

#change_nickname .popup_title {
    font-size: 40px;
}

#change_nickname #cn_msg{
    width:300px; font-size:20px; margin: 22px 0 0 270px;
}
#change_nickname #bibib_bg{
    height:400px;
    background: url(http://cdn0.bibib.net/assets/social/bibib-c0d95ae5a4d0d2f09de96f1f6227d9b0.png) no-repeat left bottom;
}
#change_nickname input[type=text]{
    width:300px; height: 67px;
    margin: -20px  0 0 220px;
    padding-left: 30px;
    background: url(http://cdn0.bibib.net/assets/social/text_field-68989125b5379d60eaca0776fe264650.png) no-repeat;
    font-size: 29px;
    text-align: center;
    border: none;
    outline: none;
}

#change_nickname input[type=submit]{
    margin: 0px 0 0 240px;
}

#change_nickname_form{
    margin-top: 60px;
}
#change_nickname_form .popup_error_tooltip{
    display: none;
    width:180px;
    margin: -120px 0 0 260px;
}


    /* NOTIFICATIONS */
#notifications{
    width: 720px;
    height: 430px;
}

#notifications .close_btn{
    display:none;float:left;position:absolute;
}
.close_btn a{ text-decoration:none; }
.close_btn .active {color:black;}

#notifications .close_btn .option{
    background-color: #844a19;display:none;padding:10px;border-radius:5px;
}

.notifications_container{
    width: 660px;
    height: 375px;
    overflow: hidden;
    background-color: #00456e;
    border: 6px solid #05334d;
    border-radius: 10px;
    margin:7px auto 0 auto;
}

.notification .thumb_frame{
    border:2px solid #FFFFFF;
    width:44px;
    height: 44px;
    margin: 5px 7px;
    border-radius: 10px;
}

.notification .thumb_frame img{
    width:44px;
    height: 44px;
    border-radius: 10px;
}

.notification .text{
    padding-left:10px;
    float: left;
    font-size: 14px;
    line-height: 58px;
}

.notification{
    margin:7px 0 0 8px;
    border-radius: 10px;
    width: 606px;
    height: 58px;
    vertical-align:middle;
    background: url('http://cdn1.bibib.net/assets/social/notification_bg-ab147e47ac643a73a46ddcee847021e1.png') repeat-x;
}



.notification .buttons{
    float: right;
    padding: 11px 8px 0 0;
}

.notification .accept,.notification .decline,.mass_action_button{
    background:url('http://cdn1.bibib.net/assets/social/notification_button-5e1b5ffa77bbb5ed8b8af5d543941bdd.png') repeat-x;
    height:36px;
    float:right;
    font-size:14px;
    color:#963603;
    cursor: pointer;
    line-height: 35px;
    border-radius: 6px;
    padding:0 6px;
    margin-right:8px;
    border: 2px solid #963603;
}

.notification .accept:hover,.notification .decline:hover,.mass_action_button:hover{
    background:url('http://cdn1.bibib.net/assets/social/notification_button_hover-890a73b1a543be44d55507e27cde5fc3.png') repeat-x;
}

.notification .accept .icon,.mass_action_button.accept .icon{
    width:20px;
    height:19px;
    float:left;
    background:url('http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png');
    margin-top:9px;
    margin-right:3px;
}
.notification .decline .icon,.mass_action_button.decline .icon{
    width:18px;
    height:19px;
    float:left;
    margin-top:9px;
    background:url('http://cdn1.bibib.net/assets/social/x-1c33055a54654e346dc429889617e907.png');
    margin-right:3px;
}


.notification .text_rtl{
    padding-right:10px;
    float: right;
    font-size: 14px;
    line-height: 58px;
 }

.notification .buttons_rtl{
    float: left;
    padding: 12px 0px 0 10px;
}

.notification .friend_name{
    color: #fec600;
    text-decoration: none;
}

.notification .coins_amount{
    color: #fec600;
}

    /* avatar popup */
#initialize_avatar_popup
{
    background-color: #1586b0;
    width: 650px;
    height: 469px
}
.avatar_gender_box {
    background: url('http://cdn1.bibib.net/assets/avatars/glow-a1a2b58c6c703dcfb6b0aed1ab29a89b.png') no-repeat;
    width: 340px;
    height: 342px;
    text-align: center;
    margin-top: 9px;
}

.join_button,.login_button{
    margin-left:15px;
    margin-top:8px;
    font-size:22px;
    background: url(http://cdn1.bibib.net/assets/popups/login/join_button-14a8c170aa1c07029fb4f8edddfc3d5d.png) repeat-x;
    color: #8E2B00;
    padding: 0 8px;
    height:53px;
    line-height:52px;
    border:3px solid #8E2B00;
    border-radius: 10px;
    cursor: pointer;
}

.join_button:hover,.login_button:hover{
    background: url(http://cdn1.bibib.net/assets/popups/login/join_button_hover-c52dc06d6a55b20f5b1e544b80c644fb.png) repeat-x;
}


.avatar_gender_box .gender_button {
    font-size:22px;
    border: none;
    margin:17px 0 0 118px;
    display: block;
}
/* challenge won */
.won_in_challenge{    
}
#won_in_challenge #trophy{
    float: left;
}
#won_in_challenge .msg{    
    text-align: center;
    margin-top: 50px;
    width: 280px;
    float: left;
    color: white;
    font-size: 22px;
    line-height: 28px;
}
#won_in_challenge .yellow, #won_in_challenge .yellow a{
    color: #E7B820;
    text-decoration:none;
}


#gift_sent_popup {
    height: 460px;
    width: 660px;
}

#gift_sent_popup .popup_title{
    font-size: 42px;
    clear: both;
    height:100px;
    line-height: 100px;
    margin: 0 auto;
}

#gift_sent_title{
    width:575px;
    height:55px;
    border-radius: 10px 10px 0 0;
    border: 4px solid #103154;
    border-bottom: 2px solid #103154;
    background: url(http://cdn1.bibib.net/assets/popups/gift/tio_container_bg-cb7c566d7e9000103ce746740ac234bc.png) repeat-x;
    margin:0 auto;
    padding:0 10px;
    line-height: 54px;
    color: #ffd316;
    font-size:18px;
}

#gift_sent_content{
    width:595px;
    height:262px;
    border: 4px solid #103154;
    background-color: #036497;
    border-top:none;
    border-radius:  0 0 10px 10px;
    background: url(http://cdn1.bibib.net/assets/popups/gift/container_bg-9ffabbd20601586ecd6a6477a57d4749.png) repeat-x;
    margin:0 auto;
}

#gift_sent_content .user_box {float:right;width:245px;}

#gift_sent_content .user_card  {text-align: center;}
#gift_sent_content .user_card .user_name {font-size: 30px; margin-top: 15px}
#gift_sent_content .user_card .user_image {overflow:hidden; height:140px; width: 140px; margin: 40px auto 0; border:3px solid white; border-radius:10px; }
#gift_sent_content #coin_bonus {font-size: 28px;width:290px;text-align: center;}


/*-------------friends center----------------*/
#friends_center_popup{
    width:730px;
    height:610px;
    position:relative;
}

#friends_center_popup .popup_title{
    font-size: 48px;
    clear: both;
    margin-top:12px;
    float:left;
    width:100%;
}

#friends_center_popup .tabs{
    height:52px;
    width:680px;
    margin: 0 auto;
    position: relative;
    top:10px;
    font-size:15px;
}

#friends_center_popup .content{
    width:688px;
    height:450px;
    margin:0 auto;
    border: 7px solid #014972 ;
    background-color: #00689E ;
    border-radius:15px;
    font-size: 13px;
}

#friends_center_popup .tab_wrapper{
    float:left;
}

#friends_center_popup .tabs_bg{
    background:url("http://cdn0.bibib.net/assets/popups/friend_center/off_tab_bg-457264974a23a597afc16c0378eaaf76.png") repeat-x ;
    width:80%;
    height:43px;
    position: absolute;
    z-index: 1;
    margin-left:22px;

}
#friends_center_popup .tab{
    background:url("http://cdn0.bibib.net/assets/popups/friend_center/off_tab_bg-457264974a23a597afc16c0378eaaf76.png") repeat-x ;
    position: relative;
    z-index: 2;
    height:43px;
    float:left;
    line-height: 44px;
    padding-left:6px;
    padding-right:4px;
    cursor: pointer;
}

#friends_center_popup .tab_l{
    background:url("http://cdn0.bibib.net/assets/popups/friend_center/off_tab_left-f6fa7f95c8a5cbc23de715806f7cb315.png");
    height:43px;
    width:25px;
    float:left;
    z-index: 2;
    position: relative;
}
#friends_center_popup .tab_r{
    background:url("http://cdn1.bibib.net/assets/popups/friend_center/off_tab_right-5993423e07c41e99ec9ab661a9d30b20.png");
    height:43px;
    width:25px;
    float:left;
    z-index: 2;
    position: relative;
}

#friends_center_popup  .active .tab{
    background:url("http://cdn1.bibib.net/assets/popups/friend_center/on_tab_bg-c9c3a3f0bd1c19c486daede428d40022.png") repeat-x ;
    height:49px;
}

#friends_center_popup .active .tab_l{
    background:url("http://cdn1.bibib.net/assets/popups/friend_center/on_tab_left-8e86cf0aead4763f83d14d0f06010d55.png");
    height:49px;
    width:25px;
}
#friends_center_popup .active .tab_r{
    background:url("http://cdn0.bibib.net/assets/popups/friend_center/on_tab_right-81c9a3c62d226ee25a7f5baee9aae705.png");
    height:49px;
    width:25px;
}

#friends_center_popup .tab img{
    float:left;
    margin-top:7px;
    margin-right: 4px;
}

#friend_center_friend_container {
    width:660px;
    height:406px;
    background-color: #00456e;
    border: 6px solid #05334d;
    border-radius: 10px;
    margin:22px auto;
}


#friend_center_friend_container .friend{
    float:left;
    width:139px;
    height:186px;
    margin:7px 8px;
    position: relative;
    background: #05334d;
    border-radius: 8px ;
}


#friend_center_friend_container .friend_name{
    height:32px;
    font-size:17px;
    text-align: center;
    color:#FFFFFF;
    line-height: 31px;
    overflow: hidden;
}

#friend_center_friend_container .friend_thumb_wrapper{
    width: 97px;
    height:97px;
    border: 3px solid #FFFFFF;
    background-color: #0aa0d0;
    border-radius: 9px;
    position:relative;
    margin:0 auto;
}

#friend_center_friend_container .friend_thumb{
    width: 97px;
    height:97px;
    border-radius: 9px;
    z-index:1;
}

#friend_center_friend_container .level_box{
    background: url('http://cdn1.bibib.net/assets/social/level-1b05d141d90f2fc6cfe8240f2d8f04c6.png') no-repeat;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 41px;
    height: 38px;
    z-index:2;
}

#friend_center_friend_container .friend_level_word{
    font-size: 11px;
    text-align: center;
    float:right;
    height:14px;
    line-height: 14px;
    margin-top:1px;
    width: 35px;
}

#friend_center_friend_container .friend_level{
    width:35px;
    font-size: 18px;
    height:23px;
    line-height: 23px;
    text-align: center;
    float:right;
    position:relative;
    bottom:3px;
}

#friend_center_friend_container .send_gift{
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button-681754e3087a093c18fbb1f83c5af32c.png") repeat-x;
    height:31px;
    color:#963603;
    font-size: 13px;
    margin-top:8px;
    cursor: pointer;
    line-height: 31px;
    border-radius: 6px;
    padding:0 6px;
    border: 2px solid #963603;
    float:left;
    text-align: center;
}

#friend_center_friend_container .send_gift:hover{
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button_hover-51a30e9cd01d687453368b2db053a62d.png") repeat-x;
}


#friend_center_friend_container .send_gift .icon{
    background: url("http://cdn0.bibib.net/assets/games/present-3642b53c6445de98bd7135afd60c9475.png") no-repeat;
    width:24px;
    height:20px;
    float:left;
    margin-top:5px;
    margin-right:4px;
}

#friend_center_friend_container .send_gift.checked .icon{
    background: url("http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png") no-repeat;
    width:24px;
    height:19px;
    float:left;
    margin-top:5px;
    margin-right:2px;
}

#friend_center_friend_container .unfriend{
    background: url(http://cdn1.bibib.net/assets/popups/x_small-e4f14b7fbe093f8b48be165379d2fdda.png) 0 0 no-repeat;
    width:26px;
    height:26px;
    cursor: pointer;
    position:absolute;
    top:-12px;
    right:-12px;
    z-index: 12;
}

#friend_center_friend_container .unfriend:hover{
background-position: -26px 0;
}



/*-------------- friend center add friend ------*/

#friend_center_add_friend .friend{
    float:left;
    width:139px;
    height:186px;
    margin:7px 8px;
    position: relative;
    background: #05334d;
    border-radius: 8px ;
}


#friend_center_add_friend .friend_name{
    height:32px;
    font-size:17px;
    text-align: center;
    color:#FFFFFF;
    line-height: 31px;
    overflow: hidden;
}

#friend_center_add_friend .friend_thumb_wrapper{
    width: 97px;
    height:97px;
    border: 3px solid #FFFFFF;
    background-color: #0aa0d0;
    border-radius: 9px;
    position:relative;
    margin:0 auto;
}

#friend_center_add_friend .friend_thumb{
    width: 97px;
    height:97px;
    border-radius: 9px;
    z-index:1;
}

#friend_center_add_friend .level_box{
    background: url('http://cdn1.bibib.net/assets/social/level-1b05d141d90f2fc6cfe8240f2d8f04c6.png') no-repeat;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 41px;
    height: 38px;
    z-index:2;
}

#friend_center_add_friend .friend_level_word{
    font-size: 11px;
    text-align: center;
    float:right;
    height:14px;
    line-height: 14px;
    margin-top:1px;
    width: 35px;
}

#friend_center_add_friend .friend_level{
    width:35px;
    font-size: 18px;
    height:23px;
    line-height: 23px;
    text-align: center;
    float:right;
    position:relative;
    bottom:3px;
}

#friend_center_add_friend .friends_container{
    width:660px;
    height:307px;
    background-color: #00456e;
    border: 6px solid #05334d;
    border-radius:15px;
    margin:20px auto;
    overflow:hidden;
}

#friend_center_add_friend .search_friends{
    width:530px;
    height:48px;
    margin:15px auto 0 auto;
    background: url(http://cdn1.bibib.net/assets/social/search_bg-d503b4ffa235485591fc36fa1d6a39d9.png) repeat-x;
    font-size: 20px;
    border: 3px solid #00456e;
    border-radius:15px;
}


#fc_friend_search{
    height:48px;
    border:0 transparent;
    background:transparent;
    width:458px;
    font-size: 14px;
    line-height: 48px;
    margin-left:7px;
    float:left;

}

#ask_your_friends{
    color:#FFFFFF;
    font-size: 14px;
    line-height: 20px;
    margin:7px auto 0 auto;
    width:550px;
}

#fc_friend_form .search{
    background: url("http://cdn0.bibib.net/assets/popups/friend_center/magnifaier-0ee30fd41e7af15217946c3f80a90ed6.png") no-repeat;
    width:45px;
    height:39px;
    border:none 0 transparent;
    cursor: pointer;
    margin: 5px;
    float:right;
}


#fc_friend_form .watermark{
}

#friend_center_add_friend .add_friend{
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button-681754e3087a093c18fbb1f83c5af32c.png") repeat-x;
    height:31px;
    color:#963603;
    font-size: 13px;
    margin-top:8px;
    cursor: pointer;
    line-height: 31px;
    border-radius: 6px;
    padding:0 6px;
    border: 2px solid #963603;
    float:left;
    text-align: center;
}

#friend_center_add_friend .add_friend.checked{
    font-size: 10px;
}

#friend_center_add_friend .add_friend .icon{
    background: url("http://cdn0.bibib.net/assets/popups/friend_center/plus-5bcf0a99aa7e74b594861e523e4f1140.png") no-repeat;
    width:17px;
    height:16px;
    float:left;
    margin-top:7px;
    margin-right:3px;
}

#friend_center_add_friend .add_friend.checked .icon{
    background: url("http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png") no-repeat;
    width:20px;
    height:19px;
    float:left;
    margin-top:5px;
    margin-right:2px;
}


#friend_center_add_friend .add_friend:hover{
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button_hover-51a30e9cd01d687453368b2db053a62d.png") repeat-x;
}



#friends_center_popup .fc_error{
    font-size: 20px;
    text-align: center;
    margin-right: 30px;
    margin-top: 170px;
}

.playable_again {
    font-size: 16px;
}
.category_banner_wrapper {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    padding-bottom: 10px;
}

.category_banner {
    background-color: #003e67;
    border-radius: 10px;
    padding: 5px 80px 5px 80px;
    margin: auto;
    border: 1px solid #310864;
    
}

.category_banner h1 {
    font-size: 12px;
    padding-bottom: 6px;
}

#user_info_box_container {
    float: left;
    margin-left: 15px;
}

#user_info_box_container #user_avatar_thumb {
    position: relative;
    float: left;
    background-color: #003d68;
    border: 1px solid #103154;
    height: 38px;
    width: 38px;
    margin-top: 5px;
}

#user_info_box_container .logout {
    color: #fed90f;
    margin-top: 7px;
    /*text-align: right;*/
    float: right;
    margin-left: 5px;
    font-size: 12px;
}

#user_info_box_container .logout {
    text-align: right
}

#user_info_box_container #user_image {
    float: left;
    position: relative;
    height: 38px;
    width: 38px;
}

#user_info_box_container .name_and_xp {
    height: 47px;
    float: left;
    padding: 0px 10px;
}

#user_info_box_container #coins_container {
    float: left;
    height: 47px;
    border-left: 1px solid #005e8c;
    padding-right: 7px;
    padding-left: 8px;
}

#user_info_box_container #coins_counter {
    background: none;
    float: left;
    height: 31px;
    margin-left: 5px;
    margin-top: 9px;
    position: relative;
    text-align: right;
}

#user_info_box_container .counter_cell {
    width: 13px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    float: left;
    font-size: 22px;
}

#user_info_box_container .blur {
    text-shadow: 0 0 2px white;
    color: transparent;
}

#user_info_box_container .signup {
    cursor: pointer;
    /*float:left;*/
    /*margin-left:10px;*/
    height: 35px;
    background: url('http://cdn1.bibib.net/assets/collections/join-c220f124288a9bc763c6b1afdad27162.png') repeat-x;
    font-size: 15px;
    color: #8E2B00;
    line-height: 34px;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #8E2B00;
    border-radius: 10px;
    margin-top: 6px;
}

#user_info_box_container .signup {
    float: left;
    margin-left: 10px;
}

#user_info_box_container .signup:hover {
    background: url('http://cdn1.bibib.net/assets/collections/join_hover-4764359558569efe4e1d641e672c0073.png') repeat-x #ffd00c;
}

#user_info_box_container .login {
    cursor: pointer;
    height: 35px;
    background: url('http://cdn0.bibib.net/assets/collections/login-9a31a17db76a601d8beccf24826ca2cb.png') repeat-x;
    color: #ffffff;
    line-height: 34px;
    padding: 0 10px;
    text-align: center;
    border-radius: 10px;
    font-size: 15px;
    border: 1px solid #103154;
    margin-top: 6px;
}

#user_info_box_container .login {
    float: left;
    margin-left: 10px;
}

#user_info_box_container .login:hover {
    background: url('http://cdn0.bibib.net/assets/collections/login_hover-eab2c74ef9d28445a507e6afe4c2fdd7.png') repeat-x;
}

#user_info_box_container #envelope {
    float: left;
    width: 56px;
    height: 48px;
    cursor: pointer;
    position: relative;
}

#user_info_box_container #envelope {
    border-left: 1px solid #005e8c;
}

#user_info_box_container #envelope:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

#user_info_box_container #envelope_img {
    margin: 13px auto 0 auto;
    width: 34px;
    height: 26px;
    background: url("http://cdn0.bibib.net/assets/collections/envlope_big-0b2a7102d4997e0701f20501aae047ba.png") 0px 0;
}

#user_info_box_container #envelope_img.active {
    width: 34px;
    height: 26px;
    background: url("http://cdn0.bibib.net/assets/collections/envlope_big-0b2a7102d4997e0701f20501aae047ba.png") -34px 0;
}

.games_bg_effect {
    float: left;
    background: url(http://cdn1.bibib.net/assets/common/games_bg_effect-8c840c3d261ee61053909a2e783eca26.png) repeat-y;
    position: fixed;
    top: 0;
    left: 293px; /*(+ 3px due to border)*/
    width: 50px;
    height: 100%;
}

div.transparent_black_bg {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .6);
}

#categories_btn {
    width: 110px;
    height: 48px;
    float: left;
    cursor: pointer;
    position: relative;
    border-right: 1px solid #005e8c;
    font-size: 20px;
    line-height: 48px;
}

#categories_btn:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

#categories_list {
    width: 150px;
    text-align: left;
}

#categories_list a {
    font-size: 14px;
    text-decoration: none;
}

.category_icon {
    margin-right: 9px;
    vertical-align: middle
}

#pagination_container {
    z-index: 2;
}

#pagination_container a img {
    position: relative;
    top: 17px;
    margin: 0 1px;
}

#previous_page {
    cursor: pointer;
    float: left;
    width: 46px;
    height: 46px;
    margin-right: 8px;
    background: url('http://cdn0.bibib.net/assets/collections/nav_button_bg-2379a0103813546b952d5d1027722dc3.png') repeat-x;
    border: 3px solid #963603;
    border-radius: 10px;
}

#previous_page:hover {
    background: url('http://cdn0.bibib.net/assets/collections/nav_button_bg_hover-a5a8e49aa6ab9f69934322a5b579f2bc.png') repeat-x;
}

#previous_page img {
    position: relative;
    top: 10px;

}

#next_page {
    cursor: pointer;
    float: right;
    width: 46px;
    height: 46px;
    margin-left: 8px;
    background: url('http://cdn0.bibib.net/assets/collections/nav_button_bg-2379a0103813546b952d5d1027722dc3.png') repeat-x;
    border: 3px solid #963603;
    border-radius: 10px;
}

#next_page:hover {
    background: url('http://cdn0.bibib.net/assets/collections/nav_button_bg_hover-a5a8e49aa6ab9f69934322a5b579f2bc.png') repeat-x;
}

#next_page img {
    position: relative;
    top: 10px;

}

#last_played_title {
    background: url('http://cdn0.bibib.net/assets/collections/last_played_1pixtop-6dbb8fdecdcdd98621d7737438ebc133.png') top center repeat-x #ff7601;
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 2;
    border: 1px solid transparent;
}

#last_played_games {
    background: url('http://cdn0.bibib.net/assets/collections/last_played_1pix_bottom-d7d90df2fc2472c1471d8c5e041a8bdd.png') top center repeat-x #ff7601;
    position: relative;
    z-index: 1;
    top: -4px;
    padding-top: 4px;
    border: 1px solid transparent;
    border-radius: 0 0 6px 6px;

}

#last_played_title_text {
    color: #ffffff;
    /*text-shadow: 2px 2px 0 #ac4a01,-2px -2px 0 #ac4a01,-2px 2px 0 #ac4a01,2px -2px 0 #ac4a01,0px 2px 0 #ac4a01,0px -2px 0 #ac4a01;*/

}

#scrolling_games_div, #selected_category_div {
    margin: 0 auto;
}

#scrolling_games_div .box, #selected_category_div .box  {
    float: left;
}

/* ----- Videos btn ----- */
#videos_btn {
    height: 48px;
    width: 139px;
    float: left;
}

#videos_btn img{
    margin-top: 2px;
}

#videos_btn:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

.info-bar {
  background-color: #074f78;
  bottom: 0;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  height: 35px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9;
}

.infobar-text {
  padding: 8px 30px 5px 30px;
  text-align: center;
}

.infobar-image {
  background-image: url("img/smartphone-call.png");
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size: auto 22px;
  display: inline-block;
  height: 22px;
  margin: -2px 0 0;
  vertical-align: middle;
  width: 30px;
}

.infobar-close {
  cursor: pointer;
  font-family: open sans;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 3px;
}

.infobar-overlayer {
  background-color: #3c9bc7;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: -1;
}

.info-rand{
    display: none;
}

@media screen and (max-width: 950px){
    .info-bar{
        display: none !important;
    }
}

/* ----- Videos btn ----- */

.fb-like-btn {
    width:90px;
    float:right;
    height:21px;
    display:none;
}

@media (min-width:1390px) {
    .guest-true {
        display: inline-block;
    }
}

@media (min-width: 1280px) {
    .guest-false {
        display: inline-block;
    }
}

.chrome-ext-btn-home button{
    background: url('http://cdn1.bibib.net/assets/common/add_extension.png ') no-repeat top center;
    width: 100px;
    height: 40px;
    margin-top:-7px;
    margin-right: 12px;
    display: inline-block;
    cursor: pointer;
}

.chrome-ext-btn-home button:hover {
    background-position: bottom center;
}

/* moved from inline CSS code */

#collections_wrapper {
    position: relative;
    z-index: 10;
}

#collections_wrapper ul{
    position: absolute;
    top: 50px;
    left: 0px;
    bottom: 0px;
    background: #034566;
}

#collections_wrapper li, #collections_wrapper a {
    width: 60px;
    height: 60px;
    display: block;
}

#collections_wrapper a {
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
}

#collections_wrapper a:hover {
    background-position: center;
}

#collections_wrapper a.selected_category {
    background-position: right;
}

#selected_category_div_wrapper {
    background: #0ea1ce;
}

.category_title {
    position: absolute;
    top: 20px;
    left: 50px;
    width: 80px;
    background: #c0e0ee;
    border: 1px solid #3a789e;
    z-index: 1000;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px 5px;
    font-family: Oswald;
    font-size: 12px;
    font-style: normal;
    color: #044267;
    border-radius: 5px;
}

#selected_category_div .box .fade_effect2 div {
    background: #0f75a5;
}
a, a:hover {
    color: white;
}

.fl {
    float: left
}

.fr {
    float: right
}

.oclr {
    overflow: hidden;
    clear: both
}

.clr {
    clear: both;
}

/* header's links */
#header_container {
    height: 53px;
    min-width: 100%;
    background: url(img/bg-bar.png) repeat-x;
    position: fixed;
    top: 0;
    z-index: 15;
    right: 0;
    left: 0;
}

#header_container .video_toolbar_button, #game_user_info_box_container .video_toolbar_button {
    float: left;
    width: 121px;
    height: 34px;
    cursor: pointer;
    padding: 7px 10px;
    border-right: 1px solid #005e8c;
}

#user_info_box_container .notifications_count,
#game_user_info_box_container .notifications_count {
    top: 0px;
    right: -4px
}

#game_user_info_box_container {
    float: left;
    margin-left: 15px;
}

#game_user_info_box_container #user_avatar_thumb {
    position: relative;
    float: left;
    background-color: #003d68;
    border: 1px solid #103154;
    height: 38px;
    width: 38px;
    margin-top: 5px;
}

#game_user_info_box_container #user_image {
    float: left;
    position: relative;
    height: 38px;
    width: 38px;
}

#game_user_info_box_container #envelope {
    border-left: 1px solid #005e8c;
    border-right: 1px solid #005e8c;
    float: left;
    width: 56px;
    height: 48px;
    cursor: pointer;
    position: relative;
}

#game_user_info_box_container #envelope:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

#game_user_info_box_container #avatar_edit_link {
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0px;
    font-size: 12px;
    text-align: left;
    background: url('http://cdn0.bibib.net/assets/common/edit_avatar_btn_bg-f0f3ff230777d20c7f2aadbcca9fbfa2.png') no-repeat;
    padding: 0px 3px;
    height: 17px;
    width: 26px;
}

#game_user_info_box_container .name_and_xp {
    height: 47px;
    float: left;
    padding: 0px 10px;
    max-width:220px;
}

#game_user_info_box_container .logout {
    color: #fed90f;
    margin-top: 7px;
    text-align: right;
    float: right;
    margin-left: 5px;
    font-size: 12px;
}

#game_user_info_box_container #coins_container {
    float: left;
    height: 47px;
    border-left: 1px solid #005e8c;
    padding-right: 7px;
    padding-left: 8px;
}

#game_user_info_box_container #coins_counter {
    background: none;
    float: left;
    height: 31px;
    margin-left: 5px;
    margin-top: 9px;
    position: relative;
    text-align: right;
}

#game_user_info_box_container .counter_cell {
    width: 13px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    float: left;
    font-size: 22px;
}

#game_user_info_box_container .blur {
    text-shadow: 0 0 2px white;
    color: transparent;
}

#game_user_info_box_container #envelope_img {
    margin: 13px auto 0 auto;
    width: 34px;
    height: 26px;
    background: url("http://cdn0.bibib.net/assets/collections/envlope_big-0b2a7102d4997e0701f20501aae047ba.png") 0px 0;
}

#game_user_info_box_container #envelope_img.active {
    width: 34px;
    height: 26px;
    background: url("http://cdn0.bibib.net/assets/collections/envlope_big-0b2a7102d4997e0701f20501aae047ba.png") -34px 0;
}

#game_user_info_box_container .signup {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    height: 35px;
    background: url('http://cdn1.bibib.net/assets/collections/join-c220f124288a9bc763c6b1afdad27162.png') repeat-x;
    font-size: 15px;
    color: #8E2B00;
    line-height: 34px;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #8E2B00;
    border-radius: 10px;
    margin-top: 6px;

}

#game_user_info_box_container .signup:hover {
    background: url('http://cdn1.bibib.net/assets/collections/join_hover-4764359558569efe4e1d641e672c0073.png') repeat-x #ffd00c;
}

#game_user_info_box_container .login {
    cursor: pointer;
    float: left;
    line-height: 35px;
    margin-left: 10px;
    background: url('http://cdn0.bibib.net/assets/collections/login-9a31a17db76a601d8beccf24826ca2cb.png') repeat-x;
    color: #ffffff;
    line-height: 34px;
    padding: 0 10px;
    text-align: center;
    border-radius: 10px;
    font-size: 15px;
    border: 1px solid #103154;
    margin-top: 6px;
}

#game_user_info_box_container .login:hover {
    background: url('http://cdn0.bibib.net/assets/collections/login_hover-eab2c74ef9d28445a507e6afe4c2fdd7.png') repeat-x;
}

#game_user_info_box_container .video_toolbar_button {
    border-left: 1px solid #005e8c;
}

#bibib_logo {
    float: left;
    margin: 2px 0 0 10px;
}

#edit_avatar_button {
    position: absolute;
    width: 50px;
    height: 35px;
    line-height: 35px;
    bottom: 0;
    right: 0;
    border-top-left-radius: 10px;
    text-align: center;
    cursor: pointer;
}

#header_container .video_toolbar_button, #game_user_info_box_container .video_toolbar_button {
    float: left;
    width: 121px;
    height: 34px;
    cursor: pointer;
    padding: 7px 10px;
    border-right: 1px solid #005e8c;
}

#header_container .friends_center_button, #game_user_info_box_container .friends_center_button{
    float: left;
    width: 56px;
    height: 48px;
    cursor: pointer;
    position: relative;
}

#header_container .friends_center_button, #game_user_info_box_container .friends_center_button {
    border-left: 1px solid #005e8c;
    border-right: 1px solid #005e8c;
}

#user_info_box_container .friends_center_button:hover,
#game_user_info_box_container .friends_center_button:hover,
#game_user_info_box_container .video_toolbar_button:hover,
#user_info_box_container .video_toolbar_button:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

#game_user_info_box_container .video_toolbar_button {
    border-left: 1px solid #005e8c;
}

#last_played_button {
    width: 57px;
    height: 48px;
    float: left;
    cursor: pointer;
    position: relative;
    border-right: 1px solid #005e8c;
    border-left: 1px solid #005e8c;
}

#last_played_button:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

.last_played_button_guest {
    border-left: 1px solid #005e8c;
}

#exp_bar_fill {
    height: 14px;
    margin: 1px 1px 0 1px;
    background: url('http://cdn1.bibib.net/assets/user_info_box/bar_fill-17d739709a2ad3f45b17c2d8983cd20a.png') repeat-x;
    width: 0%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
}

#exp_user_level {
    width: 100%;
    height: 16px;
    line-height: 14px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

#usr_exp_bar {
    float: left;
    height: 16px;
    margin: 0 auto;
    width: 98%;
    background: #003760;
    border-radius: 4px;
    float: none;
    text-align: left;
    position: relative;

}

.user_box_white_text {
    text-align: left;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
}

.user_box_white_text a {
    text-decoration: none;
}


#mini_games_notifications {
    background: url(http://cdn1.bibib.net/assets/common/redcircle-cb40f059203818d4b0a2413465c9ad6d.png);
    width: 27px;
    height: 26px;
    position: absolute;
    right: 1px;
    top: 2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    z-index: 4;
}

.prevent_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#get_coins_homepage {
    width: 57px;
    height: 48px;
    float: left;
    cursor: pointer;
    position: relative;
    border-left: 1px solid #005e8c;
}

#get_coins_homepage:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

/*---------------------games box-------------------*/
div.games_list {
    overflow: hidden;
    background-color: #035587;
    border: 4px solid #1A416A;
    color: #FFFFFF;
    font-size: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 250px;
    z-index: 10050;
    box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    -moz-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
}

.menu_banner {
    width: 160px;
    height: 600px;
    padding-left: 5px;
    position: absolute;
}

div.games_list ul {
    height: 100%;
    width: 270px;
    overflow: auto;
    position: relative;
    z-index: 10050;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div.games_list ul li.selected {
    background-color: #00A3FF;
    -moz-border-radius: 7px;
    /* border: 1px solid #1a416a; */
    border-radius: 7px 7px 7px 7px;
}

div.games_list ul li {
    margin: 0;
    padding: 1px;
    height: 45px;
    display: block;
    list-style-type: none;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

div.games_list ul li div {
    position: relative;
    float:left;
    height:45px;
    width:45px;
}

div.games_list ul li div.video_thumb {
    width:73px;
}

div.games_list ul li div img.thumb {
    position: relative;
    z-index: 1;
    margin-top: 4px;
    margin-left: 5px;
    border: 1px solid #003d63;
    height:35px;
    width:35px;
}

div.games_list div.games_title{
    height:28px;
    background:url(http://cdn1.bibib.net/assets/common/search_menu_games-28052f8607511b203d851776cd195f71.png) 75px no-repeat;
}

div.games_list div.videos_title{
    height:28px;
    background:url(http://cdn1.bibib.net/assets/common/search_menu_video-a1a07ba96dd58fb1d66e0d72d2389a20.png) 75px no-repeat;
}

div.games_list li span {
    position: relative;
    top: 12px;
    left: 5px;
}
div.games_list hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.notifications_count {
    background: url('http://cdn1.bibib.net/assets/common/redcircle-cb40f059203818d4b0a2413465c9ad6d.png');
    width: 27px;
    height: 26px;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    z-index: 4;
}
/*---------------------search box-------------------*/


/*---------------------info links-------------------*/
#contact_button {
    margin-right: 10px;
    display: block;
}

#privacy_button {
    display: block;
    margin-right: 10px;
}

#info_button {
    display: block;
    margin-right: 10px;
}

/*---------------------language box-------------------*/
#language_box {
    float: right;
    margin-right: 10px;
    position: relative;
}

#language_box .flag_container {
    cursor: pointer;
    position: relative;
    z-index: 11;
}

#language_box .flag_selector {
    position: absolute;
    width: 90px;
    background-color: #01406B;
    border-radius: 5px;
    border: 3px solid #103154;
    z-index: 1000;
    top: 28px;
    line-height: 22px;
    font-size: 12px;
}

#language_box .flag_selector img {
    margin-right: 3px;
    vertical-align: middle;
}

#language_box .flag_selector div {
    float: left;
    cursor: pointer;
}

#language_box .selected_flag {
    margin-top: 8px;
}

/* narrow_screen header redesign */
.narrow_screen #bibib_logo {
    margin-left: 5px !important;
}
.narrow_screen #user_info_box_container, .narrow_screen #game_user_info_box_container {
    margin-left: 10px !important;
}
.narrow_screen .name_and_xp {
    padding: 0px 5px !important;
}
.narrow_screen #coins_container {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.narrow_screen #get_coins_homepage, .narrow_screen #envelope, .narrow_screen #last_played_button {
    width: 50px !important;
}
.narrow_screen #videos_btn,
.narrow_screen #games_btn {
    width: 55px !important;
    overflow: hidden !important;
}
.narrow_screen #videos_btn img {
    position: relative !important;
    left: -9px !important;
}
.narrow_screen #games_btn img {
    position: relative !important;
    left: -6px !important;
}
.narrow_screen  .signup, .narrow_screen .login {
    margin-left: 5px !important;
}
.narrow_screen  #search_div {
    width:160px !important;
    margin-right: 5px !important;
}
.narrow_screen  #search_div #search {
    width:100px !important;
}
.narrow_screen #privacy_button, .narrow_screen #contact_button, .narrow_screen #language_box {
    margin-right: 5px !important;
}

/* ----- Games btn ----- */
#games_btn {
    height: 48px;
    width: 139px;
    float: left;
}

#games_btn img{
    margin-top: 2px;
}

#games_btn:hover {
    background: url("http://cdn1.bibib.net/assets/collections/top_bar_over-1a095b070dda9844cdc78522da7dd78d.png") repeat-x;
}

/* videos thumbs*/
.widget_video.widget_vertical_element {
    width: 180px;
    position: relative;
    left: 0;
    padding-bottom: 0;
    padding-left:3px;
}


.widget_video .thumb {
    margin: 9px auto;
}

.widget_video .thumb.selected{
    margin-top: 6px;
    margin-bottom: 0px;
    border: 3px solid white;
}

.tar {
    text-align: right !important;
}

/* since bar is same for all pages, we need to hide link to videos on userpage */
#header_container.user_profile #videos_btn{
    display:none;
}

#user_header {
    width: 980px;
    height: 130px;
    margin: 0 auto;
    margin-top: 60px;
}

#user_header #game_top_banner {
    margin-right:5px; /* compensating difference of user profile width and banner width*/
}

#user_container {
    width: 980px;
    margin: 0 auto;
}

#user_container .box_title {
    height: 53px;
    font-size: 14px;
    background: url("http://cdn0.bibib.net/assets/user/top_bg-a6cac5acda24016c3c2904ca8c67b45d.png") repeat-x #003d68;
    border: 3px solid #103154;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
}

#user_container .box_body {
    background-color: #005a8e;
    border: 3px solid #103154;
    border-radius: 0 0 10px 10px;
    border-top-width: 1px;
    padding-bottom: 8px;
}

#user_container .sub_box_title {
    text-align: left;
    height: 46px;
    line-height: 45px;
    font-size: 18px;
    background: url("http://cdn1.bibib.net/assets/user/my_friends_bg-ec3de07076b50fef2afef4f5a5e75f11.png") repeat-x;
    border: 2px solid #103154;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
    text-indent: 15px;
}

#user_container .sub_box_body {
    background-color: #003e69;
    border: 2px solid #103154;
    border-top: none;
    border-radius: 0 0 10px 10px;
}

#user_container .user_name {
    float: left;
    text-align: left;
    font-size: 22px;
    margin-left: 12px;
    height: 30px;
    padding-right: 15px;
    border-right: 1px solid #103154;
    line-height: 30px;
    margin-top: 11px;
}

#user_container .user_level_container {
    float: left;
    width: 115px;
    border-right: 1px solid #103154;
    line-height: 38px;
    margin-top: 7px;
    padding-right: 15px;
    font-size: 19px;
}

#user_container .user_level {
    background: url('http://cdn0.bibib.net/assets/user/level_bg-d0a58669f27e8384f6e18818b1b2b98d.png') repeat-x;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin-top: 3px;
    float: right;
}

#user_container .user_avatar {
    width: 155px;
    height: 195px;
    border: 2px solid #103154;
    margin: 35px 0 0 30px;
    border-radius: 8px;
    background-color: #003E69;
    /*display:table-cell;*/
    /*vertical-align: middle;*/
    float: left;
    padding-top: 8px;
    position: relative;
}

#user_container #avatar_edit_link {
    position: absolute;
    z-index: 5;
    left: 7px;
    top: 8px;
    font-size: 16px;
    text-align: left;
    background: url('http://cdn0.bibib.net/assets/common/edit_avatar_btn_bg_dot-215038069a3c79e418f2919aa5d6dfdd.png');
    padding: 3px 5px;
    border-radius: 0 0 6px 0;
}

#user_container #add_friend {
    position: absolute;
    z-index: 5;
    bottom: 15px;
    right: 12px;
    background: url('http://cdn0.bibib.net/assets/user/add_friend_small-0ff38bd3ce2355557334d8e37914f4f0.png') 0 0 no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

#user_container #add_friend:hover {
    background-position: -24px 0;
}

#user_container #add_friend.checked {
    position: absolute;
    z-index: 5;
    bottom: 15px;
    right: 12px;
    background: url("http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png") no-repeat;
    width: 24px;
    height: 19px;
    margin-top: 5px;
    margin-right: 2px;
    cursor: auto;
}

#user_container #add_friend.checked:hover {
}

.liked_games .sub_box_body,
.recommended_games .sub_box_body,
.last_played_games .sub_box_body,
.popular_games .sub_box_body {
    overflow: hidden;
    width: 912px;
    height: 125px;
}

#user_liked_games {
    height: 125px;
}

#user_container .liked_games,
#user_container .recommended_games,
#user_container .last_played_games,
#user_container .popular_games {
    width: 916px;
    margin: 10px 0;
    float: left;

}

#user_liked_games .liked_game,
#user_recommended_games .recommended_game,
#user_last_played_games .last_played_game,
#user_popular_games .popular_game {
    float: left;
    margin: 13px 0 0 14px;
}

#user_container .friends_arrow_left {
    float: left;
    margin-left: 9px;
    margin-top: 120px;
    width: 19px;
}

#user_container .arrow_left {
    height: 58px;
    width: 18px;
    background: url(http://cdn1.bibib.net/assets/user/arrows_left-5b712281a2d7dbde3bd02b95869a1296.png) -18px 0 no-repeat;
    cursor: pointer;
    margin-left: 2px;
}

#user_container .arrow_left:hover {
    background-position: 0 0;
}

#user_container .friends_arrow_right {
    width: 20px;
    float: left;
    margin-top: 120px;
}

#user_container .arrow_right {
    height: 58px;
    width: 18px;
    background: url(http://cdn0.bibib.net/assets/user/arrows_right-550dd558da85556d08d9eec6ea1602de.png) 0 0 no-repeat;
    cursor: pointer;
}

#user_container .arrow_right:hover {
    background-position: -18px 0;
}

.recommended_games {
    margin-top: 10px;
}

.recommended_games .box_title {
    width: 976px;
}

#user_recommended_games {
    width: 976px;
}

#user_container .friends {
    margin-top: 10px;
    width: 729px;
    height: 253px;
    float: left
}

#user_friends {
    width: 623px;
    height: 203px;
    overflow: hidden;
}

#user_friends .friend {
    float: left;
    width: 139px;
    height: 186px;
    margin: 7px 3px;
    position: relative;
    background: #05334d;
    border-radius: 8px;
}

#user_friends .friend_name {
    height: 32px;
    font-size: 17px;
    text-align: center;
    color: #FFFFFF;
    line-height: 31px;
    overflow: hidden;
}

#user_friends .friend_thumb_wrapper {
    width: 97px;
    height: 97px;
    border: 3px solid #FFFFFF;
    background-color: #0aa0d0;
    border-radius: 9px;
    position: relative;
    margin: 0 auto;
}

#user_friends .friend_thumb {
    width: 97px;
    height: 97px;
    border-radius: 9px;
    z-index: 1;
}

#user_friends .level_box {
    background: url('http://cdn1.bibib.net/assets/social/level-1b05d141d90f2fc6cfe8240f2d8f04c6.png') no-repeat;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 41px;
    height: 38px;
    z-index: 2;
}

#user_friends .friend_level_word {
    font-size: 11px;
    text-align: center;
    float: right;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    width: 38px;
}

#user_friends .friend_level {
    width: 35px;
    font-size: 18px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    float: right;
    position: relative;
    bottom: 3px;
}

#user_friends .send_gift {
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button-681754e3087a093c18fbb1f83c5af32c.png") repeat-x;
    height: 31px;
    color: #963603;
    font-size: 13px;
    margin-top: 8px;
    cursor: pointer;
    line-height: 31px;
    border-radius: 6px;
    padding: 0 6px;
    border: 2px solid #963603;
    float: left;
    text-align: center;
}

#user_friends .send_gift:hover {
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button_hover-51a30e9cd01d687453368b2db053a62d.png") repeat-x;
}

#user_friends .send_gift .icon {
    background: url("http://cdn0.bibib.net/assets/games/present-3642b53c6445de98bd7135afd60c9475.png") no-repeat;
    width: 24px;
    height: 20px;
    float: left;
    margin-top: 5px;
    margin-right: 4px;
}

#user_friends .send_gift.checked .icon {
    background: url("http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png") no-repeat;
    width: 24px;
    height: 19px;
    float: left;
    margin-top: 5px;
    margin-right: 2px;
}

#user_friends .unfriend {
    background: url(http://cdn1.bibib.net/assets/popups/x_small-e4f14b7fbe093f8b48be165379d2fdda.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 12;
}

#user_friends .unfriend:hover {
    background-position: -26px 0;
}

#user_friends .add_friend {
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button-681754e3087a093c18fbb1f83c5af32c.png") repeat-x;
    height: 31px;
    color: #963603;
    font-size: 13px;
    margin-top: 8px;
    cursor: pointer;
    line-height: 31px;
    border-radius: 6px;
    padding: 0 6px;
    border: 2px solid #963603;
    float: left;
    text-align: center;
}

#user_friends .add_friend.checked {
    font-size: 10px;
}

#user_friends .add_friend .icon {
    background: url("http://cdn0.bibib.net/assets/popups/friend_center/plus-5bcf0a99aa7e74b594861e523e4f1140.png") no-repeat;
    width: 17px;
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-right: 3px;
}

#user_friends .add_friend.checked .icon {
    background: url("http://cdn1.bibib.net/assets/social/v-1ef51a3d9b5aa6615410c95af20dab0d.png") no-repeat;
    width: 20px;
    height: 19px;
    float: left;
    margin-top: 5px;
    margin-right: 2px;
}

#user_friends .add_friend:hover {
    background: url("http://cdn1.bibib.net/assets/popups/friend_center/friend_button_hover-51a30e9cd01d687453368b2db053a62d.png") repeat-x;
}

#user_container .liked_games_arrow_left,
#user_container .recommended_games_arrow_left,
#user_container .last_played_games_arrow_left,
#user_container .popular_games_arrow_left {
    width: 18px;
    padding-left: 12px;
    margin-top: 92px;
    float: left;
}

#user_container .liked_games_arrow_right,
#user_container .recommended_games_arrow_right,
#user_container .last_played_games_arrow_right,
#user_container .popular_games_arrow_right {
    float: left;
    margin-top: 92px;
}

.chrome-ext-btn {
    padding-right: 20px;
    margin-top: 12px;
    float: right;
}

.chrome-ext-btn button{
    background: url('http://cdn0.bibib.net/assets/user/greenBig_reg_btn-c1a1ab398e3cda98d62ed6ee60349fbe.png') center center;
    width: 222px;
    height: 29px;
    cursor: pointer;
}

.chrome-ext-btn button:hover {
    background: url('http://cdn1.bibib.net/assets/user/greenBig_rollOver_btn-3d73e3498b8dfc2bfc5cabd426904f56.png') center center;
}

.bluestacks-btn {
    float: right;
    margin-right: 10px;
}

.bluestacks-btn a {
    padding-right: 20px;
    margin-top: 12px;
    display: inline-block;
    width: 202px;
    height: 29px;
    background: url('http://cdn1.bibib.net/assets/user/bluSt_big_btn-75ea51a2be8bc426fe914887111fdc1e.png') center center;
}

.bluestacks-btn a:hover {
    background: url('http://cdn0.bibib.net/assets/user/bluSt_big_btn-over-5c358747d3c241fe861775534656b379.png') center center;
}
.widget_categories {
    float: left;
    margin-top: 1%;
    margin-left: 2%;
}
.right {
    float: right;
}
.cont {
    float: left;
}
#contact_button {
    margin-right: 30px;
    display: block;
    margin-top: 10px;
}
.categori {
    float: left;
    margin-left: 30px;
    margin-top: 11px;
}
.Facebook.Like {
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.fr {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
.box {
    width: 11.5%; 
    height: 100%; 
    margin: 0.5%;
}
.card_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0px;
    transition: opacity 800ms ease;
    bottom: 0;
    opacity: 0;
}
.moving_part {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    opacity: 0.9;
    background-color: rgb(0, 0, 0);
    z-index: 6;
    transition: all 300ms ease;
}
.thumb:hover .card_overlay{
    opacity: 1;
    transition: opacity 800ms ease;
}
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.thumb {
     width: 100%;
    height: auto;
    display: block;
    margin: 0px auto;
}
.game_data_container {
    padding: 10px 10px;
    margin: 80px auto 0px;
    text-align: center;
    height: 90px;
    border-radius: 13px 13px 0 0;
    border-bottom: 2px solid #4c9fd5;
    position: relative;
    display: block;
    max-width: 950px;
}
.bibib_font {
    font-family: 'PrettyFont', Arial;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 20px;
}
.game_strip, .video_strip {
    display: block;
    min-height: 600px;
    max-width: 950px;
    padding: 10px 10px;
    margin: 0px auto;
}
.similar_tile_wrapper .thumb {
    width: 120px;
    height: 120px;
}
.content_with_padding {
    background: #fff;
    padding: 66px 8% 50px 8%;
    text-align: left;
}
.flex_section {
    display: flex;
}
.about_pages_illustration {
    order: 1;
    flex: 1 100%;
    text-align: center;
}
.very_large_title.left_spacing {
    color: #33cfe1;
    text-transform: uppercase;
    margin: 20px 0;
    font-size: 65px;
}
.very_large_title h1 {
    font-weight: normal;
    text-transform: uppercase;
}
.about_pages_texts {
    margin-left: 20px;
    padding-top: 30px;
    order: 2;
    flex: 1 100%;
}
.feedback-input {
    color: #3c3c3c;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-radius: 5px;
    line-height: 22px;
    background-color: #fbfbfb;
    padding: 13px 13px 13px 54px;
    margin: 15px 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #d3d3d3;
}
#name {
    background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}
#email {
    background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}
#message {
    background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}
.play_btn {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #eb864e;
    color: white;
    border-radius: 70px;
    display: block;
    margin: 40px 0 0 0;
    height: 40px;
    line-height: 40px;
    width: 200px;
    cursor: pointer;
    font-size: 18px;
    border: none;
}
.wpcf7-response-output {
        color: #000;
}
.selected_category_div_wrapper{
    float: right;
    background: #0ea1ce;
    height: auto;
    display: block;
    position: relative;
    width: 100%;
}
#thumbs_place_holder {
    position: relative;
    margin-top: 50px;
    float: right;
    height: auto;
        width: 100%;
}
.button {
    width: 100%;
    background: #fff;
    padding: 6px;
    font-size: 16px;
}
.nav-content {
    background: #fff;
}
.nav-content li {
    list-style: none;
    border-top: 1px solid #0996c7;
    padding: 8px;
}
.nav-content li:hover {
    background: #0996c7;
    color: #fff;
}
.nav-content li:hover a {
    color: #fff;
}
.nav-content li a {
color: black;
    text-decoration: none;
}
.fl {
    z-index: 1;
}
.game_card_yellow_text {
        text-align: center;
    font-size: 14.88px;
    padding-top: 2.98px;
}
#PreRollDummy iframe {
    width: 100%;
    min-height: 600px;
}
#video_data .game_name_container h1.no_chapters {
    line-height: 55px;
}
#bibib_logo {
    width: 50px;
}
.single .thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1450px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 1300px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 1200px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
#game_box {
    width: 82%;
}
.similar_games_holder {
    width: 17%;
    box-sizing: border-box;
}
}
@media screen and (max-width: 1100px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.game_card_yellow_text {
    font-size: 12.88px;
}
.flex_section {
    display: block;
}
}
@media screen and (max-width: 990px){
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 900px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
}

@media screen and (max-width: 800px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.box {
    width: 15.5%;
    height: 100%;
    margin: 0.5%;
}
.moving_part {
    padding: 0px;
    }
}
.logotip {
    display: none;
}
@media screen and (max-width: 768px) {
    .box {
    width: 24%;
    height: 100%;
    margin: 0.5%;
}
.logotip {
    display: block;
}
.bibib_games_iconss {
    float: left;
    width: 19%;
    height: auto;
    margin-top: 10px;
}
#left_similar .similar_tile_wrapper:nth-child(6) {
    display: none;
}
.bibib_games_iconss img {
        width: 100%;
}
.about_pages_illustration img {
        width: 25%;
}
.play_btn {
    margin: 0 auto;
    width: 100%;
}
.content_with_padding {
    background: #fff;
    padding: 20px 8% 20px 8%;
    text-align: left;
}
.about_pages_texts {
    margin-left: 0px;
    padding-top: 3px;
}
.very_large_title.left_spacing {
    color: #33cfe1;
    text-transform: uppercase;
    margin: 0 auto 0;
    font-size: 30px;
}
.right {
    width: 50%;
    margin-top: 0px;
    height: 50px;
    background: none;
    float: right;
    text-align: center;
}

#PreRollAd {
    height: auto;
}
#PreRollDummy iframe {
    height: 100vh;
    min-height: 1px;
}
.new_gamepage_bg_top_left {
    width: 100%;
    height: auto;
}
.iconss button {
   background-image: url(img/menus.png);
   width: 24px;
    height: 24px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    right: 0;
}

.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.single .thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
#header_container {
    position: absolute;
}
.single #header_container {
    display: none;
}
.game_strip, .video_strip {
    display: block;
    height: auto;
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 1px;
}
.similar_games_holder {
    width: 100%;
    box-sizing: border-box;
        -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;

}
.game_strip .similar_tile_wrapper {
    width: 19%;
    margin-left: 1%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    float: left;
}
.similar_tile_wrapper .thumb {
    width: 100%;
    height: 100%;
}
.fl {
    float: none;
}
.game_strip #game_box {
    border: none;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 0;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    min-height: 1px;

}
#PreRollDummy embed{
        width: 100%;
            height: 80vh;
}
#PreRollDummy iframe{
        width: 100%;
}
#game_data {
    display: none;
}
.game_data_container {
    display: none;
}
#video_box {
    display: none;
}
.new_gamepage_bg_bottom_left {
 width: 100%;
}
body.new_game_page, body.new_game_page_bg_in_video {
    height: 100vh;
    padding: 0px;
}
#game_box {
    height: 100vh;
}
.Facebook.Like {
    display: none;
}
.cont {
    display: none;
}
#g_follow {
    display: none;
}
}
@media screen and (max-width: 640px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 533px) {
    .thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
}
@media screen and (max-width: 414px) {
   .right {
    width: 50%;
    float: right;
        height: 95px;
    text-align: center;
}

.categori {
    float: left;
    margin-left: 5%;
    margin-top: 11px;
    position: relative;
}
.nav-content {
    background: #fff;
    position: absolute;
        width: 100%;
}
.game_card_yellow_text {
    font-size: 12px;
}
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.Facebook.Like {
    width: 50%;
    float: left;
    margin-top: 15px;
}
.fr {
    float: right;
    width: 90%;
    margin-top: 5px;
    margin-right: 10px;
} 
}
@media screen and (max-width: 384px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.game_card_yellow_text {
    font-size: 11px;
}
.right {
    width: 46%;
    float: right;
    height: 95px;
    text-align: center;
}
.button {
    font-size: 15px;
}
.nav-content {
    background: #fff;
    position: absolute;
    width: 100%;
    font-size: 15px;
}
}
@media screen and (max-width: 360px) {
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.game_card_yellow_text {
    font-size: 10px;
}
.right {
    width: 40%;
    float: right;
    height: 95px;
    text-align: center;
}
}
@media screen and (max-width: 320px) {
.right {
    width: 40%;
    float: right;
    text-align: center;
}
.game_card_yellow_text {
    font-size: 9px;
}
.thumb_image {
    float: left;
    width: 100%;
    height: 100%;
}
.Facebook.Like {
    width: 50%;
    float: left;
    margin-top: 15px;
}
.fr {
    float: right;
    width: 90%;
    margin-top: 5px;
    margin-right: 10px;
}
}
@media all and (orientation:landscape) and (max-width: 768px) {

    #PreRollDummy embed {
    width: 90%;
    height: 100vh;
}
.bibib_games_iconss {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.game_strip #game_box {
    border: none;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding: 0;
        -webkit-box-ordinal-group: inherit;
    -webkit-order: inherit;
    -ms-flex-order: inherit;
    order: inherit;
    width: 90%;
}
.game_strip, .video_strip {
    height: auto;
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    display: block;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -webkit-flex-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}
#game_box {
    height: 100vh;
}
.header_container {
    display: none;
}
.similar_tile_wrapper .thumb {
    width: 100%;
    height: auto;
}
.game_strip .similar_tile_wrapper {
    width: 100%;
    display: block;
    margin-left: 1%;
    float: none;
    margin: 2px auto;
}
.similar_games_holder {
    width: 10%;
    box-sizing: border-box;
    -webkit-box-ordinal-group: inherit;
    -webkit-order: inherit;
    -ms-flex-order: inherit;
    order: inherit;
}
.fl {
    float: left;
    height: 100vh;
}
}

canvas {
 touch-action: auto !important;
}

/*google follow*/
#g_follow {
    float: left;
    margin: 15px 25px 0 0;
}

#add-block {
    float: right;
    width: 23.9%;
    background: #003e67;
    border-radius: 10px;
    padding-bottom: 19.9%;
    margin: 0.5%;
    border: 1px solid #310864;
}
.left_banner1{
  float: left;
}
.right_banner1{
  float: left;
}
.bottom_bar{max-width: 1300px;}
ul.nav-content{display:none;}
.box-adsense{display:none;}
.box.box-adv{display:block;}
@media screen and (max-width: 768px){
.box-adsense{    
    width: 99%;
    height: 100%;
    margin: 0.5%;
    float: left;
display: none;
}
.box-adsense.active{display:block;}
.box-adsense-inner {
max-width: 300px;
height: 250px;
margin: auto;
}
.box.box-adv{display:none;}
}