body { margin: 0px; background-color: #000000; }
div, span, input { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 14px; line-height: 130%; color: #FFFFFF; -webkit-font-smoothing: antialiased; }
a { color: #DF1F39; text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear { clear: both; }
.CF { zoom: 1; }
.CF:before, .CF:after { content: ""; display: table; }
.CF:after { clear: both; }
img { max-width: 100%; max-height: 100%; border: none; }

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

h1, h2, h3, h4, h5 { font-family: 'Oswald'; font-weight: 700; }

.RegisterButton { padding: 8px 50px; background-color: #DF1F39; color: #FFFFFF; font-family: 'Oswald'; font-size: 18px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; border-radius: 2px; }

/* -------------------------------------- */

.Header { display: block; width: 100%; height: 60px; margin: 0px auto; position: fixed; z-index: 9999; top: 0px; left: 0px; background-color: #000000; border-bottom: solid 1px #333333; }
.HeaderContent { display: table; width: 100%; height: 100%; margin: 0px auto; }
.HeaderContent .Col { display: table-cell; width: auto; height: 100%; vertical-align: middle; padding: 0px; }
.HeaderContent .Col:nth-child(1) { padding: 0px 15px; }
.HeaderContent .Col:nth-child(2) { display: none; text-align: right; padding: 15px; }
.HeaderButton { padding: 6px 16px; margin-left: 15px; background-color: #DF1F39; color: #FFFFFF; font-family: 'Oswald'; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; border-radius: 2px; }

/* -------------------------------------- */

.Layer { display: block; width: 100%; height: 100%; margin: 0px; position: absolute; top: 0px; left: 0px; }
#Layer1 { z-index: 8888; }
#Layer2 { display: none; z-index: 7777; background: url(../Images/Background-City-1600.jpg); background-size: contain; background-repeat: no-repeat; background-position: top center; }


/* -------------------------------------- */

.Content { display: block; width: auto; margin: 110px auto 0px auto; padding: 0px 15px; }

.Row { display: block; width: auto; margin: 0px auto; }
.RowA { margin-bottom: 50px; }
.RowB { margin-bottom: 50px; }
.RowC { margin-bottom: 50px; }
.RowD { margin-bottom: 50px; }

/* -------------------------------------- */

.Poster { display: block; width: 100%; max-width: 860px; margin: 0px auto; position: relative; }
.Info { display: block; width: 100%; max-width: 860px; margin: 0px auto; position: relative; }
.Info .Col { display: block; margin: 0px auto 20px auto; }

#Synopsis { padding-right: 20px; font-size: 16px; color: #CCCCCC; }
#Synopsis h1 { font-size: 28px; color: #FFFFFF; }
#Synopsis b { color: #FFFFFF; }

#Register { font-size: 16px; }
#Register h2 { font-size: 28px; text-transform: uppercase; color: #DF1F39; }

/* -------------------------------------- */

.Extras { display: block; max-width: 860px; margin: 0px auto; font-size: 16px; color: #CCCCCC; }
.Extras h2 { font-size: 28px; text-transform: uppercase; color: #FFFFFF; }
.ExtrasTable { display: block; margin: 0px auto; }
.ExtrasRow { display: block; margin: 0px auto; }
.ExtrasCol { display: block; margin: 0px auto 50px auto; padding: 0px 0px 0px 0px; color: #CCCCCC; }
.ExtrasCol b { color: #FFFFFF; font-weight: 700; }
.ExtrasCol .Preview { display: block; margin: 0px auto 10px auto; position: relative; }
.ExtrasCol .Tag { display: block; width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; z-index: 5555; background: url(../Images/Icon-Play.svg); background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; }

/* -------------------------------------- */

.Updates { display: block; max-width: 860px; margin: 0px auto; font-size: 16px; color: #CCCCCC; }
.Updates h2 { font-size: 28px; text-transform: uppercase; color: #FFFFFF; }
.Updates b { color: #FFFFFF; font-weight: 700; }

/* -------------------------------------- */

.Footer { display: block; margin: 300px auto 0px auto; padding-bottom: 60px; }
.FooterTable { display: block; margin: 0px auto 30px auto; }
.FooterCol { display: block; margin: 0px auto 15px auto; text-align: center; }
.FooterLogo { display: block; margin: 0px auto 40px auto; }
.FooterInfo { display: block; margin: 0px auto; padding: 15px; font-size: 11px; color: #666666; text-align: center; }
.FooterInfo a { color: #666666; text-decoration: underline; }

/* -------------------------------------- */

.Overlay { display: block; width: 100%; height: 100%; margin: 0px; position: fixed; top: 0px; left: 0px; z-index: 10001; background-color: #000000; opacity: .8; }
.ButtonClose { display: block; width: 40px; height: 40px; margin: 0px; position: fixed; top: 15px; right: 15px; z-index: 10003; background: url(../Images/Form-Close-White.svg); background-repeat: no-repeat; background-size: 30px 30px; cursor: pointer; }

/* -------------------------------------- */

#FormLayer { display: none; }
#FormClose { display: none; }
.FormTable { display: table; width: 100%; height: 100%; margin: 0px; position: absolute; top: 0px; left: 0px; z-index: 10002; }
.FormCol { display: table-cell; vertical-align: top; width: auto; }
.Form { display: block; width: 85%; max-width: 400px; color: #333333; margin: 60px auto; background-color: #FFFFFF; border-radius: 5px; position: relative; }


#FormThankYou { display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 10004; background-color: #FFFFFF; }
#FormThankYouMessage { display: block; text-align: center; padding: 30px; color: #333333; font-size: 16px; }
#FormThankYouMessage a { color: #333333; text-decoration: underline; }
#FormThankYouMessage h3 { font-size: 30px; line-height: 34px; color: #DF1F39; font-family: 'Roboto'; font-weight: 700; text-transform: uppercase; }

.FormHead { display: table; width: 100%; margin: 0px auto; background-color: #ECECEC; border-bottom: solid 1px #CCCCCC; border-radius: 5px 5px 0px 0px; }
.FormHeadTitle { display: table-cell; width: auto; padding: 20px 20px 15px 60px; vertical-align: middle; color: #000000; font-size: 18px; font-weight: 700; text-align: center; }
.FormHeadClose { display: table-cell; width: 50px; vertical-align: middle; background: url(../Images/Form-Close-Gray.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; cursor: pointer; }
.FormText { display: block; margin: 0px auto; padding: 20px; color: #666666; }
.FormInput { display: block; margin: 0px auto; padding: 0px 20px 10px 20px; }
.FormInput input { width: 100%; padding: 15px; border: solid 1px #CCCCCC; border-radius: 3px; color: #666666; font-size: 14px; line-height: 100%; -webkit-appearance: none; -moz-appearance: none; }
.FormSubmit { display: block; margin: 0px auto; padding: 0px 20px 20px 20px; }
.FormSubmit input { width: 100%; padding: 15px; background-color: #DF1F39; border: none 0px; border-radius: 3px; outline: none; color: #FFFFFF; font-size: 16px; line-height: 100%;  font-family: 'Oswald'; font-weight: 700; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; text-transform: uppercase; }
#FormError { display: none; margin: 0px auto; padding: 0px 20px 10px 20px; color: #FF0000; font-weight: bold; }

/* -------------------------------------- */

#VideoLayer { display: none; }
.VideoTable { display: table; width: 100%; height: 100%; margin: 0px; position: absolute; top: 0px; left: 0px; z-index: 10002; }
.VideoCol { display: table-cell; vertical-align: top; width: auto; }
#Video { display: block; width: 85%; max-width: 1000px; margin: 60px auto; background-color: #333333; }

/* -------------------------------------- */

@media (min-width: 640px) {

#FormClose { display: block; width: 40px; height: 40px; margin: 0px; position: fixed; top: 15px; right: 15px; z-index: 10003; background: url(../Images/Form-Close-White.svg); background-repeat: no-repeat; background-size: 30px 30px; cursor: pointer; }
.FormTable { position: fixed; }
.FormCol { vertical-align: middle; }
.Form { width: 100%; }

.VideoTable { position: fixed; }
.VideoCol { vertical-align: middle; }
#Video { width: 100%; }

.Info { display: table; }
.Info .Col { display: table-cell; width: 50%; vertical-align: top; }

#Synopsis h1 { font-size: 34px; }

#RegisterA { padding-left: 20px; }

.ExtrasTable { display: table; width: 100%; }
.ExtrasRow { display: table-row; }
.ExtrasCol { display: table-cell; vertical-align: top; width: 25%; padding: 0px 15px 20px 0px; margin: 0px; }
.ExtrasCol .Preview img { max-width: 200px; }

.FooterTable { display: table; width: 100%; max-width: 640px; }
.FooterCol { display: table-cell; width: 33%; vertical-align: middle; margin: 0px; }
.FooterInfo { width: 100%; max-width: 600px; padding: 0px; margin: 0px auto; font-size: 11px; color: #666666; text-align: center; }

}

@media (min-width: 900px) {

.HeaderContent .Col:nth-child(2) { display: table-cell; }

.Content { padding: 0px; }
.Extras { padding: 0px 15px; }

}

@media (max-height: 460px) {

#FormClose { display: none; }
.FormTable { position: absolute; }
.FormCol { vertical-align: top; }

.VideoTable { position: absolute; }
.VideoCol { vertical-align: top; }

}