/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}

html { height:100%; }
body { position:absolute; top:0; bottom:0; right:0; left:0; }

footer {
	padding-bottom: 40px;	
}

.footer {
	width:100%;
}

.footer-dark {
	width:100%;
	color:#FFF;
	padding:30px 0;
	background:rgba(0,0,0,0.25);
	text-shadow:1px 1px rgba(0,0,0,0.75);
}

.footer-dark a {
	color:#fff;
}

.footer-dark a:hover,
.footer-dark a:focus {
	color:#fff;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-nav {
	margin-right:20px;
}

@media (max-width: 992px) {
  .navbar-nav {
	margin-top:20px;  
  }
}

@media (max-width: 768px) {
  .navbar-nav {
	margin-top:0;  
  }
}

.navbar-transparent {
  background-color:none;
  border-color:none;
  text-shadow:0 0 10px #000;
}
.navbar-transparent .navbar-brand {
  color: #FFF;
}
.navbar-transparent .navbar-brand > img {
  margin-top: -15px;
}
.navbar-transparent .navbar-brand:hover,
.navbar-transparent .navbar-brand:focus {
  color: #FFF;
}
.navbar-transparent .navbar-text {
  color: #FFF;
}
.navbar-transparent .navbar-nav > li > a {
  color: #FFF;
  margin-left:5px;
}
.navbar-transparent .navbar-nav > li > a:hover,
.navbar-transparent .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: rgba(0,0,0,0.2);
  border-radius:10px;
}
.navbar-transparent .navbar-nav > .active > a,
.navbar-transparent .navbar-nav > .active > a:hover,
.navbar-transparent .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: rgba(0,0,0,0.2);
  border-radius:10px;
}
.navbar-transparent .navbar-nav > .disabled > a,
.navbar-transparent .navbar-nav > .disabled > a:hover,
.navbar-transparent .navbar-nav > .disabled > a:focus {
  color: #FFF;
  background-color: rgba(0,0,0,0.2);
  border-radius:10px;
}
.navbar-transparent .navbar-toggle {
  border-color: none;
}
.navbar-transparent .navbar-toggle:hover,
.navbar-transparent .navbar-toggle:focus {
  background-color: rgba(0,0,0,0.2);
}
.navbar-transparent .navbar-toggle .icon-bar {
  background-color: #FFF;
}
.navbar-transparent .navbar-collapse,
.navbar-transparent .navbar-form {
  border-color: #e7e7e7;
}
.navbar-transparent .navbar-nav > .open > a,
.navbar-transparent .navbar-nav > .open > a:hover,
.navbar-transparent .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: rgba(0,0,0,0.75);
  border-radius:10px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0; 
}
.navbar-transparent .dropdown-menu {
  background-color: rgba(0,0,0,0.75);

}
.navbar-transparent .dropdown-menu > li > a {
  text-shadow:none;
  color:#FFF;
}
.navbar-transparent .dropdown-header {
  text-shadow:none;
  color:#DDD;
}
.navbar-nav > li > .dropdown-menu {
  margin-top:-1px;
  margin-right:-1px;
  right:0px;
  left:auto;
  border-top-left-radius:4px;
}
@media (max-width: 767px) {
  .navbar-transparent .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
  }
  .navbar-transparent .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-transparent .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #DDD;
    background-color: transparent;
  }
  .navbar-transparent .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-transparent .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-transparent .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-transparent .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-transparent .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-transparent .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-transparent .navbar-link {
  color: #777;
}
.navbar-transparent .navbar-link:hover {
  color: #333;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(0,0,0,0.5);
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #DDD;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-toggle {
  background-color: rgba(0,0,0,0.2);
  border-radius: 4px;
}

.navbar-collapse {
  box-shadow: none;
  border:none;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: rgba(0,0,0,0.5);
    border: 0;
    box-shadow: none;
	margin-left:5px;
  }
  .navbar-nav {
    background-color: rgba(0,0,0,0.5);
	padding:5px;
	padding-left:0;
	border-radius:5px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    color:#fff;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.topbg {
  height: 525px;
  min-width: 100%;
  overflow: auto;
}

.topbg-alt {
  height: 125px;
  min-width: 100%;
}


.topbg-slider {
	margin-bottom: 26px;
	height:100%;
}
/*
@media (max-width: 992px) {
  .topbg {
    height:250px;
  }
}

@media (max-width: 768px) {
  .topbg {
    height:80px;
  }
}
*/

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
  margin-top:60px;
  margin-bottom:60px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 60px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  margin-bottom:50px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 40px;
  }
}



.season-box {
	background-color:rgba(0, 0, 0, 0.5);
	width:135px;
	height:auto;
	margin-left:-150px;
	padding:5px;
	position:absolute;
	color:#fff;
	border-bottom-right-radius:10px;
  	border-bottom-left-radius:10px; 
}
.season p {
	font-weight:bold;
	font-size:70%;
	text-align:center;
}
.season span {
	font-weight:bold;
	text-transform:capitalize;
}
.season-box img {
	margin-left: 21px;	
}

.slider-container {
	overflow:hidden;	
}

.slider-description {
	padding-top:150px;
	color:#fff;
}

.slider-description h4 {
	background:rgba(0,0,0,0.5);
	padding:10px;
}

.slider-description a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.slider-description a:hover,
.slider-description a:focus {
	color:#ddd;
	text-decoration:none;
}

@media (max-width: 992px) {
	.slider-description {
		padding-left:50px;
	}
}

.fullwidth {
	width:100%;
	margin:60px 0;
}

.fullwidth-dark {
	width:100%;
	color:#FFF;
	padding:30px 0;
	background:rgba(0,0,0,0.5);
}

.fullwidth-dark h2 {
	font-weight:bold;
}

.fullwidth-dark img {
	max-width:200px;
	margin-left:20px;
	margin-right:20px;
}

.others {
	padding-bottom:30px;
}

.seasonbar {
	width:100%;
	color:#FFF;	
	padding-top:7px;
	background:rgba(0,0,0,0.25);
}
@media (max-width: 992px) {
  .seasonbar {
    margin-top: 186px;
  }
}

@media (max-width: 992px) {
	.footer {
		margin-top:0px;
	}
}

.team {
	margin-bottom:100px;	
}

 /* ------------------------------------------------------------------------ */
/* ANIMATIONS N SHIT
/* ------------------------------------------------------------------------ */
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
.delay1s {
	animation-delay: 1s /* W3C and Opera */;
	-moz-animation-delay: 1s /* Firefox */;
	-webkit-animation-delay: 1s /* Safari and Chrome */;
	
}
.delay2s {
	animation-delay: 2s /* W3C and Opera */;
	-moz-animation-delay: 2s /* Firefox */;
	-webkit-animation-delay: 2s /* Safari and Chrome */;
}
.delay3s {
	animation-delay: 3s /* W3C and Opera */;
	-moz-animation-delay: 3s /* Firefox */;
	-webkit-animation-delay: 3s /* Safari and Chrome */;
}


/*

ERROR PAGE

*/

.errorpage {
	text-align:center;
	font-size:75px;
	font-weight:bold;
}