@charset "UTF-8";
@import url("//webarchive.lib.cuhk.edu.hk/20241030053938cs_///hello.myfonts.net/count/3795f2");
@import url("fontawesome-all.min.css");
@import url("brands.min.css");
@import url("solid.min.css");
@import url("fullpage.css");
html {
  font-size: 62.5%; }

body {
  font-size: 2rem;
  font-family: "AvenirLTPro", Helvetica Neue, Helvetica, Arial, "source-han-sans-traditional", PingFang TC, Hiragino Sans GB, Microsoft Yahei, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media screen and (max-width: 576px) {
  body {
    font-size: 1.6rem; } }

@media screen and (min-width: 577px) and (max-width: 768px) {
  body {
    font-size: 1.8rem; } }

/**
 * @license
 * MyFonts Webfont Build ID 3550198, 2018-04-01T10:11:13-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTPro-Book by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-45-book-115678/
 * Copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3550198
 * 
 * © 2018 MyFonts Inc
*/
@font-face {
  font-family: 'AvenirLTPro';
  font-weight: 400;
  src: url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/362BF6_0_0.eot");
  src: url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/362BF6_0_0.eot#iefix") format("embedded-opentype"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/362BF6_0_0.woff2") format("woff2"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/362BF6_0_0.woff") format("woff"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/362BF6_0_0.ttf") format("truetype"); }

/**
 * @license
 * MyFonts Webfont Build ID 3642866, 2018-09-17T23:00:29-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTPro-Black by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/pro-95-black/
 * Copyright: Copyright © 2014 Monotype GmbH. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3642866
 * 
 * © 2018 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'AvenirLTPro';
  font-weight: 700;
  src: url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/3795F2_0_0.eot");
  src: url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/3795F2_0_0.eot#iefix") format("embedded-opentype"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/3795F2_0_0.woff2") format("woff2"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/3795F2_0_0.woff") format("woff"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/3795F2_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'mpwbka';
  src: url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/mpwbka.eot?lxiluz");
  src: url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/mpwbka.eot?lxiluz#iefix") format("embedded-opentype"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/mpwbka.ttf?lxiluz") format("truetype"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/mpwbka.woff?lxiluz") format("woff"), url("/20241030053938oe_/https://www.mpweekly.com/assets/fonts/mpwbka.svg?lxiluz#mpwbka") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-angle-down:before {
  content: "\e900"; }

.icon-angle-left:before {
  content: "\e901"; }

.icon-angle-up:before {
  content: "\e902"; }

.icon-arrow-down:before {
  content: "\e903"; }

.icon-arrow-left:before {
  content: "\e904"; }

.icon-arrow-right:before {
  content: "\e905"; }

.icon-arrow-up:before {
  content: "\e906"; }

.icon-angle-right:before {
  content: "\e907"; }

.icon-hashtag:before {
  content: "\e908"; }

#iconList:hover, #iconTrend:hover, #iconSearch:hover, #iconBack:hover, #iconSend:hover {
  cursor: pointer; }

/*List*/
#iconList {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconList .st0, #iconTime .st0, #iconEye .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#iconList:hover .st0 {
  stroke-dasharray: 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash500 1s linear forwards;
  -o-animation: dash500 1s linear forwards;
  -moz-animation: dash500 1s linear forwards;
  animation: dash500 1s linear forwards; }

/*Trend*/
#iconTrend {
  width: 40px;
  height: 40px;
  overflow: hidden; }

#iconTrend .st0 {
  stroke: #FFF;
  fill: #FFF;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center; }

#iconTrend:hover .st0 {
  -webkit-animation: flash 2s infinite ease-in-out;
  -o-animation: flash 2s infinite ease-in-out;
  -moz-animation: flash 2s infinite ease-in-out;
  animation: flash 2s infinite ease-in-out; }

/*TrendLoop*/
#iconTrendLoop {
  width: 40px;
  height: 40px;
  overflow: hidden; }

#iconTrendLoop .st0 {
  stroke: #FFF;
  fill: #FFF;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center;
  -webkit-animation: flash 2s infinite ease-in-out;
  -o-animation: flash 2s infinite ease-in-out;
  -moz-animation: flash 2s infinite ease-in-out;
  animation: flash 2s infinite ease-in-out; }

/*Close*/
#iconClose {
  width: 25px;
  height: 25px;
  overflow: hidden; }

#iconClose .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 48;
  stroke-height: 48;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center; }

#iconClose:hover {
  -webkit-animation: rotate360 0.2s ease-in-out;
  -o-animation: rotate360 0.2s ease-in-out;
  -moz-animation: rotate360 0.2s ease-in-out;
  animation: rotate360 0.2s ease-in-out; }

/*Eye*/
#iconEye .st1 {
  fill: #FFF;
  stroke: none;
  stroke-width: 48;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center; }

/*Search*/
#iconSearch {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconSearch .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#iconSearch:hover .st0 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  -webkit-animation: dash2000 0.5s ease-in-out forwards;
  -o-animation: dash2000 0.5s ease-in-out forwards;
  -moz-animation: dash2000 0.5s ease-in-out forwards;
  animation: dash2000 0.5s ease-in-out forwards; }

/*Back*/
#iconBack {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconBack .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 46;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform: scale(0.8); }

#iconBack:hover .st0 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  -webkit-animation: dash2000 0.6s ease-in-out forwards;
  -o-animation: dash2000 0.6s ease-in-out forwards;
  -moz-animation: dash2000 0.6s ease-in-out forwards;
  animation: dash2000 0.6s ease-in-out forwards; }

/*Time*/
/*#iconTime{}
#iconTime .st0{fill:none;stroke:#FFF;stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;transform-origin: center center;}
#iconTime .st1{fill:none;stroke:#FFF;stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;text-align: center; transform-origin:center center;
	-webkit-animation: rotation 20s infinite ease-in-out;
	-o-animation: rotation 20s infinite ease-in-out;
	-moz-animation: rotation 20s infinite ease-in-out;
	animation: rotation 20s infinite ease-in-out;
}*/
/*Time*/
#iconTime .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center; }

#iconTime .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  text-align: center;
  transform-origin: center center;
  /*-webkit-animation: rotation 20s infinite ease-in-out;
	-o-animation: rotation 20s infinite ease-in-out;
	-moz-animation: rotation 20s infinite ease-in-out;
	animation: rotation 20s infinite ease-in-out;*/ }

/*Time*/
#iconLoopTime .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center; }

#iconLoopTime .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  text-align: center;
  transform-origin: center center;
  -webkit-animation: rotation 20s infinite ease-in-out;
  -o-animation: rotation 20s infinite ease-in-out;
  -moz-animation: rotation 20s infinite ease-in-out;
  animation: rotation 20s infinite ease-in-out; }

/*Play*/
#iconPlay .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 30;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#iconPlay .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 30;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#iconPlay:hover .st0, #menuDrawer .menuInterviewList > .inner > .item:hover > .thumb > #iconPlay .st0, .imgWrapper.general:hover > #iconPlay .st0 {
  cursor: pointer;
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  -webkit-animation: dash2000 0.8s ease-in-out forwards;
  -o-animation: dash2000 0.8s ease-in-out forwards;
  -moz-animation: dash2000 0.8s ease-in-out forwards;
  animation: dash2000 0.8s ease-in-out forwards; }

#iconPlay:hover .st1, #menuDrawer .menuInterviewList > .inner > .item:hover > .thumb > #iconPlay .st1, .imgWrapper.general:hover > #iconPlay .st1 {
  cursor: pointer;
  stroke-dasharray: 1800;
  stroke-dashoffset: 0;
  -webkit-animation: dash1800 1.5s ease-in-out forwards;
  -o-animation: dash1800 1.5s ease-in-out forwards;
  -moz-animation: dash1800 1.5s ease-in-out forwards;
  animation: dash1800 1.5s ease-in-out forwards; }

/*Crown*/
#iconCrown {
  width: 30px;
  height: 30px; }

