@charset "UTF-8";
/* IMPORTS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*!-Gallery Settings- */
/* GALLERY */
.screen-reader-text {
  display: none; }

.ngg-galleryoverview {
  width: 100% !important;
  position: relative;
  display: inline-block;
  margin: 0px !important;
  margin-bottom: 20px !important; }

.ngg-gallery-thumbnail-box {
  overflow: hidden;
  display: inline-block;
  width: 25% !important;
  margin: 0px !important;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  height: auto; }

.ngg-gallery-thumbnail {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  background: white url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/zoom.png") no-repeat center center;
  background-size: 2px; }

.ngg-gallery-thumbnail:hover {
  background: white url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/zoom.png") no-repeat center center;
  background-size: 15px; }

.ngg-gallery-thumbnail a img {
  width: 100% !important;
  height: auto;
  margin: 0 !important;
  padding: 0;
  border: none;
  display: block;
  opacity: 1;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }

.ngg-gallery-thumbnail:hover a img {
  opacity: 0; }

#TB_prev {
  position: fixed !important;
  width: 10px !important;
  height: 10px !important;
  padding: 30px;
  top: 45%;
  left: 0px;
  text-indent: -9999px;
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev.png") no-repeat center center;
  background-size: 30px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }
  @media screen and (max-width: 640px) {
    #TB_prev {
      left: -10px; } }

#TB_next {
  position: fixed !important;
  width: 10px !important;
  height: 10px !important;
  padding: 30px;
  top: 45%;
  right: 0px;
  text-indent: -9999px;
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next.png") no-repeat center center;
  background-size: 30px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }

#TB_next:hover {
  right: -10px;
  cursor: pointer; }

#TB_prev:hover {
  left: -10px;
  cursor: pointer; }

#TB_load img,
#TB_load {
  width: 16px !important;
  height: 16px !important;
  border: none !important;
  background: none !important;
  margin: 0px !important;
  padding: 0px !important; }

#TB_Image {
  border: none !important;
  vertical-align: top !important;
  display: inline-block !important;
  margin: 0px !important; }

#TB_closeWindow a {
  width: 40px !important;
  height: 40px !important;
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 100 !important;
  background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/close.png") no-repeat center center;
  background-size: 15px;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }

#TB_closeWindow a:hover {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

#TB_caption {
  width: 100%;
  height: auto !important;
  padding-top: 20px;
  text-align: center;
  padding: 20px 0px !important;
  background-color: transparent !important; }

#TB_overlay {
  background-color: #fff !important;
  opacity: 1 !important; }

#TB_window {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important; }

#TB_Image {
  margin-left: 15px !important; }

.tb-close-icon {
  width: 16px !important;
  height: 16px !important;
  display: none !important; }

.ngg-navigation {
  display: none !important; }

/* ADD RESET RULES */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

img {
  vertical-align: top; }

li {
  list-style: none; }

/* TYPO */
body, html {
  width: 100%;
  height: 100%; }

body {
  color: black;
  font: 0.8em/1.6em "minion-pro", Georgia, Serif;
  letter-spacing: 0.5px;
  text-align: center;
  background-color: white; }

#wrapper {
  width: 100%;
  height: 100%;
  min-height: 780px;
  opacity: 0;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (max-width: 640px) {
    #wrapper {
      min-height: 400px; } }

h1 {
  font: 4em/1em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px; }

h1 a {
  color: white;
  text-decoration: none; }

h2 {
  font: 2.4em/1.2em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px; }

h3 {
  font: 1.2em/1.4em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
  margin-bottom: 20px;
  text-transform: uppercase; }

h4 {
  font: 1.2em/1.4em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
  font-weight: 600; }

p {
  font: 1.2em/1.5em "minion-pro", Georgia, Serif;
  margin-bottom: 20px; }

ul {
  margin-bottom: 20px; }

strong {
  font-weight: 600; }

em {
  font-style: italic; }

a {
  color: black; }
  @media screen and (max-width: 640px) {
    a {
      cursor: default; } }

.wp-caption-text {
  font-style: italic;
  font-size: 1em !important;
  color: #666;
  margin-top: 10px; }

/* GENERAL STRUCTURE */
.menu-language {
  width: 80px;
  height: auto;
  position: absolute;
  top: 10px;
  margin-left: 30px;
  z-index: 210; }
  @media screen and (max-width: 640px) {
    .menu-language {
      right: 47px;
      margin-left: 0px; } }
  .menu-language li {
    float: left;
    margin-right: 10px; }
    @media screen and (max-width: 640px) {
      .menu-language li {
        float: right;
        margin-right: -1px;
        height: 40px;
        width: 40px; } }
    .menu-language li a {
      font: 0.9em/1.6em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
      font-weight: 700;
      text-transform: uppercase;
      text-decoration: none;
      color: #ccc;
      display: block; }
      @media screen and (max-width: 640px) {
        .menu-language li a {
          width: 40px;
          height: 40px;
          background-color: white;
          padding: 1px 5px;
          padding: 10px;
          border: 1px solid #ccc;
          margin-left: -1px; } }
    .menu-language li a:hover {
      text-decoration: underline;
      cursor: pointer; }
      @media screen and (max-width: 640px) {
        .menu-language li a:hover {
          text-decoration: none;
          background-color: black;
          color: white !important; } }
  .menu-language li.current-menu-item a {
    color: black; }

#header {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 200;
  text-align: center; }
  @media screen and (max-width: 640px) {
    #header #nav.visible {
      margin-top: 0px;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease; } }
  #header .mobile-nav {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 120;
    top: 10px;
    left: 10px;
    text-indent: -50%;
    overflow: hidden;
    background: white url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/menu-icon.png") no-repeat center center;
    background-size: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    display: none; }
    @media screen and (max-width: 640px) {
      #header .mobile-nav {
        display: block; } }
  #header .mobile-nav:hover {
    cursor: pointer;
    border: 1px solid black; }
  #header #nav {
    width: 100%;
    height: 40px;
    background-color: white;
    position: relative;
    display: inline-block; }
    @media screen and (max-width: 640px) {
      #header #nav {
        height: auto;
        margin-top: -500px; } }
    #header #nav li {
      display: inline-block;
      margin-right: -4px; }
      @media screen and (max-width: 640px) {
        #header #nav li {
          width: 100%;
          float: left; } }
      #header #nav li a {
        display: block;
        height: 40px;
        text-decoration: none;
        padding: 10px;
        color: #ccc;
        background-color: white;
        text-transform: uppercase;
        font: 0.9em/1.6em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
        font-weight: 700; }
        @media screen and (max-width: 640px) {
          #header #nav li a {
            border-bottom: 1px solid #333;
            font-size: 1.4em;
            text-align: left;
            color: #ccc;
            background-color: black;
            padding: 15px 10px 10px 80px;
            height: 60px; } }
      #header #nav li a:hover {
        color: black; }
        @media screen and (max-width: 640px) {
          #header #nav li a:hover {
            color: white; } }
      #header #nav li a.active {
        background-color: black;
        color: white; }
        @media screen and (max-width: 640px) {
          #header #nav li a.active {
            color: black;
            background-color: white; } }
    #header #nav li.contact {
      right: 30px;
      position: absolute; }
      @media screen and (max-width: 640px) {
        #header #nav li.contact {
          position: relative;
          right: auto; } }
      #header #nav li.contact a {
        background: white url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/enveloppe.png") no-repeat right center;
        background-size: 20px;
        padding-right: 25px;
        color: black;
        opacity: 0.25; }
        @media screen and (max-width: 640px) {
          #header #nav li.contact a {
            position: fixed;
            z-index: 100;
            top: 10px;
            right: 10px;
            height: 40px;
            width: 40px;
            opacity: 1;
            background-color: white;
            padding: 10px;
            border: 1px solid #ccc;
            margin-left: -1px;
            overflow: hidden;
            text-indent: -999px;
            background: white url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/enveloppe.png") no-repeat center center;
            background-size: 20px; } }
      #header #nav li.contact a:hover {
        opacity: 1;
        cursor: pointer; }

