body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	line-height: 2;
}
img {
	max-width: 100%;
}

#header {
	background: url(../jpg/headerbg.jpg) 50% 0 no-repeat fixed;
	padding: 0;
	background-size: 100% auto;
}
#logo {
	max-width: 300px;
	padding: 30px 0 10px;
	margin: 0 auto;
}
#logo img {
	width: 100%;
}


/* ----------- top bar -------------- */
.header-top-bar {
	background-color: #000;
	padding: 8px;
	text-align: center;
	
}
.header-top-bar ul {
	list-style: none;
	
	margin: 0;
}
.header-top-bar ul li {
	display: inline-block;
	border-right: 1px solid #660000;
	padding: 3px 20px;
}
.header-top-bar ul li:last-child {
	border-right-width: 0;
}
.header-top-bar a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.header-top-bar a:hover,
.header-top-bar .fas:hover, 
.header-top-bar .fab:hover  {
	color: #FFF;
}
.header-top-bar .fas, .header-top-bar .fab {
	color: #666;
	font-size: 20px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}
.button.newsletter, .button.refer {
	background-color: #666;
	display: inline-block;
	color: #CCC;
	text-decoration: none;
	border-radius: 4px;
	padding: 3px 20px;
}

/* ----------- nav bar -------------- */

header .navwrap {
	background: linear-gradient(to right, #444, #999, #444);
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
}

#navbtn {
	display: none;
	position: absolute;
	top: 50px;
	left: 15px;
	width: 50px;
	padding-left: 2px;
	padding-right: 2px;
	height: 50px;
	cursor: pointer;
	cursor: hand;
	cursor: pointer;
	cursor: hand;
}
.menu-global {
  backface-visibility: hidden;
  position: absolute;
  left: 4px;
  border-top: 3px solid #FFF;
  width: 32px;
  transition: 0.55s;
}
.menu-top {
  top: 11px;
}
.menu-middle {
  top: 23px;
}
.menu-bottom {
  top: 35px;
}
#navbtn.sel {
	
}
#navbtn.sel .menu-top {
  backface-visibility: hidden;
  top: 23px;
  transform: rotate(220deg);
  -webkit-transform: rotate(220deg);
  transition: 0.55s 0.5s;
}
#navbtn.sel .menu-middle {
  opacity: 0;
}
#navbtn.sel .menu-bottom {
  backface-visibility: hidden;
  top: 23px;
  transform: rotate(-220deg);
  -webkit-transform: rotate(-220deg);
  transition: 0.55s 0.5s;
}
header nav {
	text-align: center;
}
header nav ul, header .subnav ul {
	list-style:none;
	text-align: center;
	margin: 0;
	height: 44px;
}
header nav li, header .subnav li {
    display:inline;
}
header nav a, header .subnav a {
    display:inline-block;
    padding: 5px 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 34px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
}
header nav a:hover, header .subnav a:hover {
	background: rgba(255,255,255,0.2);
}
header nav a.current {
	background-image: url(../svg/nav-dot.svg);
	background-position: center 32px;
	background-size: 8px;
	background-repeat: no-repeat;
}

/* dropdowns */
header nav ul li ul {
	display: none;
	
}
header .subnav {
	display: none;
}
header .subnav ul {
	background: linear-gradient(to right, #660000, #FF0000, #660000);
	height: auto;
	padding: 5px;
	border-bottom: 1px solid #333;
}
header .subnav li {
	text-align: center;
}
header .subnav li img {
	max-height: 60px;
	display: block;
	margin: 0 auto;
} 
header .subnav li a {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	padding: 10px 20px;
	text-transform: none;
	min-width: 120px;
}

/* shopping cart, search, user profile */
header .navright {
	position: absolute;
	bottom: 0;
	right: 0;
}
header .navright ul {
	list-style: none;
	margin: 0;
	margin-right: 15px;
	height: 44px;
}
header .navright li {
	 display:inline-block;
	 padding: 10px;
	 color: #FFF;
	 overflow: hidden;
	 min-width: 24px;
	 position: relative;
	 cursor: pointer;
	 cursor: hand;
}
header .navright li a {
	color: #FFF;
	text-decoration: none;
}
header .navright .far, header .navright .fas {
	font-size: 24px;
}
.cart .showcart {
	display: none;
}
header .navright #search {
	transition: all ease-in-out 0.5s;
	width: 40px;
}
header .navright #search.open {
	width: 150px;
	transition: all ease-in-out 0.5s;
}
header .navright .search {
	display: none;
	background: rgba(255,255,255,0.2);
	position: absolute;
	top: 0px;
	left: 0;
	width: 110px;
	padding-left: 40px;
	font-size: 18px;
	line-height: 34px;
	border: 2px solid #FFF;
	border-radius: 5px;
	color: #FFF;
}

header .navright .search::placeholder {
	color: rgba(255,255,255,0.6);
}

/* ------------ content ------------- */

