@charset "utf-8";


body	{
	font-weight: 400;
	line-height: 18px;
	font-family: Arial;
	color: #000;
	font-size: 16px;
	margin:0;
	padding:0;
	background-color:rgb(255,255,255);
}

p {
	line-height: 22px;
}
	
#header	{
	width: 1200px;
	height:112px;
	margin: 0px auto;
}
.mobile, .mobile-block {
	display: none;
}
.desktop { 
	display: block;
}

#logo_dt	{
	display: block;
	text-align: center;
}
#logo_mb	{
	display: none;
}

#banner {
	font-size: 16px; 
	font-weight: bold; 
	vertical-align: middle; 
	margin-left: 21px; 
	letter-spacing: 0.2em; 
	text-transform: none; 
}
#phone	{
	display: inline-block;
	font-family: Arial;
	color: #cc0000;
	font-size: 40px;
	margin-left: 0px;
	margin-top: 0px;
	vertical-align:top;
	margin-bottom: 0px;
}
	
#phone a {
	color: #2a2886;
	text-align: center;
    display: inline-block;
}

.desktop #phone {
	text-transform: none;
	float: right;
    margin-left: 40px;
    margin-top: 10px;
}

.bookNow {
	color: #fff;
/*	background-color:#2810bd; */
	background-color: #ea672f;
	font-size: 20px;
	font-weight:bold;
	margin-top:5px;
	margin-right: 20px;
	float:right;
	padding: 10px;
	display:inline-block;
	vertical-align:top;
}

#main .bookNow a, #main .bookNow a:visited, #main .bookNow a:hover,
#main .bookNowLoc a, #main .bookNowLoc a:visited, #main .bookNowLoc a:hover {
	color: #fff;
}

#header .bookNow, #header .bookNowLoc {
	margin-right: 275px;
	margin-top:50px;
}
.bookNowLoc {
	color: #fff;
/*	background-color:#2810bd; */
	background-color:#ea672f;
	font-size: 20px;
	font-weight:bold;
	margin-top:10px;
	padding: 8px;
	display:inline-block;
	vertical-align:top;
	width: 190px;
}
.bookNowBig {
	color: #fff;
/*	background-color:#2810bd; */
	background-color:#ea672f;
	font-size: 20px;
	font-weight:bold;
	margin-top:10px;
	padding: 15px 20px;
	display:inline-block;
	vertical-align:top;
}
.bookNowLoc a, .bookNow a, .bookNowBig a {
	text-decoration:none;
	color: 	#fff;
}
.bookNowTop {
	color: #fff;
/*	background-color:#2810bd; */
	background-color: #ea672f;
	font-size: 16px;
	text-transform:uppercase;
	margin-left:10px;	
	padding: 14px 13px 6px;
	display:inline-block;
	vertical-align:top;
}
.bookNowTop a {
	color:#fff;
	text-decoration: none;
	font-size: 18px;
	text-transform:uppercase;
}

#main .button {
	background: #ea672f;
	color: white;
	text-decoration: none;
	padding: 10px 20px;
	font-weight: bold;
	margin: 0 auto;
	font-size: 20px;
}
.button-parent {
	margin: 30px auto;
	text-align: center;
}
#main .button:hover {
	background: #2a2886;
}
#main .button:visited {
	color: white;
}

.chooseLoc {
	display:inline-block;
	vertical-align:top;
	margin-top:18px;
	color: white;
	font-size: 18px;
	font-style: italic;
	margin-right: 213px;
}
.chooseLoc a {
	color: white;
}
.chooseLoc2 {
	display:inline-block;
	vertical-align:top;
	margin-top:18px;
	color: white;
	font-size: 18px;
	font-style: italic;
	margin-right: 150px;
}
.chooseLoc2 a {
	color: white;
}
.locNav {
	display:inline-block;
	margin-left: 30px;
}
.topbar {
	display:inline-block;
	vertical-align:top;
	margin-top:18px;
	color: white;
	font-size: 18px;
	margin-right: 0px;
}
.topbar a {
	color: white;
	text-decoration: none;
}
#newsletter	{
	height: 46px;
	margin-top: 5px;
	vertical-align:top;
	width:200px;
	display: inline-block;
}
.newsletter {
	color: #2810bd;
	background-color:#fff;
	font-size: 14px;
	font-weight:bold;
	margin-top:0px;
	padding: 10px;
	display:inline-block;
	vertical-align:top;
	border: solid 1px #2810bd;
}
.newsletter2 {
	color: #fff;
	background-color: #ea672f;
	font-size: 14px;
	font-weight:bold;
	margin-top:0px;
	padding: 10px;
	display:inline-block;
	vertical-align:top;
	border: solid 1px #2810bd;
}
.newsletter a, .footer-copy .newsletter a, .footer-copy .newsletter a:hover {	
	font-size: 14px;
    font-weight: bold;
	color: #2810bd;
	text-decoration: none;
	text-transform:uppercase;
}
.newsletter2 a  {	
	font-size: 14px;
    font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
}

.header_addr {
	display:inline-block; 
	width: 200px;
	font-size:14px;
	font-weight:bold;
	vertical-align: top;
	line-height: 22px;
}

.desktop .header_addr {
	font-size: 18px
}

.fb {
	display:inline-block;
	width:50px;
	float:right;
	vertical-align:top;
}
.nav-bar {
	width: 100%;
	height: 65px;
	background-color:#654398;
}

.menu-toggle { display: none; }


#slideshow, #slidemobile {
/*	max-width: 1499px;  */
	margin: 0 auto;
	height: 450px;
/*	min-width: 1000px; */
}
#slideshow img {
	margin: 0 auto;
}
.slider_div {
/*	max-width: 1499px;  */
	height: 450px;
}

#main	{
	width: 1180px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0px 10px 25px 10px;
	position:relative;
	z-index:15;
}
	
#main img {
	max-width: 100%;
}

