/** Fix style some pages **/
#home-page .table-score table .table-title td {
  text-align: center; }
#home-page .table-score table tbody tr {
  border-bottom: 1px solid #2a2768; }
#home-page .table-score table tbody tr td {
  padding-right: 15px; }
#home-page .table-score table tbody tr td img {
  max-width: 40px; }
#home-page .table-score table tbody tr td:first-child {
  color: #ffb718;
  padding: 14px 15px; font-size:18px; }
#home-page .table-score table tbody tr td a {
  color: #ffb718;
  font-weight: 700; }

.pagination>li>a,
.pagination>li>span {
    color: #2a2768;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #2a2768;
    border-color: #2a2768;
    color: #ffb718;
}

#profile .content .tab #summary .ranking .right ul li {
  #profile .content .tab #summary .ranking .right ul li .finance }
#profile .content .tab #summary .ranking .right ul li .logo-site-username {
  float: left; }
#profile .content .tab #summary .ranking .right ul li .finance .money {
  text-transform: uppercase; }

#profile .content .tab #summary .ranking .middle {
  padding: 0;
  margin-right: 25px;
  margin-left: 20px;
  margin-bottom: 30px; }
#profile .content .tab #summary .ranking .middle ul {
  padding-left: 0;
  background: #ebebeb; }
#profile .content .tab #summary .ranking .middle ul li {
  list-style-type: none;
  border-bottom: none;
  margin: 0 15px;
  border-bottom: 1px solid #bcbcbc;
  padding: 16px 0; }
#profile .content .tab #summary .ranking .middle ul li:first-child {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffb718;
  padding: 10px 0;
  text-align: center;
  background: #13123b;
  font-weight: 700;
  margin: 0; }
#profile .content .tab #summary .ranking .right ul li .logo-site-ranking {
  float: left; }
#profile .content .tab #summary .ranking .right ul li .finance {
  margin-left: 85px; }
#profile .content .tab #summary .ranking .right ul li .finance .name {
  color: #13123b;
  font-weight: 700; }
#profile .content .tab #summary .ranking .right ul li .finance .rank {
  color: #7677b9;
  font-size: 12px; }
#profile .content .tab #summary .ranking .middle ul li:last-child {
  border: none; }

/* Article */
#article {
  background: #fff; }
  #article h1 {
    font-size: 24px;
    color: #2a2768;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px; }
    #article h1 .fa {
      font-size: 16px; }
    #article h1 span {
      padding: 0 25px; }
    #article h1 .star-first {
      margin-left: 30px; }
  #article .sidebar {
    margin-top: 25px;
    margin-left: 25px; }
    #article .sidebar .category {
      position: relative;
      margin-bottom: 60px;
      overflow: visible; }
      #article .sidebar .category .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 67%;
        margin: 0;
        position: absolute;
        top: -25px;
        left: -15px; }
        #article .sidebar .category .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          left: 0;
          width: 0;
          height: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      #article .sidebar .category ul {
        background: #13123b;
        padding-top: 27px;
        padding-left: 0; }
        #article .sidebar .category ul li {
          list-style-type: none; }
          #article .sidebar .category ul li a {
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: #ffb718;
            padding: 20px 40px; }
          #article .sidebar .category ul li:hover {
            background: #353681; }
    #article .sidebar .recent {
      position: relative;
      background: #ebebeb; }
      #article .sidebar .recent .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 67%;
        margin: 0;
        position: absolute;
        left: -15px;
        top: -25px; }
        #article .sidebar .recent .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          width: 0;
          height: 0;
          left: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      #article .sidebar .recent ul {
        padding-left: 0;
        padding-top: 27px;
        padding-bottom: 10px; }
        #article .sidebar .recent ul li {
          list-style-type: none;
          margin: 20px;
          border-bottom: 1px solid #b1b0c3; }
          #article .sidebar .recent ul li:last-child {
            border: none; }
          #article .sidebar .recent ul li:after {
            content: "";
            height: 1px;
            width: 100%; }
          #article .sidebar .recent ul li .left {
            /*height: 80px;*/
            /*width: 80px;*/
            overflow: hidden;
            padding: 0 15px 0 0; }
            #article .sidebar .recent ul li .left img {
              width: 100%; }
          #article .sidebar .recent ul li .right .content-title {
            margin: 0;
            text-transform: uppercase;
            font-weight: 700;
            color: #2a2768;
            font-size: 16px; }
            #article .sidebar .recent ul li .right .content-title a {
              color: #2a2768; }
          #article .sidebar .recent ul li .right .content-tags {
            color: #ffb718;
            padding-top: 10px; }
            #article .sidebar .recent ul li .right .content-tags .fa {
              padding-right: 10px; }
            #article .sidebar .recent ul li .right .content-tags .fa-comments {
              padding-left: 15px; }
          #article .sidebar .recent ul li .right .content {
            padding-top: 20px;
            padding-bottom: 20px; }
h2 { margin-top: 0;
    color: #2a2768;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 10px; position:relative; }
h2 span { color: #ffb718 !important; padding-right: 5px; }
h2 strong{ font-weight:normal; }
	div.main-content h2{ position:relative; padding-left:20px !important; text-align:left !important }
	div.main-content h2:before{ font-size:20px; line-height:18px; color:#ffb718; content:'||'; position:absolute; left:0; top:0; font-family:Bitter-Bold; }
	div.main-content h3{ font-size:17px !important }
	div.main-content h4{ font-size:15px !important }

	div.ng-binding h2{ position:relative; padding-left:20px !important; text-align:left !important; font-size:20px; color:#2a2768; }
	div.ng-binding h2:before{ font-size:20px; line-height:18px; color:#ffb718; content:'||'; position:absolute; left:0; top:0; font-family:Bitter-Bold; }
	div.ng-binding h3{ font-size:17px !important }
	div.ng-binding h4{ font-size:15px !important }
	div.ng-binding h2 strong, div.ng-binding h3 strong, div.ng-binding h4 strong{ font-weight:normal; }


  #article .content .item {
    padding: 25px 0;
    border-bottom: 1px solid #b1b0c3;
    margin: 0 15px; }
    #article .content .item .left {
      /*width: 200px;*/
      /*height: 150px;*/
      overflow: hidden;
      padding-left: 0; }
      #article .content .item .left img {
        width: 100%;
        height: auto; }
    #article .content .item .right h4 {
      margin-top: 0;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700; }
      #article .content .item .right h4 a {
        color: #2a2768; }
    #article .content .item .right .content-tags {
      color: #ffb718;
      padding-top: 10px; }
      #article .content .item .right .content-tags .fa {
        padding-right: 10px; }
      #article .content .item .right .content-tags .fa-comments {
        padding-left: 15px; }
    #article .content .item .right .content {
      padding-top: 20px;
      padding-bottom: 20px; }
  #article .content .viewmore {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px; }
    #article .content .viewmore .btn-viewmore {
      font-size: 12px;
      text-transform: uppercase;
      color: #2a2768;
      font-weight: 700; }
      #article .content .viewmore .btn-viewmore:hover {
        cursor: pointer;
        text-decoration: underline; }
    #article .content .viewmore .loading img {
      height: 20px;
      width: 20px; }


