/* create multiple animations */
/* add delay */
.cm-slideshow li span, .cm-slideshow-animation li span {
  min-width: 1450px;
  background-position: 20% 80%;
  opacity: 1; }
  @media (orientation: portrait) {
    .cm-slideshow li span, .cm-slideshow-animation li span {
      min-width: 320px;
      background-position: 95% 70%; } }
  @media screen and (max-device-width: 800px) and (orientation: landscape) {
    .cm-slideshow li span, .cm-slideshow-animation li span {
      min-width: 700px;
      background-position: 20% 100%; } }
.cm-slideshow li:nth-child(1) span, .cm-slideshow-animation li:nth-child(1) span {
  background-image: url(../images/vernissage/1.jpg); }
  @media screen and (max-device-width: 800px) and (orientation: portrait) {
    .cm-slideshow li:nth-child(1) span, .cm-slideshow-animation li:nth-child(1) span {
      background-image: url(../images/vernissage/1_mobile.jpg); } }
.cm-slideshow li:nth-child(2) span, .cm-slideshow-animation li:nth-child(2) span {
  background-image: url(../images/vernissage/2.jpg); }
  @media screen and (max-device-width: 800px) and (orientation: portrait) {
    .cm-slideshow li:nth-child(2) span, .cm-slideshow-animation li:nth-child(2) span {
      background-image: url(../images/vernissage/2_mobile.jpg); } }

/* animations */
.cm-slideshow-animation li span {
  opacity: 0; }
.cm-slideshow-animation li:nth-child(1) span {
  -webkit-animation: fadeInAnimation 3s ease-in forwards 0.1s;
  -moz-animation: fadeInAnimation 3s ease-in forwards 0.1s;
  -o-animation: fadeInAnimation 3s ease-in forwards 0.1s;
  animation: fadeInAnimation 3s ease-in forwards 0.1s; }
.cm-slideshow-animation li:nth-child(2) span {
  -webkit-animation: fadeInAnimation 4s ease-in forwards 3s;
  -moz-animation: fadeInAnimation 4s ease-in forwards 3s;
  -o-animation: fadeInAnimation 4s ease-in forwards 3s;
  animation: fadeInAnimation 4s ease-in forwards 3s; }

#contentwrapper {
  opacity: 1; }
  #contentwrapper .top-nav.dontanimate {
    opacity: 1; }
  #contentwrapper .description.invisible, #contentwrapper .contacts.invisible {
    opacity: 0;
    -webkit-animation: fadeOutAnimation 1s ease forwards 0s;
    -moz-animation: fadeOutAnimation 1s ease forwards 0s;
    -o-animation: fadeOutAnimation 1s ease forwards 0s;
    animation: fadeOutAnimation 1s ease forwards 0s; }
  #contentwrapper .description.animate, #contentwrapper .contacts.animate {
    opacity: 0;
    -webkit-animation: fadeInAnimation 3s ease forwards 0s;
    -moz-animation: fadeInAnimation 3s ease forwards 0s;
    -o-animation: fadeInAnimation 3s ease forwards 0s;
    animation: fadeInAnimation 3s ease forwards 0s; }
  #contentwrapper.animation {
    opacity: 0;
    -webkit-animation: fadeInAnimation 4s ease forwards 8s;
    -moz-animation: fadeInAnimation 4s ease forwards 8s;
    -o-animation: fadeInAnimation 4s ease forwards 8s;
    animation: fadeInAnimation 4s ease forwards 8s; }
    #contentwrapper.animation .description {
      opacity: 0;
      -webkit-animation: fadeInAnimation 4s ease forwards 8s;
      -moz-animation: fadeInAnimation 4s ease forwards 8s;
      -o-animation: fadeInAnimation 4s ease forwards 8s;
      animation: fadeInAnimation 4s ease forwards 8s; }
    #contentwrapper.animation .top-nav {
      opacity: 0;
      -webkit-animation: fadeInAnimation 2s ease forwards 8s;
      -moz-animation: fadeInAnimation 2s ease forwards 8s;
      -o-animation: fadeInAnimation 2s ease forwards 8s;
      animation: fadeInAnimation 2s ease forwards 8s; }
      #contentwrapper.animation .top-nav.dontanimate {
        opacity: 1; }

.smoother-overlay {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed; }
  .smoother-overlay.animate {
    -webkit-animation: fadeOutAnimation 1s ease forwards 0s;
    -moz-animation: fadeOutAnimation 1s ease forwards 0s;
    -o-animation: fadeOutAnimation 1s ease forwards 0s;
    animation: fadeOutAnimation 1s ease forwards 0s; }
  .smoother-overlay.invisible {
    opacity: 0; }

.no-cssanimations .cm-slideshow li span, .no-cssanimations .cm-slideshow-animation li span {
  opacity: 1;
  background-image: url(../images/renaissance/2.jpg); }
.no-cssanimations .contacts.invisible {
  display: none; }
.no-cssanimations .description.invisible {
  display: none; }

.footer {
  opacity: 0;
  -webkit-animation: fadeInAnimation 4s ease forwards 8s;
  -moz-animation: fadeInAnimation 4s ease forwards 8s;
  -o-animation: fadeInAnimation 4s ease forwards 8s;
  animation: fadeInAnimation 4s ease forwards 8s; }

/*create animation storyboard*/
@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInAnimation {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInAnimation {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
    visibility: visible; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOutAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-moz-keyframes fadeOutAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-o-keyframes fadeOutAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@keyframes fadeOutAnimation {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden; } }
@-webkit-keyframes blurring {
  0% {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px); }
  50% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }
@-moz-keyframes blurring {
  0% {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px); }
  50% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }
@-o-keyframes blurring {
  0% {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px); }
  50% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }
@keyframes blurring {
  0% {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px); }
  50% {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px); } }

/*# sourceMappingURL=vernissage.css.map */