/**
Creates "linear function" for property depending on VW between two points($start/$end).

USAGE
@include flProperty("margin-bottom", min_prop_value, max_prop_value, min_prop_value_at_start, max_prop_value_at_end);
@include flProperty("margin-bottom", 10px, 30px, 320px, 1024px);
@include flProperty("max-width", 750px, 1050px, 1400px);
 */
@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header {
    padding-top: calc(15.69507vw + 99.46188px); } }

@media all and (min-width: 0) and (max-width: 767px) {
  .main-page-header {
    padding-top: calc(16.07143vw + 94.57143px); } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-0 .main-page-nav .page-logo-wrapper {
    grid-row: 2; }
    .main-page-header.fixed-percent-0 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 16.02%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-1 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-1 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.9448%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-2 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-2 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.8696%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-3 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-3 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.7944%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-4 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-4 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.7192%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-5 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-5 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.644%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-6 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-6 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.5688%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-7 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-7 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.4936%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-8 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-8 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.4184%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-9 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-9 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.3432%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-10 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-10 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.268%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-11 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-11 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.1928%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-12 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-12 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.1176%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-13 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-13 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 15.0424%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-14 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-14 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.9672%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-15 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-15 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.892%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-16 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-16 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.8168%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-17 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-17 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.7416%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-18 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-18 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.6664%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-19 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-19 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.5912%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-20 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-20 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.516%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-21 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-21 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.4408%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-22 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-22 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.3656%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-23 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-23 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.2904%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-24 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-24 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.2152%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-25 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-25 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.14%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-26 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-26 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 14.0648%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-27 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-27 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.9896%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-28 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-28 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.9144%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-29 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-29 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.8392%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-30 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-30 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.764%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-31 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-31 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.6888%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-32 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-32 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.6136%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-33 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-33 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.5384%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-34 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-34 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.4632%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-35 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-35 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.388%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-36 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-36 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.3128%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-37 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-37 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.2376%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-38 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-38 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.1624%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-39 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-39 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.0872%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-40 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-40 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 13.012%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-41 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-41 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.9368%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-42 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-42 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.8616%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-43 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-43 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.7864%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-44 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-44 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.7112%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-45 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-45 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.636%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-46 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-46 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.5608%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-47 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-47 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.4856%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-48 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-48 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.4104%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-49 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-49 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.3352%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-50 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-50 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.26%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-51 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-51 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.1848%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-52 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-52 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.1096%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-53 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-53 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 12.0344%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-54 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-54 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.9592%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-55 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-55 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.884%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-56 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-56 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.8088%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-57 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-57 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.7336%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-58 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-58 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.6584%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-59 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-59 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.5832%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-60 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-60 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.508%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-61 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-61 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.4328%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-62 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-62 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.3576%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-63 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-63 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.2824%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-64 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-64 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.2072%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-65 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-65 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.132%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-66 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-66 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 11.0568%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-67 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-67 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.9816%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-68 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-68 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.9064%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-69 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-69 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.8312%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-70 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-70 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.756%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-71 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-71 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.6808%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-72 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-72 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.6056%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-73 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-73 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.5304%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-74 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-74 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.4552%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-75 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-75 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.38%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-76 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-76 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.3048%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-77 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-77 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.2296%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-78 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-78 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.1544%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-79 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-79 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.0792%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-80 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-80 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 10.004%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-81 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-81 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.9288%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-82 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-82 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.8536%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-83 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-83 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.7784%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-84 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-84 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.7032%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-85 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-85 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.628%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-86 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-86 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.5528%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-87 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-87 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.4776%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-88 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-88 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.4024%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-89 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-89 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.3272%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-90 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-90 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.252%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-91 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-91 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.1768%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-92 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-92 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.1016%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-93 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-93 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 9.0264%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-94 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-94 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.9512%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-95 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-95 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.876%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-96 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-96 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.8008%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-97 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-97 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.7256%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-98 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-98 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.6504%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-99 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-99 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.5752%; } }

@media all and (min-width: 768px) and (max-width: 991px) {
  .main-page-header.fixed-percent-100 .main-page-nav .page-logo-wrapper {
    grid-row: 1; }
    .main-page-header.fixed-percent-100 .main-page-nav .page-logo-wrapper .main-page-logo {
      padding-top: 8.5%; } }

