@charset "utf-8";

body {margin: 0; min-width: 980px; padding:0;}
p {z-index:201; position:relative; margin:0 0 20px 0; font:normal 16px/22px 'Helvetica Neue', Arial,Helvetica,sans-serif; font-weight:200; text-shadow:0 1px 1px rgba(255,255,255,0.5); color:#666;}
p, ul {font-family:'Helvetica Neue', Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:200; font-style:normal; }
p a, ul a {color:#777;}
.darken p {color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.5);}
.darken p a {color:#fff;}
p strong {font:normal 16px/32px 'Montserrat','Helvetica Neue', Arial,Helvetica,sans-serif; text-transform:uppercase;}
a, a:active, a:hover {transition:all 0.3s ease 0s; text-decoration:none;}
img {border:0; vertical-align:bottom; max-width:100%;}
form {z-index:201; position:relative; }

.float-left {float:left; margin:0 0 0 20px;}
.float-right {float:right; margin:0 20px 0 0;}

/*#nav {list-style:none; position:fixed; right:20px; top:100px;}*/
/*#nav li {margin:0 0 15px 0;}*/

#header, #intro, #second {width:100%;}
#shell {width:100%; /*max-width:1600px;*/ position:relative; margin:0 auto;}

.story {margin:0 auto; /*min-width:1248px;*/ overflow:auto; width:1248px;}
.story .float-left,
.story .float-right {padding:55px 0 0 0; position:relative; width:750px;	 margin:0; clear:both;}

.story ul, 
.story li, 
.story ol {list-style:none; padding:0; margin:0;}

.bg {margin:0 auto; padding:0; position:absolute; width:1280px; z-index:200;}
 
#intro {background:url(/views/images/firstBG.jpg) 50% 0 no-repeat fixed #111;	color: #fff; height:800px; margin:0 auto; padding:0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.3);}
#p-musictimes {background:url(/views/images/eachbg-musictimes.png) 50% 0 no-repeat fixed #404b81; color: #fff; height:720px; margin:0 auto; padding:0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.3); background-size:cover;}
#p-mstars {background:url(/views/images/eachbg-mstars.png) 50% 0 no-repeat fixed #690e13; color: #fff; height:720px; margin:0 auto; padding:0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.3); background-size:cover;}
#p-classicalite {background:url(/views/images/eachbg-classicalite.png) 50% 0 no-repeat fixed #4e5521; color: #fff; height:720px; margin:0 auto; padding:0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.3); background-size:cover;}
.musictimes #intro {background:url(/views/images/eachbg-musictimes.png) 50% 0 no-repeat fixed #000; color: #fff; height:720px; margin:0 auto; padding:0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.3);}
.mstars #intro {background:url(/views/images/eachbg-mstars.png) 50% 0 no-repeat fixed #000;}
#second {background:url(/views/images/lightenBG.jpg) 50% 0 no-repeat fixed; color:#000; height:260px; margin:0 auto; overflow:hidden; padding:0; box-shadow:0 0 30px 3px rgba(0,0,0,0.8);}
#infos {background:#eee; color:#000; height:110px; margin:0 auto; overflow:hidden; padding:15px 0 0 0; box-shadow:0 0 30px 3px rgba(0,0,0,0.3);}
.mstars #infos, .mstars#infos {background:#2285F0;}
.musictimes #infos, .musictimes#infos {background:#1f3067;}
.classicalite #infos, .classicalite#infos {background:#5a6c08;}

#feeds {background:url(/views/images/lightenBG.jpg) 50% 0 no-repeat fixed; color:#000; height:2500px; margin:0 auto; overflow:hidden; padding:0; box-shadow:0 0 30px 3px rgba(0,0,0,0.1);}
.mstars #feeds,
.musictimes #feeds,
.mstars#feeds,
.musictimes#feeds {height:1400px;}

#about-us {background:#262728; color: #fff; height:450px; padding:0; box-shadow:0 0 30px 10px rgba(0,0,0,0.3);}
#about-us .bg {background: url(/views/images/img-screenshot1.png) 50% 0 no-repeat fixed; height:1320px;}

#primary {background: url(/views/images/lightenBG.jpg) 50% 0 no-repeat fixed #fff; color: #fff; height:680px; padding:0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}
#primary .bg {height:680px;}
.mstars #primary .bg, .mstars#primary .bg {background: url(/views/images/img-screenshot1.png) 50% 0 no-repeat fixed; }
.musictimes #primary .bg, .musictimes#primary .bg {background: url(/views/images/img-screenshot1.png) 50% 0 no-repeat fixed;}
.classicalite #primary .bg, .classicalite#primary .bg {background: url(/views/images/img-screenshot1.png) 50% 0 no-repeat fixed; }

#brands {background:#fff; height:500px; padding:0; box-shadow:0 0 30px 10px rgba(0,0,0,0.1);}
#brands .bg {height:500px;}

#brand-mt {background:url(/views/images/moreBG-mt.jpg) 50% 0 no-repeat fixed; color:#fff; height:500px; padding:0 0 0 0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}
#brand-ms {background:url(/views/images/moreBG-ms.jpg) 50% 0 no-repeat fixed; color:#fff; height:500px; padding:0 0 0 0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}
#brand-cl {background:url(/views/images/moreBG-cl.jpg) 50% 0 no-repeat fixed; color:#fff; height:500px; padding:0 0 0 0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}
#brand-ha {background:url(/views/images/moreBG-ha.jpg) 50% 0 no-repeat fixed; color:#fff; height:500px; padding:0 0 0 0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}

#advertise {background:url(/views/images/darkenBG.jpg) 50% 0 no-repeat fixed #000; color: #fff;	height: 750px; padding:0 0 0 0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}
#advertise .bg {background:url(/views/images/img-screenshot0.png) 50% 0 no-repeat fixed; height:750px;}
#careers {background:url(/views/images/darkenBG2.jpg) 50% 0 no-repeat fixed #111;	color:#fff; height:550px; padding:0 0 0 0;	box-shadow:0 0 30px 10px rgba(0,0,0,0.1);}
#careers .bg {background:url(/views/images/img-screenshot1.png) 50% 0 no-repeat fixed; height:550px;}
#contact {background: url(/views/images/lightenBG.jpg) 50% 0 no-repeat fixed; height:860px; padding:0 0 0 0; box-shadow:0 0 30px 10px rgba(0,0,0,0.2);}
#contact .bg {background:none; height:750px;}

#seventh {background:#222; color:#fff; height:60px; margin: 0 auto; padding:30px 0 0 0;}

#cform td {padding:3px 0; color:#666; font:normal 14px/32px 'Montserrat','Helvetica Neue', Arial,Helvetica,sans-serif; text-shadow:0 1px 1px rgba(255, 255, 255, 0.5); text-transform:uppercase;}
#cform .input {border:#c6c6c6 solid 1px; padding:10px 2%; width:96%; font:normal 12px/18px 'Helvetica Neue', Arial,Helvetica,sans-serif; box-shadow:2px 2px 5px #ddd inset;}
#cform .bt_send {padding:10px 50px; border:#ccc solid 1px; box-shadow:0 3px 3px #ddd; font:normal 14px/32px 'Montserrat','Helvetica Neue', Arial,Helvetica,sans-serif; text-transform:uppercase;}

.blocks4 .block-repeat {float:left; width:24.5%; margin:1% 0.25%; box-shadow:0 2px 3px 1px rgba(0,0,0,0.5); background-color:#000; z-index:201; position:relative; opacity:0.9; }
.blocks4 .block-repeat a {display:block;}
.blocks3 .block-repeat {float:left; width:28.0%; margin:0 2.5%; text-align:center; z-index:201; position:relative; }
.blocks3 .block-repeat p {padding:0 25px;}
#intro .blocks3 .block-repeat {float:left; width:32%; margin:0 0.65%; text-align:center; box-shadow:0 2px 3px 1px rgba(0,0,0,0.5); background-color:#000; z-index:201; position:relative; opacity:0.9; }
#intro .blocks3 .block-repeat a {display:block;}
.block-news .block-repeat {float:left; width:28.0%; margin:0 2.5%; text-align:center; margin-bottom:18px;}
.block-news .block-repeat a {display:block; background-color:#fff; box-shadow:0 1px 0px 1px rgba(0,0,0,0.1); }
.block-news .art-img {display:block; width:100%;}
.block-news .art-cat {background-color:#de0102; color:#fff; padding:4px 10px; margin:0; font:bold 11px/14px Arial; display:inline-block;}
.block-news .art-ttl {font:18px/22px Georgia; color:#000; padding:8px 15px; margin:0; }
.block-news .art-sum {font:12px/16px Arial; color:#666; padding:8px 18px 15px 18px; margin:0; text-shadow:none;}
.block-news .block-repeat a:hover {background-color:#333; color:#fff; box-shadow:0 1px 0px 1px rgba(255,255,255,1);}
.block-news .block-repeat a:hover .art-ttl {color:#fff;}

/*.blocks4 .m1 {background-color:#1f3067;}*/
/*.blocks4 .m2 {background-color:#2285F0;}*/
/*.blocks4 .m3 {background-color:#5a6c08;}*/
/*.blocks4 .m4 {background-color:#047180;}*/
.blocks4 .block-repeat a:hover, .blocks4 .block-repeat a:active {background:#222;}
.blocks3 .block-repeat a:hover, .blocks3 .block-repeat a:active {background:#222;}
#brands .blocks4 .m1,
#brands .blocks4 .m2,
#brands .blocks4 .m3,
#brands .blocks4 .m4 {background-color:#aaa;}
#brands .blocks4 .m1 a:hover, #brands .blocks4 .m1 a:active {background:#1f3067;}
#brands .blocks4 .m2 a:hover, #brands .blocks4 .m2 a:active {background:#2285F0;}
#brands .blocks4 .m3 a:hover, #brands .blocks4 .m3 a:active {background:#5a6c08;}
#brands .blocks4 .m4 a:hover, #brands .blocks4 .m4 a:active {background:#047180;}

.bt_goto {width:30%; padding:0; background-color:#fff; border:#000 solid 3px; box-shadow:0 3px 3px #bbb; font:normal 14px/48px 'Montserrat','Helvetica Neue', Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center;}
.bt_goto a {display:block; color:#000;}
.mstars .bt_goto {border-color:#2285F0;}
.mstars .bt_goto a {color:#2285F0; text-shadow:none;}
.musictimes .bt_goto {border-color:#1f3067;}
.musictimes .bt_goto a {color:#1f3067; text-shadow:none;}
.bt_goto a:hover {background-color:#eee;}
#brand-mt .bt_goto,
#brand-ms .bt_goto,
#brand-cl .bt_goto,
#brand-ha .bt_goto {margin:0 auto; border-color:#fff; background:none; box-shadow:none;}

.heading0 {clear:both; font:normal 14px/34px 'Montserrat','Helvetica Neue', Arial,Helvetica,sans-serif; text-align:center; color:#000; text-transform:uppercase; width:198px; height:34px; letter-spacing:3px; border:3px solid #ccc; margin:50px auto 30px auto; padding:0;}
.heading1 {z-index:201; position:relative; font:normal 48px/64px 'Helvetica Neue', Arial,Helvetica,sans-serif; font-weight:200; text-shadow:0 1px 1px rgba(255, 255, 255, 0.8), 0 1px 5px rgba(255, 255, 255, 0.8); margin-top:100px; }
.heading1 strong {display:none;}
.darken .heading1 {text-shadow:0 1px 1px rgba(0, 0, 0, 0.8), 0 1px 5px rgba(0, 0, 0, 0.8); color:#fff;}
.heading2 {z-index:201; position:relative; font:normal 22px/48px 'Montserrat','Helvetica Neue', Arial,Helvetica,sans-serif; text-align:center; text-shadow:0 1px 1px #fff; margin-top:35px; color:#de0102; text-transform:uppercase;}
.heading3 {z-index:201; position:relative; font:normal 34px/38px 'Helvetica Neue', Arial,Helvetica,sans-serif; font-weight:200; text-shadow:0 1px 1px #000;}

#intro .heading1 {margin-top:235px; margin-bottom:200px; text-align:center;}
#p-musictimes .heading1,
#p-mstars .heading1,
#p-classicalite .heading1 {margin-top:275px; margin-bottom:120px; text-align:center;}
#brand-mt .heading1,
#brand-ms .heading1,
#brand-cl .heading1 {margin-top:80px; text-align:center;}
.mstars #intro .heading1 {margin-top:250px;}
.musictimes #intro .heading1 {margin-top:285px;}
#about-us .heading1 {margin-bottom:0;  background-color:#13acb2; display:inline-block; padding:0 12px; text-shadow:none;}
#about-us .heading3 {color:#5EDED3;}
#about-us p em a {color:#5EDED3 !important; font-size:13px; font-style:normal;}
#brands .heading1 {text-align:center; color:#666;}
#advertise .heading1 {float:left; background-color:#e10f0f; color:#fff; display:inline-block; padding:0 12px; text-shadow:none;}
#advertise p em {color:#f71010;}
#careers .heading1 {float:left; background-color:#99b30b; color:#fff; display:inline-block; padding:0 12px; text-shadow:none;}
#careers p em {color:#bfbd12;}
#contact .heading1 {float:left; background-color:#bbb; color:#fff; display:inline-block; padding:0 12px; text-shadow:none;}
#primary .first-child {margin-top:180px; font-size:18px; line-height:28px;}

#header {width:100%; padding:3px 0; z-index: 1001; position:fixed; background-color:#000; border-bottom:4px solid #eaeaeb; border-bottom:4px solid rgba(45, 53, 56, 0.5); top:0; left:0;
  -webkit-background-clip:padding-box;
  /* for Safari */
  background-clip:padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}
#header .ss-icon {width:6px; height:6px; display:inline-block; padding-left: 3px; background: url(/views/images/dropdown-icon.png) no-repeat center top;}

/* jobs */
#jobs {background:url(/views/images/lightenBG.jpg) 50% 0 no-repeat fixed; margin:0 auto; overflow:hidden; padding:65px 0 40px 0; box-shadow:0 0 30px 3px rgba(0,0,0,0.1);}
#jobs .t1 {font: normal 34px/38px 'Helvetica Neue', Arial,Helvetica,sans-serif; font-weight: 200; color:#333;}
#jobs .t2 {font: normal 20px/25px 'Helvetica Neue', Arial,Helvetica,sans-serif; font-weight: 200;}

@media (min-width: 960px) {
  #header #toggle-mobile-nav {display:none;}
}
@media (max-width: 959px) {
  #header #toggle-mobile-nav {
    background: url(/views/images/nav-icon.png) no-repeat center;
    padding: 34px 34px 15px 34px;
    position: absolute;
    left: 0;
  }
}
#header #logo {background:url(/views/images/logo.png) no-repeat 0 0;
  background:none, url(/views/images/logo.png) no-repeat 0 0;
  background-size:contain;
  float:left;
  display:inline-block;
  height:0;
  margin:10px 0;
  padding-top:33px;
  width:335px;
  overflow:hidden;
  position:relative;
  z-index:1;
}
#header #nav {float:right; text-align:right; }
#header .top-level-nav {margin:0;}
#header #nav .drop {width:160px;}
@media (max-width: 959px) {
  #header #nav {
    background: #333;
    position: absolute;
    top: 66px;
    margin-left: -130%;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -ms-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
  }
  #header #nav #ad-products {display:none;}
}
@media (max-width: 959px) {
  #header #nav.showNav {border-top:4px solid #ff9933; margin-left:0;}
  #header #nav.showNav .showSubNav {background-color:#eee; position:relative; width:100%; display:block; margin-top:-10px; }
  #header #nav.showNav .showSubNav ul {padding-left: 20px;}
  #header #nav.showNav .showSubNav ul li a {padding:18px 0 0 0; font-size:14px;}
}
@media (max-width: 959px) {
  #header #nav ul li .ss-icon {display:none;}
  #header #nav ul li.sub-nav-item {float:left; width:25%; border-bottom:2px solid #5e5e5e;}
  #header #nav ul li.sub-nav-item a {padding-left:40px;}
  #header #nav ul li.nav-head, #header #nav ul li a.nav-head {color:#fff; padding:2px 5px 8px 20px;}
}
#header #nav ul li a  {color:#ccc;}
@media (min-width: 960px) {
  #header #nav ul li {display:inline-block; }
}
#header #nav ul li a {display:block;}

@media (min-width: 960px) {
  #header #nav ul li a {line-height:3.2em; padding:0 10px; text-decoration:none;}
  #header #nav ul li div {position:absolute; display:none;}
}

@media (max-width: 959px) {
  #header #nav ul li a {background: #4e4e50; font-size:1.2em; font-weight:bold; padding:0 10px;}
  #header #nav ul li a:nth-child(1) {border-top:0px;}
  #header #nav ul li a:active {color:#ccc;}
  #header #nav ul li a#advert-head {display:none;}
}
#header #nav ul li div {position:relative; display:block;}
@media (min-width: 960px) {
  #header #nav ul li div {display:none; position:absolute;}
  #header #nav ul li:hover a {color:#fff;}
  #header #nav ul li:hover a.tab {color:#000;    font-weight: 300;    background: #eee; padding-top: 0;}
  #header #nav ul li:hover div {
    display: block;
    background-color: #eee;
    border-bottom: 2px solid #cccccc;
    text-align: left;
    margin-top: -2px;
    -webkit-animation: fadein 0.25s;
    -moz-animation: fadein 0.25s;
    animation: fadein 0.25s;
  }
  #header #nav ul li:hover div ul li {color:#555; display: block;}
  #header #nav ul li:hover div ul li a {color: #000; font-size:15px; line-height:38px; padding:0 0 0 10px; text-transform:capitalize;}
  #header #nav ul li:hover div ul li a:hover {color: #f38310;}

}
@media (min-width: 960px) and (min-width: 960px) {
  #header #nav ul li:hover div ul li {line-height:40px; font-size:22px; text-transform:uppercase;}
}
.clearboth {clear:both; display:block;}
.textcenter {text-align:center;}
/*
     FILE ARCHIVED ON 14:29:16 May 25, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:36:24 Mar 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 4.168
  load_resource: 190.509 (2)
  PetaboxLoader3.resolve: 203.941 (3)
  PetaboxLoader3.datanode: 96.517 (5)
  captures_list: 0.753
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.01
  esindex: 0.014
  cdx.remote: 23.045
  LoadShardBlock: 123.726 (3)
*/