game-img-click.btn,

.imgwrapgame:hover,

.recently_played_wrap:hover,

.thumbWrapper:hover,

a.checkmarked:hover,

a.searchlink:hover,

button:hover,

a:hover {

    cursor: pointer

}



.wrapit a.sitename:before,

q:after,

q:before {

    content: ''

}



#searchInput,

.btn {

    vertical-align: middle

}



.qc-cmp2-summary-buttons button:first-child,

iframe .qc-cmp2-summary-buttons button:first-child,

iframe button.bOQvsY,

button.bOQvsY,

iframe button.cOhqhr,

button.cOhqhr {

    border: 0!important;

    box-shadow: none!important;

    outline: 0!important;

    color: #333!important;

    font-size: 8px!important;

    display: none!important;

    width: 0;

    min-width: 0

}



.qc-cmp2-summary-buttons button:last-child,

iframe .qc-cmp2-summary-buttons button:last-child,

iframe button.cDtEaL,

button.cDtEaL {

    font-size: 16px;

    background-color: #337ab7

}



iframe button.cDtEaL:hover,

button.cDtEaL:hover,

iframe .qc-cmp2-summary-buttons button:last-child:hover,

.qc-cmp2-summary-buttons button:last-child:hover {

    opacity: .8

}



#qc-cmp2-ui,

iframe #qc-cmp2-ui {

    border-radius: 5px

}



#ouibounce-modal h3,

#walkthroughbtn,

.btn-bigtxt,

.paging a {

    text-transform: uppercase

}



blockquote,

body,

dd,

div,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

html,

iframe,

input,

li,

p,

pre,

select,

td,

textarea,

th,

ul {

    margin: 0;

    padding: 0

}



li,

ul {

    list-style-type: none

}



fieldset,

img {

    border: 0

}



h1,

h2,

h3,

h4 {

    font-size: 100%;

    font-weight: 400;

    float: left;

    clear: both;

    width: 100%

}



a {

    outline: 0

}



button {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10px;

    outline: 0

}



body {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    background-color: #fefefe

}



#c2canvasdiv,

canvas {

    background-color: #000

}



a,

a:link {

    color: #337ab7;

    text-decoration: none

}



a:hover {

    text-decoration: underline

}



h1,

h2 {

    font-size: 18px

}



h3,

h4 {

    font-size: 15px

}



h2 {

    padding-bottom: 10px

}



h3 {

    font-weight: 700

}



h4 {

    margin-top: 10px

}



h2.homepage,

h3.homepage {

    background-color: #eee;

    padding: 10px 1.25%;

    width: 97.5%

}



h3.homepage {

    border-radius: 5px;

    text-align: center;

    font-size: 16px;

    margin-top: 5px

}



h3.menumain {

    background-color: #333;

    color: #fff;

    width: 98%;

    margin: 0 1% 5px;

    padding: 10px 0

}



.wrapit,

.wrapit2 {

    max-width: 1800px;

    min-width: 300px;

    margin: 0 auto

}



#header,

#wrapper {

    width: 100%;

    float: left

}



#wrapper {

    background-color: #f8f8f8;

    overflow: hidden

}



#wrapper.gametplenew,

.wrapit.gametplenew {

    background-color: #eee

}



#header {

    background-color: #2a6490;

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4)

}



.wrapit {

    float: left;

    padding: 0 10px;

    width: calc(100% - 20px)

}



.wrapit2 {

    display: block;

    width: 100%

}



.wrapit.maindiv {

    padding: 0;

    margin: 5px auto;

    width: 100%

}



.wrapit.extrapad {

    margin-top: 15px

}



.wrapit.extrapad.iconlistwrap {

    margin-top: 12px!important;

    padding: 0 10px!important;

    width: calc(100% - 20px)!important

}



.wrapit.homepagepad {

    margin-top: 10px

}



.wrapit.homepagepad a.play_btn {

    padding: 12px 0;

    font-size: 1.7em;

    margin-top: 15px;

    margin-bottom: 6px

}



#logo {

    float: left;

    height: 60px;

    width: 100%

}



.wrapit a.sitename {

    display: block;

    position: relative;

    height: 60px;

    width: 160px;

    float: left;

    text-indent: -9999px

}



a.headerbtn,

button.headerbtn {

    background-color: transparent;

    float: left;

    width: 44px;

    text-indent: -9999px;

    position: relative;

    height: 60px;

    margin-right: 4px

}



a.headerbtn:before,

button.headerbtn:before {

    content: '';

    width: 28px;

    height: 28px;

    position: absolute;

    left: 9px;

    top: 17px;

    background: url(/static/game45/images/bg1.webp) -240px -37px no-repeat;

    background-size: 300px 180px

}



#ajaxsrwr.show {

    display: block!important

}



a.headerbtn.menu {

    border: 0;

    margin-right: 0;

    width: 40px;

    padding-right: 0

}



.headerbtn.search:hover {

    cursor: pointer

}



a.headerbtn.menu:before {

    background-position: -274px -37px

}



a.headerbtn.top:before {

    background-position: -211px 0

}



.ajax_search {

    background-color: transparent;

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2000;

    display: none

}



.ajax_search button.closesrcx {

    width: 45px;

    height: 45px;

    background-color: #000;

    position: absolute;

    left: 254px;

    top: 8px;

    border-radius: 0;

    right: auto;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px

}



.ajax_search button.closesrcx:before {

    position: absolute;

    left: 11px;

    top: 12px;

    content: '';

    background: url(/static/game45/images/bg1.webp) -276px -157px/300px 180px no-repeat;

    width: 26px;

    height: 27px

}



.searchmodal {

    width: 300px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    background-color: rgba(0, 0, 0, .65)

}



.searchwrap {

    width: calc(100% - 300px);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    background-color: #eee;

    box-shadow: -1px 0 2px 1px rgba(0, 0, 0, .2)

}



.ajax_search form {

    position: relative;

    margin: 10px 0 0 1%;

    width: 98%

}



.ajax_search input {

    height: 40px;

    line-height: 24px;

    background-color: #fefefe;

    font-size: 16px

}



.ajax_search button {

    position: absolute;

    top: 1px;

    right: 1px;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    width: 40px;

    height: 38px;

    border: 0;

    text-indent: -9999px;

    background-color: #e3e3e3

}



.ajax_search button:before {

    content: '';

    position: absolute;

    width: 20px;

    height: 20px;

    background: transparent url(/static/game45/images/bg1.webp) -169px -64px no-repeat;

    background-size: 300px 180px;

    top: 9px;

    left: 10px

}



.searchdrop input {

    border-radius: 5px;

    border: 0;

    outline: none

}



span.span-noresults {

    float: left;

    width: calc(100% - 20px);

    padding: 10px;

    font-size: 16px

}



.searchdrop button {

    border-radius: 0;

    height: 40px;

    right: 0;

    top: 0;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px

}



.ajaxlistdivwrp {

    height: calc(100% - 60px);

    margin-top: 10px;

    width: calc(100% - 20px);

    padding: 0 10px;

    float: left;

    clear: both;

    z-index: 1000;

    background-color: #fff;

    overflow-x: scroll

}



#ajaxlistdiv {

    width: 100%;

    height: 100%;

    background-color: #fff;

    margin-top: 10px

}



.ajaxlistdivwrp .thumbWrapper.newboxshadow {

    width: 15.8%;

    padding-bottom: 15.8%

}



.searchtitle {

    float: left;

    display: block;

    width: 100%;

    font-size: 15px;

    font-weight: 700;

    margin: 15px 0 3px

}



.isloadingtime {

    opacity: .6!important

}



.isloadingtime:hover {

    opacity: .6!important;

    cursor: wait!important

}



.isloadingtime:hover img {

    opacity: 1!important

}



#game-img-click.isloadingtime:before {

    background: #000 url(/static/game45/images/spin-white.svg) 50% 50% no-repeat;

    background-size: 35px 35px;

    opacity: 1

}



#playidic1.isloadingtime:before {

    display: none

}



.ajax-gamewr {

    float: left;

    width: 100%;

    clear: both;

    background-color: #fff;

    height: 62px;

    overflow: hidden

}



.ajax-gamewr:hover,

#ajaxselected.ajax-gamewr {

    background-color: #eee

}



.ajax-gamewr a {

    line-height: 50px;

    float: left;

    display: block;

    width: calc(100% - 10px);

    font-size: 16px;

    padding: 6px 5px

}



.ajax-gamewr a img {

    width: 50px;

    height: 50px;

    float: left;

    margin-right: 6px;

    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);

    border-radius: 6px

}



.ajax-gamewr a img.noshadw {

    box-shadow: none

}



.recently_played_wrap {

    float: right;

    width: 50px;

    height: 69px;

    position: relative

}



a.likedgamesbtn,

a.recentlyplayedbtn {

    margin: 17px 0 0 5px;

    border: 0;

    outline: 0;

    float: left;

    width: 42px;

    height: 42px;

    border-radius: 21px;

    background-color: #222;

    position: relative

}



a.likedgamesbtn:before,

a.recentlyplayedbtn:before {

    position: absolute;

    content: '';

    top: 7px;

    left: 6px;

    width: 29px;

    height: 28px;

    background: url(/static/game45/images/bg1.webp) -202px 1px no-repeat;

    background-size: 300px 180px

}



a.likedgamesbtn:before {

    background-position: -200px -37px

}



.awardsbitvvm p a.inlinelink {

    float: none;

    display: inline;

    padding: 0;

    clear: none

}



p.bg-caution,

p.bg-danger {

    padding: 5px 1%;

    display: block

}



.recently_played_wrap:hover a {

    background-color: #444!important

}



.recently_played_wrap span {

    position: absolute;

    color: #222;

    background-color: #ff0;

    width: 22px;

    height: 22px;

    border-radius: 11px;

    top: 41px;

    right: 0;

    font-size: 10px;

    font-weight: 700;

    text-align: center;

    line-height: 22px

}



.achcount,

p.bg-danger {

    color: #fff;

    background-color: #be1e2d

}



.achcount {

    position: absolute;

    top: 3px;

    left: 20px;

    width: 16px;

    height: 16px;

    z-index: 100;

    font-size: 11px;

    text-align: center;

    line-height: 16px;

    border-radius: 4px

}



.thumbWrapper,

p.bg-caution,

p.bg-danger {

    border-radius: 3px;

    float: left

}



p.bg-danger {

    width: 88%;

    margin: 0 5%

}



p.bg-caution {

    width: 98%;

    margin: 5px 0;

    background-color: #f1f1f1;

    color: #111;

    font-size: 14px

}



#breadcrumbs,

p.bg-caution.bigtxtx {

    font-size: 15px

}



p.bg-caution.signuppage {

    width: 88%;

    margin: 5px 5%

}



#breadcrumbs {

    float: left;

    clear: both;

    overflow: hidden;

    line-height: 32px;

    height: 32px;

    background-color: #eee;

    width: calc(100% - 34px);

    padding: 0 17px

}



.game_info_left div.game_breadcrumbs {

    padding-left: 0

}



#breadcrumbs a,

.game_breadcrumbs a {

    float: left;

    padding-right: 4px

}



#breadcrumbs a:hover,

.game_breadcrumbs a:hover {

    color: #2a6490;

    text-decoration: none

}



#breadcrumbs a.bitem,

.game_breadcrumbs a.bitem {

    padding-left: 4px

}



#breadcrumbs a.bitem:before,

.game_breadcrumbs a.bitem:before {

    font-family: Verdana;

    content: '\203A\00a0';

    color: #cf0085!important

}



.thumbWrapper {

    overflow: hidden;

    position: relative;

    width: 10.86%;

    padding-bottom: 10.86%;

    margin: .125%;

    background-color: #a5a5a5

}



.thumbWrapper.newboxshadow {

    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);

    margin: .4%;

    width: 11.7%;

    padding-bottom: 11.7%;

    border-radius: 5px

}



.icongrid {

    display: grid;

    grid-template-columns: repeat(8, 1fr);

    grid-template-rows: repeat(7, 1fr);

    grid-column-gap: 10px;

    grid-row-gap: 10px

}



.icongrid .thumbWrapper.newboxshadow {

    width: 100%;

    padding-bottom: 100%;

    margin: 0

}



.tt1 {

    grid-area: 1/1/3/3

}



.tt2 {

    grid-area: 1/3/2/4

}



.tt3 {

    grid-area: 2/3/3/4

}



.tt4 {

    grid-area: 1/4/2/5

}



.tt5 {

    grid-area: 2/4/3/5

}



.tt6 {

    grid-area: 1/5/2/6

}



.tt7 {

    grid-area: 2/5/3/6

}



.tt8 {

    grid-area: 1/6/2/7

}



.tt9 {

    grid-area: 3/6/5/8

}



.tt10 {

    grid-area: 5/3/7/5

}



.tt11 {

    grid-area: 3/1/4/2

}



.tt12 {

    grid-area: 3/2/4/3

}



.tt13 {

    grid-area: 3/3/4/4

}



.tt14 {

    grid-area: 4/1/5/2

}



.tt15 {

    grid-area: 4/2/5/3

}



.tt16 {

    grid-area: 4/3/5/4

}



.tt17 {

    grid-area: 3/4/4/5

}



.tt18 {

    grid-area: 3/5/4/6

}



.tt19 {

    grid-area: 4/4/5/5

}



.tt20 {

    grid-area: 4/5/5/6

}



.tt21 {

    grid-area: 2/6/3/7

}



.tt22 {

    grid-area: 1/7/2/8

}



.tt23 {

    grid-area: 1/8/2/9

}



.tt24 {

    grid-area: 2/7/3/8

}



.tt25 {

    grid-area: 2/8/3/9

}



.tt26 {

    grid-area: 5/1/6/2

}



.tt27 {

    grid-area: 5/2/6/3

}



.tt28 {

    grid-area: 5/5/6/6

}



.tt29 {

    grid-area: 5/6/6/7

}



.tt30 {

    grid-area: 5/7/6/8

}



.tt31 {

    grid-area: 3/8/4/9

}



.tt32 {

    grid-area: 4/8/5/9

}



.tt33 {

    grid-area: 5/8/6/9

}



.tt34 {

    grid-area: 6/1/7/2

}



.tt35 {

    grid-area: 6/2/7/3

}



.tt36 {

    grid-area: 7/1/8/2

}



.tt37 {

    grid-area: 7/2/8/3

}



.tt38 {

    grid-area: 7/3/8/4

}



.tt39 {

    grid-area: 7/4/8/5

}



.tt40 {

    grid-area: 6/5/7/6

}



.tt41 {

    grid-area: 7/5/8/6

}



.tt42 {

    grid-area: 6/6/7/7

}



.tt43 {

    grid-area: 7/6/8/7

}



.tt44 {

    grid-area: 6/7/7/8

}



.tt45 {

    grid-area: 7/7/8/8

}