/* Profile */
#profile {
  background: #fff; }
  #profile h1 {
    font-size: 24px;
    color: #2a2768;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 60px; }
    #profile h1 .fa {
      font-size: 16px; }
    #profile h1 span {
      padding: 0 25px; }
    #profile h1 .star-first {
      margin-left: 30px; }
  #profile .sidebar {
    margin-top: 25px;
    margin-left: 25px; }
    #profile .sidebar .personal {
      position: relative;
      margin-bottom: 60px;
      overflow: visible; }
      #profile .sidebar .personal .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 74%;
        margin: 0;
        position: absolute;
        top: -25px;
        left: -15px; }
        #profile .sidebar .personal .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          left: 0;
          width: 0;
          height: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      #profile .sidebar .personal .wrapper {
        background: #13123b;
        padding-top: 27px;
        padding-left: 0; }
        #profile .sidebar .personal .wrapper .image {
          padding-bottom: 30px;
          border-bottom: 1px solid #8f90db;
          margin-top: 23px; }
          #profile .sidebar .personal .wrapper .image .avatar {
            max-width: 150px;
            overflow: hidden;
            margin: 0 auto; }
            #profile .sidebar .personal .wrapper .image .avatar img {
              width: 100%;
              border-bottom-left-radius: 135px;
              border-bottom-right-radius: 135px; }
          #profile .sidebar .personal .wrapper .image .username {
            font-size: 22px;
            color: #ffb718;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            padding-top: 30px; }
          #profile .sidebar .personal .wrapper .image .name {
            font-size: 14px;
            color: #8f90db;
            text-align: center;
            padding-top: 15px; }
        #profile .sidebar .personal .wrapper .location {
          padding-top: 30px;
          padding-left: 30px; }
          #profile .sidebar .personal .wrapper .location .for {
            font-size: 16px;
            color: #8f90db; }
          #profile .sidebar .personal .wrapper .location .name-location {
            font-size: 15px;
            color: #ffb718;
            font-weight: 700; }
        #profile .sidebar .personal .wrapper .twitter {
          padding-top: 30px;
          padding-left: 30px; }
          #profile .sidebar .personal .wrapper .twitter .for {
            font-size: 16px;
            color: #8f90db; }
          #profile .sidebar .personal .wrapper .twitter .twitter-account {
            font-size: 15px;
            color: #ffb718;
            font-weight: 700; }
        #profile .sidebar .personal .wrapper .site {
          padding-top: 30px;
          padding-bottom: 35px;
          padding-left: 30px; }
          #profile .sidebar .personal .wrapper .site .for {
            font-size: 16px;
            color: #8f90db; }
          #profile .sidebar .personal .wrapper .site .favourite-site {
            font-size: 16px;
            color: #ffb718;
            font-weight: 700;
            padding-top: 15px; }
        #profile .sidebar .personal .wrapper .edit {
          text-align: center;
          padding: 12px 70px;
          max-width: 240px;
          margin: 0 auto;
          background: #2a2768;
          margin-bottom: 30px; }
          #profile .sidebar .personal .wrapper .edit a {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            color: #ffb718; }
            #profile .sidebar .personal .wrapper .edit a:hover {
              text-decoration: none; }
    #profile .sidebar .add-friend {
      position: relative;
      margin-bottom: 60px;
      overflow: visible; }
      #profile .sidebar .add-friend .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 74%;
        margin: 0;
        position: absolute;
        top: -25px;
        left: -15px; }
        #profile .sidebar .add-friend .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          left: 0;
          width: 0;
          height: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      #profile .sidebar .add-friend ul {
        padding: 0;
        padding-top: 40px;
        background: #f3f3f3; }
        #profile .sidebar .add-friend ul li {
          list-style-type: none;
          border-bottom: 1px solid #cbcad7;
          margin: 5px 20px;
          padding: 15px 0; }
          #profile .sidebar .add-friend ul li:first-child {
            text-align: center; }
          #profile .sidebar .add-friend ul li:last-child {
            border: none; }
          #profile .sidebar .add-friend ul li span {
            position: absolute;
            right: 45px;
            top: 65px; }
          #profile .sidebar .add-friend ul li input[type="text"] {
            position: relative;
            width: 265px;
            height: 30px;
            padding-left: 10px; }
            #profile .sidebar .add-friend ul li input[type="text"] ::-webkit-input-placeholder,
            #profile .sidebar .add-friend ul li input[type="text"] :-ms-input-placeholder,
            #profile .sidebar .add-friend ul li input[type="text"] :-moz-placeholder,
            #profile .sidebar .add-friend ul li input[type="text"] ::-moz-placeholder {
              font-size: 11px;
              color: #d0cdfa;
              text-transform: uppercase;
              font-weight: bold; }
          #profile .sidebar .add-friend ul li button.send-request {
            margin: 20px auto;
            width: 150px;
            height: 35px;
            font-size: 14px;
            color: #ffb718;
            font-weight: 700;
            text-transform: uppercase;
            background: #2a2768;
            border: 1px; }
          #profile .sidebar .add-friend ul li .left {
            padding: 0; }
            #profile .sidebar .add-friend ul li .left img {
              width: 40px;
              padding-right: 15px; }
            #profile .sidebar .add-friend ul li .left a {
              color: #2a2768; }
          #profile .sidebar .add-friend ul li .right button.accept-friend {
            font-size: 10px;
            width: 60px;
            height: 20px;
            background: #2a2768;
            color: #ffb718;
            border: 1px solid #2a2768;
            margin-bottom: 10px; }
          #profile .sidebar .add-friend ul li .right button.decline-friend {
            font-size: 10px;
            width: 60px;
            height: 20px;
            color: #2a2768;
            border: 1px solid #2a2768;
            background: #fff; }
    #profile .sidebar .friend-list {
      position: relative;
      margin-bottom: 60px;
      overflow: visible; }
      #profile .sidebar .friend-list .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 74%;
        margin: 0;
        position: absolute;
        top: -25px;
        left: -15px; }
        #profile .sidebar .friend-list .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          left: 0;
          width: 0;
          height: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      #profile .sidebar .friend-list ul {
        padding: 0;
        padding-top: 40px;
        background: #f3f3f3; }
        #profile .sidebar .friend-list ul li {
          list-style-type: none;
          border-bottom: 1px solid #cbcad7;
          margin: 5px 20px;
          padding: 15px 0; }
          #profile .sidebar .friend-list ul li .text a {
            font-size: 12px;
            color: #13123b; }
          #profile .sidebar .friend-list ul li .text .all {
            float: right; }
          #profile .sidebar .friend-list ul li .text .unfriend {
            padding-left: 30px; }
          #profile .sidebar .friend-list ul li .league {
            margin: 30px 10px;
            text-align: center; }
            #profile .sidebar .friend-list ul li .league a {
              padding: 10px 34px;
              text-transform: uppercase;
              font-weight: 700;
              font-size: 14px;
              color: #13123b;
              text-align: center;
              border: 1px solid #13123b; }
          #profile .sidebar .friend-list ul li:first-child {
            text-align: center; }
          #profile .sidebar .friend-list ul li:last-child {
            border: none; }
          #profile .sidebar .friend-list ul li span {
            position: absolute;
            right: 45px;
            top: 65px; }
          #profile .sidebar .friend-list ul li input.search {
            position: relative;
            width: 265px;
            height: 30px;
            padding-left: 10px; }
            #profile .sidebar .friend-list ul li input.search ::-webkit-input-placeholder,
            #profile .sidebar .friend-list ul li input.search :-ms-input-placeholder,
            #profile .sidebar .friend-list ul li input.search :-moz-placeholder,
            #profile .sidebar .friend-list ul li input.search ::-moz-placeholder {
              font-size: 11px;
              color: #d0cdfa;
              text-transform: uppercase;
              font-weight: bold; }
          #profile .sidebar .friend-list ul li .left {
            padding: 0; }
            #profile .sidebar .friend-list ul li .left img {
              width: 40px;
              padding-right: 15px; }
            #profile .sidebar .friend-list ul li .left a {
              color: #2a2768; }
          #profile .sidebar .friend-list ul li .right .checkbox[type="checkbox"]:before {
            width: 20px;
            height: 20px; }
          #profile .sidebar .friend-list ul li .right .checkbox[type="checkbox"]:after {
            top: -20px;
            width: 16px;
            height: 16px; }
          #profile .sidebar .friend-list ul li .right .checkbox {
            padding-left: 20px;
            margin-top: 0; }
          #profile .sidebar .friend-list ul li .right .checkbox label {
            display: inline-block;
            position: relative;
            padding-left: 5px; }
          #profile .sidebar .friend-list ul li .right .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
          #profile .sidebar .friend-list ul li .right .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555; }
          #profile .sidebar .friend-list ul li .right .checkbox input[type="checkbox"] {
            opacity: 0;
            z-index: 1; }
          #profile .sidebar .friend-list ul li .right .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px; }
          #profile .sidebar .friend-list ul li .right .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c"; }
          #profile .sidebar .friend-list ul li .right .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65; }
          #profile .sidebar .friend-list ul li .right .checkbox input[type="checkbox"]:disabled + label::before {
            background-color: #eeeeee;
            cursor: not-allowed; }
  #profile .content h2 {
    margin-top: 0;
    color: #2a2768;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 10px; }
    #profile .content h2 span {
      color: #ffb718 !important;
      padding-right: 5px; }
  #profile .content .tab .nav-tabs {
    border: none;
    margin: 0; }
  #profile .content .tab .nav-tabs > li > a {
    border: none; }
  #profile .content .tab > ul li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #000;
    width: 33.3%; }
    #profile .content .tab > ul li:first-child a {
      border-left: none; }
    #profile .content .tab > ul li:last-child a {
      border-right: none; }
    #profile .content .tab > ul li a {
      border-radius: 0;
      margin: 0;
      font-size: 16px;
      text-transform: uppercase;
      color: #c9c9c9;
      font-weight: 700;
      text-align: center; }
      #profile .content .tab > ul li a:hover {
        background: none; }
  #profile .content .tab > ul li.active {
    border-bottom: none; }
    #profile .content .tab > ul li.active a {
      border: 1px solid #000;
      border-bottom-color: transparent;
      color: #2a2768; }
  #profile .content .tab #result .total,
  #profile .content .tab #summary .total,
  #profile .content .tab #achievements .total {
    margin-top: 30px;
    background: #ebebeb;
    padding: 10px 0;
    text-align: center; }
    #profile .content .tab #result .total .text,
    #profile .content .tab #summary .total .text,
    #profile .content .tab #achievements .total .text {
      font-size: 18px;
      font-weight: 700;
      color: #13123b;
      padding-left: 10px; }
  #profile .content .tab #result .ranking,
  #profile .content .tab #summary .ranking,
  #profile .content .tab #achievements .ranking {
    margin-top: 45px;
    margin-bottom: 40px; }
    #profile .content .tab #result .ranking .left,
    #profile .content .tab #summary .ranking .left,
    #profile .content .tab #achievements .ranking .left {
      padding: 0;
      margin-left: 40px;
      margin-right: 20px; }
      #profile .content .tab #result .ranking .left ul,
      #profile .content .tab #summary .ranking .left ul,
      #profile .content .tab #achievements .ranking .left ul {
        padding-left: 0;
        background: #ebebeb; }
        #profile .content .tab #result .ranking .left ul li,
        #profile .content .tab #summary .ranking .left ul li,
        #profile .content .tab #achievements .ranking .left ul li {
          list-style-type: none;
          border-bottom: none;
          margin: 0 15px;
          border-bottom: 1px solid #bcbcbc;
          padding: 20px 25px; }
          #profile .content .tab #result .ranking .left ul li:first-child,
          #profile .content .tab #summary .ranking .left ul li:first-child,
          #profile .content .tab #achievements .ranking .left ul li:first-child {
            font-size: 14px;
            text-transform: uppercase;
            color: #ffb718;
            padding: 10px 0;
            text-align: center;
            background: #13123b;
            font-weight: 700;
            margin: 0; }
          #profile .content .tab #result .ranking .left ul li .times,
          #profile .content .tab #summary .ranking .left ul li .times,
          #profile .content .tab #achievements .ranking .left ul li .times {
            font-size: 22px;
            font-weight: 700;
            color: #13123b;
            padding-left: 30px; }
          #profile .content .tab #result .ranking .left ul li:last-child,
          #profile .content .tab #summary .ranking .left ul li:last-child,
          #profile .content .tab #achievements .ranking .left ul li:last-child {
            border-bottom: none; }
    #profile .content .tab #result .ranking .right,
    #profile .content .tab #summary .ranking .right,
    #profile .content .tab #achievements .ranking .right {
      padding: 0 15px; }
      #profile .content .tab #result .ranking .right ul,
      #profile .content .tab #summary .ranking .right ul,
      #profile .content .tab #achievements .ranking .right ul {
        padding-left: 0;
        background: #ebebeb; }
        #profile .content .tab #result .ranking .right ul li,
        #profile .content .tab #summary .ranking .right ul li,
        #profile .content .tab #achievements .ranking .right ul li {
          list-style-type: none;
          border-bottom: none;
          margin: 0 15px;
          border-bottom: 1px solid #bcbcbc;
          padding: 16px 25px; }
          #profile .content .tab #result .ranking .right ul li:first-child,
          #profile .content .tab #summary .ranking .right ul li:first-child,
          #profile .content .tab #achievements .ranking .right ul li:first-child {
            font-size: 14px;
            text-transform: uppercase;
            color: #ffb718;
            padding: 10px 0;
            text-align: center;
            background: #13123b;
            font-weight: 700;
            margin: 0; }
          #profile .content .tab #result .ranking .right ul li:last-child,
          #profile .content .tab #summary .ranking .right ul li:last-child,
          #profile .content .tab #achievements .ranking .right ul li:last-child {
            border-bottom: none; }
          #profile .content .tab #result .ranking .right ul li .logo-site,
          #profile .content .tab #summary .ranking .right ul li .logo-site,
          #profile .content .tab #achievements .ranking .right ul li .logo-site {
            float: left;
            margin-right: 55px; }
          #profile .content .tab #result .ranking .right ul li .finance,
          #profile .content .tab #summary .ranking .right ul li .finance,
          #profile .content .tab #achievements .ranking .right ul li .finance {
            margin-left: 90px; }
            #profile .content .tab #result .ranking .right ul li .finance .money,
            #profile .content .tab #summary .ranking .right ul li .finance .money,
            #profile .content .tab #achievements .ranking .right ul li .finance .money {
              color: #13123b;
              font-weight: 700; }
            #profile .content .tab #result .ranking .right ul li .finance .cash,
            #profile .content .tab #summary .ranking .right ul li .finance .cash,
            #profile .content .tab #achievements .ranking .right ul li .finance .cash {
              color: #7677b9;
              font-size: 12px; }
