html {
	overflow-x: hidden;
}

body {
	position: absolute;
	transition: all 0.5s ease;
	width: 100%;
	padding:0;
	margin:0;	
	font-family: 'Lato-Regular';
}

body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
@font-face {
   font-family: 'IDAHO';
   src: url('../fonts/IDAHO.eot?');
   src: url('../fonts/IDAHO.eot?#iefix') format('embedded-opentype'),
   url('../fonts/IDAHO.woff')format('woff'),
   url('../fonts/IDAHO.ttf')format('truetype'),
   url('../fonts/IDAHO.svg#myfont')format('svg');
}

@font-face {
  font-family: 'Arial Black';
  src: url('../fonts/Arial-Black.eot?') format('eot'); 
  src: url('../fonts/Arial-Black.woff') format('woff'); 
  src: url('../fonts/Arial-Black.ttf') format('truetype');
}

input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;	
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color: inherit;	
	text-decoration: none;
}

h1 {
	font-family: 'Arial Black', sans-serif;	
}

h2 {
	font-family: 'IDAHO', 'Gill Sans', 'Arial Black';
	font-size: 2vw;
}

h3 {
	font-family: Arial Black;
	font-size: 1vw;
}

h4 {
	font-family: 'Arial Black', sans-serif;	
}

h5 {
	font-family: IDAHO, Gill Sans, Arial Black;
	font-size: 2vw;
}

p{
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
}

.sub{
	font-size: .7vw;	
}

ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
	display: none;
}
.red {
	color: red;	
}

.center {
	text-align: center;	
}

.btn {
	border: 2px solid #fff;
    color: #755801;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    line-height: 28px;
    padding: 2px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
	border-radius: 0;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;	
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

.shadow {
	background-image: url(../images/common/shadow.png);
	background-repeat:no-repeat;
	width: 80%;
	margin: 0 auto;
	height: 20px;	
}

.blue-btn {
	width: 80%;
	margin: 0 auto;
	background-color: #A4E4FF;
	padding: 2% 2%;	
	text-align: center;
	border: 5px solid white;
	font-family: 'Arial Black', Arial, sans-serif;
	color: white;
	font-size: 1.3vw;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}

.blue-btn:hover {
	background-color: white;
	color: 	#A4E4FF;
	border: 5px solid #A4E4FF;
}

.yellow-btn {
	width: 100%;
	margin: 0 auto;
	background-color: #FFCA3D;
	padding: 2% 2%;	
	text-align: center;
	border: 5px solid white;
	font-family: 'Arial Black', Arial, sans-serif;
	color: white;
	font-size: 1.3vw;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}

.yellow-btn:hover {
	background-color: white;
	color: 	#FFCA3D;
	border: 5px solid #FFCA3D;
}

.green-btn {
	width: 100%;
	margin: 0 auto;
	background-color: #55BF51;
	padding: 2% 2%;	
	text-align: center;
	border: 5px solid white;
	font-family: 'Arial Black', Arial, sans-serif;
	color: white;
	font-size: 1.3vw;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
}

.green-btn:hover {
	background-color: white;
	color: 	#55BF51;
	border: 5px solid #55BF51;
}

.yellow-bg{
	background-color: #FFF691;
}

.green-bg{
	background-color: #94FE90;
}

.blue-bg {
	background-color: #A4E4FF;	
}

/*-----start-header----*/


nav{
	background-image:url(../images/common/nav-bar-blue.jpg);
	width: 100%;
	height: 110px;
	position:fixed;
	background-position: center;
	z-index:10;
	-webkit-box-shadow: 0px 6px 15px -1px rgba(71,71,71,1);
	-moz-box-shadow: 0px 6px 15px -1px rgba(71,71,71,1);
	box-shadow: 0px 6px 15px -1px rgba(71,71,71,1);
}

nav.shrink {
	height: 50px;	
	background-position: 0px -60px;
	transition: .3s;
}

#nav-container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

nav ul{
	float: left;	
	margin-top: 56px;
	width: 100%;
	list-style-type: none;
}

nav ul li{
	float: left;	
	margin: 0 1.75% 0 2.75%;
}

#logo {
	z-index: 10;
	height: 100%;
	padding-top: .5%;
	float: left;
	margin-left: 10%;
	
}

nav.shrink #logo {
	margin-left: 7%;	
}

nav.shrink .logo-sw{
	height: 80px	;
	margin-top: -5px;
}

#navToggle {
	display: none;
	background: url(../images/navToggle.jpg) no-repeat center bottom;
	background-size: contain;
	height: 95px;
	width: 62px;
	z-index: 3010;
	float: left;
	margin-left: 12px;
}

nav.shrink #navToggle {
	height: 65px;
	left: 17%;
}
.sidr {
display: none;
}

#sidr ul.subnav {
display: none;
}

.arrow-rotate {
    /*transform: rotate(180deg);*/
    transition: .3s;
	background-color: #FFCA3D;
}

#desktop-nav {
	float: left;	
	width: 70%;
}

nav.shrink #desktop-nav {
	width: 60%;
}

nav.shrink #desktop-nav .nav{
	margin-top: 0;
}

#desktop-nav .nav li a {
	padding: 10px 1%;
    font-size: 1vw;
    font-family: Arial Black;
    color: #FFFFFF;
	width: 105%;
}

#desktop-nav .nav li a:hover {
    color: #FFCA3D;
}

#desktop-nav .nav .nav-column li a {
	padding: 10px 1%;
    font-size: 1vw;
    font-family: Arial Black;
    color: #FFFFFF;
	width: 105%;
}

nav.shrink #desktop-nav .nav .mega-menu-holder li a {
	padding: 10px 1%;
    font-size: 1vw;
    font-family: Arial Black;
    color: #FFFFFF;
	width: 105%;
}

nav.shrink #desktop-nav .nav li a {
	font-size: .85vw;
	padding: 10px 1%;
}

.nav li.menuitem a:hover {
	background-color: transparent;
}

li.drop {
	display: inline;	
	position: static;
}

.nav-column {
	float: left;	
}

nav ul .menuitem {
	margin: 0 1.75% 0 2%;	
}

.mega-menu {
  background-color: rgba(30, 54, 66, 0.85);
  opacity: 0;
  position: absolute;
  transition: all .3s ease .15s;
  visibility: hidden;
  width: 100%;
  left: 0;
  z-index: -1;
  padding-bottom: 5%;
}

