@import url(required.css);

/*backtop*/
#backToTop {
    width: 60px;
    height: 50px;
    position: fixed;
    bottom: 90px;
    right: 10px;
    display: none;
    z-index: 9000;
}
/*game_brief*/
.game_img{
    width: 4rem;
    height:4rem;
    float: left;
}
.game_img img{
    width:4rem;
    border-radius: 0.3rem;
}
.game_des{
    float: left;
    margin:0 0 0 10px;
}
/*game_description and how to play*/
.topmargin10 .describe{
    font-size: .8rem!important;
    text-align: justify;
    color: #fff;
}



/*content css*/
.wrapper{
    background: #00547C;
}
/*breadcrumb*/
.ui.breadcrumb a{
    color: #fff;
}
.ui.breadcrumb .icon.divider {
    color: #fff;
    margin:0 ;
}
.ui.breadcrumb .active.section{
    color: #fff;
}

/*game_brief*/
.ui.items>.item>.content>a.header{
    color: #fff;
}
.ui.items>.item .meta {
    color: #fff;
}
/*link_unit*/
.ad_link_border {
    border-top: 1px solid rgba(255,255,255,.45);
    border-bottom: 1px solid rgba(255,255,255,.45);
    width: 100%;
    min-height: 15px;
    padding: 5px 0;
}
/*tags*/

/*game_description*/
.ui.header{
    color: #fff;
}
.bottom_line {
    border-bottom:1px solid rgba(150, 126, 126, 0.45);
}
.ui.container p{
    color: #fff;
}
.ui.header:last-child {
    margin-bottom: 5px;
    margin-top: .6rem;
}

/*footer*/
.ui.list{
    margin:0;
}

.ui.link.list .item{
    color: rgba(255,255,255 ,2.3)!important;
}
.ui.list>.disabled.item {
    /*pointer-events: none;*/
    color: rgba(255, 255, 255, 1) !important;
}
.ui.horizontal.list .list>.item, .ui.horizontal.list>.item {
    font-size: .9rem;
}



#jwplayer1 div{
    background-size: cover;
}
.jw-display-icon-container{
    /*background: rgba(0,0,0,0) !important;*/
}
.jw-state-idle .jw-icon-display:before{
    /*content:'' !important;*/
}
/*.jw-breakpoint-1 .jw-display .jw-icon{*/
    /*background: url("../images/Play-icon2.png?1");*/
/*}*/

.game_button .game_btn01 {
    float: left;
    width: 47%;
}
.game_button>div{
    text-align: center;
}
.game_button span{
    float: left;
    width: 6%;
    text-align: center;
    color: #fff;
    font-size: 1rem;
}
.game_button .or01{
    line-height:1rem;
    padding: .5833em 0;
}
.game_button .fontsize a{
    font-size: 1.2rem;
    text-transform: capitalize;
}

h2.ui.header{
    font-size: 16px;
}
#readMore{
    color: #fff!important;
    display: none;
    position: absolute;
    bottom:0;
    right: 0;
    z-index:889;
    font-size: .8rem;
    text-decoration: underline;
    background: #00547C;
    -webkit-box-shadow:  -17px 0 21px 0 #00547C;
    -moz-box-shadow:  -17px 0 21px 0 #00547C;
    box-shadow:  -17px 0 21px 0 #00547C;
}

@media screen and (max-width: 319px) {
    body{
        min-width: 200px;
    }
}
.ui.breadcrumb a{
    color: #bbb;
    font-size: 14px;
}
.content .header{
    font-size: 1em!important;
}
.content .meta{
    font-size: 13px!important;
    color: #bbb!important;
}
.tags{
    color: #fff;
    font-size: .8rem;
    text-decoration: underline;
    margin-right: 10px;
}
.ui.header{
    font-size: 14px!important;
    color: #bbb;
}
.describe{
    min-height:1.5em;
}
.ui.card, .ui.cards>.card{
    box-shadow: none;
}
.topmargin5{
    margin-top:3px;
}
.desc_content{
    position: relative;
}
.desc_txt span{
    text-decoration: underline;
}
.meta span{
    text-decoration: underline;
    padding-right:5px;
    color: #fff;
}
.meta span i{
    margin:0;
}
.meta span.average{
    text-decoration: none;
    padding-right:0;
    color:#bbb;
}
.like img{
    width: 16px;
    margin: 1px 2px 0 0!important;
}
.bookmark img{
    width: 16px;
    margin: -2px 1px 0 0!important;
}
.ad320x100_cont{
    width:320px;
    margin:0 auto;
}
.relategame img{
    height:100%!important;
}
.walkthrough_wrap a{
    display: block;
    width: 100%;
    padding-bottom: calc(100% * 9 / 16);
    position: relative;
}
.walkthrough_wrap a img.walkthrough_img{
    position: absolute;
    z-index:100;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.walkthrough_wrap a div.play_img{
    position: absolute;
    z-index:101;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin:0;
    /*color: rgba(255,255,255,.65);*/
    background: rgba(0,0,0,.6);
    -webkit-transform: translate(-50%,-51%);
    -moz-transform: translate(-50%,-51%);
    -ms-transform: translate(-50%,-51%);
    -o-transform: translate(-50%,-51%);
    transform: translate(-50%,-51%);
}
.walkthrough_wrap a div.play_img i{
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    top: 50%;
    left: 50%;
    margin:0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.walkthrough_wrap a div.play_img i::before{
    position: absolute;
    top: 50%;
    left: 50%;
    margin:0;
    -webkit-transform: translate(-34%,-50%);
    -moz-transform: translate(-34%,-50%);
    -ms-transform: translate(-34%,-50%);
    -o-transform: translate(-34%,-50%);
    transform: translate(-34%,-50%);
}
.my2{
    margin:10px auto;
}