.news h2.archive-title {
  color: white; }

.single #page,
.archive #page {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 640px) {
    .single #page,
    .archive #page {
      height: auto;
      min-height: 100%; } }
  .single #page .archive-meta,
  .archive #page .archive-meta {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0px 60px 20px 60px; }
    @media screen and (max-width: 640px) {
      .single #page .archive-meta,
      .archive #page .archive-meta {
        width: 100%;
        padding: 20px; } }
    .single #page .archive-meta p,
    .archive #page .archive-meta p {
      margin-bottom: 0px; }
  .single #page h2.archive-title,
  .archive #page h2.archive-title {
    position: relative;
    width: 100%;
    padding: 0% 25%;
    height: auto;
    display: inline-block;
    text-align: center;
    margin: 40px 0px; }
    @media screen and (max-width: 640px) {
      .single #page h2.archive-title,
      .archive #page h2.archive-title {
        padding: 0px; } }
  .single #page a.title,
  .archive #page a.title {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    margin: 30px 0px; }
    .single #page a.title img,
    .archive #page a.title img {
      width: 80px;
      height: 80px; }
  .single #page #panier,
  .archive #page #panier {
    top: 10px; }
    @media screen and (max-width: 640px) {
      .single #page #panier,
      .archive #page #panier {
        top: 0px;
        left: 0px;
        width: 100%; } }
    .single #page #panier h3,
    .archive #page #panier h3 {
      margin-bottom: 0px !important; }
  .single #page #main,
  .archive #page #main {
    height: 100%; }
  .single #page #primary,
  .archive #page #primary {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    border: 30px solid white;
    border-top: 40px solid white;
    background-color: #ccc; }
    @media screen and (max-width: 640px) {
      .single #page #primary,
      .archive #page #primary {
        border: 0px solid white; } }
    .single #page #primary .wrapper,
    .archive #page #primary .wrapper {
      width: 100%;
      height: auto;
      float: left;
      min-height: 100%;
      vertical-align: top;
      background-color: rgba(0, 0, 0, 0.25); }
    .single #page #primary #content,
    .archive #page #primary #content {
      max-width: 720px;
      margin: 0 auto;
      padding: 60px;
      margin-bottom: 40px;
      background-color: white; }
      @media screen and (max-width: 1024px) {
        .single #page #primary #content,
        .archive #page #primary #content {
          width: 90%;
          padding: 40px;
          margin-top: 20px; } }
      .single #page #primary #content h3,
      .archive #page #primary #content h3 {
        margin-bottom: 20px; }
      .single #page #primary #content p,
      .archive #page #primary #content p {
        margin-bottom: 20px;
        text-align: center; }
        .single #page #primary #content p img,
        .archive #page #primary #content p img {
          margin-top: 10px;
          margin-bottom: 10px;
          border: 1px solid #efefef; }
        .single #page #primary #content p img.alignnone,
        .archive #page #primary #content p img.alignnone {
          width: 100%;
          height: auto; }
        .single #page #primary #content p img.aligncenter,
        .archive #page #primary #content p img.aligncenter {
          width: auto;
          max-width: 100%;
          height: auto;
          margin: 0 auto;
          margin-top: 10px;
          margin-bottom: 10px; }
        .single #page #primary #content p img.alignleft,
        .archive #page #primary #content p img.alignleft {
          width: auto;
          max-width: 100%;
          height: auto;
          float: left; }
      .single #page #primary #content .aligncenter,
      .archive #page #primary #content .aligncenter {
        margin: 0 auto; }
      .single #page #primary #content iframe,
      .archive #page #primary #content iframe {
        max-width: 100%;
        margin: 10px 0px; }
      .single #page #primary #content .social,
      .archive #page #primary #content .social {
        display: inline-block; }
        .single #page #primary #content .social h3,
        .archive #page #primary #content .social h3 {
          margin-bottom: 10px; }
        .single #page #primary #content .social a,
        .archive #page #primary #content .social a {
          text-decoration: none;
          opacity: 0.25; }
        .single #page #primary #content .social a:hover,
        .archive #page #primary #content .social a:hover {
          opacity: 1; }
    .single #page #primary .nav-single,
    .archive #page #primary .nav-single {
      width: 100%; }
      .single #page #primary .nav-single .nav-previous,
      .archive #page #primary .nav-single .nav-previous {
        position: fixed;
        left: 0px;
        top: 46%;
        text-decoration: none;
        z-index: 100;
        text-indent: 20px;
        border-left: 10px solid transparent; }
        @media screen and (max-width: 640px) {
          .single #page #primary .nav-single .nav-previous,
          .archive #page #primary .nav-single .nav-previous {
            left: -20px;
            border-left: 0px solid transparent; } }
      .single #page #primary .nav-single .nav-previous a,
      .archive #page #primary .nav-single .nav-previous a {
        display: inline-block;
        width: 60px;
        padding: 20px 0px 20px 40px;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        background: black url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev-white.png") no-repeat center left;
        background-size: 40px;
        border-left: 10px solid transparent;
        white-space: nowrap; }
      .single #page #primary .nav-single .nav-previous a:hover,
      .archive #page #primary .nav-single .nav-previous a:hover {
        width: auto;
        padding: 20px 20px 20px 40px;
        background: black url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev-white.png") no-repeat center left;
        background-size: 40px;
        border-left: 10px solid black;
        text-indent: 0; }
      .single #page #primary .nav-single .nav-next,
      .archive #page #primary .nav-single .nav-next {
        text-decoration: none;
        position: fixed;
        right: 30px;
        top: 46%;
        z-index: 100;
        text-indent: 60px; }
        @media screen and (max-width: 640px) {
          .single #page #primary .nav-single .nav-next,
          .archive #page #primary .nav-single .nav-next {
            right: 0px; } }
      .single #page #primary .nav-single .nav-next a,
      .archive #page #primary .nav-single .nav-next a {
        display: inline-block;
        width: 60px;
        padding: 20px 40px 20px 0px;
        color: #fff;
        text-decoration: none;
        background-color: black;
        overflow: hidden;
        text-overflow: ellipsis;
        background: black url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next-white.png") no-repeat center right;
        background-size: 40px;
        border-right: 10px solid transparent;
        white-space: nowrap; }
      .single #page #primary .nav-single .nav-next a:hover,
      .archive #page #primary .nav-single .nav-next a:hover {
        width: auto;
        padding: 20px 60px 20px 20px;
        background: black url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next-white.png") no-repeat center right;
        background-size: 40px;
        border-right: 10px solid black;
        text-indent: 0; }

.single #page a.title {
  position: absolute;
  z-index: 70;
  top: 0px;
  left: 0px; }

.single #page #primary #content {
  width: calc(100% - 60px);
  max-width: 720px;
  margin-top: 140px;
  display: inline-block; }