li:hover > .mega-menu {
  opacity: 1;
  overflow: visible;
  visibility: visible;
}

.mega-menu-holder {
	width: 70%;
	margin: 4% auto;	
}

.mega-menu-holder .nav-column {
	float: left;	
	width: 28%;
}

.mega-menu-holder .nav-column2 {
	float: left;	
	width: 35%;
}

.mega-menu-holder h4 {
	color: #FFCA3D;	
	font-size: 2vw;
}

.mega-menu-holder ul {
	margin-top: 5%;	
}

.mega-menu-holder .sub-menuitem {
	float: none;
	color: #0092B2;
	margin-bottom: 2%;
	
}

#desktop-nav .nav .mega-menu-holder .sub-menuitem a{
	font-family: 'Arial Black', Arial, sans-serif;
	color: white;
	
}

.mega-menu-holder .sub-menuitem2 {
	float: none;
	color: #0092B2;
	margin-bottom: 1%;
	margin-left: 10%;
	
}

.mega-menu-holder .sub-menuitem2 a{
	color: #0092B2;
	
}

#desktop-nav .nav .mega-menu-holder .sub-menuitem a:hover{
	color: #FFCA3D;
	
}

.mega-menu-holder .sub-nav {
	margin-top: 0%;	
}

.mega-menu-holder .sub-menuitem2:last-child{
	margin-bottom: 2%;
	
}

.mega-menu-holder .sub-menuitem img{
	width: 40px;
	margin-right: 2%;
	
}

.right-nav {
	border-left: 2px solid white;
	float: left;	
	width: 48%;
	
}

.three-col-nav {
	width: 42%;
	
}

.right-nav h5,
.three-col-nav h5 {
	color: white;
    padding-left: 25%;
    font-size: 1.6vw;	
}

.right-nav img,
.three-col-nav h5{
	padding-left: 25%;
	width: 100%;
}

nav.shrink #desktop-nav .nav li .right-nav a,
#desktop-nav .nav li .right-nav a {
	padding: 0;
}

#sticky {
  position: absolute;
  top: 0px;
  right: 0%;
  z-index: 200;
width: 36%;
}

/*nav.shrink #sticky {
	width: 20%;
    right: 3%;	
}*/

nav.shrink #sticky {
    right: 0%;	
}

#sticky #blue-nav,
#sticky #yellow-nav,
#sticky #green-nav {
	float: left;
	height: 48px;
	text-align: center;
	padding: 6px 5%;
	cursor: pointer;
}

#sticky #blue-nav {
	background-color: #A4E4FF;
}

#sticky #yellow-nav {
	background-color: #FFF691;
}

#sticky #green-nav {
	background-color: #94FE90;
}

#sticky span {
	font-family: 'IDAHO', sans-serif;
	font-size: 1.6vw;
	color: #525252;
}

#sticky.stick {
  position: fixed;
  top: 0px;
  z-index: 10000;
}

.nav-ride {
	display: none;	
}

/* Tickets and Add-Ons */

.dropdown {
	position:relative;
}

.dropdown .dropdown-menu {
	position: absolute;
	top: 46px;
	left: 0;
	margin: 0;
	list-style: none;
	width: 50%;
	padding: 0;
}

.dropdown .dropdown-menu li {
	width: 100%;
	margin: 0;
}

.dropdown .dropdown-menu li a {
	padding: 2% 6%;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown .dropdown-menu li a:hover {
	background-color: #A4E4FE;
	
}
/* PageSlide */

.ng-pageslide {
	background: #F7F7F7;
	box-shadow: rgba(74, 74, 74, 0.78) 0px -1px 15px inset;
	height: 30%;
}

.ng-pageslide h4{
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    color: #797979;
    margin-left: 3%;	
	margin-top: .5%;
	font-size: 2vw;
}

body.ng-pageslide-body-open::before {
	content: '.';
	display: block;
	position: absolute;
	top: 0;
	background-color: rgb(0,0,0);
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0.5;
	transition: opacity 1s;
}

body.ng-pageslide-body-closed::before {
	transition: opacity 1s;
	opacity: 0;
	content: '.';
	display: block;
	position: absolute;
	top: 0;
	background-color: rgb(0,0,0);
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
}

#hotelAds {
	width: 95%;
	margin: 1% auto;	

}

#hotelAds .ads {
	float: left;	
	width: 14.66%;
    margin: 0 1% 0 1%;
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
	
}

.ads #other-props {
	margin-top: 0%;
}

.ads #other-props h3 {
	padding: 25% 0 25% 0;
}

#hotelAds .ads img {
	width: 100%;	
}

#hotelAds .ads:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

#pref-lodging {
	width: 100%;
	margin: 1% auto;	

}

#pref-lodging .ads {
	float: right;	
	width: 45%;
    margin: 1.25%;
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
	
}

.ads #other-props {
	margin-top: 0%;
}

.ads #other-props h3 {
	padding: 25% 0 25% 0;
}

#pref-lodging .ads img {
	width: 100%;	
}

#pref-lodging .ads:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* Home Content */

#content {
	min-height: 200px;
	padding-top: 109px;
}

#content-top {
	min-height: 100px;
}

#video-home {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

a#mute-video {
	background-image: url(../images/btn/mute-btn.png);
	background-position: -158px 0;
	width: 140px;
	height: 125px;
	position: absolute;
	z-index: 2;
	top: 77%;
	left: 2%;
}

a#mute-video.down {
	background-image: url(../images/btn/mute-btn.png);
	background-position: 0 0;
	width: 140px;
	height: 125px;
	position: absolute;
	z-index: 2;
	top: 77%;
	left: 2%;
}

a#pause-video {
	background-image: url(../images/btn/pause-btn.png);
	background-position: 0 0;
	width: 140px;
	height: 125px;
	position: absolute;
	z-index: 2;
	top: 77%;
	left: 10%;
}

a#pause-video.down {
	background-image: url(../images/btn/pause-btn.png);
	background-position: -158px 0;
	width: 140px;
	height: 125px;
	position: absolute;
	z-index: 2;
	top: 77%;
	left: 10%;
}

#video {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);	
	transform: translate(-50%,-50%);
}

.divider {
	background-image:url(../images/common/nav-bar.jpg);
	height: 15px;	
}

#info-holder {
	min-height: 10px;
	text-align: center;
	width: 70%;
	margin: 0 auto;
}