#profile .content .tab #summary .ranking .right ul li {
  display: flex;
  justify-content: space-around;
  padding: 15px 0;
}
#profile .content .tab #summary .ranking .right ul li:first-child {
  padding: 15px;
}
@media (max-width: 991px) {
  #profile .content .tab #summary .ranking .right ul li {
    justify-content: flex-start;
  }
  #profile .content .tab #summary .ranking .right ul li .finance {
    margin-left: 20px;
  }
  #profile .content .tab #summary .ranking .right ul li .logo-site-ranking {
    width: 66px;
    float: none;
    min-width: 66px;
  }
}
  #profile .content .tab #result .lastest-cash,
  #profile .content .tab #summary .lastest-cash,
  #profile .content .tab #achievements .lastest-cash {
    margin-top: 20px;
    font-size: 12px;
    color: #2a2768;
    font-weight: 700; }
#profile .content .tab #result .lastest-cash {
  overflow-x: auto;
}
    #profile .content .tab #result .lastest-cash table thead tr,
    #profile .content .tab #summary .lastest-cash table thead tr,
    #profile .content .tab #achievements .lastest-cash table thead tr {
      background: #13123b; }
      #profile .content .tab #result .lastest-cash table thead tr th,
      #profile .content .tab #summary .lastest-cash table thead tr th,
      #profile .content .tab #achievements .lastest-cash table thead tr th {
        text-align: center;
        color: #e0a11d;
        font-weight: 700;
        text-transform: uppercase;
        vertical-align: middle; }
    #profile .content .tab #result .lastest-cash table tbody tr,
    #profile .content .tab #summary .lastest-cash table tbody tr,
    #profile .content .tab #achievements .lastest-cash table tbody tr {
      background: #ebebeb; }
      #profile .content .tab #result .lastest-cash table tbody tr:nth-child(odd),
      #profile .content .tab #summary .lastest-cash table tbody tr:nth-child(odd),
      #profile .content .tab #achievements .lastest-cash table tbody tr:nth-child(odd) {
        background: #f3f3f3; }
      #profile .content .tab #result .lastest-cash table tbody tr td,
      #profile .content .tab #summary .lastest-cash table tbody tr td,
      #profile .content .tab #achievements .lastest-cash table tbody tr td {
        text-align: center;
        vertical-align: middle; }
      #profile .content .tab #result .lastest-cash table tbody tr:last-child a,
      #profile .content .tab #summary .lastest-cash table tbody tr:last-child a,
      #profile .content .tab #achievements .lastest-cash table tbody tr:last-child a {
        text-transform: uppercase;
        color: #2a2768; }

