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



body {
	font-family: 'Muli', sans-serif;
	font-weight:600;
	font-size:15px;
	line-height:18px;
	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#254155;
	text-align:justify;
	width:100%;
	height:100%;
	color:#000000;
	-webkit-text-size-adjust:100%;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin:0;
	overflow-y: scroll;
	overflow-x: hidden;
}

.iframe-container iframe{
	height:520px;
}
*:focus {outline:0!important;}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

a:link, a:visited { color:#008256; text-decoration:none;}
a: hover { color:#000; text-decoration:none; }

.clearfix {
	clear:both;
}

h1 {
	font-size:40px;
	line-height:38px;
	color:#0061aa;
	font-weight:800;
	margin:0px;
	text-align:center;
}

h2 {
	font-size:22px;
	line-height:23px;
	color:#0061aa;
	margin:0px;
	text-align:center;
}

h3 {
	font-size:18px;
	line-height:21px;
	font-weight:700;
	color:#000;
	margin:0px;
}

h4 {
	font-size:22px;
	line-height:23px;
	color:#000;
	margin:0px 0px 20px 0px;
	text-align:left;
}

h5 {
	font-size:28px;
	line-height:30px;
	color:#000;
	font-weight:800;
	margin:0px;
	text-align:center;
}

h6 {
	font-size:16px;
	line-height:21px;
	font-weight:700;
	color:#000;
	margin:0px;
}

.border-b-m {
	width:980px;
	height:10px;
	background-color:#0061aa;
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
	z-index:600;
}

hr.style-one {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.shadow {
	-webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .3);
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, .3);
}

.gray {
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
}

.gray:hover {
	filter: gray;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
}

.star { color:#C20000; text-align:center; font-size:14px; }

.txt-c { text-align:center;}
.txt-j { text-align:justify;}
.txt-r { text-align:right;}
.txt-l { text-align:left;}
.txt-up { text-transform:uppercase;}

.fweight400 { font-weight:400;}
.fweight700 { font-weight:700;}
.fweight800 { font-weight:800;}

.fsize10 { font-size:10px; line-height:13px;}
.fsize11 { font-size:11px; line-height:15px;}
.fsize12 { font-size:12px; line-height:15px;}
.fsize13 { font-size:13px; line-height:15px;}
.fsize14 { font-size:14px; line-height:17px;}
.fsize15 { font-size:15px; line-height:17px;}
.fsize25 { font-size:25px; line-height:20px;}

.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}

.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.pl30 { padding-left:30px;}



/* NAVIGATION */

#top-bar {
	width:980px;
	height:35px;
	position:relative;
	z-index:400;
	display:none;

	font-size:11px;
	font-weight:800;
	color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	overflow:hidden;
}
#top-bar a{
	color: white;
}
/* .nav-1 { width:192px; background-color:#ea302b; padding:8px 20px 0px 0px}
.nav-2 { width:149px; background-color:#f68d1e; padding:8px 0px 0px 0px}
.nav-3 { width:101px; background-color:#dccb22; padding:8px 0px 0px 0px}
.nav-4 { width:146px; background-color:#008256; padding:8px 0px 0px 0px}
.nav-5 { width:114px; background-color:#025992; padding:8px 0px 0px 0px}
.nav-6 { width:81px; background-color:#66336a; padding:8px 0px 0px 0px}
.nav-7 { width:158px; background-color:#ef81a8; padding:8px 0px 0px 20px} */

/*.nav-1 { width:192px; background-color:#ea302b; padding:8px 20px 0px 0px}
.nav-2 { width:149px; background-color:#f68d1e; padding:8px 0px 0px 0px}
.nav-3 { width:101px; background-color:#dccb22; padding:8px 0px 0px 0px}
.nav-4 { width:146px; background-color:#008256; padding:8px 0px 0px 0px}
.nav-5 { width:114px; background-color:#025992; padding:8px 0px 0px 0px}
.nav-6 { width:81px; background-color:#66336a; padding:8px 0px 0px 0px}
.nav-7 { width:158px; background-color:#ef81a8; padding:8px 0px 0px 20px} */

