/* Start Header CSS */
.container-header {z-index: 1;background-color:#fff;background-image: none;box-shadow: inset 0 5px 5px #00000008;}
.container-header .navbar-collapse.show {flex-wrap: wrap;justify-content: space-between;display: flex;}
.navbar-collapse {flex-grow: 1;flex-basis: 100%;align-items: center;}
/* End Header CSS */

body:not(.has-sidebar-left) .site-grid .container-component {
  grid-column-start: full-start;
}
body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: full-end;
}

/* Start Product-page CSS */
#productback{background-color:rgba(54,80,10,.03);margin-top:0px;border-top:5px solid #600;padding-left:8%;padding-right:8%}#waveform .progress{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.progress[value]{-webkit-appearance:none;color:#eb00ff;border:0;-moz-appearance:none;appearance:none}.progress{display:block;width:100%;height:1rem;margin-bottom:1rem}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}#waveform{float:left;width:100%;margin-bottom:20px}.product-player{display:inline-block;margin-bottom:20px}.product-description{float:left;width:64%;padding:20px 20px 20px 0;box-sizing:border-box}.product-specs{float:left;width:36%;margin-top:20px;padding:10px 20px 20px 10px;background-color:#eee;box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;box-sizing:border-box}#rowhome-description{margin-top:15px}.product-options{display:flex; flex-direction: row;box-sizing:border-box;float:left;width:100%;height:auto;padding:20px;margin-top:15px;margin-bottom:25px;background-color:#eee;box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0}.product-license{float:left;width:32%;height:auto;padding:0 20px 10px 0px;box-sizing:border-box;border-right:1px solid #600;text-align:left}.product-download{float:left;width:32%;height:auto;padding:0 20px 10px 20px;box-sizing:border-box;border-right:1px solid #600;text-align:left}.product-image{box-sizing:border-box;float:left;width:36%;padding:20px 0px 20px 20px;text-align:left;max-width:100%;height:auto}.red-description{display:inline;font-family:Arial,Helvetica,sans-serif;color:#600;font-size:16px;line-height:22px;font-weight:700;padding-bottom:15px;margin:0}#h2specs{padding-left:10px}.mood{font-size:12px;background-color:rgba(54,80,10,.2);padding:5px 8px}.moreinfo{font-size:12px;color:#000;text-decoration:underline;padding:3px}.pterms{font-size:14px}.pproduct{font-size:16px;line-height:22px;margin-bottom:30px}.pphoto{font-size:10px;padding-top:4x;float:right}.product-info-container{padding-top:0px;padding-bottom:10px}#specstable{padding:25px;margin-top:20px;font-size:14px;min-width:100%}#specstable td,#specstable th{padding:10px}
/* End Product-page CSS */