.green-home {
	max-width:1479px; 
	margin:0 auto;
	padding:10px;
}

.full-width	{
	width: 1199px;
	margin: 0 auto;
	background-color: #fff;
	padding: 0px;
	position:relative;
	z-index:9;
}
.full-width-gradient {
	width: 100%;
	margin: 0 auto;
 	background: #fff;
	padding: 0px;
	position:relative;
	z-index:0;
}	
.full-width-color	{
	width: 100%;
	margin: 0 auto;
/*	background-color: #654398; */
	background:none;
	padding: 0px;
	position:relative;
	z-index:9;
}
.full-width-yellow	{
	display:none;
/*	width: 100%;
	height: 28px;
	padding-top:13px;
	margin: 0 auto;
	display: inline-block;
	text-align:center;
	color:#2a2886;
	font-size:30px;
	font-weight:bold;
  	background-color: #2a2886;     
 	background-image:url(https://xtremecraze.us/images/nav-bkg.jpg);
	background-repeat:repeat-x;
	position:relative;
	z-index:9; */
}
.full-width-yellow h1 {
	text-align:center;
	color:#2a2886;
	font-size:30px;
	font-weight:bold;
	position:relative;
	margin-top:0;
	font-family: Arial, Helvetica, sans-serif;
}
.locations-bg {
	width:100%;
	background-image:url(https://xtremecraze.us/images/locations-background.jpg);
	background-size:cover;
}

.inner {
	max-width: 1200px;
	margin:0 auto;
	background-color:#FFFFFF;
}
.inner p, .inner h2 {
	margin-left: 20px;
	margin-right: 20px;
}
.inner-home {
	max-width: 1200px;
	margin:0 auto;
	background:white;
	padding-bottom: 13px;
}
#home-buttons	{
/*	max-width: 1000px; */
	margin: 0 auto 0 auto;
	display: inline-block;
/*	background-color: #f7c000;  
 	background-image: url(https://www.xtremecraze.us/images/page-bkg.jpg); */
	background:none;
	width:100%;
}

