@charset "UTF-8";
/* CSS Document */

/* FONTS */

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* FONTS end */

html { width:100%; min-height: -webkit-fill-available; height:100vh;}

* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body {
	height:100vh;
	min-height: -webkit-fill-available;
	min-height:100%;
	font-family: 'Ubuntu', sans-serif!important;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#fff5b7;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	
	color:#000;
	font-size:15px!important;
	line-height:20px!important;
	font-weight:400;
	margin:0px;
}

.quotes {
	width:240px;
	margin:auto;
	padding:0px 15px;
}

@media screen and (max-width: 979px) {
.no-mt-mob { margin-top:0px!important;}
.quotes {
	width:100%;
}
}

@media screen and (min-width: 980px) {

#ecard-fixed { display:block;}
#ecard-mob { display:none;}

.container-fluid {
	width:980px!important;
	height:570px!important;
}

}


.clearfix { clear:both;}
img { border:0; border-style: none; outline:0;}
*:focus { outline:0!important;}
h1 { font-size:20px!important; line-height:25px!important; font-weight:700!important; text-align:center!important; text-transform:uppercase!important; margin:55px 0px 0px 80px!important;}
h2 { font-size:20px!important; line-height:20px!important; font-weight:700!important; text-align:left!important; text-transform:uppercase!important; margin:0px 0px 0px 0px!important;}
p { width:100%!important; margin:15px 0px!important;}
.no-mt-main {margin-top:0px!important;}