.content {
	max-width: 1200px;
	margin: 30px auto;
}
h1, h2, h3 {
	line-height: 1.2;
}
h1 {
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
h2 {
	font-family: "Roboto Slab", sans-serif;
	font-weight: normal;
}
.content h1, .homeproducts h1 {
	font-size: 50px;
	
}
.content h1 a {
	color: #000;
	text-decoration: none;
}
.row {
	clear: both;
	position: relative;
}
.column {
	float: left;
}
.column.half {
	width: 48%;
	margin: 0 1%;
}
.column.third {
	width: 31.333%;
	margin: 0 1%;
	background: #CCC;
	height: 200px;
}
.column {
	float: left;
}
table .column {
	float: none;
	display: table-cell;
}
.col-xxsmall {
	width: 1%;
}
.col-small {
	width: 4%;
}
.col-1 {
	width: 8%;
}
.col-2 {
	width: 16.66%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33%;
}
.col-5 {
	width: 41.66%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58%;
}
.col-8 {
	width: 66.66%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.66%;
}
.col-12 {
	width: 100%;
}
.column.alignright {
	text-align: right;
}
.column.aligncenter {
	text-align: center;
}
.clearer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.media.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.media.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.media.aligncenter {
	margin: 20px auto;
}

.homeproducts {
	margin-top: 80px;
	margin-bottom: 40px;
	text-align: center;
}
.homeproducts h1 {
	text-align: center;
}

/* --------------- search ----------------- */
.searchwrap {
	position: relative;
	max-width: 500px;
	margin: 0 auto;
}
.searchbox {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	min-width: 500px;
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid #999;
	z-index: 999;
}
.searchbox.hide {
	display: none;
}
.searchresult-title {
	background-color: #999;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
}

.searchresult {
	cursor: pointer;
	cursor: hand;
	padding: 10px 5px;
	border-bottom: 1px solid #DDD;
	font-size: 14px;
}
.searchresult:hover {
	color: #FFF;
	background-color: #9a0505;
}
.searchresult h3 {
	margin: 0;
	font-size: 18px;
}
.searchresult .column {
	padding: 5px 0;
}

/* ---------- accordions ---------------- */
h2.accordion {
	cursor: pointer;
	cursor: hand;
}
div.accordion {
	display: none;
}
div.accordion.open {
	display: block;
}
.accordion .fa-caret-right {
	margin: 0 10px;
	font-size: 30px;
	transition: 0.3s ease-in-out;
}
.accordion .fa-caret-right.open {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	transition: 0.3s ease-in-out;
}
.accordion .fa-caret-right.closed {
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	transition: 0.3s ease-in-out;
}

/* --------------- forms ---------------- */
.formfield {
	position: relative;
	font-size: 18px;
	margin: 7px 0;
	float: left;
	width: 100%;
}

.formfield.half {
	width: 48%;
	margin-right: 2%;
}
.formfield.suffix {
	width: 17%;
	margin-right: 1%;
	font-size: 14px;
}
.formfield.bill-first-name, .formfield.bill-last-name {
	width: 40%;
	margin-right: 1%;
}
.formfield.bill-last-name {
	margin-left: 1%;
	margin-right: 0;
}
.formfield.half.right {
	margin-right: 0;
	margin-left: 2%;
}
.formfield.third {
	width: 31.33%;
	margin-left: 1%;
	margin-right: 1%;
}
.formfield.third.left {
	margin-left: 0;
	margin-right: 2%;
}
.formfield.third.right {
	margin-right: 0;
	margin-left: 2%;
}

.formfield input[type="text"], .formfield input[type="password"], .formfield textarea {
	width: 96%;
	padding: 4px 2%;
	font-size: 18px;
	color: #333;
	border: 1px solid #333;
	border-radius: 3px;
}
.formfield select {
	width: 100%;
	font-size: 18px;
	color: #333;
	border: 1px solid #333;
}
.formfield input[type="text"]:disabled, .formfield input[type="password"]:disabled, .formfield textarea:disabled, .formfield select:disabled {
	opacity: .3;
}
.formfield input[type="text"].placeholder, .formfield textarea.placeholder {
	color: #999;
}
.formfield input[type="text"].required, 
.formfield input[type="password"].required, 
.formfield textarea.required {
	color: #CC0000;
	border-color: #CC0000;
	background-image: url(../svg/form-required.svg);
	background-position: top right;
	background-size: 70px auto;
	background-repeat: no-repeat;
}
.formfield select.required {
	border: 2px solid #CC0000;
}


/* ----------------- home ---------------------- */
.home .content {
	max-width: 100%;
	margin-top: 0;
}
.home .content p {
	
	margin: 0;
}
.home-banner {
	padding: 100px 0;
	color: #FFF;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.home-banner h2 {
	font-size: 40px;
	position: relative;
	display: block;
	max-width: 750px;
	margin: 40px auto 20px auto;
}
.home-banner .fas {
	font-size: 40px;
	margin-top: 50px;
}

.home h1 {
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

/* --------------- product categories --------------- */

.home-featured .content.products {
	margin-top: 0;
	margin-bottom: 0;
}
.product-filter {
	border-bottom: 2px solid #DDD;
}
.content.products h1 {
	text-align: center;
}

.product-filter form {
	text-align: center;
}
.filteritem {
	display: inline-block;
	border-left: 1px solid #DDD;
	font-size: 12px;
	padding: 5px;
}
.filteritem select {
	max-width: 140px;
}
.filteritem.first {
	border-width: 0;
}

.category-product {
	width: 12.66%;
	margin: 20px 2%;
	float: left;
	text-align: center;
}


.category-product .image {
	position: relative;
}
.category-product .image img {
	max-width: 100%;
}
.category-product .product-title-new {
	color: #178aff;
}
.category-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 70%;
	padding-top: 30%;
	background: rgba(0,0,0,0.6);
	text-align: center;
	font-size: 34px;
}
.category-overlay.hide {
	opacity: 0;
}
.category-overlay a {
	color: #FFF;
	height: 50px;
	display: inline-block;
}
.category-overlay .fa-heart {
	color: #FF0000;
}
.category-overlay .fa-heart.loading {
	color: #FFF;
	opacity: 0.5;
}
.category-grade {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background: rgba(0,0,0,0.6);
	text-align: center;
	font-size: 12px;
}
.category-grade {
	color: #FFF;
}

.category-grade.easy {
	color: #8aff8e;
}
.category-grade.easy-medium {
	color: #baff77;
}
.category-grade.medium {
	color: #f4ff9c;
}
.category-grade.medium-advanced {
	color: #ffd28f;
}
.category-grade.advanced {
	color: #ff9d9d;
}

.category-product h3 {
	font-size: 14px;
	height: 48px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	margin: 5px;
}
.category-product h3 a {
	color: #000;
	text-decoration: none;
}

.category-product .price {
	display: inline-block;
	font-size: 12px;
}
.category-product .regprice,
.product-price-wrap .regprice,
.attribute .regprice {
	text-decoration: line-through;
}
.category-product .saleprice,
.product-price-wrap .saleprice,
.attribute .saleprice {
	font-weight: bold;
	color: #CC0000;
}

.category-product-link {
	
	display: block;
	text-align: center;
	padding: 10px;
	color: #FFF;
	font-size: 30px;
	text-decoration: none;
}

.category-availability {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}
.category-availability.available {
	color: #00c604;
}
.category-availability.notavailable {
	color: #CC0000;
}
.category-product.viewmore {
	height: 454px;
	background: rgba(160, 160, 160, 0.7);
	text-align: center;
}
.category-product.viewmore a {
	margin-top: 130px;
	color: #FFF;
	font-size: 30px;
	text-decoration: none;
	display: block;
}
.category-product.viewmore a .fa {
	font-size: 150px;
	display: block;
}

/* --------------- products ----------------- */

.product-details {
	font-weight: 300;
	line-height: 1.5;
	position: relative;
}
.fixed #productheader {
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFF;
}
.product-details h1 {
	font-size: 40px;
	line-height: 60px;
	margin: 10px 0;
}
.product-details p {
	text-align: justify;
	margin: 5px 0;
}
.product-meta {
	border-top: 2px solid #999;
	
}
.product-meta a {
	color: #666;
}
.product-details .row {
	margin-top: 20px;
}
#product-image.loading {
	background-image: url(../gif/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	
}
#product-image.loading img {
	opacity: 0.2;
}
#product-image iframe {
	width: 100%;
}
.product-details .accordionarrow {
	color: #990000;
	margin-right: 5px;
}
.product-details div.accordion {
	margin-left: 32px;
}
.product-details h2 {
	font-size: 24px;
	color: #666;
}
.product-details .row .row {
	border-width: 0;
	margin-top: 0;
}
.fixed #productimage {
	position: fixed;
	top: 170px;
	left: 0;
	max-width: 500px;
}

