@charset "UTF-8";
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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.after, .div-row:after, .div-row .div-col:after, .list-2:after, .list-3:after, .list-4:after, .list-5:after, .list-6:after, .filters:after, .container:after, .container-full:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { clear: both; }

img { max-width: 100%; height: auto; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.div-row { width: 100%; position: relative; margin-bottom: 0; }
@media (min-width: 48em) { .div-row { margin-bottom: 3em; } }
.div-row .div-col { float: none; width: 100%; margin: 0 0 2em 0; padding: 0; }
@media (min-width: 48em) { .div-row .div-col { float: left; margin: 0 0 0 2.5%; } }
@media (min-width: 48em) { .div-row .div-col:first-child { margin-left: 0 !important; } }
.div-row .div-col p:last-child { margin: 0; }
.div-row .div-col p img, .div-row .div-col div img, .div-row .div-col p iframe, .div-row .div-col div iframe, .div-row .div-col p object, .div-row .div-col div object, .div-row .div-col p video, .div-row .div-col div video { margin-bottom: 1em; }

@media (min-width: 48em) { .div-row.one-half .div-col { width: 48.75%; } }

@media (min-width: 48em) { .div-row.one-third .div-col { width: 31.66666666666667%; } }

@media (min-width: 48em) { .div-row.one-fourth .div-col { width: 23.125%; } }

@media (min-width: 48em) { .div-row.two-third .div-col { width: 68.5%; } }
@media (min-width: 48em) { .div-row.two-third .div-col:first-child { width: 29%; } }

@media (min-width: 48em) { .div-row.two-third.right .div-col { width: 29%; } }
@media (min-width: 48em) { .div-row.two-third.right .div-col:first-child { width: 68.5%; } }

.div-embed { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-bottom: 1em; }
.div-embed img { display: block; width: 100%; height: auto; }
.div-embed iframe, .div-embed object, .div-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
@media (min-width: 48em) { .div-embed iframe, .div-embed object, .div-embed embed { pointer-events: auto; } }

.list-2 article { margin-bottom: 2em; }
@media (min-width: 64.25em) { .list-2 article { float: left; width: 48.75%; margin-left: 2.5%; } }
.list-2 article:nth-child(2n+1) { clear: left; margin-left: 0; }

@media (min-width: 64.25em) { .flexbox .list-2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 64.25em) { .flexbox .list-2 article { float: none; } }
.flexbox .list-2 article:nth-child(2n+1) { clear: none; }

.list-3 article { margin-bottom: 2em; }
@media (min-width: 64.25em) { .list-3 article { float: left; width: 31.66666666666667%; margin-left: 2.5%; } }
.list-3 article:nth-child(3n+1) { clear: left; margin-left: 0; }

@media (min-width: 64.25em) { .flexbox .list-3 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 64.25em) { .flexbox .list-3 article { float: none; } }
.flexbox .list-3 article:nth-child(3n+1) { clear: none; }

.list-4 article { margin-bottom: 2em; }
@media (min-width: 64.25em) { .list-4 article { float: left; width: 23.125%; margin-left: 2.5%; } }
.list-4 article:nth-child(4n+1) { clear: left; margin-left: 0; }

@media (min-width: 64.25em) { .flexbox .list-4 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 64.25em) { .flexbox .list-4 article { float: none; } }
.flexbox .list-4 article:nth-child(4n+1) { clear: none; }

.list-5 article { margin-bottom: 2em; }
@media (min-width: 64.25em) { .list-5 article { float: left; width: 18%; margin-left: 2.5%; } }
.list-5 article:nth-child(5n+1) { clear: left; margin-left: 0; }

@media (min-width: 64.25em) { .flexbox .list-5 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 64.25em) { .flexbox .list-5 article { float: none; } }
.flexbox .list-5 article:nth-child(5n+1) { clear: none; }

.list-6 article { margin-bottom: 2em; }
@media (min-width: 64.25em) { .list-6 article { float: left; width: 14.58333333333333%; margin-left: 2.5%; } }
.list-6 article:nth-child(5n+1) { clear: left; margin-left: 0; }

@media (min-width: 64.25em) { .flexbox .list-6 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media (min-width: 64.25em) { .flexbox .list-6 article { float: none; } }
.flexbox .list-6 article:nth-child(5n+1) { clear: none; }

body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #282828; }

body, table caption, table th, table td, textarea { color: #2a2a2a; font-style: normal; font-weight: 400; }

body, table caption, table th, table td, textarea, blockquote, .monkForm, .monkForm legend, .monkForm input, .newsletter input, .newsletter button { font-family: "Avenir W01", sans-serif; }

a { color: #6f97bb; text-decoration: none; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
a span, a i { -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
a:hover { color: #7f7f7f; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4; margin-bottom: .14em; }

h1 { font-size: 2.25em; font-weight: 800; color: #4c4c4c; text-transform: uppercase; }
@media (min-width: 64.25em) { h1 { font-size: 3.25em; } }

h2 { font-size: 2em; font-weight: 800; color: #909aa3; }
@media (min-width: 64.25em) { h2 { font-size: 2.5em; } }

h3 { font-size: 1.875em; font-weight: 900; color: #4c4c4c; text-transform: uppercase; }

h4 { font-size: 1.875em; font-weight: 800; color: #909aa3; }

h5 { font-size: 1.25em; font-weight: 800; color: #4c4c4c; text-transform: uppercase; }

h6 { font-size: 1.25em; font-weight: 800; color: #909aa3; }

p { font-size: 1em; line-height: 1.44; margin-bottom: 1.75em; }
p [class^="icon-"], p [class*=" icon-"] { display: inline-block; font-size: 1.25em; margin: 0 .25em; vertical-align: text-bottom; }

#content ul, .content-section ul { margin: 0 0 1.75em 3em; }
#content ul li, .content-section ul li { font-size: 1em; list-style: disc; line-height: 1.2em; }
#content ul li ul, .content-section ul li ul { margin: .5em 0 .5em 1em; border: 0; padding: 0; }
#content ul li li, .content-section ul li li { font-size: 100%; }
#content .media, .content-section .media { margin: 0; }
#content .media li, .content-section .media li { list-style: none; }
#content ol, .content-section ol { margin: 0 0 1.75em 3em; font-weight: 400; }
#content ol li, .content-section ol li { font-size: 1em; list-style: decimal; line-height: 1.2em; }
#content ol li ol, .content-section ol li ol { margin: .5em 0 .5em 1em; border: 0; padding: 0; }
#content ol li ol li, .content-section ol li ol li { list-style: lower-alpha; }
#content ol li li, .content-section ol li li { font-size: 100%; }

i, em { font-style: italic; }

b, strong { font-weight: 800; }

pre, code { font-family: "Courier New", Courier, monospace; margin-bottom: 1em; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: normal; }

dd { margin-left: 1.5em; }

blockquote { position: relative; margin: 1.5em 0; padding: 0 .5em; text-align: center; font-size: 1.875em; line-height: 1.35em; font-weight: 300; font-style: normal; color: #909aa3; quotes: none; }
@media (min-width: 64.25em) { blockquote { font-size: 2.875em; } }
blockquote p { display: inline; padding: 0; margin: 0; line-height: inherit; font-size: inherit; font-family: inherit; }

hr { display: block; margin: 2em 0; padding: 0; width: 100%; height: 1px; border: 0; color: #f8f8f9; background-color: #f8f8f9; overflow: hidden; }

.share { margin-bottom: 3em; margin-top: 6px; }
@media (min-width: 64.25em) { .share { margin-bottom: 0; margin-top: 6px; } }
.share h6 { display: inline-block; font-weight: 400; text-transform: uppercase; font-size: 1em; margin: 0; vertical-align: text-top; }
.share a { display: inline-block; font-size: 1.25em; margin-left: .35em; vertical-align: middle; }

#pagination { text-align: center; font-size: 1.125em; padding: 1em 0; line-height: 3; }
@media (min-width: 48em) { #pagination { line-height: 1; } }
#pagination a { display: inline-block; padding: .25em .5em; margin: 0 .125em .125em .125em; line-height: 1; font-weight: normal; color: #999999; }
#pagination a:hover { color: #6f97bb; }
#pagination #current { color: #6f97bb; }
#pagination #off { visibility: hidden; }
#pagination #next { visibility: hidden; }
#pagination #next:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; font-style: normal !important; vertical-align: middle; visibility: visible; border: 1px solid; padding: 12px 6px; }
#pagination #previous { visibility: hidden; }
#pagination #previous:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; font-style: normal !important; vertical-align: middle; position: relative; visibility: visible; right: -4em; border: 1px solid; padding: 12px 6px; }

::-webkit-input-placeholder { opacity: 1; }

:-moz-placeholder { opacity: 1; }

::-moz-placeholder { opacity: 1; }

:-ms-input-placeholder { opacity: 1; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

input:focus::-moz-placeholder { color: transparent; }

input:focus:-ms-input-placeholder { color: transparent; }

.rsvp a, a.button-small, .content-section .widget.sermon-updated .media-links li a, #footer .buttons li a, p.button-small a, a.button-medium, p.button-medium a { overflow: hidden; position: relative; display: inline-block; font-size: 15px; font-weight: 400; line-height: 1.125em; text-align: center; padding: .75em 2em; margin: 0 0 1em .5em; color: #999999; border: 1px solid #999999; text-decoration: none !important; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
@media (min-width: 48em) { .rsvp a:first-child, a.button-small:first-child, .content-section .widget.sermon-updated .media-links li a:first-child, #footer .buttons li a:first-child, p.button-small a:first-child, a.button-medium:first-child, p.button-medium a:first-child { margin-left: 0; } }
.rsvp a:hover, a.button-small:hover, .content-section .widget.sermon-updated .media-links li a:hover, #footer .buttons li a:hover, p.button-small a:hover, a.button-medium:hover, p.button-medium a:hover { color: #ffffff; background-color: #6f97bb; border-color: #999999; }

a.button-medium, p.button-medium a { font-size: 18px; }
a.button-medium:after, p.button-medium a:after { content: ""; opacity: 0; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: rgba(255, 255, 255, 0.2); -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
a.button-medium:hover, p.button-medium a:hover { border-color: #6f97bb; }
a.button-medium:hover:after, p.button-medium a:hover:after { opacity: 1; }

a.button-large, .content-section .widget.sermon .media li a, p.button-large a { display: inline-block; font-size: 18px; font-weight: 800; line-height: 1.125em; text-align: center; padding: 1.25em; margin: 0 0 1em .5em; color: #ffffff; border: 0; text-decoration: none !important; text-transform: uppercase; outline: none; background-color: #b7cbdd; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
@media (min-width: 48em) { a.button-large:first-child, .content-section .widget.sermon .media li a:first-child, p.button-large a:first-child { margin-left: 0; } }
a.button-large:hover, .content-section .widget.sermon .media li a:hover, p.button-large a:hover { color: #ffffff; background-color: #6f97bb; }

.return .button-small, .return .content-section .widget.sermon-updated .media-links li a, .content-section .widget.sermon-updated .media-links li .return a, .return #footer .buttons li a, #footer .buttons li .return a, .return .button-medium, .return .button-large, .return .content-section .widget.sermon .media li a, .content-section .widget.sermon .media li .return a { display: block; }

table { margin: 0 0 40px 0; border-collapse: separate; width: 99%; }
table caption { font-weight: 800; font-size: 1.5em; padding: .85em; text-align: left; background: none; }
table th { font-weight: 400; font-size: 1.25em; padding: 1em; text-transform: uppercase; }
table td { padding: 1em; line-height: 1.25em; background-color: transparent; }
table td p { font-size: inherit; margin: 0; }

@media (max-width: 64.25em) { table.responsive { margin-bottom: 0; }
  .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid black; border-left: 1px solid black; }
  .pinned table { margin: 0; border-right: none; border-left: none; width: 100%; }
  .pinned table caption { text-indent: -9999px; }
  .pinned table th, .pinned table td { white-space: nowrap; }
  .pinned td:last-child { border-bottom: 0; }
  .scrollable table { margin: 0; }
  div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
  div.table-wrapper div.scrollable { margin-left: 35%; }
  div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
  table.responsive td, table.responsive th { position: relative; display: table; overflow: hidden; } }
.monkForm { margin: 1.5em 0; }
.monkForm p { margin: 0; font-size: 1em; }
.monkForm p.error { font-size: .875em; color: #6f97bb; }
.monkForm fieldset > legend { display: block; width: 90%; padding: 40px 5%; margin-bottom: 1em; font-size: 1.875em; font-weight: 800; color: #ffffff; line-height: 1.385; text-transform: none; background-color: #6f97bb; }
.monkForm fieldset fieldset > legend { display: block; font-size: 1.875em; font-weight: 800; color: #909aa3; line-height: 1.385; text-transform: none; background-color: transparent; border: 0; padding: 0; margin-bottom: .125em; }
@media (min-width: 64.25em) { .monkForm fieldset fieldset > legend { font-size: 2.25em; margin-left: 40px; } }
.monkForm .section { padding-bottom: .25em; margin-bottom: 1em; }
.monkForm .section p { font-size: 1.25em; font-weight: 800; color: #4c4c4c; text-transform: uppercase; line-height: 1.125em; }
.monkForm .heading { display: block; font-size: 1.25em; font-weight: 800; color: #4c4c4c; text-transform: uppercase; line-height: 1.125em; margin-bottom: .5em; }
.monkForm .asterisk { color: #b83d24; }
.monkForm .section, .monkForm .text, .monkForm .textarea, .monkForm .email, .monkForm .name, .monkForm .phone, .monkForm .address, .monkForm .date, .monkForm .radio, .monkForm .checkbox, .monkForm .select, .monkForm .file { margin-bottom: 1.25em; }
@media (min-width: 64.25em) { .monkForm .section legend, .monkForm .text legend, .monkForm .textarea legend, .monkForm .email legend, .monkForm .name legend, .monkForm .phone legend, .monkForm .address legend, .monkForm .date legend, .monkForm .radio legend, .monkForm .checkbox legend, .monkForm .select legend, .monkForm .file legend { margin-left: 0; } }
@media (min-width: 64.25em) { .monkForm div { margin-left: 40px; } }
.monkForm div input, .monkForm div textarea, .monkForm div select { display: inline-block; font-size: 16px; padding: .75em; margin-bottom: .5em; font-weight: 400; background-color: #f8f8f9; border: 1px solid #999999; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.monkForm .text input, .monkForm .text textarea, .monkForm .email input, .monkForm .email textarea, .monkForm .textarea input, .monkForm .textarea textarea { display: block; width: 85%; }
.monkForm .address .ui-selectmenu-button { top: 1.125em; }
.monkForm .address input { margin-bottom: 1em; }
.monkForm .checkbox label, .monkForm .radio label { display: inline-block; cursor: pointer; position: relative; padding-left: 35px; margin-right: 10px; font-size: 16px; line-height: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.monkForm .checkbox label:before, .monkForm .radio label:before { content: ""; display: inline-block; position: absolute; left: 0; width: 16px; height: 16px; background: white; border: 1px solid #999999; }
.monkForm .checkbox input[type="checkbox"]:checked + label:before, .monkForm .checkbox input[type="radio"]:checked + label:before, .monkForm .radio input[type="checkbox"]:checked + label:before, .monkForm .radio input[type="radio"]:checked + label:before { border-color: #6f97bb; background-color: #6f97bb; }
.monkForm .checkbox input, .monkForm .radio input { display: none; }
.monkForm .radio label:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.monkForm .file label { display: none; }
.monkForm .file input { background-color: transparent !important; border-color: #999999; font-weight: 400; }
.monkForm .ui-selectmenu-button { display: inline-block; margin: 0; }
.monkForm input[type=submit] { overflow: hidden; position: relative; display: inline-block; font-size: 15px; font-weight: 400; line-height: 1.125em; text-align: center; padding: .75em 2em; margin: 0 0 1em .5em; color: #999999; border: 1px solid #999999; text-decoration: none !important; background-color: transparent; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
@media (min-width: 64.25em) { .monkForm input[type=submit] { margin-left: 40px; } }
.monkForm input[type=submit]:hover { color: #ffffff; background-color: #6f97bb; border-color: #999999; }

.filters { margin-bottom: 3em; text-align: center; }
.filters.dark, #billboard .filters.text { margin: 0; padding: 2em 0; }
.filters h6 { font-weight: 400; margin-bottom: .5em; text-align: center; line-height: 1.1em; }
@media (min-width: 64.25em) { .filters h6 { display: inline-block; position: relative; margin: .25em 1em 0 0; text-align: left; float: left; } }
.filters a { text-decoration: none; }
.filters .ui-selectmenu-button { margin: 0 auto 1em auto; }
@media (min-width: 64.25em) { .filters .ui-selectmenu-button { margin-bottom: 0; margin-right: .5em; float: left; } }
@media (min-width: 64.25em) { .filters .ui-selectmenu-button:last-child { margin: 0; } }
.filters select.sorter { display: block; float: none; width: 90%; margin: 0 auto 1em auto; padding: 0 5%; border: 0; height: 34px; line-height: 43px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 16px; }

#module-search, #zip-search { position: relative; clear: both; border: 0; outline: none; width: 254px; margin: 1em auto 0 auto; }
@media (min-width: 64.25em) { #module-search, #zip-search { clear: none; float: right; margin: 0; } }

#module-search fieldset, #zip-search .zip-inner { position: relative; padding: .5em 0; color: #999999; overflow: hidden; background-color: transparent; border-bottom: 1px solid #999999; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

#module-search-term, #zip-search-term { float: left; display: block; width: 75%; padding: 0; border: 0; font-size: 15px; font-weight: 400; line-height: 20px; outline: none; color: #999999; outline: none !important; background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

#module-search-term::-webkit-input-placeholder, #zip-search-term::-webkit-input-placeholder { color: #999999; }

#module-search-term:-moz-placeholder, #zip-search-term:-moz-placeholder { color: #999999; }

#module-search-term::-moz-placeholder, #zip-search-term::-moz-placeholder { color: #999999; }

#module-search-term:-ms-input-placeholder, #zip-search-term:-ms-input-placeholder { color: #999999; }

#module-search-submit, #zip-search-submit { display: block; position: absolute; top: 6px; right: 0; font-size: 20px; vertical-align: middle; text-align: center; background: none; outline: none; border: 0; color: #999999; cursor: pointer; }
#module-search-submit:hover, #zip-search-submit:hover { color: #6f97bb; }

.dark #module-search fieldset, #billboard .text #module-search fieldset, .dark #zip-search .zip-inner, #billboard .text #zip-search .zip-inner { color: #ffffff; border-color: #ffffff; }
.dark #module-search-term, #billboard .text #module-search-term, .dark #zip-search-term, #billboard .text #zip-search-term { color: #ffffff; }
.dark #module-search-term::-webkit-input-placeholder, #billboard .text #module-search-term::-webkit-input-placeholder, .dark #zip-search-term::-webkit-input-placeholder, #billboard .text #zip-search-term::-webkit-input-placeholder { color: #ffffff; }
.dark #module-search-term:-moz-placeholder, #billboard .text #module-search-term:-moz-placeholder, .dark #zip-search-term:-moz-placeholder, #billboard .text #zip-search-term:-moz-placeholder { color: #ffffff; }
.dark #module-search-term::-moz-placeholder, #billboard .text #module-search-term::-moz-placeholder, .dark #zip-search-term::-moz-placeholder, #billboard .text #zip-search-term::-moz-placeholder { color: #ffffff; }
.dark #module-search-term:-ms-input-placeholder, #billboard .text #module-search-term:-ms-input-placeholder, .dark #zip-search-term:-ms-input-placeholder, #billboard .text #zip-search-term:-ms-input-placeholder { color: #ffffff; }
.dark #module-search-submit, #billboard .text #module-search-submit, .dark #zip-search-submit, #billboard .text #zip-search-submit { color: #ffffff; }
.dark #module-search-submit:hover, #billboard .text #module-search-submit:hover, .dark #zip-search-submit:hover, #billboard .text #zip-search-submit:hover { color: #6f97bb; }

.dark, #billboard .text { color: #ffffff; }
.dark h1, #billboard .text h1, .dark h2, #billboard .text h2, .dark h3, #billboard .text h3, .dark h4, #billboard .text h4, .dark h5, #billboard .text h5, .dark h6, #billboard .text h6, .dark blockquote, #billboard .text blockquote { color: #ffffff; }
.dark .content-section-inner .text h1, #billboard .text .content-section-inner .text h1 { color: #ffffff; }
.dark .content-section-inner .widget.icons article .icons-wrap i, #billboard .text .content-section-inner .widget.icons article .icons-wrap i { color: #ffffff; }
.dark .content-section-inner .widget.icons article p, #billboard .text .content-section-inner .widget.icons article p { color: #ffffff; }

#meta-countdown { display: none; width: 100%; background-color: #6f97bb; padding: 10px 0 0 0; text-align: center; height: 50px; overflow: hidden; }
@media (min-width: 64.25em) { #meta-countdown { padding-top: 15px; height: 45px; } }
#meta-countdown #countdown { color: #ffffff; }
#meta-countdown h3 { color: #ffffff; font-size: 1em; }
@media (min-width: 64.25em) { #meta-countdown h3 { font-size: 1.25em; display: inline-block; margin: 0; vertical-align: middle; } }
#meta-countdown h3 a { color: #ffffff; }
#meta-countdown h3 a:hover { color: #b7cbdd; }
@media (min-width: 64.25em) { #meta-countdown .timer { display: inline-block; margin: 0 0 0 1em; } }
#meta-countdown .timer span { display: inline-block; text-align: center; }
@media (min-width: 64.25em) { #meta-countdown .timer span { vertical-align: middle; margin-left: .5em; } }
#meta-countdown .timer span b { display: inline-block; color: rgba(255, 255, 255, 0.5); }
@media (min-width: 64.25em) { #meta-countdown .timer span b { font-size: 1.25em; } }
#meta-countdown .timer span b:first-child { color: #ffffff; }

@media (min-width: 64.25em) { .countdown-live #footer, .countdown-prelive #footer { padding-bottom: 120px; } }
.countdown-live #meta-countdown, .countdown-prelive #meta-countdown { display: block; }

/*
THIS DISABLES THE WATCH LIVE BANNER
#meta-countdown { display: none !important; } */

#header { position: relative; left: 0; top: 0; width: 100%; height: 60px; background-color: #111111; }
@media (min-width: 64.25em) { #header { height: 80px; z-index: 3999; } }
@media (min-width: 64.25em) { #header.stuck { position: fixed !important; } }
#header .logo { width: 120px; margin: 0 auto; padding-top: 10px; }
@media (min-width: 64.25em) { #header .logo { width: 146px; padding-top: 16px; } }
#header .logo a { display: block; }
#header .logo img { display: block; width: 100%; height: auto; max-height: 40px; }
@media (min-width: 64.25em) { #header .logo img { max-height: 60px; } }

@media (min-width: 64.25em) { body.hasbillboard #header { position: absolute; overflow: hidden; background-color: rgba(0, 0, 0, 0.75); } }

@media (min-width: 64.25em) { body.hasbillboard .sticky-wrapper { position: absolute; width: 100%; } }

@media (max-width: 1028px) { .sticky-wrapper { height: auto !important; } }
#nav-toggle { position: absolute; top: 22px; left: 20px; }
@media (min-width: 64.25em) { #nav-toggle { top: 30px; } }
#nav-toggle:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; font-style: normal !important; vertical-align: middle; }
@media (min-width: 64.25em) { #nav-toggle:before { font-size: 1.5em; } }

body.show-nav #nav-toggle:before { content: "\e950"; }

#search-toggle { position: absolute; top: 22px; right: 3.75em; }
@media (min-width: 26em) { #search-toggle { position: absolute; top: 22px; right: 5em; } }
@media (min-width: 64.25em) { #search-toggle { display: none; } }
#search-toggle:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; font-style: normal !important; vertical-align: middle; }

#searchForm { display: none; position: absolute; border: 0; outline: none; right: 7em; top: 28px; }
@media (min-width: 64.25em) { #searchForm { display: block; } }
#searchForm fieldset { position: relative; width: 260px; padding: 0; border: 0; color: white; background-color: transparent; }
#searchForm #search_term { display: none; position: absolute; left: 0; top: -15px; width: 194px; height: 50px; line-height: 50px; padding: 0 15px; border: 0; border-bottom: 3px solid rgba(255, 255, 255, 0.2); font-size: 16px; outline: none; color: #ffffff; outline: none !important; background-color: #4b4a49; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#searchForm #search_go { display: block; position: absolute; right: 0; top: 0; font-size: 1.5em; vertical-align: middle; }

#searchForm2 { display: none; border: 0; outline: none; width: 100%; background-color: #4b4a49; }
@media (min-width: 64.25em) { #searchForm2 { display: none !important; } }
#searchForm2 fieldset { position: relative; width: 90%; margin: 0 auto; padding: .5em 0; border: 0; overflow: hidden; }
#searchForm2 #search_term2 { float: left; width: 80%; height: 28px; line-height: 28px; padding: 0; border: 0; font-size: 1em; outline: none; color: #ffffff; outline: none !important; background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#searchForm2 #search_go2 { display: block; float: right; vertical-align: middle; line-height: 28px; }

body.show-search #search-toggle:before { content: "\e950"; }
body.show-search #searchForm2 { display: block; }

#top-nav-give { position: absolute; right: 1.25em; text-transform: uppercase; font-weight: 800; bottom: 4px; font-size: .8125em;}
@media (min-width: 26em) { #top-nav-give { bottom: 1px; font-size: 1em;} }
@media (min-width: 64.25em) {#top-nav-give { right: 1.5em; bottom: 3px; font-size: 1.25em;} }

nav.main { position: absolute; width: 0px; height: 28px; max-height: 97.5%; top: 60px; left: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 4999; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0s 300ms, visibility 0s 300ms, width 150ms 150ms, height 150ms; transition-timing-function: ease-in-out; visibility: hidden; opacity: 0; }
@media (min-width: 64.25em) { nav.main { top: 80px; } }
nav.main .inner { padding: 2em 0; }

body.has-countdown nav.main { top: 120px; }
@media (min-width: 64.25em) { body.has-countdown nav.main { top: 140px; } }

@media (min-width: 64.25em) { body.sticky-on nav.main { position: fixed; } }

body.show-nav nav.main { width: 100%; height: 97.5%; opacity: 1; transition: opacity 0s, visibility 0s, width 150ms, height 750ms 150ms; visibility: visible; }
@media (min-width: 48em) { body.show-nav nav.main { width: 334px; } }

nav.main .metanav { text-align: center; margin-bottom: 1.5em; }
nav.main .metanav li { margin: 0 0 .25em 0; }
nav.main .metanav li a { font-size: 1.125em; color: #ffffff; }
nav.main .metanav li a:hover { color: #6f97bb; }

#nav { text-align: left; overflow: hidden; }
#nav > li { position: relative; }
#nav > li > a { display: block; font-size: 1.125em; font-weight: 800; text-transform: uppercase; color: #ffffff; padding: .75em 0; margin-bottom: 1px; }
@media (min-width: 64.25em) { #nav > li > a { font-size: 1.25em; } }
#nav > li > a:hover { color: #6f97bb; }
#nav > li > ul { display: none; }

#nav > li.dropdown > a { position: relative; padding-right: 3em; }
#nav > li.dropdown > a span { display: block; position: absolute; right: 0; top: 0; width: 3em; height: 100%; text-align: right; z-index: 100; }
#nav > li.dropdown > a span i { display: inline-block; font-size: 20px; margin-top: 12px; }
#nav > li.dropdown > a span i:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; font-style: normal !important; vertical-align: middle; }
#nav > li.active > a { color: #6f97bb; }
#nav > li.active > a span i:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; font-style: normal !important; vertical-align: middle; }

#nav > li > ul > li > a { display: block; font-weight: 400; color: #ffffff; padding: 0 .25em; margin-bottom: 1em; }
@media (min-width: 64.25em) { #nav > li > ul > li > a { font-size: 1.125em; } }
#nav > li > ul > li > a:hover { color: #6f97bb; }


/* NOTE FOR JOSH: In order to change the background on mobile without breaking style, it as to be hard coded below. REPLACE COLOR IF NO BG */
#billboard { position: relative; width: 100%; background-image: url("https://b16b64e9fc79863eb097-2d57ced7297adfa11a0f9d9e6bf0a0a1.ssl.cf2.rackcdn.com/uploaded/f/0e12381981_1620659073_fc-homepage-background-spring-2021.jpg"); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center center; overflow: hidden; }
#billboard .text { position: relative; text-align: center; }
@media (min-width: 64.25em) { #billboard .text { padding: 4em 0; } }
#billboard .text .inner { padding-top: 2em; }
#billboard .text h1 { margin-bottom: 0; }
#billboard .text h3, #billboard .text h4, #billboard .text h5, #billboard .text h6 { text-transform: none; }
#billboard .text .div-row { text-align: left; }

body.hasbillboard #billboard { padding-bottom: 40%; }
@media (min-width: 48em) { body.hasbillboard #billboard { } }
@media (min-width: 64.25em) { body.hasbillboard #billboard { } }
body.hasbillboard #billboard .text { position: absolute; top: 50%; left: 50%; transform: perspective(1px) translateX(-50%) translateY(-50%); }

body.hasvideo.hasbillboard #billboard { min-height: 12em; }
@media (min-width: 64.25em) { body.hasvideo.hasbillboard #billboard { height: 27.5em; } }

@media (min-width: 64.25em) { body.hasbillboard.homepage #billboard, body.hasvideo.hasbillboard.homepage #billboard { min-height: 47.75em; } }
@media (min-width: 64.25em) { body.hasbillboard.homepage #billboard .text, body.hasvideo.hasbillboard.homepage #billboard .text { padding: 21em 0 2em 0; } }

#bigvideo { display: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
#bigvideo video { display: block; height: 100%; width: 100%;}

#content { position: relative; overflow: hidden; padding: 2em 0; background-color: #ffffff; }
@media (min-width: 48em) { #content { padding: 3.375em 0; } }

@media (min-width: 64.25em) { #text { float: left; width: 71.81818%; } }

@media (min-width: 64.25em) { #content.fullwidth #text { float: none; width: 100%; } }

#text a.image-link, .text a.image-link, #sidebar a.image-link {
  background-color: #383838;
  display: inline-block;
}

#text a.image-link > img, .text a.image-link > img, #sidebar a.image-link > img {
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -webkit-backface-visibility: hidden;
  vertical-align: middle;
}

#text a.image-link > img:hover, .text a.image-link > img:hover, #sidebar a.image-link > img:hover {
  opacity: 0.7;
}

#sidebar { position: relative; }
@media (min-width: 64.25em) { #sidebar { float: right; width: 20.90909%; } }
#sidebar section { position: relative; margin: 3.5em 0; }
#sidebar section:first-child { margin-top: 0; }

#content #subnav { margin: 0 0 3.5em 0; padding-left: 1.5em; border-left: 2px solid #909aa3; }
#content #subnav > li { list-style: none; }
#content #subnav > li > a { display: block; font-size: 1.25em; font-weight: 800; color: #4c4c4c; text-transform: uppercase; line-height: 1.1em; margin-bottom: .5em; }

#content #subnav > li > ul { margin: 0; border: 0; }
#content #subnav > li > ul > li { list-style: none; }
#content #subnav > li > ul > li > a { display: block; font-size: 1.125em; padding: .5em 0; text-transform: uppercase; }
#content #subnav > li > ul > li > ul { display: none; }
#content #subnav > li > ul > li:last-child > a { padding-bottom: 0; }
#content #subnav > li > ul > li.current > a { padding-bottom: .5em; }
#content #subnav > li > ul > li.current > ul { display: block; }

#content #subnav > li > ul > li > ul { margin: 0; border: 0; padding: 0 0 0 1.5em; }
#content #subnav > li > ul > li > ul > li { list-style: none; }
#content #subnav > li > ul > li > ul > li > a { position: relative; display: block; font-size: 1.125em; padding: .5em 0; }
#content #subnav > li > ul > li > ul > li:last-child a { padding-bottom: 0; }

.content-section .content-section-inner { padding: 3em 0; background-repeat: no-repeat; background-position: center center; background-color: #ffffff; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media (min-width: 64.25em) { .content-section .content-section-inner { padding: 6em 0; } }
@media (min-width: 64.25em) { .content-section .content-section-inner.parallax { background-attachment: fixed; } }
.content-section .text { text-align: center; }
.content-section .text .div-row { text-align: left; }
.content-section .text .div-row:last-child { margin-bottom: 0; }
.content-section .text h1 { color: #6b6b6b; margin-bottom: .5em; }
@media (min-width: 64.25em) { .content-section .text h1 { font-size: 4em; } }
.content-section .text p:last-child { margin: 0; }
.content-section .text h2.heading-bottom { margin: 0; }
@media (min-width: 64.25em) { .content-section .text h2.heading-bottom { font-size: 10em; } }
.content-section .text h2.heading-bottom [class^="icon-"], .content-section .text h2.heading-bottom [class*=" icon-"] { margin-right: 20px; }
@media (min-width: 64.25em) { .content-section .text h2.heading-bottom [class^="icon-"], .content-section .text h2.heading-bottom [class*=" icon-"] { font-size: 80%; } }
.content-section.light .content-section-inner { background-color: #f1f1f1; }
.content-section.dark .content-section-inner, #billboard .content-section.text .content-section-inner { background-color: #2a2a2a; }

.content-section.adj-bottom .content-section-inner { padding: 3em 0 0 0; }
@media (min-width: 64.25em) { .content-section.adj-bottom .content-section-inner { padding: 6em 0 0 0; } }
.content-section.adj-bottom .text .div-row { margin: 0; }

#sidebar .widget article { margin-bottom: 1.5em; }
#sidebar .widget .image { margin-bottom: 1em; }
#sidebar .widget .image img { display: block; width: 100%; height: auto; }
#sidebar .widget .info p { color: #353535; margin-bottom: .25em; }

#sidebar .fluid-width-video-wrapper { margin-bottom: 1em; }

.content-section .widget.events .image { margin-bottom: 1em; }
.content-section .widget.events .image img { display: block; width: 100%; height: auto; }
.content-section .widget.events .info p { color: #353535; margin-bottom: .25em; }

.content-section .widget.icons { text-align: center; }
.content-section .widget.icons article .icons-wrap { margin-bottom: 2em; }
.content-section .widget.icons article .icons-wrap i { font-size: 3em; color: #6b6b6b; }
.content-section .widget.icons article p { color: #353535; }
.content-section .widget.icons article p:last-child { margin: 0; }

.content-section .widget.sermon { margin-top: 7em; text-align: center; }
@media (min-width: 64.25em) { .content-section .widget.sermon { margin-top: 18em; } }
.content-section .widget.sermon #sermon-countdown { margin-bottom: 2em; }
.content-section .widget.sermon #sermon-countdown .timer { text-transform: uppercase; }
.content-section .widget.sermon #sermon-countdown .timer span { margin: 0 .06em; font-size: 1.875em; font-weight: 800; }
.content-section .widget.sermon #sermon-countdown .timer b { color: #808080; }
.content-section .widget.sermon .info { margin-bottom: 1.5em; }
.content-section .widget.sermon .media li { display: inline-block; margin: 0 .5em; }

.content-section .widget.sermon-updated { text-align: center; }
.content-section .widget.sermon-updated .image { position: relative; margin-bottom:0; background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; overflow: hidden; }
@media (min-width: 64.25em) { .content-section .widget.sermon-updated .image { display: none; } }
.content-section .widget.sermon-updated .image img { display: block; width: 100%; height: auto; background: none; padding: 0; border: 0; }
.content-section .widget.sermon-updated .info { text-align: center; padding: 2em 0; }
@media (min-width: 64.25em) { .content-section .widget.sermon-updated .info { padding: 4em 0; } }
.content-section .widget.sermon-updated .info h5 { margin-bottom: 1em; }
.content-section .widget.sermon-updated .info h6 { margin-bottom: 1em; }
.content-section .widget.sermon-updated .media-links { list-style: none; margin: 0; }
.content-section .widget.sermon-updated .media-links li { list-style: none; margin: 0 .5em .5em .5em; }
@media (min-width: 64.25em) { .content-section .widget.sermon-updated .media-links li { display: inline-block; } }
.content-section .widget.sermon-updated .media-links li a { display: block; margin: 0; }
.content-section .widget.sermon-updated .media-links li.all i { margin-left: .5em; }

.content-section .widget.sermon-updated article.dark, .content-section .widget.sermon-updated #billboard article.text, #billboard .content-section .widget.sermon-updated article.text { background-repeat: no-repeat; background-position: center center; -moz-background-size: 0; -o-background-size: 0; -webkit-background-size: 0; background-size: 0; }
@media (min-width: 64.25em) { .content-section .widget.sermon-updated article.dark, .content-section .widget.sermon-updated #billboard article.text, #billboard .content-section .widget.sermon-updated article.text { padding-top: 50em; background-size: cover; } }
.content-section .widget.sermon-updated article.dark .info, .content-section .widget.sermon-updated #billboard article.text .info, #billboard .content-section .widget.sermon-updated article.text .info { background-color: rgba(0, 0, 0, 0.85); }
@media (min-width: 64.25em) { .content-section .widget.sermon-updated article.dark .info, .content-section .widget.sermon-updated #billboard article.text .info, #billboard .content-section .widget.sermon-updated article.text .info { background-color: rgba(0, 0, 0, 0.65); } }

#footer { padding: 3em 0; border-top: 10px solid #cccccc; overflow: hidden; }
@media (min-width: 64.25em) { #footer { padding: 5em 0; border-top: 0; } }

#footer .newsletter { margin-bottom: 3em; }
#footer .newsletter h5 { text-align: center; color: #ffffff; margin-bottom: .75em; }
@media (min-width: 64.25em) { #footer .newsletter h5 { display: inline-block; margin: 14px 16px 0 0; } }
#footer .newsletter form { text-align: center; }
#footer .newsletter form .email { display: block; background: #5d5d5d; color: #ffffff; font-size: 16px; padding: .95em 5%; width: 90%; outline: none; border: 0; border-bottom: 3px solid rgba(255, 255, 255, 0.08); margin-bottom: 1em; @inlcude border-radius(0); vertical-align: top; }
@media (min-width: 64.25em) { #footer .newsletter form .email { display: inline-block; margin: 0 16px 0 0; width: 210px; padding-left: 15px; padding-right: 15px; } }
#footer .newsletter form #mc-embedded-subscribe { display: inline-block; font-size: 18px; font-weight: 800; text-align: center; padding: .8em 1.25em; margin: 0; color: #ffffff; border: 0; text-decoration: none !important; text-transform: uppercase; outline: none; background-color: #b7cbdd; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; cursor: pointer; vertical-align: top; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
#footer .newsletter form #mc-embedded-subscribe:hover { color: #ffffff; background-color: #6f97bb; }

#footer .logo { text-align: center; margin-bottom: 3em; }
#footer .logo img { display: block; max-width: 185px; height: auto; margin: 0 auto; }

#footer .social-links { margin-bottom: 3em; text-align: center; }
#footer .social-links li { display: inline-block; font-size: 1.25em; margin: 0 .75em; }
@media (min-width: 48em) { #footer .social-links li { font-size: 1.5em; } }
#footer .social-links li a { display: block; color: #ffffff; }
#footer .social-links li a:hover { color: #6f97bb; }

#footer .buttons { text-align: center; }
#footer .buttons li { display: inline-block; margin: 0 .35em; }
@media (min-width: 48em) { #footer .buttons li { margin: 0 .75em; } }
#footer .buttons li a { position: relative; display: block; }
#footer .buttons .login-link i { display: none; }

#footer .login { display: none; padding: 3em 0; position: relative; }
#footer .login:before { content: ""; position: absolute; width: 1000%; height: 100%; left: -450%; top: 0; background-color: #6f97bb; }
#footer .login .login-form-wrap { text-align: center; position: relative; }
#footer .login form { margin-bottom: 1em; }
#footer .login form .username, #footer .login form .password { display: block; background: #8cacc9; color: #ffffff; font-size: 16px; padding: .95em 5%; width: 90%; outline: none; border: 0; border-bottom: 3px solid rgba(255, 255, 255, 0.08); margin-bottom: 1em; @inlcude border-radius(0); }
@media (min-width: 64.25em) { #footer .login form .username, #footer .login form .password { display: inline-block; margin: 0 16px 0 0; width: 210px; padding-left: 15px; padding-right: 15px; vertical-align: top; } }
#footer .login form .submit { display: inline-block; font-size: 18px; font-weight: 800; line-height: 1em; text-align: center; padding: .92em 1.25em; margin: 0; color: #ffffff; border: 0; text-decoration: none !important; text-transform: uppercase; outline: none; background-color: #b7cbdd; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; cursor: pointer; vertical-align: top; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
#footer .login form .submit:hover { color: #ffffff; background-color: #6f97bb; }
#footer .login .login-more { position: relative; text-align: center; }
#footer .login .login-more a { color: #ffffff; }
#footer .login .login-more a:hover { color: #2a2a2a; }
#footer .login .login-more p span { display: block; }
@media (min-width: 64.25em) { #footer .login .login-more p span { display: inline-block; margin: 0 .25em; } }

body.show-login #footer .login { display: block; }
body.show-login #footer .buttons .login-link { position: relative; color: #ffffff; border-color: #6f97bb; background-color: #6f97bb; }
body.show-login #footer .buttons .login-link span { display: none; }
body.show-login #footer .buttons .login-link i { display: inline-block; }

#footer .contact { margin-top: 1em; margin-bottom: .5em; }
#footer .contact p { margin: 0; color: #ffffff; font-size: .875em; text-align: center; }

#footer .credits p { margin: 0; color: #ffffff; font-size: .875em; text-align: center; }
#footer .credits p span { display: block; padding-bottom: .5em; }
#footer .credits p .icon-ekk-logo { color: #383838; }
#footer .credits p .icon-ekk-logo:hover { color: #1293aa !important; }
@media (min-width: 64.25em) { #footer .credits p .icon-ekk-logo { font-size: 1.5em; position: absolute; left: 0; bottom: -1em; } }

#footer .login form .username::-webkit-input-placeholder, #footer .login form .password::-webkit-input-placeholder { color: #ffffff; }

#footer .login form .username:-moz-placeholder, #footer .login form .password:-moz-placeholder { color: #ffffff; }

#footer .login form .username::-moz-placeholder, #footer .login form .password::-moz-placeholder { color: #ffffff; }

#footer .login form .username:-ms-input-placeholder, #footer .login form .password:-ms-input-placeholder { color: #ffffff; }

.container { position: relative; width: 90%; max-width: 68.75em; margin: 0 auto; }

.container-full { position: relative; width: 100%; margin: 0 auto; }

#wrap { position: relative; width: 100%; }

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxContent { margin-top: 20px; background: #000; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { border: 0; background: #fff; }

#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }

#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }

#cboxLoadingGraphic { background: url(/_assets/img/colorbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }

#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(/_assets/img/colorbox/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }

#cboxPrevious:hover { background-position: bottom left; }

#cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(/_assets/img/colorbox/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }

#cboxNext:hover { background-position: bottom right; }

#cboxClose { position: absolute; top: 0; right: 5px; display: block; background: url(/_assets/img/colorbox/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }

#cboxClose:hover { background-position: bottom center; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } }
@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }
.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }
.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

#content .filters a { text-decoration: none; }

.ui-selectmenu-button { display: block; position: relative; width: 260px; height: auto; line-height: 1; text-decoration: none; margin: 0; padding: 0; outline: none !important; cursor: pointer; background-color: transparent; border: 1px solid #999999; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-selectmenu-button span.ui-icon { display: none !important; }
.ui-selectmenu-button span.ui-selectmenu-text { position: relative; display: block; line-height: 2.4em; padding: 0 .5em; font-size: 15px; font-weight: 400; color: #999999; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; }
.ui-selectmenu-button span.icon-arrow-down2 { color: #999999; font-size: 20px; font-weight: normal; position: absolute; right: 12px; top: 50%; margin-top: -10px; font-weight: normal !important; }
.ui-selectmenu-button.ui-state-focus { background-color: #000000; }
.ui-selectmenu-button.ui-state-disabled { cursor: default; opacity: .5; }
.ui-selectmenu-button.ui-state-disabled span.icon-down { display: none; }

.ui-selectmenu-menu { position: absolute; top: 0; left: 0; margin: 10px 0 0 0; display: none; z-index: 999; }

.ui-selectmenu-menu .ui-menu { position: relative; overflow: auto; overflow-x: hidden; margin: 0; padding: 0; width: 100%; max-width: 270px; max-height: 300px !important; list-style: none; background-color: #000000; border: 0; }
.ui-selectmenu-menu .ui-menu li { margin: 0; padding: .75em 1em; outline: none; font-size: 14px; font-weight: 400; text-transform: none; list-style: none; cursor: pointer; color: #ffffff; }
.ui-selectmenu-menu .ui-menu li:hover { color: #6f97bb; }

.ui-selectmenu-open { display: block; }

.showTitle h5{
    display:block !important;
}

/* Styles for monklet button grid */

.flex-button-container {
  display: flex;
  justify-content: flex-start;
  margin: 1em auto 2em;
  flex-wrap: wrap;
  width: 100%;
  max-width: 950px;
}

.flex-button-container .flex-button {
  width: 100%;
  margin: .5em 0;
  text-align: center;
  padding-top: 36.63003663%; /* 2.73:1 ratio */
  position: relative;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
}

@media (min-width: 48em) {
  .flex-button-container .flex-button {
    width: 48%;
    padding-top: 17.582417582%; /* 2.73:1 ratio */
    margin: 1%;
  }
}

@media (min-width: 64em) {
  .flex-button-container .flex-button {
    width: 31.833333333%;
    padding-top: 11.66056166%; /* 2.73:1 ratio */
    margin: .75%;
  }
}
.flex-button-container .flex-button a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  background-color: transparent;
  transition: background-color .25s ease-in-out;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out;
}

.flex-button-container .flex-button a:hover {
  background-color: rgba(38,38,38,0.3);
}

.flex-button-container .flex-button .label {
  position: relative;
  top: 53%;
  transform: translateY(-50%);
  font-size: 1.25em;
  color: #fafafa;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 auto;
  padding: 0;
  line-height: 1.3;
  text-align: center;
  width: 90%;
/*  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
}

/*******************************
 * COUNTDOWN BAR 2
 *******************************/
 
/*layout*/
#countdown-bar-2 {
  padding: 0.5rem 0;
}

#countdown-bar-2 .timer-container {
  text-align: center;
  padding: .5rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

#countdown-bar-2 .timer-text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 16px;
  margin-right: .4rem;
}

#countdown-bar-2 .timer-layout {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

#countdown-bar-2 .timer-container.live .timer-layout {
  display: none !important;
}

#countdown-bar-2 .timer-layout span {
  font-weight: 700;
}

#countdown-bar-2 .timer-layout span:after {
  /*content:":";*/
  content:" ";
  display: inline-block;
  vertical-align: middle;
  margin: 0 .20rem;
}

#countdown-bar-2 .timer-layout span:last-of-type:after {
  display: none;
}

#countdown-bar-2 .timer-layout span b {
  margin: 0 3px 0 0;
}

#countdown-bar-2 .timer-layout span i {
  
}

#countdown-bar-2 .timer-container .timer-button {
  display: inline-block;
  vertical-align: middle;
}

#countdown-bar-2 .timer-container.prelive .timer-button {
  display: none !important;
}

#countdown-bar-2 .timer-button a {
  margin: 0;
}

/*overrides*/
#countdown-bar-2 {
  background-color: #b7cbdd;
}

#countdown-bar-2,
#countdown-bar-2 a,
#countdown-bar-2 .timer-layout span:after,
#countdown-bar-2 .timer-text a:hover,
#countdown-bar-2 .timer-layout span {
  color: #ffffff;
}

#countdown-bar-2 .timer-container {
  border-top-color: rgba(255,255,255,.5);
  border-bottom-color: rgba(255,255,255,.5);
}

@media only screen and (max-width: 960px) {
  #countdown-bar-2 .timer-text {
    display: block;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  #countdown-bar-2 .timer-layout {
    display: block;
  }

  #countdown-bar-2 .timer-container .timer-button {
    display: block;
    margin-left: 0;
  }
}