/*<!--General */
body {
    /*background-image: url(../images/MA_Bg.jpg);*/
	background-color: #FFF;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:auto;
    font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 1.20;
    padding-bottom: 0px !important;
}
.row {
    margin-right: 0;
    margin-left: 0;
	margin-bottom: 20px;
}

h1 { color: #cc0000; text-transform:uppercase;}
h2 { color: #000;}
h3 { color: #993333;}

h4, h5, h6 {color: #336666;}

@media (min-width:1280px){ .w3-content{ max-width:1280px;} }
	
.w3-container { padding: 0px;}

a {
    color: #337ab7 !important;
    text-decoration: none !important;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

/*<!--Back To Top */
  .scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 998;
    background-color:rgba(153, 153, 153, 0.7);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
@media (max-width:767px){.scroll-top-wrapper {right: 10px; bottom: 10px;}}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
.icon {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 7px 8px;
    border: 2px solid;
    border-radius: 50%;
}  
.fa-arrow-up::before {
    content: "^";
	font-size: 22px;
	font-weight: bold;
	color:#FFF453;
}

/*<!--Navigation*/
.nav-container {
    max-width: 1280px;
	margin:auto;
}
.navbar-inverse {
    background-color: #000;
	/*border-bottom: solid 2px #6270c4;*/
}
.navbar-inverse .navbar-brand {
    font-weight: 500;
    text-transform: uppercase;
	padding: 20px 15px;
}
.active {
    background-color: #6270c4;
}
.active span {color: #fff !important;}
.navbar-nav a { color: #fff !important;}
.burger-menu {font-size:24px !important;}

/*<!--TopBanner*/
.top-banner-div { padding-top:55px; background-color:#000 !important;}
@media only screen and (max-width: 428px) {.top-banner { padding-top:45px;}}

.top-banner-pic { background-color:#000 !important; margin:auto; max-width:1920px;}
@media only screen and (max-width: 428px) {.top-banner-pic { }}

.top-banner-title-main {
	margin-top:150px;
	}
	@media only screen and (max-width: 1280px) {.top-banner-title-main { margin-top:110px;} }
	@media only screen and (max-width: 820px) {.top-banner-title-main { margin-top:10px;} }
	@media only screen and (max-width: 428px) {.top-banner-title-main{ margin-top:10px;} }
	
.top-banner-title-main p {font-size:80px; color: #cc0000; margin:0;}

@media only screen and (max-width: 1280px) {.top-banner-title-main p { font-size:70px;} }
@media only screen and (max-width: 428px) {.top-banner-title-main p { font-size:48px; margin:0 0 10px !important;} }
	
.top-banner-title-sub {
	margin:auto;
	width:50%;
	}
	@media only screen and (max-width: 1920px) {.top-banner-title-sub { width:70%;}}
	@media only screen and (max-width: 1280px) {.top-banner-title-sub { width:80%;}}
	@media only screen and (max-width: 820px) {.top-banner-title-sub  { width:80%;} }
	@media only screen and (max-width: 428px) {.top-banner-title-sub { width:90%;}}
	
.top-banner-title-sub div { }	

.top-banner-title-sub a { 
   font-size:15px; 
   font-style:italic; 
   text-align:center;
   line-height:1.5;
   width:110px;
   padding:20px 0 20px;
   color:#fff !important; 
   background-color:#3f51b5;
   }
   @media only screen and (max-width: 820px) {.top-banner-title-sub a { font-size:16px; margin-bottom:14px;} }
   @media only screen and (max-width: 428px) {.top-banner-title-sub a { width:130px; padding:4px 0 4px; margin-bottom:14px;} }
	
.top-banner-logo { margin-top:35px;}
@media only screen and (min-width: 810px) {.top-banner-logo { }}


/*<!--SLIDESHOW*/
.mySlides {}
.mySlides-banner-box-text {
	margin: 90px 0px 0px 40px; 
	padding:0 20px 5px; 
	border-left:1px; 
	border-left-color:#999; 
	border-left-style:solid;
	}
	@media only screen and (max-width: 820px) {.mySlides-banner-box-text { margin: 60px 0px 40px 20px; padding:0 20px 5px;}}
	@media only screen and (max-width: 428px) {.mySlides-banner-box-text { margin: 30px 0px 20px 20px; padding:0 10px 5px;}}
.mySlides-banner-box-text h1{
	font-size:48px; 
	margin-top:0;
	}
	@media only screen and (max-width: 428px) {.mySlides-banner-box-text h1 { font-size:28px;}}
.mySlides-banner-box-text h2{
	font-size:22px;
	font-style:italic;
	margin-top:0;
	color:#CCC;
	}
@media only screen and (max-width: 428px) {.mySlides-banner-box-text h2 { font-size:20px;}}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

.slider-arrows { padding:0 40px;}
@media only screen and (max-width: 820px) {.slider-arrows { padding:0 20px !important;}}
@media only screen and (max-width: 428px) {.slider-arrows { padding:0 10px !important;}}


/*<!--CONTENT*/
.content-holder {
    vertical-align: top;
    /*width: 100%;*/
	max-width:1280px;
    margin:auto;
    text-align: left;
    background-color: #fff;
    padding:20px 20px;
}
@media only screen and (max-width: 810px) {
    .content-holder {padding:10px 10px;}
}
.content-holder h3 {
    text-align: left;
	margin-bottom:20px;
}
.col-padding-left {padding-right:10px;}
@media only screen and (max-width: 810px) {
    .col-padding-left {padding-right:0px;}
	}

.product-perks { margin: auto !important; max-width:740px; }
.product-perks p { font-style: italic; font-size: 16px; margin: 5px; color: #ccffcc;}

.subscribe-section {
  background-size: cover;
  background-image:url("../images/bg-sub.jpg");
  background-position:top center;
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-color:#000;
  color:#FFF;
}

.section-header { margin-top:-30px; text-transform:uppercase; margin-bottom:30px; margin-left:0px;}
.section-header span { background-color:#cc0000; padding:14px; font-size:20px;}
.section-header-shop { margin-top:-30px; text-transform:uppercase; margin-bottom:30px; margin-left:0px;}
.section-header-shop span { background-color:#6270c4; padding:14px; font-size:20px; font-weight:bold; color:#fff;}

.featured-section {
  /*background-color:#000;*/
  color:#FFF;
  padding:0px 0px;
  margin:20px 0px;
}
.featured-section-left { padding:20px; text-align:center !important;}
.featured-section-right { padding:10px; text-align:left !important;}
.featured-section h2 { color:#FFF;}
.featured-section p { font-size:15px;}
.featured-section-subtitle { color:#9999cc;}

.sub-section-item-box { 
    background-color:rgba(255,255,255,0.3);
	padding:10px; 
	margin:0px 0px 20px 0px; 
	/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
	}
.sub-section-item-box-info {
	padding-left:2px;
	border-bottom: 1px solid #ccc !important;
	/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
	}	
.sub-section-item-box-info p {
	margin-top:15px;
	margin-bottom:20px; 
	}	
.sub-section-item-box-art-cover {
	margin-top: -140px;
	}
	@media only screen and (max-width: 820px) { .sub-section-item-box-art-cover { margin-top: -80px;}}
	@media only screen and (max-width: 428px) { .sub-section-item-box-art-cover { margin-top: -50px;}}
		
/*<!--CONCERTS*/	
.concerts-box { background-color:#333; margin-bottom:20px;}
@media only screen and (max-width: 428px) { }
.concerts-box-date { color:#fff !important; background-color: #4CAF50 !important;}
.concerts-box-date p { padding:8px; text-align:center; font-weight:bold; margin:0; font-size:20px;}
@media only screen and (max-width: 428px) {.concerts-box-date {}}
.concerts-box-info { background-color:#333; color:#fff !important; padding:10px;}
.concerts-box-info h2 { margin-top:;  color:#FFF !important; text-transform:uppercase; font-weight:bold; font-size:20px;}
.concerts-box-info p { font-size:16px !important; margin:10px 0 !important;}
.concerts-box-info li { padding:4px !important; font-size:16px !important;}
	
/*<!--MUSIC*/	
.music-box { background-color:#000; margin-bottom:20px;}
@media (min-width: 993px) {.w3-modal-content { width: 600px;} }	
	
	
/*<!--SHOP*/	
.shop-section {
  /*background-size:auto;
  background-image:url("../images/shop-gradient-bottom.jpg");
  background-position:bottom center;*/
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-color:rgba(153,153,153,0.3);
  color:#FFF;
  padding:20px 10px;
  margin-top:40px;
  float: inherit;
}
.shop-section-left { padding:10px; text-align:center !important;}
.shop-section-right { padding:10px; text-align:left !important;}
.shop-section h2 { color:#FFF; font-weight: bold !important;}
.shop-section p { font-size:15px; margin:5px 0px 0px; text-align:left;}
@media only screen and (max-width: 428px) { .shop-section p { font-size:14px;}}

.shop-section-item-box { 
    background-color:rgba(255,255,255,0.3);
	padding:8px; 
	margin:0px 0px 20px 0px; 
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	}	
.shop-section-item-box-holder { background-color: #FFF;}
.shop-section-item-box-margin { margin-top:8px;}
.shop-section-item-box-credits { background-color:#fff; margin-top:0px; padding:3px;}
.shop-section-item-box-credits a { color:#fff !important; text-decoration:none;}

.shop-section-item-box-price {
	width:70px; 
	margin: 3px; 
	background: linear-gradient( to right, #75b022 5%, #588a1b 95%); 
	font-weight:bold;
	}
.shop-section-item-box-price p {
	padding:12px; 
	font-size:25px !important; 
	margin:0px !important; 
	color:#fff;
	text-shadow: 1px 1px 2px #000000;
	}
.shop-section-item-box-newproduct {
	width:70px; 
	margin:0 15px 0 0; 
	background: #FF0; 
	font-weight:bold;
	}
	@media only screen and (max-width: 428px) { .shop-section-item-box-newproduct { width:60px; margin:0 10px 0 0;}
	}
.shop-section-item-box-newproduct p {
	padding:10px; 
	font-size:18px !important; 
	margin:0px !important; 
	color:#000;
	text-shadow: 1px 1px 2px #fff;
	}	
	@media only screen and (max-width: 428px) { .shop-section-item-box-newproduct p { padding:5px; font-size:14px;}
	}

.shop-section-item-box-info {  height:32px; background-color:#8b39fe; color:#FFF;}
.shop-section-item-box-info p { padding:6px; font-size:16px; margin:0px !important; text-align:center !important;}

.shop-section-item-box-price-small { height:32px; background: linear-gradient( to right, #75b022 5%, #588a1b 95%); color:#fff;}
@media only screen and (max-width: 600px) { .shop-section-item-box-price-small { display: none !important;}}
.shop-section-item-box-price-small p { padding:6px  2px; font-size:16px; margin:0px !important; text-align:center !important;}

.shop-section-item-box-price-large { 
    width:84px;
	margin: 2px;
	margin-bottom:10px;
	background: linear-gradient( to right, #75b022 5%, #588a1b 95%); font-weight:bold;
	}
.shop-section-item-box-price-large p {
	padding:6px; 
	font-size:30px !important; 
	margin:0px !important; 
	color:#fff;
	text-shadow: 1px 1px 2px #000000aa;
	}

.shop-section-item-box-pay { 
    background-color:#fff; 
	height:32px; 
	text-align:right; 
	padding-right:5px; 
	padding-top:3px;
	}
	@media only screen and (max-width: 375px) { .shop-section-item-box-pay { padding-right:0px; }}
	.shop-section-item-box-pay a { color:#000 !important;}

	
.shop-section-item-box-sold {
	text-align:right !important; 
	padding-right:5px;
	margin-top:3px !important;
	color:#fff !important;
	font-weight:bold;
	font-size: 18px !important;
	}
	@media only screen and (max-width: 810px) { .shop-section-item-box-sold { font-size: 16px !important; }}
.shop-section-item-box-sold span {padding:3px; background-color:#F00;}

.shop-section-item-subtitle { color: #000; font-weight:bold;}
.shop-section-item-description { color: #000; font-size:14px; margin-top:5px;}
.shop-section-quick-item-subtitle { color:#8b39fe !important; font-weight:bold;}
.shop-section-quick-item-description { color: #000; font-size:14px; margin-top:0px;}
.shop-button-amazon {color:#000 !important; padding:7px 12px; border-radius:0; font-weight:bold; font-size:14px; background-color:#FFD814;}
.shop-button-amazon-big {color:#000 !important; padding:10px 16px; border-radius:0; font-weight:bold; font-size:14px; background-color:#FFD814;}


.modal-image { width:100%; }
@media only screen and (max-width: 810px) { .modal-image { width:100%;}}
@media only screen and (max-width: 600px) { .modal-image { width:50%;}}


/*News*/
#news { margin-bottom:40px; background-color:#f3f3f3; padding:5px 10px 10px;}
#news h2 { font-size:120%;}
#news h3 { font-size:75%; margin-top:0px; font-weight:bold;}

/*--------------------------------------------*/
/*Shop Content*/
.ContentTdColor1 { background-color:#f0fff0; margin:10px; text-align:center; padding: 10px;}
.ContentTdColor2 { background-color:#CFC; margin:10px;}
.ContentShop {
	margin:0px;
	margin-top:10px;
	margin-bottom:0px;
	}
	
.ContentShop img {margin:10px auto 0;}
.shop-item-title { font-size:14px;}
.shop-item-name { font-size:14px; font-weight:bold; margin-bottom:0px !important;}
.shop-item-description { font-size:14px; margin-bottom:10px !important;}
.shop-item-description-box { margin :0px 10px 0 !important;}

.shop-fineprint { font-size:12px; text-align:center !important; color:#333;}

.PaypalContainer { 
    background-color: #fffff0;
	border-color: #faebcc; 
	line-height:1.2;
	margin-bottom:0 !important;
	}
	
.pp-button {
	font-size:15px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:4px; 
	padding:4px 20px 3px; 
	text-decoration:none;
	background-color:#ffc439;
	color:#000 !important;
	}
    .pp-button a {color:#000 !important;}
	
.pp-blue { background-color:#009cde;}
.pp-yellow { background-color:#ffc439;}
.pp-tagline { font-size:13px; margin:0px; padding:2px 10px 5px; color:#FFF; text-align:right;}
@media only screen and (max-width: 810px) { .pp-tagline {text-align:left;}}
/*--------------------------------------------*/
/*Merch*/
.merch-box { 
    background-size: cover;
    background-image:url("../images/bg-merch.jpg");
    background-position: center;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:#233377; 
	padding:10px; 
	margin-top:120px;
	margin-bottom: 40px;
	text-align:left;
}
@media only screen and (max-width: 810px) { .merch-box {text-align:center;}}

.merch-box h2 { color:#ffaa00; margin-top:10px; font-weight: bold;}
.merch-box p { color:#fff; font-size:24px;}
.merch-box img { margin-top:-80px; margin-left:50px;}
@media only screen and (max-width: 1280px) { .merch-box img { margin-top:-80px; margin-left:20px;}}
@media only screen and (max-width: 810px) { .merch-box img { margin-top:-80px; margin-left:0px;}}
.merch-box-logo { margin-top:0px !important; margin-right:10px !important;}

/*--------------------------------------------*/
/*Donations*/
.donation-box { 
    background-size: cover;
    background-image:url("../images/bg-support.jpg");
    background-position: center;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-color:; 
	padding:10px; 
	margin-top:70px; 
	text-align:left;
}
@media only screen and (max-width: 810px) { .donation-box {text-align:center;}}

.donation-box h2 { color:#cc0000;; margin-top:10px; font-weight: bold;}
.donation-box p { color:#000; font-size:24px;}
.donation-box img { margin-top:-80px; margin-left:50px;}
@media only screen and (max-width: 1280px) { .donation-box img { margin-top:-80px; margin-left:20px;}}
@media only screen and (max-width: 810px) { .donation-box img { margin-top:-80px; margin-left:0px;}}

.fb-link-image { margin-top:20px;}
@media only screen and (max-width: 980px) {.fb-link-image { margin-top:0px;}}

/*--------------------------------------------*/
/*Donations*/
.ad-small-button-right { margin:0 40px 15px 0;}
@media only screen and (max-width: 1024px) {.ad-small-button-right { margin:0 24px 15px 0 !important;}}
@media only screen and (max-width: 680px) {.ad-small-button-right { margin:0 15px 15px 0 !important;}}


/*Utilities*/
.margin-0 {margin:0px;}
.margin-10 {margin:10px;}
.margin-top-0 {margin-top:0px;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-bottom-0 {margin-bottom:0px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.padding-0 {padding:0;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-05 {padding:5px;}
.padding-top-10 {padding-top:10px;}
.padding-top-20 {padding-top:20px;}
.padding-bottom-0 {padding-bottom:0px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}
.bold { font-weight:bold !important;}
.italics  { font-style:italic !important;}
.left { text-align:left !important;}
.right { text-align:right !important;}

.white { color:#FFF;}

.font-lg { font-size:120%;}
.font-md { font-size:100%;}
.font-sm { font-size:80%;}
.font-xs { font-size:70%;}

.img-center { display: contents;}

.anchor-link { padding-bottom:30px;}

/* Icon when the collapsible content is shown */
  .btn:after {
    font-family: "Glyphicons Halflings";
    content:"\2212";
    float: right;
    margin-left: 5px;
  }
  /* Icon when the collapsible content is hidden */
  .btn.collapsed:after {
    content:"\2b";
  }

/*Footer*/
.content-footer {
	background-color:#000;
	height:100%;
	padding:20px;
	color:#fff;
	border: solid 1px #5d2710;
	border-top: solid 3px #cc0000;
	}	
.content-footer h2 {
	font-size:16px !important;
	margin-top:5px;
	margin-bottom:15px;
	font-weight: bold;
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	}
.content-footer a  {
    line-height: 1.8;
	color:#fff !important;
	text-decoration:none;
}
.footer-nav { text-align:left !important;}
@media only screen and (max-width: 428px) {.footer-nav {text-align:center !important;}}

.footer-icons-header {text-align:right !important; margin-top:0px; margin-bottom:10px; font-size:12px;}
@media only screen and (max-width: 428px) {.footer-icons-header {text-align:center !important;}}

.footer-share-icons {text-align:right !important; margin-top:10px;}
@media only screen and (max-width: 600px) {.footer-share-icons {text-align:center !important; margin:20px 0;}}

.content-footer .Linkedin {margin-left:-2px; text-align:right;}
@media only screen and (max-width: 810px) {.content-footer .Linkedin { text-align:left; margin-top:10px;}}

.content-footer .Copyright  {text-align:left; font-size:10px; margin-top:20px;}
@media only screen and (max-width: 810px) { .content-footer .Copyright {text-align:center; margin-top:20px;} }

.design-by  { color:#ffaa00}