@import url(https://fonts.googleapis.com/css?family=Cormorant:600&subset=latin-ext);

@font-face {
  font-family: 'RobotoLight';
  src: url(../fonts/roboto-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-light-webfont.woff) format("woff"), url(../fonts/roboto-light-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'ModernistRegular';
  src: url(../fonts/sk-modernist-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/sk-modernist-regular-webfont.woff?=v5) format("woff"), url(../fonts/sk-modernist-regular-webfont.ttf?=v5) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'ModernistBold';
  src: url(../fonts/sk-modernist-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/sk-modernist-bold-webfont.woff?=v5) format("woff"), url(../fonts/sk-modernist-bold-webfont.ttf?=v5) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'ModernistLight';
  src: url(../fonts/sk-modernist-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/sk-modernist-light-webfont.woff?=v5) format("woff"), url(../fonts/sk-modernist-light-webfont.ttf?=v5) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'FontAwesome';
  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'IconsFont';
  src: url(../fonts/iconsfont-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/iconsfont-webfont.woff?=v2) format("woff"), url(../fonts/iconsfont-webfont.ttf?=v2) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'LeagueGothic';
  src: url(../fonts/leaguegothic-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/leaguegothic-regular-webfont.woff) format("woff"), url(../fonts/leaguegothic-regular-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Lobster';
  src: url(../fonts/lobster-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/lobster-webfont.woff) format("woff"), url(../fonts/lobster-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

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

body {
  margin: 0
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

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

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

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

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

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 3em;
  margin: .77em 0
}

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

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

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

figure {
  margin: 1em 40px
}

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

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

button[disabled],
html input[disabled] {
  cursor: not-allowed
}

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

input {
  line-height: normal
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

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

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

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

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

td,
th {
  padding: 0
}

.foundation-mq {
  font-family: "small=0em&medium=40em&normal=53.75em&large=64em&xlarge=80em&xxlarge=90em"
}

html {
  font-size: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

body {
  padding: 0;
  margin: 0;
  font-family: "RobotoLight", sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: #222;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0
}

select {
  width: 100%;
  border-radius: 0
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1
}

[data-whatinput="mouse"] button {
  outline: 0
}

.is-visible {
  display: block !important
}

.is-hidden {
  display: none !important
}

.row,
.sidebar .box .row-box {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.row .row,
.sidebar .box .row-box .row,
.row .sidebar .box .row-box,
.sidebar .box .row .row-box,
.sidebar .box .row-box .row-box {
  margin-left: -1rem;
  margin-right: -1rem
}

@media screen and (min-width:40em) {

  .row .row,
  .sidebar .box .row-box .row,
  .row .sidebar .box .row-box,
  .sidebar .box .row .row-box,
  .sidebar .box .row-box .row-box {
    margin-left: -.5rem;
    margin-right: -.5rem
  }
}

.row.expanded,
.sidebar .box .expanded.row-box {
  max-width: none
}

.row.collapse>.column,
.sidebar .box .collapse.row-box>.column,
.row.collapse>.columns,
.sidebar .box .collapse.row-box>.columns {
  padding-left: 0;
  padding-right: 0
}

.row.is-collapse-child,
.sidebar .box .is-collapse-child.row-box,
.row.collapse>.column>.row,
.sidebar .box .collapse.row-box>.column>.row,
.row.collapse>.columns>.row,
.sidebar .box .collapse.row-box>.columns>.row,
.sidebar .box .row.collapse>.column>.row-box,
.sidebar .box .collapse.row-box>.column>.row-box,
.sidebar .box .row.collapse>.columns>.row-box,
.sidebar .box .collapse.row-box>.columns>.row-box {
  margin-left: 0;
  margin-right: 0
}

.column,
.columns {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: initial
}

@media screen and (min-width:40em) {

  .column,
  .columns {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.column.row.row,
.row.row.columns,
.sidebar .box .columns.row-box,
.sidebar .box .column.row-box {
  float: none;
  display: block
}

.row .column.row.row,
.sidebar .box .row-box .column.row.row,
.row .row.row.columns,
.sidebar .box .row-box .row.row.columns,
.row .sidebar .box .columns.row-box,
.sidebar .box .row .columns.row-box,
.sidebar .box .row-box .columns.row-box,
.row .sidebar .box .column.row-box,
.sidebar .box .row .column.row-box,
.sidebar .box .row-box .column.row-box {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0
}

.small-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.small-offset-0 {
  margin-left: 0%
}

.small-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.small-offset-1 {
  margin-left: 8.33333%
}

.small-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.small-offset-2 {
  margin-left: 16.66667%
}

.small-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.small-offset-3 {
  margin-left: 25%
}

.small-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.small-offset-4 {
  margin-left: 33.33333%
}

.small-6,
.content-area .query .duel .columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.small-offset-5 {
  margin-left: 41.66667%
}

.small-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.small-offset-6 {
  margin-left: 50%
}

.small-8,
.error-box .inner-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.small-offset-7 {
  margin-left: 58.33333%
}

.small-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.small-offset-8 {
  margin-left: 66.66667%
}

.small-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.small-offset-9 {
  margin-left: 75%
}

.small-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.small-offset-10 {
  margin-left: 83.33333%
}

.small-12,
.content .content-list .description .add,
.sidebar .box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.small-offset-11 {
  margin-left: 91.66667%
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.small-up-1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.small-up-2,
.content-area .more {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-2>.column,
.content-area .more>.column,
.small-up-2>.columns,
.content-area .more>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.small-up-3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.small-up-4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.small-up-5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}

.small-up-6 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.small-up-7 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.28571%;
  flex: 0 0 14.28571%;
  max-width: 14.28571%
}

.small-up-8 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
  padding-left: 0;
  padding-right: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
  padding-left: 1rem;
  padding-right: 1rem
}

@media screen and (min-width:40em) {
  .medium-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .medium-offset-0 {
    margin-left: 0%
  }

  .medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .medium-offset-1 {
    margin-left: 8.33333%
  }

  .medium-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .medium-offset-2 {
    margin-left: 16.66667%
  }

  .medium-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .medium-offset-3 {
    margin-left: 25%
  }

  .medium-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .medium-offset-4 {
    margin-left: 33.33333%
  }

  .medium-6,
  .add.row .columns,
  .sidebar .box .add.row-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .medium-offset-5 {
    margin-left: 41.66667%
  }

  .medium-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .medium-offset-6 {
    margin-left: 50%
  }

  .medium-8,
  .error-box .inner-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .medium-offset-7 {
    margin-left: 58.33333%
  }

  .medium-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .medium-offset-8 {
    margin-left: 66.66667%
  }

  .medium-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .medium-offset-9 {
    margin-left: 75%
  }

  .medium-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .medium-offset-10 {
    margin-left: 83.33333%
  }

  .medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .medium-offset-11 {
    margin-left: 91.66667%
  }

  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .medium-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-1>.column,
  .medium-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .medium-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-2>.column,
  .medium-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .medium-up-3,
  #ad_spec_content.screening .container .content-area .recipe-box .recipe-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-3>.column,
  #ad_spec_content.screening .container .content-area .recipe-box .recipe-info>.column,
  .medium-up-3>.columns,
  #ad_spec_content.screening .container .content-area .recipe-box .recipe-info>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .medium-up-4,
  .content-area .more {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-4>.column,
  .content-area .more>.column,
  .medium-up-4>.columns,
  .content-area .more>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .medium-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-5>.column,
  .medium-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .medium-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-6>.column,
  .medium-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .medium-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-7>.column,
  .medium-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }

  .medium-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .medium-up-8>.column,
  .medium-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:40em) and (min-width:40em) {
  .medium-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }
}

.row.medium-unstack>.column,
.sidebar .box .medium-unstack.row-box>.column,
.row.medium-unstack>.columns,
.sidebar .box .medium-unstack.row-box>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:40em) {

  .row.medium-unstack>.column,
  .sidebar .box .medium-unstack.row-box>.column,
  .row.medium-unstack>.columns,
  .sidebar .box .medium-unstack.row-box>.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }

  .medium-collapse>.column,
  .medium-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }

  .medium-uncollapse>.column,
  .medium-uncollapse>.columns {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media screen and (min-width:53.75em) {
  .normal-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .normal-offset-0 {
    margin-left: 0%
  }

  .normal-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .normal-offset-1 {
    margin-left: 8.33333%
  }

  .normal-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .normal-offset-2 {
    margin-left: 16.66667%
  }

  .normal-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .normal-offset-3 {
    margin-left: 25%
  }

  .normal-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .normal-offset-4 {
    margin-left: 33.33333%
  }

  .normal-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .normal-offset-5 {
    margin-left: 41.66667%
  }

  .normal-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .normal-offset-6 {
    margin-left: 50%
  }

  .normal-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .normal-offset-7 {
    margin-left: 58.33333%
  }

  .normal-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .normal-offset-8 {
    margin-left: 66.66667%
  }

  .normal-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .normal-offset-9 {
    margin-left: 75%
  }

  .normal-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .normal-offset-10 {
    margin-left: 83.33333%
  }

  .normal-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .normal-offset-11 {
    margin-left: 91.66667%
  }

  .normal-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .normal-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .normal-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .normal-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .normal-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .normal-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .normal-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-1>.column,
  .normal-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .normal-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-2>.column,
  .normal-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .normal-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-3>.column,
  .normal-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .normal-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-4>.column,
  .normal-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .normal-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-5>.column,
  .normal-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .normal-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-6>.column,
  .normal-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .normal-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-7>.column,
  .normal-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }

  .normal-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .normal-up-8>.column,
  .normal-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:53.75em) and (min-width:53.75em) {
  .normal-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }
}

.row.normal-unstack>.column,
.sidebar .box .normal-unstack.row-box>.column,
.row.normal-unstack>.columns,
.sidebar .box .normal-unstack.row-box>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:53.75em) {

  .row.normal-unstack>.column,
  .sidebar .box .normal-unstack.row-box>.column,
  .row.normal-unstack>.columns,
  .sidebar .box .normal-unstack.row-box>.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }

  .normal-collapse>.column,
  .normal-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }

  .normal-uncollapse>.column,
  .normal-uncollapse>.columns {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media screen and (min-width:64em) {
  .large-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .large-offset-0 {
    margin-left: 0%
  }

  .large-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .large-offset-1 {
    margin-left: 8.33333%
  }

  .large-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .large-offset-2 {
    margin-left: 16.66667%
  }

  .large-4,
  .content .content-list .description .add {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .large-offset-3 {
    margin-left: 25%
  }

  .large-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .large-offset-4 {
    margin-left: 33.33333%
  }

  .large-6,
  .sidebar .box .row-box .text-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .large-offset-5 {
    margin-left: 41.66667%
  }

  .large-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .large-offset-6 {
    margin-left: 50%
  }

  .large-8,
  .error-box .inner-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .large-offset-7 {
    margin-left: 58.33333%
  }

  .large-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .large-offset-8 {
    margin-left: 66.66667%
  }

  .large-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .large-offset-9 {
    margin-left: 75%
  }

  .large-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .large-offset-10 {
    margin-left: 83.33333%
  }

  .large-12,
  .container .content.wide .content-area,
  .sidebar .box,
  .sidebar .box.wide .text-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .large-offset-11 {
    margin-left: 91.66667%
  }

  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-1>.column,
  .large-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-2>.column,
  .large-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-3>.column,
  .large-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-4>.column,
  .large-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-5>.column,
  .large-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-6>.column,
  .large-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-7>.column,
  .large-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }

  .large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .large-up-8>.column,
  .large-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:64em) and (min-width:64em) {
  .large-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }
}

.row.large-unstack>.column,
.sidebar .box .large-unstack.row-box>.column,
.row.large-unstack>.columns,
.sidebar .box .large-unstack.row-box>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:64em) {

  .row.large-unstack>.column,
  .sidebar .box .large-unstack.row-box>.column,
  .row.large-unstack>.columns,
  .sidebar .box .large-unstack.row-box>.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }

  .large-collapse>.column,
  .large-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }

  .large-uncollapse>.column,
  .large-uncollapse>.columns {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media screen and (min-width:80em) {
  .xlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .xlarge-offset-0 {
    margin-left: 0%
  }

  .xlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .xlarge-offset-1 {
    margin-left: 8.33333%
  }

  .xlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .xlarge-offset-2 {
    margin-left: 16.66667%
  }

  .xlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .xlarge-offset-3 {
    margin-left: 25%
  }

  .xlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .xlarge-offset-4 {
    margin-left: 33.33333%
  }

  .xlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .xlarge-offset-5 {
    margin-left: 41.66667%
  }

  .xlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .xlarge-offset-6 {
    margin-left: 50%
  }

  .xlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .xlarge-offset-7 {
    margin-left: 58.33333%
  }

  .xlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .xlarge-offset-8 {
    margin-left: 66.66667%
  }

  .xlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .xlarge-offset-9 {
    margin-left: 75%
  }

  .xlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .xlarge-offset-10 {
    margin-left: 83.33333%
  }

  .xlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .xlarge-offset-11 {
    margin-left: 91.66667%
  }

  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .xlarge-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-1>.column,
  .xlarge-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .xlarge-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-2>.column,
  .xlarge-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .xlarge-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-3>.column,
  .xlarge-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .xlarge-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-4>.column,
  .xlarge-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .xlarge-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-5>.column,
  .xlarge-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .xlarge-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-6>.column,
  .xlarge-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .xlarge-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-7>.column,
  .xlarge-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }

  .xlarge-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xlarge-up-8>.column,
  .xlarge-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:80em) and (min-width:80em) {
  .xlarge-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }
}

.row.xlarge-unstack>.column,
.sidebar .box .xlarge-unstack.row-box>.column,
.row.xlarge-unstack>.columns,
.sidebar .box .xlarge-unstack.row-box>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:80em) {

  .row.xlarge-unstack>.column,
  .sidebar .box .xlarge-unstack.row-box>.column,
  .row.xlarge-unstack>.columns,
  .sidebar .box .xlarge-unstack.row-box>.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }

  .xlarge-collapse>.column,
  .xlarge-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }

  .xlarge-uncollapse>.column,
  .xlarge-uncollapse>.columns {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media screen and (min-width:90em) {
  .xxlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .xxlarge-offset-0 {
    margin-left: 0%
  }

  .xxlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .xxlarge-offset-1 {
    margin-left: 8.33333%
  }

  .xxlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .xxlarge-offset-2 {
    margin-left: 16.66667%
  }

  .xxlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .xxlarge-offset-3 {
    margin-left: 25%
  }

  .xxlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .xxlarge-offset-4 {
    margin-left: 33.33333%
  }

  .xxlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .xxlarge-offset-5 {
    margin-left: 41.66667%
  }

  .xxlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .xxlarge-offset-6 {
    margin-left: 50%
  }

  .xxlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .xxlarge-offset-7 {
    margin-left: 58.33333%
  }

  .xxlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .xxlarge-offset-8 {
    margin-left: 66.66667%
  }

  .xxlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .xxlarge-offset-9 {
    margin-left: 75%
  }

  .xxlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .xxlarge-offset-10 {
    margin-left: 83.33333%
  }

  .xxlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .xxlarge-offset-11 {
    margin-left: 91.66667%
  }

  .xxlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .xxlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .xxlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .xxlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .xxlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .xxlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .xxlarge-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-1>.column,
  .xxlarge-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .xxlarge-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-2>.column,
  .xxlarge-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .xxlarge-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-3>.column,
  .xxlarge-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .xxlarge-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-4>.column,
  .xxlarge-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .xxlarge-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-5>.column,
  .xxlarge-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .xxlarge-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-6>.column,
  .xxlarge-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .xxlarge-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-7>.column,
  .xxlarge-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }

  .xxlarge-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .xxlarge-up-8>.column,
  .xxlarge-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:90em) and (min-width:90em) {
  .xxlarge-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }
}

.row.xxlarge-unstack>.column,
.sidebar .box .xxlarge-unstack.row-box>.column,
.row.xxlarge-unstack>.columns,
.sidebar .box .xxlarge-unstack.row-box>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:90em) {

  .row.xxlarge-unstack>.column,
  .sidebar .box .xxlarge-unstack.row-box>.column,
  .row.xxlarge-unstack>.columns,
  .sidebar .box .xxlarge-unstack.row-box>.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0
  }

  .xxlarge-collapse>.column,
  .xxlarge-collapse>.columns {
    padding-left: 0;
    padding-right: 0
  }

  .xxlarge-uncollapse>.column,
  .xxlarge-uncollapse>.columns {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.shrink {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%
}

.column.align-top,
.align-top.columns {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.column.align-bottom,
.align-bottom.columns {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.column.align-middle,
.align-middle.columns {
  -ms-flex-item-align: center;
  align-self: center
}

.column.align-stretch,
.align-stretch.columns {
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.align-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.align-self-middle {
  -ms-flex-item-align: center;
  align-self: center
}

.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

@media screen and (min-width:40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media screen and (min-width:53.75em) {
  .normal-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .normal-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .normal-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .normal-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .normal-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .normal-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media screen and (min-width:64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media screen and (min-width:80em) {
  .xlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .xlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .xlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .xlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .xlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .xlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

@media screen and (min-width:90em) {
  .xxlarge-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .xxlarge-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .xxlarge-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .xxlarge-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .xxlarge-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .xxlarge-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0
}

p {
  font-size: inherit;
  line-height: 1.7;
  margin-bottom: 1.1rem;
  text-rendering: optimizeLegibility
}

em,
i {
  font-style: italic;
  line-height: inherit
}

strong,
b {
  font-weight: 700;
  line-height: inherit
}

small {
  font-size: 100%;
  line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ModernistBold", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #0a0a0a;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: .5rem;
  line-height: normal
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #e8e8e8;
  line-height: 0
}

h1 {
  font-size: 1.5rem
}

h2 {
  font-size: 1.3rem
}

h3 {
  font-size: 1.2rem
}

h4 {
  font-size: 1rem
}

h5 {
  font-size: 1rem
}

h6 {
  font-size: .8rem
}

@media screen and (min-width:40em) {
  h1 {
    font-size: 1.8rem
  }

  h2 {
    font-size: 1.7rem
  }

  h3 {
    font-size: 1.5rem
  }

  h4 {
    font-size: 1.2rem
  }

  h5 {
    font-size: 1rem
  }

  h6 {
    font-size: .9rem
  }
}

@media screen and (min-width:64em) {
  h1 {
    font-size: 1.8rem
  }

  h2 {
    font-size: 1.7rem
  }

  h3 {
    font-size: 1.5rem
  }

  h4 {
    font-size: 1.2rem
  }

  h5 {
    font-size: 1rem
  }

  h6 {
    font-size: .9rem
  }
}

a {
  color: #222;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer
}

a:hover,
a:focus {
  color: #1d1d1d
}

a img {
  border: 0
}

hr {
  max-width: 60rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-left: 0;
  margin: 1rem auto;
  clear: both
}

ul,
ol,
dl {
  line-height: 1.55;
  margin-bottom: 1rem;
  list-style-position: outside
}

li {
  font-size: inherit
}

ul {
  list-style-type: disc;
  margin-left: 2rem
}

ol {
  margin-left: 2rem
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0
}

dl {
  margin-bottom: 1rem
}

dl dt {
  margin-bottom: .3rem;
  font-weight: 400
}

blockquote {
  margin: 0 0 1rem;
  padding: .45rem 1rem 0 .95rem;
  border-left: 1px solid #e8e8e8
}

blockquote,
blockquote p {
  line-height: 1.55;
  color: #8a8a8a
}

cite {
  display: block;
  font-size: .65rem;
  color: #8a8a8a
}

cite:before {
  content: '\2014 \0020'
}

abbr {
  color: #222;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a
}

code {
  font-family: "LeagueGothic", sans-serif;
  font-weight: 300;
  color: #0a0a0a;
  background-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  padding: .1rem .25rem .05rem
}

kbd {
  padding: .1rem .2rem 0;
  margin: 0;
  background-color: #eff0f0;
  color: #0a0a0a;
  font-family: "LeagueGothic", sans-serif
}

.subheader {
  margin-top: .2rem;
  margin-bottom: .5rem;
  font-weight: 300;
  line-height: 1.4;
  color: #8a8a8a
}

.lead {
  font-size: 25px;
  line-height: 1.6
}

.stat {
  font-size: 2.5rem;
  line-height: 1
}

p+.stat {
  margin-top: -1rem
}

.no-bullet {
  margin-left: 0;
  list-style: none
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

@media screen and (min-width:40em) {
  .medium-text-left {
    text-align: left
  }

  .medium-text-right {
    text-align: right
  }

  .medium-text-center {
    text-align: center
  }

  .medium-text-justify {
    text-align: justify
  }
}

@media screen and (min-width:53.75em) {
  .normal-text-left {
    text-align: left
  }

  .normal-text-right {
    text-align: right
  }

  .normal-text-center {
    text-align: center
  }

  .normal-text-justify {
    text-align: justify
  }
}

@media screen and (min-width:64em) {
  .large-text-left {
    text-align: left
  }

  .large-text-right {
    text-align: right
  }

  .large-text-center {
    text-align: center
  }

  .large-text-justify {
    text-align: justify
  }
}

@media screen and (min-width:80em) {
  .xlarge-text-left {
    text-align: left
  }

  .xlarge-text-right {
    text-align: right
  }

  .xlarge-text-center {
    text-align: center
  }

  .xlarge-text-justify {
    text-align: justify
  }
}

@media screen and (min-width:90em) {
  .xxlarge-text-left {
    text-align: left
  }

  .xxlarge-text-right {
    text-align: right
  }

  .xxlarge-text-center {
    text-align: center
  }

  .xxlarge-text-justify {
    text-align: justify
  }
}

.show-for-print {
  display: none !important
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  .show-for-print {
    display: block !important
  }

  .hide-for-print {
    display: none !important
  }

  table.show-for-print {
    display: table !important
  }

  thead.show-for-print {
    display: table-header-group !important
  }

  tbody.show-for-print {
    display: table-row-group !important
  }

  tr.show-for-print {
    display: table-row !important
  }

  td.show-for-print {
    display: table-cell !important
  }

  th.show-for-print {
    display: table-cell !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ''
  }

  abbr[title]:after {
    content: " ("attr(title) ")"
  }

  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr,
  img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  @page {
    margin: 0.5cm
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color .25s ease-out, color .25s ease-out;
  transition: background-color .25s ease-out, color .25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: .85rem 1rem;
  margin: 0;
  font-size: .9rem;
  background-color: #024991;
  color: #fefefe
}

[data-whatinput="mouse"] .button {
  outline: 0
}

.button:hover,
.button:focus {
  background-color: #f690be;
  color: #fefefe
}

.button.tiny {
  font-size: .6rem
}

.button.small {
  font-size: .75rem
}

.button.medium {
  font-size: .85rem
}

.button.large {
  font-size: 1.25rem
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.button.primary {
  background-color: #222;
  color: #fefefe
}

.button.primary:hover,
.button.primary:focus {
  background-color: #1b1b1b;
  color: #fefefe
}

.button.secondary {
  background-color: #024991;
  color: #fefefe
}

.button.secondary:hover,
.button.secondary:focus {
  background-color: #c81062;
  color: #fefefe
}

.button.success {
  background-color: green;
  color: #fefefe
}

.button.success:hover,
.button.success:focus {
  background-color: #060;
  color: #fefefe
}

.button.warning {
  background-color: #ffa500;
  color: #fefefe
}

.button.warning:hover,
.button.warning:focus {
  background-color: #cc8400;
  color: #fefefe
}

.button.alert {
  background-color: red;
  color: #fefefe
}

.button.alert:hover,
.button.alert:focus {
  background-color: #c00;
  color: #fefefe
}

.button.hollow {
  border: 1px solid #222;
  color: #222
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
  background-color: transparent
}

.button.hollow:hover,
.button.hollow:focus {
  border-color: #111;
  color: #111
}

.button.hollow.primary {
  border: 1px solid #222;
  color: #222
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
  border-color: #111;
  color: #111
}

.button.hollow.secondary {
  border: 1px solid #024991;
  color: #024991
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
  border-color: #7d0a3d;
  color: #7d0a3d
}

.button.hollow.success {
  border: 1px solid green;
  color: green
}

.button.hollow.success:hover,
.button.hollow.success:focus {
  border-color: #004000;
  color: #004000
}

.button.hollow.warning {
  border: 1px solid #ffa500;
  color: #ffa500
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
  border-color: #805300;
  color: #805300
}

.button.hollow.alert {
  border: 1px solid red;
  color: red
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
  border-color: maroon;
  color: maroon
}

.button.disabled,
.button[disabled] {
  opacity: .5;
  cursor: not-allowed
}

.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
  background-color: #222;
  color: #fefefe
}

.button.disabled.primary,
.button[disabled].primary {
  opacity: .5;
  cursor: not-allowed
}

.button.disabled.primary:hover,
.button.disabled.primary:focus,
.button[disabled].primary:hover,
.button[disabled].primary:focus {
  background-color: #222;
  color: #fefefe
}

.button.disabled.secondary,
.button[disabled].secondary {
  opacity: .5;
  cursor: not-allowed
}

.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
  background-color: #024991;
  color: #fefefe
}

.button.disabled.success,
.button[disabled].success {
  opacity: .5;
  cursor: not-allowed
}

.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
  background-color: green;
  color: #fefefe
}

.button.disabled.warning,
.button[disabled].warning {
  opacity: .5;
  cursor: not-allowed
}

.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button[disabled].warning:hover,
.button[disabled].warning:focus {
  background-color: #ffa500;
  color: #fefefe
}

.button.disabled.alert,
.button[disabled].alert {
  opacity: .5;
  cursor: not-allowed
}

.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
  background-color: red;
  color: #fefefe
}

.button.dropdown::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset .4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: relative;
  top: .4em;
  float: right;
  margin-left: 1rem;
  display: inline-block
}

.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: -.1em
}
/* 
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 1.95rem;
  padding: .4rem;
  border: 1px solid #e8e8e8;
  margin: 0 0 .8rem;
  font-family: inherit;
  font-size: .8rem;
  color: #0a0a0a;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  border-radius: 0;
  -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
  transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
  -webkit-appearance: none;
  -moz-appearance: none
}

[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  outline: none;
  -webkit-box-shadow: 0 0 5px #e8e8e8;
  box-shadow: 0 0 5px #e8e8e8;
  -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
  transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

textarea {
  max-width: 100%
}

textarea[rows] {
  height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #e8e8e8
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #e8e8e8
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #e8e8e8
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #e8e8e8
}

input::placeholder,
textarea::placeholder {
  color: #e8e8e8
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #eff0f0;
  cursor: default
}

[type="submit"],
[type="button"] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

[type="file"],
[type="checkbox"],
[type="radio"] {
  margin: 0 0 .8rem
}

[type="checkbox"]+label,
[type="radio"]+label {
  display: inline-block;
  margin-left: .4rem;
  margin-right: .8rem;
  margin-bottom: 0;
  vertical-align: baseline
}

[type="checkbox"]+label[for],
[type="radio"]+label[for] {
  cursor: pointer
}

label>[type="checkbox"],
label>[type="radio"] {
  margin-right: .4rem
}

[type="file"] {
  width: 100%
}

label {
  display: block;
  margin: 0;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.8;
  color: #0a0a0a
}

label.middle {
  margin: 0 0 .8rem;
  padding: .45rem 0
}
 */
.help-text {
  margin-top: -.4rem;
  font-size: .65rem;
  font-style: italic;
  color: #0a0a0a
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: .8rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.input-group>:first-child {
  border-radius: 0 0 0 0
}

.input-group>:last-child>* {
  border-radius: 0 0 0 0
}

.input-group-label,
.input-group-field,
.input-group-button {
  margin: 0;
  white-space: nowrap
}

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #eff0f0;
  color: #0a0a0a;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.input-group-label:first-child {
  border-right: 0
}

.input-group-label:last-child {
  border-left: 0
}

.input-group-field {
  border-radius: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  height: auto
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
  margin: 0
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0
}

legend {
  margin-bottom: .4rem;
  max-width: 100%
}

.fieldset {
  border: 1px solid #e8e8e8;
  padding: 1rem;
  margin: .9rem 0
}

.fieldset legend {
  background: #fefefe;
  padding: 0 .15rem;
  margin: 0;
  margin-left: -.15rem
}

select {
  height: 1.95rem;
  padding: .4rem;
  border: 1px solid #e8e8e8;
  margin: 0 0 .8rem;
  font-size: .8rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url();
  background-size: 9px 6px;
  background-position: right -.8rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.2rem
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
  }
}

select:disabled {
  background-color: #eff0f0;
  cursor: default
}

select::-ms-expand {
  display: none
}

select[multiple] {
  height: auto;
  background-image: none
}

.is-invalid-input:not(:focus) {
  background-color: rgba(255, 0, 0, .1);
  border-color: red
}

.is-invalid-label {
  color: red
}

.form-error {
  display: none;
  margin-top: -.4rem;
  margin-bottom: .8rem;
  font-size: .6rem;
  font-weight: 700;
  color: red
}

.form-error.is-visible {
  display: block
}

.accordion {
  list-style-type: none;
  background: #fefefe;
  margin-left: 0
}

.accordion-item:first-child>:first-child {
  border-radius: 0 0 0 0
}

.accordion-item:last-child>:last-child {
  border-radius: 0 0 0 0
}

.accordion-title {
  display: block;
  padding: .5rem 1rem;
  line-height: 1;
  font-size: .6rem;
  color: #024991;
  position: relative;
  border: 1px solid #e8e8e8;
  border-bottom: 0
}

:last-child:not(.is-active)>.accordion-title {
  border-radius: 0 0 0 0;
  border-bottom: 1px solid #e8e8e8
}

.accordion-title:hover,
.accordion-title:focus {
  background-color: #eff0f0
}

.accordion-title::before {
  content: '+';
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -.5rem
}

.is-active>.accordion-title::before {
  content: '–'
}

.accordion-content {
  padding: 1rem;
  display: none;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  background-color: #fefefe;
  color: #024991
}

:last-child>.accordion-content:last-child {
  border-bottom: 1px solid #e8e8e8
}

.is-accordion-submenu-parent>a {
  position: relative
}

.is-accordion-submenu-parent>a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: #0a0a0a transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 1rem
}

.is-accordion-submenu-parent[aria-expanded="true"]>a::after {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}

.badge {
  display: inline-block;
  padding: .5rem;
  min-width: 2rem;
  font-size: 1rem;
  text-align: center;
  border-radius: 50%;
  background: #222;
  color: #fefefe
}

.badge.secondary {
  background: #024991;
  color: #fefefe
}

.badge.success {
  background: green;
  color: #fefefe
}

.badge.warning {
  background: #ffa500;
  color: #fefefe
}

.badge.alert {
  background: red;
  color: #fefefe
}

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0
}

.breadcrumbs::before,
.breadcrumbs::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.breadcrumbs::after {
  clear: both
}

.breadcrumbs li {
  float: left;
  color: #0a0a0a;
  font-size: .55rem;
  cursor: default;
  text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
  color: #e8e8e8;
  content: "/";
  margin: 0 .75rem;
  position: relative;
  top: 1px;
  opacity: 1
}

.breadcrumbs a {
  color: #222
}

.breadcrumbs a:hover {
  text-decoration: underline
}

.breadcrumbs .disabled {
  color: #e8e8e8;
  cursor: not-allowed
}

.button-group {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.button-group::before,
.button-group::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.button-group::after {
  clear: both
}

.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: .9rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.button-group .button:last-child {
  margin-right: 0
}

.button-group.tiny .button {
  font-size: .6rem
}

.button-group.small .button {
  font-size: .75rem
}

.button-group.medium .button {
  font-size: .85rem
}

.button-group.large .button {
  font-size: 1.25rem
}

.button-group.expanded .button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0
}

.button-group.primary .button {
  background-color: #222;
  color: #fefefe
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
  background-color: #1b1b1b;
  color: #fefefe
}

.button-group.secondary .button {
  background-color: #024991;
  color: #fefefe
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
  background-color: #c81062;
  color: #fefefe
}

.button-group.success .button {
  background-color: green;
  color: #fefefe
}

.button-group.success .button:hover,
.button-group.success .button:focus {
  background-color: #060;
  color: #fefefe
}

.button-group.warning .button {
  background-color: #ffa500;
  color: #fefefe
}

.button-group.warning .button:hover,
.button-group.warning .button:focus {
  background-color: #cc8400;
  color: #fefefe
}

.button-group.alert .button {
  background-color: red;
  color: #fefefe
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
  background-color: #c00;
  color: #fefefe
}

.button-group.stacked,
.button-group.stacked-for-small,
.button-group.stacked-for-medium {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.button-group.stacked .button,
.button-group.stacked-for-small .button,
.button-group.stacked-for-medium .button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

.button-group.stacked .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0
}

@media screen and (min-width:40em) {
  .button-group.stacked-for-small .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin-bottom: 0
  }
}

@media screen and (min-width:64em) {
  .button-group.stacked-for-medium .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin-bottom: 0
  }
}

@media screen and (max-width:39.9375em) {
  .button-group.stacked-for-small.expanded {
    display: block
  }

  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0
  }
}

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, .25);
  border-radius: 0;
  position: relative;
  color: #222;
  background-color: #fff
}

.callout>:first-child {
  margin-top: 0
}

.callout>:last-child {
  margin-bottom: 0
}

.callout.primary {
  background-color: #dedede
}

.callout.secondary {
  background-color: #fcdeeb
}

.callout.success {
  background-color: #c6ffc6
}

.callout.warning {
  background-color: #fff2d9
}

.callout.alert {
  background-color: #ffd9d9
}

.callout.small {
  padding-top: .5rem;
  padding-right: .5rem;
  padding-bottom: .5rem;
  padding-left: .5rem
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: .5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer
}

[data-whatinput="mouse"] .close-button {
  outline: 0
}

.close-button:hover,
.close-button:focus {
  color: #0a0a0a
}

.menu {
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: nowrap
}

.menu>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

[data-whatinput="mouse"] .menu>li {
  outline: 0
}

.menu>li>a {
  display: block;
  padding: .7rem 1rem;
  line-height: 1
}

.menu input,
.menu a,
.menu button {
  margin-bottom: 0
}

.menu>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.menu>li>a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.menu>li>a img,
.menu>li>a i,
.menu>li>a svg {
  margin-right: .25rem
}

.menu>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.menu.vertical {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.menu.vertical>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.menu.vertical>li>a {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (min-width:40em) {
  .menu.medium-horizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .menu.medium-horizontal>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .menu.medium-vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .menu.medium-vertical>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .menu.medium-vertical>li>a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width:53.75em) {
  .menu.normal-horizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .menu.normal-horizontal>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .menu.normal-vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .menu.normal-vertical>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .menu.normal-vertical>li>a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width:64em) {
  .menu.large-horizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .menu.large-horizontal>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .menu.large-vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .menu.large-vertical>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .menu.large-vertical>li>a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width:80em) {
  .menu.xlarge-horizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .menu.xlarge-horizontal>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .menu.xlarge-vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .menu.xlarge-vertical>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .menu.xlarge-vertical>li>a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width:90em) {
  .menu.xxlarge-horizontal {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .menu.xxlarge-horizontal>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }

  .menu.xxlarge-vertical {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .menu.xxlarge-vertical>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .menu.xxlarge-vertical>li>a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.menu.simple li {
  line-height: 1;
  display: inline-block;
  margin-right: 1rem
}

.menu.simple a {
  padding: 0
}

.menu.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.menu.expanded>li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0
}

.menu.expanded>li:first-child:last-child {
  width: 100%
}

.menu.icon-top>li>a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap
}

.menu.icon-top>li>a img,
.menu.icon-top>li>a i,
.menu.icon-top>li>a svg {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: center;
  margin-bottom: .25rem
}

.menu.nested {
  margin-left: 1rem
}

.menu .active>a {
  color: #fefefe;
  background: #222
}

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: .7rem 1rem
}

.menu-centered {
  text-align: center
}

.menu-centered>.menu {
  display: inline-block
}

.no-js [data-responsive-menu] ul {
  display: none
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px
}

.menu-icon::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe
}

.menu-icon:hover::after {
  background: #e8e8e8;
  -webkit-box-shadow: 0 7px 0 #e8e8e8, 0 14px 0 #e8e8e8;
  box-shadow: 0 7px 0 #e8e8e8, 0 14px 0 #e8e8e8
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px
}

.menu-icon.dark::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a
}

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  display: block;
  font-size: 1rem;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10
}

.dropdown-pane.is-open {
  visibility: visible
}

.dropdown-pane.tiny {
  width: 100px
}

.dropdown-pane.small {
  width: 200px
}

.dropdown-pane.large {
  width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 100%
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
  padding-right: 1.5rem;
  position: relative
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #222 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px
}

[data-whatinput="mouse"] .dropdown.menu a {
  outline: 0
}

.no-js .dropdown.menu ul {
  display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
  top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
  left: auto;
  right: 100%
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
  right: auto;
  left: 100%
}

.dropdown.menu.vertical>li>a::after {
  right: 14px;
  margin-top: -3px
}

.dropdown.menu.vertical>li.opens-left>a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #222 transparent transparent;
  border-right-style: solid;
  border-left-width: 0
}

.dropdown.menu.vertical>li.opens-right>a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #222;
  border-left-style: solid;
  border-right-width: 0
}

@media screen and (min-width:40em) {
  .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
  }

  .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
  }

  .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
  }

  .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #222 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
  }

  .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
  }

  .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.medium-vertical>li>a::after {
    right: 14px;
    margin-top: -3px
  }

  .dropdown.menu.medium-vertical>li.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #222 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
  }

  .dropdown.menu.medium-vertical>li.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #222;
    border-left-style: solid;
    border-right-width: 0
  }
}

@media screen and (min-width:53.75em) {
  .dropdown.menu.normal-horizontal>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
  }

  .dropdown.menu.normal-horizontal>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
  }

  .dropdown.menu.normal-horizontal>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
  }

  .dropdown.menu.normal-horizontal>li.is-dropdown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #222 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
  }

  .dropdown.menu.normal-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.normal-vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
  }

  .dropdown.menu.normal-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.normal-vertical>li>a::after {
    right: 14px;
    margin-top: -3px
  }

  .dropdown.menu.normal-vertical>li.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #222 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
  }

  .dropdown.menu.normal-vertical>li.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #222;
    border-left-style: solid;
    border-right-width: 0
  }
}

@media screen and (min-width:64em) {
  .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
  }

  .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
  }

  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
  }

  .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #222 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
  }

  .dropdown.menu.large-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
  }

  .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.large-vertical>li>a::after {
    right: 14px;
    margin-top: -3px
  }

  .dropdown.menu.large-vertical>li.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #222 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
  }

  .dropdown.menu.large-vertical>li.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #222;
    border-left-style: solid;
    border-right-width: 0
  }
}

@media screen and (min-width:80em) {
  .dropdown.menu.xlarge-horizontal>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
  }

  .dropdown.menu.xlarge-horizontal>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
  }

  .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
  }

  .dropdown.menu.xlarge-horizontal>li.is-dropdown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #222 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
  }

  .dropdown.menu.xlarge-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.xlarge-vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
  }

  .dropdown.menu.xlarge-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.xlarge-vertical>li>a::after {
    right: 14px;
    margin-top: -3px
  }

  .dropdown.menu.xlarge-vertical>li.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #222 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
  }

  .dropdown.menu.xlarge-vertical>li.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #222;
    border-left-style: solid;
    border-right-width: 0
  }
}

@media screen and (min-width:90em) {
  .dropdown.menu.xxlarge-horizontal>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
  }

  .dropdown.menu.xxlarge-horizontal>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
  }

  .dropdown.menu.xxlarge-horizontal>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
  }

  .dropdown.menu.xxlarge-horizontal>li.is-dropdown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #222 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
  }

  .dropdown.menu.xxlarge-vertical>li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.xxlarge-vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
  }

  .dropdown.menu.xxlarge-vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.xxlarge-vertical>li>a::after {
    right: 14px;
    margin-top: -3px
  }

  .dropdown.menu.xxlarge-vertical>li.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #222 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
  }

  .dropdown.menu.xxlarge-vertical>li.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #222;
    border-left-style: solid;
    border-right-width: 0
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0
}

.is-dropdown-menu.vertical {
  width: 100px
}

.is-dropdown-menu.vertical.align-right {
  float: right
}

.is-dropdown-submenu-parent {
  position: relative
}

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
  top: 100%;
  left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
  left: auto;
  right: 100%
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
  right: auto;
  left: 100%
}

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #e8e8e8
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
  right: 14px;
  margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #222 transparent transparent;
  border-right-style: solid;
  border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #222;
  border-left-style: solid;
  border-right-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px
}

.is-dropdown-submenu>li {
  width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
  display: block
}

.label {
  display: inline-block;
  padding: .33333rem .5rem;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #222;
  color: #fefefe
}

.label.secondary {
  background: #024991;
  color: #fefefe
}

.label.success {
  background: green;
  color: #fefefe
}

.label.warning {
  background: #ffa500;
  color: #fefefe
}

.label.alert {
  background: red;
  color: #fefefe
}

.media-object {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.media-object img {
  max-width: none
}

@media screen and (max-width:39.9375em) {
  .media-object.stack-for-small {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }

  .media-object.stack-for-small .media-object-section img {
    width: 100%
  }
}

.media-object-section {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.media-object-section:first-child {
  padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem
}

.media-object-section>:last-child {
  margin-bottom: 0
}

.media-object-section.main-section {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0
}

html,
body {
  height: 100%
}

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  min-height: 100%;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease
}

.off-canvas-wrapper-inner::before,
.off-canvas-wrapper-inner::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.off-canvas-wrapper-inner::after {
  clear: both
}

.off-canvas-content,
.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  padding-bottom: .1px;
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, .5);
  box-shadow: 0 0 10px rgba(10, 10, 10, .5)
}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, .6);
  cursor: pointer;
  -webkit-transition: background .5s ease;
  transition: background .5s ease
}

.off-canvas {
  position: absolute;
  background: #eff0f0;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

[data-whatinput="mouse"] .off-canvas {
  outline: 0
}

.off-canvas.position-left {
  left: -250px;
  top: 0;
  width: 250px
}

.is-open-left {
  -webkit-transform: translateX(250px);
  -ms-transform: translateX(250px);
  transform: translateX(250px)
}

.off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px
}

.is-open-right {
  -webkit-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px)
}

@media screen and (min-width:40em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed
  }

  .position-left.reveal-for-medium~.off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed
  }

  .position-right.reveal-for-medium~.off-canvas-content {
    margin-right: 250px
  }
}

@media screen and (min-width:53.75em) {
  .position-left.reveal-for-normal {
    left: 0;
    z-index: auto;
    position: fixed
  }

  .position-left.reveal-for-normal~.off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-normal {
    right: 0;
    z-index: auto;
    position: fixed
  }

  .position-right.reveal-for-normal~.off-canvas-content {
    margin-right: 250px
  }
}

@media screen and (min-width:64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed
  }

  .position-left.reveal-for-large~.off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed
  }

  .position-right.reveal-for-large~.off-canvas-content {
    margin-right: 250px
  }
}

@media screen and (min-width:80em) {
  .position-left.reveal-for-xlarge {
    left: 0;
    z-index: auto;
    position: fixed
  }

  .position-left.reveal-for-xlarge~.off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-xlarge {
    right: 0;
    z-index: auto;
    position: fixed
  }

  .position-right.reveal-for-xlarge~.off-canvas-content {
    margin-right: 250px
  }
}

@media screen and (min-width:90em) {
  .position-left.reveal-for-xxlarge {
    left: 0;
    z-index: auto;
    position: fixed
  }

  .position-left.reveal-for-xxlarge~.off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-xxlarge {
    right: 0;
    z-index: auto;
    position: fixed
  }

  .position-right.reveal-for-xxlarge~.off-canvas-content {
    margin-right: 250px
  }
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem
}

.pagination::before,
.pagination::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.pagination::after {
  clear: both
}

.pagination li {
  font-size: .7rem;
  margin-right: .05rem;
  border-radius: 0;
  display: none
}

.pagination li:last-child,
.pagination li:first-child {
  display: inline-block
}

@media screen and (min-width:40em) {
  .pagination li {
    display: inline-block
  }
}

.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: .15rem .5rem;
  border-radius: 0
}

.pagination a:hover,
.pagination button:hover {
  background: #eff0f0
}

.pagination .current {
  padding: .15rem .5rem;
  background: #222;
  color: #fefefe;
  cursor: default
}

.pagination .disabled {
  padding: .15rem .5rem;
  color: #e8e8e8;
  cursor: not-allowed
}

.pagination .disabled:hover {
  background: transparent
}

.pagination .ellipsis::after {
  content: '\2026';
  padding: .15rem .5rem;
  color: #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '\00ab';
  display: inline-block;
  margin-right: .5rem
}

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '\00bb';
  display: inline-block;
  margin-left: .5rem
}

.progress {
  background-color: #e8e8e8;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0
}

.progress.primary .progress-meter {
  background-color: #222
}

.progress.secondary .progress-meter {
  background-color: #024991
}

.progress.success .progress-meter {
  background-color: green
}

.progress.warning .progress-meter {
  background-color: #ffa500
}

.progress.alert .progress-meter {
  background-color: red
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #222
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: .75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background: #e8e8e8;
  border: 0
}

progress::-webkit-progress-bar {
  background: #e8e8e8;
  border-radius: 0
}

progress::-webkit-progress-value {
  background: #222;
  border-radius: 0
}

progress::-moz-progress-bar {
  background: #222;
  border-radius: 0
}

progress.primary {
  color: #222
}

progress.primary::-webkit-progress-value {
  background: #222
}

progress.primary::-moz-progress-bar {
  background: #222
}

progress.secondary {
  color: #024991
}

progress.secondary::-webkit-progress-value {
  background: #024991
}

progress.secondary::-moz-progress-bar {
  background: #024991
}

progress.success {
  color: green
}

progress.success::-webkit-progress-value {
  background: green
}

progress.success::-moz-progress-bar {
  background: green
}

progress.warning {
  color: #ffa500
}

progress.warning::-webkit-progress-value {
  background: #ffa500
}

progress.warning::-moz-progress-bar {
  background: #ffa500
}

progress.alert {
  color: red
}

progress.alert::-webkit-progress-value {
  background: red
}

progress.alert::-moz-progress-bar {
  background: red
}

progress::-ms-fill {
  border-radius: 0;
  border: 0
}

.sticky-container {
  position: relative
}

.sticky {
  position: absolute;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5
}

.sticky.is-stuck.is-at-top {
  top: 0
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0
}

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0
}

body.is-reveal-open {
  overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, .45);
  overflow-y: scroll
}

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #e8e8e8;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto
}

[data-whatinput="mouse"] .reveal {
  outline: 0
}

@media screen and (min-width:40em) {
  .reveal {
    min-height: 0
  }
}

.reveal .column,
.reveal .columns,
.reveal .columns {
  min-width: 0
}

.reveal>:last-child {
  margin-bottom: 0
}

@media screen and (min-width:40em) {
  .reveal {
    width: 600px;
    max-width: 60rem
  }

  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto
  }
}

.reveal.collapse {
  padding: 0
}

@media screen and (min-width:40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 60rem
  }

  .reveal.small {
    width: 50%;
    max-width: 60rem
  }

  .reveal.large {
    width: 90%;
    max-width: 60rem
  }
}

.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
  border-radius: 0
}

@media screen and (max-width:39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0
  }
}

.reveal.without-overlay {
  position: fixed
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0
}

thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe
}

caption {
  font-weight: 700;
  padding: .4rem .5rem .5rem
}

thead {
  background: #f8f8f8;
  color: #222
}

tfoot {
  background: #f1f1f1;
  color: #222
}

thead tr,
tfoot tr {
  background: transparent
}

thead th,
thead td,
tfoot th,
tfoot td {
  padding: .4rem .5rem .5rem;
  font-weight: 700;
  text-align: left
}

tbody th,
tbody td {
  padding: .4rem .5rem .5rem
}

@media screen and (max-width:53.6875em) {
  table.stack thead {
    display: none
  }

  table.stack tfoot {
    display: none
  }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block
  }

  table.stack td {
    border-top: 0
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto
}

table.hover thead tr:hover {
  background-color: #f3f3f3
}

table.hover tfoot tr:hover {
  background-color: #ececec
}

table.hover tbody tr:hover {
  background-color: #f9f9f9
}

.table-scroll {
  overflow-x: auto
}

.table-scroll table {
  width: auto
}

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #eff0f0
}

.tabs::before,
.tabs::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.tabs::after {
  clear: both
}

.tabs.vertical>li {
  width: auto;
  float: none;
  display: block
}

.tabs.simple>li>a {
  padding: 0
}

.tabs.simple>li>a:hover {
  background: transparent
}

.tabs.primary {
  background: #222
}

.tabs.primary>li>a {
  color: #fefefe
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
  background: #2d2d2d
}

.tabs-title {
  float: left
}

.tabs-title>a {
  display: block;
  padding: .5rem 1rem;
  line-height: 1;
  font-size: .8rem
}

.tabs-title>a:hover {
  background: #fefefe
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected="true"] {
  background: #eff0f0
}

.tabs-content {
  background: #fefefe;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border: 1px solid #eff0f0;
  border-top: 0
}

.tabs-content.vertical {
  border: 1px solid #eff0f0;
  border-left: 0
}

.tabs-panel {
  display: none;
  padding: 1rem
}

.tabs-panel.is-active {
  display: block
}

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.title-bar .menu-icon {
  margin-left: .25rem;
  margin-right: .25rem
}

.title-bar-left,
.title-bar-right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0
}

.title-bar-right {
  text-align: right
}

.title-bar-title {
  font-weight: normal;
  vertical-align: middle;
  display: inline-block
}

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: .5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.top-bar,
.top-bar ul {
  background-color: #eff0f0
}

.top-bar input {
  max-width: 200px;
  margin-right: 1rem
}

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0
}

.top-bar input.button {
  width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

@media screen and (min-width:40em) {
  .top-bar {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .top-bar .top-bar-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
  }
}

@media screen and (max-width:53.6875em) {
  .top-bar.stacked-for-medium {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media screen and (max-width:63.9375em) {
  .top-bar.stacked-for-normal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .top-bar.stacked-for-normal .top-bar-left,
  .top-bar.stacked-for-normal .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media screen and (max-width:79.9375em) {
  .top-bar.stacked-for-large {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media screen and (max-width:89.9375em) {
  .top-bar.stacked-for-xlarge {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.top-bar.stacked-for-xxlarge {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.top-bar-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 1rem
}

.top-bar-left,
.top-bar-right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.hide {
  display: none !important
}

.invisible {
  visibility: hidden
}

@media screen and (max-width:39.9375em) {
  .hide-for-small-only {
    display: none !important
  }
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
  .show-for-small-only {
    display: none !important
  }
}

@media screen and (min-width:40em) {

  .hide-for-medium,
  .content-header .title-box .author .recepie-buttons .button.send-small {
    display: none !important
  }
}

@media screen and (max-width:39.9375em) {

  .show-for-medium,
  .content-header .title-box .author .recepie-buttons .button.print,
  .content-header .title-box .author .recepie-buttons .button.send {
    display: none !important
  }
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .hide-for-medium-only {
    display: none !important
  }
}

@media screen and (max-width:39.9375em),
screen and (min-width:53.75em) {
  .show-for-medium-only {
    display: none !important
  }
}

@media screen and (min-width:53.75em) {
  .hide-for-normal {
    display: none !important
  }
}

@media screen and (max-width:53.6875em) {
  .show-for-normal {
    display: none !important
  }
}

@media screen and (min-width:53.75em) and (max-width:63.9375em) {
  .hide-for-normal-only {
    display: none !important
  }
}

@media screen and (max-width:53.6875em),
screen and (min-width:64em) {
  .show-for-normal-only {
    display: none !important
  }
}

@media screen and (min-width:64em) {
  .hide-for-large {
    display: none !important
  }
}

@media screen and (max-width:63.9375em) {
  .show-for-large {
    display: none !important
  }
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
  .hide-for-large-only {
    display: none !important
  }
}

@media screen and (max-width:63.9375em),
screen and (min-width:80em) {
  .show-for-large-only {
    display: none !important
  }
}

@media screen and (min-width:80em) {
  .hide-for-xlarge {
    display: none !important
  }
}

@media screen and (max-width:79.9375em) {
  .show-for-xlarge {
    display: none !important
  }
}

@media screen and (min-width:80em) and (max-width:89.9375em) {
  .hide-for-xlarge-only {
    display: none !important
  }
}

@media screen and (max-width:79.9375em),
screen and (min-width:90em) {
  .show-for-xlarge-only {
    display: none !important
  }
}

@media screen and (min-width:90em) {
  .hide-for-xxlarge {
    display: none !important
  }
}

@media screen and (max-width:89.9375em) {
  .show-for-xxlarge {
    display: none !important
  }
}

@media screen and (min-width:90em) {
  .hide-for-xxlarge-only {
    display: none !important
  }
}

@media screen and (max-width:89.9375em) {
  .show-for-xxlarge-only {
    display: none !important
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important
}

@media screen and (orientation:landscape) {

  .show-for-landscape,
  .hide-for-portrait {
    display: block !important
  }
}

@media screen and (orientation:portrait) {

  .show-for-landscape,
  .hide-for-portrait {
    display: none !important
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important
}

@media screen and (orientation:landscape) {

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important
  }
}

@media screen and (orientation:portrait) {

  .hide-for-landscape,
  .show-for-portrait {
    display: block !important
  }
}

@media screen and (max-width:63.9375em) {
  #ad_spec_content {
    padding: 64px 0 0 0
  }
}

.off-canvas-wrap,
.inner-wrap {
  height: 100%
}

.off-canvas-wrap .main-section {
  height: 100%;
  overflow: scroll
}

.off-canvas-wrap .main-section::-webkit-scrollbar {
  display: none
}

.off-canvas-wrapper .inner-wrap {
  -webkit-transition: left 200ms ease;
  transition: left 200ms ease
}

.off-canvas-wrapper .move-left .inner-wrap {
  left: -250px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.off-canvas-wrapper .right-off-canvas-menu {
  position: fixed;
  right: -250px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: right 200ms ease;
  transition: right 200ms ease
}

.off-canvas-wrapper .move-left .right-off-canvas-menu {
  right: 0
}

.off-canvas-wrapper .off-canvas-wrap.move-left,
.off-canvas-wrapper .off-canvas-wrap.move-left .inner-wrap {
  height: 100%;
  width: 100%
}

.off-canvas-wrapper .off-canvas {
  z-index: 9;
  width: 250px;
  overflow-x: hidden;
  font-size: .9rem
}

.off-canvas-wrapper .off-canvas ::-webkit-scrollbar {
  width: .2em;
  height: .2em
}

.off-canvas-wrapper .off-canvas ::-webkit-scrollbar-thumb {
  background: #708090
}

.off-canvas-wrapper .off-canvas ::-webkit-scrollbar-track {
  background: #b8c0c8
}

.off-canvas-wrapper .off-canvas body {
  scrollbar-face-color: #708090;
  scrollbar-track-color: #b8c0c8
}

.off-canvas-wrapper .off-canvas .title {
  padding: .7rem .8rem .8rem 1rem;
  width: 250px;
  border-bottom: 1px solid #e8e8e8
}

.off-canvas-wrapper .off-canvas .title img {
  height: 2.25rem
}

.off-canvas-wrapper .off-canvas .title .icon-close {
  cursor: pointer;
  display: none;
  color: #8a8a8a;
  font-size: 1.25rem;
  padding-left: 1rem;
  float: right
}

.off-canvas-wrapper .off-canvas .title .icon-close:hover {
  font-weight: bold
}

.off-canvas-wrapper .off-canvas .title:first-child .icon-close {
  display: inline-block
}

.off-canvas-wrapper .off-canvas .login {
  padding: 1rem 0 1rem 1rem
}

.off-canvas-wrapper .off-canvas .login i {
  margin-right: .5rem
}

.off-canvas-wrapper .off-canvas .login .menu>li {
  position: relative
}

.off-canvas-wrapper .off-canvas .login .menu>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0
}

.off-canvas-wrapper .off-canvas .login .menu>li.is-accordion-submenu-parent {
  margin: .5rem auto 0
}

.off-canvas-wrapper .off-canvas .login .menu>li.is-accordion-submenu-parent :after {
  margin-top: -20px;
  margin-right: -15px;
  border-width: 8px
}

.off-canvas-wrapper .off-canvas .login .menu>li.is-accordion-submenu-parent[aria-expanded="true"] :after {
  margin-top: -30px
}

.off-canvas-wrapper .off-canvas .login .menu>li .nested li {
  margin: 1rem auto 0
}

.off-canvas-wrapper .off-canvas a:hover,
.off-canvas-wrapper .off-canvas a.active {
  color: #024991
}

.off-canvas-wrapper .off-canvas .mobile-ofc {
  text-transform: uppercase;
  margin-top: .5rem;
  width: 250px
}

.off-canvas-wrapper .off-canvas .mobile-ofc li {
  font-family: "ModernistBold", Arial, sans-serif;
  font-size: .9rem;
  line-height: normal;
  font-weight: normal
}

@media screen and (max-width:39.9375em) {
  .off-canvas-wrapper .off-canvas .mobile-ofc li {
    font-size: 1rem
  }
}

.off-canvas-wrapper .off-canvas .mobile-ofc li.is-accordion-submenu-parent[aria-expanded="true"] .expand {
  margin-top: 0
}

.off-canvas-wrapper .off-canvas .mobile-ofc li strong {
  padding: .5rem 0 .6rem 1rem;
  max-width: 210px;
  display: inline-block
}

.off-canvas-wrapper .off-canvas .mobile-ofc li a strong {
  padding: 0
}

.off-canvas-wrapper .off-canvas .mobile-ofc li .expand {
  float: right;
  margin-top: .4rem
}

.off-canvas-wrapper .off-canvas .mobile-ofc li .expand:after {
  border-width: .4rem
}

@media screen and (max-width:39.9375em) {
  .off-canvas-wrapper .off-canvas .mobile-ofc li .expand:after {
    border-width: .5rem
  }
}

.off-canvas-wrapper .off-canvas .mobile-ofc li ul {
  margin-left: 2rem;
  margin-right: 0;
  width: 75%
}

.off-canvas-wrapper .off-canvas .mobile-ofc li ul li {
  font-family: "ModernistRegular", Arial, sans-serif;
  line-height: normal;
  font-size: .85rem
}

@media screen and (max-width:39.9375em) {
  .off-canvas-wrapper .off-canvas .mobile-ofc li ul li {
    font-size: 1rem
  }
}

.off-canvas-wrapper .off-canvas .mobile-ofc li ul li:first-child a {
  padding-top: 0
}

.off-canvas-wrapper .off-canvas .mobile-ofc li ul li a {
  padding: .5rem 0;
  line-height: normal
}

.off-canvas-wrapper .js-off-canvas-exit {
  z-index: 9999
}

.off-canvas-wrapper .off-canvas-content {
  background: transparent
}

header.header {
  display: block;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: some-animation;
  animation-name: some-animation;
  margin-top: 0;
  z-index: 9999 !important;
  background-color: #fefefe
}

@media screen and (max-width:63.9375em) {
  header.header {
    /* position: fixed; */
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
  }

  header.header.hide-header {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

header.header.header-lv2 {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

header.header.header-lv2.scroll {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media screen and (max-width:63.9375em) {
  header.header {
    height: 64px
  }
}

header.header .logo-bar {
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -3rem;
  overflow: hidden;
  padding: .5rem 0
}

@media screen and (max-width:63.9375em) {
  header.header .logo-bar {
    height: 64px;
    margin: 0 !important
  }
}

header.header .logo-bar .nav-icon {
  margin-left: .75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  display: none;
  padding: 0
}

@media screen and (max-width:63.9375em) {
  header.header .logo-bar .nav-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

header.header .logo-bar .nav-icon .menu-toggle span {
  display: block;
  width: 30px;
  height: 5px;
  margin-bottom: 5px;
  position: relative;
  background: #024991;
  z-index: 1
}

header.header .logo-bar .nav-icon .menu-toggle span:last-child {
  margin-bottom: 0
}

header.header .logo-bar .nav-icon .fa-bars {
  margin-right: .5rem;
  float: left;
  font-size: 2rem;
  color: #024991;
  cursor: pointer;
  z-index: 9999
}

header.header .logo-bar .special-box {
  text-align: left;
  padding: 0;
  margin-left: 1rem
}

header.header .logo-bar .special-box a {
  margin-right: .5rem
}

header.header .logo-bar .special-box .fa {
  max-width: 2.2rem;
  padding: .6rem 0;
  height: 2.2rem;
  width: 2.2rem;
  cursor: pointer
}

header.header .logo-bar .special-box .fa:hover {
  background-color: #e8e8e8;
  color: #0a0a0a
}

header.header .logo-bar .special-box .fa:before {
  font-size: 1rem;
  display: block
}

header.header .logo-bar .logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header.header .logo-bar .logo-container .partner-logo {
  margin-left: 15px
}

header.header .logo-bar .logo-container .partner-logo img {
  max-height: 60px;
  max-width: 170px
}

@media screen and (max-width:39.9375em) {
  header.header .logo-bar .logo-container .partner-logo {
    margin-left: 10px
  }

  header.header .logo-bar .logo-container .partner-logo img {
    max-height: 30px;
    max-width: 100px
  }
}

header.header .logo-bar .logo-container .partner-logo+.logo-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%
}

@media screen and (min-width:40em) {
  header.header .logo-bar .logo-container .partner-logo+.logo-box {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: initial
  }
}

@media screen and (max-width:22.5625em) {
  header.header .logo-bar .logo-container .partner-logo+.logo-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
  }
}

header.header .logo-bar .logo-container .partner-logo+.logo-box img {
  height: inherit
}

@media screen and (min-width:40em) {
  header.header .logo-bar .logo-container .partner-logo+.logo-box img {
    height: 2.5rem
  }
}

header.header .logo-bar .logo-container .logo-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

@media screen and (min-width:40em) {
  header.header .logo-bar .logo-container .logo-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

header.header .logo-bar .logo-box {
  text-align: center;
  margin: 0;
  padding: 0
}

header.header .logo-bar .logo-box img {
  height: 2.5rem
}

@media screen and (max-width:21.25em) {
  header.header .logo-bar .logo-box img {
    height: 2.3rem
  }
}

@media screen and (max-width:19.6875em) {
  header.header .logo-bar .logo-box img {
    height: inherit
  }
}

header.header .logo-bar .logo-box img.special {
  height: inherit;
  margin-left: -1rem
}

header.header .logo-bar .logo-box img.text {
  height: auto
}

header.header .logo-bar .logo-box img.nomargin {
  margin-bottom: -.5rem
}

header.header .logo-bar .logo-box img.recommended {
  height: inherit
}

header.header .logo-bar .logo-box img.partner {
  height: 30px
}

header.header .logo-bar .user-box,
header.header .logo-bar .search-box {
  padding: 0;
  text-align: right;
  margin-right: .75rem
}

header.header .logo-bar .user-box .flex-box,
header.header .logo-bar .search-box .flex-box {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

header.header .logo-bar .user-box .text,
header.header .logo-bar .search-box .text {
  color: #024991;
  margin-top: -3px;
  display: inline-block;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: .9rem
}

header.header .logo-bar .user-box .register,
header.header .logo-bar .search-box .register {
  margin-left: 10px
}

header.header .logo-bar .user-box .register a,
header.header .logo-bar .search-box .register a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header.header .logo-bar .user-box .register .badge,
header.header .logo-bar .search-box .register .badge {
  height: 2rem;
  border: 1px solid #024991;
  background-color: #fefefe;
  color: #024991
}

header.header .logo-bar .user-box .register .badge:before,
header.header .logo-bar .search-box .register .badge:before {
  font-size: .75rem;
  display: block
}

header.header .logo-bar .user-box .register .text,
header.header .logo-bar .search-box .register .text {
  margin-left: 15px
}

header.header .logo-bar .user-box .login a,
header.header .logo-bar .search-box .login a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header.header .logo-bar .user-box .login .badge,
header.header .logo-bar .search-box .login .badge {
  height: 40px;
  width: 40px;
  background: #024991
}

@media screen and (max-width:39.9375em) {

  header.header .logo-bar .user-box .login .badge,
  header.header .logo-bar .search-box .login .badge {
    height: inherit
  }
}

header.header .logo-bar .user-box .login .text,
header.header .logo-bar .search-box .login .text {
  margin-right: 15px
}

header.header .logo-bar .user-box .logged .avatar,
header.header .logo-bar .search-box .logged .avatar {
  height: 40px;
  width: 40px
}

header.header .logo-bar .user-box .button,
header.header .logo-bar .search-box .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .9rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 15px;
  color: #024991;
  border: 2px solid #024991;
  background-color: #fefefe;
  margin-right: 10px
}

header.header .logo-bar .user-box .button a,
header.header .logo-bar .search-box .button a {
  color: #024991;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

header.header .logo-bar .user-box .button:last-child,
header.header .logo-bar .search-box .button:last-child {
  margin-right: 0
}

header.header .logo-bar .user-box .button:hover,
header.header .logo-bar .search-box .button:hover {
  opacity: .6
}

header.header .logo-bar .user-box .button img,
header.header .logo-bar .search-box .button img {
  max-width: 24px;
  margin-right: 10px
}

header.header .logo-bar .user-box i,
header.header .logo-bar .search-box i {
  cursor: pointer;
  max-width: 2.2rem;
  padding: .6rem 0
}

header.header .logo-bar .user-box i.fa-search,
header.header .logo-bar .search-box i.fa-search {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 0;
  margin-left: .2rem
}

@media screen and (max-width:26.25em) {

  header.header .logo-bar .user-box i.fa-search,
  header.header .logo-bar .search-box i.fa-search {
    display: none
  }

  header.header .logo-bar .user-box i.fa-search.single,
  header.header .logo-bar .search-box i.fa-search.single {
    display: block
  }
}

header.header .logo-bar .user-box .panel,
header.header .logo-bar .search-box .panel {
  font-size: .8rem;
  display: inline-block;
  margin: 0 .2rem;
  color: #666
}

header.header .logo-bar .user-box .panel .separator,
header.header .logo-bar .search-box .panel .separator {
  margin: 0 .2rem
}

header.header .logo-bar .user-box .special-badge,
header.header .logo-bar .search-box .special-badge {
  display: inline-block;
  padding-right: 10px;
  margin-bottom: 0
}

@media screen and (max-width:39.9375em) {

  header.header .logo-bar .user-box .special-badge,
  header.header .logo-bar .search-box .special-badge {
    padding-right: 0
  }
}

@media screen and (max-width:53.6875em) {

  header.header .logo-bar .user-box .special-badge .hide-for-large-up,
  header.header .logo-bar .search-box .special-badge .hide-for-large-up {
    position: absolute;
    right: 64px
  }
}

@media screen and (max-width:39.9375em) {

  header.header .logo-bar .user-box .special-badge .hide-for-large-up,
  header.header .logo-bar .search-box .special-badge .hide-for-large-up {
    position: absolute;
    height: 40px;
    right: 58px
  }
}

header.header .logo-bar .user-box .special-badge .show-for-medium,
header.header .logo-bar .user-box .special-badge .content-header .title-box .author .recepie-buttons .button.print,
.content-header .title-box .author .recepie-buttons header.header .logo-bar .user-box .special-badge .button.print,
header.header .logo-bar .user-box .special-badge .content-header .title-box .author .recepie-buttons .button.send,
.content-header .title-box .author .recepie-buttons header.header .logo-bar .user-box .special-badge .button.send,
header.header .logo-bar .search-box .special-badge .show-for-medium,
header.header .logo-bar .search-box .special-badge .content-header .title-box .author .recepie-buttons .button.print,
.content-header .title-box .author .recepie-buttons header.header .logo-bar .search-box .special-badge .button.print,
header.header .logo-bar .search-box .special-badge .content-header .title-box .author .recepie-buttons .button.send,
.content-header .title-box .author .recepie-buttons header.header .logo-bar .search-box .special-badge .button.send {
  display: none !important
}

@media screen and (min-width:40em) {

  header.header .logo-bar .user-box .special-badge .show-for-medium,
  header.header .logo-bar .user-box .special-badge .content-header .title-box .author .recepie-buttons .button.print,
  .content-header .title-box .author .recepie-buttons header.header .logo-bar .user-box .special-badge .button.print,
  header.header .logo-bar .user-box .special-badge .content-header .title-box .author .recepie-buttons .button.send,
  .content-header .title-box .author .recepie-buttons header.header .logo-bar .user-box .special-badge .button.send,
  header.header .logo-bar .search-box .special-badge .show-for-medium,
  header.header .logo-bar .search-box .special-badge .content-header .title-box .author .recepie-buttons .button.print,
  .content-header .title-box .author .recepie-buttons header.header .logo-bar .search-box .special-badge .button.print,
  header.header .logo-bar .search-box .special-badge .content-header .title-box .author .recepie-buttons .button.send,
  .content-header .title-box .author .recepie-buttons header.header .logo-bar .search-box .special-badge .button.send {
    display: block !important
  }
}

header.header .logo-bar .user-box .special-badge .show-for-small-only,
header.header .logo-bar .search-box .special-badge .show-for-small-only {
  display: none !important
}

@media screen and (max-width:39.9375em) {

  header.header .logo-bar .user-box .special-badge .show-for-small-only,
  header.header .logo-bar .search-box .special-badge .show-for-small-only {
    display: block !important
  }
}

header.header .logo-bar .user-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

header.header .logo-bar .user-box-form,
header.header .logo-bar .user-box-panel {
  text-align: left;
  left: inherit !important;
  top: 70px !important;
  right: 0
}

@media screen and (max-width:39.9375em) {

  header.header .logo-bar .user-box-form,
  header.header .logo-bar .user-box-panel {
    top: 63px !important
  }
}

@media screen and (max-width:28.75em) {

  header.header .logo-bar .user-box-form,
  header.header .logo-bar .user-box-panel {
    width: 100%
  }
}

header.header .logo-bar .user-box-form .user,
header.header .logo-bar .user-box-panel .user {
  margin: 1rem auto
}

header.header .logo-bar .user-box-form .user img,
header.header .logo-bar .user-box-panel .user img {
  margin-right: .2rem
}

header.header .logo-bar .user-box-panel .button {
  margin-bottom: 0
}

header.header .logo-bar .search-box-form {
  left: 0 !important;
  background-color: #fefefe;
  width: 100% !important;
  padding: .5rem;
  border: 0;
  z-index: 999;
  margin: 1rem auto 0;
  -webkit-box-shadow: 0 10px 20px -5px rgba(10, 10, 10, .75);
  box-shadow: 0 10px 20px -5px rgba(10, 10, 10, .75)
}

@media screen and (min-width:40em) {
  header.header .logo-bar .search-box-form {
    left: auto !important;
    width: 40% !important;
    padding-right: 1rem;
    padding-left: 1rem;
    right: 0
  }

  header.header .logo-bar .search-box-form form {
    padding: 0
  }
}

@media screen and (max-width:39.9375em) {
  header.header .logo-bar .search-box-form {
    top: 42px !important
  }
}

header.header .logo-bar .search-box-form form {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

header.header .logo-bar .search-box-form form input {
  margin: 0
}

header.header .logo-bar .search-box-form form input[type="text"] {
  width: 40%;
  height: 2.5rem
}

@media screen and (max-width:39.9375em) {
  header.header .logo-bar .search-box-form form input[type="text"] {
    height: 2.6rem
  }
}

header.header .logo-bar .search-box-form form input[type="submit"] {
  width: 30%
}

header.header .logo-bar.stick {
  width: 100%;
  z-index: 9999;
  background-color: #fefefe;
  top: 0;
  position: fixed
}

header.header .logo-bar.stick.scroll {
  -webkit-transition: .5s ease;
  transition: .5s ease
}

@media screen and (max-width:39.9375em) {
  header.header .logo-bar.stick .search-box-form {
    top: 59px !important
  }
}

header.header .logo-bar.stick .special-box {
  display: none
}

header.header .logo-bar.stick .nav-icon {
  display: block
}

header.header .menu-bar {
  padding: .5rem 0 .4rem;
  border-bottom: 1px solid #e8e8e8
}

header.header .menu-bar .nav-icon {
  margin-left: 1rem;
  max-width: 8rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  line-height: normal;
  position: absolute
}

@media screen and (max-width:53.6875em) {
  header.header .menu-bar .nav-icon {
    display: none
  }
}

header.header .menu-bar .nav-icon .menu-toggle span {
  display: block;
  width: 30px;
  height: 5px;
  margin-bottom: 5px;
  position: relative;
  background: #024991;
  z-index: 1
}

header.header .menu-bar .nav-icon .menu-toggle span:last-child {
  margin-bottom: 0
}

header.header .menu-bar .nav-icon .fa-bars,
header.header .menu-bar .nav-icon .fa-times {
  float: left;
  font-size: 2rem;
  color: #024991;
  cursor: pointer
}

@media screen and (min-width:64em) {

  header.header .menu-bar .nav-icon .fa-bars,
  header.header .menu-bar .nav-icon .fa-times {
    margin-right: .5rem
  }
}

header.header .menu-bar .menu-static .columns {
  padding: 0
}

header.header .menu-bar .menu-static .menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: normal
}

header.header .menu-bar .menu-static .menu.dropdown .is-dropdown-submenu-parent a:after {
  border: 0
}

header.header .menu-bar .menu-static .menu .menu {
  display: none
}

header.header .menu-bar .menu-static .menu .menu.submenu {
  z-index: 9999;
  cursor: pointer
}

header.header .menu-bar .menu-static .menu .menu.submenu.js-dropdown-active {
  display: block
}

header.header .menu-bar .menu-static .menu .menu li {
  font-size: .7rem
}

header.header .menu-bar .menu-static .menu .active,
header.header .menu-bar .menu-static .menu .pink,
header.header .menu-bar .menu-static .menu .content-area.special-report .single-post .gradient,
.content-area.special-report .single-post header.header .menu-bar .menu-static .menu .gradient,
header.header .menu-bar .menu-static .menu .content-area.special-report .top-video .gradient,
.content-area.special-report .top-video header.header .menu-bar .menu-static .menu .gradient {
  color: #024991
}

header.header .menu-bar .menu-static .menu li {
  font-family: "ModernistRegular", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  padding: .5rem .6rem;
  font-size: .85rem
}

@media screen and (min-width:80em) {
  header.header .menu-bar .menu-static .menu li {
    padding: .5rem .8rem;
    font-size: .8rem
  }
}

header.header .menu-bar .menu-static .menu li b {
  font-family: "ModernistBold", Arial, sans-serif
}

header.header .menu-bar .menu-static .menu li a {
  padding: 0 !important;
  line-height: normal
}

header.header .menu-bar .menu-static .menu li a:hover {
  color: #024991
}

header.header.header-lv2 {
  display: none
}

@media screen and (max-width:63.9375em) {
  header.header.header-lv2 {
    display: block
  }
}

header.header .header__arrow-back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
  left: 15px
}

header.header .header__arrow-back i {
  height: 27px;
  width: 27px;
  background: #024991;
  position: relative;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

header.header .header__arrow-back i:before {
  content: '';
  height: 7px;
  width: 7px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  left: 1px
}

header.header .header__arrow-back span {
  color: #000;
  font-size: 14px;
  display: inline-block;
  margin: 0 0 0 10px;
  line-height: 1;
  font-weight: 300
}

header.header .header__arrow-back span b {
  display: inline-block;
  margin: 0 0 0 3px
}

@media (max-width:1023px) {
  #ad_spec_content {
    padding: 0 !important
  }

  header.header {
    height: auto !important
  }

  header.header .logo-bar {
    height: auto !important
  }

  header.header .logo-bar .user-box+.search-box-form {
    top: 101px !important
  }

  header.header .logo-bar.stick {
    position: relative
  }

  header.header .badge {
    color: #fff !important
  }

  .header__nav {
    padding: .5rem .75rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8
  }

  .header__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0
  }

  .header__nav ul li {
    margin: 0 15px 0 0;
    line-height: 1
  }

  .header__nav ul li:last-child {
    margin: 0
  }
}

.off-canvas.position-left .icon-close {
  position: absolute;
  top: 17px;
  right: 10px;
  font-size: 25px;
  cursor: pointer;
  color: #000
}

@media (max-width:1023px) {
  .off-canvas.position-left {
    position: fixed;
    z-index: 99999999;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
    height: 100% !important;
    opacity: 0;
    -webkit-transition: opacity, -webkit-transform .3s cubic-bezier(.5, .15, .17, 1);
    transition: opacity, -webkit-transform .3s cubic-bezier(.5, .15, .17, 1);
    transition: opacity, transform .3s cubic-bezier(.5, .15, .17, 1);
    transition: opacity, transform .3s cubic-bezier(.5, .15, .17, 1), -webkit-transform .3s cubic-bezier(.5, .15, .17, 1)
  }

  .menu-open .off-canvas.position-left {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  .menu-open {
    position: relative;
    overflow: hidden
  }

  .menu-open body {
    position: relative;
    overflow: hidden
  }

  .menu-open .js-off-canvas-exit {
    display: block
  }

  .mobile-nav-icon {
    cursor: pointer
  }

  html,
  body {
    height: auto
  }
}

@media screen and (max-width:39.9375em) {
  html {
    font-size: 18px
  }
}

body {
  font-weight: 300;
  overflow: visible
}

body.opened,
body.hidden {
  overflow: hidden
}

body h5.title {
  font-size: 1rem;
  color: #222
}

@media screen and (max-width:39.9375em) {
  body h5.title {
    font-size: 1.2rem
  }
}

body h5.title a {
  color: #222
}

body.menu-open {
  overflow: hidden
}

body .konami {
  background: #0a0a0a url(/img/contra.jpg) no-repeat center;
  padding: 2rem;
  height: 100%;
  width: 100%
}

body .reveal .title {
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #e8e8e8
}

body .reveal .lead {
  font-size: .9rem;
  list-style-type: none;
  margin: 0 auto
}

body .reveal .lead .alert {
  color: red
}

body .reveal .lead .warning {
  color: #ffa500
}

body .reveal .lead .success {
  color: green
}

body .reveal .close-button {
  top: .6rem
}

@media screen and (max-width:39.9375em) {
  body .reveal {
    width: auto;
    margin: 2rem;
    height: auto;
    min-height: inherit
  }
}

@media screen and (max-width:30em) {
  body .reveal {
    margin: 1rem
  }
}

body .reveal.alert {
  background-color: #fff3f3
}

body .reveal.alert .title {
  color: red
}

body .reveal.warning {
  background-color: #fffaf2
}

body .reveal.warning .title {
  color: #ffa500
}

body .reveal.success {
  background-color: #f6fff6
}

body .reveal.success .title {
  color: green
}

table tbody tr {
  border: 1px solid #eff0f0
}

fieldset .row.clear,
fieldset .sidebar .box .clear.row-box,
.sidebar .box fieldset .clear.row-box {
  margin: 0 auto !important
}

h1,
h2 {
  font-weight: bold
}

.button {
  font-size: .9rem;
  color: #fefefe;
  font-family: "ModernistBold", Arial, sans-serif
}

.button.form-show:focus,
.button.form-show:hover,
.button.show-comments:focus,
.button.show-comments:hover {
  background-color: #024991;
  opacity: 1
}

.button:focus {
  background-color: #024991;
  opacity: 1
}

.button.goback {
  margin: 0;
  float: right;
  font-size: .75rem;
  margin-right: 8rem;
  padding: .55rem 1rem;
  background-color: #0a0a0a
}

@media screen and (max-width:30em) {
  .button.goback {
    float: none;
    margin-right: 0;
    display: block;
    margin: 1rem auto
  }
}

.button.expanded {
  margin-bottom: 1rem
}

.button.show-article {
  margin-bottom: 2rem
}

.badge {
  max-width: 2rem;
  padding: .5rem
}

.badge.fa-google-plus:before {
  margin-left: -.1rem
}

.badge.pink,
.content-area.special-report .single-post .badge.gradient,
.content-area.special-report .top-video .badge.gradient {
  background-color: #024991
}

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-box.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.row .columns,
.sidebar .box .row-box .columns {
  border: 0
}

.row.main-topic,
.sidebar .box .main-topic.row-box {
  max-width: 100%
}

.row.main-topic .columns,
.sidebar .box .main-topic.row-box .columns {
  margin: 0;
  padding: 0
}

.row .row,
.sidebar .box .row-box .row,
.row .sidebar .box .row-box,
.sidebar .box .row .row-box,
.sidebar .box .row-box .row-box {
  margin-left: 0;
  margin-right: 0
}

.text-box .special-info.partner {
  left: 0;
  margin: 0 auto;
  right: 0;
  top: -30px;
  font-size: 14px;
  padding: 3px 12px;
  font-family: 'ModernistLight'
}

@media screen and (max-width:39.9375em) {
  .text-box .special-info.partner {
    font-size: 12px;
    top: -26px
  }
}

.special-info {
  position: absolute;
  background-color: rgba(10, 10, 10, .4);
  padding: 0 .5rem;
  cursor: pointer;
  line-height: normal;
  right: .5rem;
  font-size: .8rem;
  z-index: 999;
  top: .5rem
}

.special-info i {
  color: #fefefe;
  line-height: 2
}

.special-info i span {
  color: #fefefe;
  display: inline-block;
  margin-left: .2rem;
  font-size: .7rem
}

.special-info i:nth-child(2) {
  margin-left: .5rem
}

.special-info.partner {
  left: 10px;
  display: inline-block;
  padding: 8px 30px;
  letter-spacing: .05rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 30%;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: .7rem;
  color: #fefefe;
  line-height: normal
}

@media screen and (max-width:39.9375em) {
  .special-info.partner {
    font-size: .65rem;
    padding: 7px 20px
  }
}

.special-info.partner div,
.special-info.partner span {
  line-height: normal
}

.container {
  background-color: #fefefe
}

.container.opened {
  background-color: #e8e8e8;
  opacity: .8
}

.container .content {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 0;
  margin-bottom: 1rem
}

.container .content .content-area .forum label {
  margin-bottom: 1rem
}

.container .content .content-area .show-comments {
  margin-bottom: 0
}

.container .content .content-area.cards {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 1rem
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area.cards {
    margin-bottom: 0
  }
}

.container .content .content-area.cards .slider-box {
  margin: 1rem auto 1.5rem
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area.cards .slider-box {
    margin-bottom: 0
  }
}

.container .content .content-area .one-column .main-img {
  max-width: 300px
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area .one-column .main-img {
    max-width: none;
    margin: 0 0 1rem
  }
}

.container .content .content-area .vertical-line {
  border: 1px solid #eff0f0
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area .vertical-line {
    border: 0
  }
}

.container .content .content-area .promo-box {
  margin-top: 0
}

.container .content .content-area .promo-box .recommended {
  font-size: .9rem;
  margin-bottom: 2em
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area .promo-box .recommended {
    margin-bottom: 1rem
  }
}

.container .content .content-area .promo-box .recommended h3 {
  color: #024991;
  margin-bottom: 1rem
}

.container .content .content-area .promo-box .recommended h5 {
  margin-right: 1rem
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area .promo-box .recommended h5 {
    margin-right: 0
  }
}

.container .content .content-area .promo-box .recommended img {
  float: left;
  margin-right: .5rem;
  margin-top: .2rem
}

@media screen and (max-width:39.9375em) {
  .container .content .content-area .promo-box .recommended {
    padding: 0
  }

  .container .content .content-area .promo-box .recommended .box {
    margin-bottom: 1rem
  }

  .container .content .content-area .promo-box .recommended .box:last-child {
    margin-bottom: 0
  }
}

.container .content.wide {
  margin-bottom: 0
}

.container .content.wide .content-area {
  padding: 0
}

.container .content.wide .content-area .one-column {
  max-width: 42rem;
  margin: .5rem auto 0
}

@media screen and (max-width:53.6875em) {
  .container .content.wide .content-area .one-column {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.container .content.wide .content-area .one-column .article {
  padding: 0 !important
}

.container .content.wide .content-area .one-column .user-wrapper {
  border-right: 0
}

@media screen and (max-width:89.9375em) {
  .container .content.wide .content-area .article {
    padding: 0 .5rem
  }
}

@media screen and (max-width:79.9375em) {
  .container .content.wide .content-area .article {
    padding: 0 1rem
  }
}

.container .content .recommended-page {
  max-width: 42rem;
  margin: .5rem auto 0
}

.container .content .recommended-page .content-area {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.container .content img.left-side {
  float: left
}

.container .content img.right-side {
  float: left
}

.container .content .row,
.container .content .sidebar .box .row-box,
.sidebar .box .container .content .row-box {
  margin: 1rem auto
}

.container .content .row.content-header,
.container .content .sidebar .box .content-header.row-box,
.sidebar .box .container .content .content-header.row-box {
  margin: 0 auto 1rem
}

.container .content .main-img.full {
  width: 100%;
  text-align: center;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-bottom: 0;
  position: relative
}

.container .content .main-img.full .main-img-box {
  display: table;
  padding-bottom: 1rem;
  margin: auto
}

.container .content .main-img.full .main-img-box img {
  width: 100%
}

.container .content label.middle {
  margin-bottom: 0
}

.container .content input,
.container .content select {
  margin-bottom: 0
}

.container .content .search-result.cards {
  margin-bottom: 2rem
}

@media screen and (max-width:89.9375em) {
  .container .content .search-result.cards {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.container .content .search-result.cards .row,
.container .content .search-result.cards .sidebar .box .row-box,
.sidebar .box .container .content .search-result.cards .row-box {
  border-bottom: 1px solid #eff0f0;
  padding-bottom: 1rem;
  margin-bottom: 1rem
}

.container .content .search-result.cards .row:first-child,
.container .content .search-result.cards .sidebar .box .row-box:first-child,
.sidebar .box .container .content .search-result.cards .row-box:first-child {
  margin-top: 0
}

.container .content .search-result.cards .row:last-child,
.container .content .search-result.cards .sidebar .box .row-box:last-child,
.sidebar .box .container .content .search-result.cards .row-box:last-child {
  border-bottom: 0
}

.container .content .search-result.cards .text-box {
  padding: 0
}

.container .content .search-result.cards .text-box .adress {
  font-size: .9rem;
  color: #666;
  margin-bottom: .5rem
}

.container .content .search-result.cards .text-box h5 {
  font-size: 1.2rem
}

.container .content .search-result.cards .text-box .more {
  font-size: .9rem;
  float: right
}

.container .content .search-result.cards h2 span {
  color: #666;
  font-size: 1.4rem
}

@media screen and (max-width:39.9375em) {
  .container .content .search-result.cards h2 span {
    font-size: 1.2rem
  }
}

.container .content .cards-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%
}

@media screen and (max-width:53.6875em) {
  .container .content .cards-menu {
    padding: 0 1rem
  }
}

.container .content .cards-menu .row,
.container .content .cards-menu .sidebar .box .row-box,
.sidebar .box .container .content .cards-menu .row-box {
  margin-top: 0
}

@media screen and (max-width:39.9375em) {

  .container .content .cards-menu .row,
  .container .content .cards-menu .sidebar .box .row-box,
  .sidebar .box .container .content .cards-menu .row-box {
    margin-bottom: 0
  }
}

.container .content .cards-menu .row .column,
.container .content .cards-menu .sidebar .box .row-box .column,
.sidebar .box .container .content .cards-menu .row-box .column,
.container .content .cards-menu .row .columns,
.container .content .cards-menu .sidebar .box .row-box .columns,
.sidebar .box .container .content .cards-menu .row-box .columns {
  text-align: center;
  padding: 0
}

.container .content .cards-menu .row .column .button,
.container .content .cards-menu .sidebar .box .row-box .column .button,
.sidebar .box .container .content .cards-menu .row-box .column .button,
.container .content .cards-menu .row .columns .button,
.container .content .cards-menu .sidebar .box .row-box .columns .button,
.sidebar .box .container .content .cards-menu .row-box .columns .button {
  min-width: 6rem
}

@media screen and (max-width:39.9375em) {

  .container .content .cards-menu .row .column .button,
  .container .content .cards-menu .sidebar .box .row-box .column .button,
  .sidebar .box .container .content .cards-menu .row-box .column .button,
  .container .content .cards-menu .row .columns .button,
  .container .content .cards-menu .sidebar .box .row-box .columns .button,
  .sidebar .box .container .content .cards-menu .row-box .columns .button {
    min-width: 10rem
  }
}

.container .single-post,
.container .top-video {
  width: 100%;
  position: relative
}

@media screen and (max-width:39.9375em) {

  .container .single-post,
  .container .top-video {
    margin-bottom: 1rem
  }
}

.container .single-post:hover .gradient.pink,
.container .content-area.special-report .single-post:hover .gradient,
.content-area.special-report .container .single-post:hover .gradient,
.container .single-post:hover .content-area.special-report .top-video .gradient,
.container .top-video:hover .gradient.pink,
.container .top-video:hover .content-area.special-report .single-post .gradient,
.container .content-area.special-report .top-video:hover .gradient,
.content-area.special-report .container .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(#024991));
  background-image: linear-gradient(to top, transparent 40%, #024991 100%)
}

.container .single-post img,
.container .top-video img {
  width: 100%
}

.container .single-post .inner-box,
.container .top-video .inner-box {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  text-align: center;
  padding: 0;
  z-index: 990;
  font-size: 2rem
}

@media screen and (max-width:39.9375em) {

  .container .single-post .inner-box,
  .container .top-video .inner-box {
    position: static;
    width: 100%;
    margin-top: -1px
  }
}

.container .single-post .inner-box .text-box,
.container .top-video .inner-box .text-box {
  text-align: center;
  background-color: rgba(237, 33, 124, .9);
  position: absolute;
  padding: 1rem;
  bottom: 2rem;
  right: 0;
  left: 0;
  width: 60%;
  margin: 0 auto
}

@media screen and (max-width:53.6875em) {

  .container .single-post .inner-box .text-box,
  .container .top-video .inner-box .text-box {
    bottom: 1rem;
    width: 80%
  }
}

@media screen and (max-width:39.9375em) {

  .container .single-post .inner-box .text-box,
  .container .top-video .inner-box .text-box {
    bottom: 0;
    position: relative;
    width: 100%;
    padding: 1rem
  }
}

.container .single-post .inner-box .text-box h6,
.container .top-video .inner-box .text-box h6 {
  text-transform: uppercase;
  color: #fefefe;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-size: 1rem
}

@media screen and (max-width:39.9375em) {

  .container .single-post .inner-box .text-box h6,
  .container .top-video .inner-box .text-box h6 {
    font-size: .9rem;
    margin-bottom: .5rem
  }
}

@media screen and (max-width:26.25em) {

  .container .single-post .inner-box .text-box h6,
  .container .top-video .inner-box .text-box h6 {
    margin-bottom: .2rem
  }
}

.container .single-post .inner-box .text-box h5,
.container .top-video .inner-box .text-box h5 {
  color: #fefefe;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: 1.6rem
}

@media screen and (max-width:53.6875em) {

  .container .single-post .inner-box .text-box h5,
  .container .top-video .inner-box .text-box h5 {
    font-size: 1.4rem
  }
}

@media screen and (max-width:39.9375em) {

  .container .single-post .inner-box .text-box h5,
  .container .top-video .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

.container .single-post .inner-box .text-box a,
.container .top-video .inner-box .text-box a {
  color: #fefefe
}

.container .single-post {
  margin: 1rem auto
}

@media screen and (max-width:53.6875em) {
  .container .single-post {
    margin-top: 0
  }
}

@media screen and (max-width:39.9375em) {
  .container .comments-box .more-video-info {
    display: block
  }
}

.container .more-video-info {
  text-align: center;
  width: 0;
  height: 0;
  position: relative;
  margin: 0 auto;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
  border-top: 5rem solid #024991;
  color: #fefefe
}

.container .more-video-info a,
.container .more-video-info span {
  position: absolute;
  color: #fefefe;
  top: -4.5rem;
  font-size: 1rem;
  left: -1rem;
  font-weight: 300;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  line-height: normal
}

@media screen and (max-width:39.9375em) {
  .container .more-video-info {
    display: none
  }
}

@media screen and (max-width:89.9375em) {
  .container .percentileChart {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.container .percentileChart h4 {
  margin-bottom: 1rem
}

.cover-link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 999
}

.infinity-load {
  text-align: center;
  font-size: 3rem
}

.main-video {
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8
}

.main-video img {
  width: 100%
}

.links {
  margin: 1rem 0
}

.links a {
  list-style: none;
  color: #fefefe;
  padding: 0 1rem;
  margin: 0;
  display: inline-block;
  font-size: .875rem
}

.icon-gallery:before {
  content: "\e900";
  font-family: "FontAwesome", "IconsFont"
}

.icon-comment:before {
  content: "\e901";
  font-family: "FontAwesome", "IconsFont"
}

.separator {
  color: #024991
}

.mobile-overlay {
  display: none
}

@media screen and (max-width:53.6875em) {
  .mobile-overlay {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 10001;
    top: 4rem;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0a0a0a;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
  }

  .mobile-overlay.opened {
    visibility: visible;
    opacity: .7;
    z-index: 1
  }
}

.scrollup {
  position: fixed;
  cursor: pointer;
  display: none;
  z-index: 999;
  background-color: #024991;
  padding: .5rem 1rem;
  bottom: 0;
  right: 10%
}

@media screen and (max-width:79.9375em) {
  .scrollup {
    right: 2rem
  }
}

@media screen and (max-width:53.6875em) {
  .scrollup {
    right: 1rem
  }
}

.scrollup i {
  color: #fefefe
}

.clearfix {
  clear: both
}

.content-area ul.rating {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  min-width: 260px;
  margin-left: 0;
  margin-bottom: .4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media screen and (max-width:53.6875em) {
  .content-area ul.rating {
    margin: -1rem 0 0
  }
}

.content-area ul.rating li {
  margin-right: .5rem;
  margin-left: 0;
  list-style: none
}

.content-area ul.rating li .rating-star {
  unicode-bidi: bidi-override;
  min-width: 100px;
  direction: rtl;
  margin: 0
}

@media screen and (max-width:53.6875em) {
  .content-area ul.rating li .rating-star {
    margin: .8rem 0 0
  }
}

.content-area ul.rating li .rating-star.voted {
  pointer-events: none
}

.content-area ul.rating li .rating-star>span {
  display: inline-block;
  position: relative;
  font-size: 1rem
}

.content-area ul.rating li .rating-star>*:hover,
.content-area ul.rating li .rating-star>*:hover~span,
.content-area ul.rating li .rating-star:not(:hover)>input:checked~span {
  color: transparent
}

.content-area ul.rating li .rating-star>*:hover:before,
.content-area ul.rating li .rating-star>*:hover~span:before,
.content-area ul.rating li .rating-star:not(:hover)>input:checked~span:before {
  content: "\f005";
  position: absolute;
  font-family: "FontAwesome", "IconsFont";
  left: 0;
  color: #ffa500
}

.content-area ul.rating li .rating-star>input {
  margin-left: -1.5em;
  width: 1.5em;
  height: inherit;
  cursor: pointer;
  position: relative;
  z-index: 2;
  opacity: 0
}

@media screen and (max-width:53.6875em) {
  .content-area ul.rating li .rating-star>input {
    width: 2em
  }
}

.content-area ul.rating li .rating-number {
  color: #0a0a0a
}

@media screen and (max-width:53.6875em) {
  .content-area .cards {
    margin-top: -1rem
  }
}

.content-area .cards h4 {
  line-height: inherit;
  background-color: #eff0f0;
  padding: .5rem 1rem
}

@media screen and (max-width:53.6875em) {
  .content-area .cards h4 {
    font-size: 1.2rem
  }
}

.content-area .cards .gallery-img {
  margin-top: 0
}

.content-area .cards .category-box .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .9rem;
  line-height: normal;
  margin-bottom: .75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:39.9375em) {
  .content-area .cards .category-box .category {
    font-size: 1.1rem
  }
}

.content-area .cards .category-box .category h5 {
  background-color: #eff0f0;
  padding: .5rem
}

@media screen and (max-width:39.9375em) {
  .content-area .cards .category-box .category h5 {
    font-size: 1rem
  }
}

.content-area .cards .category-box .category i {
  margin-right: .5rem;
  color: #666
}

.content-area .cards .category-box .category span {
  display: block;
  font-size: .8rem;
  color: #666
}

@media screen and (max-width:39.9375em) {
  .content-area .cards .category-box .category span {
    font-size: .9rem
  }
}

.content-area .cards .category-box .category a {
  display: inline-block;
  color: #222
}

.content-area .cards .category-box .category a:hover {
  color: #024991
}

.content-area .cards .category-box .more {
  text-align: right;
  margin-top: .5rem
}

.content-area .cards .category-box.sub-cat {
  margin-bottom: 1rem
}

.content-area .cards .category-box.sub-cat h5 {
  font-size: 1rem
}

.content-area .cards .category-box.sub-cat .row,
.content-area .cards .category-box.sub-cat .sidebar .box .row-box,
.sidebar .box .content-area .cards .category-box.sub-cat .row-box {
  margin: 0
}

.content-area .cards .category-box.sub-cat .category .row,
.content-area .cards .category-box.sub-cat .category .sidebar .box .row-box,
.sidebar .box .content-area .cards .category-box.sub-cat .category .row-box {
  margin-bottom: .5rem
}

.content-area .cards .category-box.sub-cat .category ul {
  margin-left: 2rem
}

.content-area .cards .category-box.sub-cat .category ul li {
  font-size: .9rem;
  margin-left: 0
}

@media screen and (max-width:39.9375em) {
  .content-area .cards .category-box.sub-cat .category ul li {
    font-size: 1rem
  }
}

@media screen and (max-width:26.25em) {
  .content-area .cards .category-box.sub-cat .category ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .cards .units h4 {
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8
}

.content-area .cards .units h3 {
  font-size: 1.1rem;
  margin-bottom: 1rem
}

.content-area .cards .units h3 .inactive {
  font-size: .9rem;
  color: #666
}

.content-area .cards .units .unit-box {
  padding: 1rem;
  font-size: .95rem;
  background-color: #eff0f0
}

.content-area .cards .units .unit-box .adress-box {
  margin-bottom: .2rem
}

.content-area .cards .units .unit-box .adress-box span {
  color: #666;
  font-size: .8rem
}

.content-area .cards .units ul {
  margin-left: 0;
  margin-bottom: 0;
  width: 100%
}

.content-area .cards .units ul li {
  list-style-type: none;
  margin-left: 0
}

.content-area .cards .units ul li h5 {
  font-size: 1rem
}

.content-area .cards .units ul li>ul .department {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8;
  padding-left: 1rem;
  font-size: .9rem;
  margin-top: 1rem;
  margin-bottom: 1rem
}

.content-area .cards .units ul li>ul .department .adress-box {
  margin: .5rem auto;
  font-size: .8rem
}

.content-area .cards .units ul li>ul .department ul li {
  margin-left: 2rem;
  list-style-type: disc
}

.content-area .cards .units ul li>ul .show-inactive {
  background-color: #e8e8e8;
  line-height: normal;
  margin-bottom: 1rem;
  padding: .5rem 1rem
}

.content-area .cards .units ul li>ul .inactive-box {
  display: none
}

.content-area .cards .units ul li>ul .inactive-box .department {
  color: #666
}

.content-area .cards .units ul li>ul .inactive-box .department h5,
.content-area .cards .units ul li>ul .inactive-box .department h6 {
  color: #666
}

.content-area .cards form input {
  margin-bottom: .5rem
}

.content-area .cards form textarea {
  min-height: 10rem
}

.content-area .cards .contact .adress {
  font-size: .9rem
}

.content-area .cards .contact .map {
  text-align: right
}

@media screen and (max-width:53.6875em) {
  .content-area .cards .contact .map {
    text-align: left;
    margin-top: 1rem
  }
}

.content-area .cards .gallery .column,
.content-area .cards .gallery .columns {
  text-align: center
}

@media screen and (max-width:39.9375em) {

  .content-area .cards .gallery .column,
  .content-area .cards .gallery .columns {
    margin-bottom: 1rem
  }

  .content-area .cards .gallery .column:last-child,
  .content-area .cards .gallery .columns:last-child {
    margin-bottom: 0
  }
}

.content-area .cards .comments {
  margin-top: 1rem
}

.content-area .cards .description,
.content-area .cards .reviews,
.content-area .cards .gallery,
.content-area .cards .wideo,
.content-area .cards .contact {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8
}

.content-area .cards .description p:last-child,
.content-area .cards .reviews p:last-child,
.content-area .cards .gallery p:last-child,
.content-area .cards .wideo p:last-child,
.content-area .cards .contact p:last-child {
  margin-bottom: 0
}

.content-area .cards .gallery .row,
.content-area .cards .gallery .sidebar .box .row-box,
.sidebar .box .content-area .cards .gallery .row-box {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.content-area .cards .gallery .more {
  text-align: right
}

.content-area .cards .gallery .more i {
  margin-left: .5rem
}

.content-area .cards .tab-box {
  margin: 2rem auto 1rem;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.content-area .cards .tab-box ul {
  margin-left: 0
}

.content-area .cards .tab-box ul.tabs {
  border: 0;
  border-bottom: 1px solid #eff0f0
}

.content-area .cards .tab-box ul li {
  list-style: none;
  margin-left: 0
}

.content-area .cards .tab-box ul li a {
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #222
}

.content-area .cards .tab-box ul li a:hover {
  color: #024991
}

.content-area .cards .tab-box .tabs-content {
  border-color: #eff0f0
}

.content-area .cards .tab-box .tabs-content .tabs-panel {
  padding: .5rem 0
}

.content-area .cards .tab-box .tabs-content .tabs-panel .row,
.content-area .cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box,
.sidebar .box .content-area .cards .tab-box .tabs-content .tabs-panel .row-box {
  margin: 0
}

@media screen and (max-width:53.6875em) {

  .content-area .cards .tab-box .tabs-content .tabs-panel .row .column,
  .content-area .cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box .column,
  .sidebar .box .content-area .cards .tab-box .tabs-content .tabs-panel .row-box .column,
  .content-area .cards .tab-box .tabs-content .tabs-panel .row .columns,
  .content-area .cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box .columns,
  .sidebar .box .content-area .cards .tab-box .tabs-content .tabs-panel .row-box .columns {
    padding: 0
  }
}

.content-area .cards .tab-box .tabs-content .tabs-panel .more {
  text-align: right;
  margin: .5rem 1rem .5rem 0
}

@media screen and (max-width:39.9375em) {
  .content-area .cards .tab-box .tabs-content .tabs-panel .more {
    margin: 0 1rem .5rem
  }
}

.content-area .cards .tab-box .tabs-content .company {
  font-size: .8rem;
  padding: .5rem;
  margin: .5rem 1rem
}

.content-area .cards .tab-box .tabs-content .company .image {
  float: right;
  display: inline-block;
  margin-left: .5rem
}

.content-area .cards .tab-box .tabs-content .company a.title {
  display: block;
  font-size: .85rem;
  color: #0a0a0a;
  line-height: normal;
  margin-bottom: .5rem
}

.content-area .cards .tab-box .tabs-content .company.premium {
  background-color: #eff0f0
}

.content-area .cards .cards-box {
  margin-bottom: 1rem
}

.content-area .cards .cards-box h4 {
  line-height: inherit;
  background-color: #eff0f0;
  padding: .5rem 1rem
}

.content-area .cards .cards-box .company {
  padding-bottom: 1rem;
  margin: 1rem auto;
  overflow: hidden;
  border-bottom: 1px solid #e8e8e8;
  font-size: .9rem
}

@media screen and (max-width:39.9375em) {
  .content-area .cards .cards-box .company {
    padding: 0 0 1rem 0
  }
}

.content-area .cards .cards-box .company:last-child {
  border-bottom: 0
}

.content-area .cards .cards-box .company.premium {
  background-color: #eff0f0
}

.content-area .cards .cards-box .company .image {
  float: right;
  display: block;
  margin-left: 1rem;
  margin-bottom: .5rem
}

.content-area .cards .cards-box .company .title:hover {
  color: #024991
}

.content-area .cards .cards-box .company .text {
  font-size: .9rem;
  margin: .5rem auto
}

.content-area .cards .cards-box .company .info {
  font-size: .8rem
}

.content-area .cards .cards-box .company .category {
  font-size: .8rem;
  color: #666
}

.sticky-side {
  background-color: #ff0;
  margin: 0 auto
}

.sticky-side .halfpage {
  position: -webkit-sticky;
  position: sticky;
  top: 2rem;
  z-index: 1
}

.thumbnail {
  position: relative;
  text-align: center;
  margin: .5rem auto
}

.thumbnail img {
  width: 100%
}

.left {
  float: left
}

.right {
  float: right
}

.align-center {
  text-align: center
}

.align-left {
  text-align: left
}

.align-right {
  text-align: right
}

.row-title {
  font-size: 18px
}

.gothic-title {
  font-size: 24px;
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.gothic-title.pink,
.content-area.special-report .single-post .gothic-title.gradient,
.content-area.special-report .top-video .gothic-title.gradient {
  color: #024991
}

@media screen and (min-width:64em) {
  .hide-for-large-up {
    display: none !important
  }
}

@media screen and (min-width:40em) {

  .push-1,
  .pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }

  .push-2,
  .pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }

  .push-3,
  .pull-3 {
    position: relative;
    left: 25%;
    right: auto
  }

  .push-4,
  .pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }

  .push-5,
  .pull-5 {
    position: relative;
    left: 43.5%;
    right: auto
  }

  .push-6,
  .pull-6 {
    position: relative;
    left: 50%;
    right: auto
  }

  .push-7,
  .pull-7 {
    position: relative;
    right: 58%;
    left: auto
  }

  .push-8,
  .pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }

  .push-9,
  .pull-9 {
    position: relative;
    left: 75%;
    right: auto
  }

  .push-10,
  .pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }

  .push-11,
  .pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }
}

.font-icon {
  font-family: "FontAwesome", "IconsFont";
  font-style: normal;
  color: #fefefe
}

.icon-play-circle {
  font-size: 3rem
}

.icon-play-circle.large {
  font-size: 5rem
}

.icon-play-circle:before {
  content: "\e906";
  text-shadow: 0 0 1rem #666
}

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

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

.icon-gallery {
  font-size: 2rem
}

.icon-gallery.large {
  font-size: 3rem
}

@media screen and (min-width:64em) {
  .icon-gallery.large {
    font-size: 4rem
  }
}

.icon-gallery:before {
  content: "\e900"
}

.icon-comment:before {
  content: "\e901"
}

.icon-quote-left:before {
  content: "\e902"
}

.icon-quote-right:before {
  content: "\e903"
}

.icon-users:before {
  content: "\e907"
}

.icon-chart:before {
  content: "\e908"
}

.icon-info:before {
  content: "\e909"
}

.icon-time:before {
  content: "\e910"
}

.icon-close:before {
  content: "\e911"
}

.gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 1
}

.gradient.pink,
.content-area.special-report.pink .single-post .gradient,
.content-area.special-report.pink .top-video .gradient,
.content-area.special-report .single-post .gradient,
.content-area.special-report .top-video .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(#024991));
  background-image: linear-gradient(to top, transparent 60%, #024991 100%)
}

.gradient.red,
.content-area.special-report.red .single-post .gradient,
.content-area.special-report.red .top-video .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(red));
  background-image: linear-gradient(to top, transparent 60%, red 100%)
}

.gradient.blue,
.content-area.special-report.blue .single-post .gradient,
.content-area.special-report.blue .top-video .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(#207ce5));
  background-image: linear-gradient(to top, transparent 60%, #207ce5 100%)
}

.gradient.azure {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(#00a4ea));
  background-image: linear-gradient(to top, transparent 60%, #00a4ea 100%)
}

.gradient.orange,
.content-area.special-report.orange .single-post .gradient,
.content-area.special-report.orange .top-video .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(orange));
  background-image: linear-gradient(to top, transparent 60%, orange 100%)
}

.gradient.green,
.content-area.special-report.green .single-post .gradient,
.content-area.special-report.green .top-video .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(green));
  background-image: linear-gradient(to top, transparent 60%, green 100%)
}

.gradient.black,
.content-area.special-report.black .single-post .gradient,
.content-area.special-report.black .top-video .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), to(#0a0a0a));
  background-image: linear-gradient(to top, transparent 60%, #0a0a0a 100%)
}

.error-box {
  text-align: center;
  margin: 0 auto
}

@media screen and (max-width:53.6875em) {
  .error-box {
    min-height: inherit;
    margin-bottom: -2rem
  }
}

@media screen and (max-width:39.9375em) {
  .error-box {
    margin-bottom: -1rem
  }
}

.error-box .inner-box {
  margin: -50% auto 15%;
  text-align: center
}

@media screen and (max-width:53.6875em) {
  .error-box .inner-box {
    overflow: visible
  }
}

@media screen and (max-width:30em) {
  .error-box .inner-box {
    font-size: 1rem;
    margin-bottom: 0
  }
}

.error-box .inner-box h1 {
  font-size: 6rem;
  margin-bottom: .5rem
}

@media screen and (max-width:53.6875em) {
  .error-box .inner-box h1 {
    font-size: 4rem
  }
}

@media screen and (max-width:39.9375em) {
  .error-box .inner-box h1 {
    font-size: 3rem
  }
}

.error-box .inner-box h5 {
  font-size: 1.2rem;
  padding: .2rem .5rem;
  color: #fefefe;
  font-weight: normal;
  font-family: "ModernistRegular", Arial, sans-serif;
  background-color: #0a0a0a
}

@media screen and (max-width:53.6875em) {
  .error-box .inner-box h5 {
    font-size: 1.1rem
  }
}

@media screen and (max-width:39.9375em) {
  .error-box .inner-box h5 {
    font-size: 1.1rem
  }
}

@media screen and (max-width:30em) {
  .error-box .inner-box h5 {
    font-size: 1rem
  }
}

.error-box .inner-box div {
  font-size: .9rem
}

.form-error {
  font-size: .8rem
}

.notfound .titles .large-box .more img {
  max-height: initial
}

form .form-error {
  margin-top: 0;
  font-size: .7rem
}

form .error input,
form .error select,
form .error textarea,
form .error button {
  border: 1px solid red
}

form .error span {
  color: red
}

form .error .error-msg {
  color: red;
  margin: .2rem 0 -.5rem 0;
  list-style-type: none;
  font-size: .8rem
}

form .error .error-msg li {
  margin-left: 0
}

.callout {
  display: block;
  margin: 0;
  border: 0;
  font-weight: bold;
  padding: .8rem;
  font-size: .9rem
}

.callout i {
  margin-right: .5rem;
  font-size: 1.1rem
}

.callout.alert {
  background-color: #f04124;
  color: #fefefe
}

.callout.warning {
  background-color: #ffa500;
  margin-bottom: 1rem;
  color: #fefefe
}

.callout.success {
  background-color: #66d266;
  color: #fefefe
}

.autopromo-box.row,
.sidebar .box .autopromo-box.row-box {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width:79.9375em) {

  .autopromo-box.row,
  .sidebar .box .autopromo-box.row-box {
    padding: 0 1rem
  }

  .autopromo-box.row.slick-slider,
  .sidebar .box .autopromo-box.slick-slider.row-box {
    margin-bottom: 0
  }
}

.autopromo-box.row.row,
.sidebar .box .autopromo-box.row-box {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto
}

.autopromo-box.row .inner-box,
.sidebar .box .autopromo-box.row-box .inner-box {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left
}

@media screen and (max-width:53.6875em) {

  .autopromo-box.row .inner-box,
  .sidebar .box .autopromo-box.row-box .inner-box {
    padding: 0
  }

  .autopromo-box.row .inner-box:nth-child(3),
  .sidebar .box .autopromo-box.row-box .inner-box:nth-child(3) {
    visibility: hidden
  }
}

@media screen and (max-width:39.9375em) {

  .autopromo-box.row .inner-box:nth-last-of-type(-n+3),
  .sidebar .box .autopromo-box.row-box .inner-box:nth-last-of-type(-n+3) {
    visibility: hidden
  }
}

.autopromo-box.row .inner-box img,
.sidebar .box .autopromo-box.row-box .inner-box img {
  width: 100%
}

.autopromo-box.row .inner-box.slick-slide,
.sidebar .box .autopromo-box.row-box .inner-box.slick-slide {
  visibility: visible !important
}

.autopromo-box.row .inner-box .text-box,
.sidebar .box .autopromo-box.row-box .inner-box .text-box {
  margin: .2rem 0 0;
  max-width: 60%
}

@media screen and (min-width:80em) {

  .autopromo-box.row .inner-box .text-box,
  .sidebar .box .autopromo-box.row-box .inner-box .text-box {
    max-width: 66%
  }
}

@media screen and (min-width:64em) {

  .autopromo-box.row .inner-box .text-box,
  .sidebar .box .autopromo-box.row-box .inner-box .text-box {
    max-width: 63%
  }
}

@media screen and (max-width:22.5em) {

  .autopromo-box.row .inner-box .text-box,
  .sidebar .box .autopromo-box.row-box .inner-box .text-box {
    max-width: 56%;
    padding: .2rem .5rem
  }
}

.autopromo-box.row .inner-box .text-box h5,
.sidebar .box .autopromo-box.row-box .inner-box .text-box h5 {
  font-size: .8rem;
  line-height: normal;
  margin: 0
}

.autopromo-box.row .inner-box .text-box h5 a:focus,
.sidebar .box .autopromo-box.row-box .inner-box .text-box h5 a:focus,
.autopromo-box.row .inner-box .text-box h5 a:hover,
.sidebar .box .autopromo-box.row-box .inner-box .text-box h5 a:hover {
  color: #024991
}

@media screen and (max-width:53.6875em) {

  .autopromo-box.row .inner-box .text-box h5,
  .sidebar .box .autopromo-box.row-box .inner-box .text-box h5 {
    font-size: .9rem
  }
}

.autopromo-box.row .inner-box .text-box .sponsor,
.sidebar .box .autopromo-box.row-box .inner-box .text-box .sponsor {
  color: #8a8a8a;
  font-size: .6rem;
  float: left;
  display: inline-block;
  margin-top: .2rem
}

.autopromo-box.row .inner-box .columns,
.sidebar .box .autopromo-box.row-box .inner-box .columns {
  float: left
}

.autopromo-box.row .inner-box .columns:first-child,
.sidebar .box .autopromo-box.row-box .inner-box .columns:first-child {
  padding: 0
}

.autopromo-box.row .inner-box .inner-box,
.sidebar .box .autopromo-box.row-box .inner-box .inner-box {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial
}

.autopromo.button {
  margin: 0;
  font-size: .6rem;
  padding: .4rem;
  background-color: #8a8a8a
}

@media screen and (max-width:79.9375em) {
  .autopromo.button {
    margin-left: 1rem
  }
}

.box {
  max-width: 60rem;
  text-align: left;
  position: relative;
  margin: 0 auto;
  clear: both
}

.box .row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.box .row-container .row-box {
  margin-bottom: .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media screen and (max-width:36.25em) {
  .box .row-container .row-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.box .row-container .row-box .text-box {
  display: inline-block;
  word-break: normal;
  width: 60%
}

@media screen and (max-width:39.9375em) {
  .box .row-container .row-box .text-box {
    padding: 0 .5rem;
    width: 50%
  }
}

@media screen and (max-width:36.25em) {
  .box .row-container .row-box .text-box {
    width: 60%
  }
}

.box .row-container .row-box img {
  vertical-align: top
}

.add {
  text-align: center;
  margin: 0 auto;
  width: 100%
}

.add iframe {
  margin-bottom: 1rem
}

.add.show-for-large-up {
  display: block
}

@media screen and (max-width:53.6875em) {
  .add.show-for-large-up {
    display: none
  }
}

.add.show-for-medium-up {
  display: block
}

@media screen and (max-width:39.9375em) {
  .add.show-for-medium-up {
    display: none
  }
}

.add.row .columns,
.sidebar .box .add.row-box .columns {
  padding: 0;
  margin: 0
}

.add.sticky-box {
  position: static;
  top: auto
}

.add img {
  margin: 0 auto;
  max-width: initial
}

.add .pagebreak-container {
  margin-bottom: 2rem
}

.add .slot-ado-ad,
.add .slot-gpt-ad {
  margin-bottom: 1rem
}

.add .slot-ado-ad iframe,
.add .slot-gpt-ad iframe {
  margin-bottom: 0
}

.add .slot-ado-ad:empty,
.add .slot-gpt-ad:empty {
  margin: 0
}

.add i {
  margin: 0 auto;
  font-size: 3rem
}

.add .post {
  display: none;
  background-color: #fefefe;
  width: 100%
}

.add.rectangle {
  height: 250px;
  width: 300px;
  background-color: #eff0f0
}

.add.rectangle i {
  line-height: 12rem
}

.add.rectangle .post {
  position: relative;
  min-height: 250px
}

.add.rectangle .post img {
  max-width: 300px
}

.add.rectangle .post .inner-box {
  position: absolute;
  bottom: 1rem
}

.add.rectangle .post .inner-box h5 {
  color: #fefefe;
  padding: 0 .5rem .5rem;
  font-size: .9rem;
  margin-top: .2rem
}

.add.rectangle .post .inner-box h5 a {
  color: #fefefe
}

.add.sky {
  height: 600px;
  width: 300px;
  background-color: #eff0f0
}

.add.sky i {
  line-height: 30rem
}

.add.sky .post {
  position: static;
  min-height: 600px
}

.add.sky .post .inner-box {
  position: relative
}

.add.sky .post .inner-box:first-child {
  margin-bottom: 1rem
}

.add.sky .post .inner-box .cover-link {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(transparent), to(#0a0a0a));
  background-image: linear-gradient(to bottom, transparent, transparent, #0a0a0a)
}

.add.sky .post .inner-box h5 {
  position: absolute;
  bottom: 0;
  padding: 0 1rem;
  font-size: .9rem;
  margin-top: .2rem;
  z-index: 999999
}

.add.sky .post .inner-box h5 a {
  color: #fefefe
}

.add.sky .post img {
  max-width: 300px
}

.add.billboard {
  height: 100px;
  width: 750px;
  background-color: #eff0f0
}

.add.billboard.double {
  height: 200px
}

.add.billboard.triple {
  height: 300px
}

.add.billboard i {
  line-height: 10rem
}

.add.billboard .post {
  min-height: 100px;
  background-color: #fefefe
}

.add.billboard .post .media-object {
  float: left;
  margin-bottom: 0
}

.add.billboard .post .media-object .media-object-section {
  padding-right: .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.add.billboard .post .media-object h5 {
  text-align: left;
  font-size: .85rem
}

.add.billboard .post .row,
.add.billboard .post .sidebar .box .row-box,
.sidebar .box .add.billboard .post .row-box {
  margin-top: 0
}

.add.billboard .post .row:last-child,
.add.billboard .post .sidebar .box .row-box:last-child,
.sidebar .box .add.billboard .post .row-box:last-child {
  margin-bottom: 0
}

.header .add .slot-ado-ad {
  margin-bottom: 0
}

.header .add .slot-ado-ad:empty {
  margin: 0
}

.add-box .add {
  float: left
}

@media screen and (max-width:39.9375em) {
  .add-box .add {
    float: none !important
  }
}

.add-box .add.show-for-medium,
.add-box .content-header .title-box .author .recepie-buttons .add.button.print,
.content-header .title-box .author .recepie-buttons .add-box .add.button.print,
.add-box .content-header .title-box .author .recepie-buttons .add.button.send,
.content-header .title-box .author .recepie-buttons .add-box .add.button.send {
  float: right
}

@media screen and (min-width:64em) {
  .sidebar .add {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media screen and (max-width:63.9375em) {
  .sidebar .add {
    padding: 0 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:39.9375em) {
  .sidebar .add {
    background-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.sidebar .add .slot-ado-ad,
.sidebar .add .slot-gpt-ad {
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width:40em) and (max-width:53.6875em) {

  .sidebar .add .slot-ado-ad,
  .sidebar .add .slot-gpt-ad {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:53.6875em) {

  .sidebar .add .slot-ado-ad,
  .sidebar .add .slot-gpt-ad {
    margin-bottom: 1rem
  }
}

.sidebar .add .slot-ado-ad:empty,
.sidebar .add .slot-gpt-ad:empty {
  margin: 0
}

.sidebar .placement-box {
  height: initial !important
}

@media screen and (max-width:79.9375em) {
  .sidebar .placement-box .sticky {
    position: static !important
  }
}

.sidebar #ado_ad_right_03 {
  min-height: 600px
}

@media screen and (max-width:79.9375em) {
  .sidebar #ado_ad_right_03 {
    min-height: initial
  }
}

.content-area .article .refashionLayer {
  z-index: 999 !important
}

.content-area .article .add {
  margin: 0 auto
}

.content-area .article .add.filled-ad {
  margin-bottom: 1rem
}

.content-area .article .row .add,
.content-area .article .sidebar .box .row-box .add,
.sidebar .box .content-area .article .row-box .add {
  margin-bottom: 0
}

.title-box .add iframe {
  margin: .5rem auto
}

#ad_spec_content>.add>.slot-ado-ad,
#ad_spec_content>.add>.slot-gpt-ad {
  margin-bottom: .5rem;
  margin-top: .5rem
}

#ad_spec_content>.add>.slot-ado-ad:empty,
#ad_spec_content>.add>.slot-gpt-ad:empty {
  margin: 0
}

#ad_spec_content.screening {
  z-index: 1000;
  position: relative;
  margin: auto;
  width: 1000px;
  float: none;
  max-width: 1000px;
  margin: 0 auto
}

#ad_spec_content.screening .planszaDiag .header {
  padding-top: 0;
  background: #217ec1
}

#ad_spec_content.screening .planszaDiag .content-area .article table td {
  font-size: .78rem
}

#ad_spec_content.screening .more.video .img-cover img {
  height: 100%
}

#ad_spec_content.screening .recommended-box .item .text {
  font-size: 16px
}

#ad_spec_content.screening .recommended-box .logo {
  margin-bottom: 20px
}

#ad_spec_content.screening .recommended-product-slider .flex-box {
  padding-left: 5px;
  margin: -30px auto
}

#ad_spec_content.screening .recommended-product-slider .flex-box .column.image,
#ad_spec_content.screening .recommended-product-slider .flex-box .image.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%
}

#ad_spec_content.screening .recommended-product-slider .flex-box .column.text,
#ad_spec_content.screening .recommended-product-slider .flex-box .text.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%
}

#ad_spec_content.screening .recommended-product-slider .flex-box .column.text .title,
#ad_spec_content.screening .recommended-product-slider .flex-box .text.columns .title {
  padding: 0;
  font-size: 18px;
  line-height: normal
}

#ad_spec_content.screening .recommended-product-slider .flex-box .column.text .button,
#ad_spec_content.screening .recommended-product-slider .flex-box .text.columns .button {
  padding: 7px 10px 10px;
  font-size: 14px
}

#ad_spec_content.screening .recommended-product-slider nav {
  right: 14%
}

#ad_spec_content.screening .header {
  margin-top: 0;
  padding-top: 1rem;
  background-color: #fefefe
}

#ad_spec_content.screening .header .logo {
  padding-left: .5rem
}

#ad_spec_content.screening .content-header .meta-picture {
  position: absolute
}

#ad_spec_content.screening .container {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff
}

#ad_spec_content.screening .container .autopromo-box {
  padding-top: 1rem;
  margin: 0
}

#ad_spec_content.screening .container .autopromo-box.row .inner-box>.columns,
#ad_spec_content.screening .container .sidebar .box .autopromo-box.row-box .inner-box>.columns,
.sidebar .box #ad_spec_content.screening .container .autopromo-box.row-box .inner-box>.columns {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

#ad_spec_content.screening .container .autopromo-box.row .inner-box .text-box,
#ad_spec_content.screening .container .sidebar .box .autopromo-box.row-box .inner-box .text-box,
.sidebar .box #ad_spec_content.screening .container .autopromo-box.row-box .inner-box .text-box {
  max-width: 60%
}

#ad_spec_content.screening .container .content-area {
  max-width: 65%;
  margin-left: 0
}

#ad_spec_content.screening .container .content-area .slider-box .must-have .slick-slide .button {
  font-size: .8rem;
  padding: .85rem .5rem;
  min-width: 7rem
}

#ad_spec_content.screening .container .content-area.special-report .customer-logo {
  margin-top: 0
}

#ad_spec_content.screening .container .content-area.special-report .customer-logo .logo {
  width: 30%
}

#ad_spec_content.screening .container .content-area.special-report .description-box {
  margin-top: 2rem
}

@media screen and (max-width:79.9375em) {
  #ad_spec_content.screening .container .content-area.special-report .description-box {
    margin-left: 1rem;
    margin-right: 1rem
  }
}

@media screen and (max-width:39.9375em) {
  #ad_spec_content.screening .container .content-area.special-report .description-box {
    margin-top: 1rem
  }

  #ad_spec_content.screening .container .content-area.special-report .simgle-post .inner-box {
    width: 100%
  }
}

#ad_spec_content.screening .container .content-area .forum {
  margin-left: 0
}

#ad_spec_content.screening .container .title-box {
  max-width: 65%;
  padding-right: 0
}

#ad_spec_content.screening .container .title-box meta {
  display: none
}

#ad_spec_content.screening .container .wide .content-area {
  max-width: 100%
}

#ad_spec_content.screening .container .wide .title-box {
  max-width: 100%
}

#ad_spec_content.screening .container .content-list .title-box {
  max-width: 100%
}

#ad_spec_content.screening .container .content-list .list-box .columns {
  position: relative
}

#ad_spec_content.screening .container .content-list .list-box .columns img {
  max-height: 240px
}

#ad_spec_content.screening .container .content-list.special .special-content {
  max-width: 960px;
  padding: 0
}

#ad_spec_content.screening .container .content-list.special .special-slider .slick-arrow {
  top: 35%
}

#ad_spec_content.screening .container .content-list.special .title {
  padding: .75rem 0
}

#ad_spec_content.screening .container .content-list.editors .list-box .columns .card {
  font-size: 1.1rem
}

#ad_spec_content.screening .container .content-list.editors .list-box .columns .depiction {
  font-size: .8rem
}

@media screen and (max-width:53.6875em) {
  #ad_spec_content.screening .container .navigation-list {
    margin: .5rem 0 1rem
  }
}

#ad_spec_content.screening .container .navigation-list nav {
  padding-left: 0
}

#ad_spec_content.screening .container .content .content-list .recommended-slider .slick-track {
  width: 100% !important
}

#ad_spec_content.screening .container .content.padd5 {
  padding: 0
}

#ad_wallpaper.screening .tlo {
  position: absolute;
  width: 100%;
  z-index: 0;
  height: 9000px;
  left: 0;
  top: 0;
  background-color: #dbdfde;
  background-image: url(http://edipresse.adocean.pl/files/x/zhm/phxjkxz/xajkevmjdv/john_frieda_screening_tapeta_polki_komercja.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat
}

#ad_wallpaper.screening-fixed .tlo {
  position: fixed;
  width: 100%;
  z-index: 0;
  height: 9000px;
  left: 0;
  top: 0;
  background-color: #dbdfde;
  background-image: url(http://edipresse.adocean.pl/files/x/zhm/phxjkxz/xajkevmjdv/john_frieda_screening_tapeta_polki_komercja.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat
}

.ad_after_content {
  clear: both
}

.ad_after_content.screening {
  position: relative;
  background-color: #fefefe
}

.screening-buttons {
  display: inline-block;
  position: relative;
  position: absolute;
  float: left;
  z-index: 99999999
}

@media screen and (max-width:53.6875em) {
  .screening-buttons {
    display: none
  }
}

.screening-buttons .button {
  margin-bottom: 0;
  margin-right: 1rem
}

.content-area.special-report {
  padding-bottom: 0;
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
  .content-area.special-report {
    padding-right: 1rem
  }
}

.content-area.special-report .single-post {
  position: relative;
  z-index: 1;
  max-width: 60rem;
  margin: 3rem auto 2rem
}

@media screen and (max-width:53.6875em) {
  .content-area.special-report .single-post {
    margin: 2rem auto
  }
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .single-post {
    margin: 1rem auto
  }

  .content-area.special-report .single-post .inner-box {
    width: 100%
  }
}

.content-area.special-report .customer-logo {
  margin: 1rem auto 0;
  position: relative;
  text-align: center;
  z-index: 999
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .customer-logo {
    margin-bottom: 0;
    min-height: inherit;
    margin-top: 0
  }
}

.content-area.special-report .customer-logo h3 {
  color: #e8e8e8;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .1rem;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  font-weight: normal
}

.content-area.special-report .customer-logo .logo {
  background-color: #fefefe;
  margin: 0 auto;
  padding: 1rem;
  top: 2rem;
  width: 25%;
  left: 0;
  position: absolute;
  right: 0
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .customer-logo .logo {
    width: 100%;
    position: static;
    padding: 0 1rem
  }
}

.content-area.special-report .content-list {
  margin-bottom: -1rem
}

@media screen and (max-width:53.6875em) {
  .content-area.special-report .content-list {
    padding: 0
  }
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .content-list {
    margin-bottom: 0
  }

  .content-area.special-report .content-list .list-box .text-box {
    padding-top: .5rem
  }
}

.content-area.special-report .notice p:last-child {
  margin-bottom: 0
}

.content-area.special-report .query {
  max-width: 75%;
  margin: 0 auto
}

@media screen and (max-width:53.6875em) {
  .content-area.special-report .query {
    max-width: 100%;
    padding: 0 1rem
  }
}

.content-area.special-report .query.quiz {
  margin: 2rem auto 3rem
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .query.quiz {
    margin: 1rem auto 2rem
  }
}

.content-area.special-report .query .title {
  margin-bottom: 1rem;
  font-size: 1.4rem
}

.content-area.special-report .query .question {
  color: #024991
}

.content-area.special-report .icon-play-circle {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 999;
  top: 45%
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .icon-play-circle {
    top: 40%
  }
}

@media screen and (max-width:22.5em) {
  .content-area.special-report .icon-play-circle {
    font-size: 4rem;
    top: 35%
  }
}

.content-area.special-report .description-box {
  padding: 0;
  margin: 2rem auto 1rem
}

@media screen and (max-width:79.9375em) {
  .content-area.special-report .description-box {
    margin-left: 1rem;
    margin-right: 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .content-area.special-report .description-box {
    margin-top: 1rem
  }
}

.content-area.special-report .description-box img {
  width: initial
}

.content-area.special-report .description-box>p {
  margin-bottom: 0
}

.content-area.special-report .author {
  font-family: "LeagueGothic", sans-serif;
  text-align: center;
  margin-top: 2rem
}

.content-area.special-report .author h3 {
  color: #e8e8e8;
  font-family: "LeagueGothic", sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: normal
}

.content-area.special-report .author h3.name {
  color: #222;
  margin-bottom: 0
}

.content-area.special-report .author h3.name a {
  color: #222
}

.content-area.special-report .author .description {
  color: #666
}

.content-area.special-report .author .avatar {
  margin: .5rem auto 1rem;
  border-radius: 100%
}

.content-area.special-report.pink .single-post:hover .gradient,
.content-area.special-report .single-post .content-area.special-report.gradient .single-post:hover .gradient,
.content-area.special-report .top-video .content-area.special-report.gradient .single-post:hover .gradient,
.content-area.special-report.pink .top-video:hover .gradient,
.content-area.special-report .single-post .content-area.special-report.gradient .top-video:hover .gradient,
.content-area.special-report .top-video .content-area.special-report.gradient .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(#024991));
  background-image: linear-gradient(to top, transparent 40%, #024991 100%)
}

.content-area.special-report.pink .single-post .inner-box .text-box,
.content-area.special-report .single-post .content-area.special-report.gradient .single-post .inner-box .text-box,
.content-area.special-report .top-video .content-area.special-report.gradient .single-post .inner-box .text-box,
.content-area.special-report.pink .top-video .inner-box .text-box,
.content-area.special-report .single-post .content-area.special-report.gradient .top-video .inner-box .text-box,
.content-area.special-report .top-video .content-area.special-report.gradient .top-video .inner-box .text-box {
  background-color: rgba(237, 33, 124, .9)
}

.content-area.special-report.pink .description-box,
.content-area.special-report .single-post .content-area.special-report.gradient .description-box,
.content-area.special-report .top-video .content-area.special-report.gradient .description-box {
  background-image: linear-gradient(45deg, #024991 0%, #024991 100%)
}

.content-area.special-report.pink .query .question,
.content-area.special-report .single-post .content-area.special-report.gradient .query .question,
.content-area.special-report .top-video .content-area.special-report.gradient .query .question,
.content-area.special-report.pink .query .title,
.content-area.special-report .single-post .content-area.special-report.gradient .query .title,
.content-area.special-report .top-video .content-area.special-report.gradient .query .title {
  color: #024991
}

.content-area.special-report.pink .query label:hover .fa-check,
.content-area.special-report .single-post .content-area.special-report.gradient .query label:hover .fa-check,
.content-area.special-report .top-video .content-area.special-report.gradient .query label:hover .fa-check {
  background-color: #024991
}

.content-area.special-report.pink .query label.active,
.content-area.special-report .single-post .content-area.special-report.gradient .query label.active,
.content-area.special-report .top-video .content-area.special-report.gradient .query label.active {
  background-color: #024991;
  border-color: #024991
}

.content-area.special-report.pink .query label.active .fa-check,
.content-area.special-report .single-post .content-area.special-report.gradient .query label.active .fa-check,
.content-area.special-report .top-video .content-area.special-report.gradient .query label.active .fa-check {
  color: #024991;
  background-color: #fefefe
}

.content-area.special-report.pink .query .button,
.content-area.special-report .single-post .content-area.special-report.gradient .query .button,
.content-area.special-report .top-video .content-area.special-report.gradient .query .button {
  background-color: #024991
}

.content-area.special-report.pink .query .text .progress .progress-meter,
.content-area.special-report .single-post .content-area.special-report.gradient .query .text .progress .progress-meter,
.content-area.special-report .top-video .content-area.special-report.gradient .query .text .progress .progress-meter {
  background-color: #024991
}

.content-area.special-report.blue .single-post:hover .gradient,
.content-area.special-report.blue .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(#207ce5));
  background-image: linear-gradient(to top, transparent 40%, #207ce5 100%)
}

.content-area.special-report.blue .single-post .inner-box .text-box,
.content-area.special-report.blue .top-video .inner-box .text-box {
  background-color: rgba(0, 164, 234, .9)
}

.content-area.special-report.blue .description-box,
.content-area.special-report.blue .single-post .content-area.special-report.gradient .description-box,
.content-area.special-report.blue .top-video .content-area.special-report.gradient .description-box {
  background-image: linear-gradient(45deg, #00a4ea 0%, #00a4ea 100%)
}

.content-area.special-report.blue .query .question,
.content-area.special-report.blue .query .title {
  color: #00a4ea
}

.content-area.special-report.blue .query label:hover .fa-check {
  background-color: #00a4ea
}

.content-area.special-report.blue .query label.active {
  background-color: #00a4ea;
  border-color: #00a4ea
}

.content-area.special-report.blue .query label.active .fa-check {
  color: #00a4ea;
  background-color: #fefefe
}

.content-area.special-report.blue .query .button {
  background-color: #00a4ea
}

.content-area.special-report.blue .query .text .progress .progress-meter {
  background-color: #00a4ea
}

.content-area.special-report.orange .single-post:hover .gradient,
.content-area.special-report.orange .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(orange));
  background-image: linear-gradient(to top, transparent 40%, orange 100%)
}

.content-area.special-report.orange .single-post .inner-box .text-box,
.content-area.special-report.orange .top-video .inner-box .text-box {
  background-color: rgba(255, 165, 0, .9)
}

.content-area.special-report.orange .description-box,
.content-area.special-report.orange .single-post .content-area.special-report.gradient .description-box,
.content-area.special-report.orange .top-video .content-area.special-report.gradient .description-box {
  background-image: linear-gradient(45deg, orange 0%, orange 100%)
}

.content-area.special-report.orange .query .question,
.content-area.special-report.orange .query .title {
  color: #ffa500
}

.content-area.special-report.orange .query label:hover .fa-check {
  background-color: #ffa500
}

.content-area.special-report.orange .query label.active {
  background-color: #ffa500;
  border-color: #ffa500
}

.content-area.special-report.orange .query label.active .fa-check {
  color: #ffa500
}

.content-area.special-report.orange .query .button {
  background-color: #ffa500
}

.content-area.special-report.orange .query .text .progress .progress-meter {
  background-color: #ffa500
}

.content-area.special-report.red .single-post:hover .gradient,
.content-area.special-report.red .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(red));
  background-image: linear-gradient(to top, transparent 40%, red 100%)
}

.content-area.special-report.red .single-post .inner-box .text-box,
.content-area.special-report.red .top-video .inner-box .text-box {
  background-color: rgba(255, 0, 0, .9)
}

.content-area.special-report.red .description-box,
.content-area.special-report.red .single-post .content-area.special-report.gradient .description-box,
.content-area.special-report.red .top-video .content-area.special-report.gradient .description-box {
  background-image: linear-gradient(45deg, red 0%, red 100%)
}

.content-area.special-report.red .query .question,
.content-area.special-report.red .query .title {
  color: red
}

.content-area.special-report.red .query label:hover .fa-check {
  background-color: red
}

.content-area.special-report.red .query label.active {
  background-color: red;
  border-color: red
}

.content-area.special-report.red .query label.active .fa-check {
  color: red
}

.content-area.special-report.red .query .button {
  background-color: red
}

.content-area.special-report.red .query .text .progress .progress-meter {
  background-color: red
}

.content-area.special-report.green .single-post:hover .gradient,
.content-area.special-report.green .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(green));
  background-image: linear-gradient(to top, transparent 40%, green 100%)
}

.content-area.special-report.green .single-post .inner-box .text-box,
.content-area.special-report.green .top-video .inner-box .text-box {
  background-color: rgba(0, 128, 0, .9)
}

.content-area.special-report.green .description-box,
.content-area.special-report.green .single-post .content-area.special-report.gradient .description-box,
.content-area.special-report.green .top-video .content-area.special-report.gradient .description-box {
  background-image: linear-gradient(45deg, green 0%, green 100%)
}

.content-area.special-report.green .query .question,
.content-area.special-report.green .query .title {
  color: green
}

.content-area.special-report.green .query label:hover .fa-check {
  background-color: green
}

.content-area.special-report.green .query label.active {
  background-color: green;
  border-color: green
}

.content-area.special-report.green .query label.active .fa-check {
  color: green
}

.content-area.special-report.green .query .button {
  background-color: green
}

.content-area.special-report.green .query .text .progress .progress-meter {
  background-color: green
}

.content-area.special-report.black .single-post:hover .gradient,
.content-area.special-report.black .top-video:hover .gradient {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, transparent), to(#0a0a0a));
  background-image: linear-gradient(to top, transparent 40%, #0a0a0a 100%)
}

.content-area.special-report.black .single-post .inner-box .text-box,
.content-area.special-report.black .top-video .inner-box .text-box {
  background-color: rgba(10, 10, 10, .9)
}

.content-area.special-report.black .description-box,
.content-area.special-report.black .single-post .content-area.special-report.gradient .description-box,
.content-area.special-report.black .top-video .content-area.special-report.gradient .description-box {
  background-image: linear-gradient(45deg, #0a0a0a 0%, #0a0a0a 100%)
}

.content-area.special-report.black .query .question,
.content-area.special-report.black .query .title {
  color: #0a0a0a
}

.content-area.special-report.black .query label:hover .fa-check {
  background-color: #0a0a0a
}

.content-area.special-report.black .query label.active {
  background-color: #0a0a0a;
  border-color: #0a0a0a
}

.content-area.special-report.black .query label.active .fa-check {
  color: #0a0a0a
}

.content-area.special-report.black .query .button {
  background-color: #0a0a0a
}

.content-area.special-report.black .query .text .progress .progress-meter {
  background-color: #0a0a0a
}

html[class*="adform-wallpaper"] {
  cursor: pointer
}

html[class*="adform-wallpaper"] .container {
  cursor: default
}

html[class*="adform-wallpaper"] .container .content .row.content-header,
html[class*="adform-wallpaper"] .container .content .sidebar .box .content-header.row-box,
.sidebar .box html[class*="adform-wallpaper"] .container .content .content-header.row-box {
  margin-left: 1.5rem
}

html[class*="adform-wallpaper"] .container .content .navigation-list {
  margin-left: 1.5rem
}

html[class*="adform-wallpaper"] .popular {
  margin-bottom: 0;
  padding-bottom: 1rem
}

html[class*="adform-wallpaper"] .popular h5.title {
  max-width: 60rem;
  margin-bottom: 0;
  padding-bottom: 1rem;
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto
}

html[class*="adform-wallpaper"] .popular .slider-box {
  margin: 0 auto
}

html[class*="adform-wallpaper"] .popular .slider-box section {
  margin: 1rem auto
}

html[class*="adform-wallpaper"] .popular .videos {
  background-color: #fefefe;
  margin-bottom: 0;
  padding-bottom: 2rem
}

html[class*="adform-wallpaper"] footer .bottom-links {
  margin: 0 auto;
  padding-top: 0
}

html[class*="adform-wallpaper"] footer .row,
html[class*="adform-wallpaper"] footer .sidebar .box .row-box,
.sidebar .box html[class*="adform-wallpaper"] footer .row-box {
  background-color: #fefefe;
  margin: 0 auto
}

html[class*="adform-wallpaper"] footer .row.logo,
html[class*="adform-wallpaper"] footer .sidebar .box .logo.row-box,
.sidebar .box html[class*="adform-wallpaper"] footer .logo.row-box {
  padding-top: 2rem;
  padding-bottom: 2rem
}

html[class*="adform-wallpaper"] footer .row.icons,
html[class*="adform-wallpaper"] footer .sidebar .box .icons.row-box,
.sidebar .box html[class*="adform-wallpaper"] footer .icons.row-box {
  padding-bottom: 2rem
}

html[class*="adform-wallpaper"] footer .row.site-map,
html[class*="adform-wallpaper"] footer .sidebar .box .site-map.row-box,
.sidebar .box html[class*="adform-wallpaper"] footer .site-map.row-box {
  padding-bottom: 2rem
}

.content-list .zalando-placeholder.horizontal,
.content-list .LuSha5er.horizontal {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.content-list .zalando-placeholder .name-wrapper>a>span.name,
.content-list .LuSha5er .name-wrapper>a>span.name {
  height: 45px;
  font-size: .8rem;
  padding-right: 10px;
  text-transform: lowercase
}

.content-list .zalando-placeholder .name-wrapper>a>span.name:first-letter,
.content-list .LuSha5er .name-wrapper>a>span.name:first-letter {
  text-transform: uppercase
}

@media screen and (max-width:39.9375em) {

  .content-list .zalando-placeholder .name-wrapper>a>span.name,
  .content-list .LuSha5er .name-wrapper>a>span.name {
    height: inherit
  }
}

.content-list .zalando-placeholder img,
.content-list .LuSha5er img {
  margin-top: 5px
}

.content-area .zalando-placeholder.horizontal,
.content-area .LuSha5er.horizontal {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.sidebar .zalando-placeholder.vertical,
.sidebar .LuSha5er.vertical {
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%
}

@media screen and (max-width:79.9375em) {

  .sidebar .zalando-placeholder.vertical,
  .sidebar .LuSha5er.vertical {
    padding: 0 1rem;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (max-width:39.9375em) {

  .sidebar .zalando-placeholder.vertical,
  .sidebar .LuSha5er.vertical {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
  }
}

.zalando-placeholder,
.LuSha5er {
  width: 100%
}

.zalando-placeholder.horizontal,
.LuSha5er.horizontal {
  clear: both;
  padding: 1rem 0;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

@media screen and (max-width:79.9375em) {

  .zalando-placeholder.horizontal,
  .LuSha5er.horizontal {
    max-height: inherit;
    margin-left: 1rem;
    margin-right: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: .5rem
  }
}

@media screen and (max-width:39.9375em) {

  .zalando-placeholder.horizontal,
  .LuSha5er.horizontal {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.zalando-placeholder.horizontal ul,
.LuSha5er.horizontal ul {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.zalando-placeholder.horizontal ul li,
.LuSha5er.horizontal ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1rem;
  max-height: 75px;
  padding-right: .25rem;
  margin-left: 0
}

@media screen and (max-width:39.9375em) {

  .zalando-placeholder.horizontal ul li,
  .LuSha5er.horizontal ul li {
    max-height: inherit;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: .5rem
  }
}

.zalando-placeholder.vertical ul li,
.LuSha5er.vertical ul li {
  line-height: 1rem;
  margin-bottom: 1rem;
  max-height: 75px
}

.zalando-placeholder.vertical ul li:after,
.LuSha5er.vertical ul li:after {
  content: '';
  clear: both;
  display: table
}

.zalando-placeholder.vertical ul li .name-wrapper,
.LuSha5er.vertical ul li .name-wrapper {
  padding-left: 1rem
}

.zalando-placeholder.vertical ul li .name-wrapper>a>span.name,
.LuSha5er.vertical ul li .name-wrapper>a>span.name {
  font-size: .8rem
}

.zalando-placeholder .name-wrapper,
.LuSha5er .name-wrapper {
  float: left;
  height: 72px;
  padding-left: .5rem;
  width: calc(100% - 50px)
}

@media screen and (max-width:39.9375em) {

  .zalando-placeholder .name-wrapper,
  .LuSha5er .name-wrapper {
    height: inherit
  }
}

.zalando-placeholder .name-wrapper>a>span.name,
.LuSha5er .name-wrapper>a>span.name {
  color: #0a0a0a;
  display: block;
  height: 40px;
  overflow: hidden;
  font-size: .65rem
}

@media screen and (max-width:39.9375em) {

  .zalando-placeholder .name-wrapper>a>span.name,
  .LuSha5er .name-wrapper>a>span.name {
    font-size: .7rem
  }
}

.zalando-placeholder .name-wrapper>a>span.link,
.LuSha5er .name-wrapper>a>span.link {
  font-size: .65rem;
  background-color: #024991;
  color: #fefefe;
  display: inline-block;
  line-height: normal;
  font-weight: 700;
  margin-top: 5px;
  padding: 5px 10px
}

.zalando-placeholder .header,
.LuSha5er .header {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  font-weight: 700;
  font-family: "ModernistBold", Arial, sans-serif
}

.zalando-placeholder .header a,
.LuSha5er .header a {
  color: #024991;
  font-size: 1rem
}

.zalando-placeholder img,
.LuSha5er img {
  float: left;
  height: auto;
  width: 50px
}

.zalando-placeholder a,
.LuSha5er a {
  color: #024991
}

.zalando-placeholder a:hover,
.LuSha5er a:hover {
  color: #024991
}

.zalando-placeholder ul,
.LuSha5er ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

@media screen and (max-width:79.9375em) {
  .container .content .sneak-peek {
    padding: 0 1rem
  }
}

@media screen and (max-width:22.5em) {
  .container .content .sneak-peek {
    padding: 0
  }
}

.container .content .sneak-peek a {
  display: block;
  margin: 0 auto
}

.container .content .sneak-peek img {
  -webkit-box-shadow: 0 0 30px #bbb;
  box-shadow: 0 0 30px #bbb
}

body.screening-branded {
  background-color: #000
}

body.screening-branded .container,
body.screening-branded .footer,
body.screening-branded .mainpage {
  background-color: #000
}

body.screening-branded .columns h6 {
  background-color: transparent
}

body.screening-branded .mainpage .header {
  background-color: #000
}

body.screening-branded .category-list .columns .category-box .text-box ul li a {
  color: #fff
}

body.screening-branded .category-list .columns h6 {
  background-color: transparent
}

body.screening-branded .more.video .text-box h5 a {
  color: #fff
}

body.screening-branded .content .content-list .list-box .text-box h3 a {
  color: #fff
}

body.screening-branded .slider-box {
  margin-top: 0;
  padding-top: 1rem
}

body.screening-branded a {
  color: #fff
}

body.screening-branded .zalando-placeholder,
body.screening-branded .LuSha5er {
  display: none
}

body.screening-branded .header .logo-bar .search-box-form {
  background-color: #000
}

body.screening-branded .header .menu-bar .menu-static .menu .menu.submenu {
  background-color: #000
}

body.screening-branded .off-canvas-wrapper .off-canvas .mobile-ofc li a {
  color: #222
}

body.screening-branded #ad_spec_content.screening .container {
  background-color: transparent
}

body.screening-branded .footer .copyright {
  background-color: #000
}

.g-lista {
  max-width: 60rem;
  margin: 0 auto;
  padding-top: 1rem;
  background: #fff
}

@media screen and (max-width:79.9375em) {
  .g-lista {
    padding: 1rem
  }
}

.slider-box {
  margin: 1rem auto
}

@media screen and (max-width:53.6875em) {
  .slider-box {
    margin-bottom: 2rem
  }
}

.slider-box .onload-img {
  position: relative
}

.slider-box .onload-img .inner-box {
  position: relative
}

.slider-box .onload-img .inner-box .text-box {
  background-color: #024991;
  position: absolute;
  padding: 1rem;
  bottom: 2rem;
  right: 0;
  left: 0;
  width: 60%;
  z-index: 999;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:89.9375em) {
  .slider-box .onload-img .inner-box .text-box {
    bottom: 1rem
  }
}

@media screen and (max-width:79.9375em) {
  .slider-box .onload-img .inner-box .text-box {
    bottom: 2rem
  }
}

@media screen and (max-width:53.6875em) {
  .slider-box .onload-img .inner-box .text-box {
    bottom: 1rem;
    width: 80%;
    padding: .5rem 1rem;
    margin: 0 auto;
    color: #222
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .onload-img .inner-box .text-box {
    left: 0;
    right: 0;
    bottom: 0;
    position: relative;
    width: 100%;
    padding: 1rem
  }
}

.slider-box .onload-img .inner-box .text-box h6 {
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 1rem;
  color: #fefefe
}

@media screen and (max-width:53.6875em) {
  .slider-box .onload-img .inner-box .text-box h6 {
    padding-top: 0
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .onload-img .inner-box .text-box h6 {
    margin-bottom: .5rem;
    font-size: .9rem
  }
}

@media screen and (max-width:26.25em) {
  .slider-box .onload-img .inner-box .text-box h6 {
    margin-bottom: .2rem
  }
}

.slider-box .onload-img .inner-box .text-box h5 {
  color: #fefefe;
  margin-bottom: 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem
}

@media screen and (max-width:89.9375em) {
  .slider-box .onload-img .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

@media screen and (max-width:79.9375em) {
  .slider-box .onload-img .inner-box .text-box h5 {
    font-size: 1.6rem
  }
}

@media screen and (max-width:53.6875em) {
  .slider-box .onload-img .inner-box .text-box h5 {
    font-size: 1.4rem
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .onload-img .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

@media screen and (max-width:26.25em) {
  .slider-box .onload-img .inner-box .text-box h5 {
    font-size: 1.1rem
  }
}

.slider-box .onload-img .inner-box .text-box a {
  color: #fefefe
}

.slider-box .onload-img .inner-box .text-box .affiliate {
  color: #fefefe;
  margin-top: .75rem;
  font-size: .7rem;
  text-transform: uppercase;
  padding: .15rem 1rem;
  background-color: rgba(0, 0, 0, .2);
  display: inline-block
}

.slider-box .main-topic .inner-box {
  position: relative
}

.slider-box .main-topic .inner-box .text-box {
  background-color: #024991;
  position: absolute;
  padding: 1rem;
  bottom: 2rem;
  right: 0;
  left: 0;
  width: 60%;
  z-index: 999;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:89.9375em) {
  .slider-box .main-topic .inner-box .text-box {
    bottom: 1rem
  }
}

@media screen and (max-width:79.9375em) {
  .slider-box .main-topic .inner-box .text-box {
    bottom: 2rem
  }
}

@media screen and (max-width:53.6875em) {
  .slider-box .main-topic .inner-box .text-box {
    bottom: 1rem;
    width: 80%;
    padding: .5rem 1rem;
    margin: 0 auto;
    color: #222
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .main-topic .inner-box .text-box {
    left: 0;
    right: 0;
    bottom: 0;
    position: relative;
    width: 100%;
    padding: 1rem
  }
}

.slider-box .main-topic .inner-box .text-box h6 {
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 1rem;
  color: #fefefe
}

@media screen and (max-width:53.6875em) {
  .slider-box .main-topic .inner-box .text-box h6 {
    padding-top: 0
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .main-topic .inner-box .text-box h6 {
    margin-bottom: .5rem;
    font-size: .9rem
  }
}

@media screen and (max-width:26.25em) {
  .slider-box .main-topic .inner-box .text-box h6 {
    margin-bottom: .2rem
  }
}

.slider-box .main-topic .inner-box .text-box h5 {
  color: #fefefe;
  margin-bottom: 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem
}

@media screen and (max-width:89.9375em) {
  .slider-box .main-topic .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

@media screen and (max-width:79.9375em) {
  .slider-box .main-topic .inner-box .text-box h5 {
    font-size: 1.6rem
  }
}

@media screen and (max-width:53.6875em) {
  .slider-box .main-topic .inner-box .text-box h5 {
    font-size: 1.4rem
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .main-topic .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

@media screen and (max-width:26.25em) {
  .slider-box .main-topic .inner-box .text-box h5 {
    font-size: 1.1rem
  }
}

.slider-box .main-topic .inner-box .text-box a {
  color: #fefefe
}

.slider-box .main-topic .inner-box .text-box .affiliate {
  color: #fefefe;
  margin-top: .75rem;
  font-size: .7rem;
  text-transform: uppercase;
  padding: .15rem 1rem;
  background-color: rgba(0, 0, 0, .2);
  display: inline-block
}

.slider-box .inner-box {
  position: relative
}

.slider-box .inner-box .text-box {
  background-color: #024991;
  position: absolute;
  padding: 1rem;
  bottom: 2rem;
  right: 0;
  left: 0;
  width: 60%;
  z-index: 999;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:89.9375em) {
  .slider-box .inner-box .text-box {
    bottom: 1rem
  }
}

@media screen and (max-width:79.9375em) {
  .slider-box .inner-box .text-box {
    bottom: 2rem
  }
}

@media screen and (max-width:53.6875em) {
  .slider-box .inner-box .text-box {
    bottom: 1rem;
    width: 80%;
    padding: .5rem 1rem;
    margin: 0 auto;
    color: #222
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .inner-box .text-box {
    left: 0;
    right: 0;
    bottom: 0;
    position: relative;
    width: 100%;
    padding: 1rem
  }
}

.slider-box .inner-box .text-box h6 {
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 1rem;
  color: #fefefe
}

@media screen and (max-width:53.6875em) {
  .slider-box .inner-box .text-box h6 {
    padding-top: 0
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .inner-box .text-box h6 {
    margin-bottom: .5rem;
    font-size: .9rem
  }
}

@media screen and (max-width:26.25em) {
  .slider-box .inner-box .text-box h6 {
    margin-bottom: .2rem
  }
}

.slider-box .inner-box .text-box h5 {
  color: #fefefe;
  margin-bottom: 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem
}

@media screen and (max-width:89.9375em) {
  .slider-box .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

@media screen and (max-width:79.9375em) {
  .slider-box .inner-box .text-box h5 {
    font-size: 1.6rem
  }
}

@media screen and (max-width:53.6875em) {
  .slider-box .inner-box .text-box h5 {
    font-size: 1.4rem
  }
}

@media screen and (max-width:39.9375em) {
  .slider-box .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

@media screen and (max-width:26.25em) {
  .slider-box .inner-box .text-box h5 {
    font-size: 1.1rem
  }
}

.slider-box .inner-box .text-box a {
  color: #fefefe
}

.slider-box .inner-box .text-box .affiliate {
  color: #fefefe;
  margin-top: .75rem;
  font-size: .7rem;
  text-transform: uppercase;
  padding: .15rem 1rem;
  background-color: rgba(0, 0, 0, .2);
  display: inline-block
}

.slider-box .slick-slide img,
.slider-box .slick-slide picture {
  margin: 0;
  width: 100%
}

.slider-box .slick-slide .text-box {
  color: #222;
  text-align: center
}

@media screen and (max-width:26.25em) {
  .slider-box .slick-slide .text-box {
    font-size: .8rem
  }
}

.slider-box .slick-arrow {
  height: 100%;
  width: 3rem;
  z-index: 9
}

.slider-box .slick-arrow:before {
  text-shadow: 0 0 5px #000
}

@media screen and (max-width:26.25em) {
  .slider-box .slick-arrow {
    width: 2.5rem
  }
}

.slider-box .slick-arrow.slick-prev {
  left: 0;
  color: #fefefe
}

.slider-box .slick-arrow.slick-prev:before {
  opacity: 1;
  color: #fefefe;
  font-size: 3rem;
  content: "\f104";
  font-family: "FontAwesome", "IconsFont"
}

.slider-box .slick-arrow.slick-next {
  right: 0
}

.slider-box .slick-arrow.slick-next:before {
  opacity: 1;
  color: #fefefe;
  font-size: 3rem;
  content: "\f105";
  font-family: "FontAwesome", "IconsFont"
}

.slider-box .slick-dots {
  bottom: 0
}

.slider-box .slick-dots li button:before {
  content: "\f111";
  font-family: "FontAwesome", "IconsFont";
  color: #024991;
  font-size: 1rem
}

.slider-box .slick-dots li.slick-active button:before {
  color: #024991
}

.slider-box .slick-track {
  background-color: #fefefe
}

.slider-box .must-have .slick-slide {
  background-color: #fefefe;
  text-align: center
}

.slider-box .must-have .slick-slide .button {
  display: inline-block;
  padding: .85rem .5rem;
  min-width: 10rem;
  background-color: rgba(237, 33, 124, .6)
}

.slider-box .must-have .slick-slide .button.active,
.slider-box .must-have .slick-slide .button:hover,
.slider-box .must-have .slick-slide .button:focus {
  background-color: #024991
}

.slider-box .must-have .slick-arrow {
  height: 3rem;
  background-color: #fefefe
}

.slider-box .must-have .slick-arrow.slick-prev:before,
.slider-box .must-have .slick-arrow.slick-next:before {
  font-size: 2rem;
  color: #0a0a0a
}

@media screen and (max-width:39.9375em) {
  .slider-box .slick-list .slick-track {
    background-color: #024991
  }

  .slider-box .inner-box .inner-box {
    padding-bottom: 1.5rem
  }
}

.slider-box .slick-dots li button:before {
  color: #fefefe
}

.slider-box .slick-dots li.slick-active button:before {
  color: #fefefe
}

.gallery-slider .slick-slide {
  padding: 0 .2rem
}

.gallery-slider .slick-slide img {
  opacity: .7
}

.gallery-slider .slick-slide.slick-current img {
  opacity: 1
}

.gallery-slider .slick-arrow {
  font-weight: bold;
  z-index: 999;
  height: 100%;
  width: 2rem
}

.gallery-slider .slick-arrow.slick-prev {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #8a8a8a), to(transparent));
  background: linear-gradient(to right, #8a8a8a 0, transparent 100%)
}

.gallery-slider .slick-arrow.slick-prev:before {
  opacity: 1;
  color: #fefefe;
  content: "\e904";
  font-family: "FontAwesome", "IconsFont"
}

.gallery-slider .slick-arrow.slick-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(0, #8a8a8a), to(transparent));
  background: linear-gradient(to left, #8a8a8a 0, transparent 100%)
}

.gallery-slider .slick-arrow.slick-next:before {
  opacity: 1;
  color: #fefefe;
  content: "\e905";
  font-family: "FontAwesome", "IconsFont"
}

.recommended-product-slider {
  margin-bottom: 30px;
  overflow: hidden
}

@media screen and (max-width:39.9375em) {
  .recommended-product-slider {
    overflow: visible;
    width: auto
  }
}

.recommended-product-slider .slick-list {
  border: 20px solid #024991;
  overflow: visible
}

@media screen and (max-width:39.9375em) {
  .recommended-product-slider .slick-list {
    width: auto;
    border: 15px solid #024991
  }

  .recommended-product-slider .slick-list .slick-track {
    width: auto
  }
}

.recommended-product-slider .slick-list .slick-track .slick-slide {
  outline: none !important
}

@media screen and (max-width:39.9375em) {
  .recommended-product-slider .slick-list .slick-track .slick-slide {
    width: auto
  }
}

.recommended-product-slider .flex-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 20px;
  margin: -20px auto
}

@media screen and (max-width:39.9375em) {
  .recommended-product-slider .flex-box {
    margin-bottom: 0;
    display: block;
    width: 100%;
    padding: 0
  }
}

.recommended-product-slider .flex-box .column,
.recommended-product-slider .flex-box .columns {
  text-align: center
}

.recommended-product-slider .flex-box .column.image img,
.recommended-product-slider .flex-box .image.columns img {
  width: 100%
}

.recommended-product-slider .flex-box .column.text,
.recommended-product-slider .flex-box .text.columns {
  margin-bottom: 30px
}

@media screen and (max-width:53.6875em) {

  .recommended-product-slider .flex-box .column.text,
  .recommended-product-slider .flex-box .text.columns {
    margin-bottom: 50px
  }
}

.recommended-product-slider .flex-box .column.text .sneak-peak,
.recommended-product-slider .flex-box .text.columns .sneak-peak {
  font-family: 'ModernistBold';
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  color: #024991;
  padding: 0 1.5rem;
  margin-bottom: 10px
}

.recommended-product-slider .flex-box .column.text .title,
.recommended-product-slider .flex-box .text.columns .title {
  font-family: "ModernistBold" !important;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  line-height: 29px;
  margin-bottom: 30px;
  padding: 0 1.5rem;
  max-height: 90px;
  overflow: hidden;
  margin-top: 0
}

@media screen and (max-width:39.9375em) {

  .recommended-product-slider .flex-box .column.text .title,
  .recommended-product-slider .flex-box .text.columns .title {
    margin-bottom: 15px
  }
}

.recommended-product-slider .flex-box .column.text .button,
.recommended-product-slider .flex-box .text.columns .button {
  padding-left: 30px;
  padding-right: 30px
}

@media screen and (max-width:53.6875em) {
  .recommended-product-slider .slick-dots {
    padding-right: 0;
    bottom: 35px;
    margin-left: 0;
    text-align: center
  }

  .recommended-product-slider .slick-dots li {
    margin-left: 0
  }
}

.recommended-product-slider .slick-dots li button:before {
  content: "•";
  font-size: 2rem;
  color: #024991
}

.recommended-product-slider .slick-dots li.slick-active button:before {
  color: #024991;
  opacity: 1
}

.recommended-product-slider nav {
  position: absolute;
  bottom: 30px;
  z-index: 999;
  right: 20%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px
}

@media screen and (max-width:39.9375em) {
  .recommended-product-slider nav {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
  }
}

.recommended-product-slider nav button:before {
  font-family: "FontAwesome", "IconsFont";
  opacity: 1;
  color: #fefefe;
  font-size: 1.75rem;
  text-shadow: 0 0 5px #000;
  line-height: 60px;
  display: block;
  height: 55px
}

.recommended-product-slider nav button.previous:before {
  content: "\e904"
}

.recommended-product-slider nav button.next:before {
  content: "\e905"
}

.navigation-list {
  margin: 1rem 0 .5rem;
  display: block;
  width: 100%;
  padding: 0
}

@media screen and (max-width:79.9375em) {
  .navigation-list {
    padding: 0 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .navigation-list {
    margin-bottom: 1rem
  }
}

.navigation-list nav {
  padding-left: 0
}

.navigation-list nav .breadcrumbs {
  margin-bottom: 0
}

@media screen and (min-width:80em) {
  .navigation-list nav .breadcrumbs {
    padding-left: 0
  }
}

@media screen and (max-width:53.6875em) {
  .navigation-list nav .breadcrumbs {
    padding-left: 0
  }
}

.navigation-list nav .breadcrumbs li {
  font-size: .9rem;
  font-family: "LeagueGothic", sans-serif;
  color: #666
}

.navigation-list nav .breadcrumbs li:not(:last-child):after {
  color: #024991
}

@media screen and (max-width:53.6875em) {
  .navigation-list nav {
    margin: 0;
    padding: 0
  }
}

.content-header {
  width: 100%;
  margin: 0 auto 1rem;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:80em) {
  .content-header {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (max-width:53.6875em) {
  .content-header {
    padding-bottom: 0;
    margin-bottom: 0
  }
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
  .content-header {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.content-header.mid-header {
  border: none
}

.content-header.mid-header .title-box {
  padding: 0
}

.content-header.wide .title-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.content-header.wide.clear .share-box,
.content-header.wide.clear .recommended-page .sneak-peak .info .review,
.recommended-page .sneak-peak .info .content-header.wide.clear .review {
  display: none
}

.content-header .signature {
  display: block;
  font-size: .7rem;
  margin-top: .2rem
}

@media screen and (max-width:39.9375em) {
  .content-header .signature {
    font-size: .65rem
  }
}

.content-header .title-box {
  position: relative
}

@media screen and (min-width:64em) {
  .content-header .title-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%;
    padding: 0
  }
}

@media screen and (max-width:53.6875em) {
  .content-header .title-box {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.content-header .title-box h1,
.content-header .title-box .title,
.content-header .title-box h2.title {
  line-height: 1.55;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "ModernistBold", Arial, sans-serif
}

@media screen and (max-width:53.6875em) {

  .content-header .title-box h1,
  .content-header .title-box .title,
  .content-header .title-box h2.title {
    font-size: 28px
  }
}

.content-header .title-box h2,
.content-header .title-box .lead {
  font-weight: 400;
  font-family: "RobotoLight", sans-serif;
  font-size: 1.1rem;
  margin-bottom: .75rem
}

@media screen and (max-width:53.6875em) {

  .content-header .title-box h2,
  .content-header .title-box .lead {
    font-size: 19px
  }
}

.content-header .title-box .linked a {
  font-size: .9rem;
  color: #024991
}

.content-header .title-box .linked a:hover {
  font-weight: bold
}

.content-header .title-box .linked span {
  color: #222
}

.content-header .title-box .author {
  margin: .5rem 0
}

.content-header .title-box .author .info {
  display: inline-block
}

.content-header .title-box .author .name {
  font-size: .9rem;
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif
}

.content-header .title-box .author .name a:hover,
.content-header .title-box .author .name a:focus {
  color: #024991
}

.content-header .title-box .author .time {
  color: #8a8a8a;
  font-size: .8rem;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-header .title-box .author .avatar {
  border-radius: 100%;
  width: 2rem;
  margin-right: .5rem
}

.content-header .title-box .author .avatar.wide {
  max-width: auto;
  border-radius: 0
}

.content-header .title-box .author .recepie-buttons {
  float: right
}

.content-header .title-box .author .recepie-buttons .button {
  margin: 0;
  padding: .55rem 1rem;
  background-color: #0a0a0a
}

.content-header .title-box .sponsored {
  font-size: .9rem;
  font-family: "LeagueGothic", sans-serif;
  color: #666;
  right: .5rem;
  bottom: .75rem;
  text-align: right
}

@media screen and (max-width:53.6875em) {
  .content-header .title-box .sponsored {
    right: .5rem
  }

  .content-header .title-box .sponsored {
    right: 1rem
  }
}

@media screen and (max-width:26.25em) {
  .content-header .title-box .sponsored {
    position: static;
    margin-top: .5rem
  }
}

.content-header .share-box,
.content-header .recommended-page .sneak-peak .info .review,
.recommended-page .sneak-peak .info .content-header .review {
  border-left: 1px solid #e8e8e8;
  color: #8a8a8a;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (min-width:64em) {

  .content-header .share-box,
  .content-header .recommended-page .sneak-peak .info .review,
  .recommended-page .sneak-peak .info .content-header .review {
    border-left: 1px solid #e8e8e8;
    max-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
  }
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box,
  .content-header .recommended-page .sneak-peak .info .review,
  .recommended-page .sneak-peak .info .content-header .review {
    padding-left: 1rem;
    padding-right: 0;
    margin-bottom: .5rem;
    border-left: 0
  }
}

.content-header .share-box h6,
.content-header .recommended-page .sneak-peak .info .review h6,
.recommended-page .sneak-peak .info .content-header .review h6 {
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: 400;
  font-size: .7rem
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box h6,
  .content-header .recommended-page .sneak-peak .info .review h6,
  .recommended-page .sneak-peak .info .content-header .review h6 {
    display: none
  }
}

.content-header .share-box .share-count,
.content-header .recommended-page .sneak-peak .info .review .share-count,
.recommended-page .sneak-peak .info .content-header .review .share-count {
  position: relative;
  font-size: .7rem
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box .share-count,
  .content-header .recommended-page .sneak-peak .info .review .share-count,
  .recommended-page .sneak-peak .info .content-header .review .share-count {
    margin-top: .5rem
  }
}

.content-header .share-box .share-count .sponsored,
.content-header .recommended-page .sneak-peak .info .review .share-count .sponsored,
.recommended-page .sneak-peak .info .content-header .review .share-count .sponsored {
  position: absolute;
  font-size: .8rem;
  font-family: "LeagueGothic", sans-serif;
  color: #666;
  left: 0;
  right: 0;
  bottom: -2rem
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box .share-count .sponsored,
  .content-header .recommended-page .sneak-peak .info .review .share-count .sponsored,
  .recommended-page .sneak-peak .info .content-header .review .share-count .sponsored {
    right: 1rem;
    bottom: .5rem
  }
}

.content-header .share-box .share-count ul,
.content-header .recommended-page .sneak-peak .info .review .share-count ul,
.recommended-page .sneak-peak .info .content-header .review .share-count ul {
  list-style: none;
  margin-left: 0
}

.content-header .share-box .share-count ul.actions,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.actions,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.actions {
  min-width: 260px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.content-header .share-box .share-count ul.actions .badge,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.actions .badge,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.actions .badge {
  background-color: #e8e8e8;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  cursor: pointer;
  margin-right: .5rem;
  margin-left: .6rem;
  font-size: 1rem;
  line-height: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
  font-size: 1rem
}

.content-header .share-box .share-count ul.actions .badge.fa-facebook,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.actions .badge.fa-facebook,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.actions .badge.fa-facebook {
  background-color: #3a5795;
  margin-left: 0
}

.content-header .share-box .share-count ul.actions .badge.fa-google-plus,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.actions .badge.fa-google-plus,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.actions .badge.fa-google-plus {
  background-color: #db4437
}

.content-header .share-box .share-count ul.actions .fa-star,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.actions .fa-star,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.actions .fa-star {
  font-size: 2rem;
  color: #ffa500;
  margin-right: .5rem;
  margin-left: .6rem
}

.content-header .share-box .share-count ul.actions span,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.actions span,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.actions span {
  color: #0a0a0a
}

.content-header .share-box .share-count ul.rating,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating {
  margin: 1rem 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 260px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box .share-count ul.rating,
  .content-header .recommended-page .sneak-peak .info .review .share-count ul.rating,
  .recommended-page .sneak-peak .info .content-header .review .share-count ul.rating {
    margin: .5rem 0 0
  }
}

.content-header .share-box .share-count ul.rating li,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li {
  margin-right: .5rem
}

.content-header .share-box .share-count ul.rating li .rating-star,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star {
  unicode-bidi: bidi-override;
  min-width: 100px;
  direction: rtl;
  margin: 0
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box .share-count ul.rating li .rating-star,
  .content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star,
  .recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star {
    margin: .8rem 0 .8rem
  }
}

.content-header .share-box .share-count ul.rating li .rating-star.voted,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star.voted,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star.voted {
  pointer-events: none
}

.content-header .share-box .share-count ul.rating li .rating-star>span,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>span,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>span {
  display: inline-block;
  position: relative;
  font-size: 1rem
}

.content-header .share-box .share-count ul.rating li .rating-star>*:hover,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>*:hover,
.content-header .share-box .share-count ul.rating li .rating-star>*:hover~span,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover~span,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>*:hover~span,
.content-header .share-box .share-count ul.rating li .rating-star:not(:hover)>input:checked~span,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span {
  color: transparent
}

.content-header .share-box .share-count ul.rating li .rating-star>*:hover:before,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover:before,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>*:hover:before,
.content-header .share-box .share-count ul.rating li .rating-star>*:hover~span:before,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover~span:before,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>*:hover~span:before,
.content-header .share-box .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before {
  content: "\f005";
  position: absolute;
  font-family: "FontAwesome", "IconsFont";
  left: 0;
  color: #ffa500
}

.content-header .share-box .share-count ul.rating li .rating-star>input,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>input,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>input {
  margin-left: -1.5em;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  position: relative;
  z-index: 2;
  opacity: 0
}

@media screen and (max-width:53.6875em) {

  .content-header .share-box .share-count ul.rating li .rating-star>input,
  .content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>input,
  .recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-star>input {
    width: 2em
  }
}

.content-header .share-box .share-count ul.rating li .rating-number,
.content-header .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-number,
.recommended-page .sneak-peak .info .content-header .review .share-count ul.rating li .rating-number {
  color: #0a0a0a
}

.content-header .share-box .statistics,
.content-header .recommended-page .sneak-peak .info .review .statistics,
.recommended-page .sneak-peak .info .content-header .review .statistics {
  font-size: .8rem;
  margin-top: .5rem;
  color: #666
}

.content-header .share-box .statistics span,
.content-header .recommended-page .sneak-peak .info .review .statistics span,
.recommended-page .sneak-peak .info .content-header .review .statistics span {
  color: #8a8a8a;
  font-size: .8rem;
  font-weight: 700
}

.content-header.content-list {
  margin-bottom: 1rem;
  border-bottom: 0;
  padding-bottom: 0
}

@media screen and (max-width:53.6875em) {
  .content-header.content-list {
    margin-bottom: .5rem
  }
}

@media screen and (max-width:39.9375em) {
  .content-header.content-list {
    text-align: center
  }
}

@media screen and (min-width:40em) {
  .content-header.content-list .title-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
  }
}

@media screen and (max-width:53.6875em) {
  .content-header.content-list .title-box {
    padding: 0
  }
}

.content-header.content-list h1 {
  color: #024991;
  margin-bottom: 0;
  font-weight: 400;
  line-height: inherit;
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif
}

@media screen and (max-width:39.9375em) {
  .content-header.content-list h1 {
    text-align: center
  }
}

.content-header.content-list h1 span,
.content-header.content-list h1 a {
  border: 1px solid #0a0a0a;
  padding: .1rem .5rem 0;
  color: #024991;
  display: inline-block
}

.content-header.content-list h2 {
  margin-top: .5rem;
  margin-bottom: 0
}

.content-header.content-list .share-box,
.content-header.content-list .recommended-page .sneak-peak .info .review,
.recommended-page .sneak-peak .info .content-header.content-list .review {
  overflow: visible;
  border-left: 1px solid #e8e8e8
}

@media screen and (max-width:39.9375em) {

  .content-header.content-list .share-box,
  .content-header.content-list .recommended-page .sneak-peak .info .review,
  .recommended-page .sneak-peak .info .content-header.content-list .review {
    text-align: center;
    margin: 0 auto;
    border-left: 0;
    padding-left: 0
  }
}

.content-header.content-list .share-box h6,
.content-header.content-list .recommended-page .sneak-peak .info .review h6,
.recommended-page .sneak-peak .info .content-header.content-list .review h6 {
  display: block
}

@media screen and (max-width:39.9375em) {

  .content-header.content-list .share-box h6,
  .content-header.content-list .recommended-page .sneak-peak .info .review h6,
  .recommended-page .sneak-peak .info .content-header.content-list .review h6 {
    display: none
  }
}

@media screen and (min-width:40em) {

  .content-header.content-list .share-box .share-count,
  .content-header.content-list .recommended-page .sneak-peak .info .review .share-count,
  .recommended-page .sneak-peak .info .content-header.content-list .review .share-count {
    margin: 0
  }
}

@media screen and (max-width:39.9375em) {

  .content-header.content-list .share-box .share-count,
  .content-header.content-list .recommended-page .sneak-peak .info .review .share-count,
  .recommended-page .sneak-peak .info .content-header.content-list .review .share-count {
    margin-top: 1rem
  }
}

.content-header.content-list .share-box .share-count ul.actions,
.content-header.content-list .recommended-page .sneak-peak .info .review .share-count ul.actions,
.recommended-page .sneak-peak .info .content-header.content-list .review .share-count ul.actions {
  min-width: inherit;
  margin-bottom: 0
}

@media screen and (max-width:39.9375em) {

  .content-header.content-list .share-box .share-count ul.actions,
  .content-header.content-list .recommended-page .sneak-peak .info .review .share-count ul.actions,
  .recommended-page .sneak-peak .info .content-header.content-list .review .share-count ul.actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .content-header.content-list .share-box .share-count ul.actions li,
  .content-header.content-list .recommended-page .sneak-peak .info .review .share-count ul.actions li,
  .recommended-page .sneak-peak .info .content-header.content-list .review .share-count ul.actions li {
    margin: 0 .5rem
  }

  .content-header.content-list .share-box .share-count ul.actions .badge,
  .content-header.content-list .recommended-page .sneak-peak .info .review .share-count ul.actions .badge,
  .recommended-page .sneak-peak .info .content-header.content-list .review .share-count ul.actions .badge {
    margin: 0
  }
}

.content-header.content-list.special {
  margin-bottom: -120px !important
}

@media screen and (max-width:53.6875em) {
  .content-header.content-list.special {
    margin-bottom: -100px !important
  }
}

@media screen and (max-width:39.9375em) {
  .content-header.content-list.special {
    margin-bottom: -90px !important
  }
}

.content-header.content-list.special .title {
  left: 0
}

.content-header.content-list.special .title a,
.content-header.content-list.special .title span {
  top: -4rem !important;
  left: -1.2rem !important
}

.content-header.search-result {
  margin: 0;
  padding: 0;
  border-bottom: 0
}

@media screen and (max-width:79.9375em) {
  .content-header.search-result {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media screen and (max-width:53.6875em) {
  .content-header.search-result {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.content-header.search-result .search-box {
  width: 100%
}

.content-header.search-result .search-box form {
  margin: 0
}

.content-header.search-result .search-box form input {
  margin-bottom: 0
}

.content-header.search-result .search-box form input[type="search"] {
  border: 1px solid #e8e8e8;
  height: 2.7rem;
  padding: .5rem
}

.content-header.search-result .search-box form input[type="submit"] {
  width: 100%
}

.content-header.editors {
  border-bottom: 0
}

.content-header.editors>.row,
.sidebar .box .content-header.editors>.row-box {
  margin: 0
}

.content-header.editors .columns {
  text-align: left;
  padding: .5rem
}

.content-header.editors .chief-editor,
.content-header.editors .title-box {
  padding: 0
}

@media screen and (max-width:39.9375em) {

  .content-header.editors .chief-editor,
  .content-header.editors .title-box {
    margin-bottom: 1rem
  }
}

.content-header.editors .chief-editor .card,
.content-header.editors .title-box .card {
  border: 1px solid #eff0f0;
  padding: .5rem 1rem;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden
}

@media screen and (max-width:53.6875em) {

  .content-header.editors .chief-editor .card,
  .content-header.editors .title-box .card {
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    padding: 1rem
  }
}

@media screen and (max-width:26.25em) {

  .content-header.editors .chief-editor .card,
  .content-header.editors .title-box .card {
    margin-right: 1rem
  }
}

.content-header.editors .chief-editor .card .avatar,
.content-header.editors .title-box .card .avatar {
  width: auto;
  margin-top: .2rem;
  max-width: 6rem;
  border-radius: 100%;
  float: left;
  margin-right: 1rem
}

@media screen and (max-width:53.6875em) {

  .content-header.editors .chief-editor .card .avatar,
  .content-header.editors .title-box .card .avatar {
    margin-right: 0;
    float: none
  }
}

.content-header.editors .chief-editor .card .avatar.wide,
.content-header.editors .title-box .card .avatar.wide {
  max-width: auto;
  border-radius: 0
}

.content-header.editors .chief-editor .card .name,
.content-header.editors .title-box .card .name {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 .5rem;
  font-size: 1.8rem
}

@media screen and (max-width:53.6875em) {

  .content-header.editors .chief-editor .card .name,
  .content-header.editors .title-box .card .name {
    margin: .5rem 0
  }
}

.content-header.editors .chief-editor .card .depiction,
.content-header.editors .title-box .card .depiction {
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  font-size: 1.4rem;
  margin-bottom: .5rem
}

.content-header.editors .chief-editor .card .email,
.content-header.editors .title-box .card .email {
  color: #222;
  font-size: 1rem
}

.content-header.editors .chief-editor .card a,
.content-header.editors .title-box .card a {
  color: #024991
}

.content-header.editors .chief-editor .card .name {
  padding-top: 5px
}

.content-header.editors .chief-editor .card img.avatar {
  max-width: initial
}

@media screen and (max-width:53.6875em) {
  .content-header.editors .title-box {
    padding: 0 1rem
  }
}

.content-header.editors .title-box .card {
  border: 0;
  margin: 0;
  padding: 0
}

.content-header.editors .title-box .card:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

@media screen and (max-width:53.6875em) {
  .content-header.editors .title-box .card {
    margin-bottom: 1rem
  }
}

.content-header.editors .title-box .card .name {
  margin: .5rem 0
}

.content-header.editors .title-box .card .depiction {
  margin: 0
}

@media screen and (max-width:53.6875em) {
  .content-header.editors .title-box .card .avatar {
    margin-bottom: 1rem
  }
}

.content-header.editors .title-box .card .avatar.wide {
  max-width: auto;
  border-radius: 0
}

@media screen and (max-width:53.6875em) {

  .content-header.editors .share-box,
  .content-header.editors .recommended-page .sneak-peak .info .review,
  .recommended-page .sneak-peak .info .content-header.editors .review {
    margin-bottom: 1rem
  }

  .content-header.editors .share-box .share-count,
  .content-header.editors .recommended-page .sneak-peak .info .review .share-count,
  .recommended-page .sneak-peak .info .content-header.editors .review .share-count {
    margin-top: 0
  }

  .content-header.editors .share-box .share-count .actions,
  .content-header.editors .recommended-page .sneak-peak .info .review .share-count .actions,
  .recommended-page .sneak-peak .info .content-header.editors .review .share-count .actions {
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.content-header.editors .editorial-address {
  padding: 0
}

@media screen and (max-width:39.9375em) {
  .content-header.editors .editorial-address {
    margin: 0 1rem
  }
}

.content-header.editors .editorial-address .text-box {
  margin-left: 2rem
}

@media screen and (max-width:53.6875em) {
  .content-header.editors .editorial-address .text-box {
    margin-left: 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .content-header.editors .editorial-address .text-box {
    margin-left: -.5rem;
    text-align: center
  }
}

.content-header.editors .editorial-address .text-box b {
  margin-top: .5rem;
  display: block
}

.content-header.editors .editorial-address .text-box span {
  display: block
}

@media screen and (max-width:53.6875em) {
  .content-header.editors .editorial-address .text-box span.email a {
    margin-left: 0
  }
}

.content-header.editors .editorial-address .text-box span.email a {
  margin-left: .5rem
}

@media screen and (max-width:26.25em) {
  .content-header.editors .editorial-address {
    margin: 1rem auto 0
  }
}

.content-header.editors.profile {
  border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width:53.6875em) {
  .content-header.editors.profile {
    padding: 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .content-header.editors.profile {
    padding-top: 0
  }
}

.content-header.editors.profile .title-box {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  max-width: initial;
  padding-bottom: 1rem;
  margin-bottom: .5rem
}

@media screen and (max-width:53.6875em) {
  .content-header.editors.profile .title-box {
    margin-bottom: 0
  }
}

.content-header.editors.profile .title-box .card {
  cursor: default
}

@media screen and (max-width:53.6875em) {
  .content-header.editors.profile .title-box .card {
    margin-bottom: 0
  }
}

.content-header.editors.profile .title-box .card .email {
  margin-top: -5px;
  margin-bottom: 5px;
  font-size: .9rem;
  font-family: "ModernistLight", Arial, sans-serif
}

@media screen and (max-width:53.6875em) {

  .content-header.editors.profile .share-box,
  .content-header.editors.profile .recommended-page .sneak-peak .info .review,
  .recommended-page .sneak-peak .info .content-header.editors.profile .review {
    margin-bottom: 0
  }
}

.content-header.editors.profile .share-box .profile-info,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info {
  margin-left: 1rem
}

@media screen and (max-width:53.6875em) {

  .content-header.editors.profile .share-box .profile-info,
  .content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info,
  .recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info {
    text-align: center;
    margin-left: 0
  }
}

.content-header.editors.profile .share-box .profile-info .actions,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions {
  margin-bottom: .5rem
}

@media screen and (max-width:53.6875em) {

  .content-header.editors.profile .share-box .profile-info .actions,
  .content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions,
  .recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.content-header.editors.profile .share-box .profile-info .actions li,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li {
  margin-right: .5rem
}

.content-header.editors.profile .share-box .profile-info .actions li:last-child,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li:last-child,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li:last-child {
  margin-right: 0
}

.content-header.editors.profile .share-box .profile-info .actions li .badge,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li .badge,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li .badge {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  background-color: #fefefe;
  color: #666;
  border: 1px solid #e8e8e8
}

.content-header.editors.profile .share-box .profile-info .actions li .badge:hover,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li .badge:hover,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li .badge:hover {
  background-color: #666;
  color: #fefefe
}

@media screen and (max-width:39.9375em) {

  .content-header.editors.profile .share-box .profile-info .actions li .badge,
  .content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li .badge,
  .recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li .badge {
    height: 35px
  }
}

@-moz-document url-prefix() {

  .content-header.editors.profile .share-box .profile-info .actions li .badge:before,
  .content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li .badge:before,
  .recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li .badge:before {
    margin-left: 1px
  }
}

.content-header.editors.profile .share-box .profile-info .actions li a,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li a,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li a {
  padding: 0;
  position: relative
}

.content-header.editors.profile .share-box .profile-info .actions li .new,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .actions li .new,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .actions li .new {
  position: absolute;
  right: 0;
  padding: .15rem .25rem;
  font-size: .7rem;
  font-weight: 700;
  border-radius: 100%;
  background-color: #fefefe;
  color: #024991;
  top: -.4rem
}

.content-header.editors.profile .share-box .profile-info .localization,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .localization,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .localization,
.content-header.editors.profile .share-box .profile-info .rank,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .rank,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .rank {
  font-size: .8rem;
  margin-top: .2rem
}

.content-header.editors.profile .share-box .profile-info .localization i,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .localization i,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .localization i,
.content-header.editors.profile .share-box .profile-info .rank i,
.content-header.editors.profile .recommended-page .sneak-peak .info .review .profile-info .rank i,
.recommended-page .sneak-peak .info .content-header.editors.profile .review .profile-info .rank i {
  margin-right: .5rem
}

.content-header.editors.profile .card>i {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
  border: .15rem solid #eff0f0;
  background-color: #fefefe;
  color: #eff0f0;
  height: 100px;
  width: 100px;
  font-size: 1.6rem;
  margin-right: 1rem
}

@media screen and (max-width:53.6875em) {
  .content-header.editors.profile .card>i {
    margin: 0 auto 1rem;
    float: none
  }
}

.content-header.editors.profile .card .name {
  margin-top: 0
}

.content-header.editors.profile .card .depiction {
  font-family: "RobotoLight", sans-serif;
  font-size: 1rem
}

.content-header.editors.profile .card .depiction a {
  color: #024991
}

.content-header.editors.profile .card .depiction p {
  margin-bottom: 0
}

.content-header.editors.profile .description {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #e8e8e8
}

.content-header.editors.profile .description img {
  float: left;
  margin-right: 1rem
}

.content-header.editors.profile .description p {
  margin-bottom: 0
}

.content-header.editors.profile .description a {
  color: #024991
}

.content-header .meta-picture,
.content-header .meta-calories {
  position: absolute
}

.content-header.cards {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.content-header.cards .share-box .share-count ul.actions,
.content-header.cards .recommended-page .sneak-peak .info .review .share-count ul.actions,
.recommended-page .sneak-peak .info .content-header.cards .review .share-count ul.actions {
  margin-bottom: 0
}

.content-header.cards h1 {
  margin-bottom: 0
}

.content-header.dreambook {
  border-bottom: 0;
  margin-bottom: 0 !important
}

@media screen and (max-width:53.6875em) {
  .content-header.dreambook {
    padding: 0 1rem
  }

  .content-header.dreambook .dictionary-letters {
    padding: 0
  }
}

.content-header.dreambook .dictionary-letters .menu.slick-slider {
  margin-bottom: 0
}

.content-header.dreambook .dictionary-letters .menu.slick-slider .slick-list {
  margin: 0 1.5rem
}

.content-header.dreambook .dictionary-letters .menu.slick-slider .slick-arrow {
  background-color: #fefefe;
  height: 100%
}

.content-header.dreambook .dictionary-letters .menu.slick-slider li {
  margin-left: .25rem
}

.content-header.dreambook .dictionary-letters .menu.slick-slider li:first-child {
  margin-left: 0
}

.content-header.dreambook .dictionary-letters .menu a {
  padding: .25rem .8rem
}

.content-header.dreambook .dictionary-letters .menu li {
  list-style-type: none
}

.content-header.dreambook .dictionary-letters .dictionary-search {
  max-width: 390px;
  position: relative
}

.content-header.dreambook .dictionary-letters .dictionary-search input[type="text"]::-webkit-input-placeholder {
  color: rgba(10, 10, 10, .5);
  font-size: 1rem;
  line-height: 1.2rem
}

.content-header.dreambook .dictionary-letters .dictionary-search input {
  margin-left: 0;
  padding-left: 0;
  border-color: #0a0a0a
}

.content-header.dreambook .dictionary-letters .dictionary-search .submit {
  position: absolute;
  bottom: .5rem;
  right: 0
}

.content-header.dreambook .dictionary-letters .dictionary-search .submit .badge {
  min-width: 1.75rem;
  padding: .45rem .5rem;
  font-size: .9rem
}

.content-header.dreambook .dictionary-letters .dictionary-search form.row,
.content-header.dreambook .dictionary-letters .dictionary-search .sidebar .box form.row-box,
.sidebar .box .content-header.dreambook .dictionary-letters .dictionary-search form.row-box {
  margin-top: .5rem;
  margin-bottom: 0
}

.recommended-info-header-border {
  margin-top: 0;
  margin-bottom: 30px;
  border: 10px solid #024991
}

@media screen and (max-width:79.9375em) {
  .recommended-info-header-border {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 20px
  }
}

.recommended-info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*text-align: center;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.recommended-info-header:after {
  content: '';
  display: block;
  height: 10px;
  width: 98%;
  background-color: #fefefe;
  margin-bottom: -10px;
  margin-top: 10px
}

.recommended-info-header:before {
  content: '';
  display: block;
  height: 10px;
  width: 98%;
  background-color: #fefefe;
  margin-top: -10px;
  margin-bottom: 10px
}

.recommended-info-header .title {
  text-align: left;
  font-size: 22px;
  margin-top: 0 !important;
  margin-bottom: 0;
  font-family: "LeagueGothic", sans-serif
}

@media screen and (max-width:39.9375em) {
  .recommended-info-header .title {
    margin-bottom: 0;
    margin-top: -20px !important
  }
}

.recommended-info-header .title img {
  height: 51px !important;
  width: initial
}

@media screen and (max-width:39.9375em) {
  .recommended-info-header .title img {
    margin-bottom: 5px
  }
}

.recommended-info-header .title a {
  display: block;
  margin: 0 auto;
  text-align: center
}

.recommended-info-header .column,
.recommended-info-header .columns {
  font-family: "ModernistRegular", Arial, sans-serif;
  text-align: center
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column,
  .recommended-info-header .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 0;
    border: 0
  }

  .recommended-info-header .column:last-child,
  .recommended-info-header .columns:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 10px
  }
}

.recommended-info-header .column.arrow,
.recommended-info-header .arrow.columns {
  padding: 0;
  max-width: 40px;
  -ms-flex-item-align: center;
  align-self: center
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column.arrow,
  .recommended-info-header .arrow.columns {
    display: none
  }
}

.recommended-info-header .column.arrow img,
.recommended-info-header .arrow.columns img {
  width: 35px
}

@media screen and (min-width:64em) {

  .recommended-info-header .column.arrow img,
  .recommended-info-header .arrow.columns img {
    width: 26px
  }
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column>.small-3,
  .recommended-info-header .columns>.small-3 {
    max-width: 80px
  }
}

.recommended-info-header .column div,
.recommended-info-header .columns div {
  text-align: center
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column div.small-3,
  .recommended-info-header .columns div.small-3 {
    text-align: left
  }
}

.recommended-info-header .column h3,
.recommended-info-header .columns h3 {
  margin-top: 0;
  font-size: 16px;
  color: #333
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column h3,
  .recommended-info-header .columns h3 {
    text-align: center;
    font-size: 20px
  }
}

.recommended-info-header .column .desc,
.recommended-info-header .columns .desc {
  font-size: 13px;
  font-weight: 600;
  color: #db3469;
  font-weight: 300;
  line-height: 14px
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column .desc,
  .recommended-info-header .columns .desc {
    text-align: center
  }

  .recommended-info-header .column .icon-form,
  .recommended-info-header .columns .icon-form {
    display: none
  }
}

.recommended-info-header .column .icon-form img,
.recommended-info-header .columns .icon-form img {
  width: 100px;
  margin-bottom: 10px
}

.recommended-info-header .column .button,
.recommended-info-header .columns .button {
  line-height: normal;
  font-size: 15px;
  margin-top: 0;
  padding: 7px 15px 10px
}

.recommended-info-header .column .button.green,
.recommended-info-header .columns .button.green,
.recommended-info-header .column .content-area.special-report.green .single-post .button.gradient,
.content-area.special-report.green .single-post .recommended-info-header .column .button.gradient,
.recommended-info-header .columns .content-area.special-report.green .single-post .button.gradient,
.content-area.special-report.green .single-post .recommended-info-header .columns .button.gradient,
.recommended-info-header .column .content-area.special-report.green .top-video .button.gradient,
.content-area.special-report.green .top-video .recommended-info-header .column .button.gradient,
.recommended-info-header .columns .content-area.special-report.green .top-video .button.gradient,
.content-area.special-report.green .top-video .recommended-info-header .columns .button.gradient {
  border: 2px solid #73d557;
  background-color: #73d557;
  color: #fefefe
}

.recommended-info-header .column .button:hover,
.recommended-info-header .columns .button:hover {
  opacity: .6
}

.recommended-info-header .column img,
.recommended-info-header .columns img {
  margin: 0 auto
}

@media screen and (max-width:39.9375em) {

  .recommended-info-header .column img,
  .recommended-info-header .columns img {
    max-width: 120px
  }

  .recommended-info-header+.recommended-content {
    margin-top: -30px
  }
}

.mainpage .header {
  background-color: #fefefe;
  margin-top: 0
}

.mainpage .header .logo-bar .logo-box {
  line-height: 0
}

.mainpage .header .logo {
  margin-top: .5rem;
  margin-bottom: .5rem;
  text-align: center;
  margin-right: -4rem
}

@media screen and (min-width:64em) {
  .mainpage .header .logo {
    margin-right: 0;
    text-align: right
  }
}

@media screen and (max-width:53.6875em) {
  .mainpage .header .logo {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0
  }
}

.mainpage .header .logo img {
  width: 175px;
  margin-right: 0;
  margin-bottom: -.2rem
}

@media screen and (min-width:64em) {
  .mainpage .header .logo img {
    margin-right: -2rem
  }
}

@media screen and (max-width:39.9375em) {
  .mainpage .header .logo img {
    width: 130px
  }
}

.mainpage .header .logo .section {
  display: none
}

@media screen and (max-width:39.9375em) {
  .mainpage .header .bars {
    margin: 1.6rem .6rem 1rem
  }
}

.mainpage .header .top-bar ul.first-sub {
  border-bottom: 0
}

@media screen and (max-width:89.9375em) {

  .mainpage .row .gothic-title,
  .mainpage .sidebar .box .row-box .gothic-title,
  .sidebar .box .mainpage .row-box .gothic-title,
  .mainpage .row .latest-tests,
  .mainpage .sidebar .box .row-box .latest-tests,
  .sidebar .box .mainpage .row-box .latest-tests {
    padding-left: .75rem;
    padding-right: .75rem
  }
}

.content {
  margin-bottom: 0
}

.content .add .slot-ado-ad {
  margin: 0 auto;
  text-align: center
}

.content .add.show-for-large {
  margin-top: 1rem
}

@media screen and (max-width:53.6875em) {
  .content .slider-box {
    margin: 0 auto 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .slider-box {
    margin-bottom: 0
  }
}

.content .slider-box .loader {
  display: block;
  position: relative;
  width: 100%
}

.content .slider-box .loader .fa-refresh {
  position: absolute;
  font-size: 5rem;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg)
}

.content .slider-box .main-topic {
  display: none;
  overflow: hidden
}

.content .slider-box .main-topic .slick-slide img,
.content .slider-box .main-topic .slick-slide picture {
  width: 100%
}

@media screen and (max-width:53.6875em) {
  .content .slider-box .main-topic .slick-arrow {
    width: 15%
  }
}

@media screen and (max-width:26.25em) {
  .content .slider-box .main-topic .slick-arrow {
    top: 40%
  }
}

.content .slider-box .main-topic .slick-arrow.slick-prev {
  height: 20%;
  width: 10%
}

@media screen and (max-width:89.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 40%
  }
}

@media screen and (max-width:79.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 20%
  }
}

@media screen and (max-width:53.6875em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 30%
  }
}

@media screen and (max-width:39.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    width: 20%
  }
}

@media screen and (max-width:26.25em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 25%;
    width: 15%
  }
}

.content .slider-box .main-topic .slick-arrow.slick-prev:before {
  color: #fefefe;
  content: "\e904"
}

.content .slider-box .main-topic .slick-arrow.slick-next {
  height: 20%;
  width: 10%
}

@media screen and (max-width:89.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 40%
  }
}

@media screen and (max-width:79.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 20%
  }
}

@media screen and (max-width:53.6875em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 30%
  }
}

@media screen and (max-width:39.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    width: 20%
  }
}

@media screen and (max-width:26.25em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 25%;
    width: 15%
  }
}

.content .slider-box .main-topic .slick-arrow.slick-next:before {
  color: #fefefe;
  content: "\e905"
}

.content .slider-box .main-topic .slick-arrow:before {
  line-height: normal;
  text-shadow: 0 0 5px #000
}

.content .content-list {
  margin: 1rem auto 0
}

@media screen and (max-width:50em) {
  .content .content-list .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.more .title {
  text-align: left;
  padding: 0;
  width: 100%
}

.more .columns {
  padding: 0;
  margin-bottom: 2rem
}

.more .columns h5 {
  text-align: center;
  padding: .5rem;
  font-size: .9rem;
  margin: 0
}

.more.video {
  margin: .5rem auto 1rem
}

@media screen and (max-width:53.6875em) {
  .more.video {
    padding: 0 1rem
  }
}

@media screen and (max-width:50em) {
  .more.video {
    margin-bottom: 0
  }
}

@media screen and (max-width:39.9375em) {
  .more.video {
    margin: .5rem 1rem 0;
    padding: 0
  }
}

.more.video .columns {
  margin-bottom: 0;
  position: relative
}

@media screen and (max-width:50em) {
  .more.video .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .more.video .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border: 0;
    margin-bottom: 1rem
  }
}

.more.video .img-cover {
  position: relative;
  overflow: hidden
}

@media screen and (min-width:80em) {
  .more.video .img-cover {
    height: 220px
  }
}

@media screen and (max-width:79.9375em) {
  .more.video .img-cover {
    height: 195px
  }
}

@media screen and (max-width:53.6875em) {
  .more.video .img-cover {
    height: 165px
  }
}

@media screen and (max-width:60em) {
  .more.video .img-cover {
    height: 135px
  }
}

@media screen and (max-width:50em) {
  .more.video .img-cover {
    height: inherit
  }
}

@media screen and (max-width:39.9375em) {
  .more.video .img-cover {
    height: inherit
  }
}

.more.video .img-cover img {
  width: 100%
}

.more.video .img-cover .inner-box {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(#0a0a0a));
  background-image: linear-gradient(to bottom, transparent 40%, #0a0a0a 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  text-align: center;
  padding: 0
}

@media screen and (max-width:39.9375em) {
  .more.video .img-cover .inner-box {
    font-size: 2.5rem
  }
}

.more.video .img-cover .inner-box .icon-play-circle {
  top: 30%
}

@media screen and (max-width:53.6875em) {
  .more.video .img-cover .inner-box .icon-play-circle {
    top: 20%
  }
}

@media screen and (max-width:50em) {
  .more.video .img-cover .inner-box .icon-play-circle {
    font-size: 4rem
  }
}

@media screen and (max-width:39.9375em) {
  .more.video .img-cover .inner-box .icon-play-circle {
    top: 40%
  }
}

@media screen and (max-width:33.75em) {
  .more.video .img-cover .inner-box .icon-play-circle {
    top: 35%
  }
}

@media screen and (max-width:25.625em) {
  .more.video .img-cover .inner-box .icon-play-circle {
    font-size: 3rem
  }
}

.more.video .img-cover:hover .inner-box,
.more.video .img-cover:focus .inner-box {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(#0a0a0a));
  background-image: linear-gradient(to bottom, transparent 60%, #0a0a0a 100%)
}

.more.video .text-box {
  padding-top: .5rem;
  text-align: center;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 999;
  margin-top: -1.1rem
}

.more.video .text-box h6 {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  text-transform: uppercase;
  min-height: 1rem;
  font-weight: 300;
  font-size: .9rem;
  margin-bottom: 0
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .more.video .text-box h6 {
    font-size: .8rem
  }
}

.more.video .text-box h6 a {
  color: #222;
  border: 1px solid #666;
  padding: .2rem .5rem;
  background-color: #fefefe
}

@media screen and (max-width:39.9375em) {
  .more.video .text-box h6 a {
    padding-bottom: .2rem
  }
}

.more.video .text-box h6 a:hover,
.more.video .text-box h6 a:focus {
  background-color: #eff0f0
}

.more.video .text-box h6 span {
  cursor: default
}

.more.video .text-box h5 {
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #222;
  padding: .65rem .5rem 0;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
  margin: 0
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .more.video .text-box h5 {
    font-size: .8rem
  }
}

@media screen and (max-width:39.9375em) {
  .more.video .text-box h5 {
    font-size: 1.1rem
  }
}

.more.video .text-box h5 a {
  color: #222
}

.more.video .text-box:last-child {
  margin-bottom: .5rem
}

.icon-play-circle {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0
}

@media screen and (max-width:39.9375em) {
  .icon-play-circle {
    font-size: 4rem
  }
}

@media screen and (max-width:26.25em) {
  .icon-play-circle {
    top: 30%
  }
}

@media screen and (max-width:39.9375em) {
  .icon-play-circle.large {
    font-size: 4rem;
    top: 25%
  }
}

.category-list.row,
.sidebar .box .category-list.row-box {
  margin-bottom: 0;
  margin-top: 1rem
}

@media screen and (max-width:53.6875em) {

  .category-list.row,
  .sidebar .box .category-list.row-box {
    margin: 1rem 1rem 0
  }
}

.category-list .top-video {
  margin-bottom: 1rem
}

.category-list .columns {
  padding: 0;
  margin-bottom: 1rem;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  margin-bottom: .5rem
}

.category-list .columns:nth-child(2n+2) {
  border-right: 0;
  border-left: 0
}

@media screen and (max-width:39.9375em) {
  .category-list .columns:nth-child(2n+2) {
    border-right: 0;
    margin-left: 0
  }
}

@media screen and (max-width:53.6875em) {
  .category-list .columns:nth-child(2n+2) {
    border-right: 0;
    margin-left: 0
  }
}

@media screen and (max-width:48em) {
  .category-list .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:39.9375em) {
  .category-list .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
    border: 0
  }
}

.category-list .columns.commercial h6 {
  color: #e8e8e8
}

.category-list .columns.commercial h6 a {
  color: #e8e8e8
}

.category-list .columns.commercial .category-box {
  margin: 0
}

.category-list .columns.commercial .category-box .inner-box {
  display: none
}

.category-list .columns h6 {
  text-align: center;
  background-color: #fefefe;
  overflow: hidden;
  padding-bottom: .5rem;
  margin: 0 -1px;
  font-weight: normal;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  color: #024991
}

.category-list .columns h6 a {
  color: #024991
}

@media screen and (max-width:39.9375em) {
  .category-list .columns .category-box {
    margin-bottom: 1rem
  }
}

.category-list .columns .category-box h6 {
  cursor: pointer
}

.category-list .columns .category-box .img-cover {
  position: relative;
  max-height: 290px;
  overflow: hidden
}

@media screen and (max-width:53.6875em) {
  .category-list .columns .category-box .img-cover {
    max-height: 360px
  }
}

@media screen and (max-width:39.9375em) {
  .category-list .columns .category-box .img-cover {
    max-height: inherit
  }
}

.category-list .columns .category-box .img-cover a {
  display: block
}

.category-list .columns .category-box .img-cover.scale img {
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.category-list .columns .category-box .img-cover.scale:hover img,
.category-list .columns .category-box .img-cover.scale:focus img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.category-list .columns .category-box .img-cover.scale:hover .text-box h2 img,
.category-list .columns .category-box .img-cover.scale:focus .text-box h2 img {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.category-list .columns .category-box .img-cover .inner-box {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(#0a0a0a));
  background-image: linear-gradient(to bottom, transparent 40%, #0a0a0a 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  text-align: center;
  padding: 0
}

.category-list .columns .category-box .img-cover .inner-box h5 {
  position: absolute;
  text-align: left;
  text-shadow: 1px 1px 1px #0a0a0a;
  font-family: "ModernistRegular", Arial, sans-serif;
  padding: 0 1rem .5rem;
  font-weight: 300;
  font-size: 1.1rem;
  color: #fefefe;
  bottom: 0;
  left: 0;
  right: 0
}

@media screen and (max-width:39.9375em) {
  .category-list .columns .category-box .img-cover .inner-box h5 {
    font-size: 1.2rem
  }
}

.category-list .columns .category-box .img-cover .inner-box h5 a {
  color: #fefefe
}

.category-list .columns .category-box .text-box {
  padding: .5rem .5rem 0
}

@media screen and (max-width:39.9375em) {
  .category-list .columns .category-box .text-box {
    padding-left: 0
  }
}

.category-list .columns .category-box .text-box ul {
  margin-left: 1.5rem;
  margin-bottom: 0
}

.category-list .columns .category-box .text-box ul li {
  font-size: .9rem;
  color: #666;
  line-height: normal;
  margin-bottom: .5rem
}

@media screen and (max-width:53.6875em) {
  .category-list .columns .category-box .text-box ul li {
    font-size: .85rem
  }
}

@media screen and (max-width:39.9375em) {
  .category-list .columns .category-box .text-box ul li {
    font-size: 1rem
  }
}

.category-list .columns .category-box .text-box ul li a {
  color: #0a0a0a;
  font-family: "ModernistRegular", Arial, sans-serif
}

.category-list .columns .category-box .text-box ul li a:hover,
.category-list .columns .category-box .text-box ul li afocus {
  color: #024991
}

.description-box {
  background-image: linear-gradient(45deg, #ee239a 0%, #024991 100%);
  padding: 1rem;
  color: #fefefe;
  margin: 1rem auto 2rem;
  width: 100%
}

@media screen and (max-width:79.9375em) {
  .description-box {
    width: auto;
    margin: 0 1rem 1rem
  }
}

.description-box.last {
  margin-bottom: 0
}

.description-box a,
.description-box div,
.description-box h5 {
  color: #fefefe !important
}

.description-box .info-box {
  padding-right: 1rem;
  text-align: center;
  border-right: 1px solid #fefefe
}

@media screen and (max-width:39.9375em) {
  .description-box .info-box {
    border-right: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem
  }
}

.description-box .text-box {
  position: relative;
  padding: 0 1rem 2rem 1.5rem
}

@media screen and (max-width:39.9375em) {
  .description-box .text-box {
    padding: 0 1rem;
    word-break: break-word
  }
}

.description-box .text-box h3 {
  font-weight: bold;
  font-size: 1.4rem;
  color: #fefefe;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (max-width:53.6875em) {
  .description-box .text-box h3 {
    font-size: 1.3rem
  }
}

@media screen and (max-width:39.9375em) {
  .description-box .text-box h3 {
    text-align: center;
    line-height: 1.55;
    font-size: 1.2rem;
    margin-bottom: 1rem
  }
}

.description-box .text-box h4 {
  font-weight: bold;
  font-size: 1.2rem;
  color: #fefefe;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (max-width:53.6875em) {
  .description-box .text-box h4 {
    font-size: 1.15rem
  }
}

@media screen and (max-width:39.9375em) {
  .description-box .text-box h4 {
    text-align: center;
    line-height: 1.55;
    font-size: 1rem;
    margin-bottom: 1rem
  }
}

.description-box .text-box h5 {
  color: #fefefe;
  margin-top: 1rem;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (max-width:39.9375em) {
  .description-box .text-box h5 {
    display: none
  }
}

.description-box .text-box .button {
  margin-bottom: 0;
  font-family: "ModernistBold", Arial, sans-serif;
  color: #222;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: .5rem 1rem;
  border-color: #fefefe
}

@media screen and (max-width:39.9375em) {
  .description-box .text-box .button {
    position: static;
    margin-bottom: .5rem;
    font-size: .9rem
  }
}

.description-box .text-box .button:hover {
  color: #024991
}

@media screen and (max-width:39.9375em) {
  .description-box .text-box {
    text-align: center
  }
}

.description-box .quote {
  margin: 0
}

.description-box .quote .avatar {
  display: block
}

.description-box .quote .avatar img {
  border-radius: 100%;
  width: 120px
}

@media screen and (max-width:39.9375em) {
  .description-box .quote .avatar img {
    width: 75px
  }

  .description-box .quote .avatar {
    margin-top: .5rem
  }
}

.description-box .quote .name {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  font-size: 1.2rem
}

@media screen and (max-width:39.9375em) {
  .description-box .quote .name {
    font-size: 1.3rem
  }
}

.description-box .quote .depiction {
  font-size: .8rem;
  font-family: "ModernistLight", Arial, sans-serif
}

@media screen and (max-width:39.9375em) {
  .description-box .quote .depiction {
    display: none
  }
}

.description-box .quote .depiction p {
  margin-bottom: 0
}

.description-box .horoscope {
  margin: 0
}

.description-box .horoscope .title {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.2rem;
  margin-bottom: .5rem
}

@media screen and (max-width:39.9375em) {
  .description-box .horoscope .title {
    font-size: 1.3rem
  }
}

.description-box .share {
  text-align: center;
  margin: 1rem 5rem
}

@media screen and (max-width:39.9375em) {
  .description-box .share {
    margin: 1rem 0 0
  }
}

.description-box .share h6 {
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 1rem;
  letter-spacing: .04rem;
  color: #fefefe;
  text-transform: uppercase
}

.description-box .share .menu {
  margin: 0 auto
}

.description-box .share .menu li {
  margin: 1rem auto;
  font-size: 3rem
}

.has-form {
  position: absolute;
  top: 0;
  left: 6rem;
  min-width: 14rem
}

@media only screen and (max-width:40em) {
  .has-form {
    min-width: 10rem;
    top: .5rem
  }

  .has-form .button {
    height: 1.85rem
  }
}

.list-box-promo {
  margin-top: 1rem
}

.list-box-promo .columns {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: 0 auto .5rem;
  max-width: 41rem
}

@media screen and (max-width:39.9375em) {
  .list-box-promo .columns {
    padding: 0 1rem
  }
}

.list-box-promo .columns .text-box {
  padding-top: .5rem;
  text-align: center;
  padding-bottom: 0;
  margin-top: -1.2rem
}

.list-box-promo .columns .text-box h2 {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  font-size: .9rem;
  margin-bottom: 0
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .list-box-promo .columns .text-box h2 {
    font-size: .8rem
  }
}

@media screen and (max-width:39.9375em) {
  .list-box-promo .columns .text-box h2 {
    font-size: 1rem
  }
}

.list-box-promo .columns .text-box h2 a {
  color: #222;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  text-transform: uppercase;
  border: 1px solid #666;
  cursor: pointer;
  padding: .2rem .5rem;
  background-color: #fefefe
}

@media screen and (max-width:39.9375em) {
  .list-box-promo .columns .text-box h2 a {
    padding-bottom: .1rem
  }
}

.list-box-promo .columns .text-box h2 img {
  width: 100px;
  margin-top: -10px
}

.list-box-promo .columns .text-box h3 {
  font-family: "ModernistRegular", Arial, sans-serif;
  padding: .65rem .5rem 0;
  font-weight: normal;
  font-size: 1.2rem;
  margin: 0
}

@media screen and (max-width:53.6875em) {
  .list-box-promo .columns .text-box h3 {
    font-size: 1.1rem
  }
}

@media screen and (max-width:39.9375em) {
  .list-box-promo .columns .text-box h3 {
    font-size: 1rem
  }
}

.content-area {
  padding: 1rem
}

@media screen and (min-width:80em) {
  .content-area {
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
  }
}

@media screen and (min-width:64em) {
  .content-area {
    margin-left: 0 !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%
  }
}

@media screen and (max-width:63.9375em) {
  .content-area {
    padding: 1rem;
    width: 100%
  }
}

.content-area .question-form label {
  margin-bottom: .5rem
}

.content-area .accordion {
  margin: 1rem 0
}

.content-area .accordion .accordion-item {
  margin-left: 0;
  list-style: none
}

.content-area .accordion .accordion-item .accordion-title {
  font-size: 1rem
}

.content-area .accordion .accordion-item .accordion-content {
  padding: .5rem 1rem 1rem
}

.content-area .accordion .accordion-item .accordion-content .statement {
  margin-bottom: 0
}

.content-area .accordion .accordion-item .accordion-content .statement .user,
.content-area .accordion .accordion-item .accordion-content .statement .rate {
  margin-bottom: .5rem
}

.content-area .accordion .accordion-item .accordion-content .statement .text {
  color: #222
}

.content-area .article {
  font-weight: 300;
  font-size: 1rem
}

@media screen and (min-width:64em) {
  .content-area .article {
    padding: 0
  }
}

.content-area .article h2 {
  clear: both;
  margin-bottom: .5rem;
  font-size: 1.25rem
}

@media screen and (max-width:53.6875em) {
  .content-area .article h2 {
    font-size: 22px
  }
}

.content-area .article h2 a {
  color: #222
}

.content-area .article h3 {
  margin-bottom: .5rem;
  font-size: 1rem
}

.content-area .article h3.first {
  margin-top: 0
}

.content-area .article h3 a {
  color: #222
}

.content-area .article h4 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: .9rem
}

.content-area .article h4:first-child {
  margin-top: 0
}

.content-area .article h4 a {
  color: #222
}

.content-area .article img {
  height: auto !important
}

.content-area .article .recommended-info-header .title img {
  height: 51px !important;
  width: initial
}

@media screen and (max-width:53.6875em) {
  .content-area .article>img {
    /*width: 100% !important*/
  }
}

.content-area .article table td {
  font-size: .9rem
}

.content-area .article table td p {
  margin-bottom: 0
}

.content-area .article .cover-link {
  z-index: 99
}

.content-area .article .author {
  overflow: hidden
}

.content-area .article .author img {
  float: left;
  margin-right: 1rem
}

@media screen and (max-width:26.25em) {
  .content-area .article .author img {
    margin-right: 0;
    float: none;
    margin-bottom: .5rem
  }
}

.content-area .article .author .info-box h3 {
  color: #024991
}

.content-area .article .author .info-box h3 a {
  color: #024991
}

.content-area .article .author .info-box div {
  font-size: .9rem
}

.content-area .article .feed h3 {
  font-size: 1.1rem
}

.content-area .article .feed h3.single {
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #eff0f0
}

.content-area .article .feed h3 .pink,
.content-area.special-report .article .feed h3 .single-post .gradient,
.content-area.special-report .single-post .article .feed h3 .gradient,
.content-area.special-report .article .feed h3 .top-video .gradient,
.content-area.special-report .top-video .article .feed h3 .gradient {
  color: #024991;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: 1rem
}

.content-area .article .feed .menu {
  padding: .5rem 0;
  margin: 1rem auto 1rem 0;
  border-top: 1px solid #eff0f0;
  border-bottom: 1px solid #eff0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.content-area .article .feed .menu li {
  list-style: none;
  padding: 0 .5rem;
  font-size: .8rem;
  margin-left: 0;
  cursor: default;
  text-align: center
}

@media screen and (max-width:26.25em) {
  .content-area .article .feed .menu li {
    padding: .5rem
  }
}

.content-area .article .feed .menu li:hover i,
.content-area .article .feed .menu li.active i {
  color: #024991
}

.content-area .article .feed .menu li:hover>a,
.content-area .article .feed .menu li.active>a {
  background-color: transparent;
  color: #024991
}

.content-area .article .feed .menu li a {
  display: block;
  line-height: normal;
  padding: 0;
  color: #222
}

.content-area .article .feed .menu li a:hover {
  color: #024991
}

.content-area .article .feed .menu li i {
  color: #222
}

.content-area .article .feed .menu li strong {
  display: block;
  line-height: normal;
  font-size: 1.6rem;
  color: #024991
}

.content-area .article .feed .menu li .new {
  position: absolute;
  right: 0;
  top: 0;
  font-size: .8rem;
  font-weight: 700;
  border-radius: 100%;
  color: #024991
}

.content-area .article .recommended .title {
  margin-top: 10px
}

.content-area .author-info .author {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  border-top: 0;
  border-bottom: 0
}

@media screen and (max-width:53.6875em) {
  .content-area .author-info .author {
    margin-bottom: 15px;
    padding-bottom: 0
  }

  .content-area .author-info .author+.share-box,
  .content-area .author-info .recommended-page .sneak-peak .info .author+.review,
  .recommended-page .sneak-peak .info .content-area .author-info .author+.review {
    margin-bottom: 0
  }
}

.content-area .author-info .author .info {
  display: inline-block
}

.content-area .author-info .author .name {
  color: #0a0a0a;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif
}

.content-area .author-info .author .name a {
  color: #0a0a0a
}

.content-area .author-info .author .name a:hover,
.content-area .author-info .author .name a:focus {
  color: #024991
}

.content-area .author-info .author .time {
  color: #8a8a8a;
  font-size: .7rem;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .author-info .author .avatar {
  border-radius: 100%;
  width: 2rem;
  margin-right: .5rem
}

@media screen and (max-width:53.6875em) {
  .content-area .author-info .author .avatar {
    width: 2.75rem
  }
}

.content-area .gallery-img {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
  color: #fefefe
}

@media screen and (max-width:53.6875em) {
  .content-area .gallery-img {
    margin-top: -1rem
  }
}

.content-area .gallery-img .link-img {
  margin: .5rem auto;
  opacity: .8
}

.content-area .gallery-img .link-img:hover {
  opacity: 1
}

.content-area .gallery-img .first-img:hover img {
  opacity: .8
}

.content-area .gallery-img img {
  height: 100%;
  width: inherit
}

.content-area .gallery-img .description {
  color: #222;
  margin: .5rem auto;
  text-align: left
}

.content-area .gallery-img .pagination {
  margin-top: 0;
  line-height: normal;
  clear: both;
  overflow: hidden
}

@media screen and (max-width:39.9375em) {
  .content-area .gallery-img .pagination {
    margin-bottom: 1rem
  }

  .content-area .gallery-img .pagination li {
    display: inline-block;
    margin-top: .2rem
  }
}

.content-area .gallery-img .pagination li.clear {
  border: 0;
  padding: .2rem 0
}

@media screen and (max-width:25.625em) {
  .content-area .gallery-img .pagination li.clear {
    display: none
  }
}

.content-area .gallery-img .pagination li strong {
  font-size: 1rem;
  font-weight: bold
}

.content-area .gallery-img .pagination li span {
  display: inline-block;
  margin: 0 .5rem;
  font-size: .9rem
}

.content-area .gallery-img .pagination li.pagination-previous,
.content-area .gallery-img .pagination li.pagination-next {
  padding: .5rem
}

.content-area .gallery-img .pagination li.pagination-previous a,
.content-area .gallery-img .pagination li.pagination-next a {
  padding: 0
}

.content-area .gallery-img .pagination li.pagination-previous a:hover,
.content-area .gallery-img .pagination li.pagination-next a:hover {
  background-color: #fefefe
}

.content-area .gallery-img .info-box {
  background-color: rgba(237, 33, 124, .8);
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  width: 13rem;
  padding: .2rem;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (max-width:30em) {
  .content-area .gallery-img .info-box {
    top: 30%
  }
}

.content-area .gallery-img .info-box .text-box {
  line-height: 1;
  text-align: left
}

.content-area .gallery-img .info-box .text-box span {
  display: block;
  font-size: .75rem
}

.content-area .gallery-img .info-box .icon-gallery {
  position: relative
}

.content-area .gallery-img .info-box .icon-gallery .number {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 37%;
  margin-left: .65rem;
  font-size: .8rem;
  font-family: "ModernistBold", Arial, sans-serif;
  color: #024991
}

.content-area .gallery-img .signature {
  color: #666
}

.content-area .report {
  margin: 1rem 0
}

.content-area .report .row,
.content-area .report .sidebar .box .row-box,
.sidebar .box .content-area .report .row-box {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

@media screen and (max-width:26.25em) {

  .content-area .report .row a,
  .content-area .report .sidebar .box .row-box a,
  .sidebar .box .content-area .report .row-box a {
    width: 100%
  }
}

.content-area .report .row a .left-side,
.content-area .report .sidebar .box .row-box a .left-side,
.sidebar .box .content-area .report .row-box a .left-side {
  margin-right: 1rem;
  float: left;
  max-height: 160px
}

@media screen and (max-width:39.9375em) {

  .content-area .report .row a .left-side,
  .content-area .report .sidebar .box .row-box a .left-side,
  .sidebar .box .content-area .report .row-box a .left-side {
    margin-bottom: .5rem
  }
}

@media screen and (max-width:26.25em) {

  .content-area .report .row a .left-side,
  .content-area .report .sidebar .box .row-box a .left-side,
  .sidebar .box .content-area .report .row-box a .left-side {
    margin-right: 0;
    max-height: inherit;
    width: 100%
  }
}

.content-area .report .row .text-box,
.content-area .report .sidebar .box .row-box .text-box,
.sidebar .box .content-area .report .row-box .text-box {
  font-size: .9rem;
  padding: 0
}

@media screen and (max-width:26.25em) {

  .content-area .report .row .text-box,
  .content-area .report .sidebar .box .row-box .text-box,
  .sidebar .box .content-area .report .row-box .text-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
  }
}

.content-area .report .row .text-box h5,
.content-area .report .sidebar .box .row-box .text-box h5,
.sidebar .box .content-area .report .row-box .text-box h5 {
  font-size: 1.1rem;
  margin-bottom: .5rem
}

.content-area .report .row .text-box h5 .date,
.content-area .report .sidebar .box .row-box .text-box h5 .date,
.sidebar .box .content-area .report .row-box .text-box h5 .date {
  display: inline-block;
  margin-left: 10px;
  color: #024991;
  cursor: default;
  font-size: .8rem;
  font-family: "ModernistLight", Arial, sans-serif
}

.content-area .report .row .text-box .more,
.content-area .report .sidebar .box .row-box .text-box .more,
.sidebar .box .content-area .report .row-box .text-box .more {
  font-family: "ModernistBold", Arial, sans-serif
}

@media screen and (max-width:26.25em) {

  .content-area .report .row .text-box .more,
  .content-area .report .sidebar .box .row-box .text-box .more,
  .sidebar .box .content-area .report .row-box .text-box .more {
    display: block
  }
}

.content-area .report .row.notice,
.content-area .report .sidebar .box .notice.row-box,
.sidebar .box .content-area .report .notice.row-box {
  border-bottom: 0;
  margin-bottom: 0
}

.content-area .report .description-box {
  margin-top: 2rem
}

@media screen and (max-width:39.9375em) {
  .content-area .report .description-box {
    margin-top: 1rem
  }
}

.content-area .report .description-box a {
  color: #fefefe
}

.content-area .report.search-result {
  margin-top: 0
}

@media screen and (max-width:79.9375em) {
  .content-area .report.search-result {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media screen and (max-width:53.6875em) {
  .content-area .report.search-result {
    padding: 0 1rem
  }
}

.content-area .report.search-result h3 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8
}

.content-area .report.search-result h5 {
  font-size: 1rem
}

.content-area .report.search-result .tags {
  margin: 0
}

.content-area .report.search-result .row .text-box h5,
.content-area .report.search-result .sidebar .box .row-box .text-box h5,
.sidebar .box .content-area .report.search-result .row-box .text-box h5 {
  font-size: 1rem
}

.content-area .report.search-result .row .text-box b,
.content-area .report.search-result .sidebar .box .row-box .text-box b,
.sidebar .box .content-area .report.search-result .row-box .text-box b {
  text-decoration: underline
}

.content-area .report.articles-result {
  margin-top: 0;
  margin-bottom: 2rem
}

@media screen and (max-width:79.9375em) {
  .content-area .report.articles-result {
    padding: 0 1rem
  }
}

.content-area .report.articles-result h5 {
  font-size: 1rem
}

.content-area .report.articles-result .tags {
  margin: 0
}

.content-area .report.articles-result .row:first-child,
.content-area .report.articles-result .sidebar .box .row-box:first-child,
.sidebar .box .content-area .report.articles-result .row-box:first-child {
  margin-top: 0
}

.content-area .report.articles-result .row:last-child,
.content-area .report.articles-result .sidebar .box .row-box:last-child,
.sidebar .box .content-area .report.articles-result .row-box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.content-area .report.articles-result .row>a,
.content-area .report.articles-result .sidebar .box .row-box>a,
.sidebar .box .content-area .report.articles-result .row-box>a {
  display: block;
  margin-right: 1rem
}

@media screen and (max-width:39.9375em) {

  .content-area .report.articles-result .row>a,
  .content-area .report.articles-result .sidebar .box .row-box>a,
  .sidebar .box .content-area .report.articles-result .row-box>a {
    margin-right: 0;
    margin-bottom: .5rem;
    width: 100%
  }
}

.content-area .report.articles-result .row picture,
.content-area .report.articles-result .sidebar .box .row-box picture,
.sidebar .box .content-area .report.articles-result .row-box picture {
  margin-right: 1rem;
  display: block
}

@media screen and (max-width:39.9375em) {

  .content-area .report.articles-result .row picture,
  .content-area .report.articles-result .sidebar .box .row-box picture,
  .sidebar .box .content-area .report.articles-result .row-box picture {
    margin-right: 0
  }
}

.content-area .recipe-box h5 {
  color: #024991;
  font-size: 1.1rem;
  margin-bottom: .5rem
}

.content-area .recipe-box ul {
  margin-left: 0;
  width: 50%;
  float: left
}

@media screen and (max-width:26.25em) {
  .content-area .recipe-box ul {
    width: 100%;
    float: none
  }
}

.content-area .recipe-box .recipe-info {
  background-color: #eff0f0;
  font-size: .75rem;
  margin-top: 0;
  width: 100%;
  color: #666;
  padding: .5rem;
  margin-bottom: 1rem
}

@media screen and (max-width:39.9375em) {
  .content-area .recipe-box .recipe-info {
    margin-bottom: .5rem
  }
}

.content-area .recipe-box .recipe-info .columns {
  padding: 0
}

@media screen and (max-width:39.9375em) {
  .content-area .recipe-box .recipe-info .columns {
    line-height: 2
  }
}

.content-area .recipe-box .recipe-info span {
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .recipe-box .recipe-info strong {
  font-size: .8rem;
  font-family: "ModernistBold", Arial, sans-serif;
  display: inline-block;
  color: #0a0a0a
}

.content-area .recipe-box .recipe-info i {
  color: #666;
  margin-right: .1rem
}

.content-area .recipe-box .components {
  margin-bottom: 1rem;
  font-size: .85rem
}

@media screen and (max-width:39.9375em) {
  .content-area .recipe-box .components {
    font-size: .95rem
  }
}

.content-area .recipe-box .components .element {
  width: 50%;
  float: left;
  margin-bottom: 1rem
}

@media screen and (max-width:26.25em) {
  .content-area .recipe-box .components .element {
    width: 100%;
    float: none
  }
}

.content-area .recipe-box .components .element p {
  margin-bottom: .5rem
}

.content-area .recipe-box .components ul {
  margin-bottom: 0
}

.content-area .recipe-box .components li {
  margin-left: 1rem;
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #666
}

@media screen and (max-width:39.9375em) {
  .content-area .recipe-box .components h6 {
    font-size: .9rem
  }
}

.content-area .recipe-box .recipe-text h3 {
  margin-top: 0
}

.content-area .recipe-box .recipe-text .signature {
  color: #666;
  font-size: .9rem
}

.content-area .recipe-box .recipe-text ol,
.content-area .recipe-box .recipe-text ul {
  margin: 0 0 1rem
}

.content-area .recipe-box .recepie-buttons {
  margin: 1rem auto 0;
  text-align: center
}

.content-area .recipe-box .recepie-buttons .button {
  margin-bottom: 0;
  font-size: .9rem;
  background-color: #0a0a0a;
  color: #fefefe;
  display: inline-block;
  padding: .55rem 1rem;
  font-family: "ModernistBold", Arial, sans-serif
}

.content-area .signature {
  display: block;
  font-size: .7rem;
  margin-top: .2rem
}

@media screen and (max-width:39.9375em) {
  .content-area .signature {
    font-size: .65rem
  }
}

.content-area a {
  color: #024991
}

.content-area a.button {
  color: #fefefe
}

.content-area div,
.content-area p,
.content-area span {
  line-height: 1.55
}

.content-area div:empty,
.content-area p:empty,
.content-area span:empty {
  margin-bottom: 0
}

.content-area ol,
.content-area ul {
  margin-left: .5rem
}

.content-area ol li,
.content-area ul li {
  margin-bottom: 0;
  position: relative;
  margin-left: 1.5rem
}

@media screen and (max-width:39.9375em) {

  .content-area ol li,
  .content-area ul li {
    margin-left: 1rem
  }
}

.content-area ul {
  list-style: outside disc
}

.content-area .main-img {
  float: left;
  position: relative;
  margin: .25rem 1rem .5rem 0
}

.content-area .main-img.right {
  float: right;
  margin: .25rem 0 .5rem 1rem
}

@media screen and (max-width:39.9375em) {
  .content-area .main-img img {
    width: 100%
  }

  .content-area .main-img {
    float: none
  }
}

.content-area .main-img.full {
  float: none;
  width: 100%;
  margin: 0 0 1rem
}

.content-area h5 {
  font-size: .9rem
}

.content-area h5.title {
  color: #024991;
  font-size: 1rem;
  margin-bottom: 1rem
}

.content-area h5 a {
  color: #222
}

.content-area h3 {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1rem
}

.content-area h3:first-child {
  margin-top: 0
}

.content-area h3.row-title {
  font-size: 18px;
  margin-bottom: 0
}

.content-area h3 a {
  color: #222
}

.content-area .instagram-media {
  margin: 1rem 0 !important
}

.content-area table.podcasts {
  width: 100%;
  max-width: 650px;
  display: table !important;
  margin-bottom: 0
}

.content-area table.podcasts .podcasts-loader {
  width: inherit !important;
  margin-top: 20px
}

.content-area table.podcasts tbody {
  border: 0
}

.content-area table.podcasts tbody td {
  padding: 0
}

@media screen and (max-width:39.9375em) {
  .content-area table.podcasts tbody td .podcasts-loader {
    background-position: center right !important;
    padding-right: 10px
  }
}

.content-area table.podcasts tbody td .jp-jplayer.polki {
  width: inherit !important
}

@media screen and (max-width:39.9375em) {
  .content-area table.podcasts tbody td .jp-jplayer.polki {
    margin: 0 auto
  }
}

.content-area table.podcasts tbody td .jp-jplayer.polki .share_area {
  width: inherit !important
}

.content-area table.podcasts tbody td .jp-audio {
  width: 100%
}

@media screen and (max-width:39.9375em) {
  .content-area table.podcasts tbody td .jp-audio {
    margin: 10px auto 20px
  }

  .content-area table.podcasts tbody td .share_area,
  .content-area table.podcasts tbody td .share_mat {
    display: none
  }
}

.content-area table.podcasts tbody td .jp-time-holder {
  width: auto
}

@media screen and (max-width:39.9375em) {
  .content-area table.podcasts tbody td .jp-time-holder {
    left: 50px
  }
}

.content-area table.podcasts tbody td .jp-controls {
  margin-left: 0
}

.content-area table.podcasts tbody td .jp-controls li {
  margin-left: 0;
  position: static
}

@media screen and (max-width:39.9375em) {
  .content-area table.podcasts tbody td .jp-volume-bar {
    left: 170px
  }

  .content-area table.podcasts tbody td .jp-progress {
    position: static;
    width: auto
  }

  .content-area table.podcasts tbody td .jp-title {
    margin-bottom: .5rem;
    position: initial;
    width: auto
  }
}

.content-area .more .title {
  text-align: left;
  padding: 0;
  width: 100%
}

.content-area .more .columns {
  padding: 0;
  border-left: 1px solid #e8e8e8;
  margin-left: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8
}

.content-area .more .columns h5 {
  text-align: center;
  padding: .5rem;
  font-size: .9rem;
  margin: 0
}

.content-area .more.video .columns {
  margin-bottom: 1rem
}

.content-area .more.video .columns .img-cover {
  position: relative
}

.content-area .more.video .columns .img-cover i {
  position: absolute;
  top: 25%;
  left: 0;
  text-align: center;
  right: 0;
  color: #fff
}

.content-area .video-player {
  clear: both;
  margin-bottom: 1rem
}

.content-area .video-player .video-box {
  background-color: #f0f0f0
}

.content-area .video-player h5 {
  color: #024991;
  font-size: 1rem;
  margin-bottom: .5rem
}

.content-area .video-player h5 a {
  color: #024991
}

.content-area .comments .fa-comment-o {
  margin-right: .5rem
}

.content-area .comments h4 {
  margin-bottom: 1rem
}

@media screen and (max-width:39.9375em) {
  .content-area .comments .button {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
}

.content-area .comments form input,
.content-area .comments form button {
  margin-bottom: 1rem
}

.content-area .comments form .button-box {
  margin-bottom: 1rem
}

.content-area .comments form .button-box .button {
  margin-bottom: 0
}

.content-area .comments form .state {
  display: inline-block;
  margin-left: .5rem;
  font-size: 1.2rem
}

@media screen and (max-width:39.9375em) {
  .content-area .comments form .state {
    display: block;
    margin: 1rem 0;
    text-align: center
  }
}

.content-area .comments form .state .sr-only {
  font-size: 1rem;
  margin-left: .5rem
}

.content-area .comments form .state .fa {
  font-size: 1.4rem
}

.content-area .comments form .state>span {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2
}

.content-area .comments form .state>span.show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.content-area .comments form .state>span.added {
  color: green
}

.content-area .forum form .row div.button,
.content-area .forum form .sidebar .box .row-box div.button,
.sidebar .box .content-area .forum form .row-box div.button {
  padding: 0
}

.content-area .forum form .row div.button i,
.content-area .forum form .sidebar .box .row-box div.button i,
.sidebar .box .content-area .forum form .row-box div.button i {
  margin-right: -.75rem;
  padding-left: .75rem
}

.content-area .forum form .row div.button i+div,
.content-area .forum form .sidebar .box .row-box div.button i+div,
.sidebar .box .content-area .forum form .row-box div.button i+div {
  float: left
}

.content-area .forum form .row div.button input,
.content-area .forum form .sidebar .box .row-box div.button input,
.sidebar .box .content-area .forum form .row-box div.button input {
  padding: .75rem 1rem
}

.content-area .comments-box {
  margin-bottom: 1rem
}

.content-area .comments-box .title {
  color: #024991;
  font-size: 1rem;
  margin-bottom: 1rem
}

.content-area .comments-box .statement {
  margin-bottom: 1rem;
  word-break: break-word
}

.content-area .comments-box .statement .user {
  float: left
}

.content-area .comments-box .statement .user .name {
  font-family: "ModernistBold", Arial, sans-serif;
  font-size: .9rem
}

.content-area .comments-box .statement .user .separator {
  color: #024991;
  margin: 0 .5rem
}

.content-area .comments-box .statement .user .time {
  color: #666;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: .8rem
}

@media screen and (max-width:22.5em) {
  .content-area .comments-box .statement .user {
    float: none
  }
}

.content-area .comments-box .statement .rate {
  float: right
}

.content-area .comments-box .statement .rate i {
  margin-right: .5rem;
  cursor: pointer;
  color: #666
}

.content-area .comments-box .statement .rate i.blocked {
  color: #e8e8e8;
  pointer-events: none;
  cursor: default
}

.content-area .comments-box .statement .rate i.blocked.voted {
  color: #666;
  font-weight: bold
}

.content-area .comments-box .statement .rate i:hover,
.content-area .comments-box .statement .rate i:focus {
  font-weight: bold
}

.content-area .comments-box .statement .rate i span {
  font-size: .8rem;
  margin-left: .2rem;
  font-family: "ModernistBold", Arial, sans-serif
}

@media screen and (max-width:22.5em) {
  .content-area .comments-box .statement .rate {
    float: none;
    margin: .5rem auto
  }
}

.content-area .comments-box .statement .text {
  clear: both;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.content-area .comments-box .statement .share-box,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review {
  display: inline-block;
  margin: 0
}

.content-area .comments-box .statement .share-box .share-count,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count {
  margin: 0
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen {
  min-width: 1px;
  margin: 0
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li {
  margin: 0
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li .rating-star span,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li .rating-star span,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li .rating-star span {
  font-size: 1rem;
  display: inline-block;
  position: relative
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li .rating-star span i,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li .rating-star span i,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li .rating-star span i {
  font-weight: 400;
  cursor: auto
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li .rating-star>*:hover,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li .rating-star>*:hover,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li .rating-star>*:hover {
  color: inherit !important
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li .rating-star input,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li .rating-star input,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li .rating-star input {
  cursor: auto;
  margin-left: -1.5em;
  width: 1.5em;
  position: relative;
  z-index: 2;
  opacity: 0
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li .rating-star input:checked+span:before,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li .rating-star input:checked+span:before,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li .rating-star input:checked+span:before {
  content: "\f005";
  position: absolute;
  font-family: "FontAwesome", "IconsFont";
  left: 0;
  bottom: -1.25px;
  color: #ffa500
}

.content-area .comments-box .statement .share-box .share-count .comment_ocen li .rating-star input:checked+span i:before,
.content-area .comments-box .statement .recommended-page .sneak-peak .info .review .share-count .comment_ocen li .rating-star input:checked+span i:before,
.recommended-page .sneak-peak .info .content-area .comments-box .statement .review .share-count .comment_ocen li .rating-star input:checked+span i:before {
  color: #ffa500
}

.content-area .show-comments .icon-comment {
  margin-right: .5rem
}

.content-area .form-show .fa {
  margin-left: .5rem
}

.content-area .query {
  display: block;
  margin-top: 1rem;
  clear: both;
  margin-bottom: .5rem
}

.content-area .query.quiz {
  margin-top: 0
}

.content-area .query.quiz .answers {
  margin: 1rem 0;
  clear: both
}

.content-area .query.quiz .answers h4 {
  font-size: 16px
}

.content-area .query.quiz .answers .answer ul {
  margin-top: .5rem
}

.content-area .query.quiz .answers .answer span {
  color: #666
}

.content-area .query.quiz .answers .answer span.chosen {
  font-weight: bold;
  color: red
}

.content-area .query.quiz .answers .answer span.chosen.correct {
  color: green
}

.content-area .query.quiz .answers .answer span.correct {
  font-weight: bold;
  color: green
}

.content-area .query.quiz .columns.text {
  margin-bottom: 1rem
}

.content-area .query.quiz .columns.text:last-child {
  margin-bottom: 0
}

.content-area .query.quiz .columns.text .answer-text {
  max-width: 90%
}

.content-area .query.quiz .columns.image {
  border-left: 1px solid #e8e8e8
}

.content-area .query.quiz .columns.image:last-child {
  border-right: 1px solid #e8e8e8
}

@media screen and (max-width:39.9375em) {
  .content-area .query.quiz .columns.image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%
  }

  .content-area .query.quiz .columns.image:nth-child(2n) {
    border-right: 1px solid #e8e8e8
  }
}

@media screen and (max-width:26.25em) {
  .content-area .query.quiz .columns.image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    border-right: 1px solid #e8e8e8
  }

  .content-area .query.quiz .columns.image {
    border-right: 1px solid #e8e8e8
  }
}

.content-area .query.quiz .columns.image label {
  position: relative;
  text-align: center;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .query.quiz .columns.image label.active h5 {
  color: #fefefe
}

.content-area .query.quiz .columns.image label:first-child {
  border-right: 0
}

.content-area .query.quiz .columns.image label img {
  width: 100%
}

.content-area .query.quiz .columns.image label .inner-box {
  margin-top: -1.5rem;
  height: 3.5rem
}

.content-area .query.quiz .columns.image label .inner-box .button {
  padding: .5rem 1rem;
  margin-top: .2rem
}

.content-area .query.quiz .columns.image label .text-box {
  padding: 0 1rem 1rem;
  font-weight: 700;
  min-height: 8rem;
  margin-top: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:53.6875em) {
  .content-area .query.quiz .columns.image label .text-box {
    min-height: 5rem
  }
}

.content-area .query.quiz .columns.image label .text-box h5 {
  margin: 0;
  font-size: 1rem
}

@media screen and (max-width:26.25em) {
  .content-area .query.quiz .columns.image label .text-box h5 {
    font-size: 1.2rem
  }
}

.content-area .query.quiz .columns.image label.active {
  background-color: #024991
}

.content-area .query.quiz .columns.image label.active .text-box {
  color: #fefefe
}

.content-area .query.quiz .columns.image label.active .chosen {
  display: block
}

.content-area .query.quiz .columns.image label.active .button {
  display: none
}

.content-area .query.quiz .columns.image label.active i {
  background-color: #fefefe;
  color: #024991;
  margin: 0;
  width: 3rem;
  height: 3rem
}

.content-area .query.quiz .columns.image label.active i:before {
  font-size: 2rem
}

.content-area .query.quiz .columns.image label .chosen {
  font-size: 1rem;
  display: none
}

.content-area .query.quiz .columns.image label .chosen.active {
  display: block
}

.content-area .query.quiz .columns.image label .button {
  margin-bottom: 0
}

.content-area .query .columns {
  padding: 0
}

.content-area .query .text label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem;
  font-size: .9rem;
  position: relative;
  background-color: #fefefe;
  color: #0a0a0a;
  border-radius: 0;
  margin: 0 0 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8e8e8
}

.content-area .query .text label .fa-check {
  text-align: center
}

.content-area .query .text label .fa-check:before {
  width: 2rem
}

.content-area .query .text .progress {
  min-height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #eff0f0
}

.content-area .query .text .progress .progress-meter {
  background-color: #024991;
  top: 0;
  left: 0;
  position: absolute
}

.content-area .query .text .progress .progress-meter-text {
  width: 85%;
  z-index: 9;
  font-size: .9rem;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  margin-left: 1rem;
  line-height: normal;
  position: static;
  font-weight: 400;
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #222;
  white-space: normal
}

@media screen and (max-width:39.9375em) {
  .content-area .query .text .progress .progress-meter-text {
    font-size: .8rem
  }
}

.content-area .query .text .progress .progress-meter-number {
  position: absolute;
  line-height: 2.4;
  right: 1rem;
  top: 0;
  font-family: "ModernistBold", Arial, sans-serif;
  color: #222
}

.content-area .query label {
  font-size: 1rem;
  cursor: pointer;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .query label input {
  display: none
}

.content-area .query label .fa-check {
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  margin-right: .8rem;
  margin-left: .5rem;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.content-area .query label .fa-check:before {
  visibility: hidden;
  width: 2rem
}

.content-area .query label .fa-check:focus,
.content-area .query label .fa-check:hover {
  border: 1px solid #fefefe;
  color: #fefefe;
  background-color: #024991
}

.content-area .query label:focus .fa-check,
.content-area .query label:hover .fa-check {
  border: 1px solid #fefefe;
  color: #fefefe;
  background-color: #024991
}

.content-area .query label:focus .fa-check:before,
.content-area .query label:hover .fa-check:before {
  visibility: visible
}

.content-area .query label.active {
  background-color: #024991;
  border-color: #024991;
  color: #fefefe
}

.content-area .query label.active .fa-check {
  border: 1px solid #fefefe;
  background-color: #fefefe;
  color: #024991
}

.content-area .query label.active .fa-check:before {
  visibility: visible
}

.content-area .query label.active .awserText {
  color: #fefefe
}

.content-area .query label:last-child {
  margin-bottom: 0
}

.content-area .query.awnser .duel {
  cursor: pointer
}

.content-area .query .duel {
  cursor: pointer;
  margin: 0 auto 2rem;
  border-right: 1px solid #e8e8e8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.content-area .query .duel .columns {
  border-right: 1px solid #e8e8e8
}

.content-area .query .duel h5 {
  margin-bottom: 0;
  font-size: .9rem
}

@media screen and (max-width:39.9375em) {
  .content-area .query .duel h5 {
    font-size: 1rem
  }
}

.content-area .query .duel .labels,
.content-area .query .duel label {
  position: relative;
  border: 1px solid #e8e8e8;
  text-align: center;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .query .duel .labels:first-child,
.content-area .query .duel label:first-child {
  border-right: 0
}

.content-area .query .duel .labels img,
.content-area .query .duel label img {
  width: 100%
}

.content-area .query .duel .labels .inner-box,
.content-area .query .duel label .inner-box {
  margin-top: -1.5rem;
  height: 3.5rem
}

.content-area .query .duel .labels .inner-box .button,
.content-area .query .duel label .inner-box .button {
  padding: .5rem 1rem;
  margin-top: .2rem
}

.content-area .query .duel .labels .text-box,
.content-area .query .duel label .text-box {
  padding: 0 2rem 1rem;
  font-weight: 700;
  min-height: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:53.6875em) {

  .content-area .query .duel .labels .text-box,
  .content-area .query .duel label .text-box {
    min-height: 5rem
  }
}

.content-area .query .duel .labels .text-box h5,
.content-area .query .duel label .text-box h5 {
  margin: 0;
  font-size: 1rem
}

.content-area .query .duel .labels.active,
.content-area .query .duel label.active {
  background-color: #024991
}

.content-area .query .duel .labels.active .text-box,
.content-area .query .duel label.active .text-box {
  color: #fefefe
}

.content-area .query .duel .labels.active .text-box h5,
.content-area .query .duel label.active .text-box h5 {
  color: #fefefe
}

.content-area .query .duel .labels.active .chosen,
.content-area .query .duel label.active .chosen {
  display: block
}

.content-area .query .duel .labels.active .button,
.content-area .query .duel label.active .button {
  display: none
}

.content-area .query .duel .labels.active i,
.content-area .query .duel label.active i {
  background-color: #fefefe;
  color: #024991;
  margin: 0;
  width: 3rem;
  height: 3rem
}

.content-area .query .duel .labels.active i:before,
.content-area .query .duel label.active i:before {
  font-size: 2rem
}

.content-area .query .duel .labels .chosen,
.content-area .query .duel label .chosen {
  font-size: 1rem;
  display: none
}

.content-area .query .duel .labels .chosen.active,
.content-area .query .duel label .chosen.active {
  display: block
}

.content-area .query .duel .labels .button,
.content-area .query .duel label .button {
  margin-bottom: 0
}

.content-area .query .duel .labels .progress,
.content-area .query .duel label .progress {
  min-height: 2.5rem;
  margin-bottom: 0;
  background-color: #eff0f0
}

.content-area .query .duel .labels .progress .progress-meter,
.content-area .query .duel label .progress .progress-meter {
  background-color: #024991
}

.content-area .query .duel .labels .progress .progress-meter .progress-meter-text,
.content-area .query .duel label .progress .progress-meter .progress-meter-text {
  display: inline-block;
  text-shadow: 1px 1px #333;
  font-size: .9rem;
  font-family: "ModernistRegular", Arial, sans-serif;
  margin-left: .75rem;
  text-align: right;
  color: #fefefe
}

.content-area .query .duel.full .labels .inner-box,
.content-area .query .duel.full label .inner-box {
  margin-top: -1rem;
  height: 3rem
}

.content-area .query .duel.full .labels .inner-box .fa-check,
.content-area .query .duel.full label .inner-box .fa-check {
  margin-top: -.5rem
}

.content-area .query .duel.full .labels .text-box,
.content-area .query .duel.full label .text-box {
  min-height: 6rem
}

.content-area .query .duel.full .labels .button,
.content-area .query .duel.full label .button {
  padding: .2rem .5rem;
  margin-top: .2rem;
  font-size: .8rem
}

.content-area .query .vote {
  text-align: center;
  margin: 0 auto
}

.content-area .query .vote .button {
  margin: 1.5rem auto;
  text-align: center
}

.content-area .query .vote .button i {
  font-weight: 700;
  margin-left: .5rem
}

.content-area .read-more {
  color: #024991;
  font-size: 1rem;
  font-family: "ModernistBold", Arial, sans-serif;
  text-align: center;
  position: relative;
  top: -5rem;
  padding-top: 4rem;
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(71%, #fff), to(#fff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 71%, #fff 100%);
  margin-bottom: -4rem;
  cursor: pointer
}

.content-area .read-more span {
  display: block;
  padding: 1rem
}

.content-area .read-more span .fa {
  font-size: .9rem;
  margin-left: .5rem
}

.content-area .tags {
  margin: 1rem 0;
  font-size: .9rem;
  word-wrap: break-word;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .tags span {
  font-family: "ModernistBold", Arial, sans-serif
}

.content-area .tags a {
  color: #024991;
  font-size: .85rem
}

.content-area .link.single {
  margin: 1rem 0;
  padding: 1rem 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8
}

.content-area .link.single span {
  font-family: "ModernistBold", Arial, sans-serif
}

.content-area .shop-info .shop-img {
  border: 1px solid #eff0f0;
  padding: .5rem;
  float: right
}

@media screen and (max-width:35em) {
  .content-area .shop-info .shop-img {
    float: none;
    margin-bottom: .5rem
  }

  .content-area .shop-info .shop-img img {
    width: 100%
  }
}

.content-area .shop-info .gallery {
  margin-bottom: 1rem
}

.content-area .shop-info .gallery .column,
.content-area .shop-info .gallery .columns {
  position: relative;
  text-align: center
}

@media screen and (max-width:53.6875em) {

  .content-area .shop-info .gallery .column,
  .content-area .shop-info .gallery .columns {
    margin: .5rem auto
  }
}

@media screen and (max-width:26.25em) {

  .content-area .shop-info .gallery .column,
  .content-area .shop-info .gallery .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .shop-info .gallery .column .more,
.content-area .shop-info .gallery .columns .more {
  position: absolute;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #024991;
  font-weight: bold;
  background-color: rgba(255, 255, 255, .8);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media screen and (max-width:39.9375em) {

  .content-area .shop-info .gallery .column .more,
  .content-area .shop-info .gallery .columns .more {
    max-width: 90%
  }
}

.content-area .shop-info .gallery .column .more:hover,
.content-area .shop-info .gallery .columns .more:hover {
  background-color: rgba(255, 255, 255, .6)
}

.content-area .shop-info .gallery .column .more i,
.content-area .shop-info .gallery .columns .more i {
  font-size: 1.5rem;
  margin-left: .5rem
}

.content-area .shop-info .price {
  padding: .5rem;
  background-color: #eff0f0
}

.content-area .shop-info .price .value {
  color: #024991;
  font-weight: bold;
  font-size: 1.1rem
}

.content-area .shop-info .price .info {
  display: block;
  font-size: .8rem
}

.content-area .shop-info .details {
  display: inline-block
}

@media screen and (max-width:35em) {
  .content-area .shop-info .details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .shop-info .contact .show-email {
  color: #024991;
  cursor: pointer
}

.content-area .shop-info .question-form .success {
  color: green
}

.content-area .shop-info .question-form .alert {
  color: red
}

.content-area .shop-info .question-form i {
  margin-right: .2rem
}

.content-area .shop-info .description,
.content-area .shop-info .contact {
  margin-bottom: 1rem
}

.content-area .shop-info .form-toggle {
  color: #024991;
  font-size: .9rem;
  cursor: pointer
}

.content-area .directions {
  background-color: #eff0f0;
  padding: .5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-transform: lowercase;
  font-size: .9rem;
  line-height: normal
}

.content-area .directions a {
  text-align: left;
  padding-left: .6rem
}

.content-area .directions a:last-child {
  text-align: right;
  padding-right: .6rem
}

.content-area .directions i {
  font-size: 1rem
}

.content-area .directions i.fa-angle-left {
  padding-right: .2rem;
  margin-left: -.6rem
}

.content-area .directions i.fa-angle-right {
  padding-left: .2rem;
  margin-right: -.6rem
}

.content-area blockquote {
  padding: 0 1rem .25rem 1rem;
  border-left: 2px solid #cacaca
}

.content-area blockquote:first-letter {
  font-size: 1.4rem
}

.content-area blockquote .contents {
  margin-bottom: .5rem;
  font-weight: 700
}

.content-area blockquote .contents:first-letter {
  font-size: 1.4rem
}

.content-area blockquote cite,
.content-area blockquote .signature {
  font-size: .9rem;
  font-weight: 400;
  font-style: normal;
  margin-top: .25rem;
  text-align: left
}

.content-area blockquote cite:before,
.content-area blockquote .signature:before {
  content: ""
}

.content-area .spa {
  color: #fefefe;
  background-color: #fefefe;
  overflow: hidden;
  margin: 1rem auto;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f690be), to(#d00155));
  background-image: linear-gradient(180deg, #f690be 0%, #d00155 100%)
}

@media screen and (max-width:39.9375em) {
  .content-area .spa {
    display: block
  }
}

.content-area .spa .desc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
  padding: 1.5rem 0 1.5rem 45px
}

@media screen and (max-width:39.9375em) {
  .content-area .spa .desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .spa .desc .text {
  border-left: 4px solid #fefefe;
  font-family: "RobotoLight", sans-serif;
  padding: 0 1.75rem 0 1.25rem;
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
  .content-area .spa .desc .text {
    padding-right: 50px
  }
}

.content-area .spa .desc a,
.content-area .spa .desc .btn {
  color: #fefefe;
  border: 2px solid #fefefe;
  border-radius: 10px;
  padding: .25rem .5rem .35rem .5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: .85rem;
  font-family: "RobotoLight", sans-serif
}

@media screen and (max-width:39.9375em) {

  .content-area .spa .desc a,
  .content-area .spa .desc .btn {
    display: block;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    text-align: center;
    position: relative;
    margin: 1rem 0 .5rem
  }

  .content-area .spa .desc a:before,
  .content-area .spa .desc .btn:before {
    bottom: 5rem
  }
}

.content-area .spa .img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  background-color: #fefefe;
  -webkit-box-shadow: -5px 0 15px 0 rgba(0, 0, 0, .4);
  box-shadow: -5px 0 15px 0 rgba(0, 0, 0, .4)
}

@media screen and (max-width:39.9375em) {
  .content-area .spa .img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    -webkit-box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .4)
  }
}

.content-area .spa .img img {
  max-width: 103%
}

@media screen and (max-width:53.6875em) {
  .content-area .spa .img img {
    max-width: 110%
  }
}

@media screen and (max-width:39.9375em) {
  .content-area .spa .img img {
    max-width: 100%
  }
}

.content-area .spa.white {
  background-image: none;
  color: #0a0a0a
}

.content-area .spa.white .desc .text {
  border-left: 4px solid #0a0a0a
}

.content-area .spa.white .desc a,
.content-area .spa.white .desc .btn {
  color: #024991;
  border: 2px solid #024991
}

.content-area .spa.magenta {
  background-image: none;
  background-color: #024991
}

.content-area .spa.blue,
.content-area.special-report.blue .single-post .spa.gradient,
.content-area.special-report.blue .top-video .spa.gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#63c1da), to(#96e7fb));
  background-image: linear-gradient(90deg, #63c1da 0%, #96e7fb 100%)
}

.content-area .spa.brown {
  background-image: -webkit-gradient(linear, left top, right top, from(#3c1508), to(#96724b));
  background-image: linear-gradient(90deg, #3c1508 0%, #96724b 100%)
}

.content-area .spa.black,
.content-area.special-report.black .single-post .spa.gradient,
.content-area.special-report.black .top-video .spa.gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#1d1c1a), to(#4c4d57));
  background-image: linear-gradient(90deg, #1d1c1a 0%, #4c4d57 100%)
}

.content-area .spa.violet {
  background-image: -webkit-gradient(linear, left top, right top, from(#6f166d), to(#974291));
  background-image: linear-gradient(90deg, #6f166d 0%, #974291 100%)
}

.content-area .spa.green,
.content-area.special-report.green .single-post .spa.gradient,
.content-area.special-report.green .top-video .spa.gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#417b30), to(#8bc261));
  background-image: linear-gradient(90deg, #417b30 0%, #8bc261 100%)
}

.content-area .spa.orange,
.content-area.special-report.orange .single-post .spa.gradient,
.content-area.special-report.orange .top-video .spa.gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#f87f0e), to(#ffae3e));
  background-image: linear-gradient(90deg, #f87f0e 0%, #ffae3e 100%)
}

.content-area .spa.red,
.content-area.special-report.red .single-post .spa.gradient,
.content-area.special-report.red .top-video .spa.gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#d31212), to(#f6191a));
  background-image: linear-gradient(90deg, #d31212 0%, #f6191a 100%)
}

.content-area .spa.lightpink {
  background-image: -webkit-gradient(linear, left top, right top, from(#f6a4b4), to(#fcb2a0));
  background-image: linear-gradient(90deg, #f6a4b4 0%, #fcb2a0 100%)
}

.content-area .spa.magenta {
  background-image: -webkit-gradient(linear, left top, right top, from(#ea599a), to(#fc98cb));
  background-image: linear-gradient(90deg, #ea599a 0%, #fc98cb 100%)
}

.content-area .spa.navyblue {
  background-image: -webkit-gradient(linear, left top, right top, from(#0d2c3f), to(#165d81));
  background-image: linear-gradient(90deg, #0d2c3f 0%, #165d81 100%)
}

.content-area .spa.grass {
  background-image: -webkit-gradient(linear, left top, right top, from(#999941), to(#bfba2e));
  background-image: linear-gradient(90deg, #999941 0%, #bfba2e 100%)
}

.content-area .spa.yellow {
  background-image: -webkit-gradient(linear, left top, right top, from(#fee00e), to(#f7f4a0));
  background-image: linear-gradient(90deg, #fee00e 0%, #f7f4a0 100%)
}

.content-area .spa.platinum {
  background-image: -webkit-gradient(linear, left top, right top, from(#a08269), to(#bea891));
  background-image: linear-gradient(90deg, #a08269 0%, #bea891 100%)
}

.content-area .spa.silver {
  background-image: -webkit-gradient(linear, left top, right top, from(#959696), to(#cdcdcd));
  background-image: linear-gradient(90deg, #959696 0%, #cdcdcd 100%)
}

.content-area .spa.gold {
  background-image: -webkit-gradient(linear, left top, right top, from(#825924), to(#c47e34));
  background-image: linear-gradient(90deg, #825924 0%, #c47e34 100%)
}

.content-area .spa.magentawarm {
  background-image: -webkit-gradient(linear, left top, right top, from(#fd12c4), to(#e8863f));
  background-image: linear-gradient(90deg, #fd12c4 0%, #e8863f 100%)
}

.content-area .spa.rainbow1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#fb6c51), to(#9545d4));
  background-image: linear-gradient(90deg, #fb6c51 0%, #9545d4 100%)
}

.content-area .spa.rainbow2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#23dee6), to(#8a4eda));
  background-image: linear-gradient(90deg, #23dee6 0%, #8a4eda 100%)
}

.content-area .spa.rainbow3 {
  background-image: -webkit-gradient(linear, left top, right top, from(#f6151c), to(#9d02ff));
  background-image: linear-gradient(90deg, #f6151c 0%, #9d02ff 100%)
}

.content-area .spa.rainbow4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#1aeff5), to(#8ed99d));
  background-image: linear-gradient(90deg, #1aeff5 0%, #8ed99d 100%)
}

.content-area .spa.medium .text {
  font-size: 18px
}

.content-area .spa.small .text {
  font-size: 16px
}

.content-area .spa.text-black {
  color: #0a0a0a
}

.content-area .spa.text-black .desc .text {
  border-left: 4px solid #0a0a0a
}

.content-area .spa.text-black .desc a,
.content-area .spa.text-black .desc .btn {
  color: #0a0a0a;
  border: 2px solid #0a0a0a
}

.content-area .spa.font-modernist .desc .text {
  font-family: "ModernistLight", Arial, sans-serif
}

.content-area .spa.font-modernist .desc a,
.content-area .spa.font-modernist .desc .btn {
  font-family: "ModernistLight", Arial, sans-serif
}

.content-area .spa.font-leaguegothic .desc .text {
  font-family: "LeagueGothic", sans-serif
}

.content-area .spa.font-leaguegothic .desc a,
.content-area .spa.font-leaguegothic .desc .btn {
  font-family: "LeagueGothic", sans-serif
}

.content-area .spa.font-lobster .desc .text {
  font-family: "Lobster", cursive
}

.content-area .spa.font-lobster .desc a,
.content-area .spa.font-lobster .desc .btn {
  font-family: "Lobster", cursive
}

.content-area .spa.text-black {
  color: #0a0a0a
}

.content-area .spa.text-black .desc .text {
  border-left: 4px solid #0a0a0a
}

.content-area .spa.text-black .desc a,
.content-area .spa.text-black .desc .btn {
  color: #0a0a0a;
  border: 2px solid #0a0a0a
}

.content-area .spa.no-img .desc {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 1.5rem 45px
}

.content-area .spa.no-img .img {
  display: none
}

.content-area .table-overflow {
  overflow-x: auto
}

.author img {
  border-radius: 50%
}

.timeline {
  margin: 0 0 1rem;
  padding: 0;
  position: relative
}

.timeline.friends .line-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.timeline.friends .line-bg:before {
  display: none
}

.timeline.friends .line-bg .timeline-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0 .5rem
}

@media screen and (max-width:51.25em) {
  .timeline.friends .line-bg .timeline-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0
  }
}

.timeline.messages .timeline-body.unread {
  border: 1px solid #024991
}

.timeline.messages .timeline-body.unread .timeline-body-arrow {
  border-color: transparent #024991 transparent transparent
}

.timeline.messages .timeline-body.unread .timeline-body-head h3 {
  font-weight: 700
}

.timeline.messages .timeline-body.unread .timeline-body-head h3 a {
  color: #024991
}

.timeline.messages .new-message label {
  margin-bottom: 1rem
}

.timeline.messages .new-message fieldset label:first-child {
  margin-top: 0
}

.timeline.messages .timeline-body-head {
  width: 100%
}

.timeline.messages .timeline-body-head .timeline-body-time {
  margin: 0;
  float: right
}

@media screen and (max-width:39.9375em) {
  .timeline.messages .timeline-body-head .timeline-body-time {
    float: none
  }
}

.timeline.messages .timeline-body-head .sendto {
  font-size: .85rem;
  color: #8a8a8a
}

.timeline.messages .timeline-body-content {
  display: block
}

.timeline.messages .accordion {
  width: 100%;
  border: 0;
  margin: 0
}

.timeline.messages .accordion .accordion-title,
.timeline.messages .accordion .accordion-content {
  margin: 0;
  clear: both;
  padding: 0;
  border: 0;
  background-color: transparent
}

.timeline.messages .accordion .accordion-title:before,
.timeline.messages .accordion .accordion-content:before {
  content: ''
}

.timeline.messages .accordion .accordion-title:hover,
.timeline.messages .accordion .accordion-title:focus,
.timeline.messages .accordion .accordion-content:hover,
.timeline.messages .accordion .accordion-content:focus {
  background-color: transparent
}

.timeline.messages .accordion .load-entries .timeline-item {
  margin-bottom: 1rem
}

.timeline.messages .accordion .load-entries .timeline-item .timeline-badge {
  width: 50px;
  height: 50px;
  margin-left: 1.25rem
}

@media screen and (max-width:39.9375em) {
  .timeline.messages .accordion .load-entries .timeline-item .timeline-badge {
    margin-left: 1.45rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline.messages .accordion .load-entries .timeline-item .timeline-badge {
    margin-left: .2rem
  }
}

.timeline.messages .accordion .load-entries .timeline-item .timeline-body-arrow {
  top: .25rem;
  left: -.85rem
}

@media screen and (max-width:39.9375em) {
  .timeline.messages .accordion .load-entries .timeline-item .timeline-body-arrow {
    top: .4rem
  }
}

.timeline.messages .accordion .load-entries .timeline-item .timeline-body-head h3 {
  font-size: 1rem
}

.timeline.messages .accordion .load-entries .timeline-item .timeline-body {
  line-height: normal;
  margin-left: 4.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px;
  margin-bottom: 0
}

@media screen and (max-width:39.9375em) {
  .timeline.messages .accordion .load-entries .timeline-item .timeline-body {
    margin-left: 5rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline.messages .accordion .load-entries .timeline-item .timeline-body {
    margin-left: 3.8rem
  }
}

.timeline.messages .accordion .load-entries .timeline-item .timeline-body:after {
  clear: none
}

.timeline.messages .accordion .load-entries:hover h4 {
  color: #024991
}

.timeline.forum h3 {
  margin: .5rem 0;
  padding-bottom: .25rem
}

.timeline.forum h3 .button {
  padding: .55rem 1rem;
  float: right
}

@media screen and (max-width:39.9375em) {
  .timeline.forum h3 .button {
    margin-top: -1px
  }

  .timeline.forum h3 {
    padding-bottom: .5rem
  }
}

.timeline.forum h3.bgheader {
  background-color: #eff0f0;
  padding: .25rem .5rem
}

.timeline.forum h3.bgheader span {
  float: right;
  color: #024991;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: .8rem
}

.timeline.forum .info {
  color: #666;
  font-size: .9rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #eff0f0;
  font-family: "ModernistRegular", Arial, sans-serif
}

.timeline.forum .categories {
  color: #666;
  padding: .3rem 0 .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .85rem;
  border-bottom: 1px solid #eff0f0;
  font-family: "ModernistRegular", Arial, sans-serif
}

.timeline.forum .categories a span {
  color: #666;
  font-size: .8rem
}

.timeline.forum .categories .more {
  text-align: right
}

.timeline.forum .search-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eff0f0;
  padding-bottom: .5rem;
  margin-bottom: .5rem
}

.timeline.forum .search-header div {
  font-size: .8rem;
  margin-right: 1rem
}

.timeline.forum .search-header div span {
  font-weight: 700
}

.timeline.forum .timeline-header {
  color: #8a8a8a;
  font-size: .9rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #eff0f0;
  padding-bottom: .5rem;
  margin: .5rem 0
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .timeline-header {
    display: none
  }
}

.timeline.forum .timeline-header .name {
  width: 75%;
  font-size: .75rem;
  margin-left: 7rem
}

.timeline.forum .timeline-header .entry {
  width: 30%;
  font-size: .75rem
}

.timeline.forum .timeline-item {
  position: relative;
  overflow: hidden;
  width: 100%
}

.timeline.forum .timeline-item .timeline-badge {
  border-radius: 0;
  height: auto;
  display: block;
  text-align: center
}

.timeline.forum .timeline-item .timeline-badge.circle {
  border-radius: 50%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.timeline.forum .timeline-item .timeline-badge.circle i {
  font-size: 2rem;
  margin-left: .2rem
}

.timeline.forum .timeline-item .timeline-badge div {
  font-size: .7rem;
  color: #8a8a8a;
  line-height: normal;
  margin-bottom: .2rem
}

.timeline.forum .timeline-item .timeline-badge div:last-child {
  margin-bottom: 0
}

.timeline.forum .timeline-item .timeline-badge div strong {
  color: #666;
  display: block;
  font-size: .8rem
}

.timeline.forum .timeline-item .timeline-badge .answers {
  min-height: 4.5rem;
  word-break: break-word;
  padding: 1rem .1rem
}

.timeline.forum .timeline-item .timeline-badge .answers strong {
  font-size: 1.1rem
}

.timeline.forum .timeline-item .timeline-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 5rem;
  color: #222;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .timeline-item .timeline-body {
    display: block
  }
}

.timeline.forum .timeline-item .timeline-body .timeline-body-head {
  width: 70%;
  padding-right: .5rem
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .timeline-item .timeline-body .timeline-body-head {
    width: 100%;
    padding-right: 0
  }
}

.timeline.forum .timeline-item .timeline-body .timeline-body-head .description {
  font-size: .8rem;
  margin-top: .2rem;
  color: #8a8a8a
}

.timeline.forum .timeline-item .timeline-body .timeline-body-head .lead {
  font-size: .85rem;
  margin: .5rem auto 0
}

.timeline.forum .timeline-item .timeline-body h3 {
  font-size: .95rem
}

.timeline.forum .timeline-item .timeline-body h3 a {
  color: #024991
}

.timeline.forum .timeline-item .timeline-body-content .attachments {
  margin-bottom: 0
}

.timeline.forum .timeline-item .timeline-body-content .attachments li {
  list-style: none;
  margin-left: 0;
  font-size: .85rem;
  margin-bottom: .5rem
}

.timeline.forum .timeline-item .timeline-body-content .attachments li:last-child {
  margin-bottom: 0
}

.timeline.forum .timeline-item .timeline-body-content .attachments li i {
  margin-right: .25rem;
  color: #666
}

.timeline.forum .timeline-item .timeline-body-content .attachments li span {
  font-size: .7rem;
  color: #8a8a8a
}

.timeline.forum .timeline-item .timeline-body-content .attachments li div {
  font-size: .8rem;
  margin-left: .9rem;
  color: #666
}

.timeline.forum .timeline-item .timeline-body-content.last-entry {
  margin: 0;
  width: 30%;
  font-size: .8rem;
  padding-left: 1rem;
  border-left: 1px solid #e8e8e8
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .timeline-item .timeline-body-content.last-entry {
    border: 0;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding-left: 0;
    padding-top: .5rem;
    margin-top: .5rem
  }
}

.timeline.forum .timeline-item .timeline-body-content.last-entry strong {
  color: #8a8a8a
}

.timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info {
  font-size: .75rem
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info div {
    padding-right: .2rem
  }

  .timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info div:last-child {
    padding-right: 0
  }
}

.timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info .title,
.timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info .user {
  font-weight: 700;
  font-size: .75rem
}

.timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info .date {
  color: #8a8a8a;
  font-size: .65rem;
  margin-top: .25rem
}

.timeline.forum .timeline-item .timeline-body-content.last-entry .entry-info .category {
  margin-top: .2rem
}

.timeline.forum .timeline-item.featured .timeline-badge {
  border-color: #e8e8e8
}

.timeline.forum .timeline-item.featured .timeline-body {
  border: .15rem solid #e8e8e8
}

.timeline.forum .timeline-item.featured .timeline-body .timeline-body-arrow {
  border-color: transparent #e8e8e8 transparent transparent
}

.timeline.forum .timeline-player {
  margin-left: 6rem;
  width: 100%
}

.timeline.forum .add {
  margin-left: 6rem;
  z-index: 99
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .add {
    margin-left: 6.5rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline.forum .add {
    margin-left: 4.3rem
  }
}

@media screen and (max-width:23.75em) {
  .timeline.forum .add {
    margin-left: auto
  }
}

.timeline.forum .add .add {
  margin-left: 0
}

.timeline.forum .accordion {
  border: 0;
  margin-bottom: 0
}

.timeline.forum .accordion .accordion-item {
  color: #222;
  border: 0;
  margin: 0;
  padding: 0
}

.timeline.forum .accordion .accordion-title {
  border: 0;
  margin: 0;
  padding: 0
}

.timeline.forum .accordion .accordion-title:hover,
.timeline.forum .accordion .accordion-title:focus {
  background-color: transparent
}

.timeline.forum .accordion .accordion-title:before {
  color: #024991;
  margin-top: 0;
  top: .2rem;
  font-weight: 700
}

.timeline.forum .accordion .accordion-title h3 {
  padding-bottom: .5rem
}

.timeline.forum .accordion .accordion-content {
  padding: 0;
  border: 0;
  margin-top: 0 !important;
  margin-bottom: .5rem
}

.timeline.forum .promo-box {
  font-size: .9rem;
  margin-bottom: 1rem
}

.timeline.forum .promo-box h3 {
  color: #024991;
  font-size: 1rem;
  padding-bottom: .5rem;
  border-bottom: 0
}

.timeline.forum .promo-box ul {
  margin-left: 0
}

.timeline.forum .promo-box ul li {
  margin-bottom: .5rem;
  list-style: none;
  position: relative
}

.timeline.forum .promo-box ul li:after {
  position: absolute;
  color: #024991;
  font-size: 1rem;
  left: -1.5rem;
  top: -.2rem;
  content: "\f00c";
  font-family: "FontAwesome", "IconsFont"
}

.timeline.forum .promo-box ul li:last-child {
  margin-bottom: 0
}

.timeline.forum .promo-box ul li h5 {
  margin-bottom: 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: 400;
  font-size: .9rem
}

@media screen and (max-width:39.9375em) {
  .timeline.forum .promo-box {
    padding: 0
  }
}

.timeline.forum.post .timeline-item .timeline-body {
  display: block
}

.timeline.forum.post .timeline-item .timeline-body .timeline-body-content {
  width: 100%
}

.timeline.forum.post .timeline-item .timeline-body .dropdown {
  position: static;
  float: right;
  margin-top: .5rem
}

.timeline.forum.post .timeline-item .timeline-body .dropdown i {
  font-size: .7rem
}

.timeline.forum.post .timeline-item .timeline-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  height: 100px
}

@media screen and (max-width:26.25em) {
  .timeline.forum.post .timeline-item .timeline-badge {
    height: inherit;
    min-height: 3.4rem
  }
}

.timeline.forum.post .timeline-item .timeline-badge .rank {
  position: absolute;
  bottom: -3px;
  color: #fefefe;
  border-radius: 10px;
  font-size: .75rem;
  padding: 0 .5rem;
  background-color: #024991
}

@media screen and (max-width:26.25em) {
  .timeline.forum.post .timeline-item .timeline-badge .rank {
    font-size: .5rem;
    padding: 0 .25rem
  }
}

.timeline.forum.post .timeline-item.main .timeline-badge .rank {
  bottom: 0
}

.timeline.post .line-bg {
  margin-top: 0
}

.timeline.post .timeline-body-content {
  display: block;
  margin: .5rem 0 0;
  width: 80%
}

@media screen and (max-width:39.9375em) {
  .timeline.post .timeline-body-content {
    width: 100%
  }
}

.timeline.post .timeline-body {
  display: block;
  min-height: 6rem
}

.timeline.post .timeline-body .timeline-body-head {
  width: 100% !important;
  padding-right: 0 !important
}

.timeline.post .timeline-body .timeline-body-head .timeline-body-time {
  margin: 0;
  width: 6rem;
  text-align: right;
  float: right
}

@media screen and (max-width:26.25em) {
  .timeline.post .timeline-body .timeline-body-head .timeline-body-time {
    float: none;
    width: auto;
    text-align: left
  }
}

.timeline.post .timeline-body .timeline-body-head .sendfrom {
  font-size: .85rem;
  margin-top: .2rem;
  color: #8a8a8a
}

.timeline.post .timeline-body .dropdown {
  right: 1rem;
  top: auto;
  bottom: .5rem
}

@media screen and (max-width:39.9375em) {
  .timeline.post .timeline-body .dropdown {
    position: static;
    margin-top: .5rem
  }

  .timeline.post .timeline-body .dropdown li {
    margin-left: 0
  }
}

.timeline.post .timeline-item.main {
  width: 100%
}

.timeline.post .timeline-item.main .timeline-body-arrow {
  display: none
}

.timeline.post .timeline-item.main .timeline-body {
  display: block;
  margin-left: 0;
  padding-left: 6rem
}

@media screen and (max-width:39.9375em) {
  .timeline.post .timeline-item.main .timeline-body {
    padding-left: 6.5rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline.post .timeline-item.main .timeline-body {
    padding-left: 4.3rem
  }
}

.timeline.post .timeline-item.main .timeline-badge {
  z-index: 9;
  left: .5rem;
  top: .5rem
}

.timeline.post .timeline-item.main .timeline-badge .author {
  position: absolute;
  word-break: break-word;
  top: 100px;
  text-align: center;
  font-size: .8rem;
  line-height: 1rem
}

@media screen and (max-width:26.25em) {
  .timeline.post .timeline-item.main .timeline-badge .author {
    top: 70px
  }
}

.timeline.post .new-message label {
  margin-bottom: 1rem
}

.timeline h3 {
  font-size: 1rem !important;
  border-bottom: 1px solid #eff0f0;
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

.timeline .search {
  border-bottom: 1px solid #eff0f0;
  background-color: #eff0f0;
  margin: 0 auto 1rem !important;
  padding: 1rem
}

.timeline .search .button {
  padding: .45rem 1rem
}

@media screen and (max-width:26.25em) {
  .timeline .search .button {
    padding: .45rem 0
  }
}

.timeline .search .range {
  width: 100%;
  margin: .5rem auto 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.timeline .search .range label {
  font-size: .8rem;
  cursor: pointer;
  margin-bottom: 0 !important
}

.timeline .line-bg {
  position: relative
}

.timeline .line-bg .timeline-body-arrow {
  border-color: transparent #eff0f0 transparent transparent
}

.timeline .line-bg:before {
  content: '';
  position: absolute;
  display: block;
  width: .15rem;
  background: #eff0f0;
  top: 0;
  bottom: 0;
  margin-left: 2.425rem
}

@media screen and (max-width:39.9375em) {
  .timeline .line-bg:before {
    margin-left: 2.8rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline .line-bg:before {
    margin-left: 1.6rem
  }
}

.timeline .timeline-badge {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
  border: .15rem solid #eff0f0;
  background-color: #fefefe;
  height: 100px;
  width: 100px
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-badge {
    height: 60px;
    width: 60px
  }
}

.timeline .timeline-badge i {
  font-size: 1.6rem;
  color: #e8e8e8
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-badge i {
    font-size: 1.4rem
  }
}

.timeline .timeline-badge img {
  max-width: inherit;
  min-width: 100px;
  max-height: 100px;
  border: .15rem solid #eff0f0;
  border-radius: 50%;
  vertical-align: middle
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-badge img {
    min-width: 60px;
    width: 60px
  }
}

.timeline .timeline-item {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0
}

.timeline .timeline-item.cover {
  min-height: 10rem
}

.timeline .timeline-item.cover .timeline-badge {
  z-index: inherit !important
}

.timeline .timeline-item.cover .timeline-body {
  min-height: inherit;
  background-color: rgba(0, 0, 0, .2)
}

.timeline .timeline-item.cover .timeline-body .dropdown {
  z-index: -1
}

.timeline .timeline-item.inactive .timeline-body {
  background-color: rgba(239, 240, 240, .6)
}

.timeline .timeline-item.inactive .timeline-body .timeline-body-arrow {
  border-color: transparent rgba(239, 240, 240, .6) transparent transparent
}

.timeline .timeline-item.inactive .timeline-body-time,
.timeline .timeline-item.inactive .price,
.timeline .timeline-item.inactive .timeline-body-content {
  color: #e8e8e8
}

.timeline .timeline-item.inactive h4,
.timeline .timeline-item.inactive .category {
  color: #e8e8e8
}

.timeline .timeline-item.inactive h4 a,
.timeline .timeline-item.inactive .category a {
  color: #e8e8e8
}

.timeline .timeline-item .statement {
  position: absolute;
  text-align: center;
  display: none;
  left: 50%;
  top: 47%;
  border-radius: .5rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 1rem;
  background-color: #fefefe
}

.timeline .timeline-item .statement .row,
.timeline .timeline-item .statement .sidebar .box .row-box,
.sidebar .box .timeline .timeline-item .statement .row-box {
  width: 12rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:26.25em) {

  .timeline .timeline-item .statement .row,
  .timeline .timeline-item .statement .sidebar .box .row-box,
  .sidebar .box .timeline .timeline-item .statement .row-box {
    width: 100%
  }
}

.timeline .timeline-item .statement .button {
  padding: .5rem 1rem
}

.timeline .timeline-item .statement .button.cancel {
  padding: 0
}

.timeline .timeline-item .statement h3 {
  border-bottom: 1px solid #e8e8e8
}

.timeline .timeline-body {
  position: relative;
  padding: .5rem 1rem;
  margin-bottom: 1rem;
  margin-left: 6rem;
  background-color: #eff0f0;
  border-radius: .5rem
}

@media screen and (max-width:39.9375em) {
  .timeline .timeline-body {
    margin-left: 6.5rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-body {
    padding-bottom: .5rem;
    margin-left: 4.3rem
  }
}

.timeline .timeline-body:after,
.timeline .timeline-body:before {
  content: " ";
  display: table
}

.timeline .timeline-body:after {
  clear: both
}

.timeline .timeline-body .dropdown {
  margin-left: 0;
  width: inherit;
  position: absolute;
  top: .6rem;
  right: 1rem;
  list-style: none
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-body .dropdown {
    position: static;
    margin-top: .5rem
  }
}

.timeline .timeline-body .dropdown>li {
  list-style: none;
  margin: 0 .5rem
}

.timeline .timeline-body .dropdown>li:last-child {
  margin-right: 0
}

.timeline .timeline-body .dropdown>li>a {
  font-size: .75rem;
  font-weight: 700;
  display: block;
  padding: .45rem .7rem;
  background-color: #fefefe;
  border: 1px solid #eff0f0
}

.timeline .timeline-body .dropdown>li>a:hover {
  border: 1px solid #e8e8e8
}

.timeline .timeline-body .dropdown .dropdown-item {
  margin-left: 0
}

.timeline .timeline-body .dropdown .dropdown-item>span {
  font-size: .8rem;
  font-weight: 700;
  position: relative;
  line-height: normal;
  cursor: pointer;
  display: block;
  padding: .3rem 1.2rem .3rem .5rem;
  background-color: #fefefe;
  border: 1px solid #eff0f0
}

.timeline .timeline-body .dropdown .dropdown-item>span:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  border: inset 5px;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px;
  border-color: #666 transparent transparent;
  margin-right: 2px
}

.timeline .timeline-body .dropdown .dropdown-item .submenu {
  display: none;
  min-width: inherit;
  width: auto;
  margin-left: 0;
  border: 1px solid #eff0f0
}

.timeline .timeline-body .dropdown .dropdown-item .submenu.js-dropdown-active {
  display: block
}

.timeline .timeline-body .dropdown .dropdown-item .submenu .is-submenu-item {
  list-style: none;
  margin-left: 0
}

.timeline .timeline-body .dropdown .dropdown-item .submenu .is-submenu-item a {
  padding: .5rem;
  line-height: normal;
  font-size: .8rem;
  border: 1px solid #fefefe
}

.timeline .timeline-body .dropdown .dropdown-item .submenu .is-submenu-item a:hover {
  border: 1px solid #e8e8e8
}

.timeline .timeline-body-arrow {
  position: absolute;
  top: 1.4rem;
  left: -1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 1rem 0;
  border-color: transparent #eff0f0 transparent transparent
}

@media screen and (max-width:39.9375em) {
  .timeline .timeline-body-arrow {
    top: 1.8rem
  }
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-body-arrow {
    top: .6rem
  }
}

.timeline .timeline-body-head {
  display: inline-block;
  word-break: break-word
}

.timeline .timeline-body-head h3 {
  margin: 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.1rem
}

.timeline .timeline-body-head h3 a {
  color: #024991
}

.timeline .timeline-body-head h3 a:hover {
  color: #024991
}

.timeline .timeline-body-head .category,
.timeline .timeline-body-head .price,
.timeline .timeline-body-head .city,
.timeline .timeline-body-head .rank,
.timeline .timeline-body-head .message {
  color: #666;
  font-family: "ModernistRegular", Arial, sans-serif;
  margin-top: .2rem;
  font-size: .8rem
}

.timeline .timeline-body-head .category i,
.timeline .timeline-body-head .price i,
.timeline .timeline-body-head .city i,
.timeline .timeline-body-head .rank i,
.timeline .timeline-body-head .message i {
  margin-right: .5rem;
  min-width: .8rem;
  text-align: center
}

.timeline .timeline-body-head .menu {
  margin-left: 0;
  margin-top: .5rem;
  list-style-type: none
}

.timeline .timeline-body-head .menu li {
  margin-left: 0;
  cursor: pointer;
  margin-right: .5rem
}

.timeline .timeline-body-head .menu li:last-child {
  margin-right: 0
}

.timeline .timeline-body-head .menu li a {
  padding: 0
}

.timeline .timeline-body-head .menu li .badge {
  background-color: #fefefe;
  border: 1px solid #e8e8e8;
  padding: .45rem .5rem;
  color: #666
}

.timeline .timeline-body-head .menu li .badge:hover {
  color: #fefefe;
  background-color: #666
}

.timeline .timeline-body-head .menu.rating-result {
  list-style-type: none;
  margin-top: .5rem
}

.timeline .timeline-body-head .menu.rating-result li {
  margin: 0
}

.timeline .timeline-body-head .menu.rating-result li:last-child {
  margin-left: .5rem
}

.timeline .timeline-body-head .menu.rating-result li i {
  color: #e8e8e8
}

.timeline .timeline-body-head .menu.rating-result li i.active {
  color: #ffa500
}

.timeline .timeline-body-time {
  font-size: .85rem;
  margin: .5rem 0;
  color: #666
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-body-time {
    margin-top: 0
  }
}

.timeline .timeline-body-head-actions {
  float: right
}

.timeline .timeline-body-head-actions .btn-group {
  margin-top: -2px
}

.timeline .timeline-body-content {
  font-size: .9rem;
  color: #222;
  margin: .5rem auto 0;
  word-break: break-word;
  display: block
}

@media screen and (max-width:26.25em) {
  .timeline .timeline-body-content {
    display: none
  }
}

.timeline .timeline-body-content p {
  margin-bottom: 0
}

.timeline .timeline-body-content ul {
  margin: .5rem 0
}

.timeline .timeline-body-content .quote {
  color: #666;
  font-size: .9rem;
  margin-bottom: .5rem;
  padding: 0 1rem .5rem;
  border: 1px solid #e8e8e8
}

.timeline .timeline-body-content .quote legend {
  color: #222;
  font-weight: 700
}

.timeline .timeline-body-content .lastmsg {
  border-bottom: 1px solid #e8e8e8;
  font-size: .85rem;
  margin-bottom: .25rem;
  padding-bottom: .25rem
}

.timeline .timeline-body-img {
  width: 100px;
  height: 100px;
  float: left;
  margin: .5rem 1rem 0 0
}

.content .content-area .content-list .category-list .columns {
  border: 0
}

.content .content-area .content-list .category-list .columns h6 {
  margin: 0 -1px
}

.content .content-area .content-list .category-list .columns .category-box {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8
}

@media screen and (max-width:39.9375em) {
  .content .content-area .content-list .category-list .columns .category-box {
    border: 0
  }

  .content .content-area .content-list .category-list .columns .category-box .text-box {
    padding-left: .5rem
  }
}

.content .content-area .content-list .category-list .columns .category-box .text-box ul {
  margin-left: 0
}

.content .content-area .more.video {
  margin: .5rem auto 1rem
}

.content .content-area .more.video .columns {
  border: 0
}

@media screen and (max-width:79.9375em) {
  .content .content-list {
    padding: 0 1rem
  }
}

.content .content-list>.row.title,
.content .sidebar .box .content-list>.title.row-box,
.sidebar .box .content .content-list>.title.row-box {
  margin-bottom: .5rem
}

.content .content-list.special {
  margin-bottom: 1rem;
  padding: 0
}

@media screen and (max-width:79.9375em) {
  .content .content-list.special {
    margin-left: 0;
    margin-right: 0
  }
}

.content .content-list.special .special-content {
  max-width: 1300px;
  margin: 0 auto
}

@media screen and (max-width:39.9375em) {
  .content .content-list.special .special-content {
    padding: 0
  }
}

.content .content-list.special .special-content .list-box {
  margin-top: -65px;
  padding: 2.5rem 2rem 0;
  background-color: #efebeb;
  overflow: hidden;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

@media screen and (max-width:39.9375em) {
  .content .content-list.special .special-content .list-box {
    padding: 2.5rem 1.75rem 0
  }
}

.content .content-list.special .special-content .list-box.slick-initialized {
  overflow: visible
}

.content .content-list.special .special-content .list-box .columns {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-right: 0;
  max-width: 33.3%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%
}

@media screen and (max-width:48em) {
  .content .content-list.special .special-content .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:40em) {
  .content .content-list.special .special-content .list-box .columns {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list.special .special-content .list-box .columns {
    padding-left: 0;
    padding-right: 0
  }
}

.content .content-list.special .special-content .list-box .columns .text-box {
  padding-bottom: 1.5rem
}

@media screen and (max-width:39.9375em) {
  .content .content-list.special .special-content .list-box .columns .text-box {
    padding-bottom: 1rem
  }
}

.content .content-list.special .title {
  text-align: center;
  z-index: 99;
  width: 0;
  height: 0;
  position: relative;
  margin: 0 auto;
  border-left: 5rem solid transparent;
  border-right: 5rem solid transparent;
  border-top: 5rem solid #024991;
  color: #fefefe
}

.content .content-list.special .title a,
.content .content-list.special .title span {
  position: absolute;
  color: #fefefe;
  top: -4.5rem;
  padding: 0;
  border: 0;
  font-size: 1rem;
  left: -1rem;
  font-weight: 300;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  line-height: normal
}

.content .content-list.special .special-slider {
  position: relative;
  max-width: 60rem
}

.content .content-list.special .special-slider .slick-next,
.content .content-list.special .special-slider .slick-prev {
  font-size: 14px
}

.content .content-list.special .special-slider .slick-arrow {
  top: 45%;
  display: block;
  height: auto;
  width: 50px
}

.content .content-list.special .special-slider .slick-arrow:before {
  text-shadow: 0 0 5px #000
}

.content .content-list.special .special-slider .slick-arrow.slick-next {
  right: 0
}

@media screen and (max-width:39.9375em) {
  .content .content-list.special .special-slider .slick-arrow.slick-next {
    right: -10px
  }
}

.content .content-list.special .special-slider .slick-arrow.slick-next:before {
  opacity: 1;
  color: #fefefe;
  font-size: 2.5rem;
  content: "\e905";
  font-family: "FontAwesome", "IconsFont"
}

.content .content-list.special .special-slider .slick-arrow.slick-prev {
  left: 0
}

@media screen and (max-width:39.9375em) {
  .content .content-list.special .special-slider .slick-arrow.slick-prev {
    left: -5px
  }
}

.content .content-list.special .special-slider .slick-arrow.slick-prev:before {
  opacity: 1;
  color: #fefefe;
  font-size: 2.5rem;
  content: "\e904";
  text-shadow: 0 0 5px #000;
  font-family: "FontAwesome", "IconsFont"
}

.content .content-list .recommended-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.content .content-list .recommended-slider .slick-arrow {
  top: 40%
}

.content .content-list .recommended-slider .slick-arrow:before {
  text-shadow: 0 0 5px #000
}

.content .content-list .recommended-slider .slick-arrow.slick-next {
  right: 30px
}

@media screen and (max-width:39.9375em) {
  .content .content-list .recommended-slider .slick-arrow.slick-next {
    right: 20px
  }
}

.content .content-list .recommended-slider .slick-arrow.slick-next:before {
  opacity: 1;
  color: #fefefe;
  font-size: 2.5rem;
  content: "\e905";
  font-family: "FontAwesome", "IconsFont"
}

.content .content-list .recommended-slider .slick-arrow.slick-prev {
  left: 0
}

.content .content-list .recommended-slider .slick-arrow.slick-prev:before {
  opacity: 1;
  color: #fefefe;
  font-size: 2.5rem;
  content: "\e904";
  text-shadow: 0 0 5px #000;
  font-family: "FontAwesome", "IconsFont"
}

.content .content-list .columns {
  margin-right: -1px
}

.content .content-list .columns:nth-child(4n) {
  margin-right: 0
}

.content .content-list .columns.share-box,
.content .content-list .recommended-page .sneak-peak .info .columns.review,
.recommended-page .sneak-peak .info .content .content-list .columns.review {
  overflow: visible
}

.content .content-list .list-box {
  margin: 0 auto;
  padding: 0
}

.content .content-list .list-box.sneak-peak {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

@media screen and (max-width:53.6875em) {
  .content .content-list .list-box.sneak-peak {
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline
  }
}

.content .content-list .list-box .special-box {
  text-align: center
}

.content .content-list .list-box .img-box {
  height: inherit;
  min-height: 2rem
}

.content .content-list .list-box .img-box.img-cover {
  overflow: hidden
}

@media screen and (max-width:79.9375em) {
  .content .content-list .list-box .img-box.img-cover {
    height: 66%
  }
}

@media screen and (max-width:53.6875em) {
  .content .content-list .list-box .img-box.img-cover {
    height: 54%
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list .list-box .img-box.img-cover {
    height: inherit
  }
}

.content .content-list .list-box .img-box.img-cover a {
  display: inline
}

.content .content-list .list-box .text-box {
  text-align: center;
  padding-bottom: 1rem;
  margin-top: -1rem
}

.content .content-list .list-box .text-box h2 {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  font-size: .9rem;
  margin-bottom: 0
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .content .content-list .list-box .text-box h2 {
    font-size: .8rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list .list-box .text-box h2 {
    font-size: 1rem
  }
}

.content .content-list .list-box .text-box h2 span,
.content .content-list .list-box .text-box h2 a {
  color: #222;
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  text-transform: uppercase;
  border: 1px solid #666;
  cursor: pointer;
  padding: .3rem .5rem .2rem;
  background-color: #fefefe
}

@media screen and (max-width:39.9375em) {

  .content .content-list .list-box .text-box h2 span,
  .content .content-list .list-box .text-box h2 a {
    padding-bottom: .2rem
  }
}

.content .content-list .list-box .text-box h2 span {
  cursor: default
}

.content .content-list .list-box .text-box h3 {
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #222;
  padding: .65rem .5rem 0;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
  margin: 0
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .content .content-list .list-box .text-box h3 {
    font-size: .9rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list .list-box .text-box h3 {
    font-size: 1.1rem
  }
}

.content .content-list .list-box .text-box h3 a {
  color: #222
}

.content .content-list .list-box .text-box h3 a:hover {
  color: #024991
}

.content .content-list .list-box .columns {
  position: relative;
  padding: 0
}

.content .content-list .list-box .columns>a {
  display: inline-block;
  width: 100%
}

.content .content-list .list-box .columns.add {
  -ms-flex-item-align: center;
  align-self: center
}

.content .content-list .list-box .columns.add img {
  width: 300px
}

.content .content-list .list-box .columns .text-box h2 img {
  width: 100px;
  margin-top: -10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.content .content-list .list-box .columns img {
  width: 100%;
  max-height: 295px
}

@media screen and (max-width:39.9375em) {
  .content .content-list .list-box .columns img {
    max-height: inherit
  }
}

.content .content-list .list-box .columns.from-blog .text-box h2 span,
.content .content-list .list-box .columns.from-blog .text-box h2 a {
  background-color: #024991;
  color: #fefefe;
  border-color: #024991
}

.content .content-list .list-box.zodiac .columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

@media screen and (max-width:53.75em) {
  .content .content-list .list-box.zodiac .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:30em) {
  .content .content-list .list-box.zodiac .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content .content-list .list-box.zodiac .columns .text-box h3 {
  font-size: 1rem
}

.content .content-list .description {
  margin: 0 auto 1rem
}

@media screen and (max-width:53.6875em) {
  .content .content-list .description {
    margin: 0 auto
  }
}

.content .content-list .description .text-box {
  background-color: #024991;
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #fefefe;
  padding: 1rem;
  margin: 0 auto
}

@media screen and (max-width:53.6875em) {
  .content .content-list .description .text-box {
    margin-bottom: 1rem
  }
}

.content .content-list .description .text-box div p:first-child {
  margin-bottom: 1rem
}

.content .content-list .description .text-box p {
  margin-bottom: 0
}

.content .content-list .description .text-box a {
  color: #fefefe
}

.content .content-list .description .text-box a:hover {
  font-weight: bold
}

.content .content-list .description .text-box a.button {
  display: block;
  float: none;
  max-width: 200px;
  text-align: center;
  margin: 0 auto
}

@media screen and (max-width:39.9375em) {
  .content .content-list .description .text-box a.button {
    max-width: 240px
  }
}

.content .content-list .description .text-box .button {
  margin-bottom: 0;
  font-family: "LeagueGothic", sans-serif;
  color: #fefefe;
  font-size: 18px;
  position: static;
  letter-spacing: .02rem;
  bottom: 0;
  right: 0;
  background-color: transparent;
  padding: .5rem 1.5rem;
  border-color: #fefefe
}

.content .content-list .description .text-box .button:hover {
  font-weight: normal;
  background-color: #024991
}

.content .content-list .description.special-box {
  background-image: linear-gradient(45deg, #ee239a 0%, #024991 100%);
  color: #fefefe;
  margin: 1rem auto 2rem;
  width: 100%
}

.content .content-list .description.special-box .text-box {
  background-color: transparent;
  position: relative;
  padding: 50px 45px 30px 45px
}

@media screen and (max-width:39.9375em) {
  .content .content-list .description.special-box .text-box {
    padding: 60px 40px 50px
  }
}

.content .content-list .description.special-box .text-box div p:first-child {
  margin-bottom: 1.5rem
}

@media screen and (max-width:39.9375em) {
  .content .content-list .description.special-box .text-box div p:first-child {
    margin-bottom: 3rem
  }
}

.content .content-list .more-tags {
  text-align: center
}

.content .content-list .more-tags .buttton {
  margin-bottom: 0
}

.content .content-list.editors .list-title {
  font-family: "LeagueGothic", sans-serif;
  display: inline-block;
  font-size: 36px;
  color: #222;
  line-height: normal;
  margin-left: 25px;
  margin-bottom: 15px;
  margin-top: 15px
}

.content .content-list.editors .list-title:first-child {
  margin-top: -15px
}

@media screen and (max-width:53.6875em) {
  .content .content-list.editors .list-title:first-child {
    margin-top: 10px
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list.editors .list-title {
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 10px
  }
}

.content .content-list.editors .list-box {
  margin-left: -.5rem;
  margin-right: -.5rem;
  margin-bottom: .5rem
}

.content .content-list.editors .list-box .columns {
  text-align: left;
  padding: .5rem
}

.content .content-list.editors .list-box .columns .card {
  border: 1px solid #eff0f0;
  padding: .5rem;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden
}

@media screen and (max-width:26.25em) {
  .content .content-list.editors .list-box .columns .card {
    text-align: center
  }
}

.content .content-list.editors .list-box .columns .card .avatar {
  width: auto;
  border-radius: 100%;
  float: left;
  margin-right: 1rem
}

@media screen and (max-width:26.25em) {
  .content .content-list.editors .list-box .columns .card .avatar {
    margin-right: 0;
    float: none;
    display: block;
    margin: 0 auto .5rem
  }
}

.content .content-list.editors .list-box .columns .card .name {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-weight: normal;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5rem;
  font-size: 1.2rem
}

@media screen and (max-width:53.6875em) {
  .content .content-list.editors .list-box .columns .card .name {
    font-size: 1.2rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list.editors .list-box .columns .card .name {
    font-size: 1.4rem
  }
}

@media screen and (max-width:26.25em) {
  .content .content-list.editors .list-box .columns .card .name {
    margin-top: 0;
    display: block;
    text-align: center
  }
}

.content .content-list.editors .list-box .columns .card .name a {
  color: #024991
}

.content .content-list.editors .list-box .columns .card .depiction {
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  font-size: .85rem
}

@media screen and (max-width:53.6875em) {
  .content .content-list.editors .list-box .columns .card .depiction {
    font-size: .9rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .content-list.editors .list-box .columns .card .depiction {
    font-size: 1rem;
    margin-bottom: .2rem
  }
}

.content .content-list.editors .list-box .columns .card .email {
  margin-top: .2rem
}

.content .content-list.editors .list-box .columns .card .email a {
  color: #222;
  font-size: .75rem
}

@media screen and (max-width:39.9375em) {
  .content .content-list.editors .list-box .columns .card .email a {
    font-size: .9rem
  }
}

.content .content-list.editors .list-box .columns img {
  width: auto !important
}

.content .content-list.editors h4 {
  margin-bottom: 0
}

.content .content-list.editors.profile .title-box .card {
  cursor: default
}

.content .content-list .columns {
  overflow: hidden
}

.content .content-list .columns a {
  overflow: hidden
}

.content .content-list .columns.scale img {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  position: relative;
  z-index: 1
}

.content .content-list .columns.scale:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.content .content-list .columns.list-box {
  overflow: visible
}

.content .content-list .list-box .text-box {
  z-index: 999;
  position: relative
}

.content .content-list .description {
  margin: 0 0 1rem
}

.content .content-list .description.special .text-box {
  padding: 20px 1rem 10px 1rem
}

@media screen and (max-width:39.9375em) {
  .content .content-list .description.special .text-box {
    text-align: left;
    padding: 30px 1rem 20px 1rem
  }

  .content .content-list .description.special .text-box p {
    margin-bottom: 30px;
    font-size: 20px
  }

  .content .content-list .description.special .text-box p .button {
    font-size: 1rem
  }
}

.content .content-list .description.special .text-box p {
  position: relative
}

.content .content-list .description.special .text-box .button {
  font-family: "LeagueGothic", sans-serif;
  font-size: 1rem;
  position: relative;
  max-width: 120px;
  display: block;
  margin: 0 auto
}

.content .content-list .description .align-center .button {
  position: static
}

.content .content-list.single-post {
  margin-top: 0
}

.content .icon-bar-slider {
  background-color: #f5f5f5;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem auto;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media screen and (max-width:79.9375em) {
  .content .icon-bar-slider {
    padding: 1rem
  }
}

.content .icon-bar-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.content .icon-bar-slider .slick-arrow {
  top: 45%;
  display: block;
  height: auto;
  width: 50px
}

.content .icon-bar-slider .slick-arrow:before {
  text-shadow: 0 0 5px #000
}

.content .icon-bar-slider .slick-arrow.slick-next {
  right: 0
}

@media screen and (max-width:39.9375em) {
  .content .icon-bar-slider .slick-arrow.slick-next {
    right: -10px
  }
}

.content .icon-bar-slider .slick-arrow.slick-next:before {
  opacity: 1;
  color: #fefefe;
  font-size: 2.5rem;
  content: "\e905";
  font-family: "FontAwesome", "IconsFont"
}

.content .icon-bar-slider .slick-arrow.slick-prev {
  left: 0
}

@media screen and (max-width:39.9375em) {
  .content .icon-bar-slider .slick-arrow.slick-prev {
    left: -10px
  }
}

.content .icon-bar-slider .slick-arrow.slick-prev:before {
  opacity: 1;
  color: #fefefe;
  font-size: 2.5rem;
  content: "\e904";
  text-shadow: 0 0 5px #000;
  font-family: "FontAwesome", "IconsFont"
}

.content .icon-bar-slider .item {
  text-align: center;
  position: relative;
  width: auto;
  cursor: pointer;
  min-height: 60px;
  max-width: none;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5
}

@media screen and (min-width:64em) {
  .content .icon-bar-slider .item {
    min-width: 200px
  }
}

@media screen and (max-width:39.9375em) {
  .content .icon-bar-slider .item {
    min-width: auto;
    width: auto;
    min-height: auto
  }
}

.content .icon-bar-slider .item:hover {
  border-left-color: #f3d3e1;
  border-right-color: #f3d3e1
}

.content .icon-bar-slider .item:hover:first-child {
  border-left-color: #f5f5f5
}

.content .icon-bar-slider .item:hover:last-child {
  border-right-color: #f5f5f5
}

.content .icon-bar-slider .item:hover .icon {
  display: none
}

.content .icon-bar-slider .item:hover .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.content .icon-bar-slider .item a {
  display: block;
  position: relative
}

.content .icon-bar-slider .item .icon {
  display: block
}

@media screen and (max-width:53.6875em) {
  .content .icon-bar-slider .item .icon {
    margin-bottom: 10px;
    display: block !important
  }
}

.content .icon-bar-slider .item .icon img {
  margin: 0 auto
}

.content .icon-bar-slider .item .name {
  display: none;
  padding: 0 15px;
  height: 100%;
  font-family: "LeagueGothic", sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  font-size: 1.1rem;
  line-height: 1.1rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #024991
}

@media screen and (max-width:53.6875em) {
  .content .icon-bar-slider .item .name {
    display: block;
    padding: 0;
    position: static;
    line-height: normal;
    height: auto;
    font-size: .8rem;
    line-height: normal
  }
}

.content .icon-bar-slider .item .name a {
  color: #024991
}

.content .row.special-title,
.content .sidebar .box .special-title.row-box,
.sidebar .box .content .special-title.row-box {
  margin: 1.5rem auto .5rem;
  position: relative
}

@media screen and (max-width:53.6875em) {

  .content .row.special-title,
  .content .sidebar .box .special-title.row-box,
  .sidebar .box .content .special-title.row-box {
    margin: 1rem auto -.5rem
  }
}

.content .row.special-title:after,
.content .sidebar .box .special-title.row-box:after,
.sidebar .box .content .special-title.row-box:after {
  content: '';
  left: 0;
  right: 0;
  top: 5px;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: 1;
  height: 1px;
  background: #777
}

.content .row.special-title .info,
.content .sidebar .box .special-title.row-box .info,
.sidebar .box .content .special-title.row-box .info {
  font-family: 'Lobster', cursive;
  margin: 0 auto;
  font-size: 1.8rem;
  z-index: 5;
  padding: 0 1.5rem;
  background-color: #fefefe
}

.content .row.special-title.recommended .info img,
.content .sidebar .box .special-title.recommended.row-box .info img,
.sidebar .box .content .special-title.recommended.row-box .info img {
  max-height: 40px
}

@media screen and (max-width:26.25em) {

  .content .row.special-title.recommended .info img,
  .content .sidebar .box .special-title.recommended.row-box .info img,
  .sidebar .box .content .special-title.recommended.row-box .info img {
    max-height: 34px
  }

  .content .row.special-title.recommended .info,
  .content .sidebar .box .special-title.recommended.row-box .info,
  .sidebar .box .content .special-title.recommended.row-box .info {
    padding: 0 .5rem
  }
}

.content .dictionary-letters {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1rem
}

@media screen and (max-width:79.9375em) {
  .content .dictionary-letters {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.content .dictionary-letters.row,
.content .sidebar .box .dictionary-letters.row-box,
.sidebar .box .content .dictionary-letters.row-box {
  margin-top: 0
}

.content .dictionary-letters .dictionary-search {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.content .dictionary-letters .dictionary-search form input {
  border: 0;
  margin-left: 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid #024991;
  -webkit-box-shadow: none;
  box-shadow: none
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-letters .dictionary-search form input {
    margin-left: 0
  }
}

.content .dictionary-letters .dictionary-search form .submit {
  cursor: pointer;
  text-align: right
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-letters .dictionary-search form .submit {
    text-align: left
  }
}

.content .dictionary-letters .dictionary-search form .submit .fa-search {
  background-color: #024991
}

.content .dictionary-letters .menu {
  max-height: 2rem;
  overflow: hidden;
  margin: 1rem auto .5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-letters .menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.content .dictionary-letters .menu a {
  color: #024991;
  font-family: "LeagueGothic", sans-serif;
  font-size: 1.2rem;
  padding: .5rem .8rem
}

@media screen and (max-width:53.6875em) {
  .content .dictionary-letters .menu a {
    font-size: 1rem;
    padding: .5rem .5rem
  }
}

.content .dictionary-letters .menu a.active,
.content .dictionary-letters .menu a:hover,
.content .dictionary-letters .menu a:focus {
  background-color: #024991;
  color: #fefefe
}

.content .dictionary-letters .menu .slick-list {
  margin: 0 1.5rem
}

.content .dictionary-letters .menu .slick-arrow:before {
  color: #0a0a0a;
  font-family: "FontAwesome", "IconsFont";
  text-shadow: none
}

.content .dictionary-letters .menu .slick-prev {
  left: 0
}

.content .dictionary-letters .menu .slick-prev:before {
  content: "\e904"
}

.content .dictionary-letters .menu .slick-next {
  right: 0
}

.content .dictionary-letters .menu .slick-next:before {
  content: "\e905"
}

.content .dictionary-sub {
  width: 100%
}

.content .dictionary-sub.row,
.content .sidebar .box .dictionary-sub.row-box,
.sidebar .box .content .dictionary-sub.row-box {
  margin-top: 0
}

.content .dictionary-sub div {
  text-align: center
}

.content .dictionary-list {
  width: 100%;
  margin-top: 0
}

@media screen and (max-width:79.9375em) {
  .content .dictionary-list {
    padding: 0 1rem
  }
}

.content .dictionary-list h2 {
  margin-bottom: 1rem
}

.content .dictionary-list h3.lead {
  font-weight: normal;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: 1rem
}

.content .dictionary-list .main-img {
  float: right;
  margin: .25rem 1rem .5rem 0
}

.content .dictionary-list .more {
  background-color: #fefefe
}

.content .dictionary-list .more .img-cover {
  position: relative
}

.content .dictionary-list .more .img-cover .icon-gallery {
  top: 25%
}

.content .dictionary-list .description-box {
  margin: 0
}

.content .dictionary-list form input {
  width: 90%;
  float: left;
  margin-bottom: 0;
  border: 0;
  border-bottom: 1px solid #024991;
  -webkit-box-shadow: none;
  box-shadow: none
}

.content .dictionary-list .definitions li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1rem;
  padding-right: 1.5rem
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-list .definitions li {
    padding-right: 0
  }
}

.content .dictionary-list .definitions li a {
  color: #0a0a0a;
  display: block;
  font-weight: bold;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content .dictionary-list .definitions li a:hover,
.content .dictionary-list .definitions li a:focus {
  color: #024991
}

.content .dictionary-list .definitions li div {
  font-size: .95rem;
  cursor: default
}

.content .dictionary-gray-box {
  padding: 1rem;
  margin: 1rem auto;
  background-color: #eff0f0
}

.content .dictionary-gray-box h5 {
  font-size: 1rem
}

.content .dictionary-gray-box ul {
  margin: 0;
  padding-left: 1.5rem
}

.content .dictionary-gray-box ul.row,
.content .dictionary-gray-box .sidebar .box ul.row-box,
.sidebar .box .content .dictionary-gray-box ul.row-box {
  margin-bottom: 0
}

.content .dictionary-gray-box ul li {
  margin-left: 0;
  padding-right: 1.5rem
}

.content .dictionary-gray-box ul li a {
  color: #0a0a0a;
  font-weight: bold
}

.content .dictionary-gray-box ul li a:hover,
.content .dictionary-gray-box ul li a:focus {
  color: #024991
}

.content .dictionary-table-box {
  clear: both
}

.content .dictionary-table-box.row .row,
.content .sidebar .box .dictionary-table-box.row-box .row,
.sidebar .box .content .dictionary-table-box.row-box .row,
.content .dictionary-table-box.row .sidebar .box .row-box,
.sidebar .box .content .dictionary-table-box.row .row-box,
.content .sidebar .box .dictionary-table-box.row-box .row-box,
.sidebar .box .content .dictionary-table-box.row-box .row-box {
  margin-top: 0
}

.content .dictionary-table-box h4 {
  width: 100%;
  margin-bottom: 1rem;
  line-height: inherit;
  background-color: #eff0f0;
  padding: .5rem 1rem
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-table-box h4 {
    font-size: 1.1rem
  }
}

.content .dictionary-table-box ul {
  margin: 1rem 0 0;
  padding-left: 1rem
}

.content .dictionary-table-box ul.parent {
  padding-left: 3rem;
  margin-top: -.5rem
}

.content .dictionary-table-box ul.parent li {
  padding-right: 1.5rem
}

.content .dictionary-table-box ul.parent.cards {
  padding-left: 0;
  margin-top: 0
}

.content .dictionary-table-box ul.parent.cards li {
  list-style: none;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1rem;
  padding: 0 1rem 1rem 1rem
}

.content .dictionary-table-box ul.parent.cards li div {
  font-size: .9rem
}

.content .dictionary-table-box ul.parent.cards li a span {
  display: block;
  color: #666;
  font-size: .9rem
}

.content .dictionary-table-box ul.institution {
  padding-left: 0
}

.content .dictionary-table-box ul.institution li {
  list-style-type: none;
  padding-left: 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #eff0f0;
  padding-right: 1rem
}

.content .dictionary-table-box ul.institution li div {
  color: #666;
  float: right;
  line-height: 2;
  font-size: .8rem
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-table-box ul.institution li div {
    float: none
  }
}

.content .dictionary-table-box ul li {
  margin-left: 0;
  margin-bottom: .5rem
}

.content .dictionary-table-box ul li a {
  color: #0a0a0a
}

.content .dictionary-table-box ul li a:hover,
.content .dictionary-table-box ul li a:focus {
  color: #024991
}

.content .dictionary-table-box ul li.parent {
  list-style-type: none;
  margin-left: 0;
  width: 100%
}

.content .dictionary-table-box ul li.parent h5 {
  display: block;
  font-size: 1.1rem;
  margin-bottom: .5rem
}

.content .dictionary-table-box ul li.parent ul {
  padding-left: 2rem
}

.content .dictionary-table-box ul li.parent ul.row,
.content .dictionary-table-box ul li.parent .sidebar .box ul.row-box,
.sidebar .box .content .dictionary-table-box ul li.parent ul.row-box {
  margin: 0
}

.content .dictionary-table-box ul li.parent ul li {
  margin-left: 0;
  padding-right: 1.5rem
}

.content .dictionary-table-box ul li.parent ul li a span {
  margin-left: .5rem
}

.content .dictionary-table-box .button.right {
  float: right;
  line-height: normal;
  margin-top: -1rem;
  margin-bottom: 1rem;
  padding: .5rem 1rem
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-table-box .button.right {
    margin-top: 0
  }
}

.content .dictionary-table-box .button a {
  color: #fefefe
}

.content .dictionary-search-box {
  margin: 0 auto 1rem;
  border-top: 1px solid #e8e8e8;
  padding-top: 1rem;
  width: 100%
}

@media screen and (max-width:79.9375em) {
  .content .dictionary-search-box {
    margin: 0 1rem 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-search-box {
    margin-top: 0;
    width: initial
  }
}

.content .dictionary-search-box form {
  background-color: #eff0f0;
  padding: 1rem 1rem .5rem
}

.content .dictionary-search-box form.announcement .row,
.content .dictionary-search-box form.announcement .sidebar .box .row-box,
.sidebar .box .content .dictionary-search-box form.announcement .row-box {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.content .dictionary-search-box form .text-label {
  display: none
}

@media screen and (max-width:39.9375em) {
  .content .dictionary-search-box form .text-label {
    margin-bottom: 1rem
  }
}

.content .dictionary-search-box form .row,
.content .dictionary-search-box form .sidebar .box .row-box,
.sidebar .box .content .dictionary-search-box form .row-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:39.9375em) {

  .content .dictionary-search-box form .row,
  .content .dictionary-search-box form .sidebar .box .row-box,
  .sidebar .box .content .dictionary-search-box form .row-box {
    margin-top: 0;
    margin-bottom: 0
  }

  .content .dictionary-search-box form .row .columns,
  .content .dictionary-search-box form .sidebar .box .row-box .columns,
  .sidebar .box .content .dictionary-search-box form .row-box .columns {
    margin-bottom: 1rem
  }
}

.content .dictionary-search-box form .row label,
.content .dictionary-search-box form .sidebar .box .row-box label,
.sidebar .box .content .dictionary-search-box form .row-box label {
  text-align: right
}

@media screen and (max-width:39.9375em) {

  .content .dictionary-search-box form .row label,
  .content .dictionary-search-box form .sidebar .box .row-box label,
  .sidebar .box .content .dictionary-search-box form .row-box label {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
    font-size: 1rem
  }

  .content .dictionary-search-box form .row input[type="text"],
  .content .dictionary-search-box form .sidebar .box .row-box input[type="text"],
  .sidebar .box .content .dictionary-search-box form .row-box input[type="text"],
  .content .dictionary-search-box form .row select,
  .content .dictionary-search-box form .sidebar .box .row-box select,
  .sidebar .box .content .dictionary-search-box form .row-box select {
    margin-bottom: 1rem
  }

  .content .dictionary-search-box form .button {
    margin: 0 auto .5rem
  }
}

.content .dictionary-search-box .button {
  margin: 0 auto
}

.content .dictionary-search-box label {
  font-weight: bold;
  margin-right: 1rem;
  line-height: normal;
  font-size: .8rem
}

.content .dictionary-search-box .align-center {
  margin-left: .5rem
}

@media screen and (max-width:53.6875em) {
  .content .dictionary-search-box .align-center {
    margin-top: 0;
    margin-left: 0
  }
}

.content .last-added .beam {
  margin-top: 0;
  line-height: inherit;
  background-color: #eff0f0;
  padding: .5rem 1rem;
  font-size: .75rem;
  cursor: default
}

.content .last-added .beam h4 {
  margin: 0;
  padding: 0
}

.content .last-added .beam .sorting {
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right
}

@media screen and (max-width:39.9375em) {
  .content .last-added .beam .sorting {
    text-align: left;
    margin: .5rem 0;
    padding: 0
  }
}

.content .last-added .beam .sorting span {
  margin-left: .2rem
}

.content .last-added .beam .sorting .column,
.content .last-added .beam .sorting .columns {
  border: 0
}

@media screen and (max-width:53.6875em) {

  .content .last-added .beam .sorting .column,
  .content .last-added .beam .sorting .columns {
    margin-bottom: .5rem
  }
}

.content .last-added .beam .sorting i {
  padding: .2rem .5rem;
  color: #024991;
  cursor: pointer
}

.content .last-added .beam .sorting i:hover {
  font-weight: bold
}

.content .last-added .beam .sorting i.active {
  color: #0a0a0a
}

.content .last-added .beam .sorting i.active:hover {
  font-weight: normal
}

.content .last-added .column,
.content .last-added .columns {
  border: 1px solid #eff0f0
}

.content .last-added .category {
  color: #222;
  font-size: .8rem;
  display: inline-block;
  padding: .4rem 0
}

@media screen and (max-width:39.9375em) {
  .content .last-added .category {
    font-size: .9rem;
    padding: .3rem 0
  }
}

.content .last-added .image {
  position: relative;
  min-height: 145px;
  margin-bottom: .5rem
}

.content .last-added .image img {
  width: 100%
}

.content .last-added .image .price {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  font-size: .8rem;
  padding: 0 .5rem;
  color: #fefefe;
  background-color: #024991
}

@media screen and (max-width:39.9375em) {
  .content .last-added .image .price {
    font-size: 1rem
  }
}

.content .last-added h4 span {
  color: #666
}

@media screen and (max-width:39.9375em) {
  .content .last-added h5 a {
    font-size: 1.2rem
  }
}

.content .last-added h5 a:hover {
  color: #024991
}

.content .last-added .date {
  color: #666;
  cursor: default;
  font-size: .7rem;
  margin-bottom: .5rem;
  text-align: right
}

@media screen and (max-width:39.9375em) {
  .content .last-added .date {
    font-size: .9rem
  }
}

.content .last-added.cards .tab-box .tabs {
  border-bottom: 0;
  border: 1px solid #eff0f0
}

.content .last-added.cards .tab-box .tabs li {
  border-right: 1px solid #eff0f0
}

@media screen and (max-width:39.9375em) {
  .content .last-added.cards .tab-box .tabs li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #eff0f0
  }
}

.content .last-added.cards .tab-box .tabs li:last-child {
  border-right: 0
}

@media screen and (max-width:39.9375em) {
  .content .last-added.cards .tab-box .tabs li:last-child {
    border-bottom: 0
  }
}

.content .last-added.cards .tab-box .tabs-content {
  border: 0
}

.content .last-added.cards .tab-box .tabs-content .tabs-panel {
  padding: 0
}

.content .last-added.cards .tab-box .tabs-content .tabs-panel .more {
  margin-right: 0
}

@media screen and (max-width:39.9375em) {
  .content .last-added.cards .tab-box .tabs-content .tabs-panel .more {
    margin-top: .5rem
  }
}

.content .last-added.cards .tab-box .tabs-content .tabs-panel .row .column,
.content .last-added.cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box .column,
.sidebar .box .content .last-added.cards .tab-box .tabs-content .tabs-panel .row-box .column,
.content .last-added.cards .tab-box .tabs-content .tabs-panel .row .columns,
.content .last-added.cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box .columns,
.sidebar .box .content .last-added.cards .tab-box .tabs-content .tabs-panel .row-box .columns {
  padding-left: .5rem;
  padding-right: .5rem
}

.content .last-added.cards .tab-box .tabs-content .tabs-panel .row .column h5 a,
.content .last-added.cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box .column h5 a,
.sidebar .box .content .last-added.cards .tab-box .tabs-content .tabs-panel .row-box .column h5 a,
.content .last-added.cards .tab-box .tabs-content .tabs-panel .row .columns h5 a,
.content .last-added.cards .tab-box .tabs-content .tabs-panel .sidebar .box .row-box .columns h5 a,
.sidebar .box .content .last-added.cards .tab-box .tabs-content .tabs-panel .row-box .columns h5 a {
  word-break: break-all
}

.content .row,
.content .sidebar .box .row-box,
.sidebar .box .content .row-box {
  margin: 1.5rem auto
}

.content .add {
  margin-top: 0
}

@media screen and (max-width:53.6875em) {
  .content .slider-box {
    margin: 0 auto 1rem
  }
}

@media screen and (max-width:39.9375em) {
  .content .slider-box {
    margin-bottom: 0
  }
}

.content .slider-box .loader {
  display: block;
  position: relative;
  width: 100%
}

.content .slider-box .loader .fa-refresh {
  position: absolute;
  font-size: 5rem;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg)
}

.content .slider-box .main-topic {
  display: none;
  overflow: hidden
}

.content .slider-box .main-topic .slick-slide img,
.content .slider-box .main-topic .slick-slide picture {
  width: 100%
}

@media screen and (max-width:53.6875em) {
  .content .slider-box .main-topic .slick-arrow {
    width: 15%
  }
}

@media screen and (max-width:26.25em) {
  .content .slider-box .main-topic .slick-arrow {
    top: 40%
  }
}

.content .slider-box .main-topic .slick-arrow.slick-prev {
  height: 20%;
  width: 10%
}

@media screen and (max-width:89.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 40%
  }
}

@media screen and (max-width:79.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 20%
  }
}

@media screen and (max-width:53.6875em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 30%
  }
}

@media screen and (max-width:39.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    width: 20%
  }
}

@media screen and (max-width:26.25em) {
  .content .slider-box .main-topic .slick-arrow.slick-prev {
    height: 25%;
    width: 15%
  }
}

.content .slider-box .main-topic .slick-arrow.slick-prev:before {
  color: #fefefe;
  content: "\e904"
}

.content .slider-box .main-topic .slick-arrow.slick-next {
  height: 20%;
  width: 10%
}

@media screen and (max-width:89.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 40%
  }
}

@media screen and (max-width:79.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 20%
  }
}

@media screen and (max-width:53.6875em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 30%
  }
}

@media screen and (max-width:39.9375em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    width: 20%
  }
}

@media screen and (max-width:26.25em) {
  .content .slider-box .main-topic .slick-arrow.slick-next {
    height: 25%;
    width: 15%
  }
}

.content .slider-box .main-topic .slick-arrow.slick-next:before {
  color: #fefefe;
  content: "\e905"
}

.content .slider-box .main-topic .slick-arrow:before {
  line-height: normal;
  text-shadow: 0 0 5px #000
}

.content-area {
  margin: 0 auto
}

.content-area .form-section {
  margin: 0 auto
}

.content-area form {
  margin: 0 auto
}

.content-area form h1,
.content-area form h4 {
  border-bottom: 0;
  margin-top: 16px;
  text-align: center;
  margin-top: 0;
  font-size: 24px;
  padding-bottom: 1rem;
  margin-bottom: 0
}

.content-area form .reCaptcha {
  margin-top: 20px
}

.content-area form .reCaptcha label {
  border: 0;
  margin: 0;
  padding: 0
}

.content-area form .small-text {
  font-size: 14px;
  font-weight: 600
}

.content-area form .small-text a {
  font-size: 14px
}

.content-area form label {
  /* margin-top: 1rem; */
}

.content-area form label[for="show-password"],
.content-area form label[for="consent1"],
.content-area form label[for="consent2"] {
  margin-bottom: 0
}

.content-area form label label {
  margin-top: 0
}

.content-area form .note {
  font-size: .8rem;
  color: #666
}

.content-area form .button {
  margin-bottom: 0
}

.content-area form #ecard-wishes {
  height: 18.4rem;
  overflow: auto;
  background-color: #eff0f0;
  border: 1px solid #e8e8e8
}

.content-area form #ecard-wishes .ecard-wishes-text {
  padding: .5rem 1rem .5rem .5rem;
  color: #0a0a0a;
  border-bottom: 1px solid #e8e8e8;
  font-size: .8rem;
  width: 100%;
  cursor: pointer;
  line-height: normal;
  text-align: left
}

.content-area form #ecard-wishes .ecard-wishes-text.active,
.content-area form #ecard-wishes .ecard-wishes-text:hover {
  font-weight: 700
}

.content-area .user-wrapper {
  padding-top: 30px;
  margin-bottom: 40px;
  border-right: 1px solid #dcdcdc
}

@media screen and (max-width:53.6875em) {
  .content-area .user-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 20px;
    margin-bottom: 30px
  }
}

@media screen and (max-width:39.9375em) {
  .content-area .user-wrapper {
    border: 0
  }
}

.content-area .user-wrapper .recaptcha label {
  border: 0;
  margin: 0;
  padding: 0
}

.content-area .user-wrapper h1 {
  margin-bottom: 0;
  padding-bottom: .5rem
}

.content-area .user-wrapper.column,
.content-area .user-wrapper.columns {
  border-right: 1px solid #dcdcdc;
  padding-left: 0;
  padding-right: 0
}

@media screen and (max-width:53.6875em) {

  .content-area .user-wrapper.column,
  .content-area .user-wrapper.columns {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.content-area .user-wrapper .icon-form {
  margin-bottom: 10px;
  text-align: center
}

.content-area .user-wrapper .icon-form img {
  width: 54px
}

.content-area .user-wrapper fieldset {
  padding: 0;
  background-color: transparent
}

.content-area .user-wrapper fieldset:last-child {
  margin-bottom: 0
}

.content-area .user-wrapper .link-box {
  border: 1px solid #f3f3f3;
  background-color: #fbfbfb;
  padding: 20px;
  text-align: left;
  font-size: 16px
}

.content-area .user-wrapper .link-box a {
  color: #024991
}

.content-area .user-wrapper .button-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px auto 30px
}

.content-area .user-wrapper .button-box.align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.content-area .user-wrapper .button-box.align-center .button {
  max-width: 332px
}

.content-area .user-wrapper .button-box .info {
  color: #024991;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: -10px;
  line-height: 19px
}

.content-area .user-wrapper .button-box .consent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  font-size: 14px;
  color: #373a3c
}

.content-area .user-wrapper .button-box .consent+div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0;
  text-align: right
}

.content-area .user-wrapper .button-box .consent label {
  padding: 0 0 0 25px;
  line-height: 19px
}

.content-area .user-wrapper .button-box .button {
  min-width: 160px;
  letter-spacing: .04em;
  line-height: 19px;
  margin-top: 0;
  line-height: normal;
  padding-left: 5px;
  padding-right: 5px;
  max-width: 160px;
  width: 100%;
  background: #fff;
  color: #024991;
  border: 1px solid #024991;
  letter-spacing: .04em;
  line-height: 19px
}

@media screen and (max-width:53.6875em) {
  .content-area .user-wrapper .button-box .button {
    max-width: 160px
  }
}

.content-area .user-wrapper .button-box .button.green,
.content-area.special-report.green .user-wrapper .button-box .single-post .button.gradient,
.content-area.special-report.green .single-post .user-wrapper .button-box .button.gradient,
.content-area.special-report.green .user-wrapper .button-box .top-video .button.gradient,
.content-area.special-report.green .top-video .user-wrapper .button-box .button.gradient {
  border: 2px solid #73d557;
  background-color: #73d557;
  color: #fefefe
}

.content-area .user-wrapper .button-box .button.white {
  background-color: #fefefe;
  border: 2px solid #024991;
  color: #024991
}

.content-area .user-wrapper .button-box .button.inactive {
  cursor: none;
  pointer-events: none;
  opacity: .4
}

.content-area .user-wrapper .button-box .button:hover {
  opacity: .6
}

.content-area .user-wrapper .consent label b {
  width: auto
}

.content-area .user-wrapper .single {
  max-width: 540px;
  margin: 0 auto
}

@media screen and (max-width:53.6875em) {
  .content-area .user-wrapper .single {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.content-area .user-wrapper .single .logo {
  margin-bottom: 20px
}

.content-area .user-wrapper .single .icon-envelope {
  width: 43px;
  margin-bottom: 15px
}

.content-area .user-wrapper .single h1 {
  font-size: 24px;
  margin-bottom: 11px;
  text-align: center;
  font-family: "ModernistBold", Arial, sans-serif;
  line-height: 1.1
}

.content-area .user-wrapper .single h2 {
  color: #626262;
  font-size: 15px;
  margin: 0 auto 70px;
  font-family: "ModernistRegular", Arial, sans-serif;
  text-align: center;
  max-width: 400px;
  line-height: 1.3
}

.content-area .user-wrapper .single h2.pink,
.content-area.special-report .user-wrapper .single .single-post h2.gradient,
.content-area.special-report .single-post .user-wrapper .single h2.gradient,
.content-area.special-report .user-wrapper .single .top-video h2.gradient,
.content-area.special-report .top-video .user-wrapper .single h2.gradient {
  color: #024991;
  font-size: 16px;
  max-width: 400px;
  margin: 0 auto 30px
}

.content-area .user-wrapper .single h2.align-center {
  text-align: center
}

.content-area .user-wrapper .single h2 .pink,
.content-area.special-report .user-wrapper .single h2 .single-post .gradient,
.content-area.special-report .single-post .user-wrapper .single h2 .gradient,
.content-area.special-report .user-wrapper .single h2 .top-video .gradient,
.content-area.special-report .top-video .user-wrapper .single h2 .gradient {
  color: #024991
}

.content-area .user-wrapper .single .consent {
  margin-left: -25px;
  padding-left: 25px;
  margin-bottom: 15px
}

.content-area .user-wrapper .single .consent label {
  font-size: 16px;
  font-weight: 600
}

.content-area .user-wrapper .single .consent input[type="checkbox"]+label:before {
  margin-left: -25px;
  margin-top: 4px
}

.content-area .user-wrapper .single .consent input[type="checkbox"]:checked+label:after {
  margin-left: -25px;
  top: -1px
}

.content-area .user-wrapper .single.small {
  max-width: 400px;
  margin: 150px auto
}

@media screen and (max-width:39.9375em) {
  .content-area .user-wrapper .single.small {
    margin: 100px auto
  }
}

.content-area .user-wrapper .single.small h1 {
  margin-bottom: 10px
}

.content-area .user-wrapper .single.small h2 {
  margin-bottom: 0
}

.content-area .user-wrapper .single.email h2 {
  font-size: 18px
}

.content-area .user-wrapper form {
  max-width: 332px
}

.content-area .user-wrapper form .errorBox label {
  margin-top: 0
}

.content-area .user-wrapper form .errorBox .error,
.content-area .user-wrapper form .errorBox .warning {
  border-bottom: 0;
  padding-bottom: 0;
  margin-top: 0
}

.content-area .user-wrapper form .errorBox .error .error-msg,
.content-area .user-wrapper form .errorBox .warning .error-msg {
  margin: 0;
  padding: 5px;
  background-color: #eee;
  text-align: center
}

.content-area .user-wrapper form .errorBox .error .error-msg li,
.content-area .user-wrapper form .errorBox .warning .error-msg li {
  margin-left: 0
}

.content-area .user-wrapper form .errorBox label {
  border: none;
  padding-bottom: 0
}

.content-area .user-wrapper form .error .error-msg,
.content-area .user-wrapper form .warning .error-msg {
  margin: 0;
  text-align: left
}

.content-area .user-wrapper form .error .error-msg li,
.content-area .user-wrapper form .warning .error-msg li {
  margin-left: 30%;
  font-size: 11px
}

.content-area .user-wrapper .consent-info label {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 0;
  padding-bottom: 0
}

.content-area .user-wrapper .consent {
  position: relative
}

.content-area .user-wrapper .consent label {
  border-bottom: 0;
  padding: 0;
  margin: 0;
  font-size: 14px
}

.content-area .user-wrapper .consent label>span:first-child {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 1px solid #95989a;
  background-color: #fefefe;
  position: absolute;
  left: 0;
  top: 7px;
  -webkit-transition: .25s linear 0s;
  transition: .25s linear 0s
}

.content-area .user-wrapper .consent label>span:first-child:after {
  content: '';
  width: 7px;
  height: 12px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 3px;
  right: 0;
  top: -1px;
  bottom: 0;
  opacity: 0;
  -webkit-transition: .25s linear 0s;
  transition: .25s linear 0s
}

.content-area .user-wrapper .consent label:hover>span:first-child {
  background: #73d557;
  border-color: #73d557
}

.content-area .user-wrapper .consent input[type="checkbox"] {
  position: absolute;
  opacity: 0
}

.content-area .user-wrapper .consent input[type="checkbox"]:checked+label>span:first-child {
  background: #73d557;
  border-color: #73d557
}

.content-area .user-wrapper .consent input[type="checkbox"]:checked+label>span:first-child:after {
  opacity: 1
}

.content-area .user-wrapper .consent input[type="checkbox"]:disabled+label {
  color: #b8b8b8;
  cursor: auto
}

.content-area .user-wrapper .consent input[type="checkbox"]:disabled+label>span:first-child {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ddd;
  border-color: #ddd
}

.content-area .user-wrapper label {
  border-bottom: 1px solid #dcdcdc;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 20px
}

.content-area .user-wrapper label.error {
  border-color: red;
  margin-top: 12px;
  padding-top: 0;
  padding-bottom: 20px
}

.content-area .user-wrapper label.warning {
  border-color: #ff9140;
  padding-top: 0;
  margin-top: 12px;
  padding-bottom: 20px
}

.content-area .user-wrapper label.warning .error-msg {
  list-style: none;
  color: #ff9140
}

.content-area .user-wrapper label input {
  font-size: 14px;
  border: 0;
  width: 70%;
  height: auto;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block
}

.content-area .user-wrapper label input:focus {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

@media screen and (max-width:22.5em) {
  .content-area .user-wrapper label input {
    max-width: 70%
  }
}

.content-area .user-wrapper label input[type="text"] {
  height: auto;
  padding: 0
}

.content-area .user-wrapper label b {
  font-family: "ModernistBold", Arial, sans-serif;
  width: 30%;
  display: inline-block;
  font-size: 16px
}

.content-area .user-wrapper label ::-webkit-input-placeholder {
  color: #cacaca
}

.content-area .user-wrapper label ::-moz-placeholder {
  color: #cacaca
}

.content-area .user-wrapper label :-ms-input-placeholder {
  color: #cacaca
}

.content-area .user-wrapper label ::-ms-input-placeholder {
  color: #cacaca
}

.content-area .user-wrapper label ::placeholder {
  color: #cacaca
}

@-webkit-keyframes autofill {
  to {
    color: #666;
    background: transparent
  }
}

.content-area .user-wrapper label input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both
}

.content-area .user-wrapper .pink,
.content-area.special-report .user-wrapper .single-post .gradient,
.content-area.special-report .single-post .user-wrapper .gradient,
.content-area.special-report .user-wrapper .top-video .gradient,
.content-area.special-report .top-video .user-wrapper .gradient {
  color: #024991
}

.content-area .user-wrapper .align-center {
  text-align: center
}

.content-area .info-box {
  padding-top: 30px
}

@media screen and (max-width:53.6875em) {
  .content-area .info-box {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 10px
  }
}

.content-area .info-box.recommended-info .wrapper .column .desc,
.content-area .info-box.recommended-info .wrapper .columns .desc {
  font-weight: 300
}

.content-area .info-box .long {
  display: block
}

@media screen and (max-width:39.9375em) {
  .content-area .info-box .long {
    display: none
  }
}

.content-area .info-box .long .title img {
  height: 51px;
  width: initial
}

.content-area .info-box .long .flex-box .column h3,
.content-area .info-box .long .flex-box .columns h3 {
  margin: 0 !important;
  padding-bottom: 13px
}

.content-area .info-box .short {
  display: none
}

@media screen and (max-width:39.9375em) {
  .content-area .info-box .short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 332px;
    margin: 0 auto 10px
  }

  .content-area .info-box .short h3 {
    font-size: 24px
  }

  .content-area .info-box .short .desc {
    color: #626262;
    font-size: 15px;
    line-height: 20px
  }

  .content-area .info-box .short .desc span {
    color: #024991
  }

  .content-area .info-box .short img {
    width: 63px;
    margin-right: .5rem
  }

  .content-area .info-box .short .column,
  .content-area .info-box .short .columns {
    padding-left: 0;
    padding-right: 2rem
  }
}

.content-area .info-box .wrapper {
  max-width: 390px;
  margin: 0 auto
}

.content-area .info-box .wrapper .title {
  font-size: 24px;
  margin-bottom: 45px;
  font-family: "LeagueGothic", sans-serif
}

.content-area .info-box .wrapper .flex-box:last-child .column,
.content-area .info-box .wrapper .flex-box:last-child .columns {
  padding-bottom: 0
}

.content-area .info-box .wrapper .column,
.content-area .info-box .wrapper .columns {
  padding: 0 0 30px 20px
}

.content-area .info-box .wrapper .column h3,
.content-area .info-box .wrapper .columns h3 {
  font-size: 21px;
  font-family: "ModernistBold", Arial, sans-serif
}

.content-area .info-box .wrapper .column .desc,
.content-area .info-box .wrapper .columns .desc {
  color: #024991;
  font-size: 16px;
  letter-spacing: .03em;
  font-weight: 400
}

.content-area .register-recommended-box {
  text-align: center;
  border: 1px solid #333;
  position: relative;
  padding: 25px 15px 20px;
  max-width: 840px;
  margin: 40px auto 0
}

.content-area .register-recommended-box .logo-container {
  background: #fff;
  max-width: 225px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5;
  padding: 0 10px;
  height: 33px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.content-area .register-recommended-box .logo-container img {
  max-width: 100%
}

.content-area .register-recommended-box p {
  margin: 0;
  font-size: 16px;
  line-height: 20px
}

.content-area .approval {
  margin: 1rem auto 1.5rem
}

.content-area .approval label {
  margin: 0;
  line-height: normal;
  font-size: .9rem
}

.content-area .approval input {
  margin-top: .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  max-width: 13px
}

.content-area .approval .row,
.content-area .approval .sidebar .box .row-box,
.sidebar .box .content-area .approval .row-box {
  margin: .5rem auto
}

.content-area .register {
  margin: 1rem auto 1.5rem;
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #eff0f0
}

.content-area .register .button {
  background-color: #e8e8e8
}

.content-area .captcha-box {
  border: 1px solid #e8e8e8;
  padding: 1rem;
  clear: both
}

.content-area .captcha-box .captcha-text {
  width: 80%
}

@media screen and (max-width:39.9375em) {
  .content-area .captcha-box .captcha-text {
    width: 100%
  }
}

.content-area .captcha-box .captcha-text h5 {
  margin-bottom: 1rem
}

@media screen and (max-width:39.9375em) {
  .content-area .captcha-box .captcha-text h5 {
    text-align: center
  }
}

.content-area .captcha-box .captcha-text h5 .captcha-label {
  text-decoration: underline;
  color: #024991
}

@media screen and (max-width:39.9375em) {
  .content-area .captcha-box .captcha-text .icons {
    text-align: center
  }
}

.content-area .captcha-box .captcha-text .icons i {
  color: #666;
  font-size: 2.2rem;
  margin-right: 1rem;
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-shadow: 1px 1px 1px #e8e8e8
}

@media screen and (max-width:39.9375em) {
  .content-area .captcha-box .captcha-text .icons i {
    margin: 0 .5rem 1rem
  }
}

.content-area .captcha-box .captcha-field {
  background-color: #e8e8e8;
  margin: 0 auto;
  width: 5rem;
  height: 5rem
}

.content-area .captcha-box .captcha-field.valid {
  background-color: #024991
}

.content-area .captcha-box .captcha-field.wrong {
  background-color: red
}

.content-area .remove-button {
  position: absolute;
  top: -.75rem;
  border-radius: 100%;
  color: #666;
  background-color: #fefefe;
  right: -.75rem;
  font-size: 1.5rem;
  height: 1.5rem;
  width: 1.4rem
}

.content-area .remove-button+label {
  margin-top: 0
}

.content-area .pictures .row,
.content-area .pictures .sidebar .box .row-box,
.sidebar .box .content-area .pictures .row-box {
  margin: 0 auto
}

.content-area .pictures .thumbnail-box {
  padding: 1rem .5rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #eff0f0
}

.content-area .pictures .thumbnail-box fieldset {
  background-color: transparent;
  padding: .5rem
}

.content-area .pictures .thumbnail-box .column,
.content-area .pictures .thumbnail-box .columns {
  margin-bottom: 0
}

.content-area .pictures .thumbnail-box .column:last-child,
.content-area .pictures .thumbnail-box .columns:last-child {
  -ms-flex-item-align: center;
  align-self: center
}

.content-area .pictures .row,
.content-area .pictures .sidebar .box .row-box,
.sidebar .box .content-area .pictures .row-box {
  margin-top: .5rem;
  width: 100%
}

.content-area .pictures .row .button,
.content-area .pictures .sidebar .box .row-box .button,
.sidebar .box .content-area .pictures .row-box .button {
  margin: 0 auto;
  padding: .75rem 1rem
}

.content-area .pictures .row .button.add-button,
.content-area .pictures .sidebar .box .row-box .button.add-button,
.sidebar .box .content-area .pictures .row-box .button.add-button {
  padding-left: .75rem;
  line-height: normal
}

.content-area .pictures .row .button i,
.content-area .pictures .sidebar .box .row-box .button i,
.sidebar .box .content-area .pictures .row-box .button i {
  margin-right: .5rem
}

.content-area .row h3,
.content-area .sidebar .box .row-box h3,
.sidebar .box .content-area .row-box h3,
.content-area .row .title,
.content-area .sidebar .box .row-box .title,
.sidebar .box .content-area .row-box .title {
  width: 100%;
  margin-bottom: .5rem;
  display: block
}

.content-area .row.clear,
.content-area .sidebar .box .clear.row-box,
.sidebar .box .content-area .clear.row-box {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin: 0
}

.content-area .row .register-info,
.content-area .sidebar .box .row-box .register-info,
.sidebar .box .content-area .row-box .register-info {
  -ms-flex-item-align: center;
  align-self: center;
  padding-top: .5rem;
  padding-left: 1rem;
  font-size: .9rem
}

@media screen and (max-width:39.9375em) {

  .content-area .row .register-info,
  .content-area .sidebar .box .row-box .register-info,
  .sidebar .box .content-area .row-box .register-info {
    padding: 0;
    margin: -.5rem 0 1rem
  }
}

.content-area .row .column .button,
.content-area .sidebar .box .row-box .column .button,
.sidebar .box .content-area .row-box .column .button,
.content-area .row .columns .button,
.content-area .sidebar .box .row-box .columns .button,
.sidebar .box .content-area .row-box .columns .button {
  line-height: normal
}

.content-area .row .column .button i,
.content-area .sidebar .box .row-box .column .button i,
.sidebar .box .content-area .row-box .column .button i,
.content-area .row .columns .button i,
.content-area .sidebar .box .row-box .columns .button i,
.sidebar .box .content-area .row-box .columns .button i {
  font-size: .9rem;
  margin-right: .2rem
}

.content-area .row .column .button input,
.content-area .sidebar .box .row-box .column .button input,
.sidebar .box .content-area .row-box .column .button input,
.content-area .row .columns .button input,
.content-area .sidebar .box .row-box .columns .button input,
.sidebar .box .content-area .row-box .columns .button input {
  border: 0;
  padding: 0;
  background-color: transparent
}

.content-area .form-error {
  margin: 0 0 1rem
}

.content-area .row label,
.content-area .sidebar .box .row-box label,
.sidebar .box .content-area .row-box label {
  width: 100%
}

.content-area .row .row.clear,
.content-area .sidebar .box .row-box .row.clear,
.sidebar .box .content-area .row-box .row.clear,
.content-area .row .sidebar .box .clear.row-box,
.sidebar .box .content-area .row .clear.row-box,
.content-area .sidebar .box .row-box .clear.row-box,
.sidebar .box .content-area .row-box .clear.row-box {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin: 0
}

.content-area .row .row.clear input[type="radio"],
.content-area .sidebar .box .row-box .row.clear input[type="radio"],
.sidebar .box .content-area .row-box .row.clear input[type="radio"],
.content-area .row .sidebar .box .clear.row-box input[type="radio"],
.sidebar .box .content-area .row .clear.row-box input[type="radio"],
.content-area .sidebar .box .row-box .clear.row-box input[type="radio"],
.sidebar .box .content-area .row-box .clear.row-box input[type="radio"] {
  margin-right: 0
}

.content-area .row .row.clear input[type="radio"]+label,
.content-area .sidebar .box .row-box .row.clear input[type="radio"]+label,
.sidebar .box .content-area .row-box .row.clear input[type="radio"]+label,
.content-area .row .sidebar .box .clear.row-box input[type="radio"]+label,
.sidebar .box .content-area .row .clear.row-box input[type="radio"]+label,
.content-area .sidebar .box .row-box .clear.row-box input[type="radio"]+label,
.sidebar .box .content-area .row-box .clear.row-box input[type="radio"]+label {
  width: auto
}

@media screen and (max-width:39.9375em) {

  .content-area .row .row.clear,
  .content-area .sidebar .box .row-box .row.clear,
  .sidebar .box .content-area .row-box .row.clear,
  .content-area .row .sidebar .box .clear.row-box,
  .sidebar .box .content-area .row .clear.row-box,
  .content-area .sidebar .box .row-box .clear.row-box,
  .sidebar .box .content-area .row-box .clear.row-box {
    margin-bottom: 1rem
  }
}

.content-area .row.double,
.content-area .sidebar .box .double.row-box,
.sidebar .box .content-area .double.row-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 .5rem .5rem
}

.content-area .row.double>label,
.content-area .sidebar .box .double.row-box>label,
.sidebar .box .content-area .double.row-box>label {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%
}

@media screen and (max-width:39.9375em) {

  .content-area .row.double>label,
  .content-area .sidebar .box .double.row-box>label,
  .sidebar .box .content-area .double.row-box>label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .row.double>label:last-child,
.content-area .sidebar .box .double.row-box>label:last-child,
.sidebar .box .content-area .double.row-box>label:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media screen and (max-width:39.9375em) {

  .content-area .row.double>label:last-child,
  .content-area .sidebar .box .double.row-box>label:last-child,
  .sidebar .box .content-area .double.row-box>label:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .row.double>label.double,
.content-area .sidebar .box .double.row-box>label.double,
.sidebar .box .content-area .double.row-box>label.double {
  margin: 0 !important
}

.content-area .row.triple,
.content-area .sidebar .box .triple.row-box,
.sidebar .box .content-area .triple.row-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto
}

.content-area .row.triple>label,
.content-area .sidebar .box .triple.row-box>label,
.sidebar .box .content-area .triple.row-box>label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%
}

@media screen and (max-width:39.9375em) {

  .content-area .row.triple>label,
  .content-area .sidebar .box .triple.row-box>label,
  .sidebar .box .content-area .triple.row-box>label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.content-area .upload {
  display: block;
  margin-top: 1rem
}

.content-area .upload .pictures .file .file-upload {
  margin-bottom: 0
}

.content-area .upload .file-upload {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  margin: .5rem 0
}

.content-area .upload .file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0)
}

.content-area .upload .file-name {
  display: inline-block;
  position: relative;
  margin-left: .5rem
}

.content-area .upload .file-name i {
  margin-left: .5rem;
  cursor: pointer
}

.content-area fieldset {
  width: 100%;
  padding: 1rem;
  background-color: #eff0f0;
  margin-bottom: 1rem
}

.content-area fieldset.picture,
.content-area fieldset.pictures {
  margin-bottom: 0
}

.content-area fieldset.picture .column,
.content-area fieldset.picture .columns,
.content-area fieldset.pictures .column,
.content-area fieldset.pictures .columns {
  padding: 0
}

.content-area fieldset.picture .thumbnail-box,
.content-area fieldset.pictures .thumbnail-box {
  padding: 0
}

.content-area fieldset.picture .help-text,
.content-area fieldset.pictures .help-text {
  margin-top: 0;
  display: block
}

.content-area fieldset.address {
  border: 1px solid #e8e8e8
}

.content-area fieldset.address .row,
.content-area fieldset.address .sidebar .box .row-box,
.sidebar .box .content-area fieldset.address .row-box {
  margin-top: .5rem
}

.content-area fieldset.addresses {
  font-size: .9rem
}

.content-area fieldset.addresses .add-button {
  margin-left: .5rem
}

.content-area fieldset.addresses .double {
  margin-top: 0
}

.content-area fieldset.add-video {
  font-size: .9rem
}

.content-area fieldset.add-video .add-button {
  margin-left: .5rem
}

.content-area fieldset .button {
  padding: .75rem 1rem
}

.content-area fieldset .button.add-button {
  padding-left: .75rem
}

.content-area fieldset .button i {
  margin-right: .25rem
}

.content-area fieldset .row:first-child,
.content-area fieldset .sidebar .box .row-box:first-child,
.sidebar .box .content-area fieldset .row-box:first-child {
  margin-top: 0
}

.content-area fieldset fieldset {
  padding: 0;
  position: relative
}

.content-area fieldset fieldset:last-child {
  margin-bottom: 0
}

.content-area fieldset fieldset i {
  position: absolute;
  top: -.4rem;
  right: -.4rem;
  cursor: pointer
}

.content-area .button.cancel {
  background-color: transparent;
  font-family: "ModernistRegular", Arial, sans-serif;
  padding: 0;
  border: 0;
  color: #8a8a8a
}

.login-form {
  text-align: left
}

.login-form .button {
  margin: .5rem 0
}

.login-form h1 {
  padding-bottom: 10px
}

.login-form .align-center img {
  max-width: 54px
}

.login-form label {
  margin-top: .5rem
}

.login-form input {
  margin-bottom: 0
}

.login-form a {
  font-size: .8rem
}

.login-form a:hover {
  color: #024991
}

.optionGroup {
  font-weight: bold
}

.pagination {
  margin-top: 1rem;
  margin-left: 0 !important;
  clear: both
}

.pagination li {
  margin: 0 .15rem;
  display: inline-block;
  border: 1px solid #0a0a0a;
  font-family: "ModernistBold", Arial, sans-serif;
  color: #0a0a0a;
  margin-left: .15rem !important;
  min-width: 1.5rem
}

@media screen and (max-width:39.9375em) {
  .pagination li {
    display: none
  }
}

.pagination li a,
.pagination li span {
  padding: .15rem;
  display: block;
  color: #0a0a0a
}

.pagination li.current {
  padding: 0;
  color: #fefefe;
  background-color: #0a0a0a
}

.pagination li.current a,
.pagination li.current span {
  color: #fefefe;
  display: block;
  padding: .15rem 0;
  background-color: #0a0a0a
}

.pagination li.ellipsis {
  border: 0;
  font-size: 1rem;
  margin: 0
}

.pagination li.ellipsis:after {
  padding: .15rem .35rem
}

.pagination .pagination-previous {
  margin: .15rem 0 0;
  margin-left: 0 !important;
  display: inline-block;
  width: auto;
  float: left
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .pagination .pagination-previous {
    display: none
  }
}

@media screen and (max-width:39.9375em) {
  .pagination .pagination-previous {
    font-size: 1rem
  }
}

@media screen and (max-width:26.25em) {
  .pagination .pagination-previous {
    font-size: .9rem
  }
}

.pagination .pagination-previous.disabled {
  border: 1px solid #e8e8e8
}

.pagination .pagination-previous.disabled:before {
  content: '\f053';
  font-weight: bold;
  font-family: "FontAwesome", "IconsFont"
}

.pagination .pagination-previous a {
  padding: .15rem .5rem
}

.pagination .pagination-previous a:before {
  content: '\f053';
  color: #666;
  font-weight: bold;
  font-family: "FontAwesome", "IconsFont"
}

.pagination .pagination-next {
  margin: .15rem 0 0;
  display: inline-block;
  width: auto;
  float: right
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .pagination .pagination-next {
    display: none
  }
}

@media screen and (max-width:39.9375em) {
  .pagination .pagination-next {
    font-size: 1rem
  }
}

@media screen and (max-width:26.25em) {
  .pagination .pagination-next {
    font-size: .9rem
  }
}

.pagination .pagination-next.disabled {
  border: 1px solid #e8e8e8
}

.pagination .pagination-next.disabled:after {
  content: '\f054';
  font-weight: bold;
  font-family: "FontAwesome", "IconsFont"
}

.pagination .pagination-next a {
  padding: .15rem .5rem
}

.pagination .pagination-next a:after {
  content: '\f054';
  color: #666;
  font-weight: bold;
  font-family: "FontAwesome", "IconsFont"
}

.pagination .disabled {
  color: #e8e8e8;
  cursor: default
}

.sidebar {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:63.9375em) {
  .sidebar {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
  .sidebar {
    margin-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.sidebar a {
  color: #222
}

.sidebar .box {
  margin: .5rem auto 2rem;
  text-align: center;
  clear: both;
  padding: 0
}

@media screen and (min-width:40em) and (max-width:53.6875em) {
  .sidebar .box {
    clear: none;
    margin: 1rem 0
  }
}

@media screen and (max-width:63.9375em) {
  .sidebar .box {
    padding: 0 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media screen and (max-width:39.9375em) {
  .sidebar .box {
    padding: 0 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.sidebar .box .tabs {
  border: 0
}

.sidebar .box .tabs .tabs-title {
  width: 50%
}

.sidebar .box .tabs .tabs-title a {
  padding: 0;
  background-color: #fefefe
}

.sidebar .box .tabs .tabs-title a .title {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: .75rem;
  color: #e8e8e8
}

.sidebar .box .tabs .tabs-title.is-active a .title {
  color: #024991;
  border-bottom: 2px solid #024991
}

.sidebar .box .tabs-content {
  border: 0;
  background: #fefefe
}

.sidebar .box .tabs-content .tabs-panel {
  padding: 0;
  text-align: left
}

.sidebar .box .title {
  text-align: left;
  color: #024991;
  margin-bottom: 1rem;
  font-size: 1rem
}

@media screen and (max-width:53.6875em) {
  .sidebar .box .title {
    text-align: left;
    padding: 0
  }
}

.sidebar .box .text-box {
  font-size: .9rem;
  text-align: left
}

@media screen and (max-width:39.9375em) {
  .sidebar .box .text-box {
    font-size: 1rem
  }
}

.sidebar .box .text-box h5 {
  font-size: .85rem;
  margin-bottom: .5rem;
  color: #222
}

@media screen and (max-width:39.9375em) {
  .sidebar .box .text-box h5 {
    font-size: 1rem
  }
}

.sidebar .box .text-box h5 a:hover,
.sidebar .box .text-box h5 a:focus {
  color: #024991
}

.sidebar .box .row-box {
  margin-bottom: .5rem
}

.sidebar .box .row-box .left-side {
  height: 90px
}

.sidebar .box .row-box .text-box {
  padding-left: .5rem;
  padding-right: 0
}

@media screen and (max-width:63.9375em) {
  .sidebar .box .row-box .text-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%
  }
}

@media screen and (max-width:39.9375em) {
  .sidebar .box .row-box .text-box {
    word-break: break-word
  }
}

.sidebar .box .row-box .text-box h5 {
  margin-bottom: 0
}

@media screen and (max-width:39.9375em) {
  .sidebar .box .row-box .text-box h5 {
    font-size: .9rem
  }
}

.sidebar .box .row-box .tags a {
  color: #024991;
  font-size: .7rem
}

.sidebar .box.wide .text-box {
  padding: 0
}

.sidebar .box.wide img {
  margin-bottom: .5rem
}

.sidebar .box .zalando-placeholder {
  text-align: left
}

.sidebar .box .interest .text-box h5 {
  margin-bottom: 0
}

@media screen and (max-width:63.9375em) {
  .sidebar .plista_widget_sidebar .plistaAllOuter {
    padding: 0 1rem
  }
}

.sidebar .interest .text-box {
  font-family: "ModernistRegular", Arial, sans-serif;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: .5rem;
  padding-bottom: .5rem
}

.sidebar .interest .text-box p {
  margin-bottom: 0
}

.sidebar .interest .text-box:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.sidebar .interest.cards .more {
  color: #024991;
  clear: both;
  float: right;
  display: inline-block;
  margin-bottom: 1rem;
  font-size: .8rem
}

.sidebar .interest.forum .text-box {
  margin-bottom: .5rem
}

.sidebar .interest.forum .text-box h5 {
  margin-bottom: 0;
  font-weight: 400;
  font-family: "ModernistRegular", Arial, sans-serif
}

.sidebar .interest.forum .text-box .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .8rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.sidebar .interest.forum .text-box .details a {
  font-weight: 700
}

.sidebar .interest.forum .text-box .details a:hover {
  color: #024991
}

.sidebar .interest.forum .text-box .details span {
  color: #8a8a8a;
  font-size: .7rem
}

.sidebar .title {
  text-align: left;
  color: #024991
}

.sidebar .title a {
  color: #024991
}

.sidebar .stories {
  counter-reset: item;
  text-align: left
}

.sidebar .stories .text-box {
  display: table;
  border-bottom: 1px solid #e8e8e8;
  margin: 1rem 0 0;
  padding-bottom: 1rem;
  max-width: 300px
}

@media screen and (max-width:53.6875em) {
  .sidebar .stories .text-box {
    max-width: 100%
  }
}

.sidebar .stories .text-box .counter {
  counter-increment: item;
  vertical-align: top;
  display: table-cell;
  text-align: center;
  cursor: default
}

.sidebar .stories .text-box .counter:before {
  height: 45px;
  min-width: 45px;
  line-height: normal;
  font-size: 1rem;
  background: #024991;
  color: #fefefe;
  content: counter(item);
  border: 1px solid #024991;
  border-radius: 100%;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 1rem 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sidebar .stories .text-box h5 {
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.sidebar .panel .button {
  margin-bottom: 1rem;
  width: 100%;
  color: #fefefe
}

.sidebar .box {
  margin-bottom: 1rem
}

.sidebar .box .list a {
  font-size: 1rem
}

.sidebar .box .list a:hover {
  color: #024991
}

.sidebar .box .list ul {
  margin-bottom: 0
}

.sidebar .box .list .more {
  text-align: right;
  margin-top: .5rem
}

.sidebar .box .list .more .link {
  font-size: .85rem;
  color: #024991
}

.sidebar .box .list .more .link i {
  margin-right: .5rem
}

.sidebar .box .list.new-items ul {
  margin-left: 0
}

.sidebar .box .list.new-items ul li {
  list-style: none;
  border-bottom: 1px solid #e8e8e8;
  clear: both;
  padding-bottom: .2rem
}

.sidebar .box .list.new-items ul li a {
  font-size: .9rem
}

.sidebar .box .list.new-items ul li .price {
  margin-top: .2rem;
  float: right;
  color: #666;
  font-size: .8rem
}

.sidebar .box .recommended {
  margin-bottom: 1rem
}

.sidebar .box .recommended .slider-premium .slick-slide img,
.sidebar .box .recommended .slider-premium .slick-slide picture {
  display: inline-block
}

.sidebar .box .recommended .slider-premium .slick-slide .image {
  float: left;
  margin-right: .5rem
}

@media screen and (max-width:39.9375em) {
  .sidebar .box .recommended .slider-premium .slick-slide .image {
    margin-right: 1rem
  }
}

.sidebar .box .recommended .slider-premium .slick-arrow {
  height: 100%;
  width: 1.5rem;
  background-color: rgba(254, 254, 254, .9)
}

.sidebar .box .recommended .slider-premium .text {
  font-size: .8rem;
  display: block;
  line-height: normal
}

@media screen and (max-width:39.9375em) {
  .sidebar .box .recommended .slider-premium .text {
    font-size: 1rem
  }
}

.sidebar .box .chosen .company {
  font-size: .8rem;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
  border-bottom: 1px solid #e8e8e8
}

.sidebar .box .chosen .company .image {
  display: block;
  margin-bottom: .2rem
}

.sidebar .box .chosen .company a.title {
  display: block;
  font-size: .85rem;
  color: #0a0a0a;
  line-height: normal;
  margin-bottom: .5rem
}

.sidebar .box .chosen .company ul {
  margin: .2rem 0 0 1rem
}

.sidebar .box .list,
.sidebar .box .recommended,
.sidebar .box .chosen {
  text-align: left
}

.sidebar .box .list h5,
.sidebar .box .recommended h5,
.sidebar .box .chosen h5 {
  text-align: left
}

.sidebar .box .row-container .row-box {
  margin: .5rem auto !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.left-sidebar {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

@media screen and (min-width:64em) {
  .left-sidebar {
    max-width: 360px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
  }
}

.popular {
  background-color: #fefefe;
  clear: both;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0 0 1rem
}

@media screen and (max-width:53.6875em) {
  .popular {
    margin-bottom: 2rem
  }
}

.popular a {
  color: #222
}

.popular a:focus,
.popular a:hover {
  color: #024991
}

.popular .columns {
  padding: 0;
  border-left: 1px solid #e8e8e8;
  padding-bottom: 1rem;
  position: relative
}

.popular .columns:last-child {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8
}

.popular .columns .text-box {
  font-family: "ModernistRegular", Arial, sans-serif;
  padding: 0 .5rem;
  text-align: center
}

.popular h6 {
  margin-bottom: 0;
  font-family: "LeagueGothic", sans-serif;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  padding: .5rem;
  color: #024991
}

.popular h6 a {
  color: #024991
}

.popular h5 {
  padding: 0;
  color: #222;
  margin-bottom: 0;
  text-align: center;
  font-size: 1rem
}

.popular h5.title {
  font-size: 1.4rem;
  padding-top: 1rem;
  margin-bottom: 1rem
}

@media screen and (max-width:53.6875em) {
  .popular h5.title {
    padding: 0 2rem
  }
}

@media screen and (max-width:39.9375em) {
  .popular h5.title {
    font-size: 1.2rem
  }
}

.popular h5 a {
  color: #222
}

.popular h5 a:focus,
.popular h5 a:hover {
  color: #024991
}

@media screen and (max-width:39.9375em) {
  .titles {
    background-color: #eff0f0
  }
}

.titles .large-box {
  text-align: center
}

@media screen and (max-width:53.6875em) {
  .titles .large-box {
    display: none
  }
}

.titles .large-box .more {
  background-color: #fefefe
}

.titles .large-box .more img {
  max-height: 220px;
  width: 100%
}

.galleries {
  background-color: #eff0f0;
  text-align: center
}

.galleries .large-box {
  position: relative;
  padding-bottom: 0
}

@media screen and (max-width:39.9375em) {
  .galleries .large-box {
    border: 0
  }
}

.galleries .large-box img {
  width: 100%
}

.galleries .large-box .inner-box {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  color: #fefefe;
  text-align: center;
  padding: 0
}

.galleries .large-box .inner-box h6 {
  text-transform: uppercase;
  color: #024991;
  font-size: 1rem
}

.galleries .large-box .inner-box h5 {
  font-size: 1.2rem;
  color: #fefefe
}

@media screen and (max-width:26.25em) {
  .galleries .large-box .inner-box h5 {
    font-size: 1rem
  }
}

.galleries .large-box .inner-box h5 a {
  color: #fefefe
}

.galleries .large-box .inner-box h5 a:hover,
.galleries .large-box .inner-box h5 a:focus {
  text-decoration: underline
}

.galleries .large-box .inner-box .text-box {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: initial;
  color: #fefefe;
  padding: 1rem
}

@media screen and (max-width:53.6875em) {
  .galleries .large-box .inner-box .text-box {
    padding: .5rem 1rem
  }
}

.galleries .large-box .inner-box .icon-gallery {
  position: relative;
  top: 40%
}

@media screen and (max-width:39.9375em) {
  .galleries .large-box .inner-box .icon-gallery {
    top: 45%;
    font-size: 4rem
  }
}

@media screen and (max-width:30em) {
  .galleries .large-box .inner-box .icon-gallery {
    top: 40%
  }
}

@media screen and (max-width:26.25em) {
  .galleries .large-box .inner-box .icon-gallery {
    font-size: 3.5rem;
    top: 30%
  }
}

.galleries .large-box .inner-box .icon-gallery .number {
  font-size: 1.3rem;
  left: 1.3rem;
  top: 35%;
  margin-left: 0
}

@media screen and (max-width:53.6875em) {
  .galleries .large-box .inner-box .icon-gallery .number {
    font-size: 1.2rem;
    top: 25%
  }

  .galleries .large-box .inner-box .icon-gallery .number {
    font-size: 1.3rem;
    top: 35%
  }

  .galleries .small-box {
    border: 0;
    padding-bottom: .8rem
  }
}

.galleries .small-box img {
  width: 100%
}

@media screen and (max-width:53.6875em) {
  .galleries .small-box:last-child {
    border-right: 0;
    margin-left: -1px
  }
}

.galleries .inner-box {
  text-align: center
}

.galleries .inner-box h6 {
  color: #024991;
  padding-top: .5rem
}

.galleries .inner-box .text-box {
  font-size: 1.2rem;
  line-height: normal
}

.galleries .icon-gallery {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0
}

@media screen and (max-width:39.9375em) {
  .galleries .icon-gallery {
    top: 25%;
    font-size: 2.5rem
  }
}

@media screen and (max-width:26.25em) {
  .galleries .icon-gallery {
    top: 15%
  }
}

.galleries .icon-gallery .number {
  position: absolute;
  left: 0;
  right: 0;
  top: 38%;
  margin-left: .6rem;
  font-size: .8rem;
  font-family: "ModernistBold", Arial, sans-serif;
  color: #222
}

@media screen and (max-width:39.9375em) {
  .galleries .icon-gallery .number {
    top: 40%;
    font-size: .9rem
  }
}

.videos {
  text-align: center
}

.videos .columns {
  padding: 0;
  border: 0
}

.videos .columns.large-box .inner-box {
  text-align: center
}

.videos .columns.large-box .inner-box .text-box {
  padding: 1rem
}

@media screen and (max-width:53.6875em) {
  .videos .columns.large-box .inner-box .text-box {
    padding: .5rem
  }
}

.videos .columns.large-box .inner-box .text-box h5 {
  font-size: 1.2rem;
  color: #fefefe;
  margin: 0
}

@media screen and (max-width:53.6875em) {
  .videos .columns.large-box .inner-box .text-box h5 {
    font-size: 1rem
  }
}

.videos .columns.large-box .inner-box .icon-play-circle {
  top: 30%
}

.videos .columns.small-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:39.9375em) {
  .videos .columns.small-boxes:last-child {
    border-left: 0;
    border-right: 0
  }
}

@media screen and (max-width:26.25em) {
  .videos .columns.small-boxes .small-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%
  }
}

.videos .columns.small-boxes .small-box:last-child {
  border-left: 0;
  border-right: 0
}

@media screen and (max-width:39.9375em) {
  .videos .columns.small-boxes .small-box:last-child {
    border-left: 1px solid #e8e8e8
  }
}

.videos .columns .inner-box {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  text-align: center;
  padding: 0
}

.videos .columns .inner-box .text-box {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: initial;
  color: #fefefe;
  line-height: normal;
  padding: .5rem 1rem
}

.videos .columns .inner-box .text-box h5 {
  font-size: 1rem;
  color: #fefefe;
  margin: 0
}

@media screen and (max-width:53.6875em) {
  .videos .columns .inner-box .text-box h5 {
    font-size: .9rem
  }
}

@media screen and (max-width:26.25em) {
  .videos .columns .inner-box .text-box h5 {
    font-size: 1.1rem
  }
}

.videos .columns .inner-box .icon-play-circle {
  position: absolute;
  left: 0;
  right: 0;
  top: 25%
}

@media screen and (max-width:53.6875em) {
  .videos .columns .inner-box .icon-play-circle {
    top: 20%
  }
}

@media screen and (max-width:39.9375em) {
  .videos .columns .inner-box .icon-play-circle {
    top: 25%
  }
}

@media screen and (max-width:26.25em) {
  .videos .columns .inner-box .icon-play-circle.large {
    font-size: 3rem
  }
}

.share-box,
.recommended-page .sneak-peak .info .review {
  margin-bottom: 1rem;
  padding-left: 0;
  color: #8a8a8a;
  font-family: "ModernistRegular", Arial, sans-serif
}

.share-box .share-count,
.recommended-page .sneak-peak .info .review .share-count {
  font-size: .9rem;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:26.25em) {

  .share-box .share-count,
  .recommended-page .sneak-peak .info .review .share-count {
    display: block;
    margin-top: .5rem
  }
}

.share-box .share-count ul,
.recommended-page .sneak-peak .info .review .share-count ul {
  list-style: none;
  margin-left: 0
}

.share-box .share-count ul.actions,
.recommended-page .sneak-peak .info .review .share-count ul.actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media screen and (max-width:26.25em) {

  .share-box .share-count ul.actions,
  .recommended-page .sneak-peak .info .review .share-count ul.actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1rem
  }
}

.share-box .share-count ul.actions li,
.recommended-page .sneak-peak .info .review .share-count ul.actions li {
  margin-left: 0
}

.share-box .share-count ul.actions .comments-count,
.recommended-page .sneak-peak .info .review .share-count ul.actions .comments-count {
  font-size: .9rem
}

.share-box .share-count ul.actions .badge,
.recommended-page .sneak-peak .info .review .share-count ul.actions .badge {
  background-color: #e8e8e8;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  cursor: pointer;
  margin-right: .5rem;
  margin-left: .6rem;
  font-size: 1rem;
  line-height: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem
}

.share-box .share-count ul.actions .badge.fa-facebook,
.recommended-page .sneak-peak .info .review .share-count ul.actions .badge.fa-facebook {
  background-color: #3a5795;
  margin-left: 0
}

.share-box .share-count ul.actions .badge.fa-google-plus,
.recommended-page .sneak-peak .info .review .share-count ul.actions .badge.fa-google-plus {
  background-color: #db4437
}

.share-box .share-count ul.actions .fa-star,
.recommended-page .sneak-peak .info .review .share-count ul.actions .fa-star {
  font-size: 2rem;
  color: #ffa500;
  margin-right: .5rem;
  margin-left: .6rem
}

.share-box .share-count ul.actions span,
.recommended-page .sneak-peak .info .review .share-count ul.actions span {
  color: #0a0a0a
}

.share-box .share-count ul.rating,
.recommended-page .sneak-peak .info .review .share-count ul.rating {
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:26.25em) {

  .share-box .share-count ul.rating,
  .recommended-page .sneak-peak .info .review .share-count ul.rating {
    margin-top: 1rem
  }
}

.share-box .share-count ul.rating li,
.recommended-page .sneak-peak .info .review .share-count ul.rating li {
  margin-right: .5rem
}

.share-box .share-count ul.rating li .rating-star,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star {
  unicode-bidi: bidi-override;
  min-width: 100px;
  direction: rtl;
  margin: 0
}

@media screen and (max-width:53.6875em) {

  .share-box .share-count ul.rating li .rating-star,
  .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star {
    margin: .8rem 0 .8rem
  }
}

@media screen and (max-width:26.25em) {

  .share-box .share-count ul.rating li .rating-star,
  .recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star {
    margin: 0
  }
}

.share-box .share-count ul.rating li .rating-star.voted,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star.voted {
  pointer-events: none
}

.share-box .share-count ul.rating li .rating-star>span,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>span {
  display: inline-block;
  position: relative;
  font-size: 1.2rem
}

.share-box .share-count ul.rating li .rating-star>*:hover,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover,
.share-box .share-count ul.rating li .rating-star>*:hover~span,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover~span,
.share-box .share-count ul.rating li .rating-star:not(:hover)>input:checked~span,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span {
  color: transparent
}

.share-box .share-count ul.rating li .rating-star>*:hover:before,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover:before,
.share-box .share-count ul.rating li .rating-star>*:hover~span:before,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>*:hover~span:before,
.share-box .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before {
  content: "\f005";
  position: absolute;
  font-family: "FontAwesome", "IconsFont";
  left: 0;
  bottom: -1.25px;
  color: #ffa500
}

.share-box .share-count ul.rating li .rating-star>input,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-star>input {
  margin-left: -1.5em;
  width: 1.5em;
  cursor: pointer;
  position: relative;
  z-index: 2;
  opacity: 0
}

.share-box .share-count ul.rating li .rating-number,
.recommended-page .sneak-peak .info .review .share-count ul.rating li .rating-number {
  color: #0a0a0a
}

.share-box .share-count ul.rating li:last-child,
.recommended-page .sneak-peak .info .review .share-count ul.rating li:last-child {
  margin-right: 0
}

.footer {
  margin: 0 auto;
  padding-top: 1rem;
  overflow: auto;
  clear: both;
  background-color: #fefefe
}

.footer .separator {
  color: #0a0a0a
}

.footer .row,
.footer .sidebar .box .row-box,
.sidebar .box .footer .row-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer .logo {
  margin: 0 auto 2rem
}

.footer .logo img {
  width: 270px
}

.footer .icons {
  margin: 0 auto 2rem;
  line-height: 3rem
}

.footer .icons i {
  margin: 0 .5rem;
  max-width: 2.5rem;
  padding: .7rem 0;
  height: 2.5rem;
  width: 2.5rem
}

.footer .icons i:hover {
  background-color: #e8e8e8;
  color: #0a0a0a
}

.footer .icons i.fa-user,
.footer .icons i.fa-comment {
  background-color: #e8e8e8;
  color: #0a0a0a
}

.footer .icons i.fa-user:hover,
.footer .icons i.fa-comment:hover {
  background-color: #0a0a0a;
  color: #fefefe
}

.footer .site-map {
  margin: 0 auto 1rem
}

.footer .site-map .menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer .site-map .menu a {
  color: #024991;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: .04rem;
  font-family: "LeagueGothic", sans-serif
}

.footer .bottom-links {
  margin: 1rem 0 2rem
}

@media screen and (max-width:53.6875em) {
  .footer .bottom-links {
    margin-top: 0;
    display: none;
  }
}

.footer .bottom-links .row,
.footer .bottom-links .sidebar .box .row-box,
.sidebar .box .footer .bottom-links .row-box {
  display: table;
  width: 100%;
  padding: .5rem 0;
  border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width:39.9375em) {

  .footer .bottom-links .row,
  .footer .bottom-links .sidebar .box .row-box,
  .sidebar .box .footer .bottom-links .row-box {
    padding: .5rem
  }
}

.footer .bottom-links .row:first-child,
.footer .bottom-links .sidebar .box .row-box:first-child,
.sidebar .box .footer .bottom-links .row-box:first-child {
  border-top: 1px solid #e8e8e8
}

.footer .bottom-links .row .main-cat,
.footer .bottom-links .sidebar .box .row-box .main-cat,
.sidebar .box .footer .bottom-links .row-box .main-cat {
  display: table-cell;
  line-height: inherit;
  text-align: right;
  width: 10rem;
  font-size: 1rem;
  text-transform: uppercase;
  padding-right: 2rem;
  letter-spacing: .04rem;
  font-family: "LeagueGothic", sans-serif;
  font-weight: 400;
  vertical-align: middle;
  color: #024991
}

@media screen and (max-width:53.6875em) {

  .footer .bottom-links .row .main-cat,
  .footer .bottom-links .sidebar .box .row-box .main-cat,
  .sidebar .box .footer .bottom-links .row-box .main-cat {
    width: 8rem
  }
}

@media screen and (max-width:39.9375em) {

  .footer .bottom-links .row .main-cat,
  .footer .bottom-links .sidebar .box .row-box .main-cat,
  .sidebar .box .footer .bottom-links .row-box .main-cat {
    display: table-row;
    min-width: inherit;
    text-align: center;
    margin-bottom: .5rem;
    font-size: 1.2rem
  }
}

.footer .bottom-links .row .main-cat a,
.footer .bottom-links .sidebar .box .row-box .main-cat a,
.sidebar .box .footer .bottom-links .row-box .main-cat a {
  color: #024991
}

.footer .bottom-links .row .sub-cats,
.footer .bottom-links .sidebar .box .row-box .sub-cats,
.sidebar .box .footer .bottom-links .row-box .sub-cats {
  display: table-cell;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: .8rem;
  line-height: 2;
  padding: .2rem .5rem 0
}

@media screen and (max-width:39.9375em) {

  .footer .bottom-links .row .sub-cats,
  .footer .bottom-links .sidebar .box .row-box .sub-cats,
  .sidebar .box .footer .bottom-links .row-box .sub-cats {
    display: table-row;
    text-align: center;
    font-size: .85rem;
    padding: 0 1rem
  }
}

.footer .bottom-links .row .sub-cats a,
.footer .bottom-links .sidebar .box .row-box .sub-cats a,
.sidebar .box .footer .bottom-links .row-box .sub-cats a {
  margin-left: .5rem;
  white-space: nowrap
}

.footer .bottom-links .row .sub-cats a:hover,
.footer .bottom-links .sidebar .box .row-box .sub-cats a:hover,
.sidebar .box .footer .bottom-links .row-box .sub-cats a:hover,
.footer .bottom-links .row .sub-cats a:focus,
.footer .bottom-links .sidebar .box .row-box .sub-cats a:focus,
.sidebar .box .footer .bottom-links .row-box .sub-cats a:focus {
  color: #024991
}

.footer .bottom-links .row.last .main-cat a,
.footer .bottom-links .sidebar .box .last.row-box .main-cat a,
.sidebar .box .footer .bottom-links .last.row-box .main-cat a {
  pointer-events: none;
  cursor: default
}

.footer .copyright {
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #999;
  background-color: #0a0a0a;
  padding: 1rem;
  font-size: .7rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 1rem .5rem
}

.calculatorLayer .silent {
  margin: 0 auto
}

.calculatorLayer .box_title {
  padding: 0 .5rem
}

.calculatorLayer #calc_result {
  display: block;
  overflow-x: overlay;
  margin-bottom: 1rem;
  margin-top: 1.5rem
}

.calculatorLayer #calc_result .results .header {
  display: table-row
}

.calculatorLayer #calc_result .results .header td {
  font-weight: bold;
  font-size: .9rem
}

.calculatorLayer #calc_result>center>div {
  border: 0 !important
}

.calculatorLayer td.tableLabel {
  text-align: right;
  font-weight: bold
}

.calculatorLayer td.tableRadio {
  text-align: center;
  padding-right: 0
}

.calculatorLayer td .tableInput {
  text-align: right;
  margin-bottom: 0;
  width: 100px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #eff0f0
}

.calculatorLayer td .tableRadio {
  margin-bottom: 0
}

.calculatorLayer td.checkbox {
  width: 20px;
  text-align: center;
  padding-right: 0
}

.calculatorLayer td table {
  margin-bottom: 0
}

.calculatorLayer td table tr {
  border: 0
}

.calculatorLayer td table tr td:first-child {
  width: 240px
}

.calculatorLayer .button {
  margin: 0 auto;
  display: block
}

.calculatorLayer .fertile-days td {
  text-align: center;
  border: 1px solid #fefefe;
  vertical-align: middle
}

.calculatorLayer .fertile-days td.infertile {
  background-color: #ffb4d9
}

.calculatorLayer .fertile-days td.fertile {
  background-color: #024991;
  font-weight: bold
}

.calculatorLayer input.singleInput {
  display: inline-block;
  text-align: right;
  margin-right: 5px
}

.calculatorLayer input.singleInput.small {
  width: 55px
}

.calculatorLayer input.singleInput.medium {
  width: 70px
}

.calculatorLayer input.singleInput.longer {
  width: 200px !important
}

.calculatorLayer input#countBtn {
  width: auto
}

.calculatorLayer input.button {
  width: initial !important
}

@media screen and (max-width:28.75em) {
  .calculatorLayer input.singleInput+select {
    margin-top: 10px
  }
}

.calculatorLayer select.large {
  width: 120px
}

.calculatorLayer select.medium {
  width: 76px
}

.calculatorLayer select.small {
  width: 40px
}

@media screen and (max-width:28.75em) {
  .calculatorLayer select.mobile {
    margin-top: 10px
  }
}

.calculatorLayer tr.last {
  border-bottom: 0
}

.calculatorLayer tr.borderless {
  border: 0
}

.calculatorLayer tr.head td {
  font-weight: bold
}

@media screen and (max-width:33.75em) {
  .calculatorLayer table#kalkulator tbody td {
    text-align: center;
    display: block
  }

  .calculatorLayer table#kalkulator tbody td table tr td:first-child {
    width: 100%
  }

  .calculatorLayer table#kalkulator tbody .head {
    display: none
  }

  .calculatorLayer table#kalkulator tbody .singleInput.longer {
    width: 100% !important
  }
}

.jqplot-point-label {
  font-size: .9rem;
  padding: 0;
  background-color: transparent
}

@media screen and (max-width:79.9375em) {
  .calcPage {
    padding: 0 1rem
  }
}

@media print {

  html,
  body {
    height: auto;
    page-break-after: always;
    overflow-y: visible !important
  }

  .ad_after_content,
  .add,
  .button,
  .commentForm,
  .comments,
  .comments,
  .comments-box,
  #cookie-disclaimer,
  .footer,
  .header,
  .navigation-list,
  .off-canvas,
  .recepie-buttons,
  .recipe .more,
  .refashionLayer,
  .sidebar,
  .tags,
  .video-player,
  .share-box,
  .recommended-page .sneak-peak .info .review,
  .video-player,
  .autopromo-box {
    display: none
  }

  .share-count .rating.rate {
    display: none
  }

  .recipe-text {
    overflow: visible !important;
    float: none !important;
    display: block !important
  }

  .content-header,
  .title-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    border-bottom: 0
  }

  .ad_spec_content,
  .content {
    overflow: visible !important;
    float: none !important;
    display: block !important
  }

  .container {
    padding: 20px;
    overflow: visible !important;
    float: none !important;
    display: block !important;
    margin: 0 auto
  }

  .content-area {
    overflow: visible !important;
    float: none !important;
    display: block !important
  }

  a[href]:after {
    content: none !important
  }

  a {
    text-decoration: none !important
  }
}

table.planszaDiag {
  border-collapse: separate;
  border-spacing: 10px 0;
  display: block;
  overflow-x: overlay;
  border: 0
}

table.planszaDiag td {
  border: 1px solid #5fc2e2;
  background: #c9e2ff;
  -moz-border-radius: 5px
}

table.planszaDiag td.header {
  border: 1px solid #217ec1;
  background: #217ec1;
  display: table-cell;
  font-weight: bold;
  text-align: center;
  color: #fefefe;
  padding: 0;
  width: auto;
  position: static;
  min-height: inherit
}

table.planszaDiag td.arrow {
  text-align: center;
  vertical-align: middle;
  border: 0;
  background: #fefefe;
  padding: 0
}

table.planszaDiag td.arrow img {
  margin: 0;
  padding: 0;
  width: auto !important
}

table.planszaDiag td.empty {
  border: 0;
  background: #fff
}

.healthNotice {
  display: block;
  background-color: #eff0f0;
  font-size: .9rem;
  padding: 1rem
}

.healthNotice b {
  color: red
}

.notice {
  display: block;
  background-color: #eff0f0;
  font-size: .9rem;
  padding: 1rem
}

.notice b {
  color: #024991
}

.definicja,
.przyklad,
.wazne,
.twierdzenie {
  padding: 0 .5rem .5rem;
  text-align: justify;
  margin-bottom: 1rem;
  display: block
}

.definicja:before,
.przyklad:before,
.wazne:before,
.twierdzenie:before {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgaWQ9InN2ZzMzMzkiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgc29kaXBvZGk6ZG9jbmFtZT0ibGluZS5zdmciIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTYwcHgiIGhlaWdodD0iNC44cHgiDQoJIHZpZXdCb3g9IjU0Ljg1NyAyNDUuMzE4IDE2MCA0LjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNTQuODU3IDI0NS4zMTggMTYwIDQuOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c29kaXBvZGk6bmFtZWR2aWV3ICBpZD0iYmFzZSIgaW5rc2NhcGU6d2luZG93LXg9Ii04IiBzaG93Z3JpZD0iZmFsc2UiIGJvcmRlcm9wYWNpdHk9IjEuMCIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiIGlua3NjYXBlOmN5PSI1MjAiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIgaW5rc2NhcGU6Y3g9Ii04My41NzE0MjkiIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjgzNyIgaW5rc2NhcGU6em9vbT0iMC4zNSIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjAwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIj4NCgk8L3NvZGlwb2RpOm5hbWVkdmlldz4NCjxnIGlkPSJsYXllcjEiIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIj4NCgk8cmVjdCBpZD0icmVjdDMzNDciIHg9IjU0Ljg1NyIgeT0iMjQ1LjMxOCIgd2lkdGg9IjE2MCIgaGVpZ2h0PSI0LjgiLz4NCjwvZz4NCjwvc3ZnPg0K);
  display: block
}

.b_white {
  text-align: left;
  color: #666;
  font-size: 1rem;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #e8e8e8
}

.newListArt {
  clear: both;
  margin: .5rem 0;
  padding: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8
}

.newListArt a {
  padding-left: .5rem;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  display: table;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.newListArt a:before {
  content: "\f111";
  font-family: "FontAwesome", "IconsFont";
  font-size: .35rem;
  vertical-align: top;
  padding-top: .45rem;
  color: #222;
  width: .8rem;
  display: table-cell
}

.newListArt br {
  display: none
}

.container .polki-skin.video-js {
  width: auto !important;
  height: auto !important;
  padding-bottom: 57%;
  background-color: #f0f0f0 !important
}

.container .polki-skin.video-js video {
  background-color: #f0f0f0 !important
}

.container .polki-skin.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important
}

.cyt {
  font-size: 1rem;
  margin: 1rem 0;
  overflow: hidden;
  padding: 1rem 1rem 1rem 3.5rem;
  position: relative;
  color: #0a0a0a;
  border-top: 1px solid #024991;
  border-bottom: 1px solid #024991;
  border-left: 0;
  font-style: italic;
}

.cyt:before {
  content: "\e902";
  font-family: "FontAwesome", "IconsFont";
  position: absolute;
  left: 1rem;
  color: #024991
}

.cyt .signature {
  color: #666;
  font-size: .9rem;
  margin-top: .5rem;
  text-align: right;
  display: block
}

.cyt.instagram-media:before {
  display: none
}

@media screen and (max-width:79.9375em) {
  .recommended-page .sneak-peak {
    padding: 0 1rem
  }
}

.recommended-page .sneak-peak .main-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:39.9375em) {
  .recommended-page .sneak-peak .main-content .main-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.recommended-page .sneak-peak .main-content .main-img {
  position: relative;
  max-width: 330px;
  float: right;
  padding: 0 0 15px 30px
}

@media screen and (max-width:39.9375em) {
  .recommended-page .sneak-peak .main-content .main-img {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 15px 0;
    float: none
  }
}

.recommended-page .sneak-peak .main-content .main-img .stamp {
  position: absolute;
  top: 0;
  right: 0
}

@media screen and (max-width:39.9375em) {
  .recommended-page .sneak-peak h1 {
    text-align: center
  }
}

.recommended-page .sneak-peak h1 span {
  display: block;
  color: #024991
}

.recommended-page .sneak-peak .text {
  font-size: 20px
}

.recommended-page .sneak-peak .info {
  margin-bottom: 60px;
  font-family: "LeagueGothic", sans-serif
}

@media screen and (max-width:39.9375em) {
  .recommended-page .sneak-peak .info {
    text-align: center
  }
}

.recommended-page .sneak-peak .info .text {
  font-family: "LeagueGothic", sans-serif;
  letter-spacing: .04rem;
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:39.9375em) {
  .recommended-page .sneak-peak .info .text {
    border-right: 0
  }
}

.recommended-page .sneak-peak .info .text ul {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
  list-style: none
}

.recommended-page .sneak-peak .info .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-right: 0;
  border-left: 1px solid #666;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin-bottom: 0
}

@media screen and (max-width:39.9375em) {
  .recommended-page .sneak-peak .info .review {
    border-left: 0;
    margin: .5rem auto
  }
}

.recommended-page .sneak-peak .info .review .share-box,
.recommended-page .sneak-peak .info .review .review {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 0
}

.recommended-page .sneak-peak .info .review .share-box .share-count,
.recommended-page .sneak-peak .info .review .review .share-count {
  margin-top: 0
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating {
  margin: .5rem auto 0
}

@media screen and (max-width:39.9375em) {

  .recommended-page .sneak-peak .info .review .share-box .share-count ul.rating,
  .recommended-page .sneak-peak .info .review .review .share-count ul.rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li {
  color: #024991
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star {
  margin: 0;
  color: #024991;
  pointer-events: none
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star:not(:hover)>input:checked~span:before {
  color: #024991 !important
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star>*:hover~span:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star>*:hover~span:before {
  color: #024991 !important
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star>*:hover:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star>*:hover:before {
  color: #024991 !important
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star input:checked+span:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star input:checked+span:before,
.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star input:hover+span:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star input:hover+span:before {
  color: #024991 !important
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star input:checked+span i:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star input:checked+span i:before,
.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li .rating-star input:hover+span i:before,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li .rating-star input:hover+span i:before {
  color: #024991 !important
}

.recommended-page .sneak-peak .info .review .share-box .share-count ul.rating li.number,
.recommended-page .sneak-peak .info .review .review .share-count ul.rating li.number {
  font-family: "RobotoLight", sans-serif;
  font-size: 24px
}

.recommended-page .sneak-peak .info .review .vote-box,
.recommended-page .sneak-peak .info .review .progress-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0 auto;
  -ms-flex-item-align: center;
  align-self: center
}

.recommended-page .sneak-peak .info .review .vote-box .progress,
.recommended-page .sneak-peak .info .review .progress-box .progress {
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #efefef;
  margin-top: -35px
}

@media screen and (max-width:39.9375em) {

  .recommended-page .sneak-peak .info .review .vote-box .progress,
  .recommended-page .sneak-peak .info .review .progress-box .progress {
    width: 90%;
    margin-top: 0
  }
}

.recommended-page .sneak-peak .info .review .vote-box .progress .progress-meter,
.recommended-page .sneak-peak .info .review .progress-box .progress .progress-meter {
  background: -webkit-gradient(linear, left top, left bottom, from(#a13e63), to(#024991));
  background: linear-gradient(to bottom, #a13e63, #024991);
  margin-bottom: .5rem
}

.recommended-page .sneak-peak .info .review .vote-box a,
.recommended-page .sneak-peak .info .review .vote-box .progress-title,
.recommended-page .sneak-peak .info .review .progress-box a,
.recommended-page .sneak-peak .info .review .progress-box .progress-title {
  font-family: "LeagueGothic", sans-serif;
  text-transform: uppercase;
  line-height: 48px;
  font-size: 48px;
  color: #024991
}

.recommended-page .sneak-peak .info .review .opinions {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.recommended-page .sneak-peak .info .review .opinions a {
  color: #024991;
  font-size: 28px;
  font-family: "LeagueGothic", sans-serif;
  text-decoration: underline
}

.recommended-page .sneak-peak .summary {
  font-family: "LeagueGothic", sans-serif;
  text-transform: uppercase;
  line-height: 48px;
  font-size: 48px;
  text-align: center;
  margin-bottom: 1rem;
  color: #024991
}

.recommended-page .sneak-peak .read-more {
  color: #024991;
  font-size: 1rem;
  font-family: "ModernistBold", Arial, sans-serif;
  text-align: center;
  position: relative;
  top: -5rem;
  padding-top: 4rem;
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(71%, #fff), to(#fff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 71%, #fff 100%);
  margin-bottom: -4rem;
  cursor: pointer
}

.recommended-page .sneak-peak .read-more span {
  display: block;
  padding: 1rem
}

.recommended-page .sneak-peak .read-more span .fa {
  font-size: .9rem;
  margin-left: .5rem
}

@media screen and (max-width:39.9375em) {
  .recommended-page .content-header {
    text-align: center
  }
}

.recommended-page .content-header .title-box h2 {
  line-height: 1.5rem;
  margin: 1rem 0;
  font-size: 1.5rem
}

.recommended-page .content-header .title-box h2+.row,
.recommended-page .content-header .title-box .sidebar .box h2+.row-box,
.sidebar .box .recommended-page .content-header .title-box h2+.row-box {
  margin: 0 -1rem
}

.recommended-page .prod-img {
  margin: auto;
  display: block
}

.recommended-page .display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%
}

.recommended-page .display-flex .lead+div {
  width: 100%;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.recommended-page .rating-box {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.5rem
}

.recommended-page .rating-box ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.recommended-page .rating-box ul li {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
  position: relative;
  top: 7px
}

.recommended-page .rating-box span {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600
}

.recommended-page .rating-box.average-rating {
  background: #024991
}

.recommended-page .rating-box.number-testers {
  background: #422263
}

.recommended-page .comments-box .title {
  font-size: 1.3rem
}

@media screen and (max-width:39.9375em) {
  .recommended-page .comments-box .title {
    font-size: 1.2rem
  }
}

.recommended-page .comments-box .statement {
  word-break: break-word
}

.recommended-page .comments-box .share-box,
.recommended-page .comments-box .sneak-peak .info .review,
.recommended-page .sneak-peak .info .comments-box .review {
  float: right
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star {
  color: #024991
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star:not(:hover)>input:checked~span:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star:not(:hover)>input:checked~span:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star:not(:hover)>input:checked~span:before {
  color: #024991 !important
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star>*:hover~span:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star>*:hover~span:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star>*:hover~span:before {
  color: #024991 !important
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star>*:hover:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star>*:hover:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star>*:hover:before {
  color: #024991 !important
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star input+span,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star input+span,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star input+span {
  margin-right: -8px
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star input:checked+span:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star input:checked+span:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star input:checked+span:before,
.recommended-page .comments-box .share-box .share-count ul.rate .rating-star input:hover+span:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star input:hover+span:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star input:hover+span:before {
  color: #024991 !important
}

.recommended-page .comments-box .share-box .share-count ul.rate .rating-star input:checked+span i:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star input:checked+span i:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star input:checked+span i:before,
.recommended-page .comments-box .share-box .share-count ul.rate .rating-star input:hover+span i:before,
.recommended-page .comments-box .sneak-peak .info .review .share-count ul.rate .rating-star input:hover+span i:before,
.recommended-page .sneak-peak .info .comments-box .review .share-count ul.rate .rating-star input:hover+span i:before {
  color: #024991 !important
}

.recommended-page .comments-box .text {
  clear: both
}

.recommended-page .comments-box .statement .user .name {
  color: #222
}

@media screen and (max-width:53.6875em) {
  .recommended-page .content-area {
    padding: 0 1rem !important
  }

  .recommended-page .content-area .article {
    padding: 0 !important
  }

  .recommended-page .content-area .article .recommended .title {
    font-family: "LeagueGothic", sans-serif;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 15px;
    font-size: 1.2rem
  }
}

.recommended-page .content-area .description-box {
  margin: 1.5rem auto
}

.recommended-page .content-area .description-box .quote {
  margin: 0
}

.recommended-page .content-area .description-box .quote .text-box .button {
  margin-top: 1rem
}

.recommended-page .content-area .gallery-box .title,
.recommended-page .content-area .video-player .title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: .5rem;
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #024991
}

@media screen and (max-width:39.9375em) {

  .recommended-page .content-area .gallery-box .title,
  .recommended-page .content-area .video-player .title {
    font-size: 1.2rem
  }
}

.recommended-page .content-area .gallery-box .lead,
.recommended-page .content-area .video-player .lead {
  font-size: 1.3rem;
  font-family: "RobotoLight", sans-serif;
  margin-bottom: .5rem
}

@media screen and (max-width:39.9375em) {

  .recommended-page .content-area .gallery-box .lead,
  .recommended-page .content-area .video-player .lead {
    font-size: 1.1rem
  }
}

.recommended-page .content-area .gallery-box .gallery-img,
.recommended-page .content-area .video-player .gallery-img {
  margin-top: 0
}

.recommended-page .content-area .gallery-box .top-video .icon-play-circle,
.recommended-page .content-area .video-player .top-video .icon-play-circle {
  top: 50%;
  text-align: center;
  position: absolute;
  width: 100%
}

@media screen and (max-width:26.25em) {

  .recommended-page .content-area .gallery-box .top-video .icon-play-circle,
  .recommended-page .content-area .video-player .top-video .icon-play-circle {
    font-size: 3.5rem;
    top: 45%
  }
}

.recommended-page .content-area .gallery-box .top-video img,
.recommended-page .content-area .video-player .top-video img {
  height: 100% !important
}

.recommended-page .content-area .gallery-box .top-video .inner-box .text-box h5,
.recommended-page .content-area .video-player .top-video .inner-box .text-box h5 {
  font-size: 1.3rem
}

@media screen and (max-width:39.9375em) {

  .recommended-page .content-area .gallery-box .top-video .inner-box .text-box h5,
  .recommended-page .content-area .video-player .top-video .inner-box .text-box h5 {
    font-size: 1.2rem
  }
}

.recommended-page .content-area .news-box .title {
  font-size: 1.3rem;
  margin-bottom: .5rem;
  font-family: "ModernistRegular", Arial, sans-serif;
  color: #024991
}

@media screen and (max-width:39.9375em) {
  .recommended-page .content-area .news-box .title {
    font-size: 1.2rem
  }
}

.recommended-page .content-area .news-box .large-box {
  display: block
}

.recommended-page .content-area .news-box .more>.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border: 0;
  position: relative
}

@media screen and (max-width:39.9375em) {
  .recommended-page .content-area .news-box .more>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem
  }

  .recommended-page .content-area .news-box .more>.columns:last-child {
    margin-bottom: 0
  }
}

.recommended-page .content-area .news-box .more>.columns img {
  max-height: inherit
}

.recommended-page .content-area .news-box .more>.columns h6 {
  font-family: "LeagueGothic", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: .75rem;
  margin-bottom: 0
}

.recommended-page .content-area .news-box .more>.columns h5 {
  font-family: "ModernistBold", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700
}

.row-title {
  margin-bottom: 0;
  font-size: 18px;
  color: #0a0a0a
}

.row-title.pink,
.content-area.special-report .single-post .row-title.gradient,
.content-area.special-report .top-video .row-title.gradient {
  color: #024991
}

.latest-tests {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 15px;
  width: 100%
}

.latest-tests.medium {
  max-width: 1024px
}

.latest-tests.all .text-box {
  padding-right: 30px
}

@media screen and (max-width:53.6875em) {
  .latest-tests.all .text-box {
    padding-right: 0
  }
}

.latest-tests.all .text-box .title {
  margin-bottom: 25px;
  max-height: 40px;
  overflow: hidden
}

.latest-tests.all .text-box .button {
  padding: 4px 40px 6px
}

.latest-tests.all .text-box .button.hover {
  opacity: .6
}

.latest-tests.all .text-box .button.join {
  border: 1px solid #73d557;
  background-color: #73d557;
  color: #fefefe
}

.latest-tests.all .text-box .button.read {
  border: 1px solid #73d557;
  background-color: #fefefe;
  color: #73d557
}

.latest-tests.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.latest-tests .test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px
}

.latest-tests .test:last-child {
  margin-bottom: 0
}

@media screen and (max-width:53.6875em) {
  .latest-tests .test {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0
  }

  .latest-tests .test:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
  }

  .latest-tests .test .column,
  .latest-tests .test .columns {
    padding-right: 0
  }

  .latest-tests .test .text-box .button {
    padding: 8px 20px 10px
  }
}

.latest-tests .test div img {
  width: 100%
}

.latest-tests .text-box .title {
  font-size: 16px;
  margin: 0 0 13px 0
}

.latest-tests .text-box .title a {
  color: #0a0a0a
}

.latest-tests .text-box .slogan {
  font-size: 14px;
  color: #024991;
  line-height: normal;
  margin-bottom: 15px;
  font-weight: 600
}

.latest-tests .text-box .button {
  line-height: normal;
  margin-top: 0;
  font-size: 16px;
  padding: 6px 40px 8px
}

.latest-tests .text-box .button.hover {
  opacity: .6
}

.latest-tests .text-box .button.green,
.latest-tests .text-box .content-area.special-report.green .single-post .button.gradient,
.content-area.special-report.green .single-post .latest-tests .text-box .button.gradient,
.latest-tests .text-box .content-area.special-report.green .top-video .button.gradient,
.content-area.special-report.green .top-video .latest-tests .text-box .button.gradient {
  border: 2px solid #73d557;
  background-color: #73d557;
  color: #fefefe
}

.recommended-box {
  padding: 30px;
  margin-bottom: 40px;
  background-color: #fbfbfb
}

@media screen and (max-width:63.9375em) {
  .recommended-box {
    margin-bottom: 20px;
    padding: 30px 20px
  }
}

.recommended-box:last-child {
  margin-bottom: 0
}

@media screen and (max-width:63.9375em) {
  .recommended-box:last-child {
    margin-bottom: 20px
  }
}

.recommended-box.show-for-small-only {
  padding: 30px 20px;
  margin-left: -20px;
  margin-right: -20px
}

.recommended-box.show-for-small-only .title {
  margin-bottom: 25px !important
}

.recommended-box.show-for-small-only .author .small-3 {
  max-width: 22.5%
}

.recommended-box .title {
  margin-top: 0 !important
}

.recommended-box .logo {
  width: 155px;
  margin-bottom: 40px
}

@media screen and (max-width:39.9375em) {
  .recommended-box .logo {
    margin-bottom: 20px
  }
}

.recommended-box .title {
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: normal;
  text-transform: uppercase
}

.recommended-box .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  font-family: 'ModernistRegular'
}

@media screen and (max-width:63.9375em) {
  .recommended-box .author {
    margin-bottom: 25px
  }
}

.recommended-box .author .avatar {
  width: 58px;
  min-width: 58px;
  margin-right: 10px
}

.recommended-box .author .role {
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: normal
}

.recommended-box .author .email {
  font-size: 14px;
  color: #626262
}

.recommended-box .item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  font-family: 'ModernistRegular'
}

.recommended-box .item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.recommended-box .item .text {
  font-size: 18px;
  color: #333;
  line-height: 24px;
  margin-bottom: 0;
  display: block;
  font-weight: 400
}

.recommended-box .item .date {
  color: #024991;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 600
}

.article .recommended .content-list.recommended {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
  margin: 0
}

.recommended-content {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:63.9375em) {
  .recommended-content {
    display: block;
    padding: 0
  }
}

.recommended-content .recommended .content-list.recommended {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 0 !important;
  margin: 0
}

.recommended-content .content-list.recommended {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 0
}

.recommended.widget,
.recommended.content-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px
}

@media screen and (max-width:63.9375em) {

  .recommended.widget,
  .recommended.content-area {
    display: block;
    margin-bottom: 20px
  }
}

.recommended.widget {
  margin-bottom: 30px
}

.recommended.widget .recommended-product-slider {
  height: auto
}

.recommended.widget .content-list.recommended .title {
  margin-top: 0
}

.recommended .recommended-product-slider {
  width: 100%;
  margin-bottom: 40px
}

.recommended .recommended-product-slider .flex-box {
  margin: auto;
  height: 100%
}

@media screen and (max-width:63.9375em) {
  .recommended .recommended-product-slider .flex-box {
    margin: -20px auto 0 auto
  }
}

.recommended .recommended-product-slider .flex-box .image {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:53.6875em) {
  .recommended .recommended-product-slider .flex-box .image {
    min-height: 1px
  }
}

.recommended .recommended-product-slider .flex-box .image .stamp {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px
}

@media screen and (max-width:53.6875em) {
  .recommended .recommended-product-slider .flex-box .image .stamp {
    top: 20px
  }
}

@media screen and (max-width:39.9375em) {
  .recommended .recommended-product-slider .flex-box .image a {
    margin-left: auto;
    margin-right: auto
  }
}

.recommended .recommended-product-slider .flex-box .image .product {
  -ms-flex-item-align: center;
  align-self: center;
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  display: block
}

@media screen and (max-width:63.9375em) {
  .recommended .recommended-product-slider .flex-box .image .product {
    width: 100%
  }
}

@media screen and (max-width:39.9375em) {
  .recommended .recommended-product-slider .flex-box .image .product {
    margin-bottom: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }
}

.recommended .recommended-product-slider .flex-box .image:after,
.recommended .recommended-product-slider .flex-box .image:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 21px;
  background: #fff
}

@media screen and (max-width:39.9375em) {

  .recommended .recommended-product-slider .flex-box .image:after,
  .recommended .recommended-product-slider .flex-box .image:before {
    display: none
  }
}

.recommended .recommended-product-slider .flex-box .image:after {
  top: -20px
}

.recommended .recommended-product-slider .flex-box .image:before {
  bottom: -20px
}

@media screen and (max-width:53.6875em) {
  .recommended .recommended-product-slider .flex-box .title {
    margin-top: 0
  }

  .recommended .recommended-product-slider .flex-box .sneak-peak {
    margin-bottom: 0
  }
}

.recommended .recommended-product-slider .button {
  line-height: normal;
  margin-top: 0
}

.recommended .recommended-product-slider .button.green,
.recommended .recommended-product-slider .content-area.special-report.green .single-post .button.gradient,
.content-area.special-report.green .single-post .recommended .recommended-product-slider .button.gradient,
.recommended .recommended-product-slider .content-area.special-report.green .top-video .button.gradient,
.content-area.special-report.green .top-video .recommended .recommended-product-slider .button.gradient {
  border: 2px solid #73d557;
  background-color: #73d557;
  color: #fefefe
}

.recommended.widget .recommended-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width:53.6875em) {
  .recommended.widget .recommended-box {
    display: block
  }
}

.recommended.widget .recommended {
  padding-left: 2rem !important
}

@media screen and (max-width:79.9375em) {
  .recommended.widget .recommended {
    padding: 0 !important
  }
}

.recommended.widget .recommended-product-slider {
  margin: 0
}

.recommended.widget .recommended-product-slider .flex-box .image {
  min-height: 340px
}

@media screen and (max-width:53.6875em) {
  .recommended.widget .recommended-product-slider .flex-box .image {
    min-height: 1px
  }
}

.recommended.widget .recommended-product-slider .flex-box .image a {
  margin-left: auto;
  margin-right: auto
}

.recommended.widget .recommended-product-slider {
  height: calc(100% - 59px)
}

.recommended.widget .slick-list,
.recommended.widget .slick-track {
  height: 100%
}

.recommended .video-container {
  margin-top: 20px;
  margin-bottom: 20px
}

.recommended .video-container .video-header {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.recommended .video-container .video-header .logo {
  display: none
}

.recommended .video-container .video-header .logo img {
  width: 150px
}

.recommended .video-container .title {
  margin-bottom: 0
}

.recommended .video-container .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.recommended .video-container .author img {
  margin-bottom: 0
}

.recommended .video-container .author .title {
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 0 !important
}

.recommended .video-container .author .avatar {
  width: 58px;
  border-radius: 50%;
  margin-right: 10px;
  padding: 0 !important
}

.recommended .video-container .video-box {
  position: relative
}

.recommended .video-container .video-box .inner-box {
  position: relative
}

.recommended .video-container .video-box .inner-box .gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(#024991));
  background-image: linear-gradient(to bottom, transparent 40%, #024991 100%)
}

.recommended .video-container .video-box .inner-box .font-icon {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 4.5rem
}

@media screen and (max-width:39.9375em) {
  .recommended .video-container .video-box .inner-box .font-icon {
    font-size: 3.5rem
  }
}

.recommended .video-container .video-box .text-box {
  position: absolute;
  bottom: 18px;
  padding: 0 100px;
  left: 0;
  right: 0;
  z-index: 9999;
  text-align: center
}

@media screen and (max-width:39.9375em) {
  .recommended .video-container .video-box .text-box {
    padding: 0;
    position: static;
    text-align: left
  }
}

.recommended .video-container .video-box .text-box h5 {
  font-size: 24px;
  letter-spacing: .03em;
  line-height: 28px;
  margin-bottom: 0;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (max-width:39.9375em) {
  .recommended .video-container .video-box .text-box h5 {
    text-align: left;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    line-height: normal;
    font-weight: normal;
    font-family: "ModernistRegular", Arial, sans-serif
  }
}

.recommended .video-container .video-box .text-box h5 a {
  text-align: center;
  color: #fefefe
}

@media screen and (max-width:39.9375em) {
  .recommended .video-container .video-box .text-box h5 a {
    color: #0a0a0a;
    line-height: normal
  }
}

.recommended.row,
.sidebar .box .recommended.row-box {
  margin-bottom: 0 !important
}

@media screen and (max-width:53.6875em) {

  .recommended.row,
  .sidebar .box .recommended.row-box {
    padding-right: 1rem;
    padding-left: 1rem
  }
}

.recommended .latest-tests.all .text-box .title {
  margin-top: 0;
  margin-bottom: 15px;
  max-height: none;
  font-size: 1.1rem
}

.content-area .article .recommended .title {
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 1.2rem
}

@media screen and (max-width:53.6875em) {
  .content-area .article .recommended .title {
    margin-top: 0;
    margin-bottom: 20px
  }
}

.content-area .article .recommended .recommended-info-header .title {
  margin-bottom: 0
}

.content-area .article .recommended .recommended-info-header .show-for-large {
  display: none
}

.content-area .article .recommended-product-slider .flex-box .column.text,
.content-area .article .recommended-product-slider .flex-box .text.columns {
  margin-bottom: 30px
}

@media screen and (max-width:53.6875em) {

  .content-area .article .recommended-product-slider .flex-box .column.text,
  .content-area .article .recommended-product-slider .flex-box .text.columns {
    margin-bottom: 50px
  }
}

.content-area .one-column .recommended.signup {
  text-align: center;
  margin: 60px auto 20px;
  border: 12px solid #024991;
  padding: 20px 80px 30px
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended.signup {
    padding: 20px
  }
}

.content-area .one-column .recommended.signup .pr-logo {
  padding: 10px 20px 35px;
  margin-top: -70px;
  background-color: transparent
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended.signup .pr-logo {
    margin-top: -65px;
    padding: 10px 30px 25px;
    background-color: #fefefe
  }
}

.content-area .one-column .recommended.signup .pr-logoimg {
  height: 75px !important
}

.content-area .one-column .recommended.signup .pr-logo img {
  height: 75px !important;
  background-color: #fefefe;
  padding: 0 30px
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended.signup .pr-logo img {
    height: initial !important;
    padding: 0
  }
}

.content-area .one-column .recommended.signup .text {
  line-height: normal;
  font-size: 18px;
  margin-bottom: 25px;
  font-family: "ModernistRegular", Arial, sans-serif
}

.content-area .one-column .recommended.signup .button {
  background-color: #73d557;
  line-height: normal;
  padding: .85rem 4rem
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended.signup .button {
    padding: .85rem 2rem
  }
}

.content-area .one-column .recommended .logo-box {
  margin-left: 30px;
  text-align: center;
  margin-bottom: -40px;
  z-index: 999;
  position: relative
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended .logo-box {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 0;
    background-color: #fefefe
  }
}

.content-area .one-column .recommended .logo-box img {
  height: 75px !important
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended .logo-box img {
    height: initial !important
  }
}

.content-area .one-column .recommended .recommended-product-slider .slick-list {
  border-width: 12px
}

.content-area .one-column .recommended .recommended-product-slider .slick-list .sneak-peak {
  color: #0a0a0a;
  text-transform: none;
  line-height: normal;
  font-size: 1rem;
  margin-top: 20px;
  font-family: "ModernistLight", Arial, sans-serif
}

.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box {
  padding-left: 35px
}

@media screen and (max-width:39.9375em) {
  .content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box {
    padding-left: 0;
    margin-top: 0
  }
}

.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .column.text,
.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .text.columns {
  margin-bottom: 0
}

.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .column.text .button,
.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .text.columns .button {
  padding-left: 40px;
  padding-right: 40px
}

@media screen and (max-width:39.9375em) {

  .content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .column.text .button,
  .content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .text.columns .button {
    padding-left: 20px;
    padding-right: 20px
  }
}

.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .column.text .title,
.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .text.columns .title {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: normal;
  max-height: none
}

.content-area .one-column .recommended .recommended-product-slider .slick-list .flex-box .image {
  padding-top: 40px
}

.content-list.recommended .title {
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 1.2rem
}

@media screen and (max-width:53.6875em) {
  .content-list.recommended .title {
    margin-top: 0
  }
}

.content .recommended .content-list {
  padding: 0
}

.content .recommended .list-box {
  padding: 1.5rem 1.25rem 0;
  border-left: 1px solid #777;
  margin-bottom: 1rem;
  margin-top: -1.75rem;
  border-bottom: 1px solid #777;
  border-right: 1px solid #777
}

@media screen and (max-width:63.9375em) {
  .content .recommended .list-box {
    margin-top: -1.25rem
  }
}

.content .recommended .special-title {
  margin: 1.5rem auto .5rem;
  position: relative
}

@media screen and (max-width:63.9375em) {
  .content .recommended .special-title {
    margin: 1rem auto -.5rem !important
  }
}

.content .recommended .special-title:after {
  content: '';
  left: 0;
  right: 0;
  top: 5px;
  bottom: 0;
  margin: auto;
  position: absolute;
  z-index: 1;
  height: 1px;
  background: #777
}

.content .recommended .special-title .info {
  font-family: "Lobster", cursive;
  margin: 0 auto;
  font-size: 1.8rem;
  z-index: 5;
  padding: 0 1.5rem;
  background-color: #fefefe
}

.content .recommended .special-title .info img {
  max-height: 40px
}

@media screen and (max-width:26.25em) {
  .content .recommended .special-title .info img {
    max-height: 32px
  }
}

@media screen and (max-width:39.9375em) {
  .content .recommended .special-title .info {
    padding: 0 .75rem !important
  }
}

@media screen and (max-width:26.25em) {
  .content .recommended .special-title .info {
    padding: 0 .5rem !important
  }
}

.content .recommended .special-title.recommended .info img {
  max-height: 40px
}

@media screen and (max-width:26.25em) {
  .content .recommended .special-title.recommended .info img {
    max-height: 32px
  }
}

@media screen and (max-width:39.9375em) {
  .content .recommended .special-title.recommended .info {
    padding: 0 .75rem !important
  }
}

@media screen and (max-width:26.25em) {
  .content .recommended .special-title.recommended .info {
    padding: 0 .5rem !important
  }
}

.article .recommended.row,
.article .sidebar .box .recommended.row-box,
.sidebar .box .article .recommended.row-box {
  padding-left: 0;
  padding-right: 0
}

.article .recommended.row .video-container,
.article .sidebar .box .recommended.row-box .video-container,
.sidebar .box .article .recommended.row-box .video-container {
  margin-bottom: 20px
}

.article .recommended.row .video-container .video-header .logo,
.article .sidebar .box .recommended.row-box .video-container .video-header .logo,
.sidebar .box .article .recommended.row-box .video-container .video-header .logo {
  display: block
}

.article .recommended.row .video-container .video-header .author,
.article .sidebar .box .recommended.row-box .video-container .video-header .author,
.sidebar .box .article .recommended.row-box .video-container .video-header .author {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media screen and (max-width:53.6875em) {

  .article .recommended.row .video-container .video-header .author,
  .article .sidebar .box .recommended.row-box .video-container .video-header .author,
  .sidebar .box .article .recommended.row-box .video-container .video-header .author {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit
  }
}

.article .recommended.row .video-container .author .title,
.article .sidebar .box .recommended.row-box .video-container .author .title,
.sidebar .box .article .recommended.row-box .video-container .author .title {
  text-align: right;
  padding-right: 10px;
  margin-bottom: 0
}

@media screen and (max-width:53.6875em) {

  .article .recommended.row .video-container .author .title,
  .article .sidebar .box .recommended.row-box .video-container .author .title,
  .sidebar .box .article .recommended.row-box .video-container .author .title {
    text-align: left;
    padding-right: 0;
    padding-left: 10px
  }
}

.article .recommended.row .video-container .author .avatar,
.article .sidebar .box .recommended.row-box .video-container .author .avatar,
.sidebar .box .article .recommended.row-box .video-container .author .avatar {
  padding-right: 0
}

@media screen and (max-width:53.6875em) {

  .article .recommended.row .video-container .author .avatar,
  .article .sidebar .box .recommended.row-box .video-container .author .avatar,
  .sidebar .box .article .recommended.row-box .video-container .author .avatar {
    padding: 0
  }
}

.article .recommended.row .video-container .author img,
.article .sidebar .box .recommended.row-box .video-container .author img,
.sidebar .box .article .recommended.row-box .video-container .author img {
  margin-bottom: 0
}

.article .recommended.row .video-container .video-box .text-box h5,
.article .sidebar .box .recommended.row-box .video-container .video-box .text-box h5,
.sidebar .box .article .recommended.row-box .video-container .video-box .text-box h5 {
  margin-bottom: 0
}

@media screen and (max-width:53.6875em) {
  .content-list .recommended.content-list {
    padding-right: 0;
    padding-left: 0
  }
}

.content-list .recommended .video-container {
  margin: 0
}

.content-list.recommended {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  display: block
}

@media screen and (min-width:64em) {
  .content-list.recommended {
    max-width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    padding-left: 2rem;
    padding-right: 0
  }
}

.content-list.recommended .title {
  font-family: "LeagueGothic", sans-serif;
  font-weight: normal;
  margin-bottom: 30px;
  margin-top: 30px
}

.content-list.recommended .button {
  line-height: normal;
  margin-top: 0
}

.content-list.recommended .button.green,
.content-list.recommended .content-area.special-report.green .single-post .button.gradient,
.content-area.special-report.green .single-post .content-list.recommended .button.gradient,
.content-list.recommended .content-area.special-report.green .top-video .button.gradient,
.content-area.special-report.green .top-video .content-list.recommended .button.gradient {
  border: 2px solid #73d557;
  background-color: #73d557;
  color: #fefefe
}

.content-list.recommended .button.white {
  background-color: #fefefe;
  border: 2px solid #024991;
  color: #024991
}

.content-list.recommended .button.inactive {
  cursor: none;
  pointer-events: none;
  opacity: .4
}

.content-list.recommended .button:hover {
  opacity: .6
}

.content-list.recommended .list-box {
  padding: 0;
  margin: 0;
  border: 0
}

.content-list.recommended .list-box .title {
  margin-bottom: 20px
}

.content-list.recommended .list-box .list {
  margin-bottom: 0;
  margin-left: -.5rem;
  margin-right: -.5rem
}

@media screen and (max-width:53.6875em) {
  .content-list.recommended .list-box .list {
    margin: 0
  }
}

.content-list.recommended .list-box .list .column,
.content-list.recommended .list-box .list .columns {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
  padding-right: .5rem;
  padding-left: .5rem
}

@media screen and (max-width:53.6875em) {

  .content-list.recommended .list-box .list .column,
  .content-list.recommended .list-box .list .columns {
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0
  }
}

.content-list.recommended .list-box .list .column img,
.content-list.recommended .list-box .list .columns img {
  width: 100%
}

.content-list.recommended .list-box .list .column h5,
.content-list.recommended .list-box .list .columns h5 {
  text-align: left;
  min-height: 65px;
  min-height: 65px;
  max-height: 65px;
  overflow: hidden;
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
  font-weight: 400;
  font-family: "ModernistRegular", Arial, sans-serif
}

@media screen and (max-width:53.6875em) {

  .content-list.recommended .list-box .list .column h5,
  .content-list.recommended .list-box .list .columns h5 {
    min-height: auto;
    max-height: none
  }
}

.content-list.recommended .list-box .list .column .button,
.content-list.recommended .list-box .list .columns .button {
  font-size: 16px;
  padding: 8px 24px 10px
}

.content-list.recommended .list-box .list .column .stamp,
.content-list.recommended .list-box .list .columns .stamp {
  position: absolute;
  top: 0;
  right: 10px;
  width: 80px
}

@media screen and (max-width:53.6875em) {

  .content-list.recommended .list-box .list .column .stamp,
  .content-list.recommended .list-box .list .columns .stamp {
    right: 0;
    width: 100px
  }
}

@media (max-width:1199px) {
  .recommended-page .content-header .title-box .lead {
    font-size: 1rem
  }

  .recommended-page .rating-box {
    height: 50px
  }

  .recommended-page .rating-box span {
    font-size: 1.2rem;
    line-height: 1.4rem
  }

  .recommended-page .rating-box ul li {
    font-size: 1.2rem;
    line-height: 1.4rem
  }
}

@media (max-width:767px) {
  .recommended-page .content-header .title-box h1 {
    font-size: 1.6rem
  }

  .recommended-page .content-header .title-box .lead {
    font-size: .875rem
  }

  .recommended-page .prod-img {
    max-height: 250px;
    margin: 0 auto 1rem auto
  }

  .recommended-page .rating-box span {
    font-size: 1rem
  }

  .recommended-page .rating-box ul li {
    font-size: 1rem;
    top: 4px
  }
}

.birthday-container {
  max-width: 1920px;
  margin: auto;
  color: #000
}

.birthday-container.birthday {
  margin: -20px 0 50px 0
}

@media screen and (max-width:78.125em) {
  .birthday-container.birthday {
    padding: 0 15px
  }
}

.birthday-container img {
  max-width: 100%
}

@media screen and (min-width:53.75em) {
  .birthday-container .columns {
    padding: 0 1.500em
  }
}

.birthday-container .row,
.birthday-container .sidebar .box .row-box,
.sidebar .box .birthday-container .row-box {
  margin: 0 auto !important
}

.birthday-container .birthday__container {
  max-width: 1110px;
  width: 100%;
  margin: auto
}

.birthday-container .birthday__display-flex,
.birthday-container .birthday__social__list,
.birthday-container .birthday__social__list a,
.birthday-container .birthday__user-box__list,
.birthday-container .birthday__user-box__list a,
.birthday-container .birthday__section__nav__list,
.birthday-container .birthday__plebiscite__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.birthday-container .birthday__flex-align-center,
.birthday-container .birthday__social__list a,
.birthday-container .birthday__user-box__list a,
.birthday-container .birthday__user-box__circle,
.birthday-container .birthday__section__nav__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.birthday-container .birthday__flex-justify-between,
.birthday-container .birthday__plebiscite__wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.birthday-container .birthday__flex-justify-center,
.birthday-container .birthday__social__list a,
.birthday-container .birthday__user-box__list a,
.birthday-container .birthday__user-box__circle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.birthday-container .birthday__flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.birthday-container .birthday__header-main {
  background: #fff
}

.birthday-container .birthday__btn {
  background: #a9804f;
  display: inline-block;
  font-family: 'LeagueGothic';
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px 12px;
  text-decoration: none;
  line-height: 1;
  letter-spacing: .01em
}

.birthday-container .birthday__btn--small {
  padding: 7px 30px 4px
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__btn--small-mobile {
    padding: 9px 30px 6px
  }
}

.birthday-container .birthday__btn__regulation {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #a9804f;
  margin: 0 15px 0 0;
  text-transform: uppercase
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__btn__regulation {
    font-size: 16px
  }
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__btn__regulation {
    margin: 30px auto 0;
    display: inline-block
  }
}

.birthday-container .birthday__btn:hover {
  color: #fff
}

.birthday-container .birthday__social__list {
  list-style: none;
  padding: 0;
  margin: 0
}

.birthday-container .birthday__social__list__item {
  height: 50px;
  width: 50px;
  background-color: #222;
  border-radius: 50%;
  margin: 0 15px 0 0
}

.birthday-container .birthday__social__list__item:last-child {
  margin: 0
}

.birthday-container .birthday__social__list a {
  color: #fff;
  width: 100%;
  height: 100%;
  text-decoration: none
}

.birthday-container .birthday__social__list i {
  font-size: 22px
}

.birthday-container .birthday__logo {
  padding: 2px 0
}

.birthday-container .birthday__logo a {
  display: block
}

.birthday-container .birthday__user-box__list {
  list-style: none;
  padding: 0;
  margin: 0
}

.birthday-container .birthday__user-box__list a {
  text-decoration: none;
  color: #f0177b
}

.birthday-container .birthday__user-box__circle {
  height: 50px;
  width: 50px;
  background-color: #f0177b;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 14px;
  border: 1px solid #f0177b
}

.birthday-container .birthday__user-box__circle--white {
  background: #fff;
  color: #f0177b
}

.birthday-container .birthday__user-box__circle img {
  height: 24px;
  width: 24px
}

.birthday-container .birthday__user-box__text {
  font-size: 18px;
  font-family: 'Sk-Modernist', sans-serif;
  font-weight: 400
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__section-video {
    margin: 0 -15px
  }
}

.birthday-container .birthday__section-video .temp-img {
  margin-bottom: -10%;
  position: relative;
  padding-bottom: 30%;
  overflow: hidden
}

.birthday-container .birthday__section-video .temp-img video {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__section-video .temp-img {
    padding-bottom: 62%
  }
}

.birthday-container .birthday__teaser {
  text-align: center;
  background: #fff;
  max-width: 788px;
  padding: 45px 5% 30px;
  margin: 0 auto;
  z-index: 3;
  position: relative
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__teaser {
    max-width: calc(100% - 72px);
    padding: 25px 0 0
  }
}

.birthday-container .birthday__teaser__header {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 58px;
  line-height: 1;
  color: #000;
  margin: 0 0 40px 0
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__teaser__header {
    font-size: 52px;
    margin: 0 0 15px 0
  }
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__teaser__header {
    padding: 0 15%
  }
}

.birthday-container .birthday__teaser__text {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  color: #a9804f;
  margin: 0
}

.birthday-container .birthday__section {
  margin: 80px 0 0 0;
  position: relative
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__section {
    margin: 50px 0 0 0
  }
}

.birthday-container .birthday__section__header {
  margin: 0 0 20px 0
}

@media screen and (max-width:53.6875em) {

  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__display-flex,
  .birthday-container .birthday__section__header>.birthday__social__list .birthday__display-flex,
  .birthday-container .birthday__social__list .birthday__section__header>a .birthday__display-flex,
  .birthday-container .birthday__section__header>.birthday__user-box__list .birthday__display-flex,
  .birthday-container .birthday__user-box__list .birthday__section__header>a .birthday__display-flex,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__display-flex,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__display-flex,
  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__social__list,
  .birthday-container .birthday__section__header>.birthday__social__list .birthday__social__list,
  .birthday-container .birthday__social__list .birthday__section__header>a .birthday__social__list,
  .birthday-container .birthday__section__header>.birthday__user-box__list .birthday__social__list,
  .birthday-container .birthday__user-box__list .birthday__section__header>a .birthday__social__list,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__social__list,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__social__list,
  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__section__header>.birthday__display-flex a,
  .birthday-container .birthday__section__header>.birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__section__header>a a,
  .birthday-container .birthday__section__header>.birthday__user-box__list .birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__section__header>.birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__section__header>a .birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__user-box__list .birthday__section__header>a a,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__section__header>.birthday__section__nav__list a,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__section__header>.birthday__plebiscite__wrapper a,
  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__user-box__list,
  .birthday-container .birthday__section__header>.birthday__social__list .birthday__user-box__list,
  .birthday-container .birthday__social__list .birthday__section__header>a .birthday__user-box__list,
  .birthday-container .birthday__section__header>.birthday__user-box__list .birthday__user-box__list,
  .birthday-container .birthday__user-box__list .birthday__section__header>a .birthday__user-box__list,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__user-box__list,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__user-box__list,
  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__section__header>.birthday__display-flex a,
  .birthday-container .birthday__section__header>.birthday__social__list .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__section__header>.birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__section__header>a .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__social__list .birthday__section__header>a a,
  .birthday-container .birthday__section__header>.birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__section__header>a a,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__section__header>.birthday__section__nav__list a,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__section__header>.birthday__plebiscite__wrapper a,
  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__section__nav__list,
  .birthday-container .birthday__section__header>.birthday__social__list .birthday__section__nav__list,
  .birthday-container .birthday__social__list .birthday__section__header>a .birthday__section__nav__list,
  .birthday-container .birthday__section__header>.birthday__user-box__list .birthday__section__nav__list,
  .birthday-container .birthday__user-box__list .birthday__section__header>a .birthday__section__nav__list,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__section__nav__list,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__section__nav__list,
  .birthday-container .birthday__section__header>.birthday__display-flex .birthday__plebiscite__wrapper,
  .birthday-container .birthday__section__header>.birthday__social__list .birthday__plebiscite__wrapper,
  .birthday-container .birthday__social__list .birthday__section__header>a .birthday__plebiscite__wrapper,
  .birthday-container .birthday__section__header>.birthday__user-box__list .birthday__plebiscite__wrapper,
  .birthday-container .birthday__user-box__list .birthday__section__header>a .birthday__plebiscite__wrapper,
  .birthday-container .birthday__section__header>.birthday__section__nav__list .birthday__plebiscite__wrapper,
  .birthday-container .birthday__section__header>.birthday__plebiscite__wrapper .birthday__plebiscite__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }
}

.birthday-container .birthday__section__header__title {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 58px;
  line-height: 1;
  color: #000;
  margin: 0 30px 0 0
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__section__header__title {
    font-size: 48px;
    margin: 0 15px 0 0
  }
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__section__header__title {
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center
  }
}

.birthday-container .birthday__section .birthday__container {
  max-width: 1100px
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__section__nav {
    width: 100%
  }
}

.birthday-container .birthday__section__nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__section__nav__list {
    display: block;
    text-align: center
  }
}

.birthday-container .birthday__section__nav__list__item {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  float: none;
  line-height: 1;
  color: #a9804f;
  margin: 0 25px 0 0;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: color .25s cubic-bezier(.55, .06, .68, .19);
  transition: color .25s cubic-bezier(.55, .06, .68, .19)
}

.birthday-container .birthday__section__nav__list__item:last-child {
  margin: 0
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__section__nav__list__item {
    font-size: 16px;
    margin: 0 15px 0 0
  }
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__section__nav__list__item {
    margin: 0 7px !important;
    font-size: 16px;
    display: inline-block;
    line-height: 2.2
  }
}

.birthday-container .birthday__section__nav__list__item.is-active a,
.birthday-container .birthday__section__nav__list__item:hover a {
  color: #000;
  background: #fff
}

.birthday-container .birthday__section__nav__list__item.is-active a:after,
.birthday-container .birthday__section__nav__list__item:hover a:after {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.birthday-container .birthday__section__nav a {
  display: block;
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  padding: 0
}

.birthday-container .birthday__section__nav a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  border-bottom: 3px solid #000;
  will-change: transform;
  opacity: 0;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: opacity .25s cubic-bezier(.55, .06, .68, .19), -webkit-transform .25s cubic-bezier(.55, .06, .68, .19);
  transition: opacity .25s cubic-bezier(.55, .06, .68, .19), -webkit-transform .25s cubic-bezier(.55, .06, .68, .19);
  transition: transform .25s cubic-bezier(.55, .06, .68, .19), opacity .25s cubic-bezier(.55, .06, .68, .19);
  transition: transform .25s cubic-bezier(.55, .06, .68, .19), opacity .25s cubic-bezier(.55, .06, .68, .19), -webkit-transform .25s cubic-bezier(.55, .06, .68, .19)
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__section__nav a:after {
    bottom: 3px
  }
}

.birthday-container .birthday__plebiscite__wrapper .row,
.birthday-container .birthday__plebiscite__wrapper .sidebar .box .row-box,
.sidebar .box .birthday-container .birthday__plebiscite__wrapper .row-box {
  margin: 0 -1.5em !important
}

@media screen and (max-width:63.9375em) {

  .birthday-container .birthday__plebiscite__wrapper .row,
  .birthday-container .birthday__plebiscite__wrapper .sidebar .box .row-box,
  .sidebar .box .birthday-container .birthday__plebiscite__wrapper .row-box {
    margin: 0 auto !important
  }

  .birthday-container .birthday__plebiscite__wrapper .row .columns,
  .birthday-container .birthday__plebiscite__wrapper .sidebar .box .row-box .columns,
  .sidebar .box .birthday-container .birthday__plebiscite__wrapper .row-box .columns {
    margin: 0 0 40px 0
  }

  .birthday-container .birthday__plebiscite__wrapper .row .columns:last-child,
  .birthday-container .birthday__plebiscite__wrapper .sidebar .box .row-box .columns:last-child,
  .sidebar .box .birthday-container .birthday__plebiscite__wrapper .row-box .columns:last-child {
    margin: 0
  }
}

.birthday-container .birthday__plebiscite__wrapper__item {
  text-align: center
}

.birthday-container .birthday__plebiscite__wrapper__item>div {
  max-width: 323px;
  position: relative;
  margin: auto
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__plebiscite__wrapper__item img {
    max-width: 225px
  }
}

.birthday-container .birthday__plebiscite__mark {
  position: absolute;
  height: 31px;
  width: 109px;
  background-color: #a9804f;
  top: 35px;
  left: -15px;
  color: #fff;
  text-align: center;
  line-height: 33px;
  letter-spacing: .05em;
  font-family: 'LeagueGothic', sans-serif;
  font-size: 22px
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__plebiscite__mark {
    left: -30px
  }
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__plebiscite__mark {
    left: -35px;
    width: 70px
  }
}

.birthday-container .birthday__plebiscite__name {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  margin: 15px 0 10px
}

.birthday-container .birthday__plebiscite__desc {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  color: #a9804f;
  margin: 0 0 20px 0
}

.birthday-container .birthday__plebiscite label {
  position: relative;
  outline: 0;
  border: 0
}

.birthday-container .birthday__plebiscite label input {
  position: absolute;
  opacity: 0
}

.birthday-container .birthday__plebiscite__tabs__content {
  border: 0
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__contest {
    margin: 50px -15px 0
  }
}

.birthday-container .birthday__contest .row,
.birthday-container .birthday__contest .sidebar .box .row-box,
.sidebar .box .birthday-container .birthday__contest .row-box {
  margin: 0 -1.5em !important
}

@media screen and (max-width:53.6875em) {

  .birthday-container .birthday__contest .row,
  .birthday-container .birthday__contest .sidebar .box .row-box,
  .sidebar .box .birthday-container .birthday__contest .row-box {
    margin: 0 auto !important
  }

  .birthday-container .birthday__contest .birthday__section__header {
    background: #eee6dc;
    margin: 0;
    padding-top: 40px
  }

  .birthday-container .birthday__contest .birthday__section__header__title {
    margin: 0
  }
}

.birthday-container .birthday__contest__wrapper {
  padding: 40px 0;
  background: #eee6dc
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__contest__wrapper {
    padding: 20px 0 40px
  }

  .birthday-container .birthday__contest__wrapper .birthday__display-flex,
  .birthday-container .birthday__contest__wrapper .birthday__social__list,
  .birthday-container .birthday__contest__wrapper .birthday__social__list a,
  .birthday-container .birthday__social__list .birthday__contest__wrapper a,
  .birthday-container .birthday__contest__wrapper .birthday__user-box__list,
  .birthday-container .birthday__contest__wrapper .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .birthday__contest__wrapper a,
  .birthday-container .birthday__contest__wrapper .birthday__section__nav__list,
  .birthday-container .birthday__contest__wrapper .birthday__plebiscite__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.birthday-container .birthday__contest__wrapper__item img {
  max-width: 100%;
  display: block
}

.birthday-container .birthday__contest__content {
  text-align: center
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__contest__content {
    margin: 25px auto 0
  }
}

.birthday-container .birthday__contest__content img {
  max-width: 105px;
  margin: auto
}

.birthday-container .birthday__contest__content p {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  line-height: 1.05;
  color: #000;
  margin: 30px 0
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__contest__content p {
    font-size: 36px
  }
}

.birthday-container .birthday__contest__content span {
  display: block;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #a9804f;
  max-width: 324px;
  margin: auto
}

.birthday-container .birthday__worth-reading .row,
.birthday-container .birthday__worth-reading .sidebar .box .row-box,
.sidebar .box .birthday-container .birthday__worth-reading .row-box {
  margin: 0 -1.5em 60px !important
}

.birthday-container .birthday__worth-reading .row:last-child,
.birthday-container .birthday__worth-reading .sidebar .box .row-box:last-child,
.sidebar .box .birthday-container .birthday__worth-reading .row-box:last-child {
  margin: 0 -1.5em 0 !important
}

@media screen and (max-width:53.6875em) {

  .birthday-container .birthday__worth-reading .row,
  .birthday-container .birthday__worth-reading .sidebar .box .row-box,
  .sidebar .box .birthday-container .birthday__worth-reading .row-box {
    margin: 0 auto 30px !important
  }

  .birthday-container .birthday__worth-reading .row:last-child,
  .birthday-container .birthday__worth-reading .sidebar .box .row-box:last-child,
  .sidebar .box .birthday-container .birthday__worth-reading .row-box:last-child {
    margin: 0 auto 0 !important
  }
}

.birthday-container .birthday__worth-reading__wrapper__content {
  text-align: center
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__worth-reading__wrapper__content {
    margin: -20px 0 0 0
  }
}

.birthday-container .birthday__worth-reading__wrapper__content p {
  line-height: 1;
  color: #000;
  font-family: 'LeagueGothic';
  font-size: 42px
}

.birthday-container .birthday__worth-reading__wrapper__content span:not(.birthday__btn) {
  line-height: 1.25;
  color: #a9804f;
  display: block;
  max-width: 330px;
  margin: auto;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400
}

.birthday-container .birthday__worth-reading__wrapper__content .birthday__btn {
  padding: 9px 30px 6px;
  margin: 0 0 20px 0
}

.birthday-container .birthday__news .row,
.birthday-container .birthday__news .sidebar .box .row-box,
.sidebar .box .birthday-container .birthday__news .row-box {
  margin: 0 -1.5em !important
}

@media screen and (max-width:63.9375em) {

  .birthday-container .birthday__news .row,
  .birthday-container .birthday__news .sidebar .box .row-box,
  .sidebar .box .birthday-container .birthday__news .row-box {
    margin: 0 auto !important
  }
}

.birthday-container .birthday__news__wrapper__item {
  text-align: center
}

.birthday-container .birthday__news a {
  color: #000;
  text-decoration: none;
  display: block
}

.birthday-container .birthday__news p {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 32px;
  line-height: 1.125;
  margin: 0
}

@media screen and (max-width:63.9375em) {
  .birthday-container .birthday__news img {
    display: block;
    margin: auto
  }
}

.birthday-container .birthday__news .birthday__btn {
  position: relative;
  top: -20px
}

.birthday-container .birthday__news .slick-arrow {
  cursor: pointer;
  outline: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: calc(-25% - 13px);
  bottom: 0;
  margin: auto
}

.birthday-container .birthday__news .slick-arrow:before {
  display: none
}

.birthday-container .birthday__news .slick-prev {
  left: -4px;
  border-top: 0;
  border-right: 0
}

.birthday-container .birthday__news .slick-next {
  right: -4px;
  border-bottom: 0;
  border-left: 0
}

.birthday-container .birthday__footer-main {
  border-top: 1px solid #cca37b;
  padding: 25px 0;
  text-align: center;
  margin: 80px 0 0 0
}

.birthday-container .birthday__popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(67, 67, 67, .43);
  z-index: -1;
  opacity: 0;
  padding: 15px;
  visibility: hidden;
  -webkit-transition: opacity .25s ease-in 0s;
  transition: opacity .25s ease-in 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.birthday-container .birthday__popup.open {
  z-index: 99999;
  opacity: 1;
  visibility: visible
}

.birthday-container .birthday__popup>div {
  padding: 45px 15px 80px;
  background: #fff;
  text-align: center;
  max-width: 485px;
  width: 100%
}

.birthday-container .birthday__popup>div .close {
  cursor: pointer;
  color: #707070;
  line-height: 1;
  margin: -10px 0 0 0;
  display: block;
  font-size: 25px;
  font-style: normal
}

.birthday-container .birthday__popup>div p {
  font-family: 'LeagueGothic';
  font-size: 36px;
  color: #1c1c1c;
  line-height: 1.05;
  margin: 40px 0
}

@media screen and (max-width:53.6875em) {
  .birthday-container .birthday__popup>div p {
    margin: 30px 0 20px
  }
}

.birthday-container .birthday__popup>div span {
  line-height: 1.25;
  color: #a9804f;
  display: block;
  max-width: 330px;
  margin: auto;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400
}

.birthday-container .birthday__popup>div .birthday__btn {
  max-width: 188px;
  width: 100%;
  display: block;
  margin: 0 auto
}

.birthday-container .birthday__popup>div .birthday__btn:last-child {
  margin: 10px auto 0
}

.birthday__nav-btn a {
  color: #a9804f
}

.special-box .logo18 {
  max-width: 70px
}

.off-canvas-wrapper .off-canvas .title img.logo18 {
  height: auto;
  max-width: 165px
}

.birthday-sg-page .logo {
  max-width: 165px;
  margin: 0 auto 30px
}

@media screen and (max-width:63.9375em) {
  .birthday-sg-page .logo {
    margin: 0 auto 15px;
    display: block
  }
}

.birthday-sg-page .content {
  text-align: center;
  max-width: 510px;
  padding: 0 15px;
  margin: auto
}

.birthday-sg-page .content img {
  display: block
}

.birthday-sg-page .content .logo {
  max-width: 165px;
  margin: auto
}

.birthday-sg-page .content p {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  line-height: 1.05;
  color: #000;
  margin: 30px 0
}

@media screen and (max-width:63.9375em) {
  .birthday-sg-page .content p {
    margin: 20px 0;
    font-size: 36px
  }
}

.birthday-sg-page .content span {
  display: block;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #a9804f;
  max-width: 324px;
  margin: auto
}

.birthday-sg-page .content .btn {
  background: #a9804f;
  display: inline-block;
  font-family: 'LeagueGothic';
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  padding: 7px 40px 6px;
  text-decoration: none;
  line-height: 1;
  letter-spacing: .01em;
  margin: 20px auto 0
}

.birthday-sg-page .content-list .list-box .text-box h2 a {
  background: #a9804f;
  border-color: #a9804f;
  color: #fff
}

.birthday-sg-page .two-columns .list-box .columns img {
  width: auto;
  max-height: none !important
}

@media screen and (max-width:800px) {
  .birthday-sg-page .content-list .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
  }
}

@media screen and (max-width:640px) {
  .birthday-sg-page .content-list .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.premium-report {
  max-width: 1920px;
  margin: auto;
  color: #000
}

.premium-report.report {
  margin: 0
}

@media screen and (max-width:78.125em) {
  .premium-report.report {
    padding: 0 15px
  }
}

.premium-report img {
  max-width: 100%
}

.premium-report .add.filled-ad {
  margin-bottom: 40px
}

@media screen and (max-width:63.9375em) {
  .premium-report .add.filled-ad {
    margin-bottom: 30px
  }
}

@media screen and (max-width:39.9375em) {
  .premium-report .add.filled-ad {
    padding: 0 15px
  }
}

.premium-report .row,
.premium-report .sidebar .box .row-box,
.sidebar .box .premium-report .row-box {
  margin: 0 auto !important
}

.premium-report .report__container {
  max-width: 1200px;
  width: 100%;
  margin: auto
}

.premium-report .report__display-flex,
.premium-report .report__user-box__list,
.premium-report .report__user-box__list a,
.premium-report .report__section__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.premium-report .report__flex-align-center,
.premium-report .report__user-box__list a,
.premium-report .report__user-box__circle,
.premium-report .report__section__nav__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.premium-report .report__flex-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.premium-report .report__flex-justify-center,
.premium-report .report__user-box__list a,
.premium-report .report__user-box__circle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.premium-report .report__flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.premium-report .report__header-main {
  background: #fff
}

.premium-report .report__btn {
  background: #024991;
  display: inline-block;
  font-family: 'LeagueGothic';
  font-size: 22px;
  color: #fefefe;
  border: 1px solid #024991;
  text-transform: uppercase;
  padding: 15px 30px 12px;
  text-decoration: none;
  line-height: 1;
  letter-spacing: .01em
}

.premium-report .report__btn--white {
  background: #fefefe;
  color: #024991;
  border: 0
}

.premium-report .report__btn--white a {
  color: #024991
}

.premium-report .report__btn--small {
  padding: 7px 30px 4px
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__btn--small-mobile {
    padding: 9px 30px 6px
  }
}

.premium-report .report__logo {
  padding: 2px 0
}

.premium-report .report__logo a {
  display: block
}

.premium-report .report__user-box__list {
  list-style: none;
  padding: 0;
  margin: 0
}

.premium-report .report__user-box__list a {
  text-decoration: none;
  color: #f0177b
}

.premium-report .report__user-box__circle {
  height: 50px;
  width: 50px;
  background-color: #f0177b;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 14px;
  border: 1px solid #f0177b
}

.premium-report .report__user-box__circle--white {
  background: #fff;
  color: #f0177b
}

.premium-report .report__user-box__circle img {
  height: 24px;
  width: 24px
}

.premium-report .report__user-box__text {
  font-size: 18px;
  font-family: 'Sk-Modernist', sans-serif;
  font-weight: 400
}

.premium-report .report__section-title {
  margin-bottom: 20px !important
}

.premium-report .report__section-title .title {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 58px;
  line-height: 1;
  color: #000;
  margin: 0 0 10px 0
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__section-title .title {
    font-size: 52px;
    margin: 0 0 15px 0
  }
}

.premium-report .report__section-title span {
  line-height: 1.25;
  color: #024991;
  display: block;
  max-width: 330px;
  margin: auto;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__section-video {
    margin: 0 -15px 30px !important;
    background: #f8f8f8;
    padding: 30px 30px 40px
  }

  .premium-report .report__section-video .report__contest__wrapper {
    padding: 0
  }

  .premium-report .report__section-video .report__section__header {
    margin-bottom: 0
  }

  .premium-report .report__section-video .report__section__header .report__section__header__title {
    margin-bottom: 0
  }
}

.premium-report .report__section-video .temp-img {
  margin-bottom: -6%;
  position: relative;
  padding-bottom: 36%;
  overflow: hidden
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__section-video .temp-img {
    margin-bottom: 0
  }
}

.premium-report .report__section-video .temp-img video,
.premium-report .report__section-video .temp-img picture {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.premium-report .report__section-video .temp-img video img,
.premium-report .report__section-video .temp-img picture img {
  width: 100%
}

@media screen and (max-width:39.9375em) {

  .premium-report .report__section-video .temp-img video .icon-play-circle,
  .premium-report .report__section-video .temp-img picture .icon-play-circle {
    top: 25%
  }
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__section-video .temp-img {
    padding-bottom: 62%
  }
}

.premium-report .report__section-video .report__container.player {
  background-color: #f8f8f8
}

.premium-report .report__section-video .report__container.player .report__teaser {
  max-width: none;
  padding: 20px 0 0;
  background: transparent
}

.premium-report .report__section-video .report__container.player .report__teaser .report__teaser__header {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 42px;
  line-height: 44px
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__section-video .report__container.player .report__teaser .report__teaser__header {
    font-size: 36px;
    letter-spacing: .01em;
    line-height: 38px
  }
}

.premium-report .report__section-video .report__container .temp-img {
  padding-bottom: 0
}

.premium-report .report__section-video .report__container .temp-img video,
.premium-report .report__section-video .report__container .temp-img picture {
  position: static
}

.premium-report .report__section-video .report__container .report__teaser {
  max-width: 536px
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__section-video .report__container .report__teaser {
    background-color: transparent
  }
}

.premium-report .report__section-video .report__container .report__teaser__header p {
  font-size: 42px;
  line-height: 44px
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__section-video .report__container .report__teaser__header p {
    padding-bottom: 0;
    font-size: 36px;
    line-height: 38px
  }
}

.premium-report .report__section-video .report__container .report__teaser__header a {
  color: #0a0a0a
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section-photo {
    margin: 0 -15px 30px !important
  }
}

.premium-report .report__section-photo .temp-img {
  margin-bottom: -6%;
  position: relative;
  padding-bottom: 36%;
  overflow: hidden
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section-photo .temp-img {
    margin-bottom: -16%
  }
}

.premium-report .report__section-photo .temp-img picture {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.premium-report .report__section-photo .temp-img picture img {
  width: 100%
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__section-photo .temp-img {
    padding-bottom: 62%
  }
}

.premium-report .report__section-photo .report__container .temp-img {
  padding-bottom: 0
}

.premium-report .report__section-photo .report__container .temp-img video,
.premium-report .report__section-photo .report__container .temp-img picture {
  position: static
}

.premium-report .report__section-photo .report__container .report__teaser {
  max-width: 536px
}

.premium-report .report__teaser {
  text-align: center;
  background: #fff;
  max-width: 750px;
  padding: 35px 5% 0;
  margin: 0 auto;
  z-index: 3;
  position: relative
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__teaser {
    max-width: calc(100% - 72px);
    padding: 25px 0 0
  }
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__teaser {
    padding: 14px 0 0
  }
}

.premium-report .report__teaser__header {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 58px;
  line-height: 1;
  color: #000;
  padding: 0 0 10px 0
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__teaser__header {
    font-size: 52px;
    padding: 0 0 10px 0
  }
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__teaser__header {
    padding: 0 10px;
    font-size: 36px
  }
}

.premium-report .report__teaser__header a {
  color: #0a0a0a
}

.premium-report .report__teaser__text {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  color: #024991;
  margin: 0
}

.premium-report .report__teaser__author {
  margin-top: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.premium-report .report__teaser__author>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.premium-report .report__teaser__author .avatar {
  width: 48px;
  height: 48px;
  border-radius: 25px;
  margin-right: 30px
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__teaser__author .avatar {
    margin-right: 10px
  }
}

.premium-report .report__teaser__author div {
  text-align: left;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 14px;
  font-weight: 400
}

.premium-report .report__teaser__author div.description {
  font-weight: 700
}

.premium-report .report__teaser__author a {
  color: #000
}

.premium-report .report__section {
  margin: 0 0 40px 0;
  position: relative
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__section {
    margin: 0 0 40px 0
  }
}

.premium-report .report__section__header {
  margin: 0 0 20px 0
}

@media screen and (max-width:53.6875em) {

  .premium-report .report__section__header>.report__display-flex .birthday__display-flex,
  .premium-report .report__section__header>.report__user-box__list .birthday__display-flex,
  .premium-report .report__user-box__list .report__section__header>a .birthday__display-flex,
  .premium-report .report__section__header>.report__section__nav__list .birthday__display-flex,
  .premium-report .report__section__header>.report__display-flex .birthday-container .birthday__social__list,
  .birthday-container .premium-report .report__section__header>.report__display-flex .birthday__social__list,
  .premium-report .report__section__header>.report__user-box__list .birthday-container .birthday__social__list,
  .birthday-container .premium-report .report__section__header>.report__user-box__list .birthday__social__list,
  .premium-report .report__user-box__list .report__section__header>a .birthday-container .birthday__social__list,
  .birthday-container .premium-report .report__user-box__list .report__section__header>a .birthday__social__list,
  .premium-report .report__section__header>.report__section__nav__list .birthday-container .birthday__social__list,
  .birthday-container .premium-report .report__section__header>.report__section__nav__list .birthday__social__list,
  .premium-report .report__section__header>.report__display-flex .birthday-container .birthday__social__list a,
  .birthday-container .birthday__social__list .premium-report .report__section__header>.report__display-flex a,
  .premium-report .report__section__header>.report__user-box__list .birthday-container .birthday__social__list a,
  .birthday-container .birthday__social__list .premium-report .report__section__header>.report__user-box__list a,
  .premium-report .report__user-box__list .report__section__header>a .birthday-container .birthday__social__list a,
  .birthday-container .birthday__social__list .premium-report .report__user-box__list .report__section__header>a a,
  .premium-report .report__section__header>.report__section__nav__list .birthday-container .birthday__social__list a,
  .birthday-container .birthday__social__list .premium-report .report__section__header>.report__section__nav__list a,
  .premium-report .report__section__header>.report__display-flex .birthday-container .birthday__user-box__list,
  .birthday-container .premium-report .report__section__header>.report__display-flex .birthday__user-box__list,
  .premium-report .report__section__header>.report__user-box__list .birthday-container .birthday__user-box__list,
  .birthday-container .premium-report .report__section__header>.report__user-box__list .birthday__user-box__list,
  .premium-report .report__user-box__list .report__section__header>a .birthday-container .birthday__user-box__list,
  .birthday-container .premium-report .report__user-box__list .report__section__header>a .birthday__user-box__list,
  .premium-report .report__section__header>.report__section__nav__list .birthday-container .birthday__user-box__list,
  .birthday-container .premium-report .report__section__header>.report__section__nav__list .birthday__user-box__list,
  .premium-report .report__section__header>.report__display-flex .birthday-container .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .premium-report .report__section__header>.report__display-flex a,
  .premium-report .report__section__header>.report__user-box__list .birthday-container .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .premium-report .report__section__header>.report__user-box__list a,
  .premium-report .report__user-box__list .report__section__header>a .birthday-container .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .premium-report .report__user-box__list .report__section__header>a a,
  .premium-report .report__section__header>.report__section__nav__list .birthday-container .birthday__user-box__list a,
  .birthday-container .birthday__user-box__list .premium-report .report__section__header>.report__section__nav__list a,
  .premium-report .report__section__header>.report__display-flex .birthday-container .birthday__section__nav__list,
  .birthday-container .premium-report .report__section__header>.report__display-flex .birthday__section__nav__list,
  .premium-report .report__section__header>.report__user-box__list .birthday-container .birthday__section__nav__list,
  .birthday-container .premium-report .report__section__header>.report__user-box__list .birthday__section__nav__list,
  .premium-report .report__user-box__list .report__section__header>a .birthday-container .birthday__section__nav__list,
  .birthday-container .premium-report .report__user-box__list .report__section__header>a .birthday__section__nav__list,
  .premium-report .report__section__header>.report__section__nav__list .birthday-container .birthday__section__nav__list,
  .birthday-container .premium-report .report__section__header>.report__section__nav__list .birthday__section__nav__list,
  .premium-report .report__section__header>.report__display-flex .birthday-container .birthday__plebiscite__wrapper,
  .birthday-container .premium-report .report__section__header>.report__display-flex .birthday__plebiscite__wrapper,
  .premium-report .report__section__header>.report__user-box__list .birthday-container .birthday__plebiscite__wrapper,
  .birthday-container .premium-report .report__section__header>.report__user-box__list .birthday__plebiscite__wrapper,
  .premium-report .report__user-box__list .report__section__header>a .birthday-container .birthday__plebiscite__wrapper,
  .birthday-container .premium-report .report__user-box__list .report__section__header>a .birthday__plebiscite__wrapper,
  .premium-report .report__section__header>.report__section__nav__list .birthday-container .birthday__plebiscite__wrapper,
  .birthday-container .premium-report .report__section__header>.report__section__nav__list .birthday__plebiscite__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }
}

.premium-report .report__section__header a {
  color: #0a0a0a
}

.premium-report .report__section__header__title {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 58px;
  line-height: 1;
  color: #000;
  margin: 0 30px 0 0
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__section__header__title {
    font-size: 48px;
    margin: 0 15px 0 0
  }
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section__header__title {
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center
  }
}

.premium-report .report__section .report__container {
  max-width: 1200px
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section__nav {
    width: 100%
  }
}

.premium-report .report__section__nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section__nav__list {
    display: block;
    text-align: center
  }
}

.premium-report .report__section__nav__list__item {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  float: none;
  line-height: 1;
  color: #a9804f;
  margin: 0 25px 0 0;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: color .25s cubic-bezier(.55, .06, .68, .19);
  transition: color .25s cubic-bezier(.55, .06, .68, .19)
}

.premium-report .report__section__nav__list__item:last-child {
  margin: 0
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__section__nav__list__item {
    font-size: 16px;
    margin: 0 15px 0 0
  }
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section__nav__list__item {
    margin: 0 7px !important;
    font-size: 16px;
    display: inline-block;
    line-height: 2.2
  }
}

.premium-report .report__section__nav__list__item.is-active a,
.premium-report .report__section__nav__list__item:hover a {
  color: #000;
  background: #fff
}

.premium-report .report__section__nav__list__item.is-active a:after,
.premium-report .report__section__nav__list__item:hover a:after {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.premium-report .report__section__nav a {
  display: block;
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  padding: 0
}

.premium-report .report__section__nav a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  border-bottom: 3px solid #000;
  will-change: transform;
  opacity: 0;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: opacity .25s cubic-bezier(.55, .06, .68, .19), -webkit-transform .25s cubic-bezier(.55, .06, .68, .19);
  transition: opacity .25s cubic-bezier(.55, .06, .68, .19), -webkit-transform .25s cubic-bezier(.55, .06, .68, .19);
  transition: transform .25s cubic-bezier(.55, .06, .68, .19), opacity .25s cubic-bezier(.55, .06, .68, .19);
  transition: transform .25s cubic-bezier(.55, .06, .68, .19), opacity .25s cubic-bezier(.55, .06, .68, .19), -webkit-transform .25s cubic-bezier(.55, .06, .68, .19)
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__section__nav a:after {
    bottom: 3px
  }

  .premium-report .report__quotation {
    margin: 0 -15px 30px !important
  }
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__quotation .report__contest__content {
    padding: 0;
    margin-top: 20px
  }
}

.premium-report .report__quotation .report__contest__content span {
  margin-bottom: 0
}

.premium-report .report__quotation .report__contest__content p {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  line-height: 49px;
  color: #000;
  letter-spacing: .01em
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__quotation .report__contest__content p {
    font-size: 36px;
    line-height: 39px;
    letter-spacing: .02em
  }
}

.premium-report .report__quotation .report__contest__content p a {
  color: #000
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__banner .report__container {
    padding: 0 15px
  }

  .premium-report .report__infographics .report__container {
    padding: 0 15px
  }
}

.premium-report .report__infographics .caption {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: rgba(10, 10, 10, .5);
  text-align: left;
  margin-top: 5px
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__contest {
    margin: 50px -15px 0
  }
}

.premium-report .report__contest.download .report__contest__wrapper__item {
  max-width: initial
}

.premium-report .report__contest.download .report__btn svg {
  margin-right: 10px;
  height: 17px;
  width: 17px
}

.premium-report .report__contest.pstest .report__contest__wrapper__item__query {
  max-width: 580px;
  margin: 0 auto
}

.premium-report .report__contest .row,
.premium-report .report__contest .sidebar .box .row-box,
.sidebar .box .premium-report .report__contest .row-box {
  margin: 0 -.5em !important;
  border-bottom: 0;
  padding-bottom: 0
}

@media screen and (max-width:53.6875em) {

  .premium-report .report__contest .row,
  .premium-report .report__contest .sidebar .box .row-box,
  .sidebar .box .premium-report .report__contest .row-box {
    margin: 0 auto !important
  }
}

@media screen and (max-width:39.9375em) {

  .premium-report .report__contest .row,
  .premium-report .report__contest .sidebar .box .row-box,
  .sidebar .box .premium-report .report__contest .row-box {
    padding: 0 15px
  }
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__contest .report__section__header {
    background: #eee6dc;
    margin: 0;
    padding-top: 40px
  }

  .premium-report .report__contest .report__section__header__title {
    margin: 0
  }
}

.premium-report .report__contest__wrapper {
  padding: 40px 0;
  background: #f8f8f8
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__contest__wrapper {
    padding: 20px 0 40px
  }
}

@media screen and (max-width:39.9375em) {
  .premium-report .report__contest__wrapper {
    padding: 30px 30px 40px
  }

  .premium-report .report__contest__wrapper .report__section__header {
    background: #f8f8f8;
    padding-top: 0;
    padding-bottom: 15px
  }

  .premium-report .report__contest__wrapper .column,
  .premium-report .report__contest__wrapper .columns,
  .premium-report .report__contest__wrapper .columns {
    padding: 0
  }

  .premium-report .report__contest__wrapper .column .report__btn,
  .premium-report .report__contest__wrapper .columns .report__btn,
  .premium-report .report__contest__wrapper .columns .report__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
  }
}

.premium-report .report__contest__wrapper .row,
.premium-report .report__contest__wrapper .sidebar .box .row-box,
.sidebar .box .premium-report .report__contest__wrapper .row-box {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

@media screen and (max-width:53.6875em) {

  .premium-report .report__contest__wrapper .row,
  .premium-report .report__contest__wrapper .sidebar .box .row-box,
  .sidebar .box .premium-report .report__contest__wrapper .row-box {
    padding: 0
  }

  .premium-report .report__contest__wrapper .report__display-flex,
  .premium-report .report__contest__wrapper .report__user-box__list,
  .premium-report .report__contest__wrapper .report__user-box__list a,
  .premium-report .report__user-box__list .report__contest__wrapper a,
  .premium-report .report__contest__wrapper .report__section__nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.premium-report .report__contest__wrapper__item {
  max-width: 461px
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__contest__wrapper__item {
    max-width: none
  }
}

.premium-report .report__contest__wrapper__item img {
  max-width: 100%;
  display: block
}

.premium-report .report__contest__wrapper__item__image {
  max-width: 485px
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__contest__wrapper__item__image {
    max-width: none
  }

  .premium-report .report__contest__wrapper__item__image img {
    display: block;
    margin: 0 auto
  }
}

.premium-report .report__contest__wrapper__item__query {
  max-width: 580px
}

.premium-report .report__contest__wrapper__item__query label {
  cursor: pointer;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-family: "ModernistRegular", Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem;
  font-size: .9rem;
  position: relative;
  background-color: #fefefe;
  color: #0a0a0a;
  border-radius: 0;
  margin: 0 0 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #024991
}

.premium-report .report__contest__wrapper__item__query label .answer-text {
  text-align: left;
  line-height: normal
}

.premium-report .report__contest__wrapper__item__query label input {
  display: none
}

.premium-report .report__contest__wrapper__item__query label .fa-check {
  border: 1px solid #024991;
  border-radius: 50%;
  margin-right: .8rem;
  margin-left: .5rem;
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.premium-report .report__contest__wrapper__item__query label .fa-check:before {
  visibility: hidden;
  width: 1rem
}

.premium-report .report__contest__wrapper__item__query label .fa-check:focus,
.premium-report .report__contest__wrapper__item__query label .fa-check:hover {
  border: 1px solid #fefefe;
  color: #fefefe;
  background-color: #024991
}

.premium-report .report__contest__wrapper__item__query label:focus .fa-check,
.premium-report .report__contest__wrapper__item__query label:hover .fa-check {
  border: 1px solid #024991;
  color: #024991;
  background-color: #fefefe
}

.premium-report .report__contest__wrapper__item__query label:focus .fa-check:before,
.premium-report .report__contest__wrapper__item__query label:hover .fa-check:before {
  visibility: visible;
  content: '•';
  color: #024991;
  height: 20px;
  font-size: 36px;
  margin-top: -18px;
  display: block;
  margin-left: 1px
}

@media screen and (max-width:79.9375em) {

  .premium-report .report__contest__wrapper__item__query label:focus .fa-check:before,
  .premium-report .report__contest__wrapper__item__query label:hover .fa-check:before {
    margin-left: 0
  }
}

.premium-report .report__contest__wrapper__item__query label.active {
  background-color: #fefefe;
  border-color: #024991;
  color: #fefefe
}

.premium-report .report__contest__wrapper__item__query label.active .answer-text {
  color: #0a0a0a
}

.premium-report .report__contest__wrapper__item__query label.active .fa-check {
  border: 1px solid #024991;
  color: #024991
}

.premium-report .report__contest__wrapper__item__query label.active .fa-check:before {
  visibility: visible;
  content: '•';
  color: #024991;
  height: 20px;
  font-size: 36px;
  margin-top: -18px;
  display: block;
  margin-left: 1px
}

@media screen and (max-width:79.9375em) {
  .premium-report .report__contest__wrapper__item__query label.active .fa-check:before {
    margin-left: 0
  }
}

.premium-report .report__contest__wrapper__item__query label.active .awserText {
  color: #fefefe
}

.premium-report .report__contest__wrapper__item__query label:last-child {
  margin-bottom: 0
}

.premium-report .report__contest__wrapper__item__query label .fa-check {
  text-align: center
}

.premium-report .report__contest__wrapper__item__query label .fa-check:before {
  width: 1rem
}

.premium-report .report__contest__wrapper__item__query label span {
  margin: 0;
  color: #0a0a0a;
  font-size: .9rem;
  font-weight: 400;
  text-align: left
}

.premium-report .report__contest__wrapper__item__query label .answer .report__contest__content {
  margin-top: 0
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__contest__wrapper__item__query label .answer .report__contest__content {
    width: 100%
  }

  .premium-report .report__contest__wrapper__item__query label .answer .report__contest__content .title b {
    display: block;
    font-weight: 400
  }
}

.premium-report .report__contest__wrapper__item__query label .answer .report__contest__content__list {
  padding: 0 0 0 40px
}

.premium-report .report__contest__wrapper__item__query label .query .title {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  letter-spacing: .01em;
  line-height: 44px;
  text-align: left;
  color: #000;
  margin: 0 0 15px
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__contest__wrapper__item__query label .query .title {
    font-size: 36px
  }
}

.premium-report .report__contest__wrapper__item__query .vote .button {
  margin-top: 30px;
  margin-bottom: 0
}

.premium-report .report__contest__content {
  text-align: center
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__contest__content {
    margin: 25px auto 0
  }
}

.premium-report .report__contest__content img {
  max-width: 105px;
  margin: auto;
  margin-bottom: 20px
}

.premium-report .report__contest__content .title {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  letter-spacing: .01em;
  line-height: 44px;
  color: #000;
  margin: 0 0 15px
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__contest__content .title {
    font-size: 36px
  }
}

.premium-report .report__contest__content span,
.premium-report .report__contest__content .lead {
  display: block;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #024991;
  margin: 0 auto 20px
}

.premium-report .report__contest__content span p,
.premium-report .report__contest__content .lead p {
  margin-bottom: 0
}

.premium-report .report__contest__content.query .title {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px
}

.premium-report .report__contest__content__list {
  margin: 30px 0 0;
  padding: 0 10%;
  list-style: none
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__contest__content__list {
    padding: 0 5%
  }
}

.premium-report .report__contest__content__list li {
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0a0a0a;
  margin-left: 0;
  text-align: left;
  margin-bottom: 20px;
  line-height: 22px
}

.premium-report .report__contest__content__list li:last-child {
  margin-bottom: 0
}

.premium-report .report__contest__content__list li .number {
  display: inline-block;
  padding-right: 20px;
  min-width: 66px;
  text-align: right;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: 0;
  border-right: 1px solid #024991;
  color: #024991;
  font-family: 'LeagueGothic', sans-serif;
  font-size: 32px;
  line-height: 42px
}

.premium-report .report__news {
  margin-bottom: 20px
}

.premium-report .report__news .row,
.premium-report .report__news .sidebar .box .row-box,
.sidebar .box .premium-report .report__news .row-box {
  border-bottom: 0;
  margin: 0 -.5em !important;
  padding-bottom: 0
}

@media screen and (max-width:63.9375em) {

  .premium-report .report__news .row,
  .premium-report .report__news .sidebar .box .row-box,
  .sidebar .box .premium-report .report__news .row-box {
    margin: 0 auto !important
  }
}

.premium-report .report__news .row .columns,
.premium-report .report__news .sidebar .box .row-box .columns,
.sidebar .box .premium-report .report__news .row-box .columns {
  margin-bottom: 20px
}

@media screen and (max-width:53.6875em) {

  .premium-report .report__news .row .columns,
  .premium-report .report__news .sidebar .box .row-box .columns,
  .sidebar .box .premium-report .report__news .row-box .columns {
    margin-bottom: 0
  }
}

.premium-report .report__news .slick-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0
}

.premium-report .report__news .slick-slider .slick-list .columns {
  display: block
}

.premium-report .report__news__wrapper__item {
  text-align: center
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__news__wrapper__item {
    margin-bottom: 30px
  }
}

.premium-report .report__news__wrapper__item__query {
  max-width: 462px
}

.premium-report .report__news__wrapper__item .report__btn--white a {
  color: #024991
}

.premium-report .report__news a {
  color: #000;
  text-decoration: none;
  display: block
}

.premium-report .report__news p {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  line-height: 1.125;
  letter-spacing: .02em;
  margin: 0
}

@media screen and (max-width:53.6875em) {
  .premium-report .report__news p {
    font-size: 36px;
    line-height: 38px
  }
}

@media screen and (max-width:63.9375em) {
  .premium-report .report__news img {
    display: block;
    margin: auto
  }
}

.premium-report .report__news .report__btn {
  position: relative;
  top: -20px
}

.premium-report .report__news .slick-arrow {
  cursor: pointer;
  outline: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: calc(-25% - 13px);
  bottom: 0;
  margin: auto
}

.premium-report .report__news .slick-arrow:before {
  display: none
}

.premium-report .report__news .slick-prev {
  left: -4px;
  border-top: 0;
  border-right: 0
}

.premium-report .report__news .slick-next {
  right: -4px;
  border-bottom: 0;
  border-left: 0
}

.premium-report .report__news.simple p {
  margin-top: 20px
}

.premium-report .report__footer-main {
  border-top: 1px solid #cca37b;
  padding: 25px 0;
  text-align: center;
  margin: 80px 0 0 0
}

.premium-report .report .query {
  max-width: 100%
}

.report__nav-btn a {
  color: #a9804f
}

.special-box .logo18 {
  max-width: 70px
}

.off-canvas-wrapper .off-canvas .title img.logo18 {
  height: auto;
  max-width: 165px
}

.report-sg-page .logo {
  max-width: 165px;
  margin: 0 auto 30px
}

@media screen and (max-width:63.9375em) {
  .report-sg-page .logo {
    margin: 0 auto 15px;
    display: block
  }
}

.report-sg-page .content {
  text-align: center;
  max-width: 510px;
  padding: 0 15px;
  margin: auto
}

.report-sg-page .content img {
  display: block
}

.report-sg-page .content .logo {
  max-width: 165px;
  margin: auto
}

.report-sg-page .content p {
  font-family: 'LeagueGothic', sans-serif;
  font-size: 42px;
  line-height: 1.05;
  color: #000;
  margin: 30px 0
}

@media screen and (max-width:63.9375em) {
  .report-sg-page .content p {
    margin: 20px 0;
    font-size: 36px
  }
}

.report-sg-page .content span {
  display: block;
  font-family: 'Sk-Modernist', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #a9804f;
  max-width: 324px;
  margin: auto
}

.report-sg-page .content .btn {
  background: #a9804f;
  display: inline-block;
  font-family: 'LeagueGothic';
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  padding: 7px 40px 6px;
  text-decoration: none;
  line-height: 1;
  letter-spacing: .01em;
  margin: 20px auto 0
}

.report-sg-page .content-list .list-box .text-box h2 a {
  background: #a9804f;
  border-color: #a9804f;
  color: #fff
}

.report-sg-page .two-columns .list-box .columns img {
  width: auto;
  max-height: none
}

@media screen and (max-width:800px) {
  .report-sg-page .content-list .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
  }
}

@media screen and (max-width:640px) {
  .report-sg-page .content-list .list-box .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media screen and (max-width:63.9375em) {
  .prezentowy-quiz .title__quiz {
    max-width: 160px
  }
}

.prezentowy-quiz .quiz__container {
  min-height: 400px;
  padding: 0 70px;
  background-image: url(../img/img/prezentowy-quiz/quiz-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}

@media screen and (max-width:79.9375em) {
  .prezentowy-quiz .quiz__container {
    padding: 0 30px
  }
}

@media screen and (max-width:63.9375em) {
  .prezentowy-quiz .quiz__container {
    min-height: 1px;
    padding: 0 15px
  }
}

@media screen and (max-width:53.6875em) {
  .prezentowy-quiz .quiz__container {
    padding: 1px 15px;
    text-align: center;
    margin: 1rem auto 0
  }
}

@media screen and (max-width:39.9375em) {
  .prezentowy-quiz .quiz__container {
    padding: 10px 0
  }
}

.prezentowy-quiz .quiz__container .columns {
  overflow: visible
}

.prezentowy-quiz .quiz__header {
  line-height: 1;
  font-family: 'LeagueGothic', sans-serif;
  font-size: 50px;
  font-weight: 600
}

@media screen and (max-width:63.9375em) {
  .prezentowy-quiz .quiz__header {
    font-size: 42px
  }
}

@media screen and (max-width:39.9375em) {
  .prezentowy-quiz .quiz__header {
    font-size: 32px
  }
}

.prezentowy-quiz .quiz__desc {
  margin: 25px auto 30px;
  font-size: 18px;
  font-weight: 300
}

@media screen and (max-width:63.9375em) {
  .prezentowy-quiz .quiz__desc {
    margin: 15px auto 25px;
    line-height: 1.3;
    font-size: 18px
  }
}

@media screen and (max-width:53.6875em) {
  .prezentowy-quiz .quiz__desc {
    font-size: 17px
  }
}

.prezentowy-quiz .quiz__btn {
  display: inline-block;
  background: #ee237d;
  padding: 5px 25px;
  color: #fff;
  font-size: 20px;
  font-weight: 600
}

@media screen and (max-width:63.9375em) {
  .prezentowy-quiz .quiz__btn {
    padding: 5px 35px;
    font-size: 18px
  }
}

.prezentowy-quiz .quiz__products__list {
  list-style: none;
  padding: 30px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 392px;
  background: #ee237d;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 35, 125, .2)), to(transparent));
  background: linear-gradient(to bottom, rgba(238, 35, 125, .2) 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee237d', endColorstr='#e5e5e5', GradientType=0)
}

@media screen and (max-width:79.9375em) {
  .prezentowy-quiz .quiz__products__list {
    padding: 15px
  }
}

@media screen and (max-width:53.6875em) {
  .prezentowy-quiz .quiz__products__list {
    max-width: none;
    width: calc(100% + 50px);
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 15px -25px 0;
    padding: 6px
  }
}

@media screen and (max-width:39.9375em) {
  .prezentowy-quiz .quiz__products__list {
    width: calc(100% + 36px);
    margin: 15px -18px 0
  }
}

.prezentowy-quiz .quiz__products__list__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 3px
}

@media screen and (max-width:53.6875em) {
  .prezentowy-quiz .quiz__products__list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media screen and (max-width:39.9375em) {
  .prezentowy-quiz .quiz__products__list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
}

.prezentowy-quiz .quiz__products__list__item img {
  width: 100%
}

.CMExpert {
  background: #f0f0f0;
  padding: 30px 50px;
  margin: 15px auto;
  position: relative
}

@media screen and (max-width:22.4375em) {
  .CMExpert {
    padding: 30px 20px
  }
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert--border-mobile {
    border-top: 1px solid #ee74aa;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0
  }
}

@media screen and (min-width:40em) {
  .CMExpert .CMExpert--border-desktop {
    border-left: 1px solid #ee74aa;
    padding: 0 0 0 30px;
    margin: 0 0 0 35px
  }
}

.CMExpert .CMExpert__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.CMExpert .CMExpert__columns--left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 115px;
  flex: 0 0 115px;
  max-width: 115px
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert__columns--left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.CMExpert .CMExpert__columns--right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 115px);
  flex: 0 0 calc(100% - 115px);
  max-width: calc(100% - 115px)
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert__columns--right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.CMExpert .CMExpert__header {
  font-size: 19px;
  font-family: 'ModernistBold', sans-serif;
  line-height: 23px;
  color: #333
}

.CMExpert .CMExpert__header--mobile {
  display: none
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert__header--mobile {
    display: block;
    text-align: center
  }
}

.CMExpert .CMExpert__header--desktop {
  display: block
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert__header--desktop {
    display: none
  }
}

.CMExpert .CMExpert__photo {
  margin: 0 auto 15px
}

.CMExpert .CMExpert__photo img {
  max-width: 100px;
  width: 100%;
  border-radius: 50%
}

.CMExpert .CMExpert__title {
  font-size: 12px;
  font-family: 'ModernistRegular', sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #333
}

.CMExpert .CMExpert__name {
  font-size: 21px;
  font-family: 'LeagueGothic', sans-serif;
  font-weight: 400;
  color: #024991;
  line-height: 1;
  letter-spacing: 1px;
  margin: 2px 0
}

.CMExpert .CMExpert__position {
  font-size: 12px;
  font-family: 'ModernistBold', sans-serif;
  color: #333;
  line-height: 1;
  text-transform: uppercase
}

.CMExpert .CMExpert__lead {
  font-size: 18px;
  font-family: 'ModernistLight', sans-serif;
  color: #333;
  line-height: 21px;
  margin: 15px 0 25px
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert__lead {
    text-align: center
  }
}

.CMExpert .CMExpert__btn-wrapper {
  text-align: right
}

@media screen and (max-width:39.9375em) {
  .CMExpert .CMExpert__btn-wrapper {
    text-align: center
  }
}

.CMExpert .CMExpert__btn {
  font-size: 14px;
  font-family: 'ModernistBold', sans-serif;
  color: #024991;
  line-height: 1;
  border: 2px solid #024991;
  text-transform: uppercase;
  display: inline-block;
  padding: 6px 20px
}

.dreambook {
  padding-top: 0;
  padding-bottom: 0
}

.dreambook h1 {
  margin-bottom: 1rem
}

.dreambook.description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px
}

.dreambook.description .entry-image {
  margin-bottom: 30px
}

@media screen and (max-width:39.9375em) {
  .dreambook.description .entry-image {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .dreambook.description .entry-image img {
    margin-bottom: 0
  }
}

.dreambook.description .text {
  line-height: 1.2rem
}

@media screen and (max-width:39.9375em) {
  .dreambook.description .text {
    font-size: 1.1rem;
    line-height: 1.3rem
  }
}

.dreambook.description .text b {
  font-weight: bold;
  font-family: Roboto
}

.dreambook.description .text .entry-image {
  float: right;
  margin-left: 100px
}

@media screen and (max-width:39.9375em) {
  .dreambook.description .picture {
    margin-bottom: 20px;
    overflow: hidden
  }

  .dreambook.description .picture img {
    width: 100%;
    margin-bottom: .5rem
  }
}

@media screen and (max-width:53.6875em) {
  .dreambook.dictionary-list {
    padding: 0
  }

  .dreambook.dictionary-letters {
    padding: 0
  }
}

.dreambook.dictionary-letters .menu {
  margin-top: 30px
}

.dreambook.dictionary-letters .menu.slick-slider .slick-list {
  margin: 0 1.5rem
}

.dreambook.dictionary-letters .menu.slick-slider .slick-arrow {
  background-color: #fefefe;
  height: 100%
}

.dreambook.dictionary-letters .menu.slick-slider li {
  margin-left: .25rem
}

.dreambook.dictionary-letters .menu.slick-slider li:first-child {
  margin-left: 0
}

.dreambook.dictionary-letters .menu a {
  padding: .25rem .8rem
}

.dreambook.dictionary-letters .menu li {
  list-style-type: none
}

.dreambook.dictionary-letters .dictionary-search {
  position: relative
}

.dreambook.dictionary-letters .dictionary-search input[type="text"]::-webkit-input-placeholder {
  color: rgba(10, 10, 10, .5);
  font-size: 1rem;
  line-height: 1.2rem
}

.dreambook.dictionary-letters .dictionary-search input {
  margin-left: 0 !important;
  padding-left: 0;
  border-color: #0a0a0a !important
}

.dreambook.dictionary-letters .dictionary-search .submit {
  position: absolute;
  bottom: .5rem;
  right: 0
}

.dreambook.dictionary-letters .dictionary-search .submit .badge {
  min-width: 1.75rem;
  padding: .45rem .5rem;
  font-size: .9rem
}

.dreambook.dictionary-letters .dictionary-search form.row,
.dreambook.dictionary-letters .dictionary-search .sidebar .box form.row-box,
.sidebar .box .dreambook.dictionary-letters .dictionary-search form.row-box {
  margin-top: 1.5rem;
  margin-bottom: 0
}

.dreambook.popular {
  margin-bottom: 0;
  padding-bottom: 0
}

.dreambook.popular .title {
  font-size: 1.4rem;
  line-height: 1.65rem;
  text-align: center;
  margin-bottom: 0;
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: bold
}

.dreambook.popular .row,
.dreambook.popular .sidebar .box .row-box,
.sidebar .box .dreambook.popular .row-box {
  margin: 1rem -.4rem 0
}

.dreambook.popular .columns {
  border: 0;
  padding: 0 8px 1rem 35px
}

@media screen and (max-width:53.6875em) {
  .dreambook.popular .columns {
    padding-bottom: 30px
  }

  .dreambook.popular .columns:last-child {
    padding-bottom: 0
  }
}

.dreambook.popular .columns .text-box {
  padding-top: 20px
}

@media screen and (max-width:53.6875em) {
  .dreambook.popular .columns .text-box {
    padding-top: 15px
  }
}

.dreambook.popular .columns .text-box h5 {
  font-family: "ModernistRegular", Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px
}

.dreambook.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:53.6875em) {
  .dreambook.info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0
  }
}

.dreambook.info .share-box,
.recommended-page .sneak-peak .dreambook.info .review {
  margin-bottom: 0
}

.dreambook.info .share-box .share-count,
.recommended-page .sneak-peak .dreambook.info .review .share-count {
  margin-top: 0
}

.dreambook.info .share-box .share-count ul.rating,
.recommended-page .sneak-peak .dreambook.info .review .share-count ul.rating {
  margin-top: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media screen and (max-width:53.6875em) {

  .dreambook.info .share-box .share-count ul.rating,
  .recommended-page .sneak-peak .dreambook.info .review .share-count ul.rating {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.dreambook.info .author {
  width: 100%;
  margin: 1rem 0 .5rem;
  padding: .25rem 0;
  border-top: 0;
  border-bottom: 0
}

@media screen and (max-width:53.6875em) {
  .dreambook.info .author {
    margin-bottom: 15px;
    padding-bottom: 0
  }

  .dreambook.info .author+.share-box,
  .recommended-page .sneak-peak .dreambook.info .author+.review {
    margin-bottom: 0
  }
}

.dreambook.info .author .info {
  display: inline-block
}

.dreambook.info .author .name {
  color: #0a0a0a;
  font-size: .8rem;
  text-transform: uppercase;
  font-family: "LeagueGothic", sans-serif
}

.dreambook.info .author .name a {
  color: #0a0a0a
}

.dreambook.info .author .name a:hover,
.dreambook.info .author .name a:focus {
  color: #024991
}

.dreambook.info .author .time {
  color: #8a8a8a;
  font-size: .7rem;
  font-family: "ModernistRegular", Arial, sans-serif
}

.dreambook.info .author .avatar {
  border-radius: 100%;
  width: 2rem;
  margin-right: .5rem
}

@media screen and (max-width:53.6875em) {
  .dreambook.info .author .avatar {
    width: 2.75rem
  }
}

.dreambook.info .author .avatar.wide {
  max-width: auto;
  border-radius: 0
}

.dreambook.info .author .recepie-buttons {
  float: right
}

.dreambook.info .author .recepie-buttons .button {
  margin: 0;
  padding: .55rem 1rem;
  background-color: #0a0a0a
}

.dreambook.info .share-box .share-count,
.recommended-page .sneak-peak .dreambook.info .review .share-count {
  margin-top: .5rem
}

.dreambook .read-more {
  padding-top: 0;
  font-size: .9rem;
  top: 0;
  margin: 0 auto;
  background: #024991;
  color: #fefefe
}

.dreambook .read-more span {
  padding: .9rem
}

h1.dreambook {
  margin-bottom: 1rem;
  margin-top: -20px
}

@media screen and (max-width:53.6875em) {
  h1.dreambook {
    margin-top: -28px
  }
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: .5rem;
  cursor: pointer;
  margin: 0 0 .5rem 1rem;
  list-style: none;
  font-size: .9rem;
  background-color: #fefefe;
  background-clip: padding-box;
  border: 1px solid #e8e8e8;
  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1)
}

.ui-autocomplete .ui-menu-item {
  margin-bottom: .5rem
}

.ui-autocomplete .ui-menu-item:last-child {
  margin-bottom: 0
}

.ui-autocomplete .ui-menu-item>a.ui-corner-all {
  display: block;
  padding: 0;
  clear: both;
  color: #222;
  white-space: nowrap;
  text-decoration: none
}

.ui-autocomplete .ui-menu-item .ui-state-active,
.ui-autocomplete .ui-menu-item .ui-state-hover {
  font-weight: 700
}

#cookie-disclaimer {
  position: fixed;
  right: 0;
  bottom: 0
}

#cookie-disclaimer .cookie-box {
  width: 25rem
}

@media screen and (max-width:39.9375em) {
  #cookie-disclaimer .cookie-box {
    width: 100%
  }
}

#cookie-disclaimer .cookie-box .cookie-content {
  background-color: #fefefe;
  border: 1px solid #e8e8e8;
  padding: .5rem 1rem .5rem .6rem;
  font-size: .7rem;
  text-align: justify;
  -webkit-box-shadow: -3px -3px 3px 0 rgba(0, 0, 0, .12);
  box-shadow: -3px -3px 3px 0 rgba(0, 0, 0, .12)
}

@media screen and (max-width:39.9375em) {
  #cookie-disclaimer .cookie-box .cookie-content {
    border-width: 1px 0 0
  }
}

#cookie-disclaimer .cookie-box .cookie-content .cookie-text {
  margin-right: 1rem
}

#cookie-disclaimer .cookie-box .cookie-content .cookie-text a {
  text-decoration: underline
}

#cookie-disclaimer .cookie-box .cookie-content .close {
  position: absolute;
  right: .3rem;
  top: 0;
  padding: 0 .5rem;
  display: block;
  color: #666;
  font-size: 1.4rem
}

.fa {
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none
}

.fa-glass:before {
  content: ""
}

.fa-music:before {
  content: ""
}

.fa-search:before {
  content: ""
}

.fa-envelope-o:before {
  content: ""
}

.fa-heart:before {
  content: ""
}

.fa-star:before {
  content: ""
}

.fa-star-o:before {
  content: ""
}

.fa-user:before {
  content: ""
}

.fa-film:before {
  content: ""
}

.fa-th-large:before {
  content: ""
}

.fa-th:before {
  content: ""
}

.fa-th-list:before {
  content: ""
}

.fa-check:before {
  content: ""
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""
}

.fa-search-plus:before {
  content: ""
}

.fa-search-minus:before {
  content: ""
}

.fa-power-off:before {
  content: ""
}

.fa-signal:before {
  content: ""
}

.fa-gear:before,
.fa-cog:before {
  content: ""
}

.fa-trash-o:before {
  content: ""
}

.fa-home:before {
  content: ""
}

.fa-file-o:before {
  content: ""
}

.fa-clock-o:before {
  content: ""
}

.fa-road:before {
  content: ""
}

.fa-download:before {
  content: ""
}

.fa-arrow-circle-o-down:before {
  content: ""
}

.fa-arrow-circle-o-up:before {
  content: ""
}

.fa-inbox:before {
  content: ""
}

.fa-play-circle-o:before {
  content: ""
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""
}

.fa-refresh:before {
  content: ""
}

.fa-list-alt:before {
  content: ""
}

.fa-lock:before {
  content: ""
}

.fa-flag:before {
  content: ""
}

.fa-headphones:before {
  content: ""
}

.fa-volume-off:before {
  content: ""
}

.fa-volume-down:before {
  content: ""
}

.fa-volume-up:before {
  content: ""
}

.fa-qrcode:before {
  content: ""
}

.fa-barcode:before {
  content: ""
}

.fa-tag:before {
  content: ""
}

.fa-tags:before {
  content: ""
}

.fa-book:before {
  content: ""
}

.fa-bookmark:before {
  content: ""
}

.fa-print:before {
  content: ""
}

.fa-camera:before {
  content: ""
}

.fa-font:before {
  content: ""
}

.fa-bold:before {
  content: ""
}

.fa-italic:before {
  content: ""
}

.fa-text-height:before {
  content: ""
}

.fa-text-width:before {
  content: ""
}

.fa-align-left:before {
  content: ""
}

.fa-align-center:before {
  content: ""
}

.fa-align-right:before {
  content: ""
}

.fa-align-justify:before {
  content: ""
}

.fa-list:before {
  content: ""
}

.fa-dedent:before,
.fa-outdent:before {
  content: ""
}

.fa-indent:before {
  content: ""
}

.fa-video-camera:before {
  content: ""
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""
}

.fa-pencil:before {
  content: ""
}

.fa-map-marker:before {
  content: ""
}

.fa-adjust:before {
  content: ""
}

.fa-tint:before {
  content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""
}

.fa-share-square-o:before {
  content: ""
}

.fa-check-square-o:before {
  content: ""
}

.fa-arrows:before {
  content: ""
}

.fa-step-backward:before {
  content: ""
}

.fa-fast-backward:before {
  content: ""
}

.fa-backward:before {
  content: ""
}

.fa-play:before {
  content: ""
}

.fa-pause:before {
  content: ""
}

.fa-stop:before {
  content: ""
}

.fa-forward:before {
  content: ""
}

.fa-fast-forward:before {
  content: ""
}

.fa-step-forward:before {
  content: ""
}

.fa-eject:before {
  content: ""
}

.fa-chevron-left:before {
  content: ""
}

.fa-chevron-right:before {
  content: ""
}

.fa-plus-circle:before {
  content: ""
}

.fa-minus-circle:before {
  content: ""
}

.fa-times-circle:before {
  content: ""
}

.fa-check-circle:before {
  content: ""
}

.fa-question-circle:before {
  content: ""
}

.fa-info-circle:before {
  content: ""
}

.fa-crosshairs:before {
  content: ""
}

.fa-times-circle-o:before {
  content: ""
}

.fa-check-circle-o:before {
  content: ""
}

.fa-ban:before {
  content: ""
}

.fa-arrow-left:before {
  content: ""
}

.fa-arrow-right:before {
  content: ""
}

.fa-arrow-up:before {
  content: ""
}

.fa-arrow-down:before {
  content: ""
}

.fa-mail-forward:before,
.fa-share:before {
  content: ""
}

.fa-expand:before {
  content: ""
}

.fa-compress:before {
  content: ""
}

.fa-plus:before {
  content: ""
}

.fa-minus:before {
  content: ""
}

.fa-asterisk:before {
  content: ""
}

.fa-exclamation-circle:before {
  content: ""
}

.fa-gift:before {
  content: ""
}

.fa-leaf:before {
  content: ""
}

.fa-fire:before {
  content: ""
}

.fa-eye:before {
  content: ""
}

.fa-eye-slash:before {
  content: ""
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""
}

.fa-plane:before {
  content: ""
}

.fa-calendar:before {
  content: ""
}

.fa-random:before {
  content: ""
}

.fa-comment:before {
  content: ""
}

.fa-magnet:before {
  content: ""
}

.fa-chevron-up:before {
  content: ""
}

.fa-chevron-down:before {
  content: ""
}

.fa-retweet:before {
  content: ""
}

.fa-shopping-cart:before {
  content: ""
}

.fa-folder:before {
  content: ""
}

.fa-folder-open:before {
  content: ""
}

.fa-arrows-v:before {
  content: ""
}

.fa-arrows-h:before {
  content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""
}

.fa-twitter-square:before {
  content: ""
}

.fa-facebook-square:before {
  content: ""
}

.fa-camera-retro:before {
  content: ""
}

.fa-key:before {
  content: ""
}

.fa-gears:before,
.fa-cogs:before {
  content: ""
}

.fa-comments:before {
  content: ""
}

.fa-thumbs-o-up:before {
  content: ""
}

.fa-thumbs-o-down:before {
  content: ""
}

.fa-star-half:before {
  content: ""
}

.fa-heart-o:before {
  content: ""
}

.fa-sign-out:before {
  content: ""
}

.fa-linkedin-square:before {
  content: ""
}

.fa-thumb-tack:before {
  content: ""
}

.fa-external-link:before {
  content: ""
}

.fa-sign-in:before {
  content: ""
}

.fa-trophy:before {
  content: ""
}

.fa-github-square:before {
  content: ""
}

.fa-upload:before {
  content: ""
}

.fa-lemon-o:before {
  content: ""
}

.fa-phone:before {
  content: ""
}

.fa-square-o:before {
  content: ""
}

.fa-bookmark-o:before {
  content: ""
}

.fa-phone-square:before {
  content: ""
}

.fa-twitter:before {
  content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""
}

.fa-github:before {
  content: ""
}

.fa-unlock:before {
  content: ""
}

.fa-credit-card:before {
  content: ""
}

.fa-feed:before,
.fa-rss:before {
  content: ""
}

.fa-hdd-o:before {
  content: ""
}

.fa-bullhorn:before {
  content: ""
}

.fa-bell:before {
  content: ""
}

.fa-certificate:before {
  content: ""
}

.fa-hand-o-right:before {
  content: ""
}

.fa-hand-o-left:before {
  content: ""
}

.fa-hand-o-up:before {
  content: ""
}

.fa-hand-o-down:before {
  content: ""
}

.fa-arrow-circle-left:before {
  content: ""
}

.fa-arrow-circle-right:before {
  content: ""
}

.fa-arrow-circle-up:before {
  content: ""
}

.fa-arrow-circle-down:before {
  content: ""
}

.fa-globe:before {
  content: ""
}

.fa-wrench:before {
  content: ""
}

.fa-tasks:before {
  content: ""
}

.fa-filter:before {
  content: ""
}

.fa-briefcase:before {
  content: ""
}

.fa-arrows-alt:before {
  content: ""
}

.fa-group:before,
.fa-users:before {
  content: ""
}

.fa-chain:before,
.fa-link:before {
  content: ""
}

.fa-cloud:before {
  content: ""
}

.fa-flask:before {
  content: ""
}

.fa-cut:before,
.fa-scissors:before {
  content: ""
}

.fa-copy:before,
.fa-files-o:before {
  content: ""
}

.fa-paperclip:before {
  content: ""
}

.fa-save:before,
.fa-floppy-o:before {
  content: ""
}

.fa-square:before {
  content: ""
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""
}

.fa-list-ul:before {
  content: ""
}

.fa-list-ol:before {
  content: ""
}

.fa-strikethrough:before {
  content: ""
}

.fa-underline:before {
  content: ""
}

.fa-table:before {
  content: ""
}

.fa-magic:before {
  content: ""
}

.fa-truck:before {
  content: ""
}

.fa-pinterest:before {
  content: ""
}

.fa-pinterest-square:before {
  content: ""
}

.fa-google-plus-square:before {
  content: ""
}

.fa-google-plus:before {
  content: ""
}

.fa-money:before {
  content: ""
}

.fa-caret-down:before {
  content: ""
}

.fa-caret-up:before {
  content: ""
}

.fa-caret-left:before {
  content: ""
}

.fa-caret-right:before {
  content: ""
}

.fa-columns:before {
  content: ""
}

.fa-unsorted:before,
.fa-sort:before {
  content: ""
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""
}

.fa-envelope:before {
  content: ""
}

.fa-linkedin:before {
  content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
  content: ""
}

.fa-legal:before,
.fa-gavel:before {
  content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""
}

.fa-comment-o:before {
  content: ""
}

.fa-comments-o:before {
  content: ""
}

.fa-flash:before,
.fa-bolt:before {
  content: ""
}

.fa-sitemap:before {
  content: ""
}

.fa-umbrella:before {
  content: ""
}

.fa-paste:before,
.fa-clipboard:before {
  content: ""
}

.fa-lightbulb-o:before {
  content: ""
}

.fa-exchange:before {
  content: ""
}

.fa-cloud-download:before {
  content: ""
}

.fa-cloud-upload:before {
  content: ""
}

.fa-user-md:before {
  content: ""
}

.fa-stethoscope:before {
  content: ""
}

.fa-suitcase:before {
  content: ""
}

.fa-bell-o:before {
  content: ""
}

.fa-coffee:before {
  content: ""
}

.fa-cutlery:before {
  content: ""
}

.fa-file-text-o:before {
  content: ""
}

.fa-building-o:before {
  content: ""
}

.fa-hospital-o:before {
  content: ""
}

.fa-ambulance:before {
  content: ""
}

.fa-medkit:before {
  content: ""
}

.fa-fighter-jet:before {
  content: ""
}

.fa-beer:before {
  content: ""
}

.fa-h-square:before {
  content: ""
}

.fa-plus-square:before {
  content: ""
}

.fa-angle-double-left:before {
  content: ""
}

.fa-angle-double-right:before {
  content: ""
}

.fa-angle-double-up:before {
  content: ""
}

.fa-angle-double-down:before {
  content: ""
}

.fa-angle-left:before {
  content: ""
}

.fa-angle-right:before {
  content: ""
}

.fa-angle-up:before {
  content: ""
}

.fa-angle-down:before {
  content: ""
}

.fa-desktop:before {
  content: ""
}

.fa-laptop:before {
  content: ""
}

.fa-tablet:before {
  content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""
}

.fa-circle-o:before {
  content: ""
}

.fa-quote-left:before {
  content: ""
}

.fa-quote-right:before {
  content: ""
}

.fa-spinner:before {
  content: ""
}

.fa-circle:before {
  content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
  content: ""
}

.fa-github-alt:before {
  content: ""
}

.fa-folder-o:before {
  content: ""
}

.fa-folder-open-o:before {
  content: ""
}

.fa-smile-o:before {
  content: ""
}

.fa-frown-o:before {
  content: ""
}

.fa-meh-o:before {
  content: ""
}

.fa-gamepad:before {
  content: ""
}

.fa-keyboard-o:before {
  content: ""
}

.fa-flag-o:before {
  content: ""
}

.fa-flag-checkered:before {
  content: ""
}

.fa-terminal:before {
  content: ""
}

.fa-code:before {
  content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""
}

.fa-location-arrow:before {
  content: ""
}

.fa-crop:before {
  content: ""
}

.fa-code-fork:before {
  content: ""
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""
}

.fa-question:before {
  content: ""
}

.fa-info:before {
  content: ""
}

.fa-exclamation:before {
  content: ""
}

.fa-superscript:before {
  content: ""
}

.fa-subscript:before {
  content: ""
}

.fa-eraser:before {
  content: ""
}

.fa-puzzle-piece:before {
  content: ""
}

.fa-microphone:before {
  content: ""
}

.fa-microphone-slash:before {
  content: ""
}

.fa-shield:before {
  content: ""
}

.fa-calendar-o:before {
  content: ""
}

.fa-fire-extinguisher:before {
  content: ""
}

.fa-rocket:before {
  content: ""
}

.fa-maxcdn:before {
  content: ""
}

.fa-chevron-circle-left:before {
  content: ""
}

.fa-chevron-circle-right:before {
  content: ""
}

.fa-chevron-circle-up:before {
  content: ""
}

.fa-chevron-circle-down:before {
  content: ""
}

.fa-html5:before {
  content: ""
}

.fa-css3:before {
  content: ""
}

.fa-anchor:before {
  content: ""
}

.fa-unlock-alt:before {
  content: ""
}

.fa-bullseye:before {
  content: ""
}

.fa-ellipsis-h:before {
  content: ""
}

.fa-ellipsis-v:before {
  content: ""
}

.fa-rss-square:before {
  content: ""
}

.fa-play-circle:before {
  content: ""
}

.fa-ticket:before {
  content: ""
}

.fa-minus-square:before {
  content: ""
}

.fa-minus-square-o:before {
  content: ""
}

.fa-level-up:before {
  content: ""
}

.fa-level-down:before {
  content: ""
}

.fa-check-square:before {
  content: ""
}

.fa-pencil-square:before {
  content: ""
}

.fa-external-link-square:before {
  content: ""
}

.fa-share-square:before {
  content: ""
}

.fa-compass:before {
  content: ""
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""
}

.fa-euro:before,
.fa-eur:before {
  content: ""
}

.fa-gbp:before {
  content: ""
}

.fa-dollar:before,
.fa-usd:before {
  content: ""
}

.fa-rupee:before,
.fa-inr:before {
  content: ""
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""
}

.fa-won:before,
.fa-krw:before {
  content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
  content: ""
}

.fa-file:before {
  content: ""
}

.fa-file-text:before {
  content: ""
}

.fa-sort-alpha-asc:before {
  content: ""
}

.fa-sort-alpha-desc:before {
  content: ""
}

.fa-sort-amount-asc:before {
  content: ""
}

.fa-sort-amount-desc:before {
  content: ""
}

.fa-sort-numeric-asc:before {
  content: ""
}

.fa-sort-numeric-desc:before {
  content: ""
}

.fa-thumbs-up:before {
  content: ""
}

.fa-thumbs-down:before {
  content: ""
}

.fa-youtube-square:before {
  content: ""
}

.fa-youtube:before {
  content: ""
}

.fa-xing:before {
  content: ""
}

.fa-xing-square:before {
  content: ""
}

.fa-youtube-play:before {
  content: ""
}

.fa-dropbox:before {
  content: ""
}

.fa-stack-overflow:before {
  content: ""
}

.fa-instagram:before {
  content: ""
}

.fa-flickr:before {
  content: ""
}

.fa-adn:before {
  content: ""
}

.fa-bitbucket:before {
  content: ""
}

.fa-bitbucket-square:before {
  content: ""
}

.fa-tumblr:before {
  content: ""
}

.fa-tumblr-square:before {
  content: ""
}

.fa-long-arrow-down:before {
  content: ""
}

.fa-long-arrow-up:before {
  content: ""
}

.fa-long-arrow-left:before {
  content: ""
}

.fa-long-arrow-right:before {
  content: ""
}

.fa-apple:before {
  content: ""
}

.fa-windows:before {
  content: ""
}

.fa-android:before {
  content: ""
}

.fa-linux:before {
  content: ""
}

.fa-dribbble:before {
  content: ""
}

.fa-skype:before {
  content: ""
}

.fa-foursquare:before {
  content: ""
}

.fa-trello:before {
  content: ""
}

.fa-female:before {
  content: ""
}

.fa-male:before {
  content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
  content: ""
}

.fa-sun-o:before {
  content: ""
}

.fa-moon-o:before {
  content: ""
}

.fa-archive:before {
  content: ""
}

.fa-bug:before {
  content: ""
}

.fa-vk:before {
  content: ""
}

.fa-weibo:before {
  content: ""
}

.fa-renren:before {
  content: ""
}

.fa-pagelines:before {
  content: ""
}

.fa-stack-exchange:before {
  content: ""
}

.fa-arrow-circle-o-right:before {
  content: ""
}

.fa-arrow-circle-o-left:before {
  content: ""
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""
}

.fa-dot-circle-o:before {
  content: ""
}

.fa-wheelchair:before {
  content: ""
}

.fa-vimeo-square:before {
  content: ""
}

.fa-turkish-lira:before,
.fa-try:before {
  content: ""
}

.fa-plus-square-o:before {
  content: ""
}

.fa-space-shuttle:before {
  content: ""
}

.fa-slack:before {
  content: ""
}

.fa-envelope-square:before {
  content: ""
}

.fa-wordpress:before {
  content: ""
}

.fa-openid:before {
  content: ""
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""
}

.fa-yahoo:before {
  content: ""
}

.fa-google:before {
  content: ""
}

.fa-reddit:before {
  content: ""
}

.fa-reddit-square:before {
  content: ""
}

.fa-stumbleupon-circle:before {
  content: ""
}

.fa-stumbleupon:before {
  content: ""
}

.fa-delicious:before {
  content: ""
}

.fa-digg:before {
  content: ""
}

.fa-pied-piper-pp:before {
  content: ""
}

.fa-pied-piper-alt:before {
  content: ""
}

.fa-drupal:before {
  content: ""
}

.fa-joomla:before {
  content: ""
}

.fa-language:before {
  content: ""
}

.fa-fax:before {
  content: ""
}

.fa-building:before {
  content: ""
}

.fa-child:before {
  content: ""
}

.fa-paw:before {
  content: ""
}

.fa-spoon:before {
  content: ""
}

.fa-cube:before {
  content: ""
}

.fa-cubes:before {
  content: ""
}

.fa-behance:before {
  content: ""
}

.fa-behance-square:before {
  content: ""
}

.fa-steam:before {
  content: ""
}

.fa-steam-square:before {
  content: ""
}

.fa-recycle:before {
  content: ""
}

.fa-automobile:before,
.fa-car:before {
  content: ""
}

.fa-cab:before,
.fa-taxi:before {
  content: ""
}

.fa-tree:before {
  content: ""
}

.fa-spotify:before {
  content: ""
}

.fa-deviantart:before {
  content: ""
}

.fa-soundcloud:before {
  content: ""
}

.fa-database:before {
  content: ""
}

.fa-file-pdf-o:before {
  content: ""
}

.fa-file-word-o:before {
  content: ""
}

.fa-file-excel-o:before {
  content: ""
}

.fa-file-powerpoint-o:before {
  content: ""
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""
}

.fa-file-code-o:before {
  content: ""
}

.fa-vine:before {
  content: ""
}

.fa-codepen:before {
  content: ""
}

.fa-jsfiddle:before {
  content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""
}

.fa-circle-o-notch:before {
  content: ""
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""
}

.fa-ge:before,
.fa-empire:before {
  content: ""
}

.fa-git-square:before {
  content: ""
}

.fa-git:before {
  content: ""
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""
}

.fa-tencent-weibo:before {
  content: ""
}

.fa-qq:before {
  content: ""
}

.fa-wechat:before,
.fa-weixin:before {
  content: ""
}

.fa-send:before,
.fa-paper-plane:before {
  content: ""
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""
}

.fa-history:before {
  content: ""
}

.fa-circle-thin:before {
  content: ""
}

.fa-header:before {
  content: ""
}

.fa-paragraph:before {
  content: ""
}

.fa-sliders:before {
  content: ""
}

.fa-share-alt:before {
  content: ""
}

.fa-share-alt-square:before {
  content: ""
}

.fa-bomb:before {
  content: ""
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""
}

.fa-tty:before {
  content: ""
}

.fa-binoculars:before {
  content: ""
}

.fa-plug:before {
  content: ""
}

.fa-slideshare:before {
  content: ""
}

.fa-twitch:before {
  content: ""
}

.fa-yelp:before {
  content: ""
}

.fa-newspaper-o:before {
  content: ""
}

.fa-wifi:before {
  content: ""
}

.fa-calculator:before {
  content: ""
}

.fa-paypal:before {
  content: ""
}

.fa-google-wallet:before {
  content: ""
}

.fa-cc-visa:before {
  content: ""
}

.fa-cc-mastercard:before {
  content: ""
}

.fa-cc-discover:before {
  content: ""
}

.fa-cc-amex:before {
  content: ""
}

.fa-cc-paypal:before {
  content: ""
}

.fa-cc-stripe:before {
  content: ""
}

.fa-bell-slash:before {
  content: ""
}

.fa-bell-slash-o:before {
  content: ""
}

.fa-trash:before {
  content: ""
}

.fa-copyright:before {
  content: ""
}

.fa-at:before {
  content: ""
}

.fa-eyedropper:before {
  content: ""
}

.fa-paint-brush:before {
  content: ""
}

.fa-birthday-cake:before {
  content: ""
}

.fa-area-chart:before {
  content: ""
}

.fa-pie-chart:before {
  content: ""
}

.fa-line-chart:before {
  content: ""
}

.fa-lastfm:before {
  content: ""
}

.fa-lastfm-square:before {
  content: ""
}

.fa-toggle-off:before {
  content: ""
}

.fa-toggle-on:before {
  content: ""
}

.fa-bicycle:before {
  content: ""
}

.fa-bus:before {
  content: ""
}

.fa-ioxhost:before {
  content: ""
}

.fa-angellist:before {
  content: ""
}

.fa-cc:before {
  content: ""
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""
}

.fa-meanpath:before {
  content: ""
}

.fa-buysellads:before {
  content: ""
}

.fa-connectdevelop:before {
  content: ""
}

.fa-dashcube:before {
  content: ""
}

.fa-forumbee:before {
  content: ""
}

.fa-leanpub:before {
  content: ""
}

.fa-sellsy:before {
  content: ""
}

.fa-shirtsinbulk:before {
  content: ""
}

.fa-simplybuilt:before {
  content: ""
}

.fa-skyatlas:before {
  content: ""
}

.fa-cart-plus:before {
  content: ""
}

.fa-cart-arrow-down:before {
  content: ""
}

.fa-diamond:before {
  content: ""
}

.fa-ship:before {
  content: ""
}

.fa-user-secret:before {
  content: ""
}

.fa-motorcycle:before {
  content: ""
}

.fa-street-view:before {
  content: ""
}

.fa-heartbeat:before {
  content: ""
}

.fa-venus:before {
  content: ""
}

.fa-mars:before {
  content: ""
}

.fa-mercury:before {
  content: ""
}

.fa-intersex:before,
.fa-transgender:before {
  content: ""
}

.fa-transgender-alt:before {
  content: ""
}

.fa-venus-double:before {
  content: ""
}

.fa-mars-double:before {
  content: ""
}

.fa-venus-mars:before {
  content: ""
}

.fa-mars-stroke:before {
  content: ""
}

.fa-mars-stroke-v:before {
  content: ""
}

.fa-mars-stroke-h:before {
  content: ""
}

.fa-neuter:before {
  content: ""
}

.fa-genderless:before {
  content: ""
}

.fa-facebook-official:before {
  content: ""
}

.fa-pinterest-p:before {
  content: ""
}

.fa-whatsapp:before {
  content: ""
}

.fa-server:before {
  content: ""
}

.fa-user-plus:before {
  content: ""
}

.fa-user-times:before {
  content: ""
}

.fa-hotel:before,
.fa-bed:before {
  content: ""
}

.fa-viacoin:before {
  content: ""
}

.fa-train:before {
  content: ""
}

.fa-subway:before {
  content: ""
}

.fa-medium:before {
  content: ""
}

.fa-yc:before,
.fa-y-combinator:before {
  content: ""
}

.fa-optin-monster:before {
  content: ""
}

.fa-opencart:before {
  content: ""
}

.fa-expeditedssl:before {
  content: ""
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""
}

.fa-mouse-pointer:before {
  content: ""
}

.fa-i-cursor:before {
  content: ""
}

.fa-object-group:before {
  content: ""
}

.fa-object-ungroup:before {
  content: ""
}

.fa-sticky-note:before {
  content: ""
}

.fa-sticky-note-o:before {
  content: ""
}

.fa-cc-jcb:before {
  content: ""
}

.fa-cc-diners-club:before {
  content: ""
}

.fa-clone:before {
  content: ""
}

.fa-balance-scale:before {
  content: ""
}

.fa-hourglass-o:before {
  content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""
}

.fa-hourglass:before {
  content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""
}

.fa-hand-scissors-o:before {
  content: ""
}

.fa-hand-lizard-o:before {
  content: ""
}

.fa-hand-spock-o:before {
  content: ""
}

.fa-hand-pointer-o:before {
  content: ""
}

.fa-hand-peace-o:before {
  content: ""
}

.fa-trademark:before {
  content: ""
}

.fa-registered:before {
  content: ""
}

.fa-creative-commons:before {
  content: ""
}

.fa-gg:before {
  content: ""
}

.fa-gg-circle:before {
  content: ""
}

.fa-tripadvisor:before {
  content: ""
}

.fa-odnoklassniki:before {
  content: ""
}

.fa-odnoklassniki-square:before {
  content: ""
}

.fa-get-pocket:before {
  content: ""
}

.fa-wikipedia-w:before {
  content: ""
}

.fa-safari:before {
  content: ""
}

.fa-chrome:before {
  content: ""
}

.fa-firefox:before {
  content: ""
}

.fa-opera:before {
  content: ""
}

.fa-internet-explorer:before {
  content: ""
}

.fa-tv:before,
.fa-television:before {
  content: ""
}

.fa-contao:before {
  content: ""
}

.fa-500px:before {
  content: ""
}

.fa-amazon:before {
  content: ""
}

.fa-calendar-plus-o:before {
  content: ""
}

.fa-calendar-minus-o:before {
  content: ""
}

.fa-calendar-times-o:before {
  content: ""
}

.fa-calendar-check-o:before {
  content: ""
}

.fa-industry:before {
  content: ""
}

.fa-map-pin:before {
  content: ""
}

.fa-map-signs:before {
  content: ""
}

.fa-map-o:before {
  content: ""
}

.fa-map:before {
  content: ""
}

.fa-commenting:before {
  content: ""
}

.fa-commenting-o:before {
  content: ""
}

.fa-houzz:before {
  content: ""
}

.fa-vimeo:before {
  content: ""
}

.fa-black-tie:before {
  content: ""
}

.fa-fonticons:before {
  content: ""
}

.fa-reddit-alien:before {
  content: ""
}

.fa-edge:before {
  content: ""
}

.fa-credit-card-alt:before {
  content: ""
}

.fa-codiepie:before {
  content: ""
}

.fa-modx:before {
  content: ""
}

.fa-fort-awesome:before {
  content: ""
}

.fa-usb:before {
  content: ""
}

.fa-product-hunt:before {
  content: ""
}

.fa-mixcloud:before {
  content: ""
}

.fa-scribd:before {
  content: ""
}

.fa-pause-circle:before {
  content: ""
}

.fa-pause-circle-o:before {
  content: ""
}

.fa-stop-circle:before {
  content: ""
}

.fa-stop-circle-o:before {
  content: ""
}

.fa-shopping-bag:before {
  content: ""
}

.fa-shopping-basket:before {
  content: ""
}

.fa-hashtag:before {
  content: ""
}

.fa-bluetooth:before {
  content: ""
}

.fa-bluetooth-b:before {
  content: ""
}

.fa-percent:before {
  content: ""
}

.fa-gitlab:before {
  content: ""
}

.fa-wpbeginner:before {
  content: ""
}

.fa-wpforms:before {
  content: ""
}

.fa-envira:before {
  content: ""
}

.fa-universal-access:before {
  content: ""
}

.fa-wheelchair-alt:before {
  content: ""
}

.fa-question-circle-o:before {
  content: ""
}

.fa-blind:before {
  content: ""
}

.fa-audio-description:before {
  content: ""
}

.fa-volume-control-phone:before {
  content: ""
}

.fa-braille:before {
  content: ""
}

.fa-assistive-listening-systems:before {
  content: ""
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""
}

.fa-glide:before {
  content: ""
}

.fa-glide-g:before {
  content: ""
}

.fa-signing:before,
.fa-sign-language:before {
  content: ""
}

.fa-low-vision:before {
  content: ""
}

.fa-viadeo:before {
  content: ""
}

.fa-viadeo-square:before {
  content: ""
}

.fa-snapchat:before {
  content: ""
}

.fa-snapchat-ghost:before {
  content: ""
}

.fa-snapchat-square:before {
  content: ""
}

.fa-pied-piper:before {
  content: ""
}

.fa-first-order:before {
  content: ""
}

.fa-yoast:before {
  content: ""
}

.fa-themeisle:before {
  content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
  content: ""
}

.fa-handshake-o:before {
  content: ""
}

.fa-envelope-open:before {
  content: ""
}

.fa-envelope-open-o:before {
  content: ""
}

.fa-linode:before {
  content: ""
}

.fa-address-book:before {
  content: ""
}

.fa-address-book-o:before {
  content: ""
}

.fa-vcard:before,
.fa-address-card:before {
  content: ""
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""
}

.fa-user-circle:before {
  content: ""
}

.fa-user-circle-o:before {
  content: ""
}

.fa-user-o:before {
  content: ""
}

.fa-id-badge:before {
  content: ""
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""
}

.fa-quora:before {
  content: ""
}

.fa-free-code-camp:before {
  content: ""
}

.fa-telegram:before {
  content: ""
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""
}

.fa-shower:before {
  content: ""
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""
}

.fa-podcast:before {
  content: ""
}

.fa-window-maximize:before {
  content: ""
}

.fa-window-minimize:before {
  content: ""
}

.fa-window-restore:before {
  content: ""
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""
}

.fa-bandcamp:before {
  content: ""
}

.fa-grav:before {
  content: ""
}

.fa-etsy:before {
  content: ""
}

.fa-imdb:before {
  content: ""
}

.fa-ravelry:before {
  content: ""
}

.fa-eercast:before {
  content: ""
}

.fa-microchip:before {
  content: ""
}

.fa-snowflake-o:before {
  content: ""
}

.fa-superpowers:before {
  content: ""
}

.fa-wpexplorer:before {
  content: ""
}

.fa-meetup:before {
  content: ""
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  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 {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  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,
.slick-slide picture {
  display: block
}

.slick-slide.slick-loading img,
.slick-slide.slick-loading picture {
  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-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  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: .25
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: #000;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  z-index: 999
}

[dir="rtl"] .slick-prev {
  left: auto
}

.slick-prev:before {
  content: ""
}

[dir="rtl"] .slick-prev:before {
  content: ""
}

.slick-next {
  z-index: 999;
  right: 0
}

[dir="rtl"] .slick-next {
  right: auto
}

.slick-next:before {
  content: ""
}

[dir="rtl"] .slick-next:before {
  content: ""
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.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: 20px;
  height: 20px;
  font-size: .6rem;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

@media screen and (max-width: 1024px) {
  .sidebar {
    display: none;
   }
}

@media (max-width: 480px) {
  .recommended-info-header-border {
    margin-left: 0;
    margin-right: 0;
  }
}