#body-main {
    float: left;
    height: auto;
    text-align: left;
    width: 100%;
}

#container {
    float: left;
    height: auto;
    text-align: left;
    width: 100%
}

#footer {
    float: left;
    font: 12px/16px Trebuchet MS,Arial,sans-serif;
    height: auto;
    text-align: left;
    width: 100%
}

#footer a {
    text-decoration: none
}

#footer a:hover {
    text-decoration: none
}

#header {
    background: url(/images/header-bg.gif) repeat-x left top;
    float: left;
    height: 120px;
    text-align: left;
    width: 100%
}

#oyunkutu {
    float: left;
    height: 63px;
    padding-left: 245px;
    width: 490px
}

#yorum {
    float: left;
    font: 12px/16px Trebuchet MS,Arial,sans-serif;
    height: auto;
    text-align: left;
    width: 100%
}

#country_list_id {
    display: none
}

#country_list_id .active {
    display: block
}

#examples {
    padding: 5px;
    overflow: hidden;
    width: 160px;
}

#examples>hr {
    margin: 20px 10px
}

#info p {
    font-size: 12px;
    line-height: 20px;
    margin: 0
}

.ad_reklam {
    clear: both;
    margin: 4px 0;
}

.alakali-bottom-box {
    float: left;
    height: auto;
    padding: 0 7px 0 6px;
    text-align: left;
    width: 307px
}

.alakali-title {
    float: left;
    font: 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: left;
    width: 320px
}

.body-inside {
    float: left;
    height: auto;
    padding-bottom: 7px;
    text-align: left;
    width: 998px
}

.body-inside2 {
    float: left;
    height: auto;
    padding-bottom: 35px;
    text-align: left;
    width: 1075px
}

.body-left {
    float: left;
    height: auto;
    text-align: left;
    width: 125px;
    padding-left: 35px
}

.body-right {
    float: right;
    height: auto;
    padding: 4px;
    padding-right: 6px;
    text-align: left;
    width: 827px
}

.body-right2 {
    float: right;
    height: auto;
    padding: 4px;
    padding-right: 6px;
    text-align: left;
    width: 900px
}

.body-right3 {
    float: right;
    height: auto;
    padding: 4px;
    padding-right: 6px;
    text-align: left;
    width: 820px
}

.bookmark-title {
    color: #FFF;
 }

.bookmark-title {
	font: 18px/29px Trebuchet MS,Arial,Helvetica,sans-serif;
    text-decoration: none;
}

.bostus {
    background: url(/key/ici-bos.gif) no-repeat;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    margin-left: 5px;
    text-align: center;
    text-indent: 0;
    width: 18px;
}

.bostus {
    color: #000
}

.bottom-banner-box {
    color: #FFF;
}

.bottom-banner-box {
    float: left;
    font: 11px/15px Trebuchet MS,Arial,sans-serif;
    height: auto;
    text-align: left
}

.bottom-left-text-box {
    float: left;
    height: auto;
    padding: 10px 4px 3px;
    text-align: left;
    width: 700px
}

.breadcrumb {
    display: none
}

.buttonet {
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: .85;
    padding: 9px 16px;
    margin: 1px
}

.callbacks,.callbacks+p,#examples,#content-1,.disable-destroy,.show-hide,.dialog,.all-themes-switch,.scrollTo {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.countadd {
    color: #fd4848
}
.count_flat_counter {
background: #ebebeb;
}

.count_flat_counter {
    height: 16px;
    margin: 0 2px 0 8px;
    padding: 0 6px;
    position: relative;
    left: -1px;
    display: inline-block;

    text-transform: uppercase;
    color: #32363b;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    font: 700 10px/16px helvetica,arial,sans-serif
}

.count_flat_counter:after {
    top: 3px;
    left: -4px;
    content: "";
    position: absolute;
    border-width: 5px 8px 5px 0;
    border-style: solid;
    border-color: transparent #ebebeb transparent transparent;
    display: block;
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
}

.count_flat_counter:hover {
    background: #e1e2e2
}

.count_flat_counter:after:hover {
    border-color: transparent #e1e2e2 transparent transparent
}

.Counterstyle .count_flat_counter {
    height: 21px;
    padding: 0 10px;
    line-height: 22px;
    font-size: 11px
}

.Counterstyle .count_flat_counter:after {
    top: 6px;
    left: -4px
}

.Counterstyle .count_flat_counter,.count_flat_counter {
    height: 32px;
    margin: 0 2px 0 10px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 14px
}

.Counterstyle .count_flat_counter:after,.count_flat_counter:after {
    top: 11px;
    left: -6px
}

.clear {
    clear: both;
    height: 10px
}

.comments {
    padding: 1px 6px 18px 80px;
    border-bottom: 1px solid #e6e6e6;
}

.comments .img {
    position: absolute;
    left: -60px;
    top: 2px;
    width: 50px;
    height: 50px;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    background: url(/images/profil.jpg)
}


.comments .author {
    display: block;
    position: relative;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 13px
}

.footer-left {
    float: left;
    height: auto;
    text-align: left;
    width: 152px;
    margin: -33px -16px -7px 19px;
}


.footer-main {
    float: left;
    height: auto;
    padding: 9px 0px 2px 80px;
    text-align: left;
    width: 885px;
}

.footer-right {
    float: right;
    height: auto;
    text-align: left;
    width: 730px
}

.game .actions {
    border-color: #e1e1e1;
}

.game .actions {
    border-style: solid;
    border-width: 1px 0 0;
    margin-bottom: -15px;
    padding: 45px 5px;
    position: relative
}

.game .actions [class^="icon-"],.game .actions [class*=" icon-"] {
    height: 38px;
    margin: -12px 3px 0 0;
    width: 38px;
}

.game .actions ul li {
    float: left
}


.game .actions ul li a {
    cursor: pointer;
    display: block;
    line-height: 38px;
    opacity: .75;
    transition: all .1s
}

.game .actions ul li a:hover {
    opacity: 1
}

.game .actions ul.left {
    float: left
}

.game .actions ul.left li {
    margin-right: 15px
}

.game .actions ul.left li i {
    margin-right: 0
}

.game .actions ul.likes a {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding-right: 10px
}

