@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("font-awesome.min.css");

body, html { font-family:'museo_thin', sans-serif; font-size:16px;text-transform: uppercase;line-height: 1.2; }
h1 { font-family: 'museo_thick', sans-serif;font-size:32px;letter-spacing:2px; }
h2 { font-family: 'museo_thick', sans-serif;font-size:18px;letter-spacing:2px; }
h1 > span, h2 > span { font-family: 'museo_thin', sans-serif;font-size:16px; }
li { font-family:'museo_med', sans-serif;font-size:18px;padding-left:12px; }
h2 > span { color:#91a9b9; }
li > span { font-family:'museo_thin', sans-serif;font-size:16px; }
ul { border-left:7px solid #00ace6;list-style-type:none;margin-left:25px; }
li:not(:last-child) { padding-bottom:6px; }

#container { width:100%;margin:0;padding:0; }
#hero {
    width: 100%;
    height: 100vh;
}
#hero, #header {
    background: url('/images/hero.jpg') center center no-repeat #000;
    background-size: cover;
	position:relative;
}
#hero img { width:calc(100% - 24px);max-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); }
#header img { max-height:60px; }

.quote {
    width: 100%;
    font-size: 24px;
    text-align: center;
    padding: calc(100vh/4) 0;
    background-color:#00080e;
}
.quote-text { width:calc(100% - 24px);display:block;margin:0 auto;color:#DDEAF5; }
#ourclients {
    width: 100%;
    min-height: calc(100vh/2);
    padding: calc(100vh/4) 0;
    font-size: 20px;
    position: relative;
    background: url('/images/stage_guitars.jpg') center center no-repeat;
    background-size: cover;
    color: #FFF;
}
.ourclients-text h1 { font-size:20px;padding-bottom:12px; }
.ourclients-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 72px);
    max-width: 740px;
	background-color:rgba(0,8,14,0.8);
	padding:24px;
}
.ourclients-text li { color:#DDEAF5; }
.services {
	width:100%;
	text-align: center;
	padding:100px 0;
}
.services-section {
	text-align: left;
	display:block;
	margin:0 auto;
	width:calc(100% - 72px);
	max-width:740px;
	padding:24px;
}
.fans { background-color:#f3f7fa; }
.fans h1 { color: #00ace6; }
.fans h2 { color:#496e8a; }
.fans li { color:#124b6f; }
.fans li > span { color:#91a9b9; }
.fans h1 > span { color:#91a9b9; }

.fans, .artists { border-top:10px solid #00080E; }

.artists { background-color:#124b6f;border-bottom:10px solid #00080E; }/*124b6f*/
.artists h1 { color: #00ace6; }
.artists h2 { color:#f3f7fa; }
.artists li { color:#DDEAF5; }
.artists li > span,
.artists h1 > span { color:#91a9b9; }
.artists li > span { font-family:'museo_thick', sans-serif;font-size:18px;color:#FFF; }

@media all and (max-width:799px) {
	h1 > span,
	h2 > span,
	li > span { display:block; }
}

.nextlevel { background:url('/images/stage_blue.jpg') center center no-repeat;background-size:cover; }

.nextlevel .quote-text {
	background-color:rgba(0,8,14,0.8);
	padding:12px 24px 24px 24px;
	max-width:460px;
	width:calc(100% - 72px);
}


#contact {
	width:100%;
	position:relative;
	padding:100px 0;
	border-top:10px solid #00080E;
	border-bottom:10px solid #00080E;
}
.contact-text {
	width:calc(100% - 24px);
	display:block;
	margin:0 auto;
	max-width:500px;
}
.contact-text h1 { color:#124b6f; }
#contact_form { width:100%; }
input, textarea {
	background-color:#f3f7fa;
	border:1px solid #d9e1e4;
	color:#124b6f;
	font-size:18px;
	padding:6px;
	font-family:'museo_thin', sans-serif;
	margin-bottom:6px;
}
input.highlight, textarea.highlight { border:1px solid #00ace6; }
#first_name, #last_name { display:inline-block;vertical-align: top;width:calc(50% - 17px); }
#last_name { margin-left:6px; }
#company,
#message,
#email { width:calc(100% - 12px); }
#thankyou {
    text-align: center;
    margin-bottom: 12px;
}

button { background-color:#124b6f;color:#f3f7fa;border:0;font-family:'museo_thick', sans-serif;font-size:18px;padding:12px;display:block;margin-left:auto;margin-right:0;transition:all ease 250ms; }
button:hover { cursor:pointer;background-color:#00ace6;}

footer {
	background-color:#00080E;
	color:#f3f7fa;
	text-align: center;
}
footer li { display:inline-block;vertical-align:top; }
#footer-menu > ul { border:0;margin-left:0;margin-bottom:12px;padding-top:12px; }
#footer-menu > ul > li { font-size:12px;padding-top:6px; }
#footer-menu > ul >  li:not(:last-child) { border-right:1px solid #00ace6;padding-right:12px; }
#footer-menu > ul >  li:not(:first-child) { padding-left:12px; }

.accepted-payment li { border:0!important;font-size:24px; }
.accepted-payment ul { margin-top:0!important;margin-bottom:24px;margin-left:0!important;border:0!important; }

a { text-decoration:none; }
footer a:hover, .legal a:link, .legal a:visited { color:#00ace6!important;transition:all ease 250ms; }
footer a:link, footer a:visited, .legal a:hover { color:#d9e1e4;transition:all ease 250ms; }

.copyright { padding:12px 0 50px 0;color:#d9e1e4; }

#legal { display:block;margin:25px auto;max-width:1000px;width:calc(100% - 24px); }
.legal { background-color:#f3f7fa;border-bottom:10px solid #00080E;text-transform:none; }
#legal h1 { color: #00ace6; }
#legal h2 { color:#496e8a; }
#legal li { color:#124b6f; }
#legal li > span { color:#91a9b9; }
#legal h1 > span { color:#91a9b9; }
.legal p { margin: 12px 0; }

.active { color:#00ace6;cursor:default; }

.authorize-seal {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 90px;
}

@font-face {
	font-family: 'museo_thin';
	src: url('../fonts/MuseoSans_300.eot');
	src: local('☺'), url('../fonts/MuseoSans_300.woff') format('woff'), url('../fonts/MuseoSans_300.ttf') format('truetype'), url('../fonts/MuseoSans_300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_med';
	src: url('../fonts/MuseoSans_500.eot');
	src: local('☺'), url('../fonts/MuseoSans_500.woff') format('woff'), url('../fonts/MuseoSans_500.ttf') format('truetype'), url('../fonts/MuseoSans_500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_thick';
	src: url('../fonts/MuseoSans_900.eot');
	src: local('☺'), url('../fonts/MuseoSans_900.woff') format('woff'), url('../fonts/MuseoSans_900.ttf') format('truetype'), url('../fonts/MuseoSans_900.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}