/* Old Fonts for deprecated Text Styles */

@font-face {
  font-family: TiemposHeadline;
  src: url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot"); /* IE9 Compat Modes */
  src: url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.woff2") format('woff2'), /* Super Modern Browsers */
       url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.woff") format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: SFDisplayHeavy;
  src: url("/static/SF-UI-Display-Heavy.otf");
}

@font-face {
  font-family: SFDisplaySemibold;
  src: url("/static/SF-UI-Display-Semibold.otf");
}

@font-face {
  font-family: SFTextRegular;
  src: url("/static/SF-UI-Text-Regular.otf");
}

@font-face {
  font-family: SyncopateBold;
  src: url("/static/syncopate-bold.ttf");
}

@font-face {
  font-family: TiemposText;
  src: url("/static/TiemposTextWeb/TiemposTextWeb-Regular.eot"); /* IE9 Compat Modes */
  src: url("/static/TiemposTextWeb/TiemposTextWeb-Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("/static/TiemposTextWeb/TiemposTextWeb-Regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("/static/TiemposTextWeb/TiemposTextWeb-Regular.woff") format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: Respira;
  src: url("/static/Respira-Black.otf");
}

/* Legacy Font Support */

@font-face {
  font-family: TiemposWebHeadline-Light;
  src: url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot"); /* IE9 Compat Modes */
  src: url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.woff2") format('woff2'), /* Super Modern Browsers */
       url("/static/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.woff") format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: TiemposText-Regular;
  src: url("/static/TiemposTextWeb/TiemposTextWeb-Regular.eot"); /* IE9 Compat Modes */
  src: url("/static/TiemposTextWeb/TiemposTextWeb-Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("/static/TiemposTextWeb/TiemposTextWeb-Regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("/static/TiemposTextWeb/TiemposTextWeb-Regular.woff") format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: SFUIText;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Regular.otf");
}

@font-face {
  font-family: Alegreya-Black;
  src: url("/static/fonts/Alegreya/Alegreya-Black.ttf");
}

@font-face {
  font-family: Alegreya-BlackItalic;
  src: url("/static/fonts/Alegreya/Alegreya-BlackItalic.ttf");
}

@font-face {
  font-family: Alegreya-Bold;
  src: url("/static/fonts/Alegreya/Alegreya-Bold.ttf");
}

@font-face {
  font-family: Alegreya-BoldItalic;
  src: url("/static/fonts/Alegreya/Alegreya-BoldItalic.ttf");
}

@font-face {
  font-family: Alegreya-Italic;
  src: url("/static/fonts/Alegreya/Alegreya-Italic.ttf");
}

@font-face {
  font-family: Alegreya-Regular;
  src: url("/static/fonts/Alegreya/Alegreya-Regular.ttf");
}

@font-face {
  font-family: SpaceMono-Bold;
  src: url("/static/fonts/Space_Mono/SpaceMono-Bold.ttf");
}

@font-face {
  font-family: SpaceMono-BoldItalic;
  src: url("/static/fonts/Space_Mono/SpaceMono-BoldItalic.ttf");
}

@font-face {
  font-family: SpaceMono-Italic;
  src: url("/static/fonts/Space_Mono/SpaceMono-Italic.ttf");
}

@font-face {
  font-family: SpaceMono-Regular;
  src: url("/static/fonts/Space_Mono/SpaceMono-Regular.ttf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BdCn;
  src: url("/static/fonts/Headline/Universe - HelveticaNeueLTStd-BdCn.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BdCnO;
  src: url("/static/fonts/Headline/Universe - HelveticaNeueLTStd-BdCnO.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-HvCn;
  src: url("/static/fonts/Headline/Universe - HelveticaNeueLTStd-HvCn.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-HvCnO;
  src: url("/static/fonts/Headline/Universe - HelveticaNeueLTStd-HvCnO.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-Md;
  src: url("/static/fonts/Light/Universe - HelveticaNeueLTStd-Md.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-MdIt;
  src: url("/static/fonts/Light/Universe - HelveticaNeueLTStd-MdIt.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-Th;
  src: url("/static/fonts/Light/Universe - HelveticaNeueLTStd-Th.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-ThIt;
  src: url("/static/fonts/Light/Universe - HelveticaNeueLTStd-ThIt.otf");
}

@font-face {
  font-family: Neucha;
  src: url("/static/fonts/Notebook/Neucha.ttf")
}

/* New Fonts  07.18*/
@font-face {
  font-family: AUTHENTICSans-Regular;
  src: url('/static/fonts/AUTHENTIC_Sans/AUTHENTIC-Sans.woff2') format('woff2'),
       url('/static/fonts/AUTHENTIC_Sans/AUTHENTIC-Sans.woff') format('woff');
}

@font-face {
  font-family: IBMPlexMono;
  src: url('/static/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff2') format('woff2'),
       url('/static/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff') format('woff');
}

@font-face {
  font-family: Junicode-Regular;
  src: url('/static/fonts/Junicode/junicode-regular-webfont.woff2') format('woff2'),
       url('/static/fonts/Junicode/junicode-regular-webfont.woff') format('woff');
}

@font-face {
  font-family: Junicode-BoldCondensed;
  src: url('/static/fonts/Junicode/junicode-boldcondensed-webfont.woff2') format('woff2'),
       url('/static/fonts/Junicode/junicode-boldcondensed-webfont.woff') format('woff');
}

@font-face {
  font-family: LeagueGothic-Regular;
  src: url('/static/fonts/League_Gothic/leaguegothic-regular-webfont.woff') format('woff');
}

@font-face {
  font-family: IndieFlower;
  src: url('/static/fonts/Indie_Flower/IndieFlower.ttf') format('truetype');
}

@font-face {
  font-family: CooperHewitt-Bold;
  src: url('/static/fonts/CooperHewitt/CooperHewitt-Bold.woff') format('woff');
}

@font-face {
  font-family: YoungSerif-Regular;
  src: url('/static/fonts/YoungSerif/YoungSerif-Regular.woff2') format('woff2'),
       url('/static/fonts/YoungSerif/YoungSerif-Regular.woff') format('woff');
}

@font-face {
  font-family: Wremena;
  src: url('/static/fonts/Wremena/Wremena-Regular.woff') format('woff');
}

@font-face {
  font-family: BungeeShade-Regular;
  src: url("/static/fonts/Bungee_Shade/BungeeShade-Regular.ttf");
}

@font-face {
  font-family: Optima;
  src: url("/static/fonts/Optima/Optima.ttf");
}

@font-face {
  font-family: PermanentMarker;
  src: url("/static/fonts/Permanent_Marker/PermanentMarker.ttf");
}

/* New Fonts 09.18 */
@font-face {
  font-family: Jost-Light;
  src: url('/static/fonts/Jost/jost-300-light.woff2') format('woff2'),
       url('/static/fonts/Jost/jost-300-light.woff') format('woff');
}

@font-face {
  font-family: FREEFATFONT-Regular;
  src: url("/static/fonts/FREEFATFONT/FREEFATFONT-Regular.eot"); /* IE9 Compat Modes */
  src: url("/static/fonts/FREEFATFONT/FREEFATFONT-Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
       url("/static/fonts/FREEFATFONT/FREEFATFONT-Regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("/static/fonts/FREEFATFONT/FREEFATFONT-Regular.woff") format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: HouseSlant-Regular;
  src: url("/static/fonts/House_Slant/HouseSlant-Regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("/static/fonts/House_Slant/HouseSlant-Regular.woff") format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: Poppins-Bold;
  src: url('/static/fonts/Poppins/poppins-bold-webfont.woff2') format('woff2'),
       url('/static/fonts/Poppins/poppins-bold-webfont.woff') format('woff');
}

@font-face {
  font-family: Courgette-Regular;
  src: url('/static/fonts/Courgette/courgette-regular-webfont.woff2') format('woff2'),
       url('/static/fonts/Courgette/courgette-regular-webfont.woff') format('woff');
}


/* New Fonts  12.18*/
@font-face {
  font-family: 'AmaticSC-Bold';
  src: url('/static/fonts/Amatic/amaticsc-bold-webfont.woff2') format('woff2'),
       url('/static/fonts/Amatic/amaticsc-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ApexMk2-BoldExtended';
  src: url('/static/fonts/Apex/apexmk2-boldextended-webfont.woff2') format('woff2'),
       url('/static/fonts/Apex/apexmk2-boldextended-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bagnard';
  src: url('/static/fonts/Bagnard/bagnard-webfont.woff2') format('woff2'),
       url('/static/fonts/Bagnard/bagnard-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: Rubik-Black;
  src: url("/static/fonts/Rubik/Rubik-Black.ttf");
}

@font-face {
  font-family: Rubik-BlackItalic;
  src: url("/static/fonts/Rubik/Rubik-BlackItalic.ttf");
}

@font-face {
  font-family: Rubik-Bold;
  src: url("/static/fonts/Rubik/Rubik-Bold.ttf");
}

@font-face {
  font-family: Rubik-BoldItalic;
  src: url("/static/fonts/Rubik/Rubik-BoldItalic.ttf");
}

@font-face {
  font-family: Rubik-Italic;
  src: url("/static/fonts/Rubik/Rubik-Italic.ttf");
}

@font-face {
  font-family: Rubik-Light;
  src: url("/static/fonts/Rubik/Rubik-Light.ttf");
}

@font-face {
  font-family: Rubik-LightItalic;
  src: url("/static/fonts/Rubik/Rubik-LightItalic.ttf");
}

@font-face {
  font-family: Rubik-Medium;
  src: url("/static/fonts/Rubik/Rubik-Medium.ttf");
}

@font-face {
  font-family: Rubik-MediumItalic;
  src: url("/static/fonts/Rubik/Rubik-MediumItalic.ttf");
}

@font-face {
  font-family: Rubik-Regular;
  src: url("/static/fonts/Rubik/Rubik-Regular.ttf");
}

@font-face {
  font-family: VT323-Regular;
  src: url("/static/fonts/VT323/VT323-Regular.ttf");
}

@font-face {
  font-family: ZillaSlab-Bold;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-Bold.ttf");
}

@font-face {
  font-family: ZillaSlab-BoldItalic;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-BoldItalic.ttf");
}

@font-face {
  font-family: ZillaSlab-Italic;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-Italic.ttf");
}

@font-face {
  font-family: ZillaSlab-Light;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-Light.ttf");
}

@font-face {
  font-family: ZillaSlab-LightItalic;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-LightItalic.ttf");
}

@font-face {
  font-family: ZillaSlab-Medium;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-Medium.ttf");
}

@font-face {
  font-family: ZillaSlab-MediumItalic;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-MediumItalic.ttf");
}

@font-face {
  font-family: ZillaSlab-Regular;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-Regular.ttf");
}

@font-face {
  font-family: ZillaSlab-SemiBold;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-SemiBold.ttf");
}

@font-face {
  font-family: ZillaSlab-SemiBoldItalic;
  src: url("/static/fonts/Zilla_Slab/ZillaSlab-SemiBoldItalic.ttf");
}

@font-face {
  font-family: Respira-Black;
  src: url("/static/Respira-Black.otf");
}

@font-face {
  font-family: Syncopate-Bold;
  src: url("/static/fonts/Wideface.ttf");
}

@font-face {
  font-family: NotoSerif;
  src: url("/static/fonts/Noto_Serif/NotoSerif-Regular.ttf");
}

@font-face {
  font-family: NotoSerif-Bold;
  src: url("/static/fonts/Noto_Serif/NotoSerif-Bold.ttf");
}

@font-face {
  font-family: NotoSerif-BoldItalic;
  src: url("/static/fonts/Noto_Serif/NotoSerif-BoldItalic.ttf");
}

@font-face {
  font-family: NotoSerif-Italic;
  src: url("/static/fonts/Noto_Serif/NotoSerif-Italic.ttf");
}

@font-face {
  font-family: SFUIDisplay;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Regular.otf");
}

@font-face {
  font-family: SFUIDisplay-Medium;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Regular.otf");
}

@font-face {
  font-family: SFUIDisplay-Light;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Light.otf");
}

@font-face {
  font-family: SFUIDisplay-Heavy;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Heavy.otf");
}

@font-face {
  font-family: SFUIText-Regular;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Regular.otf");
}

@font-face {
  font-family: SFUIText-Medium;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Medium.otf");
}

@font-face {
  font-family: SFUIText-Semibold;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Semibold.otf");
}

@font-face {
  font-family: SFUIText-Bold;
  src: url("/static/fonts/SFUIText/SF-UI-Text-Bold.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-Bd;
  src: url("/static/fonts/Universal/Universe - HelveticaNeueLTStd-Bd.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BdEx;
  src: url("/static/fonts/Widespace/Universe - HelveticaNeueLTStd-BdEx.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BdExO;
  src: url("/static/fonts/Widespace/Universe - HelveticaNeueLTStd-BdExO.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BdIt;
  src: url("/static/fonts/Universal/Universe - HelveticaNeueLTStd-BdIt.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-Blk;
  src: url("/static/fonts/Heavy/Universe - HelveticaNeueLTStd-Blk.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BlkIt;
  src: url("/static/fonts/Heavy/Universe - HelveticaNeueLTStd-BlkIt.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-Hv;
  src: url("/static/fonts/Heavy/Universe - HelveticaNeueLTStd-Hv.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-HvEx;
  src: url("/static/fonts/Widespace/Universe - HelveticaNeueLTStd-HvEx.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-HvExO;
  src: url("/static/fonts/Widespace/Universe - HelveticaNeueLTStd-HvExO.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-HvIt;
  src: url("/static/fonts/Heavy/Universe - HelveticaNeueLTStd-HvIt.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-It;
  src: url("/static/fonts/Universal/Universe - HelveticaNeueLTStd-It.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-Roman;
  src: url("/static/fonts/Universal/Universe - HelveticaNeueLTStd-Roman.otf");
}

@font-face {
  font-family: HelveticaNeueLTStd-BdOu;
  src: url("/static/fonts/Outline/Universe - HelveticaNeueLTStd-BdOu.otf")
}

@font-face {
  font-family: SFMono-Regular;
  src: url("/static/fonts/SFMono/SFMono-Regular.otf")
}

@font-face {
  font-family: AlfaSlabOne-Regular;
  src: url("/static/fonts/Chunky/AlfaSlabOne-Regular.ttf")
}

@font-face {
  font-family: KumarOne-Regular;
  src: url("/static/fonts/Angular/KumarOne-Regular.ttf")
}

@font-face {
  font-family: Monoton-Regular;
  src: url("/static/fonts/Lines/Monoton-Regular.ttf")
}

@font-face {
  font-family: KumarOneOutline-Regular;
  src: url("/static/fonts/AngularOutline/KumarOneOutline-Regular.ttf")
}

@font-face {
  font-family: Nunito-ExtraBold;
  src: url("/static/fonts/Rounded/Nunito-ExtraBold.ttf")
}

@font-face {
  font-family: Shrikhand-Regular;
  src: url("/static/fonts/Morning/Shrikhand-Regular.ttf")
}

@font-face {
  font-family: YatraOne-Regular;
  src: url("/static/fonts/Gesture/YatraOne-Regular.ttf")
}

@font-face {
  font-family: Macondo-Regular;
  src: url("/static/fonts/ArtNouveau/Macondo-Regular.ttf")
}

@font-face {
  font-family: RozhaOne-Regular;
  src: url("/static/fonts/Espresso/RozhaOne-Regular.ttf")
}

@font-face {
  font-family: Aeonik-Light;
  src: url("/static/fonts/Aeonik/Aeonik-Light.ttf")
}

@font-face {
  font-family: Aeonik-Medium;
  src: url("/static/fonts/Aeonik/Aeonik-Medium.ttf")
}

@font-face {
  font-family: Aeonik-Regular;
  src: url("/static/fonts/Aeonik/Aeonik-Regular.ttf")
}

#__next {
  min-width: 100%;
  min-height: 100%;
}

.clickable.text .link-indicator {
  content: '';
  background: url('/static/link-arrow-light.png') no-repeat center;
  background-size: cover;
  position:absolute;
  width: 22px;
  height: 22px;
  top: 12px;
  right: 11px;
  opacity: 0;
  transition: all .16s ease-in-out;
  -moz-transition: all .16s ease-in-out;
  -webkit-transition: all .16s ease-in-out;
}

.clickable.text.dark .link-indicator {
  background: url('/static/link-arrow-dark.png') no-repeat center;
  background-size: cover;
}

.clickable.text:hover .link-indicator {
  display: block;
  top: 6px;
  right: 5px;
  opacity: 1;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000000;
  overflow: hidden;
}

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  transition: all 0.5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

/* remove default link styles */
a {
  color: inherit;
  text-decoration: none;
}

a:visited {
  color: inherit;
  text-decoration: none;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #fff;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader {
  position: absolute;
  margin: 0 auto;
  width: 100px;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 2s ease-in-out infinite;
  stroke: #000;
  stroke-linecap: round;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@media(max-width: 414px) {
  .clickable.text .link-indicator, .clickable.text:hover .link-indicator {
    opacity: 1;
    width: 15px;
    height: 15px;
    top: 4px;
    right: 4px;
  }
}

/* BRAND STICKER STYLES */
.brand-sticker {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: relative;
  z-index: 1000;
  margin: 64px auto 32px auto;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.3));
  filter: drop-shadow(0 1px 1px rgba(0,0,0,0.3));
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.brand-sticker .inner {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.brand-sticker:hover {
  cursor: pointer;
}

@media only screen and (min-width: 800px) {
  .brand-sticker {
    position: fixed;
    right: 14px;
    left: auto;
    bottom: 14px;
    margin: 0;
  }
}

/* iPhone X and XS, notch support, can potentially remove and adjust the standard media query to min-width: 897px */
@media only screen
    and (width: 812px)
    and (height: 375px)
    and (orientation: landscape)
    and (-webkit-device-pixel-ratio: 3) {
      .brand-sticker {
        position: relative;
        right: unset;
        left: unset;
        bottom: unset;
        margin: 64px auto 32px auto;
      }
    }

/* iPhone XR, notch support, can potentially remove and adjust the standard media query to min-width: 897px */
@media only screen
    and (width: 896px)
    and (height: 414px)
    and (orientation: landscape)
    and (-webkit-device-pixel-ratio: 2) {
      .brand-sticker {
        position: relative;
        right: unset;
        left: unset;
        bottom: unset;
        margin: 64px auto 32px auto;
      }
    }

/* iPhone XS Max, notch support, can potentially remove and adjust the standard media query to min-width: 897px */
@media only screen
    and (width: 896px)
    and (height: 414px)
    and (orientation: landscape)
    and (-webkit-device-pixel-ratio: 3) {
      .brand-sticker {
        position: relative;
        right: unset;
        left: unset;
        bottom: unset;
        margin: 64px auto 32px auto;
      }
    }

/* Standard */
.brand-sticker.standard {
  border-radius: 4px;
  background-image: url('./stickers/BrandSticker-Standard.svg');
  transition: 0.15s width ease-in-out 0.1s, 0.08s transform ease-in-out;
}

.brand-sticker.standard.touch-down {
  -webkit-transform: scale(0.98);
  -moz-transform:    scale(0.98);
  -ms-transform:     scale(0.98);
  transform:         scale(0.98);
}

.brand-sticker.standard.open {
  width: 210px;
}

@media only screen and (min-width: 800px) {
  .brand-sticker.standard.open {
    width: 210px;
    cursor: pointer;
    transition: 0.15s width ease-in-out, 0.08s transform ease-in-out;
  }
}

/* Wheel */
.brand-sticker.wheel {
  width: 58px;
  height: 58px;
  transition: transform 0.2s;
  transform: rotateZ(0deg);
}

.brand-sticker.wheel:hover .inner, .brand-sticker.wheel:active .inner {
  transform: scale(0.98);
}

.brand-sticker.wheel .inner .shape {
  width: 100%;
  height: 100%;
  background-image: url('./stickers/BrandSticker-Wheel.svg');
  background-size: cover;
  transition: transform 0.15s;
  animation: sticker-rotate-z infinite 10s forwards linear;
}

@keyframes sticker-rotate-z {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}

@media only screen and (min-width: 800px) {
  .brand-sticker.wheel .inner {
    transition: 0.3s transform ease-in-out;
    transform: rotateZ(-180deg);
  }

  .brand-sticker.wheel .inner .shape{
    animation-play-state: paused;
  }

  .brand-sticker.wheel:hover .inner, .brand-sticker.wheel:active  .inner{
    transform: rotateZ(40deg) scale(0.98);
  }

  .brand-sticker.wheel:hover .inner .shape, .brand-sticker.wheel:active .inner .shape{
    animation-play-state: running;
  }
}

/* Tumble */
.brand-sticker.tumble {
  width: 58px;
  height: 58px;
}
.brand-sticker.tumble .inner {
  background-image: url('./stickers/BrandSticker-Tumble.svg');
  transition: transform 0.2s;
}
.brand-sticker.tumble:hover .inner, .brand-sticker.tumble:active .inner{
  transform: rotateZ(10deg) scale(0.98);
}

/* Wavy */
.brand-sticker.wavy {
  width: 80px;
  height: 38px;
}
.brand-sticker.wavy .inner {
  background-image: url('./stickers/BrandSticker-Wavy.svg');
  transition: transform 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.295, 0.350, 0.190, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.295, 0.350, 0.190, 1.445);
     -moz-transition-timing-function: cubic-bezier(0.295, 0.350, 0.190, 1.445);
       -o-transition-timing-function: cubic-bezier(0.295, 0.350, 0.190, 1.445);
          transition-timing-function: cubic-bezier(0.295, 0.350, 0.190, 1.445);
}
.brand-sticker.wavy:hover .inner, .brand-sticker.wavy:active .inner{
  transform: scaleX(1.3);
}
@media only screen and (min-width: 800px) {
  .brand-sticker.wavy .inner {
    transform-origin: center right;
  }
}

/* Tablet */
.brand-sticker.tablet {
  width: 52px;
  height: 66px;
}
.brand-sticker.tablet .inner {
  background-image: url('./stickers/BrandSticker-Tablet.svg');
  transition: opacity 0.2s;
}
.brand-sticker.tablet:hover .inner, .brand-sticker.tablet:active .inner {
  /*transform: scale(0.98);*/
  opacity: 0.8;
}

/* technical */
.brand-sticker.technical {
  width: 114px;
  height: 28px;
}
.brand-sticker.technical .inner {
  background-image: url('./stickers/BrandSticker-Technical.svg');
  transition: opacity 0.2s;
}
.brand-sticker.technical:hover .inner, .brand-sticker.technical:active .inner {
  opacity: 0.8;
}

/* follow */
.brand-sticker.follow {
  width: 117px;
  height: 40px;
}
.brand-sticker.follow .inner {
  background-image: url('./stickers/BrandSticker-Follow.svg');
  transition: opacity 0.2s;
}
.brand-sticker.follow:hover .inner, .brand-sticker.follow:active .inner {
  opacity: 0.8;
}


/* MAP BLOCK */
div.mapboxgl-control-container {
  display: none !important;
}
/* hide missing css message */
.mapboxgl-missing-css {
  display: none !important;
}
.mapboxgl-map .marker {
  background-image: url('./mapBlockPin.svg');
  background-size: contain;
  width: 30px;
  height: 54px;
}

/* Hide the toolbar for ImageBlock lightbox. */
.ril-toolbar {
  background-color: rgba(0,0,0,0) !important;
}
.ril__toolbar {
  background-color: rgba(0,0,0,0) !important;
}



/* Styles for the Page Carousel component for Timeline */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

@media (min-width: 750px) {
  .swiper-button-next, .swiper-button-prev {
    position: fixed;
    top: 0;
    height: 100vh;
    width: calc((100vw - 750px)/4);
    z-index: 400;
  }
  .swiper-button-prev {
    left: 0;
    cursor: url("/static/cursor-left-black.svg"), auto;
  }
  .swiper-button-next {
    right: 0;
    cursor: url("/static/cursor-right-black.svg"), auto;
  }
  .swiper-button-disabled {
    pointer-events: none;
  }
}