#info-holder h1,
#video-holder h1{
	padding: 2%;
}

#memo-holder {
	text-align: center;
    padding: .5%;
	background-color: #FFCA3D;
}

#memo-holder h3{
	font-size: 1.75vw;
}

/*.info {
	-webkit-filter: grayscale(80%);
	-moz-filter: grayscale(80%);
	filter: grayscale(80%);
	width: 20%;
	margin: 1% 2.5% 1% 2.5%;
	float: left;	
	display:block;
	-webkit-box-shadow:  -2px 3px 18px 0px rgba(0,0,0,0.42);
	-moz-box-shadow:  -2px 3px 18px 0px rgba(0,0,0,0.42);
	box-shadow:  -2px 3px 18px 0px rgba(0,0,0,0.42);
}

.info:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}

.info-btn {
	width: 100%;	
}

*/

.info {
	position: relative;
    overflow: hidden;
	width: 20%;
	margin: 1% 2.5% 1% 2.5%;
	float: left;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);	
}

.info::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.info:hover::before {
    background: rgba(0, 16, 35, 0.69);
}

.info-btn {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.info__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
	text-align: center;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.info:hover .info__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.info__overlay__title {
	font-size: 1.7vw;
    -webkit-transform: translateY( -webkit-calc(-100% - 10px) );
            transform: translateY( calc(-10% - 10px) );

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.info:hover .info__overlay__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.info__overlay__content {
	font-size: .8vw;	
}

.mobile-info {
	display: none;	
}


#content-mid{
	width: 80%;
    margin: 2% auto;
}

#content-mid .content-left,
#content-mid .content-middle,
#content-mid .content-right{
	width: 33%;
    float: left;
	text-align: center;
    padding: 3%;
	margin-bottom: 3%;
}

#content-mid .content-left
{
	background-color: #A4E4FF;
}

#content-mid .content-middle
{
	background-color: #FFF691;
}

#content-mid .content-right
{
	background-color: #94FE90;
}

#content-mid .content-left h3,
#content-mid .content-middle h3,
#content-mid .content-right h3{
	font-size: 2vw;
}

#video-holder
{
	width: 70%;
    margin: 2% auto;
}

#video-left{
	width: 60%;
	float: left;
}

#video-right{
	width: 30%;
	float: left;
	margin-left: 2%;
	margin-bottom: 5%;
	
}

#video-right img{
	width: 100%;
}

#connect {
	background-color: #FFCA3D;
	padding: 1%;
}

#connect-holder {
	width: 70%;
	margin: 0 auto;
}

#newsletter {
	float: left;
	margin-right: 13%;
	text-align:center;
	width: 25%;
}

#newsletter input {
	border: 2px solid #fff;
    box-sizing: border-box;
    color: #0092AF;
    font-family: 'Arial Black', sans serif;
    height: 2vw;
    font-size: 1vw;
    padding: 1% 10px;
    vertical-align: middle;
	width: 100%;
}

#survey input.s-input {
    box-sizing: border-box;
    color: #333;
    font-family: 'Arial Black', sans serif;
    height: 2vw;
    font-size: 1vw;
    padding: 1% 10px;
    vertical-align: middle;
	width: 100%;
}

#survey span{
	color: #333;
    font-family: 'Arial Black', sans serif;
    height: 2vw;
    font-size: 1vw;
}

.yellow-btn {
	background-color: #FFCA3D;
	padding: 2%;
}

.yellow-btn:hover {
	background-color: white;
}

ul.social-buttons li {
	width: 23%;
	text-align:center;
}

ul.social-buttons li a {
    font-size: 1.5vw;
    color: #0092B2;
}

ul.social-buttons li a:hover {
    color: white;
}

#social {
	float: left;
	text-align:center;
	width: 25%;
}

#blog {
	float: left;
	width: 25%;
	margin-left: 12%;
	text-align: center;
}

ul.blog-buttons {
	width: 100%;
	margin: 0 auto;	
}

ul.blog-buttons li {
	width: 100%;
	text-align:center;
	float: left;
	list-style-type: none;
}

ul.blog-buttons li a {
    font-size: 1.5vw;
    color: #0092B2;
}

ul.blog-buttons li a:hover {
    color: white;
}

ul.blog-buttons li span {
    font-family: 'Arial Black', arial, sans-serif;
	font-size: 1.5vw;
}

footer {
	background-color: #0092B2;
	width: 100%;	
	display:block;
	text-align:center;
	padding-bottom: 5%;
	padding-top: 2%;
}

#footer-top a {
	color: #FFCA3D;
}

#footer-top a:hover {
	color: white;
}

#footer-top .fa {
	font-size: 4vw;
	color: #FFCA3D;
}

footer h3 {
	padding-top: 3%;
	color: white;
}

#footer-holder {
	text-align: left;
	width: 70%;	
	margin: 0% auto;
	padding-top: 4%;
}

ul.sitemap-links {
	width: 20%;	
	float: left;
}

ul.sitemap-links li {
	list-style-type: none;
	padding: 1%;	
}

#footer-holder li a{
	color: white;	
	font-family: arial;
	font-size: .75vw;
}

#footer-holder li a.category {
	font-family: 'Arial Black';
	font-size: 1vw;	
}

#footer-holder li.last {
	margin-bottom: 10%;	
}

#footer-holder li a:hover {
	text-decoration: none;
	color:	#FFCA3D;
}

#footer-holder #ad-holder {
	width: 20%;
	margin-top: 2%;
    float: left;
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
}

#footer-holder #ad-holder:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);	
}

#ad-holder img{
	width: 100%;	
}


.footer-nav {
	text-align: center;
	width: 31%;	
	margin: 1% auto;
}
.footer-nav li {
	float:left;
	color: white;	
	font-family: arial;
	font-size: .75vw;
	margin: 0 4.5% 0 4.5%;
	list-style-type: none;
}

/*-----Ride Pages----*/

#ride-content {
	
}

#ride-stats {
    width: 20%;
    float: left;
    margin-right: 0%;
	overflow: hidden;
}

#ride-stats #title {
	margin-top: 10%;
	width: 100%;
	text-align:center;
}

#ride-stats #title img{
	width: 100%;
}

#ride-stats #title h1 {
	background-color: white;
	font-family: IDAHO, Arial Black, sans-serif;
	font-size: 2.5vw;
	font-weight:900;	
	color: #525252;
	padding: 4% 2% 0 2%;	
}