.archive #page {
  background-color: #efefef !important; }
  .archive #page .categories {
    top: 10px; }
    @media screen and (max-width: 640px) {
      .archive #page .categories {
        margin: 20px 0px; } }
  .archive #page #primary {
    padding-top: 0px;
    background-color: transparent; }
    .archive #page #primary #content {
      display: inline-block;
      max-width: 860px;
      padding: 0px;
      background-color: transparent; }
      .archive #page #primary #content .post {
        background-color: white;
        width: 33.333%;
        border: 1px solid #efefef;
        padding: 10px;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          .archive #page #primary #content .post {
            width: 49%; } }
        @media screen and (max-width: 640px) {
          .archive #page #primary #content .post {
            width: 100%;
            margin-right: 0px; } }
        .archive #page #primary #content .post img {
          width: 100%;
          height: auto;
          margin-bottom: 10px; }
        .archive #page #primary #content .post h3 {
          margin: 20px 0px 30px 0px; }
        .archive #page #primary #content .post .bt,
        .archive #page #primary #content .post .bt-black,
        .archive #page #primary #content .post .bt-grey {
          margin-bottom: 20px; }

.section {
  width: 100%;
  height: 100%;
  border: 30px solid white;
  border-top: 0px;
  position: relative;
  overflow: hidden;
  color: white;
  text-align: left;
  line-height: 0; }
  @media screen and (max-width: 640px) {
    .section {
      height: auto;
      border: 0px solid white; } }
  .section .anchor {
    width: 100%;
    height: 40px;
    display: inline-block;
    background-color: white; }
    @media screen and (max-width: 640px) {
      .section .anchor {
        height: 0px; } }
  .section .title {
    width: 100%;
    height: 100px;
    padding: 34px 0px;
    text-align: center;
    color: black;
    position: relative;
    z-index: 10;
    margin: 0px;
    display: none; }
    @media screen and (max-width: 640px) {
      .section .title {
        display: inline-block; } }
    .section .title h2 {
      margin: 0px; }

.intro {
  width: 340px;
  height: auto;
  position: absolute;
  z-index: 40;
  top: 80px;
  left: 40px; }
  @media screen and (max-width: 640px) {
    .intro {
      position: relative;
      display: inline-block;
      width: 80%;
      height: auto;
      left: 10%;
      top: 0px;
      padding-top: 60px;
      color: black;
      text-align: center; } }
  .intro h1 {
    color: white; }
    @media screen and (max-width: 640px) {
      .intro h1 {
        color: black;
        margin-bottom: 40px; } }
  .intro h3 {
    margin-bottom: 10px; }
  .intro p {
    margin-bottom: 20px; }
  .intro .intro-video {
    width: 60%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #333; }
    @media screen and (max-width: 640px) {
      .intro .intro-video {
        width: 100%;
        margin-bottom: 10px; } }
    .intro .intro-video .video-thumb {
      width: 100%;
      height: auto; }
  .intro #network {
    width: 100%;
    display: inline-block;
    margin: 20px 0px; }
    @media screen and (max-width: 640px) {
      .intro #network {
        text-align: center;
        margin-bottom: 40px; } }
    .intro #network li {
      width: 40px;
      height: 40px;
      display: inline-block;
      margin-right: 2px;
      overflow: hidden;
      text-indent: -999px; }
    .intro #network li a {
      width: 40px;
      height: 40px;
      display: block;
      opacity: 0.6;
      -moz-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease; }
    .intro #network li a:hover {
      opacity: 1;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .intro #network li.facebook a {
      background: transparent url(/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/facebook.png) no-repeat top center;
      background-size: 40px; }
      @media screen and (max-width: 640px) {
        .intro #network li.facebook a {
          background-color: #ccc;
          border-radius: 200px; } }
    .intro #network li.twitter a {
      background: transparent url(/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/twitter.png) no-repeat top center;
      background-size: 40px; }
      @media screen and (max-width: 640px) {
        .intro #network li.twitter a {
          background-color: #ccc;
          border-radius: 200px; } }
    .intro #network li.youtube a {
      background: transparent url(/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/youtube-round.png) no-repeat top center;
      background-size: 40px; }
      @media screen and (max-width: 640px) {
        .intro #network li.youtube a {
          background-color: #ccc;
          border-radius: 200px; } }

.one #soutien {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  font-size: 0.8em;
  padding-right: 70px; }
  @media screen and (max-width: 640px) {
    .one #soutien {
      display: none; } }
  .one #soutien img {
    position: absolute;
    top: -47px;
    right: 0px;
    width: 80px;
    height: auto; }
@media screen and (max-width: 640px) {
  .one {
    background: none !important;
    background-color: white !important; } }

.two {
  background-color: black; }
  .two .title {
    color: white; }

.three {
  background-color: black; }
  @media screen and (max-width: 640px) {
    .three {
      background-color: white; } }

.four {
  background-color: #efefef;
  text-align: center; }

.five .title {
  position: absolute;
  z-index: 50;
  left: 30px;
  top: 40px;
  width: 120px;
  height: auto;
  display: inline-block; }
  @media screen and (max-width: 640px) {
    .five .title {
      width: 100%;
      position: relative;
      top: auto;
      left: auto;
      margin: 0 auto;
      margin-bottom: 20px;
      margin-top: 20px; } }
  .five .title img {
    width: 120px;
    height: auto;
    float: left; }
    @media screen and (max-width: 640px) {
      .five .title img {
        float: none; } }

.six {
  background-color: black;
  text-align: center;
  display: block; }
  .six .title {
    background-color: black;
    color: white;
    height: 75px;
    padding-bottom: 0px;
    display: block; }
  .six h3 {
    margin-bottom: 30px;
    font: italic 1em/1.2em "minion-pro", Georgia, Serif;
    text-transform: capitalize; }
  .six .youtube {
    position: absolute;
    right: 0px;
    top: 165px;
    z-index: 10;
    text-align: right;
    color: #666;
    font-size: 0.9em;
    padding: 30px 90px 30px 0px; }
    @media screen and (max-width: 1024px) {
      .six .youtube {
        position: relative;
        display: inline-block;
        top: auto;
        right: auto;
        margin: 0 auto; } }
    .six .youtube a {
      width: 80px;
      height: 30px;
      float: right;
      margin-top: -15px;
      margin-right: -90px;
      background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/youtube.png") no-repeat right center;
      background-size: 80px;
      text-indent: 999px;
      overflow: hidden;
      opacity: 0.8; }
    .six .youtube a:hover {
      opacity: 1; }
  .six .ytcshort {
    margin: 0px !important; }
    .six .ytcshort .ytcplayer-wrapper {
      width: 100%;
      height: 100%;
      z-index: 250;
      position: fixed;
      display: none;
      top: 0px;
      left: 0px;
      background-color: black; }
      .six .ytcshort .ytcplayer-wrapper .embed-responsive {
        line-height: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #000;
        padding: 1px;
        border: 1px solid #333; }
    .six .ytcshort .ytcplayer-wrapper.visible {
      display: block; }
    .six .ytcshort .ytc-row {
      width: 50%;
      float: left;
      margin: 0px; }
      .six .ytcshort .ytc-row .ytc-column {
        padding: 0px;
        margin-bottom: 0px !important;
        position: relative; }
        .six .ytcshort .ytc-row .ytc-column .ytctitle {
          position: absolute;
          top: 0px;
          left: 0px;
          background-color: black;
          opacity: 0;
          width: 100%;
          height: 100%; }
          .six .ytcshort .ytc-row .ytc-column .ytctitle .popup-youtube {
            width: 100%;
            height: 100%;
            padding: 10px;
            display: block;
            color: white;
            text-decoration: none;
            text-align: left;
            font: 0.9em/1.3em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
            margin-bottom: 0px;
            text-transform: uppercase; }
        .six .ytcshort .ytc-row .ytc-column .ytctitle:hover {
          opacity: 1;
          cursor: pointer; }

.ytc-pslb.ytc-thumbnails a.ytcthumb {
  border: 1px solid black !important;
  border-right: none !important; }

.ytc-pslb.ytc-links {
  margin: 0px !important; }

/* POPUP */
button.mfp-close {
  top: 10px !important;
  right: 20px !important;
  position: fixed !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0px !important;
  padding: 0px !important;
  vertical-align: top !important;
  font-size: 32px !important;
  line-height: 32px !important;
  text-align: center !important;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }

button.mfp-close:hover {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  cursor: pointer; }

.mfp-bg,
.mfp-wrap {
  opacity: 1 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  left: 0px !important; }

.mfp-wrap:hover {
  cursor: pointer !important; }

.mfp-content {
  border: 1px solid #333; }

button.mfp-arrow-right,
button.mfp-arrow-left {
  display: none !important; }

.seven .title {
  display: block;
  height: auto;
  padding-bottom: 0px; }
  .seven .title h3 {
    font: italic 1em/1.2em "minion-pro", Georgia, Serif !important;
    margin: 10px 0px 20px 0px;
    text-transform: capitalize; }
  .seven .title h3.shop-info {
    width: 100%;
    max-width: 320px;
    height: auto;
    border-top: 1px solid #666;
    padding: 20px 0px;
    margin: 0 auto;
    text-align: center;
    text-transform: none; }
    @media screen and (max-width: 640px) {
      .seven .title h3.shop-info {
        max-width: 80%; } }
.seven a {
  text-decoration: none;
  color: black; }
@media screen and (max-width: 1024px) {
  .seven .arrows-shop {
    margin-bottom: 40px; } }
.seven .arrows-shop .next {
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next.png") no-repeat center center;
  background-size: 40px; }
.seven .arrows-shop .prev {
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev.png") no-repeat center center;
  background-size: 40px; }
.seven .arrows-shop .next:hover {
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next.png") no-repeat right center;
  background-size: 40px; }
.seven .arrows-shop .prev:hover {
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev.png") no-repeat left center;
  background-size: 40px; }
.seven .arrows-shop #pagination-shop .swiper-pagination-switch {
  border: 1px solid black; }
  .seven .arrows-shop #pagination-shop .swiper-pagination-switch:hover {
    background-color: rgba(0, 0, 0, 0.25); }