#iconCrown .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  vertical-align: middle;
  transform-origin: center center; }

#iconCrown .st2 {
  fill: #FFF;
  stroke: none;
  vertical-align: middle;
  transform-origin: center center;
  -webkit-animation: bounce 3.5s infinite linear;
  -o-animation: bounce 3.5s infinite linear;
  -moz-animation: bounce 3.5s infinite linear;
  animation: bounce 3.5s infinite linear; }

/*#iconCrown .st1{fill:none;stroke:#FFF;stroke-width:36;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;vertical-align: middle; transform-origin: center center;
	-webkit-animation: bounce02 1s infinite ease-in-out;
	-webkit-animation-delay: bounce02 3s; 
}
#iconCrown .st2{fill:#FFF;stroke:none;vertical-align: middle;transform-origin: center center;
	-webkit-animation: bounce02 1s infinite ease-in-out;
	-webkit-animation-delay: bounce02 3s; 
}*/
/*Microphone*/
#iconMicrophone {
  width: 60px;
  height: 60px; }

#iconMicrophone .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 26;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform: scale(0.9);
  -webkit-animation: shake 2s infinite ease-in-out;
  -o-animation: shake 2s infinite ease-in-out;
  -moz-animation: shake 2s infinite ease-in-out;
  animation: shake 2s infinite ease-in-out;
  transform-origin: center bottom;
  transform-origin: center bottom; }

#iconMicrophone .st2 {
  fill: none;
  stroke: #FFF;
  stroke-width: 26;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform: scale(0.9);
  transform-origin: center bottom; }

#iconMicrophone .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 26;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform: scale(0.9);
  -webkit-animation: speak 2s infinite ease-in-out;
  -o-animation: speak 2s infinite ease-in-out;
  -moz-animation: speak 2s infinite ease-in-out;
  animation: speak 2s infinite ease-in-out;
  transform-origin: center bottom;
  transform-origin: center bottom; }

/*Send Envelop*/
#iconSend .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#footer input[type=text]:focus ~ #iconSend .st0 {
  stroke: #fe5258; }

#footer input[type=submit]:hover + #iconSend .st0 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  -webkit-animation: dash2000 0.5s ease-in-out forwards;
  -o-animation: dash2000 0.5s ease-in-out forwards;
  -moz-animation: dash2000 0.5s ease-in-out forwards;
  animation: dash2000 0.5s ease-in-out forwards; }

/*Fire*/
#iconHot {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconHot .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 38;
  stroke-miterlimit: 10;
  transform-origin: center bottom;
  -webkit-animation: flicker 1.5s infinite linear;
  -o-animation: flicker 1.5s infinite linear;
  -moz-animation: flicker 1.5s infinite linear;
  animation: flicker 1.5s infinite linear; }

#iconHot .st1 {
  fill: none;
  stroke: none;
  stroke-width: 42;
  stroke-miterlimit: 10;
  transform-origin: center bottom;
  -webkit-animation: flicker 1s infinite linear;
  -o-animation: flicker 1s infinite linear;
  -moz-animation: flicker 1s infinite linear;
  animation: flicker 1s infinite linear; }

/*Comment*/
#iconComment {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconComment .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 32;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform-origin: center center; }

#iconComment .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 32;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 600;
  stroke-dashoffset: 0;
  -webkit-animation: dash600 1.5s infinite linear;
  -o-animation: dash600 1.5s infinite linear;
  -moz-animation: dash600 1.5s infinite linear;
  animation: dash600 1.5s infinite linear;
  -webkit-animation-delay: 1.5s; }

#iconComment .st2 {
  fill: none;
  stroke: #FFF;
  stroke-width: 32;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash200 1.5s infinite linear;
  -o-animation: dash200 1.5s infinite linear;
  -moz-animation: dash200 1.5s infinite linear;
  animation: dash200 1.5s infinite linear;
  -webkit-animation-delay: 1.5s; }

/*Hash*/
#iconHash {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconHash .st0, #iconHash .st1, #iconHash .st2, #iconHash .st3 {
  fill: none;
  stroke: #FFF;
  stroke-width: 32;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  transform: scale(1.2);
  transform-origin: center center; }

#iconHash:hover .st0, #iconHash:hover .st1, #iconHash:hover .st2, #iconHash:hover .st3, .hotKeyword:hover > #iconHash .st0, .hotKeyword:hover > #iconHash .st1, .hotKeyword:hover > #iconHash .st2, .hotKeyword:hover > #iconHash .st3 {
  stroke-dasharray: 700;
  stroke-dashoffset: 0; }

#iconHash:hover .st0, .hotKeyword:hover > #iconHash .st0 {
  -webkit-animation: dash700 0.5s ease-in-out forwards;
  -o-animation: dash700 0.5s ease-in-out forwards;
  -moz-animation: dash700 0.5s ease-in-out forwards;
  animation: dash700 0.5s ease-in-out forwards; }

#iconHash:hover .st1, .hotKeyword:hover > #iconHash .st1 {
  -webkit-animation: dash700 0.7s ease-in-out forwards;
  -o-animation: dash700 0.7s ease-in-out forwards;
  -moz-animation: dash700 0.7s ease-in-out forwards;
  animation: dash700 0.7s ease-in-out forwards; }

#iconHash:hover .st2, .hotKeyword:hover > #iconHash .st2 {
  -webkit-animation: dash700 0.9s ease-in-out forwards;
  -o-animation: dash700 0.9s ease-in-out forwards;
  -moz-animation: dash700 0.9s ease-in-out forwards;
  animation: dash700 0.9s ease-in-out forwards; }

#iconHash:hover .st3, .hotKeyword:hover > #iconHash .st3 {
  -webkit-animation: dash700 1.1s ease-in-out forwards;
  -o-animation: dash700 1.1s ease-in-out forwards;
  -moz-animation: dash700 1.1s ease-in-out forwards;
  animation: dash700 1.1s ease-in-out forwards; }

/*Book*/
#iconBook {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconBook .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

/*Arrow - Left arrow*/
#iconArrowLeft {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconArrowLeft .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#moreBloggerModule > .moreLink:hover > #iconArrowLeft {
  -webkit-animation: moveLeft 0.5s ease-in-out forwards;
  -o-animation: moveLeft 0.5s ease-in-out forwards;
  -moz-animation: moveLeft 0.5s ease-in-out forwards;
  animation: moveLeft 0.5s ease-in-out forwards; }

/*Arrow - Back arrow*/
#iconArrowBack {
  width: 35px;
  height: 35px;
  overflow: hidden; }

#iconArrowBack .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 36;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

#moreBloggerModule > .moreLink:hover > #iconArrowBack, #pageHd > .moreLink:hover > #iconArrowBack {
  -webkit-animation: moveLeft 0.5s ease-in-out forwards;
  -o-animation: moveLeft 0.5s ease-in-out forwards;
  -moz-animation: moveLeft 0.5s ease-in-out forwards;
  animation: moveLeft 0.5s ease-in-out forwards; }

/*Loading*/
#iconLoading {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  overflow: hidden; }

#iconLoading .st0, #iconLoading .st1, #iconLoading .st2, #iconLoading .st3, #iconLoading .st4 {
  fill: #FFF;
  -webkit-animation: bling 1s infinite ease-in-out forwards;
  -o-animation: bling 1s infinite ease-in-out forwards;
  -moz-animation: bling 1s infinite ease-in-out forwards;
  animation: bling 1s infinite ease-in-out forwards; }

#iconLoading .st0 {
  animation-delay: 0.2s; }

#iconLoading .st1 {
  animation-delay: 0.4s; }

#iconLoading .st2 {
  animation-delay: 0.6s; }

#iconLoading .st3 {
  animation-delay: 0.8s; }

#iconLoading .st4 {
  animation-delay: 1s; }