.tt46 {

    grid-area: 6/8/7/9

}



.tt47 {

    grid-area: 7/8/8/9

}



#ftthumb1,

#ftthumb2,

.thumbWrapper a,

.thumbWrapper div {

    position: absolute

}



#category_games {

    width: 100%;

    float: left;

    height: auto

}



.thumbWrapper div {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    border-radius: 5px

}



.thumbWrapper.large {

    width: 21.5%;

    padding-bottom: 21.5%;

    z-index: 100

}



.thumbWrapper img {

    width: 100%;

    height: 100%;

    border-radius: 2px

}



.thumbWrapper a {

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 200;

    text-indent: -99999px

}



.game_info_left div.rativebtnbit {

    width: 100%;

    padding: 0

}



.awards-bit,

.awards-bit2 {

    right: 4px;

    text-indent: -99999px

}



.thumbWrapper span.thumbname {

    position: absolute;

    transition: bottom .3s ease;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    width: 100%;

    bottom: -125%;

    left: 0;

    height: auto;

    min-height: 18px;

    line-height: 16px;

    padding: 3px 0 1px;

    text-align: center;

    text-transform: uppercase;

    background-color: rgba(42, 100, 144, .8);

    color: #fff;

    border-bottom-left-radius: 2px;

    border-bottom-right-radius: 2px

}



.thumbWrapper span.thumbname span {

    margin: 0 2%;

    width: 96%;

    text-align: center;

    float: left;

    overflow: hidden;

    text-overflow: ellipsis

}



.thumbWrapper.large span.thumbname {

    min-height: 23px;

    line-height: 23px;

    padding: 13px 0 10px;

    font-size: 19px

}



.thumbWrapper:hover {

    background-color: #2a6490

}



.thumbWrapper:hover div {

    border-color: #2a6490

}



.thumbWrapper.nohoverstate span.thumbname,

.thumbWrapper:hover span.thumbname {

    display: block;

    text-decoration: none;

    bottom: 0

}



.martop15 {

    margin-top: 15px

}



.padtop15 {

    padding-top: 15px!important

}



.marbot5 {

    margin-bottom: 5px

}



#ftthumb1 {

    margin-top: 11.05%;

    margin-left: 11.05%

}



#ftthumb2 {

    margin-top: 21.95%;

    margin-left: 65.45%

}



.cat_menu_link.searchmenulink a,

.nav>li,

.nav>li>a {

    position: relative

}



.noftgames .thumbWrapper {

    margin-left: .125%!important

}



.nav,

.nav>li,

.nav>li>a {

    display: block

}



.mobile_dllink {

    float: left;

    clear: both;

    width: 100%;

    text-align: center;

    margin: 15px 0 10px

}



.page-header {

    padding-bottom: 9px;

    margin: 0 0 9px 5px!important;

    width: calc(100% - 5px)!important;

    border-bottom: 1px solid #eee;

    float: left

}



.page-header h2 {

    padding-bottom: 0

}



.profiletabs.page-header {

    width: 100%;

    margin: 0 0 15px;

    padding: 0

}



.nav {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none

}



.nav-pills>li+li {

    margin-left: 2px

}



.nav-pills>li {

    float: left

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:focus,

.nav-pills>li.active>a:hover {

    color: #fff;

    background-color: #337ab7;

    border-radius: 5px

}



.nav>li>a {

    padding: 10px 15px;

    font-size: 16px

}



#loginit {

    float: left;

    margin: 10px 5% 20px;

    width: 90%

}



#loginit.lessmargin {

    margin: 0 1% 10px;

    width: 98%

}



#search-headerbar {

    position: absolute;

    top: 60px;

    z-index: 5000;

    left: 0;

    right: 0;

    height: 135px;

    background-color: rgba(0, 0, 0, .9)

}



#loginit.headersearch {

    margin-top: 20px

}



#loginit.headersearch button {

    margin-top: 8px

}



.cat_menu_link {

    float: left;

    border-radius: 3px;

    margin: 5px 1%;

    width: 98%;

    clear: both;

    text-align: center;

    font-size: 15px;

    background-color: #ececec

}



.cat_menu_link a {

    display: block;

    width: 96%;

    padding: 10px 2%

}



.cat_menu_link.awardmenulink a:before,

.cat_menu_link.searchmenulink a:before {

    content: '';

    top: 9px;

    left: 50%;

    width: 20px;

    height: 20px

}



.cat_menu_link.searchmenulink a:before {

    position: absolute;

    margin-left: -75px;

    background: url(/static/game45/images/bg1.webp) -268px 0 no-repeat;

    background-size: 300px 180px

}



.cat_menu_link.awardmenulink a {

    position: relative

}



.cat_menu_link.awardmenulink a:before {

    position: absolute;

    margin-left: -87px;

    background: url(/static/game45/images/bg1.webp) -269px -103px no-repeat;

    background-size: 300px 180px

}



.btn,

.form-control {

    line-height: 1.42857143;

    background-image: none

}



.cat_menu_link.awardmenulink.secondawardln a:before {

    margin-left: -92px

}



.cat_menu_link.awardmenulink.thirdawardln a:before {

    margin-left: -105px

}



.cat_menu_link.awardmenulink.likedgamers a:before {

    margin: 8px 0 0 -70px;

    width: 23px;

    top: 0;

    position: absolute;

    background: url(/static/game45/images/bg1.webp) -268px -129px no-repeat;

    background-size: 300px 180px

}



.form-group {

    margin-bottom: 15px

}



.form-group.lesspad {

    margin-bottom: 10px

}



#loginit.lessmargin .form-group.lesspad {

    margin-bottom: 3px

}



.lessmargin label {

    text-align: center;

    padding: 3px 0;

    background-color: #f0f0f0;

    width: 100%

}



.lessmargin input {

    text-align: center

}



.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    color: #333;

    background-color: #fff

}



.btn-full {

    width: 100%;

    background-color: #2a6490;

    color: #fff

}



.btn-bigtxt {

    font-size: 18px;

    border: 0;

    padding: 10px 0

}



.form-group label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700

}



.form-control {

    box-sizing: border-box;

    display: block;

    width: 100%;

    height: 46px;

    padding: 5px 12px;

    font-size: 14px;

    color: #555;

    background-color: #fff;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

}



.panel {

    float: left;

    margin: 20px 5%;

    width: 90%

}



#Veediframe {

    background-color: #fff!important;

    padding-bottom: 15px

}



.ribbon-wrapper-new {

    width: auto;
    max-width: 150px;

    height: 22px;

    overflow: hidden;

    position: absolute;

    top: 6px;

    left: -3px;

    display: block;

    font-size: 12px

}



.ribbon-wrapper-new.ribupdate {

    width: 64px

}



.ribbon-new {

    letter-spacing: inherit;

    display: block;

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);

    font: 700 11px Comic Sans MS;

    font: 700 11px/28px Proxima Nova, sans-serif;

    text-align: center;

    position: relative;

    text-transform: uppercase;

    top: 0;

    padding-left: 3px;

    border-radius: 3px;

    width: auto;

    height: 19px;

    line-height: 21px;

    background-color: rgba(231, 101, 20, .9);

    color: #fefefe;

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4)

}



.ribbon-wrapper-new.ribupdate .ribbon-new {

    width: 60px;

    background-color: rgba(102, 152, 210, .9)

}



.awards-bit,

.awards-bit2,

.awards-bit2:before,

.awards-bit:before {

    width: 23px;

    position: absolute

}



.awardflare:before,

.awards-bit2:before,

.awards-bit:before {

    height: 21px;

    left: 0;

    content: ''

}



.awards-bit {

    top: 4px;

    height: 23px;

    display: block

}



.awards-bit:before {

    top: 0;

    background: url(/static/game45/images/bg1.webp) -266px -75px no-repeat;

    background-size: 300px 180px

}



.awards-bit2 {

    top: 4px;

    height: 23px;

    display: block

}



.awards-bit2:before {

    top: 0;

    background: url(/static/game45/images/bg1.webp) -266px -102px no-repeat;

    background-size: 300px 180px

}



.awards-bit2.awardbitpad {

    top: 30px

}



.awardflare {

    float: left;

    clear: none;

    position: relative;

    padding-left: 27px;

    height: 23px;

    line-height: 23px;

    border: 0;

    outline: 0;

    margin-top: 17px;

    font-size: 12px;

    color: #111;

    width: auto;

    margin-right: 35px

}



.awardflare:before {

    width: 23px;

    top: 0;

    position: absolute;

    background: url(/static/game45/images/bg1.webp) -268px -75px no-repeat;

    background-size: 300px 180px

}



.awardflare.flareawrd:before {

    background-position: -268px -102px

}



.awardflare.flarethumb:before {

    background-position: -268px -129px

}



#searchInput {

    float: left;

    width: 160px;

    height: 18px;

    font-size: 80%;

    border: 1px solid #ccc;

    border-right: 0;

    margin: 2px 0 0;

    padding: 2px

}



.searchpagebigform {

    float: left;

    width: 100%;

    clear: both;

    margin: 5px 0

}



.searchpagebigform #searchInput {

    width: 80%;

    font-size: 16px

}



#searchButton {

    float: left;

    font-size: 80%;

    width: 52px;

    height: 24px;

    text-align: center;

    border: 1px solid #bbb;

    background-color: #eee;

    margin: 2px 0 1px;

    padding: 0

}



#page,

.page {

    width: 98%;

    max-width: 1600px;

    padding: 0 1%;

    margin: 0 auto

}



p.highlighted {

    float: left;

    clear: both;

    width: auto;

    padding: 3px 4px;

    border-radius: 3px;

    margin-top: 4px;

    background-color: #ffffb7

}



#likedgamesid,

#recplayid {

    height: 1px;

    overflow: hidden;

    opacity: 0;

    transition: opacity .3s linear

}



#likedgamesid.showithideit,

#recplayid.showithideit {

    height: auto;

    display: block;

    opacity: 1;

    padding-top: 10px

}



.recentlyplayed {

    width: 98%;

    max-width: 1600px;

    padding: 0 1%;

    margin: 0 auto;

    clear: both;

    font-size: 14px

}



.bigtitle {

    font-size: 21px;

    font-weight: 700;

    padding: 0 0 2px 3px

}



#play_btn,

.play_btn {

    float: left;

    display: block;

    width: 80%;

    padding: 11px 8px;

    margin: 15px 10%;

    color: #fff!important;

    font-size: 1.4em;

    font-weight: 700;

    border-radius: 5px;

    text-align: center;

    background-color: #2a6490;

    border: 1px solid #000;

    outline: 0;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, .4)

}



#play_btn:hover,

.play_btn:hover {

    background-color: #5886a9

}



.play_btn {

    padding: 8px 0;

    margin: 10px 20%;

    width: 60%

}



.game_info_left .play_btn {

    clear: both;

    width: auto;

    padding: 0 22px 0 37px;

    text-shadow: none;

    position: relative;

    border: 0;

    width: calc(100% - 59px);

    margin: 15px 0 0;

    font-size: 18px;

    border-radius: 3px;

    line-height: 46px;

    font-family: Arial

}



.game_info_left button.play_btn {

    width: 100%

}



.game_info_left .play_btn:before {

    content: '';

    position: absolute;

    font-size: 30px;

    line-height: 32px;

    font-weight: 700;

    top: 50%;

    margin-top: -8px;

    width: 15px;

    height: 17px;

    color: #fff;

    left: 50%;

    margin-left: -65px;

    background: url(/static/game45/images/bg1.webp) -68px -74px;

    background-size: 300px 180px

}



.paging {

    clear: both;

    width: 98%;

    margin: 15px 1%;

    float: left

}



.paging .pagewrap {

    height: auto;

    margin: 0 auto;

    width: 100%;

    text-align: center;

    float: left

}



.paging a {

    font-size: 20px;

    color: #fff;

    background-color: #2a6490;

    line-height: 40px;

    padding: 8px 12px;

    margin: 0 2px 0 0;

    border-radius: 3px

}



.paging a:hover {

    background-color: #649ad2

}



.paging a:last-child {

    margin-right: 0

}



#paging a.active:hover,

.paging a.active {

    background-color: #649ad2;

    color: #fff

}



.walthroughinfo {

    float: left;

    width: 500px;

    min-height: 500px;

    padding: 10px 0 0

}



.walthroughinfo embed,

.walthroughinfo p {

    float: left;

    clear: both;

    margin: 3px 0

}



.veedpage {

    float: none;

    margin: 5px auto 8px;

    clear: both;

    width: 966px;

    background-color: #fff;

    border: 2px solid #e567ae

}



.veedtitle {

    position: relative;

    padding: 0 1%;

    background-color: #e567ae;

    font-size: 20px;

    line-height: 35px;

    height: 35px;

    color: #fff

}



.veedtitle:after {

    content: '';

    position: absolute;

    right: 1%;

    top: 5px;

    width: 117px;

    height: 24px;

    background: url(/static/game45/images/bg1.webp) 0 -113px no-repeat;

    background-size: 300px 180px

}



#veediInit {

    text-align: center;

    padding: 10px 0 7px

}



.awards_signup {

    float: left;

    clear: both;

    text-align: center;

    width: 100%;

    padding: 3px 0 8px;

    font-size: 16px

}



#fixed_guest_signup {

    position: fixed;

    width: 300px;

    bottom: 8px;

    right: 8px;

    box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .32);

    border-radius: 5px;

    border: 2px solid #be1e2d;

    z-index: 10000

}



#fixed_guest_signup p {

    margin: 0

}



#categories {

    float: left;

    clear: both;

    width: 98%;

    margin: 15px 1%

}



#categories h2 {

    padding: 0

}



#categories.whitebitbar {

    margin: 0 17px 5px;

    width: calc(100% - 34px)

}



#categories.whitebitbar h3 {

    padding: 0 0 10px!important;

    width: 100%!important;

    font-family: Arial;

    font-size: 20px;

    font-weight: 700;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: .2px;

    color: #111

}



.whitebitbar {

    margin: 0 17px;

    border-radius: 3px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);

    background-color: #fff;

    padding: 32px;

    width: calc(100% - 98px)!important

}



.whitebitbar.awardsbitvvm {

    float: left;

    clear: both;

    margin-top: 17px

}



.realvidstuf.whitebitbar h3 {

    padding-bottom: 12px

}



.category_main {

    float: left;

    width: 25%;

    margin-top: 0

}



.cat_main_wrap {

    float: left;

    clear: both;

    width: 96%;

    margin: 0 2%;

    border-radius: 5px

}



.cat_main_wrap .categ_top {

    float: left;

    clear: both;

    width: 100%

}



.cat_main_wrap .categ_top h4 {

    display: block;

    font-size: 15px;

    font-weight: 700;

    height: 18px;

    line-height: 18px;

    padding: 0 3% 6px;

    margin-top: 6px;

    width: 94%

}