.seven .arrows-shop #pagination-shop .swiper-active-switch {
  background: black !important;
  border: 1px solid transparent; }
.seven .shop-wrapper {
  width: 100%;
  max-width: 1000px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
  background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/shelf.png") no-repeat center 135px;
  background-size: 1020px; }
  @media screen and (max-width: 640px) {
    .seven .shop-wrapper {
      margin-top: 40px; } }
  .seven .shop-wrapper .shop-swiper .swiper-slide {
    padding: 5px 20px 40px 20px;
    line-height: 1.4em;
    opacity: 1;
    background-color: transparent; }
    .seven .shop-wrapper .shop-swiper .swiper-slide h3 {
      margin-bottom: 0px; }
      .seven .shop-wrapper .shop-swiper .swiper-slide h3 a {
        text-decoration: none; }
      .seven .shop-wrapper .shop-swiper .swiper-slide h3 a:hover {
        text-decoration: underline; }
    .seven .shop-wrapper .shop-swiper .swiper-slide p {
      font-size: 1em; }
    .seven .shop-wrapper .shop-swiper .swiper-slide .item_price {
      margin: 10px 0px 15px 0px;
      display: inline-block;
      font: 1.4em/1em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
      text-transform: uppercase; }
    .seven .shop-wrapper .shop-swiper .swiper-slide img {
      height: 200px;
      width: auto;
      margin-bottom: 40px;
      -moz-box-shadow: #ccc 1px 1px 3px;
      -webkit-box-shadow: #ccc 1px 1px 3px;
      box-shadow: #ccc 1px 1px 3px; }

.post-2190 img {
  box-shadow: none !important; }

.news-swiper,
.shop-swiper {
  width: 33.333%;
  height: 100%;
  margin-left: 33.333%;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 1024px) {
    .news-swiper,
    .shop-swiper {
      width: 50%;
      margin-left: 25%;
      margin-bottom: 0px; } }
  @media screen and (max-width: 640px) {
    .news-swiper,
    .shop-swiper {
      width: 80%;
      margin-left: 10%; } }
  .news-swiper .swiper-wrapper,
  .shop-swiper .swiper-wrapper {
    height: auto !important; }
    .news-swiper .swiper-wrapper .swiper-slide,
    .shop-swiper .swiper-wrapper .swiper-slide {
      width: 100%;
      height: 480px !important;
      line-height: 1.4em;
      color: black;
      padding: 10px;
      text-align: center;
      background-color: white;
      opacity: 0.5;
      -moz-transition: opacity 0.25s ease;
      -o-transition: opacity 0.25s ease;
      -webkit-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease; }
      @media screen and (max-width: 640px) {
        .news-swiper .swiper-wrapper .swiper-slide,
        .shop-swiper .swiper-wrapper .swiper-slide {
          height: 450px !important; } }
      .news-swiper .swiper-wrapper .swiper-slide h3,
      .shop-swiper .swiper-wrapper .swiper-slide h3 {
        width: 100%;
        padding: 0px 20px;
        margin: 10px 0px 30px 0px; }
      .news-swiper .swiper-wrapper .swiper-slide img,
      .shop-swiper .swiper-wrapper .swiper-slide img {
        width: 100%;
        margin-bottom: 20px;
        height: auto; }
    .news-swiper .swiper-wrapper .swiper-slide-active,
    .shop-swiper .swiper-wrapper .swiper-slide-active {
      opacity: 1; }

.news-swiper {
  margin-top: 70px; }
  @media screen and (min-width: 1280px) {
    .news-swiper {
      width: 20%;
      margin-left: 40%; } }
  @media screen and (max-width: 640px) {
    .news-swiper {
      margin-top: 0px; } }

.arrows-news,
.arrows-films,
.arrows-music,
.arrows-videos,
.arrows-shop {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 10px;
  left: 0px;
  text-align: center;
  z-index: 100;
  background-color: transparent; }
  @media screen and (max-width: 640px) {
    .arrows-news,
    .arrows-films,
    .arrows-music,
    .arrows-videos,
    .arrows-shop {
      position: relative;
      bottom: auto;
      top: 0; } }
  @media screen and (min-width: 1280px) {
    .arrows-news,
    .arrows-films,
    .arrows-music,
    .arrows-videos,
    .arrows-shop {
      bottom: 20px; } }
  .arrows-news .prev,
  .arrows-films .prev,
  .arrows-music .prev,
  .arrows-videos .prev,
  .arrows-shop .prev {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    line-height: 1.4em;
    background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev-white.png") no-repeat center center;
    background-size: 40px;
    text-indent: 999px;
    overflow: hidden;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
  .arrows-news .next,
  .arrows-films .next,
  .arrows-music .next,
  .arrows-videos .next,
  .arrows-shop .next {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    line-height: 1.4em;
    background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next-white.png") no-repeat center center;
    background-size: 40px;
    text-indent: 999px;
    overflow: hidden;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
  .arrows-news .prev:hover,
  .arrows-films .prev:hover,
  .arrows-music .prev:hover,
  .arrows-videos .prev:hover,
  .arrows-shop .prev:hover {
    cursor: pointer;
    background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/prev-white.png") no-repeat left center;
    background-size: 40px; }
  .arrows-news .next:hover,
  .arrows-films .next:hover,
  .arrows-music .next:hover,
  .arrows-videos .next:hover,
  .arrows-shop .next:hover {
    cursor: pointer;
    background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/next-white.png") no-repeat right center;
    background-size: 40px; }
  .arrows-news #pagination-news,
  .arrows-news #pagination-films,
  .arrows-news #pagination-musique,
  .arrows-news #pagination-shop,
  .arrows-films #pagination-news,
  .arrows-films #pagination-films,
  .arrows-films #pagination-musique,
  .arrows-films #pagination-shop,
  .arrows-music #pagination-news,
  .arrows-music #pagination-films,
  .arrows-music #pagination-musique,
  .arrows-music #pagination-shop,
  .arrows-videos #pagination-news,
  .arrows-videos #pagination-films,
  .arrows-videos #pagination-musique,
  .arrows-videos #pagination-shop,
  .arrows-shop #pagination-news,
  .arrows-shop #pagination-films,
  .arrows-shop #pagination-musique,
  .arrows-shop #pagination-shop {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 18px 0px;
    vertical-align: top; }
    .arrows-news #pagination-news .swiper-pagination-switch,
    .arrows-news #pagination-films .swiper-pagination-switch,
    .arrows-news #pagination-musique .swiper-pagination-switch,
    .arrows-news #pagination-shop .swiper-pagination-switch,
    .arrows-films #pagination-news .swiper-pagination-switch,
    .arrows-films #pagination-films .swiper-pagination-switch,
    .arrows-films #pagination-musique .swiper-pagination-switch,
    .arrows-films #pagination-shop .swiper-pagination-switch,
    .arrows-music #pagination-news .swiper-pagination-switch,
    .arrows-music #pagination-films .swiper-pagination-switch,
    .arrows-music #pagination-musique .swiper-pagination-switch,
    .arrows-music #pagination-shop .swiper-pagination-switch,
    .arrows-videos #pagination-news .swiper-pagination-switch,
    .arrows-videos #pagination-films .swiper-pagination-switch,
    .arrows-videos #pagination-musique .swiper-pagination-switch,
    .arrows-videos #pagination-shop .swiper-pagination-switch,
    .arrows-shop #pagination-news .swiper-pagination-switch,
    .arrows-shop #pagination-films .swiper-pagination-switch,
    .arrows-shop #pagination-musique .swiper-pagination-switch,
    .arrows-shop #pagination-shop .swiper-pagination-switch {
      width: 6px;
      height: 6px;
      padding: 6px;
      display: inline-block;
      margin: 0px 5px;
      border-radius: 50%;
      background: transparent;
      border: 2px solid white;
      cursor: pointer; }
      .arrows-news #pagination-news .swiper-pagination-switch:first-child,
      .arrows-news #pagination-films .swiper-pagination-switch:first-child,
      .arrows-news #pagination-musique .swiper-pagination-switch:first-child,
      .arrows-news #pagination-shop .swiper-pagination-switch:first-child,
      .arrows-films #pagination-news .swiper-pagination-switch:first-child,
      .arrows-films #pagination-films .swiper-pagination-switch:first-child,
      .arrows-films #pagination-musique .swiper-pagination-switch:first-child,
      .arrows-films #pagination-shop .swiper-pagination-switch:first-child,
      .arrows-music #pagination-news .swiper-pagination-switch:first-child,
      .arrows-music #pagination-films .swiper-pagination-switch:first-child,
      .arrows-music #pagination-musique .swiper-pagination-switch:first-child,
      .arrows-music #pagination-shop .swiper-pagination-switch:first-child,
      .arrows-videos #pagination-news .swiper-pagination-switch:first-child,
      .arrows-videos #pagination-films .swiper-pagination-switch:first-child,
      .arrows-videos #pagination-musique .swiper-pagination-switch:first-child,
      .arrows-videos #pagination-shop .swiper-pagination-switch:first-child,
      .arrows-shop #pagination-news .swiper-pagination-switch:first-child,
      .arrows-shop #pagination-films .swiper-pagination-switch:first-child,
      .arrows-shop #pagination-musique .swiper-pagination-switch:first-child,
      .arrows-shop #pagination-shop .swiper-pagination-switch:first-child {
        margin-left: 0; }
      .arrows-news #pagination-news .swiper-pagination-switch:hover,
      .arrows-news #pagination-films .swiper-pagination-switch:hover,
      .arrows-news #pagination-musique .swiper-pagination-switch:hover,
      .arrows-news #pagination-shop .swiper-pagination-switch:hover,
      .arrows-films #pagination-news .swiper-pagination-switch:hover,
      .arrows-films #pagination-films .swiper-pagination-switch:hover,
      .arrows-films #pagination-musique .swiper-pagination-switch:hover,
      .arrows-films #pagination-shop .swiper-pagination-switch:hover,
      .arrows-music #pagination-news .swiper-pagination-switch:hover,
      .arrows-music #pagination-films .swiper-pagination-switch:hover,
      .arrows-music #pagination-musique .swiper-pagination-switch:hover,
      .arrows-music #pagination-shop .swiper-pagination-switch:hover,
      .arrows-videos #pagination-news .swiper-pagination-switch:hover,
      .arrows-videos #pagination-films .swiper-pagination-switch:hover,
      .arrows-videos #pagination-musique .swiper-pagination-switch:hover,
      .arrows-videos #pagination-shop .swiper-pagination-switch:hover,
      .arrows-shop #pagination-news .swiper-pagination-switch:hover,
      .arrows-shop #pagination-films .swiper-pagination-switch:hover,
      .arrows-shop #pagination-musique .swiper-pagination-switch:hover,
      .arrows-shop #pagination-shop .swiper-pagination-switch:hover {
        background-color: rgba(255, 255, 255, 0.5); }
      @media screen and (min-width: 1280px) {
        .arrows-news #pagination-news .swiper-pagination-switch,
        .arrows-news #pagination-films .swiper-pagination-switch,
        .arrows-news #pagination-musique .swiper-pagination-switch,
        .arrows-news #pagination-shop .swiper-pagination-switch,
        .arrows-films #pagination-news .swiper-pagination-switch,
        .arrows-films #pagination-films .swiper-pagination-switch,
        .arrows-films #pagination-musique .swiper-pagination-switch,
        .arrows-films #pagination-shop .swiper-pagination-switch,
        .arrows-music #pagination-news .swiper-pagination-switch,
        .arrows-music #pagination-films .swiper-pagination-switch,
        .arrows-music #pagination-musique .swiper-pagination-switch,
        .arrows-music #pagination-shop .swiper-pagination-switch,
        .arrows-videos #pagination-news .swiper-pagination-switch,
        .arrows-videos #pagination-films .swiper-pagination-switch,
        .arrows-videos #pagination-musique .swiper-pagination-switch,
        .arrows-videos #pagination-shop .swiper-pagination-switch,
        .arrows-shop #pagination-news .swiper-pagination-switch,
        .arrows-shop #pagination-films .swiper-pagination-switch,
        .arrows-shop #pagination-musique .swiper-pagination-switch,
        .arrows-shop #pagination-shop .swiper-pagination-switch {
          width: 10px;
          height: 10px;
          padding: 10px;
          margin-top: -2px; } }
    .arrows-news #pagination-news .swiper-active-switch,
    .arrows-news #pagination-films .swiper-active-switch,
    .arrows-news #pagination-musique .swiper-active-switch,
    .arrows-news #pagination-shop .swiper-active-switch,
    .arrows-films #pagination-news .swiper-active-switch,
    .arrows-films #pagination-films .swiper-active-switch,
    .arrows-films #pagination-musique .swiper-active-switch,
    .arrows-films #pagination-shop .swiper-active-switch,
    .arrows-music #pagination-news .swiper-active-switch,
    .arrows-music #pagination-films .swiper-active-switch,
    .arrows-music #pagination-musique .swiper-active-switch,
    .arrows-music #pagination-shop .swiper-active-switch,
    .arrows-videos #pagination-news .swiper-active-switch,
    .arrows-videos #pagination-films .swiper-active-switch,
    .arrows-videos #pagination-musique .swiper-active-switch,
    .arrows-videos #pagination-shop .swiper-active-switch,
    .arrows-shop #pagination-news .swiper-active-switch,
    .arrows-shop #pagination-films .swiper-active-switch,
    .arrows-shop #pagination-musique .swiper-active-switch,
    .arrows-shop #pagination-shop .swiper-active-switch {
      background-color: white !important;
      border: 2px solid white; }

