@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;
}

.hide {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

html {
  font-size: 62.5%;
  color: #232323;
}

html {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 62.5%;
  color: #001731;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*f,h2,h3,h4,h5,h6,p {
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}*/
.lightBG {
  color: #272727;
}

.darkBG,
.blackBG {
  color: white;
}

* {
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -1px;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}

h1.initial {
  font-size: 4.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h1, .h1 {
  font-size: 3.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h2 {
  font-size: 2.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h3 {
  font-size: 2em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h3.sub {
  font-size: 2.7em;
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 30px;
}

h4 {
  font-size: 1.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h5 {
  font-size: 1.3em;
}

h6 {
  font-size: 1.1em;
}

h2.h1 {
  font-size: 3.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 512px) {
  h1,
  h1.initial {
    font-size: 3.5em;
    text-transform: uppercase;
  }
}
blockquote {
  margin: 50px 0;
  background: url("/rnAssets/img/blockquote.png") no-repeat 0 3px;
  padding-left: 36px;
}
blockquote p {
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1.76471em;
  margin-bottom: 0px;
}
blockquote cite {
  font-size: 1.4em;
  display: block;
  line-height: 1.5;
  font-style: italic;
  margin-top: 12px;
}
.darkBG blockquote, .blackBG blockquote {
  background-image: url("/rnAssets/img/blockquote_white.png");
}

a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a.ext {
  padding-right: 22px;
  background: url("/rnAssets/img/icon-ext-small.png") no-repeat 100% 50%;
}
.darkBG a.ext {
  background-image: url("/rnAssets/img/icon-ext-small-white.png");
}

.display-heading {
  text-align: center;
  position: relative;
}
.display-heading span {
  font-size: 0.64286em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: normal;
  display: block;
}
.display-heading.display-underline {
  padding-bottom: 30px;
}
.display-heading.display-underline:after {
  content: '';
  position: absolute;
  background: #000;
  height: 1px;
  width: 72px;
  left: 50%;
  bottom: 0;
  margin-left: -36px;
}
.darkBG .display-heading.display-underline:after, .blackBG .display-heading.display-underline:after {
  background: #fff;
}
.display-heading.display-overline {
  padding-top: 0.66667em;
}
.display-heading.display-overline:after {
  content: '';
  position: absolute;
  background: #001731;
  height: 1px;
  width: 72px;
  left: 50%;
  top: 0;
  margin-left: -36px;
}
.darkBG .display-heading.display-overline:after {
  background: #fff;
}
.display-heading.align-left {
  text-align: left;
}
.display-heading:last-child {
  margin-bottom: 0;
}

h1.display-heading span {
  font-size: 0.47368em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: normal;
  display: block;
}

.has-nav .display-heading {
  text-align: left;
}
.has-nav .display-heading:after {
  left: 0;
  margin-left: 0;
}

.large-heading {
  *zoom: 1;
  position: relative;
  background: #e1e1e1;
  padding: 2em 3.5em;
  clear: both;
}
.large-heading:after {
  content: "";
  display: table;
  clear: both;
}
.large-heading h2,
.large-heading h3 {
  font-size: 2.5em;
  text-align: center;
  color: #272727;
  margin-bottom: 0;
}
.large-heading .btn {
  position: absolute;
  right: 3.5em;
  top: 3em;
}
.large-heading.darkBG {
  background: #001731;
}
.large-heading.greyBG {
  background: #272727;
}

.large-heading.darkBG h2,
.large-heading.darkBG h3 {
  color: white;
}

.intro-block {
  background: #e1e1e1;
  padding: 3.5em;
  clear: both;
}
.intro-block h2,
.intro-block h3 {
  font-size: 3em;
  text-align: left;
  margin-bottom: 0.6em;
}

.promo-link-block {
  clear: both;
  background: #e1e1e1;
  background-size: cover;
}
.promo-link-block .inr[class] {
  padding: 3.5em;
}
.promo-link-block h2,
.promo-link-block h3 {
  font-size: 3em;
  text-align: left;
  margin-bottom: 0.6em;
  color: #272727;
}
.promo-link-block.darkBG h2, .promo-link-block.darkBG h3 {
  color: white;
}
.promo-link-block .link {
  padding: 20px 0;
  text-align: center;
}

p {
  font-size: 1.5em;
  line-height: 1.8em;
  margin-bottom: 25px;
}
p:last-child {
  margin-bottom: 0;
}

p.initial {
  font-size: 1.6em;
  line-height: 1.875em;
  font-weight: bold;
  margin-bottom: 25px;
}

p.small {
  font-size: 1.3em;
  line-height: 1.92308em;
  margin-bottom: 25px;
}

strong {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-weight: 600;
}

em {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.noCaps {
  text-transform: normal;
}

p.small-print {
  font-size: 1.1em;
}

input[type=text],
input[type=password],
input[type=submit],
input[type=button] {
  -webkit-appearance: none;
  border-radius: 0;
}

input.btn,
button.btn {
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
}

.btn {
  margin: 0;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 1.2em;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #001731;
  background: #fff;
  padding: 6px 24.5px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn span {
  padding-right: 1.25em;
  position: relative;
  display: inline-block;
}
.btn span:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-sprite.png") -94px -157px;
  width: 6px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  right: 0;
}
.btn.btn-left span {
  padding-right: 0;
  padding-left: 1.25em;
}
.btn.btn-left span:after {
  left: 0;
  right: auto;
  background-position: -28px -157px;
}
.btn.btn-dark {
  background: #001731;
  color: white;
  border: none;
}
.btn.btn-dark span:after {
  background-position: -94px -222px;
}
.btn.btn-dark.active {
  background-color: #d3d3d3;
}
.btn.btn-red {
  background: #c20031;
  color: white;
  border: none;
}
.btn.btn-red:hover {
  background: #272727;
}
.btn.btn-large {
  font-size: 1.4em;
  padding: 11px 2.28571em 9px;
  min-width: 25.71429%;
}
.btn.btn-large span {
  padding-right: 1.07143em;
}
.btn.btn-large span:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-sprite.png") -94px -27px;
  width: 7px;
  height: 12px;
  margin-top: -6px;
}
.btn.btn-large.btn-dark span:after, .btn.btn-large.btn-red span:after {
  background-position: -94px -92px;
}
.btn.btn-fullwidth {
  display: block;
  font-size: 1.4em;
  padding: 16px 2.28571em 15px;
  min-width: 280px;
}
.btn.btn-fullwidth span {
  padding-right: 1.07143em;
}
.btn.btn-fullwidth span:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-sprite.png") -94px -27px;
  width: 7px;
  height: 12px;
  margin-top: -6px;
}
.btn.btn-fullwidth.btn-red span:after {
  background-position: -94px -92px;
}
.btn.btn-huge {
  font-size: 1.4em;
  padding: 16px 2.28571em 15px;
  min-width: 280px;
}
.content-intro .btn.btn-huge {
  max-width: 280px;
  display: block;
}
.btn.btn-huge:last-child {
  margin-bottom: 0;
}
.btn.btn-huge span {
  padding-right: 1.07143em;
}
.btn.btn-huge span:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-sprite.png") -94px -27px;
  width: 7px;
  height: 12px;
  top: 0.42857em;
}
.copy-block .btn.btn-huge:hover span:after, .btn.btn-huge.btn-dark span:after, .btn.btn-huge.btn-red span:after {
  background-position: -94px -92px;
}
.btn.favourite {
  font-size: 1.7em;
  border: 2px solid #3173b5;
  background: #3173b5;
  color: white;
  display: block;
  text-align: left;
  padding: 0.70588em 0.88235em 0.70588em;
}
.btn.favourite span {
  display: block;
}
.btn.favourite span:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/star.png") 0 0px;
  width: 18px;
  height: 17px;
  top: 0.05882em;
}
.btn.favourite:hover span:after {
  background-position: 0 -17px;
}
.btn.favourite:hover {
  background: white;
  border: 2px solid #001731;
  color: #001731;
}
.btn.favourite.btn-unfollow {
  background: #001731;
  border-color: #001731;
  color: #fff;
}
.btn.favourite.btn-unfollow span:after {
  background-position: 0 0;
}
.btn.favourite + .favourite {
  margin-top: 0;
}
.lightBG .btn {
  border: 1px solid #001731;
}
.darkBG .btn {
  border: 1px solid white;
}
.btn:hover {
  background: #3173b5;
  border-color: #3173b5;
  color: white;
  text-decoration: none;
}
.btn:hover span:after {
  background-position: -94px -222px;
}
.btn:hover.btn-large span:after {
  background-position: -94px -92px;
}
.btn:hover.btn-left span:after {
  background-position: -28px -222px;
}
.btn + .btn {
  margin-top: 1.5em;
}
.btn.btn-follow + .btn-unfollow {
  margin-top: 0;
}
.btn.btn-transparent {
  background: none;
  color: white;
}
.btn.btn-transparent span {
  padding-right: 0;
}
.btn.btn-transparent:hover {
  background: #272727;
}
.btn.btn-back span:after, .btn.btn-back:hover span:after {
  background-position: -28px -92px;
  right: auto;
  left: -12px;
}
.btn.large-margin {
  margin-bottom: 50px;
}

.post-date {
  font-size: 1.5em;
  text-align: center;
  display: block;
  position: relative;
  margin: 1.5em 0;
}
.post-date:before {
  content: '';
  height: 1px;
  background: #001731;
  width: 224px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -112px;
}
.post-date span {
  background: white;
  display: inline-block;
  padding: 0 1em;
  position: relative;
  z-index: 2;
}

.strike-through {
  text-align: center;
  position: relative;
  margin: 1em 0;
}
.strike-through span {
  position: relative;
  font-weight: normal;
  display: inline-block;
}
.strike-through span:before {
  content: '';
  height: 1px;
  background: #001731;
  width: 50px;
  position: absolute;
  top: 50%;
  left: -65px;
}
.strike-through span:after {
  content: '';
  height: 1px;
  background: #001731;
  width: 50px;
  position: absolute;
  top: 50%;
  right: -65px;
}

.strike-through-tiny {
  font-size: 1.3em;
}

.darkBG .strike-through span:before {
  background: white;
}
.darkBG .strike-through span:after {
  background: white;
}

.js #search-wrap input.search-field.hasPlaceholder,
.hasPlaceholder {
  color: darkgray;
}

code, pre {
  display: block;
  background: #eee;
  padding: 10px;
  font-size: 12px;
}

/*
	Sorry to put this here, but maybe we can make it a generic somewhen?
   	It’s adapted from the styleguide CSS, it that helps…
*/
.graduates .copy[class] ul, .graduates .copy[class] ol,
.officers-page .copy[class] ul,
.officers-page .copy[class] ol,
.bighero-page .header-block .inr[class] ul,
.bighero-page .header-block .inr[class] ol {
  list-style: none outside;
  margin: 25px 0;
  counter-reset: list;
}
.graduates .copy[class] ul ol, .graduates .copy[class] ul ul, .graduates .copy[class] ol ol, .graduates .copy[class] ol ul,
.officers-page .copy[class] ul ol,
.officers-page .copy[class] ul ul,
.officers-page .copy[class] ol ol,
.officers-page .copy[class] ol ul,
.bighero-page .header-block .inr[class] ul ol,
.bighero-page .header-block .inr[class] ul ul,
.bighero-page .header-block .inr[class] ol ol,
.bighero-page .header-block .inr[class] ol ul {
  margin: 10px 0;
}
.graduates .copy[class] li,
.officers-page .copy[class] li,
.bighero-page .header-block .inr[class] li {
  margin: 0 0 .6em;
  padding: 0 0 0 40px;
  font-size: 1.5em;
  line-height: 1.8em;
}
.graduates .copy[class] li li,
.officers-page .copy[class] li li,
.bighero-page .header-block .inr[class] li li {
  font-size: 1em;
}
.graduates .copy[class] li:before,
.officers-page .copy[class] li:before,
.bighero-page .header-block .inr[class] li:before {
  float: left;
  margin-left: -40px;
  counter-increment: list;
}
.graduates .copy[class].tab-content li,
.officers-page .copy[class].tab-content li,
.bighero-page .header-block .inr[class].tab-content li {
  font-size: 1.15em;
  line-height: 1.3em;
}
.graduates .copy[class] ol > li:before,
.officers-page .copy[class] ol > li:before,
.bighero-page .header-block .inr[class] ol > li:before {
  content: counter(list) ".";
}
.graduates .copy[class] ol ol > li:before,
.officers-page .copy[class] ol ol > li:before,
.bighero-page .header-block .inr[class] ol ol > li:before {
  content: counter(list,lower-roman) ".";
}
.graduates .copy[class] ol ol ol > li:before,
.officers-page .copy[class] ol ol ol > li:before,
.bighero-page .header-block .inr[class] ol ol ol > li:before {
  content: counter(list,lower-alpha) ".";
}
.graduates .copy[class] ul > li:before,
.officers-page .copy[class] ul > li:before,
.bighero-page .header-block .inr[class] ul > li:before {
  content: counter(list,disc);
}
.graduates .copy[class] ul ul > li:before,
.officers-page .copy[class] ul ul > li:before,
.bighero-page .header-block .inr[class] ul ul > li:before {
  content: counter(list,circle);
}
.graduates .copy[class] ul ul ul > li:before,
.officers-page .copy[class] ul ul ul > li:before,
.bighero-page .header-block .inr[class] ul ul ul > li:before {
  content: "-";
}

.rnForm,
.scfForm {
  margin-top: 4em;
  clear: both;
}
.rnForm .scfRadioButtonListGeneralPanel,
.scfForm .scfRadioButtonListGeneralPanel {
  margin-bottom: 40px;
}
.rnForm .scfDatePickerBorder,
.scfForm .scfDatePickerBorder {
  margin-bottom: 40px;
}
.rnForm .scfDatePickerGeneralPanel,
.scfForm .scfDatePickerGeneralPanel {
  position: relative;
}
.rnForm .scfDatePickerGeneralPanel .ui-icon-datepicker,
.scfForm .scfDatePickerGeneralPanel .ui-icon-datepicker {
  position: absolute;
  top: 14px;
  margin-left: -32px;
  left: 60%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 512px) {
  .rnForm .scfDatePickerGeneralPanel .ui-icon-datepicker,
  .scfForm .scfDatePickerGeneralPanel .ui-icon-datepicker {
    right: 15px;
    left: auto;
  }
}
.rnForm fieldset + fieldset,
.scfForm fieldset + fieldset {
  margin-top: 10em;
  position: relative;
}
.rnForm fieldset + fieldset:before,
.scfForm fieldset + fieldset:before {
  position: absolute;
  content: '';
  top: -5em;
  left: 0;
  width: 100%;
  background: #d6d6d6;
  height: 1px;
}
.rnForm fieldset fieldset,
.scfForm fieldset fieldset {
  margin-bottom: 3.2em;
}
.rnForm .fieldset-stat,
.rnForm .scfCheckBoxListLabel,
.rnForm .scfRadioButtonListLabel,
.rnForm .scfDateSelectorLabel,
.rnForm label,
.scfForm .fieldset-stat,
.scfForm .scfCheckBoxListLabel,
.scfForm .scfRadioButtonListLabel,
.scfForm .scfDateSelectorLabel,
.scfForm label {
  display: block;
  color: #343434;
  font-size: 1.6em;
  text-transform: uppercase;
  margin-bottom: 0.625em;
}
input[type=radio] + .rnForm .fieldset-stat, input[type=checkbox] + .rnForm .fieldset-stat, input[type=radio] +
.rnForm .scfCheckBoxListLabel, input[type=checkbox] +
.rnForm .scfCheckBoxListLabel, input[type=radio] +
.rnForm .scfRadioButtonListLabel, input[type=checkbox] +
.rnForm .scfRadioButtonListLabel, input[type=radio] +
.rnForm .scfDateSelectorLabel, input[type=checkbox] +
.rnForm .scfDateSelectorLabel, input[type=radio] +
.rnForm label, input[type=checkbox] +
.rnForm label, input[type=radio] +
.scfForm .fieldset-stat, input[type=checkbox] +
.scfForm .fieldset-stat, input[type=radio] +
.scfForm .scfCheckBoxListLabel, input[type=checkbox] +
.scfForm .scfCheckBoxListLabel, input[type=radio] +
.scfForm .scfRadioButtonListLabel, input[type=checkbox] +
.scfForm .scfRadioButtonListLabel, input[type=radio] +
.scfForm .scfDateSelectorLabel, input[type=checkbox] +
.scfForm .scfDateSelectorLabel, input[type=radio] +
.scfForm label, input[type=checkbox] +
.scfForm label {
  max-width: 75%;
}
.rnForm .scfRadioButtonListBorder tr td,
.scfForm .scfRadioButtonListBorder tr td {
  display: block;
  margin: 6px 0;
}
.rnForm .scfRadioButtonListBorder input + label,
.rnForm .scfRadioButtonListBorder table input + label,
.scfForm .scfRadioButtonListBorder input + label,
.scfForm .scfRadioButtonListBorder table input + label {
  max-width: 75%;
}
.rnForm .scfRadioButtonListBorder input,
.rnForm .scfRadioButtonListBorder input + label,
.scfForm .scfRadioButtonListBorder input,
.scfForm .scfRadioButtonListBorder input + label {
  vertical-align: top;
}
.rnForm .scfRadioButtonListBorder table input + label,
.scfForm .scfRadioButtonListBorder table input + label {
  vertical-align: middle;
  padding-right: 0;
  margin-bottom: 0;
}
.rnForm .scfRadioButtonListBorder label span.sml,
.scfForm .scfRadioButtonListBorder label span.sml {
  font-size: 90%;
}
.rnForm .desc,
.rnForm .scfSingleLineTextUsefulInfo,
.rnForm .scfMultipleLineTextUsefulInfo,
.rnForm [class^="scf"][class$="UsefulInfo"],
.rnForm .hint li,
.scfForm .desc,
.scfForm .scfSingleLineTextUsefulInfo,
.scfForm .scfMultipleLineTextUsefulInfo,
.scfForm [class^="scf"][class$="UsefulInfo"],
.scfForm .hint li {
  display: block;
  color: #6b6b6b;
  margin-top: -20px;
  margin-bottom: 3em;
  max-width: 60%;
  line-height: 1.5;
  font-size: 1.3em;
}
.rnForm .scfSingleLineTextUsefulInfo,
.rnForm .scfMultipleLineTextUsefulInfo,
.scfForm .scfSingleLineTextUsefulInfo,
.scfForm .scfMultipleLineTextUsefulInfo {
  color: red;
}
.rnForm .desc,
.scfForm .desc {
  padding-left: 20px;
}
.rnForm input,
.scfForm input {
  outline: none;
}
.rnForm .scfDropListBorder,
.rnForm .scfEmailBorder,
.rnForm .scfMultipleLineTextBorder,
.rnForm .scfSingleLineTextBorder,
.rnForm .scfPasswordBorder,
.rnForm .scfNumberBorder,
.rnForm .scfDatePickerBorder,
.rnForm .scfDateBorder,
.rnForm .scfRadioButtonListBorder,
.rnForm .scfListBoxBorder,
.rnForm .scfCheckBoxListBorder,
.rnForm .scfFileUploadBorder,
.rnForm .scfDateSelectorBorder,
.rnForm .scfCreditCardBorder,
.rnForm .scfConfirmPasswordBorder,
.rnForm .scfCaptchaBorder,
.rnForm .scfTelephoneBorder,
.rnForm .scfSmsTelephoneBorder,
.scfForm .scfDropListBorder,
.scfForm .scfEmailBorder,
.scfForm .scfMultipleLineTextBorder,
.scfForm .scfSingleLineTextBorder,
.scfForm .scfPasswordBorder,
.scfForm .scfNumberBorder,
.scfForm .scfDatePickerBorder,
.scfForm .scfDateBorder,
.scfForm .scfRadioButtonListBorder,
.scfForm .scfListBoxBorder,
.scfForm .scfCheckBoxListBorder,
.scfForm .scfFileUploadBorder,
.scfForm .scfDateSelectorBorder,
.scfForm .scfCreditCardBorder,
.scfForm .scfConfirmPasswordBorder,
.scfForm .scfCaptchaBorder,
.scfForm .scfTelephoneBorder,
.scfForm .scfSmsTelephoneBorder {
  *zoom: 1;
}
.rnForm .scfDropListBorder:after,
.rnForm .scfEmailBorder:after,
.rnForm .scfMultipleLineTextBorder:after,
.rnForm .scfSingleLineTextBorder:after,
.rnForm .scfPasswordBorder:after,
.rnForm .scfNumberBorder:after,
.rnForm .scfDatePickerBorder:after,
.rnForm .scfDateBorder:after,
.rnForm .scfRadioButtonListBorder:after,
.rnForm .scfListBoxBorder:after,
.rnForm .scfCheckBoxListBorder:after,
.rnForm .scfFileUploadBorder:after,
.rnForm .scfDateSelectorBorder:after,
.rnForm .scfCreditCardBorder:after,
.rnForm .scfConfirmPasswordBorder:after,
.rnForm .scfCaptchaBorder:after,
.rnForm .scfTelephoneBorder:after,
.rnForm .scfSmsTelephoneBorder:after,
.scfForm .scfDropListBorder:after,
.scfForm .scfEmailBorder:after,
.scfForm .scfMultipleLineTextBorder:after,
.scfForm .scfSingleLineTextBorder:after,
.scfForm .scfPasswordBorder:after,
.scfForm .scfNumberBorder:after,
.scfForm .scfDatePickerBorder:after,
.scfForm .scfDateBorder:after,
.scfForm .scfRadioButtonListBorder:after,
.scfForm .scfListBoxBorder:after,
.scfForm .scfCheckBoxListBorder:after,
.scfForm .scfFileUploadBorder:after,
.scfForm .scfDateSelectorBorder:after,
.scfForm .scfCreditCardBorder:after,
.scfForm .scfConfirmPasswordBorder:after,
.scfForm .scfCaptchaBorder:after,
.scfForm .scfTelephoneBorder:after,
.scfForm .scfSmsTelephoneBorder:after {
  content: "";
  display: table;
  clear: both;
}
.rnForm input[type=upload],
.rnForm .upload,
.rnForm .scfFileUpload,
.scfForm input[type=upload],
.scfForm .upload,
.scfForm .scfFileUpload {
  width: 100%;
  margin-bottom: 2em;
}
.rnForm .textinput,
.rnForm input[type=text], .rnForm input[type=password], .rnForm input[type=number], .rnForm input[type=tel], .rnForm input[type=email],
.scfForm .textinput,
.scfForm input[type=text],
.scfForm input[type=password],
.scfForm input[type=number],
.scfForm input[type=tel],
.scfForm input[type=email] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  background: #f0f0f0;
  width: 100%;
  border: none;
  margin: 0;
  font-size: 1.6em;
  line-height: 1.6875em;
  padding: 0.41667em;
  height: 45px;
}
.rnForm .textinput.dark-field,
.rnForm input[type=text].dark-field, .rnForm input[type=password].dark-field, .rnForm input[type=number].dark-field, .rnForm input[type=tel].dark-field, .rnForm input[type=email].dark-field,
.scfForm .textinput.dark-field,
.scfForm input[type=text].dark-field,
.scfForm input[type=password].dark-field,
.scfForm input[type=number].dark-field,
.scfForm input[type=tel].dark-field,
.scfForm input[type=email].dark-field {
  background: #ddd;
}
.rnForm .multiple-select,
.rnForm select[multiple],
.scfForm .multiple-select,
.scfForm select[multiple] {
  border: none;
  outline: none;
  background: #f0f0f0;
  width: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.41667em;
  font-size: 1.6em;
  line-height: 1.6875em;
}
.rnForm .multiple-select.dark-field,
.rnForm select[multiple].dark-field,
.scfForm .multiple-select.dark-field,
.scfForm select[multiple].dark-field {
  background: #ddd;
}
.rnForm .styled-select.disabled .select-label,
.scfForm .styled-select.disabled .select-label {
  color: #AAA;
}
.rnForm .styled-select .select-label,
.scfForm .styled-select .select-label {
  color: #000;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 45px;
  font-size: 1.6em;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}
.rnForm .styled-select,
.scfForm .styled-select {
  position: relative;
  width: 100%;
  height: 45px;
  overflow: hidden;
  background: #f0f0f0;
  color: #000;
}
.rnForm .styled-select:before,
.scfForm .styled-select:before {
  content: '';
  position: absolute;
  display: inline-block;
  background: url(/rnAssets/img/accordion.gif) no-repeat;
  top: 20px;
  right: 15px;
  width: 14px;
  height: 8px;
}
.rnForm .styled-select.dark-field,
.scfForm .styled-select.dark-field {
  background: #ddd;
}
.rnForm input[type=text], .rnForm input[type=password], .rnForm input[type=number], .rnForm .styled-select, .rnForm select[multiple],
.scfForm input[type=text],
.scfForm input[type=password],
.scfForm input[type=number],
.scfForm .styled-select,
.scfForm select[multiple] {
  margin-bottom: 2em;
}
.rnForm .styled-select,
.scfForm .styled-select {
  margin-bottom: 3.2em;
}
.rnForm .scfDateSelectorShortLabelDay, .rnForm .scfDateSelectorShortLabelMonth, .rnForm .scfDateSelectorShortLabelYear,
.scfForm .scfDateSelectorShortLabelDay,
.scfForm .scfDateSelectorShortLabelMonth,
.scfForm .scfDateSelectorShortLabelYear {
  display: none;
}
.rnForm .date-select input,
.rnForm .date-select .styled-select,
.rnForm .scfDateSelectorGeneralPanel .styled-select,
.scfForm .date-select input,
.scfForm .date-select .styled-select,
.scfForm .scfDateSelectorGeneralPanel .styled-select {
  width: 32%;
  margin-left: 2%;
  float: left;
}
@media only screen and (max-width: 512px) {
  .rnForm .date-select input,
  .rnForm .date-select .styled-select,
  .rnForm .scfDateSelectorGeneralPanel .styled-select,
  .scfForm .date-select input,
  .scfForm .date-select .styled-select,
  .scfForm .scfDateSelectorGeneralPanel .styled-select {
    width: 100%;
    margin: 10px 0;
    float: none;
  }
}
.rnForm .date-select input:first-of-type,
.rnForm .date-select .styled-select:first-of-type,
.rnForm .scfDateSelectorShortLabelDay,
.rnForm .scfDateSelectorGeneralPanel .styled-select:first-of-type,
.scfForm .date-select input:first-of-type,
.scfForm .date-select .styled-select:first-of-type,
.scfForm .scfDateSelectorShortLabelDay,
.scfForm .scfDateSelectorGeneralPanel .styled-select:first-of-type {
  clear: left;
  margin-left: 0;
}
.rnForm .scfSingleLineTextUsefulInfo,
.scfForm .scfSingleLineTextUsefulInfo {
  clear: both;
}
.rnForm fieldset,
.scfForm fieldset {
  width: 100%;
  position: relative;
}
.rnForm .error,
.rnForm .scfValidator,
.scfForm .error,
.scfForm .scfValidator {
  display: block;
  padding: 2em;
  background: rgba(255, 0, 0, 0.3);
  margin-bottom: 3em;
  margin-top: -2em;
  line-height: 1.5;
  font-size: 1.3em;
}
.rnForm .error[style*="inline"],
.rnForm .scfValidator[style*="inline"],
.scfForm .error[style*="inline"],
.scfForm .scfValidator[style*="inline"] {
  display: block !important;
}
.rnForm .scfValidationSummary,
.scfForm .scfValidationSummary {
  display: block;
  padding: 2em;
  background: rgba(255, 0, 0, 0.3);
  margin-bottom: 3em;
  margin-top: -2em;
  line-height: 1.5;
  font-size: 1.3em;
  color: #c00;
}
.rnForm .scfValidationSummary li,
.scfForm .scfValidationSummary li {
  list-style: disc;
  margin-left: 2em;
}
.rnForm .scfValidationSummary p,
.scfForm .scfValidationSummary p {
  font-size: 1em;
}
.rnForm .scfCheckbox label,
.rnForm .scfCheckBoxList label,
.rnForm .scfRadioButtonListBorder label,
.scfForm .scfCheckbox label,
.scfForm .scfCheckBoxList label,
.scfForm .scfRadioButtonListBorder label {
  display: inline-block;
  text-transform: none;
  padding-right: 30px;
  padding-left: 10px;
}
.rnForm .required,
.rnForm .scfRequired,
.scfForm .required,
.scfForm .scfRequired {
  color: red;
}
.rnForm textarea,
.scfForm textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  resize: vertical;
  background: #f0f0f0;
  width: 100%;
  border: none;
  margin: 0;
  font-size: 1.6em;
  line-height: 1.6875em;
  padding: 0.41667em;
  min-height: 180px;
  margin-bottom: 2em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
}
.rnForm textarea.dark-field,
.scfForm textarea.dark-field {
  background: #ddd;
}
.rnForm legend,
.rnForm .scfSectionLegend,
.scfForm legend,
.scfForm .scfSectionLegend {
  font-size: 1.8em;
  text-transform: uppercase;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  margin-bottom: 1.11111em;
  float: left;
  width: 100%;
  clear: both;
}
.rnForm .scfCheckbox,
.rnForm .scfRadioButtonListBorder,
.rnForm .scfCheckBoxListBorder,
.scfForm .scfCheckbox,
.scfForm .scfRadioButtonListBorder,
.scfForm .scfCheckBoxListBorder {
  display: block;
  margin-bottom: 2em;
}
.rnForm input[type=submit],
.scfForm input[type=submit] {
  outline: none;
  cursor: pointer;
  margin: 0;
  margin-right: 20px;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 1.2em;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #001731;
  color: white;
  padding: 0.4em 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #001731;
}
.rnForm input[type=submit]:hover,
.scfForm input[type=submit]:hover {
  background: #3173b5;
  border-color: #3173b5;
  color: white;
  text-decoration: none;
}
.rnForm input[type=submit]:hover span:after,
.scfForm input[type=submit]:hover span:after {
  background-position: -5px -30px;
}
.rnForm input[type=submit]:hover.btn-large span:after,
.scfForm input[type=submit]:hover.btn-large span:after {
  background-position: -21px -29px;
}
.rnForm input[type=submit].btn-huge,
.scfForm input[type=submit].btn-huge {
  font-size: 1.7em;
  padding-top: 15px;
  padding-bottom: 15px;
}
.rnForm input[type=submit].btn-huge.download,
.scfForm input[type=submit].btn-huge.download {
  padding: 10px 15px;
  min-width: 220px;
}
.rnForm input[type=submit].btn-huge.download + .download,
.scfForm input[type=submit].btn-huge.download + .download {
  margin-top: 10px;
}
.rnForm input[type=submit].btn-red,
.scfForm input[type=submit].btn-red {
  background: #c20031;
  color: white;
  border: none;
}
.rnForm input[type=submit].btn-red:hover,
.scfForm input[type=submit].btn-red:hover {
  background: #272727;
}
.rnForm input[type=submit] .submit-success,
.scfForm input[type=submit] .submit-success {
  background: #272727;
}
.rnForm .submit-success .rnForm input[type=submit],
.scfForm .submit-success .rnForm input[type=submit] {
  background: #272727;
}
.rnForm .date-select,
.scfForm .date-select {
  *zoom: 1;
}
.rnForm .date-select:after,
.scfForm .date-select:after {
  content: "";
  display: table;
  clear: both;
}
.rnForm .form-field,
.scfForm .form-field {
  *zoom: 1;
  clear: both;
}
.rnForm .form-field:after,
.scfForm .form-field:after {
  content: "";
  display: table;
  clear: both;
}
.rnForm .form-field .left,
.scfForm .form-field .left {
  float: left;
  width: 41%;
  margin-right: 6.6%;
  min-height: 1px;
}
.rnForm .form-field .left label,
.scfForm .form-field .left label {
  padding-top: 0.7em;
}
.rnForm .form-field .right,
.scfForm .form-field .right {
  float: left;
  width: 52%;
}
.rnForm .form-field .right .styled-select,
.rnForm .form-field .right input[type="text"], .rnForm .form-field .right input[type="tel"], .rnForm .form-field .right input[type="email"],
.scfForm .form-field .right .styled-select,
.scfForm .form-field .right input[type="text"],
.scfForm .form-field .right input[type="tel"],
.scfForm .form-field .right input[type="email"] {
  max-width: 90%;
  display: inline-block;
}
.rnForm .form-field.chk-single,
.scfForm .form-field.chk-single {
  position: relative;
  padding-left: 25px;
}
.rnForm .form-field.chk-single input,
.scfForm .form-field.chk-single input {
  position: absolute;
  left: 0;
  top: 0;
}
.rnForm .form-field.chk-single label,
.scfForm .form-field.chk-single label {
  text-transform: none;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
}
.rnForm .form-field-short,
.scfForm .form-field-short {
  width: 75%;
}
.rnForm.sideBySide .form-field,
.scfForm.sideBySide .form-field {
  margin-bottom: 3.2em;
}
.rnForm.sideBySide .form-field:last-child,
.scfForm.sideBySide .form-field:last-child {
  margin-bottom: 0;
}
.rnForm.sideBySide .form-field label,
.scfForm.sideBySide .form-field label {
  line-height: 1.2;
  vertical-align: initial;
}
.rnForm.sideBySide .form-field input,
.rnForm.sideBySide .form-field .styled-select,
.scfForm.sideBySide .form-field input,
.scfForm.sideBySide .form-field .styled-select {
  margin-bottom: 0;
}
.rnForm.sideBySide .form-field .scfRadioButtonListBorder,
.scfForm.sideBySide .form-field .scfRadioButtonListBorder {
  padding-top: 0.7em;
}
.rnForm.sideBySide .scfSubmitButtonBorder,
.scfForm.sideBySide .scfSubmitButtonBorder {
  padding-top: 30px;
  text-align: center;
}
.rnForm.sideBySide .date-error,
.scfForm.sideBySide .date-error {
  margin-top: 0.5em;
  clear: both;
}
.rnForm.sideBySide [data-hide-uk],
.rnForm.sideBySide [data-show-uk],
.scfForm.sideBySide [data-hide-uk],
.scfForm.sideBySide [data-show-uk] {
  margin-bottom: 3.2em;
}
.rnForm .tooltip,
.scfForm .tooltip {
  height: 20px;
  width: 20px;
  text-indent: -999em;
  overflow: hidden;
  background: url(/rnAssets/img/info-dark.png) 0 0 no-repeat;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 3px;
  cursor: help;
}
.rnForm .styled-select + .tooltip,
.rnForm input[type="text"] + .tooltip,
.scfForm .styled-select + .tooltip,
.scfForm input[type="text"] + .tooltip {
  top: -7px;
}

select {
  margin: 0;
}

.js .styled-select select {
  width: 100% !important;
  height: 46px;
  opacity: 0;
  position: relative;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.styled-select .select-label {
  color: #848484;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 45px;
  font-size: 1.6em;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}

.styled-select {
  position: relative;
  height: 45px;
  overflow: hidden;
  background: white;
  color: #848484;
}
.styled-select:before {
  content: '';
  position: absolute;
  display: inline-block;
  background: url(/rnAssets/img/accordion.gif) no-repeat;
  top: 20px;
  right: 15px;
  width: 14px;
  height: 8px;
}

@media only screen and (min-width: 880px) {
  .rnForm input[type=text],
  .rnForm input[type=password],
  .rnForm input[type=number],
  .rnForm input[type=email],
  .rnForm .styled-select,
  .rnForm input[type=upload],
  .rnForm select[multiple], .scfForm input[type=text],
  .scfForm input[type=password],
  .scfForm input[type=number],
  .scfForm input[type=email],
  .scfForm .styled-select,
  .scfForm input[type=upload],
  .scfForm select[multiple] {
    max-width: 60%;
  }
}
@media only screen and (max-width: 511px) {
  .scfForm .scfRadioButtonListBorder span,
  .rnForm .scfRadioButtonListBorder span {
    *zoom: 1;
  }
  .scfForm .scfRadioButtonListBorder span:after,
  .rnForm .scfRadioButtonListBorder span:after {
    content: "";
    display: table;
    clear: both;
  }
  .scfForm .scfRadioButtonListBorder span input[type=checkbox],
  .scfForm .scfRadioButtonListBorder span input[type=radio],
  .scfForm .scfRadioButtonListBorder span input + label,
  .rnForm .scfRadioButtonListBorder span input[type=checkbox],
  .rnForm .scfRadioButtonListBorder span input[type=radio],
  .rnForm .scfRadioButtonListBorder span input + label {
    float: left;
    clear: left;
  }
  .scfForm .scfRadioButtonListBorder span input + label,
  .rnForm .scfRadioButtonListBorder span input + label {
    clear: right;
  }
  .scfForm .scfRadioButtonListBorder table td,
  .rnForm .scfRadioButtonListBorder table td {
    display: block;
    *zoom: 1;
  }
  .scfForm .scfRadioButtonListBorder table td:after,
  .rnForm .scfRadioButtonListBorder table td:after {
    content: "";
    display: table;
    clear: both;
  }

  .scfForm tr, .scfForm td {
    display: block;
  }
  .scfForm tr label, .scfForm td label {
    padding-right: 0;
  }
}
@media only screen and (max-width: 980px) {
  .scfForm .form-field .left,
  .scfForm .form-field .right, .rnForm .form-field .left,
  .rnForm .form-field .right {
    float: none;
    width: auto;
  }
}
#eoiForm .under-13-message {
  display: none;
}

.submit-success #eoiForm input[type=submit] {
  background-color: #848484;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}
.ps-container > .ps-scrollbar-y-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ps-container:hover > .ps-scrollbar-x-rail.in-scrolling,
.ps-container:hover > .ps-scrollbar-y-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

.pageopts {
  display: block;
  position: fixed;
  left: 0;
  top: 33.3333%;
  z-index: 50;
  color: #001731;
}
@media screen and (max-width: 512px) {
  .pageopts {
    top: auto;
    bottom: 25%;
  }
}
.pageopts__toggle-menu-item {
  margin-bottom: -1px;
  max-width: 45px;
  overflow: hidden;
}
.pageopts__toggle-menu-item:first-child:last-child {
  margin-bottom: 45px;
}
.pageopts__toggle {
  position: relative;
  background: white;
  border-right: none;
  width: 45px;
  height: 45px;
  font-size: 1.6em;
  line-height: 1.42857em;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  display: block;
  border: 1px solid #e3e3e3;
  animation: optsIn 0.65s 0.5s both cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pageopts__toggle:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(/rnAssets/img/close-x-blue.svg);
  background-position: center;
  background-size: contain;
  width: 15px;
  height: 15px;
  transform: translateX(-50%) translateY(-50%);
}
.pageopts__toggle--jumplinks:after {
  visibility: hidden;
}
.pageopts__toggle--jumplinks span,
.pageopts__toggle--jumplinks span:before,
.pageopts__toggle--jumplinks span:after {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #001731;
  border-radius: 100%;
}
.pageopts__toggle--jumplinks span {
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
}
.pageopts__toggle--jumplinks span:before,
.pageopts__toggle--jumplinks span:after {
  content: '';
  transform-origin: center;
}
.pageopts__toggle--jumplinks span:before {
  left: -8px;
  top: 0;
}
.pageopts__toggle--jumplinks span:after {
  right: -8px;
  top: 0;
}
.pageopts__toggle--favourite:after {
  height: 20px;
  width: 20px;
  background-image: url(/rnAssets/img/favourite-star-blue.svg);
}
.pageopts__toggle--contact:after {
  height: 28px;
  width: 28px;
  background-image: url(/rnAssets/img/contact-blue.svg);
}
.pageopts__toggle--findoutmore:after {
  height: 28px;
  width: 28px;
  background-image: url(/rnAssets/img/mail-blue.svg);
  background-size: 90%;
}
.pageopts__toggle--share:after {
  height: 45px;
  width: 45px;
  background-image: url(/rnAssets/img/share.svg);
}
.pageopts__menu {
  position: absolute;
  background: white;
  border: 1px solid #e3e3e3;
  width: 210px;
  top: 0;
  font-size: 13.216px;
  padding: 0 0 5px;
  left: -9999px;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transform: scale(1.05);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: auto;
}
.pageopts__top {
  padding: 15px 10px;
}
.pageopts__title {
  font-size: 15.14px;
  font-size: 1.514rem;
  font-weight: 600;
}
.pageopts__item {
  padding: 0 10px;
  display: block;
  position: relative;
  -webkit-transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.pageopts__link {
  padding: 15px 0;
  display: block;
  border-bottom: 1px solid #e3e3e3;
  text-decoration: none;
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
  -webkit-transition: opacity 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pageopts__link--icon {
  padding-left: 35px;
}
.pageopts__link--icon .icon {
  position: absolute;
  left: 0;
  top: 8px;
  width: 25px;
  height: 25px;
}
.pageopts__link--icon .icon--facebook {
  background-image: url("/rnAssets/img/social-fb.svg");
}
.pageopts__link--icon .icon--twitter {
  background-image: url("/rnAssets/img/social-tw.svg");
}
.pageopts__link--icon .icon--linkedin {
  background-image: url("/rnAssets/img/social-li.svg");
}
.pageopts__link--icon .icon--mail-light-blue {
  background-image: url("/rnAssets/img/mail-light-blue.svg");
  background-size: 100%;
}
.pageopts__link--icon .icon--chat-light-blue {
  background-image: url("/rnAssets/img/chat-light-blue.svg");
  background-size: 100%;
}
.pageopts__link--icon .icon--phone-light-blue {
  background-image: url("/rnAssets/img/contact-light-blue.svg");
  background-size: 100%;
}
.pageopts__item:last-child .pageopts__link {
  border-bottom: 0;
}
.pageopts__copy {
  padding: 15px 0;
}
.pageopts__input[class] {
  background: #f0f0f0;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  font-size: 1.3216rem;
  font-weight: 600;
  color: #3173b5;
  margin-top: 7px;
  border: none;
}
.pageopts .is-active.pageopts__toggle--favourite:after {
  background-image: url(/rnAssets/img/favourite-star-light-blue.svg);
}
.pageopts .is-open .pageopts__menu {
  left: 44px;
  visibility: visible;
  opacity: 1;
  transform: none;
  max-height: 50vh;
}
@media screen and (max-width: 512px) {
  .pageopts .is-open .pageopts__menu {
    max-height: 38vh;
  }
}
.pageopts .is-open .pageopts__toggle--jumplinks span,
.pageopts .is-open .pageopts__toggle--jumplinks span:before,
.pageopts .is-open .pageopts__toggle--jumplinks span:after {
  background-color: #3173b5;
}
.pageopts .is-open .pageopts__toggle--favourite:after {
  background-image: url(/rnAssets/img/favourite-star-light-blue.svg);
}
.pageopts .is-open .pageopts__toggle--contact:after {
  background-image: url(/rnAssets/img/contact-light-blue.svg);
}
.pageopts .is-open .pageopts__toggle--share:after {
  background-image: url(/rnAssets/img/share-light-blue.svg);
}
.pageopts .is-open .pageopts__item {
  transform: none;
}
.pageopts .is-open .pageopts__link {
  opacity: 1;
  transform: none;
}

.pageopts__toggle-menu-item:nth-child(1) .pageopts__toggle {
  animation-delay: 350ms;
}

.pageopts__toggle-menu-item:nth-child(2) .pageopts__toggle {
  animation-delay: 450ms;
}

.pageopts__toggle-menu-item:nth-child(3) .pageopts__toggle {
  animation-delay: 550ms;
}

.pageopts__toggle-menu-item:nth-child(4) .pageopts__toggle {
  animation-delay: 650ms;
}

.pageopts__toggle-menu-item:nth-child(5) .pageopts__toggle {
  animation-delay: 750ms;
}

.pageopts__toggle-menu-item:nth-child(6) .pageopts__toggle {
  animation-delay: 850ms;
}

.pageopts__toggle-menu-item:nth-child(7) .pageopts__toggle {
  animation-delay: 950ms;
}

.pageopts__toggle-menu-item:nth-child(8) .pageopts__toggle {
  animation-delay: 1050ms;
}

.pageopts__toggle-menu-item:nth-child(9) .pageopts__toggle {
  animation-delay: 1150ms;
}

.pageopts__toggle-menu-item:nth-child(10) .pageopts__toggle {
  animation-delay: 1250ms;
}

.pageopts__toggle-menu-item:nth-child(11) .pageopts__toggle {
  animation-delay: 1350ms;
}

.pageopts__toggle-menu-item:nth-child(12) .pageopts__toggle {
  animation-delay: 1450ms;
}

.pageopts__toggle-menu-item:nth-child(13) .pageopts__toggle {
  animation-delay: 1550ms;
}

.pageopts__toggle-menu-item:nth-child(14) .pageopts__toggle {
  animation-delay: 1650ms;
}

.pageopts__toggle-menu-item:nth-child(15) .pageopts__toggle {
  animation-delay: 1750ms;
}

.pageopts__toggle-menu-item:nth-child(16) .pageopts__toggle {
  animation-delay: 1850ms;
}

.pageopts__toggle-menu-item:nth-child(17) .pageopts__toggle {
  animation-delay: 1950ms;
}

.pageopts__toggle-menu-item:nth-child(18) .pageopts__toggle {
  animation-delay: 2050ms;
}

.pageopts__toggle-menu-item:nth-child(19) .pageopts__toggle {
  animation-delay: 2150ms;
}

.pageopts__toggle-menu-item:nth-child(20) .pageopts__toggle {
  animation-delay: 2250ms;
}

.is-open .pageopts__item:nth-child(1) {
  transition-delay: 400ms;
}
.is-open .pageopts__item:nth-child(1) .pageopts__link {
  transition-delay: 500ms;
}

.is-open .pageopts__item:nth-child(2) {
  transition-delay: 450ms;
}
.is-open .pageopts__item:nth-child(2) .pageopts__link {
  transition-delay: 550ms;
}

.is-open .pageopts__item:nth-child(3) {
  transition-delay: 500ms;
}
.is-open .pageopts__item:nth-child(3) .pageopts__link {
  transition-delay: 600ms;
}

.is-open .pageopts__item:nth-child(4) {
  transition-delay: 550ms;
}
.is-open .pageopts__item:nth-child(4) .pageopts__link {
  transition-delay: 650ms;
}

.is-open .pageopts__item:nth-child(5) {
  transition-delay: 600ms;
}
.is-open .pageopts__item:nth-child(5) .pageopts__link {
  transition-delay: 700ms;
}

.is-open .pageopts__item:nth-child(6) {
  transition-delay: 650ms;
}
.is-open .pageopts__item:nth-child(6) .pageopts__link {
  transition-delay: 750ms;
}

.is-open .pageopts__item:nth-child(7) {
  transition-delay: 700ms;
}
.is-open .pageopts__item:nth-child(7) .pageopts__link {
  transition-delay: 800ms;
}

.is-open .pageopts__item:nth-child(8) {
  transition-delay: 750ms;
}
.is-open .pageopts__item:nth-child(8) .pageopts__link {
  transition-delay: 850ms;
}

.is-open .pageopts__item:nth-child(9) {
  transition-delay: 800ms;
}
.is-open .pageopts__item:nth-child(9) .pageopts__link {
  transition-delay: 900ms;
}

.is-open .pageopts__item:nth-child(10) {
  transition-delay: 850ms;
}
.is-open .pageopts__item:nth-child(10) .pageopts__link {
  transition-delay: 950ms;
}

.is-open .pageopts__item:nth-child(11) {
  transition-delay: 900ms;
}
.is-open .pageopts__item:nth-child(11) .pageopts__link {
  transition-delay: 1000ms;
}

.is-open .pageopts__item:nth-child(12) {
  transition-delay: 950ms;
}
.is-open .pageopts__item:nth-child(12) .pageopts__link {
  transition-delay: 1050ms;
}

.is-open .pageopts__item:nth-child(13) {
  transition-delay: 1000ms;
}
.is-open .pageopts__item:nth-child(13) .pageopts__link {
  transition-delay: 1100ms;
}

.is-open .pageopts__item:nth-child(14) {
  transition-delay: 1050ms;
}
.is-open .pageopts__item:nth-child(14) .pageopts__link {
  transition-delay: 1150ms;
}

.is-open .pageopts__item:nth-child(15) {
  transition-delay: 1100ms;
}
.is-open .pageopts__item:nth-child(15) .pageopts__link {
  transition-delay: 1200ms;
}

.is-open .pageopts__item:nth-child(16) {
  transition-delay: 1150ms;
}
.is-open .pageopts__item:nth-child(16) .pageopts__link {
  transition-delay: 1250ms;
}

.is-open .pageopts__item:nth-child(17) {
  transition-delay: 1200ms;
}
.is-open .pageopts__item:nth-child(17) .pageopts__link {
  transition-delay: 1300ms;
}

.is-open .pageopts__item:nth-child(18) {
  transition-delay: 1250ms;
}
.is-open .pageopts__item:nth-child(18) .pageopts__link {
  transition-delay: 1350ms;
}

.is-open .pageopts__item:nth-child(19) {
  transition-delay: 1300ms;
}
.is-open .pageopts__item:nth-child(19) .pageopts__link {
  transition-delay: 1400ms;
}

.is-open .pageopts__item:nth-child(20) {
  transition-delay: 1350ms;
}
.is-open .pageopts__item:nth-child(20) .pageopts__link {
  transition-delay: 1450ms;
}

@keyframes optsIn {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: none;
  }
}
/* =================================================

	LARGE COPY BLOCKS
	- Photo background
	- Circle background

==================================================== */
/* =================================================

	MOBILE & BASE STYLES

==================================================== */
body:after {
  content: 'mobile';
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#Accesslinks {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.fullwidth-btn-block,
.small-block.small-wide,
.spacer_1x1,
.small-block,
.js .fold-out,
.related-units .related-heading,
#why-navy .related-heading,
.copy-block,
.news-block .col-a,
.news-block .col-b {
  width: 100%;
}

.spacer_1x1,
.small-block,
.js .fold-out,
.related-units .related-heading,
#why-navy .related-heading {
  float: left;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
}
.flow-right .spacer_1x1, .flow-right
.small-block, .flow-right
.js .fold-out, .flow-right
.related-units .related-heading, .flow-right
#why-navy .related-heading {
  float: left;
}

section {
  z-index: 1;
  *zoom: 1;
}
section:after {
  content: "";
  display: table;
  clear: both;
}

.cfx {
  *zoom: 1;
}
.cfx:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper {
  *zoom: 1;
  width: 100%;
  margin: 0 auto;
}
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.logo {
  border: 3px solid white;
  height: 109px;
  width: 90px;
  text-indent: -999px;
  overflow: hidden;
  background: white url(/rnAssets/img/logo.png) 0 no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  top: 0;
  left: auto;
  z-index: 2;
}

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

section {
  background: #000 no-repeat;
}

.small-block .prx,
.prx {
  background-color: #000;
  background-size: 155% auto;
  background-position: center 0;
}

.prx-dummy {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center top;
  background-color: #001731;
  z-index: -1;
}

.blurBg {
  background-color: rgba(255, 255, 255, 0.5);
  zoom: 1;
}
#ie7 .blurBg, #ie8 .blurBg {
  background: transparent;
  background: url(/rnAssets/img/ie8blur.png);
  zoom: 1;
}

.chevron {
  .background-image: url(/rnAssets/img/chevron-tr.png);
  background-image: -moz-linear-gradient(top right, #343434 50%, #272727 50%);
  background-image: -webkit-linear-gradient(top right, #343434 50%, #272727 50%);
  background-image: linear-gradient(to bottom left, #343434 50%, #272727 50%);
}
.chevron.flip {
  background-image: url(/rnAssets/img/chevron-tl.png);
  background-image: -moz-linear-gradient(top left, #343434 50%, #272727 50%);
  background-image: -webkit-linear-gradient(top left, #343434 50%, #272727 50%);
  background-image: linear-gradient(to bottom right, #343434 50%, #272727 50%);
}

.blue-chevron {
  background-image: url("/rnAssets/img/blue-chevron-tr.gif");
  background-image: -moz-linear-gradient(top right, #001731 50%, #0f253d 50%);
  background-image: -webkit-linear-gradient(top right, #001731 50%, #0f253d 50%);
  background-image: linear-gradient(to bottom left, #001731 50%, #0f253d 50%);
}
.blue-chevron.flip {
  background-image: url("/rnAssets/img/blue-chevron-tl.gif");
  background-image: -moz-linear-gradient(top left, #001731 50%, #0f253d 50%);
  background-image: -webkit-linear-gradient(top left, #001731 50%, #0f253d 50%);
  background-image: linear-gradient(to bottom right, #001731 50%, #0f253d 50%);
}

.light-blue-chevron {
  background-image: -moz-linear-gradient(top right, #3494ce 50%, #2f87bd 50%);
  background-image: -webkit-linear-gradient(top right, #3494ce 50%, #2f87bd 50%);
  background-image: linear-gradient(to bottom left, #3494ce 50%, #2f87bd 50%);
}
.light-blue-chevron.flip {
  background-image: -moz-linear-gradient(top left, #2f87bd 50%, #3494ce 50%);
  background-image: -webkit-linear-gradient(top left, #2f87bd 50%, #3494ce 50%);
  background-image: linear-gradient(to bottom right, #2f87bd 50%, #3494ce 50%);
}

.green-chevron {
  background-image: url("/rnAssets/img/blue-chevron-tr.gif");
  background-image: -moz-linear-gradient(top right, #246834 50%, #317140 50%);
  background-image: -webkit-linear-gradient(top right, #246834 50%, #317140 50%);
  background-image: linear-gradient(to bottom left, #246834 50%, #317140 50%);
}
.green-chevron.flip {
  background-image: url("/rnAssets/img/blue-chevron-tl.gif");
  background-image: -moz-linear-gradient(top left, #246834 50%, #317140 50%);
  background-image: -webkit-linear-gradient(top left, #246834 50%, #317140 50%);
  background-image: linear-gradient(to bottom right, #246834 50%, #317140 50%);
}

.red-chevron {
  background-image: url("/rnAssets/img/red-chevron-tr.gif");
  background-image: -moz-linear-gradient(top right, #c20031 50%, #910025 50%);
  background-image: -webkit-linear-gradient(top right, #c20031 50%, #910025 50%);
  background-image: linear-gradient(to bottom left, #c20031 50%, #910025 50%);
}
.red-chevron.flip {
  background-image: url("/rnAssets/img/red-chevron-tl.gif");
  background-image: -moz-linear-gradient(top left, #c20031 50%, #910025 50%);
  background-image: -webkit-linear-gradient(top left, #c20031 50%, #910025 50%);
  background-image: linear-gradient(to bottom right, #c20031 50%, #910025 50%);
}

.quotechevron {
  background-image: -moz-linear-gradient(top left, #ffffff 50%, #f0f0f0 50%);
  background-image: -webkit-linear-gradient(top left, #ffffff 50%, #f0f0f0 50%);
  background-image: linear-gradient(to bottom right, #ffffff 50%, #f0f0f0 50%);
}

#topbar {
  height: 72px;
  position: absolute;
  width: 100%;
  background-position: center top;
  z-index: 200;
}
#topbar .wrapper {
  position: static;
}

/* =================================================

	SECTION MODIFIERS

==================================================== */
.bleed-darkblue {
  background-color: #001731;
}

.bleed-blue {
  background-color: #0f253d;
}

.bleed-darkgrey {
  background-color: #272727;
}

.bleed-grey {
  background-color: #343434;
}

.bleed-lightgrey {
  background-color: #f0f0f0;
}

.bleed-white {
  background-color: white;
}

.bleed-transparent,
.bleed-transparent.header-block.darkBG {
  background-color: transparent;
}

.bleed-waves {
  background: black url("/rnAssets/img/darkwaves.jpg") repeat-x top center;
}

#masthead .wrapper {
  padding-top: 170px;
}
.home-page #masthead .wrapper, .theme-page #masthead .wrapper, .feature-page #masthead .wrapper, .category-page #masthead .wrapper, .t4-page #masthead .wrapper, .officers-page #masthead .wrapper {
  padding-top: 112.633334%;
}

.error-page #masthead {
  background-position: top center;
}

.error-page .header-block {
  margin-bottom: 170px;
}

/* =================================================

	BREADCRUMBS

==================================================== */
@media only screen and (max-width: 512px) {
  .breadcrumbs {
    margin-top: 72px;
  }
  .breadcrumbs .path {
    display: none;
    width: 100%;
    margin-top: 1px;
    background: rgba(0, 23, 49, 0.85);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
    color: #fff;
    float: left;
    text-transform: none;
    font-size: 1.2em;
    line-height: 35px;
  }
  .breadcrumbs .path span, .breadcrumbs .path a {
    color: white;
    margin-left: 20px;
    color: #fff;
    text-transform: none;
    font-size: 1em;
  }
  .breadcrumbs .path span {
    -webkit-font-smoothing: antialiased;
    position: relative;
    display: block;
  }
  .breadcrumbs .path span:after {
    content: '';
    position: absolute;
    right: 19px;
    top: 12px;
    display: block;
    background: url(/rnAssets/img/breadcrumb.gif) center -67px no-repeat;
    height: 11px;
    width: 11px;
  }
  .breadcrumbs .path span.sep {
    display: none;
  }
  .breadcrumbs .path a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    display: block;
    font-size: 1.16em;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding-right: 40px;
  }
  .breadcrumbs .path a:after {
    content: '';
    position: absolute;
    right: 19px;
    top: 8px;
    display: block;
    background: url(/rnAssets/img/breadcrumb.gif) center -67px no-repeat;
    height: 18px;
    width: 11px;
  }
  .breadcrumbs .path a:hover {
    text-decoration: underline;
  }

  .breadcrumbs .section-nav {
    width: 100%;
  }
  .breadcrumbs .section-nav .launcher {
    margin-right: 51px;
    line-height: 50px;
  }
  .breadcrumbs .section-nav .launcher:after {
    right: 66px;
    top: 20px;
  }
}
.crumb-trigger {
  background: #001731 url(/rnAssets/img/breadcrumb.gif) no-repeat center top;
  background-color: rgba(0, 23, 49, 0.85);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
  position: absolute;
  top: 72px;
  right: 0;
  margin-left: 1px;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-indent: -9999px;
  z-index: 10;
}
.crumb-trigger.active {
  background-position: center bottom;
}

/* =================================================

	SECTION NAV / UNITS FOLLOWED

==================================================== */
.units-followed,
.section-nav {
  float: left;
  font-size: 1.2em;
  line-height: 35px;
  position: relative;
}
.units-followed h3,
.section-nav h3 {
  margin-bottom: 0;
}
.units-followed a.launcher,
.section-nav a.launcher {
  background: rgba(0, 23, 49, 0.85);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
  display: block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 40px 0 20px;
}
.units-followed a.launcher:after,
.section-nav a.launcher:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 12px;
  display: block;
  background: url(/rnAssets/img/mini-arrows.png) 0 -22px no-repeat;
  height: 11px;
  width: 11px;
}
.units-followed a.launcher:hover,
.section-nav a.launcher:hover {
  text-decoration: underline;
}
.units-followed a.launcher.active:after,
.section-nav a.launcher.active:after {
  background-position: 0 0;
}
.no-js .units-followed:hover .dropdown, .no-js
.section-nav:hover .dropdown {
  display: block;
  margin: 0;
}
.units-followed .dropdown,
.section-nav .dropdown {
  position: absolute;
  margin-top: 1px;
  min-width: 100%;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 23, 49, 0.85);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
  padding-left: 20px;
}
.units-followed .dropdown h3,
.section-nav .dropdown h3 {
  color: #fff;
  text-transform: none;
  font-size: 1em;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
}
.units-followed .dropdown a,
.section-nav .dropdown a {
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 35px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  font-size: 1em;
  text-decoration: none;
  line-height: 1.6;
  position: relative;
  padding: 8px 30px 8px 0;
}
.units-followed .dropdown a:after,
.section-nav .dropdown a:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 12px;
  display: block;
  background: url(/rnAssets/img/mini-arrows.png) 0 -11px no-repeat;
  height: 11px;
  width: 11px;
}
.units-followed .dropdown a:hover,
.section-nav .dropdown a:hover {
  text-decoration: underline;
}

.follow-empty {
  display: none;
}

.logout {
  display: block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  width: 76px;
  background: #001731;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 102px;
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (max-width: 980px) {
  .units-followed {
    position: static;
    margin-top: 72px;
  }
  .units-followed.empty {
    top: -50px;
  }
  .units-followed .unit-count {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 8px;
    top: 5px;
    color: #001731;
    background: white;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 5px 0;
    text-align: center;
    line-height: 1;
  }
  .units-followed a.launcher {
    position: absolute;
    top: 0;
    right: 102px;
    width: 50px;
    height: 50px;
    background: #001731 url(/rnAssets/img/mobile-follow.png) no-repeat center;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
  }
  .units-followed a.launcher:after {
    display: none;
  }
  .units-followed .launcher.loading {
    background: url(/rnAssets/img/spinner.gif) center center no-repeat;
  }
  .units-followed li {
    position: relative;
    border-top: 1px solid #ccc;
    padding-left: 20px;
  }
  .units-followed li:first-child {
    border-top: none;
  }
  .units-followed .dropdown {
    position: absolute;
    margin-top: 0;
    min-width: 100%;
    display: none;
    padding-left: 0;
    z-index: 1000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f1f1f1;
  }
  .units-followed .dropdown h3 {
    color: #001731;
    text-transform: none;
    font-size: 1em;
  }
  .units-followed .dropdown a {
    color: #001731;
    display: block;
    font-size: 1.33333em;
    text-decoration: none;
    position: relative;
    padding-right: 30px;
    line-height: 57px;
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  }
  .units-followed .dropdown a:after {
    content: none;
    display: none;
  }
  .units-followed .dropdown a:hover {
    text-decoration: none;
  }
  .units-followed .dropdown a.remove {
    background: url(/rnAssets/img/dark-close.png) no-repeat center;
    display: block;
    border: none;
    width: 57px;
    height: 57px;
    position: absolute;
    top: 0;
    right: 4px;
    padding: 0;
    text-indent: -999px;
  }
}
/* =================================================

	LARGE COPY BLOCKS
	- Photo background
	- Circle background

==================================================== */
.copy-block {
  position: relative;
  background-position: 50%;
  background-size: cover;
  text-align: center;
  clear: both;
}
.copy-block.lightBG {
  background-color: white;
}
.copy-block .copy p {
  font-size: 1.3em;
  line-height: 1.92308em;
  margin-bottom: 25px;
}
.copy-block .copy blockquote p {
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1.76471em;
  margin-bottom: 0px;
}
.copy-block .copy p.initial {
  font-size: 1.6em;
  line-height: 1.875em;
  font-weight: bold;
  margin-bottom: 25px;
}
.copy-block .inr {
  position: relative;
  padding: 3em 3em;
}
.copy-block .copy-ctas {
  padding-top: 1.5em;
  text-align: center;
}
.copy-block .copy-ctas .btn {
  margin-top: .5em;
}
.copy-block .copy-ctas.stacked-buttons .btn {
  clear: both;
  margin: 0.5em auto;
  display: block;
  max-width: 80%;
}
.copy-block .copy-ctas.stacked-buttons .btn:last-child {
  margin-bottom: 0;
}
.copy-block .copy-ctas.styled-select {
  padding: 0 0 0 0;
  margin-bottom: 5em;
}
.copy-block .select {
  color: white;
  background: #001731;
  max-width: 80%;
  margin: 0 auto;
}
.copy-block .select.blue {
  color: white;
  background: #001731;
}
.copy-block .select.blue .select-label {
  color: white;
}
.copy-block .select.white {
  background: white;
  color: #001731;
  border: 1px solid #001731;
}
.copy-block .select.white .select-label {
  color: #001731;
}
.copy-block .select.white option {
  background-color: white;
  color: #001731;
}
.copy-block .select.white:before {
  background: url(/rnAssets/img/small-arrow-blue.png) no-repeat;
}
.copy-block .select.white:hover {
  background: white;
  border-color: #3173b5;
  color: white;
  text-decoration: none;
}
.copy-block .select .select-label {
  color: white;
}
.copy-block .select option {
  background-color: white;
  color: #001731;
}
.copy-block .select:before {
  content: '';
  position: absolute;
  display: inline-block;
  background: url(/rnAssets/img/small-arrow-white.png) no-repeat;
  top: 18px;
  right: 15px;
  width: 14px;
  height: 10px;
}
.copy-block .select:hover {
  background: #001731;
}
.copy-block .short-bio {
  text-transform: uppercase;
  margin-top: 15px;
  line-height: 1.4;
  font-size: 1.3em;
  max-width: 350px;
  margin: 15px auto;
}
.copy-block .officer-portrait {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  max-width: 60%;
  margin-bottom: 2em;
  height: auto;
}
.copy-block .crest {
  margin-bottom: 2em;
}
.copy-block .overflow {
  margin-top: 2em;
}
.copy-block.chevron .inr .copy {
  margin: 0 auto;
}

.copy-icon-block .copy ul {
  margin-left: 20px;
  text-align: left;
  font-size: 13px;
  line-height: 1.92308em;
  margin-bottom: 20px;
  list-style: disc;
}
.copy-icon-block .copy ul ul {
  list-style: circle;
}
.copy-icon-block .copy ul ol {
  list-style: lower-roman;
}
.copy-icon-block .copy ol {
  margin-left: 20px;
  text-align: left;
  font-size: 13px;
  line-height: 1.92308em;
  margin-bottom: 20px;
  list-style: decimal;
}
.copy-icon-block .copy ol ol {
  list-style: lower-roman;
}
.copy-icon-block .copy ol ul {
  list-style: circle;
}

.copy-panel-wrap .inr p {
  font-size: 1.3em;
  line-height: 1.92308em;
  margin-bottom: 25px;
}
.copy-panel-wrap .inr {
  background-color: white;
}
.copy-panel-wrap > .inr {
  padding-bottom: 0;
}
.copy-panel-wrap .panel > .inr {
  padding-top: 0;
}
.copy-panel-wrap .operations {
  padding-top: 3em;
}
.copy-panel-wrap .operation-name a {
  border-bottom: 2px solid #0f253d;
}
.copy-panel-wrap .operation-name a:hover {
  border-bottom: none;
}

.panel-trigger {
  display: none;
}

.copy-photo-bg .inr {
  z-index: 1;
}

.copy-photo-bg:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
  /* IE8 */
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.copy-circle-bg.lightBG {
  background-color: transparent;
}
.copy-circle-bg .inr {
  padding: 3em 3em;
  background: #fff;
}
.copy-circle-bg.darkBG .inr {
  background-color: #001731;
}
.copy-circle-bg .copy-ctas {
  padding-top: 0;
}
.copy-circle-bg .copy-ctas a {
  display: none;
  height: 55px;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #232323;
  text-decoration: none;
  background: white url(/rnAssets/img/arrow-sprite.png) -198px -124px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1.2em;
}
.copy-circle-bg .copy-ctas a.refresh {
  display: block;
  text-indent: -9999px;
  background: white url(/rnAssets/img/refresh.gif) no-repeat center top;
}
.copy-circle-bg .copy-ctas a.refresh.loading {
  background-position: center bottom;
}

.copy-photo-bg.copy-circle-bg .inr {
  background: rgba(255, 255, 255, 0.8);
}

.darkBG.copy-photo-bg.copy-circle-bg:after,
.copy-circle-bg:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 0;
}

.copy-circle-bg:after {
  content: '';
  z-index: -10;
}

.darkBG.copy-photo-bg.copy-circle-bg .inr {
  background: rgba(0, 23, 49, 0.7);
}

.darkBG.copy-photo-bg.copy-circle-bg.no-filter:after,
.lightBG.copy-photo-bg.copy-circle-bg.no-filter:after {
  content: none;
}

.copy-block.copy-feature .copy {
  text-align: left;
}
.copy-block.copy-feature .copy > p {
  font-size: 1.5em;
  line-height: 1.8em;
  margin-bottom: 25px;
}
.copy-block.copy-feature .copy ul {
  margin-bottom: 2em;
  list-style: disc;
}
.copy-block.copy-feature .copy ul ul {
  list-style: circle;
}
.copy-block.copy-feature .copy ul ol {
  list-style: lower-roman;
}
.copy-block.copy-feature .copy ol {
  margin-bottom: 2em;
  list-style: decimal;
}
.copy-block.copy-feature .copy ol ol {
  list-style: lower-roman;
}
.copy-block.copy-feature .copy ol ul {
  list-style: circle;
}
.copy-block.copy-feature .copy ul, .copy-block.copy-feature ol {
  padding-left: 2.5em;
}
.copy-block.copy-feature .copy ul li, .copy-block.copy-feature .copy ol li {
  font-size: 1.4em;
  line-height: 1.92857em;
}
.copy-block.copy-feature .copy ul li li, .copy-block.copy-feature .copy ol li li {
  font-size: 1em;
}

/* =================================================

	SMALL BLOCKS
	- CTA feature blocks
	- event blocks
	- fact blocks
	- Role blocks
	- Unit blocks

==================================================== */
@media only screen and (max-width: 880px) {
  .small-block.blurBg[style] {
    background-color: #001731;
    background-image: none !important;
  }
}
.small-block {
  position: relative;
  background-position: 50%;
  background-size: cover;
  text-align: center;
  /*-webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;*/
  background-color: #001731;
  /* tick links */
  /* end tick links */
  /* actions */
  /* end actions */
}
.small-block.lightBG {
  background-color: #f0f0f0;
}
.small-block.whiteBG {
  background-color: white;
}
.small-block.blurBg {
  background-color: rgba(255, 255, 255, 0.5);
}
.small-block.small-wide .btn.btn-large {
  width: 250px;
  margin-left: -125px;
}
.small-block.small-wide.img-block {
  min-height: 50px;
}
.small-block .tick-link,
.small-block .tick-link-visited {
  background: white;
  text-indent: -5000em;
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
.small-block .tick-link-visited {
  background: white url(/rnAssets/img/tick-link.png) no-repeat 50% 50%;
}
.small-block .actions li {
  background: black;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 10%;
  height: 10%;
}
.small-block .actions li a {
  text-indent: -5000em;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  display: block;
  -moz-transform: scale(0.6) rotate(0.02deg);
  -ms-transform: scale(0.6) rotate(0.02deg);
  -webkit-transform: scale(0.6) rotate(0.02deg);
  transform: scale(0.6) rotate(0.02deg);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.small-block .actions li.action-delete {
  right: 0;
}
.small-block .actions li.action-delete a {
  background: url("/rnAssets/img/delete.svg") no-repeat 37% 45%;
  background-size: 80%;
}
.small-block .actions li.action-fav {
  left: 0;
  display: none;
}
.small-block .actions li.action-fav a {
  background: url("/rnAssets/img/fav-star.svg") no-repeat center 45%;
  background-size: 100%;
}
.small-block .actions li.action-fav a:hover {
  opacity: 1;
  -moz-transform: scale(0.7) rotate(0.01deg);
  -ms-transform: scale(0.7) rotate(0.01deg);
  -webkit-transform: scale(0.7) rotate(0.01deg);
  transform: scale(0.7) rotate(0.01deg);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.small-block .actions li.active {
  display: block;
}
.small-block .actions li.action-fav .btn-unfollow {
  background: url("/rnAssets/img/fav-star-active.svg") no-repeat center 45%;
}
#ie8 .small-block .actions li.action-fav a {
  background: url("/rnAssets/img/fav-star.png") no-repeat center 45%;
}
#ie8 .small-block li.action-fav .btn-unfollow {
  background: url("/rnAssets/img/fav-star-active.png") no-repeat center 45%;
}
#ie8 .small-block .actions li.action-delete a {
  background: url("/rnAssets/img/delete.png") no-repeat center 45%;
}
.small-block .inr {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}
.small-block h3 {
  font-size: 1.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 0;
  padding: 0.83333em;
}
.small-block.lightBG .btn, .small-block.darkBG .btn {
  border: 1px solid #001731;
}
.small-block.lightBG .btn:hover, .small-block.darkBG .btn:hover {
  border-color: #3173b5;
}
@media only screen and (max-width: 362px) {
  .small-block h3 {
    font-size: 1.6em;
  }
}
.small-block.white-chevron .inr h3 {
  font-weight: 100;
}
.small-block h3 a {
  color: inherit;
  text-decoration: none;
}
.small-block p {
  line-height: 1.4;
}
.small-block .btn {
  position: absolute;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  bottom: 1em;
}
.small-block .copy {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.small-block .copy .btn {
  margin-top: 0;
}
.small-block .copy.rows-2 p {
  margin-bottom: 5px;
}
.small-block .copy.with-span {
  top: 40%;
}
.small-block time {
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 10px;
  display: block;
}
.small-block .copy p {
  padding: 0 1em;
}
.small-block.white-chevron .copy p {
  font-size: 2em;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 1.8em;
  line-height: 1.3;
  background: none;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  margin: 0 1.5em;
  text-transform: none;
}
.small-block.white-chevron .copy p + .btn {
  margin-top: 10px;
}
.small-block.contact-block .copy {
  text-align: left;
  color: #001731;
}
.small-block.contact-block .copy h2 {
  text-align: left;
  color: #4970b6;
  padding: 0 0.53571em;
  margin-bottom: 1.07143em;
}
.small-block.contact-block .copy h2.marines {
  color: #317140;
}
.small-block.contact-block .copy h3 {
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0.55556em;
}
.small-block.contact-block .copy p {
  text-transform: none;
  text-align: left;
  font-size: 1.4em;
  padding: 0;
  margin: 1.11111em;
}
.small-block.darkBG.contact-block .copy, .small-block.darkBG.contact-block h2 {
  color: #fff;
}
.content-col .small-block .inr {
  padding: 0;
}
.small-block.cta .copy h3 {
  color: #001731;
  font-size: 1.8em;
  font-weight: 600;
}
.small-block.cta .copy p {
  color: #001731;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1.92308em;
  margin-bottom: 25px;
  padding: 0;
  margin: 0 1.5em 1.5em;
  font-weight: normal;
}
.small-block.cta .copy ul, .small-block.cta .copy ol {
  margin: 0 1.5em 1.5em;
  font-size: 1.4em;
}
.small-block.cta .copy ul li, .small-block.cta .copy ol li {
  margin-bottom: 0.8em;
}
.small-block.cta .copy ul li a, .small-block.cta .copy ol li a {
  color: #001731;
}
.small-block.cta .copy ul li a:hover, .small-block.cta .copy ol li a:hover {
  text-decoration: none;
}
.content-col .small-block.cta .inr {
  padding: 0;
}
.content-col .small-block.cta .inr > .copy p {
  font-size: 1.4em;
  line-height: 1.4;
}
.content-col .small-block.cta .inr > .copy ul {
  padding-left: 0;
  list-style: none;
}
.content-col .small-block.cta .inr > .copy ul li {
  font-size: 1em;
}
.content-col .small-block.cta.first {
  clear: left;
}
.small-block.flow {
  overflow: visible;
  height: auto;
  padding-bottom: 0;
}
.small-block.flow .inr {
  position: relative;
}
.small-block.flow .copy {
  top: 0;
  padding: 15px 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
}
.side-col .small-block.flow {
  padding-bottom: 0;
}
.small-block.flow .btn {
  position: relative;
  left: 0;
  bottom: 0;
  margin: 0;
}
.small-block.chat-block {
  overflow: hidden;
}
.small-block iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.fact-title {
  background-image: url("/rnAssets/img/blue-chevron-tl.gif");
  background-image: -moz-linear-gradient(top left, #192430 50%, #001731 50%);
  background-image: -webkit-linear-gradient(top left, #192430 50%, #001731 50%);
  background-image: linear-gradient(to bottom right, #192430 50%, #001731 50%);
}
.fact-title h2 {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.small-fact {
  background-image: url("/rnAssets/img/fact-block.png");
  background-image: -moz-linear-gradient(top left, #8b8b8b 50%, #c5c5c5 50%);
  background-image: -webkit-linear-gradient(top left, #8b8b8b 50%, #c5c5c5 50%);
  background-image: linear-gradient(to bottom right, #8b8b8b 50%, #c5c5c5 50%);
}
.small-fact .copy {
  text-align: left;
  position: static;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.small-fact .fact-figure {
  font-size: 2em;
  line-height: 1.25;
}
.small-fact .fact-figure span {
  font-size: 1.5em;
  display: block;
}

.img-block {
  float: none;
  width: 100%;
  background: #f0f0f0;
}
.img-block > img {
  width: 100%;
  display: block;
}
.img-block:nth-child(even) {
  background: white;
}
.img-block .inr {
  padding: 0 0 100%;
  position: relative;
}
.img-block .copy {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  text-align: left;
  padding: 0 1.5em;
  color: #001731;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.img-block .copy h3 {
  font-size: 1.8em;
  margin-bottom: 0.8em;
}
.img-block .copy p {
  font-size: 1.4em;
  line-height: 1.4;
}
.img-block .copy .btn {
  margin-top: 0;
}
.img-block .copy > ul, .img-block .copy > ol {
  padding-left: 0;
  margin: 0;
  font-size: 1.4em;
}
.img-block .copy > ul li, .img-block .copy > ol li {
  font-size: 1em !important;
  margin-bottom: 0.8em;
}
.img-block .copy > ul li a, .img-block .copy > ol li a {
  color: #001731;
}
.img-block .copy > ul li a:hover, .img-block .copy > ol li a:hover {
  text-decoration: none;
}
.content-col .img-block .inr {
  padding: 0 0 100%;
}
.content-col .img-block .copy p {
  font-size: 1.4em;
  line-height: 1.4;
}
.content-col .img-block .copy > ul {
  padding-left: 0;
  list-style: none;
}
.content-col .img-block .copy > ul li {
  font-size: 1em;
  line-height: 1;
}
.content-col .img-block.first {
  clear: left;
}
.img-block.flow {
  overflow: visible;
  height: auto;
  padding-bottom: 0;
}
.img-block.flow .inr {
  position: relative;
  padding: 17px 0;
}
.img-block.flow .copy {
  top: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
}
.side-col .img-block.flow {
  padding-bottom: 0;
}

.small-wide.image-title {
  background-position: right center;
  background-size: auto 100%;
}
.small-wide.image-title .btn {
  right: 1em;
  left: auto;
  margin-left: 0;
  width: 162px;
  bottom: 1.5em;
}
.small-wide.image-title h3 {
  display: inline-block;
  text-indent: -9999px;
}

@media only screen and (max-width: 512px) {
  .chevron-text,
  .small-block.white-chevron,
  .small-profile,
  .small-circle-bg {
    width: 100%;
    padding-bottom: 100%;
  }
}
@-webkit-keyframes foldOut {
  0% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-moz-keyframes foldOut {
  0% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-ms-keyframes foldOut {
  0% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes foldOut {
  0% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes foldIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
@-moz-keyframes foldIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
@-ms-keyframes foldIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
@keyframes foldIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
@-webkit-keyframes foldRightOut {
  0% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-moz-keyframes foldRightOut {
  0% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-ms-keyframes foldRightOut {
  0% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes foldRightOut {
  0% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  100% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes foldRightIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@-moz-keyframes foldRightIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@-ms-keyframes foldRightIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@keyframes foldRightIn {
  0% {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@-webkit-keyframes foldUpOut {
  0% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  100% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-moz-keyframes foldUpOut {
  0% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  100% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-ms-keyframes foldUpOut {
  0% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  100% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes foldUpOut {
  0% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  100% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes foldUpIn {
  0% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  100% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@-moz-keyframes foldUpIn {
  0% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  100% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@-ms-keyframes foldUpIn {
  0% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  100% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
@keyframes foldUpIn {
  0% {
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  100% {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
}
.no-js .fold-out {
  *zoom: 1;
  width: 100%;
  clear: left;
}
.no-js .fold-out:after {
  content: "";
  display: table;
  clear: both;
}
.no-js .fold-out .fold-trigger {
  display: none;
}

.js .fold-out {
  z-index: 10;
  position: relative;
  -moz-perspective: 100px;
  -webkit-perspective: 100px;
  perspective: 100px;
}
.js .fold-out .small-block {
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  left: 0;
  opacity: 0.999999;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.js .fold-out .small-block:after, .js .fold-out .small-block:before, .js .fold-out .small-block div {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.js .fold-out.fold-out-spaced {
  margin-left: 50%;
}
.js .fold-out .fold-trigger {
  -webkit-transition: background-position 200ms ease-in-out;
  -moz-transition: background-position 200ms ease-in-out;
  -o-transition: background-position 200ms ease-in-out;
  transition: background-position 200ms ease-in-out;
  background: white url(/rnAssets/img/arrow-sprite.png) no-repeat -17px -17px;
  text-indent: -9999px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.js .fold-out.open .fold-trigger {
  background-position: -80px -17px;
}
.js .fold-out.open .small-block:nth-last-child(2) {
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  left: -100%;
  top: 0;
}
.js .fold-out.open .small-block:nth-last-child(3) {
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  left: -100%;
  top: -100%;
}
.js .fold-out.open .small-block:nth-last-child(4) {
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  left: 0;
  top: -100%;
}
.js .fold-out.in .small-block:nth-last-child(2) {
  -webkit-animation: foldOut 250ms 0ms both;
  -moz-animation: foldOut 250ms 0ms both;
  -ms-animation: foldOut 250ms 0ms both;
  -o-animation: foldOut 250ms 0ms both;
  animation: foldOut 250ms 0ms both;
}
.js .fold-out.in .small-block:nth-last-child(3) {
  -webkit-animation: foldUpOut 250ms 250ms both;
  -moz-animation: foldUpOut 250ms 250ms both;
  -ms-animation: foldUpOut 250ms 250ms both;
  -o-animation: foldUpOut 250ms 250ms both;
  animation: foldUpOut 250ms 250ms both;
}
.js .fold-out.in .small-block:nth-last-child(4) {
  -webkit-animation: foldRightOut 250ms 500ms both;
  -moz-animation: foldRightOut 250ms 500ms both;
  -ms-animation: foldRightOut 250ms 500ms both;
  -o-animation: foldRightOut 250ms 500ms both;
  animation: foldRightOut 250ms 500ms both;
}
.js .fold-out.out .small-block:nth-last-child(2) {
  -webkit-animation: foldIn 250ms 1000ms forwards;
  -moz-animation: foldIn 250ms 1000ms forwards;
  -ms-animation: foldIn 250ms 1000ms forwards;
  -o-animation: foldIn 250ms 1000ms forwards;
  animation: foldIn 250ms 1000ms forwards;
}
.js .fold-out.out .small-block.fold-1[class] {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.js .fold-out.out .small-block:nth-last-child(3) {
  -webkit-animation: foldUpIn 250ms 1000ms forwards;
  -moz-animation: foldUpIn 250ms 1000ms forwards;
  -ms-animation: foldUpIn 250ms 1000ms forwards;
  -o-animation: foldUpIn 250ms 1000ms forwards;
  animation: foldUpIn 250ms 1000ms forwards;
}
.js .fold-out.out .small-block.fold-2[class] {
  -webkit-animation-delay: 250ms;
  -moz-animation-delay: 250ms;
  -ms-animation-delay: 250ms;
  -o-animation-delay: 250ms;
  animation-delay: 250ms;
}
.js .fold-out.out .small-block:nth-last-child(4) {
  -webkit-animation: foldRightIn 250ms 1000ms forwards;
  -moz-animation: foldRightIn 250ms 1000ms forwards;
  -ms-animation: foldRightIn 250ms 1000ms forwards;
  -o-animation: foldRightIn 250ms 1000ms forwards;
  animation: foldRightIn 250ms 1000ms forwards;
}
.js .fold-out.out .small-block.fold-3[class] {
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -ms-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms;
}
.js .fold-out .fold-1 {
  display: block;
}

.clickable {
  cursor: pointer;
}

.white-chevron {
  background-image: url(/rnAssets/img/white-chevron-tl.gif);
  background-image: -moz-linear-gradient(top left, #ffffff 50%, #f0f0f0 50%);
  background-image: -webkit-linear-gradient(top left, #ffffff 50%, #f0f0f0 50%);
  background-image: linear-gradient(to bottom right, #ffffff 50%, #f0f0f0 50%);
}
.white-chevron.flip {
  background-image: url("/rnAssets/img/white-chevron-tr.gif");
  background-image: -moz-linear-gradient(top right, #ffffff 50%, #f0f0f0 50%);
  background-image: -webkit-linear-gradient(top right, #ffffff 50%, #f0f0f0 50%);
  background-image: linear-gradient(to bottom left, #ffffff 50%, #f0f0f0 50%);
}
.white-chevron .btn {
  position: static;
  width: auto;
  left: auto;
  margin-left: auto;
  bottom: auto;
}

.audio-player {
  cursor: pointer;
}
.audio-player .inr {
  background-image: url("/rnAssets/img/audio.png");
}
.audio-player.playing .inr {
  background-image: url("/rnAssets/img/audio-pause.gif");
}

.small-operation .copy h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.4em;
  padding: .25em .75em;
  text-align: center;
}

.small-circle-bg:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
  /* IE8 */
  top: 1em;
  bottom: 1em;
  left: 1em;
  right: 1em;
  border-radius: 100%;
}
.small-circle-bg .inr {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
  position: absolute;
  top: 50%;
  bottom: auto;
  text-align: center;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.small-circle-bg .inr h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.8em;
  padding: .25em .75em;
  text-align: center;
  margin-bottom: 10px;
}
.small-circle-bg .inr h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1.5em;
  padding: 0 .5em .5em;
  text-align: center;
  margin-bottom: 10px;
}
.small-circle-bg .btn {
  position: static;
  width: auto;
  left: auto;
  margin-left: auto;
  bottom: auto;
}

.small-profile {
  background: white;
}
.small-profile .inr {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
.small-profile .inr .copy {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
  position: absolute;
  top: 50%;
  bottom: auto;
  text-align: center;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.small-profile .inr .copy h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.4em;
  padding: .25em .75em;
  text-align: center;
}
.small-profile .inr .copy h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 1.5em;
  padding: 0 .5em .5em;
  text-align: center;
}
.small-profile .btn {
  position: static;
  width: auto;
  left: auto;
  margin-left: auto;
  bottom: auto;
}

.copy-block.clock-block .inr {
  background: #001731 url("/rnAssets/img/clock.gif") 50%;
  background-size: 60%;
  background-repeat: no-repeat;
}
.copy-block.clock-block .inr .display-heading {
  font-size: 4.8em;
  font-weight: normal;
}

/* =================================================

	MULTI COL LAYOUT
	- For News pages

==================================================== */
.multi-col {
  background: #fff;
  *zoom: 1;
}
.multi-col:after {
  content: "";
  display: table;
  clear: both;
}
.multi-col.chevron {
  background-position: 0 125%;
  background-image: -moz-linear-gradient(45deg, #ffffff 15%, #f0f0f0 15%, #f0f0f0 40%, #ffffff 40%);
  background-image: -webkit-linear-gradient(45deg, #ffffff 15%, #f0f0f0 15%, #f0f0f0 40%, #ffffff 40%);
  background-image: linear-gradient(45deg, #ffffff 15%, #f0f0f0 15%, #f0f0f0 40%, #ffffff 40%);
}
.multi-col.transparent {
  background: transparent none;
}
.multi-col.lightgrey {
  background: #f6f6f6;
}
.multi-col.grey {
  background: #272727;
}
.multi-col.medium-grey {
  background: #343434;
}
.multi-col.blackBG {
  background: #000;
}
.multi-col.darkBG {
  background: #001731;
}
.multi-col.transBG {
  background: transparent none;
}

.multi-col .content-col.middle h4 {
  margin-top: 2em;
}

.content-col {
  /* =================================================
  
  	Copy link lists
  
  ==================================================== */
}
.content-col.content-intro .copy > h1 {
  text-align: center;
  font-size: 2.7em;
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 30px;
}
.content-col.content-intro .copy > h1.initial {
  font-size: 3.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.content-col .copy > ul {
  list-style: disc;
  margin-bottom: 25px;
}
.content-col .copy > ul ul {
  list-style: circle;
}
.content-col .copy > ol {
  list-style: decimal;
}
.content-col .copy > ol ol {
  list-style: lower-roman;
}
.content-col .copy > ul, .content-col .copy > ol {
  padding-left: 5em;
}
.content-col .inr > .copy > ul li, .content-col .inr > .copy > ol li {
  font-size: 1.5em;
  line-height: 1.8em;
  margin-bottom: 0;
}
.content-col .inr > .copy > ul:only-of-type, .content-col .inr > .copy > ol:only-of-type {
  padding-left: 2em;
}
.content-col .inr > .copy > ul li li, .content-col .inr > .copy > ol li li {
  font-size: 1em;
}
.content-col .copy > h2 {
  font-size: 2.7em;
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 30px;
}
.content-col .copy > p + h1,
.content-col .copy > ol + h1,
.content-col .copy > ul + h1,
.content-col .copy > .btn + h1,
.content-col .copy > blockquote + h1 {
  margin-top: 50px;
}
.content-col .copy > p + h2,
.content-col .copy > ol + h2,
.content-col .copy > ul + h2,
.content-col .copy > .btn + h2,
.content-col .copy > blockquote + h2 {
  margin-top: 50px;
}
.content-col .copy > p + h3,
.content-col .copy > ol + h3,
.content-col .copy > ul + h3,
.content-col .copy > .btn + h3,
.content-col .copy > blockquote + h3 {
  margin-top: 50px;
}
.content-col .copy > p + h4,
.content-col .copy > ol + h4,
.content-col .copy > ul + h4,
.content-col .copy > .btn + h4,
.content-col .copy > blockquote + h4 {
  margin-top: 50px;
}
.content-col .copy > p + h5,
.content-col .copy > ol + h5,
.content-col .copy > ul + h5,
.content-col .copy > .btn + h5,
.content-col .copy > blockquote + h5 {
  margin-top: 50px;
}
.content-col .copy > p + h6,
.content-col .copy > ol + h6,
.content-col .copy > ul + h6,
.content-col .copy > .btn + h6,
.content-col .copy > blockquote + h6 {
  margin-top: 50px;
}
.content-col .copy > .display-heading {
  text-transform: none;
  text-align: left;
}
.content-col .inr {
  padding: 3em 3em;
}
.content-col .tel {
  border-bottom: 2px solid #001731;
}
.content-col h2 a[href$='.pdf'],
.content-col h2 a[href$='.doc'],
.content-col h2 a[href$='.docx'],
.content-col h2 a[href$='.xls'],
.content-col h2 a[href$='.xlsx'],
.content-col h2 a[href$='.zip'] {
  position: relative;
  padding-left: 35px;
}
.content-col h2 a[href$='.pdf']:after,
.content-col h2 a[href$='.doc']:after,
.content-col h2 a[href$='.docx']:after,
.content-col h2 a[href$='.xls']:after,
.content-col h2 a[href$='.xlsx']:after,
.content-col h2 a[href$='.zip']:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/icon-download.png") center;
  width: 22px;
  height: 26px;
  top: 2px;
  left: 0;
  right: auto;
}
.content-col .copy .link-list {
  margin-bottom: 40px;
}
.content-col .copy .link-list ul {
  list-style: disc;
  font-size: 1.5em;
  line-height: 1.8em;
  margin-bottom: 0;
  padding-left: 2em;
}
.content-col .copy .link-list li {
  float: none;
  width: 100%;
}

.small-block {
  position: relative;
}
.small-block .inr {
  position: absolute;
  z-index: 1;
}
.small-block .inr.padding {
  padding: 10% 0;
}
.small-block .inr.padding .btn {
  position: relative;
  left: 0;
  margin: 0 auto;
  top: 0;
}

/* =================================================

	INFINITE CAROUSEL

==================================================== */
.inf-carousel {
  background: #000;
  position: relative;
}
.js .inf-carousel .slide-wrap {
  overflow: hidden;
}
.js .inf-carousel .slide-wrap ul {
  white-space: nowrap;
  position: relative;
}
.js .inf-carousel .slide {
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  max-width: 512px;
  display: inline-block;
  position: relative;
}
.js .inf-carousel .slide.current, .js .inf-carousel .slide.current .slide-content {
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
  /* IE8 */
  zoom: 1;
}
.js .inf-carousel .slide .video-play {
  display: block;
}
.js .inf-carousel .slide .video-play:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10.71429%;
  padding-bottom: 10.71429%;
  margin-top: -5.35714%;
  margin-left: -5.35714%;
  background: url(/rnAssets/img/video.png) no-repeat center center;
  background-size: contain;
}
.js .inf-carousel .slide img {
  max-width: 100%;
  max-height: 447px;
  height: 447px;
  width: auto;
  display: block;
}
.js .inf-carousel .slide * {
  white-space: normal;
}
.js .inf-carousel .slide-feature {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  background-image: url("/rnAssets/img/blue-chevron-tr.gif");
  background-image: -moz-linear-gradient(top right, #001731 50%, #0f253d 50%);
  background-image: -webkit-linear-gradient(top right, #001731 50%, #0f253d 50%);
  background-image: linear-gradient(to bottom left, #001731 50%, #0f253d 50%);
  padding-bottom: 490px;
  color: white;
}
.js .inf-carousel .slide-feature .copy {
  text-align: center;
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}
.js .inf-carousel .slide-feature .copy p {
  font-size: 1.5em;
  line-height: 1.66667em;
  max-width: 95%;
}
.js .inf-carousel .slide-feature .stat {
  font-size: 7.8em;
  font-weight: 800;
  display: block;
}
.js .inf-carousel .slide-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 2.2em;
  text-align: center;
  background: transparent;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.78571em;
  line-height: 2em;
}
.js .inf-carousel .slide-content p {
  max-width: 85%;
  margin: 0 auto;
}
.js .inf-carousel .wrapper {
  position: relative;
  height: 0;
  z-index: 1;
}
.js .inf-carousel .wrapper a {
  display: inline-block;
  background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
  height: 55px;
  width: 55px;
  position: absolute;
  right: 0;
  top: 50%;
  text-indent: -9999px;
}
.js .inf-carousel .wrapper .slide-next {
  margin-top: -56px;
  background-position: -68px -5px;
}
.js .inf-carousel .wrapper .slide-prev {
  margin-top: 1px;
  background-position: -4px -5px;
}
.no-js .inf-carousel .slide {
  position: relative;
}
.no-js .inf-carousel .slide img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
.no-js .inf-carousel .slide-content {
  padding: 2.2em;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.1em;
  line-height: 2em;
}
.no-js .inf-carousel .slide-content p {
  max-width: 85%;
  margin: 0 auto;
}

/* =================================================

	NAVY OWL CAROUSEL

==================================================== */
.navy-owl-carousel .owl-controls .owl-nav .owl-prev,
.navy-owl-carousel .owl-controls .owl-nav .owl-next {
  display: inline-block;
  background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
  height: 55px;
  width: 55px;
  position: absolute;
  right: 0;
  top: 50%;
  text-indent: -9999px;
}
.navy-owl-carousel .owl-controls .owl-nav .owl-prev {
  background-position: -3px -4px;
  margin-top: -57px;
}
.navy-owl-carousel .owl-controls .owl-nav .owl-next {
  background-position: -68px -4px;
}
.navy-owl-carousel .item {
  position: relative;
}
.navy-owl-carousel .video-play:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10.71429%;
  padding-bottom: 10.71429%;
  margin-top: -5.35714%;
  margin-left: -5.35714%;
  background: url(/rnAssets/img/video.png) no-repeat center center;
  background-size: contain;
}

/* =================================================

	PAGE SPECIFIC MODULE GROUPS

==================================================== */
.related-units {
  background: #001731 repeat-y url(/rnAssets/img/chevron-ships.gif) 50% 0%;
}
.related-units .related-heading {
  width: 100%;
  position: relative;
}
.related-units .related-heading .inr {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  padding: 1.5em;
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#why-navy {
  background: #343434 repeat-y url(/rnAssets/img/chevron-tl.png) 50% 0%;
}
#why-navy .related-heading {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#why-navy .related-heading .inr {
  position: static;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  padding: 1.5em;
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* =================================================

	UNIT DETAILS MODULE

==================================================== */
@media only screen and (max-width: 879px) {
  .unit-details {
    background: #001731;
  }
  .unit-details .wrapper {
    background: #001731 !important;
  }
  .unit-details .unit-heading .display-heading {
    color: #fff;
    padding: 0.66667em;
    margin: 0;
  }
  .unit-details .unit-heading .display-heading span {
    display: none;
  }
  .unit-details .pane-wrap {
    display: none;
  }
  .unit-details .img-wrap {
    *zoom: 1;
  }
  .unit-details .img-wrap:after {
    content: "";
    display: table;
    clear: both;
  }
  .unit-details .img-wrap img {
    float: left;
    width: 50%;
    height: auto;
  }
  .unit-details .pane-wrap .inr {
    padding: 0 3em 3em;
  }
  .unit-details .pane-wrap .inr .display-heading {
    display: none;
  }
  .unit-details .pane-wrap .inr p {
    font-size: 1.3em;
    line-height: 1.92308em;
    margin-bottom: 25px;
  }
  .unit-details .unit-menu {
    background: #fff;
  }
  .unit-details .unit-menu > li {
    border-bottom: 1px solid #001731;
  }
  .unit-details .unit-menu > li a {
    font-size: 3em;
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
    text-transform: uppercase;
    color: #001731;
    text-decoration: none;
    padding: 0.66667em 1.83333em;
    display: block;
    text-align: center;
    position: relative;
  }
  .unit-details .unit-menu > li a:after {
    content: '';
    position: absolute;
    background: url(/rnAssets/img/accordion.gif) no-repeat;
    width: 14px;
    height: 8px;
    top: 30px;
    right: 1em;
  }
  .unit-details .unit-menu > li.last {
    display: none;
  }
  .unit-details .unit-menu > li.open a:after {
    background-position: right top;
  }
  .unit-details .unit-menu > li.open .pane-wrap {
    display: block;
  }
}
.feature {
  text-align: center;
}
.feature .wrapper {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 6.5em 0;
}
.feature .wrapper p {
  width: 71.42857%;
  margin: 0 auto 2.14286em;
  line-height: 1.92857em;
}
.feature .feature-heading {
  font-size: 8em;
  line-height: .8;
  text-transform: uppercase;
  padding-bottom: 0.21429em;
  margin-bottom: 0.21429em;
  position: relative;
}
.feature .feature-heading:after {
  content: '';
  position: absolute;
  background: #fff;
  height: 1px;
  width: 72px;
  left: 50%;
  bottom: 0;
  margin-left: -36px;
}
.feature .feature-heading span {
  -webkit-font-smoothing: antialiased;
  font-size: 0.22857em;
  font-weight: 100;
  clear: both;
  display: block;
}

.news-heading {
  text-align: center;
  position: relative;
  font-size: 3em;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: .75em;
  margin-bottom: .75em;
}
.news-heading span {
  font-size: 0.6em;
  font-weight: 100;
  clear: both;
  display: block;
  margin-bottom: .5em;
  -webkit-font-smoothing: antialiased;
}
.news-heading:after {
  content: '';
  position: absolute;
  background: #fff;
  height: 1px;
  width: 72px;
  left: 50%;
  bottom: 0;
  margin-left: -36px;
}

/* =================================================

	NEWS BLOCK

==================================================== */
.news-block .col-a {
  background-position: top right;
  background-image: url(/rnAssets/img/chevron-br.png);
  background-image: -moz-linear-gradient(top left, #272727 50%, #343434 50%);
  background-image: -webkit-linear-gradient(top left, #272727 50%, #343434 50%);
  background-image: linear-gradient(to bottom right, #272727 50%, #343434 50%);
}
.news-block .col-a .inr {
  padding: 3em;
  color: #fff;
}
.news-block .col-a .inr h3 {
  margin-bottom: .5em;
  font-size: 3em;
  line-height: 1.1;
  text-transform: none;
}
.news-block .col-a .inr p,
.news-block .col-a .inr time {
  font-size: 1.2em;
  margin-bottom: 1.66667em;
  display: block;
}
.news-block .col-a .inr time {
  margin-bottom: 0.83333em;
}
.news-block .col-b {
  background-position: top left;
  background-image: url(/rnAssets/img/chevron-tl.png);
  background-image: -moz-linear-gradient(top left, #343434 50%, #272727 50%);
  background-image: -webkit-linear-gradient(top left, #343434 50%, #272727 50%);
  background-image: linear-gradient(to bottom right, #343434 50%, #272727 50%);
}
.news-block .col-b .inr {
  padding: 3em;
  color: #fff;
}
.news-block .col-b .inr .media h3 {
  margin-bottom: 1em;
  font-size: 1.8em;
  line-height: 1.29412em;
  text-transform: none;
}
.news-block .col-b .inr .media p,
.news-block .col-b .inr .media time {
  font-size: 1.2em;
  margin-bottom: 1.25em;
  display: block;
}
.news-block .col-b .inr .media time {
  margin-bottom: 0.83333em;
}
.news-block .col-b .media {
  margin-bottom: 2.6em;
}
.news-block .col-b .media, .news-block .col-b .bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  color: #fff;
}
.news-block .col-b .media .img {
  display: none;
}
.news-block .col-b .media .img img {
  display: block;
}
.news-block .col-b .news-all {
  font-size: 1.4em;
  padding-right: 1.5em;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  background: url(/rnAssets/img/arrow-white.png) no-repeat right center;
}
.news-block .col-b .news-all:hover {
  text-decoration: underline;
}

.giant-quote {
  position: relative;
  background-size: cover;
}
.giant-quote blockquote {
  background-image: url(/rnAssets/img/blockquote_white.png);
  margin: 0 auto;
  max-width: 75%;
  color: white;
}
.giant-quote blockquote p {
  font-size: 2.4em;
  color: white;
}
.giant-quote .inr {
  padding: 13em 3em;
  text-align: left;
}
.giant-quote .inr .insignia {
  margin-bottom: 3em;
}
.giant-quote.align-centre .inr {
  text-align: center;
}

.header-block {
  *zoom: 1;
  clear: both;
  background: #fff;
  position: relative;
}
.header-block:after {
  content: "";
  display: table;
  clear: both;
}
.header-block blockquote {
  margin: 0 auto;
  max-width: 75%;
}
.header-block .inr {
  padding: 3em 3em;
  text-align: center;
}
.header-block .inr .insignia {
  margin-bottom: 3em;
}
.header-block.darkBG {
  background-color: #001731;
}
.header-block.blackBG {
  background-color: #000;
}
.header-block.greyBG {
  background-color: #343434;
}
.header-block.clearBG {
  background-color: transparent;
  color: #FFF;
}
.header-block.clearBG .display-underline:after {
  background-color: #FFF;
}
.header-block.clearBG.darkFG {
  color: #001731;
}
.header-block.clearBG.darkFG .display-underline:after {
  background-color: #001731;
}
.header-block.clearBG.blackFG {
  color: #000;
}
.header-block.clearBG.blackFG .display-underline:after {
  background-color: #000;
}
.header-block .header-cols {
  *zoom: 1;
}
.header-block .header-cols:after {
  content: "";
  display: table;
  clear: both;
}
.header-block .header-cols ul {
  margin-left: 20px;
  text-align: left;
  font-size: 15px;
  line-height: 1.92308em;
  margin-bottom: 20px;
  list-style: disc;
}
.header-block .header-cols ul ul {
  list-style: circle;
}
.header-block .header-cols ul ol {
  list-style: lower-roman;
}
.header-block .header-cols ol {
  margin-left: 20px;
  text-align: left;
  font-size: 15px;
  line-height: 1.92308em;
  margin-bottom: 20px;
  list-style: decimal;
}
.header-block .header-cols ol ol {
  list-style: lower-roman;
}
.header-block .header-cols ol ul {
  list-style: circle;
}
.header-block .header-col + .header-col {
  margin-top: 25px;
}
.header-block h2 {
  margin: 55px 0 30px;
}
.header-block h2:first-child {
  margin-top: 0;
}

.transparent-header {
  background: transparent;
  background: rgba(255, 255, 255, 0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)";
}

.follow-unit {
  position: relative;
  height: 125px;
  background: #272727 url(/rnAssets/img/followcontours.gif);
  text-align: center;
}
.follow-unit .ship {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(/rnAssets/img/followship.png) no-repeat left bottom;
}
.follow-unit h2 {
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sign-up-marines, .find-unit {
  position: relative;
  background: #272727 url(/rnAssets/img/followcontours.gif);
  text-align: center;
}
.sign-up-marines .inr, .find-unit .inr {
  padding: 3em 3em;
}

.maritime-reserves {
  position: relative;
  text-align: center;
  background: url(/rnAssets/img/defaults/campaign-fb4.gif);
}
.maritime-reserves .inr {
  padding: 4em 4em;
}

/* =================================================

	MAIN FOOTER

==================================================== */
/* =================================================

	POST SLIDER

==================================================== */
.post-slider .wrapper {
  position: relative;
}
.post-slider .slide-wrap {
  overflow: hidden;
  white-space: nowrap;
  padding: 6em 0 0 0.5em;
}
.post-slider .slide-next,
.post-slider .slide-prev {
  display: none;
}
.post-slider .media {
  display: block;
  vertical-align: top;
  padding: 1.5em;
}
.post-slider .media h3 {
  margin-bottom: .33em;
  line-height: 1.225;
  text-transform: none;
}
.post-slider .media p,
.post-slider .media time {
  font-size: 1.2em;
  margin-bottom: 1.25em;
  display: block;
}
.post-slider .media time {
  margin-bottom: 0.83333em;
}
.post-slider .media:last-child {
  margin-right: 0;
}
.post-slider .media.history h3 {
  font-size: 2.8em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.post-slider .media.history p {
  margin: 0 auto;
  max-width: 85%;
  text-align: center;
}
.post-slider .media {
  margin-bottom: 2.6em;
}
.post-slider .media, .post-slider .bd {
  white-space: normal;
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.post-slider .media .img {
  display: none;
}

@media only screen and (max-width: 879px) {
  .post-slider .small-block,
  .post-slider .chevron,
  .post-slider .white-chevron {
    background: transparent;
    width: 100%;
    display: block;
    float: none;
    padding: 0;
    height: auto;
  }
  .post-slider .small-block .inr,
  .post-slider .chevron .inr,
  .post-slider .white-chevron .inr {
    position: static;
  }
  .post-slider .small-block .display-heading,
  .post-slider .chevron .display-heading,
  .post-slider .white-chevron .display-heading {
    padding: 1em 0;
  }
  .post-slider .small-block .copy,
  .post-slider .chevron .copy,
  .post-slider .white-chevron .copy {
    position: static;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .post-slider .slide-wrap {
    padding: 0;
  }
}
/* =================================================

	MODAL

==================================================== */
@-webkit-keyframes modalIn {
  0% {
    opacity: 0;
    -moz-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -ms-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -webkit-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    transform: translateZ(60px) rotateX(45deg) translateX(-50%);
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-moz-keyframes modalIn {
  0% {
    opacity: 0;
    -moz-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -ms-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -webkit-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    transform: translateZ(60px) rotateX(45deg) translateX(-50%);
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-ms-keyframes modalIn {
  0% {
    opacity: 0;
    -moz-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -ms-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -webkit-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    transform: translateZ(60px) rotateX(45deg) translateX(-50%);
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@keyframes modalIn {
  0% {
    opacity: 0;
    -moz-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -ms-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    -webkit-transform: translateZ(60px) rotateX(45deg) translateX(-50%);
    transform: translateZ(60px) rotateX(45deg) translateX(-50%);
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes modalWrapIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes modalWrapIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes modalWrapIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes modalWrapIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes modalWrapOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-moz-keyframes modalWrapOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-ms-keyframes modalWrapOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes modalWrapOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.js html.modal-open,
.js body.modal-open {
  position: relative;
}
.js .modal-wrap {
  display: none;
}
.js #modal-overlay {
  -moz-perspective: 300px;
  -webkit-perspective: 300px;
  perspective: 300px;
  background: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
  /* IE8 */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
.js #modal-overlay.eligibility-overlay {
  background: rgba(52, 52, 52, 0.9);
}
.js #modal-wrap {
  -moz-perspective: 300px;
  -webkit-perspective: 300px;
  perspective: 300px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.js .modal {
  *zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 736px;
  width: 90%;
  top: 20px;
  left: 20px;
  right: 20px;
  background: white;
  position: absolute;
  z-index: 1001;
  padding: 5em;
}
.js .modal:after {
  content: "";
  display: table;
  clear: both;
}
.js .central-aligned.modal .inr {
  text-align: center;
}
.js .central-aligned.modal .inr h4 {
  margin-top: 2em;
}
.js .modal .inr {
  *zoom: 1;
  overflow: hidden;
  position: relative;
}
.js .modal .inr:after {
  content: "";
  display: table;
  clear: both;
}
.js .modal .close {
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  background: url(/rnAssets/img/modal-close.gif) no-repeat center center;
  width: 55px;
  height: 55px;
  top: 0;
  right: 0;
  z-index: 1000;
}
.js .modal.in .yt-wrap {
  background: black;
  overflow: hidden;
}

.deployment-modal,
.follow-modal,
.tooltip-modal {
  max-width: 734px;
}
.deployment-modal .display-heading,
.follow-modal .display-heading,
.tooltip-modal .display-heading {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-weight: normal;
}
.deployment-modal .display-heading strong,
.follow-modal .display-heading strong,
.tooltip-modal .display-heading strong {
  font-weight: 600;
}
.deployment-modal p.mid,
.follow-modal p.mid,
.tooltip-modal p.mid {
  text-align: center;
  padding: 0 20%;
  margin-bottom: 1.875em;
}
.deployment-modal h3,
.follow-modal h3,
.tooltip-modal h3 {
  font-size: 2.6em;
}
.deployment-modal .col,
.follow-modal .col,
.tooltip-modal .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 1em;
  text-align: center;
  margin-bottom: 3em;
}
.deployment-modal .col p,
.follow-modal .col p,
.tooltip-modal .col p {
  margin-bottom: 2.14286em;
}
.deployment-modal .social-links,
.follow-modal .social-links,
.tooltip-modal .social-links {
  margin-top: -1em;
}
.deployment-modal .social-links a,
.follow-modal .social-links a,
.tooltip-modal .social-links a {
  display: inline-block;
  text-indent: -9999px;
  background-image: url(/rnAssets/img/modal-social.png);
  width: 50px;
  height: 50px;
  margin: 0 1em;
}
.deployment-modal .forum-links .col,
.follow-modal .forum-links .col,
.tooltip-modal .forum-links .col {
  width: 100%;
}
.deployment-modal .forum-links .col p,
.follow-modal .forum-links .col p,
.tooltip-modal .forum-links .col p {
  margin-bottom: 0;
}
.deployment-modal .social-fb,
.follow-modal .social-fb,
.tooltip-modal .social-fb {
  background-position: left top;
}
.deployment-modal .social-fb:hover,
.follow-modal .social-fb:hover,
.tooltip-modal .social-fb:hover {
  background-position: 0px 50px;
}
.deployment-modal .social-tw,
.follow-modal .social-tw,
.tooltip-modal .social-tw {
  background-position: -50px top;
}
.deployment-modal .social-tw:hover,
.follow-modal .social-tw:hover,
.tooltip-modal .social-tw:hover {
  background-position: -50px 50px;
}
.deployment-modal .social-gp,
.follow-modal .social-gp,
.tooltip-modal .social-gp {
  background-position: -100px top;
}
.deployment-modal .social-gp:hover,
.follow-modal .social-gp:hover,
.tooltip-modal .social-gp:hover {
  background-position: -100px 50px;
}

.js .modal.eligibility-modal {
  background: none;
  color: white;
}

.js .modal.tooltip-modal {
  text-align: center;
  border: .5em solid white;
  padding: 4.5em;
  color: white;
  background: #272727;
  overflow: auto;
}
.js .modal.tooltip-modal h4 {
  margin-bottom: 0;
}

.no-js .modal .close,
.no-js .follow-unit {
  display: none;
}
.no-js .modal-wrap {
  background: black;
}
.no-js .modal {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 5em;
}
.no-js .modal .inr {
  *zoom: 1;
}
.no-js .modal .inr:after {
  content: "";
  display: table;
  clear: both;
}

/* =================================================

	UCAS CALCULATOR

==================================================== */
.no-js .ucas-modal {
  display: none;
}

.js #modal-wrap.fixed {
  position: fixed;
}

.js .ucas-modal {
  background: #f0f0f0;
  max-height: 95%;
  max-width: 850px;
  padding: 5em 2.5em;
  height: inherit;
}
.js .ucas-modal input {
  zoom: 1;
}
.js .ucas-modal h4 {
  text-align: center;
  margin-bottom: 20px;
}
.js .ucas-modal .inr {
  height: 100% !important;
}

@media only screen and (max-width: 511px) {
  .js .ucas-modal {
    top: 0 !important;
    left: 0;
    right: 0;
    max-height: 100%;
    width: auto;
    padding: 6em 3em;
  }
}
.ucas-wrap {
  position: relative;
  text-align: center;
}

.ucas-scorewrap {
  margin-top: 20px;
  text-align: center;
}
.ucas-scorewrap h4 {
  display: inline-block;
  font-size: 1.7em;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.ucas-qualifications {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  counter-reset: li;
  text-align: left;
}
.ucas-qualifications li {
  position: relative;
  margin-bottom: 20px;
}
.ucas-qualifications li:before {
  content: counter(li) ". ";
  counter-increment: li;
  list-style-position: inside;
  font-size: 17px;
  font-weight: bold;
  position: relative;
  top: -4px;
  padding-right: 5px;
}
.ucas-qualifications li:last-child {
  margin-bottom: 0;
}

.ucas-qualifications:after {
  content: '';
  position: absolute;
  background: #000;
  height: 1px;
  width: 72px;
  left: 50%;
  bottom: 0;
  margin-left: -36px;
}

.ucas-calc[class] {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  max-width: 170px;
  padding: 15px 10px;
  min-width: 0;
  margin-bottom: 30px;
}

.ucas-qual,
.ucas-grade {
  margin-bottom: 20px;
}

/* .ucas-qual,
.ucas-grade { display: inline-block; font-size: 10px; font-weight: normal; }
.ucas-qual { width: 50%; margin-right: 20px; }
.ucas-grade { width: 30%; } */
.ucas-score {
  background: #fff;
  border: none;
  text-align: center;
  outline: none;
  font-size: 1.7em;
  padding: 0.75em 0.5em;
  box-sizing: border-box;
  text-transform: uppercase;
  width: 140px;
  font-weight: bold;
  margin: 0 10px 20px 0;
  display: inline-block;
  vertical-align: middle;
}

.ucas-add {
  width: 100%;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0 auto;
}
.ucas-add span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.ucas-add[class] span:after {
  content: '+';
  background-image: none;
  font-size: 25px;
  top: 0;
  margin-top: -5px;
  width: 10px;
}

.ucas-remove[class] {
  width: 45px;
  height: 45px;
  text-indent: -8999px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.ucas-remove[class]:after {
  content: '–';
  text-indent: 0;
  position: absolute;
  font-size: 25px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  line-height: 6px;
  margin-top: -3px;
  margin-left: -6px;
}

/* =================================================

	SHARE PANEL

==================================================== */
.share-nav {
  *zoom: 1;
  -webkit-transition: width 200ms ease-in-out;
  -moz-transition: width 200ms ease-in-out;
  -o-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
  position: fixed;
  left: 0;
  top: 230px;
  overflow: hidden;
  height: 125px;
  z-index: 100;
}
.share-nav:after {
  content: "";
  display: table;
  clear: both;
}
.js .share-nav {
  width: 56px;
}
.no-js .share-nav {
  display: none;
}
.no-js .share-nav, .share-nav.open {
  width: 300px;
}
.share-nav .share-trigger a {
  display: inline-block;
  text-indent: -9999px;
  width: 55px;
  height: 55px;
  background: white url(/rnAssets/img/share.gif) no-repeat center;
  border: 1px solid #bfbfbf;
  border-left: 0;
  border-bottom: 0;
}
.share-nav .share-trigger {
  width: 56px;
  background: white;
}
.share-nav .share-count {
  background: #0f253d;
  display: block;
  color: white;
  font-size: 1.2em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  padding: 0.41667em;
}
.share-nav .share-wrap {
  background: white;
  position: absolute;
  left: 56px;
  top: 0;
  padding: 0.3em;
}
.share-nav label {
  text-align: center;
  display: block;
  font-size: 1.2em;
  line-height: 2.25em;
  padding: 0.25em;
}
.share-nav input.share-link {
  background: #f0f0f0;
  width: 135px;
  border: none;
  margin: 0 .5em .5em;
  font-size: 1.2em;
  line-height: 2.25em;
  padding: 0 0.25em;
  min-height: 28px;
}
.share-nav .social-links {
  white-space: nowrap;
  text-align: center;
}
.share-nav .social-links a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  text-indent: -9999px;
  background-color: #f0f0f0;
  background-image: url(/rnAssets/img/share-social.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin: 0 7px;
}
.share-nav .social-fb {
  background-position: 12px 12px;
}
.share-nav .social-fb:hover {
  background-position: 12px -36px;
}
.share-nav .social-tw {
  background-position: -30px 12px;
}
.share-nav .social-tw:hover {
  background-position: -30px -36px;
}
.share-nav .social-gp {
  background-position: -75px 12px;
}
.share-nav .social-gp:hover {
  background-position: -75px -36px;
}
@media screen and (max-height: 400px) {
  .share-nav {
    top: 50%;
    margin-top: -45px;
  }
}
@media screen and (max-width: 512px) {
  .share-nav {
    display: none;
  }
}

/* =================================================

	SEARCH POPUP

==================================================== */
body.search-open {
  width: 100%;
}

.js #search-wrap {
  display: none;
  z-index: 900999;
  background: rgba(0, 23, 49, 0.85);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  text-align: left;
  padding: 16px;
  overflow-y: scroll;
}
.js #search-wrap .search-title {
  font-size: 1.4em;
  text-transform: uppercase;
}
.js #search-wrap .results-title,
.js #search-wrap p {
  font-size: 1.8em;
  margin-top: 0em;
  margin-bottom: 0;
}
.js #search-wrap form {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
.js #search-wrap input::-webkit-input-placeholder,
.js #search-wrap input::-moz-input-placeholder {
  color: #fff;
}
.js #search-wrap .search-close {
  display: inline-block;
  background: url(/rnAssets/img/search-close.png) no-repeat;
  width: 26px;
  height: 26px;
  border: none;
  text-indent: -9999px;
  float: right;
  outline: none;
  cursor: pointer;
}
.js #search-wrap .search-field-wrap {
  margin-top: 2em;
  position: relative;
}
.js #search-wrap .search-submit {
  position: absolute;
  border: none;
  text-indent: -9999px;
  background: url(/rnAssets/img/search-large.png) no-repeat center center;
  background-size: contain;
  right: 0;
  top: 0;
  width: 55px;
  height: 63px;
  cursor: pointer;
  outline: none;
}
.js #search-wrap input.search-field {
  width: 100%;
  padding-right: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  max-width: 980px;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 4.8em;
  outline: none;
  color: #fff;
  border: 0;
  background: transparent;
  border-bottom: 2px solid white;
}
.js #search-wrap .results-title {
  padding-bottom: 1.11111em;
  border-bottom: 1px solid white;
  margin-bottom: 1.11111em;
  display: block;
}
.js #search-wrap .search-results {
  margin-top: 2em;
  position: relative;
}
.js #search-wrap .search-results .inr ul {
  margin-left: 3em;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid white;
}
.js #search-wrap .search-results .inr ul li a {
  color: #888;
  text-decoration: none;
  font-size: 1.8em;
  line-height: 2;
}
.js #search-wrap .search-results .inr ul li a .highlight {
  color: white;
}

.no-js .search-close,
.no-js .search-title,
.no-js #search-wrap,
.no-js .search-info {
  display: none;
}

/* =================================================

	ON DEPLOYMENT

==================================================== */
.no-js .on-deployment {
  display: none;
}

.on-deployment {
  width: 100%;
  position: fixed;
  background: #0f253d;
  text-align: center;
  bottom: 0;
  -webkit-backface-visibility: hidden;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  z-index: 80000000;
}
.on-deployment.in {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.on-deployment.mobile-only-rnbc {
  display: none;
}
@media only screen and (max-width: 512px) {
  .on-deployment.mobile-only-rnbc {
    display: block;
  }
}
.on-deployment .inr {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em 6em;
}
.on-deployment .inr h3 {
  margin-bottom: 1em;
}
.on-deployment .deploy-close {
  background: url(/rnAssets/img/deploy-close.png) no-repeat center;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
}

.wp7 .on-deployment {
  width: 100%;
  position: static;
  background: #0f253d;
  text-align: center;
  clear: both;
  bottom: auto;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.wp7 .on-deployment .deploy-close {
  display: none;
}

/* =================================================

	MAP BLOCK

==================================================== */
.copy-block.map-block.open {
  z-index: 400;
}
.copy-block.map-block.open .inr {
  border-radius: 0;
  margin: 0;
  padding-bottom: 5em;
  bottom: auto;
  background-repeat: repeat-x;
  background-color: #343434;
}
.copy-block.map-block.open .inr .copy {
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  -moz-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.copy-block.map-block.open .inr .copy p:last-of-type {
  margin-bottom: 0;
}
.copy-block.map-block.open .overflow {
  display: block;
}
.copy-block.map-block.open .copy-ctas {
  right: -5em;
  bottom: -5em;
}
.copy-block.map-block.open .copy-ctas a {
  background-position: center bottom;
}
.copy-block.map-block .map-thumb {
  position: relative;
  display: block;
  margin: 0 -3em;
}
.copy-block.map-block .map-thumb img {
  display: block;
}
.copy-block.map-block .map-thumb:after {
  content: '';
  width: 32px;
  height: 32px;
  background: white url(/rnAssets/img/expand.gif) center center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.copy-block.map-block .copy-ctas {
  position: absolute;
  z-index: 2;
  padding: 0;
  left: auto;
  right: 0;
}
.copy-block.map-block .copy-ctas a {
  display: none;
}
.copy-block.map-block .copy-ctas a.show-more {
  width: 55px;
  height: 55px;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #232323;
  text-decoration: none;
  background: white url(/rnAssets/img/arrow-sprite.png) -198px -124px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1.2em;
}

.map-frame {
  width: 100%;
  padding-bottom: 56.25%;
}

.copy-feature.lightBG {
  background-image: url(/rnAssets/img/white-chevron-tl.gif);
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: initial;
}
.copy-feature.darkBG {
  background-image: url(/rnAssets/img/chevron-br.gif);
  background-color: #343434;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: initial;
}
.copy-feature.darkBG.blue-chevron {
  background-image: url(/rnAssets/img/blue-chevron-tl.gif);
  background-color: #0f253d;
}

/* =================================================

	RESPONSIVE VIDEO

==================================================== */
.yt-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.yt-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =================================================

	COOKIES

==================================================== */
.noscript,
.cookie-notice {
  padding: 15px 0;
  background: #343434;
  color: #fff;
  z-index: 999999;
}
.noscript .wrapper,
.cookie-notice .wrapper {
  position: relative;
}
.noscript p,
.cookie-notice p {
  font-size: 1.3em;
  padding: 0 55px 0 25px;
  margin: 0;
}
.noscript a,
.cookie-notice a {
  color: #fff;
}
.noscript .close,
.cookie-notice .close {
  position: absolute;
  top: 5px;
  right: 15px;
  background: url(/rnAssets/img/search-close.png) no-repeat;
  width: 16px;
  height: 16px;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.no-js .noscript .close, .no-js
.cookie-notice .close {
  display: none;
}

.inr .button-list {
  margin: 0 -3em 2em;
}
.button-list li {
  display: inline-block;
  margin: .5em;
}
.button-list li .btn.btn-large {
  padding-left: 1em;
  padding-right: 1em;
}

.content-col .has-nav {
  position: relative;
}

.article-nav {
  font-size: 1.2em;
  line-height: 35px;
  position: relative;
  margin-bottom: 20px;
}
.article-nav a.launcher {
  background: rgba(0, 23, 49, 0.85);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
  display: block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 40px 0 20px;
  position: relative;
}
.article-nav a.launcher:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 12px;
  display: block;
  background: url(/rnAssets/img/mini-arrows.png) 0 -22px no-repeat;
  height: 11px;
  width: 11px;
}
.article-nav a.launcher:hover {
  text-decoration: underline;
}
.article-nav a.launcher.active:after {
  background-position: 0 0;
}
.no-js .article-nav:hover .dropdown {
  display: block;
  margin: 0;
}
.article-nav .dropdown {
  position: relative;
  min-width: 100%;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 23, 49, 0.85);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
  padding-left: 20px;
}
.article-nav .dropdown a {
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  line-height: 1;
  padding: 10px 30px 10px 0;
}
.article-nav .dropdown a:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 12px;
  display: block;
  background: url(/rnAssets/img/mini-arrows.png) 0 -11px no-repeat;
  height: 11px;
  width: 11px;
}
.article-nav .dropdown a:hover {
  text-decoration: underline;
}

.welfare-col .article-nav ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/* =================================================

	GIANT ACCORDION (CATEGORY PAGE)

==================================================== */
.giant-accordion {
  /*.accordion-trigger {
  	display: inline-block;
  	text-align: center;
  	text-indent: -9999px;
  	width: 50px;
  	height: 50px;
  	background: $white url(/rnAssets/img/arrow-sprite.png) -201px -136px;
  	overflow: hidden;
  }*/
}
.giant-accordion .accordion-item:nth-child(odd) .header-block,
.giant-accordion .accordion-item.odd .header-block {
  background-color: #272727;
}
.giant-accordion .accordion-item:nth-child(even) .header-block,
.giant-accordion .accordion-item.even .header-block {
  background-color: #343434;
}
.giant-accordion .accordion-item .header-block {
  position: relative;
}
.giant-accordion .accordion-item .header-block .inr {
  padding: 1.5em;
}
.giant-accordion .accordion-item .header-block img {
  margin-bottom: 2em;
}
.giant-accordion .accordion-item .header-block h1 {
  font-size: 2.5em;
}
.giant-accordion .accordion-item .header-block.imgBG {
  background-position: 0 50%;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.giant-accordion .accordion-item .header-block.imgBG p {
  text-transform: uppercase;
  font-size: 2em;
}
.giant-accordion .accordion-item .header-block.single h2 {
  margin-bottom: 0;
}
.giant-accordion .accordion-trigger {
  width: 55px;
  height: 55px;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #232323;
  text-decoration: none;
  background: white url(/rnAssets/img/arrow-sprite.png) -198px -124px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 1.2em;
  display: inline-block;
}
.giant-accordion .open .accordion-trigger {
  background-position: -134px -124px;
}
.giant-accordion .accordion-content {
  *zoom: 1;
}
.giant-accordion .accordion-content:after {
  content: "";
  display: table;
  clear: both;
}
.giant-accordion .accordion-content .strike-through {
  clear: both;
}
.giant-accordion .accordion-content .content-col {
  width: 100%;
  background: white;
  font-size: 1em;
}

/* =================================================

	NEWS FILTER HEADER

==================================================== */
.listing-page {
  overflow-x: hidden;
}

.search-header,
.filter-block {
  background: #fff;
  position: relative;
}
.search-header .side-col .btn.btn-large:not(.btn-red),
.filter-block .side-col .btn.btn-large:not(.btn-red) {
  border: 2px solid white;
  background: #272727;
  color: white;
}
.search-header .side-col .btn.btn-large:not(.btn-red):hover,
.filter-block .side-col .btn.btn-large:not(.btn-red):hover {
  background: #3173b5;
  border-color: #3173b5;
  color: white;
  text-decoration: none;
}
.search-header .side-col input[type="text"],
.filter-block .side-col input[type="text"] {
  margin-bottom: 1em;
}
.search-header .side-col .btn.btn-large,
.filter-block .side-col .btn.btn-large {
  width: 100%;
}
.search-header .side-col .btn.btn-large span:after,
.filter-block .side-col .btn.btn-large span:after {
  background-position: -94px -222px;
}
.search-header .side-col .btn.btn-large + .btn,
.filter-block .side-col .btn.btn-large + .btn {
  margin-top: 1em;
}
.search-header h3.initial,
.filter-block h3.initial {
  margin-bottom: 0.625em;
}
.search-header .side-col h3.initial,
.filter-block .side-col h3.initial {
  border-bottom: 1px solid #6b6b6b;
  padding-bottom: 0.625em;
}
.search-header .filter-toggle,
.search-header .toggle-btn,
.filter-block .filter-toggle,
.filter-block .toggle-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2em -30px -2em -30px;
  position: relative;
  display: block;
  background: #000;
  color: white;
  font-size: 1.6em;
  text-transform: uppercase;
  padding: 1em 2em;
  text-decoration: none;
  overflow: hidden;
  max-width: calc(100% + 60px);
}
.search-header .filter-toggle:hover,
.search-header .toggle-btn:hover,
.filter-block .filter-toggle:hover,
.filter-block .toggle-btn:hover {
  text-decoration: underline;
}
.search-header .filter-toggle:after,
.search-header .toggle-btn:after,
.filter-block .filter-toggle:after,
.filter-block .toggle-btn:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 18px;
  display: block;
  background: url(/rnAssets/img/mini-arrows.png) 0 -22px no-repeat;
  height: 11px;
  width: 11px;
}
.search-header .filter-toggle.closed:after,
.search-header .toggle-btn.closed:after,
.filter-block .filter-toggle.closed:after,
.filter-block .toggle-btn.closed:after {
  background-position: center top;
}
.search-header:not(.role-finder) > .inr,
.filter-block:not(.role-finder) > .inr {
  padding: 3em 3em;
  text-align: left;
  position: relative;
}
.search-header:not(.role-finder) > .inr h1,
.filter-block:not(.role-finder) > .inr h1 {
  margin-bottom: 0;
}
.search-header .filter-wrap .content-col,
.filter-block .filter-wrap .content-col {
  background: #f0f0f0;
}
.search-header .filter-wrap .content-col h3,
.filter-block .filter-wrap .content-col h3 {
  text-align: left;
}
.search-header .filter-wrap .content-col .inr,
.filter-block .filter-wrap .content-col .inr {
  padding: 2em 3em;
}
.search-header .filter-wrap .side-col,
.filter-block .filter-wrap .side-col {
  color: white;
  background: #343434;
}
.search-header .filter-wrap .side-col .styled-select,
.filter-block .filter-wrap .side-col .styled-select {
  margin-bottom: 1em;
}
.search-header .filter-wrap .side-col label,
.filter-block .filter-wrap .side-col label {
  display: block;
  color: #848484;
  font-size: 1.6em;
  text-transform: uppercase;
  margin-bottom: 0.625em;
}
.search-header .filter-wrap .side-col h3,
.filter-block .filter-wrap .side-col h3 {
  text-align: left;
}
.search-header .filter-wrap .side-col .inr,
.filter-block .filter-wrap .side-col .inr {
  padding: 2em 3em;
}

.welfare-col {
  	/*
  	h3.display-heading { text-align: left; }
  	.sub-section {
  		margin: convertEm(30,10) 0;
  	}
  
  	h2,
  	h3 {
  		text-transform: none;
  		margin-bottom: convertEm(20,30);
  		text-align: center;
  		&.display-heading,
  		&.strike-through { text-transform: uppercase; }
  	}
  
  	.step {
  		margin-top: convertEm(50,10);
  	}
  
  	p + h2, .btn + h2 { margin-top: convertEm(60,30); }
  	p + h3, .btn + h3 { margin-top: convertEm(60,18); }
  	*/
}
.welfare-col .inr {
  padding: 3em 3em 6em;
}
.welfare-col .sub-section {
  margin: 3em 0;
}
.welfare-col ul {
  margin-bottom: 2em;
  list-style: disc;
}
.welfare-col ul ul {
  list-style: circle;
}
.welfare-col ul ol {
  list-style: lower-roman;
}
.welfare-col ol {
  list-style: decimal;
}
.welfare-col ol ol {
  list-style: lower-roman;
}
.welfare-col ol ul {
  list-style: circle;
}
.welfare-col ul, .welfare-col ol {
  padding-left: 2.5em;
}
.welfare-col ul li, .welfare-col ol li {
  font-size: 1.4em;
  line-height: 1.92857em;
}
.welfare-col ul li li, .welfare-col ol li li {
  font-size: 1em;
}
.welfare-col h2 a {
  text-underline: none;
}
.welfare-col .tel {
  border-bottom: 2px solid #001731;
}
.welfare-col h3 a[href$='.pdf']:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/icon-download.png") center;
  width: 26px;
  height: 32px;
  top: -5px;
  left: -35px;
  right: auto;
}
.welfare-col h3 a {
  position: relative;
}
.welfare-col h3 a:hover {
  border-bottom: 1px solid #001731;
}
.welfare-col h3 a:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-sprite.png") -94px -157px;
  width: 10px;
  height: 10px;
  bottom: 7px;
  right: -20px;
}

.welfare-left h1, .welfare-left h2, .welfare-left h3, .welfare-left h4, .welfare-left h5, .welfare-left h6 {
  text-align: left;
}

.search-header h1 {
  text-transform: none;
}
.search-header h1 span {
  text-transform: none;
  margin-bottom: 0.66667em;
}

.listing-count {
  color: white;
  padding: 2.5em 3em;
}
.listing-count p {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 1.8em;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.listing-count p strong {
  font-weight: 600;
}

.listing-item {
  background: white;
  position: relative;
  min-height: 254px;
  padding: 3em;
  margin-bottom: 1em;
}
.listing-item .listing-meta {
  margin-bottom: 1.5em;
}
.listing-item .listing-meta p {
  font-size: 1.28571em;
  text-transform: uppercase;
  margin-bottom: 0;
}
.listing-item .listing-meta .meta-head {
  margin-top: 1.42857em;
  width: 150px;
  display: block;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
}
.listing-item:last-child {
  margin-bottom: 0;
}
.listing-item .listing-thumb {
  display: none;
}
.listing-item .listing-title {
  text-transform: none;
  line-height: 1.2;
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  position: relative;
}
.listing-item .listing-title:after {
  content: '';
  position: absolute;
  width: 52px;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
}

.listing-item-faq {
  padding: 3em;
  position: relative;
}

@media only screen and (max-width: 880px) {
  .listing-date.chevron,
  .listing-date.white-chevron,
  .listing-icon.chevron,
  .q-block.blue-chevron,
  .a-block.light-blue-chevron {
    background-image: none;
  }

  .listing-icon.chevron .inr {
    background: none !important;
  }

  .listing-date,
  .listing-icon {
    margin-bottom: 2em;
  }
  .listing-date time,
  .listing-icon time {
    font-size: 2.4em;
    text-transform: uppercase;
    display: block;
    line-height: 1.16667em;
    text-align: left;
  }
  .listing-date time .day,
  .listing-date time .year,
  .listing-icon time .day,
  .listing-icon time .year {
    -webkit-font-smoothing: antialiased;
  }
  .listing-date .month,
  .listing-icon .month {
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  }
  .listing-date .day, .listing-date .month, .listing-date .year,
  .listing-icon .day,
  .listing-icon .month,
  .listing-icon .year {
    display: inline;
  }
  .listing-date .single-month span,
  .listing-date .multi-month .from,
  .listing-date .multi-month .to,
  .listing-date .multi-year .from,
  .listing-date .multi-year .to,
  .listing-icon .single-month span,
  .listing-icon .multi-month .from,
  .listing-icon .multi-month .to,
  .listing-icon .multi-year .from,
  .listing-icon .multi-year .to {
    display: inline-block;
    margin-right: 2px;
  }
  .listing-date .multi-month .from,
  .listing-date .multi-year .from,
  .listing-icon .multi-month .from,
  .listing-icon .multi-year .from {
    margin-right: 1.16667em;
    position: relative;
  }
  .listing-date .multi-month .from:after,
  .listing-date .multi-year .from:after,
  .listing-icon .multi-month .from:after,
  .listing-icon .multi-year .from:after {
    content: '—';
    line-height: 4px;
    position: absolute;
    bottom: 50%;
    -webkit-font-smoothing: antialiased;
    right: -28px;
  }

  .q-block,
  .a-block {
    margin-bottom: 0.83333em;
    font-size: 2.4em;
    text-transform: uppercase;
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  }

  .a-block {
    color: #3494ce;
  }
}
.filter-tags li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 2.71739% 1em 0;
}
.filter-tags li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.8em;
  text-transform: uppercase;
  min-height: 48px;
  display: block;
  background: white;
  line-height: 1.4em;
  padding: 12px 50px 12px 15px;
  color: inherit;
  text-decoration: none;
  position: relative;
}
.filter-tags li a:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 10px;
  background: url(/rnAssets/img/tag.png) no-repeat;
}
.filter-tags li a.selected,
.filter-tags li a:hover {
  background: #343434;
  color: white;
}
.filter-tags li a.selected:after,
.filter-tags li a:hover:after {
  background-position: center bottom;
}

.pagination {
  padding: 2em 0;
}
.pagination .pager-count {
  text-transform: uppercase;
  font-size: 1.8em;
  -webkit-font-smoothing: antialiased;
  display: block;
  clear: both;
  margin-bottom: 1.11111em;
  padding-left: 0.55556em;
}
.pagination .pager {
  display: inline;
}
.pagination .pager li {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  position: relative;
}
.pagination .pager li a {
  display: block;
  background: #656565;
  text-align: center;
  font-size: 1.8em;
  color: #343434;
  text-decoration: none;
  line-height: 40px;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
}
.pagination .pager li.current a,
.pagination .pager li a:hover {
  background: #d3d3d3;
}
.pagination .pager li.previous a,
.pagination .pager li.next a {
  background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
  text-indent: -9999px;
}
.pagination .pager li.previous a {
  background-position: -12px -12px;
}
.pagination .pager li.next a {
  background-position: -76px -12px;
}

.listing-search-item .listing-title {
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 0.75em;
  padding-bottom: 0;
  position: relative;
}
.listing-search-item .listing-title:after {
  content: none;
  display: none;
}
.listing-search-item .listing-url {
  word-break: break-word;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  text-transform: none;
  line-height: 1.2;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  position: relative;
}
.listing-search-item .listing-url:after {
  content: '';
  position: absolute;
  width: 52px;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
}

.js .location-modal {
  padding: 6px;
  width: 90%;
  max-width: 90%;
}

.js .video-modal {
  padding: 6px;
}

/* =================================================

	SINGLESLIDE

==================================================== */
.single-slide {
  max-width: 980px;
  display: block;
  position: relative;
}
.single-slide .video-play {
  display: block;
}
.single-slide .video-play:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10.71429%;
  padding-bottom: 10.71429%;
  margin-top: -5.35714%;
  margin-left: -5.35714%;
  background: url(/rnAssets/img/video.png) no-repeat center center;
  background-size: contain;
}
.single-slide img {
  max-width: 100%;
  height: auto;
  width: auto;
  margin: 0 auto;
  display: block;
}
.single-slide .slide-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 2.2em;
  text-align: center;
  background: transparent;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.78571em;
  line-height: 2em;
}
.single-slide .slide-content p {
  max-width: 85%;
  margin: 0 auto;
}

/* =================================================

	INFOGRAPHIC

==================================================== */
.infographic .infographic-heading {
  font-size: 2.7em;
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 0;
  text-align: left;
  padding: 0.96154em;
}
.infographic .infographic-heading span {
  font-weight: normal;
}
.infographic .tray {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.infographic .tray img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}

/* =================================================

	CAREERS

==================================================== */
.btn-bar-fullwidth {
  width: 100%;
  display: block;
  background-color: #f0f0f0;
  padding: 50px 0;
  text-align: center;
}
.btn-bar-fullwidth .btn {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 90%;
  max-width: 360px;
}
.btn-bar-fullwidth .btn-bar__sep {
  text-align: center;
  display: block;
  font-size: 1.2em;
  padding: 10px;
}

.btn-bar-fixed {
  border-top: 2px solid #fff;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: #ccc;
  text-align: center;
  padding: 2em;
  -webkit-backface-visibility: hidden;
  -moz-transform: translateY(100%) translateX(0);
  -ms-transform: translateY(100%) translateX(0);
  -webkit-transform: translateY(100%) translateX(0);
  transform: translateY(100%) translateX(0);
  -webkit-transition: transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  visibility: hidden;
}
.btn-bar-fixed .btn {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 90%;
  max-width: 360px;
  min-width: 0;
}
.btn-bar-fixed .btn-bar__sep {
  text-align: center;
  display: block;
  font-size: 1.2em;
  text-indent: -9999px;
  height: 10px;
  overflow: hidden;
}

.btn-bar-fixed-slideup {
  -moz-transform: translateY(0) translateX(0);
  -ms-transform: translateY(0) translateX(0);
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
  -webkit-transition: transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out;
  -o-transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  visibility: visible;
}

.btn-bar-fixed.animating {
  visibility: visible;
}

#ie8 .btn-bar-fixed {
  display: none;
}

#ie8 .btn-bar-fixed-slideup {
  display: block;
}

.role-key-info {
  padding: 3em 2em;
}
.role-key-info .info {
  margin-top: 2em;
}
.role-key-info .info h3 {
  font-size: 1.7em;
  text-transform: none;
  color: #000;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  margin: 0;
}
.role-key-info .info p {
  font-size: 2.4em;
  color: #000;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 1em;
}
.role-key-info .info p:last-child {
  margin: 0;
}

.role-confirm {
  *zoom: 1;
  text-align: center;
  background: #e1e1e1;
  padding: 2em 2em;
  position: relative;
  margin-bottom: 1em;
}
.role-confirm:after {
  content: "";
  display: table;
  clear: both;
}
.role-confirm .btn {
  display: block;
  width: 100%;
}

.role-finder-col {
  *zoom: 1;
  margin-bottom: 2em;
}
.role-finder-col:after {
  content: "";
  display: table;
  clear: both;
}
.role-finder-col:last-child {
  margin-bottom: 0;
}

.role-finder-col label {
  font-size: 1.5em;
  margin-left: 5px;
}

.role-finder {
  background-color: white;
}
.role-finder > .inr {
  padding: 3em;
}
.role-finder input[type="text"] {
  width: 100%;
  border: 0;
  background: white;
  font-size: 1.2em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  color: #000;
  line-height: 1;
  padding: 12px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.graduate-role-finder {
  background: #001731;
  color: white;
}
.graduate-role-finder .role-filters .col {
  width: 100%;
  margin-right: 0;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
.graduate-role-finder .choices {
  margin-top: 0;
}
.graduate-role-finder legend {
  font-size: 1.7em;
  text-transform: uppercase;
  margin-bottom: 0;
  display: block;
  clear: both;
}
.graduate-role-finder .interests .col label {
  display: inline-block;
  text-transform: capitalize;
  font-size: 1.4em;
}
.graduate-role-finder .error input[type="text"],
.graduate-role-finder .error .styled-select {
  border: 4px solid #3173b5;
  max-height: 46px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.graduate-role-finder .error .styled-select:before {
  top: 16px;
}
.graduate-role-finder .error .styled-select .select-label {
  top: 11px;
}
.graduate-role-finder span.error {
  display: block;
  width: 100%;
  font-size: 1.5em;
  padding: 4px 0 4px 26px;
  margin-bottom: 1em;
  margin-top: 1em;
  background: url(/rnAssets/img/graduateerror.png) no-repeat top left;
}

.tooltip-trigger {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/rnAssets/img/info.png) no-repeat center;
  text-indent: -9999px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}

.roles-list > ul > li {
  display: block;
  margin-bottom: 10px;
}
.roles-list .role {
  background-color: white;
}
.roles-list .role .copy .inr {
  padding: 3em 2em 0;
}
.roles-list .role .copy h3 {
  text-align: left;
  text-transform: none;
  font-size: 2.7em;
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 30px;
  margin-bottom: 1em;
}
.roles-list .role .copy h3 a {
  text-decoration: underline;
}
.roles-list .role .copy h3 a:hover {
  text-decoration: none;
}
.roles-list .role .copy p {
  font-size: 1.5em;
  line-height: 1.8em;
  margin-bottom: 25px;
}
.roles-list .role .copy .role-type h4 {
  font-size: 1.7em;
  line-height: 1.92857em;
}
.roles-list .role .copy .role-type ul {
  list-style: none;
  padding-left: 0;
}
.roles-list .role .copy .role-type ul li {
  font-size: 1.7em;
  margin-bottom: 0.8em;
}
.roles-list .role .copy .role-type ul li a {
  color: #000;
}
.roles-list .role .copy .role-type ul li a:hover {
  text-decoration: none;
}
.roles-list .role .side-bar {
  float: none;
}
.roles-list .results {
  background: #e1e1e1;
  padding: 1em 2em;
  margin-bottom: 10px;
  clear: both;
  position: relative;
}
.roles-list .results p {
  font-size: 2.5em;
  color: #272727;
  margin: 0;
}
.roles-list .results .btn {
  margin-top: 10px;
  width: 100%;
}
.roles-list .graduate-results {
  background: #e1e1e1;
  padding: 3em 3em;
  margin-bottom: 10px;
  clear: both;
  position: relative;
}
.roles-list .graduate-results h2 {
  margin-bottom: 0.71429em;
}
.roles-list .graduate-results h2:last-child {
  margin-bottom: 0;
}

.role-search {
  background: #e1e1e1;
  position: relative;
  margin: 2em 0;
}
.role-search .txt {
  display: block;
  margin-right: 45px;
}
.role-search input[type="text"] {
  width: 100%;
  border: 0;
  background: #e1e1e1;
  font-size: 1.2em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  color: #000;
  line-height: 1;
  padding: 12px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.role-search input[type="submit"] {
  border: 0;
  background: #001731 url(/rnAssets/img/search.gif) center center;
  height: 100%;
  width: 45px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  cursor: pointer;
}

.role-filters .tabs li {
  display: inline-block;
  width: 50%;
}
.role-filters .tabs a {
  display: inline-block;
  background: #959595;
  color: #343434;
  font-weight: bold;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 1.5em;
  padding: 15px;
  text-decoration: none;
  text-transform: uppercase;
  min-height: 30px;
  vertical-align: bottom;
}
.role-filters .tabs a.active {
  background-color: #343434;
  color: white;
}
.role-filters .tab.hidden {
  display: none !important;
}
.role-filters .col {
  float: none;
  margin-bottom: 20px;
}
.role-filters .col label {
  font-size: 1.5em;
  margin-left: 5px;
}
.role-filters .col ul li {
  margin-bottom: 1em;
}
.role-filters .col fieldset {
  display: block;
}
.role-filters .col > label,
.role-filters .col legend {
  font-size: 1.7em;
  text-transform: uppercase;
  margin-left: 0;
  margin-bottom: 0.8em;
  display: block;
  clear: both;
}
.role-filters ul.chkbox-cols li {
  margin-bottom: 2em;
}

.role-filters legend + * {
  -webkit-margin-top-collapse: separate;
  margin-top: 15px;
}

.content-block {
  background: #fff;
  position: relative;
}
.content-block .inr {
  padding: 2em 3.5em;
  text-align: center;
}

.fullwidth-btn-block {
  background-color: #272727;
}

.links-block.location-icons {
  text-align: left;
}
.links-block.location-icons ul li {
  width: 100%;
  margin: 0 1em 1em 0;
}
.links-block.location-icons ul li a {
  text-align: left;
}
.links-block.location-icons ul li a:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 50%;
  margin-top: -12.5px;
  background: url(/rnAssets/img/map-pin.png) no-repeat;
}

.links-block h3 {
  margin-bottom: 1em;
  margin-top: 0.5em;
}
.links-block ul li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 2.71739% 1em 0;
}
.links-block ul li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #e1e1e1;
  font-size: 1.8em;
  text-transform: uppercase;
  display: block;
  line-height: 1.4em;
  padding: 12px 50px 12px 15px;
  color: inherit;
  text-decoration: none;
  position: relative;
  min-height: 48px;
}
.links-block ul li a:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 50%;
  margin-top: -12.5px;
  background: url(/rnAssets/img/target.png) no-repeat;
}
.links-block ul li a.selected,
.links-block ul li a:hover {
  background: #343434;
  color: white;
}
.links-block ul li a.selected:after,
.links-block ul li a:hover:after {
  background-position: center bottom;
}

/* =================================================

	GLOSSARY POPUPS

==================================================== */
.glossary-highlight {
  background: #e0e0e0;
  padding: 5px;
  cursor: help;
  color: inherit;
}

.glossary-popup {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  background: white;
  border: 2px solid #0f253d;
  padding: 1.5em;
  right: 20px;
}
.glossary-popup .glossary-title {
  font-size: 1.7em;
  margin-bottom: 0.55556em;
  text-transform: uppercase;
  display: block;
}
.glossary-popup .glossary-word {
  font-size: 2.2em;
  margin-bottom: 0.68182em;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
.glossary-popup .glossary-copy {
  font-size: 1.3em;
  line-height: 1.7em;
}
.glossary-popup .glossary-close {
  position: absolute;
  background: url("/rnAssets/img/dark-close.png") no-repeat center;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  top: 0px;
  right: 0px;
}

.eligibility-title {
  border-bottom: 2px solid #001731;
}
.eligibility-title .role {
  margin-bottom: 1.5em;
}
.eligibility-title .role h1,
.eligibility-title .role h2 {
  font-size: 2.5em;
}
.eligibility-title .step {
  font-size: 1.8em;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
}

.confirm {
  background: #e1e1e1;
  padding: 2em;
  color: #000;
  margin-bottom: 1em;
}
.confirm p {
  font-size: 1.7em;
  line-height: 1.4;
}
.confirm input {
  vertical-align: middle;
}
.confirm label {
  font-size: 1.5em;
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
  width: 85%;
}

.tick {
  border: 2px solid #001731;
  font-size: 1.4em;
  padding: 20px 10px 20px 65px;
  background: url("/rnAssets/img/tick.png") no-repeat 12px 12px;
  min-height: 22px;
  margin-bottom: 20px;
}

.question-block {
  border-top: 2px solid #001731;
  border-bottom: 2px solid #001731;
}
.question-block .overlay-content {
  display: none;
  margin-bottom: 20px;
  background: rgba(255, 0, 0, 0.3);
  padding: 2em;
}
.question-block .overlay-content h3 {
  margin-bottom: 15px;
}
.question-block .overlay-content p {
  margin-bottom: 10px;
}
.question-block .qa-block {
  margin-bottom: 20px;
}
.question-block .question {
  margin-bottom: 20px;
}
.question-block .answers {
  font-size: 1.7em;
}
.question-block .answers li {
  margin-bottom: 1em;
}
.question-block .answers li label {
  display: block;
}
.question-block .answers li label span {
  padding-left: 10px;
}

/* Shaking animation */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

.case-study-profile {
  display: block;
  width: 100%;
}
.case-study-profile > h2 {
  padding: 20px;
  margin: 0;
}
.case-study-profile .profile {
  margin-bottom: 25px;
}
.case-study-profile .profile > img {
  width: 40%;
  margin-right: 3%;
  float: left;
}
.case-study-profile dl {
  float: left;
  margin-top: 4px;
  width: 55%;
}
.case-study-profile dl dt {
  font-size: 1.3em;
  text-transform: none;
  padding-bottom: 3px;
  border-top: 1px solid #f0f0f0;
  padding-top: 15px;
}
.case-study-profile dl dt.top {
  border: 0;
  padding-top: 0;
}
.case-study-profile dl dd {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.6em;
  margin-bottom: 15px;
}
.case-study-profile .copy {
  padding: 0 35px 0;
}
.case-study-profile .copy blockquote {
  margin-top: 30px;
}

.giant-accordion.roles-by-branch .accordion-item .header-block.imgBG .inr {
  padding: 4em 3.5em;
}
.giant-accordion.roles-by-branch .accordion-item .header-block.imgBG .inr h2 {
  font-size: 4em;
}
.giant-accordion.roles-by-branch .accordion-content .content-col {
  font-size: 1em;
}

.rbb-links,
.content-col .copy > ul.rbb-links {
  padding: 0;
  list-style: none inside;
}
.rbb-links li,
.content-col .copy > ul.rbb-links li {
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  height: auto;
}
.rbb-links li a,
.content-col .copy > ul.rbb-links li a {
  text-transform: uppercase;
  color: #272727;
}

.giant-contact-block .small-block.contact-block {
  width: 100%;
  padding-bottom: 100%;
}
.giant-contact-block .small-block h3 {
  font-size: 2.3em;
}
.giant-contact-block .intro-block {
  color: #000;
  background: #fff;
}

.office-list .results {
  background: #e1e1e1;
  padding: 3em;
  margin-bottom: 10px;
  clear: both;
}
.office-list .results p {
  font-size: 2.5em;
  color: #272727;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}

.co-result-item {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.co-result-item .copy h4 {
  margin-bottom: 20px;
}

.co-item-header {
  border-bottom: 1px solid #f0f0f0;
  padding: 0 0 15px;
  margin: 0 0 15px;
  font-weight: bold;
}
.co-item-header .co-distance {
  font-size: 1.6em;
  float: left;
}
.co-item-header a {
  float: right;
  text-transform: uppercase;
  color: inherit;
  font-size: 1.6em;
}

.co-content h3 {
  text-transform: none;
  font-size: 3em;
}
.co-content .addr {
  margin-bottom: 30px;
  position: relative;
}
.co-content .addr .contacts {
  display: block;
  margin-top: 20px;
}
.co-content .addr .contacts span {
  font-weight: bold;
}
.co-content .addr .contacts a {
  color: inherit;
}

.co-content-a,
.co-content-b {
  padding-left: 48px;
  padding-top: 10px;
}

.co-content-a {
  background: url(/rnAssets/img/mappin_a.png) no-repeat top left;
}

.co-content-b {
  background: url(/rnAssets/img/mappin_b.png) no-repeat top left;
}

@media only screen and (max-width: 880px) {
  .multi-col .MicrosoftMap {
    margin: 20px auto;
  }

  .fullwidth-map .MicrosoftMap {
    margin: 0;
  }
}
.fullwidth-map .MicrosoftMap,
.location-modal .MicrosoftMap {
  margin: 0;
}

.content-col .small-block.equalised .inr .copy,
.content-col .img-block.equalised .inr .copy {
  padding-bottom: 24px;
}

.content-col .small-block.equalised .inr .btn,
.content-col .img-block.equalised .inr .btn {
  position: absolute;
  bottom: 0;
}

.blocks-wrapper .small-block.equalised .inr .copy,
.blocks-wrapper .img-block.equalised .inr .copy {
  padding-bottom: 24px;
}

.blocks-wrapper .small-block.equalised .inr .btn,
.blocks-wrapper .img-block.equalised .inr .btn {
  position: absolute;
  bottom: 0;
  max-width: 100%;
}

.apply-warning {
  padding: 2em;
  margin: 2em 0;
  background: #FFB2B2;
  background: rgba(255, 0, 0, 0.3);
}

/* =================================================

	CAMPAIGN-STYLE TALK TO US BLOCK

==================================================== */
.campaign-block {
  position: relative;
  text-align: center;
  height: 245px;
  width: 100%;
}
.campaign-block .inr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3em;
}
.campaign-block .copy {
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.campaign-block .copy h2 {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  line-height: 1.3;
}
.campaign-block .copy h2 span {
  clear: both;
  display: block;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
}
.campaign-block .copy p {
  font-size: 1.8em;
  text-transform: uppercase;
  margin-top: 0.55556em;
  margin-bottom: 0;
}
.campaign-block .copy .btn {
  margin-top: 1em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 250px;
}

/* =================================================

	NEW CAMPAIGN-STYLE TALK TO US BLOCK (smaller than above)

==================================================== */
.small-campaign-block {
  width: 100%;
  background: #001731 url(/rnAssets/img/campaign-fb2.gif) center center no-repeat;
  background-size: cover;
  color: #FFF;
  text-align: center;
}
.small-campaign-block .inr {
  padding: 3.4em;
}
.small-campaign-block p {
  font-size: 2.8em;
  line-height: 1.3;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}

.apply-bar {
  position: relative;
  text-align: center;
  height: 150px;
  width: 100%;
}
.apply-bar .inr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3em;
}
.apply-bar .copy {
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.apply-bar .copy .btn {
  margin-top: 0;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 250px;
}

.hidden-list {
  display: none;
  margin-top: 10px;
}

.pdev-portal .header-block.bleed-grey {
  background-color: #272727;
}

.mobile-trigger {
  color: white;
}
.mobile-trigger:after {
  content: '';
  position: relative;
  background: url(/rnAssets/img/large-arrow.png) no-repeat;
  float: right;
  width: 21px;
  height: 15px;
  margin-top: 11px;
}

.subnav {
  background-color: #272727;
  display: none;
  color: white;
}
.subnav li {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.subnav li a {
  font-size: 1.4em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px 0px;
  border-bottom: 4px solid transparent;
  display: block;
  position: relative;
  z-index: 2;
  margin-bottom: -4px;
}
.subnav li .more {
  display: none;
}
.subnav li .more:before {
  content: '';
  position: relative;
  display: inline;
  background: url(/rnAssets/img/accordion.gif) no-repeat;
  top: 4px;
  right: 40%;
  float: right;
  width: 14px;
  height: 8px;
  margin-left: 13px;
}
.subnav li .more-nav {
  display: block !important;
}

@media only screen and (max-width: 512px) {
  .strike-through span:before, .strike-through span:after {
    display: none;
  }

  .btn.btn-huge {
    min-width: 0;
  }
}
/* =================================================

	CAREERS - Graduate section

==================================================== */
@media only screen and (max-width: 512px) {
  .graduate-footer .small-block.chevron {
    width: 100%;
    padding-bottom: 100%;
  }
}
/* =================================================

	Click to chat

==================================================== */
.floating-chat-btn {
  height: 56px;
  width: 66px;
  overflow: hidden;
  position: fixed;
  top: 100px;
  right: 0;
  border: 1px solid #001731;
  border-right: 0;
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  z-index: 1;
}
.floating-chat-btn:hover {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.floating-chat-btn iframe {
  height: 156px;
  width: 66px;
}

/* =================================================

	Puzzle campaign

==================================================== */
.puzzle-section #masthead {
  background-size: 250% auto;
}

.puzzle-section .header-block {
  background: transparent;
  color: white;
}
.puzzle-section .header-block .inr {
  padding-top: 4em;
  padding-bottom: 4em;
}
.puzzle-section .header-block a.btn {
  border: none;
}

.puzzle-wrap {
  position: relative;
}

.puzzle-wrap.example {
  display: none;
}

.puzzle-patterns {
  text-align: center;
  margin: 5em auto;
  position: relative;
}
.puzzle-patterns li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding: 50% 0 0 0;
}
.puzzle-patterns li img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0 auto;
}
.puzzle-patterns li input[type=radio] {
  position: absolute;
  left: -9999px;
}
.puzzle-patterns li label {
  cursor: pointer;
}
.puzzle-patterns li.puzzle-q {
  display: none;
}

.puzzle-patterns li img.pattern-dark {
  display: none;
}

.puzzle-patterns li label img {
  display: block;
  pointer-events: none;
}

.puzzle-patterns li label,
.puzzle-patterns li img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.puzzle-patterns li label {
  width: 100%;
  height: 100%;
}

.puzzle-patterns li label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.puzzle-patterns li input[type=radio]:checked + label .pattern-white {
  display: none;
}

.puzzle-patterns li input[type=radio]:checked + label .pattern-dark {
  display: block;
}

.puzzle-patterns li input[type=radio]:disabled + label {
  cursor: default;
}

.puzzle-pagination {
  width: 100%;
  max-width: 95%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.puzzle-pagination li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 40px;
  display: inline-block;
  width: 40px;
  padding-top: 40px;
  margin: 3px 2px;
  height: 0;
  position: relative;
  text-align: center;
}

.puzzle-pagination li:nth-child(5n):after {
  content: '';
  display: block;
  height: 1px;
}

.puzzle-link {
  border: 2px solid white;
  position: absolute;
  border-radius: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
}
.puzzle-link.current, .puzzle-link:hover {
  border-color: #001731;
  color: #001731;
}
.puzzle-link.complete, .puzzle-link.current {
  cursor: default;
}
.puzzle-link.complete, .puzzle-link.complete:hover {
  text-indent: -9999px;
  text-align: left;
  background: #001731 url(/rnAssets/img/puzzles_tick.png) no-repeat center;
  border-color: #001731;
  color: white;
}
.puzzle-link.locked {
  cursor: not-allowed;
  text-indent: -9999px;
  text-align: left;
  background: url(/rnAssets/img/puzzles_lock.png) no-repeat center 6px;
  background-size: 16px;
}
.puzzle-link.locked:hover {
  background-image: url(/rnAssets/img/puzzles_lock_dark.png);
}

.svg .puzzle-link.complete {
  background: #001731 url(/rnAssets/img/puzzles_tick.svg) no-repeat center;
}

.svg .puzzle-link.locked {
  background-image: url(/rnAssets/img/puzzles_lock.svg);
}

.svg .puzzle-link.locked:hover {
  background-image: url(/rnAssets/img/puzzles_lock_dark.svg);
}

.puzzle-link.intro span {
  margin-top: -4px;
  font-size: 0.8em;
}

.puzzle-link span {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -9px;
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: bold;
}

.puzzle-section #masthead .btn {
  border: none;
}

.puzzle-patterns .puzzle-confirm {
  font-size: 1.1em;
  padding: 8px 10px 6px;
}

.js .puzzle-confirm {
  display: none;
}

.js .puzzle-patterns .puzzle-confirm {
  position: absolute;
  left: 50%;
  margin-left: -67px;
  bottom: -40px;
}

.result-hidden {
  display: none;
}

.puzzle-items-4 li,
.puzzle-items-5 li,
.puzzle-items-6 li {
  width: 50%;
  padding-top: 50%;
  margin-bottom: 6em;
}

.puzzle-sequence .puzzle-items-4 li,
.puzzle-sequence .puzzle-items-5 li,
.puzzle-sequence .puzzle-items-6 li {
  width: 100%;
  padding-top: 50%;
}

.puzzle-seqtitle {
  display: none;
}

/* COLLAPSED SCROLLER */
.js .puzzle-collapse .puzzle-q {
  display: block;
}

.js .puzzle-collapse li {
  display: none;
  margin-bottom: 0;
}
.js .puzzle-collapse li.puzzle-q {
  display: block;
}
.js .puzzle-collapse li label {
  pointer-events: none;
  cursor: default;
}

.js .puzzle-collapse {
  position: relative;
  padding-top: 80%;
  margin-top: -5em;
  margin-bottom: 2em;
}

.js .puzzle-collapse .puzzle-patterns {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.puzzle-controls {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  width: 100%;
  *zoom: 1;
}
.puzzle-controls:after {
  content: "";
  display: table;
  clear: both;
}
.puzzle-controls a {
  display: inline-block;
  width: 43px;
  height: 43px;
  background-image: url(/rnAssets/img/puzzles_arrows.png);
  text-indent: -9999px;
}
.puzzle-controls a.puzzle-prev {
  float: left;
}
.puzzle-controls a.puzzle-next {
  background-position: right center;
  float: right;
}

.js .puzzle-collapse .puzzle-patterns li input[type=radio] + label .pattern-white,
.js .puzzle-collapse .puzzle-patterns li input[type=radio]:checked + label .pattern-dark {
  display: none;
}

.js .puzzle-collapse .puzzle-patterns li input[type=radio]:checked + label .pattern-white {
  display: block;
}

/* =================================================

	Eligibility Redesign

==================================================== */
/* Full width Block */
.block-fullwidth {
  background: white;
  margin: 0;
}
.block-fullwidth h1 {
  font-size: 2.6em;
}
.block-fullwidth .inr {
  padding: 24px 12px;
  text-align: center;
}
.block-fullwidth .text p {
  margin: 0;
}
.block-fullwidth .request {
  background: #272727;
  color: white;
  padding: 0.5em 1em;
  margin: 2em auto 1em;
}
.block-fullwidth .statement {
  color: #272727;
  border: 2px solid #272727;
  padding: 0.5em;
  font-weight: bold;
  letter-spacing: -0.2px;
  margin-top: 20px;
}
.block-fullwidth .statement + a.btn {
  margin-bottom: 20px;
}
.block-fullwidth input[type=submit].btn {
  display: block;
  font-size: 1.5em;
  line-height: 1.8em;
  font-weight: normal;
  text-transform: none;
  padding: 0.5em 1em;
  margin: 2em auto;
}

@media only screen and (max-width: 880px) {
  .block-fullwidth .request {
    margin: 0 16px;
  }
  .block-fullwidth input[type=submit].btn {
    width: 100%;
  }
}
/* End Full width Block */
/* cta bar */
.cta-bar {
  background: white;
}
.cta-bar li {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
}
.cta-bar li a {
  background: #343434;
  text-decoration: none;
  color: white;
  display: block;
  padding: 1em;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: -1px;
}
.cta-bar li span {
  display: block;
}
.cta-bar li small {
  font-size: 12px;
  text-transform: none;
  display: block;
  padding: 6px 0 0 0;
}
.cta-bar li em {
  font-style: normal;
}
.cta-bar li:first-child a {
  background: #f0f0f0;
  color: #001731;
}
.cta-bar li:first-child a span {
  color: #3173b5;
}
.cta-bar li:last-child a {
  background: #272727;
}

.cta-bar + .block-fullwidth .inr {
  padding-bottom: 0;
}

/* cta bar end */
/* steps */
.steps {
  display: block;
  margin-bottom: 10px;
}
.steps li {
  display: inline-block;
  font-size: 1.4em;
  margin: 5px 5px 5px 0;
}
.steps li:after {
  content: '>';
  font-weight: bold;
  margin-left: 5px;
  text-decoration: none;
  display: inline-block;
}
.steps li:last-child:after {
  content: none;
}
.steps li.active {
  text-decoration: underline;
}

.steps.steps-fixed {
  display: none;
}

/* end steps */
/* Bricks */
.brick-holder {
  background: none;
  padding: 0 0 30px 0;
  display: none;
}

.brick-holder:first-child,
.no-js .brick-holder,
.no-js .brick-holder .brick {
  display: block;
}

.no-js .brick-holder .modal {
  margin-top: 30px;
  padding: 2em;
}
.no-js .brick-holder .modal .copy {
  text-align: left;
  margin-bottom: 25px;
}
.no-js .brick-holder .modal .copy p {
  font-size: 1.4em;
  line-height: 1.4;
}
.no-js .brick-holder .modal .copy ul {
  padding-left: 2em;
  margin-bottom: 25px;
  list-style: disc outside;
}
.no-js .brick-holder .modal .copy ul li {
  font-size: 1.4em;
  line-height: 1.8;
}
.no-js .brick-holder .modal .copy + .display-heading {
  display: none;
}
.no-js .brick-holder .more {
  display: none;
}

.brick-holder.active {
  display: block;
}

.brick-holder.inactive {
  opacity: 0.5;
  position: relative;
}
.brick-holder.inactive:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.brick-title {
  background: #f0f0f0;
  position: relative;
  margin-bottom: -20px;
  padding: 4em 4em 0;
}

.brick {
  background: #f0f0f0;
  margin: 10px 0 0;
  padding: 4em;
  display: none;
}
.brick .single-slide {
  padding: 3em 0;
}

.brick-title + .brick {
  display: block;
}

.brick-error, .brick-msg {
  background: #e1e1e1;
  overflow: hidden;
  padding: 0;
  height: 0;
  margin-top: 0;
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
  font-weight: bold;
  display: block;
}
.brick-error .inner, .brick-msg .inner {
  padding: 2em;
  color: #3b3b3b;
}
.brick-error .incorrect, .brick-msg .incorrect {
  color: #c10935;
}

.brick-error .inner {
  color: #c10935;
}

@media only screen and (max-width: 880px) {
  .brick {
    padding: 0;
  }
  .brick .display-heading {
    background: white;
    padding: 0 1em 1em 1em;
    font-size: 2.4em;
    margin: 0;
  }
  .brick .display-heading:after {
    display: none;
  }
  .brick .text {
    padding: 2em;
    line-height: 1.3em;
  }
  .brick .display-heading + .text {
    background: white;
    padding: 1em 2em;
  }
  .brick figure.single-slide {
    background: white;
    padding: 2em 0;
  }
}
/* End Bricks */
/* elibibility form details */
.inquisition {
  position: relative;
}
.inquisition label {
  display: block;
  text-transform: uppercase;
  font-size: 1.8em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: -1px;
  padding: 0 0 0.8em 0;
  color: #001731;
  max-width: 80%;
  margin: 0 auto 11px;
  text-align: center;
}
.inquisition input[type="text"],
.inquisition input[type="number"] {
  background: #fff;
  border: none;
  text-align: center;
  outline: none;
  font-size: 1.7em;
  padding: 0.5em;
  box-sizing: border-box;
  width: 140px;
  font-weight: bold;
  margin-bottom: 0;
  -moz-appearance: textfield;
}
.inquisition .btn {
  display: block;
  margin: 20px auto 0;
  width: auto;
  max-width: 140px;
  min-width: none;
}
.inquisition .more {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  text-decoration: none;
  width: 62px;
  height: 34px;
  background: #e1e1e1;
  line-height: 1.6em;
  font-size: 1.1em;
  padding: 2px;
}
.inquisition .more:before {
  content: '?';
  display: block;
  position: relative;
  top: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 1.7em;
  font-weight: bold;
}
.inquisition .scfRadioButtonListBorder {
  max-width: 500px;
  width: 100%;
  margin: auto;
}
.inquisition .scfRadioButtonListBorder input {
  position: absolute;
  left: -5000em;
}
.inquisition .scfRadioButtonListBorder label {
  background: #001731;
  color: white;
  padding: 0.5em;
  margin: 0 -1.5px 3px;
  cursor: pointer;
  opacity: 0.5;
  min-width: 20%;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
}
.inquisition .scfRadioButtonListBorder label:hover {
  opacity: 1;
}
.inquisition .scfRadioButtonListBorder input:first-child + label {
  background: #3173b5;
}
.inquisition .scfRadioButtonListBorder input:checked + label,
.inquisition .scfRadioButtonListBorder label.checked {
  opacity: 1;
}
.inquisition .scfRadioButtonListBorder input:focus + label {
  outline: 1px dotted #000;
}
.inquisition p a {
  color: #3173b5;
  font-weight: bold;
}

#ie8 .inquisition .scfRadioButtonListBorder label {
  background: #999;
}
#ie8 .inquisition .scfRadioButtonListBorder label.checked {
  background: #001731;
}
#ie8 .inquisition .scfRadioButtonListBorder input:first-child + label {
  background: #ccc;
}
#ie8 .inquisition .scfRadioButtonListBorder input:first-child + label.checked {
  background: #3173b5;
}

@media only screen and (max-width: 880px) {
  .inquisition {
    padding: 2.5em 45px;
  }
  .inquisition label {
    max-width: 90%;
    margin: 0 auto;
  }
  .inquisition input[type="text"] {
    margin: 0;
  }
  .inquisition .scfRadioButtonListBorder label {
    float: none;
    width: 70%;
    margin: 0 auto 1px;
    display: block;
  }
  .inquisition .more {
    width: 36px;
    height: auto;
  }
}
/* end eligibility form details */
.js .careers-page #tooltip-modal {
  overflow: auto;
  height: 400px;
  max-height: 100%;
}

/* elibibility form question within a modal */
.js #modal-wrap.eligibility-wrap {
  max-width: 100%;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-left: -50%;
  overflow-y: hidden;
  position: fixed;
}

.js .modal.eligibility-modal {
  max-width: 980px;
  width: 100%;
  height: 100%;
}
.js .modal.eligibility-modal .close {
  background-image: url(/rnAssets/img/modal-close-alt.gif);
  background-size: contain;
  width: 25px;
  height: 127px;
  display: block;
}
.js .modal.eligibility-modal .inr {
  padding: 0 20px 0 0;
  height: 100%;
}
.js .modal.eligibility-modal .copy {
  max-width: 80%;
  margin: 0 auto 25px auto;
}
.js .modal.eligibility-modal .copy h3, .js .modal.eligibility-modal .copy h4 {
  text-transform: none;
  font-size: 1.5em;
  text-align: center;
}
.js .modal.eligibility-modal .copy h3 {
  font-size: 2.4em;
}
.js .modal.eligibility-modal .copy h4 {
  font-size: 1.5em;
}
.js .modal.eligibility-modal .copy p {
  text-align: center;
}
.js .modal.eligibility-modal .copy ul {
  padding-left: 5em;
  list-style: disc;
  max-width: 60%;
  margin: 0 auto 25px auto;
}
.js .modal.eligibility-modal .copy ul li {
  font-size: 1.5em;
  line-height: 1.8em;
  margin-bottom: 0;
}
.js .modal.eligibility-modal .display-heading {
  text-transform: none;
}
.js .modal.eligibility-modal .display-heading.display-underline:after {
  background: #fff;
}
.js .modal.eligibility-modal h3.display-heading {
  font-size: 2.4em;
}
.js .modal.eligibility-modal .inquisition {
  background: #f0f0f0;
  border: 1px solid white;
  text-align: center;
  padding: 30px;
  margin: 35px 10px;
  overflow: hidden;
}
.js .modal.eligibility-modal .inquisition label {
  text-transform: none;
  color: #343434;
  font-size: 1.7em;
  padding: 0 0 1em 0;
}
.js .modal.eligibility-modal .inquisition .scfRadioButtonListBorder label {
  color: white;
  padding: 0.5em 0;
}
.js .modal.eligibility-modal .inquisition input[type="text"] {
  overflow: hidden;
}
.js .modal.eligibility-modal .inquisition .more {
  display: none;
}

.js #ie8 .modal.eligibility-modal .ps-scrollbar-y-rail,
.js #ie8 .modal.eligibility-modal .ps-scrollbar-x-rail {
  display: none;
}

@media only screen and (max-width: 880px) {
  .js .modal.eligibility-modal {
    padding: 0;
    width: 100%;
  }
  .js .modal.eligibility-modal .copy ul {
    max-width: none;
  }
  .js .modal.eligibility-modal .close {
    right: 21px;
    top: 1px;
    height: 25px;
    display: block !important;
    /* to override js - maybe should extend the plugin instead...*/
  }
  .js .modal.eligibility-modal .inquisition .scfRadioButtonListBorder label {
    max-width: none;
    width: 100%;
  }
}
@media only screen and (min-width: 512px) {
  .js .modal.eligibility-modal {
    top: 50% !important;
    /* to override js - maybe should extend the plugin instead...*/
  }
}
@media only screen and (max-width: 511px) {
  .js .modal.eligibility-modal {
    top: 0 !important;
    left: 0;
    padding: 16px;
  }
  .js .modal.eligibility-modal .inr {
    padding: 0;
  }
  .js .modal.eligibility-modal .copy {
    max-width: 90%;
  }
  .js .modal.eligibility-modal .copy ul {
    padding-left: 4em;
  }
  .js .modal.eligibility-modal .close {
    top: 16px;
    right: 16px;
  }
}
/* end elibibility form question within a modal */
.bingmap-col {
  color: #272727;
  background: white;
}
.bingmap-col .address {
  color: white;
}
.bingmap-col .side-col h3.initial {
  border-bottom: 1px solid #6b6b6b;
  padding-bottom: 0.625em;
}
.bingmap-col .inr {
  padding: 3em 3em;
}
.bingmap-col .small-block.map {
  display: block;
  float: none;
  width: 100%;
  height: auto;
}
.bingmap-col .btn.btn-large {
  width: 100%;
  border: 1px solid white;
  background: #272727;
  color: white;
}
.bingmap-col .btn.btn-large:hover {
  background: #3173b5;
  border-color: #3173b5;
  color: white;
  text-decoration: none;
}

.small-circle-bg.lightBG {
  color: white;
}

.two-col-responsive-table {
  width: 100%;
  font-size: 1.5em;
  margin-bottom: 25px;
  margin-top: 25px;
}
.two-col-responsive-table thead th {
  background: #272727;
  color: white;
  padding: 20px;
  text-align: center;
  border: 1px solid #fff;
}
.two-col-responsive-table tbody tr {
  background: #001731;
  color: white;
}
.two-col-responsive-table tbody tr td {
  text-align: center;
  padding: 20px;
  font-weight: bold;
  border: 1px solid #fff;
  width: 50%;
  colspan: 2;
}

.hide-header #topbar {
  display: none;
}
.hide-header #masthead .wrapper {
  padding-top: 120px;
}

.hide-footer #footer {
  display: none;
}

.pdev-portal.marines .darkBG {
  background: #202e21;
}
.pdev-portal.marines .header-block.bleed-grey.darkBG {
  background: #272727;
}
.pdev-portal.marines .display-heading.mobile-trigger {
  color: white;
}
.pdev-portal.marines .bingmap-col {
  background-color: #272727;
}
.pdev-portal.marines .two-col-responsive-table tbody tr {
  background-color: #202e21;
}
.pdev-portal.marines .chevron {
  background-image: none;
}

.js .pdev-portal.marines .inf-carousel .slide .video-play:after {
  background: url("/rnAssets/img/video-marines.png") no-repeat center center;
  background-size: contain;
}

.header-block .styled-select {
  width: 80%;
  margin: 0 auto;
}
.header-block .styled-select.blue {
  background: #001731;
  color: white;
}
.header-block .styled-select.blue .select-label {
  color: white;
  font-size: 1.25em;
  margin: 0 auto;
  left: 0;
  padding-top: 3px;
}
.header-block .blue.select:before {
  background: url(/rnAssets/img/small-arrow-white.png) no-repeat;
  top: 18px;
  height: 11px;
  display: block;
}
.header-block .white.select:before {
  background: url(/rnAssets/img/small-arrow-blue.png) no-repeat;
  top: 18px;
  height: 11px;
}
.header-block .styled-select.white {
  background: white;
  color: #001731;
}
.header-block .styled-select.white .select-label {
  color: #001731;
}
.header-block.align-left .inr {
  text-align: left;
}
.header-block.align-justify .inr {
  text-align: justify;
}

.js .pdev-portal .styled-select .select-label {
  font-size: 1.4em;
  white-space: normal;
}

.jumplinks-block {
  background: white;
}
.jumplinks-block h2 {
  text-transform: none;
}
.jumplinks-block .inr {
  padding: 3em 3em;
}

.related-posts .subsection-title {
  margin: 10px 0 25px;
  line-height: 1.5em;
  letter-spacing: 0;
}
.related-posts .btn + p {
  margin-top: 10px;
}
.related-posts .arrow-link {
  float: none;
}

.subsection-title {
  font-size: 1.5em;
  line-height: 1;
  text-transform: none;
  margin-bottom: 5px;
}
.subsection-title a {
  font-size: 1.06667em;
  text-transform: uppercase;
  text-decoration: underline;
}

.jumplinks-col li {
  font-size: 1.5em;
  line-height: 1.5;
  margin-bottom: 30px;
}
.jumplinks-col:last-child li:last-child {
  margin-bottom: 0;
}

.information-col {
  padding: 30px;
}
.information-col p {
  font-size: 1.3em;
  line-height: 1.4;
  margin: 10px 0 20px;
}
.information-col h3 {
  font-weight: normal;
  font-size: 2.3em;
  line-height: 1.5;
  text-transform: none;
  margin: 20px 0;
}
.information-col ul li {
  font-size: 1.3em;
  line-height: 1.4;
  margin-bottom: 10px;
}
.information-col ul li:last-child {
  margin-bottom: 0;
}
.information-col ul li a {
  text-decoration: underline;
}

.community-block {
  *zoom: 1;
  clear: left;
  position: relative;
  background: white;
}
.community-block:after {
  content: "";
  display: table;
  clear: both;
}
.community-block p.initial {
  font-weight: normal;
}
.community-block a {
  text-decoration: underline;
}
.community-block a:hover {
  text-decoration: none;
}
.community-block .content-col .inr,
.community-block .inr {
  padding: 3em 3em;
}
.community-block .onward-links li {
  font-size: 1.5em;
  line-height: 1.5;
}
.community-block .content-col {
  width: 100%;
}
.community-block .social-links {
  *zoom: 1;
  margin-top: 40px;
  width: 180px;
}
.community-block .social-links:after {
  content: "";
  display: table;
  clear: both;
}
.community-block .social-links li {
  float: left;
  margin-right: 5%;
  margin-bottom: 5%;
}
.community-block .social-links li a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #848484 url("/rnAssets/img/community-social.gif");
  text-indent: -9999px;
}
.community-block .social-links li a.social-tw {
  background-position: 0 0;
}
.community-block .social-links li a.social-fb {
  background-position: -48px 0;
}
.community-block .social-links li a.social-gp {
  background-position: -96px 0;
}
.community-block .social-links li a.social-yt {
  background-position: -145px 0;
}
.community-block .social-links li a.social-tw:hover {
  background-position: 0 -48px;
}
.community-block .social-links li a.social-fb:hover {
  background-position: -48px -48px;
}
.community-block .social-links li a.social-gp:hover {
  background-position: -96px -48px;
}
.community-block .social-links li a.social-yt:hover {
  background-position: -145px -48px;
}
.community-block p a[href$='.pdf'],
.community-block p a[href$='.doc'],
.community-block p a[href$='.docx'],
.community-block p a[href$='.xls'],
.community-block p a[href$='.xlsx'],
.community-block p a[href$='.zip'] {
  position: relative;
  padding: 5px 35px;
}
.community-block p a[href$='.pdf']:after,
.community-block p a[href$='.doc']:after,
.community-block p a[href$='.docx']:after,
.community-block p a[href$='.xls']:after,
.community-block p a[href$='.xlsx']:after,
.community-block p a[href$='.zip']:after {
  content: '';
  position: absolute;
  background: url(/rnAssets/img/document.png) center;
  width: 21px;
  height: 26px;
  top: 2px;
  left: 0;
  right: auto;
}
.community-block .community-btn {
  margin: 0;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background: #001731;
  color: white;
  border: none;
  font-size: 1.4em;
  padding: 16px 2.28571em 15px;
  min-width: 280px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.community-block .community-btn:last-child {
  margin-bottom: 0;
}
.community-block .community-btn span {
  padding-right: 1.07143em;
  position: relative;
  display: inline-block;
}
.community-block .community-btn span:after {
  margin-top: -4px;
  right: 0;
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-sprite.png");
  background-position: -94px -92px;
  width: 7px;
  height: 12px;
  top: 0.42857em;
}
.community-block .community-btn:hover {
  background: #3173b5;
  border-color: #3173b5;
  color: white;
  text-decoration: none;
}
.community-block .community-btn:hover span:after {
  background-position: -94px -92px;
}

.pclookup .styled-select {
  max-width: none;
}
.pclookup .with-search {
  padding-right: 48px;
  position: relative;
}
.pclookup.rnForm .btn-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background: #001731 url(/rnAssets/img/search-btn.png);
  text-indent: -9999px;
  text-align: left;
  margin: 0;
  padding: 0;
}
.pclookup.rnForm .btn-search:hover {
  background: #3173b5 url(/rnAssets/img/search-btn.png);
}

.listing-item .social-links {
  *zoom: 1;
  margin-top: 40px;
  width: 180px;
}
.listing-item .social-links:after {
  content: "";
  display: table;
  clear: both;
}
.listing-item .social-links li {
  float: left;
  margin-right: 5%;
  margin-bottom: 5%;
}
.listing-item .social-links li a {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #848484 url("/rnAssets/img/community-social.gif");
  text-indent: -9999px;
}
.listing-item .social-links li a.social-tw {
  background-position: 0 0;
}
.listing-item .social-links li a.social-fb {
  background-position: -48px 0;
}
.listing-item .social-links li a.social-gp {
  background-position: -96px 0;
}
.listing-item .social-links li a.social-yt {
  background-position: -144px 0;
}
.listing-item .social-links li a.social-tw:hover {
  background-position: 0 -48px;
}
.listing-item .social-links li a.social-fb:hover {
  background-position: -48px -48px;
}
.listing-item .social-links li a.social-gp:hover {
  background-position: -96px -48px;
}
.listing-item .social-links li a.social-yt:hover {
  background-position: -144px -48px;
}
.listing-item .contactmethod {
  font-size: 1.9em;
  font-weight: normal;
  text-transform: none;
  margin-top: 30px;
  margin-bottom: 20px;
}
.listing-item .email,
.listing-item .addr {
  line-height: 1.3;
}

.filter-block .btn-wrap {
  position: relative;
}
.filter-block .btn-wrap .filter-toggle {
  margin: 0;
}

.az-filters {
  padding: 3em 5em;
}

.az-filters .pager {
  text-align: center;
  margin: 0 auto;
  max-width: 235px;
}

.az-filters .pager li {
  display: inline-block;
  margin: 4px;
}
.az-filters .pager li a, .az-filters .pager li span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
  color: white;
  background-color: #001731;
  text-decoration: none;
  padding: 9px 0;
  text-align: center;
  width: 46px;
  border: 1px solid #001731;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}
.az-filters .pager li a:hover, .az-filters .pager li a.active, .az-filters .pager li span:hover, .az-filters .pager li span.active {
  background-color: white;
  color: #001731;
  border-color: #001731;
}
.az-filters .pager li span,
.az-filters .pager li span:hover {
  background-color: #fff;
  color: #848484;
  border-color: #848484;
  cursor: default;
}

.community-schedule-block {
  *zoom: 1;
  clear: left;
  position: relative;
  background: #f0f0f0;
}
.community-schedule-block:after {
  content: "";
  display: table;
  clear: both;
}
.community-schedule-block .content-col {
  width: 100%;
}
.community-schedule-block p.initial {
  font-weight: normal;
}
.community-schedule-block a {
  text-decoration: underline;
}
.community-schedule-block a:hover {
  text-decoration: none;
}
.community-schedule-block .content-col .inr {
  padding: 3em 3em;
}

.schedule {
  width: 100%;
  border-spacing: 8px;
  border-collapse: separate;
  margin-bottom: 30px;
}
.schedule:last-child {
  margin-bottom: 0;
}
.schedule th {
  background-color: #272727;
  color: white;
}
.schedule td {
  background-color: white;
}
.schedule th, .schedule td {
  padding: 20px 5px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  width: 11.9285714%;
}
.schedule th.activity, .schedule td.activity {
  width: 16.5%;
}

@media only screen and (max-width: 880px) {
  .schedule thead {
    display: none;
  }
  .schedule tr, .schedule td, .schedule td.activity {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px;
  }
  .schedule tr {
    margin-bottom: 40px;
  }
  .schedule tr:last-child {
    margin-bottom: 0;
  }
  .schedule td {
    padding-left: 120px;
    padding-right: 20px;
    position: relative;
  }
  .schedule td:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 5px;
    background-color: #272727;
    color: white;
    width: 90px;
    text-align: center;
  }
}
.copy-block .copy p.times {
  font-size: 1.5em;
}

.community-tab-header {
  text-align: center;
  background-color: #343434;
  position: relative;
}

.community-sections {
  display: none;
}

.community-section {
  display: none;
}
.community-section.active {
  display: block;
}

.community-tab-header {
  padding: 15px;
}

.community-section-accordion {
  display: block;
  background: #001731;
  font-size: 2em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  padding: 20px 50px 20px 15px;
  text-align: center;
  position: relative;
}
.community-section-accordion:after {
  content: '';
  position: absolute;
  right: 12px;
  top: 26px;
  display: block;
  background: url(/rnAssets/img/arrow-sprite.png) -220px -94px no-repeat;
  height: 11px;
  width: 15px;
}
.community-section-accordion.active:after {
  background-position: -156px -94px;
}

/* ARROW-LINKS */
.arrow-link {
  margin: 0;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  font-size: 1.5em;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #001731;
  position: relative;
  padding-right: 1em;
}
.arrow-link:after {
  content: '';
  position: absolute;
  background: url("/rnAssets/img/arrow-white.png");
  width: 8px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  right: 0;
}
.arrow-link.dark {
  color: #272727;
}
.arrow-link.light {
  color: white;
}

/* line break */
.line-break {
  display: block;
  background: #fff;
  height: 1px;
  width: 72px;
  margin: 40px 0;
}

.graduate-block .short-bio {
  text-align: left;
  text-transform: none;
  font-style: italic;
  font-size: 14px;
  line-height: 1.65;
  max-width: 100%;
}

.graduate-block[class] {
  *zoom: 1;
}
.graduate-block[class]:after {
  content: "";
  display: table;
  clear: both;
}
.graduate-block[class] .inr {
  padding-bottom: 3em;
}
.graduate-block[class] .graduate-portrait {
  max-width: 50%;
  margin: 0px auto;
  border-radius: 100%;
}
.graduate-block[class] .graduate-quote {
  margin: 20px 0;
  text-align: left;
}
.graduate-block[class] .graduate-quote p {
  font-size: 16px;
  line-height: 24px;
}

.tab-unit {
  background: #000;
  padding-top: 20px;
}
.tab-unit__nav {
  display: none;
}
.tab-unit__tab {
  background: #FFF;
}
.tab-unit__tab__header[class] {
  position: relative;
  padding: 20px 30px;
  background: #272727;
  color: #FFF;
  cursor: pointer;
}
.tab-unit__tab__header[class] h3 {
  color: inherit;
}
.tab-unit__tab__header[class]:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -5px;
  height: 12px;
  width: 8px;
  background: url("/rnAssets/img/arrow-sprite.png") -93px -92px no-repeat;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}
.tab-unit__tab__content {
  display: none;
  padding: 30px;
}
.tab-unit__tab:nth-child(even) .tab-unit__tab__header {
  background: #343434;
}
.tab-unit__tab.-hold .tab-unit__tab__header:after {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@-webkit-keyframes gradnav-arrive {
  from {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-moz-keyframes gradnav-arrive {
  from {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-ms-keyframes gradnav-arrive {
  from {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes gradnav-arrive {
  from {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.graduate-nav {
  background-color: white;
  /*
   	Defining this in a media query to avoid having to undo everything
  */
}
.graduate-nav__toggle {
  display: none;
}
.graduate-nav__link {
  display: block;
  padding: 1em;
  border-bottom: 1px solid #CCC;
  background-color: #f1f1f1;
  color: #001731;
  font-size: 1.5em;
  text-decoration: none;
  line-height: 1em;
  -webkit-transition: background-color 150ms, color 150ms;
  -moz-transition: background-color 150ms, color 150ms;
  -o-transition: background-color 150ms, color 150ms;
  transition: background-color 150ms, color 150ms;
}
.graduate-nav__link.-visited {
  background-color: #FFF;
  color: #3173b5;
}
.graduate-nav__link.-final {
  background-color: #3173b5;
  color: #FFF;
  z-index: 9999px;
}
.graduate-nav__link.-current, .graduate-nav__link[class]:hover {
  color: #FFF;
  background-color: #001731;
  border-color: #001731;
}
@media only screen and (max-width: 880px) and (orientation: landscape) {
  .graduate-nav ol {
    -webkit-overflow-scrolling: touch;
  }
}
.graduate-nav__title {
  font-weight: normal;
}
.graduate-nav__title__number:after {
  content: ".";
}
.graduate-nav__desc {
  display: none;
}
.graduate-nav.fixed {
  position: fixed;
  z-index: 9999;
  box-sizing: border-box;
  top: 0;
  max-width: 490px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px 0;
  -moz-animation: gradnav-arrive 250ms ease 10ms 1 backwards;
  -webkit-animation: gradnav-arrive 250ms ease 10ms 1 backwards;
  animation: gradnav-arrive 250ms ease 10ms 1 backwards;
}
@media only screen and (max-width: 880px) and (orientation: landscape) {
  .graduate-nav.fixed ol {
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 880px) {
  .graduate-nav__toggle {
    position: relative;
    display: block;
    padding: 20px 30px;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: normal;
    background: #001731;
    color: #FFF;
  }
  .graduate-nav__toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    height: 14px;
    width: 14px;
    margin-left: 1em;
    margin-top: -7px;
    background: url("/rnAssets/img/arrow-sprite.png") -219px -91px no-repeat;
    vertical-align: middle;
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: transform 400ms;
    -moz-transition: transform 400ms;
    -o-transition: transform 400ms;
    transition: transform 400ms;
  }
  .graduate-nav.fixed ol {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .graduate-nav.-open .graduate-nav__toggle:after {
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  #ie8 .graduate-nav.-open .graduate-nav__toggle:after {
    background-position: -154px -91px;
  }
  .graduate-nav__link {
    padding-left: 30px;
  }
  .graduate-nav ol {
    border-top: 1px solid #999;
  }
}

/* ====== BLOCK WITH FEATURED IMAGE ====== */
/* new with submariners career page        */
.image-third {
  *zoom: 1;
  background: #FFF;
}
.image-third:after {
  content: "";
  display: table;
  clear: both;
}
.image-third[class] {
  padding: 0;
  height: auto;
}
.image-third .image {
  overflow: hidden;
}
.image-third .image img {
  max-width: 100%;
  display: block;
}
.image-third.darkBG {
  background: #001731;
}
.image-third.blackBG {
  background: #000;
}
.image-third .inr {
  padding: 3em 2em;
  box-sizing: border-box;
  position: static;
}
.image-third.copy-block blockquote {
  margin: 0;
  padding: 0;
  text-align: left;
  background: transparent none;
}
.image-third.copy-block blockquote p:before {
  content: "“";
  display: inline;
}
.image-third.copy-block blockquote p:last-of-type:after {
  content: "”";
  display: inline;
}
@media screen and (max-width: 512px) {
  .image-third:not(.-reverse) .image {
    position: relative;
    overflow: hidden;
    padding-top: 62.5%;
  }
  .image-third:not(.-reverse) .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    max-height: none;
  }
  .image-third:not(.-reverse) .image.-top img {
    top: 0;
    left: 0;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.image-third.-reverse .inr h2 {
  text-align: left;
}
.image-third.-reverse .inr h2 span {
  font-size: 0.64286em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
}

.recent-grad {
  background: #f1f1f1;
}
.recent-grad blockquote p {
  font-size: 2.1em;
  line-height: 1.333em;
}
.recent-grad blockquote cite {
  font-size: 1.7em;
  line-height: 1.176em;
  font-style: normal;
  font-weight: bold;
  color: #3173b5;
}

/* ====== BLOCK WITH FEATURED IMAGE (ABOVE) ====== */
/* new with officers career page                   */
.image-above[class] .image img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.image-above[class] .inr {
  padding: 30px 40px;
  text-align: left;
}
.image-above[class].lightBG {
  background-color: #FFF;
}
.image-above[class].darkBG {
  background-color: #001731;
}
.image-above[class].blackBG {
  background-color: #000;
}
.image-above[class].greyBG {
  background-color: #272727;
}

/* ====== BLOCK WITH FEATURED IMAGE (ABOVE) WITH HEADING OVER IMAGE ====== */
.image-above.heading-over-image {
  position: relative;
}
.image-above.heading-over-image h3 {
  color: #fff;
  padding-bottom: 30px;
  position: relative;
  text-align: center;
  letter-spacing: -0.025em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 20%;
  padding-left: 10px;
  padding-right: 10px;
}
.image-above.heading-over-image h3:after {
  content: '';
  position: absolute;
  background: #fff;
  height: 1px;
  width: 72px;
  left: 50%;
  bottom: 0;
  margin-left: -36px;
}

/* ====== SMALL NAVY NEWS LOGO ====== */
.nn-logo-sm {
  display: inline-block;
  width: 90px;
  height: 18px;
  background-image: url(/rnAssets/img/navynews-logo-sm.png);
  background-position: left 3px;
  background-size: 90px;
  text-indent: -999px;
  overflow: hidden;
  vertical-align: middle;
  margin-top: -4px;
}
.filter-tag:hover .nn-logo-sm, .filter-tag.selected .nn-logo-sm {
  background-position: 0 25px;
}
.nn-logo-sm.right {
  float: right;
  margin-top: 3px;
  margin-right: 5px;
}

.nn-logo-md {
  display: inline-block;
  width: 175px;
  height: 23px;
  background-image: url(/rnAssets/img/navynews-logo-md.png);
  background-position: top left;
  text-indent: -999px;
  overflow: hidden;
  vertical-align: middle;
  margin-top: -4px;
  margin-bottom: 20px;
}

.nn-logo-lrg {
  display: block;
  max-width: 357px;
  width: 80%;
  height: 0;
  padding-top: 13.858696%;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/rnAssets/img/navynews-logo-lrg.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
  vertical-align: middle;
}

.nn-advert {
  background-size: cover;
  margin-bottom: 1em;
  text-align: center;
}
.nn-advert .link {
  padding: 0;
}

.nn-advert p {
  display: inline-block;
  margin: 0 20px;
  margin-bottom: 20px;
}

.nn-listing-thumb {
  padding-bottom: 45px;
  background: #001731 url(/rnAssets/img/navynews-logo-sm.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

.listing-item.nn-listing-item .listing-title {
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
}
.listing-item.nn-listing-item .listing-title:after {
  display: none;
}
.listing-item.nn-listing-item .listing-meta {
  position: relative;
  padding: 0 0 12px 0;
  font-weight: bold;
}
.listing-item.nn-listing-item .listing-meta:after {
  content: '';
  position: absolute;
  width: 52px;
  height: 1px;
  background: #000;
  bottom: 0;
  left: 0;
}

.nn-advert-mini {
  background-color: #0f253d;
  padding: 10px;
  color: #b3bac2;
}
.nn-advert-mini p {
  text-transform: uppercase;
  line-height: 1.4em;
  margin-bottom: 15px;
}
.nn-advert-mini .btn {
  background-color: white;
  color: #001731;
}

.nn-small-listing {
  overflow: hidden;
  padding: 13px;
}
.nn-small-listing * {
  box-sizing: border-box;
}
.nn-small-listing .nn-small-listing-item {
  padding: 12px;
  color: #ffffff;
  overflow: hidden;
}
.nn-small-listing .listing-title {
  margin: 0 0 10px 0;
  font-size: 3em;
}
.nn-small-listing .copy {
  padding: 5px 0 0 0;
  overflow: hidden;
}
.nn-small-listing p {
  line-height: 1.3em;
}
.nn-small-listing .nn-small-listing-img {
  overflow: hidden;
  display: block;
  padding: 7px;
  border: 1px solid #676767;
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 1.4em;
}
.nn-small-listing .nn-small-listing-img-inr {
  background: #fff;
  display: block;
  height: 100%;
  padding: 7px;
}
.nn-small-listing .nn-small-listing-img img {
  max-width: 85px;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
}

@media screen and (max-width: 362px) {
  .nn-small-listing .nn-small-listing-img {
    width: 80px;
    height: 80px;
  }
}
.promo-white {
  background-color: white;
}

.nn-footlinks {
  background-color: #f0f0f0;
}
.nn-footlinks .inr {
  padding: 3em;
  text-align: center;
  margin: 0 auto;
}
.nn-footlinks a {
  font-size: 2em;
  color: #878787;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin: 1em;
}

.nn-digital-editions {
  padding: 1em 0;
}
.nn-digital-editions .nn-edition {
  background-color: white;
  padding: 3em;
}

.nn-no-results {
  background-color: white;
  padding: 1em 3em;
  margin: 1em 0 0;
  display: inline-block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nn-no-results + .nn-no-results {
  margin-bottom: 1em;
}

.nn-filter-form {
  margin: 0;
  padding: 3.5em;
  background: #f0f0f0;
}
.nn-filter-form .styled-select .select-label,
.nn-filter-form legend,
.nn-filter-form label {
  text-transform: none;
}
.nn-filter-form legend {
  font-size: 3em;
}
.nn-filter-form label {
  color: #001731;
}
.nn-filter-form input[type=text],
.nn-filter-form input[type=email],
.nn-filter-form textarea,
.nn-filter-form .styled-select {
  background-color: white;
  max-width: 100%;
}
.nn-filter-form input[type=email] {
  margin-bottom: 2em;
}

.nn-filter-form-dark {
  background-color: #001731;
  color: #ffffff;
}
.nn-filter-form-dark label {
  color: #ffffff;
}

.nn-form-full {
  text-align: center;
  clear: both;
}

.address-block {
  background-size: cover;
  background-color: #e1e1e1;
}
.address-block .inr {
  padding: 3.5em;
  text-align: center;
}

.large-heading p {
  margin-bottom: 0;
}

.small-block.white-chevron.contact-details {
  text-align: left;
}
.small-block.white-chevron.contact-details h3 {
  padding: 0 1.5em 1.5em;
  line-height: 1.25;
}
.small-block.white-chevron.contact-details p {
  font-size: 1.8em;
  line-height: 1.25;
  text-transform: uppercase;
  margin: 0 1.5em;
}

.small-block.contact-details .inr .copy {
  left: 0;
}
.small-block.contact-details .inr .copy h2 {
  font-size: 2.3em;
  margin-bottom: 5px;
}

.nn-numbers * {
  box-sizing: border-box;
}

/**
 * General version of MITRN social nav
 */
.floating-social {
  background: #272727;
  padding: 40px 20px;
  text-align: center;
}
.floating-social:after {
  content: 'mobile';
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
}
.floating-social * {
  box-sizing: border-box;
}
.floating-social__list {
  *zoom: 1;
  width: 100%;
  max-width: 300px;
  min-width: 200px;
  margin: 0 auto;
}
.floating-social__list:after {
  content: "";
  display: table;
  clear: both;
}
.floating-social__list__item {
  float: left;
  width: 33.3333%;
  border: 1px solid #FFF;
}
.floating-social__list__item:before {
  content: "";
  float: left;
  width: 1px;
  margin-right: -1px;
  padding-top: 100%;
}
.floating-social__list__item:nth-child(2) {
  border-left-width: 0;
  border-right-width: 0;
  padding: 0 1px;
}
.floating-social__link {
  display: block;
  float: none;
  position: relative;
  padding: 65% 10px 23px;
  margin: 0;
  border: 0;
  width: 100%;
  font-size: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  background: transparent;
  cursor: pointer;
}
.floating-social__link .floating-social__icon {
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -12.5px;
}
.floating-social__icon {
  display: block;
  width: 25px;
  height: 25px;
  background: url("/rnAssets/img/social-icons@2x.png") top center no-repeat;
  background-size: cover;
}
.floating-social__icon.-live-chat {
  background-position: 50%    0;
}
.floating-social__icon.-newsletter {
  background-position: 50%  -25px;
}
.floating-social__icon.-phone {
  background-position: 50%  -150px;
}
.floating-social__icon.-share {
  background-position: 50%  -50px;
}
.floating-social__icon.-facebook {
  background-position: 50%  -75px;
}
.floating-social__icon.-twitter {
  background-position: 50% -100px;
}
.floating-social__icon.-gplus {
  background-position: 50% -125px;
}
.floating-social__share {
  position: relative;
}
.floating-social__share__list {
  position: absolute;
  z-index: 999;
  bottom: calc(100% + 7px);
  left: 50%;
  margin-left: -100px;
  width: 200px;
  padding: 10px;
  border-radius: 5px;
  background: #f0f0f0;
  opacity: 0;
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transition: transform 400ms, opacity 400ms;
  -moz-transition: transform 400ms, opacity 400ms;
  -o-transition: transform 400ms, opacity 400ms;
  transition: transform 400ms, opacity 400ms;
  -moz-perspective: 800px;
  -webkit-perspective: 800px;
  perspective: 800px;
}
.floating-social__share__list__item {
  float: left;
  width: 50%;
  padding: 5px;
  text-align: center;
}
.floating-social__share__list__item.-full {
  clear: both;
  float: none;
  width: 100%;
  padding-top: 20px;
  font-size: 1.5em;
}
.floating-social__share__list__item.-full input {
  width: 100%;
  padding: 5px 10px;
  border: 0;
  margin: 1em 0 0;
  background: #FFF;
  color: #272727;
  font-size: 1em;
  line-height: 1;
}
.floating-social__share__list:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top-color: #f0f0f0;
}
.floating-social__share__list.js-show {
  display: block;
  opacity: 1;
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
.floating-social__share__list #ie8 {
  display: none;
}
.floating-social__share__list #ie8.js-show {
  display: block;
}
.floating-social__share__link {
  overflow: hidden;
  display: inline-block;
  height: 50px;
  width: 50px;
  padding: 12.5px;
  border-radius: 50%;
  background: #848484;
  color: transparent;
}
.floating-social__link, .floating-social__share__link {
  -webkit-transition: background 350ms;
  -moz-transition: background 350ms;
  -o-transition: background 350ms;
  transition: background 350ms;
}
.floating-social__link:hover, .floating-social__share__link:hover {
  background: #001731;
}
@media screen and (max-width: 1180px) {
  .floating-social.js-fixed.js-offscreen .floating-social__list {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  .floating-social.js-fixed .floating-social__list {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    padding: 0;
    -webkit-transition: transform 500ms;
    -moz-transition: transform 500ms;
    -o-transition: transform 500ms;
    transition: transform 500ms;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .floating-social.js-fixed .floating-social__list__item {
    background: rgba(0, 0, 0, 0.35);
  }
  .floating-social.js-fixed .floating-social__share__list {
    left: auto;
    right: 0;
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-transform-origin: 75% 50% 0 50%;
    -ms-transform-origin: 75% 50% 0 50%;
    -webkit-transform-origin: 75% 50% 0 50%;
    transform-origin: 75% 50% 0 50%;
  }
  .floating-social.js-fixed .floating-social__share__list:after {
    left: 75%;
  }
  .floating-social.js-fixed .floating-social__share__list.js-show {
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
}
@media screen and (max-width: 512px) {
  .floating-social.js-fixed .floating-social__list {
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .floating-social.js-fixed.js-offscreen .floating-social__list {
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
  }
}
@media screen and (max-width: 380px), screen and (max-height: 480px) {
  .floating-social:not(.js-fixed) .floating-social__icon {
    width: 16px;
    height: 16px;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-live-chat {
    background-position: 50%   0;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-newsletter {
    background-position: 50% -16px;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-phone {
    background-position: 50% -96px;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-share {
    background-position: 50% -32px;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-facebook {
    background-position: 50% -48px;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-twitter {
    background-position: 50% -64px;
  }
  .floating-social:not(.js-fixed) .floating-social__icon.-gplus {
    background-position: 50% -18px;
  }
  .floating-social:not(.js-fixed) .floating-social__link {
    padding-top: 55%;
  }
  .floating-social:not(.js-fixed) .floating-social__link .floating-social__icon {
    margin-left: -8px;
  }
  .floating-social.js-fixed .floating-social__list {
    height: 35px;
  }
  .floating-social.js-fixed .floating-social__link {
    overflow: hidden;
    padding: 35px 0 0;
    height: 0;
  }
  .floating-social.js-fixed .floating-social__link .floating-social__icon {
    top: 50%;
    margin-top: -12.5px;
  }
}

.inline-video-player {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 0;
  padding: 56.25% 0 0;
  z-index: 0;
  -webkit-transition: min-height 250ms;
  -moz-transition: min-height 250ms;
  -o-transition: min-height 250ms;
  transition: min-height 250ms;
}
.inline-video-player__splash, .inline-video-player__endframe, .inline-video-player__iframe {
  /* lots of !important to override inline styles :s */
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.inline-video-player__iframe {
  display: block !important;
  top: 0    !important;
  left: 0    !important;
  height: 100% !important;
  width: 100% !important;
}
.inline-video-player__splash, .inline-video-player__endframe {
  z-index: 2;
  padding: 20px 30px;
  background: #222 center center no-repeat;
  background-size: cover;
}
.inline-video-player__splash.js-show.js-show[class], .inline-video-player__endframe.js-show.js-show[class] {
  display: block;
}
.inline-video-player__splash.js-show.js-show[class] {
  cursor: pointer;
}
.inline-video-player__endframe {
  display: none;
  text-align: center;
}
.inline-video-player__endframe strong {
  display: block;
  margin-bottom: 2em;
  color: #FFF;
  font-size: 1.6em;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
}
.inline-video-player__endframe .btn {
  font-size: 1em;
}
.inline-video-player__endframe button {
  border: 0;
  padding: 0;
  margin: 1em auto;
  background: transparent none;
  color: #FFF;
  text-decoration: underline;
  font-size: 1.4em;
  cursor: pointer;
}
.inline-video-player.js-enabled .inline-video-player__splash, .inline-video-player.js-enabled .inline-video-player__endframe {
  display: none;
}
.inline-video-player.js-enabled .inline-video-player__splash:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10.71429%;
  padding-bottom: 15%;
  margin-top: -7.5%;
  margin-left: -5.35714%;
  background: url(/rnAssets/img/video.png) no-repeat center center;
  background-size: contain;
  -webkit-transition: transform 150ms;
  -moz-transition: transform 150ms;
  -o-transition: transform 150ms;
  transition: transform 150ms;
}
.inline-video-player.js-enabled .inline-video-player__splash.js-playing:after {
  background-image: url(/rnAssets/img/video-loading.png);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.wrapper__outer.-fade-black {
  background: #000;
}

#masthead .wrapper__outer.-fade-black .wrapper {
  padding-top: 0;
}

.graduate-footer .campaign-block.campaign-half {
  float: left;
}

.feature-table {
  background: #FFF;
}
.feature-table .featureTable {
  empty-cells: show;
  border-collapse: collapse;
  max-width: 100%;
  border: 0;
  margin: 0 20px 20px;
  background:   white;
}
.feature-table .featureTable th, .feature-table .featureTable td {
  padding: 30px 15px;
  border: 0;
  font-family: inherit;
  line-height: 1.5em;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
.feature-table .featureTable tr:nth-child(odd) {
  background: #F0F0F0;
}
.feature-table .featureTable th {
  padding-right: 85px;
  background-position: -5em -5em;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-transform: uppercase;
}
.feature-table .featureTable th:before {
  content: "";
  display: inline-block;
  height: 40px;
  width: 40px;
  margin-right: 55px;
  background-image: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media screen and (max-width: 880px) {
  .feature-table .featureTable, .feature-table .featureTable tbody, .feature-table .featureTable th, .feature-table .featureTable td {
    display: block;
    box-sizing: border-box;
  }
  .feature-table .featureTable th {
    padding-bottom: 15px;
    padding-right: 15px;
  }
  .feature-table .featureTable td {
    padding: 15px 30px 30px;
  }
}
@media screen and (max-width: 512px) {
  .feature-table .featureTable th {
    padding-right: 15px;
  }
  .feature-table .featureTable th:before {
    margin-right: 20px;
  }
}
.multi-col .feature-table .featureTable th, .multi-col .feature-table .featureTable td {
  font-size: 1.5em;
  line-height: 1.5em;
}

/* ====== Timeline / secuence blocks ====== */
.sequential-blocks .intro {
  background: #000;
  padding: 25px;
  text-align: center;
}
.sequential-blocks .intro h4 {
  font-size: 1.7em;
  font-weight: normal;
}
.sequential-blocks .blocks {
  background-color: #fff;
}
.sequential-blocks .blocks .block {
  text-align: left;
  position: relative;
  z-index: 0;
}
.sequential-blocks .blocks .block:nth-child(2n), .sequential-blocks .blocks .block:nth-child(2n) .number {
  background-color: #f1f1f1;
}
.sequential-blocks .blocks .block:first-child:before {
  display: none;
}
.sequential-blocks .blocks .block:last-child .inr {
  padding-bottom: 30px;
}
.sequential-blocks .blocks .block .inr {
  position: relative;
  z-index: 2;
  padding: 40px 20px 30px 60px;
}
.sequential-blocks .blocks .block .inr:before {
  content: '';
  position: absolute;
  top: 50px;
  left: 31px;
  width: 1px;
  bottom: 30px;
  background: #3173b5;
}
.sequential-blocks .blocks .block .number {
  display: inline-block;
  text-align: center;
  padding: 15px 8px 15px;
  line-height: 1;
  font-size: 2.8em;
  font-weight: 600;
  color: #3173b5;
  border-top: 1px solid #3173b5;
  border-bottom: 1px solid #3173b5;
  background: #fff;
  margin-bottom: 25px;
  min-width: 33px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 24px;
  left: 16px;
}
.sequential-blocks .blocks .block .copy ul {
  text-align: left;
  display: inline-block;
  margin-top: 0;
}

.skip-links {
  background: #001731;
  position: relative;
  z-index: 2;
  display: none;
}
.skip-links .wrapper {
  position: relative;
}
.skip-links.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
}
.skip-links.fixed + section {
  padding-top: 75px;
}
.skip-links a {
  color: #fff;
  display: block;
  font-size: 1.6em;
  text-align: center;
  padding: 20px;
  line-height: 1;
  text-decoration: none;
  border-top: 1px solid #fff;
  position: relative;
}
.skip-links a.launcher {
  padding-bottom: 22px;
  border: none;
}
.skip-links a.launcher:after {
  background: url("/rnAssets/img/arrow-sprite.png") repeat scroll -222px -224px transparent;
  content: '';
  height: 7px;
  width: 12px;
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  bottom: 8px;
}
.skip-links .strike-through {
  margin: 0;
}
.skip-links .strike-through span:before,
.skip-links .strike-through span:after {
  background-color: #fff;
}
.skip-links .links {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 3;
  background-color: #001731;
}
.skip-links .links a span:after {
  background: url("/rnAssets/img/arrow-sprite.png") repeat scroll -94px -222px transparent;
  content: '';
  height: 12px;
  width: 7px;
  display: inline-block;
  margin-left: 8px;
  position: relative;
}
.skip-links .btt {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.6em;
  border: none;
  padding: 0;
  width: 70px;
  height: 100%;
  text-indent: -999em;
}
.skip-links .btt:hover {
  background-color: #343434;
}
.skip-links .btt:after {
  background: url("/rnAssets/img/arrow-sprite.png") repeat scroll -155px -223px transparent;
  content: '';
  height: 7px;
  width: 12px;
  display: block;
  right: 50%;
  position: absolute;
  top: 50%;
  margin-right: -8px;
  margin-top: -3px;
}

/* ====== Quick question block ====== */
.quick-question[class] {
  text-align: center;
}
.quick-question[class] .question__intro {
  margin-bottom: 15px;
}
.quick-question[class] .question__text {
  margin-top: 30px;
}
.quick-question[class] .question__text p {
  font-size: 2.2em;
  margin-bottom: 10px;
}
.quick-question[class] .question__intro,
.quick-question[class] .question__text,
.quick-question[class] .question__after {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.quick-question[class] .answers {
  max-width: 340px;
  margin: 30px auto 0;
}
.quick-question[class] .answers ol {
  counter-reset: answer;
  position: relative;
  margin: 0 -7px;
}
.quick-question[class] .answers ol li {
  display: inline-block;
  margin: 0 6px 20px;
  font-size: 1.3em;
  padding: 0;
}
.quick-question[class] .answers ol li:before {
  counter-increment: answer;
  content: counter(answer,upper-latin);
  display: block;
  text-align: center;
  color: #3173b5;
  line-height: 1;
  margin: 0 0 10px;
  font-weight: 600;
  float: none;
}
.quick-question[class] .answers ol .circle {
  height: 77px;
  width: 77px;
  border-radius: 50%;
  background-color: #f0f0f0;
  position: relative;
}
.quick-question[class] .answers ol .circle .inr {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #272727;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
}
.quick-question[class] .answer {
  background: #f0f0f0;
  font-size: 1.6em;
  max-width: 265px;
  margin: 15px auto 30px;
  position: relative;
  overflow: hidden;
}
.quick-question[class] .answer__text {
  font-weight: bold;
  padding: 20px;
}
.quick-question[class] .answer__text strong {
  color: #3173b5;
}
.quick-question[class] .answer__reveal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: #3173b5;
  text-decoration: none;
  -webkit-transition: top 0.4s ease-in;
  -moz-transition: top 0.4s ease-in;
  -o-transition: top 0.4s ease-in;
  transition: top 0.4s ease-in;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.js .quick-question[class] .answer__reveal {
  display: block;
}
.quick-question[class] .answer.answer--shown .answer__reveal {
  top: -100%;
}

/* ====== pre joining fitness test ====== */
.pjft-lookup table {
  width: 100%;
  border: 1px solid  #fff;
  margin: 20px 0;
}
.pjft-lookup table td, .pjft-lookup table th {
  padding: 10px;
  border: 1px solid  #fff;
}
.pjft-lookup .fallback {
  margin-bottom: 25px;
}
.js .pjft-lookup .fallback {
  display: none;
}
.pjft-lookup .result {
  display: none;
  background: #fff;
  color: #001731;
  opacity: 0;
  max-height: 0;
  -webkit-transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pjft-lookup .result .inr {
  padding: 30px;
}
.pjft-lookup .result .time {
  font-weight: 600;
  font-size: 2.2em;
  margin-bottom: 15px;
}
.js .pjft-lookup .result {
  display: block;
}
.pjft-lookup .result--shown {
  height: auto;
  max-height: 400px;
  opacity: 1;
}
.pjft-lookup .result--shown + p {
  margin-top: 25px;
}
.pjft-lookup .filters {
  display: none;
  text-align: left;
  position: relative;
  margin: 0 -7px 15px;
}
.pjft-lookup .filters .col {
  width: 100%;
  margin-bottom: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 7px;
}
.pjft-lookup .filters label {
  color: #848484;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
  font-size: 1.6em;
}
.pjft-lookup .filters .styled-select {
  width: 100%;
}
.js .pjft-lookup .filters {
  display: block;
}

/* ====== FAQ list ====== */
.faq-list {
  background-color: #fff;
}
.faq-list__item {
  padding: 40px 30px;
}
.faq-list__item:nth-child(2n-1) {
  background-color: #f0f0f0;
}
.faq-list__question, .faq-list__answer {
  position: relative;
  padding-left: 65px;
  min-height: 55px;
}
.faq-list__question:before, .faq-list__answer:before {
  font-size: 55px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}
.faq-list__question {
  margin-bottom: 20px;
}
.faq-list__question p {
  font-size: 1.9em;
}
.faq-list__question:before {
  content: 'Q';
  color: #272727;
}
.faq-list__answer:before {
  content: 'A';
  color: #3173b5;
}

a.print-btn {
  font-size: 2.1em;
  display: block;
  color: #001731;
  margin: 20px 0;
  font-weight: bold;
  margin: 20px 0 10px;
}
a.print-btn:before {
  content: '';
  height: 27px;
  width: 27px;
  display: block;
  background: url("/rnAssets/img/print.png") no-repeat;
  float: left;
  padding-right: 10px;
}

.feature-map {
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

@media only screen and (min-width: 512px) {
  body:after {
    content: 'tablet';
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .spacer_1x1,
  .small-block,
  .js .fold-out,
  .related-units .related-heading,
  #why-navy .related-heading {
    width: 50%;
    padding-bottom: 50%;
  }

  .copy-block,
  .news-block .col-a,
  .news-block .col-b,
  .spacer_2x2,
  .copy-block.copy-feature,
  .small-block.small-wide,
  .spacer_1x1,
  .small-block,
  .js .fold-out,
  .related-units .related-heading,
  #why-navy .related-heading {
    float: left;
    height: 0;
  }
  .flow-right .copy-block, .flow-right
  .news-block .col-a, .flow-right
  .news-block .col-b, .flow-right
  .spacer_2x2, .flow-right
  .copy-block.copy-feature, .flow-right
  .small-block.small-wide, .flow-right
  .spacer_1x1, .flow-right
  .small-block, .flow-right
  .js .fold-out, .flow-right
  .related-units .related-heading, .flow-right
  #why-navy .related-heading {
    float: left;
  }

  .copy-block,
  .news-block .col-a,
  .news-block .col-b,
  .spacer_2x2 {
    width: 100%;
    padding-bottom: 100%;
  }

  .small-block.small-wide {
    width: 100%;
    padding-bottom: 50%;
  }

  .copy-block.copy-feature {
    width: 100%;
    padding-bottom: 200%;
  }

  .copy-block.copy-feature.copy-feature-three {
    width: 100%;
    padding-bottom: 150%;
  }

  .copy-block.copy-feature.copy-feature-two {
    width: 100%;
    padding-bottom: 100%;
  }

  .wrapper {
    max-width: 490px;
  }

  .small-block .prx,
  .prx {
    background-size: 180% auto;
  }

  /* =================================================
  
  	SECTION MODIFIERS
  
  ==================================================== */
  #masthead .wrapper {
    padding-top: 170px;
  }
  .home-page #masthead .wrapper, .theme-page #masthead .wrapper, .feature-page #masthead .wrapper, .category-page #masthead .wrapper, .t4-page #masthead .wrapper, .officers-page #masthead .wrapper {
    padding-top: 450px;
  }

  .error-page #masthead {
    background-position: top center;
  }

  .error-page .header-block {
    margin-bottom: 170px;
  }

  /* =================================================
  
  	LARGE COPY BLOCKS
  	- Photo background
  	- Circle background
  
  ==================================================== */
  .copy-block {
    position: relative;
  }
  .copy-block .inr {
    padding: 3em 5em 18.2em 5em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .copy-block .copy-ctas {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3em;
  }
  .copy-block .copy-ctas .btn {
    margin-top: .5em;
    min-width: 20em;
  }
  .copy-block .overflow {
    display: none;
  }
  .copy-block.chevron .inr .copy {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 69.38776%;
  }

  .copy-block.clock-block .inr {
    background: #001731 url("/rnAssets/img/clock.gif") 50%;
    background-size: cover;
  }
  .copy-block.clock-block .inr .display-heading {
    font-size: 4.8em;
    font-weight: normal;
  }

  .copy-block.copy-feature.lightBG {
    background-position: -100% 0;
    background-size: initial;
  }
  .copy-block.copy-feature.darkBG {
    background-position: -100% 0;
    background-size: initial;
  }

  .copy-panel-wrap .inr {
    background-color: white;
    z-index: 2;
  }
  .copy-panel-wrap > .inr,
  .copy-panel-wrap .panel > .inr {
    padding-bottom: 3em;
    padding-top: 3em;
  }

  .panel-trigger {
    display: inline-block;
  }

  .copy-block .panel {
    -webkit-transition: left 200ms ease-in-out, top 200ms ease-in-out, bottom 200ms ease-in-out;
    -moz-transition: left 200ms ease-in-out, top 200ms ease-in-out, bottom 200ms ease-in-out;
    -o-transition: left 200ms ease-in-out, top 200ms ease-in-out, bottom 200ms ease-in-out;
    transition: left 200ms ease-in-out, top 200ms ease-in-out, bottom 200ms ease-in-out;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1;
  }
  .copy-block .panel .inr {
    z-index: 1;
  }
  .copy-block .panel .inr p {
    padding: 0 3em;
  }

  .copy-panel-wrap.open {
    z-index: 20;
  }
  .copy-panel-wrap.open .btn.panel-trigger span:after {
    background-position: -286px -92px;
    width: 12px;
  }
  .copy-panel-wrap.open .btn.panel-trigger:hover span:after {
    background-position: -286px -92px;
    width: 12px;
  }

  .copy-block.out .panel.open-from-left {
    left: 100%;
  }
  .copy-block.out .panel.open-from-right {
    left: -100%;
  }

  .copy-block.out .panel.open-from-left, .copy-block.out .panel.open-from-right {
    left: 0;
    top: 100%;
    bottom: -100%;
  }

  .copy-photo-bg .inr {
    z-index: 1;
  }

  .copy-circle-bg.open {
    z-index: 20;
  }
  .copy-circle-bg.open .inr {
    border-radius: 0;
    margin: 0;
  }
  .copy-circle-bg.open .inr .copy {
    padding: 5em 10em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    background: white;
  }
  .copy-circle-bg.open .overflow {
    display: block;
    background: white;
  }
  .copy-circle-bg.open .copy-ctas a {
    background-position: -134px -124px;
  }
  .copy-circle-bg .inr {
    z-index: 1;
    padding: 3em 5em;
    margin: 1em;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
  }
  .copy-circle-bg .inr .copy {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: 0 auto;
    width: 65.30612%;
  }
  .copy-circle-bg .copy-ctas {
    position: absolute;
    z-index: 2;
    padding: 0;
    left: auto;
  }
  .copy-circle-bg .copy-ctas a {
    display: block;
    width: 55px;
    height: 55px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #232323;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.2em;
  }
  .copy-circle-bg .copy-ctas .refresh {
    text-indent: -9999px;
    background: url(/rnAssets/img/refresh.gif) center top;
  }
  .copy-circle-bg .copy-ctas .refresh.loading {
    background-position: center bottom;
  }

  .copy-photo-bg:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
    /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    /* IE8 */
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
  }

  .copy-photo-bg.copy-circle-bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
    /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    /* IE8 */
    background: rgba(71, 89, 109, 0.5);
    z-index: 0;
  }

  .copy-photo-bg.copy-circle-bg .inr {
    background: rgba(255, 255, 255, 0.8);
  }

  .darkBG.copy-photo-bg.copy-circle-bg:after,
  .copy-circle-bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
    /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    /* IE8 */
    background: rgba(255, 255, 255, 0.5);
    z-index: 0;
  }

  .darkBG.copy-photo-bg.copy-circle-bg .inr {
    background: rgba(0, 23, 49, 0.7);
  }

  /* ====== BLOCK WITH FEATURED IMAGE ====== */
  /* new with submariners career page        */
  .image-third:not(.-reverse) {
    overflow: hidden;
    *zoom: 1;
  }
  .image-third:not(.-reverse) .inr {
    padding: 30px 20px;
  }
  .image-third:not(.-reverse) .image {
    width: 245px;
  }
  .image-third:not(.-reverse) .image-inner {
    margin: 0 -50%;
    text-align: center;
  }
  .image-third:not(.-reverse) .image img {
    margin: 0 auto;
  }
  .image-third:not(.-reverse).-left .image {
    float: left;
  }
  .image-third:not(.-reverse).-left .inr {
    margin-left: 245px;
  }
  .image-third:not(.-reverse).-right .image {
    float: right;
  }
  .image-third:not(.-reverse).-right .inr {
    margin-right: 245px;
  }
  .image-third:not(.-reverse).copy-block .image {
    width: 160px;
  }
  .image-third:not(.-reverse).copy-block .image img {
    height: 245px;
  }
  .image-third:not(.-reverse).copy-block.-left .inr {
    margin-left: 160px;
  }
  .image-third:not(.-reverse).copy-block.-right .inr {
    margin-right: 160px;
  }

  /* =================================================
  
  	SMALL BLOCKS
  	- CTA feature blocks
  	- event blocks
  	- fact blocks
  	- Role blocks
  	- Unit blocks
  
  ==================================================== */
  .small-block {
    position: relative;
  }
  .small-block .inr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .small-block .inr.padding {
    padding: 10% 0;
  }
  .small-block .inr.padding .btn {
    position: relative;
    left: 0;
    margin: 0 auto;
    top: 0;
  }

  .small-fact .fact-figure span {
    font-size: 2em;
  }

  .small-block.clickable {
    cursor: pointer;
  }

  .white-chevron {
    background-image: -moz-linear-gradient(top left, #ffffff 50%, #f0f0f0 50%);
    background-image: -webkit-linear-gradient(top left, #ffffff 50%, #f0f0f0 50%);
    background-image: linear-gradient(to bottom right, #ffffff 50%, #f0f0f0 50%);
  }

  .small-operation .copy h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.8em;
    padding: .25em .75em;
    margin-bottom: 10px;
    text-align: center;
  }

  .small-circle-bg:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
    /* IE8 */
    top: 1em;
    bottom: 1em;
    left: 1em;
    right: 1em;
    border-radius: 100%;
  }
  .small-circle-bg .inr {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    position: absolute;
    top: 50%;
    bottom: auto;
    text-align: center;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .small-circle-bg .inr h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.8em;
    padding: .25em .75em;
    margin-bottom: 10px;
    text-align: center;
  }
  .small-circle-bg .btn {
    margin-top: 0;
  }

  .small-profile {
    background: white;
  }
  .small-profile .inr {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-size: cover;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }
  .small-profile .inr .copy {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    position: absolute;
    top: 50%;
    bottom: auto;
    text-align: center;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .small-profile .inr .copy h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.4em;
    padding: .25em .75em;
    text-align: center;
  }
  .small-profile .inr .copy h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 1.5em;
    padding: 0 .5em .5em;
    text-align: center;
  }
  .small-profile .btn {
    margin-top: 0;
  }

  /* =================================================
  
  	INFINITE CAROUSEL
  
  ==================================================== */
  .inf-carousel {
    background: #000;
    position: relative;
  }
  .js .inf-carousel .slide-wrap {
    overflow: hidden;
  }
  .js .inf-carousel .slide-wrap ul {
    white-space: nowrap;
    position: relative;
  }
  .js .inf-carousel .slide {
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    max-width: 512px;
    display: inline-block;
    position: relative;
  }
  .js .inf-carousel .slide.current, .js .inf-carousel .slide.current .slide-content {
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
    /* IE8 */
    zoom: 1;
  }
  .js .inf-carousel .slide img {
    max-width: 100%;
    max-height: 447px;
    height: 447px;
    width: auto;
    display: block;
  }
  .js .inf-carousel .slide * {
    white-space: normal;
  }
  .js .inf-carousel .slide-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    padding: 2.2em;
    text-align: center;
    background: transparent;
    background: rgba(255, 255, 255, 0.8);
    font-size: 0.78571em;
    line-height: 2em;
  }
  .js .inf-carousel .slide-content p {
    max-width: 85%;
    margin: 0 auto;
  }
  .js .inf-carousel .slide-feature {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    background-image: url("/rnAssets/img/blue-chevron-tr.gif");
    background-image: -moz-linear-gradient(top right, #001731 50%, #0f253d 50%);
    background-image: -webkit-linear-gradient(top right, #001731 50%, #0f253d 50%);
    background-image: linear-gradient(to bottom left, #001731 50%, #0f253d 50%);
    padding-bottom: 100%;
    color: white;
  }
  .js .inf-carousel .slide-feature .copy {
    text-align: center;
    top: 50%;
    left: 50%;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%;
  }
  .js .inf-carousel .slide-feature .copy p {
    font-size: 1.5em;
    line-height: 1.66667em;
    max-width: 95%;
  }
  .js .inf-carousel .slide-feature .stat {
    font-size: 11.5em;
    font-weight: 800;
    display: block;
  }
  .js .inf-carousel .wrapper {
    position: relative;
    height: 0;
    z-index: 1;
  }
  .js .inf-carousel .wrapper a {
    display: inline-block;
    background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
    height: 55px;
    width: 55px;
    position: absolute;
    right: 0;
    top: 50%;
    text-indent: -9999px;
  }
  .js .inf-carousel .wrapper .slide-next {
    margin-top: -56px;
    background-position: -68px -5px;
  }
  .js .inf-carousel .wrapper .slide-prev {
    margin-top: 1px;
    background-position: -4px -5px;
  }
  .no-js .inf-carousel .slide {
    position: relative;
  }
  .no-js .inf-carousel .slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
  }
  .no-js .inf-carousel .slide-content {
    padding: 2.2em;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    font-size: 1.1em;
    line-height: 2em;
  }
  .no-js .inf-carousel .slide-content p {
    max-width: 85%;
    margin: 0 auto;
  }

  .related-units {
    background: #001731 repeat-y url(/rnAssets/img/chevron-ships.gif) 50% 0%;
  }
  .related-units .related-heading {
    position: relative;
  }
  .related-units .related-heading .inr {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 1.5em;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .related-units .related-heading h3 {
    font-size: 3em;
    line-height: 1;
    text-transform: uppercase;
  }
  .related-units .related-heading h3 span {
    -webkit-font-smoothing: antialiased;
    font-size: 0.6em;
    font-weight: 100;
    clear: both;
    display: block;
  }

  #why-navy {
    background: #343434 repeat-y url(/rnAssets/img/chevron-tl.png) 50% 0%;
  }
  #why-navy .related-heading {
    position: relative;
  }
  #why-navy .related-heading .inr {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 1.5em;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #why-navy .related-heading h3 {
    font-size: 3em;
    line-height: 1;
    text-transform: uppercase;
  }
  #why-navy .related-heading h3 span {
    -webkit-font-smoothing: antialiased;
    font-size: 0.6em;
    font-weight: 100;
    clear: both;
    display: block;
  }

  .feature {
    text-align: center;
  }
  .feature .wrapper {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
  }

  .feature .wrapper p {
    width: 60%;
  }
  .feature .feature-heading {
    font-size: 10em;
  }

  .header-block .inr {
    padding: 3em 3em;
  }

  /* =================================================
  
  	NEWS BLOCKS
  
  ==================================================== */
  .news-block .col-a {
    background-position: top right;
  }
  .news-block .col-a .inr {
    padding: 3em;
    color: #fff;
  }
  .news-block .col-a .inr h3 {
    margin-bottom: .5em;
    font-size: 3em;
    line-height: 1.1;
    text-transform: none;
  }
  .news-block .col-a .inr p,
  .news-block .col-a .inr time {
    font-size: 1.2em;
    margin-bottom: 1.66667em;
    display: block;
  }
  .news-block .col-a .inr time {
    margin-bottom: 0.83333em;
  }
  .news-block .col-b {
    background-position: top left;
    position: relative;
  }
  .news-block .col-b .inr {
    padding: 3em;
    color: #fff;
  }
  .news-block .col-b .inr .media h3 {
    margin-bottom: 1em;
    font-size: 1.8em;
    line-height: 1.29412em;
    text-transform: none;
  }
  .news-block .col-b .inr .media p,
  .news-block .col-b .inr .media time {
    font-size: 1.2em;
    margin-bottom: 1.25em;
    display: block;
  }
  .news-block .col-b .inr .media time {
    margin-bottom: 0.83333em;
  }
  .news-block .col-b .media {
    margin-bottom: 2.6em;
  }
  .news-block .col-b .media, .news-block .col-b .bd {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
    color: #fff;
  }
  .news-block .col-b .media .img {
    display: block;
    float: left;
    margin-right: 1.4em;
    padding: 7px;
    border: 1px solid #676767;
  }
  .news-block .col-b .media .img img {
    display: block;
  }
  .news-block .col-b .news-all {
    position: absolute;
    bottom: 1em;
    right: 1em;
  }

  /* =================================================
  
  	MODAL
  
  ==================================================== */
  .js .modal {
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 734px;
    max-height: 90%;
    width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
    padding: 5.5em;
  }
  .js .modal:after {
    content: "";
    display: table;
    clear: both;
  }
  .js .modal .close {
    display: inline-block;
    text-indent: -9999px;
    position: absolute;
    background: url(/rnAssets/img/modal-close.gif) no-repeat center center;
    width: 55px;
    height: 55px;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .js .modal .inr {
    overflow: hidden;
    height: auto;
  }

  .no-js .modal {
    max-width: 490px;
  }
  .no-js .modal .col {
    float: none;
    width: 100%;
    padding: 1.5em;
  }

  .deployment-modal,
  .follow-modal,
  .tooltip-modal {
    max-width: 736px;
  }
  .deployment-modal .inr,
  .follow-modal .inr,
  .tooltip-modal .inr {
    overflow: hidden;
  }
  .deployment-modal .display-heading,
  .follow-modal .display-heading,
  .tooltip-modal .display-heading {
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  }
  .deployment-modal h3,
  .follow-modal h3,
  .tooltip-modal h3 {
    font-size: 2.6em;
  }
  .deployment-modal .col,
  .follow-modal .col,
  .tooltip-modal .col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    margin-top: 1em;
    text-align: center;
    margin-bottom: 0;
  }
  .deployment-modal .col p,
  .follow-modal .col p,
  .tooltip-modal .col p {
    margin-bottom: 2.14286em;
  }
  .deployment-modal .col-a,
  .follow-modal .col-a,
  .tooltip-modal .col-a {
    padding-right: 3em;
  }
  .deployment-modal .col-b,
  .follow-modal .col-b,
  .tooltip-modal .col-b {
    padding-left: 3em;
  }
  .deployment-modal .forum-links .col,
  .follow-modal .forum-links .col,
  .tooltip-modal .forum-links .col {
    width: 48%;
    padding-right: 10px;
  }
  .deployment-modal .forum-links .col:last-child,
  .follow-modal .forum-links .col:last-child,
  .tooltip-modal .forum-links .col:last-child {
    padding-right: none;
  }
  .deployment-modal .forum-links .col p,
  .follow-modal .forum-links .col p,
  .tooltip-modal .forum-links .col p {
    margin-bottom: 0;
  }
  .deployment-modal .btn + .btn,
  .follow-modal .btn + .btn,
  .tooltip-modal .btn + .btn {
    margin-top: 0;
  }

  .on-deployment {
    max-width: 370px;
    border: 1px solid white;
    border-bottom: none;
  }

  .js .careers-page #tooltip-modal {
    overflow: auto;
    height: auto;
  }

  /* =================================================
  
  	POST SLIDER
  
  ==================================================== */
  .post-slider {
    display: block;
  }
  .post-slider .slide-wrap {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0 0 .5em;
  }
  .post-slider .slide-next,
  .post-slider .slide-prev {
    background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
    height: 42px;
    width: 42px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: 100ms opacity ease-in-out;
    -moz-transition: 100ms opacity ease-in-out;
    -o-transition: 100ms opacity ease-in-out;
    transition: 100ms opacity ease-in-out;
    z-index: 10;
  }
  .post-slider .slide-next.disabled,
  .post-slider .slide-prev.disabled {
    opacity: 0.5;
  }
  .post-slider .slide-next {
    background-position: -75px -12px;
  }
  .post-slider .slide-prev {
    background-position: -10px -12px;
    right: 43px;
  }
  .post-slider.lightBG .slide-next,
  .post-slider.lightBG .slide-prev {
    border: 1px solid #808080;
    border-top: none;
  }
  .post-slider .media {
    display: inline-block;
    width: 460px;
    margin-right: 1em;
  }
  .post-slider .media h3 {
    margin-bottom: .33em;
    text-transform: none;
  }
  .post-slider .media p,
  .post-slider .media time {
    font-size: 1.2em;
    margin-bottom: 1.25em;
    display: block;
  }
  .post-slider .media time {
    margin-bottom: 0.83333em;
  }
  .post-slider .media:last-child {
    margin-right: 0;
  }
  .post-slider .media {
    margin-bottom: 2.6em;
    padding: 0;
  }
  .post-slider .media, .post-slider .bd {
    white-space: normal;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
  }
  .post-slider .media .img {
    display: block;
    float: left;
    margin-right: 1.4em;
    padding: 7px;
    border: 1px solid #676767;
  }
  .post-slider .media .img img {
    display: block;
  }

  .share-nav {
    position: fixed;
  }

  /* =================================================
  
  	SEARCH POPUP
  
  ==================================================== */
  .js #search-wrap {
    padding: 5%;
  }

  .js .search-field-wrap {
    margin-top: 0;
  }

  .js #search-wrap input.search-field {
    font-size: 8em;
  }

  /*.js #search-wrap .search-info {
  	font-size: convertEm(24,10);
  	margin-top: 1em;
  }*/
  .js #search-wrap .search-submit {
    background-size: contain;
    width: 75px;
    height: 105px;
  }
  .js #search-wrap input.search-field {
    font-size: 8em;
    padding-right: 80px;
  }

  /* =================================================
  
  	BREADCRUMBS
  
  ==================================================== */
  .breadcrumbs {
    position: absolute;
    top: 72px;
    right: 0;
  }
  .breadcrumbs .path {
    display: none;
    height: 35px;
    margin-left: 1px;
    background: rgba(0, 23, 49, 0.85);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
    color: #fff;
    float: left;
    display: inline-block;
    text-transform: none;
    font-size: 1.2em;
    line-height: 35px;
  }
  .breadcrumbs .path span, .breadcrumbs .path a {
    color: white;
    display: inline-block;
    margin: 0 0.58333em;
  }
  .breadcrumbs .path span.sep {
    margin: 0;
  }
  .breadcrumbs .path a {
    text-decoration: none;
  }
  .breadcrumbs .path a:hover {
    text-decoration: underline;
  }

  .crumb-trigger {
    display: none;
  }

  /* =================================================
  
  	GIANT ACCORDION (CATEGORY PAGE)
  
  ==================================================== */
  .giant-accordion .accordion-item .header-block {
    position: relative;
  }
  .giant-accordion .accordion-item .header-block .inr {
    padding: 2.5em;
  }
  .giant-accordion .accordion-item .header-block p {
    max-width: 80%;
    margin: 0 auto;
  }
  .giant-accordion .accordion-trigger {
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: 0;
    margin: 0;
  }

  .js .location-modal {
    padding: 6px;
    width: 90%;
    max-width: 952px;
  }

  .js .video-modal {
    padding: 6px;
  }

  .content-col .inr,
  .welfare-col .inr {
    padding: 5.2em 5.2em;
  }

  .img-block {
    float: left;
    width: 50%;
  }

  .copy-block.map-block .map-thumb {
    margin: 0 -5em;
  }

  .copy-block.map-block .copy-ctas a {
    display: block;
  }

  /* =================================================
  
  	GLOSSARY POPUPS
  
  ==================================================== */
  .glossary-popup {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background: white;
    border: 2px solid #0f253d;
    padding: 1.5em;
    max-width: 300px;
  }
  .glossary-popup:after {
    content: '';
    position: absolute;
    background: url("/rnAssets/img/glossaryarrow.png") no-repeat left bottom;
    height: 36px;
    width: 36px;
    top: -36px;
    left: 30px;
  }

  .eligibility-title .role {
    margin-bottom: 0;
    float: left;
    width: 60%;
    margin-right: 5%;
  }
  .eligibility-title .step {
    float: right;
    width: 30%;
    position: relative;
    top: 20%;
    text-align: right;
  }

  .confirm {
    padding: 1.5em;
  }
  .confirm p {
    font-size: 1.7em;
  }
  .confirm label {
    font-size: 1.5em;
  }

  .tick {
    font-size: 2.2em;
  }

  .giant-contact-block .small-block.contact-block {
    width: 50%;
    padding-bottom: 50%;
  }

  .co-content .addr {
    position: relative;
    padding-right: 50%;
  }
  .co-content .addr .contacts {
    top: 0;
    left: 50%;
    position: absolute;
    width: 50%;
    margin: 0;
  }

  .js #modal-overlay {
    -moz-perspective: 300px;
    -webkit-perspective: 300px;
    perspective: 300px;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .js #modal-wrap {
    -moz-perspective: 300px;
    -webkit-perspective: 300px;
    perspective: 300px;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  .js .modal {
    *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 736px;
    width: 90%;
    top: 50%;
    left: 50%;
    right: auto;
    position: fixed;
    z-index: 1001;
    padding: 5em;
  }
  .js .modal:after {
    content: "";
    display: table;
    clear: both;
  }
  .js .modal .inr {
    *zoom: 1;
  }
  .js .modal .inr:after {
    content: "";
    display: table;
    clear: both;
  }
  .js #modal-overlay.in {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation: modalWrapIn 750ms;
    -moz-animation: modalWrapIn 750ms;
    -ms-animation: modalWrapIn 750ms;
    -o-animation: modalWrapIn 750ms;
    animation: modalWrapIn 750ms;
  }
  .js #modal-wrap.in,
  .js .modal.in {
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -ms-animation-delay: 1000ms;
    -o-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation: modalIn 750ms;
    -moz-animation: modalIn 750ms;
    -ms-animation: modalIn 750ms;
    -o-animation: modalIn 750ms;
    animation: modalIn 750ms;
  }
  .js .modal.ff.in {
    -moz-animation: none;
  }
  .js #modal-wrap.out,
  .js #modal-overlay.out,
  .js .modal.out {
    -webkit-animation: modalWrapOut 750ms;
    -moz-animation: modalWrapOut 750ms;
    -ms-animation: modalWrapOut 750ms;
    -o-animation: modalWrapOut 750ms;
    animation: modalWrapOut 750ms;
  }

  /* =================================================
  
  	CAMPAIGN-STYLE TALK TO US BLOCK
  
  ==================================================== */
  .campaign-page .campaign-block h2 {
    font-size: 2.4em;
  }
  .campaign-page .campaign-block h2 span {
    display: inline;
    clear: none;
  }

  .campaign-page .campaign-block h3 {
    margin-top: 1em;
    font-size: 1.6em;
  }
  .campaign-page .campaign-block h3 span {
    display: inline;
    clear: none;
  }

  .campaign-page .campaign-block {
    height: auto;
  }
  .campaign-page .campaign-block .inr, .campaign-page .campaign-block .copy {
    position: static;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .small-campaign-block .inr {
    padding: 5.2em;
  }

  /* =================================================
  
  	Click to chat
  
  ==================================================== */
  .floating-chat-btn {
    height: 156px;
  }

  /* =================================================
  
  	Puzzle campaign
  
  ==================================================== */
  .puzzle-section #masthead {
    background-size: 250% auto;
  }

  .puzzle-pagination {
    max-width: 65%;
  }

  .puzzle-controls {
    display: none;
  }

  .puzzle-patterns li.puzzle-q {
    display: inline-block;
  }

  .js .puzzle-collapse .puzzle-patterns li.puzzle-q {
    display: none;
  }

  .puzzle-sequence .puzzle-items-4 li,
  .puzzle-sequence .puzzle-items-5 li,
  .puzzle-sequence .puzzle-items-6 li {
    width: 50%;
    padding-top: 50%;
  }

  .puzzle-choices li.puzzle-q {
    display: none;
  }

  .puzzle-seqtitle {
    display: block;
  }

  .puzzle-sequence + .puzzle-result {
    margin-top: -5em;
  }

  /* link block*/
  .fullwidth-btn-block {
    background-color: #f0f0f0;
  }

  .jumplinks-block .inr {
    padding: 5.2em 5.2em;
  }

  .information-col {
    padding: 30px 50px;
  }

  .community-block .inr {
    padding: 5.2em 5.2em;
  }

  .js .careers-page.modal-open {
    overflow: visible;
  }

  .graduate-quote[class] {
    margin: 50px auto;
  }
  .graduate-quote[class] img {
    max-width: 38%;
    float: left;
    margin: 0;
  }
  .graduate-quote[class] blockquote {
    float: right;
    max-width: 50%;
    margin: 0;
  }

  .inline-video-player__endframe {
    padding: 40px 60px;
  }
  .inline-video-player__endframe strong {
    font-size: 2em;
  }

  .graduates #masthead,
  #masthead.fade-black {
    position: relative;
  }
  .graduates #masthead:before,
  #masthead.fade-black:before {
    content: '';
    position: absolute;
    z-index: 0;
    height: 400px;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent url("/rnAssets/img/blackfade.png") top center repeat-x;
  }
  .graduates #masthead > .wrapper,
  #masthead.fade-black > .wrapper {
    position: relative;
    z-index: 1;
  }
  .graduates #masthead[class*="bleed-"]:before,
  #masthead.fade-black[class*="bleed-"]:before {
    display: none;
  }

  .grtj #masthead:before {
    height: 250px;
  }

  /* ====== BLOCK WITH FEATURED IMAGE (ABOVE) WITH HEADING OVER IMAGE ====== */
  .image-above.heading-over-image h3 {
    font-size: 2.8em;
  }
  .image-above.heading-over-image:nth-child(2n) {
    background-color: #f0f0f0;
  }

  /* ====== SMALL NAVY NEWS LOGO ====== */
  .nn-logo-sm {
    width: 123px;
    background-position: top left;
    background-size: auto;
  }
  .filter-tag:hover .nn-logo-sm, .filter-tag.selected .nn-logo-sm {
    background-position: 0 31px;
  }
}
@media only screen and (min-width: 880px) {
  body:after {
    content: 'desktop';
    display: block;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .spacer_1x1,
  .small-block,
  .js .fold-out,
  .related-units .related-heading,
  #why-navy .related-heading,
  .unit-details .unit-heading {
    width: 25%;
    padding-bottom: 25%;
  }

  .small-block.small-wide,
  .spacer_2x1 {
    width: 50%;
    padding-bottom: 25%;
  }

  .copy-block,
  .news-block .col-a,
  .news-block .col-b,
  .spacer_2x2 {
    width: 50%;
    padding-bottom: 50%;
    clear: none;
  }

  .copy-block.copy-feature {
    width: 50%;
    padding-bottom: 100%;
  }

  .copy-block.copy-feature.copy-feature-three {
    width: 50%;
    padding-bottom: 75%;
  }

  .copy-block.copy-feature.copy-feature-two {
    width: 50%;
    padding-bottom: 50%;
  }

  .copy-block.copy-feature.copy-feature-right {
    float: right;
  }

  .small-block .prx,
  .prx {
    background-size: 100% auto;
  }

  .feature-push .small-block {
    margin-top: 75%;
  }

  #topbar {
    height: 71px;
    position: absolute;
    width: 100%;
    background-position: center top;
  }

  .wrapper {
    max-width: 980px;
    position: relative;
    width: 100%;
  }

  .logo {
    border: 5px solid white;
  }

  .inf-carousel {
    background: white;
    position: relative;
  }
  .js .inf-carousel .slide-wrap {
    overflow: hidden;
  }
  .js .inf-carousel .slide-wrap ul {
    white-space: nowrap;
    position: relative;
    background: #000;
  }
  .js .inf-carousel .slide {
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    max-width: 980px;
    display: inline-block;
    position: relative;
  }
  .js .inf-carousel .slide.current, .js .inf-carousel .slide.current .slide-content {
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
    /* IE8 */
    zoom: 1;
  }
  .js .inf-carousel .slide img {
    max-width: 100%;
    max-height: 447px;
    height: 447px;
    width: auto;
    display: block;
  }
  .js .inf-carousel .slide * {
    white-space: normal;
  }
  .js .inf-carousel .slide-content {
    display: block;
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
  }
  .js .inf-carousel .slide-feature {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 50%;
    bottom: 0;
    padding: 0;
  }
  .js .inf-carousel .wrapper {
    position: relative;
    height: 0;
    z-index: 1;
  }
  .js .inf-carousel .wrapper a {
    display: inline-block;
    background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
    height: 55px;
    width: 55px;
    position: absolute;
    right: 0;
    top: 50%;
    text-indent: -9999px;
  }
  .js .inf-carousel .wrapper .slide-next {
    margin-top: -56px;
    background-position: -68px -5px;
  }
  .js .inf-carousel .wrapper .slide-prev {
    margin-top: 1px;
    background-position: -4px -5px;
  }
  .no-js .inf-carousel .slide {
    position: relative;
  }
  .no-js .inf-carousel .slide img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
  }
  .no-js .inf-carousel .slide-content {
    padding: 2.2em;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    font-size: 1.1em;
    line-height: 2em;
  }
  .no-js .inf-carousel .slide-content p {
    max-width: 85%;
    margin: 0 auto;
  }

  .related-units {
    background: #001731 url(/rnAssets/img/chevron-ships.gif) 50% 0%;
    background-size: contain;
  }

  #why-navy {
    background: #343434 url(/rnAssets/img/chevron-tl.png) 50% 0%;
    background-size: contain;
  }

  .feature .wrapper p {
    width: 60%;
  }
  .feature .feature-heading {
    font-size: 14em;
  }

  .header-block .header-col + .header-col {
    margin-top: 0;
  }

  .header-block .header-col {
    box-sizing: border-box;
    width: 50%;
    padding-right: 20px;
    float: left;
    text-align: left;
  }

  .header-block .header-col + .header-col {
    padding-left: 20px;
    padding-right: 0;
  }

  .header-block .inr {
    padding: 6em 15.5em;
  }

  .header-block.small-padding .inr {
    padding: 3em 5em;
  }

  .header-block.clearBG .inr {
    padding: 6em 8.5em;
  }
  .header-block.clearBG .inr p {
    padding: 0 4em;
  }

  .related-posts .arrow-link {
    text-align: right;
    display: block;
  }

  /* =================================================
  
  	Typography overides
  
  ==================================================== */
  .large-heading {
    padding: 3.5em 5.2em;
    background-size: cover;
  }
  .large-heading h2,
  .large-heading h3 {
    font-size: 3.8em;
    text-align: left;
  }
  .large-heading p.initial {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .large-heading .display-heading {
    text-align: center;
  }
  .graduates .large-heading {
    padding: 3.5em;
  }

  /* =================================================
  
  	UNIT DETAILS MODULE
  
  ==================================================== */
  .unit-details .wrapper {
    background-position: center center;
    position: relative;
  }
  .unit-details .unit-heading {
    float: left;
    background-image: -moz-linear-gradient(top left, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%);
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%);
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%);
    position: relative;
  }
  .unit-details .unit-heading .inr {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 1.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .unit-details .img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 245px;
  }
  .unit-details .img-wrap img {
    display: block;
  }
  .unit-details .unit-menu {
    float: right;
    width: 9.89796%;
  }
  .unit-details .unit-menu li.last {
    display: block;
    width: 100%;
    padding-bottom: 97px;
    position: relative;
    background: #001731;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
  }
  .unit-details .unit-menu li > a > span,
  .unit-details .unit-menu li > span {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    left: 50%;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .unit-details .unit-menu li > a {
    display: block;
    width: 100%;
    padding-bottom: 97px;
    position: relative;
    background: transparent;
    background: rgba(255, 255, 255, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
    /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
    margin-bottom: 1px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: inherit;
  }
  .unit-details .unit-menu li > a:hover {
    text-decoration: underline;
  }
  .unit-details .unit-menu li.open .pane-wrap {
    display: block;
  }
  .unit-details .unit-menu li.open .pane-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -38.46154%;
    width: 38.46154%;
    background: rgba(255, 255, 255, 0.5);
    z-index: -2;
  }
  .unit-details .unit-menu li.open > a {
    background: white url(/rnAssets/img/close-sprite.png) no-repeat center center;
    border-left: 1px solid #fff;
    margin-left: -1px;
    text-indent: -9999px;
  }
  .unit-details .pane-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 245px;
    display: none;
    background: #fff;
    width: 65%;
    height: 490px;
    position: absolute;
    right: 10%;
    top: 0;
  }
  .unit-details .pane-wrap .inr {
    padding: 2em 2em;
    position: static;
  }
  .unit-details .pane-wrap .inr .display-heading span {
    margin-top: 10px;
  }
  .unit-details .pane-wrap .inr p {
    font-size: 1.3em;
    line-height: 1.92308em;
    margin-bottom: 25px;
  }
  .unit-details .unit-heading {
    background-image: -moz-linear-gradient(top left, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%);
    background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%);
    background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 50%);
    position: relative;
  }
  .unit-details .unit-heading .inr {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 1.5em;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .unit-details .unit-heading h3 {
    line-height: 1;
    text-transform: uppercase;
  }
  .unit-details .unit-heading h3 span {
    -webkit-font-smoothing: antialiased;
    font-weight: 100;
    clear: both;
    display: block;
  }
  .unit-details .pane-heading {
    text-align: center;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: .75em;
  }
  .unit-details .pane-heading span {
    font-weight: 100;
    clear: both;
    display: block;
    margin: .5em auto 0;
    -webkit-font-smoothing: antialiased;
  }

  /* =================================================
  
  	MULTI COL LAYOUT
  	- For News pages
  
  ==================================================== */
  .multi-col {
    background: #fff;
    *zoom: 1;
  }
  .multi-col:after {
    content: "";
    display: table;
    clear: both;
  }
  .multi-col.lightgrey {
    background: #f6f6f6;
  }
  .multi-col.chevron {
    background-position: 0 125%;
    background-image: -moz-linear-gradient(45deg, #ffffff 15%, #f0f0f0 15%, #f0f0f0 40%, #ffffff 40%);
    background-image: -webkit-linear-gradient(45deg, #ffffff 15%, #f0f0f0 15%, #f0f0f0 40%, #ffffff 40%);
    background-image: linear-gradient(45deg, #ffffff 15%, #f0f0f0 15%, #f0f0f0 40%, #ffffff 40%);
  }

  .multi-col.grey {
    background: #272727;
  }

  .multi-col .content-col.middle {
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  .multi-col .content-col.middle h4 {
    margin-top: 2em;
  }

  .content-col {
    float: left;
    width: 75%;
  }
  .content-col .inr {
    padding: 5.2em 5.2em;
  }
  .content-col .copy .btn + .btn {
    margin-top: 0;
    margin-left: 2em;
  }
  .content-col .small-block {
    width: 33.333%;
    padding-bottom: 33.333%;
  }
  .content-col .small-block.flow {
    padding-bottom: 0;
  }
  .content-col .small-block.small-wide {
    width: 66.66%;
    padding-bottom: 33.333%;
  }

  .welfare-col {
    float: left;
    width: 75%;
  }
  .welfare-col .inr {
    padding: 3em 5.2em;
  }

  .side-col {
    *zoom: 1;
    width: 25%;
    float: left;
  }
  .side-col:after {
    content: "";
    display: table;
    clear: both;
  }
  .side-col .small-block {
    width: 100%;
    padding-bottom: 100%;
  }

  .multi-col.main-content .content-col {
    padding-bottom: 10em;
  }

  .community-page .multi-col.main-content .content-col {
    padding-bottom: 0;
  }

  .small-block.small-wide.img-block {
    min-height: 0px;
  }

  /* =================================================
  
  	SEARCH POPUP
  
  ==================================================== */
  .js #search-wrap input.search-field {
    font-size: 13.4em;
    padding-right: 130px;
  }

  .js #search-wrap .search-submit {
    width: 125px;
    height: 180px;
  }

  .js #search-wrap .search-results {
    margin-top: 4em;
    margin-top: 4em;
    padding-left: 25%;
    position: relative;
  }
  .js #search-wrap .search-results .results-title {
    position: absolute;
    line-height: 2;
    top: 0;
    left: 0;
    border: none;
  }
  .js #search-wrap .search-results .inr ul {
    margin-left: 0;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid white;
  }
  .js #search-wrap .search-results .inr ul li a {
    color: #888;
    text-decoration: none;
    font-size: 1.8em;
    line-height: 2;
  }
  .js #search-wrap .search-results .inr ul li a .highlight {
    color: white;
  }

  .no-js .search-close,
  .no-js .search-title,
  .no-js .search-info {
    display: none;
  }

  .no-js .units-followed {
    right: 185px;
  }

  .no-js #search-wrap {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .no-js #search-wrap .wrapper {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
  }
  .no-js #search-wrap .wrapper .search-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    height: 35px;
    width: 150px;
    padding: 0 1em;
    outline: none;
    border: none;
    background: #f0f0f0;
  }
  .no-js #search-wrap .wrapper .search-submit {
    margin: 0;
    background: #001731 url(/rnAssets/img/search.gif) center center;
    height: 35px;
    width: 35px;
    text-indent: -9999px;
    border: none;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    float: right;
    display: inline-block;
  }

  /* =================================================
  
  	MODAL
  
  ==================================================== */
  .no-js .modal {
    max-width: 980px;
  }

  .no-js .modal .inr {
    max-width: 736px;
    margin: 0 auto;
    overflow: hidden;
  }

  .no-js .modal .col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .central-aligned.modal .inr {
    text-align: center;
  }
  .central-aligned.modal .inr h4 {
    margin-top: 2em;
  }

  .js .fold-out.fold-out-spaced {
    margin-left: 0;
  }
  .js .fold-out.open .small-block:nth-last-child(2) {
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    left: -100%;
    top: 0;
  }
  .js .fold-out.open .small-block:nth-last-child(3) {
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    left: -200%;
    top: 0;
  }
  .js .fold-out.open .small-block:nth-last-child(4) {
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    left: -300%;
    top: 0;
  }
  .js .fold-out.in .small-block:nth-last-child(2) {
    -webkit-animation: foldOut 250ms 0ms both;
    -moz-animation: foldOut 250ms 0ms both;
    -ms-animation: foldOut 250ms 0ms both;
    -o-animation: foldOut 250ms 0ms both;
    animation: foldOut 250ms 0ms both;
  }
  .js .fold-out.in .small-block:nth-last-child(3) {
    -webkit-animation: foldOut 250ms 250ms both;
    -moz-animation: foldOut 250ms 250ms both;
    -ms-animation: foldOut 250ms 250ms both;
    -o-animation: foldOut 250ms 250ms both;
    animation: foldOut 250ms 250ms both;
  }
  .js .fold-out.in .small-block:nth-last-child(4) {
    -webkit-animation: foldOut 250ms 500ms both;
    -moz-animation: foldOut 250ms 500ms both;
    -ms-animation: foldOut 250ms 500ms both;
    -o-animation: foldOut 250ms 500ms both;
    animation: foldOut 250ms 500ms both;
  }
  .js .fold-out.out .small-block.fold-1 {
    -webkit-animation: foldIn 250ms 0ms forwards;
    -moz-animation: foldIn 250ms 0ms forwards;
    -ms-animation: foldIn 250ms 0ms forwards;
    -o-animation: foldIn 250ms 0ms forwards;
    animation: foldIn 250ms 0ms forwards;
  }
  .js .fold-out.out .small-block.fold-2 {
    -webkit-animation: foldIn 250ms 250ms forwards;
    -moz-animation: foldIn 250ms 250ms forwards;
    -ms-animation: foldIn 250ms 250ms forwards;
    -o-animation: foldIn 250ms 250ms forwards;
    animation: foldIn 250ms 250ms forwards;
  }
  .js .fold-out.out .small-block.fold-3 {
    -webkit-animation: foldIn 250ms 500ms forwards;
    -moz-animation: foldIn 250ms 500ms forwards;
    -ms-animation: foldIn 250ms 500ms forwards;
    -o-animation: foldIn 250ms 500ms forwards;
    animation: foldIn 250ms 500ms forwards;
  }

  .copy-block.out .panel.open-from-left {
    top: 0;
    bottom: 0;
    left: 100%;
  }
  .copy-block.out .panel.open-from-right {
    top: 0;
    bottom: 0;
    left: -100%;
  }

  .js .welfare-col .has-nav {
    position: relative;
    padding-right: 225px;
  }

  .article-nav {
    max-width: 205px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 205px;
  }

  /* =================================================
  
  	SECTION NAV / UNITS FOLLOWED
  
  ==================================================== */
}
@media only screen and (min-width: 880px) and (min-width: 981px) {
  .units-followed {
    -webkit-transition: top 200ms ease-in-out;
    -moz-transition: top 200ms ease-in-out;
    -o-transition: top 200ms ease-in-out;
    transition: top 200ms ease-in-out;
    position: absolute;
    top: 0;
    right: 235px;
  }
  .units-followed.empty {
    top: -50px;
  }
  .units-followed .unit-count {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 8px;
    top: 5px;
    color: #001731;
    background: white;
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 5px 0;
    text-align: center;
    line-height: 1;
  }
  .units-followed a.launcher {
    min-width: 150px;
    background: #001731;
  }
  .units-followed a.launcher.loading:after {
    width: 35px;
    height: 35px;
    top: 0;
    right: 4px;
    background: url(/rnAssets/img/spinner-small.gif) no-repeat center center;
  }
  .units-followed li {
    position: relative;
  }
  .units-followed .dropdown {
    position: absolute;
    margin-top: 1px;
    min-width: 100%;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 23, 49, 0.85);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8001731,endColorstr=#D8001731)";
    padding-left: 20px;
  }
  .units-followed .dropdown h3 {
    color: #fff;
    text-transform: none;
    font-size: 1em;
  }
  .units-followed .dropdown a {
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    display: block;
    font-size: 1em;
    text-decoration: none;
    position: relative;
    padding-right: 30px;
  }
  .units-followed .dropdown a:after {
    content: none;
    display: none;
  }
  .units-followed .dropdown a:hover {
    text-decoration: underline;
  }
  .units-followed .dropdown a.remove {
    background: url(/rnAssets/img/deploy-close.png) no-repeat center;
    display: block;
    border: none;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    right: 4px;
    padding: 0;
    text-indent: -9999px;
  }
}
@media only screen and (min-width: 880px) {
  .breadcrumbs {
    position: static;
    float: right;
    margin-top: 0;
  }

  /* =================================================
  
  	GIANT ACCORDION (CATEGORY PAGE)
  
  ==================================================== */
  .giant-accordion .accordion-item .header-block {
    position: relative;
  }
  .giant-accordion .accordion-item .header-block .inr {
    padding: 3.5em;
  }
  .giant-accordion .accordion-item .header-block p {
    max-width: 50%;
    margin: 0 auto;
  }
  .giant-accordion .accordion-item .header-block h1 {
    font-size: 3.8em;
  }
  .giant-accordion .accordion-item .header-block.imgBG .inr {
    padding: 10em 3.5em;
  }
  .giant-accordion .accordion-item .header-block.imgBG .inr h1 {
    margin: 0;
  }
  .giant-accordion .accordion-item .header-block.sticky {
    position: fixed;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    top: 0;
    z-index: 100;
    border-top: 0;
  }
  .giant-accordion .sticky {
    position: fixed;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    bottom: 0;
    z-index: 100;
    border-top: 0;
  }
  .giant-accordion .fullwidth-btn-block {
    width: 100%;
    background-color: #f0f0f0;
  }
  .giant-accordion .fullwidth-btn-block .content-col .inr {
    padding-right: 5.2em;
  }
  .giant-accordion .content-col .inr {
    padding-right: 297px;
  }
  .content-col .giant-accordion .content-col .inr {
    padding-right: 5.2em;
  }
  .giant-accordion .copy table {
    width: 100%;
    font-size: 13px;
    background: #fff;
    display: table;
  }
  .giant-accordion .copy thead {
    font-size: 1.8em;
    line-height: 1;
    text-transform: uppercase;
    display: table-caption;
  }
  .giant-accordion .copy td, .giant-accordion .copy th {
    width: 20%;
    border-bottom: 1px solid #343434;
    padding: 20px 10px;
    color: #000;
  }
  .giant-accordion .copy tbody tr th {
    background: #343434;
    color: #fff;
    font-size: 1.1em;
  }

  /* =================================================
  
  	POST SLIDER
  
  ==================================================== */
  .post-slider {
    display: block;
  }
  .post-slider.indented .wrapper .small-block {
    margin-left: 25%;
  }
  .post-slider .slide-wrap {
    overflow: hidden;
    white-space: nowrap;
    padding: 6em 0 0 0.5em;
  }
  .post-slider .slide-next,
  .post-slider .slide-prev {
    background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
    height: 42px;
    width: 42px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: 100ms opacity ease-in-out;
    -moz-transition: 100ms opacity ease-in-out;
    -o-transition: 100ms opacity ease-in-out;
    transition: 100ms opacity ease-in-out;
  }
  .post-slider .slide-next.disabled,
  .post-slider .slide-prev.disabled {
    opacity: 0.5;
  }
  .post-slider .slide-next {
    background-position: -75px -12px;
  }
  .post-slider .slide-prev {
    background-position: -10px -12px;
    right: 43px;
  }
  .post-slider.lightBG .slide-next,
  .post-slider.lightBG .slide-prev {
    border: 1px solid #808080;
    border-top: none;
  }
  .post-slider .media {
    display: inline-block;
    width: 460px;
    margin-right: 1em;
  }
  .post-slider .media h3 {
    margin-bottom: .33em;
    text-transform: none;
  }
  .post-slider .media p,
  .post-slider .media time {
    font-size: 1.2em;
    margin-bottom: 1.25em;
    display: block;
  }
  .post-slider .media time {
    margin-bottom: 0.83333em;
  }
  .post-slider .media:last-child {
    margin-right: 0;
  }
  .post-slider .media {
    margin-bottom: 2em;
  }
  .post-slider .media, .post-slider .bd {
    white-space: normal;
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
  }
  .post-slider .media .img {
    float: left;
    margin-right: 1.4em;
    padding: 7px;
    border: 1px solid #676767;
  }
  .post-slider .media .img img {
    display: block;
  }

  .js .location-modal {
    padding: 6px;
    width: 90%;
    max-width: 952px;
  }

  .js .video-modal {
    padding: 6px;
  }

  /* =================================================
  
  	NEWS FILTER HEADER
  
  ==================================================== */
  .search-header,
  .filter-block {
    background: #fff;
    position: relative;
  }
  .search-header .side-col .btn.btn-large:not(.btn-red),
  .filter-block .side-col .btn.btn-large:not(.btn-red) {
    width: 100%;
    border: 2px solid white;
    background: #272727;
    color: white;
  }
  .search-header .side-col .btn.btn-large:not(.btn-red) span:after,
  .filter-block .side-col .btn.btn-large:not(.btn-red) span:after {
    background-position: -94px -222px;
  }
  .search-header .side-col .btn.btn-large:not(.btn-red):hover,
  .filter-block .side-col .btn.btn-large:not(.btn-red):hover {
    background: #3173b5;
    border-color: #3173b5;
    color: white;
    text-decoration: none;
  }
  .search-header h3.initial,
  .filter-block h3.initial {
    margin-bottom: 0.625em;
  }
  .search-header .filter-toggle,
  .filter-block .filter-toggle {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    background: #000;
    color: white;
    font-size: 1.6em;
    text-transform: uppercase;
    padding: 1em;
    text-decoration: none;
  }
  .search-header .filter-toggle:hover,
  .filter-block .filter-toggle:hover {
    text-decoration: underline;
  }
  .search-header .filter-toggle:after,
  .filter-block .filter-toggle:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 18px;
    display: block;
    background: url(/rnAssets/img/mini-arrows.png) 0 -22px no-repeat;
    height: 11px;
    width: 11px;
  }
  .search-header .filter-toggle.closed:after,
  .filter-block .filter-toggle.closed:after {
    background-position: center top;
  }
  .search-header:not(.role-finder) > .inr,
  .filter-block:not(.role-finder) > .inr {
    padding: 3em 3em;
    text-align: left;
    position: relative;
  }
  .search-header:not(.role-finder) > .inr h1,
  .filter-block:not(.role-finder) > .inr h1 {
    text-align: left;
    margin-bottom: 0;
  }
  .search-header.full-width .content-col,
  .filter-block.full-width .content-col {
    width: 100%;
  }
  .search-header .filter-wrap .content-col,
  .filter-block .filter-wrap .content-col {
    background: #f0f0f0;
  }
  .search-header .filter-wrap .content-col h3,
  .filter-block .filter-wrap .content-col h3 {
    text-align: left;
  }
  .search-header .filter-wrap .content-col .inr,
  .filter-block .filter-wrap .content-col .inr {
    padding: 2em 3em;
  }
  .search-header .filter-wrap .side-col,
  .filter-block .filter-wrap .side-col {
    color: white;
    background: #343434;
  }
  .search-header .filter-wrap .side-col .styled-select,
  .filter-block .filter-wrap .side-col .styled-select {
    margin-bottom: 1em;
  }
  .search-header .filter-wrap .side-col label,
  .filter-block .filter-wrap .side-col label {
    display: block;
    color: #848484;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 0.625em;
  }
  .search-header .filter-wrap .side-col h3,
  .filter-block .filter-wrap .side-col h3 {
    text-align: left;
  }
  .search-header .filter-wrap .side-col .inr,
  .filter-block .filter-wrap .side-col .inr {
    padding: 2em 1em;
  }

  .bingmap-col {
    color: #272727;
    background: white;
  }
  .bingmap-col h3 {
    text-align: left;
  }
  .bingmap-col .side-col h3.initial {
    border-bottom: 1px solid #6b6b6b;
    padding-bottom: 0.625em;
  }
  .bingmap-col .inr {
    padding: 2em 1em;
  }
  .bingmap-col .address {
    color: white;
  }
  .bingmap-col .btn.btn-large {
    width: 100%;
    border: 1px solid white;
    background: #272727;
    color: white;
  }
  .bingmap-col .btn.btn-large:hover {
    background: #3173b5;
    border-color: #3173b5;
    color: white;
    text-decoration: none;
  }

  .content-col .copy .link-list ul {
    margin: 0 auto;
  }
  .content-col .copy .link-list li {
    float: left;
    width: 30%;
    text-align: left;
    margin-left: 20px;
  }

  .graduate-role-finder input, .graduate-role-finder .styled-select {
    max-width: 80%;
  }
  .graduate-role-finder .role-filters .col {
    width: 47%;
    margin-top: 0;
    margin-bottom: 60px;
  }
  .graduate-role-finder .role-filters .cols > .col:nth-child(odd) {
    clear: left;
  }
  .graduate-role-finder .interests {
    position: relative;
  }
  .graduate-role-finder .interests .col {
    position: relative;
    width: 33.33333%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 0;
  }
  .graduate-role-finder .interests .col label {
    margin-top: 100px;
  }
  .graduate-role-finder .choices {
    margin-top: 0;
  }
  .graduate-role-finder span.error {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
  }
  .graduate-role-finder .interests span.error {
    bottom: auto;
    top: -2px;
    left: 275px;
    margin-top: 0;
  }

  .interest-ship:before,
  .interest-air:before,
  .interest-sub:before {
    content: '';
    position: absolute;
    background: url(/rnAssets/img/graduateroleicons.png) no-repeat left center;
    top: 0;
    left: 50%;
    height: 100px;
    opacity: 0.5;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
  }

  .interest-ship:before {
    width: 192px;
    margin-left: -96px;
  }

  .interest-air:before {
    width: 192px;
    margin-left: -96px;
    background-position: -298px center;
  }

  .interest-sub:before {
    width: 192px;
    margin-left: -96px;
    background-position: -585px center;
  }

  input[type=checkbox]:checked + .interest-ship:before,
  input[type=checkbox]:checked + .interest-air:before,
  input[type=checkbox]:checked + .interest-sub:before {
    opacity: 1;
  }

  .welfare-col h3.display-heading {
    text-align: left;
  }
  .welfare-col .sub-section {
    margin: 3em 0;
  }
  .welfare-col .step {
    margin-top: 5em;
  }

  .search-header h1 {
    text-transform: none;
  }
  .search-header h1 span {
    text-transform: none;
    margin-bottom: 0.66667em;
  }

  .listing-count {
    color: white;
    padding: 2.5em 0;
  }
  .listing-count p {
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  .listing-count p strong {
    font-weight: 600;
  }

  .listing-item {
    background: white;
    position: relative;
    min-height: 254px;
    padding: 3em 28.97959% 3em 16.32653%;
    margin-bottom: 1em;
  }
  .listing-item .row {
    display: block;
  }
  .listing-item .listing-meta {
    margin-bottom: 1.5em;
  }
  .listing-item .listing-meta p {
    font-size: 1.28571em;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .listing-item .listing-meta .meta-head {
    width: 150px;
    display: inline-block;
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  }
  .listing-item:last-child {
    margin-bottom: 0;
  }
  .listing-item .listing-thumb {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: auto;
    display: block;
  }
  .listing-item.nn-listing-item {
    padding: 3em 12.85714% 3em 24.89796%;
  }
  .listing-item.nn-listing-item .listing-thumb {
    display: block;
    width: 17.55102%;
    position: absolute;
    margin-right: 1.4em;
    padding: 7px;
    border: 1px solid #676767;
    right: auto;
    left: 3em;
    top: 3em;
  }
  .listing-item .listing-title {
    text-transform: none;
    line-height: 1.2;
    padding-bottom: 0.75em;
    margin-bottom: 0.75em;
    position: relative;
  }
  .listing-item .listing-title:after {
    content: '';
    position: absolute;
    width: 52px;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
  }

  .listing-item-faq {
    padding: 3em;
    position: relative;
  }
  .listing-item-faq .listing-title:after {
    content: none;
    display: none;
  }
  .listing-item-faq .question {
    padding-left: 125px;
    padding-right: 125px;
  }
  .listing-item-faq .answer {
    padding-left: 250px;
  }
  .listing-item-faq .q-block,
  .listing-item-faq .a-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
  }
  .listing-item-faq .q-block .inr,
  .listing-item-faq .a-block .inr {
    top: 50%;
    left: 50%;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
    font-size: 9.2em;
    line-height: 190px;
  }
  .listing-item-faq .a-block {
    top: 125px;
    left: 125px;
  }

  .listing-search-item {
    padding: 3em 25% 3em 3em;
  }

  .listing-date .inr {
    top: 50%;
    left: 50%;
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
  }

  .listing-icon,
  .listing-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 125px;
  }
  .listing-icon time,
  .listing-date time {
    width: 125px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 2.4em;
    text-transform: uppercase;
    display: block;
    padding: 0.41667em;
    line-height: 1.16667em;
    text-align: center;
  }
  .listing-icon time .day,
  .listing-icon time .year,
  .listing-date time .day,
  .listing-date time .year {
    -webkit-font-smoothing: antialiased;
  }
  .listing-icon time.multi-year,
  .listing-date time.multi-year {
    font-size: 2.1em;
  }
  .listing-icon .single-month span,
  .listing-icon .multi-month .from,
  .listing-icon .multi-month .to,
  .listing-icon .multi-year .from,
  .listing-icon .multi-year .to,
  .listing-date .single-month span,
  .listing-date .multi-month .from,
  .listing-date .multi-month .to,
  .listing-date .multi-year .from,
  .listing-date .multi-year .to {
    display: block;
    clear: both;
  }
  .listing-icon .multi-month .from,
  .listing-icon .multi-year .from,
  .listing-date .multi-month .from,
  .listing-date .multi-year .from {
    margin-bottom: 1.16667em;
    position: relative;
  }
  .listing-icon .multi-month .from:after,
  .listing-icon .multi-year .from:after,
  .listing-date .multi-month .from:after,
  .listing-date .multi-year .from:after {
    content: '—';
    line-height: 4px;
    position: absolute;
    bottom: -15px;
    -webkit-font-smoothing: antialiased;
    left: 50%;
    margin-left: -10px;
  }

  .listing-icon {
    text-indent: -9999px;
  }
  .listing-icon .inr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
  }

  .nn-small-listing .nn-small-listing-item {
    width: 50%;
    float: left;
    padding: 35px;
    color: #ffffff;
  }
  .nn-small-listing .nn-small-listing-img {
    width: 140px;
    height: 140px;
  }

  .filter-tags li {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 46.19565%;
    margin: 0 2.71739% 1em 0;
  }
  .filter-tags li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.8em;
    text-transform: uppercase;
    min-height: 48px;
    display: block;
    background: white;
    line-height: 1.4em;
    padding: 12px 50px 12px 15px;
    color: inherit;
    text-decoration: none;
    position: relative;
  }
  .filter-tags li a:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 10px;
    background: url(/rnAssets/img/tag.png) no-repeat;
  }
  .filter-tags li a.selected,
  .filter-tags li a:hover {
    background: #343434;
    color: white;
  }
  .filter-tags li a.selected:after,
  .filter-tags li a:hover:after {
    background-position: center bottom;
  }

  .filter-tag:hover .nn-logo-sm, .filter-tag.selected .nn-logo-sm {
    background-position: 0 31px;
  }

  .pagination {
    padding: 2em 0;
  }
  .pagination .pager-count {
    text-transform: uppercase;
    font-size: 1.8em;
    -webkit-font-smoothing: antialiased;
    display: inline;
    clear: none;
    margin-bottom: 0;
    padding-left: 0;
  }
  .pagination .pager {
    display: inline;
  }
  .pagination .pager li {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-left: 10px;
    position: relative;
  }
  .pagination .pager li a {
    display: block;
    background: #656565;
    text-align: center;
    font-size: 1.8em;
    color: #343434;
    text-decoration: none;
    line-height: 55px;
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  }
  .pagination .pager li.previous a,
  .pagination .pager li.next a {
    background: white url(/rnAssets/img/arrow-sprite.png) no-repeat;
    text-indent: -9999px;
  }
  .pagination .pager li.previous a {
    background-position: -5px -5px;
  }
  .pagination .pager li.next a {
    background-position: -69px -5px;
  }

  .listing-search-item .listing-title {
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 0.75em;
    padding-bottom: 0;
    position: relative;
  }
  .listing-search-item .listing-title:after {
    content: none;
    display: none;
  }
  .listing-search-item .listing-url {
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
    text-transform: none;
    line-height: 1.2;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    position: relative;
  }
  .listing-search-item .listing-url:after {
    content: '';
    position: absolute;
    width: 52px;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
  }

  .single-slide .slide-content {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
  }

  .img-block {
    float: left;
    width: 25%;
  }
  .content-col .img-block {
    width: 33.333%;
  }

  .side-col .img-block {
    width: 100%;
  }

  /* =================================================
  
  	CAREERS
  
  ==================================================== */
  .btn-bar-fullwidth .btn,
  .btn-bar-fixed .btn {
    display: inline-block;
    width: 35%;
  }
  .btn-bar-fullwidth .btn-bar__sep,
  .btn-bar-fixed .btn-bar__sep {
    display: inline-block;
    text-indent: 0;
    height: auto;
    overflow: visible;
    padding: 10px;
  }

  .roles-list .role .copy {
    float: left;
    width: 66.66%;
  }
  .roles-list .role .copy .inr {
    padding: 3em 2em;
  }
  .roles-list .role .copy .role-type h4 {
    float: left;
    margin-right: 20px;
  }
  .roles-list .role .copy .role-type ul {
    float: left;
    margin-top: 0.5em;
  }
  .roles-list .role .side-bar {
    float: left;
    width: 33.33%;
  }
  .roles-list .results p {
    font-size: 4em;
  }
  .roles-list .results .btn {
    position: absolute;
    right: 2em;
    top: 50%;
    margin-top: -16px;
    width: auto;
  }

  .role-confirm .btn {
    display: inline-block;
    width: auto;
  }
  .role-confirm .btn + .btn {
    margin-top: 0;
  }

  .role-search input[type="text"] {
    font-size: 1.7em;
  }

  .role-filters .tabs li {
    width: auto;
    margin-right: 10px;
  }
  .role-filters .tabs a {
    font-size: 2em;
    padding: 15px 30px;
    min-height: 0;
  }
  .role-filters .col {
    float: left;
    margin-right: 3%;
    margin-bottom: 0;
  }
  .role-filters .col.col-1 {
    width: 13%;
  }
  .role-filters .col.col-2 {
    width: 12%;
  }
  .role-filters .col.col-3 {
    width: 21%;
  }
  .role-filters .col.col-4 {
    width: 45%;
    margin-right: 0;
  }
  .role-filters .row {
    margin-bottom: 20px;
  }
  .role-filters .chkbox-cols li {
    float: left;
    width: 33.33%;
  }
  .role-filters .btn {
    float: right;
  }

  .fullwidth-btn-block {
    width: 100%;
    background-color: #f0f0f0;
  }

  .links-block {
    text-align: left;
  }
  .links-block ul li {
    width: 48%;
    margin: 0 1em 1em 0;
  }
  .links-block ul li a {
    text-align: left;
  }

  .promo-link-block .txt {
    float: left;
    width: 60%;
  }
  .promo-link-block .link {
    float: left;
    width: 35%;
    margin-left: 5%;
  }
  .promo-link-block .btn[class] {
    min-width: 0;
  }
  .promo-link-block.full .txt {
    float: none;
    width: auto;
  }

  .graduates .promo-link-block .txt,
  .graduates .promo-link-block .link {
    float: none;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    margin-right: -.3em;
  }
  .graduates .promo-link-block h2, .graduates .promo-link-block h3 {
    margin: 0;
  }
  .graduates .promo-link-block h2 + p, .graduates .promo-link-block h3 + p {
    margin-top: 20px;
  }

  .content-col .blocks-wrapper > div:nth-child(3n+1),
  .blocks-wrapper > div.first {
    clear: left;
  }

  .case-study-profile {
    float: left;
    width: 66.666%;
  }
  .case-study-profile dl dt {
    font-size: 1.5em;
  }
  .case-study-profile dl dd {
    font-size: 1.9em;
  }

  .rbb-links li,
  .content-col .copy > ul.rbb-links li {
    float: left;
    width: 30%;
    position: relative;
  }
  .rbb-links li:nth-child(-n+3),
  .content-col .copy > ul.rbb-links li:nth-child(-n+3) {
    border-top: 1px solid #f0f0f0;
  }
  .rbb-links li:nth-child(3n+1),
  .content-col .copy > ul.rbb-links li:nth-child(3n+1) {
    clear: left;
  }
  .rbb-links li:nth-child(3n+2),
  .content-col .copy > ul.rbb-links li:nth-child(3n+2) {
    margin: 0 5%;
  }

  .giant-contact-block .small-block.contact-block {
    width: 33.333%;
    padding-bottom: 33.333%;
  }

  .office-list .results {
    padding: 3em 5.2em;
  }
  .office-list .results p {
    font-size: 4em;
  }

  .sign-up-marines, .find-unit {
    position: relative;
    height: 125px;
    text-align: left;
    background: #272727 url(/rnAssets/img/followcontours.gif);
  }
  .sign-up-marines .inr, .find-unit .inr {
    padding: 3em 3em;
  }
  .sign-up-marines h2, .find-unit h2 {
    margin-bottom: 0;
  }
  .sign-up-marines .btn, .find-unit .btn {
    position: absolute;
    top: 32px;
    right: 30px;
  }

  .maritime-reserves {
    position: relative;
    text-align: left;
    background: url(/rnAssets/img/defaults/campaign-fb4.gif);
  }
  .maritime-reserves .inr {
    padding: 4em 4em;
  }
  .maritime-reserves h2 {
    margin-bottom: 0;
  }
  .maritime-reserves .btn {
    position: absolute;
    top: 32px;
    right: 30px;
  }

  .infographic .tray {
    overflow: hidden;
  }

  .multi-col .feature-map {
    width: auto;
    margin: 20px 52px 52px;
  }

  /* =================================================
  
  	CAREERS - Graduate section
  
  ==================================================== */
  .graduate-section .video-quote-block .large-heading h2, .graduate-section .video-quote-block .large-heading h3,
  .graduate-section .case-study-wrapper .large-heading h2,
  .graduate-section .case-study-wrapper .large-heading h3 {
    font-size: 3em;
  }

  /* =================================================
  
  	Puzzle campaign
  
  ==================================================== */
  .puzzle-section #masthead {
    padding-bottom: 50px;
    background-size: cover;
  }

  .puzzle-wrap.example {
    display: block;
  }

  .header-block .puzzle-patterns {
    margin-left: -15.5em;
    margin-right: -15.5em;
  }

  .puzzle-pagination {
    max-width: 100%;
  }

  .puzzle-pagination li {
    max-width: 55px;
    width: 55px;
    padding-top: 55px;
  }

  .puzzle-link.locked {
    background-position: center 10px;
    background-size: 20px;
  }

  .puzzle-pagination li {
    margin: 3px;
  }

  .puzzle-link.intro span {
    margin-top: -5px;
    font-size: 1.1em;
  }

  .puzzle-patterns.active li input[type=radio] + label:hover .pattern-white {
    display: none;
  }

  .puzzle-patterns.active li input[type=radio] + label:hover .pattern-dark {
    display: block;
  }

  .puzzle-items-4 li,
  .puzzle-sequence .puzzle-items-4 li {
    width: 25%;
    padding-top: 25%;
  }

  .puzzle-items-5 li,
  .puzzle-sequence .puzzle-items-5 li {
    width: 20%;
    padding-top: 20%;
  }

  .puzzle-items-6 li,
  .puzzle-sequence .puzzle-items-6 li {
    width: 33.333333%;
    padding-top: 33.333333%;
  }

  .blocks-wrapper .small-block.equalised .inr .btn,
  .blocks-wrapper .img-block.equalised .inr .btn {
    max-width: 215px;
  }

  /* =================================================
  
  	Eligibility Redesign
  
  ==================================================== */
  /* Full width Block */
  .block-fullwidth h1 {
    font-size: 3.8em;
  }
  .block-fullwidth .inr {
    padding: 3em 5em;
  }
  .block-fullwidth .request {
    width: 42%;
  }
  .block-fullwidth input[type=submit].btn {
    width: 45%;
  }

  /* cta bar */
  .cta-bar {
    overflow: hidden;
  }
  .cta-bar li {
    float: left;
    width: 25%;
  }
  .cta-bar li a {
    min-height: 80px;
    padding: 2em 2em 0 2em;
  }
  .cta-bar li em {
    display: block;
    font-style: normal;
    position: relative;
    margin: 0.1em auto;
    max-width: 110px;
  }
  .cta-bar li em:before, .cta-bar li em:after {
    content: '';
    height: 1px;
    background: #ffffff;
    width: 18px;
    position: absolute;
    top: 50%;
  }
  .cta-bar li em:before {
    left: 0;
  }
  .cta-bar li em:after {
    right: 0;
  }
  .cta-bar li:first-child {
    width: 50%;
  }
  .cta-bar li:nth-child(2) a {
    border-right: 1px solid #404040;
  }

  /* steps */
  .steps {
    display: block;
    overflow: hidden;
    padding: 0 0 3em 0;
  }
  .steps li {
    background: #e1e1e1;
    box-sizing: border-box;
    color: #001731;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0.6em 1em 0 1em;
    text-align: center;
    position: relative;
    min-height: 34px;
    float: left;
    width: 25%;
    margin: 0;
  }
  .steps li:after {
    content: '';
  }
  .steps li:before {
    content: '';
    background: url(/rnAssets/img/progress-arrow.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 10px;
    height: 34px;
    left: 0;
    top: 0;
  }
  .steps li:first-child:before {
    background: none;
  }
  .steps li.active {
    background: #001731;
    color: white;
    text-decoration: none;
  }
  .steps li.active:after {
    content: '';
    background: url(/rnAssets/img/progress-arrow-active.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 10px;
    height: 34px;
    right: -10px;
    top: 0;
    z-index: 1;
  }
  .steps.steps-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 880px;
    margin: 0 auto;
    z-index: 999999;
    display: none;
    width: 56%;
  }
  .steps.visible {
    display: block;
  }

  .steps li:nth-last-child(2):first-child,
  .steps li:nth-last-child(2):first-child ~ li {
    width: 50%;
  }

  .steps li:nth-last-child(3):first-child,
  .steps li:nth-last-child(3):first-child ~ li {
    width: 33.33333%;
  }

  .steps li:nth-last-child(5):first-child,
  .steps li:nth-last-child(5):first-child ~ li {
    width: 20%;
  }

  #ie8 .steps li {
    border-right: 1px solid #fff;
    padding-top: 1em;
  }

  #ie8 .steps li.active:after,
  #ie8 .steps li:before {
    display: none;
  }

  /* end steps */
  .logout {
    display: block;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    width: 76px;
    background: #001731;
    height: 35px;
    overflow: hidden;
    position: static;
    float: left;
    padding: 14px 0;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
  }

  /** SUBNAV**/
  .pdev-portal .header-block.bleed-grey {
    background-color: #272727;
  }

  .mobile-trigger {
    background: #272727;
    color: white;
    display: block;
  }
  .mobile-trigger:after {
    content: none;
  }

  .subnav {
    background: #272727;
    color: white;
    display: block !important;
  }
  .subnav ul {
    padding-bottom: 0;
    margin: 0 auto;
    text-align: center;
  }
  .subnav li {
    display: inline-block;
    margin: 0 1.2%;
  }
  .subnav li a {
    font-size: 1.4em;
    font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    padding: 10px 0px;
    border-bottom: 4px solid transparent;
    display: block;
    position: relative;
    z-index: 2;
    margin-bottom: -4px;
  }
  .subnav li a:hover {
    padding-bottom: 6px;
    border-bottom-color: white;
  }
  .subnav li .more {
    display: block;
  }
  .subnav li .more:before {
    content: '';
    position: relative;
    display: inline;
    background: url(/rnAssets/img/small-arrow-white.png) no-repeat;
    top: 2px;
    right: 3px;
    float: right;
    width: 14px;
    height: 10px;
    margin-left: 13px;
  }
  .subnav .more-nav {
    display: none;
  }
  .subnav .more-nav.active {
    display: block;
  }

  /* tables */
  .two-col-responsive-table {
    width: 100%;
    font-size: 1.5em;
    margin-bottom: 25px;
    margin-top: 25px;
  }
  .two-col-responsive-table thead th {
    background: #272727;
    color: white;
    padding: 20px;
    text-align: center;
    border: 1px solid #fff;
    font-weight: bold;
  }
  .two-col-responsive-table tbody tr {
    background: #001731;
    color: white;
  }
  .two-col-responsive-table tbody tr td {
    text-align: center;
    padding: 20px;
    font-weight: bold;
    border: 1px solid #fff;
    width: 50%;
  }

  .js .pdev-portal .styled-select .blue {
    background: #001731;
    color: white;
    padding: 20px 0;
  }
  .js .pdev-portal .styled-select .blue .select-label {
    width: 80%;
  }
  .js .pdev-portal .styled-select .white {
    background: white;
    color: #001731;
  }
  .js .pdev-portal .styled-select .select-label {
    font-size: 1.4em;
    white-space: normal;
  }

  .pdev-portal.marines .chevron {
    background-image: url("/rnAssets/img/green-chevron-tr.gif");
  }
  .pdev-portal.marines .chevron.flip {
    background-image: url("/rnAssets/img/green-chevron-tl.gif");
  }

  .jumplinks-col {
    width: 33.333333%;
    float: left;
  }
  .jumplinks-col li {
    padding-right: 20px;
  }
  .jumplinks-col li:last-child {
    margin-bottom: 0;
  }

  .jumplinks-halves .jumplinks-col {
    width: 50%;
  }

  .information-col {
    padding: 15px;
  }

  .community-block p {
    max-width: 75%;
  }
  .community-block textarea {
    max-width: 60%;
  }
  .community-block .social-links {
    position: absolute;
    margin-top: 0;
    top: 3.5em;
    right: 2em;
  }

  .community-block .content-col .inr,
  .community-schedule-block .content-col .inr {
    padding: 5.2em 5.2em;
  }

  .pclookup .col {
    width: 50%;
    float: left;
  }
  .pclookup input[type=text] {
    max-width: none;
  }
  .pclookup .styled-select {
    max-width: none;
    margin-left: 5px;
  }

  .listing-item .social-links {
    position: absolute;
    margin-top: 0;
    top: 3em;
    right: 2em;
  }

  .az-filters .pager {
    max-width: 770px;
  }

  .community-tab-header h2 {
    padding-bottom: 40px;
  }

  .community-section-accordion {
    display: none;
  }

  .community-sections {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .community-sections li {
    display: inline-block;
    margin: 0 15px;
  }
  .community-sections a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 2.2em;
    font-weight: bold;
    display: block;
    background: #ddd;
    color: black;
    text-decoration: none;
    width: 140px;
    padding: 5px;
    text-align: center;
  }
  .community-sections a:hover, .community-sections a.active {
    background: white;
  }
  .community-sections a span {
    margin-top: 5px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
  }

  /* =================================================
  
  	UCAS CALCULATOR
  
  ==================================================== */
  .ucas-modal {
    max-height: 90%;
    padding-left: 75px;
    padding-left: 7.5rem;
    padding-right: 75px;
    padding-right: 7.5rem;
  }

  .ucas-qual,
  .ucas-grade {
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
  }

  .ucas-qual {
    width: 50%;
    margin-right: 20px;
    margin-bottom: 0;
  }

  .ucas-grade {
    width: 32%;
    margin-bottom: 0;
  }

  .ucas-add[class] {
    width: auto;
  }
  .ucas-add[class] span {
    padding-right: 40px;
  }

  .ucas-remove[class] {
    margin-left: 20px;
    vertical-align: top;
  }

  .ucas-qualifications li:before {
    top: -16px;
  }

  /* =================================================
  	HALF WIDTH CAMPAIGN BLOCK
  ==================================================== */
  .campaign-block.campaign-half {
    width: 50%;
    height: 0;
    padding: 25% 0 0 0;
    float: left;
  }

  /* =================================================
  	TABBED UNIT
  ==================================================== */
  .tab-unit {
    padding-top: 40px;
  }
  .tab-unit__nav {
    display: block;
    overflow: hidden;
  }
  .tab-unit__nav__list {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -3px 0 0;
    padding: 0;
    white-space: nowrap;
  }
  .tab-unit__nav__item {
    display: inline-block;
    width: calc(25% - 2px);
    margin-right: 2px;
    background: #001731;
    color: #FFF;
    font-size: 1.5em;
    line-height: 1;
  }
  .tab-unit__nav__item.-current {
    background: #FFF;
    color: #001731;
  }
  .tab-unit__nav__link {
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
  }
  .tab-unit__tab {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .tab-unit__tab__header {
    display: none;
  }
  .tab-unit__tab__content {
    display: block !important;
    padding: 50px 60px;
  }
  .tab-unit__tab.-current {
    display: block;
    position: static;
    left: 0;
    top: 0;
  }
  .tab-unit.multiline .tab-unit__nav__list {
    white-space: normal;
  }
  .tab-unit.multiline .tab-unit__nav__item {
    vertical-align: top;
  }
  .tab-unit.tab__unit--5 .tab-unit__nav__item {
    vertical-align: top;
    width: calc(20% - 2px);
  }
  .tab-unit.tab__unit--6 .tab-unit__nav__item {
    vertical-align: top;
    width: calc(16.66666% - 2px);
  }

  /* =================================================
  	GRADUATES NAVIGATION
  ==================================================== */
  .graduate-nav {
    padding: 0 140px 0 90px;
  }
  .graduate-nav ol {
    display: block !important;
    overflow: visible !important;
  }
  .graduate-nav ol:after {
    content: "";
    display: table;
    clear: both;
  }
  .graduate-nav .skip-links {
    margin: 0 -140px 0 -90px;
  }
  .graduate-nav__item {
    float: left;
    padding: 0;
    width: 20%;
  }
  .graduate-nav__item.-home[class] {
    margin-left: -90px;
    width: 90px;
  }
  .graduate-nav__item.-home[class] .graduate-nav__title {
    text-indent: -5000px;
  }
  .graduate-nav__item.-final {
    margin-right: -140px;
    width: 140px;
  }
  .graduate-nav__link {
    box-sizing: border-box;
    overflow: hidden;
    height: 118px;
    padding: 70px 0 0;
    border-right: 1px solid #CCC;
    text-align: center;
  }
  .graduate-nav__link.-visited .graduate-nav__title__number {
    background-color: #3173b5;
    color: #FFF;
    border-color: #3173b5;
  }
  .graduate-nav__link.-final {
    border-right: 0;
  }
  .graduate-nav__link.-final .graduate-nav__title__number {
    overflow: hidden;
    background: transparent url("/rnAssets/img/arrow-white.png") center center no-repeat;
    text-indent: -100px;
  }
  .graduate-nav__link.-home {
    background-image: url("/rnAssets/img/home-blue.png");
    background-position: 50% 32px;
    background-repeat: no-repeat;
  }
  .graduate-nav__link.-step:hover .graduate-nav__title {
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  .graduate-nav__link.-step:hover .graduate-nav__title__number {
    opacity: 0;
  }
  .graduate-nav__link.-step:hover .graduate-nav__desc {
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 1;
  }
  .graduate-nav__title {
    display: block;
    font-weight: bold;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 350ms;
    -moz-transition: transform 350ms;
    -o-transition: transform 350ms;
    transition: transform 350ms;
  }
  .graduate-nav__title__number {
    display: block;
    opacity: 1;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin: -40px auto 10px;
    text-align: center;
    line-height: 25px;
    color: #3173b5;
    -webkit-transition: color 150ms, opacity 150ms;
    -moz-transition: color 150ms, opacity 150ms;
    -o-transition: color 150ms, opacity 150ms;
    transition: color 150ms, opacity 150ms;
  }
  .graduate-nav__title__number:after {
    display: none;
  }
  .graduate-nav__desc {
    box-sizing: border-box;
    display: block;
    margin-top: .5em;
    padding: 0 10px;
    height: 80px;
    background: url("/rnAssets/img/arrow-white.png") 95% 90% no-repeat;
    font-size: .91em;
    text-align: center;
    opacity: 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
  }
  #ie8 .graduate-nav__desc {
    display: none;
  }
  .graduate-nav.fixed {
    max-width: 980px;
  }
  #ie8 .graduate-nav.fixed {
    width: 980px;
  }
  .graduate-nav.fixed .graduate-nav__desc {
    display: none;
  }
  .graduate-nav.fixed .graduate-nav__link {
    padding: 20px 0;
    border-bottom: 1px solid #CCC;
    font-size: 1.5em;
    height: 56px;
  }
  .graduate-nav.fixed .graduate-nav__link.-visited .graduate-nav__title__number {
    color: #3173b5;
  }
  .graduate-nav.fixed .graduate-nav__link.-current .graduate-nav__title, .graduate-nav.fixed .graduate-nav__link:hover .graduate-nav__title {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .graduate-nav.fixed .graduate-nav__link.-current .graduate-nav__title__number[class], .graduate-nav.fixed .graduate-nav__link:hover .graduate-nav__title__number[class] {
    opacity: 1;
    color: #FFF;
  }
  .graduate-nav.fixed .graduate-nav__link.-home {
    background-position: center center;
  }
  .graduate-nav.fixed .graduate-nav__link.-home .graduate-nav__title:before {
    top: -3px;
  }
  .graduate-nav.fixed .graduate-nav__link.-final .graduate-nav__title__number {
    color: #FFF;
  }
  .graduate-nav.fixed .graduate-nav__title {
    font-weight: normal;
    letter-spacing: -.5px;
  }
  .graduate-nav.fixed .graduate-nav__title__number {
    display: inline;
    border: 0;
    height: auto;
    width: auto;
    margin: 0;
    height: auto;
    background: transparent;
    color: #001731;
    line-height: 1em;
  }
  .graduate-nav.fixed .graduate-nav__title__number:after {
    display: inline;
  }
  .graduate-nav.-grtj-nav {
    padding: 0 135px 0 70px;
  }
  .graduate-nav.-grtj-nav .skip-links {
    margin: -1px -135px 0 -70px;
  }
  .graduate-nav.-grtj-nav .graduate-nav__item.-step {
    width: 25%;
  }
  .graduate-nav.-grtj-nav .graduate-nav__item.-home {
    margin-left: -70px;
    width: 70px;
  }
  .graduate-nav.-grtj-nav .graduate-nav__item.-final {
    margin-right: -135px;
    width: 135px;
  }

  /* ====== BLOCK WITH FEATURED IMAGE ====== */
  /* new with submariners career page        */
  .image-third.-reverse {
    *zoom: 1;
    overflow: hidden;
  }
  .image-third.-reverse:after {
    content: "";
    display: table;
    clear: both;
  }
  .image-third.-reverse .inr {
    width: 245px;
  }
  .image-third.-reverse .image {
    float: left;
  }
  .image-third.-reverse.-left {
    padding-left: 245px;
  }
  .image-third.-reverse.-left .image {
    float: left;
    width: 100%;
  }
  .image-third.-reverse.-left .inr {
    float: left;
    margin-left: -100%;
    left: -245px;
    position: relative;
  }
  .image-third.-reverse.-right .image {
    margin-right: 245px;
    margin-left: 0;
  }
  .image-third.-reverse.-right .inr {
    margin-left: -245px;
    float: right;
  }

  /* ====== NAVY NEWS AD BLOCK ====== */
  .nn-logo-md {
    margin-bottom: 0px;
  }

  .nn-logo-lrg {
    height: 51px;
    padding-top: 0;
  }

  .nn-advert {
    text-align: left;
  }

  .nn-advert p {
    margin-bottom: 0;
  }

  .nn-footlinks a {
    display: inline-block;
    margin: 0;
    width: 33.333%;
    position: relative;
  }
  .nn-footlinks a:after {
    content: '';
    position: absolute;
    height: 30px;
    width: 1px;
    background: #c0c0c0;
    right: 0;
    top: 50%;
    margin-top: -15px;
  }
  .nn-footlinks a:first-child {
    float: left;
  }
  .nn-footlinks a:last-child {
    float: right;
  }
  .nn-footlinks a:last-child:after {
    display: none;
  }

  .nn-filter-form fieldset {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .rnForm .form-field.nn-form-col {
    width: 45%;
    float: left;
    clear: none;
  }

  .rnForm .form-field.nn-form-col.left {
    padding-right: 2.5%;
  }

  .rnForm .form-field.nn-form-col.right {
    padding-left: 2.5%;
  }

  .address-block h3 {
    font-size: 2.4em;
    text-transform: none;
  }
  .address-block p {
    font-size: 1.9em;
    line-height: 1.65em;
    font-weight: bold;
  }

  /**
   * General version of MITRN social nav
   */
}
@media only screen and (min-width: 880px) and (min-width: 1181px) {
  .floating-social {
    position: fixed;
    z-index: 998;
    top: 50%;
    left: 0;
    width: 100px;
    padding: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
  }
  .floating-social:after {
    content: 'desktop';
  }
  .floating-social__list {
    min-width: 0;
    max-width: 100%;
  }
  .floating-social__list__item {
    *zoom: 1;
    float: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.35);
  }
  .floating-social__list__item:after {
    content: "";
    display: table;
    clear: both;
  }
  .floating-social__list__item:nth-child(2) {
    border-width: 0 1px;
    padding: 1px 0;
  }
  .floating-social__list__item:hover .floating-social__link {
    color: white;
  }
  .floating-social__list__item:hover .floating-social__icon {
    top: 25%;
    margin-top: 0;
  }
  .floating-social__list__item:before {
    display: none;
  }
  .floating-social__link {
    height: 100px;
    color: rgba(255, 255, 255, 0);
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    -o-transition: color 350ms;
    transition: color 350ms;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .floating-social__link .floating-social__icon {
    top: 50%;
    margin-top: -12.5px;
    -webkit-transition: top 350ms, margin-top 350ms;
    -moz-transition: top 350ms, margin-top 350ms;
    -o-transition: top 350ms, margin-top 350ms;
    transition: top 350ms, margin-top 350ms;
  }
  .floating-social__share__list {
    left: calc(100% + 7px);
    bottom: 50%;
    margin: 0 0 -85px;
  }
  .floating-social__share__list:after {
    top: 50%;
    left: auto;
    right: 100%;
    margin: -10px 0 0;
    border-color: transparent;
    border-right-color: #f0f0f0;
  }
}
@media only screen and (min-width: 880px) {
  .inline-video-player__splash {
    padding: 100px 120px;
  }
  .inline-video-player__endframe strong {
    font-size: 3em;
  }
  .inline-video-player__endframe .btn {
    font-size: 1.4em;
  }
  .inline-video-player__endframe button {
    font-size: 1.6em;
  }

  /* ====== Timeline / secuence blocks ====== */
  .sequential-blocks .blocks .block .inr {
    padding: 66px 160px 50px;
  }
  .sequential-blocks .blocks .block .inr:before {
    top: 50px;
    left: 86px;
    bottom: 30px;
  }
  .sequential-blocks .blocks .block .number {
    top: 50px;
    left: 70px;
  }
  .sequential-blocks .blocks .block:last-child .inr {
    padding-bottom: 50px;
  }

  .skip-links {
    display: block;
  }
  .skip-links .btt {
    padding: 20px 35px 20px 20px;
    height: auto;
    width: auto;
    text-indent: 0;
  }
  .skip-links .btt:after {
    right: 15px;
    margin-right: 0;
  }

  /* ====== Quick question block ====== */
  .quick-question[class] .question__text {
    margin-top: 30px;
  }
  .quick-question[class] .answers {
    margin-top: 50px;
    max-width: none;
  }
  .quick-question[class] .answers ol {
    margin: 0 -14px;
  }
  .quick-question[class] .answers ol li {
    margin: 0 12px 20px;
    font-size: 1.9em;
  }
  .quick-question[class] .answers ol .circle {
    height: 115px;
    width: 115px;
  }

  /* ====== pre joining fitness test ====== */
  .pjft-lookup .filters {
    margin: 0 -7px 30px;
  }
  .pjft-lookup .filters .col {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 7px;
    margin: 0;
  }
  .pjft-lookup .result .inr {
    padding: 30px 90px;
  }

  /* ====== FAQ list ====== */
  .faq-list {
    background-color: #fff;
  }
  .faq-list__item {
    padding: 40px 155px;
  }

  a.print-btn {
    font-size: 2.1em;
    display: block;
    color: #001731;
    margin: 20px 0;
    font-weight: bold;
    margin: 20px 0 10px;
  }
  a.print-btn:before {
    content: '';
    height: 27px;
    width: 27px;
    display: block;
    background: url("/rnAssets/img/print.png") no-repeat;
    float: left;
    padding-right: 10px;
  }

  /* News Feature Landing blocks*/
  .features-section .block-left {
    float: left;
  }

  .features-section .block-right {
    float: right;
  }
}
/* =================================================

	Navigation

==================================================== */
.marines {
  color: #272727;
  /* ====== Timeline / secuence blocks ====== */
  /* ====== Quick question block ====== */
}
.marines section h1, .marines section h2, .marines section h3, .marines section h4, .marines section h5, .marines section h6 {
  color: #202e21;
}
.marines .lightBG h1, .marines .lightBG h2, .marines .lightBG h3, .marines .lightBG h4, .marines .lightBG h5, .marines .lightBG h6,
.marines .darkBG .lightBG h1,
.marines .darkBG .lightBG h2,
.marines .darkBG .lightBG h3,
.marines .darkBG .lightBG h4,
.marines .darkBG .lightBG h5,
.marines .darkBG .lightBG h6 {
  color: #202e21;
}
.marines .darkBG h1, .marines .darkBG h2, .marines .darkBG h3, .marines .darkBG h4, .marines .darkBG h5, .marines .darkBG h6,
.marines .lightBG .darkBG h1,
.marines .lightBG .darkBG h2,
.marines .lightBG .darkBG h3,
.marines .lightBG .darkBG h4,
.marines .lightBG .darkBG h5,
.marines .lightBG .darkBG h6,
.marines .small-circle-bg h1,
.marines .small-circle-bg h2,
.marines .small-circle-bg h3,
.marines .small-circle-bg h4,
.marines .small-circle-bg h5,
.marines .small-circle-bg h6 {
  color: white;
}
.marines .header-block.darkBG {
  background-color: #202e21;
}
.marines .header-block.darkBG.greyBG {
  background-color: #343434;
}
.marines .promo-link-block h2, .marines .promo-link-block h3 {
  color: #272727;
}
.marines .promo-link-block.darkBG h2, .marines .promo-link-block.darkBG h3 {
  color: #fff;
}
.marines .image-third.darkBG {
  background-color: #202e21;
}
.marines .image-third.blackBG h2, .marines .image-third.blackBG h3 {
  color: #fff;
}
.marines .dark-green-chevron, .marines .related-units {
  background-image: url(/rnAssets/img/green-chevron-tl.gif);
}
.marines section:not(.feature) .btn.btn-dark {
  background-color: #202e21;
  border-color: #202e21;
}
.marines section:not(.feature) .btn.btn-dark:hover {
  background-color: #136839;
  border-color: #136839;
}
.marines .lightBG .btn {
  border-color: #202e21;
}
.marines section:not(.feature) .btn:hover {
  background-color: #136839;
  border-color: #136839;
}
.marines .feature.darkBG .btn:hover {
  border-color: #136839;
  color: #fff;
}
.marines .inf-carousel .slide .display-heading {
  color: white;
  margin-bottom: 0;
}
.marines .unit-details .unit-menu .last {
  background-color: #136839;
}
.marines .on-deployment {
  background-color: #202e21;
}
.marines .bleed-green {
  background-color: #202e21;
}
.marines .bleed-lightgreen {
  background-color: #2e3a2d;
}
.marines .btn.btn-dark span:after,
.marines .btn:hover span:after {
  background-position: -94px -222px;
}
.marines .btn.favourite.btn-follow {
  background-color: #136839;
  border-color: #136839;
}
.marines .btn.favourite.btn-follow:hover {
  border-color: #202e21;
  background-color: #fff;
}
.marines .btn.favourite.btn-follow:hover span:after {
  background-position: 0 -34px;
}
.marines .btn.favourite.btn-unfollow {
  background-color: #202e21;
  border-color: #202e21;
}
.marines .btn.favourite.btn-unfollow span:after {
  background-position: 0 0;
}
.marines .btn.favourite.btn-unfollow:hover {
  background-color: #202e21;
  border-color: #202e21;
}
.marines .btn.favourite.btn-unfollow:hover span:after {
  background-position: 0 0;
}
.marines .btn-large.btn-dark span:after,
.marines .btn-large:hover span:after {
  background-position: -94px -92px;
}
.marines #main-nav .btn.btn-dark {
  background-color: #001731;
  border-color: #001731;
}
.marines #main-nav .btn.btn-dark:hover {
  background: #3173b5;
  border-color: #3173b5;
}
.marines #main-nav .feature .feature-heading {
  color: #0f253d;
}
.marines .video-play:after {
  background: url(/rnAssets/img/video-marines.png) no-repeat center center;
  background-size: contain;
}
.marines .small-wide-marines h2 {
  width: 60%;
  display: block;
  text-indent: 0;
  text-align: left;
  padding: 1em;
}
.marines .small-wide-marines .btn {
  left: 2em;
  padding-left: 1em;
  bottom: 1.5em;
  width: 185px;
}
.marines .feature .btn-dark {
  background-color: #202e21;
}
.marines .feature .btn-dark:hover {
  background-color: #136839;
}
.marines .small-block-marines {
  background-color: #202e21;
}
.marines .graduate-nav {
  background-color: white;
}
.marines .graduate-nav__link {
  border-bottom-color: #CCC;
  background-color: #f1f1f1;
  color: #202e21;
}
.marines .graduate-nav__link.-visited {
  background-color: #FFF;
  color: #136839;
}
.marines .graduate-nav__link.-final {
  background-color: #136839;
  color: #FFF;
}
.marines .graduate-nav__link.-current, .marines .graduate-nav__link[class]:hover {
  color: #FFF;
  background-color: #202e21;
  border-color: #202e21;
}
@media screen and (max-width: 880px) {
  .marines .graduate-nav__toggle {
    background: #202e21;
    color: #FFF;
  }
}
@media only screen and (min-width: 880px) {
  .marines .graduate-nav__link.-visited .graduate-nav__title__number {
    background-color: #136839;
    color: #FFF;
    border-color: #136839;
  }
  .marines .graduate-nav__link.-home {
    background-color: #FFF;
    background-image: url("/rnAssets/img/home-green.png");
  }
  .marines .graduate-nav__title__number {
    color: #136839;
  }
  .marines .graduate-nav.fixed .graduate-nav__link {
    border-bottom-color: #CCC;
  }
  .marines .graduate-nav.fixed .graduate-nav__link.-visited .graduate-nav__title__number {
    color: #136839;
  }
  .marines .graduate-nav.fixed .graduate-nav__link.-current .graduate-nav__title__number[class], .marines .graduate-nav.fixed .graduate-nav__link:hover .graduate-nav__title__number[class] {
    opacity: 1;
    color: #FFF;
  }
  .marines .graduate-nav.fixed .graduate-nav__link.-final .graduate-nav__title__number {
    color: #FFF;
  }
  .marines .graduate-nav.fixed .graduate-nav__title__number {
    background-color: transparent;
    color: #202e21;
  }
}
@media only screen and (min-width: 880px) {
  .marines .tab-unit__nav__item {
    background-color: #202e21;
  }
  .marines .tab-unit__nav__item.-current {
    background: #FFF;
    color: #202e21;
  }
}
.marines .skip-links {
  background: #202e21;
}
.marines .skip-links .links {
  background-color: #202e21;
}
.marines .faq-list__answer:before {
  color: #136839;
}
.marines .inline-video-player.js-enabled .inline-video-player__splash:after {
  background-image: url(/rnAssets/img/video-marines.png);
}
.marines .inline-video-player.js-enabled .inline-video-player__splash.js-playing:after {
  background-image: url(/rnAssets/img/video-loading-marines.png);
}
.marines .sequential-blocks .blocks .block .number {
  color: #136839;
  border-bottom-color: #136839;
  border-top-color: #136839;
}
.marines .sequential-blocks .blocks .block .inr:before {
  background-color: #136839;
}
.marines .quick-question[class] .answers ol li:before {
  color: #136839;
}
.marines .quick-question[class] .answer__text strong {
  color: #136839;
}
.marines .quick-question[class] .answer__reveal {
  background: #136839;
}
.marines .pjft-lookup .result {
  color: #202e21;
}

@media only screen and (max-width: 1024px) {
  body:before {
    content: 'no-prx';
    display: none;
  }

  .no-prx #masthead, .no-prx .blurBG {
    background-attachment: scroll;
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.5);
  }

  .no-prx #masthead {
    background-color: transparent;
  }
}
.integrated-campaign-page .header-block {
  clear: both;
}
.integrated-campaign-page .header-block-marine {
  background: #202e21;
}
.integrated-campaign-page .header-block-marine h1, .integrated-campaign-page .header-block-marine p {
  color: white;
}
.integrated-campaign-page .header-block-marine .display-heading.display-underline.white:after {
  background: #fff;
}
.integrated-campaign-page.marines .large-heading {
  background: #202e21;
}
.integrated-campaign-page.marines .large-heading.grey-heading {
  background: #e1e1e1;
}
.integrated-campaign-page #masthead .wrapper {
  padding-top: 295px;
}
.integrated-campaign-page .bleed-waves {
  background-image: url(/rnAssets/img/darkwaves-alt.jpg);
  background-repeat: no-repeat;
  background-color: black;
  background-size: contain;
}
.integrated-campaign-page .campaign-block {
  position: relative;
  text-align: center;
  height: 245px;
  width: 100%;
}
.integrated-campaign-page .campaign-block .inr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3em;
}
.integrated-campaign-page .campaign-block .copy {
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.integrated-campaign-page .campaign-block .copy h2 {
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  line-height: 1.3;
}
.integrated-campaign-page .campaign-block .copy h2 span {
  clear: both;
  display: block;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
}
.integrated-campaign-page .campaign-block .copy p {
  font-size: 1.8em;
  text-transform: uppercase;
  margin-top: 0.55556em;
  margin-bottom: 0;
}
.integrated-campaign-page .campaign-block .copy .btn {
  margin-top: 1em;
  font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 250px;
}
.integrated-campaign-page .campaign-arrow .copy:after {
  content: '';
  position: absolute;
  background: url(/rnAssets/img/mini-arrows.png) 0 -22px no-repeat;
  height: 11px;
  width: 11px;
  bottom: -40px;
  left: 50%;
}
@media screen and (min-width: 880px) {
  .integrated-campaign-page .campaign-block--small {
    width: 50%;
    height: 0;
    padding-bottom: 25%;
    max-width: 490px;
    float: left;
  }
}
.integrated-campaign-page .small-wide .btn {
  width: auto;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.integrated-campaign-page .inf-carousel .slide .btn {
  position: absolute;
  bottom: 13%;
  left: 50%;
  margin-left: -126px;
  line-height: 25px;
}
.integrated-campaign-page .header-block {
  clear: both;
}
.integrated-campaign-page .large-heading {
  background: #001731;
}
.integrated-campaign-page .large-heading h3 {
  text-align: center;
  color: white;
  font-size: 2.8em;
}
.integrated-campaign-page .large-heading a {
  padding-right: 80px;
  position: relative;
}
.integrated-campaign-page .large-heading a:after {
  content: '';
  width: 47px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(/rnAssets/img/icon-newsletter.png) -100px -115px;
}
.integrated-campaign-page.marines .large-heading {
  background: #202e21;
}

@media screen and (max-width: 880px) {
  .integrated-campaign-page #masthead .wrapper {
    padding-top: 254px;
  }

  .integrated-campaign-page .inf-carousel .slide .btn {
    margin-left: -65px;
  }

  .integrated-campaign-page #footer .foot-col {
    width: 100%;
  }

  .spacer_1x1 {
    display: none;
  }

  .campaign-page .large-heading a:after {
    display: none;
  }

  .campaign-page .large-heading a {
    padding-right: 0;
  }
}
@media screen and (max-width: 512px) {
  .integrated-campaign-page .inf-carousel .slide .btn {
    position: static;
    margin: 0;
    width: 100%;
  }

  .integrated-campaign-page .campaign-block h2 {
    font-size: 2.4em;
  }
  .integrated-campaign-page .campaign-block h2 span {
    display: inline;
    clear: none;
  }

  .integrated-campaign-page .campaign-block h3 {
    margin-top: 1em;
    font-size: 1.6em;
  }
  .integrated-campaign-page .campaign-block h3 span {
    display: inline;
    clear: none;
  }

  .integrated-campaign-page .campaign-block {
    height: auto;
  }
  .integrated-campaign-page .campaign-block .inr, .integrated-campaign-page .campaign-block .copy {
    position: static;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.integrated-campaign-page #ie7 .campaign-block .copy,
.integrated-campaign-page #ie8 .campaign-block .copy {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
}

/** New grid stuffs */
/*
    CSS flexbox compatibility mixins, horked shamelessly from Bourbon.

    Provided here because Compass’ flexbox module really, really blows…

    (also note: 2009 syntax has been largely commented out, because nothing supports it any more…)
*/
/** prefixer stuff, also horked shamelessly from Bourbon =) */
.rn-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rn-grid__block {
  *zoom: 1;
  box-sizing: border-box;
  width: 50%;
  text-align: center;
}
.rn-grid__block:after {
  content: "";
  display: table;
  clear: both;
}
.rn-grid__block:before {
  content: "";
  float: left;
  width: 1px;
  margin-right: -1px;
  padding-top: 100%;
}
.rn-grid__block .inr {
  padding: 20px;
  box-sizing: border-box;
}
.rn-grid__block.va-centre:before,
.rn-grid__block.va-centre .inr, .rn-grid__block.va-center:before,
.rn-grid__block.va-center .inr {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.rn-grid__block.va-centre .inr, .rn-grid__block.va-center .inr {
  margin-left: -.4em;
  width: 100%;
}
.rn-grid__block .align-left {
  text-align: left;
}
.rn-grid__block.-x2, .rn-grid__block.-x3, .rn-grid__block.-x4, .rn-grid__block.-full {
  width: 100%;
}
.rn-grid__block.-x2:before, .rn-grid__block.-x3:before, .rn-grid__block.-x4:before, .rn-grid__block.-full:before {
  padding-top: 50%;
}
@media screen and (max-width: 512px) {
  .rn-grid__block.-ms, .rn-grid__block.-mx1 {
    width: 50%;
  }
  .rn-grid__block.-ms:before, .rn-grid__block.-mx1:before {
    padding-top: 100%;
  }
  .rn-grid__block.-mx2, .rn-grid__block.-mf {
    width: 100%;
  }
  .rn-grid__block.-mx2:before, .rn-grid__block.-mf:before {
    padding-top: 50%;
  }
}
@media screen and (min-width: 512px) and (max-width: 880px) {
  .rn-grid__block.-tx1, .rn-grid__block.-ts {
    width: 50%;
  }
  .rn-grid__block.-tx1:before, .rn-grid__block.-ts:before {
    padding-top: 100%;
  }
  .rn-grid__block.-tx2, .rn-grid__block.-tf {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -ms-flex-positive: 2;
    width: 100%;
  }
  .rn-grid__block.-tx2:before, .rn-grid__block.-tf:before {
    padding-top: 50%;
  }
}
@media screen and (min-width: 880px) {
  .rn-grid__block {
    width: 25%;
  }
  .rn-grid__block:before {
    padding-top: 100%;
  }
  .rn-grid__block.-x2 {
    width: 50%;
  }
  .rn-grid__block.-x2:before {
    padding-top: 50%;
  }
  .rn-grid__block.-x3 {
    width: 75%;
  }
  .rn-grid__block.-x3:before {
    padding-top: 33.3333%;
  }
  .rn-grid__block.-x4:before, .rn-grid__block.-full:before {
    padding-top: 25%;
  }
}
.ie .rn-grid {
  *zoom: 1;
}
.ie .rn-grid:after {
  content: "";
  display: table;
  clear: both;
}
.ie .rn-grid__block {
  float: left;
}
#IE8 .rn-grid__block.-x2 {
  width: 50%;
}
#IE8 .rn-grid__block.-x2:before {
  padding-top: 100%;
}
#IE8 .rn-grid__block.-x3 {
  width: 75%;
}
#IE8 .rn-grid__block.-x3:before {
  padding-top: 33.3333%;
}
#IE8 .rn-grid__block.-x4:before, #IE8 .rn-grid__block.full:before {
  padding-top: 25%;
}

.optanon-alert-box-bg[class] {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 10px;
}

.optanon-alert-box-wrapper .optanon-alert-box-bottom-top[class] {
  position: absolute;
  max-width: 1020px;
  top: 50%;
  bottom: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}

@media (min-width: 47em) {
  .optanon-alert-box-wrapper .optanon-alert-box-body[class] {
    margin-left: 20px;
    margin-right: 400px;
  }
}
@media (max-width: 47em) {
  .optanon-alert-box-wrapper .optanon-alert-box-bottom-top[class] {
    top: 25px;
    transform: none;
    left: auto;
  }

  .optanon-alert-box-wrapper .optanon-alert-box-body[class] {
    margin-right: 40px;
    margin-bottom: 10px;
  }

  .optanon-alert-box-bg .optanon-alert-box-button-container[class] {
    clear: fix;
    margin: 0 40px 0 20px;
    padding-right: 0;
  }
}
@media (max-width: 350px) {
  .optanon-alert-box-bg .optanon-alert-box-button-container[class] {
    text-align: left;
  }

  .optanon-alert-box-wrapper .optanon-alert-box-button[class] {
    float: none;
  }

  .optanon-alert-box-button.optanon-button-more[class] {
    display: block;
    margin-left: 13px;
  }
}
@media (max-width: 400px) {
  #optanon #optanon-popup-wrapper .optanon-button-wrapper {
    clear: right;
  }
}
#optanon #optanon-popup-body[id] h3 {
  width: 65%;
}

#optanon-popup-more-info-bar[id] {
  vertical-align: middle;
  width: calc(35% - 5px);
}

#optanon #optanon-popup-wrapper .optanon-status[class] fieldset {
  margin-top: 0;
}

#optanon input[type="radio"]:checked + label,
#optanon input[type="radio"]:not(:disabled) + label:hover,
#optanon input[type="checkbox"]:checked + label,
#optanon input[type="checkbox"]:not(:disabled) + label:hover {
  color: inherit;
}
#optanon fieldset label {
  background-color: #414141 !important;
}
#optanon fieldset input:checked + label {
  background-color: #6cc04a !important;
}