#ride-stats #title h3 {
	background-color: white;
	font-family: IDAHO, Arial Black, sans-serif;
	font-size: 2.5vw;
	font-weight:900;	
	color: #525252;
	padding: 4% 2% 0 2%;	
}

#stats {
	padding: 2%;	
	padding-left: 5%;
	font-family: arial, helvetica, sans-serif;
    font-size: 0.9vw;
	padding-bottom: 5%;
	width: 80%;
	margin: 0 auto;
	border-bottom: 3px solid white;
}

#stats h3{
	margin-top: 3%	
}

#stats td {
	padding-top: 3%;	
}

.stats-green {
	background-image: url(../rides/images/stats-green.jpg);	
	background-size: contain;
}

.stats-yellow {
	background-image: url(../rides/images/stats-yellow.jpg);	
	background-size: contain;
}

.stats-blue {
	background-image: url(../rides/images/stats-blue.jpg);	
	background-size: contain;
}

.stats-purple {
	background-image: url(../rides/images/stats-purple.jpg);	
	background-size: contain;
}

#insta-holder {
	padding: 14% 3% 3% 3%;
}

#insta-holder h3 {
	font-size: 1.5vw;
	margin-bottom: 1%;	
}

/* ------ Ride Gallery ----- */

#ride-visual {
    width: 80%;
    float: left;
	margin-bottom: 1%;
}

/*#ride-visual {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}*/

#ride-visual .gallery a img {
  float: left;
  width: 25%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

#ride-visual .gallery #column{
  float: left;
  width: 25%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

#ride-visual .gallery #column a img{
	width: 100%;	
}

#ride-visual .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

#ride-visual .gallery a.big img {
  width: 50%;
}


.align-center {
  text-align: center;
}

#icon-holder {
	background-color: #FFCA3D;
	min-height: 10px;	
}

#icon-holder-green {
	background-color: #C2FF63;
	min-height: 10px;	
}

#icon-holder-yellow {
	background-color: #FFC600;
	min-height: 10px;	
}

#icon-holder-blue {
	background-color: #87EAFF;
	min-height: 10px;	
}

#icon-holder-purple {
	background-color: #9E9FFC;
	min-height: 10px;	
}

.icon img {
	float: left;
	padding: .5%;
	margin-left: 1%;	
}

.icon h3 {
	float: left;
	padding-top: 26px;	
	margin-right: 1%;
}

.icon a:hover h3 {
	-webkit-transform: scale(1.05);
 	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
  	-ms-transform: scale(1.05);
  	transform: scale(1.05);	
	color: #0092B2;
}

#mobile-title {
	display: none;	
}
#ride-description {
    width: 80%;
	margin: 3% 0 2% 2%;
    clear: both;
}

#ride-description {
	font-size: 1vw;	
}

#showtime-mobile {
	display: none;	
}

#review-holder {
	background-color: #F7F7F7;
}

#review-holder h2{
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    color: #797979;
    margin-left: 3%;
}

.review {
	width: 20%;
    float: left;
    text-align: center;
    margin: 2%;
}

.review p .fa {
	color: #ccc;
}

.stars {
	font-size: 1.5vw;
    color: #FFCA3D;
}

#insta-holder-mobile {
	display: none;	
}

#insta-holder-mobile h3 {
	font-family: 'Arial Black', Helvetica, sans-serif;
	font-size: 6vw;
	margin-left: 3%;
}


#other-interests-holder {
	background-color: #F7F7F7;
}

#other-interests-holder-mobile {
	display: none;
	background-color: #F7F7F7;
}

#other-interests {
    margin: 0% auto;
	padding-top: 1%;
	width: 87%;
	padding-bottom: 2%;
}

#other-interests-holder h2,
#other-interests-holder-interpret h2,
#other-interests-holder-mobile h2{
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	color: #797979;
	margin-left: 3%;
}