.home-btn	{
	width: 262px;
	height: 143px;
	display: inline-block;
	color: white;
    text-align: center;
	text-transform:uppercase;
	vertical-align:top;
    font-size: 18px;
    line-height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-left: 26px;
	background-image:url(https://www.xtremecraze.us/images/home-box-bg.png);
	background-size:cover;
}
.home-btn img {
	width: 300px;
}
.home-btn1	{
	width: 262px;
	height: 143px;
	display: inline-block;
	color: white;
    text-align: center;
	text-transform:uppercase;
	vertical-align:top;
    font-size: 18px;
    line-height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-left: 26px;
	background-image:url(https://www.xtremecraze.us/images/box_lasertag.jpg);
	background-color: #080a79;
	background-size:cover;
}
.home-btn1 img {
	width: 300px;
}
.home-btn2	{
	width: 262px;
	height: 143px;
	display: inline-block;
	color: white;
    text-align: center;
	text-transform:uppercase;
	vertical-align:top;
    font-size: 18px;
    line-height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-left: 26px;
	background-image:url(https://www.xtremecraze.us/images/box_arcade.jpg);
	background-color: #8e1d1f;
	background-size:cover;
}
.home-btn2 img {
	width: 300px;
}
.home-btn3	{
	width: 262px;
	height: 143px;
	display: inline-block;
	color: white;
    text-align: center;
	text-transform:uppercase;
	vertical-align:top;
    font-size: 18px;
    line-height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-left: 26px;
	background-image:url(https://www.xtremecraze.us/images/box_adrenalinezone.jpg);
	background-color: #f48f23;
	background-size:cover;
}
.home-btn3 img {
	width: 300px;
}
.home-btn4	{
	width: 262px;
	height: 143px;
	display: inline-block;
	color: white;
    text-align: center;
	text-transform:uppercase;
	vertical-align:top;
    font-size: 18px;
    line-height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-left: 26px;
	background-image:url(https://www.xtremecraze.us/images/box_airpark.jpg);
	background-color: #441682;
	background-size:cover;
}
.home-btn4 img {
	width: 300px;
}
.home-btn-red	{
	width: 262px;
	height: 143px;
	display: inline-block;
	color: white;
    text-align: center;
	vertical-align:top;
    font-size: 20px;
    line-height: 25px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-left: 26px;
	background-image:url(https://www.xtremecraze.us/images/home-box-red.png);
	background-size:cover;
}
#home-columns	{
	width:100%;
	max-width: 1180px;
	margin: 10px auto;
	margin-bottom: 20px;
	display: inline-block;
}

.home-col	{
	width: 537px;
	display: inline-block;
	margin-right:20px;
	margin-left:23px; 
	padding: 0px;
	vertical-align:top;
}

.home-2-cols	{
	max-width: 605px;
	display: inline-block;
	margin-left: 12px; 
	padding: 10px;
}

.home-wob	{
	margin: -58px auto;
	margin-bottom: 20px;
	text-align:center;
}
.home-wob .bigRed {
	color: #FFFFFF;
} 

.home-great	{
	margin: 0px auto;
	margin-bottom: 0px;
	text-align:center;
}

.loc-col	{	
	width:50%;
	max-width: 555px;
	display: inline-block;
	margin-left:23px; 
	padding: 0px;
	vertical-align:top;
	color: white;
	line-height:30px;
	font-size:24px;
}
.loc-col p {
	line-height: 28px;
}
.left-col {
	display: none;
	width: 180px;
	margin: 20px 20px 0 0px;
	vertical-align: top;
}

.main-col {
	display: inline-block;
	max-width: 680px;
	margin-right: 25px;
}

.wide-col {
	display: inline-block;
	width: 100%;
	max-width: 1100px;
	margin-right: 0;
}

.wide-col-no-nav {
	display: inline-block;
	width: 100%;
	max-width: 760px;
	margin-left: 50px;
	margin-right: 0;
}

.contentLeft {
	display: inline-block;
	max-width: 800px;
}

#rightColumn {
	display: inline-block;
	margin-top: 14px;
	padding-left: 10px;
	margin-left: 15px;
	padding-right: 0px;
	width: 220px;
	vertical-align:top;
	border-left: solid 1px #ccc;
}

.right-col {
	display: inline-block;
	float:right;
	margin-top: 14px;
	padding-left: 10px;
	margin:auto;
	padding-right: 0px;
	width: 220px;
	vertical-align:top;
	border-left: solid 1px #ccc;
}
.fixed-right-col {
	top: 161px;
	width: 205px;
	display:inline-block;
}

.loc-deets {
	display: block;
	background-color: #251e64;
	color:white;
	font-size: 16px;
	margin: 0 auto;
	padding: 15px;
	width: 375px;
}
.loc-deets a {
	color: white;
	text-decoration: none;
}
.loc-deets .bookNowLoc a {
	color: #2a2886;
}

.specials {
	width: 100%;
    text-align: center;
    background-color: #ea672f;
    color: white;
    font-weight: bold;
    font-size: 20px;
    padding: 1px;
}
.specials p {
	margin: 4px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	max-width: 760px;
}
.video-container iframe  {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-only 	{
	display: none;
}

.white-section {
	margin: 20px 20px 0 20px;
}
.black-nav {
	background-color:black;
	height:30px;
	color: white;
	padding:10px 0px;
	font-size:20px;
	width:100%;
	text-align:center;
	display:inline-block;
}
.pirate-bg {
	background-image:url(https://www.xtremecraze.us/images/about-escape-rooms-bkg.jpg);
	text-align:center;
	padding:20px 205px;
	clear:both;
	font-weight:bold;
	height:213px;
}
.ship-bg {
	background-image:url(https://www.xtremecraze.us/images/ship_bg.jpg);
	text-align:center;
	color:white;
	font-size:16px;
	padding:10px 190px;
	clear:both;
	font-weight:bold;
	max-width:100%;
}
.ship-bg h1 {
	color: white;
}
.ghost-ship-bg {
	background-image:url(https://www.xtremecraze.us/images/pirate-on-ghost-ship.jpg);
	text-align:center;
	color:white;
	font-size:16px;
	padding:10px 190px;
	clear:both;
	font-weight:bold;
	max-width:100%;
	height:340px;
}
.sails-bg {
	background-image:url(https://www.xtremecraze.us/images/pirate-sails.jpg);
	text-align:center;
	color:white;
	font-size:16px;
	padding:0;
	clear:both;
	font-weight:bold;
	max-width:100%;
	height:225px;
}
.map-bg {
	background-image:url(https://www.xtremecraze.us/images/escape_map.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:center;
	color:black;
	clear:both;
	font-weight:bold;
	max-width:100%;
	height:630px;
}
.book-frame {
	max-width:600px;
	height:400px; 
	width:600px; 
}
.book-frame-2 {
	max-width:500px;
	height:800px; 
	width:500px; 
}
.book-frame-3 {
	max-width:500px;
	height:400px; 
	width:500px; 
}

ul.green-circle {
 	list-style-image:url(https://www.xtremecraze.us/images/para-bullet.png); 
	padding-left: 25px; 
	margin-left: 0;
}
.green-circle li {
	float:left;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 20px;
	line-height: 12px;
}

.para-header {
	font-family: 'Arial', sans-serif;
	color: #2a2886;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
}

.loc-header {
	color: #f7c000;
	font-size: 24px;
	font-weight:bold;
}

.green-bkg {
	background-color:rgb(92, 230, 17);
}

.pic-frame {
	background-color: rgba(46,21,198,1.00);	
}

.logo-shadow {
	-webkit-box-shadow: 1px 1px 1px 1px rgba(252,252,252,1.00);
	box-shadow: 1px 1px 2px 2px rgba(255,255,255,1.00);
}

#main a:visited {
	color:#2a2886;
}
#main a {
	color:#2a2886;
}
#Accordion1 a, #Accordion1 a:visited {
	color: white;
}

.link_box {
	display: inline-block;
}
.big-blue {
	font-family: "Gill Sans MT", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #2a2886;
	font-size: 18px;
}
#main a.big-blue {
	font-family: "Gill Sans MT", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #3309ac;
	font-size: 18px;
}
#main a.big-blue:hover, a.big-blue:visited {
	font-family: "Gill Sans MT", "Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #2a2886;
	font-size: 18px;
}
.big-red {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #c8322e;
	font-size: 22px;
	line-height: 22px;
}
#main a.big-red {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #c8322e;
	font-size: 22px;
	line-height: 22px;
}
#main a.big-red:hover, a.big-red:visited {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #c8322e;
	font-size: 22px;
	line-height: 22px;
}
.bigRed, #main a.bigRed {
	font-weight: bold;
	color: #c8322e;
	font-size: 40px;
	line-height:50px;
}
.bigBlue {
	font-weight: bold;
	color: #3309ac;
	font-size: 28px;
	line-height:34px;
}
.medBlue {
	font-weight: normal;
	color: #2a2886;
	font-size: 18px;
}

.nav-bar-fn-bev {
    width: 100%;
    height: 50px;
	background-color: #2a2886;
}

.loc-nav-bar {
    width: 100%;
	z-index:99;
    height: 38px;
	background-color: #251e64;
	color: #fff;
	font-size: 18px;
}

.left-nav-button {
	display: block;
	width: 181px;
	height: 48px;
	background-image:url(https://www.xtremecraze.us/images/sub-left-nav-btn.png);
	padding: 10px 0 0 16px;
	margin-bottom: 20px;
	text-decoration:none;
	font-family: Arial, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}

a.left-nav-button:hover {
	display: block;
	width: 181px;
	background-image:url(https://www.xtremecraze.us/images/sub-left-nav-btn-HOVER.png);
	text-decoration:none;
	font-family: Arial, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}

.silver divide {
	width: 100%;
	height: 9px;
	background-image: url(https://www.xtremecraze.us/images/silver-divide.jpg);
	background-repeat: repeat-x;
}


.page-bkg-gradient-img {
	width: 100%;
	height: auto;
}

.pg-bkg-img-end {
	background-color:rgb(8, 3, 20);
}

.slide-image {
	width: 100%;
	height: auto;
}

.slider-main-header{
	display: inline-block;
	font-family: "Gill Sans MT", "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 65px;
	font-weight: 400;
	line-height: 18px;
	height: 32px;
	margin-top: 266px;
	margin-left: 275px;
	padding: 26px 10px 20px;
	background-color: #ea672f;
}

.slider-sub-header{
	display: inline-block;
	font-family: "Gill Sans MT", "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 35px;
	font-weight: 400;
	line-height: 18px;
	background-color: #2a2886;	
	margin-top: 5px;
	margin-left: 600px;
	height: 20px;
	padding: 16px 10px;
}

.slider-sub-head-bar {
	width: 100%;
	height: auto;
	background-color: rgba(46,21,198,1.00);	
}


h1 {
	font-family: 'Arial', sans-serif;
	color: #2a2886;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	text-transform:uppercase;
	margin-top: 30px;
}
.h1white {
	font-family: 'Arial', sans-serif;
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	text-transform:uppercase;
	margin-top: 30px;
}

h2 {
	font-family: 'Arial', sans-serif;
	color: #2a2886;
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	margin-top:0;
}

.h2yellow {
	font-family: 'Arial', sans-serif;
	color: #f7c000;
	font-family: Arial, sans-serif;
	font-size:32px;
	margin-bottom:13px;
}
.h2purple {
	font-family: Arial, sans-serif;
	margin-bottom:0;
}
.h2red {
	font-family: 'Arial', sans-serif;
	color: #CC0000;
	font-family: Arial, sans-serif;
	font-size:32px;
	line-height: 34px;
	margin-bottom:15px;
}
.h2white {
	font-family: 'Arial', sans-serif;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size:32px;
	line-height: 34px;
	margin-bottom:15px;
}

.h2lime {
	font-family: 'Arial', sans-serif;
	color: #00FF00;
	font-family: Arial, sans-serif;
	font-size:32px;
	line-height: 34px;
	margin-bottom:15px;
}

h3 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 16px;
	font-weight:bold;
	line-height: 26px;
}

.h3purple {
	font-size: 20px;
	margin-top:0;
	line-height:20px;
}

h4 {
	color: #000066;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}

h5	{
	color: #000066;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	}


h6	{
	color: #CC0000;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}


h6.h6Home	{
	clear:both;
	font-family: 'Impact', sans-serif;
	font-size:20px;
	font-weight: normal;
	color: #CC0000;
	line-height: 24px;
}

h7 {
	font-family: Arial, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
	text-align: center;
}

td	{
	color: #231f20;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.text_box {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: normal;
	background-color: #d10000;
	margin: 2px;
	padding: 6px;
	width: 200px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.text_box p {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: normal;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:700px;
	height:100%;
}
.video-container-home {
	position: relative;
    padding-bottom: 0px;
    padding-top: 30px;
    display: inline-block;
    height: 330px;
    max-width: 100%;
	float:right;
	width:100%;
}

.video-container-home iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:530px;
	height:300px;
}

#navbar {
	margin: 0 auto;
	width: 1200px;
	height: 45px;
	background: none;
 	padding: 0px;
}
.navbar {
	margin: 0 auto;
	width: 1200px;
	height: 100%;
	background: none;
 	padding: 0px;
}

ul.sidenav {
	display: block;
	list-style:none;
	padding-left: 0;
	width: 180px;
	margin-top:0;
}

ul.sidenav li {
/*	background: #f9f9f9 */
}
ul.sidenav li a {
	text-decoration: none;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 9px 5px 10px 15px;
	border-bottom: 1px solid #000;
	color: #242168;
	margin: 0;
}
ul.sidenav li a:visited {
	color: #242168;
}
ul.sidenav li a:hover {
	color: #000;
}
ul.sidenav li p {
	text-decoration: none;
	font-weight: bold;
	position: relative;
	display: block;
	padding: 9px 5px 10px 15px;
	border-bottom: 1px solid #000;
	margin: 0;
	color: #000;
}
ul.sidenav li p.active {
	background-image: url(images/blue-arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
/*	z-index: 		88; */
	font-family: Arial;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
	height: 45px;
}
.sf-menu {
	line-height:	1.0;
	height: 45px;
	margin: 0 auto;
	display:inline-block;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			300px; /* left offset of submenus need to match (see below) */
/*	background-image: url("http://www.lasercraze.us/new-site/images/blue-box-bottom.png");
	background-repeat:no-repeat;
	background-position:center bottom; */
	margin-top: 0px;
	margin-left: -50px;
}
.sf-menu ul li {
	width:			100%;
	height: 45px;
	border-bottom: solid 1px #fff;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
/*	width: 98px; */
	margin-right: 25px;
	margin-left: 6px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		88;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			300px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			300px; /* match ul width */
	top:			0px;
}
/*** DEMO SKIN ***/
.sf-menu a {
	padding: 		15px 0px 0 0px;
	text-decoration:none;
	text-align:center;
	color: 			#fff;
	font-size: 		16px;
	font-weight:	bold;
	display:		block;
	position:		relative;
	text-transform: uppercase;
	height: 30px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu a:hover	{
	color:			#ccc;
}
.sf-menu li li {
	float:			left;
	position:		relative;
	height: 45px;
	width: 233px;
 	background-color: #2a2886;  
}
.sf-menu li li a { 
	padding: 		15px 0px 0 8px;
	text-decoration:none;
	text-align:left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display:		block;
	position:		relative;
	height: 30px;
}
.sf-menu li li li {
	background: none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu ul.contact {
	margin-left: -110px;
}


/*** TOP LOCATIONS MENU SF-MENU2 ***/
.sf-menu2, .sf-menu2 * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 		88;
	font-family: Arial;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-transform: none;
	height: 40px;
}
.sf-menu2 {
	line-height:	1.0;
	height: 40px;
	margin: 0 auto;
	display:inline-block;
}
.sf-menu2 ul {
	position:		absolute;
	top:			-999em;
	width:			300px; /* left offset of submenus need to match (see below) */
/*	background-image: url("http://www.lasercraze.us/new-site/images/blue-box-bottom.png");
	background-repeat:no-repeat;
	background-position:center bottom; */
	margin-top: 0px;
	margin-left: -50px;
}
.sf-menu2 ul li {
	width:			100%;
	height: 40px;
	border-bottom: solid 1px #fff;
}
.sf-menu2 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu2 li {
	float:			left;
	position:		relative;
/*	width: 98px; */
	margin-right: 5px;
    padding-right: 5px;
    margin-left: 13px;
}
.sf-menu2 li:hover ul,
.sf-menu2 li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		88;
}
ul.sf-menu2 li:hover li ul,
ul.sf-menu2 li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu2 li li:hover ul,
ul.sf-menu2 li li.sfHover ul {
	left:			300px; /* match ul width */
	top:			0px;
}
ul.sf-menu2 li li:hover li ul,
ul.sf-menu2 li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu2 li li li:hover ul,
ul.sf-menu2 li li li.sfHover ul {
	left:			300px; /* match ul width */
	top:			0px;
}
/*** DEMO SKIN ***/
.sf-menu2 a {
	padding: 		14px 0px 0 0px;
	text-decoration:none;
	text-align:center;
	color: 			#fff;
	font-size: 		16px;
	font-weight:	bold;
	display:		block;
	position:		relative;
	text-transform: none;
	height: 30px;
}
.sf-menu2 a, .sf-menu2 a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu2 a:hover	{
	color:			#ccc;
}
.sf-menu2 li li {
	float:			left;
	position:		relative;
	height: 40px;
	width: 220px;
 	background-color: #251e64;  
}
.sf-menu2 li li a { 
	padding: 		10px 0px 0 8px;
	text-decoration:none;
	text-align:left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display:		block;
	position:		relative;
	height: 30px;
}
.sf-menu2 li li li {
	background: none;
}
.sf-menu2 li:hover, .sf-menu2 li.sfHover,
.sf-menu2 a:focus, .sf-menu2 a:hover, .sf-menu2 a:active {
	outline:		0;
}
.sf-menu2 ul.contact {
	margin-left: -110px;
}

/** END SF-MENU2 **********/

.color-burst {
	width:50%;background-color:#bf3827;border:solid 2px #17427c;text-align:center;margin:0 auto;padding:7px 0;clear:right;
}
.orange-bkg {
	background-color: #ea672f;
	width: 100%;
	text-align:center;
	font-size: 18px;
	line-height: 20px;
}
.orange-bkg a {
	color: #ea672f;
}
.black-bkg {
	background-color: #000000;
	width: 100%;
	text-align:center;
	font-size: 18px;
	line-height: 20px;
}
.white-banner {
	padding-top: 10px;
	display: block;
}
.zz-banner {
	padding-top: 0px;
	display: block;
}
.zigzag {
	margin:38px;
	clear:right;
	background-color:#ffcc00;
	position:relative;
	text-align:center;
	width: 200px;
	height: 200px;
	display:inline-block;
}
.zigzag span {
	 display:block;
	 height:40px;
	 position:absolute;
	 top:20%;
	 margin-top:0px;
	 z-index:10;
}
.zigzag:after, .zigzag:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
	background-color:#fc0;
}
.zigzag_black {
	margin:42px;
	clear:right;
	background-color:#000;
	position:relative;
	text-align:center;
	width: 180px;
	height: 180px;
	display:inline-block;
}
.zigzag_text {
	 display:block;
	 height:40px;
	 position:absolute;
	 top:18%;
	 left:-24px;
	 margin-top:0px;
	 z-index:10;
     -webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
     -ms-transform: rotate(-15deg);
     -o-transform: rotate(-15deg);
}
.zigzag_black span {
	position: relative;
	height:44px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
}
.zigzag_black:after, .zigzag_black:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 180px;
    height: 180px;
	background-color:#000;
}

.zigzag:before, .zigzag_black:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
.zigzag:after, .zigzag_black:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}
.zigzag_black  {
    -webkit-transform: rotate(15deg);
       -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
         -o-transform: rotate(15deg);
}

.zz_container {
	display:inline-block;width:33%;text-align:center;vertical-align:top;
}

.price-header {
	color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 60px;
    display: inline-block;
    width:100%;
    text-align: center;
    line-height: 60px;
    padding: 20px 0;
}
.price-text {
	width: 200px;
    padding: 20px;
    font-size: 24px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.rounded-box {
	width: 225px;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px black;
    box-shadow: black 0px 2px 10px;
    display: inline-block;
    margin: 15px;
    padding: 10px;
    text-align: center;
	vertical-align:top;
}
.rounded-box-md {
	width: 500px;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px black;
    box-shadow: black 0px 2px 10px;
    display: inline-block;
    margin: 55px 38px;
    padding: 10px;
    text-align: center;
	vertical-align:top;
}
.rounded-box-sm {
	width: 200px;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px black;
    box-shadow: black 0px 2px 10px;
    display: inline-block;
    margin: 15px;
    padding: 10px;
    text-align: center;
	vertical-align: top;
}
.rounded-box-lg {
	width: 86%;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px black;
    box-shadow: black 0px 2px 10px;
    display: inline-block;
    margin: 15px;
    padding: 10px;
    text-align: center;
}
.rounded-box-60 {
	width: 56%;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    border: solid 1px black;
    box-shadow: black 0px 2px 10px;
    display: inline-block;
    margin: 15px;
    padding: 10px;
    text-align: center;
	vertical-align:top;
}
.rounded-black-box {
	width: 90%;
    color: #fff;
    background-color: #2a2886;
    border-radius: 20px;
    border: solid 2px #fff;
    display: inline-block;
    margin: 15px;
    padding: 10px;
	line-height: 34px;
    font-size: 32px;    
	text-align: center;
}

.rounded-black-box-left {
	width: 30%;
    color: #fff;
    background-color: #2a2886;
    border-radius: 20px;
    border: solid 2px #fff;
    display: inline-block;
    margin: 15px;
    padding: 10px;
	line-height: 34px;
    font-size: 28px;    
	text-align: center;
}

.rounded-box-red {
	width: 350px;
    color: #fff;
    background-color: #CC0000;
    border-radius: 20px;
    border: solid 1px black;
    display: inline-block;
    margin: 55px 38px;
    padding: 10px;
    text-align: center;
	vertical-align:top;
}

.rounded-box-green {
	width: 350px;
    color: #fff;
    background-color: #006600;
    border-radius: 20px;
    border: solid 1px black;
    display: inline-block;
    margin: 55px 38px;
    padding: 10px;
    text-align: center;
	vertical-align:top;
}


.box-right {
}
.desktop-50 {
	margin-top:50px;
}
.pkg-header {
	color: #2a2886;
    font-size: 24px;
    line-height: 28px;
}
.pkg-header-lg {
	font-size: 34px;
    color: white;
    line-height: 45px;
    font-style: italic;
}
.orange-price {
	color: #ea672f;
	font-size: 36px;
    line-height: 36px;}
.orange-small {
	color: #ea672f;
	font-size: 16px;
}
.white-price {
	color: #fff;
	font-size: 36px;
    line-height: 36px;}
.orange-small {
	color: #ea672f;
	font-size: 16px;
}
.yellow-small {
	color: #FFCC00;
	font-size: 16px;
	font-style:italic;
}
.purple-border {
	border: solid 2px #2a2886;
	width: 90%;
}
.red-border {
	border: solid 2px #c00;
	width: 90%;
}

.main-para {
	width: 250px;
	height: 155px;
	font-weight: 400;
	line-height: 18px;
	font-family: Arial;
	color: #231f20;
	font-size: 14px;
}

.3-col-para {
	width: 300px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.col-4 {
	width: 226px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color:#d4d4e8;
	color: #000;
	display:inline-block;
}

.purple-row {
	width:43%;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color:#d4d4e8;
	color: #000;
	display:inline-block;
	vertical-align:top;
}

.left-nav-copy {
	font-family: Arial, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}
.coupon	{
	background-color: #55d80d;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 10px auto;
}

#footer	{
	width: 100%;
	display:inline-block;
	margin: 0px auto;
	padding-top: 20px;
	background: #2a2886;
	color: white;
}

.footer-copy {
	font-family: Arial, sans-serif;
	line-height:20px;
	color:#FFFFFF;
	font-size:14px;
}

.footer-copy li {
	list-style-type: none;
}

.footer-copy a {
	font-family: Arial, sans-serif;
	text-decoration: NONE;
	line-height:20px;
	color:#FFFFFF;
	font-size:14px;
}
	
.footer-copy a:hover {
	text-decoration: NONE;
	color:#5ce611;
}	

.disclaimer, .disclaimer a {
	font-size: 16px;
} 

.test-footer-copy {
	font-family: Arial, sans-serif;
	line-height:22px;
	color:#CC0000;
	font-size:14px;
}

.errortext {
	color: #CC0000;
	font-weight: bold;
}
.link,
.link a,
.signupframe
{
	color: #226699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	.link,
	.link a {
		text-decoration: none;
		}
	.signupframe {
		border: 0px solid #000000;
		background: #ffffff;
		}
.signupframe .required {
	font-size: 14px;
	}
	

/*
    Name: YouTubePopUp
    Description: jQuery plugin to display YouTube or Vimeo video in PopUp, responsive and retina, easy to use.
    Version: 1.0.1
    Plugin URL: http://wp-time.com/youtube-popup-jquery-plugin/
    Written By: Qassim Hassan
    Twitter: @QQQHZ
    Websites: wp-time.com | qass.im | wp-plugins.in
    Dual licensed under the MIT and GPL licenses:
        http://www.opensource.org/licenses/mit-license.php
        http://www.gnu.org/licenses/gpl.html
    Copyright (c) 2016 - Qassim Hassan
*/

.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:9999999999999;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
    top:32px;
    z-index:99998;
}

.YouTubePopUp-Content{
    max-width:680px;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;
    display:block !important;
    height:480px !important;
    border:none !important;
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    bottom:528px;
    right:0px;
    margin:auto 0;
    width:24px;
    height:24px;
    background:url(../images/close.png) no-repeat;
    background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    -o-background-size:24px 24px;
}

.YouTubePopUp-Close:hover{
    opacity:0.5;
}

/*  ESCAPE ROOM STYLES */

.fullwidth		{ 
	width: 100%;
 	max-width: 1000px; 
	position: relative; 
	margin: 0 auto; 
	padding: 0; 
  }
.fullwidthPad	{ 
 	max-width: 1000px; 
	margin: 0 15px;	
	position: relative; 
}
	
.Enav-bar-fn-bev {
	width: 100%;
	z-index:88;
	background-color:black;
	height:25px;
	color: white;
	padding:15px 0px;
	font-size:20px;
	text-align:center;
	display:inline-block;
	background-image: url('https://www.xtremecraze.us/images/escape-nav-bar.jpg');
	background-repeat: repeat-x;
}
#main .Enav-bar-fn-bev a {
	color: white;
	text-decoration: none;
}
	
.halfwidth	{ 
    width: 47%;
	display:inline-block;
	position: relative; 
}
	
.halfwidth p {
	font-family: Arial, sans-serif;
	color: #000;
	font-size: 16px;	
	line-height: 24px;
	margin: 10px;
}
		
.spaceheader {
	margin-bottom: -15px;
}
	
.sharkspace {
	margin-top: -30px;
}
	
.silverbar			{
	background-image: -webkit-repeating-linear-gradient(91deg,rgba(244,244,244,1.00) 0%,rgba(210,210,210,1.00) 100%);
	background-image: -moz-repeating-linear-gradient(91deg,rgba(244,244,244,1.00) 0%,rgba(210,210,210,1.00) 100%);
	background-image: -o-repeating-linear-gradient(91deg,rgba(244,244,244,1.00) 0%,rgba(210,210,210,1.00) 100%);
	background-image: repeating-linear-gradient(359deg,rgba(244,244,244,1.00) 0%,rgba(210,210,210,1.00) 100%);
	padding-top: 15px;
	padding-bottom: 15px;
	border: medium solid rgba(178,178,178,1.00);
	-webkit-border-radius: 15px;
	border-radius: 15px; 
   }	
	  
.silverbar h1 {
	font-family: Arial, sans-serif;
	color: rgba(16,13,161,1.00);
	font-size: 30px;
	font-weight: bold;
}
	
.silverbar h2 {
	font-family: Arial, sans-serif;
	color: rgba(16,13,161,1.00);
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	margin-top: -5px;
	margin-bottom: -5px;
}
      
.halfwidthPad	{ 
	max-width: 460px;  
	padding:0px 20px 0px 0px;
	float: left; 
	position: relative; 
	margin-left: 10px; 
	margin-right: 10px;
   }
  
.purp-bkg {
 	background-color: white;
	max-width: 700px;
	margin-bottom: 20px;
}

 .red-bkg {
	background-color:rgba(200, 50, 46, 1.00);
	max-width: 320px;
	padding: 28px 15px 28px 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	color:#fff;
	font-size: 18px;
	text-align:center;
}
 
.fullwidth h1 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 30px;
	font-weight: bold;
	margin-top:10px;
	margin-bottom: 10px;
}
	
.fullwidth h2 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}
	
.halfwidth h1 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
}
	
.fullwidthPad h2 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	clear: both;
}
	
.halfwidthP h1 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
}
	
