/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width; }
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*, *::before, *::after {
  box-sizing: inherit; }

.nav--header__toggle--btn {
  color: #ffffff;
  font-size: 49px;
  line-height: 1;
  display: block; }
.nav--header__toggle--btn:hover, .nav--header__toggle--btn:focus {
  color: #ffffff;
  text-decoration: none; }
@media only screen and (max-width: 78.6875em) {
  .nav--header__menu {
    position: absolute;
    width: 100%;
    top: 100%;
    left: -100%;
    right: 0;
    padding: 0;
    border-top: solid 1px #b71129;
    background-color: #c3243c;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease; }
  .nav--header__menu.active {
    left: 0; } }
.nav--header__list {
  width: 100%; }
@media only screen and (min-width: 78.75em) {
  .nav--header__list {
    max-width: 62.5rem;
    margin: 0 auto; } }
.nav--header__link {
  display: block;
  height: 5rem;
  font-size: .875rem;
  font-family: "PF DinText Pro", Arial, sans-serif;
  font-weight: 300;
  line-height: 5rem;
  text-transform: uppercase;
  color: #ffffff; }
@media only screen and (max-width: 78.6875em) {
  .nav--header__link {
    position: relative;
    height: 2.5rem;
    padding: 0 1.875rem;
    font-size: 1.125rem;
    font-weight: 400;
    border-top: 1px solid #d73a50;
    line-height: 2;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none; } }
.nav--header__link span {
  display: inline-block;
  position: relative;
  line-height: 1.1;
  white-space: normal; }
@media only screen and (min-width: 78.75em) {
  .nav--header__link span:before {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 8px;
    content: '';
    height: 2px;
    background-color: #ffffff; } }
.nav--header__link:active, .nav--header__link:focus {
  color: #ffffff; }
.nav--header__link:hover {
  color: #ffffff; }
@media only screen and (max-width: 78.6875em) {
  .nav--header__link:hover {
    color: #ffffff; } }
@media only screen and (max-width: 78.6875em) {
  .nav--header__link.has-submenu:before {
    background-image: url(/local/resource/images/sprites.png);
    background-position: -444px -143px;
    width: 16px;
    height: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: '';
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -5px; } }
.nav--header__link:hover span:before, .nav--header__link.active span:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible; }
.nav--header__submenu {
  display: none;
  background-color: #ffffff; }
@media only screen and (min-width: 78.75em) {
  .nav--header__submenu {
    position: absolute;
    top: 100%;
    height: 0;
    overflow: hidden;
    left: -.9375rem;
    display: block;
    margin-top: -.625rem;
    background-color: #c3243c; } }
.nav--header__submenu--list {
  padding: .625rem 0;
  text-align: left; }
@media only screen and (min-width: 78.75em) {
  .nav--header__submenu--list {
    padding: 0 0 .375rem; } }
.nav--header__submenu--link {
  display: block;
  padding: 0 .875rem .3125rem 1.375rem;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 300;
  line-height: 22px;
  text-decoration: none;
  color: #ffffff;
  font-family: "PF DinText Pro", Arial, sans-serif; }
@media only screen and (max-width: 78.6875em) {
  .nav--header__submenu--link {
    height: 2.5rem;
    padding: 0 1.875rem;
    font-size: 1rem;
    line-height: 2.5;
    color: #262626; } }
.nav--header__submenu--link:hover {
  text-decoration: underline;
  color: #ffffff; }
@media only screen and (max-width: 62.4375em) {
  .nav--header__submenu--link:hover {
    text-decoration: underline;
    color: #262626; } }
.nav--header__item {
  position: relative;
  display: inline-block;
  text-align: left; }
.nav--header__item:hover .nav--header__submenu {
  height: auto; }
@media only screen and (max-width: 78.6875em) {
  .nav--header__item {
    display: block; } }
@media only screen and (max-width: 78.6875em) {
  .nav--header__item.active .nav--header__link:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); } }

/*# sourceMappingURL=style.css.map */