a:link { color:#d75b00; text-decoration:none}
a:visited { color:#eb7604; text-decoration:none}
a:hover { color:#000; text-decoration:none}

.orange { color:#d75b00;}

.logo-naxos { width:50px; position:absolute; top:40px; left:30px; }

.point-link:hover { cursor:pointer;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.txt-c { text-align:center;}

.fsize12{ font-size:12px; line-height:15px;}
.fsize13{ font-size:13px; line-height:17px;}
.fsize14{ font-size:14px; line-height:18px;}
.fsize15{ font-size:15px; line-height:18px;}
.fweight500 { font-weight:500;}
.fweight700 { font-weight:700;}

.img-trans {position:absolute; top:0px; left:0px}
.img-trans:hover { cursor:pointer;}

.shadow {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1)!important;
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1)!important;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1)!important;
}

.shadow2 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
}

.img-trans {position:absolute; top:0px; left:0px}


.btn-click {
	width:270px;
	color:#ffffff;
	background-color:#d75b00;
	font-size:13px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	border-radius:5px;
	padding:1px 0px 3px;
	position:relative;
	margin-top:10px;
}

.btn-gift {
	width:220px;
	color:#ffffff;
	background-color:#ec9a00;
	font-size:13px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	border-radius:5px;
	padding:1px 0px 3px;
	position:relative;
	margin-top:10px;
}

.btn-vid { border:3px solid #f7941d;}

.btn-m {
  /*border: 3px solid #f1592a;*/
  color: white;
  padding: 6px 15px 6px;
  text-align: center;
  font-size:14px;
  font-weight:500;
  opacity: 1;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  border-radius:3px;
  cursor: pointer;
}


.btn-m a:link, .btn-m a:visited {color:#FFF!important; text-decoration:none!important;}
.btn-m a:hover {opacity: 0.7; text-decoration:none!important; color:#FFF!important;}
.btn-m:hover {opacity: 0.7; text-decoration:none!important; color:#FFF!important;}

.btn-md {
  border: 3px solid #eb6723;
  color: white;
  padding: 2px 12px 3px;
  text-align: center;
  font-size:14px;
  font-weight:500;
  opacity: 1;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  border-radius:3px;
  cursor: pointer;
}

.btn-md:link, .btn-md:visited {color:#000!important; text-decoration:none!important;}
.btn-md:hover {opacity: 0.7; text-decoration:none!important; color:#000!important;}



.freetrialkey2 {
	width:35px;
	position:absolute;
	top:-35px;
	left:-10px;
	z-index:100;
}

.gift {
	width:40px;
	position:absolute;
	top:-15px;
	left:0px;
	z-index:100;
}

/* NAVIGATION */

#ecard-fixed .nav-main {
	width:200px;
	position:absolute;
	top:110px;
	left:-35px;
	z-index:300;
}

#ecard-fixed .btn-nav {
	width:200px;
	height:40px;
	color:#FFF;
	font-size:13px;
	font-weight:500;
	line-height:17px;
	text-align:center;
	border-radius: 10px;
	padding:7px 0px 8px;
	position:relative;
}

#ecard-fixed .home {background-color:#95cbc3; border:5px solid #59aea3; }
#ecard-fixed .about {background-color:#9bc53c; border:5px solid #3db74c; }
#ecard-fixed .choose {background-color:#f37162; border:5px solid #e21c49; }
#ecard-fixed .key {background-color:#a286be; border:5px solid #865aa3; }
#ecard-fixed .subscribe {background-color:#eea1ac; border:5px solid #dd6b84; }
#ecard-fixed .recommended {background-color:#79bce8; border:5px solid #4f80c2; }
#ecard-fixed .freetrial {background-color:#eb7604; }
#ecard-fixed .schools {background-color:#ff5a00; border:5px solid #e33c3c; }


/* NAVIGATION end */

/* MAIN */

.container-fluid {
	background: rgba(255, 255, 255, 0.6)!important; 
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border-radius:20px;
	position:relative;
	margin:30px auto 0px;
	padding:0px 0px 30px 0px;
}

.top-strip {
	width:980px;
	height:40px;
	background-color:#eb7604;
	border-radius: 20px 20px 0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#header {
	width:980px;
	height:90px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
}

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

.inline-img-r {
	float:right;
	margin:0px 0px 0px 20px;
}

/* MAIN end */

/* HOME */

#home {
	width:755px;
	position:absolute;
	top:105px;
	right:30px;
	display:block;
	overflow:hidden;
}


/* HOME end */


/* ABOUT */

#about {
	width:755px;
	position:absolute;
	top:120px;
	right:30px;
}

.img-about1 {
	width:320px;
	position:absolute;
	right:135px;
	top:20px;
}

.img-about2 {
	width:155px;
	position:absolute;
	right:-15px;
	top:15px;
}

.img-about3 {
	width:260px;
	position:absolute;
	right:162px;
	top:300px;
}

.img-about4 {
	width:300px;
	position:absolute;
	right:145px;
	top:210px;
}

.bullet {
	width:8px;
	float:left;
	margin:5px 10px 0px 0px;
}



/* ABOUT end */


/* WHY CHOOSE MUSICBOX? */

#choose {
	width:755px;
	position:absolute;
	top:120px;
	right:30px;
}

#choose .content {
	width:370px;
}

.img-choose1 {
	width:360px;
	position:absolute;
	right:0px;
	top:90px;
}

.img-choose2 {
	width:190px;
	position:absolute;
	right:165px;
	top:220px;
}

.img-choose3 {
	width:160px;
	position:absolute;
	right:-12px;
	top:205px;
}

.img-choose4 {
	width:360px;
	position:absolute;
	right:0px;
	top:-10px;
}

/* WHY CHOOSE MUSICBOX? end */


/* KEY */

#key {
	width:755px;
	position:absolute;
	top:110px;
	right:30px;
}

#key .content {
	width:330px;
	margin-top:50px;
}

.img-instruments { width:80px; position:absolute; right:170px; top:0px; }
.img-history { width:80px; position:absolute; right:310px; top:60px; }
.img-voices { width:80px; position:absolute; right:30px; top:60px; }
.img-audiobooks { width:80px; position:absolute; right:240px; top:170px; }
.img-stagescreen { width:80px; position:absolute; right:90px; top:190px; }
.img-composers { width:80px; position:absolute; right:305px; top:270px; }
.img-playlists { width:80px; position:absolute; right:0px; top:290px; }
.img-activities { width:80px; position:absolute; right:150px; top:330px; }

/* KEY end */


/* SUBSCRIBE */

#subscribe {
	width:755px;
	height:460px;
	position:absolute;
	top:110px;
	right:30px;
}

#subscribe .content {
	width:380px;
}

.img-subscribe {
	width:320px;
	position:absolute;
	left:0px;
	bottom:0px;
}

.box {
	background-color:#ffe6ce;
	border-radius:5px;
	padding:5px;
}

.note {
	font-size:14px;
	position:absolute;
	bottom:50px;
	right:40px;
}

/* SUBSCRIBE end */


/* RECOMMENDED */

#recommended {
	width:755px;
	height:460px;
	position:absolute;
	top:100px;
	right:30px;
}