.cat_main_wrap .categ_top h4 a {

    width: 100%;

    float: left;

    color: #000

}



.cat_imgwrap {

    width: 100%;

    height: auto;

    max-width: 420px;

    overflow: hidden

}



.cat_imgwrap img {

    max-width: 420px;

    width: 100%;

    height: auto;

    margin: 0 auto;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px

}



.cat_main_wrap ul,

.cat_main_wrap ul li {

    float: left;

    clear: both;

    width: 100%

}



.cat_main_wrap ul li a {

    font-size: 15px;

    float: left;

    clear: both;

    display: block;

    color: #337ab7;

    line-height: 50px;

    height: 50px;

    width: calc(100% - 6px);

    background-color: #fff;

    border-radius: 5px;

    box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, .2);

    margin: 5px 12px 5px 0;

    padding: 3px;

    overflow: hidden

}



.cat_main_wrap ul li a img {

    float: left;

    border-radius: 3px;

    margin-right: 8px;

    width: 50px;

    height: 50px

}



.cat_main_wrap ul,

.cat_main_wrap ul li:last-child,

.cat_main_wrap ul li:last-child a {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.topperleft {

    float: left;

    width: 160px

}



.toppercenter {

    float: left;

    width: auto;

    line-height: 60px;

    height: 60px;

    max-width: 320px;

    overflow: hidden;

    color: #fff;

    margin-left: 15px

}



.toppercenter h1 {

    font-size: 18px;

    letter-spacing: .03em

}



.topperight {

    float: right;

    width: 88px;

    height: 60px;

    margin-right: -2px

}



.topcorners {

    border-radius: 5px;

    background-color: #fff;

    float: left;

    height: 38px;

    position: relative;

    z-index: 1000

}



#walkthroughbtn,

.topperight button {

    border: 0;

    outline: 0

}



a.searchlink {

    float: left;

    width: 39px;

    text-indent: -9999px;

    position: relative;

    height: 39px;

    background-color: #2a638f;

    border-radius: 5px

}



a.searchlink:before {

    width: 30px;

    height: 30px;

    content: '';

    position: absolute;

    left: 5px;

    top: 5px;

    background: url(/static/game45/images/bg1.webp) -267px -35px no-repeat;

    background-size: 300px 180px

}



a.searchlink.searchicon {

    margin-right: 7px

}



a.searchlink.searchicon:before {

    background-position: -235px -33px;

    height: 31px;

    top: 5px

}



.categorie_dropdown {

    width: 126px;

    margin-right: 10px;

    background-color: #fafafa

}



.categorie_dropdown a {

    position: relative;

    display: block;

    font-size: 15px;

    line-height: 38px;

    width: 126px;

    overflow: hidden;

    white-space: nowrap;

    padding: 0

}



.categorie_dropdown a span {

    float: left;

    display: block;

    padding-left: 27px

}



.categorie_dropdown a span.level {

    font-family: monospace;

    width: 20px;

    padding: 0;

    height: 20px;

    background-color: #649ad2;

    color: #fefefe;

    position: absolute;

    line-height: 20px;

    text-align: center;

    border-radius: 5px;

    top: 9px;

    right: 4px

}



.categorie_dropdown a img {

    width: 20px;

    height: 20px;

    position: absolute;

    top: 9px;

    left: 4px

}



.video-description {

    font-size: 15px;

    padding-top: 10px;

    float: left;

    clear: both;

    width: 100%

}



button.viewawardsbtn {

    float: left;

    clear: both;

    font-size: 14px;

    line-height: 40px;

    color: #111;

    background-color: #fff;

    border: 0;

    outline: none;

    border-radius: 3px;

    margin: 10px 0;

    padding: 0 20px 0 0;

    border: solid 1px #ddd;

    position: relative

}



button.viewawardsbtn.loading:hover {

    cursor: wait

}



button.viewawardsbtn:before {

    width: 8px;

    height: 8px;

    position: absolute;

    background: transparent url(/static/game45/images/bg1.webp) -138px -79px no-repeat;

    background-size: 300px 180px;

    top: 50%;

    margin-top: -4px;

    left: 52px;

    content: ''

}



button.viewawardsbtn.loading:before {

    background: transparent url(/static/game45/images/spin-white.svg) 0 0 no-repeat;

    background-size: 12px 12px;

    width: 12px;

    height: 12px;

    left: 45px;

    margin-top: -6px;

    filter: invert(100%);

    -webkit-filter: invert(100%)

}



button.viewawardsbtn:hover {

    background-color: #ddd;

    color: #333

}



button.viewawardsbtn img {

    width: 40px;

    height: 40px;

    float: left;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

    margin-right: 27px

}



.youtubevideo {

    width: 100%

}



.youtubevideo iframe {

    width: 100%;

    height: auto;

    min-height: 550px

}



.noaccwrap {

    position: relative;

    float: left;

    clear: both

}



.noacchievements {

    position: absolute;

    opacity: 1;

    top: 10%;

    background-color: #fff;

    height: 50px;

    line-height: 50px;

    width: 100%;

    z-index: 1000;

    border-radius: 5px;

    text-align: center

}



.noaccwrap_noac {

    opacity: .4

}



#ouibounce-modal {

    font-family: Arial, sans-serif;

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2000

}



#ouibounce-modal .underlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .8);

    cursor: pointer;

    -webkit-animation: fadein .5s;

    animation: fadein .5s

}



#ouibounce-modal .modal {

    width: 511px;

    height: 422px;

    background-color: #f0f1f2;

    z-index: 1;

    position: absolute;

    margin: 50px auto auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 4px;

    -webkit-animation: popin .3s;

    animation: popin .3s

}



#filewrapper,

#loading,

.socialshare {

    position: relative

}



#ouibounce-modal .modal-title {

    font-size: 24px;

    background-color: #2a6490;

    color: #fff;

    padding: 6px;

    margin: 0;

    border-radius: 4px 4px 0 0;

    text-align: center;

    height: 30px

}



#ouibounce-modal h3 {

    color: #fff;

    font-size: 1em;

    line-height: 30px;

    font-weight: 500

}



#ouibounce-modal .modal-body {

    padding: 10px 15px;

    font-size: .9em

}



#ouibounce-modal .thumbWrapper {

    width: 119px!important;

    padding-bottom: 119px!important

}



@-webkit-keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-ms-keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-webkit-keyframes popin {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0

    }

    85% {

        -webkit-transform: scale(1.05);

        transform: scale(1.05);

        opacity: 1

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

}



@-ms-keyframes popin {

    100%,

    85% {

        opacity: 1

    }

    0% {

        -ms-transform: scale(0);

        transform: scale(0);

        opacity: 0

    }

    85% {

        -ms-transform: scale(1.05);

        transform: scale(1.05)

    }

    100% {

        -ms-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes popin {

    0% {

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

        transform: scale(0);

        opacity: 0

    }

    85% {

        -webkit-transform: scale(1.05);

        -ms-transform: scale(1.05);

        transform: scale(1.05);

        opacity: 1

    }

    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

        opacity: 1

    }

}



#game_wrap {

    margin: 0 auto

}



#game_wrapper,

#preloader {

    float: left;

    clear: none;

    border: 3px solid #e567ae;

    margin-top: 4px

}



#loading {

    display: none;

    width: 100%;

    float: left;

    clear: both;

    margin: 10px 0;

    height: 40px;

    background: url(/static/game45/images/spin-white.svg) 50% 50% no-repeat;

    background-size: 40px 40px

}



#filewrapper {

    float: left;

    width: 100%;

    background-color: #e567ae

}



#game_wrapper iframe {

    margin-bottom: -3px

}



#preloader {

    display: block

}



.gamefiledood {

    width: 100%;

    height: auto

}



.afgrunning {

    display: none

}



#filewrapper h2 {

    float: left;

    width: 55%;

    color: #fff;

    font-size: 23px;

    margin: 8px 0 0 8px;

    height: 27px;

    overflow: hidden

}



.socialshare {

    float: right;

    width: 250px;

    margin: 12px 0 0 8px

}



.g-plusone {

    position: absolute!important;

    top: 0;

    left: 0

}



.fb_iframe_widget {

    position: absolute!important;

    top: 0;

    left: 65px

}



#___ytsubscribe_0,

.g-ytsubscribe {

    position: absolute!important;

    top: -2px;

    left: 157px

}



.rating_buttons_wrap {

    float: left;

    clear: both;

    height: 61px;

    background-color: #e567ae;

    color: #eee;

    padding: 0 3px

}



.rb_left {

    float: left;

    width: 50%

}



.rb_right {

    float: right;

    width: 50%

}



h3.awards {

    margin: 5px 0 8px

}



.awards_bit {

    float: left;

    width: 100%;

    height: 50px;

    padding-bottom: 8px;

    position: relative

}



.awards_bit.noimgpagging {

    box-sizing: border-box;

    height: 60px;

    border: 1px solid #f1f1f1

}



.awards_bit a {

    display: block;

    color: #000;

    float: left;

    width: 100%

}



.awards_bit.noimgpagging a {

    padding: 5px 0;

    width: 100%

}



.awards_bit a:hover {

    color: #337ab7

}



.awards_bit.noimgpagging a:hover {

    background-color: #fcfcfc

}



.awards_bit img {

    float: left;

    width: 40px;

    height: 40px;

    border: 1px solid #000;

    padding: 3px;

    background-color: #fff

}



.awards_bit.noimgpagging img {

    margin-left: 5px

}



.awards_bit.notearned img {

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    background-color: #f1f1f1;

    opacity: .9

}



.awards_bit div {

    position: absolute;

    left: 55px;

    padding: 3px 0 0

}



.awards_bit.noimgpagging div {

    left: 60px;

    padding-top: 5px

}



.awards_bit div span {

    float: left;

    display: block;

    clear: both

}



.awards_bit div span.title {

    font-size: 15px;

    font-weight: 700

}



.awards_bit div span.desc {

    text-align: left;

    font-size: 11px;

    padding-top: 2px

}



.awards_bit div span.checkedearn {

    color: #649ad2;

    font-size: 11px;

    line-height: 16px;

    padding-left: 13px;

    position: relative;

    height: 16px

}



.awards_bit div span.checkedearn:before {

    background: url(/static/game45/images/bg1.webp) -104px -77px no-repeat;

    background-size: 300px 180px;

    content: '';

    width: 12px;

    height: 12px;

    position: Absolute;

    left: 0;

    right: 0;

    top: 2px

}



.awards_bit b {

    color: #2a6490

}



.awards_bit .pointstoearn {

    background-color: #649ad2;

    color: #fff;

    height: 12px;

    position: absolute;

    top: 33px;

    text-align: center;

    left: 1px;

    width: 40px;

    padding: 1px 3px;

    font-size: 11px;

    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5)

}



.awards_bit.notearned .pointstoearn {

    background-color: #aaa

}



.awards_bit.noimgpagging div.pointstoearn {

    top: 38px;

    left: 6px;

    padding: 1px 3px

}



.awards_bit .pointstoearn span {

    font-size: 10px;

    display: inline;

    float: none

}



.maxwidth {

    width: 98%;

    min-width: 300px;

    max-width: 1050px;

    margin: 0 auto;

    padding: 10px 1%;

    clear: both

}



.video-left {

    float: left;

    width: 100%;

    width: calc(100% - 320px);

    padding-right: 20px;

    margin-bottom: 15px

}



.video-right {

    float: left;

    width: 300px

}



.example_responsive_1 {

    width: 100%;

    height: 90px

}



.maxyheightads {

    max-height: 150px

}



.video-right .ad970 {

    float: left;

    height: 300px;

    max-height: 300px;

    margin: 0 0 10px;

    overflow: hidden

}



.video-right h4 {

    margin: 0 0 5px;

    font-size: 18px;

    line-height: 24px;

    color: #000

}



.video-wrapper {

    position: relative;

    width: 100%;

    padding-top: 56.25%

}



#video-embeded {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 0;

    outline: 0;

    width: 100%;

    height: 100%

}



.vidthumb {

    width: 100%;

    float: left;

    position: relative;

    margin-bottom: 10px

}



.vidthumb a:hover .title {

    color: #999

}



.vidthumb a {

    display: block;

    float: left;

    width: 100%

}



.vidthumb img {

    float: left;

    width: 45%;

    height: auto

}



.vidthumb .runtime {

    position: absolute;

    bottom: 0;

    right: 55%;

    background-color: rgba(0, 0, 0, .6);

    color: #fff;

    width: 40px;

    height: 20px;

    line-height: 20px;

    text-align: center

}



.vidthumb .title {

    float: left;

    width: 52%;

    color: #000;

    font-size: 16px;

    padding: 5px 0 0 3%

}



.vidthumb .views {

    font-size: 12px;

    clear: both;

    padding-top: 5px;

    display: block;

    color: #444

}



.video-info {

    float: left;

    clear: both;

    width: 100%;

    margin-top: 10px;

    position: relative

}



.video-info h1 {

    font-size: 24px;

    width: calc(100% - 118px)

}



.video-info p {

    float: left;

    width: 100%;

    clear: both;

    font-size: 13px

}



.video-info p.video-by {

    line-height: 30px;

    margin-top: 5px

}



.video-info p.video-by a {

    line-height: 30px

}



.video-info p.video-by a img {

    border-radius: 15px;

    width: 26px;

    height: 26px;

    margin: 0 2px -8px 3px

}



.video-info p.video-views {

    color: #666

}



.video-info p.video-desc {

    margin-top: 12px;

    font-size: 14px;

    border-top: 1px solid #eee;

    width: 100%;

    padding: 12px 0 5px

}



.video-info h3 {

    margin: 15px 0 3px;

    font-size: 14px

}



.video-info a.video-of {

    float: left;

    width: 100%;

    padding: 4px 0

}



.video-info a.video-of img {

    float: left;

    width: 90px;

    height: 90px;

    border-radius: 3px

}



.video-info a.video-of div {

    float: left;

    width: 50%;

    width: calc(100% - 98px);

    padding: 8px 0 0 8px

}



.video-info a.video-of .ttiit {

    float: left;

    width: 100%;

    font-size: 20px;

    font-weight: 700

}



.video-info a.video-of .butoon {

    float: left;

    width: auto;

    clear: both;

    font-size: 17px;

    margin-top: 8px;

    border-radius: 3px;

    padding: 7px 10px;

    color: #fff;

    background-color: #2a638f

}



.video-info a.video-of:hover .butoon,

.video-rating button {

    background-color: #666

}



.video-comments {

    font-size: 13px;

    float: left;

    clear: both;

    width: 100%;

    margin-top: 10px;

    border-top: 1px solid #eee;

    padding-top: 10px

}



.video-comments h4 {

    font-size: 16px;

    margin: 5px 0

}



