/*small screens hidden in regular stylesheet and turned on when appropriate*/
.show-on-phone {
	display: none !important;
}
.show-on-tablet {
  display: none !important;
}
.hide-on-desktop {
  display: none !important;
}
.show-on-desktop {
  display: inherit !important;
}
.show-on-small{
	 display: none !important;
	}
	
/*main nav options*/
a#offCanvas{
	display:inline-block;
	line-height:100%;
	font-size:110%;
	text-transform:uppercase;
	padding:6px 0 8px 6px; 
	color:#fff;
}
#menuBar{
	background:#0B1918;
	}
	a#offCanvas [class^="icon-"]:before,a#offCanvas [class*=" icon-"]:before,
	a#mobileNav [class^="icon-"]:before,a#mobileNav [class*=" icon-"]:before {
    font-size: 2.6rem;
    padding: 0px 5px 0 0;
}	
a#mobileNav{
	display:block;
	text-align:center;
	position:absolute;
	top:54px;
	right:20px;
	color:#666;
	padding:9px 0;
	width:110px;
	font-weight:bold;
	color:#fff;
	}
a#storeCatsBut{
	color: #FFFFFF;
    font-size: 100%;
	display:block;
    padding: 0 12px;
    float:right;
	line-height:32px;
    text-transform: uppercase;
	}
	.noCatsBut a#storeCatsBut{display:none!important;}/*turn this off on account and checkout masters*/
#menuBar{padding:2px 10px 0 4px; color:#fff;}
/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (max-width: 767px) {
	.show-on-desktop {
        display: none !important;
 		 }
	.hide-on-desktop{
	    display: inherit !important; 
		}
	.show-on-small {
      	display: inherit !important;
  		 }
	.hide-on-small {
      	display: none !important;
  		 }

  /* Collapse The Grid =================================================================================*/
 
  .columns, .blockgrid { width: auto; float: none;margin:0; }
  .columns:last-child { float: none; }
  [class*="columns"] + [class*="columns"]:last-child { float: none; }
  .columns:before, .columns:after { content: ""; display: table; }
  .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, 	.offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }

.twelve-on-small{width:100%; float:left!important;left:0;}
 .six-on-small {width:50%; float:left!important;}
 .four-on-small {width:33.33%; float:left!important;}
 


/*OFFCANVAS NAVIGATION=========================================================================*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
.mainNav {
  position: absolute;
  width:48%!important;
  left: -48%;
  margin-top:18px;
  background: #3F8A8F;
  padding:12px 0;
  -webkit-transition: left 0.2s ease-in ;
	-moz-transition: left 0.2s ease-in;
	-ms-transition: all 0.2s ease-in ;
	-o-transition: all 0.2s ease-in ;
	transition: left 0.2s ease-in ;
 }
[role="main"], footer {
   position:relative;
   left:0;
   z-index:2;
   width:auto;
   -webkit-transition: left 0.2s ease-in ;
	-moz-transition: left 0.2s ease-in;
	-ms-transition: all 0.2s ease-in ;
	-o-transition: all 0.2s ease-in ;
	transition: left 0.2s ease-in ;

}
.mobileOffcanvas [role="main"], .mobileOffcanvas footer{
 	left:53%;
 }
 .mobileOffcanvas .mainNav{height:1000px;box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.75);
 left:18px;
 
 }
.mobileOffcanvas nav.mainNav li a{
		display:block!important;
		padding:6px 20px;
		margin:0 0 9px 0;
		font-weight:normal;
		-webkit-transition: color .3s ease-in, background-color .3s ease-in;
   		-moz-transition: color .3s ease-in, background-color .3s ease-in;
  		 -o-transition: color .3s ease-in, background-color .3s ease-in;
  		 transition: color .3s ease-in, background-color .3s ease-in;
		}
.mobileOffcanvas nav.mainNav li a:hover,.mobileOffcanvas nav.mainNav li a.active,
.mobileOffcanvas nav.news a#nav_news,
.mobileOffcanvas nav.about a#nav_about,
.mobileOffcanvas nav.tour a#nav_tour,
.mobileOffcanvas nav.music a#nav_music,
.mobileOffcanvas nav.store a#nav_store{
		display:block;
		color:#fff;
		background:#112628;
		}
/* SMALL SCREEN MENU BUTTON NAVIGATION TOGGLE==================================================*/
.mobileShowNav a#mobileNav{background:#2284A1;}

.mobileShowNav [role="navigation"] {
	position:absolute!important;
	left:auto;
	top:70px;
	padding:0;
	right:20px;
	width:auto!important;
	z-index:101!important;
	transition:none;
	height:auto;
	background:#2284A1;
	border-radius:4px 0 4px 4px;
	}
	