.product-details .product-attributes-wrap {
	width: 56%;
	margin-left: 2%;
}
.product-details .col-6.product-attributes-wrap {
	width: 48%;
	margin-left: 2%;
}
.fixed .product-attributes-wrap {
	margin-top: 100px;
	margin-left: 43.66%;
}
.product-details .row .col-3 {
	width: 23%;
	margin: 5px 1%;
}
.product-details .row .col-9 {
	width: 73%;
	margin: 5px 1%;
}

.product-details h2 {
	margin: 0;
}
.product-details .performance-time {
	text-align: left;
	font-size: 16px;
}
.product-details .performance-time a {
	font-size: 12px;
}
.attribute {
	border-bottom: 2px solid #DDD;
	padding: 10px 0;
	position: relative;
}
.attribute.first {
	padding-top: 0;
}
.product-price-wrap {
	text-align: right;
	padding-top: 0;
	float: right;
}
.product-price-wrap.musicprice {
	width: 500px;
}
.product-price, .gpg-attr-price {
	display: inline-block;
	font-size: 30px;
	padding-top: 10px;
	padding-right: 20px;
	color: #666;
	line-height: 60px;
}
.product-price-wrap .regprice, .product-price-wrap .saleprice {
	font-size: 24px;
}
.product-price {
	padding-top: 5px;
}
.musicprice .product-price {
	float: right;
}
.product-price.hide {
	display: none;
}
.add-to-cart, .check-availability {
	float: right;
}
.add-to-cart:disabled, 
.check-availability:disabled, 
.submitcontest:disabled, 
.savesvs:disabled,
.gpg-add-attribute:disabled {
	opacity: 0.4;
}
.product-qty {
	display: inline-block;
	margin-right: 10px;
	line-height: 50px;
	font-size: 20px;
}
.product-qty input[type="text"] {
	border-radius: 0;
	border: 1px solid #999;
	padding: 10px;
	height: 24px;
	color: #666;
	width: 50px;
	font-size: 20px;
	text-align: center;
	margin: 0;
}
.product_contests {
	display: none;
}
.add-cart, 
.checkout, 
.checkout-pay, 
.check-availability, 
.addcontest, 
.submitcontest, 
.savesvs,
.gpgattributeno, 
.gpgattributeyes, 
.gpgattributeback,
.contactsubmit, 
.newslettersubmit, 
.login-btn, 
.register-btn, 
.forgot-btn, 
.reset-btn,
.profilebtn, 
.gpg-skip, 
.gpg-addon-done,
.gpg-add-attribute, 
.addcontest-verification .button, 
.print-la.button, 
.view-la.button, 
.addon.button,
.referralsubmit.button,
.referral-link {
	background-color: #880000;
	display: inline-block;
	font-size: 20px;
	margin-top: 10px;
	padding: 10px 30px;
	color: #FFF;
	border-width: 0;
	border-radius: 4px;
	cursor: pointer;
	cursor: hand;
}
.check-availability {
	width: 230px;
	height: 60px;
	margin-top: 0;
	background-image: url(../svg/check-availability.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.add-cart:hover, 
.checkout:hover, 
.checkout-pay:hover, 
.check-availability:hover, 
.addcontest:hover, 
.submitcontest:hover, 
.savesvs:hover,
.gpgattributeno:hover, 
.gpgattributeyes:hover, 
.gpgattributeback:hover,
.contactsubmit:hover,
.newslettersubmit:hover, 
.login-btn:hover, 
.forgot-btn:hover,
.reset-btn:hover,
.register-btn:hover, 
.profilebtn:hover, 
.gpg-skip:hover,
.gpg-addon-done:hover, 
.gpg-add-attribute:hover,  
.addcontest-verification .button:hover, 
.print-la.button:hover, 
.view-la.button:hover, 
.addon.button:hover,
.referralsubmit.button:hover,
.referral-link:hover {
	background-color: #CC0000;
}
.add-cart.loading, 
.checkout-pay.loading, 
.check-availability.loading, 
.addcontest.loading, 
.submitcontest.loading, 
.savesvs.loading,
.gpgattributeno.loading, 
.gpgattributeyes.loading, 
.gpgattributeback.loading,
.contactsubmit.loading, 
.newslettersubmit.loading, 
.login-btn.loading,
.forgot-btn.loading, 
.reset-btn.loading,
.register-btn.loading, 
.profilebtn.loading, 
.gpg-skip.loading, 
.gpg-addon-done.loading,
.addcontest-verification .button.loading,
.referralsubmit.loading {
	background-image: url(../gif/buttonloader.gif);
	background-size: 35px;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -1000em; 
}
.add-cart:disabled,
.checkout-pay:disabled,
.contactsubmit:disabled,
.newslettersubmit:disabled,
.referralsubmit.disabled {
	opacity: 0.2;
}
.contactsubmit.hide,
.newslettersubmit.hide,
.referralsubmit.hide {
	display: none;
}

/* ----------------- product attributes ---------------- */

.attribute .required-fields {
	display: none;
	text-align: center;
	color: #CC0000;
}
.accordion.required {
	border: 2px solid #CC0000;
}
.attributes-box {
	list-style: none;
	margin: 0;
	padding: 0;
}
.attribute a {
	color: #990000;
	font-weight: bold;
}
.attribute a:hover {
	color: #CC0000;
}
.attributes-box li {
	display: inline-block;
	margin: 5px;
	border: 2px solid #333;
	padding: 10px;
	font-family: bebas, "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #444;
	cursor: pointer;
	cursor: hand;
	min-width: 25px;
	text-align: center;
}
.attributes-box li.image {
	background-size: cover;
	background-position: center;
}
.attributes-box li.selected {
	border-color: #00aeef;
	color: #00aeef;
}
.attributes-box.missing, select.missing {
	border: 2px solid #CC0000;
}
.attributes-radio, .attributes-checkbox {
	list-style: none;
}
.attributes-radio input, .attributes-checkbox input {
	float: left;
	
}
.attributes-radio label, .attributes-checkbox label {
	float: left;
	padding-left: 15px;
	width: 90%;
}
.attributes-checkbox label.disabled {
	opacity: 0.3;
}
.attributes-radio label .descr, .attributes-checkbox label .descr, .attributes-radio .productdescr {
	font-size: 12px;
}
.attributes-radio .productdescr {
	position: relative;
	display: block;
}
.attributes-radio .productdescr.hide, .gpg-lightbox-details .productdescr.hide {
	display: none;
}
.attributes-checkbox li, .attributes-radio li {
	border-bottom: 1px solid #DDD;
	padding-top: 5px;
}
.attributes-checkbox input[type="checkbox"], .attributes-radio input[type="radio"] {
	margin-top: 5px;
}
.gpg-samples h3 {
	color: #333;
	font-weight: normal;
	margin-bottom: 0;
}
.gpg-samples table {
	width: 100%;
}
.gpg-samples ol {
	margin-top: 5px;
}
.gpg-samples ol li {
	border-bottom: 1px solid #EEE;
	padding: 4px 0;
}
.gpg-samples td {
	padding: 5px 15px;
	border: none;
}
.gpg-samples td a {
	font-size: 12px;
	line-height: 30px;
}
.gpg-samples table .sample-link {
	
	position: relative;
	border-bottom: 1px dashed #CCC;
	padding: 5px 0;
	padding-left: 25px;
	line-height: 1;
}

.gpg-samples table .sample-link a {
	line-height: 14px;
	font-size: 12px;
}
.gpg-samples .fas {
	font-size: 22px;
	line-height: 30px;
	margin-left: -25px;
	vertical-align: middle;
}
.gpg-samples table ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gpg-samples .samplecolumn.third {
	width: 33.3%;
}



/* ------------------ gpg lightbox product attributes ------------------ */

.gpg-lightbox-details {
	border-bottom: 1px solid #DDD;
	max-width: 800px;
	margin: 0 auto;
}
.gpg-lightbox-details.disabled {
	opacity: 0.3;
}
.gpg-lightbox-attribute-title, .gpg-lightbox-skip {
	text-align: center;
}
.gpg-lightbox-details .product-attributes-wrap {
	font-size: 12px;
}
.gpg-lightbox-details .product-price, .gpg-add-attribute, .gpg-attr-price {
	display: block;
	text-align: center;
}
.gpg-lightbox-details .product-price, .gpg-attr-price {
	font-size: 24px;
	line-height: 30px;
	padding-top: 20px;
	padding-right: 0;
}
.gpg-add-attribute {
	padding: 3px 20px;
	margin: 5px auto;
	margin-top: 20px;
}
.gpg-lightbox-details img {
	margin: 5px 0;
}

/* ------------------ shopping cart (nav) ---------------- */
.cart {
	display: none;
	position: absolute;
	z-index: 100;
	top: 46px;
	right: 10px;
	width: 300px;
	background: rgba(0,0,0,0.8);
	border: 2px solid #333;
	border-top-width: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
}
.cart-empty {
	padding: 20px 10px;
	text-align: center;
	color: #FFF;
}
.cart-header {
	font-size: 12px;
	color: #999;
	padding-top: 5px;
	border-bottom: 1px solid #222;
}
header .navright ul.cart-items {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	height: auto;
}
.cart-items li {
	border-bottom: 1px solid #222;
}
.cart-items li.child {
	margin-left: 20px;
	padding: 5px;
}
.cart-title {
	font-size: 12px;
	padding: 5px 2%;
	width: 54%;
}
.child .cart-title {
	font-size: 10px;
}
.cart-items .cart-discount {
	color: #FF0000;
	text-decoration: line-through;
}
.cart-items .shipmethod {
	font-size: 12px;
	padding: 5px 0;
}
.cart-qty input[type="text"] {
	width: 20px;
	padding: 5px;
	text-align: center;
	background:#000;
	border: 1px solid #999;
	border-radius:3px;
	color:#FFF;
	margin-right:5px;
}
.carttotal {
	display: block;
	color:#FFF;
	font-size: 20px;
	margin-top: 5px;
}
header .navright .cart-qty .fa {
	font-size: 16px;
}
header .navright .cart-qty .fa.fa-trash {
	display: inline-block;
	margin-left: 5px;
}
header .navright .cart-qty a {
	color: #FF0000;
}
.cart-qty a.loading .fa {
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
	transition: all 5s;
}
.checkout {
	display: inline-block;
	text-decoration: none;
	margin: 10px auto;
}

/* ---------------- checkout ----------------- */

.address, .checkout-cart-wrap {
	width: 28%;
	margin-right: 5%;
}
.checkout-cart .cart-header {
	text-align: center;
	border-color: #CCC;
}
.checkout-cart .cart-items {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.checkout-cart .cart-items li {
	display: inline-block;
	padding: 10px;
	border-color: #CCC;
}
.checkout-cart .cart-qty {
	text-align: right;
	font-size: 12px;
}
.checkout-cart .cart-qty input[type="text"] {
	background: #FFF;
	border: 1px solid #999;
	color: #333;
}
.checkout-cart .cart-qty a {
	color: #333;
}
.checkout-cart .cart-qty .fa {
	font-size: 16px;
}
.checkout-cart .cart-qty .fa.fa-trash {
	display: inline-block;
	margin-left: 5px;
}
.cart-subtotal, .shipmethods, .paymethods, .cart-tax, .cart-total {
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
	text-align: right;
}
.cart-total {
	font-size: 20px;
}
.paymethods {
	text-align: left;
	display: none;
}
.paymethods.list {
	display: block;
}
.payment_method_hidden {
	display: none;
}
.shipmethods ul, .paymethods ul {
	list-style: none;
}
.checkout-button {
	text-align: right;
	padding-top: 10px;
}
#required {
	color: #CC0000;
	display: none;
}

.checkout-total.loading {
	background-image: url(../gif/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.checkout-total.loading .checkout-cart, .checkout-total.loading .checkout-button {
	opacity: 0.3;
}

.formfield.referral {
	font-size: 14px;
}

/* ------------- order success ---------------- */
.order-success .content {
	text-align: center;
}

.order-success h3 {
	font-size: 1.6rem;
}

.order-success-la {
	max-width: 810px;
	margin: 0 auto;
	text-align: center;
}

.order-success-la iframe, .check-availability-form iframe, .license-agreement iframe {
	width: 800px;
	height: 600px;
}

/* ------------- lightbox ---------------- */
#lightbox, #reportback {
	background: rgba(0,0,0,0.8);
	display: none;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.lightbox-content, .report-content {
	position: relative;
	max-width: 1000px;
	margin: 100px auto;
	background: #FFF;
	border: 4px solid #333;
	padding: 20px;
}
.lightbox-close, .report-close {
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	font-size: 30px;
	color: #999;
	text-decoration: none;
}

.lightbox-content h1 {
	margin: 0;
}

/* --------------- lightbox products --------------- */
.lightbox-content .product-details h1 {
	font-size: 40px;
}
.lightbox-content .product-details .col-3 {
	width: 33%;
}
.lightbox-content .product-details .col-9 {
	width: 56%;
}
.lightbox-content .product-details .product-price-wrap {
	text-align: center;
	float: none;
}
.lightbox-content .product-details .designer {
	text-align: center;
	padding-top: 20px;
}

/* --------------- check availability --------------- */


.cs-text, .svs-text {
	display: none;
}
.svs-address-wrap {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
}
.check-availability-form, .license-agreement {
	text-align: center;
	margin-top: 0;
}
.check-availability-form input[type="text"],
.check-availability-form textarea {
	padding: 5px;
	font-size: 16px;
	border: 1px solid #CCC;
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
}
.contestaddwrap {
	border: 5px solid #EEE;
	padding: 20px 30px;
	margin: 10px 20px;
}
.contestaddwrap h2 {
	margin-top: 0;
}
.searchwrap.contest .contestsearch {
	width: 68%;
}
.searchwrap.contest .datepicker {
	width: 24%;
	margin-left: 1%;
}

.check-availability-form .contestsep {
	margin: 0;
	margin-bottom: 3px;
}

.col-2.contest {
	width: 14.66%;
	margin-right: 2%;
}
.col-3.contest {
	width: 23%;
	margin-right: 2%;
}
.col-4.contest {
	width: 31.33%;
	margin-right: 2%;
}
.formfield.state {
	width: 32%;
	margin-left: 2%;
}
.formfield.zip {
	width: 20%;
	margin-left: 5%;
}
.addcontest {
	padding: 5px 30px;
}
.addcontest.hide {
	display: none;
}

#added_contests .row, .addcontest-verification .row {
	border-top: 2px solid #EEE;
	padding: 5px;
}
#added_contests .location, .addcontest-verification .location {
	font-size: 12px;
}
.addcontest-verification .button {
	font-size: 14px;
	padding: 4px 8px;
	text-decoration: none;
}

.choosemine {
	color: #00b020;
}

.report-contest {
	font-size: 24px;
	color: #000;
	cursor: pointer;
	cursor: hand;
}

.delete-contest {
	font-size: 24px;
	color: #CC0000;
	cursor: pointer;
	cursor: hand;
}
#addedtitle {
	display: none;
	margin-top: 20px;
}
#added_contests .row.error, .contest-error.notice {
	border: 1px solid #FF0000;
	color: #CC0000;
}
.contest-error {
	display: block;
	font-size: 12px;
}
.contest-error.notice {
	padding: 10px;
	margin: 0 20px;
	font-size: 14px;
	border-width: 2px;
	text-align: center;
}
.contest-error.notice.hide {
	display: none;
}

