
iframe.hover-shadow {
    border: 5px #add959 solid;
border-radius: 40px;
}
.close {
opacity: 1 !important;
}
.gallery .row > .column {
  padding: 0 8px;
}

.gallery .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.gallery .col-md-3 {

  text-align:center;
  margin:0 auto;
  margin:10px 0px;
}
.gallery .thumbs img{
	width:100%;
	height:auto;
	border: 5px #add959 solid;
border-radius: 40px;
}

/* The Modal (background) */
.gallery .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  z-index: 999999;

}

/* Modal Content */
.gallery .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 900px;
}

/* The Close Button */
.gallery .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.gallery .close:hover,
.gallery .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.gallery .mySlides {
  display: none;
}

/* Next & previous buttons */
.gallery .prev,
.gallery .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.gallery .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.gallery img.demo {
  opacity: 0.6;
}

.gallery .active,
.gallery .demo:hover {
  opacity: 1;
}

.gallery img.hover-shadow {
  transition: 0.3s;
}

.gallery .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}













body{
	color:#525252;
	background-image:url(../images/background-header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:cover;
	font-family:'Days One', sans-serif;
}

p.text{
	font-size:15px;
	padding:0px 50px;
	text-align:center;
}
.map iframe{
	width: 90%;

height: 400px;

margin: 0 auto;

text-align: center;

display: block;
}

body.inner .topbgcolors{


margin-bottom: 40px;

}


.topbgcolors{
	height:582px;
	background-image:url(../images/background-top-colors.png);
	background-position:top right;
	background-repeat:no-repeat;

}
.social-icon-top{
	display:block;
float: left;
margin: 15px 0px 0px 40px;
}

.social-icon-top a:hover .fa{
		color:#fff;
	background-color:#fbbc01;
}

.social-icon-top .fa.fa-facebook{
	color:#f94963;
	background-color:#fdbac4;
  border-radius: 60px;
display: inline-block;
position: relative;
z-index: 99999;
  padding: 7px 10px;

}

.social-icon-top .fa.fa-twitter{
	color:#f94963;
	background-color:#fdbac4;
  border-radius: 60px;
display: inline-block;
position: relative;
z-index: 99999;
  padding: 7px 8px;

}





.logo-bar img{
	margin-left: -17px;
	margin-top:9px;
	z-index: 9999;
display: block;
position: absolute;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
float: right;
    border-color: none;
    margin-left: -17px;
}

.navbar-inverse{
	background-color: transparent !important;
	max-width:1141px;
	margin:0 auto;
	padding:3px 0px;
	text-align:right;
	margin-top:10px;

}
.navbar-inverse .navbar-nav > li > a {
color:#fff;
	font-size: 15px;
	text-transform:uppercase;
		padding-top: 10px;
padding-bottom: 10px;

}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
	background-color:#fbbc01;
	border-radius:50px;
	padding-top: 10px;
padding-bottom: 10px;

}

.navbar{
	border-radius:0px;
border: 0px solid transparent;
margin-bottom: 0px;
}
.topbar{
	background-color: #61a92b;
	max-width:1180px;
	height:2px;
	margin:0 auto;
	text-align:center;

	
}
.logo-bar{
	margin:15px 0px;
}


.attraction{
	margin-top:50px;
		font-size:15px;
		color:#f40e30;
		font-family:'Days One', sans-serif;
		text-align:center;
}
.attraction a{
	font-size:18px;
		color:#f40e30;
		
}
.attraction a:hover{
	text-decoration:none;
		color:#9dcb45;
		
}
.attraction span.heading{
	color:#f40e30;
	font-size:42px;
	font-family:'Days One', sans-serif;


}


.border-radius img{
	border:5px #add959 solid;
	border-radius:40px;
	height:200px;
	width:200px;
	margin-bottom:10px;

	
}



.bullet-horizontal{
	float:none;
	margin:0 auto;
	display:block;
	margin-left: 45%;
	margin-bottom:20px;
}