.mobileShowNav .mainNav  ul{margin:9px 0 0 0;}
.mobileShowNav .mainNav li,.mobileOffcanvas .mainNav li{display:block;padding:0!important; min-width:110px;margin:0;}
.mobileShowNav .mainNav li a{
	color:#fff!important;transition:none; -webkit-transition:none;-moz-transition:none;-ms-transition:none;
    display: block;
    padding: 6px 20px;
	margin:6px 0;
	font-weight:normal;
	font-size:13px;font-size:1.3rem;
	}
.mobileShowNav .mainNav li a:hover,
.mobileShowNav nav.news a#nav_news,
.mobileShowNav nav.about a#nav_about,
.mobileShowNav nav.tour a#nav_tour,
.mobileShowNav nav.music a#nav_music,
.mobileShowNav nav.store a#nav_store{
		background:#196175!important;
		}
/*turn off navRow properties for small*/		
nav.navRow ul li,nav.navRow ul li:first-child,nav.navRow ul li:last-child{display:block;margin:0;padding:6px 20px;}

/* small screen forms fixes===========================================================*/
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
	}
textarea{width:60%;}


/*==SITE AND STORE STYLES=================================================================*/
header{padding:12px 0 6px 0;}

#sharkTop{display:none;}
 /* .left, .right { float: none; }*/
   body { -webkit-text-size-adjust: none;-ms-text-size-adjust: none; 
		 width: 100%; 
		 min-width: 0; 
		 margin-left: 0; 
		 margin-right: 0; 
		 padding-left: 0; 
		 padding-right: 0; 
		 }
h1.logo{
	float:none;
	margin: 12px 0;
	background-size:contain;
	color:#c00;
	height:auto;
	width:auto;
	background-position:50%;
	padding:20px;	
	}
#headerBar{
	width:100%;
	padding:4px 0px;
	z-index:1;
	}
#blackBox{margin:0 15px; min-height:400px;}
footer{text-align:center;}
.socials{
	clear: both;
    margin: 15px auto;
    padding: 20px 0 0;
    text-align: center;
	}
.subNav li {display:inline-block;}
footer p{margin:0;}
a.poweredBy{margin:0px auto;float:none;}
.product-selectors{display:none;}
/*contact form*/
.hideForm, .helpClose{padding: 0 18px 0 0}
.order-summary-content .checkout-buttons{float:none;text-align: center;}
.coupon-code .button{width:auto;}
.order-summary-content .common-buttons {text-align: center;}
.newsDate{display:block;}
/*store stuff=======*/

/*cats as top nav */
#Categories{float:none;}
#Categories ul li{
	padding:8px;
	background:#4d4d4d;
	margin:0 0 1px 0;
	}
#Categories ul li a{display:block;text-transform:uppercase; color:#fff;}
#Categories ul li:hover{background:#333;}
#PaymentMethods,#CustomerService{text-align:center;}


#headerBar .cartMini{display:inline-block;border:0; margin:2px 0 0 0px;}
#headerBar .flagsHolder{position:relative; top:-2px;}
aside .cartMini{display:none;}
/*store tickets page===*/
div.ticketsBuy {
    clear: both;
    float: none;
    margin-left: 21%;
    margin-top: 12px;
	text-align:left;
}

/*store products===*/

.order-progress ul li {padding: 5px 10px 0;}

.order-summary-content .cart-collaterals .totals.columns.right{float:none;margin:9px 0 0 0;}

.btLikes{
	font-size: 120%;
    margin: 12px 0;
    padding: 0;
	background:#3F8A8F;
	padding:0 0 9px 0;
}
.btLikes .fb_count{
	margin:0 0 9px 0;
	display:block;
	font-size:30px;font-size:3rem;
	}
.btLikes .likeNumberText {
    margin: 0 0 9px 18px;
	display:block;
}
.btLikes iframe {
    height: 21px !important;
    margin: 0 8px;
    overflow: hidden !important;
    position:static;
    width: 47px !important;
	position:relative;
	top:5px;
	left:0;
}
.discCont {height:auto;}
#cover{display:none;}
}

@media (min-width: 540px) and (max-width: 650px) {
  .fb_iframe_widget iframe{
	width:470px!important;
	}
}
@media (min-width: 480px) and (max-width: 540px) {
  .fb_iframe_widget iframe{
	width:420px!important;
	}
}

