l#login_form {
background-color:#163c33;
padding:20px;
width:600px;
margin:200px auto 0 auto;
box-sizing:border-box;
text-align:center;
font-family:"futura", Arial;
}

#login_form h1 {
 margin:0;
 font-size:25px;
 color:#dfdccd;
}

#login_form input[type="password"] {
width:100%;
margin-top:10px;
height:40px;
font-size:16px;
text-align:center;
outline:0 none;
border:0 none;
}

#login_form input[type="submit"] {
width:100%;
margin-top:10px;
height:40px;
font-weight:700;
font-size:16px;
background-color:#fff200;
color:#163c33;
border:0 none;
font-family:"futura", Arial;
}

#login_form input[type="submit"]:hover {
cursor:pointer;
}

@media all and (max-width:1000px) {
#login_form {
margin:150px auto 0 auto;
}
}

@font-face {
font-family: sacramento;
src: url(fonts/sacramento.eot);
src: url(fonts/sacramento.eot?#iefix) format("embedded-opentype"), 
url(fonts/sacramento.woff2) format("woff2"), 
url(fonts/sacramento.woff) format("woff"), 
url(fonts/sacramento.ttf) format("truetype")
}

@font-face {
font-family: futura;
src: url(fonts/Futura-Medium.eot);
src: url(fonts/Futura-Medium.eot?#iefix) format("embedded-opentype"), 
url(fonts/Futura-Medium.woff2) format("woff2"), 
url(fonts/Futura-Medium.woff) format("woff"), 
url(fonts/Futura-Medium.ttf) format("truetype");
font-weight:400;
}

@font-face {
font-family: futura;
src: url(fonts/Futura-Bold.eot);
src: url(fonts/Futura-Bold.eot?#iefix) format("embedded-opentype"), 
url(fonts/Futura-Bold.woff2) format("woff2"), 
url(fonts/Futura-Bold.woff) format("woff"), 
url(fonts/Futura-Bold.ttf) format("truetype");
font-weight:700;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {clear:both;}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

a, a:hover {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
-o-transition: color 0.3s linear;
text-decoration:none;
cursor:pointer !important;
}

img, img a {
border:0 none;
max-width:100%;
height:auto;
}

body {
margin:0;padding:0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'futura', Arial, sans-serif;
font-weight:400;
background:url(images/bg.jpg?v=1.01) top center repeat;
overflow-x:hidden;
}

#container {
width:1100px;
margin:0 auto;
}

#feature {
text-transform:uppercase;
background:url(images/bg-feature.jpg?v=1.01) center center no-repeat;
background-size:cover;
padding:50px 0;
color:#FFF;
BUfont-size:26px;
font-size:1.3vw;
position:relative;
}

#feature #col-1 {
float:left;
width:28%;
margin-left:5%;
text-align:center;
padding-top:100px;
}

#feature #logo {
margin:0 0 20px 0;
}

#feature #logo img {
max-width:89%;
}

#feature #col-1 #copy {
font-size:1.3vw;
font-weight:700;
color:#fff200;
}

#feature #col-1 #copy span.presentedby-logo {
padding-left:10px;
}

#feature #col-1 #copy span.presentedby-logo img {
max-height:2vw;
margin-bottom:-5px;
}

#feature #col-2 {
float:left;
width:33%;
text-align:center;
}

#feature #col-3 {
float:left;
width:33%;
padding-top:50px;
}

#feature .bobble img {
bumax-height:550px;
BUmax-height:70vh;
max-width:13vw;
}

#feature strong {
font-size:700;
}

#feature p {
margin:0 0 30px 0;
}

#feature p:last-child {
margin:0;
}

p span.sac {
font-family:'sacramento', 'futura', Arial;
text-transform:lowercase;
BUfont-size:38px;
font-size:2vw;
line-height:100%;
}

p.address {
font-size:19px;
}

p.address strong {
font-size:26px;
}

p.break {
max-width:80%;
}

#register-btns ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;
list-style:none;
margin:0;padding:0;
max-width:90%;
}

#register-btns li a {
background-color:#163c33;
font-size:0.9vw;
BUfont-size:18px;
padding:10px 0;
display:block;
text-align:center;
text-transform:uppercase;
border-radius:50px;
color:#FFF;
font-weight:700;
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}

#register-btns li a:hover {
background-color:#FFF;
color:#163c33;
}



