@font-face {
  font-family: "freesson";
  src: url("/fonts/icons/freesson.eot");
  src: url("/fonts/icons/freesson.eot?#iefix") format("embedded-opentype"), url("/fonts/icons/freesson.woff") format("woff"), url("/fonts/icons/freesson.ttf") format("truetype"), url("/fonts/icons/freesson.svg#freesson") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before {
  font-family: "freesson" !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;
}
.link a::before,
[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "freesson" !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;
}
.link {
  position: relative;
/* height: 2.5em;
  width: 2.5em; */
  overflow: hidden;
  line-height: 0;
}
.link a {
  background-color: #fff;
  color: transparent;
  white-space: nowrap;
/*
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto; */
  padding: 8px;
  display: inline-block;
  height: 44px;
  width: 44px;
  font-size: 31px;
}
.link a:focus,
.link a:hover {
  background-color: #000;
  color: #fff;
  outline: 0 none;
}
.link a::before {
  color: #fff;
  margin-right: 5px;
  position: relative;
  top: -2px;
  left: -2px;
}
.link-twitter a {
  background-color: #3cf;
}
.link-twitter a:focus,
.link-twitter a:hover {
  color: #3cf;
}
.link-facebook a {
  background-color: #3b5998;
}
.link-facebook a:focus::before,
.link-facebook a:hover::before {
  color: #3b5998;
}
.link-soundcloud a {
  background-color: #ffa500;
}
.link-soundcloud a:focus::before,
.link-soundcloud a:hover::before {
  color: #ffa500;
}
.link-tumblr a {
  background-color: #314358;
}
.link-tumblr a:focus::before,
.link-tumblr a:hover::before {
  color: #314358;
}
.link-bandcamp a {
  background-color: #619aa9;
}
.link-bandcamp a:focus::before,
.link-bandcamp a:hover::before {
  color: #619aa9;
}
.link-youtube a {
  background-color: #cd201f;
}
.link-youtube a:focus::before,
.link-youtube a:hover::before {
  color: #cd201f;
}
.link a::before,
.link-web a::before,
.icon-web::before {
  content: "\68";
}
.link-web a:focus::before,
.link-web a:hover::before {
  color: #d0ff00;
}
.link-web a {
  background-color: #d0ff00;
}
.link-web a::before {
  color: #000;
}
.icon-left-down::before {
  content: "\61";
}
.link-left a::before,
.icon-left::before {
  content: "\62";
}
.link-right a::before,
.icon-right::before {
  content: "\63";
}
.link-search a::before,
.icon-search::before {
  content: "\64";
}
.link-map a::before,
.icon-map::before {
  content: "\65";
}
.link-twitch a::before,
.icon-twitch::before {
  content: "\66";
}
.link-twitter a::before,
.icon-twitter::before {
  content: "\67";
}
.link-soundcloud a::before,
.icon-soundcloud::before {
  content: "\69";
}
.link-skype a::before,
.icon-skype::before {
  content: "\6a";
}
.link-rss2 a::before,
.icon-rss2::before {
  content: "\6b";
}
.link-rss a::before,
.icon-rss::before {
  content: "\6c";
}
.link-twitter2 a::before,
.icon-twitter2::before {
  content: "\6d";
}
.link-asterisk a::before,
.icon-asterisk::before {
  content: "\6e";
}
.link-lastfm a::before,
.icon-lastfm::before {
  content: "\6f";
}
.link-instagram a::before,
.icon-instagram::before {
  content: "\70";
}
.link-mail a::before,
.icon-mail::before {
  content: "\71";
}
.link-facebook a::before,
.icon-facebook::before {
  content: "\72";
}
.link-facebook2 a::before,
.icon-facebook2::before {
  content: "\73";
}
.link-blogger a::before,
.icon-blogger::before {
  content: "\74";
}
.link-bitcoin a::before,
.icon-bitcoin::before {
  content: "\75";
}
.link-googlemap a::before,
.icon-googlemap::before {
  content: "\76";
}
.link-tumblr a::before,
.icon-tumblr::before {
  content: "\41";
  top: 1px;
}
.link-vimeo a::before,
.icon-vimeo::before {
  content: "\78";
}
.link-vine a::before,
.icon-vine::before {
  content: "\79";
}
.link-youtube a::before,
.icon-youtube::before {
  content: "\7a";
}
.link-bandcamp a::before,
.icon-bandcamp::before {
  content: "\42";
  font-size: 122%;
  top: -1px;
  left: -5px;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.ui_slideshow {
  width: 100%;
  overflow: hidden;
}
.ui_slideshow__thumbs,
.ui_slideshow__slides {
  white-space: nowrap;
}
.ui_slideshow__slides {
  position: relative;
}
.ui_slideshow--controls .ui_slideshow__slides {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.ui_slideshow--controls .ui_slideshow__slides.js-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.ui_slideshow__slides--grabbed {
  transition-duration: 0.4s !important;
}
.ui_slideshow__slide {
  position: relative;
  left: -100%;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: inline-block;
/* background-color: red; */
  background-position: center;
  background-repeat: no-repeat;
/* background-clip: border-box; */
/* background-attachment: fixed; */
  transform: translate3d(0, 0, 0);
/* box-sizing: content-box; */
/* transition: none !important; */
/* border: 1px solid red; */
}
.ui_slideshow__slides_ratio {
  position: relative;
}
.ui_slideshow__slides_ratio .ui_slideshow__slides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ui_slideshow__thumb {
  cursor: pointer;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.ui_slideshow__thumb:hover {
  opacity: 0.8;
}
.ui_slideshow__thumb--curr {
  opacity: 1;
  box-shadow: inset 0 0 0 1px #fff;
}
.ui_slideshow__thumbs__scroller {
  position: relative;
  left: 0;
  transition: left 0.4s ease;
}
.ui_slideshow__ctrl {
  cursor: pointer;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  padding: 20px;
  background: rgba(0,0,0,0.3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.ui_slideshow__ctrl:hover {
  opacity: 1;
}
.ui_slideshow__ctrl::after {
  font-size: 8em;
  font-weight: bold;
  font-family: monospace;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
.ui_slideshow__ctrl--prev {
  left: 0px;
}
.ui_slideshow__ctrl--next {
  right: 0px;
}
.ui_slideshow__ctrl--prev::after {
  content: '\2770';
}
.ui_slideshow__ctrl--next::after {
  content: '\2771';
}
.ui_slideshow__slide--move-left,
.ui_slideshow__slide--move-right,
.ui_slideshow__slide--move-revert {
  will-change: background-image, left;
  transition-property: left;
  transition-timing-function: ease;
  transition-duration: inherit;
  left: 0%;
}
.ui_slideshow__slide--move-left {
  left: 0%;
}
.ui_slideshow__slide--move-right {
  left: -200%;
}
.ui_slideshow__slide--move-revert {
  left: -100%;
}
.ui_slideshow .ui_spinner {
  position: absolute;
  margin: auto;
  left: 1%;
  right: 1%;
  top: 40%;
  opacity: 0.5;
}
.ui_spinner::before,
.ui_spinner::after,
.ui_spinner {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: ui_spinner 1.8s infinite ease-in-out;
}
.ui_spinner {
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.ui_spinner::before {
  left: -2em;
  animation-delay: -0.32s;
}
.ui_spinner::after {
  left: 2em;
}
.ui_spinner::before,
.ui_spinner::after {
  content: '';
  position: absolute;
  top: 0;
}
@keyframes ui_spinner {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1.3em #fff;
  }
  40% {
    box-shadow: 0 1em 0 0 #fff;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child+html .clearfix {
  zoom: 1;
}
/* IE7 */
@font-face {
  font-family: 'tstarregular';
  src: url("/fonts/tstar-regular.eot");
  src: url("/fonts/tstar-regular.eot?#iefix") format('embedded-opentype'), url("/fonts/tstar-regular.woff2") format('woff2'), url("/fonts/tstar-regular.woff") format('woff'), url("/fonts/tstar-regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  overflow: hidden;
}
body {
  font-family: tstarregular;
  font-size: 14px;
  background-color: #00bcf7;
/*background-image: url('/img/pattern.png');*/
  background: linear-gradient(to bottom, #d1fc00 0%, #00bcf7 100%);
  background-attachment: fixed;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}
a {
  color: #01bbf6;
  text-decoration: none;
}
#nav {
  width: 250px;
  background-color: #000;
  color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 10;
}
#nav li {
  list-style: none;
}
#nav li a {
  display: inline-block;
  line-height: 1;
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -1px;
  background-color: #000;
  padding: 0px 3px;
}
#nav li li::before {
  content: '├ ';
  opacity: 0.3;
  font-size: 116%;
}
#nav li li:last-of-type::before {
  content: '└ ';
  opacity: 0.3;
  font-size: 116%;
}
#nav li li:last-of-type {
  margin-bottom: 5px;
}
#nav ul {
  padding: 0;
  padding-left: 47px;
  text-transform: uppercase;
  font-size: 14px;
}
#nav ul ul {
  padding-left: 0;
  margin-left: -4px;
}
#nav > ul > li > a {
  font-size: 18px;
/*padding: 1px 5px;*/
  padding: 2px 0px;
}
#nav a:active,
#nav a {
  color: #fff;
}
#nav .active > a:hover,
#nav a:focus,
#nav a:hover {
  color: #d0ff00;
  outline: 0 none;
}
#nav .active > a:focus,
#nav .active > a {
  color: #01bbf6;
}
#nav address {
  font-style: normal;
  text-align: right;
  color: #fff;
  text-align: right;
  font-size: 87%;
  line-height: 1.15;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