header .navright li a.edit-contests {
	color: #FF0000;
}

/* ----------- report problem -------------- */
.report-content {
	max-width: 500px;
	text-align: center;
}
.report-content textarea {
	height: 100px;
}

/* ------------ user panel --------------- */
.login-form {
	text-align: center;
}
.registerform {
	display: none;
}
.login_error {
	padding: 5px;
	margin: 10px;
	border: 1px solid #FF0000;
	color: #CC0000;
}
.forgotform, .resetform {
	display: none;
}

.usermenu {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 46px;
	right: 10px;
	width: 300px;
	background: rgba(0,0,0,0.8);
	border: 2px solid #333;
	border-top-width: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
}
.usermenu .userwelcome {
	color: #FFF;
	padding: 5px;
}
.usermenu .showuser {
	display: none;
}
header .navright .usermenu ul {
	margin: 0;
	padding: 0;
	height: auto;
}
header .navright .usermenu li {
	display: block;
	margin-top: 1px;
	background: rgba(255,255,255,0.1);
}
.usermenu .login_error {
	padding: 10px;
	background-color: #FF0000;
	color: #FFF;
}

.user-panel {
	background-color: #CCC;
	margin: 0 auto;
}
.user-panel .col-3 {
	margin-top: 50px;
}
.user-panel .col-9 {
	background-color: #FFF;
}
.user-panel h1 {
	margin-top: 0;
	padding-top: 50px;
}
.user-panel .inner {
	border-left: 1px solid #999;
	padding-left: 20px;
	min-height: 300px;
}
.user-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.user-sidebar ul li {
	border-bottom: 2px inset #666;
	position: relative;
	margin: 0;
	padding: 0;
}
.user-sidebar ul li a {
	padding: 10px 20px;
	color: #333;
	font-size: 20px;
	line-height: 30px;
	display: block;
	text-decoration: none;
}
.user-sidebar ul li a:hover {
	background: #990000;
	color: #FFF;
}
.user-sidebar .fas {
	font-size: 30px;
	margin-right: 10px;
	display: inline-block;
}
.user-sidebar ul li.current a {
	background: #DDD;
}
.user-sidebar ul li.current::after {
	background-image: url(../svg/arrow-white.svg);
	background-repeat: no-repeat;
	background-size: 14px auto;
	content: " ";
	position: absolute;
	top: 20px;
	right: -1px;
	width: 14px;
	height: 20px;
}
.user-panel table {
	width: 100%;
}
.user-panel table th.column {
	background-color: #CCC;
	border-right: 1px solid #FFF;
}
.user-panel table td.column {
	border-bottom: 1px solid #666;
	text-align: center;
	padding: 15px 5px;
	cursor: pointer;
	cursor: hand;
}
.user-panel table tr:hover {
	background-color: #EEE;
}
.user-panel table tr:hover td {
	border-right: 1px solid #FFF;
}
.shop-user-order table tr:hover {
	background-color: inherit;
}
.shop-user-order table tr:hover td {
	border-right: none;
}
.shop-user-order #address {
	line-height: 1;
}
.shop-user-order .checkout-button {
	text-align: left;
}