#buttons {
margin:0 0 50px 0;
}

#buttons ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-column-gap:0px;
list-style:none;
margin:0;padding:0;
}

#buttons strong {
font-weight:700;
}

#buttons li {
text-align:center;
background-color:#FFF; 
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
font-size:15px;
}

#buttons li:hover { 
transform: scale(1.05); 
}

#buttons p.head {
font-weight:700;
font-size:19px;
margin:0 0 8px 0;
text-transform:uppercase; 
}

#buttons p {
margin:0;
}

#buttons p:last-child {
margin-bottom:0;
}

#buttons li a {
display:block;
padding:17px 0;
}

#buttons li a:hover {
text-decoration:none;
}

#buttons li:first-child {
background-color:#163c33;
color:#dfdccd;
}

#buttons li:first-child a {
color:#dfdccd;
}

#buttons li:nth-child(2) a {
color:#000;
}

#buttons li:last-child {
background-color:#fff200;
color:#163c33;
}

#buttons li:last-child a {
color:#163c33;
}



/** Sponsors **/
#sponsors h3,
#packages h3 {
margin:0 0 28px 0;
font-size:24px;
font-weight:700;
text-align:center;
text-transform:uppercase;
}

#sponsors {
margin:0 0 50px 0;
}

#sponsors ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
list-style:none;
margin:0;padding:0;
}

#sponsors li {
text-align:center;
}

#sponsors li img {
max-width:80%;
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}

#sponsors li.bigger img {
max-width:80%;
}

#sponsors li img:hover {
opacity:0.8;
}



/** Packages **/
p.package-btn {
text-align:center;
margin:0 0 40px 0;
}

p.package-btn a {
background-color:#163c33;
font-size:15px;
padding:8px 28px;
text-transform:uppercase;
color:#FFF;
border-radius:50px;
font-weight:700;
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}

p.package-btn a:hover {
background-color:#000;
}

#packages ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap:20px;
list-style:none;
margin:0;padding:0;
}

#packages li {
position:relative;
background-color:#163c33;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

#packages li #label {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:999;
background-color: rgb(255,255,255,.6);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
overflow:hidden;
}

#packages li #label .label-copy {
background-color: #000;
color:#FFF;
text-align:center;
font-weight:700;
font-size:18px;
padding:7px 0;
top:33%;
position:absolute;
width:100%;

}


#packages li a {
background-color:#163c33;
text-align:center;
text-transform:uppercase;
color:#FFF;
border-radius:5px;
display:block;
padding:17px 0 0 0;
}

#packages li p.btn.soldout {
background-color:#FFF;
}

#packages p.head {
font-weight:700;
font-size:19px;
margin:0 0 10px 0;
}

#packages p.amount {
padding:0 0 14px 0;
font-size:17px;
}

#packages p.details {
font-size:14px;
padding:0;
text-align:center;
margin:0;
}

#packages p.details a {
color:#FFF;
text-align:center;
text-decoration:underline;
text-transform:none;
border-radius:0px;
padding:0 !important;
}

#packages p.details a:hover {
color:#FFF;
text-decoration:none;
}

#packages p.btn {
display:block;
background-color:#fff200;
color:#000;
text-align:center;
font-weight:700;
font-size:15px;
padding:7px 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin:22px 0 0 0;
}

#packages li {
-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}
#packages li:hover {
transform: scale(1.05); 
font-size:15px;
}

#packages li:hover p.btn {
background-color:#FFF;
}


#venue {
margin:70px 0 0 0;
}

#venue #left {
float:left;
width:30%;
height:450px;
background:url(images/bg-green.jpg) top left repeat;
text-align:left;
color:#FFF !important;
text-transform:uppercase;
position:relative;
font-size:18px;
}

#venue #right {
float:right;
width:70%;
}

#venue #left a {
text-decoration:underline;
color:#FFF;
}

#venue #left a:hover {
text-decoration:none;
color:#FFF;
}

#venue #left strong {
font-weight:700;
font-size:20px;
}

#venue #left .website {
font-size:14px;
}




footer {
text-align:center;
color:#FFF;
font-size:13px;
margin:60px 0 0 0;
background:url(images/bg-footer.png) top center repeat-x;
padding:45px 0 15px 0;
text-transform:uppercase;
}

footer a {
text-decoration:underline;
color:#FFF;
}

footer a:hover {
text-decoration:none;
}