@media screen and (max-width: 640px) {
  .arrows-films,
  .arrows-music {
    top: -60px; } }

.swiper-content-films,
.swiper-content-musique {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block; }
  .swiper-content-films ul,
  .swiper-content-musique ul {
    margin: 0px; }
  .swiper-content-films .swiper-slide,
  .swiper-content-musique .swiper-slide {
    position: relative;
    float: left;
    overflow: hidden;
    min-height: 340px; }
  .swiper-content-films .sleeve,
  .swiper-content-musique .sleeve {
    width: 420px;
    height: 375px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding-right: 50px;
    margin-top: -190px;
    margin-left: -220px;
    background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/vinyl.png") no-repeat top right;
    background-size: 330px; }
    @media screen and (max-width: 640px) {
      .swiper-content-films .sleeve,
      .swiper-content-musique .sleeve {
        width: 280px;
        height: 250px;
        margin-left: -120px;
        margin-top: -120px;
        background-size: 200px; } }
    .swiper-content-films .sleeve img,
    .swiper-content-musique .sleeve img {
      width: 100%;
      height: auto; }

.swiper-infos-films,
.swiper-infos-musique {
  width: 25%;
  max-height: calc(100% - 60px);
  position: absolute;
  right: 10px;
  top: 50px;
  z-index: 50;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  line-height: 1em;
  background-color: white;
  color: black;
  padding: 20px; }
  @media screen and (max-width: 1024px) {
    .swiper-infos-films,
    .swiper-infos-musique {
      width: 33.3%; } }
  @media screen and (max-width: 640px) {
    .swiper-infos-films,
    .swiper-infos-musique {
      width: 90%;
      height: auto;
      max-height: auto;
      top: -40px;
      left: 5%;
      position: relative; } }
  .swiper-infos-films ul,
  .swiper-infos-musique ul {
    margin: 0px !important; }
  .swiper-infos-films h3,
  .swiper-infos-musique h3 {
    margin-bottom: 30px;
    margin-top: -15px;
    text-transform: none; }
  .swiper-infos-films .accordionButton h3,
  .swiper-infos-musique .accordionButton h3 {
    margin-bottom: 30px;
    margin-top: -15px;
    text-transform: none;
    font-size: 2.4em; }
  .swiper-infos-films .accordionContent,
  .swiper-infos-musique .accordionContent {
    display: none; }
    .swiper-infos-films .accordionContent ul,
    .swiper-infos-musique .accordionContent ul {
      margin-bottom: 20px !important; }
  .swiper-infos-films .affiche,
  .swiper-infos-musique .affiche {
    border: 1px solid #efefef;
    width: 50%;
    margin-bottom: 20px; }
  .swiper-infos-films .swiper-slide,
  .swiper-infos-musique .swiper-slide {
    display: none;
    width: 100%; }
  .swiper-infos-films .swiper-slide.active,
  .swiper-infos-musique .swiper-slide.active {
    display: block; }
  .swiper-infos-films .bt-black,
  .swiper-infos-musique .bt-black {
    margin: 0px;
    margin-top: 5px;
    width: 100%; }
    .swiper-infos-films .bt-black a,
    .swiper-infos-musique .bt-black a {
      width: 100%;
      display: block; }

