@charset "UTF-8";
/* CSS Document */
.image_container{width:100%;height:100%;}

a:link {color: #720e9e; text-decoration: none;font-weight: 900}
a:visited {text-decoration: none;color:#7F00FF; font-weight: 900}
a:hover {text-decoration: underline; color:#7F00FF;font-weight: 900}
a:active {text-decoration: none; color: #720e9e;font-weight: 900}

.mainnav a:link {color: #720e9e; text-decoration: none;font-weight: 900}
.mainnav a:visited {text-decoration: none;color:#7F00FF; font-weight: 900}
.mainnav a:hover {text-decoration: underline; color:#7F00FF;font-weight: 900}
.mainnav a:active {text-decoration: none; color: #720e9e;font-weight: 900}

.video-c ontainer {position: relative;padding-bottom: 60.25%;padding-top: 0px; padding-left:0px; height: 0; overflow: hidden;background-color: #000000}
 
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width:95%;height: 100%;padding-left: 12px;}
.wrap{width:100%;}

.wrap{width:100%; position: relative;}

.futurehome{width:100%;display: inline-block; font-size:40px; font-weight:bolder;margin:30px 0}
.logo{width:100%;display: inline-block;text-align: center}
.logo img{width:30%; height:50%}
.equipment{width:100%;display: inline-block;text-align: center}
.equipment img {width:90%; height:50%}
.phone{width:100%;display: inline-block; font-size:30px;color:blue; font-weight: bold;margin: 20px 0}
.bodyhome{-color:#000000}
	
	 .slidercontainter{width:90%;height:100%}
	.swiper{width:100%;}
	.swiper-slide img{width:100%;}
	.swiper .swiper-button-prev, .swiper .swiper-button-next{color:#ffffff}
	.swiper .swiper-pagination-bullet-active{background:#ffffff}	

/* Tablet Layout: 481px to 769px*/
@media (max-width: 768px){
body{width: 100%; font-size:16px;text-align: center;font-family: Gotham, Arial, 'sans-serif';}
.headertopfull{width: 100%;display:inline-block;}
	
.headertopfullhome{;aspect-ratio: 16/5;background-image: linear-gradient(rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.2)) , url("../images/homeiagelarge.png"); background-repeat: no-repeat;background-size: contain;}
	
	
	.headertopfullconcess{;aspect-ratio: 16/5;background-image: linear-gradient(rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.2)) , url("../images/concerssionlargeimg.png"); background-repeat: no-repeat;background-size: contain;}
	
	
		.headertopfulljcrew{width: 100%;background-image: url("../images/jcrewlargeimg.png"); background-repeat: no-repeat;background-size:contain;position:relative;display: inline-block}
	.headerinfoarea{width:100%;max-width: 1238px;display: inline-block;}
	.headertrans{width:60%; height:100px;float:right;display: inline-block;}
	.contensection{width: 100%; text-align: center;background-color: #000000;display: inline-block}
	.navbar{width:98%; display: inline-block;vertical-align:top;float:left;padding-top:30%}
	.mainnav{width:100%; display: inline-block;background-color: rgba(000, 000, 000, 0.7);border-right:solid blue 5px; border-bottom:solid purple 3.5px}
	.limage{width:100%; background-color: lime;display: inline-block}

	.title h1{width:100%;background-color:#720e9e;Color:#ffffff;font-weight: bolder;;text-transform: uppercase;font-size: 22px;margin:0;padding:5px 0 }
	
.contentsection{background:url("../image/contentareabgr.png") repeat;width: 100%; ;text-align: center}
.bodycontent{width:100%;height:100%; max-width:1238px;display: inline-block;text-align: center;padding:20px 0 20px 0}
.pagecontentarea{width:90%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%;vertical-align: top}
	
.footer{width:100%;display:flex;flex-direction: column;background-color:#00bfff;color:#000000;;font-size:12px;height:100%;padding:5px 0 5px 0;text-align: center}
	.columnabout{background-color: #00bfff;width:90%;display: inline-block;vertical-align: top;order:2;padding-bottom:10px;}
	.columnlogo{background-color: #00bfff;width:100%;display: inline-block;vertical-align: top;order:1;}
	.columninfo{background-color: #00bfff;width:100%;display: inline-block;vertical-align: top;order:3;}
	.coltext{width:90%; font-size:18px;text-align: left;margin:5px 0 0 25px }
	.footertitle{width:90%;margin-left:20px;text-align: left; font-weight: bolder; font-size:24px;text-transform: uppercase; color:#720e9e; text-decoration: underline #ffffff;padding-bottom:15px;}
	.ccfoot{font-size: 18px; font-weight: bold;Padding:20px}
	.footercinfo{width:90%;display: inline-block;font-size:20px;text-align:center;vertical-align:top;;Padding-top:3px;}
	.footercinfo img{width: 40px;}
	.footerlogo{Width:100%;display: inline-block;text-align: center}
	.footerlogo img{width:125px}
	.contactinfo{width:100%;display: inline-block; font-size:18px; color:#000000;padding-bottom:3px;text-align: center;font-weight: bold}
	.footersinfo{width:100%;display: inline-block;font-size:35px;text-align: center;color:#720e9e;}
	.socialicon{width:100%;height:100%;text-align: center;} 
	.socialicon img{width:40px;height: 40px;}
	.socialicon a:hover{filter: brightness(1.25);}
	.footerpub{width:100%;display:inline-block;background-color: #000000}
	.footerpubcol{Width:100%;; color:#ffc926; display: inline-block;font-size:10px;vertical-align: top}
	
	
	.subtitle{width:94%; background-image: linear-gradient(to right, blue , white, white);float: right; text-align: left;padding:5px 0 5px 30px;font-weight: bolder; color:#ffffff; font-size:20px;text-transform: uppercase }
.bodytext{width:90%; padding: 0px 30px 5px 45px;text-align: left;}
	
/*home*/
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}
	
/* Concessions*/

	.foodbox{width:90%; ; display: inline-block;margin:5px 5px;vertical-align:text-top;}
	.active,.ridebox:hover {color:#ffffff}
	.foodname{width:100%;display: inline-block;font-size:22px;font-weight:bolder;color:#ffffff;text-transform: uppercase;text-align: center;padding:5px 0;font-family: Gotham,  Arial, 'sans-serif';text-shadow: 2px 2px #000068;}
	.active, .foodname:hover{width:100%;display: inline-block;font-size:26px;font-weight:bolder;color:#ffffff;text-transform: uppercase;text-align: center;padding:5px 0;text-shadow: 2px 2px #000000;}
	.foodphoto{ width:90%;display: inline-block;border: 5px solid #ffffff;border-radius: 5px;margin-bottom:5px;color:#FFFFFF; background-color: purple}
	.sectionfull{width:100%;display: inline-block;margin:10px 0;vertical-align: top;text-align: center}
	.section {width:100%;color:#00BFFF;display: inline-block;font-weight:bold;font-size:16px;vertical-align: top;text-align:center;}
	.sectionanswer{width:80%; display: inline-block; color:#FFFFFF;font-size:20px;font-weight:600;margin:0px;text-align: left }
	.menutitle{width:80%; display: inline-block; font-size:26px;font-weight:600;margin:3px;text-align: center;text-decoration: underline;color:#ffc926;background-color:#720e9e;}
	.menuitem{width:90%; display: inline-block; background-color:navy ; color:#ffffff; padding: 2px 0;margin:3px 0;font-weight:bold;font-size:20px}
	
 
/*jcrue*/
	.ja{width:90%;transform: rotate(3deg);display: inline-block;margin:20px 0 }
	.ja img{width: 90%; height:90%}
	.jb{width:90%; transform: rotate(-3deg);display: inline-block;margin:20px 0}
	.jb img{width: 90%; height:90%}
	
	/*about*/
	.aboutleft{width:90%; ;text-align: left;display: inline-block}
	.aboutphotoright{width:40%;;margin-top:	5px;text-align:center;display: inline-block;vertical-align: top;padding-top:10px}
	.aboutphotoright img{width:100%;Height:100%;vertical-align: top}
	.aboutbodytext{width:90%; padding: 10px 0px;text-align: left;display: inline-block}
	.aboutbodytextleft{width:90%; padding: 10px 0px;text-align: left;display: inline-block}
	
	/*Photos*/
	.galTall{width:90%;display: inline-block;margin:20px 10px }
	.galTall img{width: 90%; height:90%;}
	.galLong{width:90%;display: inline-block;margin:20px 10px}
	.galLong img{width: 90%; height:90%}
}


/* Laptop Layout: 769px to a max of 1057px.*/
@media (min-width: 769px){
	body{text-align: center;font-size: 18px;background-color:#ffffff;font-family: Gotham, Arial, 'sans-serif';}
	.headertopfullhome{width: 100%;height:400px;background-image: url("../images/homeiagelarge.png"); background-repeat: no-repeat;background-size: 100% 400px;position:relative;display: inline-block;}
	.headertopfullconcess{width: 100%;height:400px;background-image: linear-gradient(rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.2)) , url("../images/concerssionlargeimg.png");
; background-repeat: no-repeat;background-size: 100% 400px;position:relative;}
		.headertopfulljcrew{width: 100%;height:400px;background-image: url("../images/jcrewlargeimg.png"); background-repeat: no-repeat;background-size: 100% 400px;position:relative;display: inline-block}
	.headerinfoarea{width:100%;max-width: 1238px;display: inline-block;}
	.headertrans{width:60%; height:100px;float:right;display: inline-block;}
	.contensection{width: 100%; text-align: center;background-color: #000000;display: inline-block}
	.navbar{width:90%; height:400px;display: inline-block;vertical-align:top; padding-top:10px;}
	.mainnav{width:100%; display: inline-block;background-color: rgba(000, 000, 000, 0.7);border-right:solid blue 10px; border-bottom:solid purple 7px}
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}

	.title h1{width:100%;background-color:#720e9e;Color:#ffffff;font-weight: bolder;;text-transform: uppercase;font-size: 28px;margin:0;padding:5px 0}
	
.contentsection{width: 100%; ;text-align: center}
.bodycontent{width:100%;height:100%;display:inline-block;text-align: center;}
.pagecontentarea{width:100%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%;vertical-align: top;}
	
.footer{width:100%;display:inline-block;background-color:#00bfff;color:#000000;;font-size:12px;height:100%;padding:5px 0 5px 0;}
	.columnabout{background-color: #00bfff;width:100%;display: inline-block;vertical-align: top;}
	.columnlogo{background-color: #00bfff;width:45%;display: inline-block;vertical-align: top;text-align: center}
	.columninfo{background-color: #00bfff;width:32%;display: inline-block;vertical-align: top;}
	.coltext{width:90%; font-size:18px;text-align: left;margin:5px 0 20px 25px}
	.footertitle{width:90%;margin-left:20px;text-align: left; font-weight: bolder; font-size:24px;text-transform: uppercase; color:#720e9e; text-decoration: underline #ffffff;padding-bottom:15px;}
	.ccfoot{font-size: 18px; font-weight: bold;Padding:20px}
	.footercinfo{width:90%;display: inline-block;font-size:20px;text-align:center;vertical-align:top;;Padding-top:3px;}
	.footercinfo img{width: 40px;}
	.footerlogo{Width:100%;display: inline-block;text-align: center}
	.footerlogo img{width:125px}
	.contactinfo{width:100%;display: inline-block; font-size:18px; color:#000000;padding-bottom:3px;text-align: center;font-weight: bold}
	.footersinfo{width:100%;display: inline-block;font-size:35px;text-align: center;color:#720e9e;}
	.socialicon{width:100%;height:100%;text-align: center;} 
	.socialicon img{width:40px;height: 40px;}
	.socialicon a:hover{filter: brightness(1.25);}
	.footerpub{width:100%;display:inline-block;background-color: #000000}
	.footerpubcol{Width:45%;height:16px; color:#ffc926; display: inline-block;font-size:10px;vertical-align: top}
	
	
	.subtitle{width:94%; background-image: linear-gradient(to right, blue , white, white);float: right; text-align: left;padding:5px 0 5px 30px;font-weight: bolder; color:#ffffff; font-size:20px;text-transform: uppercase; margin-top:10px }
.bodytext{width:90%; padding: 0px 30px 5px 45px;text-align: left;}
	
/*home*/
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}
	
/* Concessions*/

	.foodbox{width:100%; ; display: inline-block;margin:5px 5px;vertical-align:text-top;}
	.active,.ridebox:hover {color:#ffffff}
	.foodname{width:100%;display: inline-block;font-size:26px;font-weight:bolder;color:#ffffff;text-transform: uppercase;text-align: center;padding:5px 0;font-family: Gotham,  Arial, 'sans-serif';text-shadow: 2px 2px #000068;}
	.active, .foodname:hover{width:100%;display: inline-block;font-size:26px;font-weight:bolder;color:#ffffff;text-transform: uppercase;text-align: center;padding:5px 0;text-shadow: 2px 2px #000000;}
	.foodphoto{ width:90%;display: inline-block;border: 5px solid #ffffff;border-radius: 5px;margin-bottom:5px;color:#FFFFFF; background-color: purple}
	.sectionfull{width:100%;display: inline-block;margin:10px 0;vertical-align: top;text-align: center}
	.section {width:100%;color:#00BFFF;display: inline-block;font-weight:bold;font-size:16px;vertical-align: top;text-align:center;}
	.sectionanswer{width:80%; display: inline-block; color:#FFFFFF;font-size:20px;font-weight:600;margin:0px;text-align: left }
	.menutitle{width:80%; display: inline-block; font-size:26px;font-weight:600;margin:3px;text-align: center;text-decoration: underline;color:#ffc926;background-color:#720e9e;}
	.menuitem{width:35%; display: inline-block; background-color:navy ; color:#ffffff; padding: 2px 0;margin:3px 0;font-weight:bold;font-size:20px}
	
 
/*jcrue*/
	.ja{width:49%;transform: rotate(3deg);display: inline-block;margin:20px 0 }
	.ja img{width: 90%; height:90%}
	.jb{width:49%; transform: rotate(-3deg);display: inline-block;margin:20px 0}
	.jb img{width: 90%; height:90%}
	
	/*about*/
	.aboutleft{width:90%; ;text-align: left;display: inline-block}
	.aboutphotoright{width:40%;height: 300px;margin-top:	5px;text-align:center;display: inline-block;vertical-align: top;padding-top:10px}
	.aboutphotoright img{width:90%;Height:100%;vertical-align: top}
	.aboutbodytext{width:90%; padding: 10px 30px 10px 45px;text-align: left;display: inline-block}
	.aboutbodytextleft{width:90%; padding: 10px 30px 10px 45px;text-align: left;display: inline-block}
	
	/*Photos*/
	.galTall{width:45%;display: inline-block;margin:20px 10px }
	.galTall img{width: 90%; height:90%;}
	.galLong{width:45%;display: inline-block;margin:20px 10px}
	.galLong img{width: 90%; height:90%}
}

/* Desktop Layout: 1057px to a max of 1238px.*/
@media (min-width: 1057px){
	body{text-align: center;font-size:20px;background-color:#ffffff;font-family: Gotham, Arial, 'sans-serif';}
	
	.headertopfullhome{width: 100%;height:600px;background-image: url("../images/homeiagelarge.png"); background-repeat: no-repeat;background-size: 100% 600px;position:relative;display: inline-block;}
	.headertopfullconcess{width: 100%;height:600px;background-image: linear-gradient(rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.2)) , url("../images/concerssionlargeimg.png");
; background-repeat: no-repeat;background-size: 100% 600px;position:relative;}
		.headertopfulljcrew{width: 100%;height:600px;background-image: url("../images/jcrewlargeimg.png"); background-repeat: no-repeat;background-size: 100% 600px;position:relative;}
	.headerinfoarea{width:100%;max-width: 1238px;display: inline-block;}
	.headertrans{width:60%; height:100px;float:right;display: inline-block;}
	.contensection{width: 100%; text-align: center;background-color: #000000;display: inline-block}
	.navbar{width:90%; height:560px;display: inline-block;vertical-align:top; padding-top:40px;}
	.mainnav{width:100%; display: inline-block;background-color: rgba(000, 000, 000, 0.7);border-right:solid blue 10px; border-bottom:solid purple 7px}
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}

	.title h1{width:100%;background-color:#720e9e;Color:#ffffff;font-weight: bolder;;text-transform: uppercase;font-size: 32px;margin:0;padding:5px 0}
	
.contentsection{width: 100%; ;text-align: center}
.bodycontent{width:100%;height:100%;display: inline-block;text-align: center;vertical-align: top}
.pagecontentarea{width:80%;background-color: #ffffff;text-align: center;padding-bottom: 10px;display: inline-block;height:100%;vertical-align: top;}
	
.footer{width:100%;display:inline-block;background-color:#00bfff;color:#000000;;font-size:12px;height:100%;padding:5px 0 5px 0;}
	.column {width: 33%;display: inline-block;vertical-align: top}
	.columnabout{background-color: #00bfff;width:30%;display: inline-block;vertical-align: top;}
	.columnlogo{background-color: #00bfff;width:30%;display: inline-block;vertical-align: top;}
	.columninfo{background-color: #00bfff;width:30%;display: inline-block;vertical-align: top;}
	.coltext{width:90%; font-size:20px;text-align: left;margin:5px}
	.footertitle{width:90%;margin-left:20px;text-align: left; font-weight: bolder; font-size:24px;text-transform: uppercase; color:#720e9e; text-decoration: underline #ffffff;padding-bottom:15px;}
	.ccfoot{font-size: 18px; font-weight: bold;Padding:20px}
	.footercinfo{width:90%;display: inline-block;font-size:20px;text-align:center;vertical-align:top;;Padding-top:3px;}
	.footercinfo img{width: 40px;}
	.footerlogo{Width:100%;display: inline-block;text-align: center}
	.footerlogo img{width:130px}
	.contactinfo{width:100%;display: inline-block; font-size:18px; color:#000000;padding-bottom:3px;text-align: center;font-weight: bold}
	.footersinfo{width:100%;display: inline-block;font-size:35px;text-align: center;color:#720e9e;}
	.socialicon{width:100%;height:100%;text-align: center;} 
	.socialicon img{width:40px;height: 40px;}
	.socialicon a:hover{filter: brightness(1.25);}
	.footerpub{width:100%;display:inline-block;background-color: #000000}
	.footerpubcol{Width:45%;height:16px; color:#ffc926; display: inline-block;font-size:10px;vertical-align: top}
	
	.subtitle{width:94%; background-image: linear-gradient(to right, blue , white, white);float: right; text-align: left;padding:5px 0 5px 30px;font-weight: bolder; color:#ffffff; font-size:20px;text-transform: uppercase;margin-top:10px; }
.bodytext{width:90%; padding: 0px 30px 5px 45px;text-align: left;}
	
/*home*/
	.limage{width:100%; height:400px; background-color: lime;display: inline-block}
	
/* Concessions*/

	.foodbox{width:80%; ; display: inline-block;margin:5px 5px;vertical-align:text-top;}
	.active,.ridebox:hover {color:#ffffff}
	.foodname{width:100%;display: inline-block;font-size:26px;font-weight:bolder;color:#ffffff;text-transform: uppercase;text-align: center;padding:5px 0;text-shadow: 2px 2px #000068;}
	.active, .foodname:hover{width:100%;display: inline-block;font-size:26px;font-weight:bolder;color:#ffffff;text-transform: uppercase;text-align: center;padding:5px 0;;text-shadow: 2px 2px #000000;}
	.foodphoto{ width:90%;display: inline-block;border: 5px solid #ffffff;border-radius: 5px;margin-bottom:5px;color:#FFFFFF; background-color: purple}
	.sectionfull{width:100%;display: inline-block;margin:10px 0;vertical-align: top;text-align: center}
	.section {width:100%;color:#00BFFF;display: inline-block;font-weight:bold;font-size:16px;vertical-align: top;text-align:center;}
	.sectionanswer{width:80%; display: inline-block; color:#FFFFFF;font-size:20px;font-weight:600;margin:0px;text-align: left }
	.menutitle{width:80%; display: inline-block; font-size:26px;font-weight:600;margin:3px;text-align: center;text-decoration: underline;color:#ffc926;background-color:#720e9e;}
	.menuitem{width:35%; display: inline-block; background-color:navy ; color:#ffffff; padding: 2px 0;margin:3px 0;font-weight:bold;font-size:20px}
	

	
/*jcrue*/
	.ja{width:49%;transform: rotate(3deg);display: inline-block;margin:20px 0 }
	.ja img{width: 90%; height:90%}
	.jb{width:49%; transform: rotate(-3deg);display: inline-block;margin:20px 0}
	.jb img{width: 90%; height:90%}
	
	/*about*/
	.aboutleft{width:50%; padding: 10px 30px 10px 45px;text-align: left;display: inline-block}
	.aboutphotoright{width:40%;height: 300px;margin-top:	5px;text-align:center;display: inline-block;vertical-align: top;padding-top:10px}
	.aboutphotoright img{width:60%;Height:100%;vertical-align: top}
	.aboutbodytext{width:90%; padding: 10px 30px 10px 45px;text-align: left;display: inline-block}
	.aboutbodytextleft{width:50%; padding: 10px 30px 10px 45px;text-align: left;display: inline-block}
	
/*Photos*/
	.galTall{width:45%;display: inline-block;margin:20px 10px;vertical-align: top}
	.galTall img{width: 90%; height:90%;}
	.galLong{width:45%;display: inline-block;margin:20px 10px}
	.galLong img{width: 90%; height:90%}
}