.wrapper-container{
    width:auto;
    height:auto;
    background:#141414;
    padding:2em;
    border-radius:4px;
    box-shadow:0 16px 40px rgba(0,0,0,.12)!important
}
#showContainer{
    width:670px;
    padding:0;
    margin:0 auto;
    overflow:hidden;
    position:relative
}
.navButton{
    cursor:pointer;
    float:left;
    width:25px;
    height:22px;
    padding:10px;
    margin-right:5px;
    overflow:hidden;
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:18px;
    background:#000;
    opacity:.65;
    user-select:none
}
.navButton:hover{
    opacity:1
}
.caption{
    float:right
}
.imageContainer:not(:first-child){
    display:none
}
img{
    max-width:100%
}
.inbox_people{
    background:#f8f8f8 none repeat scroll 0 0;
    float:left;
    overflow:hidden;
    width:40%;
    border-right:1px solid #c4c4c4
}
.inbox_msg{
    border:1px solid #c4c4c4;
    clear:both;
    overflow:hidden
}
.top_spac{
    margin:20px 0 0
}
.recent_heading{
    float:left;
    width:40%
}
.srch_bar{
    display:inline-block;
    text-align:right;
    width:60%
}
.headind_srch{
    padding:10px 29px 10px 20px;
    overflow:hidden;
    border-bottom:1px solid #c4c4c4
}
.recent_heading h4{
    color:#05728f;
    font-size:21px;
    margin:auto
}
.srch_bar input{
    border:1px solid #cdcdcd;
    border-width:0 0 1px 0;
    width:80%;
    padding:2px 0 4px 6px;
    background:0 0
}
.srch_bar .input-group-addon button{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    padding:0;
    color:#707070;
    font-size:18px
}
.srch_bar .input-group-addon{
    margin:0 0 0 -27px
}
.chat_ib h5{
    font-size:15px;
    color:#464646;
    margin:0 0 8px 0
}
.chat_ib h5 span{
    font-size:13px;
    float:right
}
.chat_ib p{
    font-size:14px;
    color:#989898;
    margin:auto
}
.chat_img{
    float:left;
    width:11%
}
.chat_ib{
    float:left;
    padding:0 0 0 15px;
    width:88%;
}
.chat_people{
    overflow:hidden;
    clear:both
}
.chat_list{
    border-bottom:1px solid #c4c4c4;
    margin:0;
    padding:18px 16px 10px
}
.inbox_chat{
    height:550px;
    overflow-y:scroll
}
.active_chat{
    background:#ebebeb
}
.incoming_msg_img{
    display:inline-block;
    width:6%
}
.received_msg{
    display:inline-block;
    padding:0 0 0 10px;
    vertical-align:top;
    color: #f00;
    width:92%

}
.received_withd_msg p{
    background:#ebebeb none repeat scroll 0 0;
    border-radius:3px;
    color:#646464;
    font-size:14px;
    margin:0;
    padding:5px 10px 5px 12px;
    width:100%
}
.time_date{
    color:#747474;
    display:block;
    font-size:12px;
    margin:8px 0 0
}
.received_withd_msg{
    width:57%
}
.mesgs{
    float:left;
    padding:30px 15px 0 25px;
    width:60%
}
.sent_msg p{
    background:#05728f none repeat scroll 0 0;
    border-radius:3px;
    font-size:14px;
    margin:0;
    color:#fff;
    padding:5px 10px 5px 12px;
    width:100%
}
.outgoing_msg{
    overflow:hidden;
    margin:26px 0 26px
}
.sent_msg{
    float:right;
    width:46%
}
.input_msg_write input{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none;
    color:#4c4c4c;
    font-size:15px;
    min-height:48px;
    width:100%;
    padding:8px
}
.type_msg{
    border-top:1px solid #c4c4c4;
    position:relative
}
.msg_send_btn{
    background:#05728f none repeat scroll 0 0;
    border:medium none;
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    font-size:30px;
    line-height:1;
    height:33px;
    position:absolute;
    right:0;
    top:11px;
    width:33px
}
.messaging{
    padding:0 0 50px 0
}
.msg_history{
    height:516px;
    overflow-y:auto
}
footer{
    margin-top:16px;
    padding:3em
}
footer h1,h2,h3,h4,h5,h6{
    font-size:28px;
    font-weight:700
}
.game-list .classWithPad{
    border:1px solid #ccc;
    padding:2px;
    box-shadow:2px 2px 1px grey;
    box-sizing:border-box;
    text-shadow:1px 1px 2px #000,0 0 25px #00f,0 0 5px #00008b;
    text-align:center;
    border-radius:4px
}
.view-all-acc{
    border:2px double #ccc;
    display:inline-block;
    padding:4px;
    font-weight:700;
    color:#ff0
}
.row-flex-safari .classWithPad{
    height:100%
}
.row-flex-safari [class*=col-]{
    margin-bottom:15px
}
.game-list img{
    width:100%
}
.game-list .news_title{
    text-align:center;
    margin-top:9px;
    color:#f7b03c;
    text-transform:uppercase
}
.game-list .news_title a{
    color:#f7b03c;
    font-weight:700;
    font-size:16px
}
.game-list .news_title a:hover{
    color:#ea9a17
}
.game-list .news_description{
    text-align:center;
    margin-top:9px;
    font-size:15px
}
.c-content-title-1>.c-line-center{
    width:80px
}
.game-list .classWithPad:hover .news_title{
    color:#32c5d2
}
.game-list .classWithPad{
    border:1px solid #ccc;
    padding:2px;
    text-align:center;
    border-radius:4px
}
.game-list .classWithPad:hover{
    box-shadow:0 0 11px rgba(33,33,33,.2)
}
.game-list .a-more .row{
    margin-left:15px;
    margin-right:15px
}
.game-list .a-more .view{
    text-align:center;
    border:2px solid #ccc;
    color:red;
    text-transform:uppercase;
    font-size:15px
}
.game-list .a-more .view:hover{
    border:2px solid #32c5d2
}
.game-list .a-more .view a{
    display:block;
    padding:4px
}
/*!* Custom, iPhone Retina *!*/
@media only screen and (min-width:320px){
    .article_title h2{
        font-size:16px!important
    }
    .show_password{
        color:#000
    }
    .row-flex-safari .classWithPad{
        height:315px
    }
    .job-single-info3{
        float:left;
        padding-left:0
    }
}
@media only screen and (min-width:768px){
    .job-single-info3{
        float:none;
        padding-left:25px
    }
    .article_title h2{
        font-size:18px!important
    }
    .row-flex-safari .classWithPad{
        height:360px;
        max-height:360px
    }
    .s-filter p{
        width:100%
    }
}
.show_info li img{
    width:100%;
    height:100%;
    margin:0 auto;
    display:inline-block
}
.float-menu{
    width:180px;
    position:fixed;
    right:0;
    top:40%;
    z-index:999;
    transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    -webkit-transition:all ease .3s
}
@media (max-width:380px){
    .float-menu{
        width:100%!important;
        bottom:0!important;
        top:auto
    }
    a.float-btn{
        width:100%!important;
        text-align:center!important
    }
}
@media (max-width:380px){
    .float-menu{
        width:100%!important;
        bottom:0!important;
        top:auto
    }
    a.float-btn{
        width:100%!important;
        text-align:center!important
    }
}
a.float-btn{
    background:#000;
    width:180px;
    height:40px;
    display:block;
    border:1px solid #fff;
    border-right:none;
    font-size:17px;
    line-height:40px;
    text-align:right;
    color:#fff;
    padding:0 10px 0 0
}
a.float-btn:first-child{
    color:#000;
    background:#fdb603 url(images/LQ.html) no-repeat left center;
    margin:0 0 5px 0
}
a.float-btn:last-child{
    background:#b8312f url(images/LM.html) no-repeat left center/35px 35px
}
#body-table-content{
    display:block;
    height:298px;
    width:99%;
    overflow-y:auto;
    overflow-x:hidden
}
td,tr{
    font-weight:400
}
.price-table{
    color:red
}
.left-banner{
    float:left;
    width:100%;
    height:100%;
    border-radius:6px;
    background:#eee
}
.left-banner h3{
    font-family:serif;
    text-align:center;
    text-transform:uppercase
}
.right-banner{
    float:right;
    width:30%;
    height:100%;
    background:#aaa;
    border:1px solid
}
h3 span{
    margin:6px;
}
form .title{
    font-family:'Sedgwick Ave Display',cursive
}
.title-banner{
    background:#222;
    border:1px solid;
    border-radius:3px;
    color:#ffea00;
    padding:8px
}
.content_flex{
    width:50%;
    padding-left:.5em
}
.flex_wrap{
    display:flex;
    flex-wrap:wrap
}
.my-wrapper{
    width:30%;
    margin:15px auto
}
@media (max-width:768px){
    .content_flex{
        width:100%
    }
    .my-wrapper{
        width:100%
    }
}