.halfwidth h2 {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}

.lineaccent {
	border-top: medium solid #55d80d;
}

.padh1 {
	padding: 3px 3px 3px 3px; 
}

.feature-blueLg {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
}

.feature-blue {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 10px;
}

.blue-main {
	font-family: Arial, sans-serif;
	color: #2a2886;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

.feature-green {
	font-family: Arial, sans-serif;
	color: rgb(117,193,69);
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 10px;
}
.feature-purple {
	font-family: Arial, sans-serif;
	color: #654398;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 10px;
}
.feature-purpLg {
	font-family: Arial, sans-serif;
	color: #654398;
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
}
.purple-main {
	font-family: Arial, sans-serif;
	color: #654398;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

.imgwrap {
	padding:0px 0px 3px 3px;
	float:right;
}

.hours ul { 
	display:inline-block;
	padding:0px 10px 10px 0;
	float:left;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	list-style-image: url('https://www.xtremecraze.us/images/para-bullet.png');
	color: #2a2886;
}

.hours li {
	float: left;
	margin-top: 5px;
	margin-right: 18px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	list-style-image: url('https://www.xtremecraze.us/images/para-bullet-sm.png');
	color: #2a2886;
}
	
.contactalign {
	width: 540px;
}
	
.contact ul { 
	vertical-align: text-bottom;
	padding:0px 10px 10px 0;
	float:left;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	list-style:none;
	color: #2a2886;
}
	
.buttonimg a:hover {
	opacity: 0.8;
}

.contact li {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-right: 15px;
	padding-bottom: 5px;
	list-style: none;
	color: #2a2886;
}

.promo {
	display:inline-block;
	padding:0px 10px 0px 0;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: rgba(200, 50, 46, 1.00);
	margin: 10px auto 0;
}
.promo li {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	list-style:none;
	color: rgba(200, 50, 46, 1.00);
}
.promo-para {
	line-height:24px;
	text-align: left;
	font-family: Arial;
	color: #231f20;
	font-size: 16px;
}
.note-para {
	line-height:14px;
	text-align: left;
	font-family: Arial;
	color: #231f20;
	font-size: 12px;
}


@media all and (max-width: 768px) and (min-width: 10px){
    .YouTubePopUp-Content{
        max-width:90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:320px !important;
    }

    .YouTubePopUp-Close{
        bottom:362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:220px !important;
    }

    .YouTubePopUp-Close{
        bottom:262px;
    }
	
	#main .button {
		font-size: 15px;
	}
}
/** mobile styles **/

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (max-width: 1300px) {
	.slider-main-header {
		font-size: 48px;
		margin-left: 160px;
		}
	.slider-sub-header {
		font-size: 24px;
		margin-left: 350px;
	}
}

@media screen and (max-width: 768px) {
	 
	.mobile {
		display: inline-block;
	}
	.mobile-block { display:block; }
	.desktop { display: none; }
	#logo_dt	{
		display: none;
	}
	#logo_mb	{
		display: inline-block;
		margin-left: 10px;
	}
	
	.nav-bar-fn-bev { height: 100%; min-height:60px;border:none;}
	#navbar, .navbar, .loc-nav-bar { height: 100%; width: 100%; }
	.contentLeft  { width: 100%; }
	#header { width: 100%; height:auto;}
	#phone { margin-left:0; }
	.topbar {
		font-size: 16px;
		margin-right:10px;
		margin-top:0px;
		display:block;
		float:left;
		clear:left;
	}
			
	.chooseLoc {
		margin-right:10px;
	}
	.chooseLoc a {
		color: #654398;
	}
	.chooseLoc2 {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.bookNow, #header .bookNow {
		margin-left:0px;
		margin-top:10px;
		margin-right:0;
	}
	.nav-bar-fn-bev .bookNow {
		font-size: 19px; 
		padding: 10px 0 10px 0px;
		text-align:center;
	}
	
	.bookNowTop {
		font-size: 16px;
	}
	.bookNowTop a {
		font-size: 16px;
	}

	.color-burst { width:100%; }

	#slideshow, #slidemobile { height: 200px; }
	.slider_div {
		width: 100%; 
		height: 200px;
	}

	.slider-main-header, .slider-sub-header { display: none; }
	 
	#home-columns { margin: 0 auto;
					height: 100%; }
	#home-buttons { height: 100%; }
	.home-btn, .home-btn-red {margin-left: 10px; margin-top:5px; width: 163px; height: 100px; padding-top:10px;line-height:20px;}
	.home-btn1, .home-btn2, .home-btn3, .home-btn4 { background-image:none; margin: 0; padding-top: 10px; width:100%; height:100px; }
	.home-wob {  margin: 0 auto; height: 100%; }
	.nav-bar-fn-bev { min-width: 355px; background: none;}
	
	.sf-menu { display: none; }
	.sf-menu ul,  { display: none; }
	
	.sf-menu2 {display:block;}
	.sf-menu2 * {height:34px;text-transform:none;}
	.sf-menu2 li {margin-left:14px;margin-right:0px;padding-right:0;border:none;}
	.sf-menu2 a {font-size:16px; padding:10px 0 0 0; text-transform:none;text-align:left; }
	.menu-toggle { 
		display: inline-block;
		float:left;
		margin-left: 10px;
		cursor: pointer;
		color: #251e64;
		font-weight: bold;
		font-size: 1em;
	    position: relative;
		margin-top:12px;
	}

 	.hamburger {
		position: relative;
		display: inline-block;
		width: 1.25em;
		height: 0.8em;
		margin-left: 0.3em;
		margin-right: 0.3em;
		font-weight: bold;
		font-size: 1.2em;
		border-top: 0.2em solid #251e64;
		border-bottom: 0.2em solid #251e64;
	}

	.hamburger:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0px;
		width: 100%;
		border-top: 0.2em solid #251e64;
	}
	span#view-full{ display: inline-block; }
	
	span#view-resp{ display: inline-block; }
	.expand {
		display: block !important;
		margin-left: 0;
		height: 100%; 
	}
	.expand li { height: 45px;
			background-color:#251e64;
			border-bottom:solid 1px #fff;
			float: none;
			display: inline-block;
			width: 100%;
			margin: 0;
	}
	.expand li.desktop {display:none;}
	ul.sidenav {
		width: auto;
	}
	ul.sidenav li {
		float:left;
	}
	ul.sidenav li a {
		padding: 5px 5px 5px 15px;
		border:none;
		width: 150px;
	}
	ul.sidenav li p {
		padding: 5px 5px 5px 15px;
		border:none;
		width: 300px;
	}
	#newsletter  { display: none; }
	.header_addr { width:auto; margin-left:7px; }
	.fb { display: none; }
	#banner {margin-left: 10px; }
	.locNav { margin-left: 0px; width:100%; background-color:#ea672f;}
	.link_box { width: 100%; }
	
	#main  { width: 100%; min-width: 355px; padding: 0px; }
	.green-home { background-color:#fff; }
	.bigRed, #main a.bigRed { color: #c8322e; font-size: 30px; line-height: 32px;}
	.full-width { width:100%; }
	.main-col { margin-left: 10px; }
	.wide-col { /*margin-left: 10px; width: auto;*/padding: 0 2%; width: auto;}
	.home-col { width: 90%; }
	.inner p, .inner h2 { margin-left:10px; margin-right:10px; }
	.white-banner {
		clear:right;
	}
	.zigzag2 {
	height:150px;
	}

	.mobile-only {
		display: block;
	}
	.wide-col-no-nav {
		margin-left: 0px;
	}
	.pirate-bg {
		padding:6px;
	}
	.ship-bg {
		padding:6px;
	}
	.map-bg {
		background-image:url(https://www.xtremecraze.us/images/escape_map_sm.png);
		text-align:center;
		color:black;
		clear:both;
		font-weight:bold;
		max-width:100%;
		height:1100px;
}

	.book-frame, .book-frame-2 {
		width:100%; 
	}
	.left-col {
		display:inline-block;
		margin:0;
		width: 98%;
	}

	.fixed-right-col {
		right: 14px;
	}
	.halfwidth	{ 
		width: 95%;
    	margin-left: 10px;	
	}
	.contact li {
	    clear: left;
	}
	.Enav-bar-fn-bev { 
		height: 40px;
		padding: 10px 0px;
		line-height: 24px;
	}
	.white-section {
    	margin: 10px 10px 0 10px;
	}
	.video-container-home {
		margin-right:0;
	}
	.loc-deets {
		margin-left:0;
		padding:5px;
	}
	.loc-col {
		width: 90%;
	}
	.full-width-yellow {
		font-size: 16px;
	}
	.purple-row {
		width:83%;
	}
	.price-header {
		font-size:36px;
		line-height:36px;
		padding: 10px;
	}
	.rounded-black-box-left {
		width: 86%;
	}
	.rounded-box-md {
		width: 90%;
		color: #000;
		background-color: #fff;
		border-radius: 20px;
		border: solid 1px black;
		box-shadow: black 0px 2px 10px;
		display: inline-block;
		margin: 8px;
		padding: 10px;
		text-align: center;
		vertical-align:top;
	}
	.rounded-box-red, .rounded-box-green {
		width: 90%;
		border-radius: 20px;
		border: solid 1px black;
		box-shadow: black 0px 2px 10px;
		display: inline-block;
		margin: 8px;
		padding: 10px;
		text-align: center;
		vertical-align:top;
	}
	.desktop-50 {
	margin-top:15px;
	}

	.zz_container {
		width:100%;
	}


	.footer-copy {
		margin-left: 10px;
	}
}