@charset "UTF-8";
.flex__co {
  /* Safari */
  display: flex; }

.flex-column {
  flex-direction: column; }

.f-nowrap {
  flex-wrap: wrap; }

.f-space-between {
  justify-content: space-between; }

html:after {
  content: '{ "layout": "default", "gutter": "16px" }';
  display: none; }
  @media (min-width: 20.0625em) {
    html:after {
      content: '{ "layout": "XS", "gutter": "16px" }'; } }
  @media (min-width: 30.625em) {
    html:after {
      content: '{ "layout": "S", "gutter": "16px" }'; } }
  @media (min-width: 46.25em) {
    html:after {
      content: '{ "layout": "M", "gutter": "24px" }'; } }
  @media (min-width: 61.25em) {
    html:after {
      content: '{ "layout": "L", "gutter": "24px" }'; } }
  @media (min-width: 78em) {
    html:after {
      content: '{ "layout": "XL", "gutter": "24px" }'; } }

.o-grid-container {
  position: relative;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  min-width: 240px;
  max-width: 1248px;
  max-width: 1248px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 46.25em) {
    .o-grid-container {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 46.25em) {
    .o-grid-snappy .o-grid-container, .o-grid-container--snappy {
      max-width: 740px; } }
  @media (min-width: 61.25em) {
    .o-grid-snappy .o-grid-container, .o-grid-container--snappy {
      max-width: 980px; } }
  @media (min-width: 78em) {
    .o-grid-snappy .o-grid-container, .o-grid-container--snappy {
      max-width: 1248px; } }
  @media \0screen {
    .o-grid-container {
      padding-left: 24px;
      padding-right: 24px;
      width: 980px; } }

.o-grid-container--bleed {
  padding-left: 0;
  padding-right: 0; }

.o-grid-row {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1; }
  @media print {
    .o-grid-row {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .o-grid-row {
      margin-left: -24px; } }
  @media \0screen {
    .o-grid-row {
      margin-left: -24px; } }
  .o-grid-row:before, .o-grid-row:after {
    content: '';
    display: table;
    display: flex; }
  .o-grid-row:after {
    clear: both; }

[data-o-grid-colspan] {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px; }
  @media \0screen {
    [data-o-grid-colspan] {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    [data-o-grid-colspan] {
      padding-left: 24px; } }
  @media \0screen {
    [data-o-grid-colspan] {
      padding-left: 24px; } }

[data-o-grid-colspan~="0"] {
  display: none; }

[data-o-grid-colspan~="1"] {
  display: block;
  flex-basis: 8.33333%;
  min-width: 8.33333%;
  max-width: 8.33333%;
  width: 8.33333%; }

[data-o-grid-colspan~="2"] {
  display: block;
  flex-basis: 16.66667%;
  min-width: 16.66667%;
  max-width: 16.66667%;
  width: 16.66667%; }

[data-o-grid-colspan~="3"] {
  display: block;
  flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
  width: 25%; }

[data-o-grid-colspan~="4"] {
  display: block;
  flex-basis: 33.33333%;
  min-width: 33.33333%;
  max-width: 33.33333%;
  width: 33.33333%; }

[data-o-grid-colspan~="5"] {
  display: block;
  flex-basis: 41.66667%;
  min-width: 41.66667%;
  max-width: 41.66667%;
  width: 41.66667%; }

[data-o-grid-colspan~="6"] {
  display: block;
  flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
  width: 50%; }

[data-o-grid-colspan~="7"] {
  display: block;
  flex-basis: 58.33333%;
  min-width: 58.33333%;
  max-width: 58.33333%;
  width: 58.33333%; }

[data-o-grid-colspan~="8"] {
  display: block;
  flex-basis: 66.66667%;
  min-width: 66.66667%;
  max-width: 66.66667%;
  width: 66.66667%; }

[data-o-grid-colspan~="9"] {
  display: block;
  flex-basis: 75%;
  min-width: 75%;
  max-width: 75%;
  width: 75%; }

[data-o-grid-colspan~="10"] {
  display: block;
  flex-basis: 83.33333%;
  min-width: 83.33333%;
  max-width: 83.33333%;
  width: 83.33333%; }

[data-o-grid-colspan~="11"] {
  display: block;
  flex-basis: 91.66667%;
  min-width: 91.66667%;
  max-width: 91.66667%;
  width: 91.66667%; }

[data-o-grid-colspan~="12"] {
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }

.o-grid-row--compact {
  margin-left: 0; }
  .o-grid-row--compact > [data-o-grid-colspan] {
    padding-left: 0; }

[data-o-grid-colspan~="hide"] {
  display: none; }

[data-o-grid-colspan~="center"] {
  margin-left: auto;
  margin-right: auto;
  float: none; }

[data-o-grid-colspan~="full-width"] {
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }

[data-o-grid-colspan~="one-half"] {
  display: block;
  flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
  width: 50%; }

[data-o-grid-colspan~="one-third"] {
  display: block;
  flex-basis: 33.33333%;
  min-width: 33.33333%;
  max-width: 33.33333%;
  width: 33.33333%; }

[data-o-grid-colspan~="two-thirds"] {
  display: block;
  flex-basis: 66.66667%;
  min-width: 66.66667%;
  max-width: 66.66667%;
  width: 66.66667%; }

[data-o-grid-colspan~="one-quarter"] {
  display: block;
  flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
  width: 25%; }

[data-o-grid-colspan~="three-quarters"] {
  display: block;
  flex-basis: 75%;
  min-width: 75%;
  max-width: 75%;
  width: 75%; }

[data-o-grid-colspan~="push0"] {
  left: 0%;
  right: auto; }

[data-o-grid-colspan~="pull0"] {
  right: 0%;
  left: auto; }

[data-o-grid-colspan~="offset0"] {
  margin-left: 0%; }

[data-o-grid-colspan~="push1"] {
  left: 8.33333%;
  right: auto; }

[data-o-grid-colspan~="pull1"] {
  right: 8.33333%;
  left: auto; }

[data-o-grid-colspan~="offset1"] {
  margin-left: 8.33333%; }

[data-o-grid-colspan~="push2"] {
  left: 16.66667%;
  right: auto; }

[data-o-grid-colspan~="pull2"] {
  right: 16.66667%;
  left: auto; }

[data-o-grid-colspan~="offset2"] {
  margin-left: 16.66667%; }

[data-o-grid-colspan~="push3"] {
  left: 25%;
  right: auto; }

[data-o-grid-colspan~="pull3"] {
  right: 25%;
  left: auto; }

[data-o-grid-colspan~="offset3"] {
  margin-left: 25%; }

[data-o-grid-colspan~="push4"] {
  left: 33.33333%;
  right: auto; }

[data-o-grid-colspan~="pull4"] {
  right: 33.33333%;
  left: auto; }

[data-o-grid-colspan~="offset4"] {
  margin-left: 33.33333%; }

[data-o-grid-colspan~="push5"] {
  left: 41.66667%;
  right: auto; }

[data-o-grid-colspan~="pull5"] {
  right: 41.66667%;
  left: auto; }

[data-o-grid-colspan~="offset5"] {
  margin-left: 41.66667%; }

[data-o-grid-colspan~="push6"] {
  left: 50%;
  right: auto; }

[data-o-grid-colspan~="pull6"] {
  right: 50%;
  left: auto; }

[data-o-grid-colspan~="offset6"] {
  margin-left: 50%; }

[data-o-grid-colspan~="push7"] {
  left: 58.33333%;
  right: auto; }

[data-o-grid-colspan~="pull7"] {
  right: 58.33333%;
  left: auto; }

[data-o-grid-colspan~="offset7"] {
  margin-left: 58.33333%; }

[data-o-grid-colspan~="push8"] {
  left: 66.66667%;
  right: auto; }

[data-o-grid-colspan~="pull8"] {
  right: 66.66667%;
  left: auto; }

[data-o-grid-colspan~="offset8"] {
  margin-left: 66.66667%; }

[data-o-grid-colspan~="push9"] {
  left: 75%;
  right: auto; }

[data-o-grid-colspan~="pull9"] {
  right: 75%;
  left: auto; }

[data-o-grid-colspan~="offset9"] {
  margin-left: 75%; }

[data-o-grid-colspan~="push10"] {
  left: 83.33333%;
  right: auto; }

[data-o-grid-colspan~="pull10"] {
  right: 83.33333%;
  left: auto; }

[data-o-grid-colspan~="offset10"] {
  margin-left: 83.33333%; }

[data-o-grid-colspan~="push11"] {
  left: 91.66667%;
  right: auto; }

[data-o-grid-colspan~="pull11"] {
  right: 91.66667%;
  left: auto; }

[data-o-grid-colspan~="offset11"] {
  margin-left: 91.66667%; }

@media \0screen {
  [data-o-grid-colspan~="XShide"] {
    display: none; }
  [data-o-grid-colspan~="XScenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="XSuncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="XSfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="XSone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="XSone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="XStwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="XSone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="XSthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="XSpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="XSpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="XSpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="XSpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="XSpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="XSpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="XSpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="XSpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="XSpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="XSpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="XSpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="XSpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="XSpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="XSpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="XSpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="XSpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="XS0"] {
    display: none; }
  [data-o-grid-colspan~="XS1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="XS2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="XS3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="XS4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="XS5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="XS6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="XS7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="XS8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="XS9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="XS10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="XS11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="XS12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Shide"] {
    display: none; }
  [data-o-grid-colspan~="Scenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="Suncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="Sfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Sone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="Sone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="Stwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="Sone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="Sthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="Spush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="Spull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="Soffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="Spush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="Spush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="Spush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="Spull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="Soffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="Spush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="Spush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="Spush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="Spull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="Soffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="Spush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="Spush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="Spush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="Spull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="Soffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="Spush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="Spush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="S0"] {
    display: none; }
  [data-o-grid-colspan~="S1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="S2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="S3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="S4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="S5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="S6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="S7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="S8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="S9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="S10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="S11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="S12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Mhide"] {
    display: none; }
  [data-o-grid-colspan~="Mcenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="Muncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="Mfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Mone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="Mone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="Mtwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="Mone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="Mthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="Mpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="Mpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="Moffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="Mpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="Mpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="Mpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="Mpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="Moffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="Mpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="Mpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="Mpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="Mpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="Moffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="Mpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="Mpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="Mpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="Mpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="Moffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="Mpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="Mpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="M0"] {
    display: none; }
  [data-o-grid-colspan~="M1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="M2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="M3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="M4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="M5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="M6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="M7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="M8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="M9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="M10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="M11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="M12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Lhide"] {
    display: none; }
  [data-o-grid-colspan~="Lcenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="Luncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="Lfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Lone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="Lone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="Ltwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="Lone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="Lthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="Lpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="Lpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="Loffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="Lpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="Lpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="Lpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="Lpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="Loffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="Lpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="Lpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="Lpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="Lpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="Loffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="Lpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="Lpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="Lpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="Lpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="Loffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="Lpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="Lpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="L0"] {
    display: none; }
  [data-o-grid-colspan~="L1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="L2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="L3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="L4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="L5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="L6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="L7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="L8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="L9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="L10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="L11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="L12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; } }

@media (min-width: 20.0625em) {
  [data-o-grid-colspan~="XShide"] {
    display: none; }
  [data-o-grid-colspan~="XScenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="XSuncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="XSfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="XSone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="XSone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="XStwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="XSone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="XSthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="XSpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="XSpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="XSpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="XSpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="XSpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="XSpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="XSpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="XSpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="XSpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="XSpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="XSpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="XSpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="XSpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="XSpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="XSpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="XSpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="XSpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="XSpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="XSoffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="XS0"] {
    display: none; }
  [data-o-grid-colspan~="XS1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="XS2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="XS3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="XS4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="XS5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="XS6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="XS7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="XS8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="XS9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="XS10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="XS11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="XS12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; } }

@media (min-width: 30.625em) {
  [data-o-grid-colspan~="Shide"] {
    display: none; }
  [data-o-grid-colspan~="Scenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="Suncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="Sfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Sone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="Sone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="Stwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="Sone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="Sthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="Spush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="Spull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="Soffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="Spush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="Spush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="Spush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="Spull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="Soffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="Spush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="Spush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="Spush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="Spull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="Soffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="Spush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="Spush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="Spush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="Spull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="Soffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="Spush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="Spull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="Soffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="Spush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="Spull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="Soffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="S0"] {
    display: none; }
  [data-o-grid-colspan~="S1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="S2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="S3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="S4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="S5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="S6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="S7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="S8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="S9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="S10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="S11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="S12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; } }

@media (min-width: 46.25em) {
  [data-o-grid-colspan~="Mhide"] {
    display: none; }
  [data-o-grid-colspan~="Mcenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="Muncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="Mfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Mone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="Mone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="Mtwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="Mone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="Mthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="Mpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="Mpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="Moffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="Mpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="Mpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="Mpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="Mpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="Moffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="Mpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="Mpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="Mpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="Mpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="Moffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="Mpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="Mpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="Mpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="Mpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="Moffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="Mpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="Mpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="Moffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="Mpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="Mpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="Moffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="M0"] {
    display: none; }
  [data-o-grid-colspan~="M1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="M2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="M3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="M4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="M5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="M6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="M7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="M8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="M9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="M10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="M11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="M12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; } }

@media (min-width: 61.25em) {
  [data-o-grid-colspan~="Lhide"] {
    display: none; }
  [data-o-grid-colspan~="Lcenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="Luncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="Lfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="Lone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="Lone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="Ltwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="Lone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="Lthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="Lpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="Lpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="Loffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="Lpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="Lpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="Lpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="Lpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="Loffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="Lpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="Lpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="Lpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="Lpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="Loffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="Lpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="Lpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="Lpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="Lpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="Loffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="Lpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="Lpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="Loffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="Lpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="Lpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="Loffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="L0"] {
    display: none; }
  [data-o-grid-colspan~="L1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="L2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="L3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="L4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="L5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="L6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="L7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="L8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="L9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="L10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="L11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="L12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; } }

@media (min-width: 78em) {
  [data-o-grid-colspan~="XLhide"] {
    display: none; }
  [data-o-grid-colspan~="XLcenter"] {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  [data-o-grid-colspan~="XLuncenter"] {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  [data-o-grid-colspan~="XLfull-width"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; }
  [data-o-grid-colspan~="XLone-half"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="XLone-third"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="XLtwo-thirds"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="XLone-quarter"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="XLthree-quarters"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="XLpush0"] {
    left: 0%;
    right: auto; }
  [data-o-grid-colspan~="XLpull0"] {
    right: 0%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset0"] {
    margin-left: 0%; }
  [data-o-grid-colspan~="XLpush1"] {
    left: 8.33333%;
    right: auto; }
  [data-o-grid-colspan~="XLpull1"] {
    right: 8.33333%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset1"] {
    margin-left: 8.33333%; }
  [data-o-grid-colspan~="XLpush2"] {
    left: 16.66667%;
    right: auto; }
  [data-o-grid-colspan~="XLpull2"] {
    right: 16.66667%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset2"] {
    margin-left: 16.66667%; }
  [data-o-grid-colspan~="XLpush3"] {
    left: 25%;
    right: auto; }
  [data-o-grid-colspan~="XLpull3"] {
    right: 25%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset3"] {
    margin-left: 25%; }
  [data-o-grid-colspan~="XLpush4"] {
    left: 33.33333%;
    right: auto; }
  [data-o-grid-colspan~="XLpull4"] {
    right: 33.33333%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset4"] {
    margin-left: 33.33333%; }
  [data-o-grid-colspan~="XLpush5"] {
    left: 41.66667%;
    right: auto; }
  [data-o-grid-colspan~="XLpull5"] {
    right: 41.66667%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset5"] {
    margin-left: 41.66667%; }
  [data-o-grid-colspan~="XLpush6"] {
    left: 50%;
    right: auto; }
  [data-o-grid-colspan~="XLpull6"] {
    right: 50%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset6"] {
    margin-left: 50%; }
  [data-o-grid-colspan~="XLpush7"] {
    left: 58.33333%;
    right: auto; }
  [data-o-grid-colspan~="XLpull7"] {
    right: 58.33333%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset7"] {
    margin-left: 58.33333%; }
  [data-o-grid-colspan~="XLpush8"] {
    left: 66.66667%;
    right: auto; }
  [data-o-grid-colspan~="XLpull8"] {
    right: 66.66667%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset8"] {
    margin-left: 66.66667%; }
  [data-o-grid-colspan~="XLpush9"] {
    left: 75%;
    right: auto; }
  [data-o-grid-colspan~="XLpull9"] {
    right: 75%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset9"] {
    margin-left: 75%; }
  [data-o-grid-colspan~="XLpush10"] {
    left: 83.33333%;
    right: auto; }
  [data-o-grid-colspan~="XLpull10"] {
    right: 83.33333%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset10"] {
    margin-left: 83.33333%; }
  [data-o-grid-colspan~="XLpush11"] {
    left: 91.66667%;
    right: auto; }
  [data-o-grid-colspan~="XLpull11"] {
    right: 91.66667%;
    left: auto; }
  [data-o-grid-colspan~="XLoffset11"] {
    margin-left: 91.66667%; }
  [data-o-grid-colspan~="XL0"] {
    display: none; }
  [data-o-grid-colspan~="XL1"] {
    display: block;
    flex-basis: 8.33333%;
    min-width: 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%; }
  [data-o-grid-colspan~="XL2"] {
    display: block;
    flex-basis: 16.66667%;
    min-width: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%; }
  [data-o-grid-colspan~="XL3"] {
    display: block;
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 25%; }
  [data-o-grid-colspan~="XL4"] {
    display: block;
    flex-basis: 33.33333%;
    min-width: 33.33333%;
    max-width: 33.33333%;
    width: 33.33333%; }
  [data-o-grid-colspan~="XL5"] {
    display: block;
    flex-basis: 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%;
    width: 41.66667%; }
  [data-o-grid-colspan~="XL6"] {
    display: block;
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    width: 50%; }
  [data-o-grid-colspan~="XL7"] {
    display: block;
    flex-basis: 58.33333%;
    min-width: 58.33333%;
    max-width: 58.33333%;
    width: 58.33333%; }
  [data-o-grid-colspan~="XL8"] {
    display: block;
    flex-basis: 66.66667%;
    min-width: 66.66667%;
    max-width: 66.66667%;
    width: 66.66667%; }
  [data-o-grid-colspan~="XL9"] {
    display: block;
    flex-basis: 75%;
    min-width: 75%;
    max-width: 75%;
    width: 75%; }
  [data-o-grid-colspan~="XL10"] {
    display: block;
    flex-basis: 83.33333%;
    min-width: 83.33333%;
    max-width: 83.33333%;
    width: 83.33333%; }
  [data-o-grid-colspan~="XL11"] {
    display: block;
    flex-basis: 91.66667%;
    min-width: 91.66667%;
    max-width: 91.66667%;
    width: 91.66667%; }
  [data-o-grid-colspan~="XL12"] {
    display: block;
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
    width: 100%; } }

@font-face {
  font-family: "kastela-icons";
  src: url("/Portals/_default/Skins/Kastela/fonts/kastela-icons/icomoon.woff") format("woff"), url("/Portals/_default/Skins/Kastela/fonts/kastela-icons/icomoon.ttf") format("truetype"); }

/* ==========================================================================
   GENERIC / #BOX-SIZING
   ========================================================================== */
html {
  /*! autoprefixer: off */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *::before, *::after {
  /*! autoprefixer: off */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   GENERIC / #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 *
 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0; }

li > ul,
li > ol {
  margin-bottom: 0; }

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

svg {
  max-height: 100%; }

/* ==========================================================================
   GENERIC / #VERTICAL-RHYTHM
   ========================================================================== */
/**
 * Apply our base spacing unit as a `margin-bottom` to all block level elements
 * so that we get nice and consistent vertical rhythm very cheaply.
 * http://csswizardry.com/2012/06/single-direction-margin-declarations/
 */
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre {
  margin-bottom: 16px; }

/**
 * We’ll also indent list elements by the same amount of spacing.
 */
ul,
ol,
dd {
  margin-left: 16px; }

/* ==========================================================================
   GENERIC / #KEYFRAMES
   ========================================================================== */
/**
 * Spin animation keyframes
 */
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  to {
    transform: rotate(360deg); } }

/**
* FadeInDown animation keyframes
*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/* ==========================================================================
   ELEMENTS / PAGE
   ========================================================================== */
/**
 * High-level, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  /*! autoprefixer: off */
  font-size: 1.125em;
  line-height: 1.44444;
  font-family: "roboto", sans-serif;
  color: #1c1b1b;
  background-color: #f5f5f5;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

p {
  line-height: 32px; }

hr {
  border: 0;
  height: 1px;
  margin-bottom: 20px;
  background-image: linear-gradient(to right, rgba(109, 111, 123, 0), rgba(109, 111, 123, 0.75), rgba(109, 111, 123, 0)); }

#Form {
  background-color: #fff; }

/* ==========================================================================
   ELEMENTS / #TYPOGRAPHY
   ========================================================================== */
/* Headings
   =========================================== */
/**
 * Force all headings to have the exact same *default* styling. This means we
 * are free to use the correct semantic element without having opinionated look-
 * and-feel attached to it. Provide all cosmetics for specific visual use cases
 * via heading classes (i.e. `.c-heading-*`).
 *
 * http://csswizardry.com/2016/02/managing-typography-on-large-apps/
 */
h1, h2, h3, h4, h5, h6 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  font-weight: normal; }

/* Text-level elements
   =========================================== */
/**
 * As above, leave SMALL as a purely semantic choice, and omit any cosmetics.
 */
small {
  font: inherit; }

/* ==========================================================================
   ELEMENTS / #FORMS
   ========================================================================== */
/**
 * Semantically, we’d like all forms to be built with `<fieldset>`s and
 * `<legend>`s, but we don’t want to visually see them.
 */
fieldset {
  border: none; }

legend {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/**
 * Make sure our form elements don’t use any UA-specific font styles: we want
 * them to use ours. This may need reverting as more design information becomes
 * available, and we start putting together more complete forms.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; }

/* ==========================================================================
   ELEMENTS / #LINKS
   ========================================================================== */
/**
 * Our basic `<a>` elements only need very minimal styling.
 * Anything more opinionated (e.g. buttons, calls-to-action, etc.) will need a
 * class defining in the Components layer.
 */
a {
  color: #D4AF37;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    text-decoration: underline; }

/* ==========================================================================
   ELEMENTS / #TABLES
   ========================================================================== */
/**
 * Table styles are incredibly unopinionated. Simply:
 *
 * 1. Force `<table>`s to be full-width by default.
 * 2. Ensure their first and last cells in each row carry no indents.
 */
table {
  width: 100%;
  /* [1] */ }

th:last-child,
td:last-child {
  padding-right: 0;
  /* [2] */ }

/* ==========================================================================
   ELEMENTS / #IMAGES
   ========================================================================== */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
img[width],
img[height] {
  /* [1] */
  max-width: none; }

.o-grid-container {
  position: relative;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  min-width: 240px;
  max-width: 1248px;
  max-width: 1248px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (min-width: 46.25em) {
    .o-grid-container {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 46.25em) {
    .o-grid-snappy .o-grid-container, .o-grid-container--snappy {
      max-width: 740px; } }
  @media (min-width: 61.25em) {
    .o-grid-snappy .o-grid-container, .o-grid-container--snappy {
      max-width: 980px; } }
  @media (min-width: 78em) {
    .o-grid-snappy .o-grid-container, .o-grid-container--snappy {
      max-width: 1248px; } }
  @media \0screen {
    .o-grid-container {
      padding-left: 24px;
      padding-right: 24px;
      width: 980px; } }

.o-grid-container--bleed {
  padding-left: 0;
  padding-right: 0; }

.o-grid-row {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1; }
  @media print {
    .o-grid-row {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .o-grid-row {
      margin-left: -24px; } }
  @media \0screen {
    .o-grid-row {
      margin-left: -24px; } }
  .o-grid-row:before, .o-grid-row:after {
    content: '';
    display: table;
    display: flex; }
  .o-grid-row:after {
    clear: both; }

.o-grid-row--compact {
  margin-left: 0; }
  .o-grid-row--compact > [data-o-grid-colspan] {
    padding-left: 0; }

.o-grid-center {
  margin-left: auto;
  margin-right: auto;
  float: none; }

.o-grid-uncenter {
  margin-left: 0;
  margin-right: 0;
  float: left; }

.o-grid-full-width {
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }

.o-grid-one-half {
  display: block;
  flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
  width: 50%; }

.o-grid-one-third {
  display: block;
  flex-basis: 33.33333%;
  min-width: 33.33333%;
  max-width: 33.33333%;
  width: 33.33333%; }

.o-grid-two-thirds {
  display: block;
  flex-basis: 66.66667%;
  min-width: 66.66667%;
  max-width: 66.66667%;
  width: 66.66667%; }

.o-grid-one-quarter {
  display: block;
  flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
  width: 25%; }

.o-grid-three-quarters {
  display: block;
  flex-basis: 75%;
  min-width: 75%;
  max-width: 75%;
  width: 75%; }

/* ==========================================================================
   OBJECTS / #CONTAINER
   ========================================================================== */
.o-container {
  max-width: 1200px;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto; }

.o-media {
  display: flex; }

.o-media__img {
  flex: 0 0 auto;
  margin-right: 8px; }
  @media (min-width: 61.25em) {
    .o-media__img {
      margin-right: 16px; } }

.o-media__img__body {
  flex: 1 1 auto; }

/* Modifiers
   =========================================== */
/**
 * Smaller spacing between media items.
 */
.o-media--narrow > .o-media__img {
  margin-right: 8px; }

/**
 * Wider spacing between media items.
 */
.o-media--wide > .o-media__img {
  margin-right: 40px; }

/**
 * No spacing between media items.
 */
.o-media--flush > .o-media__img {
  margin-right: 0; }

/**
 * Swap the image and body around.
 */
.o-media--reverse > .o-media__img {
  float: right;
  margin-right: 0;
  margin-left: 16px;
  /**
     * Adjust our previously defined modifiers to work in reverse.
     */ }
  .o-media--narrow .o-media--reverse > .o-media__img {
    margin-left: 8px; }
  .o-media--wide .o-media--reverse > .o-media__img {
    margin-left: 40px; }
  .o-media--flush .o-media--reverse > .o-media__img {
    margin-left: 0; }

/* ==========================================================================
   OBJECTS / #TABLES
   ========================================================================== */
/**
 * Borderless Table
 *
 * Removes default border-bottom on `<table>` rows.
 */
.o-table-borderless tr {
  border: none; }

/* ==========================================================================
   OBJECTS / LIST-BARE
   ========================================================================== */
.o-list-bare {
  list-style: none;
  margin-left: 0; }

/* ==========================================================================
   OBJECTS / LIST-BLOCK
   ========================================================================== */
.o-list-block {
  margin-left: 0;
  list-style: none; }

.o-list-block__item {
  display: block; }

/* ==========================================================================
   OBJECTS / LIST-INLINE
   ========================================================================== */
.o-list-inline {
  margin-left: 0;
  list-style: none; }

.o-list-inline__item {
  display: inline-block;
  margin-right: 16px; }

/* Modifiers
   =========================================== */
/**
 * Smaller spacing between list items.
 */
.o-list-inline--narrow > .o-list-inline__item {
  margin-right: 8px; }

/**
 * Wider spacing between list items.
 */
.o-list-inline--wide > .o-list-inline__item {
  margin-right: 40px; }

/**
 * No spacing between list items.
 */
.o-list-inline--flush > .o-list-inline__item {
  margin-right: 0; }

/* ==========================================================================
   OBJECTS / #RATIO
   ========================================================================== */
.o-ratio {
  position: relative;
  display: block;
  overflow: hidden; }
  .o-ratio:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%; }

.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%; }

/* stylelint-disable */
.o-ratio--1\:1:before {
  padding-bottom: 100%; }

.o-ratio--2\:1:before {
  padding-bottom: 50%; }

.o-ratio--4\:3:before {
  padding-bottom: 75%; }

.o-ratio--16\:9:before {
  padding-bottom: 56.25%; }

/* stylelint-enable */
/* ==========================================================================
   OBJECTS / #CROP
   ========================================================================== */
.o-crop {
  position: relative;
  display: block;
  overflow: hidden; }

.o-crop__content {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none; }

.o-crop--featured {
  padding-bottom: 56.25%; }
  @media (min-width: 46.25em) {
    .o-crop--featured {
      padding-bottom: 33.33333%; } }

.o-crop__content--right {
  right: 0;
  left: auto; }

.o-crop__content--bottom {
  top: auto;
  bottom: 0; }

.o-crop__content--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* stylelint-disable */
.o-crop--1\:1 {
  padding-bottom: 100%; }

.o-crop--2\:1 {
  padding-bottom: 50%; }

.o-crop--4\:3 {
  padding-bottom: 75%; }

.o-crop--3\:1 {
  padding-bottom: 33.33333%; }

.o-crop--16\:9 {
  padding-bottom: 56.25%; }

/* stylelint-enable */
.o-pack {
  width: 100%;
  margin-left: 0;
  display: table;
  table-layout: fixed; }

.o-pack__item {
  display: table-cell;
  vertical-align: top; }
  .o-pack--middle > .o-pack__item {
    vertical-align: middle; }
  .o-pack--bottom > .o-pack__item {
    vertical-align: bottom; }

.o-pack--auto {
  table-layout: auto; }

.o-pack--tiny {
  border-spacing: 4px; }

.o-pack--small {
  border-spacing: 8px; }

.o-pack--default {
  border-spacing: 16px; }

.o-pack--large {
  border-spacing: 40px; }

.o-pack--huge {
  border-spacing: 64px; }

.o-pack--reverse {
  direction: rtl; }
  .o-pack--reverse > .o-pack__item {
    direction: ltr; }

/* ==========================================================================
   OBJECTS / #TEXT
   ========================================================================== */
/**
 * Text sizes
 *
 * Set different text sizes
 */
.o-text {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44; }

/* ==========================================================================
   OBJECTS / #TITLE
   ========================================================================== */
/**
 * Title sizes
 *
 * Set different title sizes
 */
.o-title {
  font-size: 34px;
  font-size: 1.88889rem;
  line-height: 1.18; }

/* ==========================================================================
   UTILITIES / #CLEARFIX
   ========================================================================== */
/**
 * Class-based implementation of our clearfix mixin. Use in markup only when
 * there is no other hook available to apply the mixin to.
 */
.u-cf::after,
.u-clearfix::after {
  clear: both;
  content: "";
  display: block; }

/* ==========================================================================
   UTILITIES / #HIDE
   ========================================================================== */
.u-hide-visually {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

@media (min-width: 20em) {
  .u-hide-visually\@mobile {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px; } }

@media (min-width: 46.25em) {
  .u-hide-visually\@tablet {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px; } }

@media (min-width: 61.25em) {
  .u-hide-visually\@desktop {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px; } }

@media (min-width: 81.25em) {
  .u-hide-visually\@wide {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px; } }

.is-hidden,
[hidden] {
  display: none; }

.u-hide-completely {
  display: none; }

@media (min-width: 20em) {
  .u-hide-completely\@mobile {
    display: none; } }

@media (min-width: 46.25em) {
  .u-hide-completely\@tablet {
    display: none; } }

@media (min-width: 61.25em) {
  .u-hide-completely\@desktop {
    display: none; } }

@media (min-width: 81.25em) {
  .u-hide-completely\@wide {
    display: none; } }

/* ==========================================================================
   UTILITIES / #TYPOGRAPHY
   ========================================================================== */
/* Typography utilities will override any matching property declarations */
/* stylelint-disable declaration-no-important */
/* Text alignment utilities
   =========================================== */
.u-text-left {
  text-align: left !important; }

@media (min-width: 20em) {
  .u-text-left\@mobile {
    text-align: left !important; } }

@media (min-width: 46.25em) {
  .u-text-left\@tablet {
    text-align: left !important; } }

@media (min-width: 61.25em) {
  .u-text-left\@desktop {
    text-align: left !important; } }

@media (min-width: 81.25em) {
  .u-text-left\@wide {
    text-align: left !important; } }

.u-text-center {
  text-align: center !important; }

@media (min-width: 20em) {
  .u-text-center\@mobile {
    text-align: center !important; } }

@media (min-width: 46.25em) {
  .u-text-center\@tablet {
    text-align: center !important; } }

@media (min-width: 61.25em) {
  .u-text-center\@desktop {
    text-align: center !important; } }

@media (min-width: 81.25em) {
  .u-text-center\@wide {
    text-align: center !important; } }

.u-text-right {
  text-align: right !important; }

@media (min-width: 20em) {
  .u-text-right\@mobile {
    text-align: right !important; } }

@media (min-width: 46.25em) {
  .u-text-right\@tablet {
    text-align: right !important; } }

@media (min-width: 61.25em) {
  .u-text-right\@desktop {
    text-align: right !important; } }

@media (min-width: 81.25em) {
  .u-text-right\@wide {
    text-align: right !important; } }

.u-text-justify {
  text-align: justify !important; }

@media (min-width: 20em) {
  .u-text-justify\@mobile {
    text-align: justify !important; } }

@media (min-width: 46.25em) {
  .u-text-justify\@tablet {
    text-align: justify !important; } }

@media (min-width: 61.25em) {
  .u-text-justify\@desktop {
    text-align: justify !important; } }

@media (min-width: 81.25em) {
  .u-text-justify\@wide {
    text-align: justify !important; } }

/* Font style utilities
  =========================================== */
.u-text-bold {
  font-weight: bold !important; }

.u-text-italic {
  font-style: italic !important; }

/* Text transform utilities
  =========================================== */
.u-text-uppercase {
  text-transform: uppercase; }

/**
 * Text utility to constrain text to a maximum of 75 characters per line,
 * regardless of the text’s `font-size`. 30em is roughly equal to 75 characters,
 * so we hard-code this value. Please don’t change it.
 *
 * https://jsfiddle.net/5571te7g/
 *
 */
.u-text-constrain {
  max-width: 30em !important; }

/* stylelint-enable */
/* ==========================================================================
   UTILITIES / #SPACING
   ========================================================================== */
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-margin-top {}
 *   .u-padding-left-large {}
 *   .u-margin-right-small {}
 *   .u-padding-all {}
 */
/* Spacing utilities will override any matching property declarations */
.u-padding-all {
  padding: 16px !important; }

.u-padding-all-tiny {
  padding: 4px !important; }

.u-padding-all-small {
  padding: 8px !important; }

.u-padding-all-large {
  padding: 40px !important; }

.u-padding-all-huge {
  padding: 64px !important; }

.u-padding-all-none {
  padding: 0 !important; }

.u-padding-top {
  padding-top: 16px !important; }

.u-padding-top-tiny {
  padding-top: 4px !important; }

.u-padding-top-small {
  padding-top: 8px !important; }

.u-padding-top-large {
  padding-top: 40px !important; }

.u-padding-top-huge {
  padding-top: 64px !important; }

.u-padding-top-none {
  padding-top: 0 !important; }

.u-padding-right {
  padding-right: 16px !important; }

.u-padding-right-tiny {
  padding-right: 4px !important; }

.u-padding-right-small {
  padding-right: 8px !important; }

.u-padding-right-large {
  padding-right: 40px !important; }

.u-padding-right-huge {
  padding-right: 64px !important; }

.u-padding-right-none {
  padding-right: 0 !important; }

.u-padding-bottom {
  padding-bottom: 16px !important; }

.u-padding-bottom-tiny {
  padding-bottom: 4px !important; }

.u-padding-bottom-small {
  padding-bottom: 8px !important; }

.u-padding-bottom-large {
  padding-bottom: 40px !important; }

.u-padding-bottom-huge {
  padding-bottom: 64px !important; }

.u-padding-bottom-none {
  padding-bottom: 0 !important; }

.u-padding-left {
  padding-left: 16px !important; }

.u-padding-left-tiny {
  padding-left: 4px !important; }

.u-padding-left-small {
  padding-left: 8px !important; }

.u-padding-left-large {
  padding-left: 40px !important; }

.u-padding-left-huge {
  padding-left: 64px !important; }

.u-padding-left-none {
  padding-left: 0 !important; }

.u-margin-all {
  margin: 16px !important; }

.u-margin-all-tiny {
  margin: 4px !important; }

.u-margin-all-small {
  margin: 8px !important; }

.u-margin-all-large {
  margin: 40px !important; }

.u-margin-all-huge {
  margin: 64px !important; }

.u-margin-all-none {
  margin: 0 !important; }

.u-margin-top {
  margin-top: 16px !important; }

.u-margin-top-tiny {
  margin-top: 4px !important; }

.u-margin-top-small {
  margin-top: 8px !important; }

.u-margin-top-large {
  margin-top: 40px !important; }

.u-margin-top-huge {
  margin-top: 64px !important; }

.u-margin-top-none {
  margin-top: 0 !important; }

.u-margin-right {
  margin-right: 16px !important; }

.u-margin-right-tiny {
  margin-right: 4px !important; }

.u-margin-right-small {
  margin-right: 8px !important; }

.u-margin-right-large {
  margin-right: 40px !important; }

.u-margin-right-huge {
  margin-right: 64px !important; }

.u-margin-right-none {
  margin-right: 0 !important; }

.u-margin-bottom {
  margin-bottom: 16px !important; }

.u-margin-bottom-tiny {
  margin-bottom: 4px !important; }

.u-margin-bottom-small {
  margin-bottom: 8px !important; }

.u-margin-bottom-large {
  margin-bottom: 40px !important; }

.u-margin-bottom-huge {
  margin-bottom: 64px !important; }

.u-margin-bottom-none {
  margin-bottom: 0 !important; }

.u-margin-left {
  margin-left: 16px !important; }

.u-margin-left-tiny {
  margin-left: 4px !important; }

.u-margin-left-small {
  margin-left: 8px !important; }

.u-margin-left-large {
  margin-left: 40px !important; }

.u-margin-left-huge {
  margin-left: 64px !important; }

.u-margin-left-none {
  margin-left: 0 !important; }

/* ==========================================================================
   UTILITIES / VERTICAL ALIGN
   ========================================================================== */
/**
 * Utility classes to vertically align an element centrally within its parent.
 *
 * This class requires a set height on the parent element to function correctly.
 */
.u-vertical-align-center {
  /*! autoprefixer: off */
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/**
 * Using .u-vertical-align-center on an element can cause visual issues if it renders
 * on a half pixel so we can apply preserve-3d to prevent this on the parent
 * element.
 */
.u-vertical-align-parent {
  /*! autoprefixer: off */
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/* ==========================================================================
   UTILITIES / #IE9
   ========================================================================== */
/**
 * This file is a crude, hacky dumping ground for any IE9-specific bug/fixes.
 */
.ie9 {
  /**
   * Nasty hard-coded height to fix IE bug with sizes of form inputs:
   * http://joshnh.com/weblog/line-height-doesnt-work-as-expected-on-inputs/
   */
  /**
   * Remove custom icon offset.
   */
  /**
   * Remove custom icon and gradient overflow on form select inputs
   */
  /**
   * IE9 doesn’t support CSS animations, so let’s just undo everything visual
   * and drop back to some simple ‘Loading…’ text.
   */ }
  .ie9 .c-form-date,
  .ie9 .c-form-input,
  .ie9 .c-form-select {
    height: 2.3em; }
  .ie9 .c-form-select__dropdown {
    padding-right: 4px; }
  .ie9 .c-form-select::before,
  .ie9 .c-form-select::after {
    content: normal; }
  .ie9 .c-spinner {
    font-size: inherit;
    width: auto;
    height: auto;
    -webkit-animation: none;
            animation: none;
    border: none;
    border-radius: 0;
    overflow: visible;
    text-indent: 0; }

/* ==========================================================================
   UTILITIES / #FILL
   ========================================================================== */
/**
 * Utility classes to position an element within its parent.
 */
.u-fill-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/* ==========================================================================
   UTILITIES / #OVERFLOW
   ========================================================================== */
/**
 * Enable Horizontal Scrolling
 *
 * Recommended for overriding the hidden horizontal scrolling set by
 * generic/overflow.
 */
.u-overflow-x-scroll {
  overflow-x: scroll !important; }

.u-faux-block-link {
  position: relative; }

.u-faux-block-link a,
.u-faux-block-link abbr[title],
.u-faux-block-link__promote {
  position: relative;
  z-index: 1; }

.u-faux-block-link__overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0); }

a.u-faux-block-link__overlay {
  position: absolute;
  z-index: 0;
  opacity: 0; }
  a.u-faux-block-link__overlay:focus {
    outline: none; }

.u-faux-block-link--hover .u-faux-block-link__cta {
  text-decoration: underline; }

/* ==========================================================================
   UTILITIES / #COLORS
   ========================================================================== */
/**
 * Generate a suite of utility classes that map directly to our colour palette.
 */
/* stylelint-disable declaration-no-important */
.u-color-brand {
  color: #D4AF37 !important; }

.u-color-bg-brand {
  background-color: #D4AF37 !important; }

.u-color-brand\:hover:hover {
  color: #D4AF37 !important; }

.u-color-bg-brand\:hover:hover {
  background-color: #D4AF37 !important; }

.u-color-brand-50 {
  color: #c2a034 !important; }

.u-color-bg-brand-50 {
  background-color: #c2a034 !important; }

.u-color-brand-50\:hover:hover {
  color: #c2a034 !important; }

.u-color-bg-brand-50\:hover:hover {
  background-color: #c2a034 !important; }

.u-color-brand-alt {
  color: #064789 !important; }

.u-color-bg-brand-alt {
  background-color: #064789 !important; }

.u-color-brand-alt\:hover:hover {
  color: #064789 !important; }

.u-color-bg-brand-alt\:hover:hover {
  background-color: #064789 !important; }

.u-color-brand-alt-50 {
  color: #04244A !important; }

.u-color-bg-brand-alt-50 {
  background-color: #04244A !important; }

.u-color-brand-alt-50\:hover:hover {
  color: #04244A !important; }

.u-color-bg-brand-alt-50\:hover:hover {
  background-color: #04244A !important; }

.u-color-brand-highlight {
  color: #151F6D !important; }

.u-color-bg-brand-highlight {
  background-color: #151F6D !important; }

.u-color-brand-highlight\:hover:hover {
  color: #151F6D !important; }

.u-color-bg-brand-highlight\:hover:hover {
  background-color: #151F6D !important; }

.u-color-light-blue {
  color: #EDF5FA !important; }

.u-color-bg-light-blue {
  background-color: #EDF5FA !important; }

.u-color-light-blue\:hover:hover {
  color: #EDF5FA !important; }

.u-color-bg-light-blue\:hover:hover {
  background-color: #EDF5FA !important; }

.u-color-light-blue-20 {
  color: #D3E1EA !important; }

.u-color-bg-light-blue-20 {
  background-color: #D3E1EA !important; }

.u-color-light-blue-20\:hover:hover {
  color: #D3E1EA !important; }

.u-color-bg-light-blue-20\:hover:hover {
  background-color: #D3E1EA !important; }

.u-color-highlight {
  color: #427AA1 !important; }

.u-color-bg-highlight {
  background-color: #427AA1 !important; }

.u-color-highlight\:hover:hover {
  color: #427AA1 !important; }

.u-color-bg-highlight\:hover:hover {
  background-color: #427AA1 !important; }

.u-color-error {
  color: #ff2744 !important; }

.u-color-bg-error {
  background-color: #ff2744 !important; }

.u-color-error\:hover:hover {
  color: #ff2744 !important; }

.u-color-bg-error\:hover:hover {
  background-color: #ff2744 !important; }

.u-color-error-highlight {
  color: #FFC4CC !important; }

.u-color-bg-error-highlight {
  background-color: #FFC4CC !important; }

.u-color-error-highlight\:hover:hover {
  color: #FFC4CC !important; }

.u-color-bg-error-highlight\:hover:hover {
  background-color: #FFC4CC !important; }

.u-color-success {
  color: #299934 !important; }

.u-color-bg-success {
  background-color: #299934 !important; }

.u-color-success\:hover:hover {
  color: #299934 !important; }

.u-color-bg-success\:hover:hover {
  background-color: #299934 !important; }

.u-color-success-highlight {
  color: #C4E3C7 !important; }

.u-color-bg-success-highlight {
  background-color: #C4E3C7 !important; }

.u-color-success-highlight\:hover:hover {
  color: #C4E3C7 !important; }

.u-color-bg-success-highlight\:hover:hover {
  background-color: #C4E3C7 !important; }

.u-color-info {
  color: #73ADD8 !important; }

.u-color-bg-info {
  background-color: #73ADD8 !important; }

.u-color-info\:hover:hover {
  color: #73ADD8 !important; }

.u-color-bg-info\:hover:hover {
  background-color: #73ADD8 !important; }

.u-color-grey-10 {
  color: #f5f5f5 !important; }

.u-color-bg-grey-10 {
  background-color: #f5f5f5 !important; }

.u-color-grey-10\:hover:hover {
  color: #f5f5f5 !important; }

.u-color-bg-grey-10\:hover:hover {
  background-color: #f5f5f5 !important; }

.u-color-grey-20 {
  color: #dedede !important; }

.u-color-bg-grey-20 {
  background-color: #dedede !important; }

.u-color-grey-20\:hover:hover {
  color: #dedede !important; }

.u-color-bg-grey-20\:hover:hover {
  background-color: #dedede !important; }

.u-color-grey-22 {
  color: #D6D6D6 !important; }

.u-color-bg-grey-22 {
  background-color: #D6D6D6 !important; }

.u-color-grey-22\:hover:hover {
  color: #D6D6D6 !important; }

.u-color-bg-grey-22\:hover:hover {
  background-color: #D6D6D6 !important; }

.u-color-grey-25 {
  color: #c4c4c4 !important; }

.u-color-bg-grey-25 {
  background-color: #c4c4c4 !important; }

.u-color-grey-25\:hover:hover {
  color: #c4c4c4 !important; }

.u-color-bg-grey-25\:hover:hover {
  background-color: #c4c4c4 !important; }

.u-color-grey-30 {
  color: #6D6F7B !important; }

.u-color-bg-grey-30 {
  background-color: #6D6F7B !important; }

.u-color-grey-30\:hover:hover {
  color: #6D6F7B !important; }

.u-color-bg-grey-30\:hover:hover {
  background-color: #6D6F7B !important; }

.u-color-grey-40 {
  color: #5B5E6D !important; }

.u-color-bg-grey-40 {
  background-color: #5B5E6D !important; }

.u-color-grey-40\:hover:hover {
  color: #5B5E6D !important; }

.u-color-bg-grey-40\:hover:hover {
  background-color: #5B5E6D !important; }

.u-color-grey-45 {
  color: #575757 !important; }

.u-color-bg-grey-45 {
  background-color: #575757 !important; }

.u-color-grey-45\:hover:hover {
  color: #575757 !important; }

.u-color-bg-grey-45\:hover:hover {
  background-color: #575757 !important; }

.u-color-grey-50 {
  color: #323648 !important; }

.u-color-bg-grey-50 {
  background-color: #323648 !important; }

.u-color-grey-50\:hover:hover {
  color: #323648 !important; }

.u-color-bg-grey-50\:hover:hover {
  background-color: #323648 !important; }

.u-color-text {
  color: #1c1b1b !important; }

.u-color-bg-text {
  background-color: #1c1b1b !important; }

.u-color-text\:hover:hover {
  color: #1c1b1b !important; }

.u-color-bg-text\:hover:hover {
  background-color: #1c1b1b !important; }

.u-color-black {
  color: #000 !important; }

.u-color-bg-black {
  background-color: #000 !important; }

.u-color-black\:hover:hover {
  color: #000 !important; }

.u-color-bg-black\:hover:hover {
  background-color: #000 !important; }

.u-color-white {
  color: #fff !important; }

.u-color-bg-white {
  background-color: #fff !important; }

.u-color-white\:hover:hover {
  color: #fff !important; }

.u-color-bg-white\:hover:hover {
  background-color: #fff !important; }

/* stylelint-enable */
/* ==========================================================================
   COMPONENTS / #SVG ICONS
   ========================================================================== */
/* stylelint-disable */
.u-icon-16x16 {
  width: 16px;
  height: 16px; }

.u-icon-24x24 {
  width: 24px;
  height: 24px; }

.u-icon-32x32 {
  width: 32px;
  height: 32px; }

.u-icon-64x64 {
  width: 64px;
  height: 64px; }

/* stylelint-enable */
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kastela-icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

/* ==========================================================================
     UTILITIES / #UNDERLINE
     ========================================================================== */
/* Fakes text underline with a border
     =========================================== */

.u-underline {
  text-decoration: none !important;
  border-bottom: 1px solid #f5f5f5;
  transition: border-color .15s ease-out; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slider {
  display: none; }

.slick-slider.slick-initialized {
  display: block; }

.slick-slide {
  outline: none; }

.slick-loading .slick-list {
  background: #fff url("/Portals/_default/Skins/Kastela/images/vendor/slick/ajax-loader.gif") center center no-repeat; }

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: #000;
  top: 35%;
  margin-top: -16px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
  background-color: transparent; }
  @media (min-width: 30.625em) {
    .slick-prev,
    .slick-next {
      top: 50%; } }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.35; }

.slick-prev:before, .slick-next:before {
  font-family: "kastela-icons";
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.75);
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 10px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: 10px; }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

.slick-slider {
  overflow: hidden; }

.slick-dots {
  position: absolute;
  bottom: 15px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  margin-left: -12px; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li:first-child {
      margin-left: 0; }
    .slick-dots li button {
      border: 0;
      display: block;
      height: 10px;
      width: 10px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 0;
      cursor: pointer;
      border-radius: 50px; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 10px;
        height: 10px;
        line-height: 8px;
        text-align: center;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border-radius: 50px; }
    .slick-dots li.slick-active button:before {
      color: #064789;
      background: #064789; }

/* ==========================================================================
   COMPONENTS / #ACCORDION
   ========================================================================== */
/* Base
  ============================================ */
/**
 * Accordion
 *
 * Accordions are useful for grouping content whilst saving screen space.
 *
 * 1. Allows styling of box-model properties and absolute potitioning of child/
 *    pseudo-elements.
 * 2. Sets outer border and "curved" edges.
 */
.c-accordion {
  display: block;
  /* [1] */
  position: relative;
  /* [1] */
  margin-bottom: 40px; }

/**
 * Accordion Section
 *
 * Accordion sections wrap the label and content into a single container.
 * A bottom border is used to indicate a break between each section.
 */
.c-accordion__section {
  border-bottom: 1px solid #dedede;
  background-color: rgba(222, 222, 222, 0.1);
  /*
   * Bottom border is hidden on the final section to avoid a "doubled" border
   * appearance with `.c-accordion`.
   */ }
  .c-accordion__section:nth-child(odd) {
    background-color: rgba(222, 222, 222, 0.06); }
  .c-accordion__section:hover, .c-accordion__section:focus {
    background-color: rgba(222, 222, 222, 0.15); }
  .c-accordion__section:last-child {
    border-bottom-width: 0; }

/**
 * Accordion Label
 *
 * Accordion labels provide context on the group and also toggles content.
 *
 * 1. Set the label's font properties.
 * 2. Allows styling of box-model properties and absolute potitioning of child/
 *    pseudo-elements.
 * 3. Overwrite default link styles.
 * 4. Overwrite browser interaction styles to hide outline and show pointer.
 */
.c-accordion__label {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  /* [1] */
  display: block;
  /* [2] */
  position: relative;
  /* [2] */
  font-weight: bold;
  /* [1] */
  padding: 8px 16px;
  color: #1c1b1b;
  /* [3] */
  outline: 0;
  /* [4] */
  cursor: pointer;
  /* [4] */ }
  .c-accordion__label:hover, .c-accordion__label:focus {
    text-decoration: none; }

/**
 * Accordion Content
 *
 * The content for an accordion section, which is displayed on toggle.
 *
 * 1. Allows styling of box-model properties and absolute potitioning of child/
 *    pseudo-elements.
 * 2. Allows for the content to be completely hidden when toggled off.
 * 3. Animates the opacity and height properties on transition.
 */
.c-accordion__content {
  display: block;
  /* [1] */
  position: relative;
  /* [1] */
  margin: 0;
  /* [2] */
  overflow: hidden;
  /* [2] */
  opacity: 0;
  /* [2] */
  height: 0;
  /* [2] */
  transition: opacity 0.5s ease, height 0.5s ease;
  /* [3] */ }

/**
 * Accordion Inner
 *
 * Any padding must be set on `.c-accordion__inner` to allow
 * `.c-accordion__inner` to collapse completely when toggled.
 */
.c-accordion__inner {
  padding: 16px;
  background-color: white;
  border-top: 1px solid rgba(212, 175, 55, 0.15); }
  .c-accordion__inner img {
    margin: 10px; }
  .c-accordion__inner p {
    font-size: 0.8rem;
    line-height: 1.1rem; }
  .c-accordion__inner a {
    color: #064789; }
  .c-accordion__inner h3 {
    font-size: 0.8rem; }
  .c-accordion__inner .c-article-link__icon {
    width: 16px;
    height: 16px; }

.c-accordion__section .c-accordion__content.collapse.show {
  height: auto;
  opacity: 1; }

.c-accordion__title {
  padding: 0 16px;
  color: #064789;
  font-weight: bold; }

.c-accordion__text3 {
  width: 50%;
  min-width: 300px;
  color: #064789;
  font-weight: 500; }

.c-accordion__text1 {
  width: 16.66%;
  min-width: 101px;
  text-align: center; }

.c-accordion__section:nth-child(even) {
  background-color: white; }

/* ==========================================================================
   COMPONENTS / BREADCRUMB
   ========================================================================== */
/* Base
  =========================================== */
.c-breadcrumb-wrap {
  padding-top: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: #EDF5FA;
  border-bottom: 1px solid #064789; }

.c-breadcrumb {
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 1.5; }

.c-breadcrumb--tight {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin: 0 auto; }
  @media \0screen {
    .c-breadcrumb--tight {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-breadcrumb--tight {
      padding-left: 24px; } }
  @media \0screen {
    .c-breadcrumb--tight {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-breadcrumb--tight {
      display: block;
      flex-basis: 75%;
      min-width: 75%;
      max-width: 75%; } }
  @media \0screen {
    .c-breadcrumb--tight {
      display: block;
      width: 75%; } }

.c-breadcrumb__link {
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 4px;
  color: #1c1b1b;
  text-transform: uppercase; }

.c-breadcrumb__separator {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  color: #1c1b1b;
  text-transform: uppercase; }

.c-breadcrumb__page-title {
  margin-bottom: 0;
  color: #064789; }

/* ==========================================================================
   COMPONENTS / #BUTTONS
   ========================================================================== */
/* Base
  ============================================ */
/**
 * Button
 *
 * 1.  Allows styling of box model properties.
 * 2.  Reset browser styles.
 * 3.  Subtract border-width from the padding so buttons don't grow if the
 *     border-width is modified.
 * 4.  Tidy aligment for when the button size needs to be modified.
 * 5.  Set default button font-size.
 * 6.  Set default button font-weight.
 * 7.  Set default button text-alignment.
 * 8.  Remove anchor text-decoration (necessary when styling `a`s as buttons).
 * 9.  Base transparent border for modifers to alter.
 * 10. Set default button border-radius.
 * 11. Set default button transition (color, background-color, border-color and box-shadow)
 * 12. Force all button-styled elements to appear clickable.
 * 13. Remove browser outline styles.
 */
.c-btn {
  padding-top: 0;
  padding-bottom: 0;
  height: 2.22em;
  line-height: 2.22em;
  display: inline-block;
  /* [1] */
  margin: 0;
  /* [2] */
  padding-left: 39px;
  /* [3] */
  padding-right: 39px;
  /* [3] */
  vertical-align: middle;
  /* [4] */
  font-size: 18px;
  /* [5] */
  font-weight: bold;
  /* [6] */
  text-align: center;
  /* [7] */
  text-decoration: none;
  /* [8] */
  border: 1px solid transparent;
  /* [9] */
  border-radius: 0.25em;
  /* [10] */
  transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
  /* [11] */
  cursor: pointer;
  /* [12] */
  /**
   * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
   */ }
  .c-btn:hover, .c-btn:active, .c-btn:focus {
    text-decoration: none;
    /* [8] */
    outline: none;
    /* [13] */ }
  .c-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }

/**
 * Button Icon
 *
 * This enables an icon to be placed to the **left** of a button's text. The
 * icon's colour will be inherited from the component's `color` attribute unless
 * the icon has an explicit `fill` property set.
 *
 * Note: To avoid spacing issues, do *not* add an extra space character between
 *       your button text and image tag.
 *
 * 1. Offset icon from the text baseline to be centered within
      the component.
 * 2. Icons must always conform to a set width and height
 * 3. Icon should inherit it's fill from the component's text colour.
 */
.c-btn__icon {
  position: relative;
  /* [1] */
  top: 10px;
  /* [1] */
  margin-right: 8px;
  width: 16px;
  /* [2] */
  height: 16px;
  /* [2] */
  line-height: inherit;
  /* [1] */
  vertical-align: top;
  /* [1] */
  fill: currentColor;
  /* [3] */ }

/**
 * Button Icon - Right
 *
 * This enables an icon to be placed to the **right** side of a button's text.
 */
.c-btn__icon--right {
  margin-left: 8px;
  margin-right: 0; }

/* Modifiers (Cosmetic)
   =========================================== */
/**
 * For buttons that identify as the primary action.
 */
.c-btn--primary {
  color: #fff;
  background-color: #D4AF37;
  border-color: #D4AF37; }
  .c-btn--primary:hover, .c-btn--primary:active {
    background-color: #427AA1;
    border-color: #427AA1; }
  .c-btn--primary:focus {
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 15px 3px rgba(66, 122, 161, 0.75); }

/**
 * For regular buttons or buttons that identify as a secondary actions.
 */
.c-btn--secondary {
  color: #D4AF37;
  background-color: transparent;
  border-color: #D4AF37; }
  .c-btn--secondary:hover, .c-btn--secondary:active {
    color: #fff;
    background-color: #427AA1;
    border-color: #427AA1; }
  .c-btn--secondary:focus {
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 15px 3px rgba(66, 122, 161, 0.75); }

/**
 * For regular buttons or buttons that identify as a secondary actions.
 * e.g. buttons on a dark panel
 */
.c-btn--secondary-invert {
  color: #fff;
  background-color: transparent;
  border-color: #fff; }
  .c-btn--secondary-invert:hover, .c-btn--secondary-invert:active {
    color: #1c1b1b;
    background-color: #fff;
    border-color: #fff; }
  .c-btn--secondary-invert:focus {
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 15px 3px rgba(255, 255, 255, 0.75); }

/* States
   =========================================== */
/**
 * For buttons whose state is toggled.
 */
.c-btn.is-disabled, .c-btn.is-disabled:hover, .c-btn.is-disabled:active, .c-btn.is-disabled:focus {
  color: #fff;
  background-color: #dedede;
  border-color: #dedede;
  cursor: not-allowed; }

/**
 * For buttons whose state is toggled when a related form or field contains
 * an error or multiple errors.
 */
.c-btn.is-error, .c-btn.is-error:hover, .c-btn.is-error:active, .c-btn.is-error:focus,
.is-error .c-btn,
.is-error .c-btn:hover,
.is-error .c-btn:active,
.is-error .c-btn:focus {
  color: #fff;
  background-color: #ff2744;
  border-color: #ff2744;
  cursor: not-allowed; }

/**
 * For inputs used as a select action (`.c-select`).
 * This should be applied as a BEM Mix [A] alongside `.c-select__btn`.
 * e.g. `<span class="c-btn  c-btn--select  c-select__btn">Select</span>`
 *
 * A. https://en.bem.info/forum/4/
 *
 * 1. This should be the same value as the icon width used in _select.scss
 */
.c-btn--select {
  padding-left: 40px;
  /* [1] */
  padding-right: 40px;
  /* [1] */
  color: #D4AF37;
  background-color: transparent;
  border: none;
  transition: all 0.25s ease; }

/* Modifiers (Sizing)
   =========================================== */
/**
 * For buttons that need to display full-width.
 */
.c-btn--full {
  display: block;
  width: 100%; }

/**
 * For buttons that need to display full-width on small devices only.
 */
@media (max-width: 46.24em) {
  .c-btn--full\@small {
    display: block;
    width: 100%; } }

/* ==========================================================================
   COMPONENTS / #DIVIDER
   ========================================================================== */
/* Base
  ============================================ */
/* *
 * Divider
 *
 * Prominent horizontal (and vertical) rules between other elements.
 *
 * The default Divider and it's `--top` modifier are intended for use on
 * horizontal rules.
 * e.g. `<hr class="c-divider">`
 *
 * With `--left` and `--right` modifiers intended to wrap content.
 * (The default divider and `--top` modifier will also work in this manner)
 * e.g. `<div class="c-divider c-divider--right">Some content</div>`
 *
 * 1. Set a transparent border on the relevant edge to prevent element collapse.
 * 2. Reduce the `margin-bottom` by the same width as the divider in order to
 *    keep on our baseline grid. */
.c-divider {
  position: relative;
  border-width: 0 0 1px 0;
  /* 1 */
  border-style: solid;
  border-color: transparent;
  margin-bottom: 15px;
  /* 2 */
  /* *
   * Divider - Gradient Border */
  /* *
   * Divider - Shadow */ }
  .c-divider::before, .c-divider::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%; }
  .c-divider::before {
    /* ! autoprefixer: off */
    background: #dedede;
    background: -webkit-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -moz-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -ms-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -o-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: linear-gradient(to right, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    bottom: 0;
    height: 1px; }
  .c-divider::after {
    /* ! autoprefixer: off */
    background: -webkit-radial-gradient(50% 0%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -moz-radial-gradient(50% 0%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -ms-radial-gradient(50% 0%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -o-radial-gradient(50% 0%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: radial-gradient(at 50% 0%, rgba(28, 27, 27, 0.15), transparent 40%);
    top: 100%;
    height: 8px; }

/* Modifiers
  ============================================ */
/* *
 * Loop to generate our suite of modifiers for each divider direction:
 *
 *   .c-divider--right {}
 *   .c-divider--bottom {}
 *   .c-divider--left {} */
.c-divider--top {
  border-width: 1px 0 0 0;
  /* *
     * Divider gradient border.
     *
     * 1. Attach the border to the appropriate edge. */
  /* *
     * Divider shadow.
     *
     * 1. Flow the shadow over the appropriate edge. */ }
  .c-divider--top::before {
    /* ! autoprefixer: off */
    background: #dedede;
    background: -webkit-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -moz-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -ms-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -o-linear-gradient(left, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: linear-gradient(to right, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    bottom: 100%; }
  .c-divider--top::after {
    /* ! autoprefixer: off */
    background: -webkit-radial-gradient(50% 100%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -moz-radial-gradient(50% 100%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -ms-radial-gradient(50% 100%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -o-radial-gradient(50% 100%, rgba(28, 27, 27, 0.15), transparent 40%);
    background: radial-gradient(at 50% 100%, rgba(28, 27, 27, 0.15), transparent 40%);
    top: -9px; }

.c-divider--right {
  border-width: 0 1px 1px 0;
  margin-bottom: 0;
  /* *
     * Divider gradient border.
     *
     * 1. Attach the border to the appropriate edge. */
  /* *
     * Divider shadow.
     *
     * 1. Flow the shadow over the appropriate edge. */ }
  .c-divider--right::before {
    /* ! autoprefixer: off */
    background: #dedede;
    background: -webkit-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -moz-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -ms-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -o-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: linear-gradient(to bottom, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    top: 0;
    width: 1px;
    height: 100%;
    right: 0;
    /* 1 */ }
  .c-divider--right::after {
    /* ! autoprefixer: off */
    background: -webkit-radial-gradient(0 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -moz-radial-gradient(0 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -ms-radial-gradient(0 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -o-radial-gradient(0 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: radial-gradient(farthest-corner at 0 50%, rgba(28, 27, 27, 0.15), transparent 40%);
    top: 0;
    height: 100%;
    width: 8px;
    right: -8px;
    /* 1 */ }

.c-divider--left {
  border-width: 0 0 1px 1px;
  margin-bottom: 0;
  /* *
     * Divider gradient border.
     *
     * 1. Attach the border to the appropriate edge. */
  /* *
     * Divider shadow.
     *
     * 1. Flow the shadow over the appropriate edge. */ }
  .c-divider--left::before {
    /* ! autoprefixer: off */
    background: #dedede;
    background: -webkit-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -moz-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -ms-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: -o-linear-gradient(top, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    background: linear-gradient(to bottom, rgba(222, 222, 222, 0), #dedede, rgba(222, 222, 222, 0));
    top: 0;
    width: 1px;
    height: 100%;
    left: 0;
    /* 1 */ }
  .c-divider--left::after {
    /* ! autoprefixer: off */
    background: -webkit-radial-gradient(100% 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -moz-radial-gradient(100% 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -ms-radial-gradient(100% 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: -o-radial-gradient(100% 50%, farthest-corner, rgba(28, 27, 27, 0.15), transparent 40%);
    background: radial-gradient(farthest-corner at 100% 50%, rgba(28, 27, 27, 0.15), transparent 40%);
    top: 0;
    height: 100%;
    width: 8px;
    left: -8px;
    /* 1 */ }

/* *
 * Larger gaps underneath dividers. */
.c-divider--large {
  margin-bottom: 39px; }

/* ==========================================================================
   COMPONENTS / #FORMS
   ========================================================================== */
/* Base
  ============================================ */
/* Form List
  ---------------------------------- */
/**
 * All form fields should be presented in a list so that
 *
 *   a) they are easier to navigate using a screenreader;
 *   b) if CSS fails to load for any reason, the user is still presented with a
 *      well-formatted list of fields.
 */
.c-form-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.c-form-list__item {
  display: block;
  margin-bottom: 8px;
  width: 100%; }
  @media (min-width: 46.25em) {
    .c-form-list__item {
      width: 16em; } }

/* For any inputs that need to be displayed full-width */
@media (min-width: 46.25em) {
  .c-form-list__item--full {
    width: 100%; } }

/* Form Pair
  ---------------------------------- */
/**
 * Inline pairs of form labels and inputs should be wrapped in a form-pair.
 */
.c-form-pair {
  margin-bottom: 8px; }
  @media (min-width: 46.25em) {
    .c-form-pair {
      display: table; }
      .c-form-pair .c-form-pair__label,
      .c-form-pair .c-form-pair__input {
        display: table-cell;
        vertical-align: top; }
      .c-form-pair .c-form-pair__label {
        margin-right: 8px; } }

/* Form Labels
  ---------------------------------- */
/**
 * All LABEL elements must also carry a class of `.c-form-label`. By applying
 * these styles to a class and not to the LABEL element directly, we are free
 * to reuse the same look-and-feel on spoofed LABEL elements. E.g. when we have
 * a ‘meta label’ covering a number of sub labels:
 *
 *   Gender
 *   • Male  • Female  • Rather not say
 *
 */
.c-form-label {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  display: inline-block;
  margin-bottom: 4px; }

/* Form Text Inputs
  ---------------------------------- */
/**
 * All text-like form inputs require a class of `.c-form-input`: we do not use
 * selectors like `input[type="text"] {}`.
 *
 * 1. Fix for IE 10/11 removing vertical padding from inputs which was being ignored.
 * 2. Padding added via line-height/height to re-center text for all browsers (38px to account for border).
 */
.c-form-input {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  display: inline-block;
  padding: 0 8px;
  /* [1] */
  margin-bottom: 8px;
  height: 2.111em;
  /* [2] */
  width: 100%;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 0.25em;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  line-height: 2.111em;
  /* [2] */
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
  outline: 0;
  -webkit-appearance: none; }
  .c-form-input:focus {
    border-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    outline: none; }

/**
 * For use on large text inputs such as textareas
 *
 * 1. As we no longer need to center our text, we can reset the line-height and
 *    use standard box-model padding.
 */
.c-form-input--long {
  height: 6em;
  padding: 8px;
  /* [1] */
  line-height: 1.44444;
  /* [1] */ }

/* Form Date Inputs
  ---------------------------------- */
/**
 * All date-like form inputs require a class of `.c-form-date`: we do not use
 * selectors like `input[type="date"] {}`.
 * Please note the date input is only supported on Edge, Chrome, Opera,
 * iOS Safari and Android. Other browsers will fallback to a text field.
 */
.c-form-date {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  display: inline-block;
  padding: 4px 8px;
  margin-bottom: 8px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 0.25em;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
  outline: 0;
  /**
   * 1. Padding between forward slashes in the date format
   */ }
  .c-form-date::-webkit-datetime-edit-month-field {
    padding: 2px;
    /* 1 */ }
  .c-form-date::-webkit-datetime-edit-day-field {
    padding-right: 2px;
    /* 1 */ }
  .c-form-date::-webkit-datetime-edit-year-field {
    padding-left: 2px;
    /* 1 */ }
  .c-form-date:focus {
    border-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }

/* Combination Inputs
  ---------------------------------- */
/**
 * Text and button combo pairs
 */
.c-form-combo {
  display: table;
  width: 100%; }

.c-form-combo__cell {
  display: table-cell;
  width: 100%;
  vertical-align: top; }

/**
 * Flatten out the borders between button and input field
 */
.c-form-combo__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0; }

/*
 * 1. Brings combo button height in line with input height (38px to account for 2px border).
 */
.c-form-combo__btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 2.111em;
  /* [1] */
  white-space: nowrap; }

/**
 * Normalise height-affecting properties across both button and input
 * to insure consistent height
 */
.c-form-combo__btn,
.c-form-combo__input {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  padding-top: 4px;
  padding-bottom: 4px; }

/* Form Select Inputs
  ---------------------------------- */
.c-form-select {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  display: inline-block;
  margin-bottom: 8px;
  background-color: #fff;
  border-radius: 0.25em;
  position: relative;
  width: 100%;
  cursor: pointer;
  /**
   * Gradient to hide the overflow of long labels
   *
   * 1. Hidden by default, shown on browsers that support pointer-events using feature detection
   * 2. Stretch to full height on the right (taking into account border width)
   */
  /**
   * Custom dropdown indicator icon
   */ }
  .c-form-select::before {
    display: none;
    /* [1] */
    content: "";
    position: absolute;
    top: 1px;
    /* [2] */
    right: 1px;
    /* [2] */
    bottom: 1px;
    /* [2] */
    width: 40px;
    background: #fff;
    background: linear-gradient(to left, white 60%, rgba(255, 255, 255, 0));
    border-radius: 0 0.25em 0.25em 0; }
  .c-form-select::after {
    /*! autoprefixer: off */
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    margin-bottom: 4px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAkCAYAAAA5DDySAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPVJREFUeNrk2s0NgzAMhmFno47EKGzQETpSR2CEjkCjyEg0aiAhP7Y/IuUSuLyPhDg4RLycc5PfH78fBLy48/3TyYcrb1iEv53RISxCqpM4dkVGSMSHTakHKAhH8RvAExXhLD58AvziCw0hJz7+E8AgFMcjIVyOR0CojreM0CzeIkLzeEsI3eItIHSP14wwLF4jwvB4TQhi8RoQxOMlEdTESyCoix+JoDZ+BIL6+J4IZuJ7IJiLb4lgNr4Fgvn4GgSY+CsIcPGFCDP0bCIDAXowU4OANZ8sRMCcUGciYN9ROEGAv6BxhHCP+B3CvLubsEjFfwUYAKjtGJxFvDJsAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }

.c-form-select__dropdown {
  position: relative;
  z-index: 10;
  padding: 4px 16px 4px 8px;
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 0.25em;
  background-color: transparent;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .c-form-select__dropdown::-ms-expand {
    display: none; }

.c-form-select__dropdown:focus {
  border-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }

/**
 * Displays the fade out gradient from .c-form-select::before above the <select>
 * input on browsers that support pointer-events (and feature detection).
 * This prevents the gradient from blocking clicks on browsers that don't support
 * pointer-events. (IE)
 */
@supports (pointer-events: none) {
  .c-form-select::before, .c-form-select::after {
    display: block;
    z-index: 10;
    pointer-events: none; }
  .c-form-select__dropdown {
    z-index: 0; } }

/* Form Checkbox & Radio Inputs
  ---------------------------------- */
.c-form-checkbox {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  font-size: 18px;
  cursor: pointer; }

/**
 * For cases where checkboxes or radio buttons need to display inline.
 */
.c-form-checkbox--inline {
  width: auto;
  margin-right: 40px; }

/**
 * Hide the default input visually to utilise keyboard functionality and allow
 * for custom input styles.
 */
.c-form-checkbox__input {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.c-form-checkbox__caption {
  display: block;
  position: relative;
  margin-left: 2em; }

.c-form-checkbox__caption::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: -2em;
  margin-right: 1em;
  width: 1em;
  height: 1em;
  background-color: #fff;
  border: 1px solid #dedede;
  transition: border-color 0.25s ease; }

.c-form-checkbox--radio .c-form-checkbox__caption::before {
  border-radius: 100%; }

.c-form-checkbox__input:focus + .c-form-checkbox__caption::before {
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 15px 3px rgba(66, 122, 161, 0.75); }

.c-form-checkbox__input:checked + .c-form-checkbox__caption::before {
  background-color: #D4AF37;
  border-color: #D4AF37;
  transition: border-color 0.25s ease, background-color 0.25s ease; }

.c-form-checkbox__input:checked + .c-form-checkbox__caption::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  margin-left: -2em;
  width: 1em;
  height: 1em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAuCAYAAACYlx/0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNrsmO0NgyAURRnBETpCR+kIbNQRHMERHKEjOEJHoGA0MaQJ+AWP++5L+GUCnmOExzVGWTnnej8GPzqjFH6tjyoJEfxao2b4uVTDwwtIwYfnhCc84QlPeMITnvCEJzzhCU941fAhHvLjpRX+sWRkoaxG+G80sVXzz2++vJMioeiGl1jIQsMvC05SJFQ56vykzz97QHEJVc/52hJENDm1JIjq8EpLENnelpIgure/W0ITF5u7JDR1q7taQpNX2qskNH2fPysBIsw4KgEqydkrATLGypUAneFlSsAOME9IwElvD0jAi653SIDO7VMScOEzJODDRxLGDfxb+jv/BBgAG1C+DbIBN9MAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border: solid 2px transparent; }
  .c-form-checkbox--radio .c-form-checkbox__input:checked + .c-form-checkbox__caption::after {
    background-image: none; }

/* Required Form Inputs
  ---------------------------------- */
/**
 * All required fields must have a styled piece of text present in their LABEL
 * element indicating that they are mandatory, e.g.:
 *
 *   <label for="f-name">
 *     Full name
 *     <abbr title="Required field" class="c-form-required">*</abbr>
 *   </label>
 *
 * 1. Double up the selector’s specificity in order to override some hangover
 *    from Normalize.css.
 *
 */
.c-form-required {
  color: #ff2744; }
  .c-form-required.c-form-required {
    /* [1] */
    border-bottom: none;
    text-decoration: none; }

/* States
  =========================================== */
/**
 * Errors are handled by adding the .is-error class to the field's parent –
 * usually the .c-form-list__item.
 */
.is-error {
  color: #ff2744; }

/**
 * Change form field styles
 */
.is-error .c-form-date, .c-form-date.is-error, .c-form-date:invalid, .is-error
.c-form-input,
.c-form-input.is-error,
.c-form-input:invalid, .is-error
.c-form-select__dropdown,
.c-form-select__dropdown.is-error,
.c-form-select__dropdown:invalid {
  border-color: #ff2744; }
  .is-error .c-form-date:focus, .c-form-date.is-error:focus, .c-form-date:invalid:focus, .is-error
  .c-form-input:focus,
  .c-form-input.is-error:focus,
  .c-form-input:invalid:focus, .is-error
  .c-form-select__dropdown:focus,
  .c-form-select__dropdown.is-error:focus,
  .c-form-select__dropdown:invalid:focus {
    border-color: #fff;
    box-shadow: 0 0 8px 0 rgba(255, 39, 68, 0.75); }

/**
 * Change checkbox/radio indicator border color
 */
.is-error .c-form-checkbox__caption::before, .c-form-checkbox__caption.is-error::before, .c-form-checkbox__caption:invalid::before {
  border-color: #ff2744; }

/* ==========================================================================
   COMPONENTS / #LINKS
   ========================================================================== */
/* Base
  =========================================== */
/**
 * Link External
 *
 * Adding icons to the end of any external links
 *
 * 1. c-link-external currently uses an inline Base64 png chevron icon.
 *    This will eventually be replaced by SVG.
 * 2. Brand-specific override.
 */
.c-link-external::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAABACAMAAACnZz6fAAAAG1BMVEUAAAAAcskAcskAcskAcskAcskAcskAcskAcsk09XWDAAAACHRSTlMAMGBwgI+f7y/+m9wAAABGSURBVHgB7c3LDYBADAPRIXyc/iuGCmJuK6085ycNUFIxd/fXjKrbIrVHxw4oKCgIj/4b/3KkQkJC1hI8gdMTeDyBS5rJC7vhD7kuyMbFAAAAAElFTkSuQmCC");
  /* [1] */
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
  margin-bottom: 1px;
  /* [2] */
  margin-left: 8px;
  width: 1em;
  height: 1em; }

/* ==========================================================================
   COMPONENTS / #LOGO
   ========================================================================== */
/* Base
  =========================================== */
.c-logo {
  height: 46px;
  width: 114px;
  margin: 0 auto;
  display: inline-block; }
  @media (min-width: 61.25em) {
    .c-logo {
      height: 80px;
      width: 191px; } }

.c-logo__link {
  display: inline-block;
  line-height: 0; }

.c-table-wrapper {
  overflow: auto;
  width: 100%; }

.c-table, .c-2sxc-layout__text table {
  margin: 8px 0 16px;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 32px;
  width: 100%;
  font-size: 18px; }
  .c-table p, .c-2sxc-layout__text table p {
    margin-bottom: 0; }
  .c-table caption, .c-2sxc-layout__text table caption {
    margin: 0;
    padding: 0;
    width: 100%; }
  .c-table th, .c-2sxc-layout__text table th {
    font-weight: 500; }
  .c-table td, .c-2sxc-layout__text table td {
    font-weight: 400; }
  .c-table td,
  .c-table th, .c-2sxc-layout__text table td,
  .c-2sxc-layout__text table th {
    padding: 8px;
    text-align: left;
    vertical-align: top; }
    @media (min-width: 30.625em) {
      .c-table td,
      .c-table th, .c-2sxc-layout__text table td,
      .c-2sxc-layout__text table th {
        padding: 16px 8px; } }
  .c-table th:not([scope=row]), .c-2sxc-layout__text table th:not([scope=row]) {
    vertical-align: bottom; }
  .c-table td,
  .c-table th, .c-2sxc-layout__text table td,
  .c-2sxc-layout__text table th {
    text-align: center;
    vertical-align: middle; }
  .c-table tr, .c-2sxc-layout__text table tr {
    border-bottom: 1px solid #dedede; }
    .c-table tr:nth-child(even), .c-2sxc-layout__text table tr:nth-child(even) {
      background: #f5f5f5; }

.c-table .c-table__caption,
.c-table .c-table__caption--bottom,
.c-table .c-table__caption--top {
  font-weight: 500;
  border-bottom: 2px solid #a7a59b;
  border-top: 2px solid #a7a59b;
  font-size: 14px;
  line-height: 18px;
  padding: 9px 0;
  text-align: center;
  text-transform: uppercase; }

.c-table .c-table__caption--top {
  caption-side: top;
  margin-bottom: -2px; }

.c-table .c-table__caption--bottom {
  caption-side: bottom;
  margin-bottom: 0; }

.c-table .c-table__cell--numeric {
  text-align: right; }

.c-table .c-table__cell--content-secondary {
  font-weight: 400;
  display: block;
  font-size: 12px;
  line-height: 12px; }

.c-table--row-stripes {
  background-color: transparent; }
  .c-table--row-stripes caption {
    background-color: transparent; }
  .c-table--row-stripes tbody tr:nth-child(even) {
    background-color: gray; }

.c-table--horizontal-lines tr:not(:last-child) {
  border-bottom: 1px solid gray; }

.c-table--vertical-lines td:not(:last-child):not(:first-child),
.c-table--vertical-lines th:not(:last-child):not(:first-child) {
  border-left: 1px solid gray;
  border-right: 1px solid gray; }

.c-table--horizontal-borders {
  border-bottom: 1px solid gray;
  border-top: 1px solid gray; }
  .c-table--horizontal-borders th:not([scope=row]) {
    border-top: 1px solid silver; }

.c-table--vertical-borders {
  border-left: 1px solid gray;
  border-right: 1px solid gray; }
  .c-table--vertical-borders th[scope=row] {
    border-left: 1px solid silver; }

.c-table--compact th {
  font-size: 12px;
  line-height: 16px;
  padding: 6px 8px; }

.c-table--compact td {
  font-size: 11px;
  line-height: 15px;
  padding: 6px 8px; }

.c-table--responsive-flat {
  float: left;
  width: 100%; }
  .c-table--responsive-flat *,
  .c-table--responsive-flat *:after,
  .c-table--responsive-flat *:before {
    box-sizing: border-box; }
  @media (min-width: 30.625em) {
    .c-table--responsive-flat {
      display: table; } }
  .c-table--responsive-flat td {
    padding: 8px;
    width: 50%; }
    @media (min-width: 30.625em) {
      .c-table--responsive-flat td {
        border-right: 1px solid gray;
        display: table-cell; } }
  .c-table--responsive-flat thead th {
    display: none;
    padding: 8px; }
    @media (min-width: 30.625em) {
      .c-table--responsive-flat thead th {
        border-right: 1px solid gray;
        display: table-cell; } }
  .c-table--responsive-flat tr {
    display: flex;
    flex-flow: row wrap;
    width: 100%; }
    @media (min-width: 30.625em) {
      .c-table--responsive-flat tr {
        display: table-row; } }
  .c-table--responsive-flat tbody tr th {
    border-right: 1px solid gray;
    float: left;
    padding: 8px;
    width: 50%; }
    @media (min-width: 30.625em) {
      .c-table--responsive-flat tbody tr th {
        display: none; } }

.c-table--responsive-overflow {
  margin: 0;
  min-width: 500px;
  width: 100%; }

.c-table--responsive-scroll {
  display: flex;
  overflow: hidden; }
  @media (min-width: 30.625em) {
    .c-table--responsive-scroll {
      display: table; } }
  .c-table--responsive-scroll thead {
    display: flex;
    flex-shrink: 0; }
    @media (min-width: 30.625em) {
      .c-table--responsive-scroll thead {
        display: table-header-group; } }
  .c-table--responsive-scroll tbody {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative; }
    @media (min-width: 30.625em) {
      .c-table--responsive-scroll tbody {
        display: table-row-group; } }
  .c-table--responsive-scroll tr {
    display: flex;
    flex-direction: column;
    flex-shrink: 0; }
    @media (min-width: 30.625em) {
      .c-table--responsive-scroll tr {
        display: table-row; } }
  .c-table--responsive-scroll td,
  .c-table--responsive-scroll th {
    display: block; }
    @media (min-width: 30.625em) {
      .c-table--responsive-scroll td,
      .c-table--responsive-scroll th {
        display: table-cell; } }

.c-hero--frontpage {
  display: none; }
  @media (min-width: 46.25em) {
    .c-hero--frontpage {
      display: block; } }

.c-page-section--grey {
  background: #f5f5f5;
  padding-top: 40px; }

.c-page-section--blue-bg {
  background: #EDF5FA; }

.inner-page__wrapper {
  margin-bottom: 40px;
  /*padding-top: 20px;
    padding-bottom: 40px;*/
  /*@include oGridRespondTo($from: M) {
        padding-top: 40px;
    }*/ }

.inner-page__wrapper--grey {
  background-color: #f5f5f5; }

.inner-page__wrapper--pane-empty {
  padding-top: 0;
  padding-bottom: 0; }

/* ==========================================================================
   COMPONENTS / CONTAINERS
   ========================================================================== */
/* Base
  =========================================== */
.module-container-main__title {
  margin-bottom: 30px;
  font-weight: 500;
  color: #064789; }
  .module-container-main__title--alt {
    color: #D4AF37; }

.module-container-aside__title {
  font-weight: 700; }

.cookiebar {
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), -3px -4px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  z-index: 9999; }
  .cookiebar .card {
    position: relative;
    margin: 0;
    width: 100%;
    border-radius: 2px;
    background-color: white; }
    .cookiebar .card-inner {
      display: flex;
      margin: 0 auto;
      flex-direction: column;
      justify-content: center;
      max-width: 48em;
      max-height: 60vh; }
    .cookiebar .card-content {
      padding: 24px;
      border-radius: 0 0 2px 2px;
      font-size: 13px;
      color: #333; }
    .cookiebar .card-title {
      margin-bottom: 8px;
      display: block;
      line-height: 32px;
      font-size: 19.5px;
      font-weight: 300;
      color: #D4AF37; }
    .cookiebar .card-action {
      position: relative;
      padding: 16px 0 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: inherit;
      border-top: 1px solid rgba(160, 160, 160, 0.2); }
      .cookiebar .card-action #basic_chkbx,
      .cookiebar .card-action label[for="basic_chkbx"] {
        opacity: .5; }
      .cookiebar .card-action label {
        margin-bottom: 0; }
      @media only screen and (max-width: 991px) {
        .cookiebar .card-action {
          width: 100%; }
          .cookiebar .card-action .flex {
            margin-top: 10px; } }

.m-right--1 {
  margin-right: 1em; }

.width--100 {
  width: 100%; }

.flex {
  display: flex; }

.align__items--center {
  align-items: center !important; }

.justify--center {
  justify-content: center !important; }

.button--orange {
  background: #D4AF37;
  color: white; }

.mw--48 {
  max-width: 48em; }

.mw--default {
  max-width: 100%; }
  @media only screen and (min-width: 767px) {
    .mw--default {
      max-width: 90vw; } }
  @media only screen and (min-width: 1200px) {
    .mw--default {
      max-width: 60vw; } }

.flex--row {
  flex-direction: row; }

.flex--column {
  flex-direction: column; }

.center {
  margin: 0 auto; }

.gdpr .button {
  position: relative;
  padding: 7.5px 15px;
  overflow: hidden;
  margin-left: 20px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #D4AF37;
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  font-weight: 500;
  font-size: 14.4px;
  font-size: 0.9rem;
  color: white;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s; }
  .gdpr .button--orange {
    background: #D4AF37; }
  .gdpr .button:hover {
    color: #064789; }
  @media only screen and (max-width: 575px) {
    .gdpr .button {
      margin-left: 0; } }

.gdpr h1,
.gdpr h2,
.gdpr h3,
.gdpr p,
.gdpr label,
.gdpr a {
  font-family: 'Open Sans',Arial,Helvetica,sans-serif; }

.gdpr .block {
  display: block; }

.c-gdpr__items {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media only screen and (max-width: 991px) {
    .c-gdpr__items {
      flex-wrap: wrap;
      flex-direction: row !important;
      padding-left: 0;
      margin-left: 0; } }

.c-gdpr__item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .c-gdpr__item-title {
    display: flex;
    margin-right: 1em; }
  @media only screen and (max-width: 991px) {
    .c-gdpr__item {
      flex: 1 1 50%;
      margin-bottom: 10px;
      justify-content: flex-end;
      padding-right: 30px; } }

@media only screen and (max-width: 575px) {
  .c-gdpr__description {
    max-height: 40vh;
    overflow-y: auto; } }

/* For IE10 */
@media screen and (-ms-high-contrast: active) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px) {
  .c-gdpr__item.c-gdpr__item {
    width: 20%; }
  .card-action .button.width--100 {
    width: 20%; } }

body[class*="omo-BodyFont"] .c-article-feed__content {
  overflow: hidden; }

/* c-nav-list--card-layout */
.omo-BackGroundColor-6 .c-nav-card__link {
  border-bottom-color: white !important; }

.omo-BackGroundColor-6 .c-nav-card__item:before {
  border-color: transparent transparent #ffffff transparent; }

/* OMO widget adjustment for Black color - color 6*/
.omo-BackGroundColor-6 {
  /* Breadcrumbs */
  /* ikon eu detalju clanka*/
  /* botun na atualno */ }
  .omo-BackGroundColor-6 .c-article-list__item .c-article-feed__content {
    color: white; }
  .omo-BackGroundColor-6 .c-dmx-document__icon {
    fill: white; }
  .omo-BackGroundColor-6 .c-2sxc-layout__text .co-text.Body a {
    color: white !important;
    border-bottom: 2px solid #ffffff; }
  .omo-BackGroundColor-6 .c-textContainer {
    border: 1px solid #064789; }
    .omo-BackGroundColor-6 .c-textContainer p {
      color: white; }
    .omo-BackGroundColor-6 .c-textContainer div .c-searchBtn-clanci {
      font-size: 16px; }
  .omo-BackGroundColor-6 .edsgg__loadMediaWrapper {
    background: white; }
    .omo-BackGroundColor-6 .edsgg__loadMediaWrapper .edsgg__loadMediaTriggerText {
      color: black; }
      .omo-BackGroundColor-6 .edsgg__loadMediaWrapper .edsgg__loadMediaTriggerText span {
        font-size: 15px; }
  .omo-BackGroundColor-6 .article_pager .active {
    background-color: white;
    color: black; }
  .omo-BackGroundColor-6 .c-breadcrumb__link {
    color: white; }
  .omo-BackGroundColor-6 .c-article-detail-share__icon--mail, .omo-BackGroundColor-6 .c-article-detail-share__icon, .omo-BackGroundColor-6 .c-article-document__icon {
    fill: white; }
  .omo-BackGroundColor-6 .edsgg__loadMediaTrigger > span.edsgg__loadMediaTriggerText {
    color: black !important; }
    .omo-BackGroundColor-6 .edsgg__loadMediaTrigger > span.edsgg__loadMediaTriggerText span {
      font-size: 17px; }
  .omo-BackGroundColor-6 .eds_subCollection_categoryMenu ul li div .category {
    color: white !important; }
  .omo-BackGroundColor-6 .c-article-more-button .c-article-more-button__text {
    color: white; }
  .omo-BackGroundColor-6 .c-article-more-button svg {
    fill: white; }
  .omo-BackGroundColor-6 .c-article-carousel-card__summary span, .omo-BackGroundColor-6 .c-article-carousel-card__summary a {
    color: white; }
  .omo-BackGroundColor-6 .o-media__body .c-dmx-document__meta {
    color: white; }

/* OMO widget adjustment for Black color */
/* Link hover */
.omo-BackGroundColor-1 .c-nav-card__link:hover, .omo-BackGroundColor-2 .c-nav-card__link:hover, .omo-BackGroundColor-3 .c-nav-card__link:hover, .omo-BackGroundColor-4 .c-nav-card__link:hover, .omo-BackGroundColor-5 .c-nav-card__link:hover {
  color: black; }

.omo-BackGroundColor-1 a.c-documents__item-link.o-media__body, .omo-BackGroundColor-2 a.c-documents__item-link.o-media__body, .omo-BackGroundColor-3 a.c-documents__item-link.o-media__body, .omo-BackGroundColor-4 a.c-documents__item-link.o-media__body, .omo-BackGroundColor-5 a.c-documents__item-link.o-media__body {
  color: black; }

.omo-BackGroundColor-1 .c-2sxc-layout__text .co-text.Body a, .omo-BackGroundColor-2 .c-2sxc-layout__text .co-text.Body a, .omo-BackGroundColor-3 .c-2sxc-layout__text .co-text.Body a, .omo-BackGroundColor-4 .c-2sxc-layout__text .co-text.Body a, .omo-BackGroundColor-5 .c-2sxc-layout__text .co-text.Body a {
  color: black; }
  .omo-BackGroundColor-1 .c-2sxc-layout__text .co-text.Body a :hover, .omo-BackGroundColor-2 .c-2sxc-layout__text .co-text.Body a :hover, .omo-BackGroundColor-3 .c-2sxc-layout__text .co-text.Body a :hover, .omo-BackGroundColor-4 .c-2sxc-layout__text .co-text.Body a :hover, .omo-BackGroundColor-5 .c-2sxc-layout__text .co-text.Body a :hover {
    color: darkblue; }

.omo-BackGroundColor-1 .c-nav-card__link.c-nav-card__link--parent, .omo-BackGroundColor-2 .c-nav-card__link.c-nav-card__link--parent, .omo-BackGroundColor-3 .c-nav-card__link.c-nav-card__link--parent, .omo-BackGroundColor-4 .c-nav-card__link.c-nav-card__link--parent, .omo-BackGroundColor-5 .c-nav-card__link.c-nav-card__link--parent {
  color: black; }

.omo-BackGroundColor-1 .c-documents__item-link, .omo-BackGroundColor-1 .o-media.c-documents__item, .omo-BackGroundColor-1 a.co-link.c-list__item-link, .omo-BackGroundColor-2 .c-documents__item-link, .omo-BackGroundColor-2 .o-media.c-documents__item, .omo-BackGroundColor-2 a.co-link.c-list__item-link, .omo-BackGroundColor-3 .c-documents__item-link, .omo-BackGroundColor-3 .o-media.c-documents__item, .omo-BackGroundColor-3 a.co-link.c-list__item-link, .omo-BackGroundColor-4 .c-documents__item-link, .omo-BackGroundColor-4 .o-media.c-documents__item, .omo-BackGroundColor-4 a.co-link.c-list__item-link, .omo-BackGroundColor-5 .c-documents__item-link, .omo-BackGroundColor-5 .o-media.c-documents__item, .omo-BackGroundColor-5 a.co-link.c-list__item-link {
  color: black; }

.omo-BackGroundColor-1 .c-2sxc-form .c-form__title, .omo-BackGroundColor-2 .c-2sxc-form .c-form__title, .omo-BackGroundColor-3 .c-2sxc-form .c-form__title, .omo-BackGroundColor-4 .c-2sxc-form .c-form__title, .omo-BackGroundColor-5 .c-2sxc-form .c-form__title {
  color: black; }

.omo-BackGroundColor-1 .c-breadcrumb__page-title, .omo-BackGroundColor-2 .c-breadcrumb__page-title, .omo-BackGroundColor-3 .c-breadcrumb__page-title, .omo-BackGroundColor-4 .c-breadcrumb__page-title, .omo-BackGroundColor-5 .c-breadcrumb__page-title {
  color: black; }

.omo-BackGroundColor-1 .c-dmx-document__title, .omo-BackGroundColor-2 .c-dmx-document__title, .omo-BackGroundColor-3 .c-dmx-document__title, .omo-BackGroundColor-4 .c-dmx-document__title, .omo-BackGroundColor-5 .c-dmx-document__title {
  color: black; }
  .omo-BackGroundColor-1 .c-dmx-document__title :hover, .omo-BackGroundColor-2 .c-dmx-document__title :hover, .omo-BackGroundColor-3 .c-dmx-document__title :hover, .omo-BackGroundColor-4 .c-dmx-document__title :hover, .omo-BackGroundColor-5 .c-dmx-document__title :hover {
    color: darkblue; }

.omo-BackGroundColor-1 .co-p a, .omo-BackGroundColor-2 .co-p a, .omo-BackGroundColor-3 .co-p a, .omo-BackGroundColor-4 .co-p a, .omo-BackGroundColor-5 .co-p a {
  color: black; }

.omo-BackGroundColor-1 .co-p span a, .omo-BackGroundColor-2 .co-p span a, .omo-BackGroundColor-3 .co-p span a, .omo-BackGroundColor-4 .co-p span a, .omo-BackGroundColor-5 .co-p span a {
  color: black; }

.omo-BackGroundColor-1 .c-btn--primary, .omo-BackGroundColor-2 .c-btn--primary, .omo-BackGroundColor-3 .c-btn--primary, .omo-BackGroundColor-4 .c-btn--primary, .omo-BackGroundColor-5 .c-btn--primary {
  color: black; }

.omo-BackGroundColor-1 .c-btn.c-btn--primary, .omo-BackGroundColor-2 .c-btn.c-btn--primary, .omo-BackGroundColor-3 .c-btn.c-btn--primary, .omo-BackGroundColor-4 .c-btn.c-btn--primary, .omo-BackGroundColor-5 .c-btn.c-btn--primary {
  background-color: white !important;
  border-width: 1px 3px; }

.omo-BackGroundColor-1 .c-nav-card .card-doc-nav-card__item .card-doc-nav, .omo-BackGroundColor-2 .c-nav-card .card-doc-nav-card__item .card-doc-nav, .omo-BackGroundColor-3 .c-nav-card .card-doc-nav-card__item .card-doc-nav, .omo-BackGroundColor-4 .c-nav-card .card-doc-nav-card__item .card-doc-nav, .omo-BackGroundColor-5 .c-nav-card .card-doc-nav-card__item .card-doc-nav {
  border-bottom-color: 4px #D4AF37;
  background-color: white !important; }

.omo-BackGroundColor-1 .card-doc-nav-card__item .card-doc-nav:hover, .omo-BackGroundColor-2 .card-doc-nav-card__item .card-doc-nav:hover, .omo-BackGroundColor-3 .card-doc-nav-card__item .card-doc-nav:hover, .omo-BackGroundColor-4 .card-doc-nav-card__item .card-doc-nav:hover, .omo-BackGroundColor-5 .card-doc-nav-card__item .card-doc-nav:hover {
  color: black !important; }

.omo-BackGroundColor-1 .c-announcement-card.u-faux-block-link, .omo-BackGroundColor-2 .c-announcement-card.u-faux-block-link, .omo-BackGroundColor-3 .c-announcement-card.u-faux-block-link, .omo-BackGroundColor-4 .c-announcement-card.u-faux-block-link, .omo-BackGroundColor-5 .c-announcement-card.u-faux-block-link {
  background-color: #fff !important;
  border-left-color: 4px #D4AF37; }

.omo-BackGroundColor-1 .c-article-detail__date, .omo-BackGroundColor-1 .c-article-detail-category, .omo-BackGroundColor-1 .c-article-detail-share, .omo-BackGroundColor-1 .c-article-document-list__item, .omo-BackGroundColor-2 .c-article-detail__date, .omo-BackGroundColor-2 .c-article-detail-category, .omo-BackGroundColor-2 .c-article-detail-share, .omo-BackGroundColor-2 .c-article-document-list__item, .omo-BackGroundColor-3 .c-article-detail__date, .omo-BackGroundColor-3 .c-article-detail-category, .omo-BackGroundColor-3 .c-article-detail-share, .omo-BackGroundColor-3 .c-article-document-list__item, .omo-BackGroundColor-4 .c-article-detail__date, .omo-BackGroundColor-4 .c-article-detail-category, .omo-BackGroundColor-4 .c-article-detail-share, .omo-BackGroundColor-4 .c-article-document-list__item, .omo-BackGroundColor-5 .c-article-detail__date, .omo-BackGroundColor-5 .c-article-detail-category, .omo-BackGroundColor-5 .c-article-detail-share, .omo-BackGroundColor-5 .c-article-document-list__item {
  border-bottom: 1px solid #000000; }

body[class*="omo-BackGroundColor-"]:not(.omo-BackGroundColor-6) .c-nav-secondary__link {
  color: black; }

/* ==========================================================================
   COMPONENTS / #TYPOGRAPHY
   ========================================================================== */
/**
 * In order to divorce our semantic decisions from our stylistic ones, we only
 * define opinionated typographical styles against classes, NOT against
 * typographic HTML elements.
 *
 * https://csswizardry.com/2016/02/managing-typography-on-large-apps/
 *
 * Using the properties defined in toolkit-core/settings/typography,
 * the loop below will generate us a suite of mobile-first responsive
 * typographical component classes:
 *
 *   Heading-level Typography
 *   ---------------------------------
 *   .c-heading-alpha
 *   .c-heading-bravo
 *   .c-heading-charlie
 *   .c-heading-delta
 *
 *   Text-level Typography
 *   ---------------------------------
 *   .c-text-lead
 *   .c-text-body
 *   .c-text-smallprint
 */
.c-heading-alpha {
  font-size: 29px;
  font-size: 1.61111rem;
  line-height: 1.15; }
  @media (min-width: 46.25em) {
    .c-heading-alpha {
      font-size: 40px;
      font-size: 2.22222rem;
      line-height: 1.2; } }

.c-heading-bravo {
  font-size: 26px;
  font-size: 1.44444rem;
  line-height: 1.24; }
  @media (min-width: 46.25em) {
    .c-heading-bravo {
      font-size: 34px;
      font-size: 1.88889rem;
      line-height: 1.18; } }

.c-heading-charlie {
  font-size: 22px;
  font-size: 1.22222rem;
  line-height: 1.3; }
  @media (min-width: 46.25em) {
    .c-heading-charlie {
      font-size: 28px;
      font-size: 1.55556rem;
      line-height: 1.21; } }

.c-heading-delta {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3; }
  @media (min-width: 46.25em) {
    .c-heading-delta {
      font-size: 22px;
      font-size: 1.22222rem;
      line-height: 1.21; } }

.c-text-lead {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44; }
  @media (min-width: 46.25em) {
    .c-text-lead {
      font-size: 20px;
      font-size: 1.11111rem;
      line-height: 1.36; } }

.c-text-body {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.5; }
  @media (min-width: 46.25em) {
    .c-text-body {
      font-size: 18px;
      font-size: 1rem;
      line-height: 1.44; } }

.c-text-smallprint {
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 1.5; }
  @media (min-width: 46.25em) {
    .c-text-smallprint {
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 1.5; } }

/* ==========================================================================
   COMPONENTS / HEADER VARIATIONS
   ========================================================================== */
/* Header styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / #GLOBAL-HEADER
   ========================================================================== */
@media (max-width: 61.24em) {
  .js-mobile-nav-active {
    overflow: hidden; } }

.c-page-content {
  padding-top: auto; }

/* Header base styles
  =========================================== */
.c-global-header {
  width: 100%;
  height: auto;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 0;
  background-color: #064789;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1), opacity 0.35s, visibility 0.35s, height 0.35s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  @media (min-width: 46.25em) {
    .c-global-header {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 61.25em) {
    .c-global-header {
      padding-top: 16px;
      background-color: #fff; } }

.c-global-header.is-shrunk {
  background-color: rgba(6, 71, 137, 0.97);
  height: auto; }

@media (max-width: 61.24em) {
  .c-global-header.is-active {
    height: 100%;
    background-color: rgba(6, 71, 137, 0.97); } }

.c-global-header__nav-bar {
  position: relative;
  z-index: 2000;
  width: 100%;
  transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
  text-align: center; }
  @media (min-width: 61.25em) {
    .c-global-header__nav-bar {
      display: inline-block;
      width: auto;
      text-align: inherit;
      clear: both;
      flex-wrap: wrap;
      display: flex;
      margin-left: -16px;
      zoom: 1; } }
  @media print and (min-width: 61.25em) {
    .c-global-header__nav-bar {
      display: inherit; } }
  @media (min-width: 61.25em) and (min-width: 46.25em) {
    .c-global-header__nav-bar {
      margin-left: -24px; } }
  @media (min-width: 61.25em) {
      .c-global-header__nav-bar:before, .c-global-header__nav-bar:after {
        content: '';
        display: table;
        display: flex; }
      .c-global-header__nav-bar:after {
        clear: both; } }

.c-global-header__logo {
  transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); }
  @media (min-width: 61.25em) {
    .c-global-header__logo {
      position: relative;
      float: left;
      box-sizing: border-box;
      flex: 1 1 0%;
      padding-left: 16px;
      display: block;
      flex-basis: 41.66667%;
      min-width: 41.66667%;
      max-width: 41.66667%;
      width: 41.66667%;
      float: left;
      padding-top: 22px; } }
  @media (min-width: 61.25em) and (min-width: 46.25em) {
    .c-global-header__logo {
      padding-left: 24px; } }
  @media (min-width: 61.25em) and (min-width: 61.25em) {
    .c-global-header__logo {
      display: block;
      flex-basis: 25%;
      min-width: 25%;
      max-width: 25%; } }

.c-global-header-primary {
  display: none; }
  @media (min-width: 61.25em) {
    .c-global-header-primary {
      position: relative;
      float: left;
      box-sizing: border-box;
      flex: 1 1 0%;
      padding-left: 16px;
      display: block;
      flex-basis: 100%;
      min-width: 100%;
      max-width: 100%;
      width: 100%;
      display: block; } }
  @media (min-width: 61.25em) and (min-width: 46.25em) {
    .c-global-header-primary {
      padding-left: 24px; } }
  @media (min-width: 61.25em) and (min-width: 61.25em) {
    .c-global-header-primary {
      display: block;
      flex-basis: 75%;
      min-width: 75%;
      max-width: 75%; } }

.c-global-header-primary__social-icon {
  float: left;
  width: 24px;
  height: 24px;
  fill: #064789;
  margin: 4px 8px; }
  .c-global-header-primary__social-icon svg {
    width: 24px; }

.c-global-header-primary__top {
  float: right;
  margin-top: -16px; }

.c-global-header-primary__weather {
  float: left;
  background: #EDF5FA;
  padding: 1px 8px;
  font-size: 13px; }
  .c-global-header-primary__weather p {
    margin: 0;
    color: #064789;
    font-weight: 700; }

.weather__title {
  color: #064789;
  font-weight: 300; }

.c-global-header-primary__language {
  float: left;
  background: #064789;
  padding: 0 20px; }

.c-nav-language__item {
  height: auto;
  padding: 0 4px;
  font-size: 14px;
  line-height: 32px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500; }

.c-nav-language__item.is-selected {
  color: #dedede; }

.c-nav-language__separator {
  font-size: 13px;
  font-weight: bold;
  color: #fff; }

.c-global-header__navigation {
  display: none;
  float: right;
  margin-top: 16px; }
  @media (min-width: 61.25em) {
    .c-global-header__navigation {
      display: block; } }

@media (min-width: 61.25em) {
  .c-global-header__navigation-overlay {
    float: right; } }

@media (max-width: 61.24em) {
  .c-global-header__navigation-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
    z-index: 1050; }
    .c-global-header__navigation-overlay .c-nav-primary {
      margin: 0 auto;
      width: 80%; }
    .c-global-header__navigation-overlay .c-nav-primary__item {
      opacity: 0; }
    .c-global-header__navigation-overlay .c-nav-primary__link {
      display: block; }
    .c-global-header__navigation-overlay .c-nav-primary__link--btn {
      margin-left: 0;
      display: none; } }

@media (max-width: 61.24em) {
  .c-global-header__navigation-overlay.is-active {
    opacity: 1;
    visibility: visible;
    height: 100%; }
    .c-global-header__navigation-overlay.is-active .c-global-header__navigation {
      position: relative;
      height: auto;
      top: 50%;
      transform: translateY(-50%);
      font-size: 50px;
      font-weight: 400;
      text-align: center; }
    .c-global-header__navigation-overlay.is-active .c-global-header__navigation li {
      -webkit-animation: fadeInDown 0.5s ease forwards;
              animation: fadeInDown 0.5s ease forwards;
      -webkit-animation-delay: 0.35s;
              animation-delay: 0.35s;
      text-align: center; } }

.c-global-header-mobile-btn__wrap {
  height: 64px;
  width: 64px;
  float: left;
  margin-top: -12px;
  margin-left: -16px;
  border-right: 1px solid rgba(255, 255, 255, 0.2); }
  @media (min-width: 61.25em) {
    .c-global-header-mobile-btn__wrap {
      display: none; } }

.c-global-header__mobile-btn {
  height: 14px;
  width: 24px;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); }

.u-icon-hamburger:hover {
  opacity: 0.7; }

.u-icon-hamburger.is-active .u-icon-hamburger__line--top {
  transform: translateY(6px) translateX(0) rotate(45deg); }

.u-icon-hamburger.is-active .u-icon-hamburger__line--middle {
  opacity: 0; }

.u-icon-hamburger.is-active .u-icon-hamburger__line--bottom {
  transform: translateY(-6px) translateX(0) rotate(-45deg); }

.u-icon-hamburger__line {
  background-color: #fff;
  border: none;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer; }
  .u-icon-hamburger__line:nth-of-type(2) {
    top: 6px; }
  .u-icon-hamburger__line:nth-of-type(3) {
    top: 12px; }

.is-shrunk .u-icon-hamburger__line,
.is-active .u-icon-hamburger__line {
  background-color: #fff; }

.weather-box__content {
  display: flex;
  flex-direction: row;
  padding: 0 10px; }

.c-weather-time__degree {
  padding: 0 5px; }

.c-global-header-primary .weather-text {
  font-weight: 300; }

/* Omo */
.omo-BackGroundColor-6 .c-global-header-primary__social-icon {
  fill: white; }

/* ==========================================================================
   COMPONENTS / #GLOBAL-FOOTER
   ========================================================================== */
.c-global-footer {
  background-color: #fff;
  color: #575757;
  font-size: 14px;
  text-align: center; }
  @media (min-width: 46.25em) {
    .c-global-footer {
      text-align: inherit; } }

.c-global-footer__top {
  padding-top: 40px;
  padding-bottom: 40px; }

.c-global-footer__section {
  margin-bottom: 40px; }
  @media (min-width: 46.25em) {
    .c-global-footer__section {
      margin-bottom: 0; } }

.c-global-footer__bottom {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #D6D6D6;
  font-size: 14px; }

.c-global-footer__development {
  text-align: center;
  margin-top: 5px; }
  @media (min-width: 46.25em) {
    .c-global-footer__development {
      text-align: right;
      margin-top: 0; } }

.c-global-footer__link {
  color: #575757; }
  .c-global-footer__link:hover {
    text-decoration: none; }

.c-global-footer__about-content {
  margin-top: 16px;
  line-height: 1.2;
  font-weight: 500; }

.footer-links__title {
  padding-bottom: 4px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #D4AF37;
  font-weight: 900;
  border-bottom: 1px solid #D4AF37; }

.footer-links-list, .footer-image-list {
  margin: 0;
  list-style-type: none; }

.footer-links-list__item {
  margin-bottom: 16px; }

.footer-image-list__item {
  margin-bottom: 16px; }

.footer-links-list__link {
  color: #575757; }
  .footer-links-list__link:hover {
    text-decoration: none;
    color: #dedede; }

/* Omo */
.omo-BackGroundColor-6 .c-nav-footer__link {
  color: white; }

/* ==========================================================================
   COMPONENTS / NAVIGATION VARIATIONS
   ========================================================================== */
/* Navigation styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / #NAV-PRIMARY
   ========================================================================== */
/* Base
  =========================================== */
.c-nav-primary {
  font-size: 14px;
  font-size: 0.77778rem;
  margin-left: 0;
  margin-bottom: 0;
  background-color: transparent;
  list-style: none;
  text-align: right;
  transition: all 0.4s ease-in-out; }

.c-nav-primary__item {
  display: inline-block;
  position: relative; }
  .c-nav-primary__item:after {
    content: "";
    position: absolute;
    top: 9px;
    width: 4px;
    height: 4px;
    background: #D4AF37;
    border-radius: 50%; }
    @media (min-width: 78em) {
      .c-nav-primary__item:after {
        top: 12px; } }
  .c-nav-primary__item .c-nav-primary__item--has-child ul {
    z-index: 10000;
    left: 70%;
    top: -10px; }

.c-nav-primary__item:last-child:after {
  display: none; }

.c-nav-primary__link {
  display: block;
  padding: 0 10px;
  color: #1c1b1b;
  font-size: 14px;
  font-size: 0.77778rem; }
  @media (min-width: 78em) {
    .c-nav-primary__link {
      font-size: 18px;
      font-size: 1rem;
      line-height: 1.44; } }
  .c-nav-primary__link:hover, .c-nav-primary__link:focus {
    color: #064789;
    text-decoration: none; }
  .c-global-header.is-active .c-nav-primary__link {
    color: #064789; }

.c-nav-primary__link--active {
  color: #064789; }

.c-nav-primary__sub {
  display: none;
  position: relative;
  list-style-type: none;
  padding: 10px 0;
  margin: 0; }

.c-nav-primary__item--has-child:hover > .c-nav-primary__sub {
  display: block;
  position: absolute;
  z-index: 10000;
  width: 250px; }

.c-nav-primary__item--child {
  display: block;
  text-align: left;
  background: #fff;
  padding: 10px 15px; }
  .c-nav-primary__item--child:after {
    display: none; }
  .c-nav-primary__item--child:hover {
    background: #f5f5f5;
    /* Omo */ }
    .omo-BackGroundColor-6 .c-nav-primary__item--child:hover {
      background-color: white !important;
      color: black !important; }
      .omo-BackGroundColor-6 .c-nav-primary__item--child:hover > a {
        background-color: white !important;
        color: black !important; }

.c-nav-primary__link--child {
  font-size: 14px;
  padding: 0; }

/* ==========================================================================
   COMPONENTS / #NAV-secondary
   ========================================================================== */
/* Base
  =========================================== */
.c-global-header__navigation-secondary {
  display: block;
  float: right; }

.c-nav-secondary__home-link {
  flex: 1;
  width: 18px;
  height: 18px;
  align-self: center;
  text-align: right; }

.c-nav-secondary-button-home {
  width: 18px;
  fill: #D4AF37; }

.c-nav-secondary__search-link {
  flex: 1;
  width: 18px;
  height: 18px;
  align-self: center;
  text-align: left; }

.c-nav-secondary-button-search {
  width: 18px;
  fill: #D4AF37; }

.c-nav-secondary {
  flex: 22;
  margin: 0;
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: 500;
  list-style: none;
  transition: all 0.4s ease-in-out;
  text-transform: uppercase;
  text-align: center;
  border-top: 1px solid #D4AF37;
  margin-top: 16px; }

.c-nav-secondary__item {
  display: inline-block;
  position: relative; }
  .c-nav-secondary__item:after {
    position: absolute;
    top: 26px;
    right: -3px;
    width: 4px;
    height: 4px;
    background: #D4AF37;
    border-radius: 50%;
    text-align: center; }
    @media (min-width: 78em) {
      .c-nav-secondary__item:after {
        content: ""; } }
  .c-nav-secondary__item:nth-last-child(2):after {
    display: none; }

.c-nav-secondary__item:last-child:after {
  display: none; }

.c-nav-secondary__link {
  display: block;
  padding: 10px 0;
  margin: 0 7px;
  font-size: 14px;
  font-size: 0.77778rem;
  color: #D4AF37; }
  .c-nav-secondary__link:hover, .c-nav-secondary__link:focus {
    text-decoration: none; }
  .c-global-header.is-active .c-nav-secondary__link {
    color: #D4AF37; }
  @media (min-width: 78em) {
    .c-nav-secondary__link {
      padding: 16px 0;
      margin: 0 12px;
      font-size: 16px;
      font-size: 0.88889rem; } }

.c-nav-secondary__link--active {
  color: #D4AF37;
  border-bottom: 3px solid #D4AF37; }

.c-nav-secondary__search-link {
  cursor: pointer;
  background: none;
  border: none;
  width: 40px;
  outline: 0; }

.c-nav-secondary__sub {
  display: none;
  position: absolute;
  width: 220px;
  z-index: 1;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #D3E1EA; }
  .c-nav-secondary__sub .c-nav-secondary__link--active {
    border: none; }
  .c-nav-secondary__sub .c-nav-secondary__item-search {
    display: none; }

.c-nav-secondary__item--has-child:hover > .c-nav-secondary__sub {
  display: block; }

.c-nav-secondary__item--child {
  display: block;
  text-align: left;
  background: #D3E1EA;
  padding: 10px 15px;
  border-left: 2px solid #064789; }
  .c-nav-secondary__item--child:after {
    display: none; }
  .c-nav-secondary__item--child:hover, .c-nav-secondary__item--child:focus {
    background: #EDF5FA; }

.c-nav-secondary__link--child {
  font-size: 14px;
  padding: 0;
  text-transform: none;
  color: #1c1b1b; }

/* ==========================================================================
   COMPONENTS / #NAV-OFFCANVAS
   ========================================================================== */
/* Dependencies
  ---------------------------------- */
.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-panels, .mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  box-sizing: border-box;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-panels {
  overflow: hidden; }

.mm-panel {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
  transition: transform .4s ease;
  transform-origin: top left; }

.mm-panel.mm-opened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panel.mm-subopened {
  transform: translate(-30%, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-panel.mm-highest {
  z-index: 1; }

.mm-panel.mm-noanimation {
  transition: none !important; }

.mm-panel.mm-noanimation.mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px; }

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px; }

.mm-panels > .mm-panel:not(.mm-hidden) {
  display: block; }

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
  content: '';
  display: block;
  height: 20px; }

.mm-vertical .mm-panel {
  transform: none !important; }

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
  box-sizing: border-box;
  height: 40px;
  bottom: auto; }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  transform: rotate(225deg);
  right: 19px; }

.mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1; }

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(-45deg); }

.mm-clear:before, .mm-close:before {
  border-right: none;
  border-bottom: none;
  right: 18px; }

.mm-clear:after, .mm-close:after {
  border-left: none;
  border-top: none;
  right: 25px; }

.mm-next:after, .mm-prev:before {
  content: '';
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; }

.mm-prev:before {
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-next:after {
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.mm-navbar > * {
  display: block;
  padding: 10px 0; }

.mm-navbar a, .mm-navbar a:hover {
  text-decoration: none; }

.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mm-navbar .mm-btn:first-child {
  left: 0; }

.mm-navbar .mm-btn:last-child {
  text-align: right;
  right: 0; }

.mm-panel .mm-navbar {
  display: none; }

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block; }

.mm-listview, .mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px; }

.mm-listview a, .mm-listview a:hover {
  text-decoration: none; }

.mm-listview > li {
  position: relative; }

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
  border-color: inherit; }

.mm-listview > li > a, .mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0; }

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.mm-listview > li:not(.mm-divider):after {
  left: 20px; }

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2; }

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
  margin-right: 50px; }

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%; }

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none; }

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px; }

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75); }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5); }

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5); }

.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  transition: transform .4s ease;
  z-index: 1; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }

html.mm-blocking body {
  overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed; }

.mm-menu.mm-offcanvas.mm-opened {
  display: block; }

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
  z-index: 10; }

.mm-menu.mm-offcanvas {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    transform: translate(440px, 0);
    transform: translate3d(440px, 0, 0); } }

.mm-sronly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important; }

.mm-menu .mm-listview.mm-border-none > li:after, .mm-menu .mm-listview > li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview > li:after {
  content: none; }

.mm-menu .mm-listview.mm-border-full > li:after, .mm-menu .mm-listview > li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview > li:after {
  left: 0 !important; }

.mm-menu .mm-listview.mm-border-offset > li:after, .mm-menu .mm-listview > li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview > li:after {
  right: 20px; }

.mm-menu.mm-offcanvas.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

@media all and (max-width: 140px) {
  html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 10000px) {
  html.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
    transform: translate(10000px, 0);
    transform: translate3d(10000px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 10000px) {
  html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened ~ .mm-slideout {
    transform: translate(-10000px, 0);
    transform: translate3d(-10000px, 0, 0); } }

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

.mm-menu.mm-fx-menu-zoom {
  transition: transform .4s ease; }

html.mm-opened .mm-menu.mm-fx-menu-zoom {
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform-origin: left center; }

html.mm-opening .mm-menu.mm-fx-menu-zoom {
  transform: scale(1, 1) translate3d(0, 0, 0); }

html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform-origin: right center; }

html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu.mm-fx-menu-slide {
  transition: transform .4s ease; }

html.mm-opened .mm-menu.mm-fx-menu-slide {
  transform: translate(-30%, 0);
  transform: translate3d(-30%, 0, 0); }

html.mm-opening .mm-menu.mm-fx-menu-slide {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
  transform: translate(30%, 0);
  transform: translate3d(30%, 0, 0); }

html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-fx-menu-fade {
  opacity: 0;
  transition: opacity .4s ease; }

html.mm-opening .mm-menu.mm-fx-menu-fade {
  opacity: 1; }

.mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel {
  transition-property: none; }

.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel {
  transform-origin: left center;
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel {
  transform: translate(0, 100%);
  transform: translate3d(0, 100%, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li {
  transition: none .4s ease; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) {
  transition-delay: 50ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) {
  transition-delay: .1s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) {
  transition-delay: 150ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) {
  transition-delay: .2s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) {
  transition-delay: 250ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) {
  transition-delay: .3s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) {
  transition-delay: 350ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) {
  transition-delay: .4s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) {
  transition-delay: 450ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) {
  transition-delay: .5s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) {
  transition-delay: 550ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) {
  transition-delay: .6s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) {
  transition-delay: 650ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) {
  transition-delay: .7s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) {
  transition-delay: 750ms; }

.mm-menu.mm-fx-listitems-slide .mm-listview > li {
  transition-property: transform,opacity;
  transform: translate(50%, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0; }

html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.mm-menu.mm-fx-listitems-fade .mm-listview > li {
  transition-property: opacity;
  opacity: 0; }

html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1; }

.mm-menu.mm-fx-listitems-drop .mm-listview > li {
  transition-property: opacity,top;
  opacity: 0;
  top: -25%; }

html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
  top: 0; }

html.mm-iconbar body {
  overflow-x: hidden; }

html.mm-iconbar .mm-page {
  background: inherit;
  min-height: 100vh; }

html.mm-iconbar .mm-slideout {
  box-sizing: border-box;
  padding-right: 60px;
  transform: translate(60px, 0);
  transform: translate3d(60px, 0, 0); }

.mm-menu.mm-iconbar {
  display: block; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify:after, .mm-menu .mm-panels > .mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:after, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:before {
  content: none;
  display: none; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li {
  flex: 1 0 auto;
  min-height: 40px; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
  display: flex;
  flex-direction: column; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span {
  box-sizing: border-box;
  flex: 1 0 auto;
  display: flex;
  align-items: center; }

.mm-listview-small .mm-listview > li > a:not(.mm-next), .mm-listview-small .mm-listview > li > span {
  padding: 7px 10px 7px 20px; }

.mm-listview-small .mm-listview > li.mm-vertical > .mm-next, .mm-listview-small .mm-vertical > .mm-listview > li > .mm-next {
  height: 34px; }

.mm-listview-large .mm-listview > li > a:not(.mm-next), .mm-listview-large .mm-listview > li > span {
  padding: 15px 10px 15px 20px; }

.mm-listview-large .mm-listview > li.mm-vertical > .mm-next, .mm-listview-large .mm-vertical > .mm-listview > li > .mm-next {
  height: 50px; }

.mm-listview-huge .mm-listview > li > a:not(.mm-next), .mm-listview-huge .mm-listview > li > span {
  padding: 20px 10px 20px 20px; }

.mm-listview-huge .mm-listview > li.mm-vertical > .mm-next, .mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next {
  height: 60px; }

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview .mm-spacer {
  padding-top: 40px; }

.mm-listview .mm-spacer > .mm-next {
  top: 40px; }

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px; }

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }

.mm-listview .mm-inset > li {
  padding: 5px 0; }

.mm-menu .mm-listview.mm-multiline > li > a, .mm-menu .mm-listview.mm-multiline > li > span, .mm-menu .mm-listview > li.mm-multiline > a, .mm-menu .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
  text-overflow: clip;
  white-space: normal; }

.mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: 0; }

html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: .3;
  transition: opacity .4s ease .4s; }

.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
  background: inherit; }

.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
  background: #fff; }

.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
  background: #000; }

.mm-menu.mm-popup {
  transition: opacity .4s ease;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 2;
  transform: translate(-50%, -50%);
  transform: translate3d(-50%, -50%, 0); }

.mm-menu.mm-popup.mm-opened ~ .mm-slideout {
  transform: none !important;
  z-index: 0; }

.mm-menu.mm-popup.mm-opened ~ #mm-blocker {
  transition-delay: 0s !important;
  z-index: 1; }

html.mm-opening .mm-menu.mm-popup {
  opacity: 1; }

.mm-menu.mm-offcanvas.mm-right {
  left: auto; }

html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-menu.mm-opened ~ .mm-slideout {
    transform: translate(-440px, 0);
    transform: translate3d(-440px, 0, 0); } }

html.mm-front .mm-slideout {
  transform: none !important;
  z-index: 0; }

html.mm-front #mm-blocker {
  z-index: 1; }

html.mm-front .mm-menu.mm-offcanvas {
  z-index: 2; }

.mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
  transition: transform .4s ease;
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-top {
  transform: translate(0, -100%);
  transform: translate3d(0, -100%, 0); }

.mm-menu.mm-offcanvas.mm-bottom {
  transform: translate(0, 100%);
  transform: translate3d(0, 100%, 0); }

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-offcanvas.mm-bottom {
  top: auto; }

html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

.mm-menu.mm-shadow-page:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 100;
  -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
  clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); }

.mm-menu.mm-shadow-page.mm-right:after {
  left: auto;
  right: 100%; }

.mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after {
  content: none;
  display: none; }

.mm-menu.mm-shadow-page:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-dark {
  background: #333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-listview {
  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark .mm-divider {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-shadow-page.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333; }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-white {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-listview {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  tap-highlight-color: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-shadow-page.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white label.mm-toggle:before {
  background: #fff; }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-black {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-listview {
  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  tap-highlight-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-divider {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-shadow-page.mm-theme-black:after {
  content: none;
  display: none; }

.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: false; }

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-toggle:before {
  background: #000; }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
  content: '';
  display: block;
  clear: both; }

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0 0;
  float: left;
  position: relative; }

.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
  width: 25%;
  padding-top: 25%; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
  width: 75%;
  padding-top: 75%; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
  width: 100%;
  padding-top: 100%; }

.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0 10px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0; }

.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
  width: auto; }

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before {
  content: none;
  display: none; }

.mm-menu.mm-tileview .mm-panel {
  padding-left: 0;
  padding-right: 0; }

.mm-menu.mm-tileview .mm-panel:after {
  content: none;
  display: none; }

.mm-menu.mm-tileview .mm-listview {
  margin: 0; }

html.mm-widescreen body {
  position: relative; }

html.mm-widescreen #mm-blocker {
  display: none !important; }

html.mm-widescreen .mm-slideout {
  transform: none !important;
  width: 70% !important;
  margin-left: 30% !important; }

html.mm-widescreen .mm-page {
  background: inherit;
  box-sizing: border-box; }

html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body {
  overflow: auto; }

.mm-menu.mm-widescreen {
  border-right-width: 1px;
  border-right-style: solid;
  display: block !important;
  width: 30% !important;
  min-width: 0 !important;
  max-width: none !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 100 !important;
  transform: none !important; }

.mm-menu.mm-widescreen.mm-pageshadow:after {
  content: none;
  display: none; }

.mm-menu.mm-autoheight {
  transition: none .4s ease;
  transition-property: transform,height; }

.mm-menu.mm-autoheight:not(.mm-offcanvas) {
  position: relative; }

.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
  display: block !important; }

.mm-menu.mm-measureheight .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

.mm-columns {
  transition-property: width; }

.mm-columns .mm-panels > .mm-panel {
  right: auto;
  transition-property: width,transform; }

.mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened {
  border-left: 1px solid;
  border-color: inherit;
  display: block !important; }

.mm-columns .mm-panels > .mm-columns-0 {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-columns-0 .mm-panels > .mm-panel {
  z-index: 0; }

.mm-columns-0 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-0 {
  width: 80%;
  min-width: 140px;
  max-width: 0; }

html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 0px) {
  html.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 0px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-0.mm-opened ~ .mm-slideout {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-1 {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0); }

.mm-columns-1 .mm-panels > .mm-panel {
  z-index: 1;
  width: 100%; }

.mm-columns-1 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  transform: translate(200%, 0);
  transform: translate3d(200%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-1 {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
    transform: translate(440px, 0);
    transform: translate3d(440px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-1.mm-opened ~ .mm-slideout {
    transform: translate(-440px, 0);
    transform: translate3d(-440px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-2 {
  transform: translate(200%, 0);
  transform: translate3d(200%, 0, 0); }

.mm-columns-2 .mm-panels > .mm-panel {
  z-index: 2;
  width: 50%; }

.mm-columns-2 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  transform: translate(300%, 0);
  transform: translate3d(300%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-2 {
  width: 80%;
  min-width: 140px;
  max-width: 880px; }

html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1100px) {
  html.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
    transform: translate(880px, 0);
    transform: translate3d(880px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1100px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-2.mm-opened ~ .mm-slideout {
    transform: translate(-880px, 0);
    transform: translate3d(-880px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-3 {
  transform: translate(300%, 0);
  transform: translate3d(300%, 0, 0); }

.mm-columns-3 .mm-panels > .mm-panel {
  z-index: 3;
  width: 33.34%; }

.mm-columns-3 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  transform: translate(400%, 0);
  transform: translate3d(400%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-3 {
  width: 80%;
  min-width: 140px;
  max-width: 1320px; }

html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1650px) {
  html.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
    transform: translate(1320px, 0);
    transform: translate3d(1320px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1650px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-3.mm-opened ~ .mm-slideout {
    transform: translate(-1320px, 0);
    transform: translate3d(-1320px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-4 {
  transform: translate(400%, 0);
  transform: translate3d(400%, 0, 0); }

.mm-columns-4 .mm-panels > .mm-panel {
  z-index: 4;
  width: 25%; }

.mm-columns-4 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  transform: translate(500%, 0);
  transform: translate3d(500%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-4 {
  width: 80%;
  min-width: 140px;
  max-width: 1760px; }

html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 2200px) {
  html.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
    transform: translate(1760px, 0);
    transform: translate3d(1760px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 2200px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-4.mm-opened ~ .mm-slideout {
    transform: translate(-1760px, 0);
    transform: translate3d(-1760px, 0, 0); } }

.mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top {
  width: 100%;
  max-width: 100%;
  min-width: 100%; }

html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next {
  transition-property: width,min-width,max-width,transform; }

em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }

em.mm-counter + a.mm-next {
  width: 90px; }

em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
  margin-right: 90px; }

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0; }

em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span {
  padding-right: 90px; }

.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
  padding-right: 90px; }

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }

.mm-divider.mm-opened a.mm-next:after {
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-fixeddivider:after {
  content: none !important;
  display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
  transition-duration: 0s; }

.mm-menu.mm-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%; }

html.mm-dropdown .mm-slideout {
  transform: none !important;
  z-index: 0; }

html.mm-dropdown #mm-blocker {
  transition-delay: 0s !important;
  z-index: 1; }

html.mm-dropdown .mm-menu {
  z-index: 2; }

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu.mm-dropdown {
  display: none; }

.mm-menu.mm-tip:before {
  content: '';
  background: inherit;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 0;
  transform: rotate(45deg); }

.mm-menu.mm-tipleft:before {
  left: 22px; }

.mm-menu.mm-tipright:before {
  right: 22px; }

.mm-menu.mm-tiptop:before {
  top: -8px; }

.mm-menu.mm-tipbottom:before {
  bottom: -8px; }

.mm-iconpanel .mm-panels > .mm-panel {
  transition-property: transform,left; }

.mm-iconpanel .mm-panels > .mm-panel.mm-opened, .mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
  border-left: 1px solid;
  border-color: inherit;
  display: block !important; }

.mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0; }

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px; }

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px; }

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px; }

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px; }

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px; }

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px; }

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  transition: opacity .4s ease; }

.mm-subopened .mm-subblocker {
  opacity: .6;
  bottom: -100000px; }

.mm-keyboardfocus a:focus {
  outline: 0; }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.5); }

.mm-navbars-bottom, .mm-navbars-top {
  background: inherit;
  border-color: inherit;
  border-width: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3; }

.mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar {
  border: none;
  padding: 0;
  position: relative;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbars-top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  top: 0; }

.mm-navbars-bottom {
  border-top-style: solid;
  border-top-width: 1px;
  bottom: 0; }

.mm-navbar.mm-hasbtns {
  padding: 0 40px; }

.mm-navbar[class*=mm-navbar-content-] > * {
  box-sizing: border-box;
  display: block;
  float: left; }

.mm-navbar .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px; }

.mm-navbar .mm-breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px; }

.mm-navbar .mm-breadcrumbs > a {
  text-decoration: underline; }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px; }

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0; }

.mm-hasnavbar-top-1 .mm-panels {
  top: 40px; }

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px; }

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px; }

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px; }

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px; }

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px; }

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px; }

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px; }

.mm-navbar-size-2 {
  height: 80px; }

.mm-navbar-size-3 {
  height: 120px; }

.mm-navbar-size-4 {
  height: 160px; }

.mm-navbar-content-2 > * {
  width: 50%; }

.mm-navbar-content-3 > * {
  width: 33.33%; }

.mm-navbar-content-4 > * {
  width: 25%; }

.mm-navbar-content-5 > * {
  width: 20%; }

.mm-navbar-content-6 > * {
  width: 16.67%; }

.mm-menu.mm-rtl {
  direction: rtl; }

.mm-menu.mm-rtl.mm-offcanvas {
  right: auto; }

.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu.mm-rtl .mm-panel.mm-subopened {
  transform: translate(30%, 0);
  transform: translate3d(30%, 0, 0); }

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
  left: auto;
  right: 0; }

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
  right: auto;
  left: 0; }

.mm-menu.mm-rtl .mm-navbar .mm-next:after {
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
  left: 0;
  right: 20px; }

.mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
  padding-left: 10px;
  padding-right: 20px !important;
  margin-right: 0 !important; }

.mm-menu.mm-rtl .mm-listview .mm-next {
  right: auto;
  left: 0; }

.mm-menu.mm-rtl .mm-listview .mm-next:before {
  left: auto;
  right: 0; }

.mm-menu.mm-rtl .mm-listview .mm-next:after {
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span {
  margin-left: 50px; }

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
  padding-left: 50px; }

.mm-menu.mm-rtl em.mm-counter {
  left: 45px;
  right: auto; }

.mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
  margin-left: 90px; }

.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
  padding-left: 90px; }

.mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle {
  left: 20px;
  right: auto !important; }

.mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span {
  padding-left: 80px; }

.mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span {
  padding-left: 60px; }

.mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle {
  left: 60px; }

.mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  margin-left: 50px; }

.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  padding-left: 70px; }

.mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span {
  padding-left: 50px; }

.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
  left: 100px; }

.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-left: 90px; }

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
  left: 0; }

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
  transition-property: transform,right; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  right: 0; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  right: 40px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  right: 80px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  right: 120px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  right: 160px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  right: 200px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  right: 240px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
  border-left: none;
  border-right: 1px solid;
  border-color: inherit; }

.mm-search, .mm-search input {
  box-sizing: border-box; }

.mm-search {
  height: 40px;
  padding: 7px 10px 0 10px;
  position: relative; }

.mm-search input {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  line-height: 26px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  margin: 0;
  padding: 0 10px; }

.mm-search input::-ms-clear {
  display: none; }

.mm-search .mm-clear, .mm-search .mm-next {
  right: 0; }

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mm-panel.mm-hassearch {
  padding-top: 40px; }

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px; }

.mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
  top: 40px; }

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  padding: 40px 0; }

.mm-noresults .mm-indexer {
  display: none !important; }

li.mm-nosubresults > a.mm-next {
  display: none; }

li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px; }

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.75); }

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  z-index: 15;
  transition: right .4s ease;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0); }

.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%; }

.mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px; }

.mm-hasindexer .mm-indexer {
  right: 0; }

.mm-hasindexer .mm-fixeddivider {
  right: 20px; }

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
  transition: background .4s ease; }

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.5); }

input.mm-check, input.mm-toggle {
  position: absolute;
  left: -10000px; }

label.mm-check, label.mm-toggle {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }

label.mm-check:before, label.mm-toggle:before {
  content: '';
  display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: .1;
  transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
  bottom: auto;
  margin-top: 0; }

li.mm-vertical label.mm-toggle {
  top: 5px; }

li.mm-vertical label.mm-check {
  top: 5px; }

label.mm-check, label.mm-toggle {
  right: 20px; }

label.mm-toggle + a, label.mm-toggle + span {
  padding-right: 80px; }

label.mm-check + a, label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
  right: 60px; }

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  margin-right: 50px; }

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
  padding-right: 50px; }

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
  right: 100px; }

em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu label.mm-toggle:before {
  background: #f3f3f3; }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.75); }

/*# sourceMappingURL=jquery.mmenu.all.css.map */
/* Base styles
  ---------------------------------- */
.mm-menu {
  background: #fff; }

.mm-title {
  padding: 0;
  padding-left: 40px;
  line-height: 32px;
  font-size: 16px;
  font-weight: 500;
  color: #064789; }

.mm-panels.mm-panels {
  top: 96px; }

.mm-navbar.mm-navbar {
  height: auto;
  padding: 0px; }
  .mm-navbar.mm-navbar .mm-btn.mm-prev {
    top: -3px; }

.c-global-navbar-header {
  padding-bottom: 0; }

.c-global-navbar-header__helpers {
  margin-top: 5px;
  height: 32px;
  background: #064789;
  color: #fff;
  padding: 0 15px; }
  .c-global-navbar-header__helpers span {
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.75); }

.c-global-navbar-header__search.c-global-navbar-header__search {
  float: left;
  border: none;
  width: auto;
  height: 23px;
  line-height: 32px;
  margin-top: -5px; }
  .c-global-navbar-header__search.c-global-navbar-header__search .c-nav-primary__icon-search {
    margin-bottom: -8px;
    line-height: 32px;
    margin-right: 5px; }

.lang-hr .c-global-navbar-header__search-label--en {
  display: none; }

.lang-en .c-global-navbar-header__search-label--hr {
  display: none; }

.c-global-navbar-header__lang {
  float: right;
  line-height: 32px;
  font-size: 12px; }
  .c-global-navbar-header__lang .c-global-navbar-header__lang-link.c-global-navbar-header__lang-link {
    color: #fff; }

.lang-hr .c-global-navbar-header__lang-link--en {
  color: rgba(255, 255, 255, 0.75) !important; }

.lang-en .c-global-navbar-header__lang-link--hr {
  color: rgba(255, 255, 255, 0.75) !important; }

.navbar-menu__link {
  font-weight: 700;
  color: #000;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44; }

.mm-selected .navbar-menu__link {
  color: #151F6D; }

/* ==========================================================================
   COMPONENTS / #NAV-with images
   ========================================================================== */
.c-nav-image {
  display: flex;
  flex-flow: wrap; }

.c-nav-image__item {
  width: 100%;
  border: 2px solid #ACB0B3;
  overflow: hidden; }
  @media (min-width: 30.625em) {
    .c-nav-image__item {
      width: 50%; } }
  @media (min-width: 46.25em) {
    .c-nav-image__item {
      width: 16.66%; } }
  .c-nav-image__item:nth-child(even) .c-nav-image__title {
    background: #8F9396; }

.c-nav-image__link:hover, .c-nav-image__link:focus {
  text-decoration: none; }

.c-nav-image__wrapper {
  display: none;
  position: relative;
  height: 142px; }
  @media (min-width: 30.625em) {
    .c-nav-image__wrapper {
      display: block; } }

.c-nav-image__item:hover .c-nav-image__image, .c-nav-image__item:focus .c-nav-image__image {
  opacity: 0; }

.c-nav-image__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 380px;
  height: 142px;
  opacity: 1;
  transition: opacity 1s  ease-in-out;
  z-index: 2; }
  @media (min-width: 30.625em) {
    .c-nav-image__image {
      display: block; } }

.c-nav-image__image--hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 380px;
  height: 142px;
  opacity: 1;
  z-index: 1; }

.c-nav-image__title {
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 700;
  background: #ACB0B3;
  color: #fff; }
  @media (min-width: 46.25em) {
    .c-nav-image__title {
      font-size: 12px; } }
  @media (min-width: 61.25em) {
    .c-nav-image__title {
      font-size: 16px; } }

.c-nav-footer {
  list-style-type: none;
  margin: 0; }

.c-nav-footer__item {
  margin-bottom: 16px; }

.c-nav-footer__link {
  color: #575757;
  font-weight: 500; }
  .c-nav-footer__link:hover {
    text-decoration: none;
    color: #6D6F7B; }

/* ==========================================================================
   COMPONENTS / NAV / #NAV-CARD
   ========================================================================== */
/* Layout
  =========================================== */
.c-nav-card {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1;
  margin: 0; }
  @media print {
    .c-nav-card {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .c-nav-card {
      margin-left: -24px; } }
  @media \0screen {
    .c-nav-card {
      margin-left: -24px; } }
  .c-nav-card:before, .c-nav-card:after {
    content: '';
    display: table;
    display: flex; }
  .c-nav-card:after {
    clear: both; }

.c-nav-card__item {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 24px; }
  @media \0screen {
    .c-nav-card__item {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-nav-card__item {
      padding-left: 24px; } }
  @media \0screen {
    .c-nav-card__item {
      padding-left: 24px; } }
  @media (min-width: 30.625em) {
    .c-nav-card__item {
      display: block;
      flex-basis: 50%;
      min-width: 50%;
      max-width: 50%; } }
  @media \0screen {
    .c-nav-card__item {
      display: block;
      width: 50%; } }
  @media (min-width: 78em) {
    .c-nav-card__item {
      display: block;
      flex-basis: 25%;
      min-width: 25%;
      max-width: 25%; } }
  @media (max-width: 30.615em) {
    .c-nav-card__item {
      padding-left: 0; } }

/* Base
  =========================================== */
/**
 * Nav card
 */
.c-nav-card__item:before {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent #064789 transparent; }

.c-nav-card__item:after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-family: "kastela-icons";
  font-size: 24px;
  line-height: 1;
  color: #fff;
  transform: rotate(45deg); }

.c-nav-card__link {
  display: block;
  min-height: 100%;
  padding: 24px 64px 24px 16px;
  color: #064789;
  border: solid 1px #dedede;
  border-bottom-width: 4px;
  border-bottom-color: #064789;
  background-color: #fff;
  transition: border-color 0.3s ease, background-color 0.3s ease; }
  .c-nav-card__link:hover, .c-nav-card__link:focus {
    color: #fff;
    border-color: #064789;
    background: #064789;
    text-decoration: none; }

/* ==========================================================================
   COMPONENTS / DMX / SIMPLE CARDS / #CARDS
   ========================================================================== */
/* Layout
  =========================================== */
.card-doc-nav-cards {
  display: flex;
  flex-wrap: wrap; }

.card-doc-nav-card__item {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  padding-bottom: 24px; }
  @media \0screen {
    .card-doc-nav-card__item {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .card-doc-nav-card__item {
      padding-left: 24px; } }
  @media \0screen {
    .card-doc-nav-card__item {
      padding-left: 24px; } }
  @media (min-width: 30.625em) {
    .card-doc-nav-card__item {
      display: block;
      flex-basis: 50%;
      min-width: 50%;
      max-width: 50%; } }
  @media \0screen {
    .card-doc-nav-card__item {
      display: block;
      width: 50%; } }
  @media (min-width: 78em) {
    .card-doc-nav-card__item {
      display: block;
      flex-basis: 25%;
      min-width: 25%;
      max-width: 25%; } }
  .card-doc-nav-card__item .card-doc-nav {
    height: 100%;
    display: block;
    padding: 8px;
    border: solid 1px #dedede;
    border-bottom-color: #D4AF37;
    border-bottom-width: 4px;
    background-color: #fff;
    color: #1c1b1b;
    font-size: 14px;
    font-size: 0.77778rem;
    line-height: 1.85714;
    font-weight: 500; }
    .card-doc-nav-card__item .card-doc-nav:hover, .card-doc-nav-card__item .card-doc-nav:focus {
      color: #D4AF37;
      text-decoration: none; }
  .card-doc-nav-card__item .o-media__img {
    margin-right: 8px; }
  .card-doc-nav-card__item .card-doc-nav__icon {
    fill: #1c1b1b; }

/* ==========================================================================
   COMPONENTS / NAV / #NAV-ASIDE
   ========================================================================== */
/* Base
  =========================================== */
/**
 * Nav aside
 */
.c-nav-aside__list {
  padding-left: 16px;
  border-left: 3px solid #151F6D; }
  .c-nav-aside__list .c-nav-aside__list {
    border-left: 2px solid rgba(6, 71, 137, 0.2);
    padding-left: 10px;
    padding-top: 5px; }
    .c-nav-aside__list .c-nav-aside__list .c-nav-aside__item--child {
      font-size: 14px;
      padding-bottom: 8px;
      line-height: 17px; }

.c-nav-aside__item {
  padding-bottom: 8px;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.5; }

.c-nav-aside__link {
  color: #1c1b1b; }
  .c-nav-aside__link:hover, .c-nav-aside__link:focus {
    text-decoration: none;
    color: #151F6D; }

.c-nav-aside__link--active {
  font-weight: 500;
  color: #151F6D; }

/* ==========================================================================
   COMPONENTS / NAVIGATION VARIATIONS
   ========================================================================== */
/* Search styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / #SEARCHBOOST POPUP BOX
   ========================================================================== */
.no-touchevents .Lightbox--body-open {
  overflow: hidden; }

.light-box {
  background-color: rgba(6, 71, 137, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2030;
  opacity: 1;
  transition: 0.15s ease-in opacity; }

.light-box--dark {
  background-color: rgba(6, 71, 137, 0.7); }

.light-box__wrapper {
  display: table;
  width: 100%;
  height: 100%; }

.light-box__content {
  margin: 40px auto;
  display: table-cell;
  vertical-align: middle; }

.search-popup {
  width: 90%;
  max-width: 1180px;
  min-height: 650px;
  margin: 0 auto; }
  @media (max-width: 46.24em) {
    .search-popup {
      width: 100%;
      padding: 100px 15px 0; } }

.search-popup .search-form__close-button {
  background-color: transparent;
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  cursor: pointer; }

.icon-big-cross {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center; }

.icon-big-cross svg {
  display: inline-block;
  vertical-align: middle; }

.search-popup .search-form__close-button svg path {
  stroke: #D4AF37;
  fill: #D4AF37; }

.search-form {
  padding-top: 80px; }

.search-form > span {
  position: relative;
  display: block; }

#dnn_dnnSearch_ClassicSearch .button-search {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  background-color: transparent; }
  #dnn_dnnSearch_ClassicSearch .button-search:before {
    height: 50px;
    width: 50px;
    position: absolute;
    display: block;
    line-height: 50px;
    text-align: center;
    text-indent: 0;
    color: #064789; }

.search-popup .search-popup--results-text {
  margin-top: 16px;
  margin-left: 16px;
  color: #000;
  display: inline-block;
  font-size: 18px;
  -webkit-font-smoothing: antialiased; }

.search-popup--results-text > span {
  font-size: 20px; }

.search-form__open-button {
  height: 64px;
  width: 64px;
  float: right;
  margin-top: -12px;
  margin-right: -16px;
  background: transparent;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2); }
  @media (min-width: 61.25em) {
    .search-form__open-button {
      display: none; } }

.c-nav-primary__icon-search {
  width: 24px;
  fill: #fff; }

.search-popup .search-form #dnn_dnnSearch_txtSearch {
  font-weight: 400;
  font-size: 24px;
  font-size: 1.33333rem;
  line-height: 50px;
  color: #fff;
  border: none;
  border-bottom: 1px solid #f5f5f5;
  background: transparent;
  outline: none;
  width: 100%;
  max-height: 50px;
  text-shadow: 0 0 0 #fff;
  text-indent: 6px;
  border-radius: 0;
  -webkit-appearance: none; }
  @media (min-width: 46.25em) {
    .search-popup .search-form #dnn_dnnSearch_txtSearch {
      font-size: 24px;
      font-size: 1.33333rem;
      line-height: 50px; } }
  .search-popup .search-form #dnn_dnnSearch_txtSearch::-moz-placeholder {
    color: #fff; }
  .search-popup .search-form #dnn_dnnSearch_txtSearch::placeholder {
    color: #fff; }

.search-popup .search-form .searchInputContainer {
  width: 100%; }

.search-popup .search-form .searchSkinObjectPreview {
  width: 100% !important;
  border: none; }
  .search-popup .search-form .searchSkinObjectPreview span {
    display: block;
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.44;
    margin-bottom: 2px; }
  .search-popup .search-form .searchSkinObjectPreview p {
    color: #064789;
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1.5; }
  .search-popup .search-form .searchSkinObjectPreview li {
    border-top: 1px solid #cddae7; }
  .search-popup .search-form .searchSkinObjectPreview .searchSkinObjectPreview_more {
    color: #064789;
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1.5; }
  .search-popup .search-form .searchSkinObjectPreview .searchSkinObjectPreview_group {
    display: none; }

.search-popup .search-form .dnnSearchBoxClearText {
  display: none; }

.dnnSearchResultItem {
  padding: 15px; }
  .dnnSearchResultItem a {
    color: #064789; }
  .dnnSearchResultItem:nth-child(even) {
    background-color: #f5f5f5; }
  .dnnSearchResultItem div:nth-child(5) {
    display: none; }

.dnnSearchResultItem-Link, .dnnSearchResultItem-Description, .dnnSearchResultItem-Others {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714; }

.dnnSearchResultAdvancedTip {
  margin: 10px -20px 0 0; }

.c-descriptionBox {
  font-size: 18px;
  color: black;
  line-height: 24px;
  margin-bottom: 10px; }

.do_search {
  font-size: 14px;
  padding: 5px 10px;
  line-height: 21px; }

.c-searchBtn-clanci {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px; }

.c-searchBtn-clanci--gray {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  background-color: #ccc !important;
  border-color: #ccc !important; }

.c-textContainer {
  background: #ccc;
  padding: 20px;
  text-align: center;
  margin-bottom: 15px; }

.resultPanel {
  background-color: white;
  margin-top: 5px; }

.c-boxPanel {
  background-color: white;
  padding: 0; }

.c-buttonTxt {
  font-size: 14px; }

.c-boxPanel {
  margin-right: 10px; }

.dnnSearchBoxPanel .dnnSearchBox {
  margin: 0;
  width: 90%;
  box-shadow: none; }

@media only screen and (max-width: 1050px) {
  .dnnSearchBoxPanel .dnnSearchBox {
    width: 70%;
    font-size: 12px; }
  .c-boxPanel {
    display: flex;
    flex-direction: column; }
  .dnnSearchBox {
    height: 35px; }
  .dnnSearchResultPanel .resultPanel {
    font-size: 12px; }
  .c-descriptionBox {
    font-size: 14px; }
  .c-searchBtn-clanci {
    line-height: 1.50em;
    height: 3.22em; }
  .resultPanel {
    font-size: 14px; } }

.tbSEarchText-input {
  width: 100%;
  margin-bottom: 15px;
  padding: 5px; }

.btnSearch-input {
  float: right;
  background-color: #427AA1;
  border: 1px solid #427AA1;
  border-radius: 0;
  color: white;
  font-weight: bold; }
  .btnSearch-input:hover, .btnSearch-input:focus {
    background-color: #D4AF37;
    border-color: #D4AF37;
    cursor: pointer;
    text-decoration: none; }

.dnnSearchBox_advanced_dropdown {
  font-size: 14px; }

.dnnSearchResult-hint-tbl.dnnTableDisplay {
  font-size: 14px; }

.dnnSearchBoxPanel,
.dnnSearchResultPanel,
.search-popup .search-form .dnnSearchBoxClearText,
.search-popup .search-form .searchSkinObjectPreview .searchSkinObjectPreview_group {
  display: block; }

.dnnSearchBox > a.dnnSearchButton {
  display: none; }

.dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label {
  display: none; }

/* ==========================================================================
   COMPONENTS / DNN
   ========================================================================== */
/* ==========================================================================
   COMPONENTS / DNN / #SHARED
   ========================================================================== */
/* Heading
  =========================================== */
/* Default.css
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / DNN / #DEFAULT.CSS
   ========================================================================== */
#ControlBar_ControlPanel *, #ControlBar_ControlPanel *::before, #ControlBar_ControlPanel *::after {
  box-sizing: content-box; }

input[type="image"] + span.Head,
input[type="image"] + span.SubHead {
  display: inline; }

/* text style used for help text rendered by modules */
.Help {
  padding: 2px;
  border: #000 1px solid;
  background-color: #ff9;
  font-weight: normal;
  font-size: 11px;
  color: #000; }

/* text style used for rendered text which requires emphasis */
.NormalBold {
  font-weight: bold; }

/* text style used for error messages */
.NormalRed {
  font-weight: bold;
  color: red; }

/* text style used for rendered text which should appear deleted */
.NormalDeleted {
  text-decoration: line-through; }

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

.dnnFormMessage {
  display: block;
  padding: 17px 18px;
  margin-bottom: 18px;
  border: 1px solid rgba(2, 139, 255, 0.2);
  /* blue */
  background: rgba(2, 139, 255, 0.15);
  /* blue */
  border-radius: 3px;
  max-width: 980px; }

.dnnFormMessage.dnnFormError,
.dnnFormMessage.dnnFormValidationSummary {
  background-color: rgba(255, 0, 0, 0.15);
  /* red */
  border-color: rgba(255, 0, 0, 0.2);
  /* red */ }

.dnnFormMessage.dnnFormWarning {
  background-color: rgba(255, 255, 0, 0.15);
  /* yellow */
  border-color: #cdb21f;
  /* yellow */ }

.dnnFormMessage.dnnFormSuccess {
  background-color: rgba(0, 255, 0, 0.15);
  /* green */
  border-color: rgba(0, 255, 0, 0.5);
  /* green */ }

.dnnTableHeader {
  display: block;
  padding: 15px;
  background: none repeat scroll 0 0 #e3e3e5; }

.dnnTableHeader a,
.dnnTableHeader input,
.dnnTableHeader select {
  margin: 0; }

.dnnTableDisplay {
  margin-bottom: 18px;
  border: 1px solid #d1d1d1;
  border-left: 0;
  border-bottom: 0; }

.dnnTableDisplay td,
.dnnTableDisplay th {
  padding: 5px 9px;
  border-bottom: 1px solid #d1d1d1; }

.dnnTableDisplay th {
  padding: 0;
  border-left: 1px solid #d1d1d1;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.9); }

.dnnTableDisplay th > span,
.dnnTableDisplay th > a {
  display: block;
  padding: 5px 9px; }

.dnnTableDisplay td:first-child {
  border-left: 1px solid #cfcfcf; }

.dnnTableDisplay label {
  display: inline;
  padding-left: 5px; }

.dnnTableDisplay caption {
  display: none; }

/* thead styles */
.dnnTableDisplay th {
  text-align: left;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  color: #333; }

.dnnTableDisplay th a,
.dnnTableDisplay th label {
  font-weight: normal;
  color: #333;
  text-decoration: none; }

.dnnTableDisplay th a {
  padding: 8px 9px; }

.dnnTableDisplay th a:hover {
  background: #fefefe;
  /* Old browsers */
  color: #333; }

.dnnTableDisplay th a:active {
  border-color: #999;
  background: #c6c6c6;
  /* Old browsers */
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3); }

/* tbody styles */
.dnnTableDisplay tr:nth-child(2n) td {
  background: rgba(0, 0, 0, 0.04); }

.dnnTableDisplay tr:hover td {
  background: rgba(2, 139, 255, 0.15);
  /* blue */ }

/* tfooter styles */
.dnnTableDisplay tfoot tr:hover td {
  background: none; }

/* table filter styles */
.dnnTableFilter {
  margin-bottom: 18px;
  background: rgba(0, 0, 0, 0.04); }

.dnnTableFilter .dnnTableDisplay {
  margin-bottom: 0; }

.dnnFilterSet {
  padding: 18px; }

.dnnFilterSet label {
  display: inline-block; }

.dnnFilterSet input,
.dnnFilterSet select {
  display: inline-block;
  margin: 0 5px; }

/* table filter vertical styles */
.verticalFilter .dnnFilterSet {
  float: left;
  width: 20%;
  padding: 2% 18px; }

.verticalFilter .dnnTableDisplay {
  float: right;
  width: 75%; }

.verticalFilter input[type="search"],
.verticalFilter select,
.verticalFilter input[type="text"] {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */ }

.dnnResults {
  float: left;
  margin-bottom: 0; }

.dnnPagination {
  float: right;
  margin: 0;
  padding: 0; }

.dnnPagination li {
  float: left;
  list-style: none; }

.dnnPagination li a,
.dnnPagination li span {
  display: inline-block;
  padding: 0 5px;
  text-decoration: none;
  color: #333; }

.dnnPagination li a:hover {
  text-decoration: underline;
  color: #222; }

.dnnPagination li span {
  color: #222;
  text-decoration: underline; }

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
  margin-bottom: 18px;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 12px; }

.dnnFormItem input.aspNetDisabled,
.dnnFormItem textarea.aspNetDisabled {
  background: #ebebeb;
  box-shadow: none;
  border-color: #a7a7a7;
  border-width: 1px; }

.aspNetDisabled,
a.aspNetDisabled,
.dnnDisabled,
a.dnnDisabled {
  color: #ccc;
  cursor: not-allowed;
  text-decoration: none; }

/* Active and Focus States */
.dnnFormItem input[type="text"]:active,
.dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus,
.dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active,
.dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active,
.dnnFormItem select:focus,
.dnnFormItem textarea:active,
.dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active,
.dnnFormItem input[type="search"]:focus {
  background: #fff;
  border: 1px solid rgba(2, 139, 255, 0.5);
  /* blue */
  box-shadow: 0 0 3px 0 rgba(2, 139, 255, 0.4);
  color: #333; }

/* Required Fields */
.required label:after,
legend.required:after {
  display: inline-block;
  margin-top: -2px;
  margin-left: 9px;
  padding: 1px 9px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: rgba(0, 0, 0, 0.03);
  content: "Required";
  font-weight: normal;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
  color: #777; }

/* Error Styles */
.error label,
legend.error {
  color: rgba(255, 0, 0, 0.9);
  /* opaque red */ }

.error input[type="text"],
.error select,
.error textarea,
.error input[type="email"],
.error input[type="search"] {
  border: 1px solid rgba(255, 0, 0, 0.6);
  /* opaque red */
  color: rgba(255, 0, 0, 0.7);
  /* opaque red */ }

/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
  display: inline-block;
  padding: 9px 9px;
  margin-bottom: 9px;
  cursor: pointer;
  min-width: 75px;
  *overflow: visible;
  border: 1px solid #c2c2c2;
  background: #eaeaea;
  border-radius: 3px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  text-align: center; }

.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
  padding: 6px 6px; }

/* Primary Action */
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
  border-color: #0d569e;
  /*dark blue*/
  background: #3792ed;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6), inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
  color: #efefef;
  text-shadow: 0 -1px 0 #185b93; }

.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
  border-color: #0d569e;
  background: #6cb6f3;
  /* Old browsers */
  color: #fff; }

.dnnPrimaryAction:active,
.dnnFormItem input[type="submit"]:active,
a.dnnPrimaryAction:active {
  border-color: #0d569e;
  background: #1f66be;
  /* Old browsers */
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.4);
  color: #fff; }

.dnnPrimaryAction[disabled],
.dnnPrimaryAction[disabled]:hover,
.dnnPrimaryAction[disabled]:active {
  background: #ccc !important;
  border: none !important;
  box-shadow: none !important;
  color: #aaa !important;
  text-shadow: none; }

/* Secondary Action */
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
  background: #f5f5f5;
  /* Old browsers */
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 0 white;
  text-shadow: 0 1px 0 #ffffff;
  color: #333; }

.dnnFormItem button:hover,
.dnnFormItem input[type="button"]:hover,
.dnnFormItem input[type="reset"]:hover,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:hover,
ul.dnnAdminTabNav li a:hover,
.dnnLogin .LoginTabGroup span:hover {
  background: #fefefe;
  /* Old browsers */
  color: #555; }

.dnnFormItem button:active,
.dnnFormItem input[type="button"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnSecondaryAction:active,
a.dnnSecondaryAction:active,
ul.dnnAdminTabNav li a:active {
  border-color: #999;
  background: #c6c6c6;
  /* Old browsers */
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.4); }

/* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
span.dnnPrimaryAction > input[type="image"],
span.dnnSecondaryAction > input[type="image"] {
  display: none; }

span.dnnPrimaryAction > a.dnnPrimaryAction,
span.dnnSecondaryAction > a.dnnSecondaryAction {
  display: inline;
  background: transparent;
  border: none;
  box-shadow: none; }

/* Tertiary Action */
.dnnTertiaryAction,
a.dnnTertiaryAction {
  padding: 10px 10px;
  border: none;
  background: #eaeaea;
  color: #333; }

.dnnTertiaryAction:hover,
a.dnnTertiaryAction:hover {
  background: #f2f2f2; }

.dnnTertiaryAction:active,
a.dnnTertiaryAction:active {
  background: #d8d8d8; }

/* Action Button behind input */
.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
.dnnFormItem input[type="text"] + a.dnnTerriaryAction {
  margin-left: 5px; }

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
  margin: 5px; }

/* text style for buttons and link buttons used in the portal admin pages */
/* button style for standard HTML buttons */
.StandardButton {
  border: 1px solid blue; }

/* Re-set default cursor for disabled elements */
.dnnFormItem button[disabled],
.dnnFormItem input[disabled] {
  cursor: default;
  opacity: 0.5; }

/* Consistent box sizing and appearance */
.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] {
  *width: 13px;
  *height: 13px;
  /*why are we using hacks here*/
  padding: 0;
  box-sizing: border-box; }

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

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

/* Remove inner padding and border in FF3/4: h5bp.com/l */
.dnnFormItem button::-moz-focus-inner,
.dnnFormItem input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */
.dnnFormItem textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
.dnnFormItem input:invalid,
.dnnFormItem textarea:invalid {
  background-color: #f0dddd; }

/* Horizontal taxonomy styles */
.horizontal ul.categories,
.horizontal ul.tags {
  list-style: none; }

/* Vertical taxonomy styles */
.vertical ul.categories,
.vertical ul.tags {
  list-style: none; }

/* TABS : JQUERY UI TABS 1.8.14 */
/* Tabs */
ul.dnnAdminTabNav {
  display: inline-block;
  margin-top: 5px;
  margin-left: 0;
  width: 100%;
  height: 37px;
  border-bottom: 1px solid #c2c2c2;
  padding: 0; }

ul.dnnAdminTabNav li {
  float: left;
  margin-right: 4px;
  list-style: none; }

ul.dnnAdminTabNav li a {
  /* most styles are inherited from typography.css */
  margin-bottom: 0;
  border-bottom: 0;
  box-shadow: none;
  border-radius: 3px 3px 0 0; }

ul.dnnAdminTabNav li.ui-tabs-active a {
  margin-top: -3px;
  padding: 12px 9px 10px 9px;
  background: #fff; }

/* Panels */
.ui-tabs .ui-tabs-panel {
  position: relative;
  display: block; }

.ui-tabs .ui-tabs-hide {
  display: none; }

/* LOGIN TAB GROUP */
.dnnLogin .LoginTabGroup {
  display: inline-block;
  width: 100%;
  height: 37px;
  margin-left: 0;
  margin-top: 5px;
  border-bottom: 1px solid #c2c2c2; }

.dnnLogin .LoginTabGroup span {
  margin-right: 4px;
  margin-bottom: 0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: none; }

.dnnLogin .LoginTabGroup span.LoginTabSelected {
  margin-top: -3px;
  padding: 12px 9px 10px;
  background: none repeat scroll 0 0 #ffffff; }

/* TABS : JQUERY UI RESIZABLE 1.8.14 */
.dnnForm .ui-resizable {
  position: relative; }

.dnnForm .ui-resizable-handle {
  position: absolute;
  display: block;
  z-index: 99999;
  font-size: 0.1px; }

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.dnnForm .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.dnnForm .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.dnnForm .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.dnnForm .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.dnnForm .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.dnnForm .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.dnnForm .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.dnnForm .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

/*

/* FORM ITEMS */
.dnnForm {
  width: 100%; }

.dnnForm fieldset {
  clear: none;
  position: relative;
  margin-bottom: 18px;
  text-align: left;
  border: none; }

.dnnForm fieldset fieldset {
  width: 100%;
  padding: 0;
  margin: 0; }

.dnnForm .dnnFormItem {
  clear: both;
  width: 100%;
  display: block;
  position: relative;
  text-align: left; }

/* Label */
.dnnTooltip {
  position: relative;
  display: block;
  width: 32.075%;
  margin-right: 18px; }

.dnnHelperTip {
  position: relative;
  display: block; }

.dnnDragdropTip {
  z-index: 10000;
  position: absolute;
  width: auto !important;
  height: auto !important;
  padding: 10px;
  padding-left: 30px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.75) url(../../../../../images/pin-icn.png) no-repeat 7px 12px;
  font-size: 11px;
  color: #ddd;
  text-align: left; }

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
  content: "*";
  display: inline-block;
  margin: 0 0 0 5px;
  color: Red;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold; }

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
  display: inline-block;
  width: auto;
  margin: 6px 5px 6px 5px; }

/* Help Label */
a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp {
  color: #333;
  text-decoration: none;
  font-weight: bold; }

a.dnnFormHelp {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 2px;
  width: 14px;
  height: 15px;
  background: url(../../../../../images/helpI-icn-grey.png) no-repeat left 2px;
  padding: 0 !important;
  margin: 0 !important; }

.dnnLabel {
  display: inline-block;
  float: left;
  position: relative;
  width: 32.075%;
  padding-right: 20px;
  margin-right: 18px;
  overflow: visible;
  text-align: right;
  box-sizing: border-box; }

.dnnFormItem > .dnnLabel {
  margin-top: 5px; }

.dnnLabel > span {
  text-align: right; }

.dnnForm .dnnFormItem a.dnnFormHelp span {
  position: relative; }

.dnnForm .dnnFormItem a.dnnFormHelp img {
  display: block; }

.dnnLabel + span {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 6px;
  white-space: pre-line; }

/* Compatible with some old forge modules */
td > .dnnLabel {
  width: 220px; }

/* Help tooltip */
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
  visibility: hidden;
  z-index: 10;
  position: absolute;
  width: 200px;
  padding: 10px;
  padding-left: 30px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 11px;
  color: #ddd;
  text-align: left; }

.dnnFormHelpContent span {
  display: block;
  word-wrap: break-word; }

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
  word-wrap: break-word; }

.bottomArrow:after {
  position: absolute;
  content: "";
  left: 15px;
  bottom: -7px;
  width: 0;
  height: 0;
  opacity: 0.75;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #000; }

.topArrow:before {
  position: absolute;
  content: "";
  left: 15px;
  top: -7px;
  width: 0;
  height: 0;
  opacity: 0.75;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #000; }

a.pinHelp {
  display: block;
  position: absolute;
  left: 7px;
  top: 12px;
  width: 15px;
  height: 15px;
  opacity: 0.5;
  background: url(../../../../../images/pin-icn.png) no-repeat 0 0; }

.ui-draggable a.pinHelp,
a.pinHelp:hover {
  opacity: 1; }

/* Error tooltip */
.dnnFormItem span.dnnFormMessage.dnnFormError {
  display: block;
  position: absolute;
  overflow: visible;
  bottom: 95%;
  right: 12%;
  width: 200px;
  margin-bottom: 0;
  padding: 10px;
  border: none;
  border-radius: 3px;
  background: rgba(255, 0, 0, 0.75);
  font-size: 12px;
  color: #fff;
  text-align: left; }

.dnnFormItem span.dnnFormMessage.dnnFormError:after {
  position: absolute;
  bottom: -7px;
  left: 15px;
  content: "";
  width: 0;
  height: 0;
  opacity: 0.75;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid red; }

/* Input Types */
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea {
  width: 45%;
  max-width: 445px; }

.dnnFormItem select {
  width: 47%; }

.dnnFormItem select option {
  color: #333; }

.dnnFormItem table {
  background: none; }

/* Input Customised Checkbox */
.dnnCheckbox {
  display: inline-block;
  cursor: pointer; }

.dnnCheckbox .mark {
  display: inline-block; }

.dnnCheckbox img {
  display: inline-block;
  width: 20px;
  height: 18px;
  min-width: 20px;
  vertical-align: middle; }

.dnnCheckbox img {
  background: transparent url(../../../../../images/checkbox.png) no-repeat; }

.dnnCheckbox img {
  background-position: 0 0; }

.dnnCheckbox-hover img {
  background-position: 0 0; }

.dnnCheckbox-checked img {
  background-position: -51px 0; }

.dnnCheckbox-disabled {
  cursor: not-allowed; }

.dnnCheckbox-disabled img {
  opacity: 0.5; }

.dnnCheckbox-checked-error img {
  background-position: -150px 0; }

.dnnCheckbox-error img {
  background-position: -100px 0; }

.dnnCheckbox-focus {
  background-color: #e3e3e5; }

.dnnBoxLabel {
  display: inline-block; }

/* normal checkbox fix */
.dnnFormItem input[type="checkbox"].normalCheckBox {
  display: inline-block;
  margin: 8px 0 4px 0; }

/* Input Customised Radiobutton */
.dnnRadiobutton {
  display: inline-block;
  cursor: pointer; }

.dnnRadiobutton .mark {
  display: inline-block; }

.dnnRadiobutton img {
  width: 20px;
  height: 18px;
  min-width: 20px;
  vertical-align: middle; }

.dnnRadiobutton img {
  background: transparent url(../../../../../images/radiobutton.png) no-repeat; }

.dnnRadiobutton img {
  background-position: 0 0; }

.dnnRadiobutton-hover img {
  background-position: 0 0; }

.dnnRadiobutton-checked img {
  background-position: -50px 0; }

.dnnRadiobutton-disabled img {
  opacity: 0.5; }

.dnnRadiobutton-checked-error img {
  background-position: -150px 0; }

.dnnRadiobutton-error img {
  background-position: -100px 0; }

.dnnRadiobutton-focus {
  background-color: #e3e3e5; }

/* Input RadioButton group */
div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons {
  display: inline-block;
  padding: 10px;
  margin-bottom: 5px;
  background-color: #f0f0f0; }

table.dnnFormRadioButtons {
  background-color: #f0f0f0;
  margin-bottom: 5px; }

.RadComboBox_Default .rcbInput {
  width: 100% !important; }

/* general group */
div.dnnFormGroup {
  display: inline-block;
  padding: 10px;
  margin-bottom: 5px;
  background-color: #f0f0f0;
  width: 65%; }

/* Input Customised Spinner */
.dnnSpinner {
  display: inline-block;
  position: relative;
  width: 150px;
  padding: 6px 6px;
  *overflow: visible;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 3px;
  color: #333;
  text-decoration: none;
  box-shadow: 0 1px 0 0 #bbb; }

.dnnFormItem .dnnSpinner {
  width: 45%;
  margin-bottom: 18px; }

.dnnSpinnerDisplay {
  margin: 0 25px 0 8px;
  background: transparent;
  color: #999; }

.dnnFormItem .dnnSpinnerDisplay > input[type="text"],
.dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus {
  border: none;
  margin: 0;
  box-shadow: none;
  padding: 0;
  background: transparent; }

.dnnSpinnerCtrl {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  background-color: transparent;
  border-left: 1px solid #c9c9c9; }

.dnnSpinnerCtrl > a.dnnSpinnerTopButton {
  display: block;
  width: 25px;
  height: 16px;
  background: transparent url(../../../../../images/dnnSpinnerUpArrow.png) no-repeat;
  background-position: center;
  cursor: pointer; }

.dnnSpinnerCtrl > a.dnnSpinnerBotButton {
  display: block;
  width: 25px;
  height: 16px;
  background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat;
  background-position: center;
  cursor: pointer; }

/* Input Customised Tags */
div.dnnTagsInput {
  display: inline-block;
  margin: 0;
  padding: 5px 0 0 5px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); }

.dnnFormItem .dnnTagsInput {
  width: 45%; }

div.dnnTagsInput span.tag {
  display: block;
  float: left;
  padding: 2px 6px 2px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px;
  text-decoration: none;
  color: #888;
  cursor: pointer;
  background-color: #eee;
  max-width: 99%;
  max-width: calc(100% - 5px);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box; }

div.dnnTagsInput span.tag:hover {
  background-color: #e8f1fa;
  color: #444; }

div.dnnTagsInput span.tag a {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 6px 0 0 0;
  background: transparent url(../../../../../images/dnnTagClose.png) no-repeat;
  background-position: center; }

div.dnnTagsInput > div > input,
div.dnnTagsInput > div > input:focus {
  border: none;
  background: transparent;
  outline: none;
  font-weight: normal;
  font-family: helvetica;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  height: 19px;
  padding: 3px 0 3px 3px;
  margin-bottom: 5px; }

div.dnnTagsInput > div > input::-ms-clear {
  display: none; }

div.dnnTagsInput div {
  display: block;
  float: left; }

div.dnnTagsInput div.dnnTags_filter {
  float: right;
  position: relative;
  margin: 0 0 5px 5px; }

div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label {
  display: inline-block;
  border-left: 1px solid #ccc;
  padding: 3px 15px 0 10px;
  margin-right: 3px;
  color: #999;
  cursor: pointer;
  background: url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat;
  background-position: right center;
  height: 22px; }

div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded {
  color: #666;
  background: url(../../../../../images/dnnSpinnerUpArrow.png) no-repeat;
  background-position: right center; }

div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl {
  display: none;
  position: absolute;
  list-style-type: none;
  background: #fff;
  border: 1px solid #c9c9c9;
  right: 22px;
  top: 28px;
  margin: 0;
  border-radius: 3px;
  box-shadow: 0 2px 0 0 #bbb;
  z-index: 15; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li {
  white-space: nowrap;
  padding: 6px 12px 6px 8px;
  border-top: 1px solid #c9c9c9;
  list-style: none;
  color: #666;
  min-width: 150px; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child {
  border-top: none; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover {
  background-color: #e8f1fa;
  color: #333; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  cursor: pointer; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox {
  margin-right: 8px; }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../../../../../images/search/searchButton.png);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: top;
  cursor: pointer;
  margin: 4px 5px 0 4px; }

.dnnTagsClear {
  clear: both;
  width: 100%;
  height: 0; }

div.dnnTagsInput > div > input.dnnTagsInvalid {
  display: block;
  float: left;
  margin-right: 5px;
  border: none;
  outline: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fbd8db;
  /* light red */
  cursor: pointer;
  font-size: 12px;
  color: #90111a !important;
  /* dark red */
  text-decoration: none; }

/* DNN Auto Complete */
.dnn_acResults {
  padding: 0;
  border: 1px solid #c9c9c9;
  background-color: #fff;
  overflow: hidden;
  z-index: 900001;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 2px 0 0 #bbb;
  min-width: 150px; }

.dnn_acResults ul {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style: none; }

.dnn_acResults ul li {
  margin: 0;
  padding: 6px 22px 6px 22px;
  border-top: 1px solid #c9c9c9;
  color: #666;
  cursor: pointer;
  display: block;
  overflow: hidden;
  color: #333; }

.dnn_acResults ul li:first-child {
  border-top: none; }

.dnn_acSelect {
  background-color: #e8f1fa;
  color: #333; }

/* Form Item */
.dnnFormMessage .dnnLabel {
  float: none;
  width: 90%;
  text-align: left; }

/* Pane header */
.dnnFormSectionHead span {
  font-size: 18px;
  color: #222; }

/* Progressbar */
.dnnProgressbar {
  height: 25px !important;
  padding: 18px 10px 0 10px;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 0 0 #fff; }

.ui-progressbar {
  height: 10px !important;
  overflow: hidden;
  background-color: #ccc;
  box-shadow: inset 0 1px 0 0 #bbb;
  text-align: left; }

.ui-progressbar .ui-progressbar-value {
  margin: 0;
  height: 100%;
  background-color: #1a82f7; }

/* Button Dropdown */
.dnnDropdownSettings {
  position: relative;
  height: 30px !important; }

.dnnButtonDropdown {
  width: 50px;
  height: 30px !important;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #bbb;
  border: 1px solid #c9c9c9;
  cursor: pointer; }

.dnnButtonIcon,
.dnnButtonArrow {
  display: inline-block;
  height: 30px !important; }

.dnnButtonIcon {
  width: 32px; }

.dnnButtonArrow {
  width: 10px;
  background: transparent url(../../../../../images/dnnSpinnerDownArrow.png) no-repeat center; }

.dnnButtonDropdown-clicked {
  z-index: 100;
  position: absolute;
  width: 50px;
  height: 30px !important;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-bottom: 1px solid #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.dnnButtonDropdown-ul {
  display: none;
  position: absolute;
  z-index: 99;
  top: 18px;
  left: 0;
  width: 200px;
  margin-left: 0;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-shadow: 0 2px 0 0 #bbb;
  list-style-type: none;
  -moz-padding-start: 0;
  -webkit-padding-start: 0; }

.dnnButtonDropdown-ul > li,
.dnnButtonDropdown-ul > ul > li {
  padding: 8px;
  border-bottom: 1px solid #c9c9c9;
  color: #333;
  cursor: pointer;
  vertical-align: middle;
  list-style: none;
  margin: 0; }

.dnnButtonDropdown-ul > ul {
  margin: 0; }

.dnnButtonDropdown-ul > ul > li {
  padding-left: 16px; }

.dnnButtonDropdown-ul > li:last-child {
  border-bottom: none !important; }

.dnnButtonDropdown-ul > li:hover {
  background-color: #e8f1fa;
  color: #000; }

/* Button Group */
ul.dnnButtonGroup {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #bbb;
  border: 1px solid #c9c9c9;
  cursor: pointer;
  list-style: none; }

ul.dnnButtonGroup > li {
  display: block;
  float: left;
  border-left: 1px solid #c9c9c9;
  margin: 0; }

ul.dnnButtonGroup > li:hover {
  background-color: #e8f1fa; }

ul.dnnButtonGroup > li.dnnButtonGroup-first {
  display: none; }

ul.dnnButtonGroup > li.dnnButtonGroup-first + li {
  border-left: none; }

ul.dnnButtonGroup > li > a {
  display: inline-block;
  padding: 7px 7px 6px 7px;
  text-decoration: none;
  background: #f5f5f5;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4), inset 0 1px 0 0 white;
  text-shadow: 0 1px 0 #ffffff;
  color: #333; }

ul.dnnButtonGroup > li > a.active {
  background: #fff; }

ul.dnnButtonGroup span {
  color: #333; }

/* Grouped Multi Input */
.dnnFormItem .dnnInputGroup {
  float: left;
  display: block;
  width: 32.075%;
  padding: 5px;
  margin-bottom: 18px;
  background: rgba(0, 0, 0, 0.05);
  /* opaque black */ }

.dnnFormItem .dnnInputGroup .dnnLeft {
  width: 100%; }

.dnnFormItem .dnnInputGroup span {
  display: inline-block;
  width: 33%;
  text-align: right; }

/* Error Styles */
.dnnFormError label a span {
  color: red; }

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea {
  border: 1px solid red; }

/* Tertiary Actions */
.dnnFormItem input[type="text"] + .dnnTertiaryAction,
.dnnFormItem input[type="password"] + .dnnTertiaryAction,
.dnnFormItem input[type="email"] + .dnnTertiaryAction,
.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
.dnnFormItem select + .dnnTertiaryAction {
  display: inline-block;
  max-width: 60px; }

/* Information Feedback Aside */
.dnnForm fieldset.dnnFormInformation {
  float: left;
  width: 32.075%;
  margin-left: 16px;
  padding: 18px 0;
  background: rgba(0, 0, 0, 0.05); }

.dnnFormItem textarea {
  min-height: 80px; }

.dnnAddress input[type="checkbox"] {
  margin: 0 5px; }

/* Required Fields */
.dnnFormRadioButtons {
  float: left;
  display: block;
  width: auto; }

.dnnFormRadioButtons input[type="radio"] {
  float: none; }

.dnnFormRadioButtons label,
.dnnFormItem input[type="radio"] + label {
  float: none;
  display: inline;
  width: auto;
  padding-right: 0;
  margin: 0 10px 0 0;
  text-align: left;
  font-weight: normal; }

/* Text Editor */
.dnnTextEditor {
  margin-bottom: 18px; }

/* Action Items */
.dnnActions {
  float: none;
  clear: both;
  display: block;
  /* prevent ul from collapsing */
  margin: 0;
  padding-top: 18px;
  text-align: left; }

.dnnActions li {
  float: left;
  margin-right: 5px;
  list-style: none; }

.dnnLoginActions {
  display: inline-block; }

/* Short Form */
.dnnForm.dnnShortForm .dnnFormItem label {
  float: none;
  width: 100%;
  margin-bottom: 0.25em;
  text-align: left; }

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea {
  float: none;
  text-align: left; }

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp {
  background-position: left;
  padding-left: 22px; }

/* UI Helpers */
.dnnForm .ui-helper-hidden {
  display: none; }

.dnnForm .ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); }

/* Interaction Cues */
.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c;
  color: #363636; }

.dnnForm .ui-state-highlight a,
.dnnForm .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900;
  color: #ffffff; }

.dnnForm .ui-state-error a,
.dnnForm .ui-widget-content .ui-state-error a,
.dnnForm .ui-widget-header .ui-state-error a {
  color: #ffffff; }

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.dnnForm .ui-draggable {
  cursor: move; }

/* Corner radius */
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl {
  border-radius: 4px; }

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr {
  border-radius: 4px; }

/* MODULE TITLE - TEMPORARY */
/* Need to determine what this is */
.ModuleTitle_MenuContainer {
  border: 1px solid blue; }

/* MAIN MENU - TEMPORARY */
/* Need to determine what this is */
.MainMenu_MenuContainer {
  border: 1px solid green; }

/* POPUP */
/* Popup Menu */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999; }

.dnnFormPopup {
  position: absolute;
  padding: 18px;
  background: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
  z-index: 100000; }

/* Popup header */
.dnnFormPopup .ui-dialog-titlebar {
  position: relative;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #ddd;
  cursor: move;
  font-size: 18px;
  font-weight: bold; }

.dnnFormPopup .dnnModalCtrl {
  display: block;
  position: absolute;
  top: -30px;
  right: -30px;
  width: 69px;
  height: 26px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 5px #666; }

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
  float: right;
  display: block;
  height: 18px;
  width: 30px;
  margin: 4px 4px 0 1px;
  overflow: hidden;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border: none;
  outline: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #585858 url(../../../../../images/closeBtn.png) no-repeat;
  background-position: 8px 4px;
  text-indent: -9999em;
  min-width: 0 !important; }

.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
  background: #358eea url(../../../../../images/closeBtn.png) no-repeat;
  background-position: 8px 4px;
  cursor: pointer; }

.dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
  float: left;
  display: block;
  height: 18px;
  width: 30px;
  margin: 4px 0 0 4px;
  overflow: hidden;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #585858 url(../../../../../images/resizeBtn.png) no-repeat;
  background-position: 10px 2px;
  text-indent: -9999em; }

.dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
  background: #358eea url(../../../../../images/resizeBtn.png) no-repeat;
  background-position: 10px 2px; }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
  display: block;
  position: absolute;
  top: -30px;
  right: -30px;
  height: 24px;
  width: 24px;
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #585858 url(../../../../../images/closeBtn.png) no-repeat;
  background-position: 4px 4px;
  border: 3px solid #fff;
  text-indent: -9999em;
  min-width: 0 !important; }

/* Poup Iframe styles*/
.dnnFormPopup #iPopUp {
  width: 100% !important;
  /* to overwrite inline javscript styles */
  padding-top: 10px; }

.dnnFormPopup .ui-dialog-content,
#iPopUp .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0;
  overflow: auto;
  background: #fff;
  zoom: 1; }

.dnnFormPopup .ui-dialog-buttonpane {
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0em 0em;
  overflow: hidden;
  border-width: 1px 0 0 0;
  background-image: none;
  text-align: left;
  border-top: 1px solid #ddd; }

.dnnFormPopup .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0em;
  padding: 0.5em 1em;
  cursor: pointer;
  border: none;
  outline: none; }

.dnnFormPopup .ui-resizable-se {
  float: right;
  height: 24px;
  width: 24px;
  background: url(../../../../../images/modal-resize-icn.png) no-repeat bottom; }

.dnnFormPopup .dnnDialog {
  padding: 10px; }

.dnnLoading {
  background: #fff url(../../../../../images/loading.gif) no-repeat center center;
  position: absolute;
  z-index: 9999; }

.dnnPanelLoading {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-opacity: 0.7;
  opacity: 0.7; }

/* URL ACTION */
.urlControl label {
  width: auto;
  margin-top: 0;
  font-weight: normal; }

.urlControlLinkType {
  width: auto; }

.urlControlLinkType span,
.dnnFormItem .urlControlLinkType span {
  float: none;
  display: block;
  width: auto;
  text-align: left; }

.dnnFormItem .ucLinkTypeRadioButtons label {
  display: inline-block;
  width: 260px;
  padding-right: 0;
  margin-top: 0;
  font-weight: normal;
  text-align: left; }

.urlControlLinkType span input {
  min-width: 3%; }

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label {
  text-align: left; }

.urlControlFileRow {
  clear: both; }

.urlControlFileRow span.dnnFormLabel {
  width: auto;
  text-align: right; }

.urlControlFileRow select,
.urlControlFileRow input[type="file"] {
  clear: both; }

.urlControlImagesRow {
  overflow: hidden;
  clear: both; }

.urlControlImagesRow span.dnnFormLabel {
  width: auto;
  text-align: right; }

.urlControlImagesRow select {
  clear: both; }

/* WIZARD TABS STEPS

/* Jquery UI tabs base */
.dnnWizardTab.ui-tabs {
  position: relative;
  padding: 0; }

.dnnWizardTab.ui-tabs .ui-tabs-nav {
  display: block;
  height: 46px;
  margin: 0;
  padding: 0;
  background: transparent url(../../../../../images/InstallWizardBG.png) repeat-x; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 0 !important;
  list-style: none;
  white-space: nowrap; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer; }

.dnnWizardTab.ui-tabs .ui-tabs-panel {
  clear: both;
  display: block;
  padding: 3em 1em 1.4em;
  border-width: 0;
  background: none; }

.dnnWizardTab.ui-tabs .ui-tabs-hide {
  display: none !important; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li a {
  display: block; }

.dnnWizardStep > span {
  display: block;
  float: left; }

.dnnWizardStep {
  height: 46px;
  padding: 0 0 0 20px;
  background: transparent url(../../../../../images/InstallWizardBG.png) repeat-x;
  background-position: 0 0;
  cursor: pointer; }

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep {
  padding-left: 30px; }

.dnnWizardStepNumber {
  margin: 10px 10px 0 0;
  padding: 3px 8px 3px 8px;
  background-color: #999;
  border-radius: 18px;
  color: #fff;
  font-weight: bold; }

.dnnWizardStepTitle {
  margin: 13px 20px 0 0;
  color: #999;
  font-weight: bold;
  text-decoration: none; }

.dnnWizardStepArrow {
  width: 25px;
  height: 46px;
  background: transparent url(../../../../../images/InstallWizardBG.png) no-repeat;
  background-position: 0 -401px; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep {
  height: 46px;
  background-position: 0 -100px; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber {
  background-color: #333; }

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle {
  color: #333; }

.dnnFormExpandContent {
  margin: 10px 0; }

.dnnFormExpandContent > a {
  color: #333;
  font-size: 13px;
  font-weight: bold; }

/* DNN SIMPLE GRID */
table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid {
  margin-bottom: 20px;
  border: 1px solid #c9c9c9; }

table.dnnPermissionsGrid {
  color: #777; }

table.dnnPermissionsGrid tr.dnnGridHeader td {
  padding: 4px 4px 4px 4px;
  vertical-align: middle;
  line-height: 120%;
  text-align: center; }

table.dnnPermissionsGrid tr.dnnGridItem td,
table.dnnPermissionsGrid tr.dnnGridAltItem td {
  padding: 5px 4px 5px 4px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  width: 70px;
  text-align: center; }

table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader {
  border-right: 1px solid #c9c9c9;
  text-align: left;
  padding-left: 10px;
  width: 150px; }

table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader {
  padding-left: 10px;
  text-align: left; }

.dnnPermissionsGrid > .dnnFormItem label {
  margin-right: 8px;
  color: #777; }

.dnnPermissionsGrid > .dnnFormItem select {
  width: 25%;
  margin: 0 5px 5px 0;
  min-width: 180px;
  color: #777; }

.dnnPermissionsGrid > .dnnFormItem input {
  margin-bottom: 0;
  height: 17px;
  color: #777;
  width: 25%; }

.dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook {
  display: inline-block;
  vertical-align: top; }

.dnnPermissionsGrid > .dnnFormItem > .leftGroup {
  margin-right: 35px;
  float: left; }

.dnnPermissionsGrid > .dnnFormItem > .rightGroup {
  float: left; }

.dnnPermissionsGrid > .dnnFormItem > .rightGroup > .dnnSecondaryAction {
  position: absolute; }

.dnnPermissionsGrid > .dnnFormItem {
  margin-bottom: 18px;
  overflow: auto; }

.dnnGridHeader td,
thead.dnnGridHeader th,
tr.dnnGridHeader th {
  padding: 6px 12px 6px 12px;
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  background: #f0f2f1; }

.dnnGridItem td,
.dnnGridAltItem td {
  padding: 6px;
  border-right: 1px solid #c9c9c9; }

.dnnGridItem td input,
.dnnGridAltItem td input {
  margin-bottom: none; }

.dnnGridAltItem {
  background: #f2f2f2; }

.dnnGridItem:hover,
.dnnGridAltItem:hover {
  background-color: #e8f1fa; }

/* URL Control */
.urlControl {
  float: left;
  display: block;
  padding: 15px;
  margin-bottom: 10px;
  background-color: #f0f0f0; }

.urlControl select,
.urlControl input {
  width: 180px;
  margin-bottom: 10px; }

.urlControl dnnformitem > a.dnnSecondaryAction {
  margin: 10px 10px 0 0;
  float: left; }

.urlControl .urlControlLinkType {
  float: left;
  width: 100%; }

.urlControl .urlControlLinkType .dnnFormLabel {
  float: left;
  width: auto;
  margin-right: 5px; }

.urlControl .urlControlLinkType input[type="radio"] {
  width: auto;
  margin-right: 5px; }

/* File Picker */
span[id$="FileControl"] {
  display: block;
  float: left; }

.dnnFilePicker {
  display: block;
  float: left;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0 15px 0 15px;
  width: 450px; }

.dnnFilePicker .dnnLeft {
  margin: 0;
  padding: 0;
  margin-top: -30px; }

.dnnFilePicker dnnformitem {
  margin: 0;
  margin-top: -10px;
  padding: 0;
  position: static; }

.dnnFilePicker .dnnLeft img {
  max-width: 135px;
  max-height: 100px; }

.dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
  width: 135px;
  height: 100px;
  background-color: #ccc;
  margin: 20px 15px; }

.dnnFilePicker .dnnFormItem span {
  display: block;
  float: left;
  width: 40px;
  margin-top: 8px;
  padding-left: 5px;
  text-align: left; }

.dnnFilePicker select,
.dnnFilePicker input {
  width: 200px;
  margin: 0;
  margin-right: 10px;
  float: none; }

.dnnFilePicker .dnnLeft a.dnnSecondaryAction {
  margin: 10px 10px 0 0;
  display: inline-block; }

.dnnFilePicker .dnnLeft img {
  display: block;
  margin: 20px 15px; }

/* FILE UPLOAD CSS */
span.dnnInputFileWrapper > input[type="file"] {
  /* force file upload style here, cause some module just override */
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
  height: 100%;
  font-size: 200px; }

span.dnnInputFileWrapper {
  /* Notes(by Richard): here must set !important */
  overflow: hidden !important;
  margin: 0 4px 0 0;
  width: auto !important;
  display: block !important;
  float: left !important;
  position: relative; }

span.dnnInputFileWrapper > span.dnnSecondaryAction {
  display: inline-block;
  float: none;
  width: auto; }

/* DNN DRAG n DROP FILE PICKER UPLOAD */
.dnnFileUploadScope {
  display: block;
  float: left;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 0;
  width: 500px; }

.dnnFileUploadScope .dnnLeft {
  margin: 0;
  padding: 15px 10px 15px 10px; }

.dnnFileUploadScope .dnnLeft .dnnFormItem {
  margin-bottom: 10px; }

.dnnFileUploadScope .dnnFormItem span,
.urlControlTab .dnnFormItem > span {
  display: block;
  float: left;
  width: 40px;
  margin-top: 8px;
  padding-left: 5px;
  text-align: left; }

.dnnFileUploadScope .dnnFormItem .dnnDropDownList span {
  margin: 0;
  width: auto; }

.dnnFileUploadScope .dnnFormItem .RadComboBox_Default,
.dnnFileUploadScope .dnnFormItem .dnnDropDownList {
  width: 180px;
  margin: 0;
  float: none; }

.dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
  position: relative;
  margin: 0;
  width: 180px;
  height: 150px;
  background: #d9eeff;
  border: 1px dashed #bbb;
  box-shadow: 0 1px 0 #fff;
  border-radius: 3px;
  color: #4577a2; }

.dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
  display: block;
  position: absolute;
  left: 38px;
  top: 60px;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 7px;
  border-radius: 3px;
  box-shadow: 0 1px 0 #fff, inset 1px 1px 0 #555;
  opacity: 0.5;
  cursor: default;
  transition: all 500ms ease-in-out; }

.dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span {
  opacity: 1; }

input.dnnFixedSizeComboBox {
  width: 200px !important;
  margin-right: 10px;
  float: left; }

div.dnnFixedSizeComboBox {
  width: 218px !important;
  margin-right: 15px;
  float: left; }

.dnnFixedSizeComboBox + a.dnnSecondaryAction {
  float: left;
  margin-right: 10px; }

input.dnnSmallSizeComboBox {
  width: 100px !important;
  margin-right: 10px;
  float: left; }

div.dnnSmallSizeComboBox {
  width: 118px !important;
  margin-right: 15px;
  float: left; }

.dnnSmallSizeComboBox + a.dnnSecondaryAction {
  float: left;
  margin-right: 10px; }

td.dnnGridHeaderTD-NoBorder {
  border-right: none !important; }

tr.dnnGridItem td,
tr.dnnGridAltItem td {
  border-right: none; }

tr.dnnGridItem td input {
  margin-bottom: 0; }

/* ACCORDIAN */
h2.dnnFormSectionHead {
  margin-top: 8px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ddd;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -0.03em; }

h2.dnnFormSectionHead a {
  display: block;
  padding-left: 3px;
  background: url(../../../../../images/down-icn.png) no-repeat right 50%;
  text-decoration: none;
  color: #333;
  font-size: 18px;
  letter-spacing: normal;
  font-weight: normal; }

h2.dnnFormSectionHead a:hover {
  color: #222;
  background: rgba(2, 139, 255, 0.05) url(../../../../../images/down-icn.png) no-repeat right 50%; }

h2.dnnFormSectionHead a.dnnSectionExpanded {
  background: url(../../../../../images/up-icn.png) no-repeat right 50%;
  color: #222; }

h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
  color: #222;
  background: rgba(2, 139, 255, 0.05) url(../../../../../images/up-icn.png) no-repeat right 50%;
  /* ACTIVE BLUE */ }

/* VERTICAL TABS */
.dnnVerticalTabs {
  margin-left: 0; }

.dnnVerticalTabs li {
  list-style: none; }

.dnnVerticalTabs li a {
  display: block;
  padding: 15px 15px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.04);
  color: #999;
  text-decoration: none; }

.dnnVerticalTabs li a:hover {
  background: rgba(0, 0, 0, 0.06);
  color: #333; }

.dnnVerticalTabs li.active a {
  background: none;
  color: #333;
  border-right: 1px solid transparent; }

.tabBody {
  display: none; }

/* SCROLL BAR */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  background: #ccc; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 11px;
  background: #ccc; }

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: transparent;
  position: relative; }

.jspVerticalBar .jspTrack {
  width: 10px;
  margin: 0 0 0 3px; }

.jspHorizontalBar .jspTrack {
  height: 5px;
  margin: 3px 0 3px 0; }

.jspVerticalBar .jspCap {
  display: block;
  height: 3px;
  width: 11px; }

.jspHorizontalBar .jspCap {
  display: block;
  width: 3px;
  height: 11px; }

.jspDrag {
  position: relative;
  top: 0;
  left: 0;
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  opacity: 0.75;
  background: #000;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 5px; }

/* UPGRADE FIXES */
/* Compatible with some old forge modules */
div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label {
  display: inline !important; }

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton {
  display: inline !important; }

div.ModDNNAnnouncementsC .urlControl label,
div.ModDNNLinksC .urlControl label {
  display: inline !important; }

div.ModDNNFAQsC .Normal {
  width: auto !important; }

div.ModDNNFeedbackC .dnnFormItem > label {
  display: inline-block;
  width: 33%;
  text-align: right; }

div.ModDNNUserDefinedTableC div.RadEditor {
  height: auto !important; }

div.ModDNNUserDefinedTableC ul.dnnActions {
  display: block; }

div.ModDNNIFrameC .urlControl span.dnnRadiobutton {
  display: inline !important; }

div.ModDNNIFrameC table.Normal td .dnnLabel {
  width: 100px; }

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton {
  margin: 5px 0 0 30px; }

div.ModDNNLinksC .urlControl span.dnnRadiobutton {
  display: inline !important; }

/* GENERIC CLASSES */
.left {
  float: left; }

.right {
  float: right; }

.dnnLeft {
  float: left; }

.dnnRight {
  float: right; }

.dnnClear {
  clear: both; }

.dnnClear:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0; }

* + html .dnnClear {
  min-height: 1%; }

/* used to set the different module align options - from module settings */
.DNNAlignleft {
  text-align: left; }

.DNNAlignright {
  text-align: right; }

.DNNAligncenter {
  text-align: center; }

/* used to collapse panes without any content in them */
.DNNEmptyPane {
  width: 0; }

/* style to apply if the content should be hidden */
.Hidden {
  display: none; }

.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */ }

/* Edit In Place Tool Bar Classes */
.eipbackimg {
  position: absolute;
  margin-top: -32px;
  white-space: nowrap;
  background: url(../../../../../images/eip_toolbar.png) repeat-x;
  height: 32px;
  z-index: 1; }

.eipbackimg.editMode {
  border: 1px solid #777777 !important;
  opacity: 0.8; }

.eipbackimg.containerTitle {
  margin-top: -8px; }

.eipbackimg.containerTitle.editMode {
  left: auto;
  right: 0;
  margin-top: 2px;
  background: none !important;
  border: none !important; }

.eipbuttonbackimg {
  width: 32px;
  height: 32px;
  cursor: pointer;
  float: left;
  background: url(../../../../../images/eip_toolbar.png) no-repeat; }

.eipbackimg.editMode .eipbuttonbackimg {
  border-left: 1px solid #1f1f1f;
  border-right: 1px solid #393939;
  opacity: 0.5; }

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
  border: none;
  opacity: 1; }

.eipbuttonbackimg.eipbutton_cancel {
  background-position: -32px 0; }

.eipbuttonbackimg.eipbutton_bold {
  background-position: -64px 0; }

.eipbuttonbackimg.eipbutton_italic {
  background-position: -96px 0; }

.eipbuttonbackimg.eipbutton_underline {
  background-position: -128px 0; }

.eipbuttonbackimg.eipbutton_justifyleft {
  background-position: -160px 0; }

.eipbuttonbackimg.eipbutton_justifycenter {
  background-position: -192px 0; }

.eipbuttonbackimg.eipbutton_justifyright {
  background-position: -224px 0; }

.eipbuttonbackimg.eipbutton_orderedlist {
  background-position: -256px 0; }

.eipbuttonbackimg.eipbutton_unorderedlist {
  background-position: -288px 0; }

.eipbuttonbackimg.eipbutton_outdent {
  background-position: -320px 0; }

.eipbuttonbackimg.eipbutton_indent {
  background-position: -352px 0; }

.eipbuttonbackimg.eipbutton_createlink {
  background-position: -384px 0; }

.eipbackimg.containerTitle .eipbutton_cancel {
  background: url(../../../../../images/eip_title_cancel.png) no-repeat center center; }

.eipbutton_edit {
  background: url(../../../../../images/eip_edit.png) no-repeat 100% center;
  float: left; }

.eipbutton_save {
  background: url(../../../../../images/eip_save.png) no-repeat 100% center;
  float: left; }

.eipbackimg.containerTitle .eipbutton_save {
  background-image: url(../../../../../images/eip_title_save.png); }

.eipbackimg.editMode .eipborderhover {
  background-color: #333;
  opacity: 1; }

.eipbackimg.editMode.containerTitle .eipborderhover {
  background-color: inherit; }

div[id$="titleLabel_tb"].visible ~ span {
  margin-left: 32px; }

/* Critical Error Popup */
div.errorWin p {
  margin: 0 0 10px 0; }

input[type="button"].rspCollapseBarSpacer {
  min-width: 0;
  padding: 0 0; }

/* DEFAULT PROFILE STYLE */
.UserProfileControls ul li {
  list-style-type: none; }

/* PROFILE STYLE */
.console.profile {
  /*width: 250px;*/
  width: 100% !important;
  /* updated for responsive*/
  height: auto;
  background-color: #484848;
  /* Menu Background Color */ }

.console.profile .console-none div {
  cursor: pointer;
  cursor: hand;
  float: left;
  height: auto;
  /*width: 250px;*/
  width: 100% !important;
  /* updated for responsive*/
  padding: 0;
  margin: 0;
  text-align: left; }

.console.profile .console-none h3 {
  padding: 10px 8px 10px 40px;
  margin: 0;
  border-bottom: solid 1px #fff;
  background: url("../../../../images/arrow-right-white.png") 18px center no-repeat;
  color: #eee;
  font-size: 13px;
  line-height: 1;
  font-weight: bold; }

.console.profile .console-none div div {
  display: none; }

.console.profile .console-mouseon {
  background-color: #70b1c7;
  /* Menu Hover Background Color */ }

/* Login/register/reset paswsword controls in mobile view */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView {
  margin: 0;
  padding: 0;
  width: 100%;
  height: inherit !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
  margin: 0;
  box-shadow: none;
  padding: 10px 0 10px 0; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary {
  padding: 10px; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm {
  width: 100%;
  padding: 18px 0 0 0;
  margin: 0;
  float: none;
  min-width: inherit !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm {
  width: 100%;
  margin: 0;
  float: none;
  min-width: inherit !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
  display: block;
  text-align: left;
  float: none;
  width: 100% !important;
  font-size: 14px;
  margin: 0 0 7px 0;
  vertical-align: top;
  padding: 0; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration {
  display: none; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha {
  width: 100%; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img {
  display: block;
  margin: 0 0 5px 0; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp {
  display: none !important;
  width: 0 !important;
  margin: 0 !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip {
  display: none !important;
  width: 0 !important;
  position: static !important;
  right: 0 !important;
  margin: 0 !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"] {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100% !important;
  border-radius: 0;
  box-shadow: none;
  max-width: 100% !important;
  margin-bottom: 18px;
  min-width: 100% !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > label#dnn_ctr_Login_Login_DNN_lblLogin {
  display: none !important;
  width: 0;
  margin: 0; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError {
  border-radius: 0;
  box-shadow: none;
  right: 0;
  width: auto;
  max-width: 100%;
  padding: 10px; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction {
  width: 45%;
  padding: 18px 0 18px 0;
  display: block;
  float: left;
  margin: 0 5px 0 0; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe {
  display: block;
  float: left;
  margin: 10px 0 0 5px; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions {
  display: block; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction {
  width: 100%;
  padding: 18px 0 18px 0;
  display: block; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions {
  padding: 0; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li {
  width: 45%; }

/* password strength control in iPopup */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container {
  width: 100%;
  margin: 0 0 12px 0;
  padding: 8px 0 8px 0;
  display: block;
  max-width: inherit !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"] {
  display: block;
  margin: 0 8px 0 8px;
  width: calc(100% - 20px);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
  max-width: inherit !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text {
  display: block;
  margin: 5px 0 5px 8px; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter {
  float: none;
  width: 90%;
  margin: 0 0 0 8px; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched {
  background: none !important; }

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip {
  display: none !important; }

.mobileView .dnnFormPopup .ui-dialog-content,
.mobileVie #iPopUp .ui-dialog-content {
  max-height: none !important; }

.mobileView .ui-widget-overlay {
  display: none; }

.dnnFormPopup.dnnFormPopupMobileView {
  width: auto !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  box-shadow: none !important; }

.dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
  display: none; }

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar {
  border-bottom: none;
  cursor: inherit;
  font-size: 22px;
  color: #000;
  padding: 5px 0 0 0; }

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
  display: block;
  text-align: left;
  float: none;
  width: auto !important;
  font-size: 14px;
  margin: 0 0 7px 0;
  vertical-align: top; }

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100% !important;
  border-radius: 0;
  box-shadow: none;
  max-width: inherit !important; }

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea,
.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100% !important;
  border-radius: 0;
  box-shadow: none;
  max-width: inherit !important; }

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100% !important;
  border-radius: 0;
  box-shadow: none;
  max-width: inherit !important; }

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100% !important;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 18px;
  max-width: inherit !important; }

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox {
  display: inline-block;
  margin: 0 5px 0 12px; }

.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError {
  right: 0;
  width: auto;
  border-radius: 0;
  text-align: right;
  max-width: 100%; }

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
  width: 49%;
  margin: 0;
  padding: 20px 0 20px 0;
  display: block; }

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction {
  float: left; }

.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
  float: right; }

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane {
  border-top: none; }

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none; }

.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction {
  width: 24%;
  display: inline-block;
  margin-right: 1%;
  float: none; }

.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 25px 0 15px 0; }

html.mobileView {
  overflow: auto !important; }

.mobileView .dnnFormPopup .ui-dialog-content,
.mobileView #iPopUp .ui-dialog-content {
  max-height: none !important; }

.dnnPlaceholder {
  color: #666; }

/* DNN Slider Input Style */
div.dnnSliderInput {
  position: relative;
  display: inline-block;
  width: 47%;
  margin: 15px 0 23px 0;
  max-width: 445px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  height: 10px; }

div.dnnSliderInput .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 14px;
  height: 14px;
  cursor: default;
  border: 1px solid #aaaaaa;
  background-color: #cccccc;
  font-weight: normal;
  color: #555555;
  outline: none;
  top: -2px;
  margin-left: -7px;
  box-sizing: border-box; }

div.dnnSliderInput .dnnTooltip {
  top: -37px;
  margin-left: -22px; }

div.dnnSliderInput .dnnTooltip .dnnFormHelpContent {
  visibility: visible;
  padding: 4px 10px;
  width: 25px;
  text-align: center;
  z-index: 1; }

/* END DNN Slider Input Style */
/* Form elements
  ---------------------------------- */
/* Authentication styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS
   ========================================================================== */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #DASHBOARD
   ========================================================================== */
/* Base
  =========================================== */
.eds_news_Sistemi .user_dashboard {
  padding: 8px 16px;
  margin-bottom: 16px;
  background-color: #f5f5f5;
  border: solid 1px #dedede; }

.eds_news_Sistemi .user_dashboard > a {
  display: inline-block;
  height: 25px;
  padding-left: 29px;
  margin-right: 16px;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  color: #1c1b1b;
  background-repeat: no-repeat; }

.eds_news_Sistemi .user_dashboard .add_article {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/green_plus.png"); }

.eds_news_Sistemi .user_dashboard .article_manager {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/papers.png");
  background-position-y: 1px; }

.eds_news_Sistemi .user_dashboard .approve_articles {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/approve_articles.png");
  background-position-y: 1px; }

.eds_news_Sistemi .user_dashboard .approve_comments {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/approve_comments.png");
  background-position-y: 2px; }

.eds_news_Sistemi .user_dashboard .category_manager {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/categories.png");
  background-position-y: 2px; }

.eds_news_Sistemi .user_dashboard .dashboard {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/monitor.png");
  background-position-y: 3px; }

.eds_news_Sistemi .user_dashboard .settings {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/settings.png");
  background-position-y: 1px; }

.eds_news_Sistemi .user_dashboard .author_profile {
  background-image: url("images/vendor/easydnnnews/common/user_dashboard/profile.png");
  background-position-y: 1px; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #PAGINATION
   ========================================================================== */
/* Base
  =========================================== */
.ednMoreArticlesTriggerWrapper {
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: center; }

/**
 * Load more button
 */
.ednMoreArticlesTriggerWrapper > .trigger {
  margin: 0;
  vertical-align: baseline;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  position: relative;
  padding: 0 30px;
  height: 48px;
  min-width: 190px;
  font-size: 13px;
  font-weight: 600;
  line-height: 46px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #5B5E6D;
  border: 1px solid #dedede;
  background-color: transparent;
  transition: 0.25s;
  transition-property: border-color, background-color, color, opacity; }
  .ednMoreArticlesTriggerWrapper > .trigger:hover, .ednMoreArticlesTriggerWrapper > .trigger:focus {
    outline: none;
    color: #5B5E6D; }
  .ednMoreArticlesTriggerWrapper > .trigger:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #dedede;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform 0.25s ease-in; }
  .ednMoreArticlesTriggerWrapper > .trigger:hover:before {
    transform: scaleY(1);
    transform-origin: center bottom; }

.ednMoreArticlesTriggerWrapper > .trigger > .actionTextContainer {
  position: relative;
  z-index: 1; }

.ednMoreArticlesTriggerWrapper > .trigger > .loadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: opacity 0.25s ease;
  background-color: #dedede; }

/**
 * Spinner
 *
 * Spinner icon generated with css and animated with keyframes
 */
.ednMoreArticlesTriggerWrapper > .trigger > .loadingOverlay:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border-top: 2px solid #D4AF37;
  border-right: 2px solid transparent;
  -webkit-animation: spin 0.5s linear infinite;
          animation: spin 0.5s linear infinite; }

/**
 * State changes
 * We hide certain texts and button elements based on current button status (clicked, loading etc.)
 */
.ednMoreArticlesTriggerWrapper .loadingOverlay > span {
  display: none; }

.ednMoreArticlesTriggerWrapper.loading .actionTextContainer {
  opacity: 0; }

.ednMoreArticlesTriggerWrapper.loading .loadingOverlay {
  top: 0;
  opacity: 1; }

.ednMoreArticlesTriggerWrapper.hide {
  display: none; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #PAGINATION
   ========================================================================== */
/* Article pager
  =========================================== */
.article_pager {
  text-align: center;
  padding-bottom: 32px; }
  .article_pager > a {
    text-decoration: none; }
  .article_pager .page {
    padding: 5px 10px;
    border: 1px solid #064789;
    margin: 5px;
    color: #064789; }
    .article_pager .page:hover, .article_pager .page:focus {
      color: #fff;
      background-color: #04244A; }
  .article_pager .active {
    background-color: #064789;
    color: #fff; }
  .article_pager .prev {
    margin-right: 5px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #064789;
    margin: 5px;
    color: #064789; }
    .article_pager .prev:hover, .article_pager .prev:focus {
      color: #fff;
      background-color: #04244A; }
  .article_pager .next {
    padding: 0 5px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #064789;
    margin: 5px;
    color: #064789; }
    .article_pager .next:hover, .article_pager .next:focus {
      color: #fff;
      background-color: #04244A; }
  .article_pager .first,
  .article_pager .last {
    display: none; }
  .article_pager .prev svg,
  .article_pager .next svg {
    fill: #064789;
    height: 12px;
    width: 12px; }
  .article_pager .prev:hover svg, .article_pager .prev:focus svg,
  .article_pager .next:hover svg,
  .article_pager .next:focus svg {
    fill: #fff; }

/* List styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-ARTICLE-CARD
   ========================================================================== */
/* Layout
  =========================================== */
.c-article-list--card-layout > .edn__articleListWrapper,
.c-article-list--card-layout > [class$="_article_list_wrapper"],
.c-article-list--card-layout > [class*="_article_list_wrapper "] {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1; }
  @media print {
    .c-article-list--card-layout > .edn__articleListWrapper,
    .c-article-list--card-layout > [class$="_article_list_wrapper"],
    .c-article-list--card-layout > [class*="_article_list_wrapper "] {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .c-article-list--card-layout > .edn__articleListWrapper,
    .c-article-list--card-layout > [class$="_article_list_wrapper"],
    .c-article-list--card-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  @media \0screen {
    .c-article-list--card-layout > .edn__articleListWrapper,
    .c-article-list--card-layout > [class$="_article_list_wrapper"],
    .c-article-list--card-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  .c-article-list--card-layout > .edn__articleListWrapper:before, .c-article-list--card-layout > .edn__articleListWrapper:after,
  .c-article-list--card-layout > [class$="_article_list_wrapper"]:before,
  .c-article-list--card-layout > [class$="_article_list_wrapper"]:after,
  .c-article-list--card-layout > [class*="_article_list_wrapper "]:before,
  .c-article-list--card-layout > [class*="_article_list_wrapper "]:after {
    content: '';
    display: table;
    display: flex; }
  .c-article-list--card-layout > .edn__articleListWrapper:after,
  .c-article-list--card-layout > [class$="_article_list_wrapper"]:after,
  .c-article-list--card-layout > [class*="_article_list_wrapper "]:after {
    clear: both; }

.c-article-list__item--card-layout {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 40px; }
  @media \0screen {
    .c-article-list__item--card-layout {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--card-layout {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-list__item--card-layout {
      padding-left: 24px; } }
  @media (min-width: 30.625em) {
    .c-article-list__item--card-layout {
      display: block;
      flex-basis: 50%;
      min-width: 50%;
      max-width: 50%; } }
  @media \0screen {
    .c-article-list__item--card-layout {
      display: block;
      width: 50%; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--card-layout {
      display: block;
      flex-basis: 33.33333%;
      min-width: 33.33333%;
      max-width: 33.33333%; } }
  @media \0screen {
    .c-article-list__item--card-layout {
      display: block;
      width: 33.33333%; } }

/* Base
  =========================================== */
/**
 * Article card
 */
.c-article-card__media {
  position: relative;
  margin-bottom: 16px;
  background-color: #dedede; }

.c-article-card__image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.c-article-card__label {
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 2.16667;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px 10px;
  background-color: #D4AF37;
  color: #f5f5f5; }

.c-article-card__title {
  font-weight: 700;
  color: #000; }
  .c-article-card__title:hover, .c-article-card__title:focus {
    color: #D4AF37; }

.c-article-card__title-link {
  color: currentColor; }
  .c-article-card__title-link:hover, .c-article-card__title-link:focus {
    text-decoration: none;
    color: #D4AF37; }

/**
 * Animations
 */
.c-article-card:not(.c-article-card--no-filter) .c-article-card__image {
  transition: filter 0.5s ease; }

.c-article-card:hover:not(.c-article-card--no-filter) .c-article-card__image {
  filter: brightness(95%) contrast(95%); }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-ARTICLE-FEED
   ========================================================================== */
/* Layout
  =========================================== */
.c-article-list--feed-layout > .edn__articleListWrapper,
.c-article-list--feed-layout > [class$="_article_list_wrapper"],
.c-article-list--feed-layout > [class*="_article_list_wrapper "] {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1; }
  @media print {
    .c-article-list--feed-layout > .edn__articleListWrapper,
    .c-article-list--feed-layout > [class$="_article_list_wrapper"],
    .c-article-list--feed-layout > [class*="_article_list_wrapper "] {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .c-article-list--feed-layout > .edn__articleListWrapper,
    .c-article-list--feed-layout > [class$="_article_list_wrapper"],
    .c-article-list--feed-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  @media \0screen {
    .c-article-list--feed-layout > .edn__articleListWrapper,
    .c-article-list--feed-layout > [class$="_article_list_wrapper"],
    .c-article-list--feed-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  .c-article-list--feed-layout > .edn__articleListWrapper:before, .c-article-list--feed-layout > .edn__articleListWrapper:after,
  .c-article-list--feed-layout > [class$="_article_list_wrapper"]:before,
  .c-article-list--feed-layout > [class$="_article_list_wrapper"]:after,
  .c-article-list--feed-layout > [class*="_article_list_wrapper "]:before,
  .c-article-list--feed-layout > [class*="_article_list_wrapper "]:after {
    content: '';
    display: table;
    display: flex; }
  .c-article-list--feed-layout > .edn__articleListWrapper:after,
  .c-article-list--feed-layout > [class$="_article_list_wrapper"]:after,
  .c-article-list--feed-layout > [class*="_article_list_wrapper "]:after {
    clear: both; }

.c-article-list__item--feed-layout {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }
  @media \0screen {
    .c-article-list__item--feed-layout {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--feed-layout {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-list__item--feed-layout {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--feed-layout {
      display: block;
      flex-basis: 33.33333%;
      min-width: 33.33333%;
      max-width: 33.33333%; } }
  @media \0screen {
    .c-article-list__item--feed-layout {
      display: block;
      width: 33.33333%; } }
  .c-article-list__item--feed-layout:not(:last-child) {
    margin-bottom: 40px; }

.c-article-list__item--couple-layout {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }
  @media \0screen {
    .c-article-list__item--couple-layout {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--couple-layout {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-list__item--couple-layout {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--couple-layout {
      display: block;
      flex-basis: 50%;
      min-width: 50%;
      max-width: 50%; } }
  @media \0screen {
    .c-article-list__item--couple-layout {
      display: block;
      width: 50%; } }
  .c-article-list__item--couple-layout:not(:last-child) {
    margin-bottom: 28px; }

.c-article-list__item--couple-layout {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }
  @media \0screen {
    .c-article-list__item--couple-layout {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--couple-layout {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-list__item--couple-layout {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--couple-layout {
      display: block;
      flex-basis: 33.33333%;
      min-width: 33.33333%;
      max-width: 33.33333%; } }
  @media \0screen {
    .c-article-list__item--couple-layout {
      display: block;
      width: 33.33333%; } }
  .c-article-list__item--couple-layout:not(:last-child) {
    margin-bottom: 28px; }

.c-article-list__item--solo-layout {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }
  @media \0screen {
    .c-article-list__item--solo-layout {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--solo-layout {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-list__item--solo-layout {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-list__item--solo-layout {
      display: block;
      flex-basis: 100%;
      min-width: 100%;
      max-width: 100%; } }
  @media \0screen {
    .c-article-list__item--solo-layout {
      display: block;
      width: 100%; } }
  .c-article-list__item--solo-layout:not(:last-child) {
    margin-bottom: 28px; }

/* Base
  =========================================== */
/**
 * Article feed
 */
.c-article-feed__media-container {
  position: relative;
  display: block;
  margin-bottom: 15px;
  width: 100%;
  min-height: 1px;
  box-sizing: border-box;
  cursor: pointer; }

.c-article-feed__media {
  position: relative;
  margin-bottom: 0;
  background-color: #dedede; }

.c-article-feed__image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

img.c-article-feed__image:before {
  height: 0;
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 69.04762%;
  background-image: url("/Portals/_default/Skins/Kastela/images/brand/placeholder.png");
  background-size: 100% 100%; }

.c-article-feed__content {
  display: block;
  min-height: 1px;
  box-sizing: border-box;
  color: #1c1b1b; }

.c-article-feed__title {
  font-weight: 700;
  color: #1c1b1b; }
  .c-article-feed__title:hover, .c-article-feed__title:focus {
    color: #c2a034; }

.c-article-list__item--couple-layout .c-article-feed__title {
  font-size: 16px; }

.c-hero .c-article-feed__title {
  color: #fff; }

.c-hero .c-article-feed__content {
  color: #fff; }
  .c-hero .c-article-feed__content p {
    line-height: 1.5; }

.c-article-feed__title-link {
  color: #064789; }
  .c-article-feed__title-link:hover, .c-article-feed__title-link:focus {
    text-decoration: none;
    color: #c2a034; }

.c-page-section--blue-bg .c-article-feed__title-link {
  color: #1c1b1b; }

.c-article-feed__summary p {
  line-height: 1.5; }

.c-article-feed__meta {
  position: absolute;
  bottom: -2px;
  left: 0; }

.c-article-feed__date {
  font-size: 13px;
  color: #064789;
  background: #fff;
  padding: 4px 8px 2px 0;
  font-weight: 300; }

/**
 * Animations
 */
.c-article-feed:not(.c-article-feed--no-filter) .c-article-feed__image {
  transition: filter 0.5s ease; }

.c-article-feed:hover:not(.c-article-feed--no-filter) .c-article-feed__image {
  filter: brightness(95%) contrast(95%); }

/**
* More Button
*/
.c-article-list__more-btn {
  text-align: center; }

.c-article-list__btn {
  border: 1px solid rgba(255, 255, 255, 0.7);
  padding: 10px 20px;
  transition: ease 0.5s;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500; }
  .c-article-list__btn svg {
    width: 12px;
    height: 12px;
    fill: rgba(255, 255, 255, 0.7);
    margin-left: 5px;
    transition: ease 0.5s; }
  .c-article-list__btn:hover, .c-article-list__btn:focus {
    text-decoration: none;
    color: #D4AF37;
    border: 1px solid #D4AF37; }
    .c-article-list__btn:hover svg, .c-article-list__btn:focus svg {
      fill: #D4AF37; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-ARTICLE-featured
   ========================================================================== */
/* Layout
  =========================================== */
.c-article-featured__content {
  background: rgba(6, 71, 137, 0.85); }
  @media (min-width: 46.25em) {
    .c-article-featured__content {
      position: absolute;
      top: 0;
      left: 0;
      width: 33.3333%;
      height: 100%;
      text-align: right;
      padding: 24px; } }
  @media (min-width: 78em) {
    .c-article-featured__content {
      padding-left: 80px; } }

/* Base
  =========================================== */
/**
 * Article featured
 */
@media (min-width: 46.25em) {
  .c-article-featured__image {
    width: 100%; } }

.c-article-featured__meta {
  position: relative;
  margin-top: -43px;
  margin-bottom: 16px; }
  @media (min-width: 46.25em) {
    .c-article-featured__meta {
      margin-top: auto;
      margin-bottom: auto; } }

.c-article-featured__date {
  font-size: 13px;
  color: #1c1b1b;
  background: #D4AF37;
  padding: 4px;
  font-weight: 700; }

.c-article-featured__title {
  margin-top: 4px;
  font-size: 16px; }
  @media (min-width: 61.25em) {
    .c-article-featured__title {
      font-size: 28px; } }

.c-article-featured__title-link {
  color: #fff;
  font-weight: 700; }
  .c-article-featured__title-link:hover, .c-article-featured__title-link:focus {
    text-decoration: none; }

.c-article-featured__summary {
  display: none;
  color: #fff;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.5; }
  @media (min-width: 61.25em) {
    .c-article-featured__summary {
      display: block; } }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-ANNOUNCEMENT-CARD
   ========================================================================== */
/* Layout
  =========================================== */
.c-announcement-list--card-layout > .edn__articleListWrapper,
.c-announcement-list--card-layout > [class$="_article_list_wrapper"],
.c-announcement-list--card-layout > [class*="_article_list_wrapper "] {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1; }
  @media print {
    .c-announcement-list--card-layout > .edn__articleListWrapper,
    .c-announcement-list--card-layout > [class$="_article_list_wrapper"],
    .c-announcement-list--card-layout > [class*="_article_list_wrapper "] {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .c-announcement-list--card-layout > .edn__articleListWrapper,
    .c-announcement-list--card-layout > [class$="_article_list_wrapper"],
    .c-announcement-list--card-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  @media \0screen {
    .c-announcement-list--card-layout > .edn__articleListWrapper,
    .c-announcement-list--card-layout > [class$="_article_list_wrapper"],
    .c-announcement-list--card-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  .c-announcement-list--card-layout > .edn__articleListWrapper:before, .c-announcement-list--card-layout > .edn__articleListWrapper:after,
  .c-announcement-list--card-layout > [class$="_article_list_wrapper"]:before,
  .c-announcement-list--card-layout > [class$="_article_list_wrapper"]:after,
  .c-announcement-list--card-layout > [class*="_article_list_wrapper "]:before,
  .c-announcement-list--card-layout > [class*="_article_list_wrapper "]:after {
    content: '';
    display: table;
    display: flex; }
  .c-announcement-list--card-layout > .edn__articleListWrapper:after,
  .c-announcement-list--card-layout > [class$="_article_list_wrapper"]:after,
  .c-announcement-list--card-layout > [class*="_article_list_wrapper "]:after {
    clear: both; }

.c-announcement-list__item--card-layout {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 30px; }
  @media \0screen {
    .c-announcement-list__item--card-layout {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-announcement-list__item--card-layout {
      padding-left: 24px; } }
  @media \0screen {
    .c-announcement-list__item--card-layout {
      padding-left: 24px; } }
  @media (min-width: 30.625em) {
    .c-announcement-list__item--card-layout {
      display: block;
      flex-basis: 50%;
      min-width: 50%;
      max-width: 50%; } }
  @media \0screen {
    .c-announcement-list__item--card-layout {
      display: block;
      width: 50%; } }
  @media (min-width: 78em) {
    .c-announcement-list__item--card-layout {
      display: block;
      flex-basis: 50%;
      min-width: 50%;
      max-width: 50%; } }

.c-announcement-list {
  padding-top: 32px; }

/* Base
  =========================================== */
/**
 * Article card
 */
.c-announcement-card {
  min-height: 100%;
  padding: 20px;
  border: solid 1px #dedede;
  border-left-color: #D4AF37;
  border-left-width: 4px;
  background-color: white;
  transition: border-color 0.5s ease, background-color 0.5s ease; }

.c-announcement-card__meta {
  display: inline-block;
  margin-bottom: 10px; }

.c-announcement-card__date {
  font-size: 13px;
  color: #1c1b1b;
  background: #D4AF37;
  padding: 2px 5px;
  font-weight: 700; }

.c-announcement-card__title {
  font-weight: 500;
  color: #000; }
  .c-announcement-card__title:hover, .c-announcement-card__title:focus {
    color: #D4AF37; }

.c-announcement-card__title-link {
  color: currentColor; }
  .c-announcement-card__title-link:hover, .c-announcement-card__title-link:focus {
    text-decoration: none;
    color: #D4AF37; }

.c-announcement-card__category {
  font-weight: 700;
  font-size: 12px;
  color: #D4AF37;
  text-transform: uppercase; }
  @media (min-width: 46.25em) {
    .c-announcement-card__category {
      margin-left: 8px;
      display: inline-block; } }
  .c-announcement-card__category span {
    margin-right: 8px;
    display: inline-block; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-ANNOUNCEMENT-SIMPLE
   ========================================================================== */
/* Layout
  =========================================== */
.c-announcement-list__item--simple-layout {
  margin-bottom: 19px; }

/* Base
  =========================================== */
/**
 * Article simple
 */
.c-announcement-simple {
  min-height: 100%;
  padding: 8px 12px;
  border-left: solid 2px #D4AF37;
  background: #fff;
  transition: border-color 0.5s ease, background-color 0.5s ease; }

.c-announcement-simple__meta {
  display: inline-block;
  margin-bottom: 8px 12px; }

.c-announcement-simple__date {
  font-size: 12px;
  color: #fff;
  background: #D4AF37;
  padding: 2px 5px;
  font-weight: 700; }

.c-announcement-simple__title {
  margin-bottom: 5px;
  font-weight: 700;
  color: #1c1b1b;
  font-size: 14px; }
  .c-announcement-simple__title:hover, .c-announcement-simple__title:focus {
    color: #c2a034; }

.c-announcement-simple__title-link {
  color: currentColor; }
  .c-announcement-simple__title-link:hover, .c-announcement-simple__title-link:focus {
    text-decoration: none;
    color: #c2a034; }

.c-announcement-simple__category {
  display: inline-block;
  margin-left: 8px;
  font-weight: 700;
  font-size: 12px;
  color: #D4AF37;
  text-transform: uppercase; }
  .c-announcement-simple__category span {
    margin-left: 8px; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-NO-IMAGE
   ========================================================================== */
/* Layout
  =========================================== */
/* Base
  =========================================== */
.c-article-list__item--no-image {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.5;
  margin-bottom: 16px; }

.c-article__link--no-image {
  color: #D4AF37; }
  .c-article__link--no-image:hover, .c-article__link--no-image:focus {
    color: #427AA1;
    text-decoration: none; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #LIST-ARTICLE-carousel-CARD
   ========================================================================== */
/* Layout
  =========================================== */
.c-article-list--carousel-card-layout > .edn__articleListWrapper,
.c-article-list--carousel-card-layout > [class$="_article_list_wrapper"],
.c-article-list--carousel-card-layout > [class*="_article_list_wrapper "] {
  clear: both;
  flex-wrap: wrap;
  display: flex;
  margin-left: -16px;
  zoom: 1; }
  @media print {
    .c-article-list--carousel-card-layout > .edn__articleListWrapper,
    .c-article-list--carousel-card-layout > [class$="_article_list_wrapper"],
    .c-article-list--carousel-card-layout > [class*="_article_list_wrapper "] {
      display: inherit; } }
  @media (min-width: 46.25em) {
    .c-article-list--carousel-card-layout > .edn__articleListWrapper,
    .c-article-list--carousel-card-layout > [class$="_article_list_wrapper"],
    .c-article-list--carousel-card-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  @media \0screen {
    .c-article-list--carousel-card-layout > .edn__articleListWrapper,
    .c-article-list--carousel-card-layout > [class$="_article_list_wrapper"],
    .c-article-list--carousel-card-layout > [class*="_article_list_wrapper "] {
      margin-left: -24px; } }
  .c-article-list--carousel-card-layout > .edn__articleListWrapper:before, .c-article-list--carousel-card-layout > .edn__articleListWrapper:after,
  .c-article-list--carousel-card-layout > [class$="_article_list_wrapper"]:before,
  .c-article-list--carousel-card-layout > [class$="_article_list_wrapper"]:after,
  .c-article-list--carousel-card-layout > [class*="_article_list_wrapper "]:before,
  .c-article-list--carousel-card-layout > [class*="_article_list_wrapper "]:after {
    content: '';
    display: table;
    display: flex; }
  .c-article-list--carousel-card-layout > .edn__articleListWrapper:after,
  .c-article-list--carousel-card-layout > [class$="_article_list_wrapper"]:after,
  .c-article-list--carousel-card-layout > [class*="_article_list_wrapper "]:after {
    clear: both; }

.c-article-list__item--carousel-card-layout {
  margin-right: 0;
  margin-bottom: 40px; }
  @media (min-width: 30.625em) {
    .c-article-list__item--carousel-card-layout {
      margin-right: 24px; } }

/* Base
  =========================================== */
/**
 * Article carousel-card
 */
.c-article-carousel-card__media {
  margin-bottom: 0; }

.c-article-carousel-card__image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.c-article-carousel-card__content {
  padding: 16px;
  background: #fff;
  color: #064789;
  font-weight: 700; }

.c-article-carousel-card__title {
  font-weight: 700;
  color: #064789;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44; }
  .c-article-carousel-card__title:hover, .c-article-carousel-card__title:focus {
    color: #D4AF37; }

.c-article-carousel-card__summary {
  color: #5B5E6D; }
  .c-article-carousel-card__summary a {
    color: #5B5E6D; }

.c-article-carousel-card__summary-intro {
  color: #323648; }

.c-article-carousel-card__title-link {
  color: currentColor; }
  .c-article-carousel-card__title-link:hover, .c-article-carousel-card__title-link:focus {
    text-decoration: none;
    color: #D4AF37; }

.c-article-carousel-card__nav {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  margin-left: -25px; }

.c-article-carousel-card__nav--prev, .c-article-carousel-card__nav--next {
  position: relative;
  margin: 0;
  width: 50px; }
  .c-article-carousel-card__nav--prev:before, .c-article-carousel-card__nav--next:before {
    color: #064789;
    opacity: 1; }

.c-article-carousel-card__nav--prev {
  display: inline-block; }

.c-article-carousel-card__nav--next {
  display: inline-block; }

.slick-dots {
  display: inline-block;
  position: relative;
  width: auto;
  bottom: 9px;
  margin-left: 0; }

/**
 * Animations
 */
.c-article-carousel-card:not(.c-article-carousel-card--no-filter) .c-article-carousel-card__image {
  transition: filter 0.5s ease; }

.c-article-carousel-card:hover:not(.c-article-carousel-card--no-filter) .c-article-carousel-card__image {
  filter: brightness(95%) contrast(95%); }

.c-article-more-button {
  position: absolute;
  top: 5px;
  right: 70px;
  display: none;
  color: #064789;
  text-decoration: none; }
  @media (min-width: 30.625em) {
    .c-article-more-button {
      display: block; } }
  @media (min-width: 46.25em) {
    .c-article-more-button {
      top: 10px;
      right: 70px; } }
  .c-article-more-button:hover, .c-article-more-button:focus {
    text-decoration: none; }

.c-article-more-button__text {
  color: #064789;
  font-weight: bold;
  display: inline-block;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714; }
  .c-article-more-button__text:hover, .c-article-more-button__text:focus {
    text-decoration: none; }

.c-article-more-button__icon {
  width: 15px;
  height: 12px;
  display: inline-block;
  fill: #064789; }

/* Detail styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / #DETAIL-ARTICLE
   ========================================================================== */
/* Layout
  =========================================== */
.c-article-detail__aside-col {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px; }
  @media \0screen {
    .c-article-detail__aside-col {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-detail__aside-col {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-detail__aside-col {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-detail__aside-col {
      display: block;
      flex-basis: 25%;
      min-width: 25%;
      max-width: 25%; } }
  @media \0screen {
    .c-article-detail__aside-col {
      display: block;
      width: 25%; } }

.c-article-detail__main-col {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%; }
  @media \0screen {
    .c-article-detail__main-col {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-detail__main-col {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-detail__main-col {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-detail__main-col {
      display: block;
      flex-basis: 66.66667%;
      min-width: 66.66667%;
      max-width: 66.66667%; } }
  @media \0screen {
    .c-article-detail__main-col {
      display: block;
      width: 66.66667%; } }
  @media (min-width: 46.25em) {
    .c-article-detail__main-col {
      padding-left: 40px; } }

.c-article-detail__wrapper {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin: 0 auto; }
  @media \0screen {
    .c-article-detail__wrapper {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-detail__wrapper {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-detail__wrapper {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-detail__wrapper {
      display: block;
      flex-basis: 75%;
      min-width: 75%;
      max-width: 75%; } }
  @media \0screen {
    .c-article-detail__wrapper {
      display: block;
      width: 75%; } }

.c-article-detail__main-wrapper {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin: 0 auto; }
  @media \0screen {
    .c-article-detail__main-wrapper {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .c-article-detail__main-wrapper {
      padding-left: 24px; } }
  @media \0screen {
    .c-article-detail__main-wrapper {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .c-article-detail__main-wrapper {
      display: block;
      flex-basis: 75%;
      min-width: 75%;
      max-width: 75%; } }
  @media \0screen {
    .c-article-detail__main-wrapper {
      display: block;
      width: 75%; } }

/* Base
  =========================================== */
/**
 * Article head
 */
.c-article-detail__head {
  background-color: #EDF5FA;
  padding-bottom: 40px;
  margin-bottom: 40px; }

.c-article-detail__head--alternate {
  background-color: #fff;
  padding-bottom: 0; }
  .c-article-detail__head--alternate .c-article-detail__title {
    color: #1c1b1b; }

.c-article-detail__back-button {
  font-weight: 700;
  color: #064789;
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 2.16667; }
  .c-article-detail__back-button:hover, .c-article-detail__back-button:focus {
    text-decoration: none;
    color: #D4AF37; }

.c-article-detail__title {
  font-weight: 700;
  margin-bottom: 16px;
  color: #064789; }
  @media (min-width: 61.25em) {
    .c-article-detail__title {
      margin-bottom: 32px; } }

.c-article-detail__subtitle {
  font-weight: 500;
  margin-top: -8px;
  margin-bottom: 16px;
  color: #5B5E6D; }
  @media (min-width: 61.25em) {
    .c-article-detail__subtitle {
      margin-top: -15px;
      margin-bottom: 32px; } }

.c-article-detail__media {
  margin-bottom: 0; }

.c-article-detail__image {
  width: 100%; }

.c-article-detail__gallery {
  margin-bottom: 16px; }
  @media (min-width: 61.25em) {
    .c-article-detail__gallery {
      margin-bottom: 40px; } }

.c-article-detail__body {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 16px;
  word-wrap: break-word; }
  @media (min-width: 61.25em) {
    .c-article-detail__body {
      margin-bottom: 40px; } }

/* Article aside section
  =========================================== */
.c-article-detail__date {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dedede; }

/**
 * Article categories
 */
.c-article-detail-category, .c-article-detail-tags {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dedede; }

.c-article-detail-category__title, .c-article-detail-tags__title {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.625;
  color: #064789; }

.c-article-detail-category__list, .c-article-detail-tags__list {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714; }
  .c-article-detail-category__list a, .c-article-detail-tags__list a {
    color: #151F6D; }

/**
 * Article share
 */
.c-article-detail-share {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dedede; }
  .c-article-detail-share > ul {
    margin-bottom: 0; }

.c-article-detail-share__icon {
  height: 24px;
  width: 24px;
  fill: #6D6F7B; }
  .c-article-detail-share__icon--facebook {
    fill: #365397; }
  .c-article-detail-share__icon--mail {
    fill: #D4AF37; }

/* Article resource
  =========================================== */
.c-article-resource-list:empty {
  display: none; }

.c-article-resource-list__item {
  margin-bottom: 32px; }

.c-article-resource-list__title {
  font-weight: 700; }

/* Gallery styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / GALLERY / #GALLERY-SLICK
   ========================================================================== */
/* Base
  =========================================== */
.c-gallery-slick {
  margin-bottom: 64px; }

/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / GALLERY / #GALLERY-FOTORAMA
   ========================================================================== */
/* Base
  =========================================== */
.c-gallery-fotorama {
  margin-bottom: 40px; }

.c-gallery-fotorama__download {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0; }
  .fotorama__loaded .c-gallery-fotorama__download {
    display: block; }

.fotorama__stage__frame > img {
  margin-bottom: 40px; }

.c-gallery-fotorama__download-link {
  display: block;
  padding: 8px 16px;
  font-size: 16px; }
  .c-gallery-fotorama__download-link:hover, .c-gallery-fotorama__download-link:focus {
    text-decoration: none; }

.c-gallery__download-link {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #EDF5FA;
  padding: 3px 6px;
  color: #064789;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer; }
  .c-gallery__download-link:hover, .c-gallery__download-link:focus {
    opacity: 1;
    transition: 0.5s; }

/* Documents styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / DOCUMENTS / #DOCUMENTS
   ========================================================================== */
/* Layout
  =========================================== */
.c-article-document-list__item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #dedede; }

/* Base
  =========================================== */
.c-article-document {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  color: #D4AF37;
  align-items: center; }
  .c-article-document:hover, .c-article-document:focus {
    text-decoration: none;
    color: #064789; }

.c-article-document__icon {
  height: 24px;
  width: 24px;
  fill: #064789; }

.c-article-document__title {
  margin-bottom: 2px;
  color: #064789;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714;
  font-weight: 500; }

.c-article-document__description {
  margin-bottom: 4px;
  color: #5B5E6D; }
  .c-article-document__description:empty {
    display: none; }

.c-article-document__meta {
  margin-bottom: 4px;
  color: #5B5E6D; }

/* Links styles
  ---------------------------------- */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / LINKS / #LINKS
   ========================================================================== */
/* Base
  =========================================== */
.c-article-link-list__item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #dedede; }

.c-article-link {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44;
  color: #064789;
  align-items: center; }
  .c-article-link:hover, .c-article-link:focus {
    text-decoration: none;
    color: #064789; }

.c-article-link__icon {
  height: 24px;
  width: 24px;
  fill: #064789; }

.c-article-link__title {
  margin-bottom: 2px;
  color: #064789;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714;
  font-weight: 500; }

.c-article-link__description {
  margin-bottom: 4px;
  color: #5B5E6D;
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 2.16667; }
  .c-article-link__description:empty {
    display: none; }

.c-article-link__meta {
  margin-bottom: 4px;
  color: #5B5E6D; }

/* ==========================================================================
   COMPONENTS / 2SXC
   ========================================================================== */
/* ==========================================================================
   COMPONENTS / 2SXC / #SHARED
   ========================================================================== */
/* Base
  ============================================ */
/**
 * Hides 2sxc controls for adding
 * content blocks / modules to page
 *
 */
.sc-content-block-menu {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/* List styles
  ---------------------------------- */
.c-2sxc-layout__text .co-heading {
  font-weight: 700; }

.c-2sxc-layout__text .co-text ul li ul {
  margin-top: 16px;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714; }

.c-2sxc-layout__text .co-text.Body a {
  color: #151F6D;
  border-bottom: 2px solid #151F6D; }
  .c-2sxc-layout__text .co-text.Body a:hover {
    color: #427AA1;
    text-decoration: none;
    border-bottom: 2px solid #427AA1; }

.c-2sxc-layout__text .co-text.Body ul {
  margin-left: 0; }

.c-2sxc-layout__text .co-text.Body li {
  padding-left: 20px;
  list-style: none;
  margin-bottom: 16px; }
  .c-2sxc-layout__text .co-text.Body li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px;
    margin-left: -20px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #064789; }

.c-2sxc-layout__text .co-text.Body h1 {
  font-size: 40px;
  font-size: 2.22222rem;
  line-height: 1.2;
  font-weight: 700; }

.c-2sxc-layout__text .co-text.Body h2 {
  font-size: 34px;
  font-size: 1.88889rem;
  line-height: 1.18;
  font-weight: 700; }

.c-2sxc-layout__text .co-text.Body h3 {
  font-size: 28px;
  font-size: 1.55556rem;
  line-height: 1.21;
  font-weight: 700; }

.c-2sxc-layout__text .co-text.Body h4 {
  font-size: 22px;
  font-size: 1.22222rem;
  line-height: 1.21;
  font-weight: 700; }

/* Detail styles
  ---------------------------------- */
.sc-viewport.sc-content-block .sc-menu li a {
  border-bottom: none; }

.sc-viewport.sc-content-block .sc-menu li:before {
  content: "";
  display: none; }

.sc-viewport.sc-content-block a {
  color: #151F6D;
  border-bottom: 2px solid #151F6D; }
  .sc-viewport.sc-content-block a:hover {
    color: #427AA1;
    text-decoration: none;
    border-bottom: 2px solid #427AA1; }

.sc-viewport.sc-content-block ul {
  margin-left: 0; }

.sc-viewport.sc-content-block li {
  padding-left: 20px;
  list-style: none;
  margin-bottom: 16px; }
  .sc-viewport.sc-content-block li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px;
    margin-left: -20px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #064789; }

/* Persons styles
  ---------------------------------- */
.co-person {
  background: #f5f5f5;
  padding: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  border-bottom: 2px solid #064789; }
  .co-person h4 {
    font-size: 18px;
    margin-bottom: 0; }
  .co-person a {
    text-decoration: none;
    border-bottom: 0 !important;
    font-size: 14px; }
  .co-person p {
    margin-top: 10px;
    line-height: 20px; }
  .co-person .co-p {
    margin-bottom: 5px; }

.sc-content-block h1 {
  font-weight: bold;
  font-size: 22px; }

.co-person__function {
  line-height: 24px; }

.co-p__up {
  margin-bottom: 8px; }

.co-person-wrapper__title {
  margin-bottom: 0; }

.co-person__image {
  border-radius: 50%; }

/* ==========================================================================
   2SXC / #MOBIUS-FORM
   ========================================================================== */
/* Layout
  =========================================== */
/* #region 2sx form */
.c-2sxc-form {
  background-color: #e1e1e1;
  margin: 32px 0 !important; }
  .c-2sxc-form .c-form__wrapper {
    padding-bottom: 0;
    padding-top: 0; }
  .c-2sxc-form .c-form-control {
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 2.16667;
    padding: 3px 10px !important; }
  .c-2sxc-form .c-form__title {
    font-size: 1.33333rem;
    line-height: 1.21;
    font-weight: 600;
    color: #064789; }
  .c-2sxc-form .c-form-group {
    display: block !important;
    margin-bottom: 8px; }
    .c-2sxc-form .c-form-group .c-control-label {
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 1.5;
      width: 100%; }
    .c-2sxc-form .c-form-group .c-form-control {
      width: 100%;
      border: 1px solid #c4c4c4;
      font-size: 18px;
      font-size: 1rem;
      line-height: 1.44;
      padding: 1px 10px; }
      .c-2sxc-form .c-form-group .c-form-control.required {
        border-left: 1px solid red; }
      .c-2sxc-form .c-form-group .c-form-control .textarea {
        resize: vertical; }
      .c-2sxc-form .c-form-group .c-form-control:focus {
        outline: none;
        border: 1px solid #064789 !important;
        box-shadow: 0 0 5px #064789; }
    .c-2sxc-form .c-form-group .c-btn {
      padding: auto 40px; }
  .c-2sxc-form hr {
    margin: 20px auto 20px !important; }

.c-2sxc-form {
  background: none;
  padding: 0 !important; }

.app-jqfs-wrapper {
  margin: 0 !important; }

/* #endregion */
/* TODO
  ---------------------------------- */
/*
// messaging system with dismiss button
.c-form__messages {
    position: absolute;
    // top: $global-spacing-unit-large*2;
    top: 0; left: 0;
    bottom: 0; right: 0;
    margin-top: 60px;
    
    .alert{
        padding: $global-spacing-unit;
        color: white;
        height: 100%;

    }
    
    .alert-success {
        background: rgba(green, 0.6);
    }
    .alert-warning {
        background: rgba(orange, 0.6);
    }
    .alert-danger {
        background: rgba(red, 0.6);
    }
}
*/
.link-card__item-wrapper {
  position: relative;
  float: left;
  box-sizing: border-box;
  flex: 1 1 0%;
  padding-left: 16px;
  display: block;
  flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 8px; }
  @media \0screen {
    .link-card__item-wrapper {
      min-width: 0 !important; } }
  @media (min-width: 46.25em) {
    .link-card__item-wrapper {
      padding-left: 24px; } }
  @media \0screen {
    .link-card__item-wrapper {
      padding-left: 24px; } }
  @media (min-width: 46.25em) {
    .link-card__item-wrapper {
      display: block;
      flex-basis: 33.33333%;
      min-width: 33.33333%;
      max-width: 33.33333%; } }
  @media \0screen {
    .link-card__item-wrapper {
      display: block;
      width: 33.33333%; } }
  @media (min-width: 61.25em) {
    .link-card__item-wrapper {
      display: block;
      flex-basis: 25%;
      min-width: 25%;
      max-width: 25%; } }
  @media \0screen {
    .link-card__item-wrapper {
      display: block;
      width: 25%; } }
  @media (min-width: 46.25em) {
    .link-card__item-wrapper {
      margin-bottom: 40px; } }

.link-card__item {
  background: linear-gradient(174.51deg, #F0F7FF 12.45%, rgba(137, 193, 250, 0) 152.03%), #EDF5FA; }

.link-card__link {
  display: flex;
  border-bottom: 0 !important;
  color: #064789; }
  .link-card__link:hover {
    color: #04244A;
    text-decoration: none; }

.link-card__image {
  flex: 1;
  background: rgba(6, 71, 137, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px; }

.link-card__title {
  flex: 3;
  padding: 16px 8px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.625;
  font-weight: 700; }

.frontpage-hero__slider-title {
  position: absolute;
  bottom: 0;
  padding: 30px;
  width: 100%;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
  font-size: 38px;
  font-size: 2.11111rem;
  line-height: 1.36842;
  font-family: "merriweather", serif;
  font-weight: 700;
  font-style: italic; }

/* ==========================================================================
   COMPONENTS / Document Exchange - DMX
   ========================================================================== */
/* ==========================================================================
   COMPONENTS / EASY-DNN-NEWS / DOCUMENTS / #DOCUMENTS
   ========================================================================== */
/* Layout
  =========================================== */
.c-dmx-document-list__item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #dedede; }

/* Base
  =========================================== */
.c-dmx-document {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.44444;
  color: #064789;
  align-items: center; }
  .c-dmx-document:hover, .c-dmx-document:focus {
    text-decoration: none;
    color: #c2a034; }

.c-dmx-breadcrumb {
  margin-bottom: 16px;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714; }
  .c-dmx-breadcrumb .o-media__img {
    margin-right: 2px; }
  .c-dmx-breadcrumb__icon {
    height: 16px;
    width: 16px;
    fill: #064789; }
    .c-dmx-breadcrumb__icon:hover, .c-dmx-breadcrumb__icon:focus {
      fill: #D4AF37; }
  .c-dmx-breadcrumb__icon--white {
    fill: #fff; }

.c-dmx-document__icon {
  height: 18px;
  width: 18px;
  fill: #064789; }
  .c-dmx-document__icon:hover, .c-dmx-document__icon:focus {
    fill: #D4AF37; }
  .c-dmx-document:hover .c-dmx-document__icon,
  .c-dmx-document:focus .c-dmx-document__icon {
    fill: #D4AF37; }

.c-dmx-document__title {
  margin-bottom: 2px;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714; }

.c-dmx-document__description {
  margin-bottom: 4px;
  color: #5B5E6D; }
  .c-dmx-document__description:empty {
    display: none; }

.c-dmx-document__meta {
  margin-bottom: 4px;
  color: #5B5E6D; }

.c-article-detail__head .c-dmx-breadcrumb {
  margin-bottom: 0; }

.c-dmx-breadcrumb__title {
  font-weight: 700;
  margin-bottom: 16px;
  color: #064789; }

.c-page-section__sidebar .c-dmx-document-list__item {
  margin-bottom: 6px;
  padding-bottom: 6px; }
  .c-page-section__sidebar .c-dmx-document-list__item .o-media__img {
    width: 16px;
    height: 16px; }
  .c-page-section__sidebar .c-dmx-document-list__item .c-dmx-document__meta {
    display: none; }

/* ==========================================================================
   COMPONENTS / DMX / TABLE LIST / #TABLE
   ========================================================================== */
/* Layout
  =========================================== */
@media (max-width: 77.99em) {
  .c-dmx-document-table__wrap {
    overflow-x: scroll; } }

.c-dmx-document-table {
  min-width: 1200px;
  margin-bottom: 40px; }

.c-dmx-document-table__item td {
  padding: 10px;
  border-bottom: 1px solid #064789; }

.c-dmx-document-table__item .c-dmx-document__icon:hover, .c-dmx-document-table__item .c-dmx-document__icon:focus {
  fill: #064789; }

.c-dmx-document-table__item:nth-child(even) {
  background-color: #f5f5f5; }

.c-dmx-document__title {
  color: #064789;
  font-weight: 500; }
  .c-dmx-document__title:hover, .c-dmx-document__title:focus {
    color: #D4AF37;
    text-decoration: none; }

.c-dmx-document-table__icon-wrap {
  width: 40px; }

.c-dmx-document-table__head-item {
  padding: 10px;
  text-align: left;
  color: #064789;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.625; }

.c-dmx-document-table__custom-fields {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.85714;
  font-weight: 500; }

/*
.TreeView {
    background-color: rgba(134, 134, 134, 0.1)!important;
    padding: 20px!important;
    margin-bottom: 30px;
  }
  
  table.TreeNode:last-child {
    margin-bottom: 0;
  }

  .TreeNode, .HoverTreeNode {
    font-size: 14px!important;
    font-family: "Open Sans"!important;
    text-decoration: none!important;
    padding: 0!important;
    cursor: pointer;
  }

  .TreeNode, .HoverTreeNode {
    font-size: 14px!important;
    font-family: inferit!important;
    text-decoration: none!important;
    padding: 0!important;
    cursor: pointer;
  }
*/
/*
td.dmxicon-16-collection-gif {
  margin-left: 10px;
  margin-right: 10px;
}
*/
td[class^="dmxicon-16-"] {
  margin: 0 10px; }

.TreeNode > tbody > tr {
  display: flex;
  justify-content: flex-start;
  align-items: center; }

.TreeView {
  background-color: rgba(134, 134, 134, 0.1) !important;
  padding: 20px;
  margin-bottom: 30px; }

.GrayedTreeNode, .HoverTreeNode, .SelectedTreeNode, .TreeNode, .comboGrayedTreeNode, .comboHoverTreeNode, .comboSelectedTreeNode, .comboTreeNode {
  font-family: inherit;
  color: #064789;
  font-weight: 500;
  margin-bottom: 2px !important;
  font-size: 0.77778rem;
  word-wrap: break-word;
  white-space: normal;
  padding: 0 !important;
  cursor: default;
  text-decoration: none !important; }

table.TreeNode tbody tr td {
  line-height: 1.2rem !important;
  padding: 5px 0; }

.SelectedTreeNode, .comboSelectedTreeNode {
  background-color: transparent;
  cursor: default; }

.TreeNode > tbody > tr > td:nth-child(4) {
  width: auto; }

.TreeNode > tbody > tr > td:nth-child(5) {
  width: auto; }

.TreeNode > tbody > tr > td > div > nobr {
  white-space: normal; }

/*
  .GrayedTreeNode,,.SelectedTreeNode,.TreeNode,.comboGrayedTreeNode,.comboHoverTreeNode,.comboSelectedTreeNode,.comboTreeNode {
    font-family: inherit;
    color: color(brand-alt);
    font-weight: 500;
    margin-bottom: 2px!important;
    font-size: 0.77778rem;
    word-wrap:break-word;
    white-space: normal;
    padding: 0!important;
    cursor: pointer;
    text-decoration: none!important;
  }

  .HoverTreeNode {
    color:color(brand);
    cursor: pointer;
  }
*/
.ModBring2mindDMXC {
  margin-bottom: 40px;
  padding-bottom: 0; }
  .ModBring2mindDMXC .input-group {
    display: flex;
    padding: 16px;
    background-color: #f5f5f5; }
  .ModBring2mindDMXC input {
    flex: 1 0 80%;
    margin-right: 8px;
    padding: 4px;
    font-size: 22px;
    font-size: 1.22222rem;
    line-height: 1.21;
    border-color: #c4c4c4 !important; }
  .ModBring2mindDMXC .input-group-addon {
    flex: 1 0 20%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    background-color: #427AA1;
    border: 1px solid #427AA1; }
    .ModBring2mindDMXC .input-group-addon a {
      color: white; }
    .ModBring2mindDMXC .input-group-addon:hover, .ModBring2mindDMXC .input-group-addon:focus {
      background-color: #D4AF37;
      border-color: #D4AF37;
      cursor: pointer; }
      .ModBring2mindDMXC .input-group-addon:hover a, .ModBring2mindDMXC .input-group-addon:focus a {
        text-decoration: none; }
  @media (max-width: 30.615em) {
    .ModBring2mindDMXC .input-group {
      flex-wrap: wrap;
      padding: 8px; }
    .ModBring2mindDMXC input {
      flex: 1;
      margin: 0; }
    .ModBring2mindDMXC .input-group-addon {
      flex: 1;
      margin: 0;
      padding: 0;
      margin-top: 8px; } }

/* #region DMX search results*/
.c-dmx_search_results {
  width: 100%;
  margin-top: 8px; }
  .c-dmx_search_results table.dmxSearchResults th {
    background: #dedede;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1.5;
    text-transform: lowercase;
    font-variant: small-caps; }
  .c-dmx_search_results .c-dmx-search-result__collection, .c-dmx_search_results .c-dmx-search-result__file-icon, .c-dmx_search_results .c-dmx-search-result__raw-link {
    display: none; }
  .c-dmx_search_results .c-dmx-search-result__summary, .c-dmx_search_results .c-dmx-search-result__additional-info {
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1.5;
    color: #6D6F7B; }
  .c-dmx_search_results .c-dmx-search-result__date {
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1.5;
    text-align: center; }
  .c-dmx_search_results a {
    color: #064789; }
    .c-dmx_search_results a:hover, .c-dmx_search_results a:focus {
      text-decoration: none;
      color: #04244A; }
  .c-dmx_search_results .dmxSearchResultsPager {
    background-color: transparent !important; }
    .c-dmx_search_results .dmxSearchResultsPager table {
      margin: auto;
      width: auto; }
      .c-dmx_search_results .dmxSearchResultsPager table td {
        display: table-cell;
        padding: 2px;
        text-align: center;
        vertical-align: middle;
        width: 52px;
        height: 52px; }
      .c-dmx_search_results .dmxSearchResultsPager table span, .c-dmx_search_results .dmxSearchResultsPager table a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: white; }
      .c-dmx_search_results .dmxSearchResultsPager table span {
        background-color: rgba(91, 94, 109, 0.5); }
      .c-dmx_search_results .dmxSearchResultsPager table a {
        background-color: #064789; }
        .c-dmx_search_results .dmxSearchResultsPager table a:hover, .c-dmx_search_results .dmxSearchResultsPager table a:focus {
          background-color: #04244A; }

          .DnnModule-EasyDNNnewsSearch {
            width: 100%;
            padding: 10px 5px;
            background-color: #ddd;
          }
          .DnnModule-EasyDNNnewsSearch .input {
            width: 90%;
          }
          .DnnModule-EasyDNNnewsSearch .search_input {
            display: flex;
          }
          
          .DnnModule-EasyDNNnewsSearch  .acInput {
            margin: 0;
            width: 100%;
            padding: 5px;
            border: 1px solid #c9c9c9;
            border-radius: 3px;
            background: #FFF;
            vertical-align: top;
            box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 30%);
            position: relative;
            display: block;
            padding-right: 10px;
            min-height: 50px;
            box-shadow: none!important;
          }
/* #endregion */

/*# sourceMappingURL=skin.css.map */