.game .actions ul.likes a:hover {
    background-color: #fff;
    background-image: -moz-linear-gradient(top,#fff,#f3f3f3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f3f3f3));
    background-image: -webkit-linear-gradient(top,#fff,#f3f3f3);
    background-image: -o-linear-gradient(top,#fff,#f3f3f3);
    background-image: linear-gradient(to bottom,#fff,#f3f3f3);
    background-repeat: repeat-x
}

.game .actions ul.likes a:hover i {
}

.game .actions ul.likes li {
    margin-right: 5px
}

.game .actions ul.likes li.active a {
    background: #FFF!important;
    box-shadow: inset 0 0 1px 2px rgba(0,0,0,.02);
    font-weight: 700;
    opacity: 1
}

.game .actions ul.likes li.active a i {
}

.game .actions ul.likes li.dislike a {
   /* padding: 11px 0px 0px 5px;*/
}

.game .actions ul.right {
    float: right;
    padding: 10px 0px 0px 0px;
}

.game .actions ul.right li {
    margin-left: 15px
}

.game .actions ul:after {
    clear: both
}

.game .actions ul:before,.game .actions ul:after {
    content: "";
    display: table;
    line-height: 0
}

.game .actions:after {
    clear: both
}

.game .actions:before,.game .actions:after {
    content: "";
    display: table;
    line-height: 0
}

.games-list {
    list-style: none;
    padding-left: 0
}

.games-list a {
    display: block;
    height: 100%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #a6b0b7;
    width: 100%;
    font: 14px "Trebuchet MS"
}


.games-list li {
    float: left;
    height: 58px;
    line-height: 1.4;
    padding: 0px;
    text-align: center;
    width: 136px;

}


.games-list li:hover a {
    text-decoration: none
}

.games-list li .pgame {
    color: #333;
}

.games-list li .pgame {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 0px 4px 64px;
    height: 51px;
    font-size: 12px;
    margin-bottom: 2px;
    line-height: 13px;
    width: 368px;
    position: relative;
    font-weight: 700;
    transition: all .1s;
}

.games-list li .pgame img {
    position: absolute;
    width: 60px;
    height: 51px;
    top: 3px;
    left: 3px;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


 
.goster-title {
    float: left;
    font: 18px/66px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 66px;
    text-align: left;
    width: 307px;
}


.goster-title a {
    font: 18px/66px Trebuchet MS,Arial,Helvetica,sans-serif;
    text-decoration: none
}

.goster-title a:hover {
    font: 18px/66px Trebuchet MS,Arial,Helvetica,sans-serif;
    text-decoration: none
}

.header {
    content: "";
    display: block;
    line-height: 0
}

.header li {
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 1px;
    padding: 6px 5px 6px 6px;
    position: relative;
    text-align: center;
    transition: all .15s;
    width: 15px;
    font: 700 14px/14px helvetica,arial,sans-serif
}

.header ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float: right;
    margin-bottom: -10px;
    margin-top: -2px;
    overflow: hidden
}


.header-menu-box {
    float: left;
    height: 28px;
    text-align: left;
    width: 888px
}


.headerie {
    content: "";
    display: block;
    line-height: 0
}

.headerie li {
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 1px;
    padding: 6px;
    position: relative;
    text-align: center;
    transition: all .15s;
    width: 20px;
    font: 700 14px/14px helvetica,arial,sans-serif
}


.headerie ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    float: right;
    margin-bottom: -10px;
    margin-top: -32px;
    overflow: hidden;
}

.hitman-box {
    float: left;
    height: auto;
    padding-top: 5px;
    text-align: left;
    width: 498px
}


.hitman-left-box {
    float: left;
    font: 14px/18px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: auto;
    padding: 6px 0;
    text-align: center;
    width: 154px
}

.hitman-right-box {    float: right;
    font: 14px/18px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: auto;
    text-align: left;
    width: 340px
}

[class*=" icon-"],[class^=icon-] {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/images/sprite.png?v2.10);
    background-repeat: no-repeat;
    background-position: 0 0;
    line-height: 18px;
    vertical-align: text-top
}

.icon-comment {
    background-position: -47px -67px;
}

.icon-dislike {
    background-position: -45px -311px;
}

.icon-download {
    background-position: -47px -113px;
}

.icon-full-screen {
    background-position: -1px -159px;
}

.icon-game-box-org {
    background-position: -1px -113px;
}

.icon-game-box-org.added {
    background-position: -47px -159px;
}

.icon-history {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: 0 0;
    line-height: 18px;
    vertical-align: text-top;
    background: url(/images/sprite.png?v2.10) no-repeat -69px -251px;
}

.icon-like {
    background-position: -1px -311px;
}

.icon-like-min {
    background-position: -81px -316px;
}

.icon-like-min.liked {
    background-position: -81px -342px;
}

.icon-toggle-on {
    background-position: -4px -422px;
    width: 40px;
    height: 18px;
    cursor: pointer;
}

.icon-toggle-off {
    background-position: -4px -443px;
    width: 40px;
    height: 18px;
    cursor: pointer;
}

.icon-refresh {
    background-position: -1px -67px
}

.icon-video {
    height: 38px;
    margin: -12px 3px 0 0;
    width: 38px;
    background-position: -4px -471px;
}

.icon-how {
    background-position: -1px -204px;
}

.inner-01-top-box {
    float: left;
    height: auto;
    text-align: left;
    width: 827px
}

.inner-01-top-left {
    float: left;
    height: auto;
    padding-bottom: 30px;
    text-align: left;
    width: 498px;
}


.inner-01-top-right {
    float: right;
    height: auto;
    padding-bottom: 6px;
    text-align: left;
    width: 320px;
}


.inner-02-banner-box {
    float: left;
    height: auto;
    padding: 5px 0;
    text-align: left
}

.inner-02-banner-left {
    float: left;
    height: auto;
    padding: 24px 0 0;
    text-align: left;
    width: 710px
}

.inner-02-banner-right {
    float: right;
    height: auto;
    text-align: left;
    width: 85px
}

.inner-02-banner-right .right {
    float: right;
    margin-right: 0;
    padding-right: 0;
    width: 112px
}

.inner-02-banner-right .right .game-list {
    overflow-x: hidden;
    overflow-y: scroll
}

.inner-02-left {
    float: left;
    height: auto;
    padding-bottom: 10px;
    text-align: left;
    width: 150px
}

.inner-02-oyunlar-box {
    float: left;
    height: auto;
    padding: 7px 0;
    text-align: left;
}


.inner-02-oyunlar-left {
    float: left;
    height: auto;
    text-align: left;

}


.inner-02-oyunlar-right {
    float: right;
    height: auto;
    padding-left: 5px;
    text-align: left;

}

.inner-02-right {
    float: right;
    height: auto;
    padding-right: 12px;
    text-align: left;
    width: 800px
}

.inner-inside {
    float: left;
    height: auto;
    text-align: left;
    width: 990px
}

.inner-menu-box {
    float: left;
    height: auto;
    margin-top: 20px;
    padding-left: 220px;
    text-align: left;
    width: 371px
}

.inner-menu-left {
    float: left;
    height: auto;
    text-align: left;
    width: 37px
}

.inner-menu-right {
    float: right;
    height: auto;
    text-align: left;
    width: 334px
}

.input {
    border: none;
    height: 14px;
    padding-top: 2px;
    text-align: left;
    text-decoration: none;
    width: 89px;
    font: 400 10px/14px Helvetica,Arial,sans-serif;

}

.input-01-box {
    border: none;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 147px;
    font: 400 11px/18px Trebuchet MS,Arial,sans-serif;
}
	
.input-box {
    border: none;
    height: 20px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 184px;
    font: 700 11px/20px Helvetica,Arial,sans-serif;
}

.inputbutton,.inputsubmit {
    padding: 2px 15px 3px;
    text-align: center;

    border-width: 1px;
    font: 11px "lucida grande",tahoma,verdana,arial,sans-serif;
}

.input_container input {
    height: 20px;
    width: 200px;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 0
}

.input_container ul {
    width: 280px;
    position: absolute;
    z-index: 9;
    list-style: none
}

.input_container ul li {
    padding: 2px;
    text-align: left;
    width: 280px
}

.input_container ul li:hover {
    background: #eaeaea
}


.katagory-box {
    float: left;
    height: 28px;
    padding-top: 1px;
    text-align: left;
    width: 140px
}

.katagory-sec {

    height: 28px;
    margin: -1px 8px 0 0;
    padding: 4px 0;
    width: 140px;
}

.left-oyunu-box {
    float: left;
    height: auto;
    text-align: left;
    width: 147px
}

.leftarea {
    padding: 0
}

.listele {
    height: 937px;
    overflow-x: hidden
}

.logo {
    float: left;
    height: 75px;
    width: 80px
}

.logo-box {
    float: left;
    height: 75px;
    text-align: left;
    width: 80px
}

.logo-left {
    float: left;
    height: 127px;
    width: 20px
}

.mafya-title {
    float: left;
    font: 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: left;
    width: 498px
}


.mafya-title a:hover {

    font: 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif
}

.menu {
    float: right;
    height: 28px;
    text-align: right;
    width: 220px
}

.menu ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.menu ul li {
    display: block;
    float: left;
    text-align: center
}


.menu ul li a {
	display: block;
    font: bold 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 22px
}

.menu ul li a.active {
    font: bold 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: center;
    text-decoration: none
}

.menu ul li a:hover {
    font: bold 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: center;
    text-decoration: none
}

.menu-right-arrow {
    float: right;
    height: auto;
    text-align: right;
    width: 30px
}

.menu2 ul li {
    padding: 0 5px 2px
}

.gen1 {
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 5px 2px;
    text-align: right;
    width: 96px;
    margin: 2px;
    height: 17px;

}

.gen1:hover {
    font-size: 14px
}
.beg{
	margin:9px 0 0;
	width:auto;
	background-color:#ff34cc;
	position:absolute;
	display:inline-block;
	color:white;
	font:25px/16px Trebuchet MS
}
#content-1 {
    overflow: auto;
    position: relative;
    padding: 2px;
    background: #333;
    margin: 1px;
    max-width: 100%;
    height: 416px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 160px;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_dragger_bar {
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    background: hsla(0,0,100%,.75);
    background-color: #fff
}

.mCSB_inside>.mCSB_container {
    margin-right: 18px
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
    background: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonUp {
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    background-image: url(/css/images/mCSB_buttons.png);
    background-repeat: no-repeat;
}

.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    background: hsla(0,0,100%,.75);
    background-color: #fff
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    background: hsla(0,0,100%,.9);
    background-color: #fff
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
    background: hsla(0,0,100%,.85);
    background-color: #fff
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools .mCSB_draggerRail {
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background: rgba(0,0,0,.4);
    background-color: #000
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.navcontainer-01 {
    float: right;
    height: 54px;
    margin-left: 80px;
    text-align: left;
    width: 600px
}


.navcontainer-01 li a.active {
    display: block;
    font: bold 38px/54px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 40px
}

.navcontainer-01 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.navcontainer-01 ul li {
    display: block;
    float: left;
    height: 54px;
    margin: 0;
    margin-right: 12px;
    padding: 0;
    text-align: center
}

.navcontainer-01 ul li a {
    display: block;
    font: bold 20px/54px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 40px
}


.navcontainer-01 ul li a:hover {

    display: block;
    font: bold 20px/54px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 40px
}

.navcontainer-01 ul li.aktif {
    display: block;
    font: bold 20px/54px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 40px
}

.OyunComments {
    width: 380px;
    margin-bottom: 20px;
    float: left;
    max-height: 500px;
    overflow: auto;
}

.oyunlar-left-box {
    float: left;
    height: auto;
    padding-left: 0;
    text-align: left;
    width: 652px
}

.oyunlar-alt-box {
    float: left;
    height: auto;
    padding-left: 0;
    text-align: left;
    width: 820px;
    padding-top: 6px;
}

.oyunlar-left-box2 {
    float: left;
    height: auto;
    padding-left: 2px;
    text-align: left;
    width: 730px
}

.oyunlar-left-box3 {
    float: left;
    height: auto;
    padding-left: 2px;
    text-align: left;
    width: 820px
}


.oyunlar-left-title {
    float: left;
    font: 14px/26px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: left;
    /*width: 500px*/
}

.oyunlar-left-title3 {
    float: left;
    font: 14px/26px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: left;
    width: 235px
}

.oyunlar-left-title2 {
    width: 300px
}

.oyunlar-right-box {
    float: right;
    height: auto;
    text-align: left;
    width: 167px
}

.oyunlar-title {
	float: left;
    height: 28px;
    text-align: left;
    width: 652px
}

.oyunlar-title2 {
    float: left;
    height: 28px;
    text-align: left;
    width: 730px
}

.oyunlar-title3 {
	float: left;
    height: 28px;
    text-align: left;
    width: 830px
}


.oyunlar-title4 {
    float: left;
    height: 28px;
    text-align: left;
    width: 830px;
}


.playbutton {
    border-radius: 8px;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.333333;
    padding: 5px 15px;
    text-align: right;
    width: 93%;
}

.playbutton a {
    font-size: 23px;
    text-decoration: none;
}


.power {
    float: left;
    font: 12px/16px Trebuchet MS;
    text-align: left;
    width: 169px
}


.power li {
    height: 39px;
    list-style: none
}


.power li a {
    font: 12px/6px Trebuchet MS;
    vertical-align: middle;
}


.power li a.active {
    font: 12px/38px "Times New Roman",Times,serif;
    padding: 0 0 0 3px;
    text-decoration: none;
    width: 166px
}


.power ul {
    margin: 0;
    padding: 0
}

.power ul li img {
    float: left;
    margin-right: 8px;
    margin-top: 9px
}

.power-rangers-box {
    float: left;
    height: auto;
    text-align: left;
    width: 169px;
}

.reklam_ust {
    float: left;
    width: 912px;
    margin: -20px 2px 1px 81px;
    height: auto;
}

.reklam_orta {
    float: left;
    width: 820px;
    margin-top: -1px;
}

.reklam_area {
    float: right;
    height: 250px;
    width: 300px
}

.rightarea {
    left: 1045px;
    padding: 3px;
    position: absolute;
    top: 100px;
    width: 160px;
}

.rightarea2 {
    border-radius: 4px;
    left: 995px;
    padding: 3px;
    position: absolute;
    right: 55px;
    top: 125px;
    width: 160px
}

.rightarea3 {
    border-radius: 4px;
    left: 885px;
    padding: 3px 0 0 21px;
    position: absolute;
    right: 55px;
    top: 112px;
    width: 112px
}

.rightarea4 {
    border-radius: 4px;
    left: 1071px;
    padding: 3px;
    position: absolute;
    right: 55px;
    top: 125px;
    width: 160px
}

.rightarea5 {
    left: 995px;
    padding: 3px;
    position: absolute;
    right: 55px;
    top: 208px;
    width: 160px
}

.rightarea6 {
    left: 995px;
    padding: 3px;
    position: absolute;
    right: 57px;
    top: 913px;
    width: 160px;
}

.service-05 {
    clear: both;
    float: left;
    height: auto;
    padding: 7px 11px 9px;
    text-align: left;
    width: 806px;
}

.service-06 {
    clear: both;
    float: left;
    height: auto;
    padding: 7px 11px 9px;
    text-align: left;
    width: 806px;
}

.service-21 {
    clear: both;
    float: left;
    height: auto;
    padding: 10px 0px 0px 15px;
    text-align: left;
    width: 715px;
 }

.service-05 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-06 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-21 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-05 ul li {
    display: block;
    float: left;
    height: 127px;
    height: auto;
    margin-bottom: 0px;
    margin-right: 18px;
    padding: 0;
    text-align: center;
    width: 116px;
}

.service-06 ul li {
    display: block;
    float: left;
    height: 127px;
    height: auto;
    margin-bottom: 0px;
    margin-right: 18px;
    padding: 0;
    text-align: center;
    width: 116px;
}

.service-21 ul li {
    display: block;
    float: left;
    height: auto;
    margin-bottom: 15px;
    margin-right: 28px;
    padding: 0;
    text-align: center;
    width: 150px;
}


.service-21 ul li a {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 140px;
    margin: 0;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 165px;
}



.service-05 ul li a {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}

.service-06 ul li a {
	display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 132px;
}

.service-21 ul li a span {
    display: block;
    display: inline;
    font-size: 11px;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    right: -46px;
    text-align: center;
    top: 15px;
}



.service-05 ul li a:hover {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

.service-06 ul li a:hover {
	display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

.service-21 ul li a:hover {
    text-decoration: none;
    text-transform: none;
}

.service-02 {
    float: left;
    height: auto;
    padding: 12px 17px;
    text-align: left;
    width: 287px;
}

.service-02 {
    background: #ba55d3
}

.service-02 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-02 ul li {
    display: block;
    float: left;
    height: 127px;
    height: auto;
    margin-bottom: 20px;
    margin-right: 15px;
    padding: 0;
    text-align: center;
    width: 136px
}


.service-02 ul li a {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}


.service-02 ul li a:hover {
	display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}

.service-03 {
    float: left;
    height: auto;
    padding: 12px 17px 15px 16px;
    text-align: left;
    width: 136px;
 }

.service-03 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-03 ul li {
    display: block;
    float: left;
    height: 127px;
    height: auto;
    margin-bottom: 16px;
    padding: 0;
    text-align: center;
    width: 136px
}

.service-03 ul li a {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}


.service-03 ul li a:hover {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}

.service-032 {
    float: left;
    height: auto;
    padding: 1px 12px 12px 2px;
    text-align: center;
    width: 155px;
}

.service-032 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-032 ul li {
    display: block;
    float: left;
    height: 127px;
    height: auto;
    margin-bottom: 16px;
    padding: 0;
    text-align: center;
    width: 136px
}



.service-032 ul li a {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}

.service-032 ul li a:hover {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 120px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 136px
}

.service-033 {
    float: left;
    height: auto;
    padding: 1px 12px 12px 2px;
    text-align: right;
    width: 265px;
}

.service-04 {
    float: left;
    height: auto;
    padding: 6px 6px 0;
    text-align: left;
    width: 308px
}

.service-04 ul {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.service-04 ul li {
    display: block;
    float: left;
    height: auto;
    margin-bottom: 5px;
    margin-right: 10px;
    text-align: center;
    width: 95px;
}


.service-04 ul li a {
    display: block;
    font: 12px/13px Trebuchet MS;
    height: 91px;
    margin: 0;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 95px
}

.service-04 ul li a:hover {
    display: block;
    font: 12px/13px Trebuchet MS;
    height: 91px;
    margin: 0;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    width: 95px
}

.service-07 {
    clear: both;
    float: left;
    height: auto;
    padding: 4px 0px 4px 4px;
    text-align: left;
    width: 726px;
}

.service-07 ul li {
    display: block;
    float: left;
    height: auto;
    padding: 0;
    text-align: center;
    width: 90px;
}


.service-07 ul li a {   
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 71px;
}

.service-07 ul li a:hover {
	text-decoration: none;
    text-transform: none;
}

.service-bottom-box {
    float: left;
    height: auto;
    padding-top: 7px;
    text-align: left;
    width: 652px
}

.service-bottom-left {
    float: left;
    height: auto;
    text-align: left;
    width: 321px
}

.service-bottom-right {
    float: right;
    height: auto;
    text-align: left;
    width: 321px
}


.service-bottom-title {
    float: left;
    font: 18px/29px Trebuchet MS;
    height: 29px;
    text-align: left;
    width: 321px
}


.service-title-left {
    float: left;
    height: 29px;
    text-align: left;
    width: 135px
}

.sevdiginiz-title {
	font: 18px/26px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: center;
    width: 169px
}


.sevdiginiz-title-2 {
	float: left;
    font: 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: left;
    width: 140px
}

.sevdiginiz-title-3 {
    font: 18px/26px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: center;
    width: 255px
}

.sevdiginiz-top-box {
    float: left;
    height: auto;
    padding-bottom: 3px;
    text-align: left;
    width: 170px
}

.sevdiginiz-top-box2 {
    display: block;
    height: auto;
    padding-bottom: 3px;
    text-align: left;
    width: 169px
}

.soforu-bt {
    margin-right: 3px;
    margin-top: 2px
}

.soforu-title {
    float: left;
    height: 28px;
    text-align: left;
    width: 710px
}

.soforu-title-left {
    float: left;
    font: bold 18px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: left;
    width: 475px
}

.soforu-title-right {
    float: right;
    font: bold 11px/28px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 28px;
    text-align: right;
    width: 230px
}

.solid-link {
	display: block;
    font: bold 12px/18px Trebuchet MS,Arial,sans-serif;
    height: 100%;
    text-decoration: none;
    text-shadow: 0 -1px 0 #a6b0b7;
    width: 100%;
    font-size: 14px;
    font-family: "Trebuchet MS"
}

.soon-title {
    float: left;
    font: bold 11px/28px Trebuchet MS,Arial,sans-serif;
    height: auto;
    text-align: left;
}


.subnav {
    float: left;
    font: bold 12px/28px Helvetica,Arial,sans-serif;
    width: 127px;
    line-height: 28px
}

.subnav .ust {
    font: bold 12px/14px Helvetica,Arial,sans-serif;
    height: 12px;
    padding: 12px;
    text-align: right
}

.subnav ul {
    margin: 0;
    padding: 0
}

.subnav li {
    list-style: none
}

.subnav li a {
    display: block;
    font: bold 12px/28px Helvetica,Arial,sans-serif;
    height: 25px;
    padding-left: 9px;
    text-decoration: none
}

.subnav li a:hover {
    font: bold 12px/28px Helvetica,Arial,sans-serif;
    text-decoration: none;

}

.subnav li.secili {
    padding-left: 0
}

.temizle {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0
}

.tipsy {
    font-size: 10px;
    padding: 5px;
    position: absolute;
    z-index: 100000
}

.tipsy-arrow {
    border: 5px dashed #000;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0
}

.tipsy-e .tipsy-arrow {
    border-bottom-color: transparent;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    margin-top: -5px;
    right: 0;
    top: 50%
}

.tipsy-inner {
    border-radius: 3px;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px;
    text-align: center;
    background: #000
}

.tipsy-n .tipsy-arrow {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    left: 50%;
    margin-left: -5px;
    top: 0
}

.tipsy-ne .tipsy-arrow {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    right: 10px;
    top: 0
}

.tipsy-nw .tipsy-arrow {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    left: 10px;
    top: 0
}

.tipsy-s .tipsy-arrow {
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}

.sıralaması-box {
    float: left;
    height: auto;
    padding-bottom: 8px;
    text-align: left;
    width: 710px
}

.tipsy-arrow-e {
    border-left-color: #000
}

.tipsy-arrow-n {
    border-bottom-color: #000
}

.tipsy-arrow-s {
    border-top-color: #000
}

.tipsy-arrow-w {
    border-right-color: #000
}

.tipsy-se .tipsy-arrow {
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    bottom: 0;
    right: 10px
}

.tipsy-sw .tipsy-arrow {
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    bottom: 0;
    left: 10px
}

.tipsy-w .tipsy-arrow {
    border-bottom-color: transparent;
    border-left: none;
    border-right-style: solid;
    border-top-color: transparent;
    left: 0;
    margin-top: -5px;
    top: 50%
}


.title-link-box {
    float: right;
    font: 14px/29px Trebuchet MS,Arial,Helvetica,sans-serif;
    height: 29px;
    text-align: left;
    width: 174px
}

.title-link-box a {
    font: 14px/29px Trebuchet MS,Arial,Helvetica,sans-serif;
    text-decoration: none
}


.title-link-box a:hover,.title-link-box a.active {
    font: 14px/29px Trebuchet MS,Arial,Helvetica,sans-serif;
    text-decoration: none
}

.tooltipsy {
    border: 1px solid #deca7e;
    color: #303030;
    max-width: 200px;
    padding: 10px;
    background: #f5f5b5
}

.yellow-link {
    font: bold 12px/18px Trebuchet MS,Arial,sans-serif;
    text-decoration: underline
}

.yenioyunlar {
    clear: both;
    float: left;
    height: auto;
    padding: 1px;
    text-align: left;
    width: 650px;
}

.yenioyunlar .games-list img {
    font-size: 24px;
    height: 105px;
    margin: 2px;
    width: 150px
}

#begenim img {
    margin: 2px;
    height: 82px;
    width: 128px
}

#secim img {
    margin: 2px;
    height: 82px;
    width: 128px
}

.yenioyunlar .games-list li {
    float: left;
    height: 150px;
    line-height: 1.4;
    padding: 0;
    text-align: center;
    width: 160px;
}

.yenioyunlar ul li a {
    display: block;
    font: 13px/16px Trebuchet MS;
    height: 100%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #4a5259;
    width: 100%;
    font-family: "Trebuchet MS"
}

.yenioyunlar ul li a span {
    display: block;
    display: inline;
    font-size: 11px;
    line-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    right: -46px;
    text-align: center;
    top: 15px;
}

.yukleme {
    height: 200px;
    margin-top: 100px;
    text-align: center
}

.tags-list .badge {
    position: absolute;
    margin: -5px 0px 0px 58px;
}

.games-list .badge {
    background: #4a90e2;
 }

.games-list .badge {
	position: absolute;
    margin: -149px 0px 0px 53px;
}

.history .badge {
    padding: 3px 6px;
    vertical-align: top;
}

.a .badge {
    margin-top: -8px;
    padding: 3px 5px;
    vertical-align: top;
}


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10px;
}


.oyunhit ul {
    display: inline-block;
}

.oyunhit ul li {
    display: block;
    float: left;
    height: 12px;
    margin-right: 12px;
    padding: 7px;
    text-align: center;
    cursor: pointer;
    list-style-type: none;
    margin: 1px;
    font: 700 15px/14px helvetica,arial,sans-serif
}

#examples.dun {
    background: #e0a348
}

#examples.bugun {
    background: #48bde0
}

#examples.buay {
    background: #7ce048
}

.oyunhit ul li.dun {
    background: #e0a348
}

.oyunhit ul li.bugun {
    background: #48bde0
}

.oyunhit ul li.buay {
    background: #7ce048
}

.oyunhit ul li.loading {
    background: url(/images/loading.gif) no-repeat
}

.category-alt {
    color: #FFF
}

.fixedgame {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999
}

.fixedgame {
    background: #000;
}

.sub-categories.mini ul li a {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s
}

.sub-categories.mini:after,.sub-categories.mini:before {
    display: table;
    content: "";
    line-height: 0
}

.sub-categories.mini ul li {
    width: 60px;
    margin-bottom: 0;
    height: 64px
}

.sub-categories.mini ul li:hover a {
    top: 0;
    left: 0
}

.sub-categories.mini ul li:active a {
    top: 0;
    left: 0;
}

.sub-categories.mini ul li:active a {
    background: 0 0
}

.sub-categories.mini ul li:after,.sub-categories.mini ul li:before {
    display: none
}
.sub-categories.mini ul li a {
    color: #333;
}	
.sub-categories.mini ul li a {
    width: 60px;
    height: auto;
    display: block;
    background: 0 0;
    border: none;
    font-size: 11px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    transition: all .1s;
    padding: 0;
    text-align: center
}

.sub-categories.mini ul li a .img {
    width: 40px;
    height: 30px;
    margin: 0 auto
}

.sub-categories.mini ul li a .img:before {
    font-size: 40px;
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom:1}

#showPicker {
    position: relative;
    z-index: 1
}