/*Animations*/
@keyframes dash500 {
  from {
    stroke-dashoffset: 500; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash600 {
  from {
    stroke-dashoffset: 600; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash700 {
  from {
    stroke-dashoffset: 700; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash300 {
  from {
    stroke-dashoffset: 300; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash200 {
  from {
    stroke-dashoffset: 200; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash2000 {
  from {
    stroke-dashoffset: 2000; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash1800 {
  from {
    stroke-dashoffset: 1800; }
  to {
    stroke-dashoffset: 0; } }

@keyframes move {
  0% {
    transform: translateY(0px); }
  25% {
    transform: translateX(40px) rotate(15deg) scale(1.1, 1.1); }
  50% {
    transform: translateY(0px); }
  75% {
    transform: translateX(0px); }
  100% {
    transform: translateY(0px); } }

@keyframes rotate360 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(180deg); } }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(72deg);
    /*animation-delay: 0.1s;*/ }
  40% {
    transform: rotate(144deg);
    /*animation-delay: 0.1s;*/ }
  60% {
    transform: rotate(216deg);
    /*animation-delay: 0.1s;*/ }
  80% {
    transform: rotate(288deg);
    /*animation-delay: 0.1s;*/ }
  100% {
    transform: rotate(359deg);
    /*animation-delay: 0.1s;*/ } }

@keyframes flash {
  0% {
    opacity: 1;
    transform: scale(1); }
  10% {
    opacity: 0.1; }
  20% {
    opacity: 1;
    animation-delay: 0.5s;
    transform: scale(1.05); }
  30% {
    opacity: 0.5; }
  40% {
    opacity: 1;
    animation-delay: 0.5s;
    transform: scale(1.05); }
  50% {
    opacity: 0.8; }
  60% {
    opacity: 1;
    animation-delay: 0.6s;
    transform: scale(1.05); }
  70% {
    opacity: 0.1; }
  100% {
    opacity: 1;
    animation-delay: 3s;
    transform: scale(1); } }

@keyframes bounce {
  0% {
    transform: translate(0px, 50px);
    opacity: 0; }
  10% {
    transform: translate(0px, -15px);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    opacity: 1; }
  80% {
    transform: translate(0px, -15px);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    opacity: 1; }
  100% {
    transform: translate(0px, 50px);
    opacity: 0; } }

@keyframes bounce02 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1) perspective(1px) translateZ(0);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
  100% {
    transform: scale(1); } }

@keyframes shake {
  0% {
    transform: scale(0.9); }
  25% {
    transform: scale(1) perspective(1px) rotate(5deg); }
  50% {
    transform: scale(0.9) perspective(0px) rotate(-5deg); }
  75% {
    transform: scale(0.9) perspective(1px) rotate(5deg); }
  100% {
    transform: scale(0.9); } }

@keyframes speak {
  0% {
    transform: scale(0.9);
    opacity: 0; }
  25% {
    transform: scale(1) perspective(1px) rotate(5deg);
    opacity: 1; }
  50% {
    transform: scale(0.9) perspective(0px) rotate(-5deg);
    opacity: 0; }
  75% {
    transform: scale(0.9) perspective(1px) rotate(5deg);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0; } }

@keyframes flicker {
  0% {
    transform: rotate(-1deg); }
  20% {
    transform: rotate(1deg); }
  40% {
    transform: rotate(-1deg); }
  60% {
    transform: rotate(1deg) scaleY(1.04); }
  80% {
    transform: rotate(-2deg) scaleY(0.92); }
  100% {
    transform: rotate(-1deg); } }

@keyframes moveLeft {
  0% {
    transform: translate(0, 0); }
  50% {
    transform: translate(-10px, 0px); }
  100% {
    transform: translate(0, 0); } }

@keyframes bling {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  70% {
    opacity: 0.7; }
  90% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

body {
  color: black;
  min-width: 768px;
  overflow-x: hidden;
  overflow-y: visible; }

body.hiddenY {
  overflow-y: hidden; }

body.hiddenBody {
  overflow: hidden; }

body.unhiddenBody {
  overflow-y: visible;
  overflow-x: hidden; }

body.fifty {
  background-color: #BA8A3A; }

body.general {
  background-color: #A6A6A6; }

body.services {
  background-color: #EEEEEE; }

/*==========Firefox: remove the dotted outline==========*/
a:focus, a:active, button,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important; }

*:focus {
  outline: none !important; }

a, a:link, a:hover, a:active, a:visited {
  text-decoration: none !important; }

a {
  color: black;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

a:hover {
  color: white; }

/*==========Navigation==========*/
/*light version*/
#nav {
  position: fixed;
  z-index: 10;
  top: 40px;
  right: 120px; }

#nav li {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.8rem;
  margin-left: 10px;
  transition: color 0.3s linear;
  padding: 5px 10px; }

#nav li a {
  color: rgba(255, 255, 255, 0.5); }

#nav li a:hover {
  color: white; }

#nav li.active, #nav li.active a {
  color: white; }

#nav .btnAbout {
  position: absolute;
  top: 8px;
  right: -35px; }

#nav a.btnAbout:hover {
  cursor: pointer; }

#nav .btnAbout .line {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 5px;
  transition: all 0.2s linear; }

#nav a.btnAbout:hover .line {
  top: -5px;
  background-color: white;
  margin-top: 2px;
  margin-bottom: 8px; }

#nav .btn50 {
  position: absolute;
  right: -80px;
  top: -52px;
  display: inline-block;
  width: 52px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/icon55.svg);
  background-position: 0 0;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease; }

#nav a.btn50:hover, #nav .btn50.active {
  cursor: pointer;
  background-position: 0 -157px; }

/*gold version*/
body.fp-viewing-covers #nav li {
  color: rgba(186, 138, 58, 0.8); }

body.fp-viewing-covers #nav li a {
  color: rgba(186, 138, 58, 0.8); }

body.fp-viewing-covers #nav li a:hover {
  color: #ba8a3a; }

body.fp-viewing-covers #nav li.active, body.fp-viewing-covers #nav li.active a {
  color: #ba8a3a; }

body.fp-viewing-covers #nav .btnAbout .line {
  background-color: rgba(186, 138, 58, 0.8); }

body.fp-viewing-covers #nav .btn50 {
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/icon50_gold.svg); }

/*==========Logo==========*/
#logo {
  position: fixed;
  top: 30px;
  left: 40px;
  z-index: 10;
  display: block;
  width: 95px;
  height: 101px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/mpw_logo.svg);
  background-size: 95px 101px; }

#logoBKA {
  display: block;
  width: 47px;
  height: 46px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/logo_bka.jpg);
  background-size: 47px 46px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #logoBKA {
      background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/logo_bka@2x.jpg); } }

#logoBKB {
  display: block;
  width: 42px;
  height: 46px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/logo_bkb.jpg);
  background-size: 42px 46px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #logoBKB {
      background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/logo_bkb@2x.jpg); } }

/*gold version*/
body.fp-viewing-covers #logo {
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/mpw_logo_gold.svg); }

/*==========Loader==========*/
#loader {
  position: fixed;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: #d76323; }

body.fifty #loader {
  background-color: #ba8a3a; }

.no-js #loader {
  display: none; }

#loader .iconLoading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -200px;
  width: 400px;
  height: 400px; }

/*==========Home page==========*/
#allSections {
  width: 100%;
  background-color: #d76323;
  -moz-transition: background-color 0.5s ease-in;
  -ms-transition: background-color 0.5s ease-in;
  -o-transition: background-color 0.5s ease-in;
  -webkit-transition: background-color 0.5s ease-in;
  transition: background-color 0.5s ease-in;
  overflow: hidden !important; }

body.home #trigger1 {
  position: absolute;
  top: 100vh;
  right: 0; }

body.home #trigger2 {
  position: absolute;
  top: 200vh;
  right: 0; }

body.home #trigger3 {
  position: absolute;
  top: 0;
  right: 0; }

/*#sectionEntertainment{background-color:#7E8C3E;}
#sectionCulture{background-color:#8E1930;}
#sectionFashion{background-color:#CEB292;}*/
#allSections > .item {
  position: relative;
  width: 100%;
  height: 100vh; }