/* Responsive article */
@media (max-width: 1199px) and (min-width: 992px) {
  #profile .content .tab-content #result .ranking .left,
  #profile .content .tab-content #summary .ranking .left,
  #profile .content .tab-content #achievements .ranking .left {
    margin-left: 35px;
    margin-right: 12px; }
    #profile .content .tab-content #result .ranking .left ul li,
    #profile .content .tab-content #summary .ranking .left ul li,
    #profile .content .tab-content #achievements .ranking .left ul li {
      padding: 20px 10px; }
  #profile .content .tab-content #result .ranking .right,
  #profile .content .tab-content #achievements .ranking .right {
    margin-right: 35px;
    margin-left: 12px; }
    #profile .content .tab-content #result .ranking .right ul li,
    #profile .content .tab-content #summary .ranking .right ul li,
    #profile .content .tab-content #achievements .ranking .right ul li {
      padding: 16px 15px; }
  #profile .sidebar .add-friend .right {
    padding: 0; }
  #profile .sidebar input.search {
    width: 210px !important; }
  #profile .sidebar .friend-list ul li .league a {
    padding: 10px; } }
@media (max-width: 991px) {
  #profile .sidebar .add-friend ul li span {
    position: absolute;
    right: 235px;
    top: 65px; }

  #profile .sidebar .add-friend ul li .right {
    padding-left: 0;
    padding-top: 20px; }

  #profile .sidebar .friend-list ul li .right {
    padding-left: 0;
    padding-top: 20px; }

  .friend-list ul li .league a {
    padding: 10px; } }
@media (max-width: 380px) {
  .sidebar .friend-list ul li .league a {
    padding: 10px !important;
    font-size: 11px !important; }
  .sidebar input.search {
    width: 180px !important; } }
@media (max-width: 991px) {
  #profile .content .tab-content #result .ranking .left,
  #profile .content .tab-content #summary .ranking .left,
  #profile .content .tab-content #achievements .ranking .left {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px; }
    #profile .content .tab-content #result .ranking .left ul li,
    #profile .content .tab-content #summary .ranking .left ul li,
    #profile .content .tab-content #achievements .ranking .left ul li {
      padding: 20px 10px; }
  #profile .content .tab-content #result .ranking .right,
  #profile .content .tab-content #summary .ranking .right,
  #profile .content .tab-content #achievements .ranking .right {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px; }
    #profile .content .tab-content #result .ranking .right ul li,
    #profile .content .tab-content #summary .ranking .right ul li,
    #profile .content .tab-content #achievements .ranking .right ul li {
      padding: 16px 15px; } }
@media (max-width: 480px) {
  #profile .content .tab ul li a {
    font-size: 12px; } }
@media (max-width: 360px) {
  #profile .content .tab ul li a {
    font-size: 10px; } }
