* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}

body {font-size: 14px;font-weight: 500;font-family: 'Open Sans', sans-serif; height:100%; margin:0; padding:0; background: url(/images/jacgrey50.gif) repeat; color:#fff;}

.radial {background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);padding: 10px;}
.goldBorder {background: linear-gradient(to right, rgba(251,227,191,1) 1%,rgba(236,182,97,1) 16%,rgba(161,99,20,1) 34%,rgba(174,113,33,1) 48%,rgba(161,99,20,1) 63%,rgba(236,182,97,1) 79%,rgba(251,227,191,1) 100%);}
.redContent {background: linear-gradient(to bottom, #6d0019 0%,#930205 40%,#930205 63%,#6d0019 100%);}
.fadeBottom {background: #000;}
.fadeTop > div, .fadeBottom > div {height: 1px;background: linear-gradient(to right, rgba(161,99,20,0) 0%,rgba(161,99,20,0.47) 20%,rgba(203,159,100,0.8) 34%,rgba(251,227,191,0.8) 50%,rgba(200,154,94,0.8) 67%,rgba(161,99,20,0.48) 80%,rgba(161,99,20,0) 100%);}


textarea, input[type=text], input[type=password], input[type=button], input[type=submit], select, option {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
    font-size:14px;
}
.select {cursor: pointer;overflow: hidden;position: relative;display: inline-block; vertical-align: middle;}
select {border:1px solid #666; padding: 10px 20px;background-color: #000; border-radius:4px; cursor:pointer; color:#fff;}
.select:after {
    content: "\f078";font-family: 'Font Awesome 5 Free';font-weight: 900; cursor: pointer; position: absolute;
    right: 15px; top: 50%; margin-top: -.4em; z-index: 1; pointer-events: none; color:#E8CE88;
}

input[type=text], input[type=password] {border:1px solid #666; padding: 10px 20px;background-color: #000; border-radius:4px; color:#fff;}
.search {position:relative;display: inline-block; vertical-align: middle;}
.search:after {content: '\f002';font-family: 'Font Awesome 5 Free' !important;font-style: normal;font-weight: 900;position: absolute;top: 50%; margin-top: -.5em;right: 15px;font-size: 16px;color: #E8CE88;}


button {
	padding: 2px;display: inline-block;border-radius: 50px; width:auto; border:0;
	background: linear-gradient(to right, rgba(251,227,191,1) 1%,rgba(236,182,97,1) 16%,rgba(161,99,20,1) 34%,rgba(174,113,33,1) 48%,rgba(161,99,20,1) 63%,rgba(236,182,97,1) 79%,rgba(251,227,191,1) 100%);
}
button span {
	display: block;cursor: pointer;color: #E8CE88;padding: 7px 15px 7px 15px;border-radius: 50px;
	text-shadow: 1px 1px 2px #000; font-size:18px; font-weight:700; font-family:'Open Sans', sans-serif;
	background: linear-gradient(to bottom, #6d0019 0%,#930205 40%,#930205 63%,#6d0019 100%);
}
button span:hover {background: linear-gradient(to bottom, #440010 0%,#660002 40%,#660002 63%,#440010 100%);}

.goldBorderBtn {
	padding: 2px;display: inline-block;border-radius: 50px;
	background: linear-gradient(to right, rgba(251,227,191,1) 1%,rgba(236,182,97,1) 16%,rgba(161,99,20,1) 34%,rgba(174,113,33,1) 48%,rgba(161,99,20,1) 63%,rgba(236,182,97,1) 79%,rgba(251,227,191,1) 100%);
}
.goldBorderBtn a {
	display: block;cursor: pointer;color: #E8CE88;padding: 7px 15px 7px 15px;border-radius: 50px;
	text-shadow: 1px 1px 2px #000; font-size:22px; font-weight:700; font-family:'Open Sans', sans-serif;
	background: linear-gradient(to bottom, #6d0019 0%,#930205 40%,#930205 63%,#6d0019 100%);
}
.goldBorderBtn a:hover {background: linear-gradient(to bottom, #440010 0%,#660002 40%,#660002 63%,#440010 100%);}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
	-webkit-box-shadow: inset 0 0 0px 9999px #666;
  transition: background-color 5000s ease-in-out 0s;
  background-color:#000 !important;
}


a {text-decoration:none; color: #E8CE88;}

p,h1,h2,h3,h4 {margin:0px; padding:0px 0px 10px 0px;}


.header {background: url(/images/jacgrey50.gif) repeat;}
.header > div {padding:0;}
.header > div > div {background: url(/images/headerglitter.png) no-repeat top center;padding: 20px 0px;position: relative;text-align: center;}

.logo {display:inline-block; vertical-align:middle; position:relative;}

.skewContainer {display:inline-block;vertical-align:middle;}
.skewContainer > div {overflow: hidden;transform: skew(-10deg);width: 120px;height:220px;display: inline-block;position: relative; margin-right:5px;}
.skewContainer > div > div {position: absolute;left: -30px;}
.skewContainer > div > div img {width: 120%;height: 100%;object-fit: cover;transform: skew(10deg);}

.headerJoin {display:inline-block;vertical-align:middle; font-size:22px; font-weight:700; margin-left:-100px;}
.headerJoin .radial {padding:10px 40px; padding-left:100px;}
.headerJoin .strap {line-height:1.3em;text-shadow: 1px 1px 2px #000;}
.headerJoin .strap.price {font-size:14px;}
.headerJoin .goldBorderBtn {display:block;margin:5px 0px;}


.mainlinks {padding: 3px 0px;box-shadow: inset 0px 0px 3px #ddd;}
.mainlinks > div > div {
    padding: 20px;text-align: center; box-shadow: inset 0px 0px 10px #000;background-image: url(/images/mainlinks.png);background-repeat: repeat-x;background-size: auto 100%;
}
.mainlinks > div > div a {display: inline-block;margin: 0px 10px;font-size: 16px;font-weight: 700;font-family: 'Open Sans', sans-serif;text-shadow: 1px 1px 2px #000; cursor:pointer;}


.maincontainer {max-width:1880px; margin:0px auto;}

.fadeTop {background: #000; margin-top:20px;}
.fadeTop > div, .fadeBottom > div {
    height: 1px;
    background: linear-gradient(to right, rgba(161,99,20,0) 0%,rgba(161,99,20,0.47) 20%,rgba(203,159,100,0.8) 34%,rgba(251,227,191,0.8) 50%,rgba(200,154,94,0.8) 67%,rgba(161,99,20,0.48) 80%,rgba(161,99,20,0) 100%);
}
.radial {background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);padding: 10px;}
.hpContent {padding: 20px;}
.fadeBottom {background: #000; margin-bottom:20px;}




.button {cursor:pointer;font-size: 16px;font-weight: 700;font-family: 'Open Sans', sans-serif;}
.button i {margin-right:3px;}
.Title42 {font-size:42px; font-weight:700; font-family: 'Open Sans', sans-serif;  text-shadow:1px 1px 2px #000; color:#fff;}
.Title28 {font-size:28px; font-weight:700; font-family: 'Open Sans', sans-serif;  text-shadow:1px 1px 2px #000; color:#fff;}

.footerFade {margin-bottom:0;}
.footerContainer {padding:20px; text-align:center; font-size:12px; background:#000;}
.footer {max-width:1280px;margin:0px auto;}
.footer a {display:inline-block; margin:0px 3px 10px 3px;}

.ribbon {
  	position: absolute;left:-5px; top:-5px; z-index: 1;overflow: hidden;width: 75px; height: 75px;text-align: right;
  	text-shadow: 0px 1px 2px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.3);
}
.ribbon span {
  	font-size: 12px;font-weight: bold;color: #FFF;text-transform: uppercase;text-align: center;line-height: 20px;
  	transform: rotate(-45deg);-webkit-transform: rotate(-45deg);width: 100px;display: block;
  	background: #ff0000;background: linear-gradient(#800000 0%, #ff0000 100%);
  	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);position: absolute;top: 19px; left: -21px;
}
.ribbon span::before {
  	content: "";position: absolute; left: 0px; top: 100%;z-index: -1;
  	border-left: 3px solid #B07B00;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #ff0000;
}
.ribbon span::after {
  	content: "";position: absolute; right: 0px; top: 100%;z-index: -1;
  	border-left: 3px solid transparent;border-right: 3px solid #ff0000;border-bottom: 3px solid transparent;border-top: 3px solid #ff0000;
}

.promoBox {max-width:600px; margin:0px auto; display:block;-ms-transform: rotate(-4deg);-webkit-transform: rotate(-4deg); transform: rotate(-4deg); font-size: 32px; text-align:left;}
.promoStrap {margin-bottom:-20px;}
.promoStrap span {display:inline-block; background:#ccc; color:#000; padding:5px 15px;border-radius:5px; margin:0px 0px 0px 20px;font-family: 'Montserrat', sans-serif; font-size:22px; position:relative; z-index:1;}
.promoTxt {background:#333; color:#fff; padding:30px; border-radius:10px; margin-bottom:-25px; position:relative;}
.promoTxt:after {content: '';position: absolute;box-shadow: 10px 10px 20px #000;top: 0;bottom: 5px;width:100%; max-width: 450px;left: 0;z-index: -1; background:transparent; border-radius:10px;}
.promoTitle {font-size:32px;}
.promoSmallTxt {font-size:18px;}

.accessBtn { border:0; position:relative; z-index:1;text-align:right; margin-right:20px;}
.accessBtn div {
	padding: 2px;display: inline-block;border-radius: 50px; width:auto;
	background: linear-gradient(to right, rgba(251,227,191,1) 1%,rgba(236,182,97,1) 16%,rgba(161,99,20,1) 34%,rgba(174,113,33,1) 48%,rgba(161,99,20,1) 63%,rgba(236,182,97,1) 79%,rgba(251,227,191,1) 100%);
}
.accessBtn span {
	display: block;cursor: pointer;color: #E8CE88;padding: 7px 15px 7px 15px;border-radius: 50px;
	text-shadow: 1px 1px 2px #000; font-size:18px; font-weight:700; font-family:'Open Sans', sans-serif;
	background: linear-gradient(to bottom, #6d0019 0%,#930205 40%,#930205 63%,#6d0019 100%);
}


.accountPagePromo {display:inline-block; vertical-align:top; margin:20px 20px;}

.promoBTNContainer {text-align:center;}
.promoBTN {background:#ed1c24; display: inline-block; padding: 10px 20px; border-radius: 1000px; color: #fff !important; border: 4px solid #fff; box-shadow: 0 0 3px #000; font-family: 'Montserrat', sans-serif; font-size: 24px;}




/* POPUPS */
.popupMiddle {/*display:table;*/display:none;z-index: 99999; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height: 100%;background: rgba(0,0,0,.5);}
.popupMiddle > div {display: table-cell;text-align: center;vertical-align: middle;}
.popupMiddle > div > div {width: 350px;margin: 0px auto;text-align: left; background:#000;font-size:14px; border-radius:3px;}
.popupMiddle .popupHeader {text-align:right;}
.popupMiddle .popupHeader i.fa-close {color:#E8CE88; cursor:pointer; padding:10px;}
.popupMiddle .popupBody {padding: 0px 10px 10px 10px; }
.popupMiddle .Title22 {font-size: 32px;padding: 0px; margin-bottom:20px;font-weight: 700;font-family: 'Open Sans', sans-serif;}
.popupMiddle form {padding: 0px 40px 0px 40px;}
.popupMiddle a {cursor:pointer;}
.popupMiddle input {text-align:center; width:100%;}
.popupMiddle button {width:100%;display:block;}
.loginContainer .popupBody, .popupFreeSignup .popupBody, .confirmContainer .popupBody {text-align: center;padding: 0px 20px 20px 20px; margin-top:-15px;}

.popupFreeSignup .popupBody .checks {font-size:12px;}

#forgotForm {display:none;padding: 0px 20px 0px 20px;}
#forgotFormWS {display:none;padding: 0px 20px 0px 20px;}
#accountIssues {display:none;}

.popupEnterLeave {display:table;}
.popupEnterLeave > div > div {padding:25px; text-align:center;}
.enterSiteContainer a {display:inline-block; margin:10px;}

.loginContainer input {width:100%;}




.popupCartContainer {position: fixed;top: 0;background: #fff;z-index:9999;width: 100%;max-width: 600px;left: -635px;height: 100%; border-right:1px solid #000;}
.popupCartContainer .fa-times {color: #000;background: #fff; padding: 3px 7px;cursor: pointer;font-size: 28px; float:right;}
.popupCartContainer > div {position: relative;height: 100%;height: calc(100% - 52px);overflow: auto;}
.popupCartContainer > div > div {padding:20px;}
.popupCartContainer .shoppingTitle {font-family: 'Montserrat', sans-serif;font-size: 26px;text-align: center;text-transform: uppercase; padding:10px;}
.popupCartContainer .tr {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.popupCartContainer .tr .td:nth-of-type(1) {display:inline-block; vertical-align:middle; width:80px; padding-right: 20px;}
.popupCartContainer .tr .td:nth-of-type(2) {display:inline-block; vertical-align:middle; width:calc(100% - 260px); padding-right:10px;}
.popupCartContainer .tr .td:nth-of-type(3) {display:inline-block; vertical-align:middle; width:85px; text-align:right;}
.popupCartContainer .tr .td:nth-of-type(4) {display:inline-block; vertical-align:middle; width:55px; text-align: right;}
.popupCartContainer .tr .td:nth-of-type(5) {display:inline-block; vertical-align:middle; width:30px; text-align:right;}
.popupCartContainer .tr .td:nth-of-type(3) span {display:inline-block; font-size:12px; margin-right:5px;}
.popupCartContainer .tr .td img {max-width:100%}
.popupCartContainer .tr .td .fa-trash-alt {cursor:pointer;}
.popupCartContainer .tr .td input {width:50px; text-align:center;}
.popupCartContainer .subTotal {text-align:right;margin-right:15px;}
.popupCartContainer .popupCheckout {text-align:right;}
.popupCartContainer .popupCheckout a {cursor:pointer;}
.popupCartContainer .select {}
.popupCartContainer select {border: 1px solid #ccc;width:45px;font-size: 12px;border-radius: 0px;padding: 2px; height:auto;}
.popupCartContainer .select::after {right: 4px;margin-top: -.6em;}


.popupMiddle.popupVideoContainer { display:table;display:none;z-index: 99999; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height: 100%;background: rgba(0,0,0,.9);}
.popupMiddle.popupVideoContainer > div {display: table-cell;text-align: center;vertical-align: middle;}
.popupMiddle.popupVideoContainer > div > div {max-width: 700px; width:auto;margin: 0px auto;text-align: left; background:#000; border:1px solid #666;}
.popupMiddle.popupVideoContainer .popupBody {padding:0px;}
.popupMiddle.popupVideoContainer .popupBody video {display:block;}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); /* Adjust as needed */}


.my-gallery-background {display:none;position:fixed;top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,1.0); z-index:999;}
.my-gallery {padding:10px 10px 0px 10px; background:#000; white-space:nowrap; overflow-x:scroll; overflow-y:hidden; border-top: 1px solid #666;}

.my-gallery-inner {display:none;position:fixed;right:0; bottom:0; left:0; width:100%;  z-index:9999;}
.my-gallery figure {margin:0px; padding:0px; display:inline-block;}
.my-gallery a {display:block;}
.my-gallery img {height:150px;display:block;}

.button.closeSmallGalleryView {display:inline-block;border-radius:5px 5px 0px 0px; margin-left:10px; border:1px solid #666;  border-bottom:0; padding:10px;}


#freeSignupThanks {display:none;}
#freeSignupMsg {color:red;}

/* POPUPS */




.subslapsed {
	-WEBKIT-FIlter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}



@media screen and (max-width:1024px) {
	.Title42 {font-size: 32px;}

}

@media screen and (max-width:700px) {
	.logo {width:auto; max-width:350px; display:block; margin:0px auto;}
	.logo img {max-width:100%;}
	
	.headerJoin {display:block;font-size:22px; margin-left:0; margin:-30px auto 0 auto; max-width:350px;}
	.headerJoin .radial {padding:10px 40px; padding-left:40px;}
	.headerJoin .strap {line-height:1.3em;text-shadow: 1px 1px 2px #000;}
	.headerJoin .strap.price {font-size:14px;}
	.headerJoin .goldBorderBtn {display:block;margin:5px 0px;}
}



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


	.headerBtns {width:230px;}
	.headerBtns a {font-size:16px;padding:7px 10px;font-weight: 600;}
	.headerBtns a.joinBtn {font-size:16px; font-weight: normal;}
	
	.shoppingButton {display:inline-block; vertical-align:middle; position:relative; cursor:pointer;}
	.shoppingButton i {font-size:22px;}
	.shoppingButton span {
		position: absolute;line-height: 17px;font-size: 10px;font-family: "Roboto", sans-serif;background: #000;color: #fff;height: 20px;width: 20px;text-align: center;border-radius: 50%;
		border: 2px solid #fff;right:0px;bottom: 6px;
	}



	.promoBox {max-width:none; width:auto; margin:0px 30px; font-size: 22px;}
	.promoTxt:after {width:100%; max-width: 350px;}
	.Title42 {font-size:26px;}
}
@media screen and (max-width:480px) {
	.promoTxt:after {width:100%; max-width: 210px;}
}