#allSections > .inner {
  padding: 25px 0 0 40px; }

#allSections .videoWrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 50%;
  height: 100%;
  overflow: hidden; }

#allSections .imgTopOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); }

#allSections .imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 50%;
  height: 100%;
  /*height: 160%;*/
  z-index: 0;
  /*opacity:0;*/
  overflow: hidden;
  background-size: cover;
  background-position: center center; }

#allSections .contentWrapper {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  color: white; }

#allSections .contentWrapper .inner {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 60px 0 70px;
  top: 95%;
  transform: translateY(-95%); }

#allSections .contentWrapper .inner .hd {
  font-size: 4.6rem;
  font-weight: 700;
  letter-spacing: 3px;
  padding-bottom: 20px; }

#allSections .contentWrapper .inner .desc {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  padding-bottom: 30px; }

#allSections .contentWrapper .inner .link {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  border: 2px solid rgba(255, 255, 255, 0.3);
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 0 15px 4px 18px; }

#allSections .contentWrapper .inner .link .icon {
  position: relative;
  top: 7px;
  left: 5px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/arrow_external_link.svg);
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

#allSections .contentWrapper .inner a.link {
  color: white;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

#allSections .contentWrapper .inner a.link:hover {
  border-color: white;
  color: white;
  padding-right: 30px; }

#allSections .contentWrapper .inner a.link:hover .icon {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 20px; }

#allSections .videoWrapper video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*#allSections #introVideo > .overlay{position:absolute; top:0; left:0; z-index:9; width:100%; height:100%; background-color:rgba(0,0,0,0.2);}*/
#allSections .videoWrapper > .topOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 300px;
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

#allSections .videoWrapper > .btmOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 40vh;
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }

/*Footer*/
#allSections > #footer {
  background-color: white;
  color: rgba(0, 0, 0, 0.3); }

#allSections > #footer .inner {
  padding: 60px 40px 60px 40px; }

#allSections > #footer .inner .footerLinks {
  padding-bottom: 45px; }

#allSections > #footer .inner .footerLinks a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  float: left;
  margin-right: 30px; }

#allSections > #footer .inner .footerLinks a:hover {
  color: #ba8a3a;
  cursor: pointer; }

#allSections > #footer .inner .copyright {
  font-size: 1.2rem; }

#allSections > #footer #logoBKA {
  position: absolute;
  top: 50%;
  right: 120px;
  margin-top: -23px; }

#allSections > #footer #logoBKB {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -23px; }

body.home #fp-nav ul li:last-child {
  display: none !important; }

/*Slideshow*/
.slideshowImg > .item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: top center;
  background-color: #EFEFEF;
  z-index: 0;
  opacity: 0;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition: opacity 1.8s ease-out, -webkit-transform 7s linear;
  -ms-transition: opacity 1.8s ease-out, -webkit-transform 7s linear;
  -o-transition: opacity 1.8s ease-out, -webkit-transform 7s linear;
  -webkit-transition: opacity 1.8s ease-out, -webkit-transform 7s linear;
  transition: opacity 1.8s ease-out, -webkit-transform 7s linear; }

.slideshowImg > .item.active {
  z-index: 2;
  opacity: 1;
  top: 0;
  left: 0;
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  -moz-transition: opacity 1.2s, -webkit-transform 12s;
  -ms-transition: opacity 1.2s, -webkit-transform 12s;
  -o-transition: opacity 1.2s, -webkit-transform 12s;
  -webkit-transition: opacity 1.2s, -webkit-transform 12s;
  transition: opacity 1.2s, -webkit-transform 12s; }

.slideshowImg > .item.active.last {
  z-index: 3; }

/*Animation - Zoom*/
.zoom {
  animation-name: zooming;
  animation-duration: 12s;
  animation-iteration-count: 1; }

@keyframes zooming {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); } }

/*==========50th==========*/
#fiftySections {
  width: 100%;
  overflow: hidden !important; }

#fiftySections > .item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden !important; }

/*Triggers*/
#fiftySections .trigger {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 1px;
  background-color: transparent; }

/*Section Title*/
.sectionTitle {
  position: absolute;
  z-index: 5;
  opacity: 1;
  top: 43%;
  left: 40px;
  font-size: 1.4rem;
  line-height: 1.2; }

.sectionTitle.right {
  left: auto;
  right: 40px; }

.sectionTitle .line {
  position: relative;
  display: block;
  width: 2px;
  height: 70px;
  top: 5px;
  left: 5px; }

.sectionTitle.gold {
  color: #ba8a3a; }

.sectionTitle.gold .line {
  background-color: #ba8a3a; }

.sectionTitle.white {
  color: white; }

.sectionTitle.white .line {
  background-color: white; }

/*Slide 1*/
#fiftySections #banner5 {
  position: absolute;
  /*top:1000px;*/
  top: -3820px;
  left: 100px;
  display: block;
  width: 396px;
  height: 5550px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/banner5.png);
  background-size: 396px 2775px;
  background-repeat: repeat-y; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #fiftySections #banner5 {
      background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/banner5@2x.png); } }

@media screen and (max-width: 950px) {
  #fiftySections #banner5 {
    /*@include transform (scale(0.6,0.6));*/
    width: 132px;
    height: 6935px;
    background-size: 132px 925px;
    left: 150px; } }

@media screen and (min-width: 951px) and (max-width: 1249px) {
  #fiftySections #banner5 {
    left: 100px; } }

@media screen and (min-width: 1250px) and (max-width: 1499px) {
  #fiftySections #banner5 {
    left: 200px; } }

@media screen and (min-width: 1500px) {
  #fiftySections #banner5 {
    left: 300px; } }

#fiftySections #banner0 {
  position: absolute;
  /*top:-5600px;*/
  top: 150px;
  right: 100px;
  display: block;
  width: 346px;
  height: 8400px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/banner0.png);
  background-size: 346px 2800px;
  background-repeat: repeat-y; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #fiftySections #banner0 {
      background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/banner0@2x.png); } }

@media screen and (max-width: 950px) {
  #fiftySections #banner0 {
    /*@include transform (scale(0.6,0.6));*/
    /*top:-2643px;*/
    width: 115px;
    background-size: 115px 933px;
    right: 150px; } }

@media screen and (min-width: 951px) and (max-width: 1249px) {
  #fiftySections #banner0 {
    right: 100px; } }

@media screen and (min-width: 1250px) and (max-width: 1499px) {
  #fiftySections #banner0 {
    right: 200px; } }

@media screen and (min-width: 1500px) {
  #fiftySections #banner0 {
    right: 300px; } }

#fiftySections #logotype50 {
  position: absolute;
  display: block;
  top: 150%;
  left: 50%;
  margin-left: -20px;
  margin-top: -112px;
  width: 60px;
  height: 223px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/logotype50.png);
  background-size: 60px 223px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #fiftySections #logotype50 {
      background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/logotype50@2x.png); } }

#fiftySections #iconScroll {
  position: absolute;
  display: block;
  bottom: 5%;
  opacity: 0;
  left: 50%;
  margin-left: -15px;
  width: 31px;
  height: 62px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/iconScroll.png);
  background-size: 31px 62px;
  animation: bounce 1.2s infinite alternate; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #fiftySections #iconScroll {
      background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/iconScroll@2x.png); } }

@keyframes bounce {
  0% {
    bottom: 5%; }
  100% {
    bottom: 8%; } }

/*Slide 2*/
#fiftySections > #slide2 {
  background-color: #BCA583; }

#fiftySections > #slide2 .topSolid {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #BCA583; }

