html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, input { line-height: 1; font-family: proxima-nova, sans-serif; }
html, body { height: 100%; margin: 0px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:link, a:visited, a:hover, a:active { text-decoration:none; }
a {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
::-moz-selection { color: #FFF; background:#000; }
::selection { color:#FFF; background:#000; }

/*-- Container --*/
.container { max-width: 1240px; width:auto; margin: 0 auto; clear:both; padding:0 20px; display: block; }
.container:after,.row:after, .col:after, .clr:after, .group:after { content: ""; display: table; clear: both; }								  
.col { display: block;float: left;width: 100%;}
@media ( min-width : 768px ) {.gutters .col { margin-left: 2%;}.gutters .col:first-child { margin-left: 0; }}
@media ( min-width : 768px ) {.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25%}.span_4{width:33.3333333333%}.span_5{width:41.6666666667%}.span_6{width:50%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}.span_9{width:75%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{width:100%}.gutters .span_1{width:6.5%}.gutters .span_2{width:15%}.gutters .span_3{width:23.5%}.gutters .span_4{width:32%}.gutters .span_5{width:40.5%}.gutters .span_6{width:49%}.gutters .span_7{width:57.5%}.gutters .span_8{width:66%}.gutters .span_9{width:74.5%}.gutters .span_10{width:83%}.gutters .span_11{width:91.5%}.gutters .span_12{width:100%}}

/*-- Header --*/
header { width:100%; float:left; padding: 47px 0; border-top:5px solid #e62226; background:#FFF; position: fixed; z-index: 2; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
header .left { float:left; display: block; position: relative; z-index: 1; }
header .left a.btn { -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; border:2px solid #231f20; font-size:16px; color:#231f20; text-transform: uppercase; font-weight: 700; padding: 18px 25px; display: block; }
header .left a.btn:hover { background-color: #e62226; color:#FFF; border:2px solid #e62226; }
header .middle { position: absolute; left:0; right:0; margin: 0 auto; bottom: 30px; }
header .middle img { max-width:290px; width:100%; display: block; margin: 0 auto; }
header .right { float:right; display: block; position: relative; z-index: 1; }
header .right .social li { width:46px; height: 46px; display: inline-block; webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; border:2px solid #231f20; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin-left: 5px; }
header .right .social li.ig { background:url("../images/ig.png") center no-repeat; background-size: 30px; }
header .right .social li.ig:hover { background:url("../images/ig-hover.png") center no-repeat; background-size: 30px; background-color: #e62226; border:2px solid #e62226; }
header .right .social li.email { background:url("../images/mail.png") center no-repeat; background-size: 30px; }
header .right .social li.email:hover { background:url("../images/mail-hover.png") center no-repeat; background-size: 30px; background-color: #e62226; border:2px solid #e62226; }
header .right .social li.fb { background:url("../images/fb.png") center no-repeat; background-size: 30px; }
header .right .social li.fb:hover { background:url("../images/fb-hover.png") center no-repeat; background-size: 30px; background-color: #e62226; border:2px solid #e62226; }
header .right .social li a { display:block; width:100%; height: 100%; }

/*-- Banner --*/
.banner { width:100%; height: 100vh; min-height: 495px; background-color: #000; position: relative; left: 0; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }
.banner:after { content: ''; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.banner img { z-index: 1; position: relative; opacity: 1; width: 100%; height: 100%; object-fit: cover; }
.banner .text { position: absolute; top: 45%; left: 0; right: 0; margin-left:auto; margin-right:auto; max-width: 1075px; z-index: 2; padding: 0; width: 100%; text-align: center; }
.banner .text h1 { text-transform:uppercase; color:#FFF; font-size: 34px; line-height: 40px; text-align: center; font-weight: 700; padding: 0 20px; }
.banner .text a.btn { -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; font-size:16px; color:#FFF; text-transform: uppercase; font-weight: 700; padding: 18px 25px; display: inline-block; background-color: #e62226; margin: 40px 0 0 0;}
.banner .text a.btn:hover { background-color: #231f20; color:#FFF; }
.banner .arrow { position:absolute; bottom: 40px; background: url("../images/arrow.png") center no-repeat; background-size: 35px; z-index: 3; left:0; right:0; margin: 0 auto; text-align: center; opacity: .8; }
.banner .arrow:before { content:'Event Details'; color:#FFF; text-transform: uppercase; font-weight: 700; bottom: 30px; position: relative; }

/*-- Event --*/
.event { width:100%; float:left; background-color: #e62226; padding: 70px 0; }
.event .container { display:table; width: 100%; padding: 0; }
.event .block { float:none; display:table-cell; vertical-align: middle; padding: 0 15px; }
.event .block img { max-width:145px; width:100%; display: block; margin: 0 auto; }
.event .block h1 { font-size:44px; text-transform: uppercase; color:#FFF; font-weight: 700; margin-bottom: 5px; }
.event .block h2 { font-size:34px; text-transform: uppercase; color:#FFF; font-weight: 700; }
.event .block p { font-size:28px; color:#FFF; font-weight: 400; margin: 15px 0 0 0; }

/*-- Team --*/
.team { width:100%; float:left; background:#FFF; padding: 115px 0; }
.team .container { max-width:900px; }
.team .title { text-align:center; font-size:30px; color:#231f20; text-transform: uppercase; font-weight: 700; margin-bottom: 25px; }
.team .line { width:50px; height: 4px; background-color: #e62226; margin: 0 auto 115px auto; display: block; }
.team .block { text-align:center; }
.team .block .image { webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; overflow: hidden; max-width:230px; margin:0 auto 20px auto; }
.team .block .image img { max-width:230px; max-height:230px; display: block; }
.team .block h1 { font-size:18px; color:#231f20; text-transform: uppercase; font-weight: 700; }
.team .block h2 { font-size:16px; color:#e62226; text-transform: uppercase; font-weight: 700; line-height: 24px; }
.team .block .social li { width:40px; height: 40px; display: inline-block; webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; border:2px solid #231f20; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; margin: 10px 0 0 0; }
.team .block .social li.ig { background:url("../images/ig.png") center no-repeat; background-size: 24px; }
.team .block .social li.ig:hover { background:url("../images/ig-hover.png") center no-repeat; background-size: 24px; background-color: #e62226; border:2px solid #e62226; }
.team .block .social li a { display:block; width:100%; height: 100%; }

/*-- Footer --*/
footer { width:100%; float:left; background:#f2f2f2; padding: 50px 0; text-align: center; border-bottom:5px solid #e62226; }
footer .container { max-width:910px; }
footer h1 { font-size:16px; font-weight: 700; }
footer p { font-size: 15px; line-height: 18px; padding: 25px 0 0 0; }
footer a:link { color:#e62226; text-decoration: underline; }
footer a:visited { color:#e62226; }
footer a:hover { color:#231f20; }
footer a:active { color:#e62226; }

/*-- Media Queries --*/
@media only screen and (max-width: 768px) {
	.team .block { margin:0 0 40px 0; }
	.team .block:last-child { margin-bottom:0; }
}

@media only screen and (max-width: 640px) {
	header { padding:60px 0; }
	header .middle { bottom:15px; }
	header .left, header .right { display:none; }
	.banner .arrow { display:none; }
	.banner .text h1 { font-size:24px; line-height: 31px; }
	.event .block { float:left; padding:0; text-align: center; }
	.event .block img { margin:0 auto 20px auto; }
	.event .block h1 { font-size:34px; }
	.event .block h2 { font-size:24px; margin: 10px 0; }
	.event .block p { font-size:18px; margin: 10px 0; }
}

@media only screen and (max-width: 480px) {
	.banner .text { top:35%; }
	.banner .text h1 { font-size:22px; line-height: 29px; }
}