/*@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {*/
  /*!* Force table to not be like tables anymore *!*/
  /*table, thead, tbody, th, td, tr {*/
    /*display: block; }*/

  /*!* Hide table headers (but not display: none;, for accessibility) *!*/
  /*thead tr {*/
    /*position: absolute;*/
    /*top: -9999px;*/
    /*left: -9999px; }*/
    /*thead tr th {*/
      /*padding: 0; }*/

  /*tr {*/
    /*border: 1px solid #ccc; }*/

  /*td {*/
    /*!* Behave  like a "row" *!*/
    /*border: none;*/
    /*border-bottom: 1px solid #eee;*/
    /*position: relative;*/
    /*padding-left: 50% !important;*/
    /*padding-bottom: 8px; }*/

  /*td:before {*/
    /*!* Now like a table header *!*/
    /*position: absolute;*/
    /*!* Top/left values mimic padding *!*/
    /*top: 6px;*/
    /*left: 6px;*/
    /*width: 45%;*/
    /*padding-right: 10px;*/
    /*white-space: nowrap; }*/

  /*!**/
  /*Label the data*/
  /**!*/
  /*td:nth-of-type(1):before {*/
    /*content: "Place"; }*/

  /*td:nth-of-type(2):before {*/
    /*content: "Touraments"; }*/

  /*td:nth-of-type(3):before {*/
    /*content: "Date"; }*/

  /*td:nth-of-type(4):before {*/
    /*content: "site"; }*/

  /*td:nth-of-type(5):before {*/
    /*content: "Prize pool"; }*/

  /*td:nth-of-type(6):before {*/
    /*content: "winnings"; }*/

  /*td:nth-of-type(7):before {*/
    /*content: "points"; } */
/*}*/
@media (min-width: 992px) {
  #profile .content .tab #summary .ranking .right ul li .logo-site-username,
  #profile .content .tab #summary .ranking .right ul li .logo-site-ranking,
  #profile .content .tab #summary .ranking .right ul li .logo-site-ranking {
    display: block;
    width: 66px;
    text-align: center;
    float: none;
  }
  #profile .content .tab #summary .ranking .right ul li .finance {
    margin-top: 0px;
    margin-left: 0;
    width: 100%;
    display: block;
    padding-left: 15px;
  }
  .sidebar {
    width: 30%; } }
#article-detail {
  margin-top: 20px;
  padding: 0 15px; }
  #article-detail .share {
    text-align: right;
    padding-right: 0;
  }
    #article-detail .share .share-button {
      border: 1px solid #b2b2b2;
      padding: 1px 10px;
      color: #000;
      margin-left: 10px; }
  #article-detail .information {
    margin-bottom: 15px;
    border-bottom: 1px solid #bfbed1;
    padding-bottom: 15px;

     }
    #article-detail .information .content-tags {
      color: #ffb718;
    }
      #article-detail .information .content-tags span {
        padding-right: 30px; }
        #article-detail .information .content-tags span .fa {
          padding-right: 5px; }
  #article-detail .main-content {
    padding-bottom: 30px;
    border-bottom: 1px solid #bfbed1;
    margin-bottom: 20px;
	padding-left:0; position:relative; }
	/*#article-detail .main-content:before{ font-size:20px; line-height:22px; color:#ffb718; content:'||'; position:absolute; left:-4px; top:0; font-family:Bitter-Bold; }*/



    #article-detail .main-content img {
      padding-bottom: 15px; }
  #article-detail .back .backa a {
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #bfbed1;
    padding-bottom: 3px; }
    #article-detail .back .backa a:before {
      content: "< "; }

/** achievements **/
#profile .content .tab #achievements .ranking .left ul li .times {
  font-size: 13px; }

/** summary **/
#profile .content .tab #summary .comment .comment-area .form-control {
  margin-left: 11px;
  border-radius: 0; }
#profile .content .tab #summary .comment .send-bio button#send-bio {
  width: 100%;
  height: 35px;
  background: #2a2768;
  color: #ffb718;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px; }
#profile .content .tab #summary .reply-comment {
  background: #ececec;
  margin-top: 30px;
  margin-left: 11px; }
  #profile .content .tab #summary .reply-comment ul {
    padding: 0; }
    #profile .content .tab #summary .reply-comment ul li {
      list-style-type: none;
      padding: 10px 0;
      border-bottom: 1px solid #c5c5c5;
      margin: 0 25px; }
      #profile .content .tab #summary .reply-comment ul li:last-child {
        border: none;
        text-align: center;
        padding: 20px 0; }
        #profile .content .tab #summary .reply-comment ul li:last-child a {
          color: #2a2768;
          text-transform: uppercase; }
      #profile .content .tab #summary .reply-comment ul li h3 {
        font-size: 13px;
        color: #2a2768; }
      #profile .content .tab #summary .reply-comment ul li p {
        font-size: 14px;
        color: #2a2768; }
#profile .content .tab #summary .trophy-case {
  margin: 50px 0; }
  #profile .content .tab #summary .trophy-case .title {
    text-align: center;
    margin-bottom: 40px; }
  #profile .content .tab #summary .trophy-case ul {
    padding: 0; }
    #profile .content .tab #summary .trophy-case ul li {
      list-style-type: none;
      text-align: center;
      margin-bottom: 60px; }
      #profile .content .tab #summary .trophy-case ul li .top img {
        width: 12%; }
      #profile .content .tab #summary .trophy-case ul li .bottom img {
        width: 65%; }
  #profile .content .tab #summary .trophy-case .viewall {
    text-align: center; }
    #profile .content .tab #summary .trophy-case .viewall a {
      text-transform: uppercase;
      font-weight: 700;
      color: #ffb718;
      padding: 10px 15px;
      background: #2a2768; }

@media (max-width: 991px) {
  #profile .content .tab #summary .comment .send-bio button#send-bio {
    margin-top: 30px;
    margin-left: 10px; } }
@media (max-width: 319px) {
  #profile .content .tab #summary .trophy-case .title img {
    width: 100%; } }