#fiftySections > #slide2 .topGradient {
  position: absolute;
  z-index: 4;
  top: 50px;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(0deg, rgba(188, 165, 131, 0) 0%, #bca583 100%);
  background: -o-linear-gradient(0deg, rgba(188, 165, 131, 0) 0%, #bca583 100%);
  background: -moz-linear-gradient(0deg, rgba(188, 165, 131, 0) 0%, #bca583 100%);
  background: -ms-linear-gradient(0deg, rgba(188, 165, 131, 0) 0%, #bca583 100%);
  background: linear-gradient(0deg, rgba(188, 165, 131, 0) 0%, #bca583 100%); }

#fiftySections > #slide2 .tagline {
  position: absolute;
  top: 50%;
  left: 48%;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.1;
  color: white;
  opacity: 0;
  height: 228px;
  margin-top: -114px;
  overflow: hidden; }

@media screen and (max-width: 1023px) {
  #fiftySections > #slide2 .tagline {
    display: none; } }

#fiftySections > #slide2 .tagline > .btm {
  position: relative;
  top: 25px;
  color: rgba(255, 255, 255, 0.6); }

#fiftySections > #slide2 .desc {
  position: absolute;
  z-index: 4;
  width: 100%;
  bottom: 0;
  font-size: 1.8rem;
  color: white;
  background: -webkit-linear-gradient(0deg, #bca583 0%, #bca583 60%, rgba(188, 165, 131, 0) 100%);
  background: -o-linear-gradient(0deg, #bca583 0%, #bca583 60%, rgba(188, 165, 131, 0) 100%);
  background: -moz-linear-gradient(0deg, #bca583 0%, #bca583 60%, rgba(188, 165, 131, 0) 100%);
  background: -ms-linear-gradient(0deg, #bca583 0%, #bca583 60%, rgba(188, 165, 131, 0) 100%);
  background: linear-gradient(0deg, #bca583 0%, #bca583 60%, rgba(188, 165, 131, 0) 100%);
  height: auto; }

#fiftySections > #slide2 .desc .inner {
  position: relative;
  width: 540px;
  left: 50%;
  margin-left: -270px;
  padding: 50px 0; }

#fiftySections > #slide2 .taglineTablet {
  display: none;
  text-align: center;
  padding-bottom: 20px;
  font-size: 4.2rem;
  font-weight: 700; }

@media screen and (max-width: 1023px) {
  #fiftySections > #slide2 .taglineTablet {
    display: block; } }

#fiftySections > #slide2 .taglineTablet > .light {
  color: rgba(255, 255, 255, 0.6); }

#fiftySections > #slide2 .outerWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#fiftySections > #slide2 .coverFirstIssue {
  position: absolute;
  z-index: 3;
  left: 10%;
  top: 45%;
  margin-top: -269px; }

@media screen and (min-width: 1600px) {
  #fiftySections > #slide2 .coverFirstIssue {
    left: 20%; } }

@media screen and (max-width: 1100px) {
  #fiftySections > #slide2 .coverFirstIssue {
    width: 300px;
    height: 432px;
    margin-top: -216px; } }

#fiftySections > #slide2 .oldTV {
  position: absolute;
  z-index: 2;
  right: 4%;
  top: 50%;
  margin-top: -162px; }

@media screen and (min-width: 1600px) {
  #fiftySections > #slide2 .oldTV {
    right: 17%; } }

@media screen and (max-width: 1100px) {
  #fiftySections > #slide2 .oldTV {
    width: 330px;
    height: 219px;
    margin-top: -110px; } }

#fiftySections > #slide2 .hd1968 {
  position: absolute;
  z-index: 3;
  top: 42%;
  left: 15%;
  font-size: 10.5rem;
  font-weight: 700;
  color: white; }

@media screen and (max-width: 1023px) {
  #fiftySections > #slide2 .hd1968 {
    top: 45%;
    font-size: 8rem; } }

#fiftySections > #slide2 .hd60s {
  position: absolute;
  z-index: 3;
  top: 42%;
  right: 19%;
  text-align: right;
  font-size: 10.2rem;
  font-weight: 700;
  color: white; }

@media screen and (max-width: 1023px) {
  #fiftySections > #slide2 .hd60s {
    top: 45%;
    font-size: 8rem; } }

#fiftySections > #slide2 .divLineLight {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2); }

#fiftySections > #slide2 .divLineLeft {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 1px;
  background-color: white; }

@media screen and (min-width: 1201px) and (max-width: 1550px) {
  #fiftySections > #slide2 .divLineLeft {
    left: -5%; } }

@media screen and (max-width: 1200px) {
  #fiftySections > #slide2 .divLineLeft {
    left: -20%; } }

#fiftySections > #slide2 .divLineRight {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 50%;
  width: 0;
  height: 1px;
  background-color: white; }

@media screen and (min-width: 1201px) and (max-width: 1550px) {
  #fiftySections > #slide2 .divLineRight {
    right: -5%; } }

@media screen and (max-width: 1200px) {
  #fiftySections > #slide2 .divLineRight {
    right: -20%; } }

/*Slide 3*/
#fiftySections > #slide3 {
  background-color: #F7F7F5; }

#fiftySections > #slide3 .imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  margin-top: 0; }

#fiftySections > #slide3 .colL {
  position: relative;
  z-index: 1;
  width: 50%;
  height: 100%;
  float: left;
  background-color: #EFEEEA;
  overflow: hidden; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide3 .colL {
    width: 100%;
    height: 75%; } }

#fiftySections > #slide3 .colR {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #D0431E;
  overflow: hidden; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide3 .colR {
    position: relative;
    width: 100%;
    height: 25%;
    float: left; } }

#fiftySections > #slide3 .bigType {
  position: relative;
  top: 50%;
  font-size: 38rem;
  margin-top: -24rem;
  font-weight: 700;
  color: white;
  text-align: center; }

@media screen and (min-width: 1367px) {
  #fiftySections > #slide3 .bigType {
    font-size: 45rem;
    margin-top: -28rem; } }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide3 .bigType {
    font-size: 35rem;
    margin-top: -20rem; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide3 .bigType {
    font-size: 14rem;
    top: 4%;
    margin-top: 0; } }

#fiftySections > #slide3 .colR .desc {
  position: absolute;
  width: 100%;
  bottom: 5%;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide3 .colR .desc {
    bottom: 8%; } }

/*Slide 4*/
#fiftySections > #slide4 {
  z-index: 3;
  /*z-index: fixing IE overflow issue*/
  background-color: #F7F7F5; }

#fiftySections > #slide4 .imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }

#fiftySections > #slide4 .colL {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #D0431E;
  overflow: hidden; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide4 .colL {
    position: relative;
    width: 100%;
    height: 25%;
    float: right; } }

#fiftySections > #slide4 .colR {
  position: relative;
  width: 50%;
  height: 100%;
  float: right;
  background-color: #EFEEEA;
  overflow: hidden; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide4 .colR {
    width: 100%;
    height: 75%; } }

#fiftySections > #slide4 .bigType {
  position: relative;
  top: 50%;
  margin-top: -14rem;
  font-size: 14rem;
  line-height: 1.3;
  font-weight: 700;
  color: white;
  text-align: center;
  left: 50%;
  margin-left: -14rem; }

@media screen and (min-width: 1367px) {
  #fiftySections > #slide4 .bigType {
    font-size: 16rem;
    top: 50%;
    margin-top: -16rem;
    margin-left: -16rem; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide4 .bigType {
    top: 12%;
    font-size: 6rem;
    margin-top: 0;
    margin-left: -6rem; } }

#fiftySections > #slide4 .bigType > .right {
  position: relative;
  float: left;
  left: 20px; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide4 .bigType > .right {
    left: 10px; } }

#fiftySections > #slide4 .bigType > .left {
  position: relative;
  float: left;
  left: -20px;
  /*color:$colorBlack20;*/ }

@media screen and (max-width: 768px) {
  #fiftySections > #slide4 .bigType > .left {
    left: -10px; } }

#fiftySections > #slide4 .colL .desc {
  position: absolute;
  width: 100%;
  bottom: 5%;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide4 .colL .desc {
    bottom: 8%; } }