.showPickerItems {
    margin: auto;
    height: 105px;
}

#showPicker .showPickerItem {
    width: 96px;
    position: relative;
    display: inline-block
}

#showPicker .showPickerItem:before {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 5px;
    width: 0;
    height: 84px;
    background: #ff0084;
    z-index: -1;
    content: ' ';
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transform: scale3d(0,1,1);
    -moz-transform: scale3d(0,1,1);
    -o-transform: scale3d(0,1,1);
    -ms-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1)
}

#showPicker .showPickerItem:hover:before {
    width: 86px;
    -webkit-transform: scale3d(1,1,1);
    -moz-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

#showPicker .showPickerImage {
    display: block;
    padding: 0 6px 20px
}

#showPicker .showPickerTitle {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    padding: 5px;
    width: 86px;
    background: black;
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(35,31,32,0.29);
    -moz-box-shadow: 1px 1px 4px 0 rgba(35,31,32,0.29);
    box-shadow: 1px 1px 4px 0 rgba(35,31,32,0.29)
}

#showPicker .showPickerTitle:after {
    display: block;
    position: absolute;
    top: -7px;
    left: 45px;
    border: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #000 transparent;
    width: 0;
    height: 0;
    content: ' '
}

#showPicker .selected .showPickerTitle {
    display: block
}

