body {
	font-family:'Open Sans', sans-serif;
	font-size:14px;
}
.navbar-brand {
    padding:2px 20px;
}

.main-body h2 {
	font-family:'Oswald', sans-serif;
}



.jumbotron-block {
	background:url(/userfiles/images/website/640-XL-BnW.jpg);
	background-position:center;
	background-attachment:fixed;
	background-size:cover;
	padding:25px 0px;
}
.jumbotron-links {
	padding:50px 0px 0px 0px;
	font-size:1.05em;
	font-family:'Oswald', sans-serif;
	color:#FFF;
	font-weight:bold;
}
.jumbotron-links a {
	color:#efce8e;
}
.jumbotron-links a:hover {
	color:#960;
	text-decoration:none;
}

.banner-hero {
	background-image:url(/userfiles/images/website/GridBackground.png);
	background-position:center;
	background-size:cover;
	padding:35px 0px;
	color:#FFF;
}
.banner-hero h3 {
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	color:#eaa756;
}

.title-bar {
	background-image:url(/userfiles/images/website/GridBackground.png);
	background-position:center;
	background-size:cover;
	padding:35px 0px;
	color:#FFF;
}
.title-bar h1 {
	text-align:center;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	color:#eaa756;
	font-size:70px;
	font-weight:bold;
}
.title-bar p {
	text-align:center;
	color:#999;
}

.home-features {
	padding-top:50px;
	padding-bottom:50px;
}
.home-features h2 {
	font-size:26px;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	text-align:center;	
}
.feature-text {
	min-height:130px;
}

#sub-hero-area {
	background-position:bottom;
}
#sub-hero-area div {
	padding:20px 0px;
}
.overlay-block-1 {
	background-color:#666;
	margin-left:20%;
	margin-right:20%;
	margin-top:40px;
	color:#FFF;
	padding:10px 20px;
	
}
.overlay-block-1 blockquote {
	margin:20px;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	font-weight:bold;
}
.overlay-block-1 blockquote footer {
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	font-weight:bold;
	color:#CCC;
}
.color-bar {
	padding:40px 0px;
}
.color-bar-dark {
    background-color:#e2e2e2;
}
.color-bar-light {
	background-color:#FFF;
}

#enhancments-banner, #packages-banner, #contact-top-banner, #vendors-banner { 
	background-position:center;
	background-attachment:fixed;
}
#gallery-banner {
	background-position:top;
	background-attachment:fixed;
}


.footer {
	background-color:#000;
	color:#999;
	padding:30px 0px 40px 0px;
}


/* LOADER STYLES */
#preloader-wrapper {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040;
	background-color:#222222;
}
#preloader {
	margin-top:15%;
}
.soundbars {
    position: absolute;
}
.soundbar {
	background: #efa453;
	bottom: 1px;
	height: 3px;
	position: absolute;
	width: 10px;      
	animation: sound 0ms -800ms linear infinite alternate;
}
.loading-block-text {
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	font-size:1.5em;	
}


#preloader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #EAEAEA;
	z-index: 1040;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#preloader-wrapper .loader-section.section-left {
	left: 0;
}
#preloader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */
#preloader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-100%);  /* IE 9 */
			transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

#preloader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(100%);  /* IE 9 */
			transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.overlay-block-1 {
    margin-left:5%;
    margin-right:5%;
}
.title-bar h1 {
	font-size:2.85em;
}
#preloader-wrapper {
	padding-top:40%;
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
#preloader-wrapper {
	padding-top:10%;
}
}

@keyframes sound {
    0% {
       opacity: .35;
        height: 3px; 
    }
    100% {
        opacity: 1;       
        height: 50px;        
    }
}
.soundbar:nth-child(1)  { left: 1px; animation-duration: 474ms; }
.soundbar:nth-child(2)  { left: 12px; animation-duration: 433ms; }
.soundbar:nth-child(3)  { left: 24px; animation-duration: 407ms; }
.soundbar:nth-child(4)  { left: 36px; animation-duration: 458ms; }
.soundbar:nth-child(5)  { left: 48px; animation-duration: 400ms; }
.soundbar:nth-child(6)  { left: 60px; animation-duration: 427ms; }
.soundbar:nth-child(7)  { left: 72px; animation-duration: 441ms; }
.soundbar:nth-child(8)  { left: 84px; animation-duration: 419ms; }
.soundbar:nth-child(9)  { left: 96px; animation-duration: 487ms; }
.soundbar:nth-child(10) { left: 108px; animation-duration: 442ms; }​