@font-face {
  font-family: 'avenir';
  src: url("../fonts/AvenirLTStd-Black.otf"); }
.font-logo {
  font-family: 'avenir', sans-serif; }

.first-block {
  padding-top: 130px; }

.doc {
  text-align: justify; }

.page-white {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: white; }
  .page-white .opaque {
    opacity: 0.9; }

.page-bg {
  background-position-x: 20%; }

.orange-bg {
  background: #FBBB21 !important; }

.nav-main ul.nav {
  margin-left: 0 !important; }
  .nav-main ul.nav a {
    color: #000 !important; }
    @media (max-width: 767px) {
      .nav-main ul.nav a {
        background: #B71C1C !important;
        color: #fff !important; } }
    .nav-main ul.nav a:hover {
      color: #B71C1C !important; }
      @media (max-width: 767px) {
        .nav-main ul.nav a:hover {
          color: #fff !important; } }

.nav-large a {
  font-size: 20px !important; }

.navbar-brand img.expand {
  height: 60px;
  margin: 1em 0; }

@media (max-width: 767px) {
  .bx-viewport {
    height: auto; }
    .bx-viewport .container.page-align {
      position: static !important; }
      .bx-viewport .container.page-align .text-panel {
        position: static !important; }
        .bx-viewport .container.page-align .text-panel h4 {
          font-size: 160% !important; } }

.footer-header {
  font-size: 200%;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
  .footer-header ul {
    display: flex;
    padding: 0;
    justify-content: center; }
  .footer-header a:hover {
    background: none !important; }

.footer-block .main.container {
  padding: 1em; }
.footer-block .brand {
  height: 150px !important; }
  .footer-block .brand img {
    height: 150px !important;
    text-align: center; }
.footer-block .col-md-3 {
  padding: 1em; }
.footer-block .bottom {
  height: 41px;
  line-height: 40px; }
  @media (max-width: 767px) {
    .footer-block .bottom {
      height: auto !important; } }
.footer-block .brand-col-right {
  width: 30%;
  padding-left: 30px; }
  @media (max-width: 767px) {
    .footer-block .brand-col-right {
      text-align: center;
      width: 100% !important;
      margin-top: 2em;
      padding-left: 0; } }
  @media (max-width: 1023px) {
    .footer-block .brand-col-right {
      width: auto; } }
.footer-block .brand-col-right {
  float: right; }
.footer-block .links-col {
  width: 40%;
  text-align: center;
  font-size: 120%; }
  @media (max-width: 767px) {
    .footer-block .links-col {
      width: 100%; } }
  .footer-block .links-col .v-links-title {
    color: white;
    font-weight: bold;
    margin: 0.5em 0; }
  .footer-block .links-col a {
    text-align: center !important; }

.play .content, .play_desktop .content {
  padding: 5px 5px 5px 15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 48px;
  box-shadow: 0 10px 30px #666; }
.play p, .play_desktop p {
  font-size: 1.5em; }

.play {
  position: relative; }
  @media (min-width: 1200px) {
    .play {
      display: none; } }
  .play .content {
    position: absolute;
    top: -20px;
    left: calc(50% - 40px); }
  .play p {
    position: relative;
    top: -50px;
    height: 0; }

.play_desktop {
  margin-top: 20px;
  text-align: center; }
  @media (max-width: 1200px) {
    .play_desktop {
      display: none; } }
  .play_desktop p {
    margin-bottom: 10px; }

.intro-slider .bx-controls {
  display: none; }

.close-modal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
  padding: 5px !important;
  font-size: 24px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  box-shadow: 0 10px 30px #666;
  z-index: 99; }

.nav-pictures {
  top: initial !important;
  bottom: 0;
  left: 50%;
  width: auto !important;
  height: auto !important;
  background: #2a3744; }
  .nav-pictures .img-links {
    display: flex; }

/* Make divs with a specific ratio */
.ratio {
  position: relative;
  margin: 0;
  display: inline-block;
  width: 100%; }
  .ratio .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .ratio .r4-3 {
    padding-top: 75%;
    /* 4:3 aspect ratio */ }
  .ratio .r7-3 {
    padding-top: 42.8571%;
    /* 7:3 aspect ratio */ }
  .ratio .r5-3 {
    padding-top: 60%;
    /* 5:3 aspect ratio */ }
  .ratio .r13-7 {
    padding-top: 53.8462%;
    /* 13:7 aspect ratio */ }
  .ratio .r16-9 {
    padding-top: 56.25%;
    /* 16:9 aspect ratio */ }

/*# sourceMappingURL=app.css.map */