.thrill-rand,
.thrill-rand-mobile,
.med-rand,
.med-rand-mobile,
.low-rand,
.low-rand-mobile {
	display: none;
	font-size: 4vw;
	-webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

.thrill-rand:hover,
.med-rand:hover,
.low-rand:hover {
	-webkit-transform: scale(1.05);
 	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
  	-ms-transform: scale(1.05);
  	transform: scale(1.05);
  	z-index: 5;
}

.thrill-rand .text-top,
.thrill-rand-mobile .text-top,
.med-rand .text-top,
.med-rand-mobile .text-top,
.low-rand .text-top,
.low-rand-mobile .text-top {
	margin-top: 54%;
	text-align: center;
}

.thrill-rand h3,
.thrill-rand-mobile h3,
.med-rand h3,
.med-rand-mobile h3,
.low-rand h3,
.low-rand-mobile h3 {
	background-color: white;
	padding-top: 2%;
    padding-bottom: 0;
	font-size: 2vw;
}

#aftershock-thrill {
	background-image: url(../images/rides/thrill/aftershock.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#corkscrew-thrill {
	background-image: url(../images/rides/thrill/corkscrew.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#panic-thrill {
	background-image: url(../images/rides/thrill/panic-plunge.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#spincycle-thrill {
	background-image: url(../images/rides/thrill/spincycle.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#timber-terror-thrill {
	background-image: url(../images/rides/thrill/timber-terror.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#tremors-thrill {
	background-image: url(../images/rides/thrill/tremors.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#velocity-thrill {
	background-image: url(../images/rides/thrill/velocity.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#avalanche-med {
	background-image: url(../images/rides/med/avalanche.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#bumper-med {
	background-image: url(../images/rides/med/bumper-boats.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#krazy-koaster-med {
	background-image: url(../images/rides/med/krazy-koaster.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#log-flume-med {
	background-image: url(../images/rides/med/log-flume.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#paratrooper-med {
	background-image: url(../images/rides/med/paratrooper.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#ricochet-rapids-med {
	background-image: url(../images/rides/med/ricochet-rapids.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#riptide-racer-med {
	background-image: url(../images/rides/med/riptide-racer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#round-up-med {
	background-image: url(../images/rides/med/round-up.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#rumble-med {
	background-image: url(../images/rides/med/rumble.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#thunder-canyon-med {
	background-image: url(../images/rides/med/thunder-canyon.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#tiny-toot-med {
	background-image: url(../images/rides/med/tiny-toot.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#antique-low {
	background-image: url(../images/rides/low/antique-cars.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#barnstormer-low {
	background-image: url(../images/rides/low/barnstormer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#wave-pool-low {
	background-image: url(../images/rides/low/wave-pool.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#butterflier-low {
	background-image: url(../images/rides/low/butterflier.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#carousel-low {
	background-image: url(../images/rides/low/carousel.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#climbing-trees-low {
	background-image: url(../images/rides/low/climbing-trees.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#elkhorn-creek-low {
	background-image: url(../images/rides/low/lazy-river.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#ferris-wheel-low {
	background-image: url(../images/rides/low/ferris-wheel.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#elephants-low {
	background-image: url(../images/rides/low/elephants.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#frog-hopper-low {
	background-image: url(../images/rides/low/froghopper.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#kiddie-copters-low {
	background-image: url(../images/rides/low/kiddie-copters.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#kiddie-wheel-low {
	background-image: url(../images/rides/low/kiddie-wheel.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#polliwog-park-low {
	background-image: url(../images/rides/low/polliwog-park.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#puppy-low {
	background-image: url(../images/rides/low/puppy.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#red-baron-low {
	background-image: url(../images/rides/low/red-baron.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#train-low {
	background-image: url(../images/rides/low/train.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

#toddler-springs-low {
	background-image: url(../images/rides/low/toddler-springs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 200px;
	width: 18%;
	float: left;
	margin: 0 1% 0 1%;
}

/*----- Other Pages -------*/

#general-content {
	
}

#header {
	height: 300px;
}

.header-aftershock {
	background-image: url(../images/header/1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.header-avalanche {
	background-image: url(../images/header/park/avalanche.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.header-green {
	background-image: url(../images/header/2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.header-overview {
	background-image: url(../images/header/3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.header-rides {
	background-image: url(../images/header/4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#header #title {
	position: absolute;
    top: 65%;
    left: 10%;	
}

#header #title h2{
	color: white;
	font-size: 5vw;	
}

#general-content #info-holder{
	text-align: center;	
	padding: .5%;
}

#general-content #info-holder h3{
	font-size: 2vw;
}

#general-description {
	width: 100%;	
}

#other-interests .html5lightbox img{
	max-height: 200px;
	width: 23%;
	float: left;
	margin: 0 1% 0 1%;
}

/*--- Tickets ---*/

.tabs{
	padding-bottom: 2%;	
	color: #333;
	font-family: IDAHO;
}


#ticket-holder {
	background-color: white;
}

.tab-holder {
	width: 100%;
	margin: 0 auto;	
}

.tab-sub-holder {
	width: 50%;
	margin: 0 auto;
}

.tab {
	float: left;
    width: 20%;
    text-align: center;
    padding: 2%;	
	list-style-type: none;
}

.tab-sub {
	float: left;
    width: 33%;
    text-align: center;
    padding: 2%;	
	list-style-type: none;
}

.tab-sub.active {
	background-color: white;
}

.summer-content .tab-sub.active span {
	color: #94C4F4;
}

.tab h2,
.tab-sub h2{
	font-size: 	3vw;
	margin-bottom: -5%;
}

.tab span,
.tab-sub span{
	font-family: Arial, sans-serif;
    color: white;
	font-size: 1vw;	
}

.tab-holder a,
.tab-sub-holder a{
	text-decoration: none;	
}

.spring:hover,
.spring.active{
	background-color: #90D69C;	
}

.spring:hover h2,
.spring.active h2{
	color: white;	
}

.summer:hover,
.summer.active {
	background-color: #94C4F4;	
}

.summer:hover h2,
.summer.active h2{
	color: white;	
}

.fall:hover,
.fall.active{
	background-color: #FFCA3D;	
}

.fall:hover h2,
.fall.active h2{
	color: white;	
}

.scarywood:hover,
.scarywood.active{
	background-color: #FF8E3D;	
}

.scarywood:hover h2,
.scarywood.active h2{
	color: white;	
}

.tickets:hover,
.tickets.active{
	background-color: #FF8E3D;	
}

.tickets:hover h2,
.tickets.active h2{
	color: white;	
}

.tabs__content-item,
.tabs-sub__content-item{
	width: 100%;	
}

.spring-content{
	background-color: #90D69C;	
	padding: 3% 0 3% 0;
}

.summer-content{
	background-color: #94C4F4;
	padding: 3% 0 3% 0;
}

.fall-content{
	background-color: #FFCA3D;
	padding: 3% 0 3% 0;
}

.scarywood-content{
	background-color: #FF8E3D;	
	padding: 3% 0 3% 0;
}

.tabs__content-holder,
.tabs-sub__content-holder{
	width: 70%;	
	margin: 0 auto;
}

.tabs-sub__content {
	padding-top: 1%;
}

.tickets-table,
#ticket-description {
	width: 80%;
	margin: 0 auto;	
}

.tickets-table td:first-child,
.tickets-table th:first-child {
    text-align: right;
}

.tickets-table .desc {
    font-size: .75vw;
    line-height: .75vw;
	padding-right: 2%;
}

.tickets-table .desc strong {
	font-family: IDAHO, sans-serif;
    font-size: 2vw;
    line-height: 2vw;
}

.tickets-table th.desc strong {
	color: white;
}

.tickets-table th {
    color: #333;
    font-size: 1.5vw;
    font-weight: normal;
    line-height: 1.5vw;
    padding: 2% 2% 0px 2%;
    position: relative;
    text-align: center;
}

.tickets-table tr {
	background: white;
	padding: 1vw;
	vertical-align: top;	
}

.tickets-table td {
	font-family: Arial, sans-serif;
    font-size: .9vw;
    padding: .75vw;
    text-align: center;
    vertical-align: middle;
}

.spring-content .tickets-table tr:nth-child(even) td,
.spring-content th {
    background: #90D69C;
}

.summer-content .tickets-table tr:nth-child(even) td,
.summer-content th {
    background: #94C4F4;
}

.fall-content .tickets-table tr:nth-child(even) td,
.fall-content th {
    background: #FFCA3D;
}

.scarywood-content .tickets-table tr:nth-child(even) td,
.scarywood-content th {
    background: #FF8E3D;
}

.spring-content .tickets-table td:nth-of-type(even) {
	background: rgba(144, 214, 156, 0.28);
}

.summer-content .tickets-table td:nth-of-type(even) {
	background: rgba(148, 196, 244, 0.28);
}

.fall-content .tickets-table td:nth-of-type(even) {
	background: rgba(255, 202, 61, 0.28);
}

.scarywood-content .tickets-table td:nth-of-type(even) {
	background: rgba(255, 142, 61, 0.28);
}

.tabs-div {
	width: 90%;
	margin: 0 auto;	
	padding: 3% 0;
	text-align: center;
}

.tabs-left {
	float: left;
	margin-right: 2%;
	width: 48%;	
}

.tabs-top {
	margin-bottom: 2%;
}

.tabs-top p {
	margin-top: 1%;	
	margin-bottom: 2%;
}

.tabs-bottom {
	margin-top: 5%;	
}

.tabs-bottom h3{
	margin-bottom: 3%;	
}

.tabs-bottom input {
	border: 2px solid #FFCA3D;
    box-sizing: border-box;
    color: #565656;
    font: normal normal normal 14px/1 'Arial Black';
    height: 2vw;
    font-size: 1vw;
    padding: 1%;
    vertical-align: middle;
}

.tabs-bottom .yellow-btn {
	width: 20%;	
	color: white;
}

.tabs-bottom .yellow-btn:hover {
	width: 20%;	
	color: #FFCA3D;
}

.tabs-right {
	float: left;	
	width: 50%;
}

.tabs-right img {
	width: 100%;	
}

/**** Rides ****/

#placeholder {
    width: 80%;
	margin: 1% auto;
}


li#high-thrill {
	background-image:url(../images/bg/yellow.jpg);
	background-repeat: no-repeat;
	border: 6px solid white;
}

li#med-thrill {
	background-image:url(../images/bg/blue.jpg);	
	background-repeat: no-repeat;
    border: 6px solid white;
}

li#low-thrill {
	background-image:url(../images/bg/green.jpg);
	background-repeat: no-repeat;
    border: 6px solid white;	
}

.text-holder img{
	width: 25px;	
	margin: 0 3px 0 2px;
}

/***** Events *****/

#month-holder .tab {
    float: left;
    width: 16.66%;
    text-align: center;
    padding: 2%;
    list-style-type: none;
}

.may:hover {
	background-color: #90D69C;
}

.may:hover h2 {
	color: white;	
}

.june:hover {
	background-color: #94C4F4;
}

.june:hover h2 {
	color: white;	
}

.july:hover {
	background-color: #D84444;;
}

.july:hover h2 {
	color: white;	
}

.august:hover {
	background-color: #44D1D8;
}

.august:hover h2 {
	color: white;	
}

.september:hover {
	background-color: #FFCA3D;
}

.september:hover h2 {
	color: white;	
}

#events {
	width: 80%;
	margin: 2% auto;	
	margin-bottom: 2%;
}

#may h2 {
	background-color: #90D69C;
	font-size: 3.5vw;
	color: white;
	padding: 1% 0 0 1%;
}

#june h2 {
	background-color: #94C4F4;
	font-size: 3.5vw;
	color: white;
	padding: 1% 0 0 1%;
	margin-top: 2%;
}

#july h2 {
	background-color: #D84444;
	font-size: 3.5vw;
	color: white;
	padding: 1% 0 0 1%;
	margin-top: 2%;
}

#august h2 {
	background-color: #44D1D8;
	font-size: 3.5vw;
	color: white;
	padding: 1% 0 0 1%;
	margin-top: 2%;
}

#september h2 {
	background-color: #FFCA3D;
	font-size: 3.5vw;
	color: white;
	padding: 1% 0 0 1%;
	margin-top: 2%;
}

#october h2 {
	background-color: #FF8E3D;
	font-size: 3.5vw;
	color: white;
	padding: 1% 0 0 1%;
	margin-top: 2%;
}

.event{
	padding: 3%;	
}

.event-left {
	float: left;
	margin-right: 1%;
	width: 21%;
}

.event-left img {
	width: 100%;	
}

.event-right {
	float: left;
	width: 75%;
}

.event-right p{
	font-size: .8vw;
	margin-top: 1%;	
}

.Subfont {
	font-size: .6vw;
}

/*** Other Pages ****/

#information {
	width: 70%;
	margin: 2% auto;	
}

/*** Season Passes ****/

#pass-holder {
	width: 85%;
	margin: 2% auto;	
}

.pass {
	width: 100%;	
	margin-top: 2%;
}

.pass-left {
	float: left;
	margin-right: 2%;
	width: 40%;
	text-align: center;
}

.pass img {
	width: 100%;
}

.pass-right {
	width: 55%;
	float: left;
}

.pass-right-left {
	float: left;	
	width: 60%;
}

.pass h1{
	padding: 3% 0;
}

.pass h3 {
	margin-top: 0%;
}

.pass .green {
	color: green;
	font-size: 2vw;	
}

.pass-right-right {
	float: left;	
	width: 40%;
}

#information .pass  table {
	width: 100%;
	margin: 3% 0 0 0;
}

#information .pass  thead td:first-child {
	text-align: left;
}


#information .pass  thead td {
	text-align: center;
	font-family: 'Arial Black', Arial, sans-serif;
	font-size: 1vw;
}

#information .pass  tbody td:first-child {
	text-align: left;	
	color: black;
}

#information .pass  tbody td {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: black;	
	font-size: .9vw;
}

#information .pass  tbody td.green {
	color: green;
}

#information table {
	width: 70%;	
	margin: 4% auto;
}

#information thead td:first-child {
	text-align: left;
}


#information thead td {
	text-align: center;
	font-family: 'Arial Black', Arial, sans-serif;
	font-size:1.5vw;
}

#information tbody td:first-child {
	text-align: left;	
	color: black;
}

#information tbody td {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: green;	
	font-size: 1vw;
}

#information #subForm tbody td {
	padding: 1% 3%;
	color: #333333;
	font-size: 1.5vw;	
}

#information .sw-form tbody td {
	color: black;	
}

#information .sw-form tbody th {
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;	
	text-align: right;
}

/*** Groups ***/

#information-left,
#information-height {
	float: left;	
	width: 30%;
	margin-top: 1%;
}

#contact-box {
	background-color: #A4E4FF;
	margin: 3% 0;
	padding-top: 3%;
	padding-bottom: 6%;
}

#contact-box h2,
#info-request h2,
#other-info h2 {
	text-align: center;
	background-color: white;
	padding-top: 2%;
}	

#contact-box p{
	margin: 0% auto;
    width: 90%;	
}

#contact-box h3 {
	font-size: .9vw;
	padding: 4% 0 0 5%;
}

#info-request h3,
#other-info h3 {
	font-size: .9vw;
	padding: 4%;
}

#info-request {
	background-color: #FFF691;
	margin: 3% 0;	
	padding-top: 3%;
	text-align: center;
	padding-bottom: 6%;
}