.video-rating {

    position: absolute;

    top: 0;

    right: 0;

    width: 109px

}



.video-rating button {

    font-size: 11px;

    position: relative;

    width: 78px;

    height: 32px;

    float: left;

    line-height: 30px;

    border: 0;

    outline: 0;

    border-radius: 5px;

    color: #eee

}



.video-rating button:before {

    width: 22px;

    height: 21px;

    position: absolute;

    top: 6px;

    left: 6px;

    content: '';

    background: url(/static/game45/images/bg1.webp) 0 -73px;

    background-size: 300px 180px

}



#achievementPopWrap {

    position: fixed;

    top: 10px;

    animation: slideIn2 .3s;

    right: 10px;

    width: 250px;

    height: 60px;

    z-index: 300000000;

    border-radius: 10px;

    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);

    background-color: #002a41;

    overflow: hidden;

    border: 1px solid #0e4b6c

}



#achievementPopWrap.achievement_pops_2 {

    z-index: 13005

}



#achievementPopWrap.achievement_pops_3 {

    z-index: 13006

}



#achievementPopWrap.achievement_pops_4 {

    z-index: 13007

}



#achievementPopWrap:before {

    position: absolute;

    top: 8px;

    left: 8px;

    width: 25px;

    height: 25px;

    content: '';

    background: transparent url(/static/game45/images/bg-play7.png) -170px -171px no-repeat;

    background-size: 237px 396px

}



#achievementPopWrap .achievement_title {

    font-size: 17px;

    float: left;

    clear: both;

    margin: 12px 0 0 45px;

    width: 205px;

    text-align: left;

    color: #32c5ff

}



#achievementPopWrap .achievement_desc {

    font-size: 14px;

    float: left;

    clear: both;

    color: #1978ab;

    text-align: right;

    width: 192px;

    margin: 8px 0 0

}



#achievementPopWrap .achievement_xp {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 50px;

    line-height: 24px;

    text-align: center;

    font-size: 13px;

    border-radius: 10px;

    background-color: #0f4b6c;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0;

    color: #32c5ff

}



#achievementPopWrap:hover {

    cursor: pointer

}



#leaderboard-modal {

    font-family: Arial;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, .85);

    z-index: 200000000

}



#leaderboard-loading {

    z-index: 200000000;

    background: transparent url(/static/game45/images/spin-white.svg) 50% 50% no-repeat;

    background-size: 50px 50px;

    animation: scaleIn .2s;

    position: fixed;

    top: calc(30% - 50px);

    left: calc(50% - 50px)

}



.leaderboard-circle {

    z-index: 15000;

    width: 100px;

    height: 100px;

    border-radius: 10px;

    font-size: 15px;

    color: #fff;

    text-align: center

}



#leaderboard-wrapper .leaderboard-circle {

    z-index: 200000000;

    width: 250px;

    height: 250px;

    border-radius: 138px;

    border: 3px #333 solid;

    color: #000;

    background-color: #e6e7e8

}



#leaderboard-wrapper .leaderboard-circle:before {

    content: " ";

    position: absolute;

    z-index: -1;

    top: 10px;

    left: 10px;

    right: 10px;

    bottom: 10px;

    border: 3px solid #fdfdfd;

    border-radius: 138px

}



#leaderboard-wrapper {

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    z-index: 200000000;

    animation: fadein .4s;

    position: fixed;

    margin: 10% 0 0 calc(50% - 300px);

    width: 600px;

    top: 0;

    left: 0;

    background-color: #fff;

    border: 2px solid #040404;

    border-radius: 5px;

    font-family: Arial;

    box-sizing: border-box;

    min-width: 320px;

    height: 635px

}



#leaderboard-wrapper-header {

    height: 68px;

    border-bottom: 2px solid #040404;

    background-color: #2a6490

}



#leaderboard-wrapper-header a#headerlogolink,

a.headerlogolinkv {

    position: absolute;

    content: '';

    width: 187px;

    height: 54px;

    left: calc(50% - 94px);

    top: 7px;

    background: transparent url(/static/game45/images/bg1.webp) 0 0 no-repeat;

    background-size: 300px 180px

}



a.headerlogolinkv {

    top: 10px;

    width: 172px;

    height: 48px;

    background-size: 173px 289px;

    margin-left: -86px

}



#leaderboard-header-button {

    width: 24px;

    height: 24px;

    position: absolute;

    top: 22px;

    right: 20px;

    border: 0;

    outline: 0;

    background: transparent url(/static/game45/images/bg1.webp) -252px -336px;

    background-size: 300px 180px

}



#leaderboard-header-button:hover {

    cursor: pointer;

    background-position: -276px -336px

}



#score-circle {

    margin: 20px auto 0;

    position: relative

}



.yourscore_txtdiv {

    text-transform: uppercase;

    font-size: 16px;

    margin: 95px 0 10px

}



.finalscore_divtxt {

    color: #036594;

    font-weight: 700;

    font-size: 40px

}



.signup_txti {

    float: left;

    clear: both;

    margin-top: 14px;

    text-align: center;

    font-size: 17px;

    width: 100%;

    color: #000

}



.signup_txti.headeronform {

    font-size: 22px

}



.signup_txti.subheadform {

    font-weight: 400;

    margin-top: 5px

}



a.main_hs_btn,

button.main_hs_btn {

    float: left;

    clear: both;

    outline: 0;

    border: 2px solid #040404;

    border-radius: 4px;

    background-color: #be1e2d;

    color: #fff;

    width: 66%;

    margin: 0 17%;

    font-size: 23px;

    padding: 20px 0

}



a.main_hs_btn:hover,

button.main_hs_btn:hover {

    cursor: pointer;

    border-color: #424242;

    color: #ddd

}



button.main_hs_btn.viewranks {

    background-color: #2a6490;

    margin-top: 8px

}



.moregames_wrapper {

    float: left;

    clear: both;

    width: 96%;

    margin: 7px 2% 0

}



button.main_hs_btn.btnloading {

    border-color: #666;

    background: #666 url(/static/game45/images/spin-white.svg) 5% 50% no-repeat;

    background-size: 22px 22px

}



button.main_hs_btn.btnSuccessMsg {

    background-color: #9abe3c!important;

    border-color: #9abe3c!important

}



button.main_hs_btn.btnSuccessMsg:hover,

button.main_hs_btn.btnloading:hover {

    color: #fff;

    cursor: default

}



div.popmoregameswrap {

    position: absolute;

    bottom: 6px;

    width: 100%

}



.guessmoregmtxt.signup_txti.moregametxt,

.signup_txti.moregametxt {

    width: 100%;

    font-size: 18px;

    margin: 0

}



.moregames_wrapper {

    float: left;

    clear: both;

    width: 96%;

    margin: 7px 2% 0

}



#leaderboard-wrapper .thumbWrapper {

    width: 19%;

    padding-bottom: 19%;

    margin: .5%;

    background-color: #fff

}



#leaderboard-wrapper .thumbWrapper.thumbWrapper img {

    border: 1px solid #ddd

}



#leaderboard-wrapper .thumbWrapper div {

    left: 1px

}



#leaderboard-wrapper .thumbWrapper:hover div {

    border-color: #2a6490

}



#signupFormWrap a {

    color: #555;

    display: block;

    float: left;

    clear: both;

    width: 100%;

    text-align: center;

    margin-top: 3px;

    text-decoration: none;

    font-size: 15px

}



#signupFormWrap a:hover {

    cursor: pointer

}



#signupFormWrap a span {

    color: #036594;

    margin-left: 10px;

    border-bottom: 1px #036594 solid;

    padding-bottom: 1px

}



#signupFormWrap a:hover span {

    color: #555

}



#signupFormWrap a.halfylink {

    clear: none;

    color: #036594;

    width: 46%;

    padding: 2px 2%;

    text-align: right

}



#signupFormWrap a.halfylink.secondlink {

    text-align: left

}



#signupFormWrap a.halfylink:hover {

    color: #555

}



.error_msg {

    animation: fadein .5s;

    float: left;

    clear: both;

    width: 88%;

    margin: 15px 0 0 5%;

    background-color: #bc2230;

    padding: 5px 1%;

    border-radius: 3px;

    color: #fff

}



.hsiframesrc {

    height: calc(100% - 67px);

    overflow: auto;

    width: 100%;

    border: 0;

    background: #fff url(/static/game45/images/spin.svg) 50% 40%/50px 50px no-repeat

}



.leaderboardUserRowWrap a.leadersignupwrap {

    width: 100%;

    color: #2b6490;

    position: relative;

    padding-left: 18px

}



.leaderboardUserRowWrap a.leadersignupwrap:hover {

    cursor: pointer

}



.leaderboardUserRowWrap a.leadersignupwrap::before {

    content: '';

    width: 20px;

    height: 20px;

    position: absolute;

    top: 6px;

    left: 0;

    background: transparent url(/static/game45/images/bg1.webp) -229px -158px;

    background-size: 300px 180px

}



#guestscorecircle {

    text-align: center;

    width: 100%;

    margin: 25px 0 15px

}



#guestscorecircle .yourscore_txtdiv {

    margin-top: 0;

    color: #000

}



a.viewleaderguest {

    display: block;

    float: left;

    height: 40px;

    color: #2a638f;

    text-decoration: underline;

    font-weight: 700;

    font-size: 18px;

    letter-spacing: .3px;

    line-height: 40px;

    width: 220px;

    text-align: center;

    margin-left: calc(50% - 110px);

    margin-top: 30px

}



a.viewleaderguest img {

    width: 40px;

    height: 40px;

    border-radius: 10px;

    margin-right: 0;

    float: left

}



.leaderboardUserRowWrap {

    float: left;

    width: calc(100% - 40px);

    height: 34px;

    padding: 8px 20px;

    border-top: 2px solid #e7e7e7;

    line-height: 34px;

    font-size: 15px

}



#tabsButtonWraps {

    width: calc(100% - 40px);

    margin: 10px 20px 0

}



#tabsButtonWraps button {

    width: 33.3%;

    text-align: center;

    padding-bottom: 12px;

    border: 0;

    border-bottom: 2px solid #e7e7e7;

    color: #aaa;

    outline: 0;

    background: 0 0;

    font-size: 17px;

    border-radius: 0;

    height: 50px;

    line-height: 40px;

    margin-bottom: 8px

}



#tabsButtonWraps button.active {

    color: #036594;

    border-color: #036594;

    font-weight: 700

}



#tabsButtonWraps button:hover {

    cursor: pointer;

    color: #036594

}



.video-rating button.thumbUp {

    padding-left: 37px;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.video-rating button:disabled {

    cursor: wait

}



.video-rating button.thumbUp:hover {

    color: #222;

    background-color: #add053

}



.video-rating button.thumbDown:hover {

    background-color: #da404e

}



.video-rating button.thumbUp.active {

    color: #eee;

    background-color: #9abe3c

}



.video-rating button.thumbDown.active {

    background-color: #bd1c2b

}



.video-rating button.thumbnohover:hover {

    background-color: #d5d5d5!important

}



.video-rating button.thumbDown {

    width: 30px;

    margin-right: 1px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.video-rating button.thumbDown:before {

    background-position: -24px -75px;

    left: 4px

}



.game-ftvids {

    float: left;

    clear: both;

    border: 0;

    margin-top: 17px

}



.game-ftvids h3 {

    text-transform: uppercase;

    color: #000;

    font-size: 13px;

    padding-bottom: 5px;

    letter-spacing: 1.5px

}



.game-ftvids .vidthumb {

    width: 200px;

    margin: 0 10px 10px 0

}



.game-ftvids .vidthumb img {

    width: 100%;

    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)

}



p.gametags-more strong {

    font-size: 14px;

    font-weight: 700;

    color: #111;

    text-transform: none

}



p.gametags-more {

    margin-top: 5px

}



.game-ftvids .vidthumb .runtime {

    right: 0;

    bottom: auto;

    top: 92.5px;

    font-size: 12px

}



.game-ftvids .vidthumb .title {

    width: 100%;

    clear: both;

    padding: 4px 0 0 1px;

    font-size: 14px

}



#moregames,

.moregames {

    width: 164px;

    float: right;

    min-height: 650px;

    margin-left: 6px

}



.moregames.leftorders {

    clear: both;

    float: left;

    margin: 0 6px 0 0

}



.moregtopborder {

    float: left;

    width: 164px;

    border-radius: 3px;

    font-size: 16px;

    background-color: #e567ae;

    margin-bottom: 6px;

    color: #fff;

    line-height: 41px;

    padding-top: 2px;

    text-align: center

}



.game_info_left,

.game_info_right {

    float: left;

    overflow: hidden

}



.game_info_right {

    clear: both;

    width: 100%;

    margin: 0;

    padding: 0;

    font-size: 15px;

    letter-spacing: 1px;

    background-color: #eee

}



.leftorders .moregtopborder {

    margin-bottom: 5px;

    width: 164px

}



.entiregamewrapp {

    float: left;

    clear: both;

    margin: 10px 0 15px

}



.moregames .thumbWrapper {

    width: 147px;

    padding-bottom: 147px;

    margin: 0 0 3px 8px!important

}



.ad970,

.banner_big,

.game_info_wrapper {

    width: 100%;

    clear: both

}



.ad600game {

    float: left;

    clear: both;

    margin: 1px 0 0 2px

}



.ad970 {

    max-width: 970px;

    text-align: center;

    margin: 5px auto

}



.ad970.gamenewtpl {

    margin-bottom: 15px;

    max-height: 90px

}



.hei280 {

    max-height: 336px

}



.banner_big {

    text-align: center;

    max-width: 970px;

    margin: 25px auto 10px

}



.game_info_wrapper {

    max-width: 980px;

    margin: 10px auto 20px;

    height: 300px;

    color: #111

}



.game_info_boxs {

    float: left;

    width: 100%;

    background-color: #eee

}



.gameinleftnew {

    float: left;

    width: 190px!important;

    padding: 0 30px 0 0!important

}



.game_info_left div {

    float: left;

    width: calc(100% - 260px);

    padding: 0 40px 0 0;

    max-width: 800px

}



.game_info_left .imgwrapgame {

    float: left;

    width: 190px;

    max-width: 190px;

    padding: 0;

    position: relative

}



#play_btn.imgisclicky:before {

    width: 30px;

    height: 30px;

    top: 50%;

    left: 50%;

    margin-top: -15px;

    content: '';

    z-index: 50

}



#play_btn {

    clear: both;

    width: auto;

    padding: 0 22px 0 37px;

    margin: 15px 0 0;

    text-shadow: none;

    position: relative;

    line-height: 44px

}



#play_btn:before {

    content: '';

    position: absolute;

    font-size: 30px;

    line-height: 32px;

    font-weight: 700;

    top: 50%;

    margin-top: -8px;

    width: 15px;

    height: 17px;

    left: 12px;

    color: #fff;

    background: transparent url(/static/game45/images/bg1.webp) -68px -74px;

    background-size: 300px 180px

}



