.lazy,
.lazy-fadein {
  background-color: transparent !important; }

/* don't edit */
/* don't edit */
/* don't edit */
/* don't edit */
/* don't edit */
/* don't edit */
/* don't edit */
/* don't edit */
/* don't edit */
@font-face {
  font-family: 'anonymous';
  src: url("../fonts/anonymous_pro_b-webfont.eot");
  src: url("../fonts/anonymous_pro_b-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/anonymous_pro_b-webfont.woff") format("woff"), url("../fonts/anonymous_pro_b-webfont.ttf") format("truetype"), url("../fonts/anonymous_pro_b-webfont.svg#anonymous_probold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'anonymous';
  src: url("../fonts/anonymous_pro_bi-webfont.eot");
  src: url("../fonts/anonymous_pro_bi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/anonymous_pro_bi-webfont.woff") format("woff"), url("../fonts/anonymous_pro_bi-webfont.ttf") format("truetype"), url("../fonts/anonymous_pro_bi-webfont.svg#anonymous_probold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'anonymous';
  src: url("../fonts/anonymous_pro_i-webfont.eot");
  src: url("../fonts/anonymous_pro_i-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/anonymous_pro_i-webfont.woff") format("woff"), url("../fonts/anonymous_pro_i-webfont.ttf") format("truetype"), url("../fonts/anonymous_pro_i-webfont.svg#anonymous_proitalic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'anonymous';
  src: url("../fonts/anonymous_pro-webfont.eot");
  src: url("../fonts/anonymous_pro-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/anonymous_pro-webfont.woff") format("woff"), url("../fonts/anonymous_pro-webfont.ttf") format("truetype"), url("../fonts/anonymous_pro-webfont.svg#anonymous_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "togoto";
  src: url("../fonts/togoto.eot");
  src: url("../fonts/togoto.eot?#iefix") format("embedded-opentype"), url("../fonts/togoto.woff") format("woff"), url("../fonts/togoto.ttf") format("truetype"), url("../fonts/togoto.svg#togoto") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "togoto" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "togoto" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-small-artist:before {
  content: "\61"; }

.icon-delete:before {
  content: "\64"; }

.icon-infos:before {
  content: "\65"; }

.icon-plan:before {
  content: "\66"; }

.icon-location:before {
  content: "\67"; }

.icon-marker:before {
  content: "\68"; }

.icon-flag:before {
  content: "\6a"; }

.icon-arrow-next:before {
  content: "\63"; }

.icon-hand-touch:before {
  content: "\6b"; }

.icon-share:before {
  content: "\6d"; }

.icon-add:before {
  content: "\62"; }

.icon-sync:before {
  content: "\6e"; }

.icon-big-pause:before {
  content: "\6f"; }

.icon-big-play:before {
  content: "\70"; }

.icon-scroll-down:before {
  content: "\71"; }

.icon-scroll-right:before {
  content: "\72"; }

.icon-shortcut-s1:before {
  content: "\73"; }

.icon-menu:before {
  content: "\74"; }

.icon-shortcut-s2:before {
  content: "\69"; }

.icon-geolocate:before {
  content: "\6c"; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  -webkit-font-smoothing: inherit !important; }

blockquote, em, i {
  font-style: italic; }

.list-block .item-title,
.content-block h2,
.card-footer .link,
.page.quickaccess .button,
.content-block-title,
.card-footer-text,
.artwork-details .content-block .content-block-index,
.artwork-details .content-block .content-block-title,
#redirect .cta {
  font-weight: bold;
  font-family: "anonymous", "Courier New", Courier, monospace;
  text-transform: inherit; }

.card-footer-text small {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; }

.page.shortcut .list-block.media-list .item-title {
  font-family: inherit;
  text-transform: inherit; }

.content-block-body {
  margin-top: -3px; }

.content-block .content-block-body h1,
.content-block .content-block-body h2,
.content-block .content-block-body h3,
.content-block-title h3,
.content-block .content-block-body h4,
.content-block .content-block-body h5,
.content-block .content-block-body h6 {
  font-family: "anonymous", "Courier New", Courier, monospace;
  margin: 0;
  text-transform: inherit; }

.content-block .content-block-body h1,
.content-block .content-block-body h2,
.content-block .content-block-body h3 {
  margin-top: 1em;
  margin-bottom: 0;
  font-weight: bold; }

.content-block .content-block-body h4,
.content-block .content-block-body h5,
.content-block .content-block-body h6 {
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: normal; }

.content-block .content-block-body h1,
.content-block .content-block-body h2 {
  font-size: 24px;
  line-height: 28px; }

.content-block .content-block-body h3,
.content-block-title h3 {
  font-size: 24px;
  line-height: 28px;
  color: #ff8597; }

.content-block .content-block-body h4 {
  font-size: 18px;
  line-height: 21px;
  color: #000 !important;
  font-weight: bold;
  margin: 12px 0; }

.content-block .content-block-body h5 {
  font-size: 16px;
  line-height: 19px;
  color: #000 !important; }

.content-block .content-block-body p {
  margin: 12px 0; }

.content-block .content-block-body h1 + p,
.content-block .content-block-body h2 + p,
.content-block .content-block-body h3 + p,
.content-block .content-block-body h1 + ul,
.content-block .content-block-body h2 + ul,
.content-block .content-block-body h3 + ul,
.content-block .content-block-body h1 + ol,
.content-block .content-block-body h2 + ol,
.content-block .content-block-body h3 + ol,
.content-block .content-block-body h1 + blockquote,
.content-block .content-block-body h2 + blockquote,
.content-block .content-block-body h3 + blockquote {
  margin-top: 4px; }

.content-block .content-block-body p + h1,
.content-block .content-block-body p + h2,
.content-block .content-block-body p + h3,
.content-block .content-block-body ul + h1,
.content-block .content-block-body ul + h2,
.content-block .content-block-body ul + h3,
.content-block .content-block-body ol + h1,
.content-block .content-block-body ol + h2,
.content-block .content-block-body ol + h3,
.content-block .content-block-body blockquote + h1,
.content-block .content-block-body blockquote + h2,
.content-block .content-block-body blockquote + h3 {
  margin-top: 24px; }

.content-block .content-block-body h4 + p,
.content-block .content-block-body h5 + p,
.content-block .content-block-body h6 + p,
.content-block .content-block-body h4 + ul,
.content-block .content-block-body h5 + ul,
.content-block .content-block-body h6 + ul,
.content-block .content-block-body h4 + ol,
.content-block .content-block-body h5 + ol,
.content-block .content-block-body h6 + ol,
.content-block .content-block-body h4 + blockquote,
.content-block .content-block-body h5 + blockquote,
.content-block .content-block-body h6 + blockquote {
  margin-top: 0;
  margin-bottom: 12px; }

.content-block .content-block-body p,
.content-block .content-block-body li,
.content-block .content-block-body blockquote {
  color: #1A1A1A; }

.content-block-pictures .legend p {
  margin: 0;
  font-size: 12px; }

a.external {
  color: #ff8597; }

body.redirect {
  background: #fff;
  overflow: hidden; }

#redirect {
  background: #fff;
  height: 100vh; }

#redirect .page-content {
  width: 400px; }

#redirect .v-align {
  height: 100vh;
  line-height: 100vh;
  text-align: center; }

#redirect .v-align-div {
  vertical-align: middle;
  display: inline-block;
  line-height: normal; }

#redirect .landing-logo {
  margin: 30px auto 60px auto;
  width: 70%; }

#redirect .redirect-body {
  color: #000;
  margin: 2em 0; }

#redirect .redirect-body a {
  color: #ff8597; }

#redirect .redirect-body.or {
  color: #bbb;
  margin: 1em 0 0.5em; }

#redirect a.cta {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background: #ff8597;
  color: #000;
  padding: 16px 20px;
  margin: 20px 0;
  border: 1px solid #ff8597; }

/* ================================================== */
/* LOADER
/* ================================================== */
#loader {
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: #000;
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

#loader .v-align {
  height: 100%; }