.trailer {
  position: absolute;
  width: 480px;
  height: 270px;
  top: 50%;
  left: 50%;
  margin-left: -240px;
  margin-top: -135px;
  z-index: 50; }
  .trailer img {
    width: 100%;
    height: auto;
    opacity: 0; }

.play {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  border: 3px solid white;
  border-radius: 60px;
  overflow: hidden;
  z-index: 150;
  display: inline-block;
  pointer-events: none;
  padding: 18px;
  line-height: 1.2em;
  background: rgba(0, 0, 0, 0.15) url(/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/play.png) no-repeat center center;
  background-size: 40px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  .play p {
    white-space: nowrap;
    margin-left: 60px;
    font: 1em/1.6em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
    font-weight: 700;
    color: white;
    text-transform: uppercase; }

.intro-video:hover,
.trailer:hover {
  cursor: pointer; }
  .intro-video:hover .play,
  .trailer:hover .play {
    width: 120px;
    margin-left: -60px;
    background: rgba(0, 0, 0, 0.25) url(/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/play.png) no-repeat left center;
    background-size: 40px; }
    .intro-video:hover .play p,
    .trailer:hover .play p {
      margin-left: 30px;
      margin-top: -1px; }

.page-content {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 60px 40px 40px 40px;
  line-height: 1.6em;
  display: inline-block;
  text-align: center;
  color: black; }
  @media screen and (max-width: 640px) {
    .page-content {
      padding: 0px 40px; } }

.cat-books {
  width: 100%;
  display: inline-block;
  padding-right: 10%;
  padding-left: 10%;
  margin: 0px;
  text-align: center;
  line-height: 2em; }
  @media screen and (max-width: 1024px) {
    .cat-books {
      padding: 0px 40px 40px 40px; } }
  @media screen and (max-width: 640px) {
    .cat-books {
      margin-top: 0px;
      padding: 0px 20px 40px 20px; } }
  .cat-books li {
    width: 18%;
    height: auto;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 10px;
    position: relative;
    top: 10px;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    @media screen and (max-width: 640px) {
      .cat-books li {
        width: 48%;
        float: left; } }
    .cat-books li a {
      width: 100%;
      height: auto;
      display: block;
      text-align: left;
      color: white;
      text-decoration: none; }
      .cat-books li a img {
        width: 100%;
        height: auto; }
    .cat-books li .cat-title {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      padding: 20px 40px 20px 20px;
      text-transform: uppercase;
      text-align: left;
      font: 1em/1.2em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
      display: none; }
  .cat-books li:hover {
    top: 0px; }

.categories {
  width: 25%;
  position: absolute;
  z-index: 50;
  top: 50px;
  right: 10px;
  padding-right: 15px;
  line-height: 1em;
  background-color: white;
  text-align: left; }
  @media screen and (max-width: 640px) {
    .categories {
      position: relative;
      width: 90%;
      top: 0px;
      left: 0px;
      display: inline-block;
      margin-left: 10%;
      margin-bottom: 30px; } }
  .categories .accordionButton {
    border: none;
    padding: 15px;
    background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-default.png") no-repeat center right;
    background-size: 10px;
    color: black; }
  .categories .accordionButton:hover {
    background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-open.png") no-repeat center right;
    background-size: 10px; }
  .categories .accordionButton.on {
    background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-close.png") no-repeat center right;
    background-size: 10px; }
  .categories .accordionContent {
    padding: 0px 0px 0px 15px;
    display: none; }
  .categories h3 {
    margin-bottom: 0px; }
  .categories ul {
    width: 100%;
    padding: 0px;
    margin: 0px; }
    .categories ul li {
      width: 100%; }
      .categories ul li a {
        display: block;
        padding: 10px 0px;
        text-decoration: none;
        color: #666;
        border-top: 1px solid #efefef;
        font: 1.3em/1.4em "brandon-grotesque", Helvetica, Arial, Sans-Serif; }
      .categories ul li a:hover {
        color: black; }
        .categories ul li a:hover:before {
          content: "→ ";
          font-style: Arial;
          margin-right: 3px;
          display: inline-block; }

#video-overlay {
  position: fixed;
  z-index: 250;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: black; }
  #video-overlay #video-overlay-box {
    line-height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #000;
    padding: 1px;
    border: 1px solid #333; }

.close,
#sb-nav-close {
  position: fixed;
  width: 15px;
  height: 15px;
  top: 20px;
  right: 20px;
  z-index: 1043;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }

.close:hover,
#sb-nav-close:hover {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  cursor: pointer; }

.contact-close {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 20px;
  right: 20px;
  z-index: 260;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }

.contact-close:hover {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  cursor: pointer; }

.accordionButton {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 12px 0px;
  text-transform: uppercase;
  border-top: 1px solid #ccc;
  font: 0.9em/1em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
  background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-default.png") no-repeat center right;
  background-size: 10px;
  color: #ccc; }
  .accordionButton h2 {
    margin-bottom: 0px; }

.accordionButton:hover {
  cursor: pointer;
  background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-open.png") no-repeat center right;
  background-size: 10px;
  color: black; }

.accordionButton.on {
  background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-close.png") no-repeat center right;
  background-size: 10px; }

.accordionContent {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  line-height: 1.6em;
  font-size: 0.9em; }

.edit-link {
  width: 100%;
  float: left;
  display: inline-block; }

.edit-link a {
  font-size: 1.3em;
  line-height: 1em;
  text-decoration: none;
  color: white;
  background-color: black;
  width: 20px;
  height: 20px;
  border-radius: 40px;
  text-align: center;
  padding: 2px;
  font-size: 1.2em;
  display: inline-block;
  margin: 10px 0px; }
  .edit-link a:hover {
    background-color: black; }

.gradient {
  width: 100%;
  height: 100px;
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/gradient.png") repeat-x;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 99;
  padding-top: 30px;
  text-align: center; }

a.top {
  position: fixed;
  z-index: 110;
  bottom: 40px;
  right: 40px;
  text-indent: -999px;
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: rgba(0, 0, 0, 0.2) url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/top.png") no-repeat 0px 10px;
  background-size: 80px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  @media screen and (max-width: 640px) {
    a.top {
      bottom: 30px; } }

a.top:hover {
  background: rgba(0, 0, 0, 0.2) url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/top.png") no-repeat 0px 0px;
  background-size: 80px;
  border: 1px solid white; }

a.top.hidden {
  bottom: -120px; }

.swiper-bg {
  width: 100%;
  height: 100%;
  top: 40px;
  left: 0px;
  position: absolute;
  z-index: 0; }
  @media screen and (max-width: 640px) {
    .swiper-bg {
      top: 0px; } }
  .swiper-bg ul {
    width: 100%;
    height: 100%; }
    .swiper-bg ul li {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      opacity: 0;
      -moz-transition: opacity 0.25s ease;
      -o-transition: opacity 0.25s ease;
      -webkit-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease; }
    .swiper-bg ul li.active {
      opacity: 0.7; }

#tabs {
  display: inline-block;
  width: 100%;
  height: calc(100% - 160px);
  position: relative; }
  #tabs #btnWrapper {
    width: 100px;
    height: 50px;
    position: absolute;
    z-index: 50;
    bottom: 0px;
    left: 50%;
    margin-left: -50px;
    display: none; }
    @media screen and (max-width: 1024px) {
      #tabs #btnWrapper {
        display: block; } }
    @media screen and (max-width: 640px) {
      #tabs #btnWrapper {
        display: none; } }
    #tabs #btnWrapper #downBtn a,
    #tabs #btnWrapper #upBtn a {
      width: 50px;
      height: 50px;
      padding: 24px 23px;
      background-color: black;
      float: left;
      color: white;
      text-decoration: none; }
    #tabs #btnWrapper #downBtn a:hover,
    #tabs #btnWrapper #upBtn a:hover {
      background-color: white;
      color: black;
      cursor: pointer;
      color: black; }
    #tabs #btnWrapper #upBtn a {
      border-right: 1px solid #333; }
  #tabs .ui-tabs-panel {
    display: inline-block;
    width: 100%;
    height: calc(100% - 50px);
    overflow: scroll;
    padding-top: 0px; }
    #tabs .ui-tabs-panel .tubepress_container {
      margin-bottom: 0px; }
    #tabs .ui-tabs-panel p {
      margin: 30px;
      line-height: 1.4em; }
  #tabs .ui-tabs-nav {
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    line-height: 1em; }
    #tabs .ui-tabs-nav li {
      width: 12.5%;
      display: inline-block; }
      @media screen and (max-width: 1024px) {
        #tabs .ui-tabs-nav li {
          width: 25%;
          float: left; } }
      #tabs .ui-tabs-nav li a {
        text-decoration: none;
        padding: 15px 10px;
        text-align: center;
        height: 70px;
        font-size: 0.9em;
        font-family: "brandon-grotesque", Helvetica, Arial, Sans-Serif;
        font-weight: 200;
        text-transform: uppercase;
        color: white;
        border-left: 1px solid #333;
        display: block;
        outline: none; }
        @media screen and (max-width: 640px) {
          #tabs .ui-tabs-nav li a {
            height: 60px;
            padding: 20px 10px; } }
        #tabs .ui-tabs-nav li a:hover h3 {
          color: white; }
      #tabs .ui-tabs-nav li h3 {
        float: left;
        width: 100%;
        text-transform: capitalize;
        font: italic 1em/1.2em "minion-pro", Georgia, Serif !important;
        color: #666;
        font-weight: normal;
        margin: 5px 0px 10px 0px !important; }
        @media screen and (max-width: 640px) {
          #tabs .ui-tabs-nav li h3 {
            display: none; } }
    #tabs .ui-tabs-nav li.ui-tabs-active a h3 {
      color: white; }