/*Slide 5*/
#fiftySections > #slide5 {
  z-index: 1;
  /*z-index: fixing IE overflow issue*/
  background-color: #F7F7F5;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/icon_loading.svg);
  background-position: center center;
  background-repeat: no-repeat; }

#fiftySections > #slide5 .videoWrapper {
  z-index: 1; }

#fiftySections > #slide5 .videoWrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

#fiftySections > #slide5 #bestOf {
  position: absolute;
  z-index: 5;
  left: 50px;
  bottom: 30px; }

#fiftySections > #slide5 #bestOf .title {
  display: inline-block;
  font-size: 1.8rem;
  color: white;
  background-color: #ba8a3a;
  padding: 7px 20px 2px 20px;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

#fiftySections > #slide5 #bestOf .result {
  font-weight: 900;
  font-size: 5rem;
  color: #ba8a3a; }

#icon50refresh {
  position: absolute;
  z-index: 5;
  right: 20px;
  bottom: 20px;
  width: 120px;
  height: 120px;
  /*margin-left:-50px;*/
  text-align: center; }

#icon50refresh .st1 {
  fill: #ba8a3a; }

.iconRefresh {
  animation: bounceRHS 1.2s infinite alternate; }

.iconRefresh .st0 {
  fill: #ba8a3a;
  stroke: none;
  transform-origin: center center; }

.iconRefresh:hover {
  cursor: pointer; }

.iconRefresh:hover .st0 {
  -webkit-animation: rotation 1.2s linear infinite;
  -o-animation: rotation 1.2s linear infinite;
  -moz-animation: rotation 1.2s linear infinite;
  animation: rotation 1.2s ease-in-out infinite; }

@keyframes bounceRHS {
  0% {
    bottom: 2%; }
  100% {
    bottom: 4%; } }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/*Slide 6*/
#fiftySections > #slide6 {
  z-index: 3;
  /*z-index: fixing IE overflow issue*/
  background-color: #002F3F; }

#fiftySections > #slide6 .topSolid {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #002F3F; }

#fiftySections > #slide6 .topGradient {
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient(0deg, rgba(0, 47, 63, 0) 0%, #002f3f 100%);
  background: -o-linear-gradient(0deg, rgba(0, 47, 63, 0) 0%, #002f3f 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 47, 63, 0) 0%, #002f3f 100%);
  background: -ms-linear-gradient(0deg, rgba(0, 47, 63, 0) 0%, #002f3f 100%);
  background: linear-gradient(0deg, rgba(0, 47, 63, 0) 0%, #002f3f 100%); }

#fiftySections > #slide6 .textWrap {
  position: absolute;
  z-index: 5;
  top: 38%;
  left: 100px; }

@media screen and (max-width: 1380px) {
  #fiftySections > #slide6 .textWrap {
    top: 38%;
    width: 300px; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide6 .textWrap {
    top: 40%;
    width: 220px; } }

#fiftySections > #slide6 .year {
  position: relative;
  left: -10px;
  font-size: 10rem;
  font-weight: 700;
  color: white; }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide6 .year {
    font-size: 8rem; } }

#fiftySections > #slide6 .tagline {
  position: relative;
  top: -22px;
  color: white;
  font-size: 3.5rem;
  font-weight: 700; }

@media screen and (max-width: 1380px) {
  #fiftySections > #slide6 .tagline {
    font-size: 3rem; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide6 .tagline {
    font-size: 2.2rem; } }

#fiftySections > #slide6 .desc {
  position: relative;
  top: -10px;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.8); }

#fiftySections > #slide6 .bkbWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#fiftySections > #slide6 .bkb01 {
  position: absolute;
  z-index: 2;
  top: 80px;
  right: 34%; }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide6 .bkb01 {
    right: 33%; } }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide6 .bkb01 img {
    width: 210px; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide6 .bkb01 img {
    width: 160px; } }

#fiftySections > #slide6 .bkb02 {
  position: absolute;
  z-index: 1;
  top: -850px;
  right: 10%; }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide6 .bkb02 {
    right: 6%;
    top: -380px; } }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide6 .bkb02 img {
    width: 210px; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide6 .bkb02 img {
    width: 160px; } }

/*Slide 7*/
#fiftySections > #slide7 {
  background-color: white;
  /*background-color:rgba(105,13,35,1);*/
  background-size: cover;
  background-position: center center; }

#fiftySections > #slide7 .overlay {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(105, 13, 35, 0.6); }

#fiftySections > #slide7 .fw01 {
  position: absolute;
  z-index: 2;
  top: 10%;
  left: 0;
  width: 200%;
  height: 40%;
  background-size: cover;
  background-position: center right;
  background-repeat: repeat-x; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide7 .fw01 {
    top: 20%;
    height: 30%; } }

#fiftySections > #slide7 .fw02 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -30%;
  width: 200%;
  height: 40%;
  background-size: cover;
  background-position: center left;
  background-repeat: repeat-x; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide7 .fw02 {
    height: 30%; } }

/*#fiftySections > #slide7 .imgWrapper{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center;}*/
#fiftySections > #slide7 .textWrap {
  position: absolute;
  z-index: 5;
  top: 40%;
  left: 100px; }

#fiftySections > #slide7 .year {
  position: relative;
  left: -10px;
  font-size: 10rem;
  font-weight: 700;
  color: white; }

@media screen and (max-width: 1023px) {
  #fiftySections > #slide7 .year {
    font-size: 8rem; } }

#fiftySections > #slide7 .tagline {
  position: relative;
  top: -25px;
  color: white;
  font-size: 3.5rem;
  font-weight: 700; }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide7 .tagline {
    font-size: 3rem; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide7 .tagline {
    font-size: 2.2rem; } }

#fiftySections > #slide7 .circleDesc {
  position: absolute;
  z-index: 5;
  right: 120px;
  bottom: 10%;
  background-color: rgba(105, 13, 35, 0.95);
  color: white;
  text-align: center;
  width: 370px;
  height: 370px;
  padding: 40px;
  border-radius: 185px;
  font-size: 2rem; }
  #fiftySections > #slide7 .circleDesc::before {
    content: '';
    height: 100%;
    width: 50%;
    float: left;
    shape-outside: polygon(0 0, 100% 0, 60% 4%, 40% 10%, 20% 20%, 10% 28.2%, 5% 34.4%, 0 50%, 5% 65.6%, 10% 71.8%, 20% 80%, 40% 90%, 60% 96%, 100% 100%, 0 100%); }
  #fiftySections > #slide7 .circleDesc > span::before {
    content: '';
    height: 100%;
    width: 50%;
    float: right;
    /*shape-outside: polygon(
      100% 0, 0 0, 40% 4%, 60% 10%, 80% 20%, 90% 28.2%, 95% 34.4%, 100% 50%,
      95% 65.6%, 90% 71.8%, 80% 80%, 60% 90%, 40% 96%, 0 100%, 100% 100%
    );*/ }
  #fiftySections > #slide7 .circleDesc > span {
    top: -240px;
    position: relative;
    /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	 	top:-($radius + $padding + 15);
	 	position:relative;
	}
	@supports (-ms-ime-align:auto) {
		top:-($radius + $padding + 15);
	 	position:relative;
	}
	@media screen and (min--moz-device-pixel-ratio:0) {
		top:-($radius + $padding + 15);
	 	position:relative;
	}*/ }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide7 .circleDesc {
    right: 60px;
    bottom: 5%; } }

/*Slide 8*/
#fiftySections > #slide8 {
  z-index: 3;
  /*z-index: fixing IE overflow issue*/
  background-color: #EDA898;
  -moz-transition: background 1s ease;
  -ms-transition: background 1s ease;
  -o-transition: background 1s ease;
  -webkit-transition: background 1s ease;
  transition: background 1s ease; }

#story50refresh {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 120px;
  height: 120px;
  /*margin-left:-50px;*/
  text-align: center; }

#story50refresh .st0 {
  fill: white; }

