@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;700');
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Open Sans',sans-serif;font-size:18px;color:#48424d;padding:0;margin:0;text-align:center}
img{display:block;max-width:100%}
a{color:#888}
p{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Darker Grotesque';font-weight:700}
h1{font-size:42px;margin:20px 0}
h2{color:#48424d;font-size:42px;margin:0 0 25px}
h3{background:rgba(255,255,255,.1);border-radius:6px;padding:10px 0}
video{width:100%;height:auto}

header{background:rgb(72,66,77);width:100%;display:inline-block;vertical-align:top;position:relative;z-index:9999;}

.container{width:1000px;max-width:100%;margin:0 auto;position:relative;text-align:justify}

#logo{position:absolute;top:0}
#mobile-logo{display:none;margin:0 auto 15px}
nav{margin:30px 0 15px;float:right;position:relative}
nav ul{float:right;list-style:none;margin:0;padding:0}
nav li{float:left;position:relative}
nav > ul > li{margin-right:5px;}
nav > ul > li:last-of-type{margin-right:0}
nav ul a{color:#fff;display:block;text-transform:uppercase;text-align:center;padding:10px 20px;width:100%;text-decoration:none;font-size:16px;white-space:nowrap}
nav ul a:hover,.current{opacity:.8}

.footer div{width:100%;border-top:1px solid #555;margin-top:25px}

section{display:inline-block;vertical-align:top;width:100%;padding:50px 0}
section:nth-of-type(2n){background:rgb(72,66,77);color:#fff}
section:nth-of-type(2n) h2{color:#fff}
section:nth-of-type(2n).vinyl h2{color:#48424d}
.vinyl,section:first-of-type.vinyl,section:nth-of-type(2n).vinyl{background:url('/img/bg.jpeg');background-size:cover;background-position:right bottom;}
.vinyl img{margin:0 auto}
section:first-of-type{background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('/img/bg 2.jpeg');background-size:cover}
section:nth-of-type(2n).seat{background:linear-gradient(rgba(72,66,77,.9),rgba(72,66,77,.9)),url('/img/seat.jpeg');background-size:cover;background-position:right bottom;background-attachment:fixed;}

.center{text-align:center}

.floatr{margin:0 0 15px 15px;float:right;border:3px solid #fff}
.floatl{margin:0 15px 15px 0;float:left;border:3px solid #fff}

.btn{background:transparent;margin:50px 0;border:2px solid rgb(237, 27, 51);border-radius:10px;display:inline-block;color:#fff;font-size:20px;text-decoration:none;padding:10px 25px;transition:.25s all;}
.btn.dark{background:rgb(72,66,77)}
.btn:hover{background:#888}

.copyright{width:100%;font-size:14px;text-align:center}

form{}
input,textarea{padding:15px;width:100%;float:left;margin-bottom:5px;border:1px solid #ccc}
form button{float:right}
.g-recaptcha{float:left}

footer{float:left;width:100%;padding:38px 10px;background:rgb(72,66,77);color:#fff;}
footer .container{text-align:center}
footer a{display:inline-block}

.hamburger{display:none;position:absolute;top:0;left:4px;width:51px;height:51px;padding:10px}
.hamburger div:first-of-type,.hamburger div:nth-of-type(2),.hamburger div:last-of-type{position:absolute;width:30px;border-top:2px solid #fff;}
.hamburger div:first-of-type{top:15px}
.hamburger div:nth-of-type(2){top:25px}
.hamburger div:last-of-type{top:35px}
nav.open .hamburger div:first-of-type{transform:rotate(45deg);top:25px}
nav.open .hamburger div:nth-of-type(2){display:none}
nav.open .hamburger div:last-of-type{transform:rotate(-45deg);top:25px}
#mobile-menu{display:none}

.carousel{margin-bottom:50px}
.carousel-cell{width:28%;height:200px;margin-right:10px;border-radius:5px;counter-increment:carousel-cell}
.carousel-cell img{object-fit:cover;width:100%;height:100%}

section:nth-of-type(2n).faq{background:#fff;color:initial}

.expand{float:right;position:relative;width:25px;height:25px;pointer-events:none}
.expand div{position:absolute;top:10px;width:15px;border-bottom:1px solid #888;left:0;right:0;margin:auto;pointer-events:none;}
.expand div:first-of-type{transform:translate(-5px) rotate(45deg)}
.expand div:last-of-type{transform:translate(5px) rotate(-45deg)}
dt{padding:25px 15px 25px;cursor:pointer}
dd{max-height:0;border-bottom:1px solid #ccc;overflow:hidden;margin:0;transition:.4s max-height}
dd p:first-of-type{margin-top:0}
dd.expanded{max-height:1000px}
dt.expanded .expand div:first-of-type{transform:translate(-5px) rotate(-45deg)}
dt.expanded .expand div:last-of-type{transform:translate(5px) rotate(45deg)}

@media only screen and (max-width:700px){
	.cta h4{line-height:1.2}
	.info{flex-direction:column}
	.col50{width:100%;padding:15px}
	.cta h4 span{font-size:30px;text-decoration:underline;}
	.carousel-cell{width:54%}
}
@media only screen and (max-width:1000px){
	.social{display:none}
	#mobile-menu{display:block;top:0;height:51px}
	#mobile-logo{display:block}
	#callout h1{margin-top:200px}
	body{margin-top:51px}
	nav{z-index:9999}
	#logo{display:none}
	header{position:fixed;height:51px;border-radius:0;top:0;width:100%}
	nav li{visibility:hidden;width:100%;opacity:0;border:none;transition:visibility 0s,opacity 1s ease}
	nav li a{padding:10px 40px;font-size:21px;color:#fff;border-color:transparent !important}
	nav{margin:0;position:fixed;top:0;left:0;bottom:0;width:0}
	nav.open{right:0;width:100%}
	nav ul{float:left;min-height:calc(100% - 51px);width:0;background:rgb(72,66,77);transition:width 0.4s ease;}
	.hamburger{display:block}
	.hamburger:hover{cursor:pointer}
	nav.open > ul{width:85%}
	nav.open > ul ul{width:100%}
	nav.open li{visibility:visible;opacity:1}
	.container{padding:0 15px}
	nav ul ul{display:block;position:relative;visibility:visible;opacity:1;left:0}
	nav ul ul li a::before{content:' - '}
	section{background-attachment: scroll}
}