#play_btn.imgisclicky {

    background-color: #5886a9;

    position: relative

}



#play_btn.imgisclicky:before {

    background: url(/static/game45/images/spin-white.svg) 50% 50% no-repeat;

    background-size: 20px 20px;

    margin-left: -66px;

    position: absolute;

    width: 20px;

    height: 20px;

    margin-top: -10px

}



.game_info_left .imgwrapgame:active img,

.game_info_left .imgwrapgame:hover img {

    opacity: .6

}



.game_info_left .imgwrapgame.imgisclicky img {

    filter: brightness(60%)

}



.game_info_left img {

    float: left;

    width: 190px;

    height: 190px;

    border-radius: 3px;

    box-shadow: 0 0 1px rgba(0, 0, 0, .4)

}



.game_info_left img {

    border-radius: 3px;

    box-shadow: 0 0 1px rgba(0, 0, 0, .4)

}



.game_breadcrumbs {

    margin: 15px 0 10px;

    float: left

}



.game_breadcrumbs a,

.game_breadcrumbs a:hover {

    color: #2a6490;

    font-size: 15px

}



.game_info_left h2 {

    font-size: 24px!important;

    margin: 0;

    color: #111;

    padding: 0;

    font-weight: 700

}



.awardsbitvvm p {

    float: left;

    clear: both;

    padding: 5px 0;

    overflow: hidden;

    font-size: 13px;

    line-height: 18px

}



.awardsbitvvm p a {

    font-size: 13px;

    padding: 0 8px 0 0;

    float: left

}



.awardsbitvvm p a:last-child {

    padding-bottom: 0

}



p.gametags-more a {

    box-shadow: none;

    background-color: #2b6490;

    margin: 5px 15px 0 0;

    padding: 0 15px;

    border-radius: 3px;

    font-size: 15px;

    line-height: 36px;

    height: 36px;

    color: #fff;

    overflow: hidden

}



a.minibtn,

button.minibtn {

    float: left;

    clear: both;

    color: #fff;

    font-size: 13px;

    padding: 6px 9px;

    margin-top: 5px;

    background-color: #2a6490;

    border-radius: 3px

}



a.minibtn.addtofriends,

button.minibtn {

    outline: 0;

    border: 1px solid #333;

    margin: 0 0 5px;

    font-size: 14px;

    border-radius: 5px

}



.minibtn:hover {

    background-color: #333

}



.game_info_left p {

    line-height: 19px;

    font-size: 12px;

    padding-top: 12px;

    clear: both

}



.minibtn.inlinebtn {

    float: right;

    padding: 4px 8px;

    margin: 0 0 0 3px

}



button.minibtn:after {

    content: "Add to Friends"

}



button.minibtn span {

    display: none

}



button.minibtn.removefriends:after {

    content: "\2713 Added to your Friends"

}



button.minibtn.removefriends:hover {

    background-color: red

}



button.minibtn.removefriends:hover:after {

    content: "Remove from Friends"

}



.profilepage h2.usernamebig {

    font-size: 45px;

    line-height: 45px

}



.profilepage h2.usernamebig a {

    padding-right: 8px

}



.profilepage h2.usernamebig img {

    width: 44px;

    height: 44px;

    border-radius: 44px;

    border: 1px solid #000;

    float: left

}



.profilepage h2.usernamebig img.plusavatar,

img.plusavatar {

    border: double 3px transparent;

    border-radius: 50px;

    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #e56525, #efc91d, #98bd3b, #6499d1, #eb2a7a, #91268e);

    background-origin: border-box;

    background-clip: padding-box, border-box

}



.plusicon {

    width: 16px;

    height: 16px;

    display: inline-block;

    background: transparent url(/static/game45/images/plus-icon.png) 0 0;

    background-size: 16px 16px

}



.level_block {

    float: left;

    width: 98%;

    padding: 8px 1% 12px;

    background-color: #fafafa;

    margin-top: 10px

}



.current_place,

.hs_main_wrap,

.level_up_bar,

.next_xp,

.progress_bar {

    width: 100%;

    float: left

}



.level_block .level {

    font-size: 30px;

    float: left;

    padding-right: 15px;

    line-height: 36px

}



.level_block .level span {

    font-weight: 700

}



.level_block .points {

    font-size: 24px;

    float: left;

    line-height: 36px

}



.level_block .points span {

    font-size: 18px

}



.level_up_bar {

    clear: both;

    margin-top: 10px

}



.next_xp {

    clear: both;

    margin-bottom: 3px

}



.progress_bar {

    clear: both;

    max-width: 400px;

    border: 1px solid #000;

    background-color: #fff;

    position: relative;

    height: 20px;

    border-radius: 3px

}



.progress_bar .prog_bit {

    height: 18px;

    position: absolute;

    top: 1px;

    left: 1px;

    background-color: #6399d1;

    border-radius: 3px;

    min-width: 2%

}



.level_block.menublock {

    height: auto;

    padding: 10px 0 5px;

    margin: 0 1% -5px;

    border-radius: 5px

}



.level_block.menublock a.usavt {

    float: left;

    width: 75px;

    height: 75px;

    margin-right: 10px

}



.level_block.menublock .level_up_bar {

    margin-top: 2px

}



.level_block.menublock .progress_bar {

    max-width: 500px

}



.level_block.menublock img {

    width: 70px;

    height: 70px;

    border-radius: 35px

}



.level_block.menublock .rightofavatar {

    float: left;

    margin-top: 4px;

    width: calc(100% - 85px)

}



.level_block.menublock .points {

    float: right;

    font-size: 18px

}



.level_block.menublock .points span {

    background-color: #649ad2;

    color: #fff;

    font-weight: 700;

    margin-left: 3px;

    padding: 2px 4px 2px 3px;

    border-radius: 5px

}



.level_block.menublock .blckwrp {

    margin: 0 auto;

    width: 100%;

    max-width: 500px

}



.current_place {

    clear: both;

    margin-top: 10px

}



.user_btns {

    float: left;

    clear: both;

    margin: 5px 0 15px

}



.user_btns a {

    font-size: 22px;

    margin: 10px 5px

}



.hs_main_wrap {

    background-color: #fff;

    padding: 10px 0 5px

}



p.loginmsg.savehsmsg {

    margin-bottom: 0;

    text-align: center

}



h3.awards.centerit {

    text-align: center;

    margin-top: 10px

}



a.viewmorescores {

    float: left;

    padding: 5px 10px;

    font-size: 16px

}



.leaderboardTopTreWrap {

    float: left;

    clear: both;

    position: relative;

    width: 100%;

    height: 241px;

    margin-bottom: 6px

}



.leaderboardTopTre a {

    color: #000

}



.leaderboardTopTre {

    position: absolute;

    width: 155px;

    height: 240px;

    bottom: 0;

    left: 50%

}



.leaderboardTopTre.leaderboardUserTop3First {

    margin-left: -77px

}



.leaderboardTopTre.leaderboardUserTop3Second {

    height: 200px;

    margin-left: -242px

}



.leaderboardTopTre.leaderboardUserTop3Third {

    height: 180px;

    margin-left: 88px

}



.leaderboardTopTre.leaderboardUserTop3First .topThreeWrap {

    position: relative

}



.leaderboardTopTre.leaderboardUserTop3First .topThreeWrap:before {

    position: absolute;

    bottom: -10px;

    left: 50%;

    margin-left: -34px;

    content: '';

    height: 75px;

    width: 69px;

    background: url(/static/game45/images/bg1.webp) -191px -75px no-repeat;

    background-size: 300px 180px

}



.leaderboardTopTre .topThreeWrap {

    line-height: 30px;

    text-align: center

}



.leaderboardTopTre.leaderboardUserTop3First .topThreeWrap {

    background-color: #036594;

    height: 170px

}



.leaderboardTopTre.leaderboardUserTop3Second .topThreeWrap {

    background-color: #2d96c8;

    height: 130px

}



.leaderboardTopTre.leaderboardUserTop3Third .topThreeWrap {

    background-color: #72c1e7;

    height: 110px

}



.leaderboardTopTre .topThreeWrap .leaderboardRowRank {

    width: 100%;

    color: #fcfcfc;

    font-size: 16px

}



.leaderboardTopTre .topThreeWrap img {

    height: 60px;

    width: 60px;

    border-radius: 33px;

    border: 3px solid #fff

}



.leaderboardTopTre .leaderRowUsernameTop {

    width: 100%;

    text-align: center;

    padding: 12px 0 0;

    font-size: 18px;

    height: 21px;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #000

}



.leaderboardTopTre .leaderboardRowScore {

    width: 100%;

    text-align: center;

    color: #036594;

    font-size: 24px;

    font-weight: 700

}



.leaderboardTopTre.leaderboardUserTop3Second .leaderboardRowScore {

    color: #2d96c8

}



.leaderboardTopTre.leaderboardUserTop3Third .leaderboardRowScore {

    color: #72c1e7

}



.leaderboardUserRowWrap {

    float: left;

    width: calc(100% - 40px);

    height: 34px;

    padding: 8px 20px;

    border-top: 2px solid #e7e7e7;

    line-height: 34px;

    font-size: 15px

}



.leaderboardUserRowWrap.leaderboardBestScoreBottom {

    font-weight: 700;

    background-color: #e7e7e7;

    border-color: #000;

    position: absolute;

    bottom: -3px

}



.leaderboardUserRowWrap.leaderboardBestScoreBottom.friendsinvitebottom {

    height: 47px;

    line-height: 47px

}



.invitethefriends {

    float: left;

    color: #000

}



.friendsinvitebottom a.main_hs_btn.inviteFriendsLink {

    width: auto;

    margin: 0;

    clear: none;

    float: right;

    font-size: 20px;

    padding: 0 10px;

    text-decoration: none;

    line-height: 43px

}



.leaderboardRowRank {

    width: 40px;

    float: left;

    color: #666;

    font-size: 14px;

    overflow: hidden

}



.leaderboardUserRowWrap a {

    width: calc(100% - 200px);

    float: left;

    display: block;

    color: #000

}



.leaderboardUserRowWrap a img {

    float: left;

    width: 32px;

    height: 32px;

    border-radius: 17px;

    border: 1px solid #003a53

}



.leaderboardUserRowWrap a div {

    overflow: hidden;

    text-overflow: ellipsis;

    float: left;

    line-height: 34px;

    height: 34px;

    padding-left: 10px;

    width: calc(100% - 44px)

}



.leaderboardRowScore {

    float: right;

    text-align: right;

    color: #727272;

    font-size: 17px;

    overflow: hidden;

    width: 120px

}



#footer,

#walkthroughbtn,

p.tagdesc {

    text-align: center;

    clear: both

}



#walkthroughbtn {

    line-height: 23px;

    float: left;

    margin: 0 10% 10px;

    width: 80%;

    font-size: 14px;

    font-weight: 700;

    padding: 10px 0 5px;

    color: #fff;

    background-color: #be1e2d;

    border-radius: 5px

}



#walkthroughbtn:hover {

    background-color: #6099d0;

    text-decoration: none

}



#walkthroughbtn:before {

    content: '\25B6 \FE0E';

    color: #fff;

    padding: 0 6px 0 3px;

    background-color: transparent;

    border: 0;

    outline: 0

}



#footer {

    width: 100%;

    margin: 0 auto 5px;

    font-size: 13px;

    float: left;

    clear: both

}



#footer p {

    width: 94%;

    padding: 0 3%

}



p.tagdesc {

    float: left;

    width: 94%;

    padding: 10px 2%;

    background-color: #eee;

    margin: 15px 1% 0;

    font-size: 14px;

    border-radius: 5px

}



#footer .footwrap {

    float: left;

    clear: both;

    width: 100%;

    margin: 0 0 10px;

    padding: 15px 0 0;

    text-align: left

}



#footer .footlead {

    background-color: #004b76;

    float: left;

    clear: both;

    width: 96%;

    padding: 12px 2%;

    height: 35px;

    position: relative

}



#footer .footsocial {

    width: 30px;

    height: 30px;

    margin-top: 2px;

    border-radius: 3px;

    display: block;

    float: right;

    text-indent: -9999px;

    background: url(/static/game45/images/bg1.webp) -240px 0 no-repeat;

    background-size: 300px 180px

}



#footer .footsocial.yt {

    margin-left: 8px;

    background-position: -270px 0

}



#footer .footsocial.flag {

    margin-left: 8px;

    background: transparent url(/static/game45/images/lngf1.webp) -30px 0 no-repeat;

    background-size: 60px 363px;

    border: 0;

    outline: 0

}



#togglelang {

    display: none;

    position: absolute;

    right: 7px;

    bottom: 54px;

    background-color: #eee;

    z-index: 2000;

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4);

    padding: 15px;

    border-radius: 5px;

    width: 700px

}



#togglelang a {

    float: left;

    display: block;

    width: calc(33% - 35px);

    font-size: 14px;

    padding: 5px 0 5px 35px;

    height: 30px;

    line-height: 30px;

    position: relative;

    clear: none;

    z-index: 2000

}



#togglelang a.active {

    font-weight: 600

}



#togglelang a:before {

    content: '';

    width: 30px;

    height: 30px;

    top: 5px;

    left: 0;

    display: block;

    position: absolute;

    background: transparent url(/static/game45/images/lngf1.webp) -30px 0 no-repeat;

    background-size: 60px 363px

}



#togglelang a.pt:before {

    background-position: 0 0;

    background-size: 60px 363px

}



#togglelang a.es:before {

    background-position: 0 -30px;

    background-size: 60px 363px

}



#togglelang a.tr:before {

    background-position: -30px -30px;

    background-size: 60px 363px

}



#togglelang a.de:before {

    background-position: -30px -61px;

    background-size: 60px 363px

}



#togglelang a.ru:before {

    background-position: 0 -61px;

    background-size: 60px 363px

}



#togglelang a.ko:before {

    background-position: 0 -91px;

    background-size: 60px 363px

}



#togglelang a.th:before {

    background-position: -30px -91px;

    background-size: 60px 363px

}



#togglelang a.ar:before {

    background-position: 0 -121px;

    background-size: 60px 363px

}



#togglelang a.nl:before {

    background-position: -30px -121px;

    background-size: 60px 363px

}



#togglelang a.ja:before {

    background-position: 0 -151px;

    background-size: 60px 363px

}



#togglelang a.id:before {

    background-position: -30px -151px;

    background-size: 60px 363px

}



#togglelang a.fr:before {

    background-position: 0 -181px;

    background-size: 60px 363px

}



#togglelang a.sv:before {

    background-position: -30px -181px;

    background-size: 60px 363px

}



#togglelang a.it:before {

    background-position: 0 -211px;

    background-size: 60px 363px

}