#fiftySections > #slide8 .quoteWrapper {
  position: absolute;
  width: 100%;
  top: 20%;
  padding: 0 110px 0 150px;
  text-align: justify; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide8 .quoteWrapper {
    top: 30%;
    padding: 0 70px 0 110px; } }

#fiftySections > #slide8 .quoteWrapper:hover {
  /*cursor:pointer;*/
  cursor: url("/20241030053938oe_/https://www.mpweekly.com/assets/images/custom_arrow_cursor.png"), pointer;
  cursor: -webkit-image-set(url("/20241030053938oe_/https://www.mpweekly.com/assets/images/custom_arrow_cursor.png") 1x, url("/20241030053938oe_/https://www.mpweekly.com/assets/images/custom_arrow_cursor@2x.png") 2x), auto; }

#fiftySections > #slide8 .quote {
  display: inline;
  /*font-family:$fontBaseSerif;*/
  font-size: 4rem;
  line-height: 1.6;
  padding-bottom: 8px;
  font-weight: 400;
  color: #FFF9EB;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide8 .quote {
    font-size: 3.2rem;
    padding-bottom: 5px; } }

@media screen and (min-width: 1367px) {
  #fiftySections > #slide8 .quote {
    font-size: 5.5rem; } }

/*#fiftySections > #slide8 .quote.big{font-size:4rem;
	@include media("screen", "<=1024px") {
		font-size:4rem; padding-bottom:5px;
	}
}*/
#fiftySections > #slide8 .name {
  font-size: 1.8rem;
  color: white;
  padding-top: 15px; }

@media screen and (max-width: 768px) {
  #fiftySections > #slide8 .name {
    font-size: 1.6rem; } }

#fiftySections > #slide8 .portrait {
  display: block;
  width: 120px;
  height: 120px;
  background-size: cover;
  background-position: center center;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 30px; }

/*Slide 9*/
#fiftySections > #slide9 {
  z-index: 1;
  /*z-index: fixing IE overflow issue*/
  background-color: black;
  /*background-image:url(/20241030053938oe_/https://www.mpweekly.com/assets/images/bg_websiterevamp_bka.jpg); background-size:cover;*/ }

#fiftySections > #slide9 .videoWrapper {
  z-index: 1; }

#fiftySections > #slide9 .videoWrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

#fiftySections > #slide9 .textWrap {
  position: absolute;
  z-index: 5;
  top: 38%;
  left: 100px;
  max-width: 420px; }

@media screen and (max-width: 1380px) {
  #fiftySections > #slide9 .textWrap {
    top: 38%;
    width: 300px; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide9 .textWrap {
    top: 40%;
    width: 220px; } }

#fiftySections > #slide9 .year {
  position: relative;
  font-size: 10rem;
  font-weight: 700;
  color: white; }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide9 .year {
    font-size: 8rem; } }

#fiftySections > #slide9 .tagline {
  position: relative;
  top: -22px;
  color: white;
  font-size: 3.5rem;
  font-weight: 700; }

@media screen and (max-width: 1380px) {
  #fiftySections > #slide9 .tagline {
    font-size: 3rem; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide9 .tagline {
    font-size: 2.2rem; } }

#fiftySections > #slide9 .desc {
  position: relative;
  top: -10px;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.8); }

#fiftySections > #slide9 .textWrap a {
  color: white;
  font-size: 1.4rem;
  margin-right: 20px; }

#fiftySections > #slide9 .textWrap a .icon {
  position: relative;
  top: 5px;
  left: 3x;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/arrow_external_link.svg);
  background-size: cover;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

#fiftySections > #slide9 .textWrap a:hover .icon {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/*Slide 10*/
#fiftySections > #slide10 {
  z-index: 3;
  /*z-index: fixing IE overflow issue*/
  background-color: #ba8a3a; }

#fiftySections > #slide10 .slideshowWrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#fiftySections > #slide10 .slideshowWrapper .slideshowImg {
  position: relative;
  height: 100%;
  top: 0;
  left: 0; }

#fiftySections > #slide10 .slideshowImg > .item {
  transform-origin: 50% 0%;
  background-position: top right; }

#fiftySections > #slide10 .textWrap {
  position: absolute;
  z-index: 5;
  top: 40%;
  left: 40px; }

@media screen and (max-width: 1024px) {
  #fiftySections > #slide10 .textWrap {
    top: auto;
    bottom: 5%; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide10 .textWrap {
    top: auto;
    bottom: 5%; } }

#fiftySections > #slide10 .tagline {
  position: relative;
  font-size: 8rem;
  line-height: 1;
  font-weight: 700;
  color: white; }

@media screen and (min-width: 1401px) {
  #fiftySections > #slide10 .tagline {
    font-size: 10rem; } }

#fiftySections > #slide10 .subTagline {
  position: relative;
  top: -5px;
  color: white;
  font-size: 3.5rem;
  font-weight: 700; }

@media screen and (max-width: 1380px) {
  #fiftySections > #slide10 .subTagline {
    font-size: 3rem; } }

@media screen and (max-width: 768px) {
  #fiftySections > #slide10 .subTagline {
    font-size: 2.2rem; } }

/*#fiftySections > #slide10 .coverOuterWrapper{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#fiftySections > #slide10 .cover50thWrapper{position:absolute; width:880px; height:568px; top:50%; margin-top:-286px; right:5%;
	@include media("screen", ">1400px") {
		right:10%;
	}
	@include media("screen", "<=1024px") {
		width:700px; height:473px; margin-top:-236px;
	}
	@include media("screen", "<=768px") {
		width:600px; height:388px; margin-top:-194px; right:10%;
	}
}
#fiftySections > #slide10 .cover50th{position:absolute; display:block; width:468px; height:568px; background-size:cover; background-position:top center;
	@include media("screen", "<=1024px") {
		width:390px; height:473px;
	}
	@include media("screen", "<=768px") {
		width:320px; height:388px;
	}
}
#fiftySections > #slide10 #cover50th01{top:0; left:0; background-image:url(/20241030053938oe_/https://www.mpweekly.com/assets/images/cover50th01.png);}
#fiftySections > #slide10 #cover50th02{top:140px; right:0; background-image:url(/20241030053938oe_/https://www.mpweekly.com/assets/images/cover50th02.png);
	@include media("screen", "<=1024px") {
		top:120px;
	}
}*/
/*#fiftySections > #slide10 .outlined{position:absolute; top:20%; left:40%;}*/
/*Slide 11*/
#fiftySections > #slide11 {
  background-color: white;
  color: rgba(0, 0, 0, 0.3); }

#fiftySections > #slide11 .inner {
  padding: 60px 40px 60px 40px; }

#fiftySections > #slide11 .inner .footerLinks {
  padding-bottom: 45px; }

#fiftySections > #slide11 .inner .footerLinks a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  float: left;
  margin-right: 30px; }

#fiftySections > #slide11 .inner .footerLinks a:hover {
  color: #ba8a3a;
  cursor: pointer; }

#fiftySections > #slide11 .inner .copyright {
  font-size: 1.2rem; }

#fiftySections > #slide11 #logoBKA {
  position: absolute;
  top: 50%;
  right: 120px;
  margin-top: -23px; }

#fiftySections > #slide11 #logoBKB {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -23px; }

/*==========General==========*/
#contentWrap {
  padding: 200px 0; }

#contentWrap .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 50px;
  color: white;
  text-align: justify; }

#contentWrap .inner p {
  padding-bottom: 40px;
  line-height: 1.6; }

#contentWrap .inner .hd {
  font-size: 3rem;
  font-weight: 900;
  padding-bottom: 20px; }

#contentWrap .inner a {
  color: white;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  -moz-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s; }

#contentWrap .inner a:hover {
  border-color: white; }

/*==========Disclaimer==========*/
#disclaimer {
  padding-top: 50px; }

/*==========General Footer==========*/
body.general #footer {
  position: relative;
  width: 100%;
  background-color: white;
  color: rgba(0, 0, 0, 0.3); }