#nav address div {
  color: #999;
}
.js #nav > ul > li > ul {
  display: none;
}
.js #nav > ul > li.active > ul {
  display: block;
}
.force_show {
  display: block !important;
}
#nav__logo {
  max-width: 71%;
  margin: auto;
  display: block;
  margin-top: 31px;
/*margin-left: -2px;*/
  position: relative;
  left: -3px;
}
#logo_sub {
/*color: #999;*/
  /*color: #01bbf6;*/
  color: white;
  text-transform: uppercase;
  padding-left: 46px;
/*text-align: center;*/
/*  font-size: 12px; */
  font-size: 13.3px;
/*transform: skewY(-8deg);*/
  margin-top: 27px;
  margin-bottom: 40px;
}
#logo_sub div {
  text-align: justify;
  margin-bottom: 2px;
}
.logo_sub1{
  letter-spacing: 2px;
}
.logo_sub2 {
  letter-spacing: 1.7px;
}
#main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
#main {
  margin: 0;
  margin-left: 250px;
  margin-right: 50px;
  max-width: 751px;
  height: 100%;
  background-color: #fff;
}
#nav .menu-social {
/*padding-left: 38px;*/
  text-align: center;
  position: absolute;
  bottom: 29px;
  left: 0;
  right: 14px;
  padding: 7px;
}
#nav .menu-social a {
/*color: #151515;*/
  color: #01bbf6;
  display: inline-block;
  font-size: 28px;
  padding: 7px;
}
#nav .menu-social a:focus,
#nav .menu-social a:hover {
/*color: #01bbf6;*/
  color: #d0ff00;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder {
/* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder {
/* IE 10+ */
  color: #fff;
}
:-moz-placeholder {
/* Firefox 18- */
  color: #fff;
}
.newsletter {
/*max-width: 71%;*/
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.newsletter label {
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
  padding-right: 10%;
/*color: #333;*/
  color: #01bbf6;
  font-size: 15.4px;
}
.newsletter label:hover {
  color: #d0ff00;
}
.newsletter input:focus {
  bottom: 0;
  color: #000;
  background: #01bbf6;
}
.newsletter input:focus ~ button {
  color: #fff;
  bottom: 0;
}
.newsletter input {
  position: absolute;
  bottom: -50px;
  transition: bottom 0.4s;
  width: 100%;
  font: inherit;
  color: #fff;
  background: #151515;
  border: 0 none;
  padding: 10px;
  padding-right: 43px;
  outline: 0 none;
}
.newsletter button {
  cursor: pointer;
  color: #000;
  font-size: 27px;
  background: transparent;
  border: 0 none;
  position: absolute;
  right: 2px;
/*top: 2px;*/
  bottom: -50px;
  transition: bottom 0.4s;
}
.newsletter button:hover {
  color: #01bbf6;
}
.newsletter input:focus ~ button:hover {
  color: #fff;
}
/*.is-home {
  .single .has_visuals {

  }
}*/
.is-home .single {
/*padding-top: 33.33%;*/
  padding-top: 42%;
  position: relative;
}
.is-home .single .slideshow__image,
.is-home .single header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}
.is-home .single .single__head__title__texts {
  position: absolute;
  bottom: 0;
  z-index: 999;
}
.is-home .single .single__head__title__texts h1 {
  display: inline-block;
}
.single header {
  position: relative;
}
.single header h1 {
  color: #000;
  background-color: #01bbf6;
  padding: 5px 30px;
  text-transform: uppercase;
  margin: 0;
}
.single header .single__head__nav {
/*position: absolute;
      bottom: 100%;*/
  font-style: normal;
/*top: 100%;*/
  display: inline-block;
/*padding: 5px 0;*/
}
.single header .single__head__nav__back {
  background-color: #000;
  padding: 5px 30px;
  padding-right: 15px;
  color: #fff;
}
.single header .single__head__nav__sub {
  color: #000;
  background-color: #d0ff00;
  padding: 5px 15px 5px 30px;
  line-height: 1.91;
/*
      vertical-align: bottom;*/
}
.single .has_visuals {
/*padding-top: 56.25%;*/
  padding-top: 42%;
}
.single .has_visuals .slideshow,
.single .has_visuals .single__head {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}
.single .has_visuals .slideshow .single__head__title,
.single .has_visuals .single__head .single__head__title {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.single .has_visuals .slideshow .single__head__title h1,
.single .has_visuals .single__head .single__head__title h1 {
  display: inline-block;
/*float: left;*/
  vertical-align: bottom;
/*
        vertical-align: top; */
}
.single .has_visuals .slideshow .single__head__title__texts,
.single .has_visuals .single__head .single__head__title__texts {
  float: left;
  display: inline-block;
}
.single .has_visuals .slideshow {
  overflow: hidden;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
}
.single .has_visuals .slideshow img {
  width: 100%;
  height: 100%;
  border: 0 none;
  object-fit: cover;
  outline: 0 none;
}
.single .has_visuals .slideshow img:focus {
  outline: 0 none;
}
.single .has_visuals .slideshow__slide {
/*position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: auto;
      height: auto;*/
  position: relative;
  height: 100%;
}
.single .has_visuals .slideshow__slide:focus {
  outline: 0 none;
}
.single .has_visuals .single__head {
  z-index: 1;
}
.single .has_visuals .single__links {
  margin: 0;
  margin-left: auto;
  padding: 0;
/*position: absolute;
      bottom: 0;
      right: 0;*/
  float: right;
  vertical-align: bottom;
}
.single .has_visuals .single__links li {
  float: left;
  list-style: none;
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
  margin-right: 0px;
  margin-top: 0px;
}
.is-home .single header .single__head__nav {
  position: static;
  display: block;
}
.slick-track {
  height: 100%;
}
.slick-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}
.slick-arrow {
  z-index: 100;
  border: 0 none;
  display: block;
  font-family: inherit;
  font-size: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.slick-arrow {
  opacity: 1;
  background-color: transparent;
}
.slick-arrow:focus,
.slick-arrow:hover {
  background: rgba(0,0,0,0.3);
  outline: 0 none;
}
.slick-arrow::after {
  font-size: 75px;
  font-weight: 100;
  font-family: inherit;
  color: #fff;
  text-shadow: 0 0 0 transparent;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
.slick-prev::after {
  content: '<';
}
.slick-next::after {
  content: '>';
}
.single__body {
  background-color: #fff;
}
/*.plural__items {

}*/
.single__body__content--single {
  display: -ms-flexbox;
  display: flex;
/*flex-direction: row-reverse;*/
}
.single__body__content--single > div ul li {
  list-style: disclosure-closed;
}
.single__body__content--single > div {
  padding: 30px;
  padding-bottom: 60px;
  text-align: justify;
  -ms-flex: 1;
      flex: 1;
}
.single__body__content--single > div h2 {
  left: -30px;
}
.single__body__content--single > div ul,
.single__body__content--single > div ol {
  padding: 0;
  padding-left: 1.21em;
}
.single__body__content--single > div ul li,
.single__body__content--single > div ol li {
  margin-bottom: 0.8em;
}
.single__body__content--single + .single__body__content--plural {
  margin-top: -33px;
}
.single__body__content ul,
.single__body__content ol {
  padding: 0;
}
.single__body__content h2 {
  background-color: #d0ff00;
  padding: 5px 30px;
  display: inline-block;
  position: relative;
}
.single__body__content p:first-child,
.single__body__content h2:first-child {
  margin-top: 0;
}
.single__body__content h3,
.single__body__content h4,
.single__body__content h5 {
  font-weight: bold;
}
.single__body__aside {
/*background-color: #eee;*/
  background-color: #f2f2f2;
  padding: 25px;
  font-size: 13px;
/*float: right;*/
/*width: 268px;*/
  vertical-align: top;
/*margin-left: 2em;*/
/*margin-bottom: 1em;*/
  margin-bottom: -1px;
  width: 33.33%;
  -ms-flex: 0 1 33.33%;
      flex: 0 1 33.33%;
  color: #555;
}
.single__body__aside ul {
  padding: 0;
  padding-left: 1.3em;
}
.single__body__aside ul li {
  margin-bottom: 0.8em;
}
.single__body__aside h2 {
  padding: 0;
  margin: 0;
  background: transparent;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #d4d4d4;
  color: #333;
}
.single__body__aside strong {
  color: #333;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 0.3em;
}
.single__body__aside__empty {
  background: transparent;
  margin-left: -30px;
}
.blog {
  padding-bottom: 30px;
  background-color: #d9d9d9;
/*
  height: 100%; */
}
.post__date {
  padding-left: 25px;
  font-size: 12px;
  background-color: rgba(0,0,0,0);
  color: #ddd;
  position: absolute;
  top: 100%;
  right: 5px;
  padding-top: 5px;
}
.post > header.has-visu {
  padding-top: 30%;
}
.post > header.has-visu h2 {
  position: absolute;
  bottom: 0;
}
.post > header {
/* overflow: hidden; */
  position: relative;
}
.post > header .post__visu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}
.post > header h2 {
  margin: 0;
  padding: 30px;
  background-color: #01bbf6;
  padding: 5px 30px;
  display: inline-block;
}
.post > header img {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0 none;
  object-fit: cover;
  object-position: 50% 30%;
/* top: -50%;
    left: -30%; */
  outline: 0 none;
}
.post > div {
  padding: 30px;
/* padding-bottom: 60px; */
/* border-bottom: 5px solid #d9d9d9; */
  margin-bottom: 30px;
  background-color: #fff;
}
.post > div p:first-child {
  margin-top: 0;
}
.post--date > div {
  padding-top: 55px;
}
.post--date__nfo {
  position: absolute;
  top: 100%;
}
.post--date__nfo__place,
.post--date__nfo__genre,
.post--date__nfo__begin {
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
}
.post--date__nfo__begin {
  background-color: #333;
}
.post--date__nfo__place {
  background-color: #000;
}
.post--date__nfo__genre {
  color: #000;
  background-color: #d0ff00;
}
.pagination {
  padding: 0;
  margin: 0;
  margin-top: 3em;
  text-align: center;
  font-size: 130%;
}
.pagination li {
  list-style: none;
  display: inline-block;
  margin: 0.5em;
}
.pagination li a {
  background-color: #ccc;
  border-radius: 100%;
  padding: 0.45em;
  display: inline-block;
  width: 2em;
  height: 2em;
  color: #000;
}
.pagination li a:hover {
  color: #fff;
  background-color: #01bbf6;
}
.pagination li.active a {
  background-color: #000;
  color: #fff;
}
.no-js .slideshow img {
  display: none;
}
.no-js .slideshow img:first-child {
  display: block;
}
#scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
}
.plural {
  background-color: #333;
  -ms-flex: 1;
      flex: 1;
}
.single__body__content .plural,
.single__body__content .plural__items {
  background-color: #ddd;
}
.plural__items {
  background-color: #444;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
h2 + .plural {
  margin-top: -1.3em;
  margin-bottom: -1.3em;
}
.bulle {
  position: relative;
  list-style: none;
  display: inline-block;
  vertical-align: bottom;
  width: 33.33%;
  margin: 0;
  text-align: left;
  overflow: hidden;
}
.bulle a {
  color: #000;
}
.bulle a:focus,
.bulle a:hover {
  color: #01bbf6;
  outline: 0 none;
/*.bulle__image {
    transform: scale(1.4)
  }*/
}
.bulle a:focus .bulle__sub,
.bulle a:hover .bulle__sub,
.bulle a:focus .bulle__name,
.bulle a:hover .bulle__name {
  color: #01bbf6;
  background: #000;
}
.bulle a:focus .bulle__sub,
.bulle a:hover .bulle__sub {
  color: #000;
  background: #fff;
}
/*.bulle a:focus,
.bulle a:hover {
  color: #01BBF6;
  outline: 0 none;
  .bulle__sub,
  .bulle__name {
    color: #01BBF6;
    background: #000;
  }
  .bulle__sub {
    color: #000;
    background: #fff;
  }
  .bulle__image {
    filter: sepia(1) hue-rotate(160deg) saturate(3);
    -webkit-filter: sepia(1) hue-rotate(160deg) saturate(3);
  }
}*/
.home-head:hover > header {
  filter: sepia(1) hue-rotate(160deg) saturate(3);
  -webkit-filter: sepia(1) hue-rotate(160deg) saturate(3);
  color: #01bbf6;
}
.home-head:hover > header h1 {
  color: #01bbf6;
  background: #000;
}
.home-head:hover > header .single__head__nav__sub {
  color: #000;
  background: #fff;
}
.bulle__info {
  position: absolute;
  bottom: 0;
  vertical-align: bottom;
}
.bulle__name {
  display: inline-block;
  background-color: #01bbf6;
  padding: 5px 10px;
  font-size: 120%;
  vertical-align: bottom;
}
.is-home .bulle__info {
  left: 0;
  right: 0;
}
.is-404 {
  padding: 30px;
  padding-top: 60px;
  font-size: 150%;
  text-align: center;
  -ms-flex: 1;
      flex: 1;
/*display: flex;
  justify-content: center;
  align-items: center;*/
  background-image: url("/img/404.gif");
  background-position: bottom right;
  background-repeat: no-repeat;
}
.is-404 header h1 {
  background: transparent;
}
.bulle__sub {
  color: #000;
  background-color: #d0ff00;
  display: inline-block;
  padding: 5px 10px;
  font-size: 85%;
  vertical-align: bottom;
}
.bulle__image {
  width: 101%;
  padding-top: 100%;
  background-color: #444;
  background-size: cover;
  background-position: 50% 50%;
  transition: transform 10s linear;
/*animation: zoomout .4s forwards;*/
}
.pixelate {
  animation: pixelate 0.25s forwards;
/*animation-iteration-count: 1;*/
}
/*.k7:hover .pixelate,
.pixelate:hover {
  animation: pixelate2 .3s forwards;
}
.paused {
  animation-play-state: paused !important;
}*/
/*@keyframes pixelate2 {
  0% {
    image-rendering: pixelated;
    transform: scale(60);
    transform-origin: top left;
  }
  25% {
    transform-origin: bottom right;
  }
  50% {
    transform-origin: center;
  }
  75% {
    transform-origin: top right;
  }
  90% {
    transform: scale(60);
    transform-origin: center center;
  }
  99% {
    transform: scale(1);
    transform-origin: center center;
    image-rendering: pixelated;
  }
  100% {
    transform: scale(1);
    image-rendering: auto;
    animation-iteration-count: 1;
  }
}*/
/*.bulle__image {
  width: 100%;
  padding-top: 100%;
  background-color: #ddd;
  background-size: cover;
  background-position: 50% 50%;
  transition: transform 10s linear;

  animation: zoomout 1s forwards;
  image-rendering: pixelated;
  background-blend-mode: difference;
}

@keyframes zoomout {
  0% {
    background-color: #00bcf7;
    background-blend-mode: difference;
    transform: scale(100)
  }
  80% {
    transform: scale(50)
  }
  99% {
    transform: scale(1)
  }
  100% {
    background-color: #d1fc00;
    background-blend-mode: normal;
  }
}*/
.bulle .bulle__date {
  color: #000;
  background: #fff;
  padding: 5px 10px;
  display: none;
}
.single .bulle__date {
  color: #fff;
  background: #000;
  display: block;
  position: absolute;
  top: auto;
  bottom: 100%;
}
.single .bulle__date .bulle__begin,
.single .bulle__date .bulle__place {
  display: inline-block;
  padding: 5px 10px;
}
.single .bulle__date .bulle__begin {
  background: #333;
}
.bulle--archive {
  opacity: 0.7;
  filter: grayscale(1);
}
.bulle--archive:hover {
  opacity: 1;
  filter: grayscale(0);
}
blockquote {
  background: #f2f2f2;
  border-left: 5px solid #ddd;
  margin: 1.5em 0;
  padding: 0px 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote p::before,
blockquote p::after {
  font-family: serif;
  color: #ddd;
  font-size: 7em;
  line-height: 0em;
}
blockquote p::before {
  content: open-quote;
  margin-right: 0.15em;
  position: relative;
  top: 0.25em;
}
blockquote p::after {
  content: close-quote;
  float: right;
  position: relative;
  margin-top: 0.5em;
}
blockquote p {
  display: inline;
}
blockquote em {
  color: #999;
  margin-top: 0.7em;
  margin-bottom: 0.9em;
  display: inline-block;
}
.plural--k7 > ul {
/*display: flex;*/
/*
  align-items: center;
  */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bulle--k7 {
/*padding-top: 100%;*/
/*vertical-align: bottom;*/
/*display: flex;
  justify-content: center;
  align-self: center;*/
  background: #000;
/*align-items: center;*/
/*align-content: center;*/
  padding-top: 33.33%;
  display: inline-table;
}
.bulle--k7 a {
/*display: flex;
  */
/*width: 100%;
  height: 100%;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
}
.single__body__content .plural--k7 {
  background: transparent;
  margin-bottom: 30px;
}
.k7 {
  display: block;
  position: relative;
  padding: 0;
  font-size: 0;
  line-height: 0;
/*margin-bottom: 15px;*/
  background: #000;
/* ///////////////////////////////////////////////////////////////////////////// */
/*min-height: 100px;*/
/* ///////////////////////////////////////////////////////////////////////////// */
/* box-shadow: 1px 1px 5px 0px rgba(0,0,0,.8); */
  overflow: hidden;
/*padding-top: 100%;*/
/*width: 33.33%;
  display: inline-block;*/
}
.k7__pochette--grey,
.k7__pochette {
  position: absolute;
  right: 0;
  width: 101%;
  height: 101%;
  object-fit: contain;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);
  transition: right 0.5s ease-out, transform 0.1s;
  transition-delay: 0s, 0.7s;
}
.k7__pochette--grey {
/*width: 100%;*/
  opacity: 0.3;
  filter: grayscale(100%);
}
.k7--playing .k7__pochette {
  right: -105%;
  transform: scale(0.99);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);
  transition: right 0.5s ease-in;
  transition-delay: 0.2s;
}
.k7__shadow {
  transition: box-shadow 0.2s;
  transition-delay: 0.7s;
}
.k7--playing .k7__shadow {
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2), inset 2px 10px 20px -5px rgba(0,0,0,0.2), inset 0px 1px 10px 0px rgba(0,0,0,0.2);
  transition-delay: 0s;
}
.k7__shadow,
.k7__controls {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.k7__controls {
  opacity: 0;
  transition: opacity 0.3s;
/*pointer-events: none;*/
}
.k7__controls button {
  outline: 0 none;
}
.k7:focus {
  outline: 0 none;
}
.k7--playing .k7__controls,
.k7:focus .k7__controls,
.k7__controls:hover {
  opacity: 1;
}
.k7__controls__play {
  cursor: pointer;
}
.k7__controls__play {
  border: 11px solid #fff;
  background-color: #000;
  width: 98px;
  height: 98px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -49px;
  margin-left: -49px;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.8);
}
.k7__controls__play path {
  fill: #c3ff00;
}
.k7__controls__playafter,
.k7__controls__playnext {
  display: none;
}
/*.bbb {
  .bulle {
    border: 5px solid #000;
    margin-left: -5px;
    margin-bottom: -5px;
    width: calc(33.33% + 5px);
  }
  .single__body__content .plural {
    padding-bottom: 5px;
  }
}*/
.single__body__aside .prochaines_dates {
  list-style: none;
  padding: 0;
}
.single__body__aside .prochaines_dates li {
  padding: 0;
}
@media (max-width: 750px) {
  .newsletter,
  .menu-social {
    display: none;
  }
  #nav {
    width: 100%;
    position: static;
    padding: 30px;
  }
  #nav > .menu {
    left: 0;
    padding-left: 0;
    width: auto;
  }
  #nav > ul > li > a {
    font-size: 22px;
  }
  #nav ul {
    font-size: 18px;
  }
  #nav address {
    top: -5em;
    right: 2em;
    margin-bottom: 15em;
    margin-top: 10em;
  }
  #nav__logo {
    width: 110px;