#togglelang a.vi:before {

    background-position: -30px -211px;

    background-size: 60px 363px

}



#togglelang a.pl:before {

    background-position: 0 -241px;

    background-size: 60px 363px

}



#togglelang a.zh:before {

    background-position: -30px -241px;

    background-size: 60px 363px

}



#togglelang a.hi:before {

    background-position: 0 -271px;

    background-size: 60px 363px

}



#togglelang a.el:before {

    background-position: -30px -271px;

    background-size: 60px 363px

}



#togglelang a.ro:before {

    background-position: 0 -301px;

    background-size: 60px 363px

}



#togglelang a.fi:before {

    background-position: -30px -301px;

    background-size: 60px 363px

}



#togglelang a.bg:before {

    background-position: 0 -331px;

    background-size: 60px 363px

}



#togglelang a span {

    font-size: 12px

}



#footer .footsub {

    background-color: #e5e5e5;

    float: left;

    clear: both;

    width: 96%;

    padding: 5px 2%;

    height: 30px

}



#footer .footsub a {

    float: left;

    display: block;

    padding-right: 30px;

    font-size: 14px;

    color: #222;

    line-height: 30px

}



#footer .footend {

    float: left;

    clear: both;

    font-size: 14px;

    width: 96%;

    padding: 5px 2%;

    margin-top: 10px

}



.footend h3 {

    margin-bottom: 8px

}



#footer .footend p {

    padding: 0 0 10px;

    width: 100%;

    max-width: 900px

}



a.checkmarked {

    color: #f7931e;

    font-size: 25px

}



a.checkmarked:hover {

    text-decoration: none;

    color: #ddd

}



h3.homepage.hsmar {

    margin-top: 15px

}



h3.homepage.extbtn {

    margin-bottom: 10px

}



.game-ftvids.videothumbswrap {

    border: 0;

    width: calc(100% - 20px);

    margin: 0 10px

}



.game-ftvids.videothumbswrap .vidthumb {

    width: 15.8%;

    margin: 0 1% 10px 0

}



.game-ftvids.videothumbswrap .vidthumb .runtime {

    bottom: 20px;

    top: auto

}



.game-ftvids.videothumbswrap .vidthumb .title {

    height: 16px;

    line-height: 16px;

    overflow: hidden

}



.game-ftvids.videothumbswrap .vidthumb:nth-child(6n) {

    margin-right: 0

}



.wrapit.homepagepad a.play_btn.minibtn {

    font-size: 14px;

    padding: 8px 0

}



.wrapit.homepagepad a.play_btn.minibtn:hover {

    background-color: #5886a9

}



.game_info_left .play_btn.onscorespage {

    width: auto

}



.game_info_left .play_btn.onscorespage:before {

    display: none

}



.tagpage.wrapit.extrapad {

    margin-top: 10px

}



.tagpage .page-header {

    display: none;

    margin: 0;

    text-align: center;

    width: 100%;

    border: 0;

    padding-bottom: 0;

    margin-bottom: 6px!important

}



.tagpage .page-header h2 {

    font-size: 21px;

    margin-bottom: 0;

    padding: 5px 0;

    background: linear-gradient(to right, #edecec00, #e1e3e5, #edecec00)

}



.tagpage #breadcrumbs {

    text-align: center;

    margin-bottom: 10px;

    border-radius: 5px

}



.tagpage #breadcrumbs a {

    float: none

}



.tagpage #breadcrumbs a {

    padding-right: 0

}



.gamesmiddle {

    width: calc(100% - 10px);

    max-width: 1300px;

    height: 650px;

    margin: 10px auto;

    position: relative;

    min-width: 800px;

    min-height: 400px

}



.clicktoplay {

    width: 200px;

    margin: 60px auto 0;

    cursor: pointer

}



.clicktoplay img {

    width: 200px;

    height: auto;

    border-radius: 10px

}



.clicktoplay span {

    display: block;

    padding: 20px;

    border-radius: 4px;

    box-shadow: 0 6px 12px rgb(134 140 150/65%);

    cursor: pointer;

    background-color: #1b73e8;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    width: 190px;

    text-align: center;

    margin: -15px 0 0 -15px;

    position: relative;

    height: 18px;

    line-height: 18px

}



.clicktoplay span:before {

    content: ' \2023';

    position: absolute;

    font-size: 1.6em;

    font-weight: 700;

    top: 17px;

    left: 40px;

    color: #fff;

    width: 25px;

    height: 25px;

    line-height: 25px

}



.clicktoplay span.loading {

    text-indent: -9999px

}



.clicktoplay span.loading:before {

    content: "";

    left: calc(50% - 13px);

    background: transparent url(/static/game45/images/spin-white.svg) 50% 50% no-repeat;

    background-size: 25px 25px

}



.game_info_left .play_btn.loading:before {

    content: "";

    left: calc(50% - 13px);

    margin: auto;

    top: calc(50% - 13px);

    height: 25px;

    width: 25px;

    background: transparent url(/static/game45/images/spin-white.svg) 50% 50% no-repeat;

    background-size: 25px 25px

}



.gamearea h1 {

    color: #111;

    margin-top: 45px;

    padding: 0;

    font-size: 24px;

    line-height: 45px;

    width: 100%;

    height: 45px;

    text-align: center;

    overflow: hidden

}



.gamearea {

    background-color: #fff;

    height: 650px;

    position: absolute;

    top: 0;

    border-radius: 5px;

    width: calc(100% - 170px);

    left: 0;

    background-color: #fff;

    box-shadow: 0 4px 4px 0 rgb(0 0 0/15%)

}



.gamesmiddle.gameisportrait .gamearea {

    width: calc(100% - 340px);

    left: 170px

}



.gamearea.isloading,

.gamesmiddle.isloading {

    height: 0!important;

    min-height: 0!important

}



.gamesmiddle.isloading .controls {

    display: none

}



.gamearea.fullscreen,

.gamesmiddle.gameisportrait .gamearea.fullscreen {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 47px;

    height: 100%;

    width: 100%;

    z-index: 100000000;

    border-radius: 0

}



.controls {

    height: 47px;

    width: calc(100% - 170px);

    position: absolute;

    bottom: 0

}



.gamesmiddle.gameisportrait .controls {

    left: 170px;

    width: calc(100% - 340px)

}



.controls.fullscreen,

.gamesmiddle.gameisportrait .controls.fullscreen {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 100000000;

    width: 100%

}



.controlsleft {

    float: left;

    width: 350px;

    overflow: hidden;

    height: 36px;

    margin: 6px 0 0 2px

}



.controlsleft a {

    display: block;

    font-size: 15px;

    font-weight: 700;

    color: #111;

    float: left;

    padding-left: 6px

}



.controlsleft a img {

    float: left;

    width: 36px;

    height: 36px;

    border-radius: 5px

}



.controlsleft a span {

    float: left;

    display: block;

    margin-left: 4px;

    line-height: 36px;

    width: 300px;

    overflow: hidden

}



.controlsright {

    float: right;

    margin-right: 2px

}



.controlsright button {

    float: left;

    width: 42px;

    height: 42px;

    display: block;

    position: relative;

    padding: 0;

    margin-top: 3px;

    z-index: 2;

    border: 0;

    background-color: transparent

}



.controlsright button.dislikebtn {

    margin-top: 7px;

    border-right: 1px solid #ccc;

    height: 34px;

    margin-right: 4px

}



#addedtolikes,

.controlsright button span {

    display: none;

    position: absolute;

    top: -23px;

    left: -25px;

    text-align: center;

    width: 80px;

    background-color: #1f1f1f;

    color: #fff;

    padding: 3px;

    border-radius: 5px;

    opacity: .8;

    z-index: 100;

    color: #fff

}



.controlsright button.dislikebtn span {

    top: -27px

}



#addedtolikes {

    display: block;

    right: 6px;

    left: auto;

    width: 160px

}



#addedtolikes:hover {

    cursor: pointer

}



.controlsright button:hover span {

    display: block

}



.controlsright button:before {

    position: absolute;

    content: '';

    top: 10px;

    left: 6px;

    width: 22px;

    height: 22px;

    background: url(/static/game45/images/bg1.webp) 0 -73px no-repeat;

    background-size: 300px 180px

}



.controlsright button.dislikebtn:before {

    top: 6px;

    left: 5px;

    width: 23px;

    background-position: -24px -75px

}



.controlsright button.dislikebtn.active:before {

    background-position: -80px -156px;

    width: 24px

}



.controlsright button.likebtn.active:before {

    background-position: -56px -155px;

    width: 24px

}



.controlsright button.awardsbtn {

    width: 40px

}



.controlsright button.awardsbtn span {

    left: -24px

}



.controlsright button.awardsbtn:before {

    top: 9px;

    height: 23px;

    left: 8px;

    background-position: -107px -155px

}



.controlsright button.highscorebtn:before {

    top: 8px;

    height: 23px;

    width: 27px;

    left: 7px;

    background-position: -25px -155px

}



.controlsright button.videobtn:before {

    background-position: -135px -155px;

    width: 30px;

    left: 7px;

    top: 10px

}



.controlsright button.fullscreenbtn:before {

    background-position: 0 -156px;

    width: 24px;

    left: 8px

}



#pcad,

.verticalad {

    height: 600px;

    width: 160px;

    margin: 3px 0 0;

    max-height: 600px;

    overflow: hidden

}



.newgamesright {

    position: absolute;

    height: 100%;

    left: calc(100% - 160px);

    width: 160px;

    display: none

}



.newgamesright.showitafter {

    display: block

}



.newgamesleft {

    position: absolute;

    height: 100%;

    left: 0;

    width: 160px

}



.newgamesright .thumbWrapper.newboxshadow {

    width: 48%;

    margin: 0 1% 7px;

    padding-bottom: 48%

}



.newgamesright .thumbWrapper.newboxshadow.t3,

.newgamesright .thumbWrapper.newboxshadow.t4 {

    margin-bottom: 0

}



.wrapit.homepagepad .newgamesright a.play_btn {

    box-shadow: 0 0 4px 0 rgb(0 0 0/50%);

    width: 90%;

    margin: 10px 5% 0;

    padding: 8px 0;

    font-size: 15px;

    border: 0;

    position: relative

}



.bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(1),

.bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(2),

.bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(3) {

    display: none

}



#gamePlayer {

    position: absolute;

    top: 3px;

    left: 3px;

    right: 3px;

    bottom: 3px;

    width: calc(100% - 6px);

    height: calc(100% - 50px);

    border: 0;

    outline: none

}



.bottomblock {

    clear: both;

    margin: 10px auto 20px;

    padding: 5px;

    width: calc(100% - 10px);

    max-width: 1300px;

    position: relative

}



.bottomblock.bottomad {

    margin-bottom: 0;

    padding-bottom: 0;

    text-align: center

}



.gameinfo {

    margin: 20px auto 0;

    border-radius: 3px;

    box-shadow: 0 4px 4px 0 rgb(0 0 0/15%);

    background-color: #fff;

    padding: 32px;

    width: calc(100% - 98px)!important

}



.gameinfo h2 {

    margin: 0 0 10px;

    font-size: 18px

}



.gameinfo p {

    padding: 5px 0

}



.footerf {

    text-align: center;

    padding: 10px 0;

    clear: both

}



#mobilerightnew,

#mobilerightnew.showmbtn {

    display: none;

    position: absolute;

    border: 0;

    right: 0;

    top: 5px;

    width: 66px;

    height: 78px;

    border-radius: 12px;

    z-index: 3001;

    box-shadow: 0 0 4px 0 rgb(0 0 0/50%);

    background-color: rgba(27, 115, 232, .9);

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



#mobilerightnew:before {

    content: '';

    position: absolute;

    bottom: 4px;

    left: 26px;

    width: 20px;

    height: 4px;

    background: url(/static/game45/images/more1.png) 0 0 no-repeat;

    background-size: 20px 4px

}



#mobilerightnew.menuopen {

    display: none

}



#mobilemenu {

    display: none;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    background-color: rgba(238, 238, 238, .95);

    height: 100%;

    overflow: hidden;

    overflow-y: scroll;

    z-index: 1000000

}



#mobilemenu .wrapit {

    min-width: 250px;

    height: auto!important

}



#mobilemenu .wrapit a.sitename {

    width: 100%;

    margin: 10px 0 0;

    background-color: transparent

}



#mobilemenu .wrapit a.sitename:before {

    left: calc(50% - 77px)

}



#mobilemenu .whitebitbarmob.moregamersnt {

    margin-bottom: 15px

}



.whitebitbarmob {

    margin-top: 8px;

    padding: 10px 12px;

    width: calc(100% - 24px);

    background-color: #fff;

    float: left;

    clear: both

}



.whitebitbarmob h4 {

    font-size: 17px;

    font-weight: 700;

    color: #111;

    text-transform: none;

    margin: 2px 0 5px;

    text-align: center

}



#mobilemenu .whitebitbarmob {

    width: calc(92% - 24px);

    margin: 15px 3% 0;

    border-radius: 10px;

    padding: 12px

}



#mobilemenu .whitebitbarmob h4 {

    color: #000;

    margin-bottom: 7px

}



#mobilemenu .thumbWrapper.newboxshadow {

    width: calc(25% - 10px);

    padding-bottom: calc(25% - 10px);

    margin: 5px

}



#mobilemenu .controlsleft {

    height: 54px;

    width: calc(100% - 270px);

    margin: 5px 0 3px

}



#mobilemenu .controlsleft a {

    display: block;

    font-size: 15px;

    font-weight: 700;

    color: #111;

    float: left;

    padding-left: 6px;

    width: 100%;

    margin-top: 2px

}



#mobilemenu .controlsleft a img {

    width: 50px;

    height: 50px;

    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5)

}



#mobilemenu .controlsleft a span {

    width: calc(100% - 70px);

    margin-left: 10px;

    line-height: 50px;

    font-size: 16px

}



#mobilemenu .thumbWrapper span.thumbname {

    display: none!important

}



.fullscreenpage {

    overflow: hidden;

    overscroll-behavior: contain;

    user-select: none;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none

}



.fullscreenpage #footer,

.fullscreenpage .game-ftvids {

    display: none

}



#mobilemenu .controlsright {

    float: right;

    margin: 9px 0 0

}



.fullscreenpage .gametplenew {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden

}



.fullscreenpage #header,

.fullscreenpage .bottomblock,

.fullscreenpage .controls,

.fullscreenpage .newgamesright.showitafter,

.fullscreenpage .newgamesleft {

    display: none

}



.fullscreenpage .wrapit {

    height: 100%!important

}



.fullscreenpage .gamesmiddle {

    min-width: 320px;

    width: 100%;

    margin-top: 0;

    margin-bottom: 0;

    height: calc(100% - 97px);

    position: fixed;

    top: 97px;

    left: 0;

    right: 0;

    bottom: 0

}