#loader span {
  width: 35px;
  height: 35px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

#loader.loaded {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear; }

#loader.loaded span {
  -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear; }

/* ================================================== */
/*  OBJECT ALIGNEMENT
/* ================================================== */
.v-align {
  position: relative;
  width: 100%;
  display: table;
  #display: block;
  #width: expression(this.childNodes[0].offsetWidth+'px'); }

.v-align .v-align-div {
  vertical-align: middle;
  display: table-cell;
  #display: block;
  #position: absolute;
  #top: 50%;
  #left: 0;
  #width: 100%;
  #margin-top: expression(-this.offsetHeight/2); }

.centered {
  margin-right: auto;
  margin-left: auto; }

/* ================================================== */
/*  TEXT-ALIGN
/* ================================================== */
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

/* ================================================== */
/*  TOOLBAR
/* ================================================== */
.toolbar-inline {
  height: 42px;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  position: relative;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.hide {
  display: none; }

/* ================================================== */
/*  LANG PAGE
/* ================================================== */
.page[data-page="languages"] .fade-out-content,
.page[data-page="shortcut"] .fade-out-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear; }

.page[data-page="languages"].fade-out-container .fade-out-content,
.page[data-page="shortcut"].fade-out-container .fade-out-content {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.page[data-page="languages"] .fade-in-content,
.page[data-page="shortcut"] .fade-in-content {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear; }

.page[data-page="languages"].fade-in-container .fade-in-content,
.page[data-page="shortcut"].fade-in-container .fade-in-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes rotateInAndroid {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes rotateInAndroid {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }
  33.3% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  49.95% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }
  66.6% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  83.25% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }
  33.3% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  49.95% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }
  66.6% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  83.25% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.animated {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s; }

.android .rotateIn {
  -webkit-animation-name: rotateInAndroid;
  animation-name: rotateInAndroid; }

.wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

#orientation-warning {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  background-color: #000; }

#orientation-warning img {
  width: 100px;
  height: 80px; }

