@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

html, body {
  height: 100%; }

svg {
  overflow: visible; }

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

body {
  font-family: "Helvetica neue", "Helvetica", "arial", sans-serif;
  font-weight: normal;
  line-height: inherit;
  color: #000000; }

h1, h2, h3, h4 {
  line-height: 1.2em; }

html {
  font-size: 1.25rem;
  line-height: 1.75rem; }
  @media (min-width: 301px) and (max-width: 699px) {
    html {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

@media (min-width: 0) and (max-width: 300px) {
  a {
    word-break: break-all; }
  .title {
    font-size: 1rem; } }

.hide-on-fallback {
  display: block;
  position: absolute;
  left: -100%;
  height: 0;
  width: 0;
  overflow: hidden; }

.hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px, 1px); }

body {
  letter-spacing: 0; }

/*clearfix mixin for clearing floats*/
/*##############################*/
.jf-copyright {
  font-size: .7rem;
  text-align: center;
  width: 100%;
  display: block;
  padding: 3.25em 0;
  color: #B8C4D1; }
  .jf-copyright a {
    color: #B8C4D1; }
    .jf-copyright a:hover {
      color: #000000; }

.body_color .jf-copyright {
  color: #000000; }
  .body_color .jf-copyright a {
    color: #000000;
    margin-right: 1em; }
    .body_color .jf-copyright a:hover {
      color: #ffffff; }

.pk-icon {
  background-image: url("/assets/icons/icons.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 1.25rem;
  width: 1em;
  height: 1em;
  display: inline-block; }
  @media (min-width: 700px) {
    .pk-icon {
      font-size: 2rem; } }
  .pk-icon__chevron_down {
    background-position: 0 0; }
    .pk-icon__chevron_down:hover {
      background-position: 0 -1em; }
  .pk-icon__chevron_left {
    background-position: 0 -3em; }
    .pk-icon__chevron_left:hover {
      background-position: 0 -4em; }
  .pk-icon__chevron_right {
    background-position: 0 -6em; }
    .pk-icon__chevron_right:hover {
      background-position: 0 -7em; }
  .pk-icon__chevron_up {
    background-position: 0 -9em; }
    .pk-icon__chevron_up:hover {
      background-position: 0 -10em; }
  .pk-icon__close {
    background-position: 0 -12em; }
    .pk-icon__close:hover {
      background-position: 0 -13em; }

a:hover .pk-icon__chevron_left {
  background-position: 0 -4em; }

a:hover .pk-icon__chevron_right {
  background-position: 0 -7em; }

a:hover .pk-icon__chevron_down {
  background-position: 0 -1em; }

a:hover .pk-icon__close {
  background-position: 0 -13em; }

.body_color .pk-icon__chevron_down {
  background-position: 0 -2em; }
  .body_color .pk-icon__chevron_down:hover {
    background-position: 0 -1em; }

.body_color .pk-icon__chevron_left {
  background-position: 0 -5em; }
  .body_color .pk-icon__chevron_left:hover {
    background-position: 0 -4em; }

.body_color .pk-icon__chevron_right {
  background-position: 0 -8em; }
  .body_color .pk-icon__chevron_right:hover {
    background-position: 0 -7em; }

.body_color .pk-icon__chevron_up {
  background-position: 0 -11em; }
  .body_color .pk-icon__chevron_up:hover {
    background-position: 0 -10em; }

.body_color .pk-icon__close {
  background-position: 0 -14em; }
  .body_color .pk-icon__close:hover {
    background-position: 0 -13em; }

.menu .pk-icon__close {
  background-position: 0 -12em; }
  .menu .pk-icon__close:hover {
    background-position: 0 -13em; }

a {
  text-decoration: none; }

.article_text a, ul a, .contact a {
  border-bottom: 2px solid #ffffff; }

/* unvisited link */
a:link {
  color: inherit; }

/* visited link */
a:visited {
  color: inherit; }

a:hover {
  color: #000000; }

a:active {
  color: #000000; }

a .logo {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: -.02em;
  line-height: initial;
  display: inline-block;
  text-transform: uppercase; }

.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20% 0;
  height: 100vh;
  background-color: #ffc800; }
  @supports (display: flex) {
    .hero {
      padding: 0; } }
  .hero__title {
    margin: auto;
    text-align: center;
    font-size: 7em;
    line-height: .8em;
    max-width: 6em;
    letter-spacing: -0.03em; }
    @supports (font-size: 15vw) {
      .hero__title {
        font-size: 15vw; } }
    .hero__title__neg-space {
      letter-spacing: -0.12em;
      margin-left: -0.06em; }

a.header__menu_button {
  display: block;
  position: absolute;
  text-transform: uppercase;
  top: 1.2em;
  right: 1.2em;
  line-height: initial;
  color: #ffffff; }
  @media (min-width: 700px) and (max-width: 1039px) {
    a.header__menu_button {
      display: none; } }
  @media (min-width: 1040px) {
    a.header__menu_button {
      display: none; } }

/*

*/
/*
#########################################################################
################## Beginning of :Target Menu Styles  ####################
#########################################################################
============================ INFO =======================================

body:not(:target) is a special selector to ensure that
only the ones with browsers who support :target will be served the styles

=========================================================================
*/
@media (min-width: 301px) and (max-width: 699px) {
  body:not(:target) #menu_target {
    overflow: hidden;
    height: 0; }
  body:not(:target) #menu_target:target {
    height: 100%; }
  body:not(:target) #menu_target {
    -webkit-transition: height .25s linear;
    transition: height .25s linear; }
  body:not(:target) #menu_target {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 12; }
  .menu__top-list {
    background-color: #ffffff;
    list-style-type: none; }
  body:not(:target) #menu_target.menu__top-list a {
    position: relative; }
  #menu_target:target #close .menu__top-list a {
    -webkit-transition: height .25s linear;
    transition: height .25s linear; } }

/*
##################################################################
########### Beginning of General Menu Styles  ############
##################################################################
*/
.menu {
  color: #B8C4D1; }
  .menu a:hover {
    color: #000000; }

@media (min-width: 700px) and (max-width: 1039px) {
  .body_color .menu {
    color: #ffffff; }
  body:not(.body_color) .menu {
    color: #B8C4D1; } }

@media (min-width: 1040px) {
  .body_color .menu {
    color: #ffffff; }
  body:not(.body_color) .menu {
    color: #B8C4D1; } }

.menu {
  text-align: center;
  text-transform: uppercase;
  line-height: 1.75rem;
  /*Bring the menu to the top when viewed on tablet and desktop devices*/ }
  .menu a {
    text-decoration: none;
    border-bottom: none; }
    .menu a.active {
      color: #000000; }
      @media (min-width: 700px) {
        .menu a.active {
          color: #ffffff;
          border-bottom: 2px solid #ffffff; }
          .menu a.active:hover {
            border-bottom: 2px solid #000000; } }
  @media (min-width: 301px) and (max-width: 699px) {
    .menu {
      /*Add background-color to the active page on the top level links w*/ } }
  @media (min-width: 700px) and (max-width: 1039px) {
    .menu {
      /*Bring the menu to the top when viewed on tablet and desktop devices*/
      position: absolute;
      top: 1em;
      border: 0;
      margin: 0;
      background: none;
      z-index: 11;
      text-align: right;
      right: 1.2em;
      text-align: right; }
      .menu.active:before {
        content: '•';
        color: #000000; } }
  @media (min-width: 1040px) {
    .menu {
      position: absolute;
      top: 1em;
      border: 0;
      margin: 0;
      background: none;
      width: 50%;
      z-index: 11;
      max-width: 722px;
      right: 1.2em;
      text-align: right; } }

/*
##################################################################
########### Beginning of Top level items of the menu  ############
##################################################################
*/
.menu__item {
  padding: 1.2em; }
  @media (min-width: 301px) and (max-width: 699px) {
    .menu__item {
      width: 100%; } }
  @media (min-width: 700px) and (max-width: 1039px) {
    .menu__item {
      position: relative;
      padding-top: 0;
      padding-bottom: 0.6em;
      display: inline-block;
      position: relative; }
      .menu__item:last-child {
        padding-right: 0; } }
  @media (min-width: 1040px) {
    .menu__item {
      display: inline-block;
      padding-top: 0;
      position: relative; }
      .menu__item:last-child {
        padding-right: 0; } }
  .menu__item:hover .menu__sub-list {
    display: block; }
  .menu__item_close {
    text-align: right; }
    @media (min-width: 700px) and (max-width: 1039px) {
      .menu__item_close {
        display: none; } }
    @media (min-width: 1040px) {
      .menu__item_close {
        display: none; } }
  @media (min-width: 700px) and (max-width: 1039px) {
    .menu__item_home {
      display: none; } }
  @media (min-width: 1040px) {
    .menu__item_home {
      display: none; } }

/*
#######################################################################
########### Beginning of Sub level items and links styles  ############
#######################################################################
*/
.menu__sub-list {
  background-color: #ffffff;
  display: none;
  /*End of Sub level items styles w*/ }
  @media (min-width: 700px) and (max-width: 1039px) {
    .menu__sub-list {
      position: absolute;
      top: 2.2    em;
      left: 0;
      width: 12em;
      text-align: left;
      z-index: 0; } }
  @media (min-width: 1040px) {
    .menu__sub-list {
      position: absolute;
      top: 2.2em;
      left: 0;
      width: 12em;
      background: #ffffff;
      text-align: left;
      z-index: 0; } }
  .menu__sub-list_item > a {
    line-height: 1.1em;
    padding: .8em;
    display: block; }
    @media (min-width: 301px) and (max-width: 699px) {
      .menu__sub-list_item > a {
        padding-left: 2.5em; } }
  .menu__sub-list_item-more {
    text-align: right;
    background-color: #F1F1F1;
    /*Add background-color to the see more link in sub level items*/ }
  @media (min-width: 301px) and (max-width: 699px) {
    .menu__sub-list_item:last-child a {
      border-bottom: 2px solid #D8D8D8; } }

.jf-pages__item {
  position: absolute; }
  @media screen and (orientation: landscape) {
    .jf-pages__item {
      top: 50%;
      text-align: center;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); } }
  @media screen and (orientation: portrait) {
    .jf-pages__item {
      bottom: 2em; } }
  .jf-pages__item_prev {
    left: 0.6em; }
  .jf-pages__item_next {
    right: 0.6em; }

.content .jf-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3.25em 1em 0; }
  .content .jf-pages__item {
    position: initial;
    -webkit-transform: none;
            transform: none; }
    .content .jf-pages__item_prev {
      margin-right: auto; }
    .content .jf-pages__item_next {
      margin-left: auto; }

.header {
  padding: 1.2em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 1rem; }

.footer {
  text-align: center; }
  .footer a {
    color: inherit;
    text-decoration: none; }
  .footer .title-body {
    margin-bottom: 1em; }

.address {
  display: block;
  width: 100%;
  margin-bottom: 1em; }
  .address__item {
    padding: 1em 0;
    vertical-align: top; }
    @media (min-width: 700px) and (max-width: 1039px) {
      .address__item {
        width: 25%;
        display: inline-block; } }

.btn_close {
  position: absolute;
  top: 1.2em;
  right: 1.2em; }
/*# sourceMappingURL=critical.css.map */