/** My League **/
#my-league {
  background: #fff;
  margin-top: 40px; }
  #my-league h1 {
    font-size: 24px;
    color: #2a2768;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 60px; }
    #my-league h1 .fa {
      font-size: 16px; }
    #my-league h1 span {
      padding: 0 25px; }
    #my-league h1 .star-first {
      margin-left: 30px; }
  #my-league .league-info {
    margin: 30px;
    padding-top: 35px;
    padding-bottom: 15px;
    background: #13123b; }
    #my-league .league-info .label {
      font-size: 14px;
      color: #8f90db;
      text-transform: uppercase; }
    #my-league .league-info .league-name {
      padding-left: 30px;
      margin-right: 90px;
      padding-right: 0; }
      #my-league .league-info .league-name .name {
        font-size: 24px;
        text-transform: uppercase;
        color: #ffb718;
        font-weight: 700;
        padding-left: 25px; }
    #my-league .league-info .league-setting-1 a {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      color: #ffb718; }
    #my-league .league-info .league-setting-1 .invite {
      padding: 10px 20px;
      background: #2a2768;
      margin-right: 20px; }
    #my-league .league-info .league-setting {
      padding: 10px 0;
      border-right: 1px solid #2a2768;
      margin-right: 20px; }
      #my-league .league-info .league-setting a {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: #ffb718; }
      #my-league .league-info .league-setting .add {
        padding: 10px 20px;
        background: #2a2768;
        margin-right: 20px; }
    #my-league .league-info .league-noti .checkbox {
      padding-left: 20px;
      margin-top: 0; }
    #my-league .league-info .league-noti .checkbox label {
      display: inline-block;
      position: relative;
      padding-left: 5px; }
    #my-league .league-info .league-noti .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    #my-league .league-info .league-noti .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 4px;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
    #my-league .league-info .league-noti .checkbox input[type="checkbox"] {
      opacity: 0;
      z-index: 1; }
    #my-league .league-info .league-noti .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    #my-league .league-info .league-noti .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    #my-league .league-info .league-noti .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
    #my-league .league-info .league-noti .checkbox input[type="checkbox"]:disabled + label::before {
      background-color: #eeeeee;
      cursor: not-allowed; }
    #my-league .league-info .league-leave {
      padding: 10px 20px;
      background: #2a2768; }
      #my-league .league-info .league-leave a {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: #ffb718; }
    #my-league .league-info li {
      margin-bottom: 20px; }
  #my-league .league-content {
    margin-left: 15px;
    margin-right: 15px; }
    #my-league .league-content h2 {
      margin-top: 0;
      color: #2a2768;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 700;
      padding-left: 10px; }
    #my-league .league-content .lastest-cash {
      margin-top: 20px;
      font-size: 12px;
      color: #2a2768;
      font-weight: 700; }
      #my-league .league-content .lastest-cash table thead tr {
        background: #13123b; }
        #my-league .league-content .lastest-cash table thead tr th {
          text-align: center;
          color: #e0a11d;
          font-weight: 700;
          text-transform: uppercase;
          vertical-align: middle; }
      #my-league .league-content .lastest-cash table tbody tr {
        background: #ebebeb; }
        #my-league .league-content .lastest-cash table tbody tr:nth-child(odd) {
          background: #f3f3f3; }
        #my-league .league-content .lastest-cash table tbody tr td {
          text-align: center;
          vertical-align: middle; }
        #my-league .league-content .lastest-cash table tbody tr:last-child a {
          text-transform: uppercase;
          color: #2a2768; }
    #my-league .league-content .league-listing {
      position: relative;
      margin-bottom: 60px;
      overflow: visible; }
      #my-league .league-content .league-listing .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 74%;
        margin: 0;
        position: absolute;
        top: -25px;
        left: -15px; }
        #my-league .league-content .league-listing .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          left: 0;
          width: 0;
          height: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      #my-league .league-content .league-listing ul {
        padding: 0;
        padding-top: 40px;
        background: #13123b; }
        #my-league .league-content .league-listing ul li {
          list-style-type: none;
          border-bottom: 1px solid #cbcad7;
          margin: 0;
          padding: 20px 10px; }
          #my-league .league-content .league-listing ul li:hover {
            background: #3c3979; }
          #my-league .league-content .league-listing ul li:last-child {
            border: none; }
          #my-league .league-content .league-listing ul li .text {
            font-size: 16px; }
            #my-league .league-content .league-listing ul li .text .name {
              font-weight: 700;
              color: #ffb718; }
            #my-league .league-content .league-listing ul li .text .number {
              color: #8f90db; }
    #my-league .league-content .right {
      margin-top: 30px; }

tbody.table-score tr td:nth-child(4), tbody.table-score tr td:nth-child(5){ font-size:11px; }

@media (max-width: 1199px) {
  #my-league h1 span {
    padding: 0 15px; }
  #my-league h1 .star-first {
    margin-left: 30px; }
  #my-league .league-info li {
    display: block;
    text-align: center; }
  #my-league .league-info .league-setting {
    margin-right: 0;
    border: none; } }
@media (max-width: 460px) {
  #my-league h1 {
    font-size: 12px; }
    #my-league h1 .fa {
      font-size: 12px; }
  #my-league .league-info .league-name .name {
    font-size: 18px; } }
@media (max-width: 767px) {
  h1 {
    font-size: 16px; }
    h1 .fa {
      font-size: 12px; }
    h1 .star-first {
      margin-left: 15px; }
    h1 span {
      padding: 0 !important; } }
/** Ranking **/
section.content#ranking-page table tr td:last-child ul {
  width: 50%;
  margin: 0 auto; }

@media (min-width: 768px) {
  section.content#ranking-page table tr:first-child th:last-child span {
    margin: 0; }
  section.content#ranking-page table tr:first-child th:last-child img {
    margin-left: 25%; } }

@media (max-width: 1199px) and (min-width: 993px) {
  #profile .content .tab #summary .ranking .middle {
    margin-right: 18px;
    margin-left: 18px; } }
/** Edit **/
#profile .content-edit {
  margin-bottom: 50px; }
  #profile .content-edit .form-button {
    text-align: center; }
    #profile .content-edit .form-button button {
      margin-top: 30px;
      width: 25%;
      margin-right: 15px;
      border-radius: 0;
      background: #13123b;
      color: #ffb718; }
      #profile .content-edit .form-button button:hover {
        color: #8f90db; }

