@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 */


@media screen and (max-width: 979px) {
#ecard-fixed { display:none;}
#ecard-mob { display:block;}

body {
	overflow-x:hidden!important;
}



h1 { font-family: 'Ubuntu', sans-serif!important; font-size:24px!important; line-height:26px!important; font-weight:700!important; text-align:center!important; text-transform:uppercase!important; margin:140px 0px 0px 0px!important;}
h2 { font-family: 'Ubuntu', sans-serif!important; font-size:20px!important; line-height:20px!important; font-weight:700!important; text-align:center!important; text-transform:uppercase!important; margin:0px 0px 0px 0px!important;}

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

.shadow-img {
	-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;
}

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

p { width:100%!important;}

/* NAVIGATION */

#nav-mob { width:100%; position:absolute; top:0px; right:0px;}

.nav-mob {
	position:absolute;
	top:0px;
	right:0px;
	z-index:900;
}



/* NAVIGATION end */



/* MAIN */


.container-fluid {
	width:100%;
	/*height:100%;*/
	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;
	margin-top:0px;
	position:relative;
	padding-left:0px!important;
	padding-right:0px!important;
	overflow-y:scroll;
}

.top-strip {
	width:100%;
	height:40px;
	text-align:center;
	color:#ffe8a1;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	padding-top:10px;
	z-index:100;
  position: -webkit-sticky !important;
  position: sticky !important;
  top:0px;
}

.top-strip a:link, .top-strip a:visited { color:#fff; text-decoration:none;}
.top-strip a:hover { text-decoration:underline;}

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

.content-m { margin:0px 20px;}

.flex-container {
	display: flex;
	flex-wrap: wrap;
}

/* MAIN end */

/* HOME */

#mob-home {
	width:100%;
	height:auto;
	position:relative;
	top:15px;
	left:0px;
	padding-bottom:30px;
}

#mob-home .content { width:auto; margin:0px;}

/* HOME end */


/* ABOUT */

#mob-about {
	width:100%;
	height:auto;
	position:relative;
	top:30px;
	left:0px;
	padding-bottom:30px;
}

#mob-about .content { width:auto; margin:0px;}

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



/* ABOUT end */


/* WHY CHOOSE MUSICBOX? */

#mob-choose {
	width:100%;
	height:auto;
	position:relative;
	top:30px;
	left:0px;
	padding-bottom:30px;
}

#mob-choose .content { width:auto; margin:0px;}


/* WHY CHOOSE MUSICBOX? end */


/* KEY */

#mob-key {
	width:100%;
	height:auto;
	position:relative;
	top:30px;
	left:0px;
	padding-bottom:30px;
}

#mob-key .content { width:auto; margin:0px;}

/* KEY end */


/* SUBSCRIBE */

#mob-subscribe {
	width:100%;
	height:auto;
	position:relative;
	top:30px;
	left:0px;
	padding-bottom:30px;
}

#mob-subscribe .content { width:auto; margin:0px;}


/* SUBSCRIBE end */


/* RECOMMENDED */

#mob-recommended {
	width:100%;
	height:auto;
	position:relative;
	top:30px;
	left:0px;
	padding-bottom:30px;
}

#mob-recommended .content { width:auto; margin:0px;}


/* RECOMMENDED end */

/* SCHOOLS */

#mob-schools {
	width:100%;
	height:auto;
	position:relative;
	top:30px;
	left:0px;
	padding-bottom:30px;
}

#mob-schools .content { width:auto; margin:0px;}


/* SCHOOLS end */



/* FOOTER */

#footer {
	font-size:12px;
	text-align:center;
	color:#000;
	font-weight:400;
	line-height:15px;
	/*margin-bottom:100px;*/
}

#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 */