#other-info {
	background-color: #94FE90;
	margin: 3% 0;	
	padding-top: 3%;
	text-align: center;
	padding-bottom: 6%;
}

#info-request .yellow-btn,
#other-info .green-btn{
	margin-top: 4%;
	width: 65%;
}

.information-left,
.information-height {
	float: left;	
	width: 30%;
	margin-top: 1%;
}

.contact-box {
	background-color: #A4E4FF;
	margin: 3% 0;
	padding-top: 3%;
	padding-bottom: 6%;
}

.contact-box h2,
.info-request h2,
.other-info h2 {
	text-align: center;
	background-color: white;
	padding-top: 2%;
}	

.contact-box p{
	margin: 0% auto;
    width: 90%;	
}

.contact-box h3 {
	font-size: .9vw;
	padding: 4% 0 0 5%;
}

.info-request h3,
.other-info h3 {
	font-size: .9vw;
	padding: 4%;
}

.info-request {
	background-color: #FFF691;
	margin: 3% 0;	
	padding-top: 3%;
	text-align: center;
	padding-bottom: 6%;
}

.other-info {
	background-color: #94FE90;
	margin: 3% 0;	
	padding-top: 3%;
	text-align: center;
	padding-bottom: 6%;
}

.info-request .yellow-btn,
.other-info .green-btn{
	margin-top: 4%;
	width: 65%;
}