/* Smartphones (portrait and landscape) CATCH ALL STYLES----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	.show-on-desktop {
        display: none !important;
 		 }
	 .hide-on-desktop{
	    display: inherit !important; 
		}

    .show-on-phone {
      	display: inherit !important;
  		 }
    .hide-on-phone {
    	 display: none !important;
 	 	}	
	
	.six-on-small {width:100%; float:none;}
	.four-on-small {width:100%; float:none; margin:0 0 12px 0;}
	
	.errorPage h1{font-size:120px;font-size:16rem; line-height:0.8; text-align:center;}
	.errorPage .button{width:100%;}
	
	.button{ padding: 7px 14px 8px;}
	
	button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 8px 14px;}
	div.inputs input[type="submit"], .submitButton input[type="submit"] {
    margin: 12px 0 12px 0;
	width:120px;
}
/*tour fixes=============================*/
	
/*store products========*/
#headerBar{font-size:12px;}
#headerBar .cartMini {padding:0;}
#headerBar .columns{padding:0 6px 0 0px;} 
.header-links a.account{display:block;border:0;}

.fb_iframe_widget iframe{
	width:410px!important;
	}
h3 small.right{float:none;display:block;text-align:left;margin:0px 0 18px 0;} 
/*search page fixes*/	

.search-page .inputs label{width:100%;}
div.inputs input[type="checkbox"], div.inputs input[type="radio"], div.primarylist input[type="checkbox"], div.checkbox input[type="checkbox"] {margin:0;}
.product-list .product-item .panel{text-align:center;}
.product-list .product-item .add-info,.product-list .product-item .description {
    margin: 0px;
    padding: 0 0 0 10px;
	position:static;
	float:none;
	text-align:center;
	}
.product-list .product-item h5 {
    left: 0;
    position: static;
}
.product-list .product-item .buttons {padding:0;}
.product-list .product-item .prices {margin:12px 6px;}
.product-list .product-item .picture{float:none;margin:0 0 12px;}

table td, table th {padding: 6px 3px;}
td.product-picture{width:0; padding:0;}
th.picture{padding:0;}
td.product-picture img{display:none;}
th.cart_Price, td.unit-price{display:none;}
td.delivery-method, span.product-delivery-method{width:70px;overflow:hidden;}

h2{letter-spacing:1px;}
.button{width:100%;}
.button.update-cart-button{margin:0 0 12px 0;}
.search-page .search-input .buttons{padding-left:0;}
.add-to-cart-button {margin:0;}
.prices, .add-to-cart-panel{text-align:center;}
.product-details-page .prices .product-price { margin: 12px 0 6px;}
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{text-align:left;}
/*breaking table layout for payment info*/
.opc .step {padding:15px 8px;}

.checkout-data .payment-info table tr{ position:relative;height:70px;border-bottom:1px solid #ddd;}
.checkout-data .payment-info table td:first-child{position:absolute;width:100%;text-align:left;}
.checkout-data .payment-info table td:last-child{vertical-align:bottom;padding-bottom:8px;}
.checkout-data .payment-info table td label {margin: 3px 1px 0 0;}

.message-error{padding:0}
.message-error ul{margin:0;}
.checkout-data .order-review-data{padding:0;}
.checkout-data .order-review-data ul {margin:0 8px 12px; width:100%;}
ul.method-list{margin:0 0 18px 0;}
.method-name{margin:0 0 12px 0;}
.method-name  input[type="radio"] + label{width:80%; margin:0 9px;}
.method-name input[type="radio"] {vertical-align:top; margin: 3px;}

.subNav{padding-bottom:12px;}
}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 /* Smartphones (portrait) SPECIFIC----------- */
@media only screen 
and (max-width : 320px) {
	.header{padding:0;}
	.button{width:100%;}
	.button.update-cart-button{margin:0 0 12px 0;}
	.search-page .search-input .buttons {padding:0;}
	.order-progress{display:none;}
	.add-to-cart-button{margin-left:0;}
	.estimate-shipping .shipping-options .estimate-shipping-button{width:auto;}
	.unit-price, th.cart_Price{display:none;}
	.cart th{font-weight:normal; font-size:90%;}
	.back-link a{margin:0 0 12px 0;}
	.order-review-data{padding:10px 0;}
	.fb_iframe_widget iframe{width:260px!important;}
	img.alignLeft, img.alignleft,img.alignRight, img.alignright {
   	 	display: block;
    	float: none;
   		 margin: 0 auto 9px;
		}
	.subNav li{display:inline-block;margin-bottom:6px;}
}
/* Portrait tablet to landscape and desktop ==============================================*/
@media (min-width: 768px) and (max-width: 979px) {
  .hide-on-desktop {
   
	}
  .show-on-desktop {
    display: none !important ;
  }
  .show-on-tablet {
   
  }
  .hide-on-tablet {
    display: none !important;
  }
  .show-on-small {
      	display: none !important;
  		 }
  .hide-on-small {
      
  		 }
}
  
/* iPhone 4 and retina displays----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}