#showPicker .btn {
    display: none;
    margin: 38px -4px 0 0;
    width: 1px;
    height: 18px;
    background: url(/images/sprite.png?v2.10) no-repeat
}

#showPicker .btn-prev {
    float: left;
    background-position: -64px -273px;
}

#showPicker .btn-next {
    float: right;
    background-position: -88px -273px;
}

#internalShowPicker {
    border-bottom: 1px solid #c3c3c3;
    background: #1e1e1e
}

#showPicker .showPickerSliderArea {
    float: left;
    overflow: hidden;
    width: 670px;
    margin-left: 10px
}

.game #showPicker .showPickerSliderArea {
    width: 652px
}

.gameplay #showPicker .showPickerSliderArea {
    width: 775px
}

.ar #showPicker {
    direction: ltr
}

.featured {
    margin: 0 -10px 25px
}

.featured .carousel {
    float: left;
    position: relative;
    width: 400px;
    height: 210px;
    margin-left: 10px
}

.featured .carousel .items {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 210px;
    overflow: hidden
}

.featured .carousel .items .item {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(Opacity=82);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 1
}

.featured .carousel .items .item.active {
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(Opacity=82);
    z-index: 5
}

.featured .carousel .items .item a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(Opacity=82)
}

.featured .carousel .controls {
    position: absolute;
    right: 5px;
    bottom: -24px
}

.featured .carousel .controls a {
    float: left;
    display: table-cell;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    cursor: pointer
}

.featured .carousel .controls a.active>span {
    width: 16px;
    height: 16px;
    text-align: center
}

.featured .carousel .controls a.active>span>span {
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(Opacity=82)
}

.featured .carousel .controls a span {
    transition: all .1s
}

.featured .carousel .controls a>span {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    line-height: 15px
}

.featured .carousel .controls a>span>span {
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(Opacity=82);
    font-size: 10px;
    line-height: 10px
}

.featured .item {
    float: left;
    margin: 0 0 10px 10px
}

.featured .item.large a {
    width: 400px;
    height: 210px
}

.featured .item.large a .overlay {
    padding: 36px 100px 12px 12px
}

