@charset "utf-8";

body {
	height: 100%;
	width: 100%;
	margin: 0px auto;
	position: absolute;
	overflow-x: hidden;
}

h1, h2 {
	color:#FFF;
}
.footer {
	padding: 14px 15px 15px;
	margin-bottom: 0px;
}
body * {
	font-family: 'Lato', sans-serif;
}
p {
	font-weight:300;
	font-size:14pt;
	line-height:20pt;
	text-align: justify;
}
h1 {
	font-size:48pt;
	font-weight:100;
	line-height:60pt;
}
p a {
	color:#FFFFFF;
	text-decoration:underline;
}
p a:hover {
	color:#FFF;
	text-decoration:none;
}
p a.btn {
	text-decoration:none!important;
}


/* colors */

h1 {color:#FFFFFF;}
h2 {color:#FFFFFF;}
h3 {color:#FFFFFF;}
h4 {color:#FFFFFF;}
h5 {color:#FFFFFF;}
h6 {color:#FFFFFF;}
p {color:#FFFFFF;}

.navbar-fixed-top {
position:fixed;
margin-bottom: 18px;
}

/* footer */
.footer {
	background:#333333;
}
.footer p {font-size:11pt;}
.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, footer h6 {
	color:#FFFFFF;
}

/* elements */
span.rnd {
	font-size: 14px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	width: 44px;
	height: 44px;
	text-indent: 8px;
	line-height: 44px;
	position: absolute;
	margin-top: 8px;
	margin-left: 2px;
	font-weight: normal;
	text-transform: lowercase;
	font-weight:800;
	font-style: italic;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.075);
	-webkit-box-shadow: 1px 2px 0 0 rgba(0,0,0,0.075);
	-moz-box-shadow: 1px 2px 0 0 rgba(0,0,0,0.075);
}

.story {
	margin: 0 auto;
	margin-top:60px;
}


/* pages */
#home {
	background:url(../assets/firstBG.jpg) 50% -75px no-repeat;
	background-size: auto 100%;
	color: white;
	height: 500px;
	min-height: 100%;
	padding: 160px 0 0 0;
	margin-bottom: -160px;
}
#second {
	background: url(../assets/secondBG.jpg) 50% 0;
	color: white;
	min-height: 100%;
	margin: 0 auto;
	overflow:hidden;
	padding: 0;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
}

#third {
	background: url(../assets/thirdBG.jpg) 50% 0;
	background-color: #333;
	min-height: 100%;
	margin: 0 auto;
	padding: 40px 0 200px 0;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
}
#third p, #third h1, #third h2, #third h3, #third h4, #third h5, #third h6 {color:#FFFFFF;}
#third h2 {font-weight:300;}

#fourth {
	background: url(../assets/fourthBG.jpg) no-repeat;
	margin: 0 auto;
	color: white;
	height: 500px;
	min-height: 100%;
	padding: 40px 0 0 0;
	margin-bottom: -60px;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5) inset;
}
#fifth {
	background: #8c31b7;
	height: 800px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.bg {
	background: url(../assets/objects.png) top left no-repeat fixed;
	height: 1200px;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	left:0px;
	;
	width: 800px;
	z-index: 1;
	overflow:hidden;
}
.bg2 {
	background: url(../assets/objects2.png) top left no-repeat fixed;
	height: 1400px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left:-5px;
	width: 1200px;
	z-index: 1;
	overflow:hidden;
	top: 1379px;
}

.dark-box-margin {
	margin-bottom: 20px;
}

.dark-box, .dark-box-margin {
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
}

.galleria {
	width: 100%;
	height: 400px;
	background: #000;
	margin-bottom: 50px;
	text-align: center;
}

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

.lower-padding {
	padding-bottom: 50px;
}

.nav-collapse.collapse {
  width: 100%;
}

.gallery-collapse.collapse {
  height: 0;
  position: relative;
}

.gallery-background {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-previous {
	position: absolute;
	top: 45%;
	left: 10px;
}

.btn-next {
	position: absolute;
	top: 45%;
	right: 10px;
}

.btn-gallery {
  background-color: #333333;
  background-image: -moz-linear-gradient(top, #333333, #232323);
  background-image: -ms-linear-gradient(top, #333333, #232323);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#232323));
  background-image: -webkit-linear-gradient(top, #333333, #232323);
  background-image: -o-linear-gradient(top, #333333, #232323);
  background-image: linear-gradient(top, #333333, #232323);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#232323', GradientType=0);
  border-color: #ff0000 #ff0000 #ff0000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #999999;
  width: 100%;
  height: 40px;
  font-size: 20px;;
  margin-bottom: 20px;
}

.btn-gallery:hover,
.btn-gallery:active,
.btn-gallery.active,
.btn-gallery.disabled,
.btn-gallery[disabled] {
  background-color: #000000;
  color: #FFFFFF;
}

.btn-gallery:active, .btn-gallery.active {
  background-color: #FFFFFF;
}

.btn-gallery,
.btn-gallery:hover, {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.btn-gallery.active,
.btn-gallery.active, {
  color: rgba(255, 255, 255, 0.75);
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* Extra small devices (phones, 3600px and up) */
@media (min-width: 360px) {
.galleria {
	height: 400px;
}
}
@media (min-width: 480px) and (orientation:landscape) {
.galleria {
	height: 200px;
}
.gallery-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
/* Very small devices (phones, 480px and up) */
@media (min-width: 480px) {
.galleria {
	height: 480px;
}
}
@media (min-width: 480px) and (orientation:landscape) {
.galleria {
	height: 300px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.galleria {
	height: 580px;
}
#home {
	background:url(../assets/firstBG.jpg) 50% -75px no-repeat fixed;
}
#second {
	background: url(../assets/secondBG.jpg) 50% 0 fixed;
}

#third {
	background: url(../assets/thirdBG.jpg) fixed;
}

#fourth {
	background: url(../assets/fourthBG.jpg) no-repeat fixed;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 979px) {
.galleria {
	height: 680px;
}
.gallery-collapse {
  overflow: hidden;
  height: 0;
}

}
/* Large devices (standard desktops, 1200px and up) */
@media (min-width: 1200px) {
.galleria {
	height: 580px;
}
}
/* Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1500px) {
.galleria {
	height: 700px;
}
}
/* Super large devices (1080p or higher HD resolution) */
@media (min-width: 1900px) {
.galleria {
	height: 850px;
}
}