body { margin:0; font-family: 'Montserrat',sans-serif; color:#333; background-color:#69F; font-size:0px; }
a, a:visited { color: #0e9aa7; }
h1 { margin: 0 0 20px; color: #333; padding: 0; font-size: 24px; line-height: 1; font-weight: bold; text-transform: uppercase; }
h1.midi { color:#c00; }
h1.audio { color:#00c; }
h1.multi { color:#060; }
h1.warn { color:#FF0; background-color: #333; font-size: 24px; }
h2 { margin:20px 0 10px; letter-spacing: 1px; color:#333; font-size: 20px; font-weight: normal }
.midi h2 { line-height: 1; }
.audio h2 { line-height: 1; }
.audio img.cover { filter: invert(79%) sepia(8%) saturate(3075%) hue-rotate(145deg) brightness(68%) contrast(85%) }
h3 { font-size:18px; margin: 10px; text-align: center }
a { text-decoration:none; cursor: pointer  }
button, .button, .button:visited { border:none; vertical-align:middle; padding: 0 20px; font: bold 14px 'Montserrat', sans-serif; line-height: 38px; cursor: pointer;
	border-radius: 20px; text-transform: uppercase; display: inline-block; background: #ffea00; color: #000; }
button[name="login"] { margin-bottom: 10px; }
.button.green { font-size: 0; line-height: 30px; background: #0e9aa7; text-align: center; }
.button.green img { display: inline-block; width: 15px; padding: 0; vertical-align: middle; }
.button.green:not(.inline) { display: block; }
input, textarea, select { display: inline-block; background: #FFF; margin:0; border: 1px solid #ccc; color:#333;
	box-sizing: border-box; font: 12px 'Montserrat', sans-serif; line-height: 1; padding: 10px; border-radius: 2px; }
form input + input { margin-left: 10px !important; }
select { padding: 7px; }
th { font-size:15px; color:#666; text-align:center}
td, p { font-size: 14px; }
img { border:none; margin:0; padding:0}
table { border-collapse: collapse; }

.fl { float:left }
.fr { float:right }
.cl { clear:both; margin:0; padding:0; font-size:0px; }
.r { text-align:right }
.c { text-align:center }
.bl { display: block; }
.nw { white-space: nowrap  }
.b1 { background-color:#fff; padding:1px 3px; }
.b2 { background-color:#fff; padding:1px 3px; }
.b2-midi { background-color:#fff; padding:1px 3px; }
.b2-audio { background-color:#fff; padding:1px 3px; }
.b2-multi { background-color:#eeffee; padding:1px 3px; }
.cl:after { content: ''; clear: both; display: block; }
.bgff { background: #FFF; padding: 2%; box-sizing: border-box; }
.rel { position: relative; }
.abs { position: absolute; }
.pw { margin:auto; width: 990px; }
.cart-btn:after { content: ''; width: 4px; height: 4px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; margin-left: 4px; top: -1px;
	-webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; display: inline-block; vertical-align: middle; }
.cart-btn { margin-top: 5px; padding: 0; color: #FFF; font-size: 10px !important; text-align: center; }
.cart-btn:visited { color: #FFF; }
.headerbg { margin-top:0px;  background:url(images/headerbg.jpg) no-repeat top center; position:static; height:227px; padding:0 }
#header { margin:auto; padding:0 }
.topright { float:right; margin:0; }
.topright a { display: inline-block; padding: 10px; }
.topright img { width: 18px; height: 18px; display: block; }
.h2 { text-align:center; color:#333; font-weight:bold }
.logo { float:left; position: relative; top: 5px; left: 0; }
.user { /*float:right; */color:#333; font-size:13px; margin-right:0px}
.user input { font-size:12px; width:100%; margin-bottom: 3px; }
.user .button { background:transparent left; font-size:10px; border:1px solid #999;  width:50px; height:17px; vertical-align:top; margin:1px 0; padding:0; }
div.cart { float:right; margin: 0; text-align: center; }
div.cart .cart-icon { background: #FFF; border-radius: 50%; display: inline-block; padding: 12px; }
div.cart .cart-icon img { display: block; width: 30px; height: 30px; }
.user a, .cart a { font-size: 14px; color:#0e9aa7; }
.user a { font-size: 14px; line-height: 2; padding: 0 5px; display: block; transition: all 140ms ease; }
.user a + a { border-top: 1px solid #E7E7E7; transition: all 140ms ease; }
.trashcan { line-height: 36px; display: inline-block; vertical-align: middle; }
.trashcan img { width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
input[name=coupon2] + button { line-height: 34px; margin: 5px; }

.sep, .remuve { display: inline-block; opacity: 0.8; vertical-align: top; }
.sep img, .remuve img { width: 22px; height: 22px; display: inline-block; vertical-align: middle; }
.sep + .sep { margin-left: 4px; }
.remuve { background: #0e9aa7; line-height: 30px; border-radius: 20px; padding: 0 10px; }
.remuve img { height: 14px; }

/* Wishlist */
.wishlist .inline { position: relative; top: -4px; }

/* Orders */
#main .history th { color: #333; background: #EEE; padding: 6px; }
#main .history .b2 { padding: 10px 5px; }
#main .history button { margin: 5px 0; }
#main .history + hr { margin: 20px 0 30px; padding: 0; height: 1px; background: #eee; display: block; border: none; }

/* Search */
.search { position: absolute; margin: 25px 0 0 0; height: 38px; font-size: 14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.search form { margin: 0; font-size: 0; background: #FFF; border-radius: 20px; box-shadow: 0 10px 10px -8px rgba(0,0,0,0.3); }
#txtajaxsearch { border: 0; width: 340px; font-size: 14px; line-height: 28px; margin: 0; padding: 5px 44px 5px 15px; background: transparent; box-sizing: border-box; }
.search .button { background: url('images/search.svg') no-repeat center; width: 44px; height: 38px; font-size:0; border:none; background-size: 40% auto;
	cursor:pointer; vertical-align:top; margin:0; padding:0; box-shadow: none; position: absolute; top: 0; right: 0; }
#ajaxsearch { z-index: 20; top: 45px; left: 0px; right: 0; position: absolute; display: none; }
#ajaxresults { background-color: #fff; box-shadow: 0 4px 7px -3px rgba(0,0,0,.3); border-radius: 6px; overflow: hidden; }
#ajaxresults a { font-size: 12px; color: #000; padding: 8px 10px; display: block; }

/* Mainmenu */
.menu { padding: 10px 0 0 0; font-size: 0; font-weight: bold; text-align: center; }
.menu a { display: inline-block; vertical-align: top; width: 150px; height:39px; line-height: 39px; background: #ffea00; text-transform: uppercase;
	color:#000; font-size: 14px; text-align: center; border-radius: 20px; }
.menu a:not(:last-child) { margin-right: 10px; }
.menu a.current-midi, .menu a.current-audio, .menu a.current-software { background: #0e9aa7; color: #FFF; }

/* Currency */
.currency { margin: 10px 0 0; }
.currency a { display: inline-block; color:#333; text-align: center; line-height:24px; width:24px; font-weight:bold; font-size:14px; background: #fff; border-radius: 50%; }
.currency a + a { margin-left: 6px; }

#leftpanel { float: right; width: 25%; }
#leftpanel .categories, #leftpanel .voting, #leftpanel .bigcart, #leftpanel .user { margin-bottom: 30px; box-sizing: border-box; }
#leftpanel .categories a { font-size: 14px; line-height: 2; color: #333; padding: 0 5px; display: block; border-top: 1px solid #E7E7E7; transition: all 140ms ease; }
#leftpanel .categories a:first-of-type { border-top: none; }
#leftpanel .bigcart { background: #f0f0f0; padding: 5px 10px 10px; box-sizing: border-box; }
#leftpanel .bigcart img { max-width: 100% }
#leftpanel .bigcart p { margin: 0; padding: 5px 0; text-align: left; font-size: 13px; border-bottom: 1px solid #ddd }
#leftpanel .bigcart .price { text-align:right; padding:4px 0; border:none  }
#leftpanel .voting { text-align:left; }
#leftpanel .voting .button { padding: 0; margin-top: 10px; display: block; text-align: center; }
#leftpanel .voting ul { list-style:none; text-indent:0; margin:0; padding:0 }
#leftpanel .voting ul li {  margin-bottom: 10px; color: #333; font-size: 14px; }
#leftpanel .title { font-size: 24px; line-height: 1; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }

#newmidi table, #newaudio table, #newmulti table, #topmidi table, #topaudio table, #topmulti table { width:100%; }

#leftpanel .user.mix a { font-size: 14px; line-height: 2; color: #0e9aa7; padding: 0 5px; display: block; }
#leftpanel .user.mix a + a { border-top: 1px solid #EEE; }

.contentbg { background:url(images/mainbg.jpg) repeat-y top; min-height:300px; clear:both }
.footerwidth { background:url(images/footerbg.jpg) no-repeat bottom; padding-bottom:160px;  min-height:450px; }
#main { float:left; width: 72%; }
#main .home .info { width:100%; text-align:center; padding:10px }
#main .home.fl { width:61%; }
#main .home.fr { width:36%; }
#main .info { font-size:14px; }
#main table { text-align:left; margin:auto; width: 100%; }
#main table th { padding: 4px; }
#main .archive { margin: 0 auto 15px; font-size: 14px; white-space:nowrap }
#main .pages { margin: 0 auto 15px; font-size: 0; text-align: center; }
#main a.title { font-size:14px; }
#main a.mark { padding: 4px 6px; background: #0e9aa7; color: #FFF; margin-top: 10px; display: inline-block; }

/* Pagination */
.pages .col { font-size: 16px; letter-spacing: -1px; width: 34px; height: 34px; line-height: 34px; color: #000; display: inline-block; vertical-align: top; border-radius: 50%; }
.pages span.col { color: #000; background: #ffea00; font-weight: bold; }

/* Product preview */
.prod .tech { margin: 10px 0 0; font-size: 18px; }
.prod dl { font-size: 0; }
.prod dl dt, .prod dl dd { font-size: 14px; margin: 5px 0; display: inline-block; vertical-align: top; }
.prod dl dt { width: 35%; font-weight: bold; }
.prod dl dd { width: 65%; }
#main .prod:not(.inline) .buy, #main .prod:not(.inline) .button.green { line-height: 38px; min-width: 80px; display: inline-block; margin: 0 !important; box-sizing: border-box; text-align: center; }

#main .icon { background-repeat: no-repeat; width:11px; height:11px; margin-right:5px; border:0px; }
#main .icon.angle-right { width: 5px; height: 5px; border-top: 1px solid #0e9aa7; border-right: 1px solid #0e9aa7; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#main .content { padding: 0; margin:0 auto; background-color: #fff; border-radius: 4px }
#main .content1.midi { background-color: #eee;  }
#main div.midi  { border-left:0px solid #C22702; border-right:0px solid #C22702; }
#main div.audio { border-left:0px solid #03f; border-right:0px solid #03f; }
#main div.multi { border-left:0px solid #006600; border-right:0px solid #006600; }
#main .round {  border-radius: 4px; margin-bottom:20px}
#main .contentsong { width:100%; margin:0px auto 20px auto; padding:0; border-spacing: 0 }
#main .contentsong tr td { border-bottom:1px solid #e6e6e6; font-size: 15px; padding: 8px 0 }
#main .contentsong th { color:#000; text-transform:  uppercase; padding: 6px 3px; background-color: #fe0 }
#main .contentsong td { padding:5px;}
#main .contentsong td.thumb { width: 70px; text-align: left }
#main .contentsong td.nw { font-size: 0; width: 14%; text-align: center; }
#main .contentsong td.nw a.buy { font-size: 16px; }
#main .contentsong a { color:#333 }
#main .contentsong a img { vertical-align: middle }
#main .contentsong .b1 { border-top:0px solid #FFdddd;  background-color:#FFF }
#main .contentsong .b2 { border-top:0px solid #FFdddd;   }
#main .title { font-weight:bold }
#main .playdemo, .playvideo { width: 24px; height: 24px; padding: 0; background: url('images/play.svg') no-repeat; vertical-align: top; background-size: 70% auto; background-position: center; }
#main .playdemo.play {  }
#main .playvideo { background-image: url('images/thum_demo_play_icon.png') }
#main .playdemo.stop { background: url('images/stop.svg') no-repeat; width: 24px; height: 24px; background-size: 70% auto; background-position: center; }
#main .buy { background: #ffea00; text-transform: uppercase; padding: 0 15px; font-size: 14px !important; line-height: 30px; margin-top: 5px; color: #000;
	border-radius: 20px; vertical-align: top; display: inline-block; font-weight: bold; text-align: center; }
#main .buy:not(.inline) { display: block; }
#main .button.green { margin-top: 5px; }
#main .info .buy { padding: 0 24px; margin-top: 5px; vertical-align: bottom }
#main .share { margin-top: 10px; }
#main .facebook { display: inline-block; width:106px;  vertical-align: top; }
#main .twitter {  display: inline-block; width:55px; vertical-align: top;}
#main .googleplus { display: inline-block; width:60px; vertical-align: top;}

/* Rating */
#like-stats { position: absolute; top: 0px; background-color: #fff; padding: 6px; border-radius: 4px; box-shadow: 0 1px 7px #777; }
.rates {  margin: 0 0 0 -2px; }
.rate { display: inline-block; background: url('images/star-empty.svg') no-repeat center; background-size: 100%; auto; width: 24px; height: 22px; margin-right: 1px; vertical-align: bottom; cursor: pointer }
.rate.on { background-image: url('images/star-filled.svg'); }

#main .rate { margin: 10px 5px 10px 0; }
#main .rate img { vertical-align:middle }
#main .rate a { margin:0 }

#main .bookmark { padding:5px; margin-top:10px;  }
#main .bookmark a { margin:0 2px;  }
#main .bookmark img { vertical-align:bottom; }

#main .cont { clear:both; border-left:1px solid #ccc; border-right:1px solid #ccc; width:598px; -moz-border-radius:10px  }
#main .info .l { float:left; padding-right:5px;  }
#main span.price { color: #0e9aa7; font-weight:bold; font-size:24px; margin: 0 0 10px; }
#main img.iconvocal { vertical-align: middle; margin: 0 4px; }

#main .cart { width:100%; margin:auto }
#main .cart th { background-color: #f0f0f0; color: #333; }
#main .cart .b2 { padding: 10px 6px; }
#main .cart tr:not(:nth-last-of-type(2)) .b2 { border-bottom:1px solid #EEE; }
#main input:not([type=checkbox]):not([type=radio]), #main textarea, #main select { margin: 5px 0; }
#main button  { padding: 0 20px; vertical-align: top }
#main .download { padding-left:300px; font-size:12px  }
#main .download img { vertical-align:middle  }
#main .download a { font-size:12px }
#main .payment { width:49%; float:left; }
#main .payment .t,#main .payment .b { width:310px; }
#main .backbuy { display:none }
#main .displayimg { float:left; margin-right:10px; }
/*#main .software { padding:10px 0; text-align:left; }*/

#main .voting { width: 100%  }
#main .voting td { border-bottom: 1px solid #E7E7E7; padding:6px 2px; }
#main .voting tr:last-child td { border-bottom: 0; }


.smallcontent { width: 100%; background: #fff; text-align:center; }

.footer { padding: 10px 0; color: #FFF; font-size: 12px; text-align: center; background: #0e9aa7; box-shadow: 0 10px 10px -10px rgba(0,0,0,0.3); }
.footer a { color: #FFF; }


.mobile { display: none; }

/* Consent */
#consent { background-color: #5a5a5a; color: #fff; font-size: 14px; padding: 12px 15px; position: fixed; left:0; bottom: 0; right: 0; z-index: 20; text-align: center; }
#consent a { background-color: #303030; color: #fff; padding: 6px 8px; border-radius: 2px; font-weight: bold; }


/* Mobile + Tablet */
@media only screen and (min-width: 991px) {
	a:hover { color: #4a4e4d; }
	button:hover, .button:hover, #main .buy:hover { background: #f6e200; }
	.user a:hover, .cart a:hover { color: #4a4e4d; }
	.sep:hover, .remuve:hover { opacity: 1; }
	#ajaxresults a:hover { background: #F5F5F5; color: #0e9aa7; text-decoration:none; }
	.menu a.midi:hover, .menu a.current-midi, .menu a.current-midi:hover,
	.menu a.audio:hover, .menu a.current-audio, .menu a.current-audio:hover,
	.menu a.software:hover, .menu a.current-software, .menu a.current-software:hover { background: #0e9aa7; color: #FFF; }
	.currency a:hover, .currency a.on { color: #0e9aa7; font-size:14px; }
	#leftpanel .categories a:hover { background: #f0f0f0; color: #000; }
	#leftpanel .user.mix a:hover { color: #4b4b4b }
	.pages .col:hover { color: #000; background: #ffea00; }

	.prod .rel { padding-left: 220px; }
	.prod .cover { width: 200px; left: 0; top: 0; }
}

@media only screen and (max-width: 992px) {
	h1 { margin-bottom: 2.5%; }
	.bgff { padding: 3%; }
	.mobile { display: inherit }
	.nomobile { display: none }
	a.nomobile { display: none !important }
	.pw { width: 100% }
	.topright { position: absolute; top: 0; left: 0; }
	#header .logo { text-align: center; width:auto; float: none; top: 0; padding: 10px 0; }
	#header .logo span { display: none }
	#header .search { margin: 20px 0 30px; position: static; -webkit-transform: none; transform: none; text-align: center; }
	#header .search form { display: inline-block; position: relative; }

	#header #topcart { display: none }
	#header > .user { display: none }
	#header .menu { padding: 0; position: relative }

	#header .menu a:last-child { border-right: none }
	#header .menu .user .spr { background-position: -37px -58px; width: 30px; height: 28px; }
	#header .menu .cart .spr { background-position: -69px -58px; width: 30px; height: 28px; }
	#header #mobi-menu .spr { background-position: -109px -58px; width: 30px; height: 28px; }
	#header nav.nomobile { display: block; }
	#header nav.nomobile a { width: auto; padding: 4px 11px }
	#header nav.nomobile a:first-child, #header nav.nomobile a:last-child { display: none; }

	.footer a { display: block; line-height: 1.2; padding: 10px 0; }
	.cats.mobile { display: none }
	#leftpanel .mobile { display: none }
	div.cart { position: absolute; top: 10px; right: 10px; text-align: right; }
	.prod { text-align: center; }
	.prod .cover { position: static; text-align: center; }
	.prod .cover img { margin-bottom: 10px; }

	#main .home.fl, #main .home.fr { float:none; width: 100% }
	#main .software { width: 100%; }
	#main .displayimg { max-width: 100%; }
	#main .multi .fl:sev
	#colorbox { max-width: 100%; }
	#login, #register { float:none; border:none; width: 100%; padding: 0; margin: 20px 0 }
	#login input, #register input { width: 100% !important; box-sizing: border-box; }
	#main .playdemo, .playvideo, .sep { padding: 5px; width: 32px; height: 32px; box-sizing: border-box; }
}

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

	#header nav.nomobile a { background: linear-gradient(#1c1c1c,#323232 50%, #222222 50%, #000); }
	#header .profile-menu { padding: 0; }
	#header .profile-menu a { width: auto; float: none; background: linear-gradient(#1c1c1c,#323232 50%, #222222 50%, #000); }
	#header nav.nomobile .email { display: none }

	#header .cats { position: absolute; background: #fff; border-radius: 4px; color: #333; top: 10px; left: 10px;
		   padding: 5px 10px 3px; font-size: 13px; margin: 6px 10px; text-transform: uppercase }
	#header .cats .spr { background-position: -164px -58px; width: 30px; height: 20px; vertical-align: -4px }
	.bigcart { display: none }

	#main  { width: 100% !important; }
	#leftpanel { display: none; position: fixed; width: 240px; height: 100%; overflow-y:scroll; background: #FFF; padding: 10px; margin: 0;  top:0; right:0px;
				 box-sizing: border-box; z-index: 3; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
	#leftpanel .mobile { display: block;  font-family: verdana; float: right; font-size:24px; margin-top: -10px }
	#header .cats { display: block; margin: 0; top: 38px; padding: 10px 10px 6px; }
	#main .contentsong td.nw { width: 30%; }
}

/* Mobile only */
@media only screen and (max-width: 639px) {
	#header .topmenu { display: none }
	#header .logo img { width: 140px; margin: 30px 0 }
	#txtajaxsearch { width: 270px; }
	#main .contentsong td.nw { width: 40%; }
	#header { height: 228px; position: relative; }
	#header .menu { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-grow: 1; }
	#header .menu a { display: block; margin: 0; border-radius: 0; width: 33.33%; }
	#header .profile-menu a { width: auto; }
	#header .search { margin: 8px 0 0; }
	.currency { padding: 0 }

	.round { float:none !important; width:100% !important }

	#main .demo-save { display: none }
	#main .top { float: none; width: 100% }
	#main .payment { width:100%; float:none; }
	#main .payments td { display: block;  width: 100%; border-left: none; border-bottom : 1px solid #ccc }
	#main table.cart tr th:nth-child(1), #main table.cart tr th:nth-child(3) { display: none }
	#main table.cart tr:not(.total) td:nth-child(1):not(.r),#main table.cart tr td:nth-child(3) { display: none }
	#main table.cart form { display: none }
	#main article > div.fl { float:none; width: 100% !important }
	#main article > div.fr { float:none; margin: 20px auto }
	#main .content.multi > div.fl:first-child { margin: 0 -15px !important }
	#main .content.multi > div { float:none; height: auto !important; margin: 10px 0 !important; width: 100% !important }
	#main .contentsong .vocals div { display: block }
	#main .contentsong tr td:last-child { white-space: normal !important }
	#main .download { padding: 0 }
	table.register td { display: block; text-align: left }
	#main .vot { width: 100% !important; float: none !important  }

	#footer, #footer .fl, #footer .fr { float: none; display: block; text-align: center }
	.footer { border-radius: 0 }
	iframe { height: 54vw; }
}

@media only screen and (max-width: 407px) {
	#header nav.nomobile a:nth-child(5),#header nav.nomobile a:nth-child(7) { display: none }
	#main .contentsong td.nw { width: 25%; }
}