.nav-top { padding:8px 0px 0px 0px; }

.temp {display:none;}

.nav-5 { width:110px; background-color:#025992; padding:8px 0px 0px 0px}
.nav-6 { width:150px; background-color:#66336a; padding:8px 0px 0px 0px}
.nav-7 { width:120px; width:140px; background-color:#ef81a8; padding:8px 0px 0px 20px}

.point:hover { cursor:pointer;}

.red { color:#ea302b; }
.orange {color:#f68d1e; }
.yellow { color:#dccb22; }
.green { color: #008256; }
.blue { color:#025992; }
.indigo { color:#66336a; }
.pink { color:#ef81a8; }

.back {
	color:#FFF;
	font-size:11px;
	position:absolute;
	top:8px;
	left:150px;
	display:block;
}

.back2 {
	color:#FFF;
	font-size:11px;
	position:absolute;
	top:8px;
	left:318px;
	display:block;
}

.rotate {

  transform: rotate(-180deg);
  /* Safari */
  -webkit-transform: rotate(-180deg);
  /* Firefox */
  -moz-transform: rotate(-180deg);
  /* IE */
  -ms-transform: rotate(-180deg);
  /* Opera */
  -o-transform: rotate(-180deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* NAVIGATION end */



/* MAIN */
.logo {
	width:85px;
	position:absolute;
	top:0px;
	left:26px;
	z-index:500;
}

#ecard-w {
	width:100%;
	height:100%;
}

#ecard {
	width:980px;
	height:570px;
	background: rgba(255, 255, 255, 0.9);
	-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);
	background: url(../images/bg-ecard.jpg) no-repeat center center scroll;
	background-color:#FFFFFF;
	margin:30px auto 10px;
	position:relative;
	border-bottom:10px solid #0061aa;
}

.pt:hover { cursor:pointer;}

/* MAIN end */




/* PORTAL */

#portal {
	width:980px;
	height:570px;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}

#portal .content {
	width:920px;
	margin:70px auto 0px;
}


/* HOME */

#home {
	width:980px;
	height:570px;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}

#home .content {
	width:920px;
	margin:70px auto 0px;
}

.ribbon-h {
	width:80px;
	position:absolute;
	top:10px;
	right:30px;
	display:block;
}

.tile-01 { width:304px; height:125px; background-color:#ea302b; position:absolute; top:150px; left:20px; overflow:hidden; }
.tile-02 { width:302px; height:125px; background-color:#f68d1e; position:relative; overflow:hidden; }
.tile-03 { width:304px; height:125px; background-color:#dccb22; position:relative; overflow:hidden; }
.tile-04 { width:304px; height:125px; background-color:#008256; position:relative; overflow:hidden; }
.tile-05 { width:302px; height:125px; background-color:#025992; position:relative; overflow:hidden; }
.tile-06 { width:304px; height:125px; background-color:#66336a; position:relative; overflow:hidden; }
.tile-07 { width:304px; height:125px; background-color:#ef81a8; position:relative; overflow:hidden; }
.tile-08 { width:302px; height:125px; background-color:#7c64c1; position:relative; overflow:hidden; }
.tile-09 { width:304px; height:125px; background-color:#999999; position:relative; overflow:hidden; }

/*
.img-01 { display:block; }
.img-02 { display:block; position:absolute; top:0px; left:0px; z-index:500; }
.img-02 { position:relative; display:none; z-index:400; }
.img-03 { display:block; position:absolute; top:0px; left:0px; z-index:500; }
.img-03 { position:relative; display:none; z-index:400; }
*/


.img-01 { position:absolute; top:0px; left:0px;}
.img-02 { position:absolute; top:0px; left:-130px;}
.img-03 { position:absolute; top:0px; left:-130px;}
.img-04 { position:absolute; top:0px; left:-130px;}
.img-05 { position:absolute; top:0px; left:-130px;}
.img-06 { position:absolute; top:0px; left:-130px;}
.img-07 { position:absolute; top:0px; left:-130px;}
.img-08 { position:absolute; top:0px; left:-130px;}
.img-09 { position:absolute; top:0px; left:-130px;}

.title-beethoven {
	width:520px;
	margin:33px 0px 39px 232px;
}

.txt-h { text-transform:uppercase; font-weight:800; font-size:16px; color:#ffffff; text-align:left;}
.txt-v { text-transform:uppercase; font-weight:800; font-size:16px; color:#ffffff; text-align:left; -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);}


.menu-01-h {  position:absolute; bottom:20px; left:20px; display:block;}
.menu-01-v {  position:absolute; bottom:100px; left:-62px; display:none;}

.menu-02-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-02-v { display:block; position:absolute; bottom:95px; left:-55px;}
.menu-03-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-03-v { display:block; position:absolute; bottom:105px; left:-65px;}
.menu-04-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-04-v { display:block; position:absolute; bottom:155px; left:-115px;}
.menu-05-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-05-v { display:block; position:absolute; bottom:95px; left:-55px;}
.menu-06-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-06-v { display:block; position:absolute; bottom:161px; left:-120px;}
.menu-07-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-07-v { display:block; position:absolute; bottom:70px; left:-28px;}
.menu-08-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-08-v { display:block; position:absolute; bottom:45px; left:-5px;}
.menu-09-h { display:none; position:absolute; bottom:20px; left:20px;}
.menu-09-v { display:block; position:absolute; bottom:77px; left:-37px;}

/* HOME end*/


/* BOX */

#box {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#box .content {
	width:920px;
	margin:70px auto 0px;
}

#box .half-l {
	width:370px;
	float:left;
	position:relative;
}

#box .half-r {
	width:520px;
	float:left;
	margin-left:30px;
	position:relative;
}

#feat-box {
	width:350px;
	position:relative;
	top:0px;
	left:10px;
	display:block;
}

#feat-fullset {
	width:390px;
	margin:auto;
	position:relative;
	top:130px;
	left:-10px;
	display:none;
}

#feat-booklet {
	width:350px;
	margin:auto;
	position:relative;
	top:60px;
	left:10px;
	display:none;
}

.catno-feat {
	font-size:12px;
	line-height:15px;
	position:absolute;
	top:370px;
	left:0px;
	display:block
}

.thumbs-m {
	width:121px;
	position:absolute;
	top:383px;
	right:10px;
}

.thumb {
	width:37px;
	height:37px;
	float:left;
}

.button {
	width:70px;
	padding:3px 10px;
	text-align:center;
	background-color:#008256;
	text-transform:uppercase;
	font-size:12px;
	color:#FFF;
	font-weight:700;
	border-radius:2px;
}

.border-b { border-bottom:2px solid #0061aa; }

#box-release {
	display:block;
}

#box-key {
	display:none;
}

.ribbon-box {
	width:70px;
	position:absolute;
	top:140px;
	left:350px;
	display:block;
}

.wpr {
	width:100px;
	position:absolute;
	top:410px;
	left:0px;
	display:block;
}

/* BOX end */


/* ABOUT */

#about {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#about .content {
	width:920px;
	margin:100px auto 0px;
}

#about .inline-img140 {
	width:140px;
	float:left;
	margin:0px 15px 0px 0px;
}

#about .half-l {
	width:90px;
	float:left;
}

#about .half-r {
	width:350px;
	float:left;
	margin:0px 0px 0px 10px;
}

#about .half {
	width:450px;
	float:left;
	position:relative;
}




/* INLINE */

.inline-style {
	width:100%;
	height:100%;
	line-height:18px;
	border:3px solid #CCC;
	border-radius:2px;
	color:#333333;
	padding:20px;
	background-color:#FFF;
}

.inline-content {
	margin-top:20px;
}

.inline-content a:link, .inline-content a:visited, .inline-content a:active {
	color:#666;
	background:none;
	text-decoration:none;
}

.inline-content a:hover {
	background:none;
	text-decoration:none;
}

.inline-img {
	float:left;
	margin:0px 15px 5px 0px;
	position:relative;
	z-index:100;
}

.inline-right img{
	float: right;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	bottom: 10px;
}

.img2 {
	width:400px;
	margin:auto;
}

.box {
	background-color:#f3f3f3;
	border:1px solid #EEEEEE;
	padding:15px;
	margin:15px auto;
}

/* INLINE end */




/* TIMELINE */

#timeline {
	width:980px;
	height:570px;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}

#timeline .content {
	width:980px;
	margin:40px auto 0px;
}

/* TIMELINE end */




/* TRACKLIST */

#tracklist {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#tracklist .content {
	width:980px;
	margin:55px auto 0px;
	overflow:hidden;
}

.sub-nav-m {
	width:980px;
	position:absolute;
	top:55px;
	left:55px;
	z-index:400;

	font-size:13px;
	line-height:15px;
	font-weight:800;
	color:#000000;
	text-align:center;
	text-transform:uppercase;
	overflow:hidden;
}

.sub-nav-indiv {
	padding:0px 15px;
}

.sub-nav-indiv:hover {
	cursor:pointer;
}

.border-tb {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.d-orchestral {
	display:block;
}

.disc-b {
	width:55px;
	font-size:11px;
	font-weight:800;
	line-height:15px;
	padding:1px 5px;
	text-align:center;
	border-radius:2px;
	color:#FFF;
	text-transform:uppercase;
}


#tracklist a:link, #tracklist a:visited { color:#000; text-decoration:none; }
#tracklist a:hover { color:#ea302b; text-decoration:none; }

.track {
	font-size:13px;
	line-height:17px;
	font-weight:600;
}

.num {
	font-size:12px;
	font-weight:600;
	text-align:right;
}

.type-orchestral { color:#ea302b; }
.type-concerto, .type-keyboard, .type-chamber, .type-stage, .type-choral, .type-vocal {color:#000000; }
.type-vocal { color:#000000; }

#tracklist-orchestral { display:block; }
#tracklist-concerto { display:none; }
#tracklist-keyboard { display:none; }
#tracklist-chamber { display:none; }
#tracklist-stage { display:none; }
#tracklist-choral { display:none; }
#tracklist-vocal { display:none; }


.bg-red { background-color:#ea302b; }
.bg-orange { background-color:#f68d1e; }
.bg-yellow { background-color:#dccb22; }
.bg-green { background-color: #008256; }
.bg-blue { background-color:#025992; }
.bg-indigo { background-color:#66336a; }
.bg-pink { background-color:#ef81a8; }



/* TRACKLIST end */




/* FIRST RECORDINGS */

#recordings {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#recordings .content {
	width:920px;
	margin:60px auto 0px;
	overflow:hidden;
}

.track-r {
	font-size:13px;
	line-height:17px;
	font-weight:600;
}

/* FIRST RECORDINGS end */



/* DIGIPLAY */

#digiplay {
	width:980px;
	height:570px;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}

#digiplay .content {
	width:920px;
	margin:140px auto 0px;
	overflow:hidden;
}

/* DIGIPLAY end */




/* PERFORMERS */

#performers {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#performers .content {
	width:920px;
	margin:120px auto 0px;
	overflow:hidden;
}

#soloists { display:block;}
#chamber { display:none;}
#orchestras { display:none;}
#conductors { display:none;}

/* PERFORMERS end */



/* VIDEOS */

#videos {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#videos .content {
	width:920px;
	margin:180px auto 0px;
	overflow:hidden;
}

/* VIDEOS end */


/* RECENT AND UPCOMING RELEASES */

#upcoming {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#upcoming .content {
	width:980px;
	margin:160px auto 0px;
	overflow:hidden;
}

#orchestral { display:block;}
#piano { display:none;}
#solo { display:none;}
#chambermusic { display:none;}
#lieder { display:none;}


/* RECENT AND UPCOMING RELEASES end */







/* RECOMMENDED */

#recommended {
	width:980px;
	height:570px;
	position:absolute;
	display:none;
	top:0px;
	left:0px;
}

#recommended .content {
	width:920px;
	margin:110px auto 0px;
	position:relative;
	overflow:hidden;
}

#other { display:block;}
#educ { display:none;}
#app { display:none;}
#audiobook { display:none;}
#ebook { display:none;}

.ebook-s {
	width:250px;
	margin:25px auto 0px;
}

/* RECOMMENDED end */


/* FOOTER */

.footer {
	font-size:11px;
	line-height:13px;
	text-align:center;
	margin:20px 0px;
	color:#fff;
}

.footer a {
	color:#FFF;
}

.footer a:hover {
	color:#fff;
}

/* FOOTER end */
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}

	.js .slicknav_menu {
		display:block;
	}
}

@media only screen and (max-width: 1200px) {

	.topnav {
	  overflow: hidden;
	  background-color: #333;
	  position: relative;
		text-align: right;
			z-index: 999;
	}

	.topnav #myLinks {
	  display: none;
	}

	.topnav a {
	  color: white;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 14px;
	  display: block;
		font-weight: bold;
	}

	.topnav a.icon {
	  display: block;
	  position: absolute;
	  right: 0;
	  top: 0;
	}

	.topnav a:hover {
	  color: #ddd;
		transition: 0.3s;
		text-decoration: none;
	}

	.active {
	  background-color: #333;
	  color: white;
	}
	.minitm {
		/* background: red; */
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 0;
	}
.minitm iframe{
	width: 390px;
	position: relative;
	top: 70px;
	height: 3680px;
	margin-left: -20px;
	overflow: hidden;
}

	.navholder{
		background: url(../images/nav-bar.jpg) no-repeat;
		height: 15px;
		background-size: cover;
	}
	.navbar-fixed-top {
  top: -70px; /* you'll have to figure out the exact number here */
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: relative; /* this can also be static */
}
	nav{
		display: none;
	}

.mininav0{
	height: 40px;
}

	/* .mininav1 {
		top: 0px;
		left: 0;
		width:100%; background-color:#ea302b; position:relative; overflow:hidden; }
	.mininav2 { width:100%; background-color:#F47A16; position:relative; overflow:hidden; }
	.mininav3 { width:100%; background-color:#D5C31B; position:relative; overflow:hidden; }
	.mininav4 { width:100%; height:5px; background-color:#005E35; position:relative; overflow:hidden; }
	.mininav5 { width:100%; height:5px; background-color:#025E98; position:relative; overflow:hidden; }
	.mininav6 { width:100%; height:5px; background-color:#3B183B; position:relative; overflow:hidden; }
	.mininav7 { width:100%; height:5px; background-color:#E8618B; position:relative; overflow:hidden; }
	.mininav8 { width:100%; height:5px; background-color:#5D47AB; position:relative; overflow:hidden; }
	.mininav9 { width:100%; height:5px; background-color:#919191; position:relative; overflow:hidden; } */

	.phome2{
		display: none;
	}
	.phome{
		display:block;
	}
	.navm{
		background: black;
		height: 60px;
		width: 100%;
		position: absolute;
	}

	#beetbox{
		z-index:9999; position:absolute; left: 290px; top:35px;

	}
	.logo {
		width:75px;
		position:absolute;
		top:0px;
		left:-20px;
		z-index:99999999999999999999;
	}
	.ecardMobile{
	width: 100%;
	opacity: 1;
	transition: 0.7s;
	background: url(../images/bg-ecard.jpg);
	border-bottom:10px solid #0061aa;
	height: 3710px;
	}
	.ribbon-h {
		float: right;
		position:absolute;
		right:80px;
	}
	.mini-title{

		height: 100px;
		width: 100%;
		resize: both;
	}
	.title-beethoven {
		padding-top: 43px;
		height: 80px;
		position: absolute;
	}
	#ttl{
		float: right;
		position: absolute;
		left: -108px;
		top: 10px;

	}
	#imgt1{
		position: absolute;
		left: -190px;
		top: -35px;
	}
	#imgt2{
		position: absolute;
		left: -200px;
		top: -35px;
	}
	#ecard{
		display: none;
	}

	.tile-01 {
		top: 0px;
		left: 0;
		width:100%; height:180px; background-color:#ea302b; position:relative; overflow:hidden; }
	.tile-02 { width:100%; height:125px; background-color:#F47A16; position:relative; overflow:hidden; }
	.tile-03 { width:100%; height:125px; background-color:#D5C31B; position:relative; overflow:hidden; }
	.tile-04 { width:100%; height:125px; background-color:#005E35; position:relative; overflow:hidden; }
	.tile-05 { width:100%; height:125px; background-color:#025E98; position:relative; overflow:hidden; }
	.tile-06 { width:100%; height:125px; background-color:#3B183B; position:relative; overflow:hidden; }
	.tile-07 { width:100%; height:125px; background-color:#E8618B; position:relative; overflow:hidden; }
	.tile-08 { width:100%; height:125px; background-color:#5D47AB; position:relative; overflow:hidden; }
	.tile-09 { width:100%; height:125px; background-color:#919191; position:relative; overflow:hidden; }


	#box{
		position: absolute;
		width: 100px;
		left: 350px;
		top: 40px;
		z-index: 999;
	}
	#beet1{
		 width: 470px;
		 position: absolute;
		 right: 0;
		 top: -160px;
	}
	#beet2{
		width: 440px;
		position: absolute;
		right: -110px;
		top: -160px;
	}
	#beet3{
		width: 405px;
		position: absolute;
		right: -115px;
		top: -140px;
	}
	#beet4{
		width: 420px;
		position: absolute;
		right: -110px;
		top: -140px;
	}
	#beet5{
		width: 420px;
		position: absolute;
		right: -140px;
		top: -140px;
	}
	#beet6{
		width: 420px;
		position: absolute;
		right: -150px;
		top: -140px;
	}
	#beet7{
		width: 390px;
		position: absolute;
		right: -100px;
		top: -150px;
	}
	#beet8{
		width: 420px;
		position: absolute;
		right: -110px;
		top: -160px;
	}
	#beet9{
		width: 370px;
		position: absolute;
		right: -110px;
		top: -140px;
	}
	#lbl-tile1{
		color: white;
		position: absolute;
		left: 20px;
			bottom:60px;
			font-size: 22px;
			line-height: 25px;
		text-align: left;
		font-weight: bold;
	}
	#lbl-tile2{
		color: white;
		position: absolute;
		bottom:53px;
		left: 20px;
		text-transform: uppercase;
		font-size: 22px;		font-weight: bold;
	}
	#lbl-tile3{
		color: white;
		position: absolute;
		bottom:48px;
		left: 20px;
		text-transform: uppercase;
		font-size: 22px;
		line-height: 25px;font-weight: bold;

	}
	.lbl-tile3{
		top: 38px;
	}
	.lbl-tile6{
		top: 25px;
	}
	.flex-container {
	  display: flex;
	  flex-direction: column;
	}

	.flex-container > div {
	  width: 100%;
	  text-align: left;
	}



	h6{
				color: #0061aa;
				margin-top: 30px;

	}
	h4{
		text-align: center;
		line-height: 0.1px;
		color: #0061aa;
		font-weight: bold;
		font-size: 32px;
	}
	.catno-feat{
				top: 660px;
				left: 20px;
	}
.wpr{
		left: 20px;
		position: absolute;
		top: 700px;

	}

	.thumbs-m{
		top: 780px;
		left: 180px;
	}
	.ribbon-box{
		top: 290px;
		left: 400px;
	}

	.txt-j{
		margin: 20px;
	}
	.border-b{
		margin-left: 20px;
		margin-right: 20px;
	}
	.shadow{

	}


}

@media only screen and (min-width: 1201px) {
.ecardMobile{
	display: none;
}

	.logo {
		width:85px;
		position:absolute;
		top:0px;
		left:26px;
		z-index:500;
	}
#ecard{
	display: block;
}
.footer {
	font-size:11px;
	line-height:13px;
	text-align:center;
	margin:20px 0px;
	color:#fff;
}
#top-bar {
	display: block;
}


}


@media only screen and (min-width: 600px) {
	.minitm {
		/* background: red; */
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 0;
	}
.minitm iframe{
	width: 100%;
	position: relative;
	top: 70px;
	height: 1950px;
	left: 120px;
}
.ecardMobile{
	height: 2000px;
}


}