.fullscreenpage .thumbWrapper:hover span.thumbname {

    display: none

}



.fullscreenpage .wrapit.homepagepad.extrapad {

    margin-top: 0

}



.fullscreenpage #mobilemenu {

    display: block

}



.fullscreenpage #gamePlayer {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.fullscreenpage .gamesmiddle.gameisportrait .gamearea,

.fullscreenpage .gamearea {

    width: 100%;

    left: 0;

    height: 100%;

    box-shadow: none

}



.fullscreenpage #mobilerightnew.showmbtn {

    display: block

}



.fullscreenpage .showittomob.showit {

    display: block!important

}



.menuopenbtns {

    float: left;

    clear: both;

    margin: 10px 0 3px;

    text-align: center;

    margin-left: calc(50% - 146px);

    width: 294px

}



.menuopenbtns button {

    border: 2px solid #000;

    height: 50px;

    padding: 0 20px 0 40px;

    margin: 5px 0;

    color: #000;

    background-color: #fff;

    border-radius: 15px;

    font-size: 15px;

    position: relative

}



.menuopenbtns button.returngame {

    margin-right: 15px

}



.menuopenbtns button.exitgame {

    background-color: #1b73e8;

    border-color: #1b73e8;

    color: #fff

}



.menuopenbtns button:before {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    width: 20px;

    height: 20px;

    background: url(/static/game45/images/bg1.webp) -200px -155px/300px 180px no-repeat

}



.menuopenbtns button.returngame:before {

    background-position: -68px -74px;

    background-size: 300px 180px;

    width: 15px;

    height: 17px;

    left: 17px;

    top: 16px;

    filter: invert(1)

}



#exitfullscreen {

    top: 0;

    width: 38px;

    padding: 3px 0 8px;

    text-indent: -9999px;

    position: fixed;

    z-index: 11000;

    right: -2px;

    top: 5px;

    background-color: rgba(0, 0, 0, .85);

    line-height: 31px;

    height: 26px;

    border-radius: 3px;

    color: #fff;

    font-size: 16px;

    font-weight: 700

}



#exitfullscreen:before {

    position: absolute;

    left: 6px;

    top: 7px;

    content: '';

    background: url(/static/game45/images/bg1.webp) -276px -157px/300px 180px no-repeat;

    width: 26px;

    height: 27px

}



#achlistwrap {

    margin: 10px;

    float: left;

    width: calc(100% - 20px);

    overflow-y: scroll;

    height: calc(100% - 90px)

}



#achlistwrap p {

    padding: 2px 0 6px

}



#achlistwrap .viewleaderguest {

    margin: 5px 0 0;

    width: 100%;

    text-align: left

}



#achlistwrap a.viewleaderguest img {

    margin-right: 5px

}



#suggestrotate {

    width: calc(100% - 30px);

    height: 50px;

    line-height: 50px;

    background-color: rgba(0, 0, 0, .8);

    color: #fff;

    text-align: center;

    padding-left: 30px;

    display: none;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    font-weight: 700;

    font-size: 16px;

    z-index: 100

}



#suggestrotate::before {

    content: '';

    position: absolute;

    top: 10px;

    left: calc(50% - 100px);

    background: transparent url(/static/game45/images/rotated.png) 0 0 no-repeat;

    background-size: 30px 30px;

    width: 30px;

    height: 30px;

    animation: rotater .5s

}



@keyframes rotater {

    0% {

        transform: rotate(0deg)

    }

    25% {

        transform: rotate(35deg)

    }

    50% {

        transform: rotate(0deg)

    }

    75% {

        transform: rotate(-35deg)

    }

    100% {

        transform: rotate(0deg)

    }

}



@media(min-width:1800px) {

    .wrapit {

        float: none;

        clear: both

    }

    .wrapit.extrapad,

    .wrapit.maindiv {

        margin-top: 0;

        padding-top: 15px

    }

    #ftthumb1 {

        margin: 202px 0 0 202px

    }

    #ftthumb2 {

        margin: 402px 0 0 1202px

    }

    .thumbWrapper.large {

        width: 396px;

        padding-bottom: 396px

    }

    .wrapit.extrapad.iconlistwrap {

        padding: 20px 10px 0!important

    }

}



@media(max-width:1025px) {

    .controlsleft {

        width: 225px

    }

    .controlsleft a span {

        width: 179px

    }

    .searchwrap {

        width: calc(100% - 200px)

    }

    .searchmodal {

        width: 200px

    }

    .ajax_search button.closesrcx {

        left: 154px

    }

    .ajaxlistdivwrp .thumbWrapper.newboxshadow {

        width: 23.8%;

        padding-bottom: 23.8%

    }

    .gamesmiddle.gameisportrait .controlsleft {

        width: 195px

    }

    .gamesmiddle.gameisportrait .controlsleft a span {

        width: 147px

    }

    .thumbWrapper {

        width: 14.03%;

        padding-bottom: 14.03%

    }

    .thumbWrapper.newboxshadow {

        width: 15.4%;

        padding-bottom: 15.4%;

        margin: .6%

    }

    .thumbWrapper.large {

        width: 27.7%;

        padding-bottom: 27.7%

    }

    .toppercenter {

        max-width: 220px

    }

    .icongrid {

        grid-template-columns: repeat(6, 1fr);

        grid-template-rows: repeat(9, 1fr);

        grid-column-gap: 10px;

        grid-row-gap: 10px

    }

    .tt1 {

        grid-area: 1/1/3/3

    }

    .tt2 {

        grid-area: 1/3/2/4

    }

    .tt3 {

        grid-area: 2/3/3/4

    }

    .tt4 {

        grid-area: 1/4/2/5

    }

    .tt5 {

        grid-area: 2/4/3/5

    }

    .tt6 {

        grid-area: 1/5/2/6

    }

    .tt7 {

        grid-area: 2/5/3/6

    }

    .tt8 {

        grid-area: 1/6/2/7

    }

    .tt9 {

        grid-area: 3/4/5/6

    }

    .tt10 {

        grid-area: 6/2/8/4

    }

    .tt11 {

        grid-area: 3/1/4/2

    }

    .tt12 {

        grid-area: 3/2/4/3

    }

    .tt13 {

        grid-area: 3/3/4/4

    }

    .tt14 {

        grid-area: 4/1/5/2

    }

    .tt15 {

        grid-area: 4/2/5/3

    }

    .tt16 {

        grid-area: 4/3/5/4

    }

    .tt17 {

        grid-area: 5/1/6/2

    }

    .tt18 {

        grid-area: 5/2/6/3

    }

    .tt19 {

        grid-area: 5/3/6/4

    }

    .tt20 {

        grid-area: 2/6/3/7

    }

    .tt21 {

        grid-area: 3/6/4/7

    }

    .tt22 {

        grid-area: 5/4/6/5

    }

    .tt23 {

        grid-area: 4/6/5/7

    }

    .tt24 {

        grid-area: 5/5/6/6

    }

    .tt25 {

        grid-area: 5/6/6/7

    }

    .tt26 {

        grid-area: 6/1/7/2

    }

    .tt27 {

        grid-area: 7/1/8/2

    }

    .tt28 {

        grid-area: 6/4/7/5

    }

    .tt29 {

        grid-area: 7/4/8/5

    }

    .tt30 {

        grid-area: 6/5/7/6

    }

    .tt31 {

        grid-area: 8/1/9/2

    }

    .tt32 {

        grid-area: 8/2/9/3

    }

    .tt33 {

        grid-area: 8/3/9/4

    }

    .tt34 {

        grid-area: 8/4/9/5

    }

    .tt35 {

        grid-area: 7/5/8/6

    }

    .tt36 {

        grid-area: 8/5/9/6

    }

    .tt37 {

        grid-area: 6/6/7/7

    }

    .tt38 {

        grid-area: 7/6/8/7

    }

    .tt39 {

        grid-area: 8/6/9/7

    }

    .tt40 {

        grid-area: 9/1/10/2

    }

    .tt41 {

        grid-area: 9/2/10/3

    }

    .tt42 {

        grid-area: 9/3/10/4

    }

    .tt43 {

        grid-area: 9/4/10/5

    }

    .tt44 {

        grid-area: 9/5/10/6

    }

    .tt45 {

        grid-area: 9/6/10/7

    }

    .tt46,

    .tt47 {

        display: none

    }

    #ftthumb1 {

        position: absolute;

        margin: 14.1% 0 0 14.1%

    }

    #ftthumb2 {

        position: absolute;

        margin: 28% 0 0 56.1%

    }

    #categories.whitebitbar h3 {

        padding-left: 0!important

    }

    .ad970.gamenewtpl {

        margin-top: 10px

    }

    .game_info_left h2 {

        color: #111;

        padding: 0

    }

    #suggestrotate {

        display: block

    }

}



@media(max-width:800px) {

    input[type=text],

    input[type=number],

    input[type=email],

    input[type=tel],

    input[type=password] {

        font-size: 16px

    }

    .searchwrap {

        width: calc(100% - 40px)

    }

    .searchmodal {

        width: 40px

    }

    .ajax_search button.closesrcx {

        left: -3px

    }

    #ajaxlistdiv {

        margin-top: 6px

    }

    .ajaxlistdivwrp .thumbWrapper.newboxshadow {

        width: 23.4%;

        padding-bottom: 23.4%

    }

    .searchwrap .category_main:nth-child(2n) {

        clear: none

    }

    #mobilemenu {

        display: block

    }

    .controlsright button:hover span,

    .controlsright button span {

        display: none!important

    }

    #mobilemenu .controlsleft {

        width: 100%

    }

    #mobilemenu .controlsright {

        float: left;

        margin: 0

    }

    .gamesmiddle {

        min-width: 320px;

        width: 100%;

        margin-top: 0;

        margin-bottom: 0;

        height: calc(100% - 97px);

        position: fixed;

        top: 97px;

        left: 0;

        right: 0;

        bottom: 0

    }

    .thumbWrapper:hover span.thumbname {

        display: none

    }

    .icongrid {

        grid-template-columns: repeat(4, 1fr);

        grid-template-rows: repeat(14, 1fr);

        grid-column-gap: 7px;

        grid-row-gap: 7px

    }

    .tt1 {

        grid-area: 1/1/3/3

    }

    .tt2 {

        grid-area: 1/3/2/4

    }

    .tt3 {

        grid-area: 1/4/2/5

    }

    .tt4 {

        grid-area: 2/3/3/4

    }

    .tt5 {

        grid-area: 2/4/3/5

    }

    .tt6 {

        grid-area: 6/3/7/4

    }

    .tt7 {

        grid-area: 6/4/7/5

    }

    .tt8 {

        grid-area: 7/4/8/5

    }

    .tt9 {

        grid-area: 4/3/6/5

    }

    .tt10 {

        grid-area: 7/2/9/4

    }

    .tt11 {

        grid-area: 3/1/4/2

    }

    .tt12 {

        grid-area: 3/2/4/3

    }

    .tt13 {

        grid-area: 3/3/4/4

    }

    .tt14 {

        grid-area: 4/1/5/2

    }

    .tt15 {

        grid-area: 4/2/5/3

    }

    .tt16 {

        grid-area: 3/4/4/5

    }

    .tt17 {

        grid-area: 5/1/6/2

    }

    .tt18 {

        grid-area: 5/2/6/3

    }

    .tt19 {

        grid-area: 6/1/7/2

    }

    .tt20 {

        grid-area: 6/2/7/3

    }

    .tt21 {

        grid-area: 7/1/8/2

    }

    .tt22 {

        grid-area: 8/1/9/2

    }

    .tt23 {

        grid-area: 9/1/10/2

    }

    .tt24 {

        grid-area: 9/2/10/3

    }

    .tt25 {

        grid-area: 8/4/9/5

    }

    .tt26 {

        grid-area: 9/3/10/4

    }

    .tt27 {

        grid-area: 9/4/10/5

    }

    .tt28 {

        grid-area: 10/1/11/2

    }

    .tt29 {

        grid-area: 10/2/11/3

    }

    .tt30 {

        grid-area: 10/3/11/4

    }

    .tt31 {

        grid-area: 10/4/11/5

    }

    .tt32 {

        grid-area: 11/1/12/2

    }

    .tt33 {

        grid-area: 11/2/12/3

    }

    .tt34 {

        grid-area: 11/3/12/4

    }

    .tt35 {

        grid-area: 11/4/12/5

    }

    .tt36 {

        grid-area: 12/1/13/2

    }

    .tt37 {

        grid-area: 12/2/13/3

    }

    .tt38 {

        grid-area: 12/3/13/4

    }

    .tt39 {

        grid-area: 12/4/13/5

    }

    .tt40 {

        grid-area: 13/1/14/2

    }

    .tt41 {

        grid-area: 13/2/14/3

    }

    .tt42 {

        grid-area: 13/3/14/4

    }

    .tt43 {

        grid-area: 13/4/14/5

    }

    .tt44 {

        grid-area: 14/1/15/2

    }

    .tt45 {

        grid-area: 14/2/15/3

    }

    .tt46 {

        grid-area: 14/3/15/4;

        display: block

    }

    .tt47 {

        grid-area: 14/4/15/5;

        display: block

    }

    .hideitmobbt {

        display: none

    }

    .gamesmiddle.gameisportrait .gamearea,

    .gamearea {

        width: 100%;

        left: 0;

        height: 100%;

        box-shadow: none

    }

    .leaderboardUserRowWrap.leaderboardBestScoreBottom {

        bottom: 0

    }

    .topperight {

        width: 56px

    }

    .wrapit a.sitename {

        margin-left: 3px

    }

    .tagpage .page-header {

        display: block

    }

    #togglelang {

        width: 225px

    }

    #togglelang a {

        width: calc(100% - 35px);

        clear: both

    }

    .video-left {

        width: 100%;

        padding-right: 0

    }

    .video-right {

        width: 100%;

        clear: both;

        margin-top: 20px

    }

    .video-right .ad970 {

        height: auto;

        max-height: 200px

    }

    .level_block,

    .level_block.menublock .blckwrp,

    .profilepage,

    .profilepage h2,

    .profiletabs.page-header,

    .user_btns,

    a.minibtn {

        text-align: center

    }

    .level_block.menublock {

        height: 105px

    }

    .level_block.menublock a.usavt {

        margin: 0;

        float: none

    }

    .level_block.menublock .rightofavatar {

        width: 100%;

        margin: 0

    }

    .profilepage h2.usernamebig img {

        float: none;

        margin-bottom: -8px

    }

    .play_btn {

        padding: 10px 0;

        margin: 10px 10%;

        width: 80%

    }

    .cat_main_wrap .categ_top h4 {

        width: 96%;

        padding-left: 2%;

        padding-right: 2%

    }

    h2.homepage,

    h3.homepage {

        background-color: #e5e5e5;

        padding: 10px 2.25%;

        width: 95.5%

    }

    #mobilerightnew.showmbtn {

        display: block

    }

    .wrapit,

    #breadcrumbs {

        width: 100%;

        padding: 0

    }

    .wrapit.extrapad.iconlistwrap {

        padding: 0 7px!important;

        width: calc(100% - 14px)!important;

        margin-top: 9px!important

    }

    .game_info_boxs {

        margin-bottom: 0

    }

    #gamePlayer {

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0

    }

    .game_info_wrapper {

        margin-top: 15px

    }

    .wrapit.maindiv {

        margin-top: 0

    }

    .categorie_dropdown a span,

    .game_breadcrumbs,

    .level_block.menublock .level_up_bar,

    .level_block.menublock .points,

    .toppercenter {

        display: none

    }

    .youtubevideo iframe {

        min-height: 300px

    }

    .categorie_dropdown {

        background-color: #fafafa;

        width: 39px;

        height: 39px;

        margin-right: 6px

    }

    .categorie_dropdown a {

        width: 39px;

        height: 39px;

        text-indent: -9999px;

        position: relative;

        z-index: 100

    }

    .categorie_dropdown a.loginer:before {

        width: 21px;

        height: 21px;

        content: '';

        position: absolute;

        left: 9px;

        top: 9px;

        background: url(/static/game45/images/bg1.webp) -238px -75px no-repeat;

        background-size: 300px 180px

    }

    .categorie_dropdown a img {

        width: 39px;

        height: 39px;

        position: absolute;

        top: 0;

        left: 0;

        border-radius: 5px

    }

    .categorie_dropdown a.loginer {

        width: 39px;

        padding: 0

    }

    .categorie_dropdown div:before {

        left: 10px

    }

    .thumbWrapper.large {

        width: 38.9%;

        padding-bottom: 38.9%

    }

    #ftthumb1 {

        position: absolute;

        margin: .125% 0 0 19.8%

    }

    #ftthumb2 {

        position: absolute;

        margin: 58.7% 0 0 39.3%

    }

    .thumbWrapper {

        width: 19.75%;

        padding-bottom: 19.75%

    }

    .thumbWrapper.newboxshadow {

        width: 23.4%;

        padding-bottom: 23.4%;

        margin: .8%

    }

    #mobilemenu .thumbWrapper.newboxshadow {

        width: calc(33.3% - 10px);

        padding-bottom: calc(33.3% - 10px);

        margin: 5px

    }

    .thumbWrapper span.thumbname {

        white-space: nowrap;

        font-size: 10px;

        height: 14px;

        line-height: 14px;

        min-height: 14px;

        padding: 4px 0 2px

    }

    .category_main {

        float: left;

        width: 50%

    }

    .category_main:nth-child(2n) {

        clear: both

    }

    .game_info_left .imgwrapgame {

        width: 30%;

        max-width: 190px

    }

    .profiletabs .nav-pills>li,

    .progress_bar,

    a.minibtn.addtofriends,

    button.minibtn {

        float: none

    }

    .ad970 {

        margin-top: 0

    }

    .ad970.gamepageadtop {

        margin-top: 10px

    }

    .cat_main_wrap .categ_top h3,

    .cat_main_wrap ul li a {

        padding: 5px 2%;

        width: 96%

    }

    a.minibtn {

        width: 78%;

        margin: 5px 10%;

        padding: 6px 1%

    }

    a.minibtn[style] {

        margin: 5px 10%!important

    }

    .level_block .level {

        padding: 0;

        width: 100%;

        line-height: 30px

    }

    .level_block .points {

        float: none;

        clear: both

    }

    .progress_bar {

        margin: 0 auto

    }

    .user_btns {

        width: 100%

    }

    .minibtn.inlinebtn {

        width: auto

    }

    .leaderboardRankinsRrap {

        height: calc(100vh - 227px)

    }

    .leaderboardRankinsRrap.friendWrap {

        height: calc(100vh - 241px)

    }

    .leaderboardUserRowWrap {

        width: calc(100% - 20px);

        padding: 8px 10px

    }

    .leaderboardUserRowWrap a {

        width: calc(100% - 130px)

    }

    .leaderboardRowScore {

        width: 90px;

        font-size: 16px

    }

    .leaderboardTopTre {

        width: 87px

    }

    .leaderboardTopTre.leaderboardUserTop3First {

        margin-left: -57px;

        width: 114px

    }

    .leaderboardTopTre.leaderboardUserTop3Second {

        margin-left: -147px

    }

    .leaderboardTopTre.leaderboardUserTop3Third {

        margin-left: 60px

    }

    .game-ftvids.videothumbswrap .vidthumb {

        width: 32%;

        margin-right: 2%

    }

    .game-ftvids.videothumbswrap .vidthumb:nth-child(3n) {

        margin-right: 0

    }

    .wrapit.homepagepad a.play_btn.minibtn {

        margin-top: 5px;

        font-size: 15px;

        padding: 9px 0

    }

    .game_info_left div {

        float: left;

        width: calc(100% - 260px);

        padding: 0 40px 0 0

    }

    .game_info_left h2 {

        color: #111;

        padding: 0;

        line-height: 26px

    }

    .controls,

    .newgamesright.showitafter,

    .newgamesleft {

        display: none

    }

    .wrapit.homepagepad.extrapad {

        margin-top: 0

    }

    .bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(1),

    .bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(2),

    .bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(3) {

        display: block

    }

    .showittomob.showit {

        display: block!important

    }

    #leaderboard-wrapper {

        width: 100%;

        margin: 0;

        left: 0;

        right: 0;

        bottom: 0;

        height: 100%;

        overflow-y: scroll

    }

}