.featured .item.large a .icn-play-large {
    width: 84px;
    height: 84px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -42px;
    margin-top: -42px;
    background-image: url(/images/v2/play-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: .65;
    filter: alpha(opacity=65);
    filter: alpha(Opacity=82);
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.featured .item.medium a {
    width: 240px;
    height: 100px
}

.featured .item.medium a .overlay {
    padding: 32px 10px 9px
}

.featured .item.small a {
    width: 115px;
    height: 100px;
    font-size: 13px;
    font-weight: 400
}

.featured .item.small a .overlay {
    padding: 28px 8px 7px
}

.featured .item a {
    color: #FFF;
}

.featured .item a {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 16px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.featured .item a img {
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.featured .item a:hover img {
    opacity: .87;
    filter: alpha(opacity=87);
    filter: alpha(Opacity=82)
}

.featured .item a:hover .icn-play-large {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=82)
}

.featured .item a:active img {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(Opacity=82)
}


.featured .item a:after {    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.featured .item a .overlay {
    position: absolute;
    display: block;
    bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-right: 100px;
    left: 0;
    right: 0
}

.featured .item a .overlay small {
    display: block;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 4px
}


.featured .item a .overlay .action {
    display: inline-block;
    font-size: 11px;
    background-repeat: repeat-x;
    padding: 6px 11px 7px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: 500;
}

.oyunlar-title {
    margin-top: 15px;
}

#RS-Game-Play {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
    box-shadow: inset 0 0 4px rgba(0,0,0,.1);
    text-align: center;
    overflow: hidden;
    min-height: 465px;
    position: relative;
    z-index: 1;
}

.hit {
    margin: 9px 0 0;
    width: auto;

    position: absolute;
    display: inline-block;
    font: 25px/16px Trebuchet MS;
}

.c {
    width: 1065px;
    zoom:1;}

.c:before,.c:after {
    content: "";
    display: table;
    line-height: 0;
}

.c:after {
    clear: both;
}

a {
    text-decoration: none
}

body {
    text-decoration: none;
    text-transform: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font: 400 11px/14px Trebuchet MS,Arial,sans-serif;
 }


body a {
    font: bold 12px/18px Trebuchet MS,Arial,sans-serif
}

img {
    border: 0
}

p {
    margin: 7px 0
}

ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}

body>header {
    position: relative;
    margin-bottom: 27px;
}

body>header {
    width: 1000px;
    margin-bottom: 27px;
}

body>header .top {
    margin-left: 114px;
    padding: 11px 0 11px 0;
}

body>header .top:before,body>header .top:after {
    content: "";
    display: table;
    line-height: 0;
}

body>header .top:after {
    clear: both;
}

body>header .top .pg-title {    
font-size: 13px;
    font-weight: normal;
    float: left;
    padding-top: 2px;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

body>header .top .fb {
    border: 0;
    float: left;
    height: 20px;
    margin-left: 30px;
    overflow: hidden;
    width: 110px;
}

[class^=ca-],[class*=" ca-"] {
    background: url(/images/sprite.png?v2.10) no-repeat;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    line-height: 18px;
    vertical-align: text-top;
    width: 22px;
}

.ca-cn {
    background-position: 0 -247px;
}

.ca-tc {
    background-position: -23px -247px;
}

.ca-cr {
    background-position: -44px -247px;
}

.ca-dn {
    background-position: -1px -269px;
}

.ca-fb {
    background-position: -23px -269px;
}

.ca-ip {
    background-position: -46px -269px;
}

.ca-in {
    background-position: -1px -289px;
}

.ca-gr {
    background-position: -23px -289px;
}

.ca-ad {
    background-position: -47px -289px;
}

.ca-pl {
    background-position: -47px -1px;
}

.ca-vd {
    background-position: -80px -369px;
}

body>header .top .a {
    float: left;
    padding-top: 3px;
}
 
body>header .top .a a {
    margin-right: 16px;
}

body>header .top .fav {
    float: right;
    padding: 1px 10px 0 0;
}

body>header .top .fav>li {
    position: relative;
}

body>header .top .fav>li>a {
	font-size: 13px;
    font-weight: 700;
}

body>header .top .fav>li>a i {
    margin: -2px 4px 0 0;
}

body>header .top .fav>li>a span {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-repeat: repeat-x;
    border-radius: 2px;
    display: inline-block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 9px;
    font-weight: 400;
    margin-top: 1px;
    padding: 2px 4px;
    vertical-align: text-top;
}

body>header .top .fav>li.active .drop {
    display: block;
}

body>header .top .fav>li .drop {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    display: none;
    position: absolute;
    right: -15px;
    top: 25px;
    width: 180px;
    z-index: 9999999;
}

body>header .top .fav>li .drop:after {
    background: url(/images/sprite.png?v2.10) no-repeat;
    background-position: -74px -12px;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 7px;
    margin-left: -7px;
    position: absolute;
    right: 50px;
    top: -7px;
    width: 19px;
}

body>header .top .fav>li .drop.list li:last-child {
    border-bottom: 0;
}

body>header .top .fav>li .drop.list li a {
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    height: 30px;
    padding: 5px 5px 5px 50px;
    transition: all .1s;
    width: 180px;
}

body>header .top .fav>li .drop.list li a img {
    height: 30px;
    width: 40px;
}

body>header .top .fav>li .drop.list li a:hover {
    background-color: #f9f9f9;
}

body>footer .social .item a.fb {
    background-position: 0 -25px;
}

body>header .smenu>ul>li.dropmenu {
    position: relative;
}

body>header .smenu>ul>li.dropmenu>a:after {
	border-style: solid;
    border-width: 4px 4px 0;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin: 9px -6px 0 6px;
    width: 0;
}

.smenu .dropmenu.active .drop {
    display: block;
}

.smenu .drop:after {
    background: url(/images/sprite.png?v2.10) no-repeat;
    background-position: -77px -407px;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 11px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: -10px;
    width: 19px;
}

.smenu .drop .clmn {
    float: left;
}

.smenu .drop .clmn.l {
    border-right: 1px solid #e4e3e0;
    margin-right: 10px;
    padding-right: 15px;
}

.smenu .drop .clmn>span {
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 10px;
}

.smenu .drop .popular {
    margin-left: -5px;
    padding-top: 5px;
}


.smenu .drop .popular li a {
    -moz-border-radius: 2px;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-border-radius: 2px;
    -webkit-transition: all .1s;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    padding: 6px 10px 6px 6px;
    transition: all .1s;
    display: block;
}


.smenu .drop .popular li a:hover i {
    filter: alpha(opacity=90);
    opacity: .9;
}

.smenu .drop .popular li a:active {
	-moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.smenu .drop .popular li a i {
    filter: alpha(opacity=70);
    margin: -3px 4px -3px 0;
    opacity: .7;
}

.smenu .drop .all {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 251px;
    margin-top: 4px;
    overflow-y: scroll;
    width: 145px;
}

.smenu .drop .all li a {
    display: block;
    padding: 5px 2px;
}

.list li:last-child {
    border-bottom: 0;
}

.list li a {
    display: table-cell;
    font-size: 11px;
    height: 45px;
    padding: 5px 5px 5px 70px;
    position: relative;
    vertical-align: middle;
    width: 168px;
}

.list li a img {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 45px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 60px;
}


.list li a small {
	display: block;
    font-size: 9px;
    margin-top: 3px;
}

.list.activeme li a {
    height: 16px;
    padding: 5px 5px 5px 8px;
}


.list.activeme li a img {
    display: none;
}

.list.activeme li a small {
    display: none;
}

.list.activeme li.active a {
    height: 45px;
    padding: 5px 5px 5px 70px;
}

.list.activeme li.active a img {
    display: block;
}

.list.activeme li.active a small {
    display: block;
}

body>header .smenu {
    border-radius: 15px;
    -moz-border-radius: 2px;
    border-radius: 2px;	
}


body>header .smenu:before,body>header .smenu:after {
    content: "";
    display: table;
    line-height: 0;
}

body>header .smenu:after {
    clear: both;
}

body>header .smenu>ul {
    float: left;
    margin-left: 112px;
    position: relative;
    zoom:1;}

body>header .smenu>ul:before,body>header .smenu>ul:after {
    content: "";
    display: table;
    line-height: 0;
}

body>header .smenu>ul:after {
    clear: both;
}

body>header .smenu>ul>li {
    float: left;
}


body>header .smenu>ul>li>a {
	display: block;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 17px;
    padding: 12px 16px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}


body>header .smenu>ul>li.logo {
    left: -124px;
    position: absolute;
    top: -53px;
}

body>header .smenu>ul>li.logo a {
    padding: 0;
}

body>header .smenu>ul>li.logo a:hover {
    background: 0;
}

body>header .smenu .search {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    float: right;
    margin: 8px 8px 0 0;
    padding: 5px 4px;
    -moz-border-radius: 20px;
    background-repeat: repeat-x;
}

body>header .smenu .search [type=search] {
    color: #ece4dd;
}
body>header .smenu .search [type=search] {
    background: 0;
    border: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 12px;
    outline: 0;
    padding: 0 0 0 6px;
    vertical-align: middle;
    width: 130px;
}

body>header .smenu .search [type=submit] {
    background: url(/images/sprite.png?v2.10) no-repeat;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-right: 2px;
    outline: 0;
    width: 18px;
}

body>footer .logo {
    float: left;
    margin: -33px 22px -25px -39px;
}

input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

body>header .bg {
    background-repeat: repeat-x;
    height: 65px;
    position: absolute;
    top: 0;
    width: 1065px;
    z-index: -1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

.about .article .contact-form label {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    margin-left: 2px;
}

.about .article .contact-form input[type=email], .about .article .contact-form input[type=text], .about .article .contact-form textarea {
    font-size: 16px;
    padding: 6px;
    width: 240px;
    margin-bottom: 15px;
    display: block;
}

input[type=email], input[type=password], input[type=text], textarea {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    padding: 4px;
}

button, input {
    line-height: normal;
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    outline: 0;
}

.about .c-right {
    width: 730px;
}

.c-right {
    float: right;
}

.about .c-left {
    width: 730px;
    font-size: 13px;
}

.about .c-left label {
    font-size: 20px;
}

.c-left {
    float: left;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

.about {
    padding-bottom: 40px;
}

.container {
    width: 980px;
    margin: 0 auto;
}

.about .page-title {
    margin-bottom: 20px;
    margin-top: 0;
}


.page-title {
    margin-top: -13px;
    font-size: 24px;
    margin-bottom: 6px;
}

body>header .smenu .history {
    margin: -4px 0px 0 0;
}

#kutu {
    left: 800px;
    position: absolute;
    z-index: 9999999;
    top: -5px;
}

.game-box {
    padding: 11px 0 6px 12px!important;
    border: none;
    position: relative;
    margin-right: 12px;
    display: inline-block;
}

.icon-box {
    background-position: -19px -2px;
}

.game-box>a .count {
    display: inline-block;
    font-size: 9px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    padding: 0 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 15px;
}

.game-box .drops .inner {
    width: 190px;
    padding-right: 10px;
}

.nano .scrollContent {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.game-box .drops .inner li .icon-x {
    border: none;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 9px;
    height: 9px;
    display: block;
    cursor: pointer;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(Opacity=82);
}

.game-box .drops .inner li .icon-x {
    background-color: transparent;	
}

.icon-x {
    background-position: -2px -15px;
}

.game-box .drops .inner li:last-child {
    border-bottom: none;
}

.game-box .drops .inner li {
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    width: 180px;
}

.game-box .drops .nano {
    min-height: 46px;
    max-height: 240px;
    width: 207px;
}

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


body>header .smenu>ul>li.clickmenu,body>header .smenu>ul>li.hovermenu {
    position: relative;
}

body>header .smenu>ul>li.drop {
    position: absolute;
    z-index: 9999999;
    left: 50%;
    padding-top: 9px;
    top: 40px;
    display: none;
}

body>header .smenu>ul>li.drops {
    position: absolute;
    z-index: 9999999;
    left: 50%;
    padding-top: 9px;
    top: 40px;
    display: none;
}

.game-box.active .drops {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(Opacity=82);
}

.game-box .drops {
    margin-left: -104px;
}

body>header .smenu>ul>li.clickmenu.active .drop,body>header .smenu>ul>li.hovermenu.active .drop {
    display: block;
}

body>header .smenu>ul>li.clickmenu.active .drops,body>header .smenu>ul>li.hovermenu.active .drops {
    display: block;
}

body>header .smenu>li.drop {
    position: absolute;
    z-index: 9999999;
    left: 50%;
    padding-top: 9px;
    top: 40px;
    display: none;
}

.smenu>li .drops {
    position: absolute;
    z-index: 9999999;
    left: 50%;
    padding-top: 9px;
    top: 40px;
    display: none;
}


ul.inner.scrollContent {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.game-box .drops .inner li a {
    color: #333;
 }

.game-box .drops .inner li a {
	display: table-cell;
    vertical-align: middle;
    padding: 5px 0 5px 50px;
    position: relative;
    height: 32px;
    width: 130px;
    font-size: 11px;
}

.game-box .drops .inner li a img {
    position: absolute;
    left: 5px;
    width: 40px;
    height: 32px;
    top: 5px;
}

.smenu .drop {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
    left: 30%;
    margin-left: -138px;
    padding: 10px 0 15px 15px;
    position: absolute;
    top: 48px;
    width: 325px;
    z-index: 9999999;
}

.icon-x:hover {
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
    filter: alpha(Opacity=82)!important
}

.game-box .drops .inner li:hover .icon-x {
    opacity: .2;
    filter: alpha(opacity=20);
    filter: alpha(Opacity=82)
}

.nano .scrollContent:focus {
    outline: dotted thin
}

.game-box>a {
    padding: 2px 8px 3px 3px!important;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px!important;
    line-height: 19px!important;
}

.notify {
	position: fixed;
    top: 0;
    left: 50%;
    margin-left: -215px;
    width: 430px;
    height: 130px;
    z-index: 10003;
    -webkit-transform: translateY(-175px);
    -webkit-animation: slideDown 2.5s 1.5s 1 ease forwards;
    -moz-transform: translateY(-175px);
    -moz-animation: slideDown 2.5s 1.5s 1 ease forwards
}

.notify .txt {
    margin: 24px 10px 10px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: 375px;
    position: relative;
    padding-left: 35px;
    padding-top: 10px;
}

.notify .txt {
    color: #666
}

.notify .txt .alerticon {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 6px
}

.notify .buttons {
    text-align: right;
    margin-right: 10px;
    margin-top: 20px
}

.notify .buttons .btn-white {
    color: rgba(0,0,0,.5);
}

.notify .buttons a {
    font-size: 16px;
    padding: 15px;
}

.btn-white {
    color: #333;
    background-color: #FFF;
    background-image: -moz-linear-gradient(top,#FFF,#f3f3f3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#f3f3f3));
    background-image: -webkit-linear-gradient(top,#FFF,#f3f3f3);
    background-image: -o-linear-gradient(top,#FFF,#f3f3f3);
    background-image: linear-gradient(to bottom,#FFF,#f3f3f3);
    border-color: #f3f3f3 #f3f3f3 #cdcdcd;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}

.btn-green, .btn-purple, .btn-white {
    text-shadow: none;
}

.btn-green.active, .btn-green.disabled, .btn-green:active, .btn-green:hover, .btn-green[disabled] {
    color: #FFF;
    background-color: #309f00;
}

.btn-green {
    color: #FFF;
    background-color: #2bca00;
    background-image: -moz-linear-gradient(top,#2bca00,#309f00);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#2bca00),to(#309f00));
    background-image: -webkit-linear-gradient(top,#2bca00,#309f00);
    background-image: -o-linear-gradient(top,#2bca00,#309f00);
    background-image: linear-gradient(to bottom,#2bca00,#309f00);
    border-color: #309f00 #309f00 #195300;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}

.btn {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    border: none
}

.btn a:hover {
    text-decoration: none
}

.btn-danger {
    border-color: #d43f3a;
    color: #fff;
    background: #d9534f
}

.btn-warning {
    border-color: rgba(0,0,0,0.3);
    color: #fff;
    background: ##DFD271
}

.btn-large {
    padding: 9px 16px;
    font-size: 13px;
    line-height: 13px;
}

.btn, .btn-green, .btn-purple, .btn-white {
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn, .mod-title, .page-header .menu-bar .menu>li>a, .page-header .menu-bar .search .search-field, .page-header .top-bar .page-title, .page-title, body, input[type=email], input[type=password], input[type=text], textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button, input {
    line-height: normal;
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    outline: 0;
}

i.new-label {
    display: block;
    position: relative;
    top: -155px;
    right: -112px;
    width: 50px;
    height: 50px;
    background-image: url(/images/sprite.png?v2.10);
    background-repeat: no-repeat;
    background-position: -52px -196px;
    z-index: 2;
}

.yeni-label {
	margin: 6px 38px 0;
    width: auto;
    position: absolute;
    display: inline-block;
    font: 17px/19px Trebuchet MS;
}


.smenu .drops {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
    left: 75%;
    margin-left: -138px;
    position: absolute;
    top: 48px;
    width: 204px;
    z-index: 9999999;
}

.smenu .drops:after {
    background: url(/images/sprite.png?v2.10) no-repeat;
    background-position: -77px -407px;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 11px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: -10px;
    width: 19px;
}

.nfo {
    float: right;
    margin: -9px 20px 0 0;
    color: #39efdd;
    font-size: 11px;
}

h1.game-title {
    font-size: 24px;
    float: left;
    margin-right: 20px;
}

.oynanir-text-box .header {
    border-bottom: 1px solid #5d6280;
    margin-bottom: 10px;
    padding-bottom: 14px;
}

.oynanir-text-box .header:before {
    display: table;
    line-height: 0;
    content: "";
}

.oynanir-text-box.oyun {
    width: auto;
}

.oynanir-text-box {
    float: left;
    font: 11px/15px Trebuchet MS,Arial,sans-serif;
    height: auto;
    padding: 19px 5px;
    text-align: left;
}

.oynanir-text-box article {
    margin-bottom: 20px;
    max-height: 300px;
    overflow: auto;
}

.oynanir-text-box .blog {
    margin-bottom: 20px;
    max-height: 2500px;
    overflow: auto;
}


.star {
    background-position: 0 -368px;
    width: 71px;
    float: left;
    margin: 78px 0px 0px 56px;
    position: absolute;
}

.star, .star>span {
    display: block;
    height: 12px;
}

.star {
    background-image: url(/images/sprite.png?v2.10);
    background-color: rgba(0, 0, 0, 0.38);
}

.star>span {
    background-repeat: no-repeat
}

.star>span {
    background-image: url(/images/sprite.png?v2.10);
    background-position: 0 -353px;
}

.review .rating {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #ebebeb;
    float: left;
    margin: -2px 0px 0px 4px;
}

.review {
    margin-bottom: 3px;
    display: block;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #ebebeb;
    float: left;
    margin: -2px 0px 0px 6px;
}

.rating .votes {
    margin: 0px 2px 0px 25px;
}

.title-star {
    display: none;
}

.review .star {
    background-position: 0px -368px;
    width: 68px;
    float: left;
    margin: 0px -26px 0px -4px;
    position: inherit;
}

.mini-thumb li a img {
    width: 80px;
    height: 60px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-bottom: 4px;
    transition: all .1s;
}

.mini-thumb li a img {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
}


.mini-thumb li a {
	text-align: center;
    display: block;
    width: 91px;
    height: 99px;
    font-size: 11px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.sonoyun .list-divider:first-child {
    padding-top: 50px;
}

.sonoyun .list-divider {
    font-weight: 700;
    padding: 20px 0 10px 20px;
    border-bottom: 2px solid #ff5406;
}

.sonoyun .mini-thumb {
    margin-bottom: 15px;
}

.mini-thumb {
    padding: 0 0 10px;
    margin-left: 0;
}

.mini-thumb:after, .mini-thumb:before {
    display: table;
    content: "";
    line-height: 0;
}

.sonoyun .mini-thumb li {
    margin: 19px 0 0 19px;
}

.sonoyun .mini-thumb li {
    float: left;
}

.mini-thumb:after,.thumb-view:after, .window .header:after {
    clear: both;
}

i.tg {
    color: #86f569;
    margin: 3px 3px 0px;
    width: auto;
    position: absolute;
    background-color: #1a5a24;
    padding: 3px 3px 2px 3px;
    z-index: 2;
    font-style: normal;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin-bottom: 2px;
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,.6);
    box-shadow: 0 0 0 2px rgba(255,255,255,.6);
}

i.td {
    opacity: 0.7;
    color: aqua;
    margin: 84px 10px 0;
    width: auto;
    position: absolute;
    background-color: #1e95b5;
    padding: 3px 3px 2px 3px;
    z-index: 2;
    font-style: normal;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin-bottom: 2px;
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,.6);
    box-shadow: 0 0 0 2px rgba(255,255,255,.6);
}

i.td.bgn {
    margin: 71px 14px 0px;
    padding: 1px 2px 0px 2px;
}

i.td.oyn {
    margin: 64px 6px 0px;
    padding: 1px 2px 0px 2px;
}

i.tv.ng {
    background-color: #BDBDBD;
}

i.tv {
    color: #092efd;
    margin: 88px 136px 0px;
    width: auto;
    position: absolute;
    background-color: #ffeb3b8c;
    padding: 0px 3px 0px 3px;
    z-index: 2;
    font-weight: bold;
    font-style: normal;
    -moz-border-radius: 2px;
    border-radius: 0px;
    display: block;
    margin-bottom: 2px;
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,.6);
    box-shadow: 0 0 0 2px rgba(11,39,234,0.43);
}

i.tv.dgr {
    margin: 87px 145px 0px;
    padding: 1px 3px 1px 3px;
}

i.tv.bgn {
    margin: 61px 113px 0px;
    padding: 2px 3px 1px 3px;
}

i.tv.oyn {
    margin: 66px 131px 0px;
}

i.tv.dm,i.tv.oyn.dm,i.tv.bgn.dm,i.tv.dgr.dm {
    color: #ffffff;
    background-color: #0879c796;
}

.video.video-title.dm {
    color: #ffffff;
    background-color: #0879c7;
}

i.tv.yt,i.tv.oyn.yt,i.tv.bgn.yt,i.tv.dgr.yt {
    color: #ffffff;
    background-color: #f11e0f96;
}

.video.video-title.yt {
    color: #ffffff;
    background-color: #f11e0f;
}

i.tm {
    margin: 86px 33px 0px;
    position: absolute;
    z-index: 2;
}

i.tm.dgr {
    margin: 85px 47px 0px;
}

i.tm.bgn {
    margin: 59px 33px 0px;
}

i.tm.oyn {
    margin: 65px 108px 0px
}

i.ts {
    margin: 84px 35px 0px;
    position: absolute;
    z-index: 2;
}

i.ts.dgr {
    margin: 83px 49px 0px;
}

i.ts.bgn {
    margin: 57px 35px 0px;
}

i.ts.oyn {
    margin: 64px 109px 0px;
}

.ca-fl {
    opacity: 0.7;
    background-position: -1px -605px;
}

.ca-un {
    background-position: -24px -607px;
}

i.edit-label {
    opacity: 0.5;
    display: block;
    position: relative;
    top: -100px;
    width: 38px;
    height: 38px;
    background-image: url(/images/sprite.png?v2.10);
    background-repeat: no-repeat;
    background-position: -55px -420px;
    z-index: 2;
    cursor: pointer;
    margin: -50px 1px 0px;
}

i.edit-label.kucuk {
    margin: -41px 0px 0px;
    top: -93px;
}

i.mn {
    margin: -4px -1px 0px -3px;
}

i.er.dgr {
    margin: 11px 137px 0;
    padding: 7px 6px;
}

i.er.oyn {
    margin: 6px 114px 0;
    padding: 7px 6px;
}

i.er {
    color: #fdeafe;
    width: auto;
    position: absolute;
    background-color: red;
    font-size: xx-large;
    z-index: 2;
    font-style: normal;
    -moz-border-radius: 2px;
    border-radius: 1;
    display: block;
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,.6);
    box-shadow: 0 0 0 2px rgb(247, 199, 0);
}

.video-title {
    color: #013e5a;
    font-size: 24px;
    padding: 14px 6px 2px 6px;
    background-color: #fee500;
}

.game .social .title {
    color: #930f53;
    font-weight: bold;
    font-size: 10px;
    display: block;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    padding: 3px 0;
}

.game .social.report .title {
    color: #fa0000;
}

.game .social.report {
    margin-top: 375px;
    background: #b1b1b1;
}

.game .social {
    position: absolute;
    background-color: #f3f3f3;
    border-style: solid;
    border-width: 1px;
    border-color: #e7e7e7;
    width: 50px;
    top: 0px;
    left: 100px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin-top: 189px;
}

.game .social ul {
    padding-bottom: 6px;
}

.game .social ul li {
    padding: 11px 11px 0 11px;
}

.game .social ul li a {
    display: block;
}

.icon-fb-cl {
    background-position: 0px -36px;
    width: 28px;
    height: 28px;
}

.icon-tw-cl {
    background-position: -31px -36px;
    width: 28px;
    height: 28px;
}

.icon-gp-cl {
    background-position: -62px -35px;
    width: 28px;
    height: 28px;
}

.icon-em-cl {
    background-position: -42px -1px;
    width: 28px;
    height: 28px;
}

.icon-rp-cl {
    background-position: -72px -2px;
    width: 28px;
    height: 28px;
}


.oyun_haber img {
    float: left;
    height: 200px;
    width: 250px;
}


.oyun_haber li {
    float: left;
    padding: 6px;
    text-align: left;
    width: 795px;
}

.oyun_haber li span {
    font-size: 12px;
    line-height: 1.5;
}

.oyun_haber li a {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bolder;
}

.oyun_haber ul, li {
    list-style: none;
    margin: 0;
}

.oyun_haber {
}

.blog-text-box .header {
    border-bottom: 1px solid #5d6280;
    margin-bottom: 10px;
    padding-bottom: 14px;
}

.blog-text-box .header:before {
    display: table;
    line-height: 0;
    content: "";
}


.blog-text-box.oyun {
    width: auto;
}

.blog-text-box {
    float: left;
    font: 11px/15px Trebuchet MS,Arial,sans-serif;
    height: auto;
    padding: 19px 5px;
    text-align: left;
    width: 810px;
}


.blog-text-box article {
    margin-bottom: 20px;
    max-height: 500px;
    overflow: auto;
}

.blog-text-box .blog {
    margin-bottom: 20px;
    max-height: 2500px;
    overflow: auto;
}

.hidden {
    display: none!important;
    visibility: hidden!important;
}

.tags-list {
    padding: 0 1px;
}

.tags-list a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0 0 10px;
    width: 125px;
 }

.tags-list a {
	background: white;
}

.tags-list img {
    display: inline-block;
    margin: 4px;
    vertical-align: middle;
}

.tags-list a p {
    display: inline-block;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 75px;
}

.icon-joypad-large {
    background-position: -8px -518px;
}

.content {
    height: 196px;
}

.window {
    margin-bottom: 20px
}

.window.black .content {
    background-color: #444;
    border: 1px solid #000
}

.window.black .content .show-all {
    background-color: #444;
    background-image: -moz-linear-gradient(top, #444, #333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333));
    background-image: -webkit-linear-gradient(top, #444, #333);
    background-image: -o-linear-gradient(top, #444, #333);
    background-image: linear-gradient(to bottom, #444, #333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff333333', GradientType=0);
    border-top: 1px solid #222;
    -webkit-box-shadow: inset 0 1px 0 #555;
    -moz-box-shadow: inset 0 1px 0 #555;
    box-shadow: inset 0 1px 0 #555;
    color: #CCC;
    text-shadow: -1px -1px 0 #111
}

.window.black .content .show-all:hover {
    color: #FFF;
    background-color: #4d4d4d;
    background-image: -moz-linear-gradient(top, #4d4d4d, #3d3d3d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), to(#3d3d3d));
    background-image: -webkit-linear-gradient(top, #4d4d4d, #3d3d3d);
    background-image: -o-linear-gradient(top, #4d4d4d, #3d3d3d);
    background-image: linear-gradient(to bottom, #4d4d4d, #3d3d3d);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d4d4d', endColorstr='#ff3d3d3d', GradientType=0)
}

.window .content {
    background-color: #f3f3f3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e7e7e7;
    overflow: hidden
}

.window .content .show-all {
    -webkit-box-shadow: inset 0 1px 0 #f8f8f8;
    -moz-box-shadow: inset 0 1px 0 #f8f8f8;
    box-shadow: inset 0 1px 0 #f8f8f8;
    background-color: #EEE;
    display: block;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #525252;
    border-top: 1px solid #e7e7e7;
    padding: 8px 0;
    color: #666;
    text-shadow: 1px 1px 0 #FFF
}

.window .content .show-all:hover {
    background-color: #f1f1f1;
    color: #333
}

.window .content .show-all:active {
    background-color: #EEE
}

.latest-played {
    margin-bottom: 30px
}

.latest-played .content {
    padding-top: 9px
}

.latest-played .content.empty {
    text-align: center;
    background-color: #f3f3f3;
    border-color: #e7e7e7;
    display: table-cell;
    height: 208px;
    padding: 0;
    vertical-align: middle;
    width: 168px;
    font-weight: bold;
    color: #999;
    font-size: 14px
}

.latest-played .content.empty i {
    width: 82px;
    height: 80px;
    margin-bottom: 15px
}

.latest-played .content .show-all {
    padding: 6px 0
}

.latest-played .games {
    *zoom:1}

.latest-played .games:before,.latest-played .games:after {
    display: table;
    content: "";
    line-height: 0
}

.latest-played .games:after {
    clear: both
}

.latest-played .games li {
    float: left;
    margin: 0 0 32px 9px;
    width: 70px;
    height: 55px;
    -webkit-box-shadow: inset 0 0 1px #000;
    -moz-box-shadow: inset 0 0 1px #000;
    box-shadow: inset 0 0 1px #000;
    background-color: #575757;
    background-image: url("/images/sprite.png?v2.10");
    background-repeat: no-repeat;
    background-position: -42px -463px;
}

/*@media all and (-webkit-min-device-pixel-ratio: 2) {
    .latest-played .games li {
        background-image:url("/images/sprite@2x.png");
        background-size: 100px
    }
}*/
.latest-played .games li a {
    display: block;
    background-color: #444;
    width: 70px;
    height: 81px;
    color: #CCC;
    font-size: 10px;
    text-align: center;
    overflow: hidden
}

.latest-played .games li a img {
    width: 70px;
    height: 55px;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    margin-bottom: 2px
}

.latest-played .games li a:hover {
    color: #FFF
}

.latest-played .games li a:hover img {
    opacity: .86;
    filter: alpha(opacity=86);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=82)
}

.latest-played .games li a:active img {
    opacity: .9;
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=82);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.latest-played .all {
    color: #999
}

.latest-played .all:hover {
    color: #666
}

.keyboard {
    font: normal 11px/15px Arial
}

.keyboard span {
    background-image: url(/images/icon_keys.png?1);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    text-indent: -10000px;
    vertical-align: middle
}

.keyboard span.keyboard_alt {
    background-position: 0 -151px;
    width: 38px
}

.keyboard span.keyboard_ASAGI {
    background-position: 0 -456px;
    width: 24px
}

.keyboard span.keyboard_ASDW {
    background-position: 0 -586px;
    width: 52px
}

.keyboard span.keyboard_BOSLUK {
    background-position: 0 -328px;
    width: 77px
}

.keyboard span.keyboard_CTRL {
    background-position: 0 -232px;
    width: 38px
}

.keyboard span.keyboard_END {
    background-position: 0 -311px;
    width: 38px
}

.keyboard span.keyboard_ENTER {
    background-position: 0 -167px;
    width: 47px
}

.keyboard span.keyboard_LR {
    background-position: 0 -488px;
    width: 49px
}

.keyboard span.keyboard_M {
    background-position: 0 -68px;
    width: 23px
}

.keyboard span.keyboard_MDL {
    background-position: 0 -103px;
    width: 23px
}

.keyboard span.keyboard_MOUSE {
    background-position: 0 3px;
    width: 18px
}

.keyboard span.keyboard_MR {
    background-position: 0 -32px;
    width: 18px
}

.keyboard span.keyboard_other {
    background-position: 0 -556px;
    color: #004671;
    font: bold 14px/22px Arial;
    height: 22px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    text-shadow: 0 1px #fff;
    width: 24px
}

.keyboard span.keyboard_SAG {
    background-position: 0 -392px;
    width: 24px
}

.keyboard span.keyboard_SHIFT {
    background-position: 0 -200px;
    width: 47px
}

.keyboard span.keyboard_SOL {
    background-position: 0 -359px;
    width: 24px
}

.keyboard span.keyboard_TAB {
    background-position: 0 -263px;
    width: 38px
}

.keyboard span.keyboard_UD {
    background-position: 0 -520px;
    width: 49px
}

.keyboard span.keyboard_YON {
    background-position: 0 -628px;
    width: 52px
}

.keyboard span.keyboard_YUKARI {
    background-position: 0 -423px;
    width: 24px
}

.theme_settings {
    margin-top: -0.0625em;
    margin-right: 0.5em;
    height: 40px;
    z-index: 1;
    float: right;
    color: #000;
}

.theme_settings button {
    padding: 0 .0625em;
    border-radius: .125em;
    line-height: 1;
    font-size: 1em;
    background: #438afe;
    border: none;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    outline: 0;
	color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-overflow: ellipsis;
    transition: background 450ms cubic-bezier(0.23, 1, 0.32, 1),opacity 0.4s ease;
    white-space: nowrap;
    cursor: pointer;		
    user-select: none;	    
	font-family: Dosis,Helvetica,Arial,sans-serif;
}
.icon--color-palette {
    background-position: -6.5em -55em;
    width: 2em;
    height: 2em;
}
.theme_settings button:hover {
    background: #3c7ce4;
}

.button:hover, .button:focus {
    background-color: #3c7ce5;
    border-color: #3975d8;
    text-decoration: none;
}
.dropdown-box {
    z-index: 2;
    position: absolute;
    top: 3.08em;
    display: none;
    width: 15em;
    border-radius: .3rem;
    background: #7db343;
}
.theme_settings .dropdown-box {
    top: 3em;
    width: 10em;
    box-shadow: 0px 2px 5px 0px rgba(50,50,50,0.12);
    margin-left: -4.5em;
    padding: 0.8em;
}
.dropdown-box:before {
    width: 100%;
    height: 0.9em;
    top: -0.9em;
}

.dropdown-box:before, .dropdown-box:after {
    content: '';
    position: absolute;
}
.theme_settings .title {
    padding-bottom: 0.5em;
}
.dropdown-box ul {
    background: #7db343;
}
.dropdown-container:hover .dropdown-box {
    display: block;
}
.theme_settings .dropdown-box, .theme_settings .title, .theme_settings ul {
    background: #fff;
}
.theme_settings li {
    transition: background-color 0.25s ease-in-out;
    cursor: pointer;
    padding: 0.375em;
}
.theme_settings li:hover {
    background: #e0e0e0;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.theme_settings .theme {
    border: 1px solid #bdbdbd;
    float: left;
    margin-right: 0.4em;
    width: 1.5em;
    height: 1.5em;
}
.theme_settings .theme-kirmizi {
    background: #f44336;
}

.theme_settings .theme-yesil {
    background: #50ab16;
}
.theme_settings .theme-mavi {
    background: #2c86ba;
}
.theme_settings .theme-siyah {
    background: #000;
}
.theme_settings .theme-sari {
    background: #F1DF4B;
}
#VDCWTbtn #VDCWTbtn-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    cursor: pointer;
    z-index: 30;
    background: #000;
    border: 2px solid #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgb(41, 119, 171);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 210, 0);
    border-image: initial;
}

#VDCWTbtn #VDCWTbtn-close #VDCWTbtn-closeHovered {
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 999;
}

#VDCWTbtn #VDCWTbtn-close #VDCWTbtn-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#VDCWTbtn #VDCWTbtn-textBlock img.video {
    max-width: 200px;
    max-height: 113px;
}

#VDCWTbtn #VDCWTbtn-textBlock img.wt_front {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

#VDCWTbtn #VDCWTbtn-textBlock span.howtoplay_text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 19px;
    background: #4c4c4c;
    color: #e4e4e4;
    font-size: 10px;
    line-height: 23px;
    font-weight: bold;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#VDCWTbtn #VDCWTbtn-textBlock {
    float: left;
    width: 200px;
    height: 113px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#VDCWTbtn.VDCWTbtnAnimated {
    -webkit-animation: WTbounce 2s ease-in-out 1 both;
    -moz-animation: WTbounce 2s ease-in-out 1 both;
    -ms-animation: WTbounce 2s ease-in-out 1 both;
    animation: WTbounce 2s ease-in-out 1 both;
}

#VDCWTbtn {
    position: fixed;
    min-width: 200px;
    color: #95a5a5;
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.59);
    cursor: pointer;
    z-index: 99999999999999;
    display: none;
    border: 2px solid #FFF;
    background: #000;
    direction: ltr;
    background: rgb(41, 119, 171);
    color: rgb(204, 204, 204);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 210, 0);
    border-image: initial;
    bottom: 20px;
    right: 20px;
}

video.media-video__video {
    object-fit: unset;
}

.media-video__video {
    min-width: 97%;
    min-height: 100%;
    /* position: absolute; */
    /* margin: 58px 0px 0px -80px; */
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-1%,-100%);
}

.soforu-title.gameplay {
    width: 830px;
}

.inner-inside.gameplay {
    width: 877px;
}

.inner-02-right.gameplay {
    width: 800px;
}

.inner-02-banner-left.gameplay {
    width: 835px;
}

.social.scrollspy.gameplay {
    left: 8px;
}

.emojione {
    font-size: inherit;
    height: 3ex;
    width: 3.1ex;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    margin: -.2ex .15em .2ex;
    line-height: normal;
    vertical-align: middle
}

img.emojione {
    width: auto
}

.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] {
    position: absolute;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item {
    font-size: 14px;
    padding: 1px 3px;
    border: 0;
}

.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item a {
    text-decoration: none;
    display: block;
    height: 100%;
    line-height: 1.8em;
    padding: 0 1.54em 0 .615em;
    color: #4f4f4f;
}

.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active {
    background-color: #e4e4e4;
}

.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover a, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active a {
    color: #333;
}

.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item .emojioneemoji {
    font-size: inherit;
    height: 2ex;
    width: 2.1ex;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: 0 5px .2ex 0;
    line-height: normal;
    vertical-align: middle;
    max-width: 100%;
    top: 0;
}

.emojionearea-text [class*=emojione-], .emojionearea-text .emojioneemoji {
    font-size: inherit;
    height: 2ex;
    width: 2.1ex;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.2ex .15em .2ex;
    line-height: normal;
    vertical-align: middle;
    max-width: 100%;
    top: 0;
}

.emojionearea, .emojionearea * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.emojionearea.emojionearea-disable {
    position: relative;
    background-color: #eee;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.emojionearea.emojionearea-disable:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.3;
    position: absolute;
    background-color: #eee;
}

.emojionearea, .emojionearea.form-control {
    display: block;
    position: relative !important;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 14px;
    border: 0;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border-color 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.emojionearea.focused {
    border-color: #66AFE9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.emojionearea .emojionearea-editor {
    display: block;
    height: auto;
    min-height: 8em;
    max-height: 15em;
    overflow: auto;
    padding: 6px 24px 6px 12px;
    line-height: 1.42857143;
    font-size: inherit;
    color: #555555;
    background-color: transparent;
    border: 0;
    cursor: text;
    margin-right: 1px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.emojionearea .emojionearea-editor:empty:before {
    content: attr(placeholder);
    display: block;
    color: #BBBBBB;
}

.emojionearea .emojionearea-editor:focus {
    border: 0;
    outline: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.emojionearea .emojionearea-editor [class*=emojione-], .emojionearea .emojionearea-editor .emojioneemoji {
    font-size: inherit;
    height: 2ex;
    width: 2.1ex;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.2ex .15em .2ex;
    line-height: normal;
    vertical-align: middle;
    max-width: 100%;
    top: 0;
}

.emojionearea.emojionearea-inline {
    height: 34px;
}

.emojionearea.emojionearea-inline > .emojionearea-editor {
    height: 32px;
    min-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 12px;
    right: 24px;
    padding: 6px 0;
}

.emojionearea.emojionearea-inline > .emojionearea-button {
    top: 4px;
}

.emojionearea .emojionearea-button {
    z-index: 5;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 24px;
    height: 24px;
    opacity: 0.6;
    cursor: pointer;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.emojionearea .emojionearea-button:hover {
    opacity: 1;
}

.emojionearea .emojionearea-button > div {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.emojionearea .emojionearea-button > div.emojionearea-button-open {
    background-position: 0 -24px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.emojionearea .emojionearea-button > div.emojionearea-button-close {
    background-position: 0 0;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.emojionearea .emojionearea-button.active > div.emojionearea-button-open {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.emojionearea .emojionearea-button.active > div.emojionearea-button-close {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.emojionearea .emojionearea-picker {
    background: #FFFFFF;
    position: absolute;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 276px;
    width: 316px;
    top: -15px;
    right: -15px;
    z-index: 90;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.emojionearea .emojionearea-picker.hidden {
    display: none;
}

.emojionearea .emojionearea-picker .emojionearea-wrapper {
    position: relative;
    height: 276px;
    width: 316px;
}

.emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 91;
}

.emojionearea .emojionearea-picker .emojionearea-filters {
    width: 100%;
    position: absolute;
    z-index: 95;
}

.emojionearea .emojionearea-picker .emojionearea-filters {
    background: #F5F7F9;
    padding: 0 0 0 7px;
    height: 40px;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
    display: block;
    float: left;
    height: 40px;
    width: 32px;
    filter: inherit;
    padding: 7px 1px 0;
    cursor: pointer;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
    background: #fff;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i {
    width: 24px;
    height: 24px;
    top: 0;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img {
    width: 24px;
    height: 24px;
    margin: 0 3px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel {
    height: 30px;
    position: absolute;
    z-index: 95;
    top: 40px;
    left: 0;
    right: 0;
    padding: 5px 0 5px 8px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
    float: right;
    margin-right: 10px;
    margin-top: -1px;
}

.emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones {
    position: absolute;
    top: 4px;
    left: 171px;
}

.emojionearea .emojionearea-picker .emojionearea-search {
    float: left;
    padding: 0;
    height: 20px;
    width: 160px;
}

.emojionearea .emojionearea-picker .emojionearea-search > input {
    outline: none;
    width: 160px;
    min-width: 160px;
    height: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-tones {
    padding: 0;
    width: 120px;
    height: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone {
    display: inline-block;
    padding: 0;
    border: 0;
    vertical-align: middle;
    outline: none;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0:after {
    background-color: #ffcf3e;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1:after {
    background-color: #fae3c5;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2:after {
    background-color: #e2cfa5;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3:after {
    background-color: #daa478;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4:after {
    background-color: #a78058;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5:after {
    background-color: #5e4d43;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: transparent;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after {
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone {
    width: 16px;
    height: 16px;
    margin: 0px 2px;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after {
    content: "";
    position: absolute;
    display: block;
    background-color: transparent;
    border: 2px solid #fff;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 2px;
    box-sizing: initial;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area {
    height: 236px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel + .emojionearea-scroll-area {
    height: 206px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area {
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    position: absolute;
    padding: 0 0 5px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
    z-index: 1;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
    display: block;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #b2b2b2;
    background: #FFFFFF;
    line-height: 20px;
    margin: 0;
    padding: 7px 0 5px 6px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before {
    content: " ";
    display: block;
    clear: both;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block {
    padding: 0 0 0 7px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category {
    padding: 0 !important;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:before {
    content: " ";
    display: block;
    clear: both;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before {
    content: " ";
    display: block;
    clear: both;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0;
    width: 24px;
    height: 24px;
    top: 0;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    margin: 1px;
    padding: 3px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #e4e4e4;
    cursor: pointer;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
    top: 0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area {
    bottom: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area {
    top: 40px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel {
    top: initial;
    bottom: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
    bottom: 0;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area {
    top: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel {
    top: initial;
    bottom: 40px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area {
    top: initial;
    bottom: 40px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel {
    top: 0;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    margin-top: -286px;
    right: -14px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    width: 19px;
    height: 10px;
    background-position: -2px -49px;
    bottom: -10px;
    right: 20px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
    background-position: -2px -80px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right {
    margin-right: -326px;
    top: -8px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
    width: 10px;
    height: 19px;
    background-position: 0px -60px;
    top: 13px;
    left: -10px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
    background-position: right -60px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
    margin-top: 10px;
    right: -14px;
    top: 47px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
    width: 19px;
    height: 10px;
    background-position: -2px -100px;
    top: -10px;
    right: 20px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
    background-position: -2px -90px;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-top {
    margin-top: -269px;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
    margin-right: -309px;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom {
    margin-top: -7px;
}

.emojionearea.emojionearea-standalone {
    display: inline-block;
    width: auto;
    box-shadow: none;
}

.emojionearea.emojionearea-standalone .emojionearea-editor {
    min-height: 33px;
    position: relative;
    padding: 6px 42px 6px 6px;
}

.emojionearea.emojionearea-standalone .emojionearea-editor::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    bottom: 4px;
    border-left: 1px solid #e6e6e6;
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
    background-repeat: no-repeat;
    background-position: 20px 4px;
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji {
    opacity: 0.4;
}

.emojionearea.emojionearea-standalone .emojionearea-button {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
}

.emojionearea.emojionearea-standalone .emojionearea-button > div {
    right: 6px;
    top: 5px;
}

.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    right: 23px;
}

.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
    top: 15px;
}

.emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=') !important;
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v89T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=') !important;
}

/*# sourceMappingURL=emojionearea.css.map */
.row:after, .row:before {
    content: \" \";
  display: table;
  clear: both;
}
.span6 {
  float: left;
  width: 75%;
  padding: 1%;
}
.emojionearea-standalone {
  float: right;
}