#panier {
  width: 25%;
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 80;
  color: black;
  line-height: 1.4em;
  border-radius: 3px;
  padding-right: 20px;
  text-align: left;
  background: white url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/cart.png") no-repeat 15px 10px;
  background-size: 25px;
  border: 1px solid #efefef; }
  @media screen and (max-width: 1024px) {
    #panier {
      width: 33.3%; } }
  @media screen and (max-width: 640px) {
    #panier {
      width: 80%;
      position: relative;
      top: 0px;
      left: 10%;
      float: left;
      margin-bottom: 40px; } }
  #panier .accordionButton {
    border: none;
    padding: 15px;
    background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-default.png") no-repeat center right;
    background-size: 10px;
    color: black; }
  #panier .accordionButton:hover {
    background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-open.png") no-repeat center right;
    background-size: 10px; }
  #panier .accordionButton.on {
    background: url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/accordion-close.png") no-repeat center right;
    background-size: 10px; }
  #panier .accordionContent {
    padding: 0px 0px 20px 20px;
    display: none; }
  #panier h3 {
    margin-left: 40px;
    margin-bottom: 0px; }
  #panier .headerRow {
    display: none; }
  #panier .bt-black {
    width: 100%;
    margin: 20px 0px 0px 0px;
    display: none; }
    #panier .bt-black a {
      display: block;
      text-align: center; }
  #panier .itemRow {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #efefef; }
    #panier .itemRow .item-name {
      font: 1.6em/1.2em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
      font-weight: bold;
      text-transform: uppercase;
      float: left;
      margin-bottom: 10px;
      width: 65%; }
    #panier .itemRow .item-increment a,
    #panier .itemRow .item-decrement a,
    #panier .itemRow .item-quantity {
      width: 25px;
      height: 25px;
      float: right;
      padding: 3px 2px;
      border: 1px solid #efefef;
      text-align: center;
      text-decoration: none;
      color: black;
      font: 1.4em/1em "brandon-grotesque", Helvetica, Arial, Sans-Serif; }
    #panier .itemRow .item-increment a,
    #panier .itemRow .item-decrement a {
      border-radius: 40px;
      margin-top: 0px; }
      #panier .itemRow .item-increment a:hover,
      #panier .itemRow .item-decrement a:hover {
        background-color: black;
        color: white;
        cursor: pointer; }
    #panier .itemRow .item-quantity {
      border: none; }
    #panier .itemRow .item-price {
      display: none; }
    #panier .itemRow .item-total,
    #panier .itemRow .item-remove {
      width: 50%;
      float: left;
      color: #666;
      font: 1.1em/1em "brandon-grotesque", Helvetica, Arial, Sans-Serif; }
    #panier .itemRow .item-remove {
      float: right;
      width: 100%;
      text-align: right; }
      #panier .itemRow .item-remove a {
        color: #666; }
      #panier .itemRow .item-remove a:hover {
        color: black;
        cursor: pointer;
        text-decoration: underline; }
  #panier .simpleCart_grandTotal {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #efefef;
    margin: 20px 0px 10px 0px;
    font: 1.6em/1em "brandon-grotesque", Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase; }
  #panier .shipping-wrapper {
    width: 100%;
    display: inline-block; }
    #panier .shipping-wrapper h4 {
      width: 50%;
      float: left;
      margin-left: 0px;
      font-weight: normal; }
    #panier .shipping-wrapper #shipping {
      width: 50%;
      float: left; }

#panier:hover {
  cursor: pointer; }

/* BOUTONS */
.single .bt,
.single .bt-black,
.single .bt-grey,
.archive .bt,
.archive .bt-black,
.archive .bt-grey {
  margin-bottom: 40px;
  font-size: 0.85em; }

.bt,
.bt-black,
.bt-grey {
  width: 100%;
  clear: both;
  display: inline-block;
  margin-bottom: 20px; }
  .bt a,
  .bt-black a,
  .bt-grey a {
    font-family: "brandon-grotesque", Helvetica, Arial, Sans-Serif;
    font-size: 0.85em;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 20px; }

.bt-black a {
  color: black;
  display: inline-block;
  border: 1px solid black; }
  .bt-black a:hover {
    background-color: black;
    color: white; }

.bt-grey a {
  color: #666;
  display: inline-block;
  border: 1px solid #ccc; }
  .bt-grey a:hover {
    border: 1px solid black;
    color: black; }

.bt a {
  color: white;
  border: 2px solid white; }
  .bt a:hover {
    background-color: white;
    color: black; }

.single.shop-2 #content,
.single.shop #content {
  width: 100% !important;
  padding: 60px 60px 0px 60px !important;
  max-width: 1000px !important;
  background: transparent url("/web/20230824173333im_/http://stefanliberski.com/site/wp-content/themes/stefanliberski/images/shelf.png") no-repeat center 290px !important;
  background-size: 1020px;
  margin-bottom: 0px !important; }
  .single.shop-2 #content .simpleCart_shelfItem,
  .single.shop #content .simpleCart_shelfItem {
    width: 100%;
    position: relative;
    text-align: center; }
    @media screen and (max-width: 640px) {
      .single.shop-2 #content .simpleCart_shelfItem,
      .single.shop #content .simpleCart_shelfItem {
        padding: 0px;
        text-align: center; } }
    .single.shop-2 #content .simpleCart_shelfItem h2 a,
    .single.shop #content .simpleCart_shelfItem h2 a {
      text-decoration: none;
      color: black; }
    .single.shop-2 #content .simpleCart_shelfItem .product-img,
    .single.shop #content .simpleCart_shelfItem .product-img {
      height: 300px;
      width: 100%;
      display: inline-block;
      position: relative;
      margin-bottom: 70px; }
      .single.shop-2 #content .simpleCart_shelfItem .product-img img,
      .single.shop #content .simpleCart_shelfItem .product-img img {
        width: auto;
        height: 300px;
        -moz-box-shadow: #ccc 1px 1px 3px;
        -webkit-box-shadow: #ccc 1px 1px 3px;
        box-shadow: #ccc 1px 1px 3px; }
    .single.shop-2 #content .simpleCart_shelfItem .product-detail,
    .single.shop #content .simpleCart_shelfItem .product-detail {
      width: 200px;
      position: absolute;
      top: 0px;
      right: 0px;
      text-align: left; }
      @media screen and (max-width: 1024px) {
        .single.shop-2 #content .simpleCart_shelfItem .product-detail,
        .single.shop #content .simpleCart_shelfItem .product-detail {
          position: relative;
          width: 100%;
          text-align: center;
          top: auto; } }
    .single.shop-2 #content .simpleCart_shelfItem .product-description,
    .single.shop #content .simpleCart_shelfItem .product-description {
      width: 520px;
      display: inline-block;
      margin-bottom: 40px; }
      @media screen and (max-width: 1024px) {
        .single.shop-2 #content .simpleCart_shelfItem .product-description,
        .single.shop #content .simpleCart_shelfItem .product-description {
          width: 100%; } }

.archive-bt {
  width: 100%;
  height: 42px;
  position: absolute;
  z-index: 100;
  left: 0px;
  bottom: 60px;
  text-align: center;
  line-height: 1em; }
  @media screen and (max-width: 640px) {
    .archive-bt {
      position: relative;
      bottom: 0px;
      margin-top: 40px; } }
  .archive-bt a {
    font-family: "brandon-grotesque", Helvetica, Arial, Sans-Serif;
    font-size: 0.85em;
    letter-spacing: 0.5px;
    height: 42px;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid white;
    text-align: center; }
  .archive-bt a:hover {
    border: 1px solid white;
    background-color: white;
    color: black; }

#contact {
  width: 560px;
  height: 360px;
  position: fixed;
  top: -100%;
  left: 50%;
  margin-left: -280px;
  margin-top: -180px;
  z-index: 120;
  color: white;
  text-align: center;
  background-color: #4fcda1;
  border-radius: 6px;
  padding: 40px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (max-width: 640px) {
    #contact {
      width: calc(100% - 60px);
      height: 420px;
      left: 30px;
      margin: 0px;
      border-radius: 0px;
      background-color: #3ccb9a; } }
  #contact h3.contact-bt,
  #contact p {
    margin-bottom: 0px; }
  #contact h4 {
    font-weight: normal; }
  #contact .shazamean {
    width: 100%;
    float: left; }
  #contact .contact-bt {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 20px 0px; }
  #contact .contact-bt a {
    display: inline-block;
    border: 1px solid white;
    color: white;
    padding: 10px 20px;
    text-decoration: none; }
    @media screen and (max-width: 640px) {
      #contact .contact-bt a {
        width: 100%; } }
  #contact .contact-bt a:hover {
    background-color: white;
    color: black; }

#contact.visible {
  opacity: 1;
  top: 50%; }
  @media screen and (max-width: 640px) {
    #contact.visible {
      top: 140px; } }

/*
     FILE ARCHIVED ON 17:33:33 Aug 24, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:38:50 Nov 01, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 260.147
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.058
  cdx.remote: 0.052
  esindex: 0.01
  LoadShardBlock: 234.271 (3)
  PetaboxLoader3.datanode: 187.514 (4)
  load_resource: 100.175
  PetaboxLoader3.resolve: 56.288
*/