/*
 * IMPORTANT: Cache Busting
 * If you update this file, you should change the number of Yii::$app->params['timestamp'] = '1483100420';
 * line in @onBeforeActionFunction.php so it effects
 */

body {
    background: #f5f8fa;
}

@font-face {
    font-family: code;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/codebold.eot');
    src: url('../fonts/eot/codebold.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('../fonts/codebold.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/codebold.ttf') format('truetype');
}

@font-face {
    font-family: code;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/codelight.eot');
    src: url('../fonts/eot/codelight.eot?#iefix') format('embedded-opentype'),
        /* IE6-8 */
        url('../fonts/codelight.woff') format('woff'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/codelight.ttf') format('truetype');
}

/*-----------------MOVIE DETAIL--------------------*/
.cover {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    max-height: 700px;
}

.cover:after {
    content: '';
    display: block;
    top: 0;
    left: -250px;
    bottom: 0;
    right: -250px;
    z-index: 1;
    position: absolute;
    box-shadow: 0 -250px 250px rgba(0, 0, 0, .75) inset
}

.cover img {
    width: 100%;
    height: auto;
}

.fulldetailbox {
    margin-top: -255px;
    position: relative;
    z-index: 5;
    min-height: 485px;
}

.fdCol1 {
    width: 275px;
    min-height: 500px;
    margin-bottom: 15px;
    float: right
}

.fdCol2 {
    width: 555px;
    color: #fff;
    position: relative;
    float: right;
    margin-right: 30px
}

.fdCol2 a {
    color: #ffc71f;
}

.fdCol2 a:hover {
    color: #2aac3d;
}

.fdCol3 {
    width: 280px;
    float: left
}

.fdCol3 img {
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

.fullrate {
    height: 360px;
    border-radius: 5px;
    background: rgba(255, 193, 7, .75);
    text-align: center;
    color: #263238;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
    position: relative
}

.iimdbrate {
    height: 255px;
    line-height: 280px;
    font-family: code;
    font-weight: 100;
    font-size: 180px;
    position: relative;
}

.iimdbrate span {
    display: block;
    font-size: 12px;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    font-family: iran;
}

.imnrate {
    width: 50%;
    height: 90px;
    float: right;
    background: #f1c747;
    border-radius: 0 0 5px 0;
    font-family: code;
    font-weight: bold;
    font-size: 34px;
    line-height: 50px;
    padding-top: 15px;
}

.iuserrate {
    width: 50%;
    height: 90px;
    float: left;
    background: #fccf44;
    border-radius: 0 0 0 5px;
    font-family: code;
    font-weight: bold;
    font-size: 34px;
    line-height: 50px;
    padding-top: 15px;
    position: relative;
}

.imnrate span,
.iuserrate span {
    display: block;
    font-family: iran;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    margin-top: 5px;
}

.iuserrate strong {
    display: block;
    font-family: iran;
    font-weight: 100;
    font-size: 11px;
    line-height: 28px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.ituserrate {
    height: 105px;
    position: relative;
    background: #fccf44;
    border-radius: 0 0 5px 5px;
    font-family: code;
    font-weight: bold;
    font-size: 34px;
    line-height: 105px;
}

.ituserrate span {
    font-family: iran;
    font-weight: normal;
    font-size: 15px;
}

.ituserrate strong {
    font-family: iran;
    font-weight: 100;
    font-size: 12px;
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
}

.shortawardsholder {
    font-size: 12px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
    padding: 10px;
}

.oscarawards {
    margin-bottom: 10px;
    font-size: 12px;
}

.oscarawards>li {
    color: #be9d43;
    padding-right: 24px;
    margin-bottom: 5px;
    margin-left: 15px;
    background: url(../images/oscar.png) right 0 no-repeat;
}

.oscarawards>li.box {
    Overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otherawards {
    margin-bottom: 10px;
    font-size: 12px;
}

.otherawards>li {
    color: #be9d43;
    padding-right: 16px;
    margin-bottom: 5px;
    position: relative;
}

.otherawards>li:before {
    content: '\f100';
    font: 16px/24px FontAwesome;
    color: #be9d43;
    position: absolute;
    top: 0;
    right: 0;
}

.showallawards {
    display: block;
    line-height: 36px;
    text-align: center;
    background: #f5f8fa;
    border-radius: 5px;
    color: #6b7479;
}

.showallawards:hover {
    color: #6b7479;
    background: #d5dee6
}

.addRate {
    width: 34px;
    height: 30px;
    line-height: 30px;
    color: #263238;
    font-size: 34px;
    position: absolute;
    top: 240px;
    right: 120px;
}

.addRate:hover,
.addRate.active {
    color: #fff;
}

.mAge {
    width: 50px;
    height: 32px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 0;
    line-height: 36px;
    font-size: 15px;
}

.mName {
    font-weight: 100;
    font-size: 40px;
    line-height: 52px;
    direction: ltr;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.mdetails {
    height: 188px;
}

.mdetails>li {
    width: 100%;
    float: right;
    margin-bottom: 10px;
    text-align: right;
    font-size: 13px
}

.mdCol6 {
    width: 64% !important
}

.mdCol4 {
    width: 36% !important
}

.exdmovie {
    height: 26px;
    padding: 32px 0 22px;
    margin-bottom: 20px;
    border-bottom: 2px solid #fff;
    position: relative;
}

.exdate {
    color: #263238;
    float: left;
}

.summary {
    color: #263238
}

.exdmovie .sharebox {
    top: 70px;
    right: 0;
}

.rcontent {
    width: 765px;
    float: right;
    margin-bottom: 50px;
}

.lsiderbar {
    width: 390px;
    float: left;
    margin-bottom: 50px;
}

.trlink {
    margin-bottom: 15px;
    position: relative;
}

.trlink a {
    display: block
}

.trlink img {
    border-radius: 5px;
    width: 100%;
    height: 322px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}

.trlink a:after {
    width: 80px;
    text-indent: -4px;
    height: 80px;
    display: block;
    content: '\f04b';
    font-family: FontAwesome;
    line-height: 80px;
    font-size: 26px;
    border-radius: 50%;
    text-align: center;
    background: rgba(255, 255, 255, .3);
    color: #fff;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -40px -40px 0 0;
}

.trlink span {
    background: #0f78ae;
    color: #d0d0d0;
    font-size: 11px;
    padding: 3px 10px;
    line-height: 20px;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.trlink:hover span {
    color: #fff;
}

.sbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 5px 15px 20px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
}

.sboxtitle {
    position: relative;
    line-height: 50px;
    height: 51px;
    border-bottom: 2px solid #f5f8fa;
    margin-bottom: 30px;
}

.sboxtitle h2 {
    display: inline-block;
    border-bottom: 2px solid #0f78ae;
    color: #25292c;
    font-weight: bold;
    font-size: 14px;
}

.sboxtitle a {
    position: absolute;
    top: 0;
    left: 0;
    color: #7dc855;
    font-size: 14px;
}

.sboxtitle a i {
    font-size: 17px;
    margin-left: 4px;
}

.friends {}

.friends>li {
    position: relative;
    padding: 0 60px;
    margin-bottom: 18px;
}

.friends>li figure {
    position: absolute;
    top: 0;
    right: 0;
}

.friends>li figure img {
    border-radius: 4px;
}

.frname {
    display: block;
    color: #768295;
    font-size: 15px;
    margin-bottom: 3px;
}

.revlink {
    color: #7dc855;
    margin-left: 10px;
}

.comlink {
    color: #409bcf;
}

.ftlinks {
    line-height: 22px;
}

.frRate {
    position: absolute;
    top: 0;
    left: 0;
    color: #b1b9c2;
    line-height: 50px;
    font-size: 40px;
    font-weight: 100;
}

.showmore {
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    display: block;
    background: #f0f4f7;
    text-align: center;
    color: #86939e;
    font-size: 15px;
}

.showmore:hover {
    color: #fff;
    background: #0f78ae
}

.userlists {}

.userlists>li {
    padding: 0 116px 0 0;
    position: relative;
    margin-bottom: 24px;
}

.userlists>li figure {
    width: 107px;
    height: 106px;
    background: #f5f8fa;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .1);
    border-radius: 6px;
}

.userlists>li figure img {
    position: absolute;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    border-radius: 4px
}

.thumb1 {
    top: 15px;
    right: 14px;
}

.thumb2 {
    top: 15px;
    right: 56px;
}

.thumb3 {
    top: 55px;
    right: 14px;
}

.thumb4 {
    top: 55px;
    right: 56px;
}

.ulistname {
    font-size: 15px;
    font-weight: bold;
    color: #3ca1e7;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lmaker {
    height: 34px;
    color: #c4ced6;
    border-bottom: 2px solid #f0f4f7;
    margin-bottom: 3px;
    line-height: 28px;
}

.lmaker a {
    color: #0f78ae
}

.lmaker a:hover {
    color: #3ca1e7
}

.uliststat {
    line-height: 34px;
    text-align: center;
}

.ulq {
    width: 105px;
    float: right;
    color: #7dc855;
    border-left: 2px solid #f0f4f7;
}

.uldate {
    width: 136px;
    float: left;
    color: #86939e;
}

.movieBox {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    margin-bottom: 20px;
}

.mtabs {
    height: 58px;
    border-bottom: 1px solid #efefef;
    padding: 0 15px;
    line-height: 56px;
    font-size: 14px;
}

.mtabs>li {
    float: right;
}

.mtabs>li>a {
    padding: 0 20px;
    color: #2e3033;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
}

.mtabs>li.active>a {
    color: #0f78ae;
    border-bottom: 2px solid #0f78ae;
}

.mtabs>li>a i {
    margin-left: 5px;
    font-size: 18px;
}

.mtabcontentholder {
    padding: 20px 20px 1px 20px;
}

.mtabcontents {}

.mtabcontents>li {
    display: none;
}

.descriptions {
    background: #f5f8fa;
    padding: 15px 20px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #d5dee6;
    box-shadow: 0 0 5px #d5dee6 inset;
    color: #5a5a5a;
}

.descriptions>h2 {
    color: #94a3b0;
    font-size: 14px;
    margin-bottom: 5px;
}

.dlbox {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    margin-bottom: 20px;
}

.dldetails {
    height: 55px;
    line-height: 55px;
    position: relative;
    padding: 0 12px;
}

.dldetails span {
    margin-left: 10px;
    color: #4e5257;
}

.dldetails i.fa-chevron-down {
    position: absolute;
    color: #737b85;
    font-size: 20px;
    left: 20px;
    top: 0;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.dlcontent {
    position: relative;
    border: 1px solid #c9c9c9;
    background: #fff;
    padding: 12px;
    margin: 0 6px 6px;
    border-radius: 5px;
}

.tg .dldetails {
    cursor: pointer;
}

.tg .dlcontent {
    display: none;
}

.dlbtns {
    line-height: 38px;
}

.dlbtns>li {}

.dlbtns>li>a {
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    margin: 2px;
    min-width: 112px;
}

.dlbtns>li>a i {
    font-size: 20px;
    margin-left: 5px;
}

.dbtn {
    background: #2aac3d;
}

.pbtn {
    background: #c6892e;
}

.sbtn {
    background: #8c9ba2;
}

.dbtn:hover {
    background: #54d066;
}

.pbtn:hover {
    background: #b4771d;
}

.sbtn:hover {
    background: #b5cad5;
}

.vr>li {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
}

.hr {
    width: 150px;
    float: right;
}

.hr>li {
    margin-bottom: 5px;
}

.hr>li:last-child {
    margin-bottom: 0;
}

.hr>li>a {
    width: 140px;
    text-align: center;
    padding: 0;
}

.dlsection1 {
    border-bottom: 2px solid #edf2fa;
    padding-bottom: 15px;
    margin-bottom: 8px;
}

.dlexbtns {
    position: absolute;
    top: 12px;
    left: 12px;
}

.dldetails .dlexbtns {
    top: 8px;
    left: 8px;
}

.dldetails i {
    font-size: 20px;
}

.dlexbtns>li {
    float: left;
    margin-right: 6px;
}

.dlexbtns>li>a {
    width: 36px;
    height: 36px;
    background: #f5f8fa;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
}

.dlexbtns>li>a i.fa-bullhorn {
    color: #ff5063
}

.dlexbtns>li>a i.fa-shopping-cart {
    color: #00d4c3
}

.dlexbtns>li>a:hover {
    background: #eef3f6
}

.dldesc {
    color: #555555;
}

.dldesc a {
    color: #ff5063
}

.exdetail {
    width: 300px;
    color: #838383;
    float: left;
    margin-top: 30px;
    margin-left: 10px;
    font-size: 12px;
}

.green.dlbox {
    background: #e7f4d9;
    border-color: #a5d570;
}

.green .dldetails {
    border-color: #a5d570;
    color: #5c935a;
}

.green .dlcontent {
    border-color: #a5d570
}

.red.dlbox {
    background: #ffe3e3;
    border-color: #fdb6b6;
}

.red .dldetails {
    border-color: #fdb6b6;
    color: #ab3e49;
}

.red .dlcontent {
    border-color: #fdb6b6
}

.yellow.dlbox {
    background: #fbf8db;
    border-color: #ffd780;
}

.yellow .dldetails {
    border-color: #ffd780;
    color: #b0751a;
}

.yellow .dlcontent {
    border-color: #ffd780
}

.blue.dlbox {
    background: #d0e9f6;
    border-color: #76bfce;
}

.blue .dldetails {
    border-color: #76bfce;
    color: #2b72a9;
}

.blue .dlcontent {
    border-color: #76bfce
}

.gray.dlbox {
    background: #dfdfdf
}

.gray .dldetails {
    border-color: #c9c9c9;
}

.gray .dlcontent {
    border-color: #c9c9c9
}

.merglink {
    color: #ff5063;
    font-size: 12px;
}

.exdets {
    width: 190px;
    float: right;
    color: #4e5257;
    font-size: 12px;
    margin-left: 5px;
}

.exdets>li {}

.exdets>li>span {
    color: #b0751a;
}

.halfrotate {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.recommends {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    padding: 5px 15px 20px;
    margin-bottom: 30px;
}

.posterRec {
    width: 195px;
    float: right;
}

.recpostermovie {
    height: 282px;
    margin-bottom: 20px;
}

.recpostermovie img {
    border-radius: 4px;
}

.lrec {
    width: 525px;
    float: left;
    overflow: hidden;
}

.recexlinks {
    position: relative;
    margin-right: 28px;
}

.recexlinks .sharebox {
    top: 35px;
    right: 0;
}

.lreclistscroller {
    direction: ltr;
    width: 525px;
    margin-bottom: 15px;
    text-align: left;
    white-space: nowrap;
}

.lreclist {
    height: 102px;
}

.lreclist>li {
    width: 75px;
    height: 102px;
    margin-right: 11.5px;
    display: inline-block;
    position: relative;
}

.lreclist>li:last-child {
    margin-right: 0;
}

.lreclist>li img {
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.lreclist>li.active a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 6px solid #f7c51e;
    border-radius: 5px;
}

.recname {
    text-transform: none;
    color: #25292c;
    direction: ltr;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

.recjenre {
    color: #252525;
    font-size: 12px;
    margin-bottom: 10px;
}

.recjenre a {
    color: #3ca1e7
}

.recrateholder {
    height: 22px;
    margin-bottom: 10px;
}

.recrate {
    width: 36px;
    float: right;
    font-size: 17px;
}

.recsummary {
    font-size: 12px;
    color: #252525;
    line-height: 22px;
}

.recstar {
    font-size: 20px;
    float: right;
    color: #ebeef0;
    margin-top: -2px
}

.recstar>li {
    float: right;
    margin-left: 6px;
}

.recstar>li i {}

.recstar>li.active {
    color: #ffd400
}


.popupawardsholder {
    display: none;
    font: 13px/24px iran;
    font-weight: normal;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 1000;
}

.popupawards {
    width: 750px;
    height: 570px;
    position: absolute;
    background: #fff;
    top: 0%;
    right: 50%;
    margin: -285px -375px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 8px;
}

.wpoptitle {
    height: 70px;
    line-height: 70px;
    background: #fffdec;
    padding: 0 10px;
    position: relative;
    color: #d2b35d;
    border-bottom: 1px solid #f7eda9;
    border-radius: 8px 8px 0 0;
}

.wpoptitle h6 {
    font-weight: bold;
}

.wpopcontent {
    height: 470px;
    background: url(../images/awardbg.png) left bottom no-repeat;
    padding: 30px;
}

.halfawards {
    width: 50%;
    float: right;
}

.halfawards .oscarawards>li {
    margin-bottom: 10px;
}

.halfawards .otherawards>li {
    margin-bottom: 10px;
}

.filtersubtitlebox {
    background: #fafafa;
    height: 40px;
    padding: 10px;
    position: relative;
    line-height: 40px;
    border: 1px solid #dedfe2;
    border-radius: 3px;
    margin-bottom: 20px;
}

.exclusiveSubs {}

.exclusiveSubs input+label:before {
    border: 1px solid #aaa;
    background: #fff;
}

.exclusiveSubs input:checked+label:before {
    color: #fe5339;
    border-color: #fe5339;
    background: #fff;
}


.subtitles {
    border-top: 1px solid #dfdfdf;
    font-size: 12px;
}

.subtitles>li {
    padding: 15px 20px;
    border-bottom: 1px solid #dfdfdf;
}

.subtitles>li:nth-child(2n+1) {
    background: #f9f9f9;
}

.subdetails1 {
    width: 250px;
    float: right;
    margin-left: 20px;
    color: #848484;
    margin-bottom: 10px;
    position: relative;
}

.synctitle {
    margin-bottom: 5px;
}

.sync {
    color: #2e3033;
    margin-bottom: 5px;
}

.subdetails2 {
    width: 250px;
    float: right;
    margin-left: 20px;
    color: #0f78ae;
    margin-bottom: 10px;
}

.subdetails2>li {
    margin-bottom: 5px;
}

.subdetails2>li>i {
    color: #848484;
    font-size: 16px;
    margin-left: 5px;
}

.subdetails2>li>span {
    color: #848484
}

.subdetails2>li>a {
    color: #0f78ae;
}

.downloadsubtitlebtn {
    width: 140px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: #2cbf44;
    text-align: center;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
    font-size: 14px;
}

.downloadsubtitlebtn:hover {
    color: #fff;
    background: #10a929
}

.downloadsubtitlebtn i {
    font-size: 17px;
    margin-left: 3px;
}

.subdescbox {
    border: 1px solid #f7eda9;
    background: #fffdec;
    color: #ca9b64;
    padding: 10px;
}

.subdescbox>h2 {
    font-weight: bold;
}

.subdesc {}

.exclusive {
    background: #fe5339;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 12px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 122px;
}

.ratebox {
    width: 280px;
    display: none;
    direction: ltr;
    height: 38px;
    padding: 11px 11px 11px 70px;
    background: #fff;
    border-radius: 5px;
    z-index: 100;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    position: absolute;
    top: 225px;
    right: 180px;
}

.ratebox:before {
    content: '';
    display: block;
    width: 10px;
    height: 18px;
    background: url(../images/edges.png) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -10px;
}

.rating {
    line-height: 38px;
    font-size: 24px;
    position: relative;
}

.rating>li {
    width: 28px;
    float: left;
}

.rating>li>a {
    color: #ebeef0;
    padding-right: 8px;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
}

.rating>li.active a {
    color: #296aee
}

.rating:before {
    content: '';
    display: block;
    width: 2px;
    height: 38px;
    background: #ebeef0;
    position: absolute;
    top: 0;
    left: -15px;
}

.closerate {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    background: #c4ced6;
    position: absolute;
    top: 19px;
    left: 17px;
    line-height: 22px;
    text-align: center;
}

.closerate:hover {
    color: #fff;
    background: #ff5063
}

.revtitle {
    height: 55px;
    position: relative;
    border-bottom: 2px solid #f5f8fa;
    line-height: 55px;
    color: #25292c;
    margin-bottom: 20px;
    margin-top: -10px;
}

.revtitle h2 {
    font-weight: bold;
    display: inline-block;
    border-bottom: 2px solid #0f78ae;
    font-size: 14px;
}

.userrates {}

.userrates>li {
    width: 52%;
    height: 90px;
    float: right;
}

.userrates>li:nth-child(2n) {
    width: 48%;
}

.userrates>li>h6 {
    color: #86939e;
    font-weight: bold;
    margin-bottom: 11px;
    font-size: 14px;
}

.ratebar {
    font-size: 28px;
    line-height: 24px;
}

.ratebar>li {
    display: inline-block;
    margin-left: 0px;
}

.ratebar>li>a {
    color: #ebeef0;
}

.ratebar>li>a>i {}

.ratebar>li.active>a {
    color: #ffd400;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
}

.revform {}

.revform label {
    display: block;
    color: #b5c1cb;
    font-size: 12px;
    margin-bottom: 6px;
}

.revtxt {
    width: 340px;
    height: 38px;
    text-indent: 4px;
    border: 2px solid #e1e8ee;
    border-radius: 5px;
    margin-bottom: 15px;
}

.greenitems {
    width: 355px;
    float: right;
    margin-bottom: 12px;
}

.reditems {
    width: 355px;
    float: left;
    margin-bottom: 12px;
}

.greenitems h5 {
    color: #2cbf44;
    margin-bottom: 10px;
}

.reditems h5 {
    color: #e74c3c;
    margin-bottom: 10px;
}

.fitem {
    position: relative;
    margin-bottom: 13px;
}

.rtxt {
    width: 100%;
    height: 40px;
    text-indent: 4px;
    border: 2px solid #e1e8ee;
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 70px;
}

.plusbtn,
.minusbtn {
    width: 30px;
    height: 30px;
    background: #f0f4f7;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    color: #86939e;
    position: absolute;
    top: 5px;
    left: 5px;
}

.plusbtn {
    left: 40px;
}

.plusbtn:hover,
.minusbtn:hover {
    background: #e1e8ee;
    color: #86939e
}

.rtxtarea {
    width: 100%;
    height: 170px;
    display: block;
    margin-bottom: 15px;
    text-indent: 4px;
    border: 2px solid #e1e8ee;
    border-radius: 5px;
    box-sizing: border-box;
}

.btnrevholder {
    text-align: left;
    margin-bottom: 10px;
}

.btnrev {
    width: 140px;
    height: 40px;
    font-size: 14px;
    background: #3ca1e7;
    color: #fff;
    line-height: 40px;
    border-radius: 5px;
    cursor: pointer;
}

.btnrev:hover {
    color: #fff;
    background: #06a1cc
}

.reviews {
    margin-top: 30px;
}

.reviewitem {
    margin-bottom: 30px;
}

.reviewitem .sender {
    border-bottom: 2px solid #ebeef0;
    margin-bottom: 25px;
    height: 58px;
}

.revq {
    color: #5e6977;
    position: absolute;
    top: 22px;
    left: 145px;
    font-size: 12px;
}

.reviewitem .commentrate {
    float: left;
    padding-top: 13px;
}

.starbox {
    border: 1px solid #d5dee6;
    box-shadow: 0 0 5px #d5dee6 inset;
    border-radius: 3px;
    padding: 20px 30px 0 0;
    margin-bottom: 30px;
}

.starlist {
    color: #86939e;
    font-size: 12px;
}

.starlist>li {
    width: 33.33%;
    height: 66px;
    float: right;
}

.starlist>li>h5 {
    font-weight: bold;
}

.showrate {
    margin-top: 4px;
}

.showrate i {
    color: #ebeef0;
    font-style: normal;
    text-align: center;
    width: 14px;
    height: 14px;
    display: block;
    float: right;
    margin-left: 5px;
    font-family: FontAwesome;
    line-height: 14px;
    font-size: 14px;
}

.showrate i:before {
    content: '\f005';
}

.showrate>i.active {
    color: #ffd400;
}

.coloredlist.right {
    width: 48%;
    padding-left: 2%;
}

.coloredlist.left {
    width: 50%;
}

.coloredlist h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.coloredlist.right h5 {
    color: #2cbf44
}

.coloredlist.left h5 {
    color: #e74c3c
}

.greenlist,
.redlist {
    font-size: 11px;
    line-height: 20px;
    color: #2e3033;
    margin-bottom: 10px;
}

.greenlist>li,
.redlist>li {
    position: relative;
    padding-right: 24px;
    margin-bottom: 20px;
}

.greenlist>li:before,
.redlist>li:before {
    content: '\f00c';
    font-family: FontAwesome;
    line-height: 17px;
    font-size: 11px;
    width: 17px;
    height: 17px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 1px;
    right: 0;
    border-radius: 50%;
}

.greenlist>li:before {
    background: #2cbf44;
}

.redlist>li:before {
    background: #e74c3c;
}

.review {
    color: #666769;
}

.galleryholder {
    display: none;
    font: 13px/24px iran;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 1000;
}

.gallerypop {
    width: 1140px;
    height: 760px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -380px -570px 0 0;
}

.gright {
    width: 390px;
    float: right;
}

.gleft {
    width: 750px;
    float: left;
    overflow: hidden
}

.activeItem {
    height: 610px;
    position: relative
}

.activeItem i {
    font-size: 36px;
    position: absolute;
    text-align: center;
    line-height: 120px;
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 50%;
    top: 50%;
    right: 50%;
    margin: -60px -60px;
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

.glistHolder {
    padding: 20px 0 0 20px;
    direction: ltr;
}

.glistscroller {
    width: 730px;
}

.glist {
    white-space: nowrap;
    text-align: left;
}

.glist>li {
    width: 98px;
    height: 98px;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    opacity: .6;
}

.glist>li.active {
    opacity: 1;
}

.glist>li.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 5px solid #f7c51e;
}

.glist>li>a[data-type=video]:after {
    content: '\f04b';
    font-family: FontAwesome;
    position: absolute;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    top: 50%;
    right: 50%;
    margin: -20px -20px;
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

.glistHolder .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 22px;
}

.glistHolder .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 9px;
    background: #ebeef0;
    border-radius: 5px;
}

.glistHolder .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 9px;
    background: #b8c2cc;
    border-radius: 5px;
}

.uploadimage {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 464px;
    padding: 20px;
    background: #fff;
}

.uploadimage p {
    margin-bottom: 30px;
    padding-top: 60px;
}

.newimageform {
    position: relative;
    padding-right: 115px;
}

.chfile {
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.chfile figure {
    height: 100px;
    margin-bottom: 10px;
}

.chfile img {
    border-radius: 4px;
    width: 100px !important;
    height: 100px !important;
}

.chfilebtn {
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #fff;
    background: #0f78ae;
}

.chfilebtn:hover {
    color: #fff;
    background: #7dc855;
}

.upldfile {
    display: none;
}

.txtarea {
    width: 100%;
    height: 135px;
    padding: 5px;
    border: 2px solid #ebeef0;
    border-radius: 5px;
    box-sizing: border-box;
}

.nibtnholder {
    text-align: left;
}

.nibtn {
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #0f78ae;
}

.nibtn:hover {
    color: #fff;
    background: #7dc855;
}

.addnewgalleryitem {
    height: 92px;
    display: block;
    border: 2px solid #dce3e8;
    text-align: center;
    line-height: 92px;
    color: #dce3e8;
    font-size: 22px;
}

.addnewgalleryitem:hover {
    color: #0f78ae;
    border-color: #0f78ae;
}

.gitemcommentsholder {
    padding: 0 15px 18px 10px;
}

.gitemcommentscroller {
    height: 520px;
}

.gitemcommentsholder .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #b8c2cc;
}

.gitemcommentsholder .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background: #ebeef0;
}

.mCSB_scrollTools .mCSB_dragger {
    margin-top: 1px;
}

.isender {
    height: 60px;
    margin: 0 15px 10px;
    position: relative;
    padding-right: 48px;
    padding-top: 26px;
    line-height: 40px;
    border-bottom: 2px solid #ebeef0;
}

.isender figure {
    position: absolute;
    top: 26px;
    right: 0;
}

.isender img {
    border-radius: 50%;
    border: 2px solid #ebeef0;
}

.isender a {
    color: #2e3033;
    font-weight: bold;
    font-size: 14px;
}

.gitemdets {
    position: relative;
    margin: 0 15px 30px;
}

.gidate {
    color: #c1c1c1;
    font-size: 12px;
}

.gilike {
    position: absolute;
    top: 0;
    left: 0;
    color: #e8553e;
    font-size: 14px;
}

.gilike i {
    font-size: 17px;
    margin-right: 4px;
    margin-top: -1px
}

.gcomments {
    font-size: 12px;
    line-height: 20px;
}

.gcomments>li {
    margin-bottom: 30px;
}

.gsender {
    margin-bottom: 9px;
    position: relative;
    padding-right: 32px;
    line-height: 24px;
}

.gsender figure {
    position: absolute;
    top: 0;
    right: 0;
}

.gsender img {
    border-radius: 50%;
    border: 2px solid #e9ebed;
}

.gsender>a {
    color: #3d5c97;
}

.gdate {
    color: #cbd2da;
    font-weight: 100;
    position: absolute;
    top: 0;
    left: 0;
}

.gcom {
    color: #2e3033;
}

.grep {
    text-align: left;
}

.greply {
    width: 95px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background: #e4e8eb;
    color: #86939e;
    font-weight: 100;
}

.greply i {
    font-size: 15px;
    margin-left: 3px;
}

.greply:hover {
    color: #fff;
    background: #fdcd56
}

.addgcom {
    margin: 0 15px;
    position: relative;
}

.gtxt {
    width: 100%;
    height: 52px;
    text-indent: 10px;
    color: #78a1c0;
    border: 2px solid #e1e8ee;
    border-radius: 5px;
    padding-left: 60px;
    box-sizing: border-box;
}

.gbtn {
    width: 60px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #9ed26a;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
}

.mentionbox {
    display: none;
    position: absolute;
    top: 58px;
    right: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    padding: 13px 13px 3px;
}

.mentionlist {}

.mentionlist>li {
    margin-bottom: 17px;
}

.mentionlist>li>a {
    display: block;
    color: #3d5c97;
    padding-right: 33px;
    position: relative;
}

.mentionlist>li>a img {
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #e9ebed;
    border-radius: 50%;
}

.tvserieslinks {
    line-height: 38px;
}

.tvserieslinks>li {
    position: relative;
    margin-bottom: 11px;
}

.qlty {
    width: 260px;
    color: #434548;
    float: right;
}

.tvserieslinks>li .dlexbtns {
    top: 2px;
}

.artistprofileContainer {
    margin-top: 28px;
}

.artistprofileholder {
    background: #fff;
    padding: 16px 14px 90px;
    min-height: 200px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    margin-bottom: 50px;
}

.artistcover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.artside {
    width: 277px;
    float: right;
    position: relative;
}

.artcontent {
    width: 848px;
    float: left;
    position: relative;
}

.artistimg {
    width: 258px;
    border-radius: 4px;
    margin-bottom: 34px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, .1);
    padding: 9px;
    background: #fff;
}

.artistimg img {
    border-radius: 4px;
}

.artintro {
    padding-top: 20px;
    line-height: 20px;
    color: #fff;
    min-height: 215px;
}

.artintro h1 {
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.shortdescartist {}

.shortdescartist>li {
    margin-bottom: 12px;
}

.shortdescartist>li span {
    margin-left: 5px;
}

.artistBio {
    color: #313338;
    margin-bottom: 15px;
}

.followbtn {
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    background: #62da73;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 11px;
}

.followbtn:hover {
    color: #fff;
    background: #12bdd1;
}

.followreq {
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    background: #d6e0e6;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 11px;
}

.gtitle {
    height: 50px;
    border-bottom: 2px solid #f5f8fa;
    margin-bottom: 20px;
    color: #25292c;
    line-height: 50px;
    font-size: 14px;
    position: relative;
}

.gtitle h2 {
    display: inline-block;
    border-bottom: 2px solid #0f78ae;
    font-weight: bold;
}

.newsticker {
    line-height: 20px;
    margin-bottom: 5px;
}

.newsticker>li {
    position: relative;
    padding-right: 70px;
    min-height: 62px;
    margin-bottom: 13px;
}

.newsticker>li figure {
    position: absolute;
    top: 0;
    right: 0;
}

.newsticker>li figure img {
    border-radius: 4px;
}

.newsticker>li>a {
    color: #474747;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}

.newsticker>li>a:hover {
    color: #0f78ae;
}

.newsticker>li>span {
    color: #2aac3d;
    font-size: 11px;
}

.artgholder {
    overflow-x: hidden;
    margin-bottom: 45px;
}

.gcarousel .owl-nav {
    position: absolute;
    top: -50px;
    left: 0px;
    font-family: FontAwesome;
    font-size: 8px;
}

.gcarousel .owl-prev,
.gcarousel .owl-next {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    background: #e5e5e5;
    float: left;
    margin-right: 4px;
}

.gcarousel .owl-prev:hover,
.gcarousel .owl-next:hover {
    color: #fff;
    background: #0f78ae
}

.arlist {}

.arlist>li {
    margin-bottom: 25px;
}

.listlink {
    font-weight: bold;
    font-size: 14px;
    color: #3ca1e7;
    line-height: 30px;
    margin-bottom: 5px;
}

.listcre {
    color: #c4ced6;
    margin-bottom: 20px;
}

.listcre a {
    color: #0f78ae
}

.listcre a:hover {
    color: #0f78ae
}

.listimgs {
    height: 68px;
    text-align: center;
    border-bottom: 2px solid #f0f4f7;
    margin-bottom: 2px;
}

.listimgs a {}

.listimgs img {
    border: 2px solid #fff;
    margin: 0 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    border-radius: 50%;
}

.uliststat2 {
    line-height: 34px;
    text-align: center;
}

.ulq2 {
    width: 135px;
    float: right;
    color: #7dc855;
    border-left: 2px solid #f0f4f7;
}

.uldate2 {
    width: 140px;
    float: left;
    color: #86939e;
}

.btnmore {
    margin-bottom: 10px;
}

.btnmore a {
    display: block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #86939e;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    background: #f0f4f7;
}

.btnmore a:hover {
    background: #0f78ae;
    color: #fff;
}

.followers {
    padding-top: 5px;
    padding-bottom: 5px;
}

.followers li {
    position: relative;
    margin-bottom: 14px;
    padding-right: 49px;
}

.followers>li figure {
    position: absolute;
    top: 0;
    right: 0;
}

.followers>li img {
    border-radius: 50%;
}

.flname {
    color: #313338;
    display: block;
    line-height: 25px;
    font-weight: bold;
}

.flmention {
    color: #4dafe1;
    display: block;
    line-height: 16px;
    font-size: 12px;
}

.fltype {
    position: absolute;
    top: 11px;
    left: 0px;
    font-size: 18px;
}

.pcolor1 {
    color: #14aec0;
}

.pcolor2 {
    color: #0f78ae;
}

.pcolor3 {
    color: #4be1ab;
}


.artistmovies {}

.artistmovies>li {
    width: 202px;
    height: 432px;
    position: relative;
    float: right;
    margin-left: 13px;
    margin-bottom: 35px;
}

.artistmovies>li:nth-child(4n) {
    margin-left: 0;
}

.artistmovies>li img {
    border-radius: 5px;
}

.artistmovies>li .toplabel {
    top: 10px;
    left: 10px;
}

.artistmovies>li .plytrailer {
    top: 260px;
}

.artistmovies>li>a {
    color: #25292c
}

.artistmovies>li>a:hover {
    color: #0f78ae
}

.amname {
    width: 202px;
    height: 36px;
    overflow: hidden;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    display: block;
    text-transform: none;
    direction: ltr;
    font-weight: bold;
}

.character {
    color: #86939e;
    font-size: 13px;
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.arate {
    color: #464646;
    line-height: 20px;
    direction: ltr;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.arate i {
    font-size: 17px;
    margin-top: -2px;
    margin-right: 3px;
}

.arate1 {
    display: inline-block;
    margin-right: 19px;
}

.arate1 i {
    color: #ffd400;
}

.arate2 {
    display: inline-block;
    margin-right: 19px;
}

.arate2 i {
    color: #296aee;
}

.arate3 {
    display: inline-block;
}

.arate3 i {
    color: #ff4c39;
    background: #ff4c39;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 0;
}

.trtabs {
    font-size: 14px;
}

.trtabs>li {
    float: right;
    margin-left: 25px;
}

.trtabs>li>a {
    color: #2e3033;
    padding: 0 15px;
    position: relative;
}

.trtabs>li.active>a {
    color: #0f78ae
}

.trtabs>li.active a:after,
.trtabs>li a:hover:after {
    content: '';
    display: block;
    height: 3px;
    bottom: -12px;
    right: 0;
    left: 0;
    background: #0f78ae;
    position: absolute;
}

.trtabs>li i {
    font-size: 16px;
    margin-left: 3px;
}

.trcontents {}

.trcontents>li {
    display: none;
}

.amoviesTab .topratedetails {
    font-size: 13px;
}

.amoviesTab .mtoplink {
    font-size: 16px;
}

.biglist {
    margin: 0 37px;
    padding-top: 10px;
    text-align: center;
}

.biglist>li {
    width: 240px;
    height: 352px;
    float: right;
    margin: 9px;
}

.thlist {
    height: 198px;
    margin-bottom: 20px;
    ;
    padding: 13px;
    background: #f5f8fa;
    border: 3px solid #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

.thlistul {}

.thlistul>li {
    float: right;
    margin-bottom: 10px;
}

.thlistul>li:nth-child(2n) {
    float: left;
}

.thlistul>li img {
    border-radius: 10px;
}

.listlink2 {
    font-size: 15px;
    font-weight: bold;
    display: block;
    color: #3ca1e7;
    line-height: 30px;
}

.uliststat3 {
    line-height: 34px;
    text-align: center;
}

.ulq3 {
    width: 115px;
    float: right;
    color: #7dc855;
    border-left: 2px solid #f0f4f7;
}

.uldate3 {
    width: 118px;
    float: left;
    color: #86939e;
}

.listcre2 {
    color: #c4ced6;
    padding-bottom: 3px;
    border-bottom: 2px solid #f0f4f7;
}

.listcre2 a {
    color: #0f78ae
}

.listcre2 a:hover {
    color: #0f78ae
}

.popupfollowersholder {
    display: none;
    font: 13px/24px iran;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.popfollowers {
    width: 750px;
    height: 540px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 50%;
    margin: -285px -375px 0 0;
}

.popfollowhead {
    height: 70px;
    line-height: 70px;
    background: #f5f8fa;
    position: relative;
    padding: 0 18px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #eaebed;
}

.popfollowhead h2 {
    font-weight: bold;
    color: #a7b1b8;
    font-size: 15px;
}

.closepopfollow {
    color: #ff4c39;
    position: absolute;
    top: 0px;
    left: 18px;
    font-size: 20px;
}

.closepopfollow:hover {
    color: #e74c3c
}

.popfollowscroll {
    height: 420px;
    overflow: hidden;
}

.popfollowcontent {
    padding: 25px 20px;
}

.popfollowscroll .followers li {
    width: 240px;
    float: right;
    margin-bottom: 50px;
    margin-left: 50px;
}

.popfollowscroll .followers li:nth-child(2n) {
    margin-left: 0;
}

.subtitleTypenew {
    margin-bottom: 20px;
}

.subtitleTypenew>li {
    border-bottom: 1px solid #ebeef0;
}

.subtitleTypenew>li>a {
    display: block;
    position: relative;
    padding: 12px 55px 5px 10px;
}

.subtitleTypenew>li:nth-child(2n) a {
    background: #f6f6f6;
}

.subtitleTypenew>li a:hover {
    background: #e3eaf1;
}

.subtitleTypenew>li:last-child {
    border-bottom: none;
}

.subtitleTypenew>li>a i {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 25px;
    line-height: 40px;
}

.subtitleTypenew>li>a strong {
    text-align: right;
    font-weight: bold;
    display: block;
    direction: ltr;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.qualities {
    line-height: 15px;
    font-size: 12px;
    font-weight: 100;
    color: black;
}

.exclusivenew {
    position: absolute;
    top: 21px;
    left: 10px;
    line-height: 24px;
    border-radius: 12px;
    padding: 0 10px;
    background: #ff5063;
    color: #fff;
}

.profileContainer {
    margin-top: -3px;
}

.blueside {
    width: 32.0513%;
    float: right;
    background: #61a2aa;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
}

.pcontent {
    width: 66.666%;
    float: left;
    margin-bottom: 30px;
}

.userdetails {
    padding: 54px 12px 0;
}

.userdetails figure {
    margin-bottom: 15px;
}

.userdetails figure img {
    border-radius: 50%;
}

.username {
    line-height: 40px;
    color: #fff;
    font-size: 15px;
}

.userstars {
    font-size: 26px;
    margin-bottom: 20px;
    direction: ltr;
}

.userstars i {
    color: #138c9b;
}

.userstars i.active {
    color: #ffd400;
}

.userlink {
    margin-bottom: 20px;
    direction: ltr;
}

.userlink i {
    font-size: 15px;
    margin-right: 4px;
}

.userlink a {
    color: #fff;
}

.userlink a:hover {
    color: #0f78ae
}

.shortbio {
    margin-bottom: 20px;
}

.usersocials {
    margin-bottom: 50px;
    text-align: center;
    font-size: 20px;
}

.usersocials>li {
    display: inline-block;
    margin: 0 15px;
}

.usersocials>li>a {
    color: #fff;
}

.usersocials>li>a:hover {
    color: #0f78ae;
}

.flwbtns {
    padding: 0px 55px 55px;
}

.blueside .followreq {
    color: #1ecde2;
    background: #fff;
}

.usergallery {}

.usergallery>li {
    width: 125px;
    height: 125px;
    float: right;
}

.sendimg {
    padding: 24px 0;
    text-align: center;
}

.sendimgbtn {
    width: 190px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #148694;
    border-radius: 20px;
}

.sendimgbtn:hover {
    color: #fff;
    background: #116974;
}

.usidepadding {
    text-align: right;
    padding: 0 15px;
}

.usertitle {
    line-height: 40px;
    border-bottom: 2px solid #f5f8fa;
    margin-bottom: 15px;
    position: relative;
}

.usertitle h2 {
    font-size: 15px;
}

.hotlinks {
    margin-bottom: 30px;
}

.hotlinks>li {
    margin-bottom: 4px;
}

.hotlinks>li>a {
    color: #fff;
    border-bottom: 1px solid transparent;
}

.hotlinks>li>a:hover {
    color: #303030;
    border-color: #303030;
}

.morefollowers {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 76px;
    height: 30px;
    line-height: 30px;
    background: #148694;
    border-radius: 15px;
    color: #fff;
}

.morefollowers:hover {
    color: #fff;
    background: #116974;
}

.blueside .followers {}

.blueside .flname {
    color: #fff;
}

.blueside .flmention {
    color: #202020;
}

.blueside .pcolor1 {
    color: #116974;
}

.blueside .pcolor2 {
    color: #fff;
}

.blueside .pcolor3 {
    color: #fff;
}

.whitebox {
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
    margin-bottom: 20px;
}

.levels {
    margin-top: 20px;
    padding: 24px 0 85px;
    position: relative;
}

.ptabs {
    text-align: center;
    font-size: 14px;
    padding: 0 10px;
}

.ptabs>li {
    float: right;
    height: 78px;
    margin-left: 17px;
    position: relative;
}

.ptabs>li:last-child {
    margin-left: 0
}

.ptabs>li>a {
    display: block;
    color: #bdbaba;
    padding: 10px 11px;
    border-bottom: 3px solid transparent;
    line-height: 28px;
}

.ptabs>li>a span {
    color: #464646;
    display: block;
    font-size: 18px;
}

.ptabs>li.active a {
    border-color: #70c14a
}

.ptabs>li>a>i {
    display: none;
}

.ptabs>li.active>a>i {
    display: block;
    position: absolute;
    top: 10px;
    left: -5px;
    color: #cccccc;
    font-size: 11px;
}

.subtab {
    line-height: 42px;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 230px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    background: #2e3033;
    text-align: right;
    z-index: 100;
}

.subtab>li {}

.subtab>li>a {
    color: #cdcdcd;
    padding: 0 10px;
    display: block;
}

.subtab>li>a:hover {
    background: #202123;
    color: #fff;
}

.subtab>li>a i {
    font-size: 15px;
    margin-left: 4px;
}

.ptabs>li.active:hover .subtab {
    display: block;
}


.ptabcontent {}

.ptabcontent>li {
    display: none;
}

.whitepadd {
    padding: 5px 15px;
}

.usermovies {}

.usermovies>li {
    width: 238px;
    height: 450px;
    position: relative;
    float: right;
    margin-left: 17px;
    margin-bottom: 35px;
}

.usermovies>li:nth-child(3n) {
    margin-left: 0;
}

.usermovies>li img {
    border-radius: 5px;
}

.usermovies>li .toplabel {
    top: 10px;
    left: 10px;
}

.usermovies>li .plytrailer {
    top: 260px;
}

.usermovies>li>a {
    color: #25292c
}

.usermovies>li>a:hover {
    color: #0f78ae
}

.usermovies .amname {
    display: block;
    width: auto;
    height: 50px;
    line-height: 25px;
    padding: 10px 0 0;
    margin-bottom: 10px;
    white-space: normal;
}


.peoples {}

.peoples>li {
    width: 130px;
    height: 172px;
    float: right;
    position: relative;
    margin: 0 0 20px 14px;
    border: 4px solid #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
}

.peoples>li:nth-child(5n) {
    margin-left: 0;
}

.whitebox .biglist {
    margin: 0 2px;
}

.movieprevholder {
    position: relative;
    height: 120px;
    padding-right: 90px;
}

.movieprevholder figure {
    position: absolute;
    top: 0;
    right: 0;
}

.movieprevholder img {
    border-radius: 4px;
}

.movieprevname {
    direction: ltr;
    color: #2e3033;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2px;
}

.mpdate {
    color: #b9c1c6;
    font-size: 11px;
    margin-bottom: 7px;
}

.movieprevholder .revq {
    top: 52px;
}

.movieprevholder .commentrate {
    position: absolute;
    top: 44px;
    left: 0;
    padding-top: 0;
}


#imagetheatr {
    display: none
}

#video {
    display: none
}


.usender {
    padding: 27px 92px 0 17px;
    position: relative;
    height: 70px;
    line-height: 70px;
}

.usender figure {
    position: absolute;
    top: 27px;
    right: 13px;
}

.usender figure img {
    border-radius: 50%;
    border: 2px solid #e9eaee;
}

.usender>a {
    color: #2e3033;
    font-size: 15px;
    font-weight: bold;
}

.usender>a span {
    color: #a7b1ba;
    font-size: 14px;
    font-weight: normal;
}

.udate {
    color: #b8bcbf;
    position: absolute;
    top: 27px;
    left: 17px;
}

.postDetail {
    color: #2e3033;
    padding: 0 92px 0 17px;
}

.iconimenu {
    margin: 5px 92px 0 17px;
    border-bottom: 1px solid #f0f3f6;
    height: 35px;
    line-height: 35px
}

.iconimenu>li {
    float: right;
    margin-left: 10px;
}

.iconimenu>li>a {
    color: #dfe2e5;
    font-size: 11px;
}

.iconimenu>li>a i {
    font-size: 17px;
}

.iconimenu>li>a:hover {
    color: #74b1e4;
}

.iconimenu>li.active a {
    color: #74b1e4
}

.addcomment {
    padding: 20px 92px 20px 17px;
    position: relative;
}

.addcomment figure {
    position: absolute;
    top: 20px;
    right: 41px;
}

.addcomment figure img {
    border-radius: 50%;
}

.cmtext {
    width: 100%;
    border: 2px solid #e1e8ee;
    line-height: 36px;
    box-sizing: border-box;
    display: block;
    border-radius: 4px;
    height: 40px;
}

.addcicon1 {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 22px;
    line-height: 40px;
    color: #e1e8ee;
}

.addcicon1 i {}

.addcicon2 {
    position: absolute;
    top: 20px;
    left: 60px;
    font-size: 22px;
    line-height: 40px;
    color: #e1e8ee;
}

.addcicon2 i {}

.upostnum {
    line-height: 56px;
    border-top: 1px solid #e1e8ee;
    background: #f9fbfc;
    padding: 0 12px;
    color: #cbced7;
    font-size: 14px;
}

.upostnum i {
    font-size: 16px;
    margin-left: 5px;
}

.ugallery {
    margin: 15px;
}

.ug1 a {
    width: 100%;
    height: auto;
}

.ug2 a {
    width: 49%;
    height: auto;
    float: right;
}

.ug2 a:nth-child(2n) {
    float: left;
}

.ug3 a {
    width: 32.66%;
    height: auto;
    float: right;
    margin-left: 1%;
}

.ug3 a:nth-child(3n) {
    float: left;
    margin-left: 0;
}

.ugallery img {
    width: 100%;
    height: auto
}

.addnewpostbox {
    padding: 15px;
}

.newposttextarea {
    width: 100%;
    height: 86px;
    box-sizing: border-box;
    background: #f5f8fa;
    border: 1px solid #d5dee6;
    box-shadow: 0 0 5px #d5dee6 inset;
    display: block;
    margin-bottom: 20px;
}

.addnewpostbtns {
    border-top: 2px solid #ebeef0;
    padding-top: 15px;
}

.npbtn {
    width: 120px;
    height: 40px;
    background: #74b1e4;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 10px;
}

.addimage {
    color: #d9dbe3;
    line-height: 40px;
    font-size: 22px;
}

.uploadingimages {
    white-space: normal;
    text-align: left;
    direction: ltr;
}

.uploadingimages>li {
    width: 130px;
    height: 180px;
    margin-right: 7px;
    display: inline-block;
}

.uploadingimages>li img {
    margin-bottom: 20px;
}

.progressbar {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #ebeef0;
    overflow: hidden;
    position: relative;
}

.progressed {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background: #52cc7a;
    border-radius: 5px;
}

.addnewimage {
    width: 124px;
    height: 124px;
    display: block;
    border: 3px dashed #e6e7ec;
    text-align: center;
    line-height: 124px;
    font-size: 20px;
    color: #e6e7ec;
}

/*.wcommentbox{border-top:1px solid #e1e8ee;padding:32px 12px 20px 15px;}
.wcomments{}
.wcomments > li{margin-bottom:30px;}
.wcomments > li:last-child{margin-bottom:0;}
.wcommentitem{padding-right:60px;position:relative;}
.wcommentitem figure{position:absolute;top:0;right:0;}
.wcommentitem figure img{border-radius:4px;box-shadow:1px 1px 3px rgba(0,0,0,.15);}
.wcomautor{color:#898989;font-weight:bold;}
.wcomdate{color:#9a9a9a;position:absolute;top:0;left:0;}
.wcomm{color:#333333;padding:5px 0 10px;}
.wcombtns{font-size:11px;color:#74b1e4;}
.wlike{color:#74b1e4;margin-left:5px;}
.wlike i{font-size:15px;margin-left:4px;}
.wreply{color:#74b1e4;margin-right:5px;}

.wreplybox{margin:30px 65px 0 0;}
.hasReply > .wcommentitem:before{content:'';display:block;width:2px;position:absolute;top:65px;right:24px;bottom:-64px;background:#ebedf0;}
.wmargin{margin-bottom:0}*/

.wcommentbox {
    border-top: 1px solid #e1e8ee;
    padding-top: 23px;
}

.wcomments {}

.wcomments>li {
    margin-bottom: 20px;
    position: relative;
}

.wcommentitem {
    position: relative;
    padding: 0 72px 0 12px;
}

.wcommentitem figure {
    position: absolute;
    top: 0;
    right: 22px
}

.wcommentitem figure img {
    border: 2px solid #e9ebed;
    border-radius: 50%;
}

.wcomautor {
    color: #2e3033;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px
}

.wcomautor span {
    color: #a7b1ba;
    margin-right: 10px;
    font-size: 12px;
    direction: ltr;
}

.wcomm {
    font-weight: 100;
    font-size: 12px;
    color: #373737;
    margin-bottom: 15px;
    text-indent: 10px;
}

.wcombtns {
    margin: 0 23px 0 12px;
    font-size: 12px;
    color: #576474;
}

.wreply {
    color: #84c87b;
}

.wcomb {
    color: #576474;
}

.wlike {
    color: #458ed5;
}

.replays {
    margin: 10px 23px;
    position: relative;
    background: #fafbfc;
    border: 1px solid #e1e7ed;
    border-radius: 5px;
}

.replays:before {
    content: '';
    display: block;
    width: 12px;
    height: 8px;
    background: url(../images/cedge.jpg) 0 0 no-repeat;
    position: absolute;
    top: -7px;
    right: 20px;
}

.replaylist {}

.replaylist>li {
    border-bottom: 1px solid #e1e7ed;
    position: relative;
}

.replaylist>li:last-child {
    border-bottom: none
}

.wreplyitem {
    position: relative;
    padding: 12px 46px 12px 12px;
}

.wreplyitem figure {
    position: absolute;
    top: 12px;
    right: 12px
}

.wreplyitem figure img {
    border-radius: 50%;
}

.replays .wcombtns {
    font-weight: 100;
    font-size: 11px;
    margin-bottom: 5px;
}

.replays .wcomm {
    margin-bottom: 0;
}

.viewmorereplays {
    line-height: 40px;
    display: block;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #e1e7ed;
    background: #f3f5f6;
    color: #458ed5;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.wmargin {
    margin: 0 23px 23px;
}

.lastview {}

.lastview>li {
    width: 100px;
    height: 140px;
    float: right;
    margin: 0 0 8px 8px;
    position: relative;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.lastview>li img {
    border-radius: 5px;
}

.lvdelete {
    position: absolute;
    top: 2px;
    right: 5px;
    color: #e74c3c;
    opacity: 0;
    font-size: 15px;
}

.lastview>li:hover .lvdelete {
    opacity: 1;
}

.lastview:hover li {
    opacity: .6;
}

.lastview>li:hover {
    opacity: 1
}

.tblnoti {
    width: 100%;
    border-collapse: collapse;
    padding-bottom: 20px;
}

.tblnoti th {
    border-bottom: 3px solid #e9eff1;
    padding: 7px;
}

.tblnoti td {
    border-bottom: 1px solid #e9eff1;
    padding: 7px;
    font-size: 12px;
}

.tblnoti td a {
    color: #0f78ae;
    direction: ltr;
}

.tblnoti td a:hover {
    color: #09a6d1
}


.empty p {
    font-size: 15px;
    margin-bottom: 5px;
}

.suggestlist {
    margin-top: 30px;
}

.suggestlist a {
    display: block;
    color: #0f78ae;
}

.suggestlist a:hover {
    color: #3ca1e7;
}

.whitepadd .topfilter {
    margin-top: 12px;
}

.uname {
    color: #fff;
    direction: ltr;
    font-size: 15px;
    margin-bottom: 14px;
}

.uname span {
    color: #124159;
    font-size: 13px;
}

.flwbtns .followbtn {
    background: #62da73;
}

.followed {
    background: #148694;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 11px;
}

.flwbtns .followreq {
    background: #727272;
    color: #fff;
}

.removefav1 {
    position: absolute;
    top: 0;
    left: 0;
    color: #e74c3c;
    font-size: 18px;
}

.removefav1:hover {
    color: #ff0000
}

.removefav2 {
    position: absolute;
    top: 2px;
    right: 5px;
    color: #e74c3c !important;
    font-size: 22px;
}

.removefav2:hover {
    color: #ff0000 !important
}

.urateview {
    margin-bottom: 10px;
    position: relative;
}

.urate {
    display: inline-block;
    margin-left: 15px;
}

.urate span {
    margin-left: 15px;
    font-weight: bold;
    font-size: 14px;
}

.urate i {
    color: #e1e8ee;
    font-size: 17px;
    margin-top: -2px;
}

.urate i.active {
    color: #296aee
}

.clearrate {
    color: #e74c3c;
    font-size: 18px;
    margin-top: -2px
}

.clearrate:hover {
    color: #ff0000
}


.__9t {
    background-image: url(/images/aiJlV3s0C9s.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
}

.__9u {
    border: 2px dashed #dddfe2;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    height: 100px;
    margin-right: 5px;
    position: relative;
    width: 124px;
}

._m ._3jk {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

._n {
    bottom: 0;
    cursor: inherit;
    height: 100px;
    width: 125px;

    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

._5f0v {
    outline: none;
}

ul.uploadingimages li {
    position: relative;
}


.remembercheck {
    position: absolute;
    top: 0;
    left: 0;
    color: #7dc855;
    font-size: 20px;
}

.gtitle .btntopsearch {
    top: 5px;
}

.gtitle .sortfilter {
    top: 5px;
}

.gtitle .topsearch {
    margin-left: 163px;
}


.emptygallery {
    width: 750px !important;
    height: 400px !important;
    overflow: hidden;
    margin-right: -375px !important;
    margin-top: -200px !important
}

.emptygallery .gright {
    display: none !important;
    width: 750px !important;
}

.emptygallery .gleft {
    width: 750px !important;
}

.emptygallery .uploadimage {
    height: 355px !important;
}

.mtabcontents>li .biglist {
    margin: 0 -10px;
}

.mtabcontents>li .biglist>li {
    margin: 4px;
}

.addcomment .mentionbox {
    position: absolute;
    top: 60px;
    right: 93px;
    left: 15px;
    background: #f5f5f5;
}

.comcontent {
    position: relative
}

.comcontent .mentionbox {
    position: absolute;
    top: 200px;
    right: 0px;
    left: 150px;
    background: #f5f5f5;
    z-index: 2000
}