#orientation-warning p {
  font-weight: bold;
  font-size: 18px;
  color: #fff; }

@media screen and (orientation: portrait) {
  #orientation-warning,
  #orientation-warning img,
  #orientation-warning p {
    opacity: 0;
    filter: alpha(opacity=0); }

  #orientation-warning {
    z-index: -99999;
    -webkit-transition-duration: 4000ms;
    transition-duration: 4000ms; }

  #orientation-warning img {
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms; }

  #orientation-warning img.animated {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none; }

  #orientation-warning p {
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms; } }
@media screen and (orientation: landscape) {
  #orientation-warning,
  #orientation-warning img,
  #orientation-warning p {
    opacity: 1;
    filter: alpha(opacity=100); }

  #orientation-warning {
    z-index: 99999;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms; }

  #orientation-warning img {
    -webkit-transition-duration: 1500ms;
    transition-duration: 1500ms; }

  #orientation-warning img.animated {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

  #orientation-warning p {
    -webkit-transition-duration: 2500ms;
    transition-duration: 2500ms; } }
.row .col-95 {
  width: calc((100% - 10px*.05263157894736836)/ 1.0526315789473684); }

.row .col-5 {
  width: calc((100% - 10px*19)/ 20); }

.content-block-flex,
.content-items {
  width: 100%; }

.view[data-page='index'] .preloader {
  width: 35px;
  height: 100vh; }