/* Start Product-page Mobile max-widt 979 CSS */
@media (max-width: 979px) {
.hidden-desktop{display:inherit!important}.product-download,.product-license{width:100%;margin-bottom:20px;border-right:none;padding:0 20px 28px}.product-license{border-bottom:1px solid #660000}.product-options{flex-direction:column}.product-image{display:none}.product-description{width:100%;padding:5px}.product-specs{width:100%}#add-to-cart-button{font-size:14px}
}


/* Start General CSS */
.row{box-sizing:border-box;min-width:100%;padding-left:4%;padding-right:4%;}
.fcbackground{box-sizing:border-box;float:left;background-color:rgba(0,102,102,.03);padding-top:40px;padding-bottom:40px;width:100%;min-height:100vh}
#greenback{background-color:rgba(0,102,102,.03)}
#redback{background-color:rgba(102,0,0,.3);margin-bottom:-30px}
.pcopy{font-size:12px;padding-left:10px;text-align:left;background-color:#eee}
.planguage{font-size:12px;padding-left:10px;font-weight:700;text-align:left;margin:0}
.psubtitle{font-size:12px}.psubtitle-red{font-size:12px;color:#600}
.shopping-cart img{width:20px;height:20px;}
.sawsonic-img{width:250px;height:auto;padding-bottom: 20px;}
.question-img{width:14px; height:14px;}
.faqcontent{background-color: #eeeeee; padding: 20px; margin-top: 20px; }
.footer {background-image: none; background-color: #660000;margin-top: 0; padding: 1em;}
.footer .grid-child {
    justify-content: space-between;
    align-items: center;
    padding: .5rem .5em;
}
.mod-languages {
	display: inline;
}
.mod-languages__pretext {
	display: none;
}

/* Start Affiliate product CSS */
.affrow{display: inline-block ;width:100%;padding-left:0%;padding-right:0%;}
.affprod{float:left;background-color:white;width:31.333333%;margin:1% 1% 30px 1%;padding:10px;box-sizing:border-box}
.affprod:hover{box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;}


/* Start Song CSS */
.song{float:left;background-color:#eee;width:31.333333%;margin:1% 1% 30px 1%;padding:10px;box-sizing:border-box}
.song:hover{box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;}
.song-header{display:inline-block;width:100%;}
.song-img{width:100%;height:auto;margin-bottom:15px}
.song-player{width:100%;overflow:hidden;height:40px;padding-bottom: 5px; border-bottom: solid 2px #660000;}
.song-description{display:inline-block;width:100%; font-size:0.8em;margin-top:10px; height:40px;}
.song-action{display:inline-block;width:100%; margin-top: 10px; margin-bottom: 10px;}
.song-title{float:left; font-size:1.1em;color:#000; font-weight:700;}
.song-duration{float:right; font-size:1.1em; font-weight:700;}

/* Start Blog CSS */
.columnblog{float:left;padding:10px;text-align:center;width:44%;height:520px;background-color:#eee}
.columnblog:first-child{margin:0 2% 2% 5%}
.columnblog .active>a:hover{background-color:#600}
.h2blog-title{font-size:1em;width:100%;margin-bottom:20px;display:block;text-align:center}
.h2blog{font-size:1em;}
.blog-image{float: right; margin-left: 15px; margin-bottom: 5px; margin-top: 15px; width:60%; height:auto;}
.blog-intro{font-weight:700; color:#600}
.blog-subtitle{text-align: center;}
.blog-song{float:left;background-color:#eee;width:30%;margin:1% 2% 30px 0%;padding:10px;box-sizing:border-box}
.readmore{text-align:center; padding: 10px 0 20px 0}

/* Start User CSS */
.com-users-login, .com-users-registration, .com-users-reset, .com-users-remind{background-color:#eee; box-shadow:rgba(0,0,0,.433) 0 .25em .85em 0; width: 40%; height: auto; margin-left: 30%; margin-top: 2%; padding-top: 2%;}
.com-users-login__form, .com-users-reset__form, .com-users-remind__form, .com-users-registration__form{width: 50%;padding-left: 25%; padding-bottom: 10px;}
.com-users-login__input {color: #660000;font-weight: 700;}
.control-label {padding-bottom: 5px;}
.control-group {margin: 0.5em 0;}
.controls {margin-bottom: 0.5em;}
.form-control, .password-group{border-radius: 10px;}
.invalid {width: 100%;color: #660000; border-color: #660000;}
.required {width: 100%; color: #660000; font-weight: 700;}
.com-users-login__options.list-group {text-align: center; border: 1px solid #660000;}
.com-users-login__options{margin-top: 1em;}
.list-group-item{color: #660000;}
.list-group-item:hover{color: #660000;background-color: #eee;transition-duration: 0.3s;}
legend{font-size: 1em; margin-bottom: 1em;}
fieldset{margin-bottom: 0;}
#jform_spacer-lbl{display: none;}

/* Start User Mobile CSS */
@media (max-width: 979px) {
.com-users-login, .com-users-registration, .com-users-reset, .com-users-remind{background-color:#eee; box-shadow:rgba(0,0,0,.433) 0 .25em .85em 0; width: 90%; height: auto; margin: 2% 5% 2% 5%; padding-top: 2%;}
.com-users-login__form, .com-users-reset__form, .com-users-remind__form, .com-users-registration__form{width: 80%;padding: 2% 2% 2% 2%;}
.invalid {width: 100%;color: #660000; border-color: #660000;}
.required {width: 100%; color: #660000; font-weight: 400;}
}
/* End User CSS */

/* Start J2 Store CSS */
.j2store-order {width: 80%; margin-left:10%;}
.j2store-cart {width: 80%; margin-left: 10%; border-color:#eee; box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0; padding-bottom: 40px;}
.j2store.checkout {width: 80%; margin-lefT: 10%;}
#j2storeaddressForm {width: 80%; margin-left: 10%;}
#j2store-cart-form {margin-top: 40px;}
#button-login {
	margin-top: 10px;
}
#button-account {
	margin-top: 10px;
}

.cart-estimator-discount-block {margin: 20px 0 20px 0; padding: 20px 0 20px 0; border-top: 1px solid #660000;}
.tabbable.tabs {width: 100%; float:left; display: inline-block;}
.tab-content {width: 100%; float: left; display: block; margin-top: 20px;}
.coupon {margin-bottom: 10px;}

.cart-no-items {
	padding-left: 20px;
	line-height: 50px;
	font-weight: 700;
}
.j2store_field_required {
	display: inline-block;
	float: left;
    color: #ff0000;
    margin-right: 2px;
}

.j2store .checkout-content label {
    display: inline-block;
}
.nav.nav-tabs {
    background-color: #eee;
    border: 3px solid #660000;
    border-bottom: 0;
    border-radius: .50rem .50rem 0 0;
    margin: 2px;
    padding: 2px;
    box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;
}

.nav.nav-tabs .nav-link {
	box-shadow: none;
	border-color: #660000;
	background-color: #eee;
	margin: 0;
	box-shadow: none;
}
.icon-white, .icon-save {
	margin-right: 5px;
}

.j2store-cart-table .remove-icon {
    margin-bottom: 5px;
	padding: 5px 9px 5px 9px;
}

.product-qty input[type="text"], .product-qty input[type="number"] {
    padding: 8px 4px !important;

}
/*
.j2store-myprofile{width: 60%; margin-left:20%;}
.tabbable.tabs{float: left; display: flex; flex-direction: row; width: 100%;}
.tabbable.tabs >li{width: 33%;}
.nav-tabs+.tab-content{border: none; box-shadow: none;}
*/

a {
	color: #660000;
	text-decoration: none;
}
	a:hover,
a:focus {
	color: #002b41;
	text-decoration: underline;
}


	



/* Start Columns Css */

.column4{float:left;width:22%;margin:5px;padding:10px}
.homepage-column50{position:relative;height:70%;top:15%;float:left;margin-left:6%;width:42%}
.columnsmall{float:left;width:18%;background-color:#eee;margin-right:1%;margin-lefT:1%;padding:10px;box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;box-sizing:border-box;}
.cm-50-column{margin-top:3%;float:left;box-sizing:border-box;padding:20px;text-align:left;width:44%;height:460px;background-color:#eee;box-shadow:rgba(0,0,0,.233) 0 .25em .45em 0;overflow-y:scroll}
.cm-50-column:first-child{margin:3% 2% 2% 5%}
.cm-100-column{float:left;box-sizing:border-box;padding:20px;text-align:left;margin-left:5%;width:90%;background-color:#eee;box-shadow:rgba(0,0,0,.233) 0 .25em .45em 0}
#cmgreen{background-color:#d9f2d9;height:220px;margin-top:5px}#cmgrey{background-color:#eee;max-height:370px}
   	/* End Columns Css */

/* Start Headings CSS */
.raleway{font-family:Raleway,sans-serif;font-size:36px;line-height:45px;color:#2a2a2a}

/* 
h1,h2,h3,h4,h5,h6{margin:9px 0;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:18px;color:inherit;text-rendering:optimizelegibility}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:400;line-height:1;color:#999}

h1,h2,h3{line-height:24px}
h1{font-size:35.75px}
h2{font-size:29.25px}
h3{font-size:16.75px}
h4{font-size:16.25px}
h5{font-size:13px}
h6{font-size:11.05px}
h1 small{font-size:22.75px}
h2 small{font-size:16.25px}
h3 small{font-size:13px}
h4 small{font-size:13px}
*/

h1 {
	font-size: 26px;
	line-height: 28px;
}
h2 {
	font-size: 22px;
	line-height: 24px;
}
h3 {
	font-size: 14px;
	line-height: 20px;
}
h4 {
	font-size: 14px;
	line-height: 16px;
}
h5 {
	font-size: 13px;
	line-height: 15px;
}
h6 {
	font-size: 12px;
	line-height: 14px;
}

.h1article{text-align:center;font-family:Raleway,sans-serif;font-size:30px;line-height:45px;color:#600}
.h1genre{text-align: center; font-family: Raleway, sans-serif; font-size: 30px; line-height: 45px; color: #660000;margin-bottom:35px;}
.h1blog{text-align: center; font-family: Raleway, sans-serif; font-size: 30px; line-height: 45px; color: #660000;margin-bottom:35px;}

.h1signup{text-align: left; font-family: Raleway, sans-serif; font-size: 30px; line-height: 45px; color: #660000;margin-bottom:0px;}

.h135margin{text-align:center;font-family:Raleway,sans-serif;font-size:30px;margin-top:35px;margin-bottom:35px;line-height:45px;color:#600}#35margin{margin-top:35px;margin-bottom:35px}
.p16{font-family:Raleway,sans-serif;font-size:16px;line-height:25px}
.p14{font-family:Raleway,sans-serif;font-size:14px;line-height:22px}
.p11{font-family:Raleway,sans-serif;font-size:11px;line-height:22px}
.p-or{font-family:Raleway,sans-serif;font-size:16px; text-align: center; color: #660000; font-weight: 700; margin-top: 10px;}
.h2red{font-family:Raleway,sans-serif;font-size:1.1em;display:block;color:#600}
.h3red{font-family:Raleway,sans-serif;font-size:1em;display:block;color:#600}
.h3black{font-family:Raleway,sans-serif;font-size:0.9em;display:block;color:black}
.h1home{text-align:center;font-family:Raleway,sans-serif;font-size:3vw;line-height:45px;color:#fff;margin-top:50px;margin-bottom:40px}
.h2home{font-family:Raleway,sans-serif;font-size:2.2vw;line-height:45px;margin-bottom:25px;color:#c1bdbd}
.h2homered{font-family:Raleway,sans-serif;font-size:2em;margin:0;line-height:45px;color:#600}
.h3home{font-family:Raleway,sans-serif;font-size:1.5vw;display:block;padding-left:20px;line-height:2.8vw;color:#4caf50}
.h3faq{font-family:Raleway,sans-serif;font-size:14px;line-height:22px; margin-bottom: 0;}
.h3homesmall{font-family:Raleway,sans-serif;display:block;margin-top:40px;margin-left:10px;font-size:12px;line-height:25px;color:#c1bdbd}
.h3songtitle{float:left;font-family:Raleway,sans-serif;font-size:1.3vw;color:#000; margin-bottom: 15px;}
.h1header{text-align:center;font-family:Raleway,sans-serif;font-size:2.5em;line-height:45px;color:#fff;padding-top:70px}
.h2product{font-size:20px;width:100%;margin-bottom:20px;display:block;text-align:left}
.product-title{margin-top:3%;margin-left:3%;margin-bottom:3%;font-family:Raleway,sans-serif;color:#600;font-size:35px;line-height:30px;padding-top:0}
.product-headtitle{margin-top:1%;font-family:Raleway,sans-serif;color:#600;font-size:40px;line-height:30px;padding-top:0}
.product-name{font-size:30px;line-height:30px;padding-top:0}
.productgenre-title{color:#600;font-size:18px;line-height:20px}
.product-subtitle{font-family:Arial,Helvetica,sans-serif;color:#600;font-size:1.6em;line-height:20px;padding-bottom:20px;margin:0}

@media (max-width: 979px) {


.h1genre{font-size: 1.5em; line-height: 24px; color: #660000;margin-bottom:35px;}
.h1blog{font-size: 1.5em; line-height: 24px; color: #660000;margin-bottom:15px;}



}

/* End Headings CSS */

/* start Homepage CSS */
.rowhome{min-width:100%;display:inline-block}.row-home-songs{margin-left:6%;margin-right:6%;height:70vh;padding-bottom:50px}.home-header-div{position:relative;top:20px;height:15%;width:100%}.homebackground{width: 100%; height: 100vh; background-image:url(/images/homevinyl.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom:0;background-repeat:no-repeat}.column-bar{width:100%}.column-audiobar{width:100%;margin-top:10px;margin-bottom:20px}.bloghomepage{float:left;padding:10px;margin-bottom:20px;text-align:center;width:43%;background-color:#eee;box-sizing:border-box}.bloghomepage:first-child{margin-left:6%;margin-right:1%}.bloghomepage:last-child{margin-right:6%;margin-left:1%}.songinfo{display: inline-block; width:100%;border-top: 1px solid #660000; border-bottom: 1px solid #660000;}#bpm{float:right;margin:5px 0 5px 0;font-weight:400; font-size: 0.9em;}#duration{float:left;margin:5px 0 5px 0;font-weight:400; font-size: 0.9em;}#numberofsongs{float:left;margin:5px 0 10px 0;font-weight:700}
/* End Homepage CSS */


/* Start Blog CSS */
.bloglayout{display:inline-block;margin-left:15%;margin-right:15%;width:70%}.blogger{display:inline-block;background-color:#f7f7f7;border:2px #f4f4f4;border-radius:3px;box-shadow:rgba(0,0,0,.233) 0 .25em .45em 0;padding:10px 40px;margin-left:4%;margin-top:20px;margin-right:0;width:84%}.columndescription{text-align:center;width:100%}.blogsummary{max-width:80%;margin:0 10%;text-align:left;font-size:11pt;padding:5px 20px 5px 20px;border-top:1px solid #000}.moodsummary{max-width:80%;text-align:center;font-size:14px;font-weight:700}
.paffiliate{font-size: 11px; color: #660000;}
.blogimg {float: right; margin-left: 15px; margin-top: 15px; margin-bottom: 5px;width:60%;height:auto;}

/* End Blog CSS */

/* Start Package deals CSS */
.individual-item{background-color:#eee;box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;box-sizing:border-box;float:left;width:32%;padding:20px;margin: 0 1% 0 1% ;border-radius:10px}
.individual-item:first-child{margin-left: 0%;}
.individual-item:last-child{margin-right: 0%;}
.row-individuals{display: flex; flex-direction: row; width:100%;padding:20px 0 20px 0}
.Freedownload-horizontal{width:100%;display:block;margin-bottom:20px;border-top:1px solid #600;border-bottom:1px solid #600;float:left;padding:10px 0;text-align:left}
.package-column{float:left;text-align:center;width:46%;height:auto;margin:5px;padding:10px;background-color:#eee}
.package-title{text-align:center}
.package-buy{text-align:center;margin-top:20px;padding:15px;border:solid 2px #600}
.package-content{text-align:left;font-size:14px}
/* End Package deals CSS */

/* Start Quicklinks CSS */
/* .quicklink{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} */
.card-body {padding: 0px;}
.quicklink {display: flex;flex-direction: row; width: 100%;}
.quicklink div{line-height:2;float:left; width: 33%; margin:0;padding: 5% 5% 5% 5%;background:#eee}
@media (max-width: 979px) {
.quicklink {display: flex;flex-direction: column;width: 100%;}
.quicklink div{line-height:2;float:left; width: 100%; margin:0;padding: 5% 5% 5% 5%;background:#eee}

}

/* End Quicklinks CSS */

/* Start Row & Span, container, text-warning CSS */.row:before,
.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*=span]{float:left;min-height:1px;margin-left:00px}.container,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container{min-width:100%}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:940px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{max-width:100%;padding-left:0}.row-fluid:after,.row-fluid:before{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*=span]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%}.row-fluid [class*=span]:first-child{margin-left:0}.row-fluid .controls-row [class*=span]+[class*=span]{margin-left:2.127659574%}.row-fluid .span12{width:99.99999999%}.row-fluid .span11{width:91.489361693%}.row-fluid .span10{width:82.978723396%}.row-fluid .span9{width:84.468085099%}.row-fluid .span8{width:65.957446802%}.row-fluid .span7{width:57.446808505%}.row-fluid .span6{width:48.936170208%}.row-fluid .span5{width:40.425531911%}.row-fluid .span4{width:31.914893614%}.row-fluid .span3{width:.404255317%}.row-fluid .span2{width:14.89361702%}.row-fluid .span1{width:6.382978723%}.row-fluid .offset12{margin-left:104.255319138%}.row-fluid .offset12:first-child{margin-left:102.127659564%}.row-fluid .offset11{margin-left:95.744680841%}.row-fluid .offset11:first-child{margin-left:93.617021267%}.row-fluid .offset10{margin-left:87.234042544%}.row-fluid .offset10:first-child{margin-left:85.10638297%}.row-fluid .offset9{margin-left:78.723404247%}.row-fluid .offset9:first-child{margin-left:76.595744673%}.row-fluid .offset8{margin-left:70.21276595%}.row-fluid .offset8:first-child{margin-left:68.085106376%}.row-fluid .offset7{margin-left:61.702127653%}.row-fluid .offset7:first-child{margin-left:59.574468079%}.row-fluid .offset6{margin-left:53.191489356%}.row-fluid .offset6:first-child{margin-left:51.063829782%}.row-fluid .offset5{margin-left:44.680851059%}.row-fluid .offset5:first-child{margin-left:42.553191485%}.row-fluid .offset4{margin-left:36.170212762%}.row-fluid .offset4:first-child{margin-left:34.042553188%}.row-fluid .offset3{margin-left:27.659574465%}.row-fluid .offset3:first-child{margin-left:25.531914891%}.row-fluid .offset2{margin-left:19.148936168%}.row-fluid .offset2:first-child{margin-left:17.021276594%}.row-fluid .offset1{margin-left:10.638297871%}.row-fluid .offset1:first-child{margin-left:8.510638297%}.row-fluid [class*=span].hide,[class*=span].hide{display:none}.row-fluid [class*=span].pull-right,[class*=span].pull-right{float:right}.container{margin-right:auto;margin-left:auto}.container:after,.container:before{display:table;content:"";line-height:0}.container:after{clear:both}.container-fluid{padding-right:0;padding-left:0}.container-fluid:after,.container-fluid:before{display:table;content:"";line-height:0}item .container-fluid:after{clear:both}p{margin:0 0 9px}.lead{margin-bottom:18px;font-size:19.5px;font-weight:200;line-height:27px}small{font-size:85%}strong{font-weight:700}em{font-style:italic}cite{font-style:normal}.muted{color:#999}a.muted:focus,a.muted:hover{color:grey}.text-warning{color:#c09853}a.text-warning:focus,a.text-warning:hover{color:#a47e3c}.text-error{color:#b94a48}a.text-error:focus,a.text-error:hover{color:#953b39}.text-info{color:#3a87ad}a.text-info:focus,a.text-info:hover{color:#2d6987}.text-success{color:#468847}a.text-success:focus,a.text-success:hover{color:#356635}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.alignleft{float:left}.alignright{float:right}
/* End Row & Span, container, text-warning CSS */

/* Start Button CSS */
.home-button-small{
	text-align:center;
	cursor:pointer;
	letter-spacing:2px;
	width:100%;
	border-radius:5px;
	display:inline-block;
	padding:12px 10px;
	margin-top:0;
	text-decoration:bold
}
.home-button-small>a{
	color:#c5e3c5
}
.home-button-small>a:hover{
	color:#c5e3c5;
	
}


.product-add-to-cart{
	font-size:0.9em;
	background-color: green;
	border:3px solid green;
	color:#fff;
	text-align: center;
	cursor:pointer;
	letter-spacing:2px;
	width:100%;
	border-radius:5px;
	display:inline-block;
	padding:11px 0;
	margin-top:9px;
	text-decoration:bold
}
.product-add-to-cart>a{
	background-color:#4caf50;
}
.product-add-to-cart:hover{
	background-color:#4caf50;
	border:3px solid #4caf50;
	transition-duration:1s;
}

.btn-primary{
	background-color:#006600;
	border:2px solid #006600;
	color:#fff
}
.btn-primary:hover{
background-color:#008a00;
border:2px solid #008a00;
text-decoration: underline;

}

.btn-update{
	background-color:#7f6000;
	border:2px solid #7f6000;
	color:#fff;
}
.btn-update:hover{
background-color:#977100;
border:2px solid #977100;
color: #fff;
text-decoration: underline;
}

.btn-danger{
	background-color:#660000;
	border:2px solid #660000;
	color:#fff;
}
.btn-danger:hover{
background-color:#850000;
border:2px solid #850000;
color: #fff;
}
.btn-voucher, .btn-coupon {
	margin-bottom: 2px;
	height: 100%;
	padding: 4px;
	font-size: 0.7em;
	background-color:#006600;
	border:2px solid #006600;
	color:#fff
}
.btn-voucher:hover, .btn-coupon:hover {
background-color:#008a00;
border:2px solid #008a00;
color:#fff;
}

.btn.btn-large.btn-success {
	background-color:#006600;
	border:2px solid #006600;
}
.btn.btn-large.btn-success:hover {
	background-color:#008a00;
	border:2px solid #008a00;
}

.j2store-addtocart-form {

}

.product-price-container .sale-price {
    font-size: 1.4em;
    font-weight: bold;
	margin-top: 20px;
}

#add-to-cart-button, {
	padding:5px;
	width:100%;
	background-color:green;
	font-size:1vw;
	border:3px solid green;
	color:#fff
}
#add-to-cart-button {
	position: relative;
	bottom: 5px;
	width:100%;
	background-color:#393;
	border:3px solid #393;
	color:#fff;
	text-decoration:none;
	transition-duration:.5s
}
#greenbutton{
	margin-top: 12px;
	font-size:0.9em;
	border:3px solid green;
	color:green
}
#greenbutton:hover{
	width:100%;
	background-color:green;
	color:#fff;
	text-decoration:none;
	transition-duration:.5s
}
#bluebutton{
	margin-top:10px;
	font-size:0.9em;
	border:3px solid #339;
	color:#339
}
#bluebutton:hover{
	width:100%;
	background-color:#339;
	color:#fff;
	text-decoration:none;
	transition-duration:.5s
}
#greybutton{
	
	margin-top: 40px;
	font-size: 0.9em;
	margin-top: 11px;
	border:3px solid #777;
	color:#474747;
	cursor:no-drop
}
.home-button-start{
	position:relative;
	top:15%;
	width:70%;
	margin:0 0 0 10%;
	background-color:green;
	color:#fff;
	text-align:center;
	padding:5% 8%;
	font-size:1.6vw;
	border-radius:5px;
	border:3px solid green;
	cursor:pointer
}
.home-button-start:active,.home-button-start:focus,.home-button-start:hover{
	color:#c5e3c5;
	background-color:#4caf50;
	border-color: #4caf50;
	color:#fff;
	text-decoration:none;
	transition-duration:1s
}
.play-button{
	margin:0 auto;
	position:relative;
	top:30%;
	width:0;
	eight:0;
	border-style:solid;
	border-width:2.5em 0 2.5em 5em;
	border-color:transparent transparent transparent #000;
	opacity:.75
} 

.btn-warning {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #faa732;
	background-image: -moz-linear-gradient(top,#008000,#008006);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#008000),to(#008006));
	background-image: -webkit-linear-gradient(top,#008000,#008006);
	background-image: -o-linear-gradient(top,#008000,#008006);
	background-image: linear-gradient(to bottom,#008000,#008006);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#008000', GradientType=0);
	border-color: #008000 #008000 #008000;
	*background-color: #008000;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-back {
		color: #fff;
background-color: #660000;
}

.btn-back:hover {
		color: #fff;
background-color: #934c4c;
}
.btn-back:visited {
		color: #fff;
background-color: #934c4c;
}


/* End Button CSS */ 

/* Start Main Menu CSS */



.container-header .navbar-toggler {
    color: #660000;
    cursor: pointer;
    border: 1px solid #fff;
}



#main.mod-menu {
	width: 100%;
	margin-left: 0%;
	margin-top: 0px;
  flex-direction: row;
  flex-wrap: nowrap;

}

#main.mod-menu >li {
	float: left;
	font-size: 0.9em;
	color:#600;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 25px;
}



#main.mod-menu >li > a {
	padding: 5px 30px 5px 30px;
	color:#600;
	transition: color 2s;
}


#main.mod-menu >li>a:hover{
	color:#005e8d;
	background-color: #eee;
	border-radius: 5px;
}


#main.mod-menu >li:first-child a:hover {
	background: transparent;
}


.centermenu {
 display: none;
  margin: 0 auto;
}

.navigation {
	width: 100%;
	padding: 0px 0;
	height: auto;
	border-top: 0px solid rgba(0,0,0,0.075);
	margin-bottom: 10px;
	background-color: #ffffff;
	z-index:1000;
}

.nav {
	float: left;
	border-color: #660000;
 	margin-top: -10px;
	margin-bottom: 0px;
	list-style: none;
}


.nav >:first-child > a {
	margin-left: 0px;
	
}

.nav > li > a {
	display: block;
  	text-align: left;

}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	
}

.nav > li > a:active {
	text-decoration: none;
}
.nav > li > a > img {
	max-width: none;
}
.nav > .pull-right {
	
	float: right;
}
.nav-header {
	display: block;
	padding: 0px 40px;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #999;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-transform: uppercase;
}
.nav li + .nav-header {
	margin-top: 0px;
}
.nav-list {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
	margin-left: -15px;
	margin-right: -15px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.nav-list > li > a {
	padding: 0px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background-color: #660000;
}


.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
	margin-right: 2px;
}
.nav-list .divider {
	*width: 100%;
	height: 1px;
	margin: 8px 1px;
	*margin: -5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
	*zoom: 1;
}
.nav-tabs:before,
.nav-tabs:after,
.nav-pills:before,
.nav-pills:after {
	display: table;
	content: "";
	line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
	clear: both;
}
.nav-tabs > li,
.nav-pills > li {
	float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 45px;
	padding-left: 45px;
	margin-right: 2px;
	line-height: 14px;
}

.nav-pills > li:last-child > a {
padding-top: 6px;
padding-left: 30px;
padding-right: 30px;
}


.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: #eee #eee #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}


.navbar {
	overflow: visible;
	margin-bottom: 0px;
	*position: relative;
	*z-index: 2;
	
}

.nav-collapse.collapse {
	height: auto;
	overflow: visible;

	
}
@media (max-width: 979px) {
.hidden-desktop {display: inherit !important;}

}
@media (max-width: 979px) {
.hidden-desktop {display: inherit !important;}
.sawsonic-img{display: none;}


#main.mod-menu >li {
    float: left;
	width: 100%;
    font-size: 0.9em;
	border-bottom: 1px solid #660000;
    color: #600;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 25px;
}




#main.mod-menu >li:hover {
    float: left;
	width: 100%;
	background-color: #eee;
    font-size: 0.9em;
    color: #600;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 25px;
}
#main.mod-menu >li:first-child {
   display: none;
}



}


@media (max-width: 360px) {
.hidden-desktop {display: inherit !important;}

}
/* End Main Menu CSS */

/* Start Category Menu CSS */

.grid-child {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
}

@media (width >= 992px) {
    .container-header .mod-menu>li+li {
        margin-left: 0em;
    }
}
.container-header .mod-menu {
    color: #660000;
    flex: 1 0 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
#category.mod-menu {
  flex-direction: row;
  padding: 6px 0px 6px 4%;
  font-size: 0.8em;
  margin-top: 5px;
  	width: 100%;
	background-color: #600;
	box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;
}

#category.mod-menu >li {
	float: left;
	color:#eee;
	padding-right: 8px;
	padding-left: 8px;

}
	
	#category.mod-menu ul li.active a{
		background-color:#600;
		color:#fff
	}
		
	#category.mod-menu>li>a{
		float: left;
		padding: 10px;
		margin-top:0px;
		line-height:16px;
		
		color:#eee;
		border-radius: 4px;
	}

		#category.mod-menu>li.active a {
			background-color:#eee;color:#660000;
		}
		
		#category.mod-menu>:first-child>a{
			margin-left:0
		}
			
			#category.mod-menu>:last-child>a{
				padding-bottom:10px;padding-top:10px;
			}
		
				#category.mod-menu>li>a:active,#category.mod-menu>li>a:focus,#category.mod-menu>li>a:hover{
					background-color:#eee;;color:#660000;
				}

@media (max-width: 979px) {
#category.mod-menu >li {width: 100%;}
#category.mod-menu>li>a{padding: 5px;}
#category.mod-menu>:last-child>a{padding: 5px;}
}
				
/* End Category Menu CSS */

/* start Homepage CSS Mobile */

@media (max-width: 979px) {

.h1home {font-size: 1.6em;}
.h3songtitle {font-size: 1em;
}
.columnsmall{
	float:left;
	width:90%;
	background-color:#eee;
	margin-right:5%;
	margin-left:5%;
	margin-bottom: 20px;
	padding:10px;
	box-shadow:rgba(0,0,0,.253) 0 .50em .85em 0;
	box-sizing:border-box;
}

.bloghomepage {
	float:left;
	padding:10px;
	margin-bottom:20px;
	margin-left: 5%;
	margin-right: 5%;
	text-align:center;
	width:90%;
	background-color:#eee;
	box-sizing:border-box
}
}
/* End Homepage CSS Mobile */

/* start Blog CSS Mobile */
@media (max-width: 979px) {
.bloglayout {display: inline-block; margin-left: 7%;margin-right: 7%;width: 86%;}
.blogimg {margin-left: 15px; margin-top: 15px; margin-bottom: 20px;width:100%;height:auto;}
.columnblog{margin-bottom:40px;margin-left: 5%;margin-right: 5%;width:90%;box-sizing:border-box}
.columnblog:first-child{margin:0 5% 40px 5%}
.bloghomepage:first-child{margin-left:5%;margin-right:5%}
.bloghomepage:last-child{margin-right:5%;margin-left:5%}
.blogsummary{max-width:90%;margin:0 5%;text-align:left;font-size:11pt;padding:5px 10px 5px 10px;border-top:1px solid #000}
}

/* End Blog CSS Mobile */


/* start Song CSS Mobile */
@media (max-width: 979px) {
.song{float:left;background-color:#eee;width:90%;margin:5% 5% 5% 5%;padding:10px;box-sizing:border-box; box-shadow:rgba(0,0,0,.233) 0 .25em .85em 0;}
.song-header{display:inline-block;width:100%;}
.song-img{width:100%;height:auto;margin-bottom:15px}
.song-player{width:100%;overflow:hidden;height:40px;padding-bottom: 5px; border-bottom: solid 2px #660000;}
.song-description{display:inline-block;width:100%; font-size:0.8em;margin-top:10px; height:40px;}
.song-action{display:inline-block;width:80%; margin:10px 10% 10px 10%;}
.song-download{display:inline-block;width:80%;margin:10px 10% 10px 10%;}
.song-title{float:left; font-size:1.1em;color:#000; font-weight:700;}
.song-duration{float:right; font-size:1.1em; font-weight:700;}
}
/* End Song CSS Mobile */

/* start Licensing / Muziek op Maat CSS Mobile */
@media (max-width: 979px) {
.cm-50-column {margin: 3% 5% 3% 5%;float: left;box-sizing: border-box;padding: 20px;text-align: left;width: 90%;height: auto;background-color: #eee;box-shadow: rgba(0, 0, 0, .233) 0 .25em .45em 0; overflow-y: scroll;}
#cmgrey {background-color: #eee;max-height: none; margin:2% 0% 5% 0%;width: 100%;}
#cmgreen {max-height: none; margin:2% 0% 5% 0%;width: 100%;padding-bottom:20px}
}
/* End Licensing / Muziek op Maat CSS Mobile */