#recommended .content {
	width:380px;
}

.img-recommended {
	width:320px;
	position:absolute;
	left:0px;
	bottom:0px;
}

.btn-get {
	width:120px;
	border:3px solid #eb7604;
	color:#000;
	font-size:13px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	border-radius:5px;
	padding:0px 0px 2px;
	position:relative;
	margin-top:10px;
}


/* RECOMMENDED end */



/* MUSICBOX FOR TEACHERS AND SCHOOLS */

#schools {
	width:755px;
	height:460px;
	position:absolute;
	top:100px;
	right:30px;
}

#schools .content {
	width:380px;
}

.img-schools {
	width:120px;
	position:absolute;
	right:40px;
	bottom:45px;
}


/* MUSICBOX FOR TEACHERS AND SCHOOLS end */



/* FOOTER */

#footer {
	height:auto;
	font-size:12px;
	text-align:center;
	color:#000;
	font-weight:400;
	line-height:15px;
	margin-top:20px;
	margin-bottom:30px;
	position:relative;
}

#footer a:link, #footer a:visited {
	color:#eb7604;
	text-decoration:none;
}

.sm-m {
	width:48px;
	margin:auto;
}

.sm {
	width:20px;
	float:left;
	margin:0px 2px;
}


/* FOOTER end */




/* ANIMATION tada */
.tada {
  animation: tada_9912 2.6s ease-in-out infinite;
  -webkit-animation-name: tada_9912;
  -webkit-animation-duration: 2.6s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
}

/*
@keyframes tada_4301 {
  0% {  transform: scale(1); }
  8.33333% {  transform:scale(.95) rotate(-3deg); }
  16.66667% {  transform:scale(.95) rotate(-3deg); }
  25% {  transform:scale(1.05) rotate(3deg); }
  33.33333% {  transform:scale(1.05) rotate(-3deg); }
  41.66667% {  transform:scale(1.05) rotate(3deg); }
  50% {  transform:scale(1.05) rotate(-3deg); }
  58.33333% {  transform:scale(1.05) rotate(3deg); }
  66.66667% {  transform:scale(1) rotate(0); }
  100% {  transform:scale(1) rotate(0); }
}


@-webkit-keyframes tada_4301 {
  0% { -webkit-transform: scale(1); }
  8.33333% { -webkit-transform: scale(0.95); -webkit-transform:rotate(-3deg); }
  16.66667% { -webkit-transform: scale(0.95); -webkit-transform:rotate(-3deg); }
  25% { -webkit-transform: scale(1.05); -webkit-transform:rotate(3deg); }
  33.33333% { -webkit-transform: scale(1.05); -webkit-transform:rotate(-3deg); }
  41.66667% { -webkit-transform: scale(1.05); -webkit-transform:rotate(3deg); }
  50% { -webkit-transform: scale(1.05); -webkit-transform:rotate(-3deg); }
  58.33333% { -webkit-transform: scale(1.05); -webkit-transform:rotate(3deg); }
  66.66667% {  -webkit-transform: scale(1); -webkit-transform:rotate(0deg); }
  100% { -webkit-transform: scale(1); -webkit-transform:rotate(0deg); }
}

*/

@keyframes tada_9912 {
  7.69231% { transform:rotate(-3deg) }
  15.38462% { transform:rotate(-3deg) }
  23.07692% { transform:rotate(3deg) }
  30.76923% { transform:rotate(-2deg) }
  38.46154% { transform:rotate(2deg) }
  46.15385% { transform:rotate(-1deg) }
  53.84615% { transform:rotate(1deg) }
  61.53846% { transform:rotate(0) }
  100% { transform:rotate(0) }
}


@-webkit-keyframes tada_9912 {
  7.69231% { -webkit-transform:rotate(-3deg) }
  15.38462% { -webkit-transform:rotate(-3deg) }
  23.07692% { -webkit-transform:rotate(3deg) }
  30.76923% { -webkit-transform:rotate(-2deg) }
  38.46154% { -webkit-transform:rotate(2deg) }
  46.15385% { -webkit-transform:rotate(-1deg) }
  53.84615% { -webkit-transform:rotate(1deg) }
  61.53846% { -webkit-transform:rotate(0) }
  100% { -webkit-transform:rotate(0) }
}


/* ANIMATION tada end */