/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

body { font-size: 100%; }
@media all and (min-width: 0px) { body { font-size: 90%; } }
@media all and (min-width: 321px) { body { font-size: 95%; } }
@media all and (min-width: 401px) { body { font-size: 100%; } }
@media all and (min-width: 481px) { body { font-size: 105%; } }
@media all and (min-width: 561px) { body { font-size: 110%; } }
@media all and (min-width: 769px) { body { font-size: 115%; } }
.no-mediaqueries body { font-size: 115%; }
@media all and (min-width: 1025px) { body { font-size: 120%; } }

html, body, .mason { width: 100%; height: 100%; }

body { background: #CCCCCC; }

.mason *, .mason *:before, .mason *:after { -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url("/_includes/polyfills/boxsizing.htc"); }

.mason--resizing * { -webkit-transition: none; -o-transition: none; transition: none; }

.mason { width: 1024px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; clear: both; position: relative; overflow: hidden; background: #EEEEEE; }
@media all and (min-width: 0px) { .mason { width: auto; } }

.mason { color: #444444; font-family: "Roboto", sans-serif; }

button, input, select, textarea { font-family: "Roboto", sans-serif; }

.video { max-width: 100%; position: relative; background: #000; }
.video iframe { width: 100%; height: 100%; position: absolute; border: 0; }

.region h1, .region h2, .region h3, .region h4, .region h5, .region h6 { color: #444444; font-family: "Roboto", sans-serif; font-weight: normal; line-height: 1.5em; }
.region a { color: #4587D0; text-decoration: none; }
.region hr { width: 100%; height: 0; margin: 0; border: 0; border-bottom: 1px solid #E0E0E0; }
.region img, .region iframe { max-width: 100%; }
.region img { height: auto !important; }
.region img[data-fill] { max-width: none; }
.region figure { max-width: 100%; padding: 2px; margin: 1em 0; border: 1px solid #E0E0E0; background: #F8F8F8; }
.region figure img { clear: both; }
.region figure figcaption { clear: both; }
.region blockquote { margin: 1em 0; padding: 0 0 0 1em; }
.region table { max-width: 100%; margin: 1em 0; clear: both; border: 1px solid #E0E0E0; background: #F8F8F8; }
.region th, .region td { text-align: left; padding: 0.25em 0.5em; border: 1px solid #E0E0E0; }
.region label { margin-right: .5em; display: block; }
.region legend { padding: 0 .5em; }
.region label em, .region legend em { color: #CF1111; font-style: normal; margin-left: .2em; }
.region input { max-width: 100%; }
.region input[type=text], .region input[type=password] { width: 18em; height: 2em; display: block; padding: 0 0 0 .5em; border: 1px solid #E0E0E0; }
.region input[type=radio], .region input[type=checkbox] { width: 1em; height: 1em; margin: .4em; }
.region textarea { max-width: 100%; display: block; padding: .5em; border: 1px solid #E0E0E0; }
.region select { max-width: 100%; width: 18em; height: 2em; padding: .2em; border: 1px solid #E0E0E0; }
.region select[size] { height: auto; padding: .2em; }
.region fieldset { border-color: #E0E0E0; }

.captcha { display: block; margin: 0 0 1em; }

.captcha__help { max-width: 28em; }

.captcha__help--extended { max-width: 26em; }

.captcha__elements { width: 200px; }

.btn { height: auto; margin-top: -1px; display: inline-block; padding: 0 1em; color: #4587D0; line-height: 2.8em; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 1px solid #4587D0; background: transparent; -webkit-transition: background .4s, color .4s; -o-transition: background .4s, color .4s; transition: background .4s, color .4s; }

.btn:hover, .btn:focus { color: #FFF; background: #4587D0; }

.btn__icon, .btn__text { float: left; margin: 0 0.2em; line-height: inherit; }

.btn__icon { font-size: 1.5em; margin-top: -2px; }

.btn--disabled { color: #999; border-color: #999; cursor: default; }

.btn--disabled:hover, .btn--disabled:focus { color: #999; background: transparent; }

.anchor, .access__anchor, .content__anchor { visibility: hidden; position: absolute; top: 0; }

#forumUpdateForm fieldset { margin: 1em 0; }

#forumUpdateForm .cmsForm__field { display: block; clear: both; }

.mason--admin .anchor, .mason--admin .access__anchor, .mason--admin .content__anchor { margin-top: -110px; }

.ui_toolbar { clear: both; margin: 1em 0; line-height: 2.1em; }

.ui_toolbar:before, .ui_toolbar:after { content: ''; display: table; }

.ui_toolbar:after { clear: both; }

.lte-ie7 .ui_toolbar { zoom: 1; }

.ui_toolbar > *, .ui_left > *, .ui_right > * { margin: 0 .5em 0 0; float: left; }

.ui_toolbar > *:last-child, .ui_right > *:last-child { margin-right: 0; }

.ui_left { float: left; }

.ui_right { float: right; margin-left: .5em; }

.ui_button, .ui_tag, .ui_select { margin: 0 .5em 0 0; position: relative; float: left; text-align: left; }

.ui_button, .ui_tag, .ui_select > div { height: 2.1em; padding: 0 .6em; position: relative; font-size: 1em; white-space: nowrap; color: #444444 !important; line-height: 2.1em; border: 1px solid; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 0px; background-color: #F8F8F8; background-image: none; }

.ui_button:hover, .ui_select:hover > div { background-color: #E0E0E0; }

.ui_button.ui_button--selected, .ui_select.ui_select--selected > div { background-color: #E0E0E0; }

.ui_button.ui_button--disabled, .ui_select.ui_select--disabled > div { cursor: default; color: rgba(68, 68, 68, 0.25) !important; background-color: #F8F8F8; }

.ui_button { margin: 0 .3em 0 0; cursor: pointer; outline: none !important; text-decoration: none; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.ui_card { padding: 1em; display: block; text-align: left; color: #444444; background-color: #F8F8F8; border: 1px solid !important; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) !important; border-radius: 0px; }

.ui_card:before, .ui_card:after { content: ''; display: table; clear: both; }

.ui_card--void { padding: 0; overflow: hidden; }

.ui_card--void > * { margin: -1px -2px -1px -1px; }

.ui_card__img { margin: 0 -1em; display: block; overflow: hidden; border: 2px solid #F8F8F8; }

.ui_card__img--top { margin: -1em -1em 0; border-radius: 0px 0px 0 0; }

.ui_card__img--full { margin: -1em; border-radius: 0px; }

.ui_txt { margin: 0 0 0.8em; font-weight: 300; line-height: 1.6em; }

.ui_txt__title { margin: 0.6666666667em 0; font-size: 1.2em; font-weight: 400; line-height: 1.3333333333em; }

.ui_txt__bold { margin: 0.8em 0; font-weight: 400; }

.ui_txt__sub { margin: -1em 0 1em; font-size: 0.8em; font-weight: 300; line-height: 2em; }

.ui_txt__content { font-size: 0.9em; line-height: 1.7777777778em; }
.ui_txt__content * { display: inline; margin: 0; }

.ui_txt--truncate_3, .ui_txt--truncate_4, .ui_txt--truncate_5, .ui_txt--truncate_6, .ui_txt--truncate_7, .ui_txt--truncate_8, .ui_txt--truncate_9 { position: relative; overflow: hidden; }
.ui_txt--truncate_3:after, .ui_txt--truncate_4:after, .ui_txt--truncate_5:after, .ui_txt--truncate_6:after, .ui_txt--truncate_7:after, .ui_txt--truncate_8:after, .ui_txt--truncate_9:after { content: ''; width: 50%; height: 1.6em; display: block; position: absolute; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8)); background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0), #f8f8f8); background: -o-linear-gradient(left, rgba(248, 248, 248, 0), #f8f8f8); background: linear-gradient(to right, rgba(248, 248, 248, 0), #f8f8f8); }

.ui_txt--truncate_3 { height: 4.8em; }

.ui_txt--truncate_3 .ui_txt__title { max-height: 1.3333333333em; overflow: hidden; }

.ui_txt--truncate_4 { height: 6.4em; }

.ui_txt--truncate_4 .ui_txt__title { max-height: 2.6666666667em; overflow: hidden; }

.ui_txt--truncate_5 { height: 8em; }

.ui_txt--truncate_5 .ui_txt__title { max-height: 4em; overflow: hidden; }

.ui_txt--truncate_6 { height: 9.6em; }

.ui_txt--truncate_6 .ui_txt__title { max-height: 5.3333333333em; overflow: hidden; }

.ui_txt--truncate_7 { height: 11.2em; }

.ui_txt--truncate_7 .ui_txt__title { max-height: 6.6666666667em; overflow: hidden; }

.ui_txt--truncate_8 { height: 12.8em; }

.ui_txt--truncate_8 .ui_txt__title { max-height: 8em; overflow: hidden; }

.ui_txt--truncate_9 { height: 14.4em; }

.ui_txt--truncate_9 .ui_txt__title { max-height: 9.3333333333em; overflow: hidden; }

.ui_select { padding: 0; }

.ui_select > div { padding: 0 1.5em 0 .6em; cursor: pointer; outline: none !important; text-decoration: none; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }

.ui_select > div:after { content: ''; display: block; position: absolute; right: .6em; top: 50%; margin-top: -2px; border: 4px solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

.ui_select > ul { padding: 0; margin: .75em 0 0; display: none; list-style: none; overflow: hidden; background: #fff; position: absolute; z-index: 8; top: 100%; right: 0; }

.ui_select > ul li { height: 2.1em; padding: .15em; clear: both; position: relative; border-bottom: 1px solid #ddd; }

.ui_select > ul li span { width: .6em; height: .6em; margin: .6em; float: left; }

.ui_select > ul li label { margin: 0 3.6em 0 1.8em; display: block; white-space: nowrap; }

.ui_select > ul li input { position: absolute; top: 50%; right: 0.15em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.ui_select--selected > ul { display: block; }

.ui_group { float: left; margin: 0 .3em 0 0; }

.ui_group .ui_button { float: left; margin: 0; border-radius: 0; border-left-color: rgba(255, 255, 255, 0.15); }

.ui_group .ui_button:first-child { border-radius: 0px 0 0 0px; border-left-color: rgba(0, 0, 0, 0.15); }

.ui_group .ui_button:last-child { border-radius: 0 0px 0px 0; }

.ui_icon { height: .5em; font-size: 2em; line-height: .5em; display: inline-block; font-family: "Courier New", Courier, monospace; }

.ui_icon--prev:after { content: "\02039"; font-weight: bold; }

.ui_icon--next:after { content: "\0203A"; font-weight: bold; }

.ui-tooltip { -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; max-width: 300px; padding: 8px; position: absolute; z-index: 9999; font-size: 95%; line-height: 1.2; }

.section, .main, .urgent, .subnav, .footer { width: 100%; max-width: 1300px; padding-right: 5%; padding-left: 5%; margin-right: auto; margin-left: auto; position: relative; padding-top: 3em; padding-bottom: 3em; }
@media all and (min-width: 1301px) { .section, .main, .urgent, .subnav, .footer { max-width: none; padding-right: calc(50% - 585px); padding-left: calc(50% - 585px); } }
.section:before, .main:before, .urgent:before, .subnav:before, .footer:before, .section:after, .main:after, .urgent:after, .subnav:after, .footer:after { content: ""; display: table; }
.section:after, .main:after, .urgent:after, .subnav:after, .footer:after { clear: both; }
.lte-ie7 .section, .lte-ie7 .main, .lte-ie7 .urgent, .lte-ie7 .subnav, .lte-ie7 .footer { zoom: 1; }

.access { width: 100%; height: 0; overflow: hidden; position: relative; }

.mason { padding-top: 50px; }

.header { width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 9; color: #FFF; background: #8BA2B4; -webkit-transition: left .8s; -o-transition: left .8s; transition: left .8s; top: 0; }
.mason--admin .header { top: 110px; }
.mason--preview .header { top: 110px; }
.mason--secure .header { top: 40px; }

.header__title { margin: 0 0 0 20px; position: relative; z-index: 2; font-size: 25px; font-weight: normal; line-height: 50px; text-transform: uppercase; }

.header__btn { padding: 10px 20px; position: absolute; top: 0; right: 0; z-index: 2; color: inherit; cursor: pointer; background: transparent; border: 0; outline: 0; }

.header__btn__icon { font-size: 30px; display: block; float: right; }
.header__btn__icon { width: 1em; height: 1em; position: relative; }
.header__btn__icon__bar { width: .8em; height: 3px; margin-top: -1.5px; display: block; position: absolute; background: #FFF; -webkit-transition: opacity 0.25s 0.5s, top 0.25s 0.5s, -webkit-transform 0.5s; transition: opacity 0.25s 0.5s, top 0.25s 0.5s, -webkit-transform 0.5s; -o-transition: opacity 0.25s 0.5s, top 0.25s 0.5s, transform 0.5s; transition: opacity 0.25s 0.5s, top 0.25s 0.5s, transform 0.5s; transition: opacity 0.25s 0.5s, top 0.25s 0.5s, transform 0.5s, -webkit-transform 0.5s; }
.header__btn__icon__bar--one { top: .2em; left: .1em; opacity: 1; }
.header__btn__icon__bar--two, .header__btn__icon__bar--three { top: .5em; left: .1em; }
.header__btn__icon__bar--four { top: .8em; left: .1em; opacity: 1; }
.mason--menu .header__btn__icon__bar--one, .mason--menu .header__btn__icon__bar--four { top: .5em; opacity: 0; -webkit-transition: opacity 0.25s, top 0.25s; -o-transition: opacity 0.25s, top 0.25s; transition: opacity 0.25s, top 0.25s; }
.mason--menu .header__btn__icon__bar--two { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform 0.5s 0.25s; transition: -webkit-transform 0.5s 0.25s; -o-transition: transform 0.5s 0.25s; transition: transform 0.5s 0.25s; transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s; }
.mason--menu .header__btn__icon__bar--three { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition: -webkit-transform 0.5s 0.25s; transition: -webkit-transform 0.5s 0.25s; -o-transition: transform 0.5s 0.25s; transition: transform 0.5s 0.25s; transition: transform 0.5s 0.25s, -webkit-transform 0.5s 0.25s; }

@media all and (min-width: 415px) { .mason { padding-top: 70px; }
  .header { height: 70px; }
  .header__btn__icon { font-size: 50px; }
  .header__title { font-size: 35px; line-height: 70px; } }
.lte-ie8 .mason { padding-top: 70px; }
.lte-ie8 .header { height: 70px; }
.lte-ie8 .header__btn__icon { font-size: 50px; }
.lte-ie8 .header__title { font-size: 35px; line-height: 70px; }

.mason { left: 0; -webkit-transition: left .8s; -o-transition: left .8s; transition: left .8s; }

.menu { width: 100%; position: fixed; bottom: 0; left: 100%; z-index: 9; top: 0; }
.mason--admin .menu { top: 110px; }
.mason--preview .menu { top: 110px; }
.mason--secure .menu { top: 40px; }

.menu__sidebar { width: 90%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; overflow: hidden; background: #333; -webkit-transition: left .8s; -o-transition: left .8s; transition: left .8s; }

.menu__sidebar__list { width: 100%; position: absolute; z-index: 1; top: 0; left: -100%; bottom: 3em; overflow: hidden; overflow-y: auto; padding: 0; margin: 0; list-style: none; -webkit-transition: left .8s; -o-transition: left .8s; transition: left .8s; }

.menu__sidebar__list__item { position: relative; font-size: 18px; }

.menu__sidebar__list__item__link { display: block; padding: 1em; color: #FFF; text-decoration: none; border-bottom: 1px solid #444; }

.menu__sidebar__list__item__button { width: auto; height: auto; padding: 1em; display: none; position: absolute; right: 0; top: 0; border: 0; outline: 0; color: #FFF; background: transparent; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.menu__sidebar__list__item--expand .menu__sidebar__list__item__button { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.menu__sidebar__list__item--subitems .menu__sidebar__list__item__button { display: block; }

.menu__sidebar__list__item__sub { padding: .5em 0; margin: 0; display: none; overflow: hidden; border-bottom: 1px solid #444; }
.menu__sidebar__list__item--expand .menu__sidebar__list__item__sub { display: block; }
.menu__sidebar__list__item__sub .menu__sidebar__list__item { left: 0; opacity: 1; overflow: hidden; font-size: 1em; -webkit-transition: none; -o-transition: none; transition: none; }
.menu__sidebar__list__item__sub .menu__sidebar__list__item__link { color: #999; padding: 0 1em; line-height: 2em; white-space: nowrap; border: 0; }
.menu__sidebar__list__item__sub .menu__sidebar__list__item__button { display: none; }

@media all and (min-width: 415px) { .menu__sidebar { width: 280px; } }
.lte-ie8 .menu__sidebar { width: 280px; }

.mason--menu, .mason--menu .header, .mason--menu .menu__sidebar { left: -90%; }
.mason--menu .menu__sidebar__search, .mason--menu .menu__sidebar__list { left: 0; }

@media all and (min-width: 415px) { .mason--menu, .mason--menu .header, .mason--menu .menu__sidebar { left: -280px; } }
.lte-ie8 .mason--menu, .lte-ie8 .mason--menu .header, .lte-ie8 .mason--menu .menu__sidebar { left: -280px; }

.hero { width: 100%; height: 18em; overflow: hidden; position: relative; background: #666; }

.hero__slideshow { width: 100%; height: 100%; padding: 0; margin: 0; opacity: .35; position: relative; z-index: 1; overflow: hidden; list-style: none; }

.hero__slideshow__item { width: 100%; height: 100%; }
.hero__slideshow__item img { opacity: 0; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }

.hero__content { width: 100%; max-width: 1300px; padding-right: 5%; padding-left: 5%; margin-right: auto; margin-left: auto; position: relative; position: absolute; left: 0; bottom: 2em; z-index: 2; color: #FFF; }
@media all and (min-width: 1301px) { .hero__content { max-width: none; padding-right: calc(50% - 585px); padding-left: calc(50% - 585px); } }

.hero__path { padding: 0; margin: 0; list-style: none; }

.hero__path__item { display: inline; position: relative; }

.hero__path__item__link { color: #FFF; text-decoration: none; text-transform: uppercase; white-space: nowrap; }

.hero__path__item__sep { margin: 0 .2em; }

.hero__path__item:last-child .hero__path__item__sep { display: none; }

.main { padding-bottom: 0; position: relative; font-size: 1em; color: #444444; background: #EEEEEE; }

.content { max-width: 40em; margin: 0 auto; line-height: 1.8em; }

.content > div:before, .content > div:after { content: ""; display: table; }
.content > div:after { clear: both; }
.lte-ie7 .content > div { zoom: 1; }

.content > div:not(.content__share) { margin-bottom: 3em; }

.content__share { margin: 0 -99em; padding: .5em 99em; background: #FFF; }
.content__share__list { padding: 0; margin: 0 -7.5%; list-style: none; text-align: center; }
.content__share__list__icon { min-width: 20%; display: inline-block; padding: .5em; font-size: 2em; }
.content__share__list__icon a { color: inherit; }

.urgent { position: relative; color: #FFF; background: #AE4141; }

.urgent__list { padding: 0; margin: 0; list-style: none; line-height: 1.8em; }

.urgent__list__item__intro { margin: 0 0 2em; }

.urgent__list__item__more { margin: 2em 0 0; padding: .4em .6em; color: #FFF; font-size: 1.2em; text-decoration: none; border: 1px solid; }

.subnav { color: #FFF; background: #333; text-align: center; }

.subnav__title { font-size: 1em; text-transform: uppercase; }

.subnav__list { max-width: 20em; padding: 1em 0 0; margin: 0 auto; list-style: none; }
.subnav__list:before, .subnav__list:after { content: ""; display: table; }
.subnav__list:after { clear: both; }
.lte-ie7 .subnav__list { zoom: 1; }

.subnav__list__item { display: block; }

.subnav__list__item__link { padding: 1em 0; display: block; position: relative; color: #FFF; text-decoration: none; }

.subnav__list__item__link:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(102, 102, 102, 0)), color-stop(50%, #666666), to(rgba(102, 102, 102, 0))); background: -webkit-linear-gradient(left, rgba(102, 102, 102, 0) 0%, #666666 50%, rgba(102, 102, 102, 0) 100%); background: -o-linear-gradient(left, rgba(102, 102, 102, 0) 0%, #666666 50%, rgba(102, 102, 102, 0) 100%); background: linear-gradient(to right, rgba(102, 102, 102, 0) 0%, #666666 50%, rgba(102, 102, 102, 0) 100%); }

.footer { clear: both; color: #FFF; background: #555; line-height: 1.8em; text-align: center; text-shadow: 1px 1px #444; }
.footer:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(102, 102, 102, 0)), color-stop(50%, #999999), to(rgba(102, 102, 102, 0))); background: -webkit-linear-gradient(left, rgba(102, 102, 102, 0) 0%, #999999 50%, rgba(102, 102, 102, 0) 100%); background: -o-linear-gradient(left, rgba(102, 102, 102, 0) 0%, #999999 50%, rgba(102, 102, 102, 0) 100%); background: linear-gradient(to right, rgba(102, 102, 102, 0) 0%, #999999 50%, rgba(102, 102, 102, 0) 100%); }

.footer__back { font-size: 3em; cursor: pointer; color: #999; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; }
.footer__back:hover { color: #FFF; }

.footer__legal a { color: #FFF; text-decoration: none; }