body.general #footer.fixed {
  position: fixed;
  bottom: 0; }

body.general #footer .inner {
  padding: 60px 40px 60px 40px; }

body.general #footer .inner .footerLinks {
  padding-bottom: 45px; }

body.general #footer .inner .footerLinks a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  float: left;
  margin-right: 30px; }

body.general #footer .inner .footerLinks a:hover {
  color: #ba8a3a;
  cursor: pointer; }

body.general #footer .inner .copyright {
  font-size: 1.2rem; }

body.general #footer #logoBKA {
  position: absolute;
  top: 50%;
  right: 120px;
  margin-top: -23px; }

body.general #footer #logoBKB {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -23px; }

/*==========Ordered lists==========*/
body.general ol li {
  padding-bottom: 30px; }

/*==========Services==========*/
#showreelWrapper {
  position: relative;
  background-color: #000;
  width: 100%;
  height: 100vh;
  min-height: 750px;
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/services_masthead_temp.jpg);
  background-size: cover;
  background-position: top center; }

#showreelWrapper .blkOverlay {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

#showreelWrapper #reelVideo {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#showreelWrapper #reelVideo video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#showreelWrapper .taglineWrapper {
  position: absolute;
  width: 100%;
  bottom: 50px;
  font-weight: 700;
  font-size: 2.7rem;
  color: white;
  z-index: 2; }

@media screen and (max-width: 991px) {
  #showreelWrapper .taglineWrapper {
    font-size: 2.4rem; } }

#showreelWrapper .btnPlay {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
  color: white !important; }

#showreelWrapper .btnPlay:hover {
  cursor: pointer; }

#showreelWrapper .btnPlay > img {
  position: relative;
  top: -3px;
  left: 10px; }

#servicesWrapper #servicesDiagram {
  background-color: rgba(197, 191, 162, 0.8);
  padding: 60px 50px 100px 50px; }

#servicesWrapper #servicesDiagram .inner {
  display: block;
  position: relative;
  max-width: 955px;
  min-height: 550px;
  margin: 0 auto; }

#servicesWrapper #servicesDiagram .hd {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  text-align: center;
  margin-bottom: 60px; }

#servicesWrapper #servicesDiagram .serviceIcon {
  position: absolute;
  z-index: 1;
  text-align: center; }

#servicesWrapper #servicesDiagram .serviceIcon .icon {
  width: 100px; }

#servicesWrapper #servicesDiagram .serviceIcon .icon.w90 {
  width: 90px; }

#servicesWrapper #servicesDiagram .serviceIcon .icon.w110 {
  width: 110px; }

#servicesWrapper #servicesDiagram .serviceIcon .name {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
  padding-top: 20px; }

#servicesWrapper #servicesDiagram .serviceIcon.circleBg {
  width: 268px;
  height: 268px;
  background-color: white;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 70px 60px;
  overflow: hidden; }

#servicesWrapper #servicesDiagram .serviceIcon.mediaplatform {
  top: calc(50% - 134px);
  left: calc(50% - 134px); }

#servicesWrapper #servicesDiagram .serviceIcon.advertising {
  left: 0;
  top: 0; }

#servicesWrapper #servicesDiagram .serviceIcon.production {
  right: 0;
  top: 0; }

#servicesWrapper #servicesDiagram .serviceIcon.event {
  left: 0;
  bottom: 0; }

#servicesWrapper #servicesDiagram .serviceIcon.artist {
  right: 0;
  bottom: 0; }

#servicesWrapper #servicesDiagram .line {
  position: absolute;
  z-index: 0; }

#servicesWrapper #servicesDiagram .line.topLeft {
  top: 80px;
  left: 170px; }

@media screen and (max-width: 991px) {
  #servicesWrapper #servicesDiagram .line.topLeft {
    top: 140px; } }

#servicesWrapper #servicesDiagram .line.topRight {
  top: 80px;
  right: 170px; }

@media screen and (max-width: 991px) {
  #servicesWrapper #servicesDiagram .line.topRight {
    top: 140px; } }

#servicesWrapper #servicesDiagram .line.btmLeft {
  bottom: 80px;
  left: 170px; }

@media screen and (max-width: 991px) {
  #servicesWrapper #servicesDiagram .line.btmLeft {
    bottom: 140px; } }

#servicesWrapper #servicesDiagram .line.btmRight {
  bottom: 80px;
  right: 170px; }

@media screen and (max-width: 991px) {
  #servicesWrapper #servicesDiagram .line.btmRight {
    bottom: 140px; } }

#servicesWrapper #allServices {
  padding: 90px 0; }

#servicesWrapper #allServices .item {
  margin-bottom: 60px; }

#servicesWrapper #allServices .item > .inner {
  position: relative;
  top: 25px; }

#servicesWrapper #allServices .name {
  font-weight: 700;
  font-size: 1.8rem;
  color: #999;
  text-transform: uppercase;
  padding-bottom: 10px; }

#servicesWrapper #allServices .tagline {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 2.8rem;
  margin-bottom: 30px; }

#servicesWrapper #allServices .blurb {
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-align: justify;
  border-top: 1px solid black;
  padding-top: 30px; }

#servicesWrapper #allServices .blurb p {
  padding-bottom: 20px; }

#servicesWrapper #footer {
  background-color: black;
  color: white;
  padding: 90px 0 50px 0; }

#servicesWrapper #footer > .container {
  padding: 0; }

#servicesWrapper #footer .hd {
  font-weight: 700;
  font-size: 2.2rem; }

#servicesWrapper #footer .desc {
  font-size: 1.8rem;
  line-height: 2.6rem; }

#servicesWrapper #footer .buttons {
  position: relative;
  width: 100%;
  margin-top: 10px; }

@media screen and (max-width: 991px) {
  #servicesWrapper #footer .buttons {
    margin-top: 50px; } }

#servicesWrapper #footer .buttons > a.item {
  display: inline-block;
  width: calc(50% - 15px);
  position: relative;
  font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: white !important;
  border-top: 3px solid white;
  padding-top: 20px; }

#servicesWrapper #footer .buttons > a.item:nth-child(2) {
  float: right; }

#servicesWrapper #footer .buttons > a.item:hover {
  color: #D8CF53 !important; }

/*SVG*/
/*arrow*/
#iconServicesArrow {
  width: 24px;
  height: 16px; }

#iconServicesArrow .st1 {
  fill: none;
  stroke: #FFF; }

/*line*/
#lineServices {
  width: 180px;
  stroke-dasharray: 24;
  animation: dash 10s linear infinite; }

#lineServices.reverse {
  transform: rotateX(180deg); }

#lineServices .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

@keyframes dash {
  to {
    stroke-dashoffset: 1000; } }

#servicesWrapper #footer .buttons > a.item #iconServicesArrow {
  position: absolute;
  top: 23px;
  right: 0; }

#servicesWrapper #footer .buttons > a.item:hover #iconServicesArrow .st1 {
  stroke: #D8CF53; }

#servicesWrapper #footer .topGap {
  padding-top: 150px; }

@media screen and (max-width: 991px) {
  #servicesWrapper #footer .topGap {
    padding-top: 100px; } }

#servicesWrapper #footer .copyright {
  position: relative;
  top: 10px;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.4);
  text-align: right; }

@media screen and (max-width: 991px) {
  #servicesWrapper #footer .copyright {
    top: 20px;
    text-align: left; } }

#servicesWrapper #footer .logos > .item:last-child {
  margin-right: 0; }

#servicesWrapper #footer .logos > .item {
  display: inline-block;
  margin-right: 25px;
  padding-bottom: 15px; }

/*==========YouTube: LITY==========*/
.lity-close:before {
  display: block;
  width: 25px;
  height: 25px;
  content: ' ';
  background-image: url(/20241030053938oe_/https://www.mpweekly.com/assets/images/icon_close_static.svg);
  background-size: 25px 25px; }