span.heading{
	color:#525252;
	font-size:42px;
	font-family:'Days One', sans-serif;
	text-align:center;


}

.greenbullet{
	background-color:#9dcb45;
height: 9px;
width: 70px;
border-radius: 5px;
margin-left: 7px;
float: left;
	
}
.yellowbullet{
	background-color:#fbbc01;
height: 9px;
width: 40px;
border-radius: 5px;

float: left;

}

.green-border-radius iframe{
	border:5px #add959 solid;
	border-radius:40px;
	

}


.vr-ride{
	
	background-image:url(../images/background-vr-ride.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:100px;
	min-height:605px;
}
.vr-glassess{
	background-image: url(../images/vr-ride-glassess.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: cover;
	height:390px;
	width:789px;
	float:right;
	margin-top: -460px;
	z-index: -1;
}


.vr-ride .h1{
	color:#00bcd4;
	font-family:'Days One', sans-serif;
	font-size:22px;
	display:block;
	
}
.vr-ride .h2{
	color:#f40f31;
	font-family:'Days One', sans-serif;
	font-size:89px;
	display:block;
	margin-bottom: -20px;
margin-top: -15px;
	
}
.vr-ride .h3{
	color:#fabb01;
	font-family:'Days One', sans-serif;
	font-size:40px;
	display:block;
	
}
.vr-ride ul{
	margin-top:20px;
	-moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
	
}
.vr-ride li{
	font-size: 20px;

line-height: 40px;
}


.major-rides{
		margin-bottom:40px;
}
.major-rides .big img{
	width:324px;
	height:auto;

}

.major-rides span.ride-name{
	font-size:17px;
	color:#fff;
	float: right;
position: relative;
display: block;
margin: -55px 40px 0px;
text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
}

.major-rides .big span.ride-name{
	font-size:30px;
	margin: -75px 40px 0px;
}

.major-rides a:hover  span.ride-name{
	color:#9dcb45;
}



.purchase-card-left{
	background-image: url(../images/background-card.png);
	background-repeat:no-repeat;
	background-position:center; 
	background-color:#9dcb45;
	height:487px;
	width:880px;
	-webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
float:left;
	
}

.purchase-card-left ul{
	float:right;
	margin: 140px 130px 0px;
}
.purchase-card-left ul li{
		list-style:none;
	font-size:23px;
	color:#fff;
	margin-bottom:10px;
}

.purchase-card-left li::before{
	content:"•";
	color:#006064;

	margin-right:10px;
	font-size:18px;
}

.purchase-card-right{
	background-color:#f94963;
	background-image:url(../images/background-card-02.png);
		background-repeat:no-repeat;
	background-position:center; 
	height:487px;
	width:570px;
-webkit-clip-path: polygon(12% 8%, 100% 0, 100% 100%, 0 94%);
clip-path: polygon(12% 8%, 100% 0, 100% 100%, 0 94%);
float:right;
	margin-top: -480px;
padding: 100px 50px 0px 104px;
}


.purchase-card-right .h1{
	font-size:55px;
	color:#ffeb3c;
	
}
.purchase-card-right p{
	font-size:20px;
	color:#fff;
	
}


.social-icon-footer{
	display:block;
float: left;
margin-bottom:20px;
width:100%


}



.social-icon-footer a:hover .fa{
		color:#fff;
	background-color:#c9aa7f;
}

.social-icon-footer .fa.fa-facebook{
	color:#c9aa7f;
	background-color:#fff;
  border-radius: 60px;
display: inline-block;
position: relative;
z-index: 99999;
  padding: 7px 10px;

}

.social-icon-footer .fa.fa-twitter{
	color:#c9aa7f;
	background-color:#fff;
  border-radius: 60px;
display: inline-block;
position: relative;
z-index: 99999;
  padding: 7px 8px;

}





.footer {
	background-image:url(../images/background-footer.png);
	background-position: center;
	background-repeat:no-repeat;
	min-height:951px;
	width:auto;
	margin-top:-160px;

	
}

footer a{
	color:#264559;
}
p.disclaimer{
	font-size:11px;
}
footer .how img{
	display:block;
	text-align:center;
	margin: 0 auto;
}
footer .how h3{
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}



.copyright{
	color: #fff;
	margin-top:20px;
	
}

.copyright a{
	color: #fff;
	
	
}

.copyright a:hover{
	color: #725731;
	text-decoration:none;
	
	
	
	
}
.copyright .nav.navbar-nav a{
	font-size:15px;

	
}

.copyright .nav.navbar-nav a:hover{

		color: #725731;
	text-decoration:none;
	background-color: transparent !important;
	
	
}

.carousel-indicators li {
    display: inline-block;
    width: 15px!important;
    height: 15px !important;
  z-index: 99999;
    text-indent: -999px;
    cursor: pointer;

    background-color: #f94963;
    border: 1px solid #f94963;
    border-radius: 10px;
	
	
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 30%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-inner {

    position: absolute;
    width: 100%;
    overflow: hidden;
    margin-top: -500px;
	
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {

    float: right;
}

.carousel-caption span.h1{
	font-family:'Days One', sans-serif;
	font-size:50px;
	color:#f40e30;
	display: block;

}
.carousel-caption span.h2{
	font-family:'Days One', sans-serif;
	font-size:62px;
	color:#2a83f0;
	display: block;
	margin-bottom: -10px;

margin-top: -5px;

}
.carousel-caption span.h3{
	font-family:'Days One', sans-serif;
	font-size:57px;
	color:#add959;
	display: block;

}
.carousel-caption span.h4{
	font-family:'Days One', sans-serif;
	font-size:20px;
	color:#6f6f6f;
	display: block;
}

    
.carousel-caption {
      font-size: 2em;
	 margin-top: 190px;
	
      top: 30%;
	  float: left;

      text-align: left;
      text-shadow: none;
	  color:#000;
     }
.carousel-indicators{
      font-size: 2em;
   
      text-align: left;
      text-shadow: none;
        }
		
		.carousel-control .fa{
			color:#ffcc00;
		}
		
	.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0) !important;
    opacity: .5;
    filter: alpha(opacity=50);
		}
		
	
@media only screen and (max-width: 1100px) and (min-width: 320px)  {
		
.logo-bar img {
    margin-left: -20px;

margin-top: 0px;

z-index: 999;

display: block;

position: absolute;

width: 309px;

height: auto;

margin-top: 70px;
		}	
.topbgcolors {
		height: auto;


}
.logo-bar {

    margin: -11px 0px 0px 0px;
}

.navbar-inverse .navbar-toggle {

    border-color: #f94963;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background-color: #f94963;
}
.navbar-inverse {

display: block;
z-index: 9999;
    padding: 0px;
}
	
	.social-icon-top {
		display:none;
  
    margin: 13px 0px 0px 0px;
	}
	
	.carousel {
		display:block;
		
    margin-top: 580px;
	
	}
	.carousel-indicators {
bottom: 270px;
float: right;
text-align: right;
	}
	


	
	
	
	


.vr-glassess {


    height: 158px;
    width: 320px;

    margin-top: 0px;
	z-index:-1;
	margin-bottom:20px;
	
}
.vr-ride .green-border-radius{
	display:block;
	text-align:center;
	margin:0 auto;
}


.vr-ride ul {

    margin-top: 20px;
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    column-count: 1;
    column-gap: 1px;
	
}
.major-rides .big img {
    width: 100%;
    height: auto;
	
}
.major-rides .border-radius img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.purchase-card-right img{


height: auto;
	
}
}

@media only screen and (max-width: 1199px) and (min-width: 1101px)  {
	
	.container {
    width: 100%;
	
	}
}
		
		
@media only screen and (max-width: 1099px) and (min-width: 768px)  {
	.container.vr-ride {
    width: 100%;
}
}

@media only screen and (max-width: 1100px) and (min-width: 992px)  {
	.container.topbgcolors{
		width:100%;
	}
	.navbar-inverse .navbar-nav > li > a {
font-size: 12px;
margin-top: 5px;
	}
	
	.carousel-inner .item img {
    margin-top: -340px;
	
	}
	.carousel-indicators {
    bottom: 410px;
	}
}

		
@media only screen and (max-width: 1190px) and (min-width: 1101px)  {
	.carousel-inner .item img{
   
    margin-top: 60px !important;

	width: 520px;
}
}
		
@media only screen and (max-width: 991px) and (min-width: 768px)  {
			.attraction .border-radius .col-sm-12 {
    width: 33.333%;
			
		}
		
			.attraction .border-radius .col-sm-5.five-two{
    width: 100%;
			
		}
		.container.topbgcolors{
			width:100%
		}
		.navbar-inverse .navbar-nav > li > a {
 
    font-size: 13px;
		}
		
}

@media only screen and (max-width: 1190px) and (min-width: 992px)  {
	


.border-radius img {


    height: 160px;
    width: 160px;
}


.attraction .col-md-6 {

    width: 60%;


}
}

@media only screen and (max-width: 1190px)   {
	.purchase-card-left {

    width: 100%;
	}
	
	.purchase-card-left ul {
text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
    float: left;
    margin: 140px 0px 0px;
	display:none;
	
	}
	
	.major-rides span.ride-name {

    font-size: 16px;

    margin: -46px 16px 0px;
	
	
	}
	.major-rides .big span.ride-name {

    font-size: 21px;
    margin: -65px 24px 0px;
	}
	.border-radius img {

   
    border-radius: 17px;
	}
	
.carousel-inner .item img{
   
 /*! margin-top: -400px; Rashid*/
	width: 520px;
}

.carousel-caption span.h1 {

    font-size: 40px;
	
}
.carousel-caption span.h2 {

    font-size: 46px;
}
}
		
		
@media  (max-width: 991px) {
		.attraction {

    margin-top:310px;
	
		}
		.main-content{
	margin-top: 310px;
}


.green-border-radius iframe {


    width: 100%;
    height: 350px;
		}
		}
@media  (max-width: 768px) {

	.logo-bar .col-md-4 img {

    z-index: -11;
	}
footer .container {
    padding-right: 0px;
    padding-left: 0px;
		background-color:#c9aa7f;
	background-image: none !important;
	margin-top:10px;

	}
			
.footer {

    min-height: auto;
    width: auto;
    margin-top: 460px;
	
			}
.purchase-card-right{


width: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);


padding: 30px 0px 0px 16px;
float:none;

			}
			
.purchase-card-left{

background-position: center;
height:auto;
width: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);


padding: 0px 0px 0px 0px;

			}
			
			
			.purchase-card-left ul {
    float: right;
margin: 20px 40px 0px;
			}
			
			.purchase-card-left ul li {
text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
    font-size: 15px;
  
			}
			.copyright{
				background-image:url(../images/background-footer.png);
				background-position:bottom;
    padding: 30px 30px !important;
				background-color:#d7bb7f;
		
    margin-top: 0px;
			}
		}
		
		
		@media  (max-width: 991px) {
			.logo-bar img {
				display:block;
				margin:0 auto;
				text-align:center;
				margin-top: 70px;
				left: 35%;
				}
		}


		@media  (min-width: 1101px) {
body.innerpage .topbgcolors {
	height:220px !important;
    background-image: url(../images/background-top-colors2.png);
    background-position: top right;
    background-repeat: no-repeat;
	margin-bottom:20px;
}
}


@media only screen and (max-width: 767px) and (min-width: 400px)  {
		.logo-bar img {
		
				left: 22% !important;
				}
	
}
@media only screen and (max-width: 767px) and (min-width: 320px)  {
	.logo-bar img {
		
				left: -2%;
				}

}
@media only screen and (max-width: 1199px) and (min-width: 1101px)  

{
.major-rides span.ride-name {

    font-size: 15px;

    margin: -52px 33px 0px;
}
}

	