.multimedia {
  margin: 0; }
  .multimedia .multimedia {
    margin-bottom: 30px; }
    .multimedia .multimedia .dfs-video {
      background: #13123b;
      position: relative; }
      .multimedia .multimedia .dfs-video .title {
        font-size: 16px;
        color: #2a2768;
        padding: 17px 15px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700;
        width: 28%;
        margin: 0;
        position: absolute;
        left: -15px;
        top: -25px;
        min-width: 150px;
      }
        .multimedia .multimedia .dfs-video .title:before {
          content: "";
          position: absolute;
          bottom: -17px;
          width: 0;
          height: 0;
          left: 0;
          border-top: 17px solid #000;
          border-left: 16px solid transparent; }
      .multimedia .multimedia .dfs-video .video iframe {
        margin-left: 20px;
        margin-top: 40px; }
      .multimedia .multimedia .dfs-video .content {
        margin-bottom: 30px; }
        .multimedia .multimedia .dfs-video .content .title-content {
          font-size: 24px;
          font-weight: 700;
          color: #ffb718;
          padding: 25px 20px; }
        .multimedia .multimedia .dfs-video .content p {
          color: #828186;
          padding-left: 20px;
          padding-right: 20px;
          padding-bottom: 30px; }
    .multimedia .multimedia .other-video {
      border-bottom: 1px solid #c2c2c2; }
      .multimedia .multimedia .other-video h3 {
        font-size: 20px;
        color: #2a2768;
        margin-bottom: 25px;
        padding: 0 15px;
      }
        .multimedia .multimedia .other-video h3 span {
          color: #ffb718; }
      .multimedia .multimedia .other-video .item {
        padding-bottom: 30px;
        overflow: hidden; }
        .multimedia .multimedia .other-video .item .img {
          margin-bottom: 15px;
          position: relative;
        }
        .multimedia .multimedia .other-video .item .img img {
          width: 100%;
          height: 125px;
        }
          .multimedia .multimedia .other-video .item .img:before {
            content: "\f04b";
            font-family: FontAwesome;
            font-size: 18px;
            color: #fff;
            position: absolute;
            border: 2px solid #fff;
            border-radius: 50%;
            padding: 4.5px 0;
            padding-left: 11.5px;
            padding-right: 8.5px;
            left: 45%;
            top: 40%; }
        .multimedia .multimedia .other-video .item .title-other-video {
          margin-bottom: 16px;
          height: 60px;
          overflow: hidden;
        }
          .multimedia .multimedia .other-video .item .title-other-video a {
            color: #2a2768;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 14px; }
        .multimedia .multimedia .other-video .item .content-tags {
          color: #ffb718; }
          .multimedia .multimedia .other-video .item .content-tags span .fa {
            padding-right: 5px; }
          .multimedia .multimedia .other-video .item .content-tags .time {
            float: right; }
  .multimedia .sidebar .recent .right .play-tags {
    color: #2a2768; }
    .multimedia .sidebar .recent .right .play-tags .fa {
      border: 1px solid #2a2768;
      border-radius: 50%;
      padding: 7px 0;
      padding-left: 9.5px;
      padding-right: 7.5px;
      margin-right: 15px; }
    .multimedia .sidebar .recent .right .play-tags .time {
      font-weight: 700; }
  .multimedia .sidebar .recent .dfs {
    max-height: 1563px;
    overflow-y: scroll; }
    .multimedia .sidebar .recent .dfs::-webkit-scrollbar {
      width: 0.5em; }
    .multimedia .sidebar .recent .dfs::-webkit-scrollbar-track {
      -webkit-border-radius: 10px;
      background: #e6e6e6; }
    .multimedia .sidebar .recent .dfs::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey;
      -webkit-border-radius: 10px; }
    .multimedia .sidebar .recent .dfs li {
      padding-bottom: 15px; }
      .multimedia .sidebar .recent .dfs li .left {
        margin-bottom: 30px; }
  .multimedia .sidebar .recent .title-dfs {
    z-index: 2; }


@media (max-width: 1199px) and (min-width: 992px) {
  .multimedia .dfs-video .video iframe {
    width: 555px;
    height: 310px;
  }
}
@media (max-width: 1200px) {
  #article .sidebar .recent ul li .right {
    padding: 0;
  }
}
@media (max-width: 992px) {
  .multimedia .multimedia .other-video .item .img img {
    height: auto;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .multimedia .dfs-video .video iframe {
    width: 650px;
    height: 370px; } }
@media (max-width: 768px) and (min-width: 667px) {
  .multimedia .dfs-video .video iframe {
    width: 555px;
    height: 310px; } }
@media (max-width: 667px) and (min-width: 375px) {
  .multimedia .dfs-video .video iframe {
    width: 313px;
    height: 186px; } }
@media (max-width: 375px) {
  .multimedia .dfs-video .video iframe {
    width: 226px;
    height: 137px; } }
@media (max-width: 992px) {
  .dfs li .right {
    padding-left: 0; } }
/** Review page **/
#article .review {
  margin: 0; }
  #article .review .review .dfs-review {
    background: #ebebeb;
    position: relative;
    margin-bottom: 40px; }
    #article .review .review .dfs-review .review-title {
      font-size: 16px;
      color: #2a2768;
      padding: 17px 15px;
      background: #ffb718;
      text-transform: uppercase;
      font-weight: 700;
      width: 28%;
      margin: 0;
      position: absolute;
      left: -15px;
      top: -25px;
      z-index: 2; }
      #article .review .review .dfs-review .review-title:before {
        content: "";
        position: absolute;
        bottom: -17px;
        width: 0;
        height: 0;
        left: 0;
        border-top: 17px solid #000;
        border-left: 16px solid transparent; }
    #article .review .review .dfs-review .image {
      position: relative;
      text-align: center;
      margin: 0 30px; }
      #article .review .review .dfs-review .image a {
        position: absolute;
        bottom: 40px;
        left: 39%;
        font-size: 16px;
        color: #2a2768;
        padding: 9px 39px;
        background: #ffb718;
        text-transform: uppercase;
        font-weight: 700; }
      #article .review .review .dfs-review .image img {
        margin-top: 40px;
        width: 100%;
        height: auto; }
    #article .review .review .dfs-review .content {
      margin-left: 30px;
      padding-bottom: 40px; }
      #article .review .review .dfs-review .content h3 {
        font-size: 24px;
        font-weight: 700;
        color: #2a2768;
        margin-bottom: 20px; }
      #article .review .review .dfs-review .content p {
        color: #6b6b6b;
        font-size: 11px; }
  #article .review .review .full-party .party-title {
    font-size: 20px;
    color: #2a2768;
    font-weight: 700;
    text-transform: uppercase; }
    #article .review .review .full-party .party-title span {
      color: #ffb718; }
  #article .review .review .full-party .content h3 {
    color: #2a2768;
    text-transform: uppercase;
    font-size: 14px; }
  #article .review .review .full-party .content p {
    font-size: 11px; }
  #article .review .review .full-party .download {
    margin-bottom: 50px;
    margin-top: 20px; }
    #article .review .review .full-party .download a {
      color: #ffb718;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 14px;
      padding: 9px 34px;
      display: inline-block;
      background: #13123b; }
  #article .review .right-sidebar .upcoming {
    margin-bottom: 30px; }
    #article .review .right-sidebar .upcoming ul {
      padding: 0;
      background: #ebebeb; }
      #article .review .right-sidebar .upcoming ul li {
        list-style-type: none;
        margin: 0 15px;
        border-bottom: 1px solid #bcbcbc;
        padding: 20px 0; }
        #article .review .right-sidebar .upcoming ul li:first-child {
          color: #e0a11d;
          background: #13123b;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 700;
          padding: 10px 0;
          text-align: center;
          margin: 0;
          border: none; }
        #article .review .right-sidebar .upcoming ul li .right {
          text-align: right;
          padding-right: 0;
          color: #7d7ec9;
          padding-bottom: 11px;
          padding-top: 11px; }
        #article .review .right-sidebar .upcoming ul li .left {
          padding: 0; }
          #article .review .right-sidebar .upcoming ul li .left .image {
            float: left;
            padding-right: 15px; }
          #article .review .right-sidebar .upcoming ul li .left .text {
            padding: 11px 0;
            font-weight: 700;
            color: #2a2768; }
        #article .review .right-sidebar .upcoming ul li:last-child {
          border: none; }
  #article .review .right-sidebar .info .info-party {
    padding: 0;
    background: #ebebeb; }
    #article .review .right-sidebar .info .info-party li.row.title {
      color: #e0a11d;
      background: #13123b;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700;
      padding: 10px 0;
      text-align: center;
      margin: 0;
      border: none; }
    #article .review .right-sidebar .info .info-party li {
      list-style-type: none;
      padding: 5px 0; }
      #article .review .right-sidebar .info .info-party li:last-child {
        border: none; }
      #article .review .right-sidebar .info .info-party li ul {
        padding: 0;
        padding-bottom: 15px;
        margin: 0 15px; }
        #article .review .right-sidebar .info .info-party li ul li .left {
          font-size: 12px;
          color: #2a2768;
          font-weight: 700; }
        #article .review .right-sidebar .info .info-party li ul li .right {
          font-size: 12px;
          color: #2a2768;
          float: right; }
    #article .review .right-sidebar .info .info-party li.positive {
      border-bottom: none; }
      #article .review .right-sidebar .info .info-party li.positive .title {
        margin: 0 15px;
        font-weight: 700;
        text-transform: uppercase;
        color: #0bb192;
        padding: 10px 0; }
      #article .review .right-sidebar .info .info-party li.positive ul li {
        color: #2a2768; }
        #article .review .right-sidebar .info .info-party li.positive ul li i {
          color: #0bb192;
          padding-right: 10px; }
    #article .review .right-sidebar .info .info-party li.negative {
      border-bottom: none; }
      #article .review .right-sidebar .info .info-party li.negative .title {
        margin: 0 15px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fb2d2d;
        padding: 10px 0; }
      #article .review .right-sidebar .info .info-party li.negative ul li {
        color: #2a2768; }
        #article .review .right-sidebar .info .info-party li.negative ul li i {
          color: #fb2d2d;
          padding-right: 10px; }
    #article .review .right-sidebar .info .info-party .sub-info li:first-child {
      color: #13123b;
      font-weight: 700;
      text-transform: uppercase; }