#information-right,
#information-cal {
	float: left;	
	width: 70%;
	padding-bottom: 4%;
	margin-top: 1%;
}

#information-cal {
	width: 100%;	
}

#information-right .nav-box {
	float: left;
	width: 48%;
	max-height: 200px;
	margin: 1%;
	margin-bottom: 3%;
    text-align: center;
	background-repeat:no-repeat;
	background-size:contain;	
	-webkit-filter: grayscale(80%);
  -webkit-transition: .2s ease-in-out;
  -moz-filter: grayscale(80%); 
  -moz-transition: .2s ease-in-out;
  -o-filter: grayscale(80%); 
  -o-transition: .2s ease-in-out;
  -webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
}

#information-right .nav-box:hover {
	 -webkit-filter: grayscale(0%);
  -webkit-transition: .2s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .2s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .2s ease-in-out;
  -webkit-transform: scale(1.02);
  	-moz-transform: scale(1.02);
  	-o-transform: scale(1.02);
  	-ms-transform: scale(1.02);
  	transform: scale(1.02);
}

#information-right .nav-box h2 {
	background-color: white;
	margin: 40% auto;
	padding-top: 2%;
	margin-bottom:1%;
}

.nav-box.tickets {
	background-image:url(/images/groups/tickets.jpg);	
}

.nav-box.picnics {
	background-image:url(/images/groups/bbq.jpg);	
}

.nav-box.school {
	background-image:url(/images/groups/school.jpg);	
}


.nav-box.consignment {
	background-image:url(/images/groups/consignment.jpg);	
}

.nav-box.faq {
	background-image:url(/images/groups/faq.jpg);	
}

.nav-box.day-tickets {
	background-image:url(/images/park/tickets.jpg);	
}

.nav-box.passes {
	background-image:url(/images/park/season-pass.jpg);	
}

.nav-box.groups {
	background-image:url(/images/park/group.jpg);	
}

.nav-box.cabana {
	background-image:url(/images/park/cabana.jpg);	
}

.nav-box.hours {
	background-image:url(/images/park/hour.jpg);	
}

.nav-box.map {
	background-image:url(/images/park/map.jpg);	
}

.nav-box.calendar {
	background-image:url(/images/park/calendar.jpg);	
}

.nav-box.app {
	background-image:url(/images/park/app.jpg);	
}

.nav-box.directions {
	background-image:url(/images/park/directions.jpg);	
}

.nav-box.parking {
	background-image:url(/images/park/parking.jpg);	
}

.nav-box.rules {
	background-image:url(/images/park/rules.jpg);	
}

.nav-box.accessibility {
	background-image:url(/images/park/accessibility.jpg);	
}

.nav-box.rides {
	background-image:url(/images/things-to-do/rides.jpg);	
}

.nav-box.shows {
	background-image:url(/images/things-to-do/shows.jpg);	
}

.nav-box.dining {
	background-image:url(/images/things-to-do/dining.jpg);	
}

.nav-box.games {
	background-image:url(/images/things-to-do/games.jpg);	
}

.nav-box.retail {
	background-image:url(/images/things-to-do/retail.jpg);	
}

.nav-box.train {
	background-image:url(/images/things-to-do/train.jpg);	
}

.nav-box.high-moon {
	background-image:url(/images/things-to-do/high-moon.jpg);	
}

.nav-box.garfield {
	background-image:url(/images/things-to-do/garfield.jpg);	
}

.nav-box.birthday-parties {
	background-image:url(/images/contests/birthday.jpg);	
}

.nav-box.blog {
	background-image:url(/images/contests/blog.jpg);	
}

.nav-box.enter-to-win {
	background-image:url(/images/contests/enter-to-win.jpg);	
}

.nav-box.family-a-day {
	background-image:url(/images/contests/family-a-day.jpg);	
}

.nav-box.newsflash {
	background-image:url(/images/contests/sw-newsflash.jpg);	
}

.nav-box.social {
	background-image:url(/images/contests/social-media.jpg);	
}

.nav-box.photo-gallery {
	background-image:url(/images/contests/photo-gallery.jpg);	
}

.nav-box.videos {
	background-image:url(/images/contests/videos.jpg);	
}


#mobile-information {
	display: none;	
}

#information-right-top {
	width: 90%;
	margin: 1% auto;	
}

#information-right-top img {
	width: 100%;	
}

#information-right-bottom {
	padding: 0% 5%;	
}

#information-right-bottom h3{
	margin-top: 2%;
	font-size: 1.3vw;
}

#information-right-bottom ul{
	margin: 1% 0 0 4%;
}

#information-right-bottom ul li{
	font-family: 'Open Sans', sans-serif;
    font-size: 1vw;
}

#information-right-bottom table{
	width: 100%;
	margin: 1% 0 3% 2%;	
}