.view-la.button, .addon.button {
	font-size: 14px;
	padding: 5px 30px;
	
	text-decoration: none;
}
.content.license-agreement .column.col-12 {
	max-width: 800px;
	float: none;
	margin: 0 auto;
}
.content.license-agreement h1 {
	font-size: 20px;
}
.content.license-agreement .print-la, .content.license-agreement .download-la {
	text-decoration: none;
	color: #FFF;
	background-color: #990000;
	border-radius: 3px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	display: inline-block;
}

/* ----------- sitewide banner ----------- */
.banner.sitewide-banner-header,
.banner.columbus-day,
.banner.holiday-break-,
.banner.independence-day,
.banner.labor-day,
.banner.martin-luther-king-day,
.banner.memorial-day,
.banner.nevada-day,
.banner.presidents-day,
.banner.reduced-staff,
.banner.thanksgiving,
.banner.unforeseen-circumstances,
.banner.veterans-day {
	background-color: #000;
	color: #FFF;
	padding: 30px;
}
.banner.sitewide-banner-header h1 {
	margin: 0;
	
}

/* ------------ homepage --------------- */
.homeproductswrap {
	width: 100%;
	height: 240px;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.homeproducts {
	white-space: nowrap;
	height: 240px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.homeproducts .category-product {
	width: 170px;
	margin: 10px;
}
.homeproducts .category-product .image img {
	width: auto;
	height: 150px;
}
.homeproducts .category-product h3 {
	white-space: normal;
}
.homecategory-nav-left,
.homecategory-nav-right {
	position: absolute;
	display: block;
	top: 0;
	width: 200px;
	z-index: 100;
	height: 240px;
	padding-top: 80px;
	font-size: 50px;
	color: #999;
	text-decoration: none;
	
	background-size: 100% auto;
	background-repeat: repeat-y;
}
.homecategory-nav-left {
	left: 0;
	background-image: url(../png/fade-left.png);
	text-align: left;
	padding-left: 20px;
}
.homecategory-nav-right {
	right: 0;
	background-image: url(../png/fade-right.png);
	text-align: right;
	padding-right: 20px;
}
.homecategory-nav-left.disabled,
.homecategory-nav-right.disabled {
	opacity: 0.3;
	width: 50px;
}

/*  -------------- category audio player --------------- */

.category.audio-player,
.category.audio-player div,
.category.audio-player h1,
.category.audio-player a,
.category.audio-player img,
.category.audio-player span,
.category.audio-player button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.audio-player-wrap {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	z-index: 1000;
	display: none;
}
.audio-player-wrap.show {
	display: block;
}
.audio-close {
	position: absolute;
	display: block;
	top: 15px;
	right: 25px;
	font-size: 30px;
	color: #FFF;
	text-decoration: none;
}
.category.audio-player {
    width: 500px;
	margin: 0 auto;
    height: 110px;
 	position: relative;
 	background-color: #000;
}

.category.audio-player .title {
    position: absolute;
    top: 18px;
    left: 175px;
    font-size: 18px;
    color: #ececec;
	z-index: 5;
	font-size: 14px;
}
.category.audio-player .buttons {
	position: absolute;
	top: 18px;
	right: 10px;
	z-index: 10;
}
.category.audio-player .buttons .product-link {
	background-color: #FFF;
	line-height: 30px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	border-radius: 15px;
	display: inline-block;
	cursor: pointer;
	cursor: hand;
}
.category.audio-player .buttons .far, .category.audio-player .buttons .fas {
	color: #FFF;
	font-size: 30px;
	cursor: pointer;
	cursor: hand;
	margin-right: 5px;
	vertical-align: middle;
}
.category.audio-player .buttons .fa-heart {
	color: #FF0000;
}
/* Cover */
.category.audio-player .cover {
	position: absolute;
	top: 0;
	left: 0;
	height: 110px;
	width: 110px;
}
.category .mejs__container {
	background: transparent;
}

.category .mejs__controls {
	height: 110px;
}

/* Buttons */
.category .mejs__controls .mejs__button button {
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px;
}

/* Play & Pause */
.category .mejs__controls .mejs__play button,
.category .mejs__controls .mejs__pause button {
	width: 40px;
	height: 40px;
	top: 14px;
	left: 120px;
	background-color: transparent;
	background-image: url(../png/play-pause.png);
	background-position: top center;
	background-size: 40px 80px;
	z-index: 10;
}

.category .mejs__controls .mejs__pause button { background-position: bottom center; }

/* Mute & Unmute */
.category .mejs__controls .mejs__mute button,
.category .mejs__controls .mejs__unmute button {
	width: 25px;
	height: 25px;
	top: 60px;
	left: 95px;
	background-color: transparent;
	background-image: url(../png/mute-unmute.png);
	background-position: top center;
	background-size: 25px 50px;
	z-index: 10;
}


.category .mejs__controls .mejs__unmute button { 
	background-position: bottom center; 
}

/* Volume Slider */
.category .mejs__controls .mejs__horizontal-volume-slider {
	position: absolute;
	top: 52px;
	left: 160px;
	cursor: pointer;
}

.category .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
	width: 150px;
	height: 8px;
	background: #333;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.category .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
	position: absolute;
	width: 0;
	height: 6px;
	top: 1px;
	left: 1px;
	background-color: #CC0000;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Progress Slider */
.category .mejs__controls div.mejs__time-rail { width: 400px; position: absolute; }

.category .mejs__controls .mejs__time-rail span {
	position: absolute;
	display: block;
	width: 500px;
	height: 5px;
	left: 0;
	top: -5px;
	cursor: pointer;
	
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0 px 0px;
	border-radius: 2px 2px 0px 0px;
}

.category .mejs__controls .mejs__time-rail .mejs__time-total { background: #990000; }

.category .mejs__controls .mejs__time-rail .mejs__time-loaded {
	width: 0;
	background: #cccccc;
}

.category .mejs__controls .mejs__time-rail .mejs__time-current {
	width: 0;
	background: #64b44c;
}

/* Volume Slider & Progress Bar Handle */
.category .mejs__controls .mejs__time-rail .mejs__time-handle,
.category .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-handle {
	position: absolute;
	display: block;
	width: 8px;
	height: 20px;
	top: -9px;
	border-radius: 5px;
	background-color: #000;
	border: 2px solid #FF0000;
}

.category .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-handle { top: -7px; }

/* Time Float Box */
.category .mejs__controls .mejs__time-rail .mejs__time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 23px;
	top: -26px;
	margin-left: -17px;
	background: url(../png/time-box.png);
}

.category .mejs__controls .mejs__time-rail .mejs__time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

.category .mejs__controls .mejs__time-rail .mejs__time-handle-content {
	display: none;
}
.category .mejs__offscreen {
	display: none;
}


/* ------------ bios --------------- */
.about h1, .about h2, .about h3 {
	text-align: center;
}
.about h2 {
	text-transform: uppercase;
	padding-top: 20px;
	margin: 0;
}
.about h3 {
	font-weight: normal;
}
.about .content p {
	text-align: justify;
	margin: 0;
}
.about .content p.about-content {
	max-width: 900px;
	margin: 60px auto;
	position: relative;
	display: block;
	line-height: 2;
	font-size: 14px;
}
.bios, .below-bio {
	background-color: #DDD;
	margin: 0;
}
.below-bio p {
	margin: 0;
	padding-top: 30px;
}
.below-bio .separator {
	margin: 0 auto;
	border-bottom: 1px solid #FF0000;
	padding-top: 30px;
	max-width: 1200px;
}
.bio-list .bio-image { 
	border-radius: 0;
}
.bios .content {
	margin: 0 auto;
}
.bios .content h2 {
	padding-top: 40px;
	font-family: 'Montserrat', sans-serif;
}
.content.bio {
	max-width: 1000px;
	text-align: justify;
}
.content.bio .bio-image {
	margin-left: 2%;
}
.bio-list {
	padding-bottom: 25px;
	margin-top: 20px;
}
.bio-list .bio-image-wrap {
	border: 4px solid #FFF;
}

.bio-list .name {
	font-size: 18px;
	text-transform: none;
	padding-top: 0;
	
}

/* ----------- add ons -------------- */
.content.gpg-separator {
	margin-top: 30px;
	border-top: 3px solid #CCC;
	padding-top: 30px;
}

/* ------------- blog --------------- */

.news h1 {
	text-align: center;
}
.blog-list-item {
	border-top: 3px solid #CCC;
	padding: 50px 0 30px 0;
}
.blog-list-item h2 {
	color: #666;
	font-size: 2rem;
	margin-top: 0;
}
.blog-list-item h2 a {
	text-decoration: none;
	color: #666;
}
.blog-list-item .date {
	color: #999;
	font-size: 1rem;
}
.blog-list-cats {
	font-size: 0.8rem;
	margin: 10px;
}
.blog-list-item p {
	font-size: 1rem;
}

.content.blog-post, .custom .content, .faq .content {
	max-width: 1000px;
	font-size: 1rem;
}

/* ---------- newsletter -------------- */
.newsletter-signup {
	text-align: center;
}


/* ——————— referrals ——————— */

.referral-program {
	font-size: 1.4rem;
}
.referral-link {
	text-decoration: none;
	font-weight: bold;
}

.referrals .content {
	text-align: center;
}
.referrals .content p {
	font-size: 1.2rem;
}
.referral-form {
	max-width: 600px;
	margin: 0 auto;
}


/* ------------- contact form --------------- */
#contactform .questions textarea {
	height: 100px;
}

/* ------------ footer ---------------- */

.sitewide-banner-newshow {
	max-width: 500px;
}
.sitewide-banner-newshow h1 {
	color: #FFF;
	text-align: center;
}

footer {
	background-color: #000;
	padding: 0;
}
.footer-content {
	background-color: #222;
	padding: 20px 0;
	font-weight: bold;
	color: #CCC;
	font-size: 16px;
}
.footer-content img {
	margin-top: 0;
	max-width: 200px;
	margin-top: 60px;
}
.footer-content .content {
	margin-top: 30px;
	max-width: 1200px;
}
.footer-content h3 {
	font-weight: bold;
	text-align: center;
}
footer .row {
	margin: 15px 20px 0 20px;
	color: #999;
	padding-bottom: 10px;
}
footer .row .column {
	color: #999;
	font-size: 14px;
	padding-top: 5px;
}
footer .content .fas {
	float: left;
	display: block;
	font-size: 28px;
	width: 35px;
	margin-right: 10px;
	padding-top: 5px;
	margin-left: 50px;
}
footer .content a .fas {
	padding-top: 0;
	vertical-align: middle;
	float: none;
	display: inline-block;
}
.footer-content .clearer {
	height: 10px;
}
footer .content a {
	text-decoration: none;
}
footer ul {
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

footer  li {
    display:inline;
}
.footer-content li {
	display: block;
}
footer li a {
	display: inline-block;
	padding: 5px;
	color: #CCC;
	text-decoration: none;
}
footer li a:hover {
	text-decoration: underline;
}
footer .fa {
	font-size: 34px;
	margin: 5px;
}
footer a {
	color: #CCC;
}
footer .column .fab {
	color: #999;
	font-size: 24px;
	display: inline-block;
	padding: 0 10px;
}
.footer-sponsor {
	text-align: center;
	font-size: 0.8rem;
	margin-top: 20px;
}
.footer-sponsor img {
	max-width: 60px;
	margin-top: 10px;
}
#scroll-to-top {
	position: fixed;
	bottom: 60px;
	right: 30px;
	background: rgba(20,20,20, 0.9);
	border-radius: 5px;
	padding: 10px 20px;
	color: #FFF;
	z-index: 100;
	display: none;
	font-size: 2rem;
	line-height: 1;
}

@media all and (max-width: 1530px) {
	header nav ul {
		text-align: left;
	}
	header nav a, header .subnav a {
		padding: 5px 20px;
	}
}
@media all and (max-width: 1375px) {
	header nav a, header .subnav a {
		padding: 5px 10px;
	}
}
@media all and (max-width: 1250px) {
	
	#logo {
		max-width: 200px;
		padding-top: 10px;
	}
	
	header .navwrap {
		width: 100%;
	}
	nav {
		display: none;
		height: auto;
		min-height: 50px;
		position: absolute;
		z-index: 200;
		top: 2px;
		left: 5px;
		width: 300px;
		background:rgba(0,0,0,0.9);
	}
	header nav ul, header .subnav ul {
		height: auto;
		margin: 0;
		padding: 0;
		float: none;
		text-align: center;
	}
	
	nav ul li {
		float: none;
		text-align: center;
		cursor: pointer;
		cursor: hand;
		height: auto;
	}
	nav ul li a {
		font-size: 20px;
		line-height: 40px;
		background: none;
		border-bottom: 2px solid #333;
		text-decoration: none;
	}
	header nav a.current {
		background-position: center 40px;
	}
	header nav a, header .subnav a {
		display: block;
	}
	header nav ul li ul {
		display: block;
		
	}
	header nav ul li ul li {
		text-align: left;
	}
	header nav ul li ul li a {
		font-size: 14px;
		line-height: 20px;
		background: rgba(255, 255, 255, 0.1);
	}
	header nav ul li ul li img {
		height: 40px;
		vertical-align: middle;
		padding-right: 10px;
	}
	#navbtn {
		display: block;
	}
	.menu-top {
	  top: 0;
	}
	.menu-middle {
	  top: 12px;
	}
	.menu-bottom {
	  top: 24px;
	}
	#mobilenavbtn.sel .menu-global {
		border-top: 2px solid #CCC
		;
	}
	#mobilenavbtn.sel .menu-top {
	  backface-visibility: hidden;
	  top: 17px;
	  transform: rotate(220deg);
	  -webkit-transform: rotate(220deg);
	  transition: 0.55s 0.5s;
	}
	#mobilenavbtn.sel .menu-middle {
	  opacity: 0;
	}
	#mobilenavbtn.sel .menu-bottom {
	  backface-visibility: hidden;
	  top: 17px;
	  transform: rotate(-220deg);
	  -webkit-transform: rotate(-220deg);
	  transition: 0.55s 0.5s;
	}
	
	.homeproduct {
		margin-top: 270px;
	}
	
	.home-about span {
		font-size: 50px;
	}
	
	.category-product.viewmore {
		height: 380px
	}
	.category-product.viewmore a {
		margin-top: 100px;
	}
	.product-details .performance-sep {
		display: none;
	}
	.product-details .performance-section {
		display: block;
	}
	
	#header {
		position: relative;
		background-size: cover;
	}
	.header-top-bar li.newsletter {
		border-right-width: 0;
		text-align: center;
		display: block;
	}
	.header-top-bar .phone, .header-top-bar .social {
		display: none;
	}
	
	#navbtn {
		top: auto;
		bottom: 3px;
		height: 32px;
	}
	.navwrap {
		z-index: 10;
		height: 40px;
	}
	#navbtn {
		z-index: 101;
	}
	nav {
		top: 2px;
		z-index: 0;
		padding-top:30px;
		left: 0;
		width: 100%;
	}
	header nav ul li ul li a {
		font-size: 18px;
		line-height: 24px;
	}
	header .navright {
		width: 100%;
		text-align: right;
	}
	header .navright ul {
		display: inline;
	}
	header .navright #search.open {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		background: #000;
	}
	header .navright .search {
		width: 65%;
	}
	header .navright .fa-search.submit {
		margin-right: 20px;
	}
	.cart {
		top: -25px;
		left: 0;
		right: auto;
		width: 100%;
		min-height: 1000px;
	}
	.cart-header {
		font-size: 16px;
	}
	header .navright .cart .showcart { 
		display: block;
		text-align: right;
		color: #FFF;
		text-decoration: none;
		font-size: 40px;
		margin-top: 10px;
		margin-right: 10px;
	}
	header .navright .cart .showcart .fa {
		font-size: 40px;
	}
	.cart-qty input[type="text"] {
		width: 30px;
		font-size:20px;
	}
	header .navright .cart-qty .fa {
		font-size: 24px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-3.homepost {
		width: 96%;
		margin: 0 2%;
	}
	.cart-items .col-2 {
		width: 16.66%;
		margin: 0;
	}
	.cart .col-3, .cart-items .col-3 {
		width: 20%;
		margin: 0;
	}
	.cart-items .col-7 {
		width: 58%;
		margin: 0;
	}
	.cart .col-9 {
		width: 75%;
	}
	
	.content h1, .homeproducts h1 {
		font-size: 30px;
		margin: 15px 0;
	}
	
	.category-product {
		width: 98%;
	}
	.marching-band .category-product, 
	.indoor-percussion .category-product, 
	.concert-music .category-product, 
	.drumline .category-product,
	.search .category-product {
		width: 46%;
	}
	.category-product .image img {
		max-width: 50%;
	}
	.marching-band .category-product .image img, 
	.indoor-percussion .category-product .image img, 
	.concert-music .category-product .image img, 
	.drumline .category-product .image img,
	.search .category-product .image img {
		max-width: 100%;
		height: 180px;
	}
	.category-product.viewmore {
		height: auto;
	}
	.category-product.viewmore a {
		margin-top: 20px;
	}
	
	.content {
		margin: 30px auto;
		margin-top: 60px;
	}
	.product-details h1 {
		text-align: center;
		font-size: 30px;
	}
	.product-details .product-attributes-wrap {
		width: 96%;
	}
	.check-out h1 { 
		font-size: 30px;
	}
	
	.banner-mobile.sitewide-banner-header {
		background-color: #000;
		color: #FFF;
		padding: 10px 0;
	}
	.banner-mobile.sitewide-banner-header h1 {
		margin: 0;
		
	}
	
	/* ------------ home page ------------- */
	
	.home .content {
		margin: 0;
	}
	
	.homeproductswrap {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		height: 230px;
	}
	.homeproductswrap::-webkit-scrollbar {
	  width: 8px;
	  border-radius: 5px;
	  background: rgba(0, 0, 0, 0.1);
	}
	
	.homeproductswrap::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: rgba(0, 0, 0, 0.3); }
	
	.homeproducts {
		height: 220px;
	}
	.homeproducts .category-product {
		width: 140px;
		margin: 5px;
	}
	.homeproducts .category-product .image img {
		max-width: 100%;
		height: 120px;
	}
	.homecategory-nav-left, .homecategory-nav-right {
		display: none;
	}
	
	/* ----------- bio ----------- */
	.bio-list.onlytwo, .bio-list.onlyone {
		margin: 0 2%;
	}
	
	
	.footer-content .logo, .footer-content img {
		max-width: 200px;
		margin-top: 0;
	}
	.footer-content .col-4 {
		margin-top: 10px;
	}
	footer .content .fas {
		float: none;
		display: inline-block;
		margin-left: 0;
	}
	
	footer .row {
		top: -20px;
	}
	footer .column {
		text-align: center;
	}
	footer .column.alignright {
		text-align: center;
	}
	footer ul {
		padding: 0;
	}
}