/* Layout
================================================== */

body { font-weight: 300; font-family: 'Oxygen', sans-serif; }
img { width: 100%; }
h1 { font-family: 'Rajdhani', sans-serif;  }
.indent { padding-left: 95px; }
#body-container { padding: 55px 15px;}

/* Nav
================================================== */
#nav { margin: 0; }
#nav .nav > li { text-align: center; }
.navbar-brand { padding: 15px; font-weight: 300; letter-spacing: 2px; font-family: 'Rajdhani', sans-serif; vertical-align: top; }
.navbar-brand img { padding-right: 10px; display: inline; max-width: 40px; vertical-align: text-top; }
.navbar-inverse { background-color: #000; }
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand { color: #fff; }

/* Loading Screen
================================================== */
#loading-container { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('/images/loading-bg.jpg'); background-color: #fff; background-size:cover; }
.loading { height: 40px; width: 40px; background: url('/favicon.png') no-repeat center center; background-size: contain; position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); z-index:10000; }
.loading:after {content:''; width:100px; height:100px; background:url('/images/loading.png') no-repeat center center; background-size:contain; position:absolute; top: -30px; left: -30px; display:block; transform: translateY(-50%) translateX(-50%); -webkit-animation: rotation 2s infinite linear; }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }


/* Home Banner
================================================== */
#home-banner { position: relative; height: 100vh; overflow: hidden; }
#home-banner .container { position: relative; height: 100%; }
#home-banner .overlay { position: absolute;  height:100%; width: 100%; top:0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.50); }
#home-banner .prompt { position: relative;  z-index: 100; text-align: left; top: 75%; transform: translateY(-50%); margin-top: -111px; }
#home-banner .prompt h1 { color: #fff;  font-size: 60px; margin: 0px; letter-spacing: 6px; font-weight: 300; text-transform: lowercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
#home-banner .prompt h1 .sub { font-size: 26px; letter-spacing: 16px; text-transform: uppercase; font-weight: 100; display: block; padding-left: 3px; margin-top: -5px; }
#home-banner .scroll-arrow { position: absolute; bottom: 20px; text-align: center; left: 50%; transform: translateX(-50%); padding-bottom: 5px; border-bottom: 2px solid #fff; }
#home-banner .scroll-arrow .animated { -webkit-animation-duration: 2s; animation-duration: 2s; }

/* Home Carousel
================================================== */
#home-carousel { position:relative; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
#home-carousel .carousel-inner { height: 100%; width: 100%; }
#home-carousel .carousel-inner .item { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
#home-carousel .carousel-inner .item.banner1 { background-image: url('/images/placeholder-1.jpg'); }
#home-carousel .carousel-inner .item.banner2 { background-image: url('/images/placeholder-2.jpg'); }
#home-carousel .carousel-inner .item.banner3 { background-image: url('/images/placeholder-3.jpg'); }
#home-carousel .carousel-inner .item.banner4 { background-image: url('/images/placeholder-4.jpg'); }

/* Photo Gallery
================================================== */
.photoGallery { max-width: 1200px; margin: 0 auto; }