#information-right-bottom #subForm table{
	width: 100%;
	margin: 1% 0 3% 2%;	
}

#information-right-bottom table.sw-form{
	width: 100%;
}

#information-right-bottom tbody td.bold:first-child{
	font-weight: 900;
	padding-left: 0;	
	padding-top: 2%;
}

#information-right-bottom tbody td:first-child{
	padding-left: 4%;	
}

#information-right-bottom table#dining-table{
	width: 80%;	
}

#information-right-bottom table#dining-table td.allergy{
	color: red;	
}

/* Height Guide */

body .sidebar_left_find a{
	transition:0s all;
	-webkit-transition:0s all;
	-moz-transition:0s all;
	-o-transition:0s all;
	-ms-transition:0s all;
}

.fs_box {
	margin-bottom: 1%;	
}

.sidebar_left_find {
	padding: 2%;	
	text-align: center;
}

.featured_list_find {
	padding: 2%;	
}

.fs_pic {
	float: left;
	width: 20%;	
}

.fs_image img{
	width: 100%;	
}

.fs_left {
	float: left;	
	width: 70%;
	margin-left: 1%;
}

.fs_head {
	font-family: 'Arial Black', sans-serif;	
	font-size: 1.2vw;
	text-transform: uppercase;
}

.fs_disc {
	font-family: 'Open Sans', sans-serif;
	font-size: .8vw;	
}

#contact-box .sidebar_list h3 {
	text-align: left;
	padding: 4% 0 1% 5%;
}

#search_box {
	width: 90%;	
}

.fs_right {
	float: left;	
	width: 6%;
    text-align: center;
    padding-top: 2%;
}

.fs_right a{
    font-size: 2vw;
}

.fs_right a:hover{
    font-size: 2.1vw;
	color: red;
}

#height_range_label,
#weight_range_label,
#price_range_label {
	font-size: 1vw;	
	font-family: 'Open Sans', sans-serif;
}

ul#location,
ul#category,
ul#thrill,
ul#cusine {
	text-align: left;
	list-style-type: none;
	width: 80%;
	margin: 1% auto;	
	font-size: 1vw;
	font-family: 'Open Sans', sans-serif;
}

ul#location span,
ul#category span,
ul#thrill span,
ul#cusine span {
	margin-left: 1%;	
}

ul#thrill span img {
	width: 9%;	
}

/*** All Rides ***/

#intensity-holder {
    margin: 0 auto;
    padding: 0;
    width: 95%;
}

#intensity-holder .tab {
    float: left;
    width: 33%;
    text-align: center;
    padding: 2%;
    list-style-type: none;
}

#intensity-holder .tab h2 {
    margin-bottom: 0;
}

.low:hover {
	background-color: #C2FF63;
}

.med:hover {
	background-color: #A4E4FF;
}

.high:hover {
	background-color: #FFC600;
}

#low h2 {
	background-color: #C2FF63;
    font-size: 3.5vw;
    color: #333;
    padding: 1% 0 0 1%;
    margin-top: 2%;	
}

#med h2 {
	background-color: #A4E4FF;
    font-size: 3.5vw;
    color: #333;
    padding: 1% 0 0 1%;
    margin-top: 2%;	
}

#high h2 {
	background-color: #FFC600;
    font-size: 3.5vw;
    color: #333;
    padding: 1% 0 0 1%;
    margin-top: 2%;	
}

#events a i.fa {
	float: right;
	font-size: 3vw;
	margin-top: 2%;	
}

#events a .event-left img {
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;	
}

#events a:hover .event-left img {
	-webkit-transform: scale(1.02);
  	-moz-transform: scale(1.02);
  	-o-transform: scale(1.02);
  	-ms-transform: scale(1.02);
  	transform: scale(1.02);	
}

#events a:hover i.fa.blue {
	color: #A4E4FF;
}

#events a:hover i.fa.green {
	color: #C2FF63;
}

#events a:hover i.fa.yellow {
	color: #FFC600;
}

.event-right .icon-holder-green,
.event-right .icon-holder-blue,
.event-right .icon-holder-yellow {
	margin-top: 2%;	
}

.icon-holder-green {
	background-color: #C2FF63;
	min-height: 10px;	
}

.icon-holder-yellow {
	background-color: #FFC600;
	min-height: 10px;	
}

.icon-holder-blue {
	background-color: #A4E4FF;
	min-height: 10px;	
}

.event-right .icon img {
	float: left;
	padding: .5%;
	margin-left: 1%;	
	width: 6%;
}

.event-right .icon img.height {
	margin-top: .7%;	
}

.event-right .icon h3 {
	float: left;
	padding-top: 2.5%;	
	margin-right: 1%;
	font-size: .8vw;
}

.event .map-marker {
	float: left;
	font-size: 2vw;
	width: 2%;
	padding-left: 2%;	
}

.event .map-marker:hover {
	color: #94FE90;	
	font-size: 2.1vw;
}

/*** Lightbox ***/

.video-holder {
	width: 100%;	
}

/*** Social Holder ***/

#social-nav {
    background-color: #FFF691;
    padding: 2%;
}

#social-nav ul.social-buttons li a {
	font-size: 3.5vw;	
}

#social-nav ul.social-buttons li a:hover {
	color: #79C2D2;	
}

#social-nav ul.social-buttons li {
	width: 30%;	
}

#photomax, .photomax {
	margin-top: 2%;	
}

/*** RV Park ***/

.rv-available {
	margin-top: 3%;	
}

.desc-left {
	width: 50%;
	float: left;	
}

.pic-right {
	width: 45%;
	float: left;	
	margin-left: 5%;
}

.pic-right img {
	width: 70%;	
}

#information-right-bottom table#rv-prices {
	width: 100%;	
}

#information table#rv-prices thead td {
	font-size: 1.1vw;
	padding: 1%;	
}

#information table#rv-prices thead tr {
	background-color: #A4E4FF;	
}

/*** Lodging ***/

#lodging-partners table{
	width: 100%;
}

#information-right-bottom #lodging-partners tbody td:first-child {
	padding-left: 0;	
	padding-top: 1%;
}

#information #lodging-partners tbody td {
	color: #333;
	text-align: left;
	font-size: .9vw;
	padding-left: 3%;
}

#information #lodging-partners .style2 {
	padding-left: 9%;
}

/*** Form ***/

table ol {
	font-size: 1vw;	
}