.gm-control-active>img{box-sizing:content-box;display:none;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}
.gm-control-active>img:nth-child(1){display:block}
.gm-control-active:hover>img:nth-child(1),.gm-control-active:active>img:nth-child(1){display:none}
.gm-control-active:hover>img:nth-child(2),.gm-control-active:active>img:nth-child(3){display:block}
.gm-ui-hover-effect{opacity:.6}.gm-ui-hover-effect:hover{opacity:1}
.gm-style .gm-style-cc a,.gm-style .gm-style-cc button,.gm-style .gm-style-cc span,.gm-style .gm-style-mtc div{font-size:10px;box-sizing:border-box}
@media print {  .gm-style .gmnoprint, .gmnoprint {    display:none  }}@media screen {  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }}</style><style>.gm-style-pbc{transition:opacity ease-in-out;background-color:rgba(0,0,0,0.45);text-align:center}.gm-style-pbt{font-size:22px;color:white;font-family:Roboto,Arial,sans-serif;position:relative;margin:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.gm-style img{max-width: none;}.gm-style {font: 400 11px Roboto, Arial, sans-serif; text-decoration: none;}


@keyframes fadeIn {
    100% {
      opacity: 1;
    }
  }
  @keyframes flipInX {
    from {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
    }
    40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
    }
    60% {
      opacity: 1;
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
    }
    80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(5deg);
    }
    to {
      opacity: 1;
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  @keyframes popDown {
    0% {
      transform: translateY(-100px);
    }
  }
  @keyframes slideUp {
    0% {
      transform: translateY(300px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes slideDown {
    0% {
      transform: translateY(-300px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes slideInLeft {
    0% {
      opacity: 0;
      transform: translateX(-300px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideInRight {
    0% {
      opacity: 0;
      transform: translateX(300px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes toBottomFromTop {
    49% {
      transform: translateY(100%);
    }
    50% {
      opacity: 0;
      transform: translateY(-100%);
    }
    51% {
      opacity: 1;
    }
  }
  @keyframes popIn {
    0% {
      transform: scale(0);
    }
    60% {
      opacity: 1;
      transform: scale(1.05);
    }
    80% {
      transform: scale(0.95);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }



  .canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
  }



  @media screen and (min-width: 960px) {
    .waypoint {
      opacity: 0;
    }

    .animated.waypoint#gallery {
      opacity: 1;
    }
    .animated.waypoint#gallery .mix:nth-child(1) > div {
      animation: slideUp 0.75s 0.1s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(2) > div {
      animation: slideUp 0.75s 0.2s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(3) > div {
      animation: slideUp 0.75s 0.3s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(4) > div {
      animation: slideUp 0.75s 0.4s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(5) > div {
      animation: slideUp 0.75s 0.5s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(6) > div {
      animation: slideUp 0.75s 0.6s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(7) > div {
      animation: slideUp 0.75s 0.7s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(8) > div {
      animation: slideUp 0.75s 0.8s ease both;
      opacity: 0;
    }
    .animated.waypoint#gallery .mix:nth-child(9) > div {
      animation: slideUp 0.75s 0.9s ease both;
      opacity: 0;
    }

    .animated.slide-up {
      animation: slideUp 0.75s ease both;
    }
    .animated.slide-down {
      animation: slideDown 0.75s ease both;
    }
    .animated.slide-in-left {
      animation: slideInLeft 0.75s ease both;
    }
    .animated.slide-in-right {
      animation: slideInRight 0.75s ease both;
    }
    .animated.flip-in-x {
      animation: flipInX 0.75s ease both;
    }
    .animated.fade-in {
      animation: fadeIn 0.75s ease both;
    }
    .animated.pop-in {
      animation: popIn 1s both;
    }

    .canvas {
      background: #252934;
    }


  }