*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  -webkit-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  transition: 0.2s all ease; }

input[type="text"],
textarea {
  background-color: #fff !important;
  border: 1px solid #aaa;
  line-height: 20px;
  padding: 1px 5px;
  width: auto !important;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease; }

textarea {
  min-width: 200px;
  min-height: 100px; }

input[type="text"]:hover,
textarea:hover {
  background-color: #f5f5f5 !important; }

input[type="text"]:focus,
textarea:focus {
  border-color: #3F88BD; }

input[type="submit"] {
  border: 1px solid #2f668d;
  background-color: #48A0D1;
  color: #fff !important;
  font-size: 14px;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease; }

input[type="submit"]:hover {
  background-color: #3890c1; }

.main {
  /* Header */
  /* MENU */
  /* Content */
  /* Footer */ }
  .main .header-content .header,
  .main .top-ad,
  .main .center-content,
  .main .footer-content .footer {
    width: 100%;
    max-width: 982px; }
  .main .header-content {
    height: auto;
    border: 0 none; }
    .main .header-content:before, .main .header-content:after {
      content: "";
      display: block;
      clear: both; }
    .main .header-content .header {
      height: auto; }
      .main .header-content .header .logo {
        float: left;
        width: auto;
        height: auto;
        background-color: transparent;
        margin: 10px; }
        .main .header-content .header .logo a {
          display: block;
          margin: 0 auto;
          background-color: #fff; }
        .main .header-content .header .logo img {
          display: block;
          margin: 0 auto;
          height: 60px; }
      .main .header-content .header .header-right {
        float: right;
        width: auto;
        height: auto;
        line-height: 17px;
        padding: 30px 10px 0 0; }
        .main .header-content .header .header-right br {
          display: none; }
  .main .main-menu {
    width: 100%;
    background-color: #48A0D1;
    border-top: 1px solid #2f668d;
    border-bottom: 1px solid #2f668d; }
    .main .main-menu:before, .main .main-menu:after {
      content: "";
      display: block;
      clear: both; }
    .main .main-menu > a {
      display: none; }
    .main .main-menu ul {
      width: 100%;
      max-width: 982px;
      margin: 0 auto; }
      .main .main-menu ul:before, .main .main-menu ul:after {
        content: "";
        display: block;
        clear: both; }
      .main .main-menu ul li {
        display: block;
        float: left;
        width: 25%;
        margin: 0; }
        .main .main-menu ul li.last {
          display: none; }
        .main .main-menu ul li a {
          padding: 7px 5px 8px; }
  .main .center-content .left-col {
    width: 17%;
    display: block;
    float: left; }
    .main .center-content .left-col .left-title {
      line-height: 20px;
      padding: 5px 0;
      height: 32px; }
    .main .center-content .left-col .search-box {
      padding: 20px 5px; }
      .main .center-content .left-col .search-box input[type="text"] {
        min-width: 0;
        width: 98% !important; }
  .main .center-content .center-col {
    width: 83%;
    display: block;
    float: left; }
    .main .center-content .center-col .ptitle {
      width: auto;
      height: 32px;
      line-height: 20px;
      padding: 5px 10px; }
      .main .center-content .center-col .ptitle:before, .main .center-content .center-col .ptitle:after {
        content: "";
        display: block;
        clear: both; }
    .main .center-content .center-col .letters {
      width: auto;
      height: 32px;
      line-height: 20px;
      padding: 5px 0; }
      .main .center-content .center-col .letters:before, .main .center-content .center-col .letters:after {
        content: "";
        display: block;
        clear: both; }
      .main .center-content .center-col .letters .letters-title {
        display: none;
        color: #fff;
        line-height: 20px;
        padding: 5px;
        height: 32px;
        background-color: #48A0D1;
        cursor: pointer;
        border-bottom: 1px solid #2f668d;
        -webkit-transition: 0.2s all ease;
        -moz-transition: 0.2s all ease;
        transition: 0.2s all ease; }
        .main .center-content .center-col .letters .letters-title:hover, .main .center-content .center-col .letters .letters-title.active {
          background-color: #3F88BD; }
        .main .center-content .center-col .letters .letters-title.active {
          border-bottom: 0 none; }
      .main .center-content .center-col .letters ul {
        width: auto;
        text-align: center;
        letter-spacing: -4px; }
        .main .center-content .center-col .letters ul li {
          letter-spacing: 0;
          display: inline-block;
          float: none;
          margin: 0;
          line-height: 20px; }
          .main .center-content .center-col .letters ul li a {
            padding: 0 3px; }
    .main .center-content .center-col .content {
      width: auto;
      min-height: 0;
      padding: 10px 15px; }
      .main .center-content .center-col .content .pcontent:before, .main .center-content .center-col .content .pcontent:after {
        content: "";
        display: block;
        clear: both; }
      .main .center-content .center-col .content .pcontent > h1 {
        clear: both;
        padding-top: 15px; }
      .main .center-content .center-col .content .pcontent .artist-top-ads {
        display: block;
        float: left;
        margin: 0 0 15px; }
      .main .center-content .center-col .content .pcontent .artist-image {
        float: left;
        width: auto;
        margin: 0 0 15px 3%;
        max-width: 60%; }
        .main .center-content .center-col .content .pcontent .artist-image img {
          max-width: 100%; }
      .main .center-content .center-col .content .pcontent .pagination {
        margin: 15px 0 5px; }
      .main .center-content .center-col .content .pcontent .top-artist-link {
        display: block;
        float: left;
        width: 19%;
        margin: 0.5%;
        white-space: nowrap; }
        .main .center-content .center-col .content .pcontent .top-artist-link:nth-child(5n-2) {
          clear: both; }
        .main .center-content .center-col .content .pcontent .top-artist-link img {
          display: block;
          margin: 0 auto 5px;
          max-width: 95%;
          height: auto;
          position: relative;
          z-index: 3; }
        .main .center-content .center-col .content .pcontent .top-artist-link br {
          display: none; }
      .main .center-content .center-col .content .pcontent .top-artist {
        width: 100%;
        margin: 0;
        padding: 3% 2%; /*was 5 4*/
        min-height: 135px;
        overflow: hidden;
        position: relative; }
        .main .center-content .center-col .content .pcontent .top-artist:after {
          content: "";
          position: absolute;
          bottom: 0;
          right: 0;
          z-index: 1;
          height: 100%;
          width: 20%;
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, white));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          /* IE10+ */
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
          /* IE6-9 */ }
        .main .center-content .center-col .content .pcontent .top-artist:hover:after {
          background: -moz-linear-gradient(left, rgba(233, 239, 245, 0) 0%, #e9eff5 50%, #e9eff5 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(233, 239, 245, 0)), color-stop(50%, #e9eff5), color-stop(100%, #e9eff5));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(left, rgba(233, 239, 245, 0) 0%, #e9eff5 50%, #e9eff5 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(left, rgba(233, 239, 245, 0) 0%, #e9eff5 50%, #e9eff5 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(left, rgba(233, 239, 245, 0) 0%, #e9eff5 50%, #e9eff5 100%);
          /* IE10+ */
          background: linear-gradient(to right, rgba(233, 239, 245, 0) 0%, #e9eff5 50%, #e9eff5 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9eff5', endColorstr='#e9eff5',GradientType=1 );
          /* IE6-9 */ }
      .main .center-content .center-col .content .pcontent ul {
        width: auto; }
        .main .center-content .center-col .content .pcontent ul li {
          width: 50%; }
      .main .center-content .center-col .content .pcontent .most-visited {
        width: 100%; }
        .main .center-content .center-col .content .pcontent .most-visited ul, .main .center-content .center-col .content .pcontent .most-visited ul li {
          width: 100%; }
      .main .center-content .center-col .content .pcontent .share {
        width: 100%; }
        .main .center-content .center-col .content .pcontent .share textarea {
          width: 100% !important; }
      .main .center-content .center-col .content .pcontent .search-result {
        width: auto; }
        .main .center-content .center-col .content .pcontent .search-result ul, .main .center-content .center-col .content .pcontent .search-result ul li {
          width: auto; }
      .main .center-content .center-col .content .pcontent .full-left-list {
        width: 100%; }
        .main .center-content .center-col .content .pcontent .full-left-list ul, .main .center-content .center-col .content .pcontent .full-left-list ul li {
          width: 100%; }
      .main .center-content .center-col .content .news-module {
        width: 100%;
        margin: 25px 0 10px; }
        .main .center-content .center-col .content .news-module td {
          padding: 5px;
          vertical-align: top; }
        .main .center-content .center-col .content .news-module .forTexts a {
          display: inline-block;
          padding: 5px 25px 10px 0;
          float: left; }
        .main .center-content .center-col .content .news-module .forTexts > div {
          padding: 10px !important; }
          .main .center-content .center-col .content .news-module .forTexts > div > a {
            padding: 5px;
            float: none; }
        .main .center-content .center-col .content .news-module input[type="hidden"] + table {
          width: 100%; }
      .main .center-content .center-col .content .contact-table {
        padding: 15px;
        background-color: #eee;
        margin: 10px 0; }
        .main .center-content .center-col .content .contact-table .row {
          padding: 5px 0; }
          .main .center-content .center-col .content .contact-table .row:before, .main .center-content .center-col .content .contact-table .row:after {
            content: "";
            display: block;
            clear: both; }
          .main .center-content .center-col .content .contact-table .row > div {
            float: left;
            width: 25%; }
            .main .center-content .center-col .content .contact-table .row > div + div {
              width: 75%; }
          .main .center-content .center-col .content .contact-table .row textarea {
            height: 100px !important;
            width: 50% !important; }
        .main .center-content .center-col .content .contact-table input[type="submit"] {
          background-color: #3890c1 !important; }
    .main .center-content .center-col .request-table {
      word-break: break-word; }
      .main .center-content .center-col .request-table input {
        display: inline-block;
        vertical-align: top;
        width: auto !important; }
      .main .center-content .center-col .request-table input[type="text"] {
        margin: 2px 0; }
  .main .footer-content {
    height: auto; }
    .main .footer-content .footer {
      height: auto;
      padding: 10px; }
      .main .footer-content .footer .bottom-menu {
        width: auto;
        margin: 0;
        float: right; }
        .main .footer-content .footer .bottom-menu:before, .main .footer-content .footer .bottom-menu:after {
          content: "";
          display: block;
          clear: both; }
        .main .footer-content .footer .bottom-menu ul {
          float: none;
          width: auto; }
        .main .footer-content .footer .bottom-menu + .clear {
          display: none; }
      .main .footer-content .footer .cpy {
        width: auto;
        position: static;
        float: left; }
      .main .footer-content .footer .loading {
        margin: 0;
        clear: both; }

.fb_iframe_widget {
  display: block !important;
  width: 100%; }

.fb_iframe_widget > span,
.fb_iframe_widget iframe {
  display: block !important;
  width: 100% !important; }

.social .fb_iframe_widget,
.social .fb_iframe_widget > span,
.social .fb_iframe_widget iframe {
  display: inline-block !important;
  vertical-align: middle !important;
  width: 49px !important; }
.social .twitter_box {
  margin-left: 10px !important; }

@media screen and (max-width: 1024px) {
  .main .center-content .center-col .letters ul li {
    width: auto; } }
@media screen and (max-width: 768px) {
  .main .main-menu ul li {
    border-bottom: 0 none; }
  .main .center-content .left-col {
    float: none;
    width: 100%;
    min-height: 0;
    border: 0 none; }
    .main .center-content .left-col > * {
      display: none; }
    .main .center-content .left-col .left-title:first-child {
      display: block;
      font-size: 16px;
      background-color: #48A0D1;
      cursor: pointer;
      border-bottom: 1px solid #2f668d;
      -webkit-transition: 0.2s all ease;
      -moz-transition: 0.2s all ease;
      transition: 0.2s all ease; }
      .main .center-content .left-col .left-title:first-child:hover {
        background-color: #3F88BD; }
      .main .center-content .left-col .left-title:first-child.active {
        background-color: #3F88BD;
        border-bottom: 0 none; }
      .main .center-content .left-col .left-title:first-child:before {
        font-family: 'FontAwesome';
        content: "\f002";
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px; }
    .main .center-content .left-col .search-box {
      display: block;
      overflow: hidden;
      max-height: 0;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0.25;
      background-color: #3F88BD;
      -webkit-transition: 0.2s all ease;
      -moz-transition: 0.2s all ease;
      transition: 0.2s all ease; }
      .main .center-content .left-col .search-box.opened {
        padding-top: 20px;
        padding-bottom: 20px;
        max-height: 200px;
        opacity: 1;
        border-bottom: 1px solid #2f668d; }
      .main .center-content .left-col .search-box .input-text {
        color: #fff;
        float: left;
        width: 49%;
        margin: 0 1% 10px 0; }
        .main .center-content .left-col .search-box .input-text .note {
          color: #fff; }
      .main .center-content .left-col .search-box input[type="text"] {
        border: solid 1px #2f668d;
        background-color: #48A0D1 !important;
        color: #fff !important;
        font-size: 14px;
        padding: 5px 10px;
        height: 30px; }
      .main .center-content .left-col .search-box select {
        border: solid 1px #2f668d;
        background-color: #48A0D1;
        color: #fff !important;
        font-size: 14px;
        padding: 5px 10px;
        float: left;
        width: 49%;
        margin: 0 0 10px 1%;
        height: 30px; }
      .main .center-content .left-col .search-box input[type="submit"] {
        clear: both;
        display: block;
        margin: 0 auto;
        border: solid 1px #2f668d;
        background-color: #48A0D1;
        color: #fff !important;
        font-size: 14px;
        padding: 5px 10px; }
        .main .center-content .left-col .search-box input[type="submit"]:hover {
          background-color: #48A0D1; }
  .main .center-content .center-col {
    float: none;
    width: 100%; }
    .main .center-content .center-col .letters {
      height: auto;
      padding: 0; }
      .main .center-content .center-col .letters .letters-title {
        display: block; }
      .main .center-content .center-col .letters ul {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        -webkit-transition: 0.2s all ease;
        -moz-transition: 0.2s all ease;
        transition: 0.2s all ease; }
        .main .center-content .center-col .letters ul:before, .main .center-content .center-col .letters ul:after {
          content: "";
          display: block;
          clear: both; }
        .main .center-content .center-col .letters ul.opened {
          max-height: 150px;
          opacity: 1; }
        .main .center-content .center-col .letters ul li {
          width: 9%;
          line-height: 3;
          margin: 0;
          border: 0 none !important; }
    .main .center-content .center-col .content .pcontent .artist-top-ads,
    /*.main .center-content .center-col .content .pcontent .search-top-ads {display: none; }*/
    .main .center-content .center-col .content .pcontent .artist-image {
      float: none;
      width: 100%;
      max-width: none;
      margin: 0 0 15px;
      text-align: center;
      height: auto;
      max-height: 250px; }
    /*.main .center-content .center-col .content .pcontent .lyric-top-ads {display: none; }*/
    .main .center-content .center-col .content .pcontent .social {
      width: 100%;
      padding: 10px 0;
      text-align: center; }
      .main .center-content .center-col .content .pcontent .social > * {
        display: none; }
      .main .center-content .center-col .content .pcontent .social > .fb_iframe_widget,
      .main .center-content .center-col .content .pcontent .social > #___plus_0,
      .main .center-content .center-col .content .pcontent .social > .twitter_share {
        display: inline-block;
        vertical-align: middle !important;
        margin: 0 10px; }
      .main .center-content .center-col .content .pcontent .social > .twitter_share .twitter_box {
        left: 0; }
    .main .center-content .center-col .ptitle {
      height: auto; }
      .main .center-content .center-col .ptitle h1 {
        text-align: center; }
  .main .top-ad {display: none; }
	}
@media screen and (max-width: 640px) {
  .main {
    /* --------- Header ---------> */ }
    .main .header-content .header .logo {
      float: none;
      display: block;
      margin: 0;
      padding: 10px; }
      .main .header-content .header .logo a, .main .header-content .header .logo img {
        width: 150px;
        height: auto; }
    .main .header-content .header .header-right {
      float: none;
      display: block;
      text-align: center;
      padding: 0 10px 10px; }
    .main .center-content .center-col .content .pcontent .top-artist-link {
      width: 24%;
      margin: 0.5%;
      white-space: nowrap; }
      .main .center-content .center-col .content .pcontent .top-artist-link:nth-child(5n-2) {
        clear: none; }
      .main .center-content .center-col .content .pcontent .top-artist-link:nth-child(4n-1) {
        clear: left; }
    .main .center-content .center-col .request-table td {
      display: block;
      float: left;
      width: 100%;
      clear: both; } }
@media screen and (max-width: 480px) {
  .main {
    /* MENU */ }
    .main .main-menu {
      position: relative; }
      .main .main-menu > a {
        display: block;
        text-align: center;
        line-height: 25px;
        padding: 0 0 2px;
        color: #fff; }
        .main .main-menu > a b {
          font-weight: normal;
          display: inline-block;
          line-height: 25px;
          vertical-align: middle; }
        .main .main-menu > a span {
          display: inline-block;
          vertical-align: middle;
          position: relative;
          width: 10px;
          line-height: 25px;
          margin-right: 5px; }
          .main .main-menu > a span i {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -1px;
            height: 3px;
            width: 16px;
            border-radius: 2px;
            background-color: #fff;
            -webkit-transition: 0.2s all ease;
            -moz-transition: 0.2s all ease;
            transition: 0.2s all ease; }
            .main .main-menu > a span i:before {
              content: "";
              position: absolute;
              top: -5px;
              left: 0;
              height: 3px;
              width: 16px;
              background-color: #fff;
              -webkit-transition: 0.2s all ease;
              -moz-transition: 0.2s all ease;
              transition: 0.2s all ease; }
            .main .main-menu > a span i:after {
              content: "";
              position: absolute;
              bottom: -5px;
              left: 0;
              height: 3px;
              width: 16px;
              background-color: #fff;
              -webkit-transition: 0.2s all ease;
              -moz-transition: 0.2s all ease;
              transition: 0.2s all ease; }
        .main .main-menu > a:hover, .main .main-menu > a.active {
          background-color: #3F88BD; }
          .main .main-menu > a:hover span i, .main .main-menu > a.active span i {
            width: 8px; }
            .main .main-menu > a:hover span i:after, .main .main-menu > a.active span i:after {
              width: 12px; }
      .main .main-menu ul {
        overflow: hidden;
        max-height: 0;
        opacity: 0.25;
        -webkit-transition: 0.2s all ease;
        -moz-transition: 0.2s all ease;
        transition: 0.2s all ease; }
        .main .main-menu ul.opened {
          max-height: 150px;
          opacity: 1; }
        .main .main-menu ul li {
          float: none;
          width: auto;
          border: 0 none; }
          .main .main-menu ul li a, .main .main-menu ul li a:link, .main .main-menu ul li a:visited {
            background-color: #3F88BD; }
            .main .main-menu ul li a:hover, .main .main-menu ul li a:link:hover, .main .main-menu ul li a:visited:hover {
              background-color: #48A0D1; }
    .main .center-content .center-col .content .pcontent .pagination {
      display: block;
      width: auto;
      text-align: center; }
      .main .center-content .center-col .content .pcontent .pagination .stext {
        display: block;
        margin: 10px;
        text-align: center; }
    .main .center-content .center-col .content .pcontent .top-artist-link {
      width: 49%;
      margin: 0.5%;
      white-space: nowrap; }
      .main .center-content .center-col .content .pcontent .top-artist-link:nth-child(4n-1) {
        clear: none; }
      .main .center-content .center-col .content .pcontent .top-artist-link:nth-child(3n) {
        clear: none; }
    .main .footer-content .footer .bottom-menu {
      float: none;
      text-align: center; }
      .main .footer-content .footer .bottom-menu ul li {
        float: none; }
    .main .footer-content .footer .cpy {
      float: none;
      text-align: center;
      padding-top: 10px; } }
@media screen and (max-width: 400px) {
  body {
    width: 100%;
    overflow-x: hidden; }

  .main .center-content .center-col .content .pcontent ul li {
    display: block;
    float: none;
    width: 100%; }
  .main .center-content .center-col .content .news-module img {
    display: block;
    float: none !important;
    margin: 5px auto !important; }
  .main .center-content .center-col .content .news-module .forTexts > div > p > a {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    margin: 5px 0 10px;
    padding: 0; }
  .main .center-content .center-col .content .contact-table .row > div, .main .center-content .center-col .content .contact-table .row > div + div {
    float: none;
    width: 100%; }
  .main .center-content .center-col .content .contact-table .row textarea {
    height: 100px !important;
    width: 100% !important; }
  .main .center-content .center-col .letters ul.opened {
    max-height: 225px; }
  .main .center-content .center-col .letters ul li {
    width: 14%; }
  .main .center-content .center-col .request-table {
    width: 285px;
    margin: 0 auto;
    display: block; }
    .main .center-content .center-col .request-table:before, .main .center-content .center-col .request-table:after {
      content: "";
      display: block;
      clear: both; }
    .main .center-content .center-col .request-table tbody {
      display: block;
      width: 90%;
      margin: 0 auto; }
    .main .center-content .center-col .request-table tr, .main .center-content .center-col .request-table td {
      display: block;
      width: 100%;
      float: left;
      clear: both; }
    .main .center-content .center-col .request-table div {
      padding: 4px 0; }
    .main .center-content .center-col .request-table input {
      display: block;
      width: 100% !important;
      margin: 4px auto; }
  .main .footer-content .footer .bottom-menu {
    float: none;
    text-align: center; }
    .main .footer-content .footer .bottom-menu ul {
      letter-spacing: -4px; }
      .main .footer-content .footer .bottom-menu ul li {
        letter-spacing: 0;
        float: none;
        width: 49%;
        margin: 0; } }

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