/* float: left; */
    margin: 0em;
    margin-left: -6px;
    margin-top: -13px;
/* display: none; */
  }
  #logo_sub {
    padding-left: 3px;
    font-size: 11px;
  }
  #main {
    margin: 0;
  }
  .single__body__content--single {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .single__body__aside {
    -ms-flex-order: 1;
        order: 1;
    margin: 0;
/*margin-left: -30px;
    margin-right: -30px;*/
    padding: 30px;
    margin-top: 1em;
    margin-bottom: 60px;
    width: auto;
  }
}
@media (max-width: 1000px) {
  .bulle {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .bulle {
    width: 100%;
  }
  .single .home-head > .has_visuals {
    padding-top: 75%;
  }
}
@media (max-width: 800px) {
  #main {
    margin-right: 0;
  }
}
@media (max-height: 670px) {
  #nav {
    overflow: auto;
  }
  #nav .newsletter {
    position: relative;
  }
  #nav .menu-social {
    position: static;
  }
  #nav .newsletter input:focus ~ button {
    bottom: -50px;
  }
  #nav .newsletter input:focus {
    bottom: -50px;
  }
}
@keyframes pixelate {
  0% {
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
    transform: scale(60);
    transform-origin: top left;
  }
  25% {
    transform-origin: bottom right;
  }
  50% {
    transform-origin: center;
  }
  75% {
    transform-origin: top right;
  }
  90% {
    transform: scale(60);
    transform-origin: center center;
  }
  99% {
    transform: scale(1);
    transform-origin: center center;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
  }
  100% {
    transform: scale(1);
    image-rendering: auto;
  }
}