@media(max-width:450px) {

    .ajaxlistdivwrp .thumbWrapper.newboxshadow {

        width: 31.3%;

        padding-bottom: 31.3%

    }

    #tabsButtonWraps button {

        font-size: 13px

    }

    p.gametags-more a {

        margin-right: 10px

    }

    .example_responsive_1 {

        height: 100px

    }

    .ad970.gamenewtpl {

        max-height: 100px

    }

    .game-ftvids .vidthumb .runtime {

        top: 0

    }

    #ad-sticky {

        left: 0;

        width: 100%

    }

    #closead {

        right: 3px

    }

    .game-ftvids .vidthumb {

        width: 100%;

        padding-bottom: 10px

    }

    .game_info_left h2 {

        padding-top: 5px;

        line-height: 26px

    }

    .ad970 {

        min-height: 100px

    }

    .youtubevideo iframe {

        min-height: 200px

    }

    h2.homepage,

    h3.homepage {

        padding: 10px 2%;

        width: 96%

    }

    h3.menumain {

        padding: 10px 0;

        width: 98%

    }

    .category_main {

        width: 100%;

        clear: both

    }

    .thumbWrapper {

        width: 33%;

        padding-bottom: 33%

    }

    .thumbWrapper.large {

        width: 99.7%;

        padding-bottom: 99.7%

    }

    .thumbWrapper.newboxshadow {

        width: 31.33%;

        padding-bottom: 31.33%;

        margin: 1%

    }

    .icongrid {

        grid-template-columns: repeat(3, 1fr);

        grid-template-rows: repeat(18, 1fr);

        grid-column-gap: 7px;

        grid-row-gap: 7px

    }

    .tt1 {

        grid-area: 1/1/3/3

    }

    .tt2 {

        grid-area: 1/3/2/4

    }

    .tt3 {

        grid-area: 2/3/3/4

    }

    .tt4 {

        grid-area: 3/3/4/4

    }

    .tt5 {

        grid-area: 6/3/7/4

    }

    .tt6 {

        grid-area: 7/3/8/4

    }

    .tt7 {

        grid-area: 8/3/9/4

    }

    .tt8 {

        grid-area: 9/3/10/4

    }

    .tt9 {

        grid-area: 4/2/6/4

    }

    .tt10 {

        grid-area: 8/1/10/3

    }

    .tt11 {

        grid-area: 3/1/4/2

    }

    .tt12 {

        grid-area: 3/2/4/3

    }

    .tt13 {

        grid-area: 4/1/5/2

    }

    .tt14 {

        grid-area: 5/1/6/2

    }

    .tt15 {

        grid-area: 6/1/7/2

    }

    .tt16 {

        grid-area: 7/1/8/2

    }

    .tt17 {

        grid-area: 6/2/7/3

    }

    .tt18 {

        grid-area: 7/2/8/3

    }

    .tt19 {

        grid-area: 10/1/11/2

    }

    .tt20 {

        grid-area: 10/2/11/3

    }

    .tt21 {

        grid-area: 10/3/11/4

    }

    .tt22 {

        grid-area: 11/1/12/2

    }

    .tt23 {

        grid-area: 11/2/12/3

    }

    .tt24 {

        grid-area: 11/3/12/4

    }

    .tt25 {

        grid-area: 12/1/13/2

    }

    .tt26 {

        grid-area: 12/2/13/3

    }

    .tt27 {

        grid-area: 12/3/13/4

    }

    .tt28 {

        grid-area: 13/1/14/2

    }

    .tt29 {

        grid-area: 13/2/14/3

    }

    .tt30 {

        grid-area: 13/3/14/4

    }

    .tt31 {

        grid-area: 14/1/15/2

    }

    .tt32 {

        grid-area: 14/2/15/3

    }

    .tt33 {

        grid-area: 14/3/15/4

    }

    .tt34 {

        grid-area: 15/1/16/2

    }

    .tt35 {

        grid-area: 15/2/16/3

    }

    .tt36 {

        grid-area: 15/3/16/4

    }

    .tt37 {

        grid-area: 16/1/17/2

    }

    .tt38 {

        grid-area: 16/2/17/3

    }

    .tt39 {

        grid-area: 16/3/17/4

    }

    .tt40 {

        grid-area: 17/1/18/2

    }

    .tt41 {

        grid-area: 17/2/18/3

    }

    .tt42 {

        grid-area: 17/3/18/4

    }

    .tt43 {

        grid-area: 18/1/19/2

    }

    .tt44 {

        grid-area: 18/2/19/3

    }

    .tt45 {

        grid-area: 18/3/19/4

    }

    .tt46,

    .tt47 {

        display: none

    }

    #ftthumb1,

    #ftthumb2 {

        margin: 0;

        position: relative;

        float: left;

        clear: both

    }

    .progress_bar {

        max-width: 96%

    }

    .game-ftvids.videothumbswrap .vidthumb {

        width: 49%

    }

    .game-ftvids.videothumbswrap .vidthumb:nth-child(even) {

        margin-right: 0

    }

    .game-ftvids.videothumbswrap .vidthumb:nth-child(odd) {

        margin-right: 2%

    }

    .wrapit.homepagepad a.play_btn.minibtn {

        margin-top: 0

    }

    .game-ftvids.videothumbswrap .vidthumb .runtime {

        bottom: 30px

    }

    .game_info_left div.gameinleftnew {

        float: none;

        margin: 0 auto;

        height: 295px;

        width: 220px!important;

        padding: 0!important

    }

    .game_info_left .play_btn {

        margin-top: 6px!important

    }

    #categories.whitebitbar h3 {

        padding-left: 0!important

    }

    .game_info_left h2 {

        color: #111;

        padding: 0

    }

    .game_info_left div {

        width: 100%;

        padding: 0;

        margin: 0;

        clear: both

    }

    .game_info_left .imgwrapgame {

        width: 100%!important;

        height: auto!important;

        max-width: none!important

    }

    .game_info_left img {

        width: 100%;

        height: auto;

        margin: 0 auto;

        max-width: 250px;

        float: none;

        display: block

    }

    #mobilemenu .thumbWrapper.newboxshadow {

        width: calc(50% - 10px);

        padding-bottom: calc(50% - 10px);

        margin: 5px

    }

}



@media only screen and (max-width:1100px) {

    .bottomblock {

        max-width: 1100px;

        margin-top: 0

    }

}



@media only screen and (max-width:1024px) and (max-height:500px) and (orientation:landscape) {

    .wrapit {

        padding: 0;

        width: 100%

    }

    #suggestrotate {

        display: none

    }

    .gamesmiddle {

        min-width: 320px;

        width: 100%;

        margin: 0;

        height: 100%;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0

    }

    .gamesmiddle.gameisportrait .gamearea,

    .gamearea {

        width: 100%;

        left: 0;

        height: 100%

    }

    .gamesmiddle.gameisportrait .controls,

    .controls {

        width: 100%;

        left: 0;

        background-color: #fff

    }

    .showittomob.showit {

        display: block!important;

        top: 10px

    }

    .hideitmobbt {

        display: none

    }

    #mobilemenu {

        display: block

    }

    #mobilerightnew.showmbtn,

    .popmoregameswrap .moregames_wrapper,

    .popmoregameswrap .signup_txti.moregametxt {

        display: none

    }

    .hideitmobbt {

        display: none

    }

    .gamesmiddle.gameisportrait .gamearea,

    .gamearea {

        width: 100%;

        left: 0;

        height: calc(100% - 47px);

        box-shadow: none

    }

    #leaderboard-wrapper {

        width: 100%;

        margin: 0;

        left: 0;

        right: 0;

        bottom: 0;

        height: 100%;

        overflow: scroll

    }

    .newgamesright.showitafter,

    .newgamesleft {

        display: none

    }

    .wrapit.homepagepad.extrapad {

        margin-top: 0

    }

    .bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(1),

    .bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(2),

    .bottomblock.bottombox .thumbWrapper.newboxshadow:nth-child(3) {

        display: block

    }

    .ad970.gamenewtpl {

        display: none

    }

    #gamePlayer {

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0

    }

}



@media only screen and (max-width:800px) and (max-height:500px) and (orientation:landscape) {

    #mobilerightnew.showmbtn {

        display: block

    }

    .showittomob.showit {

        display: block!important;

        top: 70px

    }

    .gamesmiddle.gameisportrait .gamearea,

    .gamearea {

        height: 100%

    }

    #game {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0

    }

    #suggestrotate {

        display: none

    }

}



@media only screen and (orientation:landscape) {

    .fullscreenpage .gamesmiddle {

        min-width: 320px;

        width: 100%;

        margin: 0;

        height: 100%;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0

    }

    .fullscreenpage .ad970.gamenewtpl {

        display: none

    }

    .fullscreenpage .showittomob.showit {

        top: 68px

    }

    .fullscreenpage .fullscreenbtn {

        display: none

    }

    #suggestrotate {

        display: none

    }

}



@keyframes scaleIn {

    from {

        transform: scale(.1)

    }

    to {

        transform: scale(1)

    }

}



@keyframes slideIn {

    from {

        left: -300px

    }

    to {

        left: 5px

    }

}



@keyframes slideIn2 {

    from {

        right: -300px

    }

    to {

        right: 10px

    }

}



@keyframes fadein {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}