.view[data-page='languages'] .navbar.bg-black,
.view[data-page='shortcut'] .navbar.bg-black {
  display: none;
  background-color: #fff; }

p[data-content="addShortcut"] {
  margin: 0; }

.theme-red .item-link.list-button,
.theme-red a,
.color-red,
.color-red i.icon,
.theme-red i.icon,
i.icon.color-red,
i.icon.theme-red,
.content-block .content-block-body h4,
.content-block .content-block-body h5,
.content-block .content-block-body h6 {
  color: #ff8597; }

.color-gray {
  color: #696969; }

.bg-red,
a.bg-red {
  background-color: #ff8597 !important; }

.bg-gray {
  background-color: #EDEDED; }

/* ==================================================== */
/* LINKS
/* ==================================================== */
.toolbar-inline {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.toolbar-inline a.link.active-state,
html:not(.watch-active-state) .toolbar-inline a.link:active {
  opacity: .3;
  filter: alpha(opacity=30);
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms; }

/* ==================================================== */
/* MAIN
/* ==================================================== */
body {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background: #000; }

/* ==================================================== */
/* NAVBAR
/* ==================================================== */
.navbar {
  border-bottom: 1px solid #222222; }

.navbar:after {
  height: 0; }

.navbar .center {
  display: none; }

.navbar-inner i.icon.icon-hand-touch {
  margin-right: -18px;
  color: #ff8597;
  font-size: 20px;
  line-height: 20px; }

/* ==================================================== */
/* PANEL
/* ==================================================== */
.panel {
  background: #000; }

.panel .content-block {
  padding: 4px 15px 5px 17px; }

.panel .list-block ul:before {
  background-color: #575757; }

.panel .item-title {
  font-weight: normal;
  font-size: 15px; }

.panel .list-block .item-link .item-inner {
  padding-left: 0; }

.panel .active-category {
  color: #fff !important;
  background-color: #ff8597 !important; }

.panel .active-category .item-inner {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy41ODNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgNy41ODMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcuNTgzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZGVmcz48cmVjdCBpZD0iU1ZHSURfMV8iIHg9IjAiIHdpZHRoPSI3LjU4MyIgaGVpZ2h0PSIxMyIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cG9seWxpbmUgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIwLjUsMTIuNSA3LjA4Myw2LjUgMC41LDAuNSAiLz48L2c+PC9zdmc+") !important; }

/* ==================================================== */
/* PANEL LEFT
/* ==================================================== */
.panel.panel-left {
  border-right: 1px solid #575757; }

.list-block .item-content {
  padding-left: 0; }

.panel.panel-left .list-block .item-title {
  max-width: 168px; }

.panel.panel-left .list-block .item-media {
  padding: 0 3px 0 15px; }

.list-block .item-link .item-inner {
  padding-left: 15px; }

.list-block .item-link.active-state,
html:not(.watch-active-state) .list-block .item-link:active {
  color: #fff;
  background-color: #ff8597; }
  .list-block .item-link.active-state .icon,
  html:not(.watch-active-state) .list-block .item-link:active .icon {
    color: #fff !important; }

.list-block .item-link.active-state .item-media,
html:not(.watch-active-state) .list-block .item-link:active .item-media {
  color: #000; }

.list-block .item-link.active-state .item-text,
html:not(.watch-active-state) .list-block .item-link:active .item-text {
  color: #fff; }

.panel-left .list-block li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #575757;
  display: block;
  opacity: .5;
  filter: alpha(opacity=50);
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.panel-left .list-block ul:after {
  content: normal; }

.panel-left .list-block .item-inner:after {
  content: normal; }

.panel-left .list-block ul {
  background-color: transparent; }

#reset-buttons {
  position: absolute;
  width: 100%; }

#reset-buttons .logout .item-link.active-state .color-red,
#reset-buttons .languages .item-link.active-state .color-red {
  color: #fff; }

#reset-buttons .logout .item-link.active-state i.icon.icon-logout {
  background-image: url("../img/i-f7-logout-reverse.png"); }

#reset-buttons .languages .item-link.active-state i.icon.icon-flag {
  color: #fff; }

#reset-buttons .logout .item-link .item-inner,
#reset-buttons .languages .item-link .item-inner {
  background-image: none; }

/* ==================================================== */
/* PANEL RIGHT
/* ==================================================== */
.views {
  -webkit-box-shadow: 1px 0 50px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 0 50px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 0 50px 0px rgba(0, 0, 0, 0.5); }

.panel-right {
  background-color: #fff; }

.panel-right .content-block {
  margin: 0; }

.panel-right .content-block-title {
  margin: 0;
  color: #ff8597;
  font-weight: 500;
  font-size: 17px;
  line-height: 44px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.panel-right .list-block {
  margin-right: 15px;
  padding-left: 15px; }

.panel-right .list-block .item-inner {
  padding-right: 0; }

#quick-code {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #ff8597; }

/* ==================================================== */
/* BRAND
/* ==================================================== */
.landing-logo {
  display: block;
  margin: -14px auto 24px;
  width: 80%;
  max-width: 600px;
  min-height: 80px; }

@media (max-width: 736px) and (max-height: 414px) {
  .landing-logo {
    width: 80%;
    max-width: 200px; } }
i.logo {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-style: normal;
  position: relative; }

i.logo.brand {
  width: 110px;
  height: 35px;
  background-image: url("../img/logo.svg"); }

.list-block .item-link .item-inner i.icon.icon-arrow-next,
.list-block li.media-item .item-link .item-title-row i.icon.icon-arrow-next,
.list-block.media-list .item-link .item-title-row i.icon.icon-arrow-next,
.page.list .list-block .item-link .item-inner i.icon.icon-arrow-next,
.page.list .card-list .card-footer i.icon.icon-arrow-next {
  color: #ff8597;
  position: absolute;
  right: 20px;
  top: 20px; }
  .list-block .item-link .item-inner i.icon.icon-arrow-next:focus,
  .list-block li.media-item .item-link .item-title-row i.icon.icon-arrow-next:focus,
  .list-block.media-list .item-link .item-title-row i.icon.icon-arrow-next:focus,
  .page.list .list-block .item-link .item-inner i.icon.icon-arrow-next:focus,
  .page.list .card-list .card-footer i.icon.icon-arrow-next:focus {
    color: #fff; }

i.icon-arrow-next.back-btn {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #fff;
  position: relative;
  left: 8px;
  top: -3px; }

i.icon.icon-back {
  width: 12px;
  height: 20px;
  margin-left: 13px; }

i.icon-keypad-delete {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"><path d="M18,0h-8C8.9,0,7.9,0.5,7.1,1.2c0,0,0,0,0,0L1,7.2C0.6,7.7,0.6,8.4,1,8.8l4.9,4.7L7,14.6c0,0,0,0,0,0c0.7,0.9,1.8,1.4,3,1.4 h8c2.2,0,4-1.8,4-4V4C22,1.8,20.2,0,18,0z M17.3,11.2l-0.7,0.7l-3.2-3.2l-3.2,3.2l-0.7-0.7L12.8,8L9.6,4.8l0.7-0.7l3.2,3.2l3.2-3.2 l0.7,0.7L14.2,8L17.3,11.2z" fill="%23ffffff"/></svg>'); }

i.icon.icon-menu {
  font-size: 16px;
  line-height: 16px; }

i.icon.icon-location {
  width: 20px;
  height: 20px;
  color: #fff; }

i.icon.icon-hand-touch {
  width: 20px;
  height: 21px;
  color: #fff; }

#panelmenu-container i.icon.icon-plan:before {
  color: #fff; }

i.icon.icon-plan {
  width: 20px;
  height: 20px;
  line-height: 20px; }

.toolbar.bottom i.icon.icon-plan,
.toolbar-inline i.icon.icon-plan {
  font-size: 20px;
  margin-right: 8px;
  color: #fff; }

i.icon.icon-infos {
  width: 20px;
  height: 25px;
  font-size: 23px;
  color: #fff; }

i.icon.icon-logout {
  width: 20px;
  height: 20px; }

i.icon.icon-share {
  width: 20px;
  height: 20px;
  color: #fff; }

i.icon.icon-flag {
  width: 20px;
  height: 20px;
  color: #ff8597; }

i.icon.icon-small-artist {
  color: #000; }

i.icon-geolocate {
  z-index: 1;
  font-size: 25px;
  width: 30px;
  height: 30px;
  text-align: center; }

i.icon.icon-marker {
  top: -2px;
  width: 9px;
  height: 14px;
  margin-right: 3px;
  color: #fff;
  font-size: 13px; }
  .artwork-details i.icon.icon-marker {
    color: #000; }

i.icon.icon-delete {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  line-height: 20px;
  color: #fff; }

.slide-trigger-area {
  width: 100%;
  min-height: 46px;
  text-align: right; }

i.icon.icon-scroll-arrow {
  display: inline-block;
  width: 8px;
  height: 8px; }

i.icon.icon-scroll-arrow.scroll-reverse {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

i.icon.icon-scroll-down {
  width: 8px;
  height: 8px;
  color: #ff8597; }

.list-block {
  margin-top: 0;
  margin-bottom: 0; }

.list-block ul:before,
.list-block ul:after,
.list-block .item-inner:after,
.list-block .item-link.active-state .item-inner:after,
html:not(.watch-active-state) .list-block .item-link:active .item-inner:after {
  background-color: #000; }

.page-content .list-block .item-title {
  font-size: 18px; }

.list-block .item-link .item-inner,
.list-block li.media-item .item-link .item-title-row,
.list-block.media-list .item-link .item-title-row {
  background-size: 8px 14px;
  background-position: calc(100% - 20px) center; }

.list-block .item-link .item-inner {
  padding-left: 20px; }

.list-block li.media-item .item-title,
.list-block.media-list .item-title {
  font-weight: bold;
  font-size: 18px; }

.list-block .item-text {
  color: #000; }

.list-block .item-media {
  font-weight: bold;
  font-size: 18px; }

.list-block .item-inner {
  padding-top: 16px;
  padding-bottom: 15px; }

.toolbar {
  height: 42px; }

.toolbar:before {
  height: 0; }

.toolbar .left,
.toolbar .right {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.toolbar .center {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  margin: 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 44px;
  -webkit-flex-shrink: 10;
  -ms-flex: 0 10 auto;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.toolbar-inner {
  padding-right: 20px;
  padding-left: 20px; }

.toolbar-inner a {
  font-size: 16px; }

.content-block {
  margin: 0;
  padding: 0 20px; }

.content-block h2 {
  font-size: 24px;
  line-height: 29px; }

.content-block-inner {
  padding: 10px 20px;
  margin-left: -20px; }

.content-block .content-block-inner {
  background-color: inherit; }

.content-block-inner:after {
  content: normal; }

.content-block-inner:before {
  content: normal; }

.content-block-title {
  margin: 10px 0 0 0;
  padding: 0;
  text-transform: none; }

.content-block .content-block-inner .content-block-icon {
  text-align: center;
  margin-top: 0;
  margin-bottom: 12px; }

.page.shortcut .list-block.media-list {
  margin-bottom: 60px; }

.page.shortcut .list-block.media-list li {
  margin-bottom: 30px; }

.page.shortcut .content-block-inner {
  margin-bottom: 18px;
  padding: 0 inherit; }

.page.shortcut .content-block-inner:before,
.page.shortcut .list-block.media-list ul:before,
.page.shortcut .list-block.media-list .item-inner:after,
.page.shortcut .list-block.media-list ul:after {
  content: normal;
  height: 0; }

.list-block .item-media {
  padding: 0 0 0 20px; }

.page.shortcut .list-block.media-list .item-media {
  padding-top: 0;
  padding-bottom: 0; }

.page.shortcut .list-block .item-media {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.page.shortcut .list-block.media-list .item-content {
  height: 44px; }

.page.shortcut .list-block.media-list .item-title {
  font-size: 16px; }

.page.shortcut .list-block .item-media + .item-inner {
  margin-left: 12px; }

.page.shortcut .list-block.media-list .item-inner {
  padding-top: 11px;
  padding-bottom: 10px; }

.page.shortcut .list-block.media-list .item-title-row,
.list-block li.media-item .item-title-row {
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.page.shortcut p {
  margin-bottom: 15px; }

.page.shortcut .first-step,
.page.shortcut .second-step {
  background-repeat: no-repeat;
  background-position: center center; }

.page.shortcut .first-step {
  background-size: 14px 17px; }

.page.shortcut .second-step {
  background-size: 19px 19px; }

.list-block.media-list .item-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center; }
  .list-block.media-list .item-circle small {
    color: white;
    font-weight: normal; }

.page.home .content-block .content-block-inner {
  color: #000; }

.page.home .list-block {
  margin-bottom: 0; }

.page.home .list-block ul:before,
.page.home .list-block ul:after,
.page.home .list-block .item-inner:after {
  background-color: #575757; }

.page.home .content-block-inner p {
  margin-top: 5px; }

.page.home .list-block ul:after {
  content: normal; }

.card-header-pic .card-header {
  height: 64.5vw;
  background-size: cover;
  background-position: center; }

.card {
  margin: 0;
  border-radius: 0; }

.card-header,
.card-footer {
  border-radius: 0; }

.card-footer:before {
  height: 0; }

.card-footer {
  margin-top: -61px;
  padding: 17px 20px;
  font-weight: bold;
  font-size: 18px;
  background-size: 100% !important;
  background-position: 0 0 !important;
  color: #fff;
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.6) 100%); }

.home .card-footer {
  background: rgba(0, 0, 0, 0.4);
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.card-footer .link {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  color: #fff; }
  .card-footer .link:after {
    content: '';
    background: url(../img/icon-plus.svg) center center/100% no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    margin: 18px auto 0; }

.card-list .card-footer {
  margin-top: -78px; }

.card-list.single-item .card-footer {
  margin-top: -65px; }

.page.list .page-content {
  padding-bottom: 42px; }

.page.list.exhibitions .page-content {
  padding-bottom: 0; }

.page.list.exhibitions .content-block-title {
  overflow: auto;
  margin: 0;
  white-space: normal;
  text-overflow: clip; }

.page.list .list-block {
  margin-bottom: 0; }

.page.list .list-block li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #333;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.page.list .card-header-pic .card-header {
  height: 66.7vw; }

.page.list .content-block .content-block-inner .content-block-locations {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 13px; }

.page.list .content-block .content-block-inner .content-block-locations .content-block-location {
  display: block; }

.page.list .list-block .item-text {
  font-size: 13px;
  line-height: 19px; }

.page.list .list-block .item-media {
  height: 71px;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.page.list .list-block .item-inner:after {
  content: normal; }

.page.list .list-block .media-list {
  margin-bottom: 0; }

.page.list .card-footer-text {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-right: 20px;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.page.list .card-footer-text.no-location,
.page.list .card-footer-text.no-subtitle {
  padding-bottom: 1px; }

.page.list .card-footer-text small {
  display: block;
  font-size: 13px; }

.page.list .content-block-inner p {
  margin-top: 11px; }

.page.list .list-block.media-list .item-link .item-inner {
  padding-right: 20px; }

.page.list .list-block .item-text {
  height: auto; }

.page.list .list-block .item-link .item-inner,
.page.list .card-list .card-footer {
  background-position: 100% center; }

.page.list .card-list .card-footer {
  padding: 10px 20px 9px 20px;
  background-position: right 20px top 17px; }

.page.list .card-list .card-footer,
.page.list .list-block .item-link .item-inner,
.page.list .list-block .item-link.active-state .item-inner,
html:not(.watch-active-state) .page.list .list-block .item-link:active .item-inner {
  background-repeat: no-repeat;
  background-size: 8px 14px; }

.page.list .list-block .item-link .item-inner,
.page.list .list-block .item-link.active-state .item-inner,
html:not(.watch-active-state) .page.list .list-block .item-link:active .item-inner {
  background-position: right 20px center; }

.page.list .list-block.media-list .item-link .item-title-row {
  background: none; }

.page.list .list-block.media-list .item-link .item-inner {
  padding-top: 13px;
  padding-bottom: 18px; }

.page.list.webpage .item-title {
  font-weight: bold; }

.page.list.webpage .item-title small {
  display: block;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-transform: capitalize; }

.data-count {
  color: #ff8597; }

.page.details .content-block {
  margin: 25px 0; }

.page.details .content-block-body ul,
.page.details .content-block-body ol {
  display: block;
  margin: 12px 0;
  padding-left: 40px; }

.page.details .content-block-body ul {
  list-style-type: disc; }

.page.details .content-block-body ol {
  list-style-type: decimal; }

.page.details .content-block-body blockquote {
  display: block;
  margin: 12px;
  font-style: italic; }

.page.details.plan .content-block-title {
  margin-top: 0;
  margin-bottom: 0; }

.page.details.plan.exhibition .content-block-title {
  margin-bottom: 3px; }

.page.details.plan .content-block-title.exhibition-index {
  font-size: 40px;
  margin-bottom: 9px; }

.page.details.plan .content-block-title.exhibition-title {
  color: #fff;
  font-size: 24px; }

.page.details.plan .content-block-floor {
  font-weight: normal;
  font-size: 13px; }

.page.details.plan.exhibition .slide-trigger-area {
  position: absolute;
  width: 51px;
  top: 49px;
  right: 0;
  padding-top: 20px;
  padding-right: 20px;
  z-index: 2; }

.page.details.plan.exhibition .content-block {
  margin-right: 20px;
  margin-left: 20px; }

.page.details.plan.exhibition .swiper-slide {
  min-height: calc(100vh - 142px);
  display: block;
  align-items: stretch;
  justify-content: flex-start; }

.page.details.plan.exhibition .swiper-slide .content-block-title,
.page.details.plan.exhibition .swiper-slide .content-block-floor {
  text-align: left; }

.page.details.plan.exhibition .swiper-slide .swiper-plan {
  height: calc(100vh - 263px);
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.page.details.plan .content-block-title {
  line-height: 27px; }

.swiper-slide,
.plan-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.swiper-slide {
  height: calc(100vh - 200px); }

.plan-wrapper {
  height: calc(100vh - 225px); }

.swiper-slide img,
.plan-wrapper object {
  display: inline-block; }

.swiper-slide img {
  /*min-width: calc(100vw - 40px);*/
  /*max-height: calc(100vh - 350px);*/
  /*max-width: 100%;*/
  /*max-height: 100%;*/
  width: 100%;
  height: 100%; }

.swiper-plan object {
  width: 100%; }

.plan-wrapper object {
  width: calc(100% - 40px); }

.plan-wrapper object,
.swiper-plan object {
  /*max-height: calc(100vh - 350px);*/
  width: calc(100% - 40px);
  height: 100%; }

.swiper-pagination {
  height: 56px;
  position: relative; }

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  opacity: 1; }

.swiper-pagination-bullet:last-of-type {
  margin-right: 0; }

.swiper-pagination-bullet-active {
  background: #fff; }

#map, #map-details {
  position: absolute;
  top: 44px;
  bottom: 42px;
  width: 100%; }

.mapboxgl-popup {
  position: absolute;
  top: -11px; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
     not supported by any browser */
  overflow: hidden;
  height: 100%; }

.geolocation-btn.link {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute !important;
  bottom: 54px;
  left: 12px;
  color: #000; }

.geolocation-btn.link.active-state {
  opacity: 0.3;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  z-index: 1; }

.exhibition .content-block {
  margin-top: 0;
  margin-bottom: 44px;
  padding: 0; }

.exhibition .list-block .item-inner:after {
  content: normal; }

.exhibition .list-block li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.media-details .page-content {
  bottom: -1px; }

.media-details .content-block .content-block-index {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 40px; }

.media-details.video-details .content-block .content-block-title {
  margin-top: 33.2px; }

.media-details .content-block .content-block-title {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px; }

.media-details .content-block .content-block-artist,
.media-details .content-block .content-block-infos {
  margin: 0;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px; }

.media-details .content-block .content-block-artist {
  margin-bottom: 3px; }

.media-details i.icon.icon-small-artist,
.media-details i.icon.icon-marker {
  margin-right: 5px; }

.media-details .content-block-title {
  margin-bottom: 10px;
  font-size: 20px;
  text-transform: none;
  text-overflow: clip;
  white-space: normal;
  color: #ff8597; }

.media-details .content-block-text.no-audio {
  margin-top: 40px; }

.media-details .content-block-text.video-description {
  margin-top: 20px;
  margin-bottom: 40px; }

.media-details .content-block .content-block-body {
  padding: 0; }

.media-details .content-block-player {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: calc(100vh - 130px);
  padding: 0 20px; }

.media-details .content-block-player .content-block-flex {
  margin-bottom: 20px; }

.media-details i.icon.icon-big-play {
  display: block; }

.media-details .toolbar-fixed-on-scroll {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.media-details .toolbar-fixed-on-scroll.toolbar-hidden {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.media-details .toolbar-top {
  position: fixed !important;
  z-index: 99999;
  /*top: 44px;*/
  top: -456px;
  right: 0;
  left: 0;
  width: 100%;
  /*height: 56px;*/
  height: 556px;
  border-bottom: 1px solid #333; }

.media-details .toolbar-top .toolbar-inner {
  padding-bottom: 13px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.media-details .toolbar-top .toolbar-inner .row {
  width: 100%; }

.media-details .toolbar-top .content-block-button {
  margin-bottom: 0; }

.media-details .toolbar-top .content-block-button .circle {
  width: 30px;
  height: 30px;
  background-size: 15px 15px; }

.media-details .toolbar-top .toolbar-inner .toolbar-title {
  padding-left: 13px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.media-details .toolbar-top.no-player .toolbar-inner .toolbar-title {
  padding-left: 0; }

.media-details.video-details .content-block-videos {
  margin-top: 24px; }

.media-details .content-block-videos .item-video {
  margin-bottom: 6px; }

.media-details .content-block-videos .item-video:last-of-type {
  margin-bottom: 0; }

.media-details .content-block-videos .item-video iframe {
  width: 100%; }

.media-details .content-block-videos + .content-block-pictures {
  margin-top: 20px; }

.media-details .content-block-videos,
.media-details .content-block-text + .content-block-pictures {
  margin-top: 40px; }

.media-details .item-picture:last-of-type {
  margin-bottom: 43px; }

.media-details .item-picture img {
  min-width: 100%;
  max-width: 100%; }

.media-details .toolbar {
  background-color: transparent; }

.media-details .toolbar-inner .link.centered {
  display: block;
  width: 100%;
  text-align: center; }

.media-details .toolbar-inner .link.centered i.icon.icon-scroll-down {
  display: inline-block; }

.media-details .page-content .toolbar i.icon.icon-plan-location {
  margin-right: 8px; }

.media-details.video-details .content-block .content-block-body p:first-of-type {
  margin-top: 0; }

span[data-count='1']:before,
span[data-count='2']:before,
span[data-count='3']:before,
span[data-count='4']:before,
span[data-count='5']:before,
span[data-count='6']:before,
span[data-count='7']:before,
span[data-count='8']:before,
span[data-count='9']:before {
  content: '0'; }

.modal {
  border: 1px solid #2a2a2a; }

.modal,
.modal-button {
  background: #000;
  color: #fff;
  z-index: 99999; }

.modal-title {
  color: #ff8597; }

.modal-inner,
.modal-button.active-state,
html:not(.watch-active-state) .modal-button:active {
  background: #000; }

.modal-button.active-state,
html:not(.watch-active-state) .modal-button:active {
  opacity: .3;
  filter: alpha(opacity=30);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.picker-modal.modal-stop {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important; }

.page.quickaccess .content-block {
  height: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.page.quickaccess .content-block .item-input {
  width: 100%;
  margin-bottom: 260px; }

.picker-modal .toolbar + .picker-modal-inner {
  height: 100%; }

.picker-keypad-button,
.picker-keypad-button.picker-keypad-button-dark {
  background-color: #000;
  color: #fff; }

.popover-angle:after {
  background-color: #000; }

.picker-keypad .picker-modal-inner:before,
.picker-keypad-button:before,
.picker-keypad-button:after {
  background-color: #575757; }

.page.quickaccess .button,
.numpad {
  height: 44px;
  padding: 0;
  border-radius: 0;
  font-size: 25px; }

.numpad {
  width: 100%;
  background-color: #EDEDED;
  text-align: center;
  border: 0; }

.page.quickaccess .button {
  width: 100%;
  font-size: 18px; }

.picker-keypad-button-number {
  font-size: 25px; }

.picker-keypad-button:not(.picker-keypad-dummy-button).active-state,
html:not(.watch-active-state) .picker-keypad-button:not(.picker-keypad-dummy-button):active,
.picker-keypad-button.picker-keypad-button-dark:not(.picker-keypad-dummy-button).active-state,
html:not(.watch-active-state) .picker-keypad-button.picker-keypad-button-dark:not(.picker-keypad-dummy-button):active {
  background-color: #000; }

.picker-keypad-button:not(.picker-keypad-dummy-button).active-state .picker-keypad-button-number,
html:not(.watch-active-state) .picker-keypad-button:not(.picker-keypad-dummy-button):active .picker-keypad-button-number {
  opacity: .3;
  filter: alpha(opacity=30);
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms; }

#audioPlayer {
  width: calc(100vw - 40px); }

#timeline {
  width: 100%;
  height: 3px; }

#playhead {
  width: 0;
  height: 3px; }

.content-block-button {
  margin-bottom: 30px; }

.content-block-button .circle {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center; }
  .content-block-button .circle .icon.icon-big-play {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 165px;
    font-size: 50px;
    color: #ff8597;
    text-align: center;
    padding-left: 5px; }

.content-block-button .circle.pause .icon.icon-big-play {
  padding-left: 0; }
  .content-block-button .circle.pause .icon.icon-big-play:before {
    content: '\o'; }

.content-block-duration {
  font-size: 12px; }

.media-details .toolbar-fixed-on-scroll .content-block-button .circle .icon.icon-big-play {
  width: 30px;
  height: 30px;
  line-height: 36px;
  font-size: 16px;
  padding-left: 2px; }
.media-details .toolbar-fixed-on-scroll .content-block-button .circle.pause .icon.icon-big-play {
  padding-left: 0; }

.login-screen {
  padding-top: 44px; }

.login-screen .list-block {
  padding: 0 20px; }

.login-screen .button {
  border-color: #ff8597; }

.login-screen .landing-logo {
  margin-bottom: 50px; }

.login-screen .login-screen-content form {
  width: 100%; }

.login-screen .color-red.button:not(.button-fill).active-state,
html:not(.watch-active-state) .login-screen .color-red.button:not(.button-fill):active {
  background-color: transparent; }

.login-screen .form-submit a {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.login-screen .form-submit a.active-state {
  opacity: .3;
  filter: alpha(opacity=30);
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms; }

.content-partner-title {
  margin-top: 40px; }

.partners {
  margin-top: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.partners img {
  max-width: 75%;
  max-height: 25vw; }

.content-block-body .partners:last-of-type {
  margin-bottom: 60px; }

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