.fullRankingBtn{ width:179px; display:block; margin:10px auto 0; background:#ffb718; font-size:16px; line-height:33px; color:#13123b; text-align:center; }


@media (max-width: 768px) {
  #article .review .review .dfs-review .image a {
    bottom: 23px;
    left: 32%; } }
@media (max-width: 460px) {
  #article .review .review .dfs-review .review-title {
    width: 36%; } }
@media (max-width: 360px) {
  #article .review .review .dfs-review .image a {
    bottom: 23px;
    left: 7%; } }
/** Search menu **/
#menu .search-menu-bar {
  position: relative; }
  #menu .search-menu-bar form label .screen-reader-text {
    display: none; }
  #menu .search-menu-bar form label .search-field {
    border-radius: 5px;
    box-shadow: none;
    position: absolute;
    right: 29px;
    top: -4px;
    line-height: 28px;
    background: #fff;
    padding: 0 60px 0 15px;
    font-size: 13px;
    border: none;
    z-index: 5;
    display: none; }
  #menu form .search-submit {
    border: none;
    background-color: #1b194e; }
    #menu form .search-submit .fa-search {
      color: #9092f1; }

@media (max-width: 768px) {
  .search-menu-bar {
    display: none; } }

/*# sourceMappingURL=artpro.css.map */

.latest-cashes-no {
  margin-bottom: 30px;
}

.latest-cashes-no:after {
  content: " ";
  display: table;
  clear: both;
}

.latest-cashes-no label {
  float: right;
  line-height: 32px;
  margin-right: 10px;
}

.latest-cashes-no select {
  float: right;
  padding: 8px 12px;
  -webkit-appearance: none;
}

.avatar button {
  display: block;
  width: 100%;
  margin-top: 20px;
}

#profile .right ul li:after{
  content: " ";
  display: table;
  clear: both;
}

input.error_ {
  border-color: #FF7968;
}

.main-sidebar {
  float: right;
}
.main-content {
  float: left;
}
.custom-padding {
  padding-top: 20px;
}
.pagination {
  margin: 0;
  padding: 20px 0 40px;
}
.view-mobile {
  display: none;
}

/* Responsive article */
@media (max-width: 1199px) {
  #article h1 span, #profile h1 span {
    padding: 0 15px; }
  #article h1 .star-first, #profile h1 .star-first {
    margin-left: 30px; }
  #article .sidebar .category .title, #profile .sidebar .category .title {
    width: 71%; }
  #article .sidebar .recent .title, #profile .sidebar .recent .title {
    width: 71%; }
  #article .content .right, #profile .content .right {
    padding-left: 0; } }
@media (max-width: 992px) {
  .view-desktop {
    display: none;
  }
  .view-mobile {
    display: block;
  }
  /*----news---*/
  #article .sidebar {
    margin-left: 15px;
    margin-bottom: 20px;
  }
  #article-detail {
    padding: 0 0 45px;
  }
  .main-sidebar {
    float: left;
    width: 100%;
    margin-bottom: 5px;
  }
  .custom-padding {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  #article h1, #profile h1 {
    text-align: center;
    font-size: 16px; }
  #article h1 .fa, #profile h1 .fa {
    font-size: 12px; }
  #article h1 .star-first, #profile h1 .star-first {
    margin-left: 0px; }
  #article h1 span, #profile h1 span {
    padding: 0 !important; }
  #article .sidebar, #profile .sidebar {
    margin: 0 15px; }
  #article .sidebar {
    margin: 0 15px 20px;
    padding-top: 40px;
  }
  #article .sidebar .category .title, #profile .sidebar .category .title {
    width: 71%; }
  #article .sidebar .recent .title, #profile .sidebar .recent .title {
    width: 71%; }

}
@media (max-width: 500px) {
  /*---news-----*/
  #article .content .item {
    padding-bottom: 10px;
  }
  /*-----------*/
}
@media (max-width: 364px) {
  #article h1, #profile h1 {
    font-size: 11px; }
  #article h1 .fa, #profile h1 .fa {
    font-size: 12px; }
  #article .sidebar .category .title, #profile .sidebar .category .title {
    width: 95%;
    font-size: 12px; }
  #article .sidebar .category ul, #profile .sidebar .category ul {
    padding-top: 22px; }
  #article .sidebar .recent .title, #profile .sidebar .recent .title {
    width: 95%;
    font-size: 12px; }
  #article .sidebar .recent ul, #profile .sidebar .recent ul {
    padding-top: 22px; } }
@media (max-width: 364px) {
  section.top-sites .section-title {
    top: -35px;
  }
  #article h1 span, #profile h1 span {
    padding: 0 5px; } }

@media screen and (min-width: 991px) and (max-width: 1199px){
    #home-page .table-score table tbody tr td img {
        display: none;
    }
}
@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 767px) {
  #article .content .item .left {
    margin-bottom: 10px;
    padding: 0;
  }
  #article .sidebar .recent ul li .left {
    display: none;
  }
}
@media screen and (max-width: 400px) {
    header #menu .logo {
        width: 90px;
        top: -58px;
    }
  header .logged .info {
    margin: 9px 20px;
  }
  header .logged .info > img {
    display: none;
  }
  #article .content .item .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  #profile .content .tab > ul li:nth-child(1) {
    width: 27%;
  }
  #profile .content .tab > ul li:nth-child(2) {
    width: 46%;
  }
  #profile .content .tab > ul li:nth-child(3) {
    width: 27%;
  }
}