.main-page-nav.container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: max-content max-content max-content;
  padding-top: 82px;
  margin-bottom: 45px;
  padding-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #EFEFEF; }
  @media all and (max-width: 991px) {
    .main-page-nav.container {
      border-bottom: none;
      padding-top: 14px;
      grid-template-columns: auto 1fr auto;
      margin-bottom: 30px;
      position: fixed;
      top: 0;
      z-index: 9999;
      background-color: white;
      transition: padding-top 0.3s ease-in-out; } }
  .main-page-nav.container .menu-buttons-wrapper {
    display: none; }
  .main-page-nav.container .menu-hamburger {
    display: none; }
    @media all and (max-width: 991px) {
      .main-page-nav.container .menu-hamburger {
        z-index: 9999;
        position: fixed;
        bottom: 25px;
        left: 15px;
        right: 15px;
        width: auto;
        min-height: 58px;
        background: linear-gradient(96.16deg, #9743F4 -34.9%, #FF682A 57.3%, #EE0016 173.87%);
        box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.3);
        border-radius: 4px;
        display: block; } }
    @media all and (max-width: 991px) {
      .main-page-nav.container .menu-hamburger.menu-hamburger-left {
        z-index: 10000;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-shadow: none; } }
    @media all and (max-width: 991px) {
      .main-page-nav.container .menu-hamburger:not(.menu-hamburger-left) {
        height: auto;
        padding-bottom: 58px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); } }
    .main-page-nav.container .menu-hamburger.expanded {
      max-height: max-content; }
    .main-page-nav.container .menu-hamburger .main-page-logo {
      display: none; }
    .main-page-nav.container .menu-hamburger .hamburger-list-items {
      text-align: center;
      list-style: none;
      padding: 0;
      margin: 0; }
      .main-page-nav.container .menu-hamburger .hamburger-list-items .menu-item-mobile .nav-menu-title {
        color: #ffffff;
        font-family: "Relative-Book";
        font-size: 22px;
        line-height: 1;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        padding: 12px 0; }
    .main-page-nav.container .menu-hamburger .menuToggle {
      position: relative;
      z-index: 0;
      user-select: none;
      cursor: pointer;
      width: 100%;
      height: 58px;
      display: inline-flex; }
      .main-page-nav.container .menu-hamburger .menuToggle:after {
        content: 'menu';
        text-transform: uppercase;
        font-family: "Relative-Book";
        font-size: 20px;
        line-height: 1.15;
        letter-spacing: 1px;
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(calc(-13%), calc(-50% - 1px));
        opacity: 1;
        transition: opacity 0.2s ease-in-out; }
      .main-page-nav.container .menu-hamburger .menuToggle span {
        display: block;
        width: 28px;
        height: 1px;
        margin-bottom: 5px;
        position: absolute;
        background: #ffffff;
        z-index: 1;
        transform-origin: 4px 0;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        transform: translate(-150%, -2px); }
      .main-page-nav.container .menu-hamburger .menuToggle span:first-child {
        transform-origin: 50% 50%;
        top: calc(50% - 6px);
        left: 50%; }
      .main-page-nav.container .menu-hamburger .menuToggle span:nth-last-child(2) {
        top: 50%;
        left: 50%;
        opacity: 1; }
      .main-page-nav.container .menu-hamburger .menuToggle span:nth-last-child(1) {
        margin-bottom: 0;
        left: 50%;
        top: calc(50% + 6px);
        transform-origin: 50% 50%; }
      .main-page-nav.container .menu-hamburger .menuToggle.expanded span {
        transform: translate(-50%, -2px); }
      .main-page-nav.container .menu-hamburger .menuToggle.expanded span:nth-last-child(1) {
        top: calc(50%);
        transform: translate(-50%, -2px) rotate(-45deg); }
      .main-page-nav.container .menu-hamburger .menuToggle.expanded span:nth-last-child(2) {
        opacity: 0; }
      .main-page-nav.container .menu-hamburger .menuToggle.expanded span:nth-last-child(3) {
        top: calc(50%);
        transform: translate(-50%, -2px) rotate(45deg); }
      .main-page-nav.container .menu-hamburger .menuToggle.expanded:after {
        opacity: 0; }
  .main-page-nav.container:before {
    content: '';
    display: block;
    grid-column: 1;
    grid-row: 2/4; }
  .main-page-nav.container .headerLanguages {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center; }
    .main-page-nav.container .headerLanguages .ring-simple-menu--listWrapper {
      display: inline-flex;
      font-family: "Relative-Book";
      font-size: 18px;
      line-height: 1.16;
      letter-spacing: 1px;
      text-transform: uppercase; }
      @media all and (max-width: 991px) {
        .main-page-nav.container .headerLanguages .ring-simple-menu--listWrapper {
          font-size: 16px; } }
      .main-page-nav.container .headerLanguages .ring-simple-menu--listWrapper:not(:last-child):after {
        content: '/';
        display: inline-block;
        opacity: 0.3;
        margin: 0 6px; }
      .main-page-nav.container .headerLanguages .ring-simple-menu--listWrapper .ring-simple-menu--labelLink {
        color: #000000;
        opacity: 1;
        text-decoration: none; }
        .main-page-nav.container .headerLanguages .ring-simple-menu--listWrapper .ring-simple-menu--labelLink:hover, .main-page-nav.container .headerLanguages .ring-simple-menu--listWrapper .ring-simple-menu--labelLink:focus {
          opacity: 0.3;
          text-decoration: underline; }
  .main-page-nav.container .page-logo-wrapper {
    grid-column: 2;
    grid-row: 1; }
    @media (min-width: 992px) {
      .main-page-nav.container .page-logo-wrapper {
        width: 430px;
        justify-self: center;
        align-self: center; } }
    @media all and (max-width: 991px) {
      .main-page-nav.container .page-logo-wrapper {
        grid-column: 1/4;
        grid-row: 2;
        padding-top: 10px; } }
    .main-page-nav.container .page-logo-wrapper .main-page-logo {
      width: 100%;
      padding-top: 16.02%;
      display: block;
      position: relative;
      overflow: hidden; }
      @media all and (max-width: 991px) {
        .main-page-nav.container .page-logo-wrapper .main-page-logo {
          transition: padding-top 0.2s ease-in-out;
          max-width: 430px;
          margin: 0 auto; } }
      .main-page-nav.container .page-logo-wrapper .main-page-logo .image-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%; }
        .main-page-nav.container .page-logo-wrapper .main-page-logo .image-wrapper img {
          display: block;
          margin: 0 auto; }
  .main-page-nav.container .headerText {
    grid-column: 2;
    grid-row: 2;
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
    padding: 23px 20px 0; }
    .main-page-nav.container .headerText h1, .main-page-nav.container .headerText h2, .main-page-nav.container .headerText h3, .main-page-nav.container .headerText h4, .main-page-nav.container .headerText h5, .main-page-nav.container .headerText h6 {
      margin: 0; }
    @media all and (max-width: 991px) {
      .main-page-nav.container .headerText {
        display: none; } }
  .main-page-nav.container .menu-desktop {
    grid-column: 2;
    grid-row: 3;
    padding: 0;
    margin: 20px 0;
    display: flex;
    align-items: center;
    align-content: center;
    list-style: none;
    gap: 2rem; }
    @media all and (max-width: 991px) {
      .main-page-nav.container .menu-desktop {
        display: none; } }
    .main-page-nav.container .menu-desktop .menu-item {
      flex: 1 1 auto;
      text-align: center; }
      .main-page-nav.container .menu-desktop .menu-item .menu-title {
        font-family: "Relative-Book";
        font-size: 22px;
        line-height: 1.13;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #000000;
        position: relative; }
      .main-page-nav.container .menu-desktop .menu-item.active-menu-element .menu-title:after {
        position: absolute;
        content: '';
        display: block;
        width: calc(100% + 27px);
        height: 6px;
        background: #ffffff;
        left: 50%;
        bottom: -50px;
        transform: translate(-50%, 0);
        z-index: 1; }
      .main-page-nav.container .menu-desktop .menu-item.categoryColorPurple .menu-title {
        color: #9743F4; }
      .main-page-nav.container .menu-desktop .menu-item.categoryColorPurple.active-menu-element .menu-title:after {
        background: #9743F4; }
      .main-page-nav.container .menu-desktop .menu-item.categoryColorOrange .menu-title {
        color: #FF682A; }
      .main-page-nav.container .menu-desktop .menu-item.categoryColorOrange.active-menu-element .menu-title:after {
        background: #FF682A; }
      .main-page-nav.container .menu-desktop .menu-item.categoryColorRed .menu-title {
        color: #EE0016; }
      .main-page-nav.container .menu-desktop .menu-item.categoryColorRed.active-menu-element .menu-title:after {
        background: #EE0016; }
  .main-page-nav.container .headerSocials {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-items: center;
    display: flex; }
    .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper {
      display: inline-flex; }
      .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper .ring-simple-menu--labelLink {
        font-size: 0;
        display: flex;
        align-items: center;
        width: auto;
        height: auto; }
        .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper .ring-simple-menu--labelLink:before {
          display: inline-block;
          font-family: "Relative-Book";
          font-size: 1rem;
          text-transform: uppercase;
          color: #000000;
          margin-right: 6px;
          position: relative; }
        .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper .ring-simple-menu--labelLink:after {
          content: '';
          display: inline-block;
          width: 22px;
          height: 22px;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; }
        @media all and (max-width: 991px) {
          .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper .ring-simple-menu--labelLink:before {
            display: none; }
          .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper .ring-simple-menu--labelLink:after {
            width: 16px;
            height: 16px; } }
      .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper:nth-child(1) .ring-simple-menu--labelLink:before {
        content: 'Newsletter'; }
      .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper:nth-child(1) .ring-simple-menu--labelLink:after {
        background-image: url("https://ocdn.eu/ringier-ag-verticals/bolero/assets/BoleroNewsletter.svg"); }
      .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper:nth-child(2) .ring-simple-menu--labelLink:after {
        background-image: url("../img/instagram.svg"); }
      .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper:nth-child(3) .ring-simple-menu--labelLink:after {
        background-image: url("../img/fb.svg"); }
      .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper:not(:first-child) {
        margin-left: 12px; }
        @media all and (max-width: 991px) {
          .main-page-nav.container .headerSocials .ring-simple-menu--listWrapper:not(:first-child) {
            margin-left: 18px; } }
  .main-page-nav.container:after {
    content: '';
    display: block;
    grid-column: 3;
    grid-row: 2/4; }
    @media all and (max-width: 991px) {
      .main-page-nav.container:after {
        grid-column: none;
        grid-row: none;
        height: 1px;
        left: 20px;
        right: 20px;
        bottom: 0;
        top: auto;
        position: absolute;
        background-color: #EFEFEF; } }

@media all and (min-width: 992px) {
  .articleDetail .main-page-nav.container {
    grid-template-columns: 197px 1fr auto;
    grid-template-rows: max-content;
    padding-top: 16px;
    margin-bottom: 44px;
    padding-bottom: 21px;
    border: none; }
    .articleDetail .main-page-nav.container .headerText, .articleDetail .main-page-nav.container .headerSocials, .articleDetail .main-page-nav.container .headerLanguages {
      display: none; }
    .articleDetail .main-page-nav.container .page-logo-wrapper {
      grid-column: 1;
      grid-row: 1;
      align-self: center;
      width: auto;
      justify-self: auto; }
    .articleDetail .main-page-nav.container .menu-desktop {
      grid-column: 3;
      grid-row: 1;
      margin: 20px -21px;
      gap: 0; }
      .articleDetail .main-page-nav.container .menu-desktop .menu-item {
        padding: 0 21px; }
        .articleDetail .main-page-nav.container .menu-desktop .menu-item .menu-title {
          font-size: 18px;
          line-height: 1.15; }
        .articleDetail .main-page-nav.container .menu-desktop .menu-item.active-menu-element .menu-title:after {
          bottom: -42px; }
    .articleDetail .main-page-nav.container:before {
      content: '';
      display: block;
      grid-column: 2;
      grid-row: 1; }
    .articleDetail .main-page-nav.container:after {
      display: block;
      grid-column: none;
      grid-row: none;
      height: 1px;
      left: 15px;
      right: 15px;
      bottom: 0;
      top: auto;
      position: absolute;
      background-color: #EFEFEF; } }

/*# sourceMappingURL=project-init.css.map */